.search-no-results input[type="search"].search-field { padding: 1.1em 0.4375em; } /*-----------Remove Blog Date ---------------*/ .blog-leftside .user-detail .user-info em { display: none; } /*-----------Reset styles goes here ---------------*/ *{padding: 0; margin: 0; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .cf:before, .cf:after {display: table; content: "";} .cf:after { clear: both;} body { font-size: 34px; line-height: 48px; color: #5c5c5c; background: #fff; font-family: 'Open Sans', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;} body:after { display: none;} body:before { display: none;} p { font-size: 18px; line-height: 1.5; color: #474747; margin-bottom: 15px; } h1 { font-size: 60px; line-height: 60px; letter-spacing: 1px; margin-bottom: 10px; } h2 { font-size: 94px; line-height: 1; margin-bottom: 25px; } h3 { font-size: 50px; line-height: 1; letter-spacing: 0; color: #027cc4; margin-bottom: 30px;text-transform:uppercase} h4 { font-size: 40px; line-height: 44px; color: #027cc4; font-weight: 700; margin-bottom: 20px; } h5 { font-size: 50px; line-height: 1; margin-bottom: 10px; } h6 { font-size: 28px; line-height: 28px; color: #31b744; font-weight: 700; margin-bottom: 30px; } a { transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; color: #027cc4; outline: none !important } button, input { outline: none !important } a:hover { color: #31b744; } ul { list-style: disc; margin-left: 35px; } ul li { font-size: 18px; line-height: 30px; } ol { margin-left: 35px; } ol li { font-size: 16px; line-height: 24px; } .btn a { background: #31b744; padding: 17px 32px; font-size: 21px; color: #fff; font-weight: 700; display: inline-block; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; line-height: 1.2 } .site-content { overflow: hidden; } .btn a:hover { background: #027cc4; } input, textarea, button { -webkit-appearance: none; appearance: none; } /*-----------Reset styles ends here---------------*/ .main { max-width: 1170px; width: 100%; margin: 0 auto; } /*-----------header section styles goes here---------------*/ #header-main { padding: 8px 0 0;position: relative; z-index: 99; } #header-main .main { padding: 0 25px; } #header-main .logo { float: left; } #header-main .logo img { display: inline-block; width: 120px; height: auto; } #header-main .header-right { float: right; margin-top: 26px; width: 350px; position:relative} #header-main .header-right .social-link{display:inline-block;vertical-align:middle;position:absolute;right:65px;width:80%;z-index:9;text-align:right} #header-main .header-right .social-link ul{margin:3px 0 0 0;padding:0;} #header-main .header-right .social-link ul li{display:inline-block;vertical-align:top;list-style:none;line-height:1;margin:0 3px;} #header-main .header-right .social-link ul li a{font-size:30px;color:#6a6a6b;} #header-main .header-right .social-link ul li a:hover{color:#31b744;} .main-nevigation .menu-box-icon { display: block; cursor: pointer; color: #31b744; position: relative; } .main-nevigation .menu-box-icon .menu-box { display: block; width: 115px; height: 68px; margin-right: 0; padding: 0; position: relative; right: 0; float: right } .main-nevigation .menu-box-icon .menu-box span { width: 100%; height: 15px; margin-bottom: 10px; background: #027cc4; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; } .main-nevigation .menu-box-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(17px) translateX(17px); -webkit-transform: rotate(45deg) translateY(17px) translateX(17px); -ms-transform: rotate(45deg) translateY(17px) translateX(17px); -moz-transform: rotate(45deg) translateY(17px) translateX(17px); -o-transform: rotate(45deg) translateY(17px) translateX(17px); } .main-nevigation .menu-box-icon.active span:nth-child(2) { opacity: 0; } .main-nevigation .menu-box-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-17px) translateX(17px); -webkit-transform: rotate(-45deg) translateY(-17px) translateX(17px); -ms-transform: rotate(-45deg) translateY(-17px) translateX(17px); -o-transform: rotate(-45deg) translateY(-17px) translateX(17px); -moz-transform: rotate(-45deg) translateY(-17px) translateX(17px); } .main-nevigation ul { margin-left: 0; padding: 0 } /*-----------header section styles ends here---------------*/ /*-----------Banner section styles goes here---------------*/ .banner {height: 100%; position: relative;} .banner .owl-carousel.owl-loaded, .banner .owl-carousel .owl-stage-outer, .banner .owl-carousel .owl-stage-outer .owl-stage, .banner .owl-carousel .owl-stage-outer .owl-item{width:100%;height: 100%} .banner .owl-carousel .item{height: 100%} .tagline {width:100%;padding:15px 0 5px 0;text-align:left;background:#fff;/*border-top:8px solid #e1e1e1*/; text-transform: uppercase;border-bottom:1px solid #eee;} .tagline h4{font-size:14px;color:#405567;margin:0;padding:0;line-height:1.2} .tagline h4 span{color:#51b94a;} .clear { clear: both } .banner .owl-carousel .item {background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; position: relative;} .banner .owl-carousel .item:before { content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -.25em; } .banner .owl-carousel .item .main {width: 90%;height: auto;text-align: left;display: inline-block;vertical-align: middle;padding-left: 100px;position: relative; } .banner .owl-carousel .item .main .banner-wrapper { } .banner .owl-carousel .item .main .banner-wrapper .copy-poz { } .banner .btn { display: inline-block; width: 100%; } .banner .btn a { background: #eee; font-size: 2rem; line-height: 2; color: #999; padding: 4px 60px; border: 3px solid #fbfbfb; text-transform: uppercase; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); margin-top: 20px } .banner .btn a:hover { background: #31b744; color:#fff; } .banner .owl-carousel .business-slider .banner-wrapper {} .banner .owl-carousel .travel-slider .banner-wrapper { padding: 80px 0 0 130px; } .banner .owl-carousel .business-slider h2 { color: #be1913;font-size: 6vw; line-height:1; text-transform: uppercase; font-family: 'gotham_boldregular'; margin-bottom: 0!important; } .banner .owl-carousel .travel-slider h2 { color: #0042af; font-size: 180px; line-height: 160px; text-shadow: 0 2px 117px #fff; text-transform: uppercase; font-family: 'gotham_mediumregular'; } .emailOnboard {font-family: 'Open Sans', sans-serif; font-size: 60px; color: #a90014; line-height: 0;} .banner .owl-carousel .creating-slider h2 { font-size: 84px; line-height: 1; color: #a90014; font-family: 'gotham_boldregular'; font-weight: 700; margin-bottom: 0!important;} .pampersCopy {font-family: 'Open Sans', sans-serif; font-size: 41px; color: #00a9a4; line-height: 0;} .banner .owl-carousel .pampers-slider h2 { font-size: 84px; line-height: 1; color: #00a9a4; font-family: 'gotham_boldregular'; font-weight: 700; margin-bottom: 0!important;} .banner .owl-theme .owl-controls{text-align:center} .banner .owl-theme .owl-dots {bottom: 10px;position: absolute;width: 100%;} .banner .owl-theme .owl-dots .owl-dot{display:inline-block;} .banner .owl-theme .owl-dots .owl-dot span{border-radius:50%;width:20px;height:20px;margin:7px;display: block; -webkit-backface-visibility: visible; background:#adadac;transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;} .banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span { background: #31b744} .banner .owl-carousel .owl-prev{content: '';position: absolute;top: 50%;width:50px;height: 50px;text-align: center;margin-top: -18px;color: #FFFFFF;font-style: normal;font-weight: normal;border-right: 4px solid #FFFFFF;border-bottom: 4px solid #FFFFFF;transform:rotate(-225deg) skew(-20deg,-20deg);-moz-transform:rotate(-225deg) skew(-20deg,-20deg);-ms-transform:rotate(-225deg) skew(-20deg,-20deg);-webkit-transform:rotate(-225deg) skew(-20deg,-20deg); font-size:0;margin-top:-25px;left:1%} .banner .owl-carousel .owl-next{content: '';position: absolute;top: 50%;width:50px;height: 50px;text-align: center;margin-top: -18px;color: #FFFFFF;font-style: normal;font-weight: normal;border-right: 4px solid #FFFFFF;border-bottom: 4px solid #FFFFFF;transform:rotate(-45deg) skew(-20deg,-20deg);-moz-transform:rotate(-45deg) skew(-20deg,-20deg);-ms-transform:rotate(-45deg) skew(-20deg,-20deg);-webkit-transform:rotate(-45deg) skew(-20deg,-20deg); font-size:0;margin-top:-25px;right:1%} .banner .owl-carousel .item.business-slider {box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,1);} .banner .owl-carousel .item.business-slider .main { } /* .banner .owl-carousel .conagra-slider .banner-wrapper { margin-left: 30px; width: 80%; max-width: 580px; } .banner .owl-carousel .conagra-slider h2 { color: #282828;font-size: 1.5vmax; line-height:1.1; text-transform: none; font-family: 'Open Sans', sans-serif; margin-bottom: 0!important; text-shadow:1px 1px 10px #fff, 1px 1px 10px #ccc;} .banner .owl-carousel .conagra-slider .banner-wrapper img { display: block; width: 400px; height: auto; } */ .banner .owl-carousel .conagra-slider h2 { color: #be1913;font-size: 6vw; line-height:1; text-transform: uppercase; font-family: 'gotham_boldregular'; margin-bottom: 0!important; } /*-----------Banner section styles goes here---------------*/ /*-----------Our Expertise section styles goes here---------------*/ .our-expertise-section { text-align: center; width: 100%; padding: 80px 0px 0; border-top:1px solid #eee; } .our-expertise-section ul li h4{font-size:23px;line-height:28px;} .our-expertise-section ul { margin: 80px 0 10px; padding: 0; } .our-expertise-section ul li { list-style: none; width: 33.3333%; border-right: 3px solid #eee; border-top: 3px solid #eee; text-align: center; padding: 30px 4%; float: left; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; cursor: pointer; height: 250px } .our-expertise-section ul li:after { background: #fff; content: ""; position: absolute; right: 0; bottom: -3px; width: 3px; height: 3px; z-index: 999 } .our-expertise-section ul li:before { background: #fff; content: ""; position: absolute; left: 0; bottom: -3px; width: 3px; height: 3px; z-index: 999 } .our-expertise-section ul li:nth-of-type(3n) { border-right: none; } .our-expertise-section ul li:nth-of-type(3n) img { height: 106px; width: auto; } .our-expertise-section ul li:nth-of-type(3n+1) { clear: left } .our-expertise-section ul li:nth-of-type(1), .our-expertise-section ul li:nth-of-type(2), .our-expertise-section ul li:nth-of-type(3) { border-top: none } .our-expertise-section ul li figure { margin-bottom: 35px; } .our-expertise-section ul li figure img { width: 100px; height: auto; } /*.tooltips-box:after { content: ""; position: absolute; left: 50%; bottom: -49px; margin-left: -50px; background: url(../images/tooltip-sep.png) no-repeat center bottom; width: 107px; height: 49px }*/ .our-expertise-section .tooltips-box, .our-services-section .tooltips-box { background: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.50); box-shadow: 0 0 5px 0 rgba(0,0,0,0.50); border-radius: 6px 6px 6px 6px; padding: 40px 35px; position: absolute; left: 5%; bottom: 40%; width: 90%; visibility: hidden; opacity: 0; transition: opacity 0.50s ease-in-out; -moz-transition: opacity 0.50s ease-in-out; -webkit-transition: opacity 0.50s ease-in-out; transform: translateY(-20px); z-index: 99; height:auto; top:auto; } .tooltips-box { background: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.50); box-shadow: none; -webkit-border-radius: 0; border-radius: 0; padding: 40px 35px; position: absolute; left: 0; top: 0; width: 100%; bottom: 0; height: 100%; visibility: hidden; opacity: 0; transition: opacity 0.50s ease-in-out; -moz-transition: opacity 0.50s ease-in-out; -webkit-transition: opacity 0.50s ease-in-out; z-index: 99; } .team .tooltips-box { background: rgba(0, 113, 188, 0.8); } /* left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto;*/ .team .tooltip-animation { border: 0; height: auto!important; } .team .tooltips-box.hover div{ left: 0; right: 0; margin: 0 auto;} .tooltip-animation:hover .tooltips-box { opacity: 1; visibility: visible; } .tooltips-box a.full-link {width: 100%; height: 100%; display:block;} @media (max-width:1024px){ /* body.device .tooltip-animation .tooltips-box {transition: all 0.4s; -webkit-transition: all 0.4s; opacity: 1; visibility: visible; transform: translateX(-101%); -webkit-transform: translateX(-101%); } */ body.device .tooltip-animation.hover .tooltips-box { transform: translateX(0%); -webkit-transform: translateX(0%); } } .our-expertise-section ul li:hover a{color:#31b744} /*.our-expertise-section ul li a:hover{color:#027cc4}*/ /*-----------Our Expertise section styles end here---------------*/ /*-----------Our Testimonials section styles goes here---------------*/ .our-testimonials-section { width: 100%; min-height: 620px; background-size: cover !important; background-attachment: fixed !important; background-repeat: no-repeat; background-position: right top } .our-testimonials-section .our-testimonials-wrapper { max-width: 600px; height: 620px; display: table; } .our-testimonials-section .our-testimonials-wrapper .our-testimonials-container { width: 100%; height: 100%; display: table-cell; vertical-align: middle } .our-testimonials-section .people-say { background: rgba(255,255,255,0.80); padding: 30px; } .our-testimonials-section .people-say p { font-size: 42px; line-height: 55px; color: #7e7f81; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400 } .our-testimonials-section .people-say em { font-size: 36px; line-height: 40px; color: #7e7f81; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; } /*-----------Our Testimonials section styles ends here---------------*/ /*-----------Our Approach section styles goes here---------------*/ .our-approach-section { width: 100%; text-align: center; padding: 80px 0 50px 0; } .our-approach-section ul { margin: 70px 0 30px 0; padding: 0; } .our-approach-section ul li { list-style: none; float: left; width: 33.3333%; padding: 0 3%; } .our-approach-section ul li figure { height:180px; display: table; width: 100%; margin-bottom: 30px; } .our-approach-section ul li figure .img-wrapper { height: 100%; width: 100%; vertical-align: middle; display: table-cell; } .our-approach-section ul li figure .img-wrapper img { width: 40% } .our-approach-section ul li:nth-of-type(3n+1) { clear: left; } .our-approach-section ul li h4 { color: #a3a3a3 } .our-approach-section ul li p{ font-size: 18px; line-height: 1.5;} .rmVideo {width: 50%; height: auto; margin: 0 auto;} /*-----------Our Approach section styles ends here---------------*/ /*-----------Our Work section styles goes here---------------*/ .our-work-sec { width: 100%; text-align: center } /* old .our-work-sec ul li figure { background-size: cover !important; background-position: center center !important; width: 100%; min-height: 260px; overflow: hidden; }*/ .our-work-sec ul li figure { background-size: cover !important; background-position: center center !important; width: 100%; min-height: 360px; overflow: hidden; } .our-work-sec ul li figcaption .our-work-thumb { display: table; height: 340px; width: 100%; } .our-work-sec ul li figcaption .our-work-thumb .our-work-thumb-wrapper { display: table-cell; width: 100%; height: 100%; vertical-align: middle } .our-work-sec ul li figcaption .our-work-thumb .our-work-thumb-wrapper h3 {color: #fff; font-size: 26px;} .our-work-thumb-wrapper p { text-shadow: 2px 2px #063E5F; } .our-work-sec.inner-our-work ul { margin: 50px 0 100px } .our-work-sec.inner-our-work ul.workUL {padding: 30px 0 100px;} .our-work-sec .heading { background: #31b744; padding: 30px 0 10px; margin-bottom: 10px; } .our-work-sec .heading h3 { color: #fff; text-transform: uppercase;} .our-work-sec ul { margin: 0; padding: 0; } .our-work-sec ul li { list-style: none; float: left; width: 33.3333%; position: relative; cursor: pointer;transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; border-right: 1px solid #fff; border-bottom:1px solid #fff;} .our-work-sec ul li img { width: 100% } .our-work-sec ul li figcaption { opacity: 0; background: rgba(2,124,196, 0.85); text-align: center; padding: 15px 50px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .our-work-sec ul li:nth-of-type(3n+1) { clear: left } .our-work-sec ul li figcaption h2 { color: #fff; font-size:36px; font-weight: 700; line-height: 1.3; margin: 0 } .our-work-sec ul li figcaption h2 b { color: #fff; font-size: 28px; font-weight: 400; display: block } .our-work-sec ul li figcaption p { color: #fff; font-size: 28px!important; margin: 0 } .our-work-sec ul li p.read-more { color: #fff; text-transform: uppercase; font-size: 20px; display: inline-block; margin-top: 5px; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;} .our-work-sec ul li:hover p.read-more{ color: #31b744; } .our-work-sec ul li a:hover figcaption{opacity:1} /*-----------Our Work section styles ends here---------------*/ /*-----------Our Services section styles goes here---------------*/ .our-services-section { width: 100%; text-align: center; padding: 90px 0 45px; } .our-services-section h4 { color: #a3a3a3; margin-top: 35px; margin-bottom: 5px; font-size: 22px; line-height: 28px; } .our-services-section ul { margin: 50px 0 0 0; padding: 0; width: 100%; display: inline-block } .our-services-section ul li { list-style: none; width: 33.3333%; border-right: 3px solid #eee; border-top: 3px solid #eee; text-align: center; padding: 30px 5.3% 30px; float: left; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; cursor: pointer } .our-services-section ul li:after { background: #fff; content: ""; position: absolute; right: 0; bottom: -3px; width: 3px; height: 3px; z-index: 999 } .our-services-section ul li:before { background: #fff; content: ""; position: absolute; left: 0; bottom: -3px; width: 3px; height: 3px; z-index: 999 } .our-services-section ul li:nth-of-type(3n) { border-right: none; } .our-services-section ul li:nth-of-type(1), .our-services-section ul li:nth-of-type(2), .our-services-section ul li:nth-of-type(3) { border-top: none } .our-services-section ul li figure { height: 155px; display: table; width: 100%; } .our-services-section ul li figure img { width: 100px; height: auto; } .our-services-section ul li figure .img-wrapper { height: 100%; width: 100%; vertical-align: middle; display: table-cell; } .our-services-section ul li:nth-of-type(3n+1) { clear: left; } .our-services-section .tooltips-box:after, .our-expertise-section .tooltips-box:after { content: ""; position: absolute; left: 50%; bottom: -24px; margin-left: -25px; background: url(../images/tooltip-sep.png) no-repeat center bottom; width: 50px; height: 24px; } .tooltips-box p { font-size: 16px; line-height: 1.3; margin-bottom: 0 } .our-services-section ul li:hover h4{color: #31b744;transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; outline: none !important} /*-----------Our Services section styles ends here---------------*/ /*-----------Our Insights section styles goes here---------------*/ .our-insights-section-inner {background: #f4f4f4;} .tile.side-vert .text h4 {font-size: 16px;line-height: 1.4;} .tile.side-vert .text { background: #fff; height: 130px } .our-insights-section { width: 100%; padding: 160px 0 100px; } .our-insights-section ul { margin: 60px 0 0px; padding: 0; } .our-insights-section ul li { width: 31%; float: left; list-style: none; margin-right: 3.5%;margin-bottom:30px; } .our-insights-section ul li img { width: 100% } .our-insights-section ul li:nth-of-type(3n) { margin-right: 0; } .our-insights-section ul li:nth-of-type(3n+1) { clear: left } .our-insights-section h6 { margin-bottom: 20px; min-height: 80px; text-transform: uppercase;font-size:28px;line-height:28px;} .our-insights-section .btn { text-align: center; margin: 20px 0 0 0; } /*-----------Our Insights section styles goes here---------------*/ /*-----------Contact Us section styles goes here---------------*/ .contact-us-section { width: 100%; position: relative; z-index: 9; } .contact-us-section .map-section { position: relative; z-index: 9; } .contact-us-section .map-section > p { margin: 0 } .contact-us-section .map-section:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(53,115,185,0.80); z-index: 1 } .contact-us-section .map-section iframe { width: 50%; min-height: 750px; margin: 0; } .contact-us-section .contact-us-form { position: absolute; right: 0; width: 50%; top: 0; z-index: 99; text-align: center; padding: 25px 110px; background: #3573b9; height: 100%; } .contact-us-section div.wpcf7-mail-sent-ok { margin-top: 22px 0 0 0; position: relative; z-index: 999 } .contact-us-section .contact-us-form h3 { color: #fff; font-size: 46px; margin-bottom: 20px; font-weight: normal; } .contact-us-form .gform_wrapper { margin: 0 !important; } .contact-us-form .form-outer { background: rgba(94, 158, 229, 0.3); padding: 6px !important; } .contact-us-form .form-outer p { line-height: 1; margin-bottom: 10px; } .contact-us-form .form-outer p input { padding: 5px 25px 20px 10px; font-family: "Open Sans", sans-serif; font-size: 18px; } .contact-us-form .form-outer p textarea { padding: 5px 25px 0 10px; height: 95px; font-family: "Open Sans", sans-serif; font-size: 18px; } .contact-us-form .form-outer p input, .contact-us-form .wpcf7 p textarea { width: 100% !important; color: #c7c7c7 !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; -webkit-border-radius: 3px !important; } .contact-us-form .form-outer p:last-child { margin-bottom: 0; } .contact-us-form .form-footer p { margin-bottom: 0; } .contact-us-form .form-footer { margin: 25px 0 10px 10px; padding-bottom: 0; text-align: left; } .contact-us-form .form-footer input { font-size: 22px !important; padding: 18px 40px !important; text-transform: inherit; border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; -webkit-border-radius: 5px !important; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .contact-us-form .form-outer p input::-webkit-input-placeholder, .contact-us-form .form-outer p textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c7c7c7 !important; opacity:1; } .contact-us-form .form-outer p input::-moz-placeholder, .contact-us-form .form-outer p textarea::-moz-placeholder { /* Firefox 19+ */ color: #c7c7c7 !important; opacity:1; } .contact-us-form .form-outer p input:-ms-input-placeholder, .contact-us-form .form-outer p textarea:-ms-input-placeholder { /* IE 10+ */ color: #c7c7c7 !important; opacity:1; } .contact-us-form .form-outer p input:-moz-placeholder, .contact-us-form .form-outer p textarea:-moz-placeholder { /* Firefox 18- */ color: #c7c7c7 !important; opacity:1; } /*-----------Contact Us section styles ends here---------------*/ /*----------------footer section styles goes here-----------*/ #footer-main { background: #4d616e; padding: 35px 0 50px; float: left; width: 100%; } #footer-main .footer-left { display: inline-block; width: 67%; vertical-align: middle } #footer-main .footer-right { display: inline-block; width: 32%; vertical-align: middle; } #footer-main .logo { margin-bottom: 12px; } #footer-main p { font-size: 18px; line-height: 1.5; color: #fff; font-weight: 400; padding: 0; margin: 0 } #footer-main p a { color: #fff } #footer-main p a:hover { color: #31b744; } #footer-main .footer-right h2 { font-size: 24px; color: #fff; } #footer-main .footer-right input { height: 40px; padding: 10px 131px 10px 10px; border-radius: 3px !important; background: #fff; border: 1px solid #dddddd; color: #b7b7b7; font-size: 16px; font-family: "Open Sans", sans-serif; float: left; width: 100% } #footer-main .footer-right input[type="submit"] { margin-top: 15px; right: -1px; width: auto; height: 40px; padding: 0 20px; border-radius: 0 3px 3px 0 !important; background: #31b744; border: 0; color: #fff; text-transform: inherit; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } #footer-main .footer-right input[type="submit"]:hover, #footer-main .footer-right input[type="submit"]:focus { background: #027cc4 } #footer-main .footer-right .footer-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b7b7b7 !important; opacity:1; } #footer-main .footer-right .footer-form input::-moz-placeholder {color: #b7b7b7 !important;opacity:1;} #footer-main .footer-right .footer-form input:-ms-input-placeholder {color: #b7b7b7 !important;opacity:1;} #footer-main .footer-right input:-moz-placeholder { color: #b7b7b7 !important;opacity:1;} /* Hide the Hubspot label */ #label-email-d1d936be-e6a7-4461-9724-63d63fa6fed2 .hs-form-required { display: none; } /* Style Hubspot errors */ .hs-error-msgs { color: #fff; margin: 0 !important; } .hs-error-msgs li { list-style-type: none; } .submitted-message { color: #fff; font-size: 16px; } .contact-us-form input::-webkit-input-placeholder {font-style:italic;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} .contact-us-form input::-moz-placeholder {font-style:italic;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} .contact-us-form input:-ms-input-placeholder {font-style:italic;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} .contact-us-form input:-moz-placeholder {font-style:italic;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} .contact-us-form textarea::-webkit-input-placeholder {font-style:italic;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} .contact-us-form textarea::-moz-placeholder {font-style:italic;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} .contact-us-form textarea:-ms-input-placeholder {font-style:italic;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} .contact-us-form textarea:-moz-placeholder {font-style:italic;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} #footer-main .footer-right .footer-form { position: relative; float: left; width: 100%; } /*----------------footer section styles ends here-----------*/ /* Tipso Bubble Styles */ .tipso_bubble, .tipso_bubble > .tipso_arrow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tipso_bubble { position: absolute; text-align: center; border-radius: 6px; z-index: 9999; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.50); box-shadow: 0 0 15px 0 rgba(0,0,0,0.50); } .tipso_style { cursor: help; } .tipso_title { border-radius: 6px 6px 0 0; } .tipso_content { font-size: 20px; line-height: 1; color: #000; padding: 40px; width: 100%; } /* Tipso Bubble size classes - Similar to Foundation's syntax*/ .tipso_bubble.tiny { font-size: 0.6rem; } .tipso_bubble.small { font-size: 0.8rem; } .tipso_bubble.default { font-size: 1rem; } .tipso_bubble.large { font-size: 1.2rem; width: 100%; } /* Tipso Bubble Div */ .tipso_bubble > .tipso_arrow { position: absolute; width: 0; height: 0; border: 50px solid; pointer-events: none; } .tipso_bubble.top > .tipso_arrow { border-top-color: #000; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; top: 100%; left: 50%; margin-left: -50px !important; } .tipso_bubble.bottom > .tipso_arrow { border-bottom-color: #000; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; bottom: 100%; left: 50%; margin-left: -8px; } .tipso_bubble.left > .tipso_arrow { border-left-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; top: 50%; left: 100%; margin-top: -8px; } .tipso_bubble.right > .tipso_arrow { border-right-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; top: 50%; right: 100%; margin-top: -8px; } .tipso_bubble .top_right_corner, .tipso_bubble.top_right_corner { border-bottom-left-radius: 0; } .tipso_bubble .bottom_right_corner, .tipso_bubble.bottom_right_corner { border-top-left-radius: 0; } .tipso_bubble .top_left_corner, .tipso_bubble.top_left_corner { border-bottom-right-radius: 0; } .tipso_bubble .bottom_left_corner, .tipso_bubble.bottom_left_corner { border-top-right-radius: 0; } .tipso_content { color: #000; font-size: 26px; line-height: 1.2 } .social { margin: 0px; padding: 0px; list-style: none; text-align: center; } .social li { display: inline-block; vertical-align: middle; } .social li a { text-decoration: none; font-size: 15px; color: #555; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; outline: none; } .social li a:hover { color: #55b555; } /*----------------Gride section styles goes here-----------*/ .ipsos-casestudy-banner { width: 100% } .grid-item { float: left; background-position: left top !important; background-repeat: no-repeat !important; background-size: 100% !important; margin-bottom: 4px; } .grid-item01 { width: 264px; height: 525px; } .grid-item02 { width: 264px; height: 256px; } .grid-item03 { width: 823px; height: 256px; } .grid-item04 { width: 192px; height: 260px; } .grid-item05 { width: 426px; height: 259px; } .grid-item img { width: 100%; display: inline-block } /*----------------Gride section styles ends here-----------*/ /*----------------Map Direction styles goes here-----------*/ .map-direction-section { width: 100%; border-bottom: 2px solid #c2c2c2; float: left; } .map-direction-section .map-direction-wrapper { background: url(../images/map-direction-img.png) no-repeat top right; padding: 90px 0 40px; } .map-direction-section .map-direction-wrapper h5 { font-size: 35px; margin-bottom: 20px; } /*----------------Map Direction styles ends here-----------*/ /*----------------Ipsos Challange styles goes here-----------*/ .ipsos-challange-section { display: table; float: left; height: 100%; padding: 90px 0 80px; width: 100%; } .ipsos-challange-section .challange-text { display: table-cell; float: none; height: 100%; vertical-align: middle; width: 50%; padding-right: 5%; } .ipsos-challange-section .challange-img { display: table-cell; float: none; height: 100%; vertical-align: middle; width: 50%; } .ipsos-challange-section .challange-img img { width: 100% } /*----------------Ipsos Challange styles ends here-----------*/ /*----------------Our Step styles goes here-----------*/ .our-step-section { width: 100%; padding: 40px 0 0; float: left; } .our-step-section ul { margin: 0; padding: 0 } .our-step-section ul li { list-style: none; float: left; width: 30%; margin-right: 5%; } .our-step-section ul li a, .our-step-section ul li a img { display: block; width: 100% } .our-step-section ul li:nth-of-type(3n) { margin-right: 0; } /*----------------Our Step styles ends here-----------*/ /*----------------Our Insights styles goes here-----------*/ .our-insights-section { width: 100%; padding: 100px 0; } /*----------------Our Insights styles ends here-----------*/ .parallax2 { background-size: cover; background-attachment: fixed !important; } .site-main { margin: 0; padding: 50px 0; } .video-wrapper { width: 100%; height: 0; overflow: hidden; position: relative; padding-bottom: 56.25%; margin-bottom: 20px; } .video-wrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; border: none; } .contact-us-section span.wpcf7-not-valid-tip { font-size: 16px; text-align: left; margin-top: 3px; } .contact-us-section div.wpcf7-mail-sent-ok { font-size: 20px; } .our-clients-section{width:100%;text-align:center;padding:80px 0;} div.wpcf7-validation-errors { display: none !important } .our-clients-section h3{text-transform:uppercase;} .our-clients-section .main{position:relative} .our-clients-section { /* border-top:1px solid #eee; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,ffffff+27 */ /*background: #f9f9f9; /* Old browsers */ /*background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 27%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 27%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 27%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .our-clients-section ul{margin:20px 0 0 0;padding:0} .our-clients-section ul li{display:inline-block;vertical-align:middle;list-style:none;float:none;} .our-clients-section .owl-carousel{width:100%;} .our-clients-section .owl-carousel .owl-item{text-align:center;float:none;display:inline-block;vertical-align:middle} .our-clients-section .owl-carousel .owl-controls{position:absolute;top:50%;margin-top:-13px;width:100%} .our-clients-section .owl-carousel .owl-controls .owl-dots{display:none;} .our-clients-section .owl-carousel .owl-controls .owl-nav{font-size:0;} .our-clients-section .owl-carousel .owl-controls .owl-nav .owl-prev{background:url(../images/previous-arrow.svg) no-repeat center center;width:27px;height:44px;position:absolute;left:-70px;} .our-clients-section .owl-carousel .owl-controls .owl-nav .owl-next{background:url(../images/next-arrow.svg) no-repeat center center;width:27px;height:44px;position:absolute;right:-70px;} .our-clients-wrapper{position:relative;padding:0 50px;text-align:left;margin-top:40px;display:inline-block;width:100%;} /* Blog Insight pages */ .grid-ul{ display: block; list-style: none; margin-left: -6px; margin-right: -6px; margin-bottom: 0; } .tile{ float: left; width: 33.333%; padding: 0 6px; box-sizing: border-box; margin-bottom: 16px; } .tile .block{ border: 1px solid #b7b7b7; } .tile.side-vert{ width: 33.333%; } .tile .thumb{ background-image: url(../images/thinkinggen.jpg); background-repeat: no-repeat; background-size: cover; } .tile.side-vert .thumb{ min-height: 238px; } .tile .text{ padding: 15px 22px; } .tile .text h4{ font-size: 32px; line-height: 42px; margin-bottom: 10px; } .tile.side-vert .text h4{ margin-bottom: 10px; } .tile.side-hori { width: 66.667%; } .tile.side-hori .block:before, .tile.side-hori .block:after{ display: table; content: ""; } .tile.side-hori .block:after{ clear: both; } .tile.side-hori .thumb{ height: 100%; width: 60%; float: left; } .tile.side-hori .text{ height: 100%; width: 40%; float: left; padding: 40px 30px; } .tile.display-table{ display: block; height: 100%; } .tile.green .block{ background: #39b54a; } .tile.green .thumb{ background-image: url(../images/travel-insight-green-block-img.png); background-size: contain; background-position: center center; background-repeat: no-repeat; } .tile.blue .block{ background: #0071bc; } .tile.display-table h4{ color: #FFFFFF; } .tile.display-table em{ color: #FFFFFF; } .tile.display-table .block { display: table-cell; vertical-align: middle; text-align: center; } .tile .read-more { font-size: 20px; font-style: none; color: #000000; } .blog-rightside { width: 100%;} .blog-rightside .apsc-icons-wrapper{float: right; } .blog-rightside .related-posts{ width: 68%; float: left; } .blog-rightside .related-posts{ padding-right: 20px; } .ui-loader{ display: none; } .contact-detail .contact-form .ui-btn-inner .ui-btn-text, header .ui-btn-inner .ui-btn-text{ display: none; } .our-approach-section ul li figure .aleft, .our-approach-section ul li figure .aright{ visibility: hidden; } .our-clients-section .item img{ width: 200px; height: auto; } .postid-598 .heading-icon h3 { padding-left: 0 } /***** New Custom CSS *****/ .single-expertise .industry-banner h1 { text-transform: none; } /********** Insights Styles **********/ .premiumContainerOutter { background: #fff; -webkit-transition: background ease 1s; -moz-transition: background ease 1s; transition: background ease 1s; } .premiumContainerOutter:hover { background: #f8f8f8; -webkit-transition: background ease 1s; -moz-transition: background ease 1s; transition: background ease 1s; } .premiumContainerInner { max-width: 1170px; margin: 0 auto; height: 448px; padding-top: 40px; } .premium { width: 100%; text-align: center; -webkit-transition: width ease 1s; -moz-transition: width ease 1s; transition: width ease 1s; } .premiumHeadline { font-size: 44px; line-height: 40px; font-weight: 700; -webkit-transition: font-size ease 1s; -moz-transition: font-size ease 1s; transition: font-size ease 1s; } .premiumLeft { width: 48%; float: left; -webkit-transition: width ease 1s; -moz-transition: width ease 1s; transition: width ease 1s; } .premiumRight { width: 48%; font-size: 20px; line-height: 30px; color: #787879; text-align: left; float: right; margin-top: 4%; padding-bottom: 20px; -webkit-transition: width ease 1s; -moz-transition: width ease 1s; transition: width ease 1s; } @media only screen and (max-width: 3500px) { .home .banner { width: 100%; } .rmVideo { width: 49%; height: auto; margin: 0 auto; cursor: pointer; float: right; } .rmVideo-About { width: 60%; height: auto; margin: 0 auto; cursor: pointer; text-align: center; margin-bottom: 2%; } video { object-fit: cover; height: 500px; margin-bottom: 0; } .about-services { padding: 45px !important; } .VideoSectionHP { width: 95%; margin: 0 auto; } .QuoteHP { background: url(https://www.responsemedia.com/wp-content/uploads/2017/05/RM_HomePage_Video_Section_03.png) center no-repeat; width: 49%; height: 500px; font-family: Arial, san-serif; float: left; margin-bottom: 6%; } .QuoteContent { font-size: 40px; width: 71%; margin: 0 auto; line-height: 60px; color: #fff; padding-top: 150px; } .premium100 { width: 100%; height: auto; } } /***** media Q *****/ @media only screen and (max-width:1400px) { .QuoteContent { font-size: 40px; line-height: 80px; } } @media only screen and (max-width:1200px) { .rmVideo { width: 100%; float: none; } video { width: 100%; background-size: 100%; } .QuoteHP { width: 100%; height: auto; background-size: 100%; } video { height: 393px; } /****** Insights Styles ******/ .premium { width: 90%; margin: 0 auto; -webkit-transition: width ease 1s; -moz-transition: width ease 1s; transition: width ease 1s; } .premiumHeadline { font-size: 35px; -webkit-transition: font-size ease 1s; -moz-transition: font-size ease 1s; transition: font-size ease 1s; } .premiumContainerInner { height: 400px; } } @media only screen and (max-width: 1024px) { .rmVideo-About { width: 100%; } /****** Insights Styles ******/ .premiumHeadline { font-size: 30px; line-height: 40px; -webkit-transition: font-size ease 1s; -moz-transition: font-size ease 1s; transition: font-size ease 1s; } .premiumRight { font-size: 18px; line-height: 30px; margin-top: 2%; -webkit-transition: font-size ease 1s, margin-top ease .5s; -moz-transition: font-size ease 1s, margin-top ease .5s; transition: font-size ease 1s, margin-top ease .5s; } } @media only screen and (max-width:900px) { .none { display: none; } } @media only screen and (width:768px) { .premiumHeadline { font-size: 25px; line-height: 35px; -webkit-transition: font-size ease 1s; -moz-transition: font-size ease 1s; transition: font-size ease 1s; } .premiumRight { font-size: 18px; line-height: 22px; margin-top: 1%; -webkit-transition: font-size ease 1s; -moz-transition: font-size ease 1s; transition: font-size ease 1s; } } @media only screen and (max-width:736px) { .QuoteContent { font-size: 43px; line-height: 55px; } /******** Insights Mobile CSS ********/ .premium { height: inherit; } .premiumLeft, .premiumRight { width: 90% !important; margin: 0 auto; float: none; -webkit-transition: width ease 1s; -moz-transition: width ease 1s; transition: width ease 1s; } .premiumRight { margin-top: 2%; -webkit-transition: margin-top ease .5s; -moz-transition: margin-top ease .5s; transition: margin-top ease .5s; } .premiumContainerInner { padding-top: 20px; height: auto; } } @media only screen and (max-width:550px) { .our-approach-section ul li figure .img-wrapper img { width: 100px!important; height: auto!important; } } @media only screen and (max-width:480px) { .QuoteContent { font-size: 19px; line-height: 29px; } video { height: auto; } /*****Insights Style*****/ .premiumHeadline { font-size: 32px; line-height: 40px; -webkit-transition: font-size ease 1s; -moz-transition: font-size ease 1s; transition: font-size ease 1s; } } .wpcf7-spinner { display: none !important; }