::-moz-selection { color: #303241; background: #f7e14b;}
::selection { color: #303241; background: #f7e14b;}
body { font-family: 'Poppins', sans-serif; color:#303241;}
a, a:hover, a:active, a:visited { text-decoration: none !important; outline:0;}
.container { width: 80%;}

/*header*/
header { background: #0c0e14; clear: both; float: left; width: 100%;}
header .logo a { display: inline-block; width: 223px; height: 50px; background: url(../images/markup-logo-web.png) no-repeat center center; text-indent: -9999px;} 
nav { float: left; width: calc( 100% - 550px); text-align: center; margin-top: 25px;}
.logo { float: left; padding: 20px 60px 12px 20px; transition:all 0.5s;}
.scrolled .logo { padding: 15px 60px 12px 20px;}
.navigation li { float: none; display: inline-block; padding: 0 17px; position: relative}
.navigation li.hide-desk { display: none;}
.navigation li > a { padding: 0 0 17px; font-size: 16px; color: #fff; font-weight: 600; display: inline-block; position: relative;}
.navigation li > a:hover, .navigation li > a:focus, .navigation li > a:active, .navigation li > a:visited { text-decoration: none; border:0; box-shadow: none; outline: 0;}


.scrolled .navigation .sub { padding: 15px 0 0 0;}
.scrolled .navigation li > a { padding: 0 0 15px;}

.navigation li .sub-menu a, .scrolled .navigation li .sub-menu a { line-height: 45px; text-transform: none; padding: 2px 15px 4px 15px; display: inline-block; font-weight: 500; width: 100%; border-top: 1px solid #e5e5e5; font-size: 14px; position: relative; color: #303241;}
.navigation li .sub-menu a:hover { color: #00BCD4;}
.navigation li .sub-menu li > a::after { display: none;}
.navigation .sub { position: absolute; left: 18px; text-align: left; background: none; border-radius: 0px; border: 0; display: none; padding: 18px 0 0 0;}
.navigation li:hover .sub { display: block;}
.navigation li .sub-menu { display: block; min-width: 270px; background: #fff; border-radius: 0px; border: 1px solid #e5e5e5; border-top: 0;}
.navigation li .sub-menu li { width:100%; padding:0;}
.navigation li .sub-menu.inner-sub { position: absolute; left: 100%; top: 0; border-left: 1px solid #e5e5e5; display: none;}
.navigation li .sub-menu li:hover .inner-sub { display: block;}


.drop-menu { display: none;}
.navigation li > a:after{position:absolute;content:"";height:3px;width:0;left:50%;right:0;bottom:0px;background-color:transparent;color:#00BCD4;border-bottom:2px solid #00BCD4;transition:all .3s ease-in-out;transform:translate(-50%,0) translateZ(0);-webkit-transform:translate(-50%,0) translateZ(0);}
.navigation li:hover > a:after { width: 100%;}
.navigation li > a.estimate { background: #f7e14b; color: #252b33; border: 2px solid #f7e14b; border-radius: 100px; margin-bottom: 8px; padding: 10px 20px; line-height: 1.25; transition: all 0.2s;}
.navigation li > a.estimate:hover { background: #f34343; border-color: #f34343; color:#fff;}
.navigation li:hover > a.estimate:after { display: none;}
.nav-menu { display: none;}
.navbar-fixed-top { transition: all 0.4s;}
nav { transition: all 0.5s;}
.contact { float: right; color: #fff; font-size: 18px; font-weight: 700; padding: 38px 30px 0 0; transition: all 0.5s;}
.contact a { color:#fff;}
.scrolled header {}
.scrolled .contact, .inner-header .contact { color:#303241; padding: 32px 30px 0 0;}
.scrolled .contact a, .inner-header .contact a { color:#303241;}
.scrolled nav, .inner-header nav { margin-top: 17px;}
.scrolled .navbar-fixed-top, .inner-header .navbar-fixed-top { background: #fff; border-bottom: 1px solid #e6e6e6;}
.navbar { border:0;}
.scrolled .navigation li > a, .inner-header .navigation li > a { color:#303241;}
.scrolled header .logo a, .inner-header header .logo a { background: url(../images/markup-logo-gry-web.png) no-repeat center center;}

/*Home slider*/
#slides { background: url(../images/banner-img.jpg) no-repeat fixed 0 -130px / 100% auto;}
.banner-section { height: 800px; color:#fff; text-align: center; position: relative; overflow: hidden;}
#slides { position: relative; max-height:800px; overflow: hidden;}
#slides .banner-section .container, .banner-section.inner-pages .container { position: absolute; left: 0; right:0; width: 80%; margin: 0 auto; top: 45%; transform: translate(0, -50%);}
#slides .banner-section img { width: 100%;}
#slides .banner-section:before, .banner-section.inner-pages:before, .banner-section.inner:before { content:""; display: inline-block; position: absolute; left: 0; right: 0; top:0; background: url(../images/overlay-pattern.png) rgba(0,0,0,0.43); height: 100%; width: 100%;}
.main-title, .inner-pages .main-title h2 { font-size: 115px; line-height: 79px; position: relative; z-index: 100; margin-bottom: 25px; font-weight: 700; letter-spacing: -6.5px;}
.inner-pages .main-title.lrg h2 { font-size: 80px; letter-spacing: -5px; line-height: 0.7; margin-bottom: 28px;}
.inner-pages .main-title.larger h2 { line-height: 0.7; margin-bottom:29px}
.inner-pages .main-title.larger h2 { font-size: 85px; letter-spacing: -5.5px;}
.sub-title { font-size: 28px; line-height: 40px; font-weight: 600; margin-bottom: 10px;}
.banner-section .para, .banner-section .para h3, .inner-pages .para, .inner-pages .para h2 { font-size: 26px; line-height:1.3; margin: 10px 50px 0px 50px; font-weight: 600; color:#fff;}
.para h3 { display: inline;}
.banner-content { text-align: center; margin: 165px auto 0;}
.banner-img { margin: 125px auto 0; float: right;}
.btn-blue, .request-btn { background: #f34343; border-radius: 30px; padding: 14px 50px; text-align: center; color: #fff; font-size: 22px; margin-top: 25px; display: inline-block; cursor: pointer; margin-bottom: 15px; line-height:1.4; font-weight: 600; text-decoration:none;}
.banner-content .btn-blue { font-size: 24px; margin-top: 35px;  display: inline-block; cursor: pointer; margin-bottom: 15px; line-height: 1.4; font-weight: 600;}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus { background: #00BCD4; color: #fff; text-decoration: none;}

.vmid { position: relative; top:3px;}
.slidesjs-previous.slidesjs-navigation, .slidesjs-next.slidesjs-navigation{ position:absolute; top:50%; cursor:pointer; border:none; outline:none; z-index:99; display:inline-block; width:40px;height:40px; border-radius: 50%;}
.slidesjs-previous.slidesjs-navigation { left: 35px; transition: all 0.3s; background:url(../images/left-arrow.svg) no-repeat center center / 18px auto rgba(255,255,255,0.15);}
.slidesjs-next.slidesjs-navigation { right: 35px; transition: all 0.3s; background: url(../images/right-arrow.svg) no-repeat center center / 18px auto rgba(255,255,255,0.15);}
.slidesjs-pagination { position: absolute; width: 100%; z-index: 99; bottom: 20px; text-align: center; font-size:0;}
.slidesjs-pagination li { display: inline-block;}
.slidesjs-pagination li a { display: inline-block; width: 7px; height: 7px; background: #fff; margin: 5px 3px; border-radius: 50%;}
.slidesjs-pagination li a.active { background: #00BCD4;}

/*overview section*/
.column-content { color: #8b8b8b; line-height: 1.5; height: 250px;}
.title-heading, .title-heading h4 { color: #222222; font-size: 23px; font-weight: 700; margin: 20px auto; line-height:1;}
.red-text { color: #e74037;}
.read-more { color: #00BCD4; font-size: 16px; font-weight: 500; margin: 10px auto 0; display: inline-block; border: 2px solid #00BCD4; padding: 12px 25px; border-radius: 30px; transition: all 0.5s;}
.read-more:hover { color: #f34343; border: 2px solid #f34343;}
.overview-section { padding: 40px 0 100px 0;}
.heading1 { font-size: 44px; letter-spacing: -2px; line-height: 1.2; font-weight: 700; margin-bottom: 15px;}
.heading1.smaller { font-size: 35px; letter-spacing: -1px;}
.heading1.smaller.mb0 { margin-bottom: 0;}
.home-headings .heading2, .inner-headings .heading2, .home-headings .heading2 a, .inner-headings .heading2 a { font-size: 16px; color: #8b8b8b; font-weight: 400; line-height: 1.5; width: 90%; margin: 0 auto 20px;}
.inner-headings .heading2.mt0 { margin-top: -15px;}
.home-headings .heading2.larger, .inner-headings .heading2.larger, .home-headings .heading2.larger a, .inner-headings .heading2.larger a { font-size: 16px;}
.home-headings { text-align: center;}
.home-headings .heading2 h1 { display: inline;}
.content-wrap { padding: 50px 0 0; float: left; width: 100%;}

/*testimonials section*/
#testimonials { background: url(../images/testimonials-bg.jpg) no-repeat center center; height: 450px; float: left; width: 100%;}
#testimonials .banner-section { height: 450px; background: none;}
#testimonials .banner-section .container { padding-top: 56px}
.small-title { font-size: 50px; font-weight: 700; letter-spacing: -1px; line-height: 1.5; margin: 0 auto 0px;}
.testi-content .para { font-size: 24px; font-weight: 500; margin-bottom:10px;}
.name { font-size: 23px; font-weight: 600; color:#00BCD4; margin: 30px auto; display: inline-block; display: none;}

/*gaurantee*/
.content-pages .capabilities { padding: 50px 0 55px;}
.capabilities { color: #fff; overflow: hidden; box-sizing: border-box; text-align: center; float: left; width: 100%; background: #fff; padding: 50px 0 50px;}
.capabilities h2, .capabilities .h2, .our-brands h2, .our-brands .h2, .blogpost .h2 { color:#303241; font-weight: 700; font-size: 41px; letter-spacing: -2px; line-height: 1.2; margin: 25px 0 12px 0;}
.capabilities p { font-size: 17px; line-height: 1.5; color: #8b8b8b; font-size: 16px;}
.capabilities h3, .capabilities .h3, .post-content strong a {font-size: 21px; font-family: "Poppins", sans-serif; line-height: 22px; color: #303241; margin: 20px auto; font-weight: 600;}
h4.small-heading, .h4.small-heading {font-size: 18px; line-height: normal; color: #888; margin-bottom: 20px; margin-top: -8px; line-height: 1.5; color: #8b8b8b;}
h4.small-heading.mt0, .h4.small-heading.mt0 { margin-top: -13px;}
.icons-circles { border: 2px solid #2798bb; width: 130px; height: 130px; border-radius: 50%; display: inline-block;}
.icons-circles img { max-width: 80px; image-rendering: auto; vertical-align: middle;}
.icons-circles.smaller img { max-width: 70px;} 
.icons-circles::before { content: ""; display: inline-block; vertical-align: middle; float: none; height: 100%;}
.green-strip { display: inline-block; width: 120px; height: 2px; background: #2b9e03; margin: 30px auto 35px;}
h4.small-heading, .h4.small-heading {font-size: 16px; line-height: normal; color: #8b8b8b; margin-bottom: 20px; margin-top: -8px; font-weight: 400;  line-height: 1.5;  width: 90%;  margin: 0 auto 20px;}
.capabilities .boxes { margin: 30px auto;}
.capabilities .icons-sec { margin-bottom: 0px; width: 100%; display: inline-block;}
.heading1 .red, .red { color: #e74037;}

/*brands section*/
.our-brands { float: left; width: 100%; padding: 50px 0 30px; text-align: center;}
.our-brand { display: inline-block; width:auto; padding:10px 19px; position:relative; margin:15px 0 50px 0; border-radius:3px;}
.our-brand span { display:inline-block; background:#FFF; padding:5px; font-size:10px; color:#a7a7a7; text-transform:uppercase; font-family:'breuertextregular', Arial, sans-serif; position:absolute; left:390px; top:-10px; }
.our-brand ul { width:100%; float:left; }
.our-brand li { display:block; float:left; background:url(../images/home-logos.png) no-repeat left top; height:58px; text-indent:-9999px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";  filter: alpha(opacity=30);  -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.our-brand li:hover { cursor:pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.our-brand li { margin-left: 80px;}
.our-brand li:first-child { margin-left:30px; }
.our-brand li.logo1 { width:73px; background-position:0px 0px; }
.our-brand li.logo2 { width:85px; background-position:-143px 0px; }
.our-brand li.logo3 { width:86px; background-position:-291px 0px; }
.our-brand li.logo4 { width:72px; background-position:-446px 0px; }
.our-brand li.logo5 { width:87px; background-position:-578px 0px; }
.our-brand li.logo6 { width:96px; background-position:-720px 0px; }
.our-brand li.logo7 { width:83px; background-position:-855px 0px; }


/*blue-sec*/
.call-us-sec { width: 100%; height: 200px; background: #f34343; float: left; text-align: center; padding: 60px 0 0;}
.call-us-sec h3, .call-us-sec .h3 { float: left; font-size: 27px; color: #fff; font-weight: 600; margin: 28px auto 0;}
.chat-sec { float: right; color:#fff; margin-top:-10px;}
.chat-sec a { display: inline-block; width: auto; vertical-align: top; color: #fff; text-align: center; font-weight: 400; line-height: 1.5; padding: 0 15px; width: 250px;}
.chat-sec a span { text-transform: uppercase; display: block; font-weight: 600;  margin-bottom: -4px;  font-size: 18px;}
.chat-sec a.call-info { width: 220px;}
.chat-sec img { width: 38px;}
.call-us-sec .request-btn { background: #303241; color: #fff; padding: 17px 30px; line-height: 1.25; font-size: 16px; display: inline-block; margin: 15px auto; position: absolute; left:0;right:0; width: 295px; font-weight: 600; font-size: 22px;}
.request-btn:hover {background: #f7e14b; color: #252b33;}


/*corporate*/
.banner-section.corporate { background: url(../images/corporate.jpg) no-repeat fixed 0 28px / 100% auto;}
.banner-section.corporate:before { background: url(../images/overlay-pattern.png) rgba(0,0,0,0.3);}
ul.corporate-features1 { float:left; width:100%; text-align:center;}
ul.corporate-features1 li{ display:inline-block; width:22%; padding:0 25px; border-left: solid 1px #D7D7D7; text-align:center;}
ul.corporate-features1 li:first-child { border-left:none; }
ul.corporate-features1 li .largetxt { display:inline-block; font-size:34px; color:#f34343; vertical-align:middle; font-weight: 700;}
ul.corporate-features1 li .smalltxt { display:inline-block; font-size:13px; line-height: 1.2; padding-left:8px; vertical-align:middle; text-align:left; color: #8b8b8b;}
.commonhead, .normalhead h2, .normalhead h1 { font-family: 'Poppins', sans-serif; font-size: 25px; font-style: normal; font-weight: 700; letter-spacing: -0.5px; text-transform: none; margin: 65px 0 10px; display: inline-block; padding-bottom: 10px;}
.para, .listings, .services-left-column .para a, .services-left-column .para a:hover { font-family: "Poppins", sans-serif; font-size: 15px; line-height: 1.5; font-style: normal; text-transform: none; color: #8b8b8b; margin-bottom: 8px;}
.check-list { line-height: 1.5; color: #8b8b8b; font-size: 14px;}
.check-list li { padding: 20px 10px 20px 90px; background: url(../images/green-check.png) no-repeat 1px 12px; border-top: solid 1px #ddd; font-size: 16px; float: left; width: 100%; position: relative;}
.check-list li:first-child { border-top: none;}
.corporate-right h2 span { font-weight: 600; background: #303241; color: #fff; font-size: 35px; line-height: 44px; letter-spacing: -0.030em; padding: 2px 8px 5px; display: inline-block; margin: 1px 0;}
.corporate-left {padding-right: 30px; padding-bottom: 30px;}
.corporate-right {padding-left: 30px; margin-bottom: 50px;}
.blk-heading { padding-top: 45px; margin-bottom: 15px;}

/*inner-page*/
.banner-section.inner { margin-top: 0px; height: 475px;  background: url(../images/banner-img.jpg) no-repeat fixed 0 -180px / 100% auto;}
.banner-section.inner-pages { background: url(../images/banner-img.jpg) no-repeat fixed 0 -130px / 100% auto;}
.inner .container { width: 100%; height: 100%;}
.home-headings, .inner-headings { text-align: center;}
.banner-section .container { position: relative;}
.banner-section.inner .container:before { content: ""; height: 100%; width: 1px; vertical-align: middle; display: inline-block; margin-left: -0.32em;}
.banner-section.inner .container .row { display: inline-block; vertical-align: middle; position: relative; top: 30px;}
.inner .banner-content { margin-top:0;}
.content-sec { padding-top: 35px;}
/*.inner-pages .main-title, .inner-pages .main-title h1, .inner-pages .main-title h2 { font-size: 52px; line-height: 1.2; position: relative; z-index: 100; margin-bottom: 25px; font-weight: 600; letter-spacing: -2px;}*/
/*.inner-pages .main-title h2 { display: block; font-size: 82px; line-height: 1;}*/
.inner-pages .banner-content { margin-top: 165px;}
/*.inner-pages .para, .inner-pages .para h2 { font-size: 19px; font-weight: 400; line-height: normal; margin: 0 0 20px; color:#fff;}*/
.inner-pages .para h2 { display: inline; margin: 0;}
/*.content-pages .content-wrap { padding: 50px 0 50px;}*/
.portfolio-page .content-wrap { padding: 50px 0 15px;}
.portfolio-page .our-brands { padding: 10px 0;}
.banner-section.inner p, .heading2, .heading2 h2 { font-size: 25px; font-weight: 500; line-height: 1.3;}
.heading2 h3, .heading2 h2 { display: inline;}
.inner .banner-content { float: none; display: block; margin: 0 auto;}
.banner-section.inner .main-title { margin-bottom: 4px; font-weight:600; font-size: 70px; letter-spacing:-4px; margin-top:0;} 
.para strong, .check-list li strong { font-weight: 700; color:#303241; font-size: 18px;}
.check-list li strong { display: block; margin-bottom: 5px; font-size: 20px; color: #303241; font-weight: 700;}
.blue-line { display: inline-block; height: 2px; width: 100px; background: #f34343; margin: 15px auto 15px;}
.banner-section.inner .blue-line { margin-bottom: 24px;}
.para a, .email-link, .row-sec .next2btn a { color: #00bcd4;}
.para a:hover, .email-link:hover, .row-sec .next2btn a:hover { color: #f34343;}
.services-left-column p { margin-bottom: 15px;}
.icon-area { display: inline-block; width: 68px; height: 68px; background: #303241; position: absolute; left: 0;}

.features-sec { font-size:15px; color: #8b8b8b; line-height: 1.5; float: left; width: 100%; margin-top: 15px;}
.features-sec h3 { font-size: 18px; font-weight:700; color: #222222; line-height: 1.8;}
.features-box { padding-left: 0; padding-right: 30px;}
.app-icons { width: 50px; height: auto; display: inline-block; position: absolute; left: 0px; top: 5px; display: none;}
.app-icons img { width: 100%;}


/*Customer Requirements*/
.custom_requirements { float: right; width: 100%; border-radius: 3px; margin: 0 0 45px 0; background: #fff; padding: 20px 20px 23px 20px; border: 1px solid #e0e0e0; box-sizing: border-box; text-align: left;   min-height: 0;}
.custom_requirements .commonhead { margin: 0 auto;}
.fill-line { font-size: 12px; color: #8b8b8b; line-height: 1.3;}
.custom_requirements .form-area { padding-top: 5px; margin-top: 20px;}
.custom_requirements .form-group { position: relative; padding-top: 13px; margin-bottom: 5px;} 
.custom_requirements .form-area label { font-size: 14px;  color: #2b3448; font-weight: normal; position: absolute; left: 0; z-index: 1; top: -3px; transition: all 0.5s; font-weight:500;}
.custom_requirements .input-box1 { border:0; border-bottom: 1px solid #e0e0e0; height: 40px; z-index: 9; position: relative; background: none; font-size: 14px; padding: 4px 0 8px; width: 100%; border-radius:0px;}
.custom_requirements .input-box1.form-control { margin-bottom:13px; box-shadow: none !important;}
.custom_requirements .input-box1.form-control.error { border:0; border-bottom:1px solid #ff968b;}
.custom_requirements #comment { height: 120px; resize: none; margin-top: 10px; padding-top: 0px;}
.submit-txt strong { font-weight: 600; color: #303241; font-size: 16px;}
.custom_requirements .btn-blue { width: 100%;}
.custom_requirements .form-group.active label { top: -3px; opacity: 1; font-size: 14px;}
.services-left-column p { margin-bottom: 17px;}
.services-right-column  { margin-top: 45px;}
.error-msg { background: #f34343; color: #FFFFFF; padding: 8px 10px; font-size:14px; font-weight: 600; margin-bottom: 10px; text-transform:uppercase; border-radius:2px;}
.custom_requirements .error-msg { position: relative; top: -8px;}
.custom_requirements .form-group.captcha { margin-bottom: 12px; padding-top: 12px;}

/*dedicated teams*/
.banner-section.dedicated-teams { background: url(../images/corporate.jpg) no-repeat fixed 0 28px / 100% auto;}
.banner-section.dedicated-teams:before { background: rgba(0,0,0,0.2);}
.hiring-options { float:left; width: 31%; margin-left: 3.5%; margin-top:50px; margin-bottom:15px; border: 2px solid #ddd; border-radius: 3px 3px 3px 3px;}
.hiring-options:first-child { margin-left:0;}
.hiring-options ul.questions-answers {float:left; width:100%;; padding:35px; border-bottom: 2px solid #ddd;}
.hiring-options ul.questions-answers li { display:block; padding:4px 0 5px 0px;}
.hiring-options ul.questions-answers li.question {font-size: 20px; color:#222222; font-weight: 700; text-transform: uppercase;}
.hiring-options ul.questions-answers li.answer { line-height: 1.4; font-size: 14px; color: #8b8b8b;}
.hiring-options .heading2 { float:left; width: 100%; padding:35px 20px 10px 35px; font-size:16px; color:#222222; font-weight: 600; text-transform: uppercase;}

.hiring-options ul.service-details {float:left; width: 100%; padding:0 30px; height:190px;}
.hiring-options ul.service-details li{ display:block; padding:5px 0 5px 20px; background:url(../images/green-check.png) no-repeat 1px 10px; border-top:solid 1px #d8d5d4; line-height: 1.4; font-size: 14px; color: #8b8b8b;}
.hiring-options ul.service-details li:first-child { border-top:none;}

.hiring-options .heading3 { float:left; width:100%; text-align:center; padding: 25px 0 40px 0;}
.hiring-options .heading3 .button1 { font-size:18px; width: 225px; padding: 12px 0; display: inline-block;  background: #00BCD4; color: #fff; line-height: 1.4; font-weight: 600; border-radius: 30px;}
.hiring-options:hover .heading3 .button1 { background: #f34343;}
.dedicated-teams-page .expertise-development-bulletes li:last-child { border-bottom: 0;}
.dedicated-teams-page .hire-developers-sec { padding-bottom: 40px;}
.dedicated-teams-page ul.hire-team-process { padding-bottom:0;}

ul.hire-team-process { width:100%; float:left; padding: 40px 0;}
ul.hire-team-process li { float:left; padding:0 15px 25px;  border-left:solid 1px #e5e5e5; transition: all 0.5s;}
ul.hire-team-process li:first-child{ border-left:none;}
ul.hire-team-process li .thumb-area { display:block; height:127px; width: 127px; float: none; margin: 0 auto; border-radius: 50%; transition: all 0.5s;}
ul.hire-team-process li .title-area { display:block; float:left; width:100%; font-size:18px; color:#222; text-align:center; padding:23px 25px 0; line-height: 1.3; font-weight: 600;}
ul.hire-team-process li .sub-title-area { display:block; float:left; width:100%; font-size: 13px; color:#878787; text-align:center; padding-top:15px; line-height: 1.4;}
ul.hire-team-process li.step1 .thumb-area { background:url(../images/hire-icons-sprite.png) no-repeat 26px 22px #303241;}
ul.hire-team-process li.step2 .thumb-area { background:url(../images/hire-icons-sprite.png) no-repeat -143px 22px #303241;}
ul.hire-team-process li.step3 .thumb-area { background:url(../images/hire-icons-sprite.png) no-repeat -310px 22px #303241;}
ul.hire-team-process li.step4 .thumb-area { background:url(../images/hire-icons-sprite.png) no-repeat -474px 22px #303241;}

ul.hire-team-process li.step1:hover .thumb-area { background:url(../images/hire-icons-sprite.png) no-repeat 26px -104px #f34343;}
ul.hire-team-process li.step2:hover .thumb-area { background:url(../images/hire-icons-sprite.png) no-repeat -143px -104px #f34343;}
ul.hire-team-process li.step3:hover .thumb-area { background:url(../images/hire-icons-sprite.png) no-repeat -310px -104px #f34343;}
ul.hire-team-process li.step4:hover .thumb-area { background:url(../images/hire-icons-sprite.png) no-repeat -474px -104px #f34343;}
/*ul.hire-team-process li:hover .thumb-area { background-position:center bottom;}*/
.development-process { float: left; width: 100%; padding: 80px 0 40px;}

/*terms and condition*/
.general-left-column .commonhead { font-size: 22px; color: #303241; font-weight: 700; line-height: 1.5; padding-bottom: 10px; display: inline-block; margin: 0 auto;}
.tnc .link-list li { border-bottom: 1px solid #e6e6e6; width: 100%; color: #738495;}
.tnc .link-list li:last-child { border-bottom:0;}
.tnc .link-list li a { color: #303241; line-height: 1.5; padding: 5px 0; display: inline-block; font-size: 15px; font-weight: 500;}
.tnc .link-list li a:hover { color:#00BCD4;}
.tnc .para strong { display: block; margin: 30px auto 10px; text-transform: uppercase; font-size: 16px;}
.tnc .para strong.pt0 { margin-top: 0;}
.general-right-column { padding-left: 60px;}
.tnc { float: left; width: 100%; padding: 25px 0;}
.contact-columns .h2 { line-height: 1.2; margin-bottom: 40px; font-weight: 700; letter-spacing:-0.5px;}

.vmid { position: relative; top:3px;}
.slidesjs-previous.slidesjs-navigation, .slidesjs-next.slidesjs-navigation{ position:absolute; top:50%; cursor:pointer; border:none; outline:none; z-index:99; display:inline-block; width:40px;height:40px; border-radius: 50%;}
.slidesjs-previous.slidesjs-navigation { left: 35px; transition: all 0.3s; background:url(../images/left-arrow.svg) no-repeat center center / 18px auto rgba(255,255,255,0.25);}
.slidesjs-next.slidesjs-navigation { right: 35px; transition: all 0.3s; background: url(../images/right-arrow.svg) no-repeat center center / 18px auto rgba(255,255,255,0.25);}

.error, .error, .error, input.error, textarea.error, select.error { border-color: #ff968b !important;}

/*contact*/
dt, dd { font-weight: 500;}
.contact-pages { float: left; width: 100%; padding: 0 0 50px;}
.contact-form-area dt { float: left; padding-right: 1%; width: 49%;}
.contact-form-area .form-group { width: 50%; float: left;}
.contact-form-area .form-group.full, .contact-form-area .form-group.full:nth-child(odd), .contact-form-area .form-group.full:nth-child(even) { width: 100%; padding:0; margin-bottom: 25px;}
.contact-form-area .form-group:nth-child(odd) { padding-right: 1%; margin-bottom: 25px;}
.contact-form-area .form-group:nth-child(even) { padding-left: 1%; margin-bottom: 25px;}
.form-group label { font-weight: 600; line-height: 1.5; padding-bottom:5px; font-size:15px;}
.contact-columns2 { float:right; width: 32%;}
.contact-columns2 .lower-area { float:left; width:100%; padding:35px 25px; height: auto; border:solid 2px #ddd; border-top:none; border-radius:0 0 3px 3px;}
.contact-columns2 .lower-area .testimonial  { float:left; padding:0px 0 0 0px; width:100%; height:auto; background:url(../images/inverted-comma.png) no-repeat 0 10px; font-size:14px; line-height:1.5;color: #8b8b8b;}
.contact-columns2 .lower-area .testimonial span { display: block; padding-top: 10px; text-transform:uppercase; font-weight:600;}
.testimonial ul li a { color: #8b8b8b; font-size: 14px; line-height: 1.4; padding: 7px 0 8px 0; display: inline-block; border-bottom: 1px solid #ddd;width: 100%;}
.testimonial ul li:last-child a { border-bottom:0;}
.contact-columns2 .credit-cards { float:left; width:278px; padding:25px 20px 15px 20px; border:solid 1px #D1D1D1; margin-top:20px;  position:relative; line-height:12px;  font-size:10px; text-align:center;}
.contact-columns2 .credit-cards span.cards { display:block; float:left; width:260px; height:33px; text-indent:-9999px; background:url(../images/credit-cards.png) no-repeat center center #fff; position:absolute; left:32px; top:-16px; }
.contact-columns2 .upper-area { float:left; width:100%; border:solid 2px #ddd; border-radius:3px 3px 0 0; }
.contact-columns2 .upper-area .contact-icon { width:100%; padding:30px 25px 40px 28px; float:left; background:url(../images/contact-icon.png) no-repeat 278px 48px; font-size:14px;}
.contact-columns2 .row { margin: 0 auto; color: #8b8b8b; font-size:14px; line-height: 1.4;} 
.upper-area .commonhead, .lower-area .commonhead { margin: 0; padding-bottom: 10px; font-size:19px; font-weight:700; letter-spacing:-0.5px; margin-bottom:10px;}
.form-control { border-radius: 0; box-shadow: none !important; border: 1px solid #d5d5d5; margin-bottom:12px;}
.submit { border:0; margin: 0 auto; display: inline-block;}
.contact-number { display: inline-block; margin: 0px auto 0 12px; vertical-align: middle; font-size: 14px; line-height: 1.3; font-style: normal; text-transform: none; color: #8b8b8b;}
.contact-number strong { font-weight: 600; color: #303241; font-size:16px;}
.contact-form-area .input-box2 .file-upload-btn { background:none; border:none; display:block; float:right; width:73px; height:25px; background:url(../images/browse.png) no-repeat 98% center; overflow:hidden; position:relative; cursor:pointer; width: 100%; margin-top:-42px; z-index: 9; overflow: hidden;}
.contact-form-area .input-box2 .file-upload-btn input { height: 28px; font-size:30px; position:absolute; right:0; top:0; /* IE 8 */  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */  filter: alpha(opacity=0); /* Netscape */  -moz-opacity:0; /* Safari 1.x */  -khtml-opacity:0; /* Good browsers */   opacity:0; width:100%;}
.contact-number {}
.form-group label.error { display: none !important;}
.form-control.error { box-shadow: none; border:1px solid #ff968b;}
.form-container { float: left; width: 100%; margin: 50px auto 0;}
.small-container { max-width: 1200px;}
.contact-form-area .form-group.full.captcha { margin-bottom: 32px;}
.small-container .heading1 { margin-bottom:0;}
.contact-icon a { color:#00BCD4;}
.contact-icon a:hover { color: #f34343;}
.contact-form-area textarea.form-control { height: 225px; resize:none;}

/*client testimonials*/
.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}
.transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.transitions-enabled.masonry  .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top;}
.transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none;}
.testi-area { float:left; width:100%; padding: 25px 0;}
.testi-area .content-wrap { padding: 0px 0 0;}
.testi-area .box { display:inline-block; width: 23.3%; padding: 30px 25px; margin:12px 7px; background:#FFF; border:solid 1px #ddd; border-radius:3px; transition: all 0.5s !important; font-size: 14px; color: #738495; font-weight: 400; line-height: 1.6;}
.testi-area .box:hover { border-color: #00BCD4 !important; transition: all 0.5s;}
.testi-area .box .title1 { display:block; color:#303241; font-size:22px; line-height:1.2; font-weight: 700; padding-bottom: 0px;}
.testi-area .box .title2 { display:block; color:#f34343; font-size:12px; line-height:1.2; font-weight: 500; padding:0 0 20px 0;}
.testi-area .small-container { width:1280px; max-width: 1280px;}


/*Portfolio*/
ul.examples-list li {-webkit-transition: all  0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}

/*Examples Css*/
.exm-tabs{ width: 100%; float: left; padding: 50px 0 0}
.exm-tabs ul{padding:0  }
.exm-tabs li{float: left; width: 20%; line-height: 30px;}
.exm-tabs li a{ display: block; padding: 8px 0 8px 50px; color: #202020; font-size: 16px; text-decoration: none; border-right:solid 1px #fff; position: relative; font-weight: 600;}
.exm-tabs li a:hover,.exm-tabs li a.current { background: #222; color: #fff }
.exm-tabs li span{background:url(../images/icons2.png) no-repeat 0 0; position: absolute; left:10px; top:50%; width: 32px; height: 32px; margin: -16px 0 0  }
.exm-tabs li span{background:url(../images/icons2.png) no-repeat 0 0; position: absolute; left:10px; top:50%; width: 32px; height: 32px; margin: -16px 0 0  }
.exm-tabs li a:hover span,.exm-tabs li a.current span{ background-position:0 -51px }
ul.examples-list { width:100%; float:left; padding:35px 0 0 0}
ul.examples-list li { margin: 0 auto 26px; padding: 10px; width: 31.8%; background: #fff; border-radius: 5px 5px; box-sizing: border-box; border: 1px solid #d5d5d5; float: left;}
ul.examples-list li:nth-child(3n - 1) { margin: 0 2.3% 26px;}
ul.examples-list li .thumbnail { float:left; width:100%; position:relative; border:0; border-radius:0; margin: 0 auto;}
ul.examples-list li .thumbnail img { float:left; width: 100%; image-rendering: auto;}
ul.examples-list li .thumbnail a.expend { float:left; width:100%; height:100%; position:absolute; background:url(../images/thumb-plus.png) no-repeat center center rgba(0,0,0,0.6); left:0; top:0; text-indent:-9999px; opacity: 0; transition: all 0.5s;}
ul.examples-list li .site-details { float:left; width: 100%; font-size: 18px; font-weight: 600; line-height: 1.3; padding: 20px 0 10px 3px;}
ul.examples-list li .site-details span { display:block; color:#777; font-size:10px; text-transform:uppercase; }
ul.examples-list li:hover { background: none repeat scroll 0 0 #343438; box-sizing: border-box; border: 1px solid #343438;}
ul.examples-list li:hover .thumbnail a.expend { opacity: 1;}
ul.examples-list li:hover .site-details { color:#FFF;}
#fancybox-wrap { padding:0 !important;}
#fancybox-content { width: 100% !important;}

.services-left-column { padding-right: 35px;}
.sitemap-page { padding: 0 0 50px 0; float: left; width: 100%;}
.sitemap-columns { padding-right: 40px; margin-bottom: 0px;}
.general-topics a, .faq-header-columns h3 a { font-size: 18px;  color: #303241;  font-weight: 600; line-height: 1.5; padding-bottom: 10px; display: inline-block;}
.questions-list { margin-bottom: 30px;}
.questions-list li { border-bottom: 1px solid #e6e6e6;  width: 100%;  color:#738495;}
.questions-list li:last-child { border-bottom:0;}
.questions-list li a { text-transform: none;  color: #738495;  line-height: 1.5; padding: 4px 0;  display: inline-block;  font-size: 14px;}
.questions-list li:hover a {  color: #303241;}


/*footer*/
footer { clear: both; padding: 70px 0px 40px 0px; background: #24252c;}
footer .container { width: 80%;}
.foot-col { float: left; width: 23%; padding: 0 15px 0 0;}
.foot-col li { margin: 0; line-height: 22px; float: left; width: 100%;}
.foot-col li a { color: #777; font-size: 14px; font-weight: 500; margin-bottom: 6px; display: inline-block; float: left; width: 100%;}
.foot-col li a:hover { text-decoration: none; color:#fff;}
.columntitle a, .right-area .columntitle  { display: inline-block; color: #fff; margin: 0 auto 20px; font-weight: 500; text-decoration: none; font-size: 14px; text-transform: uppercase;}
.columntitle a { line-height: 1; float: left; width: 100%;}
.right-area { float: right; font-size: 14px; line-height: 22px; padding-bottom: 6px; text-align: right; color: #a2a2a2;}
.copyright { color: #777;}
.social-foot .content a { font-size: 14px; color: #777; font-weight: 400; display: inline-block; text-decoration: none; line-height: 1.5;}
.social-foot .content a:hover { color:#fff;}
.bottom-row .left-area { float: left; font-size: 14px; color: #777; font-weight: 400; line-height: 1.5;}
.bottom-row .right-area { float: right;}
.bottom-row { border-top: 1px solid #444; padding: 35px 0px 0; float: left; width: 100%;}
.top-row { clear: both; float: left; width: 100%; padding-bottom: 40px;}
.social-links, .social-links a { color:#777; text-decoration: none;}
.phone-contact span { display: block; font-size: 32px; font-weight: 600; line-height: 1.2; color: #fff; margin-bottom: 15px;}
.socials { padding: 20px 0;}
.socials a { display: inline-block; width: 35px; height: 35px; background: #fff; margin: 0 auto 0 4px; border: 2px solid #666; border-radius: 50%; padding: 0 0 10px; transition: all 0.3s;}
.socials a:hover { border-color:#fff;}
.socials a.fb { background: url(../images/fb-icon.svg) no-repeat center center / 17px auto; transition: all 0.3s;}
.socials a.tw { background: url(../images/tw-icon.svg) no-repeat center center / 17px auto; transition: all 0.3s;}
.socials a.fb:hover { background: url(../images/fb-icon-wht.svg) no-repeat center center / 17px auto;}
.socials a.tw:hover { background: url(../images/tw-icon-wht.svg) no-repeat center center / 17px auto;}
.connect { display: inline-block;}
.columntitle.hide-desk { display: none;}
.collapse { display: block;}


.livechat { position:fixed; bottom:25px; right:25px; background: #00BCD4; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0; padding:11px 0px; font-size:18px; color:#fff; font-family:"breuertextbold"; letter-spacing:0px; height:70px; width: 70px; box-sizing:border-box; z-index:999999; font-size:0; border-radius: 50%; line-height: 65px; text-align: center;}
.livechat:hover { color:#FFF; background:#f34343;}
.livechat:hover i.chat-icon { background: url(../images/chat-icon.png) no-repeat center center / auto; image-rendering: auto;}
.livechat i.chat-icon { margin: 11px auto 0; background: url(../images/chat-icon.png) no-repeat center center / auto;  width: 34px; height: 30px; display: inline-block; float: none; image-rendering: auto;}

/*faq*/
.faq1 { padding: 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; position: relative; float: left; width: 100%;}
.back2top { position: absolute; top: 15px; right: 0; font-size: 12px;}
.faq1 .h2 { font-size: 18px; color: #303241; font-weight: 600; line-height: 1.5; padding-bottom: 10px; float: left; width:100%; margin: 0; max-width: calc(100% - 150px);}
.faq1 .h3 { float: left; width: 100%; font-size: 14px; line-height: 1.5; font-weight: normal; margin: 5px auto;}
.faq ul { float: left; width: 100%;}
.faq { float: left; width: 100%; margin-bottom: 50px;}


.service-main-column{float:left;padding:35px;margin:0 0 20px 20px;margin-left:20px;border:1px solid #ddd;color:#222222;font-size:14px;max-width:400px;}
.service-main-column .heading-row{padding:0px 0 25px 0;}
.service-main-column h3{display:block;float:right;width:100%;font-size:30px;color: #303241;letter-spacing:-0.05em;line-height:1.2;font-weight:700;margin-bottom:1px;}
.service-main-column .row{margin:0 auto;}
.service-main-column .heading-row span{font-size:13px;color:#f34343;background:#fff;border-radius:40px;width:auto;display:inline-block;padding:0px;letter-spacing:0; clear:both; font-weight:700; text-align:center; text-transform:uppercase;}
.service-main-column .link1{display:inline-block;padding:10px 20px;border:2px solid #00BCD4;color:#00BCD4;border-radius:40px;margin:25px auto 0;font-weight:500; font-size:15px; transition: all 0.3s;}
.service-main-column:hover .link1 { color:#f34343; border-color:#f34343;}

.service-main-column img{background:#222222;display:none;}
.service-main-column ul{display:block;float:left;width:100%;padding:0 0 5px 0;}
.service-main-column li{display:block;padding:7px 0 7px 0px;line-height:18px;background:url(../images/bullet.png) no-repeat 0px 7px;border-bottom:solid 1px #ddd;color:#8b8b8b;}
.service-main-column li:last-child { border-bottom:0;}
.floating-buttons { display: none;}
.service-order-column.last { padding: 85px 0 0; border: 1px solid #ddd; max-width: 400px; margin: 0 0 20px 20px; text-align: center; transition: all 0.3s;}
.service-order-column:hover .submit-order { background: #f34343; transition: all 0.3s;}
.service-main-column, .service-order-column { height: 450px;}
.submit-order, .submit-order:hover { padding: 30px; text-align: center; display: inline-block; background: #00BCD4; margin: 0 auto 75px; width: 100%; font-size: 38px; font-weight: 700; color: #fff; transition: all 0.3s; letter-spacing:-1.5px;}
.service-order-column .heading { font-weight: 700; font-size: 24px; margin: 0 auto 20px;}
.service-order-column h4 { font-size: 15px; line-height: 1.3; color: #8b8b8b;}
.service-order-column h4 a { color:#00BCD4;}
.service-order-column h4 a:hover { color:#f34343;}
.submit-order span { font-size: 13px; display: block; line-height: 1.2; letter-spacing:0px; font-weight: 500; text-transform:uppercase;}
.service-page .content-wrap { padding: 37px 0 0;}
.row-sec { margin: 40px auto;}
.body-area.thanks-page { float: left; width: 100%; padding-bottom: 50px;}
.thanks-page .submit { font-size: 18px; font-weight: 700; margin-right: 15px;}
.para h2 { display: inline;}
.services-left-column .para p.inline { display: inline;}


/*blogpost*/
.blogpost { background: #e5e5e5; padding: 50px 0 75px; float: left; width: 100%;}
.blogpost .post-content strong a { display: inline-block; font-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; width: 100%; font-weight: 700;}
.blogpost .post-content p { line-height: 1.6; color: #8b8b8b; font-size: 16px; font-style: normal; text-transform: none; text-align: left !important;}
.blogpost .date { font-weight: 600; background: #f34343; color: #fff; padding: 5px 14px; font-size: 12px; border-radius: 30px;}
.home-blog-listing { display: inline-block; width: 100%; float: left; margin: 50px auto 10px;}
.blogpost .read-more { font-size: 14px; padding: 8px 20px; margin: 20px auto 0;}
.home-blog-listing li:nth-child(2n+1) { padding-right: 30px;}
.home-blog-listing li:nth-child(2n) { padding-left: 30px;}

/*sidemenu*/
.scrolled header .nav-menu span, header.inner-header .nav-menu span { background: #303241;}
.full-screen-menu.section { position: fixed; top:0; left:0; width:100%; height:100%; z-index: 5; background: rgba(0,0,0,0.43); padding: 0; font-family: 'Poppins', sans-serif; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; display: none; opacity: 0; transition: all 0.5s 0.3s; left: auto; right:0; z-index: 9;}
.full-screen-menu.section .container-fluid { max-width: 30%; float: right; width: 30%; background: #f34343;}
.full-screen-menu.show { display: block; opacity: 1; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.menu-title { font-size: 143px; text-transform: uppercase; color: #fff; font-weight: 700; font-family: 'Poppins', sans-serif; letter-spacing: -11px; line-height: 0.8; margin: 10px auto 20px 15px; font-size: 18.12vh; letter-spacing: -1.4vh;}
.menu-content { padding: 19vh 0 0;}
.blueTxt { color: #333;}
.full-screen-menu .red-btn, .full-screen-menu .red-btn:hover { border-radius: 40px; margin: 40px auto 0 23px; padding: 12px 32px 12px 48px;}
.side-navigation { position: absolute; top: 50%; transform: translate(0, -50%);}
.side-navigation li a, .side-navigation li .menu-link { color:#fff; font-size:35px; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 700; padding: 15px 0; width:100%; display: inline-block; text-decoration: none;}
.side-navigation li .btn.btn-link { padding:0; width:100%; text-align: left;}
.inner-sub-menus li a { font-size:16px; text-transform: uppercase; font-weight: 600; padding:3px 0; width:100%; transition: all 0.3s; line-height: normal;}
.side-navigation { width:100%;}
.side-navigation li { width: 100%; text-align: left; padding:0; transition: all 0.3s;}
.inner-sub-menus { margin: 0 auto 15px;}
.side-navigation li:hover .inner-sub-menus { height: auto; opacity: 1; display: inline-block;}
.inner-sub-menus li:hover a, .side-navigation li:hover span, .side-navigation li:hover > a { color:#333; transition: all 0.3s;}
.side-navigation li .btn-link .menu-link, .side-navigation li .btn-link.collapsed:hover .menu-link {color:#333;}
.side-navigation li .btn-link.collapsed .menu-link {color:#fff;}
.full-screen-menu .right-menu { text-align: left; position: relative; height: calc(100vh - 0px); padding: 0 0 0 88px;}
.office-sec .title { font-size: 45px; font-weight:700; color:#fff;}
.office-sec .title { position: relative; top: 50%; transform: translate(0, -50%);}
.office-sec .social-icons { position: relative; top: 50%; transform: translate(0, -38%);}
.office-sec { position: absolute; bottom: 0; width: 100%; text-align: left; color: #fff; border-top:1px solid #244973;}
.office-sec p { color: #fff; font-size: 15px;}
.office-sec .col { padding: 40px 2%; border:1px solid #244973; margin-left:-1px; border-top:0;}
.office-sec .col:nth-child(1) { border-left:0; /*padding-left:0;*/ text-align: center; padding: 40px 3.5%;}
.office-sec .col:nth-child(5) { border-right:0; /*padding-right:0;*/ text-align: center; padding: 40px 2%;}
.office-sec .social-icons a { float: none;}
.office-sec .social-icons { float: left; width:100%;}
.office-sec .row { margin: 0; padding: 0; display: flex;}
/*header.open-menu nav#slidemenu, header.open-menu .fr { display: none;}*/
.nav-menu span.right-ar:before, .nav-menu span.right-ar:after { content: ""; width: 32px; height: 5px; background: #fff; float: left; margin: 1px auto 7px; position: absolute; transition: all 0.3s; display: inline-block; top:0; left:0; right:0; opacity: 0;}
header.open-menu .nav-menu span.right-ar:before, .full-screen-menu .nav-menu.open span.right-ar:before { opacity: 1; transform: rotate(45deg);}
header.open-menu .nav-menu span.right-ar:after, .full-screen-menu .nav-menu.open span.right-ar:after { opacity: 1; transform: rotate(-45deg);}
header.open-menu .right-menu, header.open-menu .row.header-row { height: 1px;}
.nav-menu.open > span:not(.right-ar), .full-screen-menu .nav-menu.open span:not(.right-ar){ display: none;}
.nav-menu.open > span.right-ar, .full-screen-menu .nav-menu.open span.right-ar { background: none;}
.nav-menu.open span.right-ar, .nav-menu.open:hover .nav-menu.open span.right-ar, .full-screen-menu .nav-menu.open span.right-ar, .full-screen-menu:hover span.right-ar { left:0; top:5px;}
.nav-menu.open { margin: 12px auto 0 20px; height: 30px;}
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}


.gry-sec { background: #eee;}
.dev-process-sec { padding: 80px 0 20px; margin: 0 auto 60px;}
.dedicated-teams-page .hire-developers-sec { padding-bottom: 50px;}

.allheadings .heading2 { margin-top: -8px;}


.contact-pages .row { margin: 0 auto;}
.contact-pages .form-container { background: #fff; padding: 0px 30px; border: 1px solid #e5e5e5; margin: 30px auto; float: none; max-width: 1335px; display: inline-block;}
.contact-columns1 { border-right: 1px solid #e5e5e5; margin-right: -1px; padding: 50px 40px 50px 10px;}
.contact-columns2 { padding: 50px 0px 50px 30px; width: 33.33333333%;}
.contact-pages .form-control { height: 45px;}
.contact-pages, .thanks-page { background: #eeeeee; float: left; width:100%;}
.contact-columns2 .upper-area .contact-icon { padding: 5px 25px 40px 28px;}
.contact-columns2 .upper-area, .contact-columns2 .lower-area { border:0;}
.contact-form-area .form-group:nth-child(2n+1) { padding-right: 15px; margin-bottom: 25px;}
.contact-form-area .form-group:nth-child(2n) { padding-left: 15px; margin-bottom: 25px;}
.thanks-page .content-wrap { width: 1335px; background: #fff; margin: 80px auto 50px; float: none; padding: 30px;}
.thanks-page .small-container { max-width: 100%; width:100%;}
.thanks-page .contact-columns { padding: 30px 40px 50px 10px; border-right: 1px solid #e5e5e5;}

.blog-post-sec { float: left; width:100%;}