/* ========= GLOBAL STYLES ========= */ body{font-family: 'open_sansregular';} h1,h2,h3,h4,h5,h6{ margin-top: 0; margin-bottom: 0;} a,a:hover,a:active,a:focus{ text-decoration: none;} a::-moz-focus-inner{border: 0;} p{ color: #666666; font-size: 14px; line-height: 26px;} .ruler{ width: 100%; height: 1px; background-color: #d6d3d1;} .ruler-margin-top{margin:30px 0;} .gheading{ font-family: 'aileronlight'; color: #4e4e4e; font-size: 40px;} .greadmore{ display: inline-block; border: 2px #cfcfcf solid; background-color: transparent; text-align: center; width: 155px; padding: 10px 0; color: #949494;} .greadmore:hover{ color: #ffffff;} .greadmore:before{ background: #f26722; } .hover-transition{ -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .readmore{ color: #f26722; font-size: 14px; display: inline-block; position: relative;} .readmore::after{ position: absolute; font-family:'FontAwesome'; content: '\f0a9'; top: 1px; right: 0; opacity: 0;} /* hover css*/ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f26722; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color: #fff } .hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1) } .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: .5s } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover { color: #fff } .hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66); transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66) } /* hover css end*/ .ghome header{background-color: #fff;} header{ width: 100%; height: auto; padding: 15px 0; top: 0; position: fixed; z-index: 1039;} header.affix{ background-color: #fff; box-shadow: 0 1px 3px #9e9e9e;} header .container{ position: relative;} .glogo{ display: block; height: auto;} .glogo-two{ display: inline-block; margin-top: -15px; margin-bottom: 15px; margin-left: 15px;} .glogo .logo-sm{ display: none;} #showTop{ display: block; width: 45px; cursor: pointer; height: 40px; padding-top: 13px; background-color: rgba(242,103,34,1); z-index: 1500; position: absolute; right: 15px;top: 10px;} #showTop .icon-bar{ background-color: aliceblue; margin: 0 auto; display: block; width: 32px; height: 2px; border-radius: 1px;} #showTop .icon-bar + .icon-bar { margin-top: 4px;} #showTop .icon-bar:nth-of-type(2) {top: 1px;} #showTop .icon-bar:nth-of-type(3) {top: 2px;} #showTop .icon-bar { position: relative; transition: all 500ms ease-in-out;} #showTop.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg);} #showTop.active .icon-bar:nth-of-type(2) { background-color: transparent;} #showTop.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg);} #cp-mask{ position: fixed; width: 0; height: 0; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0; z-index: 0; } #cp-mask.actv{ opacity: 0; z-index: 100; width: 100%; height: 100%; } .cbp-spmenu { background: #fff; position: fixed; box-shadow: 0 1px 3px #9e9e9e; padding-top: 40px; padding-bottom: 30px;} .cbp-spmenu-horizontal { width: 100%; height: 400px; left: 0; z-index: 1000; overflow: hidden;} .cbp-spmenu-top {top: -410px;} .cbp-spmenu-top.cbp-spmenu-open {top: 0px;} .cbp-spmenu ul { padding-left: 0;} .cbp-spmenu ul li{ list-style-type: none;} .mob-menu{ display: none;} .mega-dropdown-menu { width: 100%; box-shadow: none; -webkit-box-shadow: none;} .mega-dropdown-menu li.main-cat{ position: relative; } .mega-dropdown-menu li.main-cat:first-child::before{ display: none;} .mega-dropdown-menu li.main-cat::before{ width: 1px; height: 250px; left: -50px; background-color: #ccc; content: ""; position: absolute;} .mega-dropdown-menu li.main-cat a{ font-size: 24px; color: #f26722; font-family: 'aileronregular'; font-weight: normal;} .mega-dropdown-menu li.main-cat ul{ padding: 0; margin-top: 15px;} .mega-dropdown-menu li.main-cat ul.sub-cat li{ border-left:0;} .mega-dropdown-menu li.main-cat ul.sub-cat li >a{ color: #737373; font-size: 14px; display: block; padding: 5px 0;} .mega-dropdown-menu li.main-cat ul.sub-cat li >a:hover{color: #f26722;} /* Transitions */ .cbp-spmenu,.cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /*========= POPUP BOX =========*/ #blog-inner .modal-backdrop { background-color: white;} /*#blog-popup{ background: rgba(242,103,34,0.5);}*/ #popModal .modal-content{background-color:rgba(57,57,57,0.95); min-height: 300px;border-radius: 0; padding-top: 30px;} #popModal .popup-close{ position: absolute; right: 40px; top: 40px; opacity: 1; background: url("../images/close-icon.png") !important; width: 31px; height: 31px; text-align: center; z-index: 100;} /*.popup-close .fa{ color: #444444;}*/ #popModal .popup-close:hover{ opacity: 1;} #popModal.pop-up.modal { text-align: center; padding: 0!important;} #popModal.pop-up.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;} #popModal.pop-up .modal-dialog { display: inline-block; text-align: left; /*vertical-align: middle;width: 730px !important;*/} #popModal .pop-up .modal-body{ padding: 0;} #signupform{position: relative;} #signupform .form-control{border-radius: 0; border:2px #b7b7b7 solid; line-height: 35px; height: 40px; margin-bottom: 30px; font-size: 13px; background-color: transparent; box-shadow: none; color: #fff;} #signupform .form-control:focus{border-color:rgba(242,103,34,1); } #signupform .btn{ display: block; background-color: #252525; min-width: 120px; color: #fff; padding: 10px 0; font-size: 16px; font-family: 'open_sanssemibold';background-color:rgba(242,103,34,1);margin: 0 auto;} .popupForm .form-group{ position: relative;} .popupForm .form-group .val-msg{ color:#ed2424; position: absolute; bottom: -18px; font-size: 13px;} #popModal .modal-content{ padding: 0;margin-bottom: 20px;} #popModal .modal-content h3{ color: #fff; font-family: 'open_sanssemibold';} .pop-left{ padding:30px; } .pop-left h4{font-family: 'open_sanslight'; font-size: 20px; color: #fff;margin-bottom: 35px;text-align: center;} .pop-right{ background-color: rgba(242,103,34,1); height: 360px; padding: 30px; margin-top: 37px; box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);} #signupform #sucsMsg_contact{ color: rgba(242,103,34,1);} #signupform #error_contact{ color: #ed2424; position: absolute; bottom: -20px; left: 50%;transform: translate(-50%,0);} #logform{ margin-top: 17px;} #logform .btn{margin-top: 30px; display: block; background-color: #252525; min-width: 100px; color: #fff; padding: 10px 0; font-size: 16px; font-family: 'open_sanssemibold';background-color:rgba(57,57,57,1);} #logform .form-control{border-radius: 0; border:2px #fff solid; line-height: 35px; height: 40px; margin-bottom: 30px; font-size: 13px; background-color: transparent; box-shadow: none; color: #fff;} #logform .form-control:focus{border-color:rgba(57,57,57,1); } #logform .form-control::-webkit-input-placeholder { color: white; } /* WebKit, Blink, Edge */ #logform .form-control:-moz-placeholder { color: white; } /* Mozilla Firefox 4 to 18 */ #logform .form-control::-moz-placeholder { color: white; } /* Mozilla Firefox 19+ */ #logform .form-control:-ms-input-placeholder { color: white; } /* Internet Explorer 10-11 */ #logform .form-control::-ms-input-placeholder { color: white; } /* Microsoft Edge */ /* ============= HOME PAGE ================ */ .home-banner{ margin-top: 91px;} .home-banner, .inner-banner{ width: 100%;} .home-intro{ padding-top: 100px; padding-bottom: 100px; position: relative;} .home-abt{ margin-top:59px; } .home-abt p{ margin: 20px 0;} .gintro-img{ margin: 0 auto;} .hesperiden.tparrows{cursor:pointer;background:rgba(0,0,0,0.5);width:40px;height:40px;position:absolute;display:block;z-index:100; border-radius:50%}.hesperiden.tparrows:hover{background:rgba(0,0,0,1)}.hesperiden.tparrows:before{font-family:"revicons";font-size:20px;color:rgb(255,255,255);display:block;line-height:40px;text-align:center}.hesperiden.tparrows.tp-leftarrow:before{content:"\e82c"; margin-left:-3px}.hesperiden.tparrows.tp-rightarrow:before{content:"\e82d"; margin-right:-3px}.hephaistos .tp-bullet{width:12px;height:12px;position:absolute;background:rgba(153,153,153,1);border:3px solid rgba(255,255,255,0.9);border-radius:50%;cursor:pointer;box-sizing:content-box; box-shadow:0px 0px 2px 1px rgba(130,130,130,0.3)}.hephaistos .tp-bullet:hover,.hephaistos .tp-bullet.selected{background:rgba(255,255,255,1); border-color:rgba(0,0,0,1)} .hesperiden.tparrows{cursor:pointer;background:rgba(0,0,0,0.5);width:40px;height:40px;position:absolute;display:block;z-index:1000; border-radius:50%}.hesperiden.tparrows:hover{background:rgba(0,0,0,1)}.hesperiden.tparrows:before{font-family:"revicons";font-size:20px;color:rgb(255,255,255);display:block;line-height:40px;text-align:center}.hesperiden.tparrows.tp-leftarrow:before{content:"\e82c"; margin-left:-3px}.hesperiden.tparrows.tp-rightarrow:before{content:"\e82d"; margin-right:-3px}.hephaistos .tp-bullet{width:12px;height:12px;position:absolute;background:rgba(153,153,153,1);border:3px solid rgba(255,255,255,0.9);border-radius:50%;cursor:pointer;box-sizing:content-box; box-shadow:0px 0px 2px 1px rgba(130,130,130,0.3)}.hephaistos .tp-bullet:hover,.hephaistos .tp-bullet.selected{background:rgba(255,255,255,1); border-color:rgba(0,0,0,1)} .expertise{ padding: 40px 0; text-align: center;} .expertise .gheading{ margin-bottom: 30px;} .expert-info{ text-align: center;} a.expert-box{ display: block; cursor: pointer; padding: 30px; height: 380px; margin-bottom: 30px; background-color: #e8e7e6; box-shadow: 0 2px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } a.exp-inner-box{height: 417px;} a.expert-box:hover figure{ background: none;} a.expert-box:hover{ -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -ms-transform: translate(0, -8px); -o-transform: translate(0, -8px); transform: translate(0, -8px); box-shadow: 0 20px 30px rgba(0, 0, 0, .16); /* box-shadow: 0 8px 8px rgba(10,16,20,.24), 0 0 8px rgba(10,16,20,.12); */ background-color: #fff; border-bottom: 2px solid #f26722; /* border-top: 6px solid #f26722;*/ } a.expert-box figure{ position: relative; display: inline-block;background-color: transparent; } /*a.expert-box figure::before{ width: 100%; height: 100%; content: ""; position: absolute; background:rgba(242,103,34,0); left: 0; top: -10px; z-index: 10; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } a.expert-box figure::after{ position: absolute; z-index: 10; top: 20%; left: 50%; opacity: 0; content: "+"; color: #fff; font-size: 70px; font-family: 'open_sanslight'; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }*/ .expert-info h5{ color: #636363; font-family: 'open_sanssemibold'; font-size: 18px; text-transform: uppercase; margin-top: 15px; margin-bottom: 10px;} .expert-info h5 br{ display: none;} .expert-info p{ font-size: 13px; line-height: 20px;} .expert-info span,.news-wrap span,.work-title span{ color: #f26722; text-transform: uppercase; font-size: 12px;font-family: 'open_sanssemibold'; position: relative; display: inline-block;margin-left: 14px; } /*.expert-info span::before,*/ .work-title span::before, .news-wrap span::before{ position: absolute; content: "+"; font-family: 'open_sansregular'; width: 10px; height:10px; background-color:#f26722; color: #fff; left: -14px; top: 3px; font-size: 11px; text-align: center; line-height: 10px; padding-left: 2px;} /* a.expert-box:hover figure::before{ background:rgba(242,103,34,0.9); top: 0; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } */ a.expert-box:hover figure::after{ top:50%; opacity: 1; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } span.home-button {border: 2px solid #bbb;color: #4e4e4e; margin-top: 13px;} .home-industry{ width: 100%; overflow: hidden; padding: 60px 0 40px 0; background: url('../images/home-industries.jpg') center center; } .home-industry .gheading{ color:#f26722; text-transform: uppercase;} .home-industry p{ color: #fff; text-transform: uppercase; margin-bottom: 30px;} .brands-bg{ width: 100%; height: 480px;} a.indus-box{ display: block; width: 100%; height:240px; padding-left: 20px; padding-right: 20px; background-color: #fff; margin-bottom: 30px; position: relative; box-sizing: border-box; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } a.indus-box:hover{ -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -ms-transform: translate(0, -8px); -o-transform: translate(0, -8px); transform: translate(0, -8px); box-shadow: 0 40px 40px rgba(0, 0, 0, .16); } .indus-box img{ margin: 0 auto;} .indus-box h5{ text-transform: uppercase; color: #f26722; font-size: 16px; font-family: 'open_sanssemibold'; position: absolute; bottom: 18px; left: 50%; width: 100%; text-align: center; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .home-works .gheading{ text-align: center; padding-top: 40px; margin-bottom: 30px;} a.single-work{ display: block;margin:20px 0; box-shadow: 0 2px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12); transition: all 0.4s ease 0s; } a.single-work:hover{ box-shadow: 0 8px 8px rgba(10,16,20,.24), 0 0 8px rgba(10,16,20,.12);background-color: #f26722;} a.main-works{ height:380px;} a.main-works:hover h4{color: #fff;} a.main-works:hover p{color: #fff;} a.main-works:hover span{color: #fff;} a.main-works:hover .work-title span::before { position: absolute; content: "+"; font-family: 'open_sansregular'; width: 10px; height: 10px; color: #f26722; background-color: #fff;} a.related-work{ height:290px;background: #fff;} .work-title{ padding:20px; color: #4e4e4e; } .work-title span{ display: block;text-align: left;} .work-title p{ text-align: left; font-size: 13px; line-height: 22px;} .work-title h4{font-family: 'aileronregular'; text-align: left;font-size: 20px; line-height: 1.2;} .single-work:hover h4{color: #fff;} .home-works{text-align: center; background-color: #ededed;padding-bottom: 30px;} .home-works .greadmore{ margin-top: 50px;} .casestudy-wrap{background-color: #fff;} .casestudy-inner-box{padding-bottom: 60px;} .casetudy-innerwrap p {font-family: 'open_sansregular';} .casetudy-innerwrap img{max-width: 100%; height: auto;} /*##########CASE STUDY GROUP #############*/ .cs-study-wrap{text-align: center; margin: 20px auto;} .cs-study-wrap img{margin: 0 auto;} .ctdy-grp-inner h4 {font-family: 'open_sanssemibold';font-size:18px;color: #4e4e4e;margin-bottom: 10px;text-transform: uppercase;} .ctdy-grp-inner span{ color: #f26722; text-transform: uppercase; font-size: 12px;font-family: 'open_sanssemibold'; position: relative; display: inline-block;margin-left: 14px; } .ctdy-grp-inner span::before{ position: absolute; content: "+"; font-family: 'open_sansregular'; width: 10px; height:10px; background-color:#f26722; color: #fff; left: -14px; top: 3px; font-size: 11px; text-align: center; line-height: 10px; padding-left: 2px;} .ctdy-grp-inner {border: 1px solid #e8e7e6;height: 230px;display: block;color: #fff;text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ctdy-grp-inner:hover{background-color: #fff; box-shadow: 0 15px 33px rgba(0, 0, 0, 0.2);transform: translateY(-10px);border: none;cursor: pointer;color: #fff; text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .no-padding{ margin: 0; padding: 0;} .inner-img{ margin: 60px auto 30px auto ;} .recent-case_cat{margin: 30px 0;} .recent-case_cat_box{height: auto;margin: 0 auto; padding: 20px;} .recent-case_cat_box h4{ text-align: center;} .page-box .pagination > li > a, .pagination > li > span {color: #f26722; } .page-box .pagination > .active > a, .page-box .pagination > .active > a:focus, .page-box .pagination > .active > a:hover,.page-box .pagination > .active > span, .page-box .pagination > .active > span:focus,.page-box .pagination > .active > span:hover { background-color: #f26722; border-color: #f26722; color: #fff;} .testi-wrap > h3.gheading{ text-align: center; margin-top: 53px; margin-bottom: 30px;} .testi-txt{ background:url("../images/quote-icon.png") no-repeat left top; padding-left: 50px; margin-top: 15px;} .testi-txt span{font-family: 'open_sanssemibold'; color:#f26722; font-size: 16px;} .testi-wrap img{ border:1px #cacaca solid; border-radius:100%; } .testi-wrap .owl-carousel .owl-item img{width: 80px; height: 80px;} .full-width{ height: 450px; margin-top: 60px; background: #212121; background-position: center center; position: relative; padding-top: 70px;} .section-radius { height: 70px; left: 0; overflow: hidden; position: absolute !important; right: 0; top: 0;} .section-radius-bottom {bottom:auto; top: 0; border: 0;} .section-radius:after { content: ""; left: -50%; position: absolute; right: -50%; height: 700px; z-index: 9; top: 100%; border-radius: 50% 50% 0 0; -webkit-border-radius: 50% 50% 0 0; box-shadow: 0 -100px 0 100px #fff; -webkit-box-shadow: 0 -100px 0 100px #fff; transform: translate(0, -145px); -webkit-transform: translate(0, -145px); } .section-radius-bottom:after { transform: translate(0, -70px); -webkit-transform: translate(0, -70px); } .footer-adrs{ font-size: 13px; color: #9b9b9b;} .footer-adrs a{ color: #9b9b9b;} .footer-adrs a:hover{ color: #f26722;} .btm-menu a{ font-size: 18px; font-family: 'open_sanssemibold'; color: #cfcfcf; margin-bottom: 20px; white-space: nowrap;} a.f-head-tag{display: block;} .btm-menu h5{ font-size: 18px; font-family: 'open_sanssemibold'; color: #cfcfcf; margin-bottom: 20px; white-space: nowrap;} .btm-menu ul{ padding: 0; list-style-type: none;} .btm-menu ul li a{ font-size: 12px; color: #9b9b9b; line-height: 24px;} .btm-menu ul li a:hover,a.f-head-tag:hover{color: #f26722;} .footer-btm{ border-top: 1px solid #292929; padding: 15px 0; margin-top: 15px;} .footer-btm .social{ float: left;} .footer-btm .social a{ color: #726f6f; display: inline-block; padding-top: 4px; font-size: 22px; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; text-align: center;} .footer-btm .social a:nth-child(4){ padding-left: 2px;} .footer-btm .social a:hover:first-child { background-color: #3b5998; color:#fff;} .footer-btm .social a:hover:nth-child(2){ background-color: #0077B5; color:#fff;} .footer-btm .social a:hover:nth-child(3){ background-color: #55ACEE; color:#fff;} .footer-btm .social a:hover:nth-child(4){ background-color: #bb0000; color:#fff;} .footer-btm .social a:hover:nth-child(5){ background-color: #fb3958; color:#fff;} .footer-btm .social a:hover:nth-child(6){ background-color: #d34836; color:#fff;} .footer-btm > p{ float: right; font-size: 13px;} .footer-btm > p a{ color:#808080;} .footer-btm > p a:hover{ color:#edd616;} .footer-location {display: inline-block;border: 1px #cfcfcf solid;background-color: transparent;text-align: center;width: 109px;padding: 5px 0; color: #949494;} .parter-slide{ width: 100%; background-color: #e8e7e6; padding: 30px 0 40px 0;} .parter-slide h3{margin-bottom: 30px; font-size: 30px; text-align: center;} /* ========= ABOUT-US ========= */ .inner-wrapper{ margin-top: 100px;} .about-lifestyle{ background: url('../images/about-img.jpg') no-repeat left top; min-height:684px; position: relative;} .about-content{ background-color: aquamarine; height: 684px; position: absolute; left: 0;} .image-section.new {position: static;overflow: hidden;padding-top: 0px;padding-bottom: 0px;background-color: #ebebeb;background-image: none;} .left-div { width: 50%; height: 600px; padding: 40px; float: left; background-image: url('../images/about-img.jpg'); background-position: 50% 50%; background-size: cover;} .left-div.right { position: relative; float: left; background-image: none;} .image-section.new p{ line-height: 25px;} .image-section.new .left-div h1.gheading{ margin-bottom: 20px;} .left-div.right .center-div{ padding-top: 0px;} .about-vm-wrap{margin: 30px 0;} .about-vm-inner h4{font-family: 'aileronbold';font-size: 50px;color: #c7c5c5;} .about-vm-inner{border-left: 7px solid #c7c5c5;padding: 30px 0 20px 20px;position: relative;margin: 30px 0;} .about-vm-inner::before {position: absolute;background: #c7c5c5;width: 40px;height: 7px;content: "";top: 0;left: 0;} .about-vm-inner::after {position: absolute;background: #c7c5c5;width: 40px;height: 7px;content: "";bottom: 0;left: 0;} .quality-policy-wrap {margin: 30px auto;} .quality-policy-wrap h3{font-size: 28px;color: #848484;font-family: 'aileronbold';margin-bottom: 15px;} .quality-policy-wrap .certificate-d img{margin: 0 auto;text-align: center;} .quality-policy-wrap .certificate-d span{margin: 0 auto;text-align: center;display: block;} .brief-outer{ width: 100%; background: url("../images/count-bg.jpg") 0 0 no-repeat; background-size: cover; padding:100px 0;margin: 30px 0;} .brief{ text-align: center;} .brief span{ font-size: 60px;color: #fff; margin-bottom: 20px;font-family: 'aileronbold';} .brief p{ font-size: 24px; color: #fff; text-transform: uppercase;font-family: 'open_sanssemibold';} .mng-wrap{margin: 60px 0;} .mng-hover a{ display: block; text-align: center;} a.management-team { display: block; margin: 0 auto;position: relative;} a.management-team img{margin: 0 auto;display: block;} a.management-team figure{ position: relative;display:inline-block;background-color: #e5e5e5; border: 1px solid #e5e5e5;border-radius: 100%;} a.management-team figure::after{ position: absolute; z-index: 10; top: 20%; left: 50%; opacity: 0; content: "+"; color: #fff; font-size: 70px; font-family: 'open_sanslight'; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .mng-hover:hover a.management-team figure::after{ top:50%; opacity: 1; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } .management-team figure::before{ width: 100%; height: 100%; content: ""; position: absolute; background:rgba(242,103,34,0); left: 0; border-radius: 100%; top: -20px; z-index: 10; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .mng-hover:hover .management-team figure::before{background:rgba(242,103,34,0.9); left: 0;border-radius: 100%;top: 0px; top: 0px; z-index: 10; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .team-linked{text-align: center; color: #fff;background-color: #e5e5e5;position: relative;padding: 20px 0px 8px;border-radius: 5px; margin: 20px auto 60px auto; width: 320px; height: 100px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;} .team-linked h4{font-size: 20px;color: #4e4e4e;font-family: 'aileronbold'; text-transform: capitalize} .team-linked p{text-transform: capitalize;} .team-linked a{position: absolute; bottom: -20px; display: block; width: 42px; height: 42px; z-index: 10; padding-top: 10px; border-radius: 100%; background-color: #007bb6; color: #fff; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .team-linked a .fa{ font-size: 16px;} .team-linked.mng-core{ margin-bottom: 0;} /*.team-linked::before { position: absolute;z-index: 99; font-family: FontAwesome; content: "\f0e1"; color: #fff; font-size: 20px; margin: 4px 9px;left: 10px; border-radius: 100%; background-color: #007bb6; padding: 6px; width: 42px; height: 42px;}*/ /* ========= TECHNOLOGY========= */ .technology-wrap{margin-bottom: 60px;} .technology-inner {position: relative;margin-bottom: 40px;box-shadow: 0 2px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12); padding-bottom: 47px; padding-left: 15px;padding-right: 15px;} .technology-inner img{margin: 0 auto;text-align: center;} .technology-inner h4{text-align: center;font-size: 22px;font-family: 'aileronregular';margin: 20px 0px;} .technology-inner p{text-align: center;color: #727272;} .technology-inner a::before{position: absolute;z-index: 99; content: "+"; color: #fff; font-size: 26px; right: 0;background-color: #f26722; padding: 6px; width: 47px; height: 47px;text-align: center;} /* ========= CAREERS ========= */ .careers-wrap{margin-bottom: 60px;} .career-side{margin: 24px 0;} .jobs-wrap a{ display: block; color: #4e4e4e; font-size: 18px; padding: 10px 10px 10px 45px; cursor: pointer; position: relative; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #d6d3d1;font-family: 'aileronregular';text-transform: capitalize;margin-left: 20px;} .jobs-wrap a:hover{box-shadow: 0 8px 8px rgba(10,16,20,.24), 0 0 8px rgba(10,16,20,.12); transition: all 0.4s ease 0s; -moz-transition:all 800ms ease; -webkit-transition:all 800ms ease; -ms-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease;} .jobs-wrap a:before{ content: "\f138 ";font-family: FontAwesome;font-style: normal; font-weight: normal;text-decoration: inherit;position: absolute; left: 4px; top:5px; color: #f07531;border: 1px solid #d6d5d5; border-radius: 100%; padding: 3px 8px;} .jobs-wrap-frst, .jobsRight{ margin-top: 25px;} .modal-header{ padding: 15px 25px;} .modal-title{ color: #f15722; font-family: 'open_sanssemibold'; text-transform: uppercase; font-size: 18px;} .modal-body{ padding:15px 25px;} .modal-body p{ line-height: 22px;} .job_content ul{ list-style-type: none; padding: 0;} .job_content ul > li{ color: #7c7c7c; position: relative; padding-left: 15px; margin-bottom: 10px;} .job_content ul > li span{ font-family: 'open_sanssemibold'; font-size: 16px;} .job_content ul > li > ul > li{ color: #7c7c7c;} .job_content ul > li > ul > li:before{ content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 0; font-size: 16px; color: #f26722; } /* ========= CASESTIDIES ========= */ .c-inner-box{width: 100%;height: 270px;background-color: #dad8d8;display: block;margin-left: -13px;padding: 60px 20px;margin-top: 47px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .c-inner-box p{color: #4b4949;font-size: 15px;font-family: 'open_sansregular';text-align: left;} .offset-0 {padding-left: 0;padding-right: 0;} /* .c-inner-box:hover p{color: #fff; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .c-inner-box:hover{width: 100%;height: 270px;background-color: #f26722;display: block;margin-left: -13px;padding: 60px 20px;margin-top: 47px;color: #fff; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } */ /* ========= GALLERY ========= */ .gallery-wrap{ text-align: center;} a.gallery-box{box-shadow: 0 8px 8px rgba(10,16,20,.24), 0 0 8px rgba(10,16,20,.12);display: inline-block;margin: 20px 0;border-radius: 5px;} a.gallery-box figure{ position: relative;display: block;} a.gallery-box h5{ font-size: 16px;color: #4e4e4e;font-family: 'open_sanslight';padding: 25px 0;} .gallery-info { width: 100%; height: 70px;} a.gallery-box figure::after{ position: absolute;z-index: 10;bottom: -21px;content: "+";color: #f07531;font-size: 34px;font-family: 'open_sanssemibold';background-color: #fff;width: 48px;height: 48px;border-radius: 100%;left: 0;right: 0;display: block;margin: 0 auto; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } a.gallery-box:hover figure::after{ top: 50%; left: 0;right: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } a.gallery-box figure::before{ width: 100%; height: 100%; content: ""; position: absolute; background:rgba(242,103,34,0); left: 0; top: 0px; z-index: 10; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } a.gallery-box:hover figure::before{ background:rgba(242,103,34,0.9);} /* ========= NEWS & EVENTS ========= */ .news-wrap{margin:20px 0;padding:20px;display: block; box-shadow: 0 2px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12); transition: box-shadow 0.4s ease 0s;} .news-wrap h4{font-size: 100px;color: #bab4b1; font-family: 'aileronlight';text-align: center;} .news-wrap h6{font-size: 22px;color: #6c6c6c; font-family: 'aileronlight';text-align: center;} .news-wrap h3{font-size: 18px;color: #4e4e4e; font-family: 'aileronregular';line-height: 24px;} .news-wrap p{font-size: 14px; font-family: 'open_sansregular';line-height: 24px;margin: 10px 0;} .news-wrap .date-ruler{border-right: 1px solid #cccaca} .news-wrap img{margin:0 auto 20px auto;} .news-wrap:hover{box-shadow: 0 8px 8px rgba(10,16,20,.24), 0 0 8px rgba(10,16,20,.12); transition: all 0.4s ease 0s; -moz-transition:all 800ms ease; -webkit-transition:all 800ms ease; -ms-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease; } .news-wrap .news-inner-date{font-size: 26px;color: #aba9a8;text-align: center; font-family: 'aileronlight';} .news-ruler{ margin: 30px 0;} .smart-control{ position: absolute; left: 50%; height: 25px; width: 120px; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .smart-control > div{margin-left: 0px; border: 2px solid #aba9a8; width: 50px; cursor: pointer; padding-top: 2px; border-radius: 20px;} .smart-control > div .fa{ font-size: 18px; color: #aba9a8;} .smartNext{ float: right; text-align: right; padding-right: 10px;} .smartPrev{float: left; text-align: left; padding-left: 10px;} .smart-control > div:hover{ background-color:#f26722;border: 2px solid #f26722; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .smart-control > div:hover .fa{color: #fff;} .news-wrap {position: relative;} /*color: #c2c0be; border: 1px solid #c2c0be;*/ .blog-set{ height: 420px;} .blog-inner-wrap {font-family: 'Open Sans', sans-serif; color: #666666; line-height: 22px; font-size: 14px;} .blog-inner-wrap > p{margin:30px 0;} .blog-inner-wrap h1,.blog-inner-wrap h2,.blog-inner-wrap h3,.blog-inner-wrap h4,.blog-inner-wrap h5,.blog-inner-wrap h6{ color:#4e4e4e; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 15px;} .blog-inner-wrap h1,.blog-inner-wrap h2,.blog-inner-wrap h3,.blog-inner-wrap h4,.blog-inner-wrap h5,.blog-inner-wrap h6,.blog-inner-wrap h1 strong,.blog-inner-wrap h2 strong,.blog-inner-wrap h3 strong,.blog-inner-wrap h4 strong,.blog-inner-wrap h5 strong,.blog-inner-wrap h6 strong{ color:#4e4e4e; font-family: 'Open Sans', sans-serif; font-weight: 600;} .blog-inner-wrap h3{color: #4e4e4e;font-size: 25px; font-family: 'aileronlight';} .blog-inner-wrap ul li{color: #605e5d;font-size: 18px; line-height: 28px; font-family: 'open_sansregular';} .blog-bottom-wrap h4{text-align: center;font-family: 'aileronlight';font-size: 40px;margin: 50px 0;} .blog-inner-wrap img{ max-width: 100%;height: auto;} .blog-slide-box{position: relative; display: block;} .blog-slide-box h5{position: absolute;font-family: 'aileronlight';font-size: 20px;color: #fff;display: block;bottom: 15px;left: 20px; text-shadow: 0px 2px 5px rgba(150, 150, 150, 1);} .blog-slide-box span{ font-family: 'aileronregular';position: absolute;right: 0;display: block;bottom: 0;background-color: #f26722;padding: 3px 15px;font-size: 28px;color: #fff;} .blog-slide-box .blog-overly-box{position: absolute; width: 100%; height: 150px; bottom: 0; background: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.7))); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* ie10+ */ background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 ); /* ie6-9 */ } .recent-blog {margin-bottom: 30px;} /* =========ENGAGEMENT MODEL ========= */ .eng-model-inner h4{color: #f58457;font-family: 'aileronregular'; font-size: 22px;margin: 30px 0px 20px;} .eng-model-inner img{margin: 80px auto;} .eng-model-inner .eng-model-hide{display: none;} /*############## Search box ################*/ #search-icon a.search-icon:hover{ text-decoration: none;background:transparent;} #search-icon a.search-icon{ color: #f26722;} .search-icon{ right: 60px; font-size: 27px; color: #000; text-align: right; background-color: transparent; z-index: 1010; } #search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0;z-index: 999999; } #search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; z-index: 999999; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #search input[type="text"] { position: absolute; top: 50%; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; } #search .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px; background-color: #fff; color: #000; width: 107px; border-radius: 0; height: 45px; font-family: 'aileronbold'; text-transform: uppercase; color: #20419a; border-color: #fff;} #search .close { position: fixed; top: 15px; right: 15px; color: #000; background-color: #fff; opacity: 1; padding: 10px 17px; font-size: 27px; } ::-webkit-input-placeholder { color: #bcbcbc;} #search input:focus::-webkit-input-placeholder {color: #bcbcbc;} :-moz-placeholder {color: #bcbcbc;} #search input:focus:-moz-placeholder {color: #bcbcbc;} ::-moz-placeholder {color: #bcbcbc;} #search input:focus::-moz-placeholder {color: #bcbcbc;} :-ms-input-placeholder {color: #bcbcbc;} #search input:focus:-ms-input-placeholder {color: #bcbcbc;} .ie9-placeholder { color: #bcbcbc!important;} .ie9-placeholder:focus {color: #bcbcbc!important;} .search-wrap {margin: 110px 0;} .search-wrap h2 {margin: 5px 0;font-size: 20px;color: #4e4e4e; font-family: 'aileronregular';} .search-inner-box {margin-top: 20px;} .search-inner-box a{font-size: 13px;color: #f26722;} .search-inner-box p{font-size: 13px;} .search-inner-box h3{color:#20419a;font-size: 18px;font-family: 'open_sansregular';margin: 10px 0;} .search-inner-box .search-bold{font-family: 'open_sanssemibold';} .search-wrap .form-control{ border-radius: 0; border-color:#dadada; line-height: 35px; height: 45px;} /* ========= FEEDBACK FORM ========= */ /* #feedback {position: fixed; left: 0; bottom:0; height: 470px; margin-left: -3px; margin-bottom: 10px; z-index: 1050;} #feedback-form { float: left; width: 300px; height: auto; z-index: 99; padding-left: 5px; padding-right: 10px; background-clip: 'padding-box'; position: relative; border: 1px solid rgba(0,0,0,.2); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } #feedback-tab { float: right; color: #fff; font-size: 18px; cursor: pointer; text-align: center; width: 145px; height: 42px; background-color: rgba(242,103,34,1); margin-top: 350px; margin-left: -51px; padding-top: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #feedback-tab:hover { background-color: rgba(0,0,0,0.4);} #feedback-form textarea { resize: none;} #feedback #common_error1{ position: absolute; color: red; font-size: 12px; left: 90px; bottom: 24px;} #feedback #sucsMsg1{ position: absolute; color: green; font-size: 12px; left: 90px; bottom: 24px;} */ #slideit * {margin: 0;padding: 0;border: 0;outline: 0;font-weight: 300;font-style: normal;font-size: 100%;font-family: Lato, sans-serif; vertical-align: baseline; line-height: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #slideit .field span{color: red;font-size: 12px;} #slideit a {text-decoration: none;} #slideit input[type=radio] {display: none;} #slideit label {cursor: pointer;} #slideit {z-index: 9999;position: fixed;width: 320px;bottom: 0;right:0;} #slideit section {margin: 0;overflow: hidden;width: 100%;height: auto;right: 0;bottom: 0;position: absolute;z-index: 10;background: #fff; -webkit-backface-visibility: hidden; -webkit-transition: all .4s cubic-bezier(0.2, .6, .3, 1); -moz-transition: all .4s cubic-bezier(0.2, .6, .3, 1); -ms-transition: all .4s cubic-bezier(0.2, .6, .3, 1); -o-transition: all .4s cubic-bezier(0.2, .6, .3, 1); transition: all .4s cubic-bezier(0.2, .6, .3, 1);} #slideit input#close-item:checked~section,#slideit section { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);} #slideit input#open-item:checked~section { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} #slideit section .wrap {padding: 15px;position: relative;border-bottom: 6px solid #20419A;font-family: 'open_sansregular';border-left: 1px solid #20419a; border-right: 1px solid #20419a;} #slideit span.title {font-size: 24px;padding: 10px;color: #fff;background: #20419A;display: block;width: 100%; font-family: 'open_sansregular'; } #slideit .field {width: 100%;position: relative;margin: 28px 0 0;display: block;} #slideit label.close,#slideit label.open {text-align: center;position: absolute; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;} #slideit label.open {font-size: 14px;color: #fff;background: rgba(242,103,34,1);width: 110px;bottom: -50px;left: 0;right: 0;top: auto;margin: 0 auto; padding: 10px 0;text-transform: capitalize;z-index: 1;font-family: 'open_sansregular'; bottom: 50px; margin-right: -36px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #slideit label.open::before{ position: absolute; content: "\f0e6"; background-color: rgba(242,103,34,1); width: 40px; height: 100%; top: 0px; left: -40px; font-family: "FontAwesome"; font-size: 28px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #slideit label.open:hover::before{background-color: #999999; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;} #slideit input#close-item:checked~label.open { -webkit-transition: bottom .3s ease .4s, background .1s ease, color .1s ease; -moz-transition: bottom .3s ease .4s, background .1s ease, color .1s ease; -ms-transition: bottom .3s ease .4s, background .1s ease, color .1s ease; -o-transition: bottom .3s ease .4s, background .1s ease, color .1s ease; transition: bottom .3s ease .4s, background .1s ease, color .1s ease; } #slideit label.open:focus,#slideit label.open:hover {background-color:#999999;color: #fff; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;} #slideit label.close {right: 30px;left: auto;top: 0;bottom: auto;font-size: 20px;background: #fff;color: #000;width: 22px;opacity: 1;} #slideit label.close:focus,#slideit label.close:hover {background: #757786;} #slideit input,#slideit select,#slideit textarea {display: block; width: 100%;border-bottom: solid 1px #ddd;padding: 0 20px 4px 3px; font-size: 13px; color: #222;position: relative;font-family: 'open_sansregular';} #slideit select {padding-right: 0;padding-left: 0;cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #slideit select.grayed {color: #aaa;} #slideit select>option {background: #C2C6E2;color: #fff;} #select-arrow,#select-arrow-svg {background: #fff url(../images/img/select.png) no-repeat right;width: 30px;height: 20px;position: absolute;right: 0;top: -1px; pointer-events: none;vertical-align: middle;outline: 0;border: 0;z-index: 3;} #slideit textarea {resize: none;height: 22px; overflow: hidden;} #slideit input:focus,#slideit input:hover,#slideit select:focus,#slideit select:hover,#slideit textarea:focus,#slideit textarea:hover {border-bottom-color: #222; outline: 0;font-family: 'open_sansregular';} #slideit textarea:focus { height: 100px;} #slideit input.send {display: inline-block;clear: both; background: #f26722; color: #fff; font-size: 14px;text-transform: capitalize;padding: 8px 26px; cursor: pointer;margin: 30px 0 0; width: auto;border: 0;font-family: 'open_sansregular';} #slideit input.send:focus,#slideit input.send:hover { background: #20419a; border: 0;outline: 0;} #slideit input.reset {background: 0 0;width: auto;cursor: pointer; border: 0; outline: 0; display: inline-block;float: right;padding: 0; margin: 40px 0 0; font-size: 12px;color: #ccc;} #slideit input.reset:focus,#slideit input.reset:hover {color: #222;} #slideit input:required,#slideit textarea:required {background: #fff url(../images/img/required.png) no-repeat 100% 6px;box-shadow: none; outline: 0; margin-bottom: 5px;} #slideit input:hover:invalid,#slideit textarea:hover:invalid {background: #fff url(../imagesimg/focused.png) no-repeat 100% 6px;box-shadow: none;outline: 0;} #slideit input:required:valid,#slideit textarea:required:valid {background: #fff url(../images/img/valid.png) no-repeat 100% 6px;box-shadow: none; outline: 0;} #slideit input:focus:invalid,#slideit textarea:focus:invalid {background: #fff url(../images/img/invalid.png) no-repeat 100% 6px;z-index: 10;box-shadow: none;outline: 0} ::-webkit-input-placeholder { color: #636363;} #slideit input:focus::-webkit-input-placeholder {color: #636363;} #slideit textarea:focus::-webkit-input-placeholder {color: #636363;} :-moz-placeholder {color: #636363;} #slideit input:focus:-moz-placeholder {color: #636363;} #slideit textarea:focus:-moz-placeholder {color: #636363;} ::-moz-placeholder {color: #636363;} #slideit input:focus::-moz-placeholder {color: #636363;} #slideit textarea:focus::-moz-placeholder {color: #636363;} :-ms-input-placeholder {color: #636363;} #slideit input:focus:-ms-input-placeholder {color: #636363;} #slideit textarea:focus:-ms-input-placeholder {color: #636363;} .ie9-placeholder { color: #636363!important;} .ie9-placeholder:focus {color: #636363!important;} #slideit .tip {background: #222;color: #fff;font-size: 12px;padding: 10px 12px;text-align: center;position: absolute;top: -68px;left: -20px;opacity: 0; visibility: hidden;width: auto;cursor: default;} #slideit .tip:after {border-top: 6px solid rgba(0, 0, 0, 1); border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; position: absolute;bottom: -6px;left: 28px;} #slideit input:focus~.tip,#slideit select:focus~.tip,#slideit textarea:focus~.tip {top: -48px; opacity: 1; visibility: visible;z-index: 99;} #slideit input:required:valid~.tip,#slideit textarea:required:valid~.tip { opacity: 0; visibility: hidden;} #slideit input,#slideit label,#slideit select { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;} #slideit .tip { -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease;} #slideit textarea { -webkit-transition: height .4s cubic-bezier(0.2, .6, .3, 1); -moz-transition: height .4s cubic-bezier(0.2, .6, .3, 1); -ms-transition: height .4s cubic-bezier(0.2, .6, .3, 1); -o-transition: height .4s cubic-bezier(0.2, .6, .3, 1); transition: height .4s cubic-bezier(0.2, .6, .3, 1);} @media screen and (max-width:320px) {#slideit {width: 100%;right: 0;}} @media (max-width: 479px){ /* .open{ display: none;}*/ } .feedback-mobile {position: fixed; left: 0; bottom:0; width: 100px; height: 60px; margin-left: -3px; z-index: 1050;display: none;} a.qform-mobile{font-size: 14px;color: #fff;background: rgba(242,103,34,1);width: 135px;margin: 0 auto; padding: 10px 0;text-transform: capitalize;z-index: 1;font-family: 'open_sansregular';} /* ========= Inner Page ========= */ .inner-banner{ position: relative; margin-bottom: 50px;} .inner-banner img{ width: 100%;} .inner-heading{ position: absolute; width: 100%; height: 150px; bottom: 0; background: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.7))); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* ie10+ */ background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 ); /* ie6-9 */ } .inner-heading h1{ font-family: 'aileronbold'; color: #fff; font-size: 43px; margin-top: 60px; text-shadow: 3px 0 3px rgba(0,0,0,0.2);} .inner-heading span{ font-family: 'open_sanslight'; color: #fff; font-size: 16px;} .center-content{ text-align: center;} .sub-heading{ color: #4e4e4e; position: relative; margin-bottom: 35px; font-family: 'aileronregular'; } .sub-heading::after{ position: absolute; content: ""; width: 100px; height: 5px; background: url(../images/sub-head-icon.png) no-repeat; bottom: -20px; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .center-content h4{font-size: 26px;color: #aba9a8; font-family: 'aileronlight'; text-transform: uppercase;margin: 20px 0;} .list-heading{color: #808080; position: relative; font-family: 'aileronregular'; font-size: 22px; margin-bottom: 30px; margin-top: 30px;} .list-heading::after{ position: absolute; content: ""; width: 160px; height: 1px; background-color: #ccc; left: 0; bottom: -10px;} ul.featurelist{ padding: 0;} ul.featurelist li{ position: relative; list-style-type: none; padding-left: 25px; line-height: 28px; color: #808080; font-size: 14px;} ul.featurelist li:before{ position: absolute; font-family:'FontAwesome'; content: "\f138"; left: 0; top: 1px; color: #f26722;} .cta-box-wrap{ position: relative; width: 100%; height: 216px; background: url('../images/cta-bg.jpg') center top no-repeat; margin-top: 30px;} .cta-box{ width: 100%; height: 216px; position: absolute; content: ""; top: 0; background-color: rgba(242,103,34,0.9);} .cta-box .container{ margin-top: 80px;} .cta-box .container .cta-content p{ font-family: 'open_sanslight'; color: #fff; font-size: 24px;} .cta-box .container a{ padding: 10px 20px; background-color: #fff; border-radius: 8px; text-transform: uppercase; font-size: 22px; font-family: 'open_sansregular'; color: rgba(242,103,34,1); box-shadow: 3px 2px 0 #af3b13;} .csp-content .sub-heading{ text-align: center; margin-top: 60px;} a.dwn-btn-pdf{ display: block; height: 50px; background-color: #dad8d8; position: absolute; font-size: 22px; font-family: 'open_sanssemibold'; color: #4a4c59; padding: 10px 20px; border-radius: 8px; z-index: 10; left: 50%; top:-25px; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .cta-content h4{text-align: center; color: #fff;font-family: 'open_sansregular';font-size: 40px;} .cta-content p.d-cv{text-align: center;color: #fff;font-family: 'aileronlight';font-size: 24px;} .cta-box span{box-shadow: 0 2px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12); text-align: center; font-size: 36px;color: #f26722;top: -42px; position: absolute;display: block; width: 87px; left: 0; right: 0; height: 90px;margin: 0 auto;background-color: #fff; border-radius: 100%;padding: 18px;} /* ========= TESTIMONIAL ========= */ .testi-banner{ margin-bottom: 0;} .csf-box{ position: relative;border-top:2px #f26722 solid; text-align: center; display: block; box-shadow: 0 2px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12); transition: all 0.4s ease 0s; padding: 50px 20px 30px 20px; margin-top: 80px; margin-bottom: 10px;} .csf-box > img{ position: absolute; top: -40px; left: 50%; box-shadow: 0 2px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .csf-box{background-color: #fff;} .csf-box p{ line-height: 22px;color: #808080;} .csf-box h5{ font-size: 18px; color: #f26722; font-family: 'open_sanssemibold';} .csf-box span{ color: #808080; font-size: 13px;} .csf-inner-wrap {margin: 60px 0;} .csf-box-inner h5{font-size: 20px; color: #f26722; font-family: 'open_sanssemibold';text-align: center;margin: 10px 0;} .csf-box-inner span{color: #808080; font-size: 13px;text-align: center;display:block;} .csf-box-inner .qts{color: #c6c4c4; font-size: 66px;text-align: right;display:block;} .csf-box-inner img{margin: 0 auto;} .csf-box img{ max-width: 80px; max-height: 80px;} .recent-feedbcak-outer{ width: 100%; overflow: hidden; padding: 60px 0;display: none;} .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .v-wrap-box{margin: 30px 0;} /* ========= CONTACT ========= */ .inner-wrapper{ margin-top: 100px;} h3.cnt-main{font-size: 25px; font-family: 'aileronbold';color: #4e4e4e;margin-bottom: 30px;} .office{ background-color: #ededed;padding: 22px;margin-bottom: 16px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;} .office h4{ font-size: 18px; font-family: 'aileronbold';color: #868686;} .office-inner p{font-size: 13px;color: #757575; margin-bottom: 10px;} .off-content .ruler{ margin: 10px 0;} .off-content.open{ display: block;} .office:hover { box-shadow: 0 8px 8px rgba(10,16,20,.24), 0 0 8px rgba(10,16,20,.12); } .contact-spcl span{color:#868686;font-size: 16px;font-family: 'open_sanssemibold'; margin-bottom: 5px;} .contact-spcl a{color:#868686;font-size: 14px;font-family: 'open_sanssemibold'; } .contact-spcl{position: relative;padding-left: 60px;margin-bottom: 20px;} .contact-spcl::before{position: absolute;content: "\f095";font-size: 24px;color: #f26722;border: 2px solid #dddada;font-family: 'FontAwesome'; left: 0;border-radius: 100%;display: block;width: 43px;height: 43px;padding: 3px;text-align: center;} .cnt-email::before{position: absolute;content: "\f0e0";font-size: 20px;color: #f26722;border: 2px solid #dddada;font-family: 'FontAwesome'; left: 0;border-radius: 100%;display: block;width: 43px;height: 43px;padding: 5px;text-align: center;} .contact-spcl a.c-email{font-family: 'open_sanssemibold'; font-size: 16px; color: #6e6e6e;padding-top: 9px;display: block;} .feedback h4{margin-top: 20px;} .map-wrap{margin-top: 20px;} .office-inner .cinfo{ display: block; position: relative; padding: 5px 0 5px 28px; color: #6e6e6e;} .office-inner .cinfo a, #regn p a{ color: #808080;} .office-inner .cinfo::before{ position: absolute; font-family:'FontAwesome'; font-size: 20px;color: #f26722; left: 0; top: 1px; } .office-inner .cinfo.phone::before{content: "\f095";} .office-inner .cinfo.mob::before{ content: "\f10b";} .office-inner .cinfo.email{font-family: 'open_sanssemibold'; font-size: 16px; color: #f26722;} .office-inner .cinfo.email::before{ content: "\f0e0"; font-size: 16px; top: 4px;} .office-inner p{ color: #6e6e6e;} ul#mapTab.nav > li > a{ font-size: 16px; padding: 10px 25px; border:1px #d9d9d9 solid;font-family: 'open_sanssemibold';color:#4e4e4e;border-radius: 0; } ul#mapTab.nav > li.active > a{ background-color:#f15722; color: #fff; border-color:#fff;border:1px #f15722 solid; } /* .off-head{ display: block; padding: 20px;} .office .gheading{ font-size: 16px; position: relative; font-family: 'open_sanssemibold'; border-bottom: 1px #dbdbdb solid; background-color: #e4e4e4;} .office .gheading:focus,.office .gheading:active,.office .gheading:hover{color: #4e4e4e;} .office .gheading::after{ position: absolute; content: "\f107";font-family:'FontAwesome'; font-size: 20px; color: #f26722; right: 20px; top: 15px; width: 34px; height: 34px; border: 1px #f26722 solid; text-align: center; border-radius: 50%; line-height: 32px;} .off-head.gheading:hover{ color: #f26722;} .off-content .cinfo{ display: block; position: relative; padding: 5px 0 5px 28px; color: #6e6e6e;} .off-content .cinfo a, #regn p a{ color: #808080;} .off-content .cinfo::before{ position: absolute; font-family:'FontAwesome'; font-size: 20px;color: #f26722; left: 0; top: 1px; } .off-content .cinfo.phone::before{content: "\f095";} .off-content .cinfo.mob::before{ content: "\f10b";} .off-content .cinfo.email{font-family: 'open_sanssemibold'; font-size: 16px; color: #f26722;} .off-content .cinfo.email::before{ content: "\f0e0"; font-size: 16px; top: 4px;} .off-content p{ color: #6e6e6e;} .off-content p span{ font-family: 'open_sanssemibold'; display: inline-block; margin-bottom: 5px;} */ .feedback .gheading{ font-size: 26px;} .fdbckForm{ margin-top: 15px;} .fdbckForm .form-control{ border-radius: 0; border-color:#dadada; line-height: 35px; height: 45px;} .fdbckForm textarea.form-control{ resize: vertical; overflow: auto; min-height:110px; font-family: 'open_sansregular';} .fdbckForm .btn{ display: inline-block; background-color: #f26722; width: 100%; color: #fff; padding: 15px 0; font-size: 16px; font-family: 'open_sanssemibold';} .gmap{ width: 100%; height: 430px; } .form-group{ position: relative; margin-bottom: 25px;} .form-group .val-msg{ position: absolute; font-size: 11px; color: red;} #common_error{ font-size: 14px; color: red; margin-top: 15px;} .fdbckForm #file_id{ height: auto !important; padding: 10px 12px; line-height: inherit;} .fdbckForm .form-control::placeholder {color: #555;} #sucsMsg{ color: green;} #errMsg{ color: red;} /* ========= 404 Page ========= */ .error-page-text h3 span{display: inline-block; font-family: 'aileronbold';font-size: 115px;color: #20419a;} .error-page-text{position: relative;} .error-page-text h3{font-family: 'aileronlight';font-size: 30px;color: #20419a;margin-top: 100px;} .error-img-box img{margin: 0 auto;} #error-404{position: absolute; top: 50%;left: 0;right: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } @media (max-width: 1199px){ .mega-dropdown-menu > li::before{left: -10px;} .mega-dropdown-menu li.main-cat::before{ left: -10px;} /*.expert-info h5{ font-size: 14px;}*/ .expert-info h5 br{ display: block;} .full-width{ height: 538px;} .c-inner-box {margin-left: 0px;margin-top: 22px;} .left-div{padding: 20px 30px;} .about-vm-inner{height: auto;} .inner-heading h1.blog-inner-head{ font-size: 32px;} a.exp-inner-box{height: 460px;} } @media (max-width: 992px){ .glogo .logo-sm{ display: block;} .glogo .logo-lg{ display: none;} #showTop{ right: 15px; top: 4px;} .cbp-spmenu-horizontal{ height: auto;} .mega-dropdown-menu li.main-cat::before{ display: none;} .cbp-spmenu-top {top: -600px;} .accordion-section-content {display:none; } .accordion{ margin-top: 0; } .accordion a.accordion-section-title{display: block; width: 100%; padding:8px 0 8px 15px; margin: 0; position: relative; border-bottom: 1px solid #e1e2e3; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .accordion a.accordion-section-title:hover,.accordion a.accordion-section-title.active{ background-color: #e1e2e3; padding-left: 30px;} .accordion a.accordion-section-title::before{ position: absolute; content: "\f101"; font-family:'FontAwesome'; font-size: 16px; color: #f26722; left: 0; top: 13px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .accordion a.accordion-section-title:hover::before, .accordion a.accordion-section-title.active::before{ left: 10px;} .news-wrap h4{font-size: 100px;color: #bab4b1; font-family: 'aileronlight';text-align: left;} .news-wrap h6{font-size: 22px;color: #6c6c6c; font-family: 'aileronlight';text-align: left;} .news-wrap .date-ruler{border: none;margin-bottom: 10px;} .c-inner-box {height: 100%;} .inner-heading h1.blog-inner-head{ font-size: 26px;} .modal-lg { width: 740px;} } @media (max-width: 991px){ .mob-menu{ display: block;} .desk-menu{ display: none;} .home-intro{ padding-top: 60px; padding-bottom: 60px;} .btm-logo{ margin: 0 auto 20px auto; display: block;} .navbar-collapse > .row > .clearfix{ display: block;} .mega-dropdown-menu > li::before{left: -10px;} #testi-slider img{ max-width: 170px; margin: 0 auto;} .full-width{ height: auto;} .footer-adrs{ text-align: center; margin-bottom: 15px;} .footer-adrs br:nth-child(4){ display: none;} .cta-box .container{ margin-top:35px;} .left-div{ width: 100%; } .left-div.right{ height: auto;} .left-div.right .center-div{ padding-top: 0;} .c-inner-box{margin-top: 0;} .eng-model-inner img{margin: 30px auto;} .eng-model-inner .eng-model-open{display: none;} .eng-model-inner .eng-model-hide{display: block;} .team-linked.mng-core{ margin: 20px auto 60px auto;} .career-cta{ margin-top:50px;} .footer-location {display: block;margin: 0 auto 25px auto;} .blog-set{ height: 490px;} } @media (max-width: 767px){ .navbar-brand .logo-sm{ display: block;} .navbar-brand .logo-lg{ display: none;} .glogo-two{ margin-top: 0;} .navbar{ min-height: 75px;} header{ top:0;} #showTop{ right: 15px; top: 4px;} .cbp-spmenu{ padding-top: 15px;} .home-abt{ margin-top:0; text-align: center;} .home-intro{ padding-top: 20px; padding-bottom: 40px;} .footer-btm .social{ float: none; text-align: center; margin-bottom: 10px;} .footer-btm > p{ float: none; text-align: center;} .btm-logo{ margin: 0 auto;} a.expert-box{ margin: 0 auto 30px auto; height: auto;} .expert-info h5 br{ display: none;} a.single-work{ width: 360px; margin: 0 auto 30px auto;} .full-width{ height: auto; padding-bottom: 50px;} .cta-box{ text-align: center;} .cta-content{ margin-bottom: 15px;} .home-banner, .inner-banner{ margin-top: 75px; margin-bottom: 30px;} .inner-heading h1{font-size: 32px;margin-top: 90px;} .inner-heading h1.blog-inner-head{ font-size: 18px;} #feedback{ left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } #feedback-tab{ position:absolute; bottom: 0; left: 50%; margin-left: 0; float: none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .team-linked{ width: auto;} #slideit{ display: none;} .feedback-mobile{position: fixed;display: block;bottom:-20px;text-align: center; z-index: 1050;background-color: aqua; left: 50%;right: 0; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } a.qform-mobile{display: block; margin-left: 0;} .ctdy-grp-inner{width: 290px;margin: 0 auto;} .recent-case_cat_box{width: auto;margin: 10px;} a.single-work{ width: auto; margin: 0 auto 30px auto;} #search input[type="text"] { position: absolute; top: 50%; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 30px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; outline: none; padding: 0px; } .blog-set{ height: auto;} #popModal .popup-close{left:50%; transform: translate(-50%,0);top: 15px;} #signupform #error_contact{left: 0;transform: translate(0);} } @media (max-width: 599px){ .recent-case_cat_box { width: 290px;margin: 0 auto;} } @media (max-width: 479px){ p{ font-size: 13px;} .inner-heading { height: 68px;} .inner-heading h1{ font-size: 24px; margin-top: 10px;} .inner-heading span{ font-size: 12px;} .home-intro{ padding-top: 10px; padding-bottom: 20px;} .home-intro{ padding-top: 10px; padding-bottom: 20px;} .home-abt{ padding: 10px 0;} .home-abt p{ margin: 10px 0;} .gheading{ font-size:28px;} .greadmore{ width: 106px; padding: 5px 0;} a.single-work{ width: auto;} .cta-box .container{ margin-top:20px;} .cta-box .container .cta-content p{ font-size: 22px;} .blog-slide-box h5{font-size: 16px;left:5px;} .full-width{ height: auto;} .career-cta h4{ font-size: 26px;} } @media (max-width: 320px){ .cta-box .container{ margin-top:20px;} .cta-box .container .cta-content p{ font-size: 17px;} .cta-box .container a{ font-size: 18px;} }