/*---------Start IG StyleSheet_Aug20-----------*/ /* @import url('http://example.com/example_style.css'); */ /*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');*/ /**************************** ********************** Variables *******/ /**************Color Codes****************/ /******************************* ***************************** Global Syles *************/ /* body {font-size: 18px; color: #313438; line-height: 1.5; margin: 0px; font-family: 'Montserrat', sans-serif;; font-weight:300; } */ .row-fluid .page-center {max-width: 1100px; padding: 0 30px; margin: 0 auto!important; float: none;} *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /***** Padding *******/ .paddingt10 {padding-top: 10px;} .paddingt20 {padding-top: 20px;} .paddingt30 {padding-top: 30px;} .paddingt40 {padding-top: 40px;} .paddingt50 {padding-top: 50px;} .paddingt60 {padding-top: 60px;} .paddingt70 {padding-top: 70px;} .paddingt80 {padding-top: 80px;} .paddingt90 {padding-top: 90px;} .paddingt100 {padding-top: 100px;} .paddingt110 {padding-top: 110px;} .paddingt120 {padding-top: 120px;} .paddingt130 {padding-top: 130px;} .paddingt140 {padding-top: 140px;} .paddingt150 {padding-top: 150px;} .paddingt160 {padding-top: 160px;} .paddingt170 {padding-top: 170px;} .paddingt180 {padding-top: 180px;} .paddingt190 {padding-top: 190px;} .paddingt200 {padding-top: 200px;} .paddingb10 {padding-bottom: 10px;} .paddingb20 {padding-bottom: 20px;} .paddingb30 {padding-bottom: 30px;} .paddingb40 {padding-bottom: 40px;} .paddingb50 {padding-bottom: 50px;} .paddingb60 {padding-bottom: 60px;} .paddingb70 {padding-bottom: 70px;} .paddingb80 {padding-bottom: 80px;} .paddingb90 {padding-bottom: 90px;} .paddingb100 {padding-bottom: 100px;} .paddingb110 {padding-bottom: 110px;} .paddingb120 {padding-bottom: 120px;} .paddingb130 {padding-bottom: 130px;} .paddingb140 {padding-bottom: 140px;} .paddingb150 {padding-bottom: 150px;} .paddingb160 {padding-bottom: 160px;} .paddingb170 {padding-bottom: 170px;} .paddingb180 {padding-bottom: 180px;} .paddingb190 {padding-bottom: 190px;} .paddingb200 {padding-bottom: 200px;} .paddingtb10 {padding-top: 10px; padding-bottom: 10px;} .paddingtb20 {padding-top: 20px; padding-bottom: 20px;} .paddingtb30 {padding-top: 30px; padding-bottom: 30px;} .paddingtb40 {padding-top: 40px; padding-bottom: 40px;} .paddingtb50 {padding-top: 50px; padding-bottom: 50px;} .paddingtb60 {padding-top: 60px; padding-bottom: 60px;} .paddingtb70 {padding-top: 70px; padding-bottom: 70px;} .paddingtb80 {padding-top: 80px; padding-bottom: 80px;} .paddingtb90 {padding-top: 90px; padding-bottom: 90px;} .paddingtb100 {padding-top: 100px; padding-bottom: 100px;} .paddingtb110 {padding-top: 110px; padding-bottom: 110px;} .paddingtb120 {padding-top: 120px; padding-bottom: 120px;} .paddingtb130 {padding-top: 130px; padding-bottom: 130px;} .paddingtb140 {padding-top: 140px; padding-bottom: 140px;} .paddingtb150 {padding-top: 150px; padding-bottom: 150px;} .paddingtb160 {padding-top: 160px; padding-bottom: 160px;} .paddingtb170 {padding-top: 170px; padding-bottom: 170px;} .paddingtb180 {padding-top: 180px; padding-bottom: 180px;} .paddingtb190 {padding-top: 190px; padding-bottom: 190px;} .paddingtb200 {padding-top: 200px; padding-bottom: 200px;} @media (max-width: 767px) { .mobile_paddingt0 {padding-top: 0px;} .mobile_paddingt10 {padding-top: 10px;} .mobile_paddingt20 {padding-top: 20px;} .mobile_paddingt30 {padding-top: 30px;} .mobile_paddingt40 {padding-top: 40px;} .mobile_paddingt50 {padding-top: 50px;} .mobile_paddingt60 {padding-top: 60px;} .mobile_paddingt70 {padding-top: 70px;} .mobile_paddingt80 {padding-top: 80px;} .mobile_paddingt90 {padding-top: 90px;} .mobile_paddingt100 {padding-top: 100px;} .mobile_paddingb0 {padding-bottom: 0px;} .mobile_paddingb10 {padding-bottom: 10px;} .mobile_paddingb20 {padding-bottom: 20px;} .mobile_paddingb30 {padding-bottom: 30px;} .mobile_paddingb40 {padding-bottom: 40px;} .mobile_paddingb50 {padding-bottom: 50px;} .mobile_paddingb60 {padding-bottom: 60px;} .mobile_paddingb70 {padding-bottom: 70px;} .mobile_paddingb80 {padding-bottom: 80px;} .mobile_paddingb90 {padding-bottom: 90px;} .mobile_paddingb100 {padding-bottom: 100px;} .mobile_paddingtb10 {padding-top: 10px; padding-bottom: 10px;} .mobile_paddingtb20 {padding-top: 20px; padding-bottom: 20px;} .mobile_paddingtb30 {padding-top: 30px; padding-bottom: 30px;} .mobile_paddingtb40 {padding-top: 40px; padding-bottom: 40px;} .mobile_paddingtb50 {padding-top: 50px; padding-bottom: 50px;} .mobile_paddingtb60 {padding-top: 60px; padding-bottom: 60px;} .mobile_paddingtb70 {padding-top: 70px; padding-bottom: 70px;} .mobile_paddingtb80 {padding-top: 80px; padding-bottom: 80px;} .mobile_paddingtb90 {padding-top: 90px; padding-bottom: 90px;} .mobile_paddingtb100 {padding-top: 100px; padding-bottom: 100px;} .set-height {height: auto!important;} .pdtls-date-read p {max-width:215px!important;} } .fancybox-container {z-index:99999!important;} .text-left {text-align: left;} .text-center {text-align: center;} .text-right {text-align: right;} @media(min-width:1163px){ .search_icon{ display:block !important; } .search_box { position: fixed; left: 0; width: 100%; text-align: center; top: 0; height: 0; background: rgba(4,1,41,0.89); z-index: -10; display: block !important; transition: all .3s ease-in-out; opacity: 0; overflow: hidden; } .search_box.open-search-box { height: 100%; transition: all .3s ease-in-out; opacity: 1; z-index: 10; } .search_box .close_btn { padding: 100px 0 30px; } .search_box .hs-search-field { padding: 20px 20px 50px; max-width: 800px; margin: 0 auto; } .hs-search-field { position: relative; } .search_box .hs-search-field .hs-search-field__suggestions { padding: 20px; } .hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; } .search_box .hs-search-field form input.hs-search-field__input { background: #fff; padding: 15px 20px; font-size: 14px; color: #040129; border: 0px; border-radius: 30px; font-weight: 500; } .search_box .hs-search-field form button { position: absolute; right: 22px; top: 26px; border: 0px; background: 0; font-size: 30px; color: #040129; cursor: pointer; } .search_box .hs-search-field__bar button svg { height: 24px; fill: #040129; } .search_box .close_btn a { font-size: 20px; color: #fff; text-transform: uppercase; text-decoration:none; font-weight: 700; } .search_box .close_btn a:hover { color: #2be0a3; } .search_box .hs-search-field__bar button:hover svg { fill: #2be0a3; } .main_header_section .search_icon a { color: #fff; } .main_header_section .search_icon a:hover { color: #2be0a3; } input, button { outline: 0; } } @media (max-width: 767px) { .mobile-text-left {text-align: left;} .mobile-text-center {text-align: center;} .mobile-text-right {text-align: right;} } .footer_right_column .mobile-show{display:none;} /*---colour class style--**/ /* CTA */ .green_border_white_txt_btn a{color:#fff; font-size:16px; padding:12px 25px; border: 1px solid #3FC195; font-weight:500;border-radius:200px;display:inline-block;} .green_border_white_txt_btn a:hover{background:#3FC195; color:#fff;} .white_fill_green_txt_btn a{color:#3FC195; background:#fff; display:inline-block;} .white_fill_green_txt_btn a:hover{color:#fff; background:#060143} .green_fill_white_txt_btn a{background:#3FC195; color:#fff;} .green_fill_white_txt_btn a:hover{background:#19ADF2} .quote_btn a{background:#19ADF2; color:#fff;display:inline-block;} .quote_btn a:hover{background:#28C6CA;} .white_border_txt_btn a{ border:1px solid #fff; color:#fff; text-decoration:none;} .white_border_txt_btn a:hover{ background:#fff; color:#04002C; } .green_fill_blue_text_btn a{background:#3FC195;color:#04002C;} .green_fill_blue_text_btn a:hover{background:#fff;} .green_fill_blue_text_btn_large a{background:#3FC195;color:#04002C;} .green_fill_blue_text_btn_large a:hover{background:#fff} .green_border_btn a{ border:1px solid #2BE0A3; color: #fff } .green_border_btn a:hover{ color:#2BE0A3; } .skyblue_border_btn a{ border:1px solid #19ADF2; color: #fff; } .skyblue_border_btn a:hover{ color:#19ADF2; } .heliotrope_border_btn a{ border:1px solid #BA80F7; color: #fff; } .heliotrope_border_btn a:hover{ color:#BA80F7; } .scooter_border_btn a{ border:1px solid #28C6CA; color: #fff; } .scooter_border_btn a:hover{ color:#28C6CA; } .orange_border_btn a{ border:1px solid #DBA819; color: #fff; } .orange_border_btn a:hover{ color: #DBA819; } .white_border_btn a{ border:1px solid #fff; color: #fff; } /* commen css button */ .green_fill_white_txt_btn a, .white_border_txt_btn a, .quote_btn a, .green_border_btn a, .scooter_border_btn a, .skyblue_border_btn a, .orange_border_btn a, .white_border_btn a, .green_fill_blue_text_btn a, .heliotrope_border_btn a, .green_fill_blue_text_btn_large a, .white_fill_green_txt_btn a{padding:18px 40px; border-radius: 200px; font-weight:500; font-size:16px; display:inline-block; text-transform:capitalize;} .green_fill_blue_text_btn_large a{font-size:18px;} /************************************* *********************** Typography *************/ h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif;; font-weight: bold; line-height: 1.2em; margin: 8px 0; color:#04002C !important;} h1 {font-size: 72px; font-weight:600} h2 {font-size: 48px; font-weight:600} h3 {font-size: 36px; font-weight:600} h4 {font-size: 18px;font-weight:600} h5 {font-size: 18px; font-weight:500} h6 {font-size: 18px;} a {text-decoration:none; transition: .25s;} a:hover {text-decoration: none;} .font-white, .font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white h5, .font-white h6 { color: #fff !important;} a.btn_for_mobile { display: none; } div#button_for_mobile{display:none;} .accordion {} .accordion_group {margin-bottom: 2px;padding: 5px 0; border-bottom: 1px solid #707070;} .accordion_header {cursor: pointer;font-size: 18px;line-height: 16px;width: 100%;padding: 10px 0px; } .accordion_icon{color: #34495e;padding-right: 16px;background-color: #34495e;margin-right: 10px;font-size: 14px;border-radius: 3px;} .accordion_content {padding: 10px 15px;display: none;} .accordion_group .accordion_icon {position: relative;} .accordion_group .accordion_icon::before, .accordion_group .accordion_icon::after {content: '';display: block;position: absolute;top: 50%;right: 3px;width: 10px;height: 2px;margin-top: -1px;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: all .25s;transition: all .25s;background-color: #f0f0f0;} .accordion_group.expanded .accordion_icon::before {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);opacity: 0;} .accordion_group .accordion_icon::before {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 1;} .accordion_group .accordion_icon::after {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} .accordion_group.expanded .accordion_icon::after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .header-container-wrapper{position:absolute;width: 100%;z-index:9;} div#header_with_nav .row-fluid .page-center {max-width: 1830px;} div#header_with_nav .header_btn {text-align:right; margin-top:7px;} div#header_with_nav{padding:19px 0 11.28px 0;} div#header_with_nav .header_menu ul{list-style:none; padding-left:0px;} div#header_with_nav .header_menu ul li{position:relative} div#header_with_nav .header_menu .hs-menu-flow-horizontal ul{text-align:right;} div#header_with_nav .header_menu .hs-menu-flow-horizontal ul li{display:inline-block;} div#header_with_nav .header_menu .hs-menu-flow-horizontal ul li ul{text-align:left;} div#header_with_nav .header_menu .hs-menu-flow-horizontal ul li ul li{display:block;} div#header_with_nav .header_menu ul li a{padding:0 26px; color:#fff; font-weight:500; font-size:16px;} div#header_with_nav .header_menu ul li a:hover{color:#3FC195} div#header_with_nav .no-flyouts ul li ul{display:block} div#header_with_nav .flyouts ul li ul {display:none; position:absolute; top: 100%; background: #187386;padding: 10px 7px;text-align: left; width: 220px; border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,0.15);z-index:5;} div#header_with_nav .flyouts ul li ul::after{bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute; pointer-events: none; border-color: rgba(24,115,134,0);border-bottom-color: #187386;border-width: 4px;margin-left: -4px;} div#header_with_nav .flyouts ul li ul li a{padding:2px 15px; display:inline-block;} div#header_with_nav .flyouts ul li:hover ul{display:block; } .header_right_column .header_menu.custom-menu-primary{ width: 80%;} .header_right_column .header-right_btn { width: 16%;} .menu_box { position: fixed; left: 0; width: 100%; text-align: center; top: 0; height: 100%; background: rgba(4,1,41,0.89); z-index: -1; overflow: auto; opacity: 0; transition: all .3s ease-in-out; height: 0px; display: block !important; overflow: hidden; } .show_mod_box .menu_box.open-menu-box { z-index: 10; opacity: 1; transition: all .3s ease-in-out; height: 100%; overflow: auto; box-sizing: border-box; } /* width */ .show_mod_box .menu_box.open-menu-box::-webkit-scrollbar { width: 0px; } .show_mod_box .menu_box { display: block !important; } .show_mod_box{overflow:hidden} .home_hero_module { background-size: cover; background-repeat: no-repeat; /* background-attachment: fixed; */ } .home_hero_module .inner_section { display: flex;align-items: center; justify-content: center; position: relative;} .row-fluid .home_hero_module .page-center {max-width:1300px} .main-images-box {position: absolute; top:0; left:0; height:100%; width:100%;} .main-images-box img{position: absolute;} img.cross_img { left: 3%; top: 10%; } img.Half_Circle { left: 9%; top: 14%; } img.waves { bottom: 12%; left: 14%; z-index: 2; } img.main-image { left: 0; right: 0; margin: 0 auto; top: -8%; width: 75%; z-index: 1; } img.path { top: 3%; right: 6%; } img.dots { top: 6%; right: 19%; } img.strips { bottom: 21%; right: 11%; } img.circle.slide { bottom: 15%; right: 21%; z-index: 2; } .scroll_to_section { margin-top: 30px; position: relative;z-index: 2;} .scroll_to_section img{filter: drop-shadow(2px 4px 6px black); -webkit-filter: drop-shadow(2px 4px 5px #222);} .content_column h1, .content_column h5 { position: relative; z-index: 2; text-shadow: 0px 0px 20px rgba(0,0,0,0.8); } .home_hero_module .column_video { position: absolute; max-width: 880px; max-width:none; width: 100%;margin: 0 auto;overflow: hidden;left: 0;right: 0;top: 0;} .home_hero_module .column_video video {width: 100%;} div#copy_IG_section {position: relative;} div#copy_IG_section::after{} div#copy_IG_section::before{} .copy_module_wrapper {background-position: right center;background-repeat: no-repeat;background-size: 100%; position:relative; overflow:hidden } .copy_module_wrapper .section_content_wrapper h4 {font-weight: normal;color:#04002C !important; line-height:1.4em; position:relative; z-index:1; font-size:25px;} .copy_module_wrapper .section_content_wrapper h4 strong{font-weight:700;} .copy_module_wrapper .content_btn a{position:relative; z-index:1} .copy_module_wrapper .section_content_wrapper .content_btn {margin-top: 40px;} .copy_module_wrapper.font-white h1, .copy_module_wrapper.font-white h2, .copy_module_wrapper.font-white h3, .copy_module_wrapper.font-white h4, .copy_module_wrapper.font-white h5, .copy_module_wrapper.font-white h6{color:#fff} img.slide.img1 { left: 7%; top: 28%; width: 10.5%; } img.slide.img2 { top: 41.9%; left: 15.6%; width: 3.4%; transform: rotate(45deg); } img.slide.img3 { right: -34px; top: 40%; width: 19%; } .font-blue, .font-blue a, .font-blue h1, .font-blue h2, .font-blue h3, .font-blue h4, .font-blue h5, .font-blue h6, .font-blue p, .font-blue span, .font-blue samp {color:#19ADF2;} .font-purple, .font-purple a, .font-purple h1, .font-purple h2, .font-purple h3, .font-purple h4, .font-purple h5, .font-purple h6, .font-purple p, .font-purple span, .font-purple samp {color:#BA80F7;} .font-green, .font-green a, .font-green h1, .font-green h2, .font-green h3, .font-green h4, .font-green h5, .font-green h6, .font-green p, .font-green span, .font-green samp{color:#3FC195;} .font-seaGreen, .font-seaGreen a, .font-seaGreen h1, .font-seaGreen h2, .font-seaGreen h3, .font-seaGreen h4, .font-seaGreen h5, .font-seaGreen h6, .font-seaGreen p, .font-seaGreen span, .font-seaGreen samp {color:#28C6CA;} .font-yellow, .font-yellow a, .font-yellow h1, .font-yellow h2, .font-yellow h3, .font-yellow h4, .font-yellow h5, .font-yellow h6, .font-yellow p, .font-yellow sapn, .font-yellow samp {color:#DBA819;} .font-white .font-blue, .font-white .font-purple, .font-white .font-green, .font-white .font-seaGreen, .font-white .font-yellow{ color:#fff} .services_slider_box .section_header {margin-bottom: 60px;} .services_slider_module{position:relative; overflow:hidden;} .services_slider_module .inner-section {background:#fff;border-radius: 30px;box-shadow: 0px 30px 50px rgba(0,0,0,0.16);padding:25px 55px 70px 55px; position:relative;z-index:1;} .services_slider_box, .services_slider_module{position:relative;} img.slide.circle-icon { top: 39.3%; left: 6.8%; } img.slide.zig-zag-service { right: -10%; bottom: 24%; width: 160px; } @media (min-width:1920px){img.slide.circle-icon{left: 12.8%;} img.slide.zig-zag-service{right:-6%;} } @media(max-width:1400px){img.slide.circle-icon{left:0;} img.slide.zig-zag-service { right: -6.5%; bottom: 14%;} } @media(max-width:1300px) { img.slide.img2 { top: 52%;} } @media(max-width:1200px){img.slide.circle-icon{left:0;} img.slide.zig-zag-service { right: -69px; bottom: -70px;} img.slide.circle-icon { top: 110px; left: -64px; } @media(max-width:1015px){ .services_slider_module .main-images-box{display:none;} .copy_module_wrapper .section_content_wrapper h4 {font-size:20px;} } } .services_slider_module .services_tab_section { background:#fff; padding: 50px; box-shadow: 1px 5px 15px rgba(0,0,0,0.16);border-radius: 20px;} .services_slider_module .services_tab_section .accordion_group:last-child { border-bottom: none;} .services_slider_module .inner-section .slider-nav { border-bottom: 1px solid #707070; position: relative; z-index: 1;} .services_slider_module .inner-section .slider-nav .slider_item strong{font-size:11pt; position:relative; padding:25px 0; display:inline-block;transition:all ease-in-out 0.3s; overflow:hidden; float: left;} .services_slider_module .inner-section .slider-nav .slider_item strong::before{content:""; position:absolute; bottom:0; height:5px; width:0%;left:0; transition: all ease-in-out 0.3s;} .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="0"] strong::before { background: #19ADF2;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="1"] strong::before { background: #BA80F7;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="2"] strong::before {background: #3FC195;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="3"] strong::before { background: #28C6CA;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="4"] strong::before {background: #DBA819;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item:focus{outline:none;} .services_slider_module .inner-section .slider-nav .slick-current.slick-active strong{} .services_slider_module .inner-section .quote_side_box {text-align: center;} .services_slider_module .inner-section .quote_side_box p{font-size:18pt; font-weight:normal; color:#040129} .services_slider_module .inner-section .quote_side_box .person_data{margin: 15px 0; display: block;overflow: hidden;} .services_slider_module .inner-section .quote_side_box .person_data p {font-size: 18pt;} .services_slider_module .inner-section .quote_side_box .person_image{padding-top:25px;} .services_slider_module .inner-section .quote_side_box .person_image img{margin:0 auto; box-shadow: 0px 3px 36px rgba(0,0,0,0.2);border-radius: 50%; width:97px;} .services_slider_module .inner-section .quote_txt{position:relative; padding-bottom:1px;} .services_slider_module .inner-section .quote_txt::before, .services_slider_module .inner-section div#slick-slide00 .quote_txt::before, .services_slider_module .inner-section div#slick-slide01 .quote_txt::before, .services_slider_module .inner-section div#slick-slide02 .quote_txt::before, .services_slider_module .inner-section div#slick-slide03 .quote_txt::before, .services_slider_module .inner-section div#slick-slide04 .quote_txt::before {content:"";position:absolute; width:50px; height:4px; background:#19ADF2; bottom:0; left:0; right:0; margin:0 auto;}. .services_slider_module .inner-section div#slick-slide00 .quote_txt::before, .services_slider_module .inner-section div#slick-slide00 .quote_btn a{background:#19ADF2} .services_slider_module .inner-section div#slick-slide01 .quote_txt::before, .services_slider_module .inner-section div#slick-slide01 .quote_btn a{background:#BA80F7} .services_slider_module .inner-section div#slick-slide02 .quote_txt::before, .services_slider_module .inner-section div#slick-slide02 .quote_btn a{background:#3FC195;} .services_slider_module .inner-section div#slick-slide03 .quote_txt::before, .services_slider_module .inner-section div#slick-slide03 .quote_btn a{background:#28C6CA;} .services_slider_module .inner-section div#slick-slide04 .quote_txt::before, .services_slider_module .inner-section div#slick-slide04 .quote_btn a{background:#DBA819;} /* div#slick-slide00 */ .services_slider_module .inner-section ul.slick-dots button{height:10px; width:10px; border:1px solid #19ADF2; font-size:0; border-radius:50%; padding: 0; background:transparent} .services_slider_module .inner-section ul.slick-dots button:focus{outline:none;} .services_slider_module .inner-section ul.slick-dots li.slick-active button{height:15px; width:15px; background:#19ADF2} div#slider_for_desktop .slider_for { z-index:99; max-width:795px; margin:37px auto 0 auto;} div#slider_for_desktop .slider_for .slider_item:focus{outline:none;} .services_slider_module .quote_txt { max-width: 795px; margin: 0 auto; } @media(min-width:1015px){ div#tab_for_mobile {display: none;} div#slider_for_desktop{display:block;} } @media(max-width:1015px){ div#tab_for_mobile {display: block; position:relative} div#slider_for_desktop{display:none;} } .brand_logo_module_wrapper{background:#fff} .brand_logo_module_wrapper .section_logos_middle_row {display: flex;align-items: center; flex-wrap:wrap; /*margin-top:50px;margin-bottom:50px;*/} .brand_logo_module_wrapper .section_logos_middle_row .brand_item { max-width: 16%; width: 100%; } .two_column_case-study_module{position:relative;z-index:1;padding-bottom:80px} .two_column_case-study_module::before, .two_column_case-study_module::after{position:absolute; content:"";} .two_column_case-study_module::after{width: 520px; height: 152px;bottom: 0px;left: -156px; background-size:100% !important; background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/Group%20155.png') no-repeat;} .two_column_case-study_module::before{width:691px; height:100%; top: -115px; left: 0;background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/Group%20162.png')no-repeat; background-attachment: fixed !important;} .two_column_case-study_module .section_inner_wrapper { display: flex; margin:0 -15px;} .two_column_case-study_module .section_inner_wrapper > div{padding:0 15px;} .two_column_case-study_module .section_left_column { max-width: 40%; width:100%; position:relative;z-index:4} .two_column_case-study_module .section_left_column .section_title h4{font-size:20px;text-transform:uppercase; position:relative;padding-bottom: 40px; margin-bottom: 40px; font-weight:400;} .two_column_case-study_module .section_left_column .section_title h4::after{content:""; position:absolute; width:50px; height:4px; background:#3FC195; bottom:0; left:0;} .two_column_case-study_module .section_left_column p{margin:40px 0;} .two_column_case-study_module .section_right_column { max-width: 60%;width: 100%;} .two_column_case-study_module .section_right_column .large_desktop_image {overflow: auto; height: 660px; position: relative; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); margin-bottom: -60px; border-radius:20px; width:90% } .two_column_case-study_module .section_right_column .large_desktop_image img{width:100%;} .two_column_case-study_module .section_right_column .large_desktop_image::-webkit-scrollbar { width: 0 !important } .section_mobile_image { display: none;} .two_column_case-study_module .section_right_column .section_images_for_desktop { position: relative; } .two_column_case-study_module .section_right_column .section_images_for_desktop .small_mobile_image { position: absolute; bottom: -20%; z-index: 5; right: -24%; } .two_column_case-study_module .section_right_column .section_images_for_desktop::before { content: ""; position: absolute;width: 220px;height: 233px; background: url(https://www.ideagrove.com/hubfs/image-cer-linebox-min.png) no-repeat;right: -87px;top: 25px;background-size: 100%;} .featured_content_module{position:relative; overflow:hidden;} img.slide.zig-zag-img { top: 36.5%; left: 1.9%; } img.slide.featured-circle { right: 6%; top: 21%; } img.slide.featured-dots { top: 31%; right: -164px; } div#featured_content_section {background-size: cover;background-position: center;} div#featured_content_section .section_header { margin-bottom: 60px;} div#featured_content_section .section_header h3{font-size:36px;text-align:center;} .featured_content_module .featured_inner_wrapper {display: flex;margin: 0 -15px;} .featured_content_module .featured_inner_wrapper >div {max-width:50%; width:100%; padding:0 15px;} .featured_content_module .feature_post { position: relative;z-index:1;} .feature_left_column .feature_post {position: relative; background-size: cover;background-position:center;} .feature_left_column .feature_post a{ min-height: 650px; padding: 30px;} .feature_post a{display:block; position: relative; z-index: 2;} .feature_post a .post_content{ position: absolute; bottom: 30px; max-width:358px; } .feature_right_column .feature_post { position: relative; background-size: cover; } .feature_right_column .feature_post a{min-height: 310px; padding:30px;} .feature_right_column .feature_post:first-child { margin-bottom: 30px; } .featured_content_module .featured_btn_row a { position: relative; z-index: 1; } .featured_content_module .featured_inner_wrapper .post_title h4{font-size:30px;} .featured_content_module .featured_inner_wrapper .post-line h6{position:relative;padding-bottom: 10px;margin-bottom: 20px;text-transform: uppercase; font-size:14px; font-weight:400; } .featured_content_module .featured_inner_wrapper .post-line h6::before{content:""; position:absolute; width:50px; height:4px; background:#3FC195; bottom:0} .overlay {/*transition:all ease-in-out 0.3s;*/ background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7374300061821604) 40%, rgba(0,0,0,0) 100%);position: absolute; height: 100%; width: 100%; left: 0; right: 0;top: 0;} .feature_post:hover .overlay{background:rgba(0,0,0,0.6); /*transition:all ease-in-out 0.3s;*/} .featured_content_module .featured_btn_row{margin-top:60px;} .featured_content_module .feature_left_column{position:relative;} .featured_btn_row a, .copy_module_wrapper .content_btn a, brand_logo_module_wrapper .section_cta_row a {max-width:280px; text-align:center; width: 100%; box-sizing:border-box !important} .two_column_case-study_module .section_button a{max-width:327px; width:100%; text-align:center;} .clients_module_wrapper { overflow:hidden; background-size: cover; background-position: center; background-attachment: fixed; position:relative; } .clients_module_wrapper .client-image img { max-width: 957px; width: 100%; } .clients_module_wrapper .section_header h3, .clients_module_wrapper .client-image img, .clients_module_wrapper .section_bottom_row a{ position: relative; z-index: 1; } .client-images-box{position:absolute; top:0; left:0; height:100%; width:100%;} img.slide.shape-blue-left { bottom: -99px; left: -196px; } img.slide.dots-box { right: 0; bottom: 0; } img.slide.white-shape { right: -225px; bottom: 0; } img.slide.blue-shape { bottom: 0; right: 0; } img.slide.color-dots { bottom: 52px; right: 105px; } img.slide.shape-crose { left: 20%; top: 11%; } div#footer_for_web{background:#060143; color:#fff} div#footer_for_web ul{list-style:none; line-height:35px; padding-left:0px;} div#footer_for_web ul li a{color:#fff; font-size:14px; font-weight:600; padding-right:0px;padding-bottom:26px;} div#footer_for_web ul li ul li a{font-weight:400; color:#CBC9ED;} div#footer_for_web ul li a:hover, div#footer_for_web .contact_info a:hover{opacity:0.7; text-decoration:underline;} div#footer_for_web .contact_info a, div#footer_for_web .contact_info p, div#footer_for_web .contact_info > div > span > span{color:#CBC9ED;font-size:15px;} .footer_bottom_row .footer-txt, .footer_bottom_row .footer_right_column {font-size: 15px;padding:5px 0;} div#footer_for_web .contact_info{margin-top:10px;} div#footer_for_web .contact_info p strong, div#footer_for_web .contact_info > div > span > span strong { color:#fff; margin-bottom: 10px; display: inline-block; } .footer_bottom_row .row-fluid [class*="span"] { min-height: auto !important;} .footer_bottom_row .footer_right_column{text-align:right} .for-mobile{display:none;} .black_fill_bg{background:#04002C;} /*-------------------------------------- * Media query start here * ------------------------------------*/ @media (max-width:1440px){ .header_right_column .header_menu.custom-menu-primary { width: 77%; } .header_right_column .header-right_btn { width: 20%; } .two_column_case-study_module .section_right_column .section_images_for_desktop .small_mobile_image{width:50%; right:0; bottom:auto; top:23%} .two_column_case-study_module .section_right_column .section_images_for_desktop .large_desktop_image { width: 90%; height:565px;} .two_column_case-study_module .section_right_column .section_images_for_desktop::before{right:0;} } @media (max-width:1199px) { .row-fluid .page-center { padding: 0 30px; } } @media (max-width:1292px){ } @media (max-width:1200px){ .home_hero_module .column_video{/*max-width: 750px;*/} img.slide.dots-box { width: 300px; } img.slide.white-shape{width:510px;} img.slide.blue-shape, img.slide.color-dots{width:320px;} img.slide.shape-blue-left{width:350px;} img.slide.shape-crose { left: 17%; top: 12%; width: 30px; } div#header_with_nav .header_menu ul li a{padding:0 14px;} .home_hero_module .inner_section .banner_content{ background-size: 70%; display: flex; flex-direction: column; justify-content: space-between; min-height: 270px; } img.strips{left:auto; right:105px} img.main-image{max-width:950px; width:100%;} } @media(max-width:1130px){ .header_right_column .header-right_btn {width: 164px;} .header_right_column .header_menu.custom-menu-primary {width: 74%;} } @media (max-width:1163px){ .home_hero_module .inner_section { max-width: 90%; margin: 0 auto; } .menu-icon.for-mobile { position: absolute; width: auto; } div#header_with_nav .header_btn { text-align: center; } img.cross_img { left: 0; top: 10%; width: 17%; } img.Half_Circle { left: 3%; top: 12%; width: 23%; } img.waves { bottom: 22%; left: 5%;} img.main-image{top:0;} img.dots { top: 5%; right: 15%; } img.path { top: 3%; right: 0; } .services_slider_module .inner-section .slider-nav .slider_item strong{font-size:16px;} .menu-icon{ position: absolute; right: 30px; top: 35px;} .menu-icon a { width: 36px; height: 19px; display: block; } .menu-icon a:hover span{background:#19ADF2} div#header_with_nav .header_left_column { width: 100%; } .menu-icon a span { width: 36px;height: 2px;background:#fff; display: block; margin: 3px 0;float:left;} .menu-icon a span:last-child { width: 12px; float: right; } .menu-icon a span:nth-child(2) { width: 25px; float: right; } div#header_with_nav .green_border_white_txt_btn a, div#header_with_nav .close_btn a {font-size: 25px!important; color:#fff } div#header_with_nav .close_btn{margin-top:20px;} .for-mobile{display:block;} .menu_box { width: 100% !important; } .menu_box .hs-menu-wrapper>ul { margin: 50px 0px 30px 0; } .menu_box .hs-menu-wrapper>ul li ul{padding:0px !important} .main_header_section .menu_box ul li ul{ position: relative !important; background: transparent !important; width: 100% !important; text-align: center !important; } .menu_box ul li ul li a{font-size: 16px !important;} div#header_with_nav .flyouts ul li ul::after{display:none;} div#header_with_nav .flyouts ul li:hover ul{display:none;} div#header_with_nav .header_menu ul li a{font-size:24px; padding:10px 20px; display: inline-block;} div#header_with_nav .close_btn a{text-transform:uppercase; font-weight:bold; margin-bottom:30px; display:inline-block; margin-top:15px;} div#header_with_nav .close_btn a i{margin-right:10px;} .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li .child-trigger { display: inline-block; vertical-align: middle; padding: 5px; cursor: pointer; width: auto; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li .child-trigger i { font-style: normal; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li .child-trigger i:before{ content: '\f107'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 20px; padding: 10px 10px; color: #fff;} .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li .child-trigger.child-open i:before { content: '\f106'; } div#header_with_nav .header_right_column .header_menu, div#header_with_nav .header_right_column .header_btn{display:none;} .two_column_case-study_module .section_left_column .section_button { margin-bottom: 50px;} .two_column_case-study_module::after{display:none;} div#header_with_nav .flyouts ul li ul li a{padding:10px 20px;} } @media all and (max-width:820px){ .services_slider_module .inner-section .slider-nav .slider_item strong { font-size: 11px; } img.path {top: 7%;right: -10px;width: 53%;} img.strips.slide { width: 19%; bottom: 35%; right: -5px; } img.circle.slide { width: 10%; bottom: 25%; } img.waves { bottom: 28%; left: 0%; } } @media all and (max-width:1015px){ .row-fluid .home_hero_module .page-center { padding: 0; } .home_hero_module .column_video{/*max-width: 85%; top: 23%;*/} .quote_side_box .person_image img { width: 97px; box-shadow: 0px 3px 36px rgba(0,0,0,0.2); border-radius: 100%; } .clients_module_wrapper .main-images-box, .featured_content_module .main-images-box { display: none; } a.btn_for_desktop {display:none;} p.hide-mobile, span.hide-mobile {display: none !important;} a.btn_for_mobile { display: inline-block; } .footer_right_column .mobile-show{display:block; width:100%; text-align:center; color: #cbc9ed} .footer_right_column .mobile-show a{color: #cbc9ed;font-size: 12px;} .footer_right_column .mobile-show a:hover{opacity: .7; text-decoration: underline;} div#button_for_mobile{display:block} div#button_for_mobile{margin-top:50px; position: relative; z-index: 2;} body{font-size: 18px;} h1 {font-size: 36px; } h2 {font-size: 30px; } h3 {font-size: 24px; } h4 {font-size: 18px;} h5 {font-size: 18px;} h6 {font-size: 18px;} .menu_box.open-menu-box{width:100%;} img.cross_img { left: -10px; top: 22%; width: 17%; } img.Half_Circle { left: 3%; top: 23%;} img.waves { bottom: 14%; left: 0; width: 17%; } img.path { top: 17%;} img.dots.slide { width: 15px; top: 12%; right: 12%; } img.strips.slide { width: 20%; bottom: 13%;} img.circle.slide{bottom:3%; right:20%;} .services_slider_module::after{display:none;} .home_hero_module .inner_section{overflow:hidden;} .two_column_case-study_module .section_inner_wrapper{flex-wrap:wrap;} .section_images_for_desktop {display: none;} .section_mobile_image {display: block; margin-bottom:-20%;} .two_column_case-study_module .section_left_column, .two_column_case-study_module .section_right_column{max-width:100%;} .two_column_case-study_module::before{width: 215px; top:0; height: 113px;background-attachment: unset !important; background-size: 100%;} .two_column_case-study_module::after{display:none;} div#featured_content_section .section_header h3{font-size:24px} .featured_content_module .featured_inner_wrapper{flex-wrap:wrap;} .featured_content_module .featured_inner_wrapper>div{max-width:100%;} .featured_content_module .featured_inner_wrapper .post_title h4{font-size:18pt;} .feature_left_column .feature_post a, .feature_right_column .feature_post a{min-height:auto;} .feature_post a .post_content {position:relative; width:100%; padding-top:100px; display:inline-block; bottom:auto;} .featured_content_module .featured_inner_wrapper .feature_left_column { margin-bottom: 30px;} .services_slider_box::before, .services_slider_box::after{display:none;} .services_slider_module::before, .services_slider_module::after{content:""; position:absolute; } .services_slider_module::after{display:block;} .services_slider_module::before {width: 120px;height: 120px; background: url(https://www.ideagrove.com/hubfs/IG_Aug20/Home/services/Green_Circle_strips.png) no-repeat;top: 20px; background-size:100%;left: -25px;} .services_slider_module::after{ width: 135px;height: 42px; background: url(https://www.ideagrove.com/hubfs/IG_Aug20/Home/services/Blue_waves.png) no-repeat; bottom: 95px; right: 0%; background-size:100%;z-index:unset; } .brand_logo_module_wrapper .section_logos_middle_row{flex-wrap:wrap;} .brand_logo_module_wrapper .section_logos_middle_row .brand_item {max-width: 50%;width: 50%;} .brand_item img{margin-top:50px;margin-bottom:50px;} .two_column_case-study_module{z-index:5;} .main_footer_wrapper .main_footer_wrapper .footer_menu, .main_footer_wrapper .contact_info {max-width: 100%;float: left;width: 100%;} .footer_bottom_row .footer_left_column { width: 50%;float: left;} .featured_content_module .feature_left_column::before{display:none;} .services_tab_section .accordion_content{text-align:center;} .services_tab_section .accordion_group.expanded .accordion_header {border-bottom: 1px solid;padding-bottom: 20px; position: relative; padding: 0px;} .services_tab_section .accordion_group.expanded .accordion_header strong{display:block; width:98%; border-bottom:5px solid;padding: 10px 0px;} .services_tab_section .accordion_group.expanded .accordion_header i.fas.fa-plus::before{content:"\f068"} .services_tab_section .accordion_header{font-size:17pt;} .services_tab_section .accordion_header i{font-size:15px; padding:15px 15px;} .services_tab_section .quote_txt {padding-bottom: 15px;margin-bottom: 15px;position: relative;} .services_tab_section div#brand-strategy .quote_txt::before, .services_tab_section div#public-relations .quote_txt::before, .services_tab_section div#website-design .quote_txt::before, .services_tab_section div#content-marketing .quote_txt::before, .services_tab_section div#hubspot-consulting .quote_txt::before{content:""; position:absolute; width:50px; height:4px; left:0; right:0; margin:0 auto; bottom:0;} .services_tab_section div#brand-strategy .quote_txt::before{background:#19ADF2} .services_tab_section div#public-relations .quote_txt::before{background:#BA80F7} .services_tab_section div#website-design .quote_txt::before{background:#3FC195} .services_tab_section div#content-marketing .quote_txt::before{background:#28C6CA} .services_tab_section div#hubspot-consulting .quote_txt::before{background:#DBA819} .services_tab_section div#brand-strategy .quote_btn a{background:#19ADF2} .services_tab_section div#public-relations .quote_btn a{background:#BA80F7} .services_tab_section div#website-design .quote_btn a{background:#3FC195} .services_tab_section div#content-marketing .quote_btn a{background:#28C6CA} .services_tab_section div#hubspot-consulting .quote_btn a{background:#DBA819} .quote_side_box {padding: 30px 0;} .green_fill_white_txt_btn a, .white_border_txt_btn a, .quote_btn a, .green_border_btn a, .scooter_border_btn a, .skyblue_border_btn a, .orange_border_btn a, .white_border_btn a, .green_fill_blue_text_btn a, .heliotrope_border_btn a, .green_fill_blue_text_btn_large a, .white_fill_green_txt_btn a{font-size:14px; text-transform:capitalize; box-sizing: border-box !important;} .row-fluid .page-center{padding:0 30px;} .footer_left_column {overflow:hidden; width:100%;} .footer_left_column .row-fluid-wrapper.row-depth-2.row-number-2 {max-width: 245px; padding-left: 15px;margin-top: 10px;} .footer_left_column .row-fluid-wrapper {display: inline-block; width: auto;float: left;} .featured_content_module, .featured_content_module .page-center{position:relative;z-index:4} .featured_content_module::after, .featured_content_module::before{content:""; position:absolute} .featured_content_module::after{width:146px; height:198px; background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/Featured_Content/mob-bg.png');background-size:100%; top:70px; right:0} .featured_content_module::before{width:273px; height:183px; background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/Featured_Content/bottom-bg-mobile.png');background-size:100%; bottom:0; left:0;} .clients_module_wrapper{position:relative;} .clients_module_wrapper .page-center {position: relative;z-index: 4;} .clients_module_wrapper::before, .clients_module_wrapper::after{content: "";position: absolute;} .clients_module_wrapper::before {width: 42px;height: 42px;background: url(https://www.ideagrove.com/hubfs/IG_Aug20/Home/before-img-mob-client.png) no-repeat;top: 8%;left: 5%;} .clients_module_wrapper::after{background:url(https://www.ideagrove.com/hubfs/IG_Aug20/Home/after-img-mob-client.png)no-repeat; width:354px; height:121px; bottom:0; right:0;} div#footer_for_web .footer_left_column {width: 100%;} div#footer_for_web .footer_right_column{margin-left:0px; width:100%;} div#footer_for_web .footer_right_column .footer_menu, div#footer_for_web .footer_right_column .contact_info{ float: left; margin-left: 0; width: 50%;} div#footer_for_web .footer_bottom_row .footer_left_column, div#footer_for_web .footer_bottom_row .footer_right_column { width: 50%; float: left; } } @media all and (max-width:740px){ div#footer_for_web .footer_right_column .footer_menu, div#footer_for_web .footer_right_column .contact_info{ float: left; margin-left: 0; width: 100%;} div#footer_for_web ul{list-style:none; line-height:55px; padding-left:0px;} div#footer_for_web ul li a {font-size:20px!important;} div#footer_for_web, div#footer_for_web .contact_info a, div#footer_for_web .contact_info p, div#footer_for_web .contact_info > div > span > span {text-align:center; font-size: 20px; padding-right: 0px;} .main_footer_wrapper .main_footer_wrapper .footer_menu, .main_footer_wrapper .contact_info {width:100%; max-width:100%;} .footer_left_column .row-fluid-wrapper {float:none!important;} .row-fluid .home_hero_module .page-center {padding: 0;} .home_hero_module .inner_section .module_mid_column .content_column { padding: 0 15px;} .home_hero_module .inner_section .module_mid_column .banner_content.paddingtb200 { padding: 26% 0; } img.path, img.strips{right:0;} img.cross_img{left:0;} img.waves.slide { display: none; } .home_hero_module .inner_section { max-width: 100%; } } @media all and (max-width:660px){ .scroll_to_section img { height: 50px; } } @media all and (max-width:620px){ .services_slider_module::after{left:auto; right:-20px} .home_hero_module .inner_section .banner_content .content_column h5 {display: none;} .home_hero_module .inner_section .banner_content .scroll_to_section {} .home_hero_module .inner_section .banner_content .content_column{min-height: auto;} } @media all and (max-width:520px){ .quote_btn a { text-transform:capitalize; font-size: 12px; padding: 12px 10px; max-width: 90%; width: 100%; } .services_slider_module .services_tab_section{padding:40px 15px;} .scroll_to_section { margin-top: 15px; } .home_hero_module .inner_section .module_mid_column .banner_content.paddingtb200 { padding: 30% 0 9% 0; } } @media all and (max-width:740px){ .featured_btn_row a, .copy_module_wrapper .content_btn a { max-width: 210px;} .copy_module_wrapper { background-position: 50% 9%; background-repeat: no-repeat; background-size: 480px; } .home_hero_module .content_column h1 { font-size: 36px;} /* .home_hero_module .column_video video {width:220% !important;margin-left:-60%;} */ } @media all and (max-width:420px){ img.strips.slide{bottom:20%;} img.circle.slide { bottom: 10%; right: 18%; } .clients_module_wrapper::before{top: 4%; left: 3%;} .quote_btn a{max-width:95%;} .home_hero_module .inner_section .module_right_column{height:514px;} .home_hero_module .inner_section .module_left_column { height: 514px; } .home_hero_module .banner_content.paddingtb200 {padding: 150px 0 100px 0;} .home_hero_module.content_column h1 { font-size: 36px; } } @media all and (max-width:375px){ .scroll_to_section img { height: 30px; } /* .page-center-video { top: 70px; } */ .header_left_column img.hs-image-widget { max-width: 180px; } .home_hero_module .inner_section .module_mid_column .banner_content.paddingtb200 { padding: 25% 0 4% 0; } .copy_module_wrapper{background-size:430px;} img.dots.slide { width: 10px;} .home_hero_module .page-center { padding: 0 15px;} .home_hero_module .inner_section .module_right_column{height:65%;} } /*---- New Style of header----*/ .header_right_column .header_menu.custom-menu-primary { width: 72%; } .span1.widget-span.widget-type-custom_widget.search_icon { margin-top: 22px; text-align: center; } div#header_with_nav .header_menu ul li a { padding: 15px 15px !important; color: #fff; font-weight: 500; font-size: 16px; } @media (max-width: 1440px){ .header_right_column .header_menu.custom-menu-primary { width: 74% !important; } .header_right_column .header-right_btn { width: 18% !important; float: right; margin: 0; } .span1.widget-span.widget-type-custom_widget.search_icon { margin-top: 22px !important; width: 2% !important; } } .green_border_white_txt_btn a { color: #fff; font-size: 16px; padding: 12px 25px ; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; } @media(max-width:1254px){ .green_border_white_txt_btn a { color: #fff; font-size: 16px; padding: 10px 12px ; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; } div#header_with_nav .header_menu ul li a { padding: 0 20px; color: #fff; font-weight: 500; font-size: 16px; } } @media(max-width:1162px){ div#header_with_nav .header_menu ul li a { padding: 0px 15px !important; color: #fff; font-weight: 500; font-size: 15px !important; line-height: 55px; } .green_border_white_txt_btn a { color: #fff; font-size: 15px !important; padding: 10px 7px !important; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; } } /*---------End IG StyleSheet_Aug20-----------*/ /*-----Start IdeaGrove_StyleSheet_Sep20------*/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /*@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css');*/ /*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');*/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /**************************** ********************** Variables ******/ /******************************* ***************************** Global Syles *************/ body {font-size: 18px; color: #040129; line-height: 1.5; margin: 0px; font-family: 'Montserrat', sans-serif;; background:#fff } .row-fluid .page-center {max-width: 1100px; padding: 0 30px; margin: 0 auto!important; float: none; width: 100%;} *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /***** Padding *******/ .paddingt10 {padding-top: 10px;} .paddingt20 {padding-top: 20px;} .paddingt30 {padding-top: 30px;} .paddingt40 {padding-top: 40px;} .paddingt50 {padding-top: 50px;} .paddingt60 {padding-top: 60px;} .paddingt70 {padding-top: 70px;} .paddingt80 {padding-top: 80px;} .paddingt90 {padding-top: 90px;} .paddingt100 {padding-top: 100px;} .paddingt110 {padding-top: 110px;} .paddingt120 {padding-top: 120px;} .paddingt130 {padding-top: 130px;} .paddingt140 {padding-top: 140px;} .paddingt150 {padding-top: 150px;} .paddingt160 {padding-top: 160px;} .paddingt170 {padding-top: 170px;} .paddingt180 {padding-top: 180px;} .paddingt190 {padding-top: 190px;} .paddingt200 {padding-top: 200px;} .paddingt250 {padding-top: 250px;} .paddingb10 {padding-bottom: 10px;} .paddingb20 {padding-bottom: 20px;} .paddingb30 {padding-bottom: 30px;} .paddingb35 {padding-bottom: 35px;} .paddingb40 {padding-bottom: 40px;} .paddingb50 {padding-bottom: 50px;} .paddingb60 {padding-bottom: 60px;} .paddingb70 {padding-bottom: 70px;} .paddingb80 {padding-bottom: 80px;} .paddingb90 {padding-bottom: 90px;} .paddingb100 {padding-bottom: 100px;} .paddingb110 {padding-bottom: 110px;} .paddingb120 {padding-bottom: 120px;} .paddingb130 {padding-bottom: 130px;} .paddingb140 {padding-bottom: 140px;} .paddingb150 {padding-bottom: 150px;} .paddingb160 {padding-bottom: 160px;} .paddingb170 {padding-bottom: 170px;} .paddingb180 {padding-bottom: 180px;} .paddingb190 {padding-bottom: 190px;} .paddingb200 {padding-bottom: 200px;} .paddingb250 {padding-bottom: 250px;} .paddingtb10 {padding-top: 10px; padding-bottom: 10px;} .paddingtb20 {padding-top: 20px; padding-bottom: 20px;} .paddingtb30 {padding-top: 30px; padding-bottom: 30px;} .paddingtb40 {padding-top: 40px; padding-bottom: 40px;} .paddingtb50 {padding-top: 50px; padding-bottom: 50px;} .paddingtb60 {padding-top: 60px; padding-bottom: 60px;} .paddingtb70 {padding-top: 70px; padding-bottom: 70px;} .paddingtb80 {padding-top: 80px; padding-bottom: 80px;} .paddingtb90 {padding-top: 90px; padding-bottom: 90px;} .paddingtb100 {padding-top: 100px; padding-bottom: 100px;} .paddingtb110 {padding-top: 110px; padding-bottom: 110px;} .paddingtb120 {padding-top: 120px; padding-bottom: 120px;} .paddingtb140 {padding-top: 140px; padding-bottom: 140px;} .paddingtb160 {padding-top: 160px; padding-bottom: 160px;} .paddingtb180 {padding-top: 180px; padding-bottom: 180px;} @media (max-width: 767px) { .mobile_paddingt0 {padding-top: 0px;} .mobile_paddingt10 {padding-top: 10px;} .mobile_paddingt20 {padding-top: 20px;} .mobile_paddingt30 {padding-top: 30px;} .mobile_paddingt40 {padding-top: 40px;} .mobile_paddingt50 {padding-top: 50px;} .mobile_paddingt60 {padding-top: 0px;} .mobile_paddingt70 {padding-top: 70px;} .mobile_paddingt80 {padding-top: 80px;} .mobile_paddingt90 {padding-top: 90px;} .mobile_paddingt100 {padding-top: 100px;} .mobile_paddingb0 {padding-bottom: 0px;} .mobile_paddingb10 {padding-bottom: 10px;} .mobile_paddingb20 {padding-bottom: 20px;} .mobile_paddingb30 {padding-bottom: 30px;} .mobile_paddingb40 {padding-bottom: 40px;} .mobile_paddingb50 {padding-bottom: 50px;} .mobile_paddingb60 {padding-bottom: 60px;} .mobile_paddingb70 {padding-bottom: 70px;} .mobile_paddingb80 {padding-bottom: 80px;} .mobile_paddingb90 {padding-bottom: 90px;} .mobile_paddingb100 {padding-bottom: 100px;} .mobile_paddingtb10 {padding-top: 10px; padding-bottom: 10px;} .mobile_paddingtb20 {padding-top: 20px; padding-bottom: 20px;} .mobile_paddingtb30 {padding-top: 30px; padding-bottom: 30px;} .mobile_paddingtb40 {padding-top: 40px; padding-bottom: 40px;} .mobile_paddingtb50 {padding-top: 50px; padding-bottom: 50px;} .mobile_paddingtb60 {padding-top: 60px; padding-bottom: 60px;} .mobile_paddingtb70 {padding-top: 70px; padding-bottom: 70px;} .mobile_paddingtb80 {padding-top: 80px; padding-bottom: 80px;} .mobile_paddingtb90 {padding-top: 90px; padding-bottom: 90px;} .mobile_paddingtb100 {padding-top: 100px; padding-bottom: 100px;} .set-height {/*height: auto!important;*/} } .text-left {text-align: left;} .text-center {text-align: center;} .text-right {text-align: right;} @media (max-width: 767px) { .mobile-text-left {text-align: left;} .mobile-text-center {text-align: center;} .mobile-text-right {text-align: right;} } /************************************* *********************** Typography *************/ h1, h2, h3, h5, h6 { font-family: 'Montserrat', 'Open Sans', sans-serif; font-weight: bold; line-height: 1.2em; margin:0px 0 10px; text-transform:capitalize;} h4 { font-family: 'Montserrat', 'Open Sans', sans-serif; font-weight: bold; line-height: 1.2em; margin:0px 0 10px;} h1 {font-size: 72px;} h2 {font-size: 48px;} h3 {font-size: 36px;} h4 {font-size: 24px;} h5 {font-size: 20px;} h6 {font-size: 18px;} a {text-decoration:none; transition: .25s;} a:hover {text-decoration: none;} .font-white, .font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white h5, .font-white p, .font-white li{ color: #fff;} input, button{ outline:0; } img {max-width: 100%;} .hs-landing-page h1 {font-size:56px;} .white-background {background-color:#ffffff; color:#040129;max-width:1170px;margin: 0 auto; margin-bottom: 60px;} /*-- Cookies --*/ div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {background-color:#ffffff!important;float:left!important; max-width:350px!important;} div#hs-eu-cookie-confirmation {position:fixed; bottom:0; top:none; background:none!important;max-width:350px!important;} @media (max-width: 960px) { div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {background-color:#ffffff!important;float:left!important; max-width:260px!important;} div#hs-eu-cookie-confirmation {position:fixed!important; bottom:0!important; top:unset!important; background:none!important;max-width:260px!important;height:150px;} } /* CTA */ .white_border_txt_btn{ display:inline-block; padding:10px 20px; border:1px solid #fff; color:#fff; text-decoration:none; border-radius:3px; font-size:12px; text-transform:uppercase; font-weight:600; line-height:normal; } .white_border_txt_btn:hover{ background:#fff; color:#040129; } .green-fill-white-txt-btn{ background:#28C6CA; color:#fff; text-transform:uppercase; font-size:11px; display:inline-block; padding:6px 10px; border-radius:3px; line-height:normal; font-weight:600; } .green-fill-white-txt-btn:hover{ background:#040129; } .green-fill-blue-text-btn {background:#2BE0A3;text-transform:uppercase; font-size:15px; display:inline-block; padding:10px 15px; border-radius:3px; line-height:normal; font-weight:500; color: #040129; } .green-fill-blue-text-btn:hover {background:#FFFFFF;} .green-fill-blue-text-btn-large{ background:#2BE0A3;text-transform:capitalize; font-size:18px; display:inline-block; padding:10px 25px; border-radius:3px; line-height:normal; font-weight:600; color: #040129; } .green-fill-blue-text-btn-large:hover {background:#fff;} .green_border_btn a{ border:1px solid #2BE0A3; color: #fff; text-transform: uppercase; font-size: 11px; display: inline-block; padding: 7px 20px; border-radius: 3px; line-height: normal; font-weight: 500; } .green_border_btn a:hover{ color:#2BE0A3; } .skyblue_border_btn a{ border:1px solid #19ADF2; color: #fff; text-transform: uppercase; font-size: 11px; display: inline-block; padding: 7px 20px; border-radius: 3px; line-height: normal; font-weight: 500; } .skyblue_border_btn a:hover{ color:#19ADF2; } .heliotrope_border_btn a{ border:1px solid #BA80F7; color: #fff; text-transform: uppercase; font-size: 11px; display: inline-block; padding: 7px 20px; border-radius: 3px; line-height: normal; font-weight: 500; } .heliotrope_border_btn a:hover{ color:#BA80F7; } .scooter_border_btn a{ border:1px solid #28C6CA; color: #fff; text-transform: uppercase; font-size: 11px; display: inline-block; padding: 7px 20px; border-radius: 3px; line-height: normal; font-weight: 500; } .scooter_border_btn a:hover{ color:#28C6CA; } .orange_border_btn a{ border:1px solid #DBA819; color: #fff; text-transform: uppercase; font-size: 11px; display: inline-block; padding: 7px 20px; border-radius: 3px; line-height: normal; font-weight: 500; } .orange_border_btn a:hover{ color: #DBA819; } .white_border_btn a{ border:1px solid #fff; color: #fff; text-transform: uppercase; font-size: 11px; display: inline-block; padding: 7px 20px; border-radius: 3px; line-height: normal; font-weight: 500; } .white_border_btn a:hover{ } .green_border_btn a.cta_button{ border-color:#2BE0A3 !important; background:none !important; color:#fff !important; } .skyblue_border_btn a.cta_button{ border-color:#19ADF2 !important; background:none !important; color:#fff !important; } .heliotrope_border_btn a.cta_button{ border-color:#BA80F7 !important; background:none !important; color:#fff !important; } .scooter_border_btn a.cta_button{ border-color:#28C6CA !important; background:none !important; color:#fff !important; } .orange_border_btn a.cta_button{ border-color:#DBA819 !important; background:none !important; color:#fff !important; } .white_border_btn a.cta_button{ border-color:#fff !important; background:none !important; color:#fff !important; } .green_border_btn a.cta_button:hover{ border-color:#2BE0A3 !important; background:none !important; color:#2BE0A3 !important; } .skyblue_border_btn a.cta_button:hover{ border-color:#19ADF2 !important; background:none !important; color:#19ADF2 !important; } .heliotrope_border_btn a.cta_button:hover{ border-color:#BA80F7 !important; background:none !important; color:#BA80F7 !important; } .scooter_border_btn a.cta_button:hover{ border-color:#28C6CA !important; background:none !important; color:#28C6CA !important; } .orange_border_btn a.cta_button:hover{ border-color:#DBA819 !important; background:none !important; color:#DBA819 !important; } .white_border_btn a.cta_button:hover{ border-color:#fff !important; background:none !important; color:#fff !important; } /********** Header css ********/ body.flex_template .body-container-wrapper, body.team-template .body-container-wrapper { margin-top:0px; overflow: hidden; } .team-template .body-container-wrapper .row-fluid .page-center {max-width:1000px;} /** menu css ***/ body.show_mod_box{ overflow:hidden; } /******** Updated menu css ***********/ /******* Search bx *******/ /*********************************HOME*****************************************/ /*********** Hero ******************/ /* .hero_content{position:absolute; width:100%;} */ @keyframes scales-txt { 0% { transform: scale(5.5); -webkit-transform: scale(5.5); } 100% { transform: scale(1); -webkit-transform: scale(1); } } .scale-font h3{ animation-duration: 2s; animation-name:scales-txt; -webkit-animation-name:scales-txt; } /**************Case Study Blocks*****************/ .animated_hero_mod_wrapper{ overflow:hidden; } .case_study_blocks{ background-repeat:no-repeat; background-size: cover; background-position: center; } .case_study_blocks, .block_inner_wrapper{ position: relative; z-index: 2; } .case_study_blocks .overlay{ position: absolute; height: 100%; width: 100%; top: 0; left:0; } .case_study_blocks.full_width_block{ width:98.3%; } .case_study_blocks.half_width_block{ width:48.3%; } .case_study_blocks .additional_info ul li{ float: left; width: 50%; } /*************Clients***************/ .our-clients_mod_wrapper{clear:both} .case_study_outer_wrapper{} .case_study_outer_wrapper .page-center{ display:flex; flex-wrap:wrap; } .case_study_outer_wrapper .case_study_blocks{ border-radius:2px; margin:0 0.7% 20px; overflow: hidden; padding:0px; } .casestudy_temp .case_study_outer_wrapper .case_study_blocks.full_width_block{ margin:0 0% 20px; width:100%; border-radius:0px; } .casestudy_temp .row-fluid .blog_detail_page_wrapper .case_study_outer_wrapper .page-center{ max-width: 860px; } .case_study_blocks .block_inner_wrapper{ padding:60px 20px 20px; height:100%;padding-right: 0; padding-left: 0; padding-bottom: 0; padding-top: 0; } .case_study_blocks.full_width_block .block_inner_wrapper{ padding-top:110px; } .case_study_blocks .block_inner_wrapper .person_info{ max-width:60%; } .case_study_blocks .block_inner_wrapper .person_info h6{ font-size:10px; line-height:11px; color:#040129; text-transform:uppercase; font-weight:600;font-size:17px; line-height:21px;} .case_study_blocks .block_inner_wrapper .person_quote{ max-width:60%; padding-bottom: 20px; } .case_study_blocks.full_width_block .block_inner_wrapper .additional_info{ max-width:49%; padding-bottom: 20px; } .case_study_blocks.full_width_block .block_inner_wrapper .additional_info p{ font-size:15px; line-height:20px; color:#040129; } .case_study_blocks .block_inner_wrapper .block_btn_col{ overflow:hidden; } .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_button{} .case_study_blocks .block_inner_wrapper .block_btn_col .block_button a{ border-radius:3px; background:#040129; border:1px solid #040129; padding:6px 10px; display:inline-block; color:#fff; font-weight:600; font-size:18px; line-height:normal; text-transform:uppercase; } body.hs-content-name-home-2020 .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_button a { background: #ffffff; border: 1px solid #ffffff; color: #040129; } body.hs-content-name-home-2020 .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_button a:hover { background: #040129; border: 1px solid #040129; color: #ffffff; } .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_button a{ } .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_button a:hover{ background:#fff; border-color:#fff; color:#040129; } .case_study_blocks .block_inner_wrapper .block_btn_col .block_button{ float:left;} .case_study_blocks .block_inner_wrapper .block_btn_col .block_link{ float:right; } .case_study_blocks .block_inner_wrapper .block_btn_col .block_link a{ background:#040129; border-radius:50%; width:22px; height:22px; text-align:center; color:#fff; font-size:14px; display:block; } .case_study_blocks.half_width_block .block_inner_wrapper .person_quote{ max-width:80%; min-height: 166px; padding-bottom: 5px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info{ position:absolute; left:0; bottom:-100%; background:#fff; padding:20px; border-radius:0px; transition:all 0.3s ease-in-out; display:block !important; width:100%; position:relative; overflow:initial;} .case_study_blocks.half_width_block .block_inner_wrapper .additional_info.show_summary{ bottom:0; transition:all 0.3s ease-in-out; opacity: 1 !important; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info{} .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info p{ color:#ffffff;font-size:20px;line-height:27px; font-weight:300; padding-bottom:20px; min-height:210px;} .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .block_btn_col{ position:relative; top:10px; margin-top:10px; transition:all 0.3s ease-in-out; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .block_btn_col .block_link a i.fas{ padding-top:5px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info.show_summary .block_btn_col{ top:-12px; margin-top:-20px; transition:all 0.3s ease-in-out; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info{} .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info ul{ padding:0 0 10px 0px; margin:0px; list-style:none; display: block; overflow: hidden; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info ul li{ font-size:15px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info ul li a{ color:#060146; font-weight:bold; padding:1px 0px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info ul li a i.fas{ color:#28C6CA; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info ul li a:hover{ color:#28C6CA; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info p:last-child{ margin-bottom:0px; } .our-clients_mod_wrapper{} .row-fluid .our-clients_mod_wrapper .page-center{ max-width:1170px; } .our-clients_mod_wrapper .section_header_row{ max-width:760px; margin:0 auto; } .our-clients_mod_wrapper .section_header_row h2{ font-size:51px; } .our-clients_mod_wrapper .client-image{ padding:30px 0px; } .our-clients_mod_wrapper .section_header_row .section_bottom_content{} /********** Footer css *************/ .main_footer_wrapper{ } .footer_menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children{} .footer_menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ visibility: visible; position: static; opacity: 1; font-weight:300; } .footer_menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a{ color: #fff; font-weight:bold; } .footer_menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover{ color:#fff; } div#footer_for_web ul{margin:18px 0;} div#footer_for_web ul ul{margin:0;} .main_footer_wrapper .contact_info{} .main_footer_wrapper .contact_info p, .main_footer_wrapper .contact_info > div > span > span{ font-size:16px; } .main_footer_wrapper .contact_info p strong, .main_footer_wrapper .contact_info > div > span > span strong{ display:block; padding:0; } .main_footer_wrapper .contact_info p a, .main_footer_wrapper .contact_info > div > span > span a{ color:#CBC9ED; } .main_footer_wrapper .contact_info p a:hover, .main_footer_wrapper .contact_info > div > span > span a:hover{ color:#fff; } .main_footer_wrapper .footer_bottom_row.row-fluid [class*="span"]{ min-height:inherit; } .main_footer_wrapper .footer_bottom_row .row-fluid [class*="span"]{ min-height:inherit; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{padding:0;} .hs-menu-wrapper.hs-menu-flow-vertical li a { display: initial !important; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } /* Recaptcha */ .hs_recaptcha {margin-bottom:20px;} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; pointer-events: none;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: flex; justify-content: space-around !important; } .slick-loading .slick-slide { visibility: hidden !important; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-track h5, .slick-track h3 {padding-left:20px; padding-right:20px;} .slick-track h3 {font-weight:200;} .post_slides {visibility:hidden} /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } /* .slick-prev:before { content: "\2190"; } */ .slick-next { right: -25px; } /* .slick-next:before { content: "\2192"; } */ /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } /* .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } */ .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } [dir="rtl"] .slick-next {right: auto;left: -25px;} /* [dir="rtl"] .slick-next:before {content: "\2190";} */ [dir="rtl"] .slick-prev {right: -25px;left: auto;} /* [dir="rtl"] .slick-prev:before {content: "\2192";} */ [dir="rtl"] .slick-slide {float: right;} /***** accordion ****/ .accordion {} /* .accordion_group {margin-bottom: 2px;background: #f0f0f0;padding: 5px 10px;} */ .accordion_header {cursor: pointer;font-size: 18px;line-height: 16px;width: 100%;padding: 20px 20px;} .accordion_icon{color: #34495e;padding-right: 16px;background-color: #34495e;margin-right: 10px;font-size: 14px;border-radius: 3px;} .accordion_content { padding: 20px 20px;display: none;} .accordion_group .accordion_icon {position: relative;} .accordion_group .accordion_icon::before, .accordion_group .accordion_icon::after {content: '';display: block;position: absolute;top: 50%;right: 3px;width: 10px;height: 2px;margin-top: -1px;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: all .25s;transition: all .25s;background-color: #f0f0f0;} .accordion_group.expanded .accordion_icon::before {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);opacity: 0;} .accordion_group .accordion_icon::before {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 1;} .accordion_group .accordion_icon::after {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} .accordion_group.expanded .accordion_icon::after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)} /********* Case study blog and post pages css ************/ .blog_topics_mod_module{ } .blog_categories_list{ } .blog_categories_list ul{ margin:0 0 0px 0px; padding:0px; list-style:none; text-align:center; } .blog_categories_list ul li{ display:inline-block; vertical-align:middle; font-size:15px; text-transform:uppercase; font-weight:500; padding:0px 7px; } .blog_categories_list ul li a{ color:#040129; padding:5px 7px; display:block; border-radius:3px; } .blog_categories_list ul li a:hover, .blog_categories_list ul li.active a{ color:#040129; background:#CEEFE4; } .blog_detail_page_wrapper {padding-top:90px;} .case_study_listing_page{} .case_study_listing_page .case_study_featured_items{ /*display:grid; grid-template-columns: auto auto; grid-column-gap:15px; grid-row-gap:15px;*/ display: flex; flex-wrap: wrap; width:100%} .blog_listing_wrapper textarea, .blog_listing_wrapper input[type="text"], .blog_listing_wrapper input[type="password"], .blog_listing_wrapper input[type="datetime"], .blog_listing_wrapper input[type="datetime-local"], .blog_listing_wrapper input[type="date"], .blog_listing_wrapper input[type="month"], .blog_listing_wrapper input[type="time"], .blog_listing_wrapper input[type="week"], .blog_listing_wrapper input[type="number"], .blog_listing_wrapper input[type="email"], .blog_listing_wrapper input[type="url"], .blog_listing_wrapper input[type="search"], .blog_listing_wrapper input[type="tel"], .blog_listing_wrapper input[type="color"], .blog_listing_wrapper select { padding: 16px 10px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; font-weight: 400; } /* .case_study_listing_page .case_study_featured_items .featured_box_item{ min-width:100%; position:relative; background-size: cover; background-position: top center; border-radius:3px; overflow: hidden; } .case_study_listing_page .case_study_featured_items .featured_box_item .overlay{ position:absolute; left:0; top:0; opacity:0.8; width:100%; height:100%; } .case_study_listing_page .case_study_featured_items .featured_box_item .block_inner_wrapper{ padding:75px 20px 20px; position:relative; z-index:2; height:100%; } .case_study_listing_page .case_study_featured_items .featured_box_item .block_inner_wrapper h6.post-tag{ display:none; } .case_study_listing_page .case_study_featured_items .featured_box_item .block_inner_wrapper .person_info{} .case_study_listing_page .case_study_featured_items .featured_box_item .block_inner_wrapper .person_info h6{ font-size:8px; line-height:9px; color:#040129; text-transform:uppercase; font-weight:500; } .case_study_listing_page .case_study_featured_items .featured_box_item .block_inner_wrapper .person_quote{ max-width: 80%; min-height: 150px; padding-bottom: 5px;} .case_study_listing_page .case_study_featured_items .featured_box_item .block_inner_wrapper .read_more_btn{} .case_study_listing_page .case_study_featured_items .featured_box_item .block_inner_wrapper .read_more_btn a { border-radius: 3px; background: #040129; border: 1px solid #040129; padding: 6px 10px; display: inline-block; color: #fff; font-weight: 500; font-size: 9px; line-height: normal; text-transform: uppercase; } .case_study_listing_page .case_study_featured_items .featured_box_item::after { position: absolute; bottom: 0; content: ''; width: 100%; height: 0px; transition: all .3s ease-in-out; background: #fff; z-index: 1; } .case_study_listing_page .case_study_featured_items .featured_box_item:hover:after{ height: 34px; transition: all .3s ease-in-out; } .case_study_listing_page .case_study_featured_items .additional_info { position: absolute; left: 0; bottom: -100%; background: #fff; padding: 20px; border-radius: 0px; transition: all .3s ease-in-out; display: block !important; width: 100%; z-index:4; } .case_study_listing_page .case_study_featured_items .additional_info.show_summary { bottom: 0; transition: all .3s ease-in-out; opacity: 1 !important; } .case_study_listing_page .case_study_featured_items .additional_info .read_more_btn.block_button{ margin: -32px 0 10px 0; } .case_study_listing_page .case_study_featured_items .additional_info .other-info{} .case_study_listing_page .case_study_featured_items .additional_info .other-info p{ font-size: 11px; line-height: 15px; color: #040129; } .case_study_listing_page .case_study_featured_items .additional_info .other-info a{ background: #28c6ca; color: #fff; text-transform: uppercase; font-size: 9px; display: inline-block; padding: 6px 10px; border-radius: 3px; line-height: normal; font-weight: 500; } .case_study_listing_page .case_study_featured_items .additional_info .other-info a:hover{ background: #040129; } .case_study_listing_page .case_study_featured_items .additional_info .other-info{ } */ .case_study_listing_page .case_study_featured_items .other-info { padding-bottom: 10px; } .case_study_listing_page .case_study_featured_items .case_study_blocks .block_inner_wrapper h6.post-tag{ display:none; } .case_study_listing_page .case_study_featured_items .case_study_blocks .additional_info.for_mobile .other-info a, .case_study_listing_page .case_study_featured_items .case_study_blocks .additional_info.for_mobile a.read-story-btn { background: #28c6ca; color: #fff; text-transform: capitalize; font-size: 9px; display: inline-block; padding: 6px 10px; border-radius: 3px; line-height: normal; font-weight: 500; /* updated 6/20 */ border-radius: 3px; background: #040129; border: 1px solid #040129; padding: 6px 10px; display: inline-block; color: #fff; font-weight: 300; font-size: 18px; line-height: normal; font-size: 16px; } .case_study_listing_page .case_study_featured_items .case_study_blocks .additional_info .other-info a:hover{ background: #040129; } .case_study_listing_page .blog_pagination{ padding:40px 0px; text-align:center; width: 100%; } .case_study_listing_page .blog_pagination nav{} .case_study_listing_page .blog_pagination nav ul{ list-style:none; margin:0px; padding:0px; } .case_study_listing_page .blog_pagination nav ul li{ display:inline-block; vertical-align:middle; padding:0 5px; } .case_study_listing_page .blog_pagination nav ul li a{ color:#66647C; font-size:15px; font-weight:bold; } .case_study_listing_page .blog_pagination nav ul li.disabled{ display:none; } .case_study_listing_page .blog_pagination nav ul li.active a, .case_study_listing_page .blog_pagination nav ul li:last-child a, .case_study_listing_page .blog_pagination nav ul li:first-child a{ color:#040129; } .case_study_listing_page .blog_pagination nav ul li a:hover{ color:#040129; } .blog_detail_page_wrapper{} .blog_detail_page_wrapper .case_study_featured_box{} .blog_detail_page_wrapper .case_study_featured_box .featured_box{ position:relative; background-size: cover; background-position: top center; border-radius:3px; overflow: hidden; } .blog_detail_page_wrapper .case_study_featured_box .featured_box .overlay{ position:absolute; left:0; top:0; opacity:0.8; width:100%; height:100%; } .blog_detail_page_wrapper .case_study_featured_box .featured_box .block_inner_wrapper{ padding:210px 20px 20px; position:relative; z-index:2; max-width:65%; } .blog_detail_page_wrapper .case_study_featured_box .featured_box .block_inner_wrapper .person_info{} .blog_detail_page_wrapper .case_study_featured_box .featured_box .block_inner_wrapper .person_info h6{ font-size:8px; line-height:9px; color:#040129; text-transform:uppercase; font-weight:500; } .blog_detail_page_wrapper .case_study_featured_box .featured_box .block_inner_wrapper .person_quote{ font-size:41px; line-height:46px; font-weight:bold; } .blog_detail_page_wrapper .case_study_blocks .block_inner_wrapper .person_quote{ font-size:41px; line-height:46px; font-weight:bold; font-family: 'Montserrat','Open Sans',sans-serif;} .case_study_blocks a.blog-post__tag-link { color: #040129; font-style: italic; } .info-clients_mod_wrapper{ } .info-clients_mod_wrapper .info_wrapper{ display:flex; padding:30px 15px; border-radius:3px; } .info-clients_mod_wrapper .info_wrapper .info-col-left{ align-self:center; min-width:170px; } .info-clients_mod_wrapper .info_wrapper .info-col-left .client-image{} .info-clients_mod_wrapper .info_wrapper .info-col-left .client-image img{ width:130px; height:130px; border-radius:50%; object-fit:cover; } .info-clients_mod_wrapper .info_wrapper .info_mid_column{ align-self:center; min-width:220px; } .info-clients_mod_wrapper .info_wrapper .info_mid_column h5, .info-clients_mod_wrapper .info_wrapper .info_mid_column p{ font-size:13px; margin: 0px; } .info-clients_mod_wrapper .info_wrapper .info_mid_column ul{ list-style:none; margin:0px; padding:0px; } .info-clients_mod_wrapper .info_wrapper .info_mid_column ul li{ font-size:13px; } .info-clients_mod_wrapper .info_wrapper .info_mid_column .info-name, .info-clients_mod_wrapper .info_wrapper .info_mid_column .info-story{ padding-bottom:10px; } .info-clients_mod_wrapper .info_wrapper .info-col-right{ align-self:center; } .module_layout_wrapper{ display: flex; } .module_layout_wrapper.dark_background{} .module_layout_wrapper.white_background{ background:#fff; padding:50px 20px; border-radius:3px; } #layout_one{} #layout_one .section_left_column{ width:50%; margin-right:15px; } #layout_one .section_right_column{ width:50%; } #layout_two{} #layout_two .section_left_column{ width:50%; border-radius:3px; text-align:center; } #layout_two .section_right_column{ background:#fff; border-radius:3px; padding:25px; margin-left:15px; width:50%; } #layout_three .section_media{ width:100% !important; } #layout_three .media_video .hs-responsive-embed{ width:100% !important; border-radius:3px; max-width: inherit !important; max-height: inherit !important; } #layout_three .media_video .hs-responsive-embed .hs-responsive-embed-iframe{ width:100% !important; } #layout_three .media_video iframe.hs-responsive-embed-iframe{ width:100% !important; } #layout_four{} #layout_four .section_left_column{ background:#fff; border-radius:3px; padding:40px; margin-right:15px; width:60%; } #layout_four .section_right_column{ width:50%; border-radius:3px; text-align:center; } .quote_inner_box{ max-width: 550px; margin: 0 auto; } .quote_inner_box .client-image{ margin-bottom:20px; } .quote_inner_box .client-image img{ width:69px; height:69px; border-radius:50%; object-fit: cover; } .slider_box{ } .slider_box .slick-slide{} .slider_box .slick-slide .slider-img{} .slider_box .slider-for .slider_items.slick-slide .slider-img img{ max-height:500px; min-height:500px; object-fit:cover; width:100%; border-radius:3px; } .slider_box .slider-nav { max-width: 600px; margin: 0 auto; } .slider_box .slider-nav .slider_items .slider-img{ padding:0px; } .slider_box .slider-nav .slider_items .slider-img img{ height:70px; width:100px; border-radius:3px; margin: 0 auto; object-fit:cover; } .full-width-form_outer_wrapper{} .full-width-form_outer_wrapper .content-wrapper{ display:flex; } .full-width-form_outer_wrapper .content-wrapper .con_ltl_block{ padding-right:50px; max-width:550pxregistration; } .full-width-form_outer_wrapper .content-wrapper .con_ltl_block .form_heading h3{ text-transform:capitalize; } .full-width-form_outer_wrapper .content-wrapper .con_ltl_block .form_mod_inner_wrapper .hs-form-field{ padding-bottom:10px; } .full-width-form_outer_wrapper .content-wrapper .con_ltl_block .form_mod_inner_wrapper .hs-form-field > label{ display:block; padding:0 0 5px 0px; } .form_mod_inner_wrapper textarea, .form_mod_inner_wrapper input[type="text"], .form_mod_inner_wrapper input[type="password"], .form_mod_inner_wrapper input[type="datetime"], .form_mod_inner_wrapper input[type="datetime-local"], .form_mod_inner_wrapper input[type="date"], .form_mod_inner_wrapper input[type="month"], .form_mod_inner_wrapper input[type="time"], .form_mod_inner_wrapper input[type="week"], .form_mod_inner_wrapper input[type="number"], .form_mod_inner_wrapper input[type="email"], .form_mod_inner_wrapper input[type="url"], .form_mod_inner_wrapper input[type="search"], .form_mod_inner_wrapper input[type="tel"], .form_mod_inner_wrapper input[type="color"], .form_mod_inner_wrapper select{ border-radius:3px; border:0px; padding:7px 10px; font-family:'Montserrat', sans-serif;; font-size:12px; width:100% !Important;} .form_mod_inner_wrapper select{ -webkit-appearance: none; -moz-appearance:none; appearance:none; } .form_mod_inner_wrapper ul.inputs-list{ list-style:none; padding:0px; margin:0px; } .form_mod_inner_wrapper ul.inputs-list li{ display:inline-block; vertical-align:top; width:48%; margin:0 0 5px 0px; } .form_mod_inner_wrapper .hs_submit.hs-submit{ text-align:left; } .form_mod_inner_wrapper .hs_submit.hs-submit .hs-button.primary{ background: #28c6ca; color: #fff; text-transform: capitalize; font-size:18px; display: inline-block; padding:7px 20px; border-radius: 3px; line-height: normal; font-weight: 500; border:0px; font-family:'Montserrat', sans-serif;; cursor:pointer; } ul.hs-error-msgs{} .main-blog ul.no-list.hs-error-msgs.inputs-list {margin-bottom: 0 !important;padding: 0 !important;} .main-blog ul.hs-error-msgs li label.hs-error-msg{ color:#fff; font-size:12px; } .form_mod_inner_wrapper ul.inputs-list.hs-error-msgs li { width: auto; display: block; } .main-blog .hs_error_rollup {float: left;} .main-blog .hs_error_rollup ul.no-list.hs-error-msgs.inputs-list {margin: -15px 0 0 0;} .full-width-form_outer_wrapper .content-wrapper .con_rtl_block{ width:50%; padding-left:0px; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .related_block_inner_wrapper{ display:flex; flex-wrap:wrap; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .related_block_inner_wrapper .case_study_blocks.half_width_block{ width: auto; 0 0px 20px } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .rec-post-items{ width:48%; margin:0 1%;float:left; position: relative; background-size: cover; background-position: top center; border-radius: 3px; overflow: hidden; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .rec-post-items .overlay{ position: absolute; left: 0; top: 0; opacity: .8; width: 100%; height: 100%; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .rec-post-items .rec_post_content{ padding: 45px 20px 20px; position: relative; z-index: 2; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .rec-post-items .person_info h6 { font-size: 8px; line-height: 9px; color: #040129; text-transform: uppercase; font-weight: 500; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .rec-post-items .person_quote{ font-size: 21px; font-weight:bold; min-height:155px; line-height: normal; padding-bottom:20px; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .rec-post-items .read_more_btn a{ border-radius: 3px; background: #040129; border: 1px solid #040129; padding: 6px 10px; display: inline-block; color: #fff; font-weight: 500; font-size: 9px; line-height: normal; text-transform: uppercase; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block h3{ text-transform:uppercase; } /*.full-width-form_outer_wrapper .content-wrapper .con_rtl_block.case_study_outer_wrapper .case_study_blocks{ float: left; } */ .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info a { background: #28c6ca; color: #fff; text-transform: uppercase; font-size: 9px; display: inline-block; padding: 6px 10px; border-radius: 3px; line-height: normal; font-weight: 500; border-radius: 3px; background: #040129; border: 1px solid #040129; padding: 6px 10px; display: inline-block; color: #fff; font-weight: 600; font-size: 18px; line-height: normal; text-transform: uppercase; font-size: 16px; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info a:hover{ background: #040129; } .full-width-form_outer_wrapper .content-wrapper .content_inner_box{ position:relative; background-size:cover; overflow:hidden; border-radius:3px; margin-left:50px; width: 50%; display:flex; } .full-width-form_outer_wrapper .content-wrapper .content_inner_box .overlay{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .full-width-form_outer_wrapper .content-wrapper .content_inner_box .content-box{ position:relative; z-index:1;padding:40px; align-self: center; } .full-width-form_outer_wrapper .content-wrapper .content_inner_box .content-box h2{ color:#fff; } .full-width-form_outer_wrapper .content-wrapper .content_inner_box .content-box p{ color:#040129; } .full-width-form_outer_wrapper .content-wrapper .content_inner_box .content-box a.cta_button {border-radius: 3px; display: inline-block; padding: 10px 20px; border: 1px solid #fff; color:#040129; text-transform: uppercase; font-weight: 400; font-size:16px; } .full-width-form_outer_wrapper .content-wrapper .content_inner_box .content-box a.cta_button:hover{ background:#fff; } /******** Service main css ******/ .services_hero_module{} .services_hero_module .page-title{ text-transform:uppercase; padding:0px 0 10px; } .services_hero_module .case_study_blocks .block_inner_wrapper .block_btn_col{ /*display:none;*/ } .services_hero_module .page-title h3:after{ display:block; content:''; height:1px; background:#fff; width:18px; margin:5px auto 0; } .services_hero_module .case_study_blocks.full_width_block .block_inner_wrapper{ padding:140px 20px; } .services_hero_module .case_study_blocks .block_inner_wrapper .person_quote{ margin: 0 auto; max-width:70%; position:relative; } .services_hero_module .case_study_blocks .block_inner_wrapper .person_quote h1 { font-size: 30px; line-height: 34px; letter-spacing: 0.5px; padding-top: 50px; font-weight: 600; padding-bottom: 70px;} .services_hero_module .case_study_blocks .block_inner_wrapper .person_quote:before{ position: absolute; left: -40px; top: 40%; content: '\f10d'; font-size: 14px; font-family: 'Font awesome 5 free'; font-weight: 900; color:#040129; } .services_hero_module .case_study_blocks .block_inner_wrapper .person_quote:after{ position:absolute; right:-40px; top:40%; content: '\f10e'; font-size: 14px; font-family: 'Font awesome 5 free'; font-weight: 900; color:#040129; } .services_hero_module .person_info{ text-align:center; margin: -90px 0 0 0px; padding-bottom:0px; } .services_hero_module .person_info .block_inner_wrapper{} .services_hero_module .person_info .block_inner_wrapper h6{ font-size:15px; text-transform:uppercase; color:#040129; font-weight: 600; letter-spacing:0.03em; } .services_hero_module #layout_one .section_right_column{ } .services_hero_module #layout_one .section_right_column .section_content{} .services_hero_module #layout_one .section_right_column .section_content a.cta_button{ border-radius:3px; display:inline-block; padding:10px 20px; border:1px solid #fff; color:#fff; text-transform:uppercase; font-size:9px; } .services_hero_module #layout_one .section_right_column .section_content a.cta_button:hover{ background:#fff; color:#040129; } #layout_two .section_right_column.dark_background{ background:none; padding-top:0px; padding-bottom:0px; } #layout_two .section_right_column.dark_background .section_content a.cta_button{ border-radius:3px; display:inline-block; padding:10px 20px; border:1px solid #fff; color:#fff; text-transform:uppercase; font-size:9px; } #layout_two .section_right_column.dark_background .section_content a.cta_button:hover{ background:#fff; color:#040129; } #layout_two .section_right_column.white_background .section_content a.cta_button{ border-radius:3px; display:inline-block; padding:10px 20px; border:1px solid #040129; color:#040129; text-transform:uppercase; font-size:9px; } #layout_two .section_right_column.white_background .section_content a.cta_button:hover{ background:#040129; color:#fff; } .green_border_btn #layout_two .section_right_column.dark_background .section_content p span{ color:#2BE0A3; } .skyblue_border_btn #layout_two .section_right_column.dark_background .section_content p span{ color:#19ADF2; } .heliotrope_border_btn #layout_two .section_right_column.dark_background .section_content p span{ color:#BA80F7; } .scooter_border_btn #layout_two .section_right_column.dark_background .section_content p span{ color:#28C6CA; } .orange_border_btn #layout_two .section_right_column.dark_background .section_content p span{ color:#DBA819; } .white_border_btn #layout_two .section_right_column.dark_background .section_content p span{ color:#fff; } .services_links_mod_outer_wrapper{} .services_links_mod_outer_wrapper .section_header{ padding-bottom:50px; } .services_links_mod_outer_wrapper .services_inner_block{ display:flex; flex-wrap:wrap; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column{ width:33.3%; padding:0 20px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column a{ display:block; position:relative; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_icon{ display: inline-block; vertical-align: middle; padding:0px 10px 0px 46px; height: 133px; line-height: 86px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_icon img{ transition:all 0.3s ease-in-out;padding-top:45px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column:hover .service_icon img{ transform:scale(1.2); transition:all 0.3s ease-in-out; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_icon:before{ width:133px; height:133px; border-radius:100%; border:6px solid #091F41; content:''; left:0; top:0; position:absolute; display:block; z-index:-1; transition:all 0.3s ease-in-out; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column:hover .service_icon:before{ background:#091F41; transition:all 0.3s ease-in-out; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_title{ display: inline-block; vertical-align: middle; padding-right:0px; max-width:118px; position: relative; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_title i.fas{ position: absolute; right:-10px; color: #fff; top: 30%; opacity:0; transition:all 0.3s ease-in-out; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_title h3{ margin:0px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column:hover .service_title i.fas{ opacity:1; transition:all 0.3s ease-in-out; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_summary{ border-top:1px solid #19ADF2; padding:15px 0px; opacity:0; transition:all 0.3s ease-in-out; margin-top:-20px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_summary p{ font-size:13px; font-weight:400; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column:hover .service_summary{ opacity:1; transition:all 0.3s ease-in-out; } .services_links_mod_outer_wrapper .section_header h2 {font-size: 27px; letter-spacing: 0.5px;} .full_width_cta_module{ margin-bottom:50px; } .full_width_cta_module .content_inner_box .content-box a.cta_button { border-radius: 3px; display: inline-block; padding: 10px 20px; border: 1px solid #fff; color: #fff; text-transform: uppercase; font-size: 9px; font-size: 14px; letter-spacing: 1px; } .full_width_cta_module .content_inner_box .content-box a.cta_button:hover{ background:#fff; color:#040129; } .module_layout_wrapper.col2_col1 .section_left_column{ order:2; } .module_layout_wrapper.col1_col2 .section_right_column{ order:2; } .repeater-case_study_outer_wrapper{ padding:30px 0 0; } .repeater-case_study_outer_wrapper .section_inner_wrapper .dark_background { padding-top: 20px;} .row-fluid .repeater-case_study_outer_wrapper .page-center, .row-fluid .full_width_slider_module .page-center, .row-fluid .full-width-form_outer_wrapper .page-center, .row-fluid .info-clients_mod_wrapper .page-center, .row-fluid .faq_mod_outer_wrapper .page-center, .row-fluid .full_width_copy_module .page-center, .row-fluid .services_links_mod_outer_wrapper .page-center, .row-fluid .full_width_cta_module .page-center{ max-width: 1200px; } .row-fluid .case_study_outer_wrapper .page-center{ max-width:1000px; } .repeater-case_study_outer_wrapper .section_left_column h2 {font-size: 30px; letter-spacing: 0.5px;} .repeater-case_study_outer_wrapper .section_right_column p {font-size: 18px; padding-bottom:10px;} .section_right_column .repeater-case_study_outer_wrapper img, .section_left_column .repeater-case_study_outer_wrapper img {max-width:50%;} div#layout_three .section_media .repeater-case_study_outer_wrapper a img {max-width:100%!important;} .section_left_column .section_media, .section_right_column .section_media {text-align:center!important;} .hs-blog-listing .row-fluid .case_study_outer_wrapper .page-center{ max-width: 960px; } .row-fluid .services_hero_module .case_study_outer_wrapper .page-center, .row-fluid .blog_detail_page_wrapper .case_study_outer_wrapper .page-center{ max-width: 100%; } .faq_mod_outer_wrapper {padding-bottom:70px;} .faq_mod_outer_wrapper .section_header{ padding-bottom:20px; } .faq_mod_outer_wrapper .accordion_group{ margin-bottom:10px; padding: 0; } .faq_mod_outer_wrapper .accordion_group .accordion_header{ font-size:24px; font-weight:bold; line-height: normal; padding-bottom:40px; font-family: 'Montserrat','Open Sans',sans-serif; } .faq_mod_outer_wrapper .accordion_group .accordion_header p{ color:#28C6CA; font-size:15px; text-transform:uppercase; font-weight: 600; margin:0px; padding:20px 0px; } .faq_mod_outer_wrapper .accordion_group .accordion_content{ background:#E1EDF4; } .faq_mod_outer_wrapper .accordion_group .accordion_content p{ font-size:18px; } .faq_mod_outer_wrapper .accordion_group .accordion_content p span{ color:#28C6CA; font-size:15px; text-transform:uppercase; font-weight:600; } .faq_mod_outer_wrapper .accordion_group .accordion_header p i.fas{ float:right; font-size: 15px; color:#BA80F7; } .faq_mod_outer_wrapper .accordion_group.expanded .accordion_header p i.fas::before{ content: "\f068"; } .faq_mod_outer_wrapper .accordion_group .accordion_header p i.fas::before{ content:"\f067"; } .faq_mod_outer_wrapper .accordion#white_background .accordion_group{ background:#fff; } .faq_mod_outer_wrapper .accordion#dark_background .accordion_group{ background:none; color:#fff; border-top:5px solid #fff; margin: 0; } .faq_mod_outer_wrapper .accordion#dark_background .accordion_group .accordion_header{ padding-left:20px; padding-right:20px; } .faq_mod_outer_wrapper .accordion#dark_background .accordion_group .accordion_content{ background:#292749; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .related_block_inner_wrapper .case_study_blocks.half_width_block .block_inner_wrapper .person_quote{ max-width: inherit; word-wrap: break-word; } .services_hero_module .case_study_blocks .block_inner_wrapper .block_btn_col{ display:block; position:absolute; right:-4px; bottom:70px; max-width: 165px; } .services-inner-page .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_button a{ /*color:#fff;*/ background:#040129; border-color:#040129; /*border-radius:3px 0px 0px 3px; white-space: inherit; text-align:center;*/ } .services-inner-page .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_button a:hover{ color:#040129; background:#fff; border-color:#fff; } /********** Agency page css ***************/ .single_mod_outer_wrapper{} .single_mod_outer_wrapper .section_inner_wrapper { max-width: 500px; margin: 0 auto; } .single_mod_outer_wrapper.white_background_block .section_inner_wrapper{ background:#fff; padding:20px; border-radius:3px; } .core-mod_outer_wrapper{ } .row-fluid .core-mod_outer_wrapper .page-center{ max-width:1400px; } .core-mod_outer_wrapper .section_headar{ margin-bottom:40px; } .core-mod_outer_wrapper .core-mod_mobile_block{ display:flex; } .core-mod_outer_wrapper .core-mod_mobile_block .core_block_repeater{ width:100%; text-align:center; } .core-mod_outer_wrapper .core-mod_mobile_block .core_block_repeater .block_content p{ display:none; } .core-mod_outer_wrapper .core-mod_mobile_block .core_block_repeater .block_img{ margin-bottom:20px; } .history_mod_outer_wrapper{} .row-fluid .history_mod_outer_wrapper .page-center{ max-width:1000px; } .history_mod_outer_wrapper .section_header{ padding:30px 0px; } .history_mod_outer_wrapper .section_inner_wrapper{} .history_mod_outer_wrapper .section_inner_wrapper .history_repeater_block{ display:flex; padding-bottom:40px; } .history_repeater_block .block_img{ width:15%; } .history_repeater_block .block_img img{ width:100px; height:100px; object-fit:cover; border-radius:100%; border: 2px solid #040129; } .history_repeater_block .block_copy { width: 85%; padding-left:20px;} .history_repeater_block .block_copy p{ font-size:20px; margin:0px; line-height:28px; } .history_mod_outer_wrapper.white_background_block .section_header{ background:#fff; border-radius:3px 3px 0 0px; } .history_mod_outer_wrapper.white_background_block .section_inner_wrapper{ background:#fff; border-radius:0px 0px 3px 3px; padding:0 5%; } .team_mod_outer_wrapper{} .team_mod_outer_wrapper .section_inner_wrapper{ display:flex; } .team_mod_outer_wrapper .section_inner_wrapper .team_image{ position:relative; } .team_mod_outer_wrapper .section_inner_wrapper .team_image .overlay{ position:absolute; left:0; top:0px; width:100%; height:100%; } /******** Team page modules styling ****************/ .team-template .row-fluid .repeater-case_study_outer_wrapper .page-center {max-width:960px!important;} .team-template {} .team-template .main_listing_section{} .team-template .main_listing_section .blog_post_items{ } .team-template .main_listing_section .blog_post_items .post_item{ display:inline-block; vertical-align:top; width:32%; margin:0 0.5% 20px; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row { position:relative; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slider{ position: absolute; left: 0px; top: 0px; z-index: 99; width: 100%; margin: 0px; height: 100%; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-list, .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-track, .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slide{ height: 100%; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slide{ display:flex;flex-direction:column; justify-content:center; } .team-template .main-blog-wrapper .team_detail_section .post_item .post-left-column .post_slides.slick-slider .post-txt.slick-slide { flex-direction:column; justify-content:center; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slide h4{ align-self:center; margin: 0; padding: 20px;width:100%; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-list{ background:rgba(6,1,70,0.87); transition:all 0.3s ease-in-out; opacity:0; } .team-template .main_listing_section .blog_post_items .post_item:hover .post-top-row .slick-list{ opacity:1; transition:all 0.3s ease-in-out; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-dots{ bottom:15px; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-dots li{ width: 11px; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-dots li button{ border-radius:100%; width:11px; height:11px; border:2px solid #fff; cursor:pointer; padding: 0; font-size:0px; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-dots li.slick-active button{ background:#fff; } .team-template .main_listing_section .blog_post_items .post_item .post-bottom-row{ padding:15px 65px 15px 0px; position:relative; } .post-info h2{font-size:22px;} .team-template .main_listing_section .blog_post_items .post_item .post-bottom-row .post-info span{ font-size:14px; font-weight:500; text-transform:none; display: block; } .team-template .main_listing_section .blog_post_items .post_item .post-bottom-row .post-link{ /*position:absolute; right:0px; top:15px; */ } .team-template .main_listing_section .blog_post_items .post_item .post-bottom-row .post-link a{ /*display:block;*/ border-radius:3px; background:#BA80F7; padding:4px 10px; color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; } .team-template .main_listing_section .blog_post_items .post_item .post-bottom-row .post-link a:hover{ background:#fff; color:#040129; } /* .team-template .main_listing_section .blog_post_items .post_item .post-image img{ border-radius:3px; } */ .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slider .slick-arrow{ visibility: hidden; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slider .slick-arrow.slick-prev{ left: 0; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slider .slick-arrow.slick-next{ right: 0; } .team_detail_section .post_item .post-left-column .slick-slider .slick-arrow{ visibility: hidden; } .team_detail_section .post_item .post-left-column .slick-slider .slick-arrow.slick-prev{ left: 0; } .team_detail_section .post_item .post-left-column .slick-slider .slick-arrow.slick-next{ right: 0; } .recent_posts_outer_wrapper{} .recent_posts_outer_wrapper .section_header{ margin-bottom:20px; padding-top:30px;} .recent_posts_outer_wrapper .section_inner_wrapper{ display:flex; } .team_detail_section{ padding:50px 0 0 0px; } .row-fluid .team_detail_section .page-center, .row-fluid .recent_posts_outer_wrapper .page-center{ max-width:820px; } .team_detail_section .post_item{ display:flex;} .team_detail_section .post_item .post-left-column{ min-width:315px; width:315px; align-self: start; position:relative; } .team_detail_section .post_item .post-left-column .slick-slider{ position: absolute; left: 0px; top: 0px; z-index: 99; width: 100%; margin: 0px; height: 100%; } .team_detail_section .post_item .post-left-column .slick-list, .team_detail_section .post_item .post-left-column .slick-track, .team_detail_section .post_item .post-left-column .slick-slide{ height: 100%; width:100%; } .team_detail_section .post_item .post-left-column .slick-initialized .slick-slide{ /*display:flex; */} .team_detail_section .post_item .post-left-column .slick-slide h4{ align-self:center; margin: 0; padding: 20px; width:100%;} .team_detail_section .post_item .post-left-column .slick-initialized .slick-slide h4 {/*display:block;*/} .team_detail_section .post_item .post-left-column .slick-list{ background:rgba(6,1,70,0.87); transition:all 0.3s ease-in-out; opacity:0; } .team_detail_section .post_item .post-left-column:hover .slick-list{ opacity:1; transition:all 0.3s ease-in-out; } .team_detail_section .post_item .post-left-column .slick-dots{ bottom:15px; } .team_detail_section .post_item .post-left-column .slick-dots li{ width: 11px; } .team_detail_section .post_item .post-left-column .slick-dots li button{ border-radius:100%; width:11px; height:11px; border:2px solid #fff; cursor:pointer; padding: 0; font-size:0px; } .team_detail_section .post_item .post-left-column .slick-dots li.slick-active button{ background:#fff; } .team_detail_section .post_item .post-right-column{ width:100%; margin:0 0 0 15px; background:#fff; border:1px solid #707070; border-radius:3px; padding:35px; } .team_detail_section .post_item .post-right-column .post-info{ padding-bottom:20px; } .team_detail_section .post_item .post-right-column h1, .team_detail_section .post_item .post-right-column p, .team_detail_section .post_item .post-right-column, .team_detail_section .post_item .post-right-column h5{ color:#040129; } .recent_posts_outer_wrapper .section_inner_wrapper .post_item{ width:100%; margin:0 7px; position:relative; border-radius:3px; padding:20px 20px 20px; overflow:hidden; background-size: cover; display: flex; min-height: 270px;} .recent_posts_outer_wrapper .section_inner_wrapper .post_item .overlay{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .recent_posts_outer_wrapper .section_inner_wrapper .post_item .author-image, .recent_posts_outer_wrapper .section_inner_wrapper .post_item .post-title, .recent_posts_outer_wrapper .section_inner_wrapper .post_item .post-link{ position:relative; z-index:1; } .recent_posts_outer_wrapper .section_inner_wrapper .post_item .author-image{ padding-bottom: 10px; width: 60px; height: 60px; overflow: hidden; border-radius: 50%; border: 1px solid #fff; } .recent_posts_outer_wrapper .section_inner_wrapper .post_item .author-image img{ border-radius:100%; object-fit:cover; width:59px; height:59px; } .recent_posts_outer_wrapper .section_inner_wrapper .post_item .post-link a{ display:inline-block; border-radius: 3px; background: #040129; padding:5px 15px; color:#fff; text-transform: uppercase; font-size:12px; font-weight: 500; } .recent_posts_outer_wrapper .section_inner_wrapper .post_item .post-link a:hover{ background:#fff; color:#040129; } .breadcrumbs a:link, .breadcrumbs a:visited {color:#ffffff;} .breadcrumbs a:hover, .breadcrumbs a:focus {color:#2BE0A3;} /****** Other pages modules **********/ .client-logo_mod_outer_wrapper{} .client-logo_mod_outer_wrapper .section_inner_wrapper{ display:flex; flex-wrap:wrap; padding:25px; } .client-logo_mod_outer_wrapper.white_background_block .section_inner_wrapper{ background:#fff; } .client-logo_mod_outer_wrapper .section_inner_wrapper .client-logo_mod{ width:20%; text-align: center; align-self:center; padding:10px 15px; } .partners_hero_wrapper{ background-repeat:no-repeat; background-position:105% bottom; } .partners_hero_wrapper .section_content_column{ } .partners_hero_wrapper .section_content_column > p{ max-width:400px; } .row-fluid .partners_hero_wrapper .page-center{ max-width: 1000px; } .partners_hero_wrapper .partners_block{ background:#fff; padding:40px 60px; margin:20px 0px; display: flex; border-radius:2px; } .partners_hero_wrapper .partners_block .partner_image{ min-width:125px; max-width:125px; text-align:center; margin-right:40px; } .partners_hero_wrapper .partners_block .partner_content{ color:#040129; } .partners_hero_wrapper .partners_block .partner_content p{ margin-bottom:20px; } .partners_hero_wrapper .partners_block .partner_content p span{ color:#28C6CA; } .main_blog_wrapper {background-color:#fff;} .careers_hero_wrapper{ background-repeat:no-repeat; background-position:center; overflow: hidden; } .row-fluid .careers_hero_wrapper .page-center{ max-width: 820px; } .careers_hero_wrapper .section_content_column{ float:right; width:50%; } .row-fluid .blog_listing-page .page-center{ max-width: 1170px; } .blog_listing-page .job_listing_blocks{ padding: 79px 50px 50px; border-radius:2px; text-align:center; color:#040129; } .blog_listing-page .job_listing_blocks:first-child {padding-bottom:59px;} .blog_listing-page .job_listing_blocks:last-child {padding-top:25px;} .blog_listing-page .job_listing_blocks h3{ margin-bottom:25px; } .blog_listing-page .job_listing_blocks .job_list p a{ color:#28C6CA; } .blog_listing-page .job_listing_blocks .job_list p a:hover{ color:#040129; } .careers-template .blog_detail_page{} .row-fluid .blog_detail_page .page-center{ max-width: 820px; } .careers-template .blog_detail_page .section_header{ margin-top:120px; } .careers-template .blog_detail_page .section_header h6{ text-transform:uppercase; font-size:11px; } .careers-template .blog_detail_page .section_header h6 a{ } .careers-template .copy_repeater_block.white_background {padding:0px;margin-top:20px;} .careers-template #two_column_formpost_module {background-color:#040129;} .copy_repeater_outer_wrapper{} .copy_repeater_outer_wrapper .content_inner_box{ max-width:80%; } .copy_repeater_block { padding:15px 0px; margin:0 0 10px 0px; } .copy_repeater_block.white_background{ background:#fff; padding:25px; border-radius:2px; } .copy_repeater_block .content_box{ color:#040129; } .copy_repeater_block .content_box p, .copy_repeater_block .content_box li{ font-size:16px; } .copy_repeater_block .content_box ul{ padding-left: 20px; } .header-container-wrapper #header_for_lp{ position:absolute; left:0; top:0; width:100%; z-index: 1; } .inner_hero_mod_wrapper{ background-size:cover; position:relative; background-position:center; } .inner_hero_mod_wrapper .overlay{ position:absolute; left:0; top:0px; width:100%; height:100%; content:''; } .row-fluid .inner_hero_mod_wrapper .page-center{ position:relative; max-width:900px; } /*.inner_hero_mod_wrapper .banner_content p a{ color:#2BE0A3; } .inner_hero_mod_wrapper .banner_content p a:hover{ color:#040129; }*/ .two-col_form_copy_wrapper{ } .row-fluid .two-col_form_copy_wrapper .page-center{ max-width:1400px; } .two-col_form_copy_wrapper .content-wrapper{ display:flex; } .two-col_form_copy_wrapper .content-wrapper .content-box{ width:100%; padding-right:50px; } .two-col_form_copy_wrapper.white_background .content-wrapper .content-box{ color:#040129; padding-top:25px; } .two-col_form_copy_wrapper .content-wrapper .content-box p strong{ color:#2BE0A3; } .two-col_form_copy_wrapper .content-wrapper .con_right_block{ width:100%; } .two-col_form_copy_wrapper .content-wrapper .con_right_block .form_mod_inner_wrapper{ background:#f4f4f5; padding:25px; color:#040129; } .con_right_block .form_mod_inner_wrapper h1, .con_right_block .form_mod_inner_wrapper h2, .con_right_block .form_mod_inner_wrapper h3, .con_right_block .form_mod_inner_wrapper h4, .con_right_block .form_mod_inner_wrapper h5, .con_right_block .form_mod_inner_wrapper h6, .con_right_block .form_mod_inner_wrapper li{ color:#040129; } .con_right_block .form_mod_inner_wrapper textarea, .con_right_block .form_mod_inner_wrapper input[type="text"], .con_right_block .form_mod_inner_wrapper input[type="password"], .con_right_block .form_mod_inner_wrapper input[type="datetime"], .con_right_block .form_mod_inner_wrapper input[type="datetime-local"], .con_right_block .form_mod_inner_wrapper input[type="date"], .con_right_block .form_mod_inner_wrapper input[type="month"], .con_right_block .form_mod_inner_wrapper input[type="time"], .con_right_block .form_mod_inner_wrapper input[type="week"], .con_right_block .form_mod_inner_wrapper input[type="number"], .con_right_block .form_mod_inner_wrapper input[type="email"], .con_right_block .form_mod_inner_wrapper input[type="url"], .con_right_block .form_mod_inner_wrapper input[type="search"], .con_right_block .form_mod_inner_wrapper input[type="tel"], .con_right_block .form_mod_inner_wrapper input[type="color"], .con_right_block .form_mod_inner_wrapper select{ background:#FFFFFF; } .con_right_block .form_mod_inner_wrapper .hs-form-field{ padding-bottom:10px; } .con_right_block .form_mod_inner_wrapper .hs-form-field > label{ display:block; padding:7px 0 5px; } .two-col_form_copy_wrapper .content-wrapper .con_right_block .form_mod_inner_wrapper p{ color:#040129; font-size: 15px; } .two-col_form_copy_wrapper .content-wrapper .con_right_block .form_mod_inner_wrapper .legal-consent-container{ } .two-col_form_copy_wrapper .content-wrapper .con_right_block .form_mod_inner_wrapper .legal-consent-container ul.inputs-list li{ display: block; width: auto; font-size: 12px; } .legal-consent-container p {font-size: 12px!important; color:#acaac4; line-height: 17px; padding-bottom:20px;} .legal-consent-container .field.hs-form-field {margin-bottom:0px!important;} .legal-consent-container ul.inputs-list li {width:100%!important;} .legal-consent-container a{color:#acaac4; text-decoration:underline;} .legal-consent-container span {line-height:15px;} .two-col_form_copy_wrapper .content-wrapper .con_right_block .form_mod_inner_wrapper p a{ color:#acaac4; } .white_background{ background:#fff; } .thankyou-page .recent_posts_outer_wrapper{ padding-bottom:50px; } .thankyou-page .recent_posts_outer_wrapper .section_inner_wrapper{ flex-wrap:wrap; display:flex; margin-top:-50px; } .thankyou-page .recent_posts_outer_wrapper .section_inner_wrapper .post_item{ width:48%; margin:5px 1%; display: flex; padding: 20px 20px 20px; min-height: 270px; } /*.thankyou-page .recent_posts_outer_wrapper .section_inner_wrapper .post_item:nth-child(1) .overlay{ background:rgba(186,128,247,0.7); } .thankyou-page .recent_posts_outer_wrapper .section_inner_wrapper .post_item:nth-child(2) .overlay{ background:rgba(40,198,202,0.7); } .thankyou-page .recent_posts_outer_wrapper .section_inner_wrapper .post_item:nth-child(3) .overlay{ background:rgba(25,173,242,0.7); } .thankyou-page .recent_posts_outer_wrapper .section_inner_wrapper .post_item:nth-child(4) .overlay{ background:rgba(219,168,25,0.7); }*/ .recent_posts_outer_wrapper .section_inner_wrapper .post_item .bx-cont{ align-self: flex-end; } .full-width-form_wrapper{} .row-fluid .full-width-form_wrapper .page-center, .row-fluid .contact_info_outer_wrapper .page-center{ max-width:550px; } .full-width-form_wrapper .content-wrapper{} .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper{} .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper form fieldset{ max-width:inherit; } .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper form fieldset .hs-form-field > label{ display:block; padding-bottom:7px; } .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper form fieldset .hs-form-field{ padding-bottom:10px; } .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper form fieldset.form-columns-1 .hs-input { width: 100%; } .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper form fieldset.form-columns-1 .hs-form-booleancheckbox .hs-input { width:auto; } .contact_info_outer_wrapper .section-inner_wrapper{} .contact_info_outer_wrapper .section-inner_wrapper .contact-map{ padding-bottom:20px;} .contact_info_outer_wrapper .section-inner_wrapper .section_bottom_row{ display:flex; } .contact_info_outer_wrapper .section-inner_wrapper .section_bottom_row .contact_left_column{ width:60%;} .contact_info_outer_wrapper .section-inner_wrapper .section_bottom_row .contact_right_column{ text-align:right; width:40%; } .contact_info_outer_wrapper .section-inner_wrapper .section_bottom_row .contact_right_column a{ color:#2BE0A3; } .contact_info_outer_wrapper .section-inner_wrapper .section_bottom_row .contact_right_column a:hover{ text-decoration:underline; } .method_outer_wrapper{ } .row-fluid .method_outer_wrapper .page-center{ max-width:550px; } .method_outer_wrapper .section_header{ text-align:center; padding-bottom:20px; } .method_outer_wrapper .section_mid_row{ display:flex; text-align:center; } .method_outer_wrapper .section_mid_row .repeater_item{ width:100%; padding:5px; } .method_outer_wrapper .section_mid_row .repeater_item .item_image{ padding-bottom:20px; } .method_outer_wrapper .section_mid_row .repeater_item .item_image img{ width:110px; height:110px; border-radius:100%; object-fit:cover; } .method_outer_wrapper .section_mid_row .repeater_item .item_title{ text-transform:uppercase; } .method_outer_wrapper .section_btm_row{ max-width:325px; margin:0 auto; padding-top:20px; } .method_outer_wrapper .section_btm_row p{ font-size:13px; } .method_stepsouter_wrapper{ background:#FFFFFF; } .row-fluid .method_stepsouter_wrapper .page-center{ max-width:1100px; } .method_stepsouter_wrapper .methods_step_row{} .method_stepsouter_wrapper .methods_step_row .repeater_tab_item{ margin:0px 0 50px; display:flex } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-mobile{ display:none; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .left_column{ width:40%; padding-right:50px; align-self:center; } .method_stepsouter_wrapper .methods_step_row.white-background .repeater_tab_item .left_column .item_title{ color:#fff; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column{ width:60%; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .left_column .item_title{ text-transform:uppercase; padding:20px 0 0px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .left_column .item_image{} .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .left_column .item_image img{ /*width:164px; height:164px; object-fit:cover; border-radius:100%;*/ } .method_stepsouter_wrapper .methods_step_row.white-background .repeater_tab_item .right_column{ padding:20px; border-radius:2px; align-self: flex-start; } .method_stepsouter_wrapper .methods_step_row.white-background .repeater_tab_item .right_column .right_column_content { padding: 20px; background: #fff; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_header_box{ display:flex; text-align:center; padding-bottom:20px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_header_box .heading_item{ width:100%; text-transform:uppercase; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_header_box .heading_item h5{ } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_header_box .heading_item a{ color:#fff; padding:0 0 10px 0px; display:inline-block; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_content_box{ padding:20px 40px; background:#fff; color:#040129; font-size:13px; border-radius:2px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_content_box p{ color:#040129; font-size:13px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_header_box .heading_item.active a, .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_header_box .heading_item a:hover{ border-bottom:2px solid #28C6CA; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_content_box .content_column{ display:none; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop .column_content_box .content_column.active-content{ display:block; } .tab_btn_wrapper { display:flex; justify-content: space-between; padding: 0 20px 0; } .tab_btn_wrapper a { color: #040129; padding-bottom:5px; border-bottom: 2px solid transparent; font-weight:600; } .tab_btn_wrapper a.current { border-bottom: 2px solid #28C6CA; } .tab-link-mobile {display:none;} .tab-content{ display: none; /* opacity: 0; visibility: hidden; position: absolute; */ /* transition: all 0.4s ease-in-out; */ } .tab-content.current{ display: inherit; /* opacity: 1; visibility: visible; position: static; */ } body.hs-content-path-methodology .inner_hero_mod_wrapper .banner_content h3 { font-size: 13px; line-height: 23px; letter-spacing: 2px; font-weight: 400; margin-bottom:30px; } body.hs-content-path-methodology .inner_hero_mod_wrapper .banner_content h3::after { display: block; content: ''; height: 1px; background: #fff; width: 18px; margin: 5px auto 0; } .hs-content-name-contact-idea-grove .header-container-wrapper div#header_for_web{ background:#ffffff; } .hs-content-name-contact-idea-grove .header-container-wrapper div#header_for_web.fixed-header { background: #ffffff!important;} /*** Blog css *******/ .featured-article-wrapper{ background-size:cover; background-position:center; position:relative; } .featured-article-wrapper .overlay{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content: ''; background:rgb(6, 1, 67, 0.7); } .row-fluid .featured-article-wrapper .page-center{ position:relative; z-index:2; /*max-width:1400px;*/ } .featured-article-wrapper .feature-post{} .featured-article-wrapper .feature-post .featured_top_wrapper{ padding-bottom:30px; } .featured-article-wrapper .feature-post .featured_top_wrapper h5{ text-transform:uppercase; color:#3FC195 !important; font-weight:normal;font-size: 18px;line-height: 18px;font-weight: 500;position: relative;padding-bottom: 30px;} .featured-article-wrapper .feature-post .featured_top_wrapper h5:after {content: "";position: absolute;width: 50px;height: 5px;background: #3FC195;left: 0;bottom: 0px;} .featured-article-wrapper .feature-post .featured_top_wrapper h1 {font-size: 48px;margin-top: 20px;line-height: 60px;margin-bottom: 60px;text-transform:capitalize;} .blog_detail_section .feature-post .featured_top_wrapper h1 {font-size: 48px;margin-top: 20px;line-height: 60px;margin-bottom: 40px;text-transform:capitalize;} .featured-article-wrapper .feature-post .featured_top_wrapper a{ background: #3FC195;border-radius: 50px;display: inline-block;padding: 15px 40px;text-transform: capitalize;font-size: 18px;font-weight: 500;color: #fff;line-height: 22px; color:#fff;letter-spacing:-0.18px; } .featured-article-wrapper .feature-post .featured_author_info{ padding:20px 0 0 0px; } .featured-article-wrapper .feature-post .featured_author_info .author-img{ display:inline-block; vertical-align:middle; padding-right:15px; } .featured-article-wrapper .feature-post .featured_author_info .author-img img{ object-fit:cover; width:48px; height:48px; } .main-blog .featured-article-wrapper .feature-post .featured_author_info .author-img{ display:inline-block; vertical-align:middle;width: 66px;height: 66px;padding-right: 0px;} .main-blog .featured-article-wrapper .feature-post .featured_author_info .author-img img{ object-fit:cover; width:66px; height:66px; } .featured-article-wrapper .feature-post .featured_author_info .post-info{ display:inline-block; vertical-align:middle; } .featured-article-wrapper .feature-post .featured_author_info .post-info h5{ text-transform:uppercase; color:#28C6CA !important; font-weight:normal; margin: 0px;font-size:14px;line-height: 18px;} .featured-article-wrapper .feature-post .featured_author_info .post-info p{ margin:0px;color: #28C6CA;font-size: 14px;text-transform: uppercase;line-height: 18px;} .anchor { display: block; position: relative; top: -120px; visibility: hidden; height:1px; } /* Post Date */ .post-time-info {padding-top: 20px;} .post-time {font-size: 15px; padding-top: 10px; padding-bottom: 0px; display: inline-block; width:auto; margin-bottom: 20px; margin-top: -30px;} .update-date {padding-left:20px;} .blog_listing_wrapper{} /*.row-fluid .blog_listing_wrapper .page-center{ max-width:1400px; }*/ .blog_listing_wrapper .wrapper_post_row{margin-left: -48px;} .blog_listing_wrapper .wrapper_post_row .post-item{ padding:0 0 80px 48px; float:left;} .blog_listing_wrapper .wrapper_post_row .post-item a{ display:inline-block; } .main-blog .blog_listing_wrapper .wrapper_post_row .post-item a.read-more{ display:inline-block; } .blog_listing_wrapper .wrapper_post_row .post-item .post-image{ /*padding-bottom:15px;*/ min-height: 258px; } .blog_listing_wrapper .wrapper_post_row .post-item .post-image img{ height:156px; width:100%; object-fit:cover; } .blog_listing_wrapper .wrapper_post_row .post-item.mix:before{ display:none; } .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block{} .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block h3, .main-blog .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block h3 a{ color:#040129; font-weight:bold; margin-bottom:25px;font-size:18px;line-height:23px; text-transform: capitalize; } .main-blog .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block h3 a:hover{ color:#28C6CA;} .blog_listing_wrapper .wrapper_post_row .post-item:hover .post_btm_block h3{ color:#28C6CA; } .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block h5, .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block h5 a{ color:#28C6CA; font-weight:normal; margin:0px;font-size:14px;} .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block p{ font-weight:normal; font-size:14px; color:#040129;margin-bottom: 10px;} .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block p span{ background:#28C6CA; border-radius:22px; display:inline-block; padding:17px 45px; text-transform:uppercase; font-size:10px; font-weight:500; color:#fff;line-height:9px; } .main-blog .blog_listing_wrapper .wrapper_post_row .post-item .post_btm_block p span:hover {background: #040129;} .bredcrumbs {margin: 120px 0 80px;} .main-blog .blog_detail_section .bredcrumbs { margin: 120px 0 119px; } .bredcrumbs a {color: #fff;font-size: 16px;line-height: 19px;} .main-blog .post-image {background-size: cover !important;overflow: hidden;margin-bottom: 15px;position: relative;background-position: center center !important;} .main-blog .post-image a {position: absolute;width: 100%;height: 100%;} .blog_listing_wrapper .mixitup-page-list {} .blog_listing_wrapper .mixitup-page-list button{ border:0px; background:#F0EFEF; padding:6px 12px; cursor:pointer; font-size:18px; font-weight:700; color:#0401295D; opacity:1; font-family:'Montserrat', sans-serif;; } .blog_listing_wrapper .mixitup-page-list button:hover, .blog_listing_wrapper .mixitup-page-list button.mixitup-control-prev:hover, .blog_listing_wrapper .mixitup-page-list button.mixitup-control-next:hover{background: #3FC195;color: #fff;} .blog_listing_wrapper .mixitup-page-list button.mixitup-control-active{ background:#3FC195;color:#fff; opacity:1; } .blog_listing_wrapper .mixitup-page-list button.mixitup-control-prev, .blog_listing_wrapper .mixitup-page-list button.mixitup-control-next{ background:none;color:#0401295D; } .blog_listing_wrapper .mixitup-page-list button:hover{ opacity:1; } .blog_listing_wrapper .wrapper_top_row{ display:flex; border-bottom:2px solid #28C6CA; margin-bottom:80px;padding-bottom: 5px;} .blog_listing_wrapper .wrapper_top_row p{ align-self:center; margin:0px; width:55.5%; } .blog_listing_wrapper .wrapper_top_row .section_filter_row{ align-self:center; width:47.3%; } .blog_listing_wrapper .wrapper_top_row .section_filter_row form{ display:flex; } .blog_listing_wrapper .wrapper_top_row .section_filter_row form fieldset{ border:0px;padding:0;border-radius: 2px;width:49%; } .blog_listing_wrapper .wrapper_top_row .section_filter_row form fieldset select{ background:url(https://www.ideagrove.com/hubfs/blue-down-arrow.gif) rgba(4,1,41,0.08); color:#040129; border:0px; outline:0; font-family: 'Montserrat',sans-serif;-moz-appearance: none;-webkit-appearance: none;background-repeat: no-repeat;background-position: 90% center;border-radius: 2px;} .blog_listing_wrapper .wrapper_top_row .subscribe_btn{ align-self:center; width:18%; text-align:right; } .blog_listing_wrapper .wrapper_top_row .subscribe_btn a{ color:#fff; font-size:18px; font-weight:400; background:#2BE0A3; display:inline-block; padding:14px 40px; border-radius:2px;width: 100%;text-align: center; } .blog_listing_wrapper .wrapper_top_row .subscribe_btn a:hover{ background:#040129; } .mixitup-page-list {text-align: center;} .blog_detail_section{ padding:150px 0 0px; position:relative; background-size:cover; background-position:center; } .blog_detail_section .overlay{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content: ''; background:rgba(4,1,41,0.6); } .row-fluid .blog_detail_section .page-center{ position:relative; z-index:2; /*max-width:860px;*/ } .blog_detail_section .feature-post{} .blog_detail_section .feature-post .featured_top_wrapper{ padding-bottom:0px; } .blog_detail_section .feature-post .featured_top_wrapper h5{ text-transform:uppercase; color:#28C6CA; font-weight:normal; } .blog_detail_section .feature-post .featured_top_wrapper h5 a{ color:#3FC195;font-size: 18px;text-transform: capitalize; } .blog_detail_section .feature-post .featured_top_wrapper > a{ background:#28C6CA; border-radius:3px; display:inline-block; padding:7px 15px; text-transform:uppercase; font-size:10px; font-weight:500; color:#fff; } .blog_detail_section .feature-post .featured_author_info{ position:relative; bottom:-96px; max-width:250px; } .blog_detail_section .feature-post .featured_author_info .post-info{} .blog_detail_section .feature-post .featured_author_info .post-info h5{ font-size:14px; color:#28C6CA !important; font-weight: 500; text-transform: uppercase; margin:0 0 0px 0px;line-height:18px; } .blog_detail_section .feature-post .featured_author_info .post-info p{ font-size:14px; color:#040129;line-height:18px;font-weight: 500; } .blog_detail_section .feature-post .featured_author_info .author-img{ padding-bottom:10px; } .blog_detail_section .feature-post .featured_author_info .author-img img{ width:100px; height:100px; object-fit:cover; border-radius:100%; overflow:hidden;box-shadow: 10px 30px 50px #00000029;} .blog_inner_wrapper{ padding:115px 0px 70px; } .row-fluid .blog_inner_wrapper .page-center{ /*max-width:860px;*/ display:flex; } .blog_inner_wrapper .left_column{ width:75%; padding-right:8%; color:#040129; /*padding-top:60px;*/ } .main-blog .blog_inner_wrapper .left_column p {line-height: 30px;font-size: 18px;} .blog_inner_wrapper .left_column p a{ color:#28C6CA; } .blog_inner_wrapper .right_column{ width:25%; } .footer_menu:first-child {padding-left: 20px;} /*.recent-blog-posts{ } */ .right_column .header-text h3 {font-size: 18px;font-weight: 700;border-bottom: solid 2px #2be0a3;padding-bottom: 20px;text-transform: capitalize;color: #04002c !important;text-align: left;} .row-fluid .recent-blog-posts .page-center{ max-width:860px; } .recent-blog-posts .header-text{ text-transform:uppercase; } .recent-blog-posts .recent-post-bx{ display:flex; } .right_column .recent-blog-posts .recent-post-bx{ display:block; } .right_column .recent-blog-posts .recent-post-bx .post_item{ width:100%; margin:0 0px; position:relative; border-radius:0px; padding:20px 0px 20px; overflow:hidden; background-size: cover;} .recent-blog-posts .recent-post-bx .post_item{ width:100%; margin:0 7px; position:relative; border-radius:3px; padding:120px 20px 20px; overflow:hidden; background-size: cover;} .recent-blog-posts .recent-post-bx .post_item .overlay{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .recent-blog-posts .recent-post-bx .post_item .author-image, .recent-blog-posts .recent-post-bx .post_item .post-title, .recent-blog-posts .recent-post-bx .post_item .post-link{ position:relative; z-index:1; } .recent-blog-posts .recent-post-bx .post_item .author-image{ width: 60px; height: 60px; overflow: hidden; border-radius: 50%; border: 1px solid #fff; margin-bottom:15px; } .recent-blog-posts .recent-post-bx .post_item .author-image img{ border-radius:100%; object-fit:cover; width:59px; height:59px; } .recent-blog-posts .recent-post-bx .post_item .post-link a{ display:inline-block; border-radius: 3px; background: #040129; padding:5px 15px; color:#fff; text-transform: uppercase; font-size:7px; font-weight: 500; } .recent-blog-posts .recent-post-bx .post_item .post-link a:hover{ background:#fff; color:#040129; } .recent-blog-posts .recent-post-bx .post_item .post-title h4{ color:#fff; } .right_column .recent-blog-posts .recent-post-bx .post_item .post-title h4{ color:#04002c;margin-top: 18px;font-size: 18px; } .blog_inner_wrapper .right_column .subscribe_btn{ margin-top:30px; margin-bottom:60px; } .blog_inner_wrapper .right_column .subscribe_btn a{ background: #3fc195;border-radius: 50px;display: inline-block;padding: 15px 52px;text-transform: uppercase;font-size: 14px;font-weight: 500;color: #fff;line-height: 22px;color: #fff;} .blog_inner_wrapper .right_column .subscribe_btn a:hover{ background:#040129; } .main-blog .blog_inner_wrapper .right_column .subscribe_btn a{ background: #3fc195;border-radius: 50px;display: inline-block;padding: 15px 36px;text-transform: capitalize;font-size: 14px;font-weight: 500;line-height: 22px;color: #fff;letter-spacing: -0.16px;} .main-blog .blog_inner_wrapper .right_column .subscribe_btn a:hover{ background:#040129; } .blog_inner_wrapper .right_column .social_share{} .blog_inner_wrapper .right_column .social_share p{} .blog_inner_wrapper .right_column .social_share p a{ border-radius:100%; border:1px solid #040129; width:40px; height:40px; text-align:center; color:#040129; display:inline-block; vertical-align:middle; margin:0 4px; line-height: 35px;padding:3px 5px 5px 5px; } .blog_inner_wrapper .right_column .social_share p a:hover{ border-color:#3fc195; background:#3fc195; color:#fff; } body.show_popup_form{ } body.show_popup_form:after{ content:''; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(255,255,255,0.7); z-index:999; } .widget-type-blog_subscribe .form-title {color: #ffffff!important;font-size: 36px;margin-bottom: 30px;} .blog_subscription_box label {font-size: 14px;display: flex;align-items: center;} ul.inputs-list.multi-container {width: 100%;float: left;} ul.inputs-list.multi-container li {float: left;padding-right:20px;} ul.inputs-list.multi-container li input[type=radio] {height: 30px;width: 30px;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border: 1px solid #444;border-radius: 0px;outline: 0;transition-duration: .3s;background-color: #fff;cursor: pointer;margin: 0;margin-right: 10px;border-radius: 3px;} ul.inputs-list.multi-container li input[type=radio]:checked {border: 1px solid #3FC195;background-color: #3FC195;position: relative;} ul.inputs-list.multi-container li input[type=radio]:checked:before {content: "\f00c";color: #fff;font: normal normal normal 14px/1 FontAwesome;top: 7px;left: 7px;position: absolute;width: 20px;height: 20px;} .hs-fieldtype-radio {margin-top: 24px;} .blog_subscription_box{ max-width:580px; padding:60px; background:url('https://412753.fs1.hubspotusercontent-na1.net/hubfs/412753/blog-shape-2.png') #060143; position:fixed; left:0; right:0; top:20%; z-index:1000; margin:0 auto; color:#fff; height:auto;border-radius: 30px;background-repeat: no-repeat; background-position: bottom 40px right; background-size: 35%;} .blog_subscription_box .blog_inner_wrapper{ position:relative; padding: 0; } .blog_subscription_box .blog_inner_wrapper .close_btn{ position:absolute; right:-40px; top:-40px; } .blog_subscription_box .blog_inner_wrapper .close_btn a{ color:#fff; } .blog_subscription_box .blog_inner_wrapper form .hs-form-field{ padding-bottom:15px; } .blog_subscription_box .blog_inner_wrapper form ul.inputs-list { list-style:none; padding-left:0px; margin-top: 10px;margin-bottom: 30px;} .blog_subscription_box .blog_inner_wrapper form input.hs-button.primary{ background: #3FC195;color: #fff; text-transform: uppercase; font-size: 12px; display: inline-block; padding: 14px 40px; border-radius: 30px; line-height: normal; font-weight: 500; border: 0px; font-family: 'Montserrat', sans-serif;; cursor: pointer; } .blog_subscription_box .blog_inner_wrapper form input.hs-button.primary:hover{ background: #fff;color: #3FC195;} .blog_subscription_box .blog_inner_wrapper form input[type="email"]{ border-radius:2px; border:0px; height:45px;} .blog_subscription_box .blog_inner_wrapper .span12 { float:none; margin:0px !important; height: auto !important; } .main-blog .actions {float: left;width: 100%;margin-top: 20px;} .blog_listing_wrapper {background: url(https://www.ideagrove.com/hubfs/listing-bg.png);background-repeat: repeat-y;background-size: 100%;} .blog_inner_wrapper {background: url(https://www.ideagrove.com/hubfs/single-bg.png);background-repeat: repeat-y;background-size: 100%;} .subscription_box_for_mob{ padding:20px; display:none; color:#fff;background: #060143; } .subscription_box_for_mob form .hs-form-field{ padding-bottom:15px; } .subscription_box_for_mob form ul.inputs-list { list-style:none; padding-left:0px; } .subscription_box_for_mob form input.hs-button.primary{ background: #3fc195 !important;color: #fff;text-transform: uppercase;font-size: 12px;display: inline-block;padding: 14px 40px;border-radius: 30px;line-height: normal;font-weight: 500;border: 0px;font-family: 'Montserrat',sans-serif;cursor: pointer;-moz-appearance: none;-webkit-appearance: none; } .subscription_box_for_mob form input.hs-button.primary:hover{background: #fff !important; color: #3fc195; -moz-appearance: none;-webkit-appearance: none;} .subscription_box_for_mob form input[type="email"]{ border-radius:2px; border:0px; } .subscription_box_for_mob .span12{ float:none; margin:0px !important; } .full_width_quote_module{ background-size:cover; position:relative; } .full_width_quote_module .overlay{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; } .full_width_quote_module .page-center{ position:relative; z-index:1; } .search-result-page .main_body_wrapper{ overflow:hidden; } .search-result-page .main_body_wrapper .hs-search-field__bar{ position:relative; } .search-result-page .main_body_wrapper .hs-search-field__bar input[type="text"]{ background: #fff; padding: 15px 20px; font-size: 14px; color: #040129; border: 0px; border-radius: 30px; font-weight: 500; } .search-result-page .main_body_wrapper .hs-search-field__bar form button { position: absolute; right: 10px; top: 5px; border: 0px; background:none; font-size: 30px; color: #040129; cursor: pointer; } .search-result-page .main_body_wrapper .hs-search-field__bar form button svg { height: 24px; fill: #040129; } .layout_five .section_left_column { width: 50%; } .layout_five .section_right_column { width: 50%; margin-left: 15px; } .services_hero_module .case_study_outer_wrapper .case_study_blocks.full_width_block { display:flex; min-height:400px; } .services_hero_module .case_study_blocks.full_width_block .block_inner_wrapper{ padding:40px 20px; height: auto; position: initial; align-self: center; width: 100%; max-width: 900px; margin: 0 auto; } ul#hsresults { padding: 40px 0; color: #fff; } .hs-search-results__listing li { margin-bottom: 30px; } a.hs-search-results__title { font-size: 24px; color: #19adf2; } /***** Updated home page modules css ******/ /******** Banner css *************/ .hero_updated_module{ position:relative; } .hero_updated_module .banner_video{ position:relative; left:0; top:0; width:100%; height:100%; z-index:1; } .hero_updated_module .banner_video video{ width:100%; height:100%; } .hero_updated_module .overlay{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content: ''; z-index:2; } .hero_updated_module .page-center{ position:absolute; z-index:3; left:0; right:0; top:25%; bottom:0; max-width: 1280px;top:15%; } .hero_updated_module .section_inner_wrapper{} .hero_updated_module .section_inner_wrapper .banner_content{} .hero_updated_module .section_inner_wrapper .banner_content h1{ font-size:73px; font-weight:bold; } .hero_updated_module .section_inner_wrapper .banner_content h1 strong{ color:#2BE0A3; } .hero_updated_module .section_inner_wrapper .services_box_wrapper{ display:flex; margin-top:100px; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles{ width:100%; text-align:center; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles a{ display:block; margin:0 auto; height:133px; width:133px; border:6px solid rgba(40,198,202,0.15); font-size:19px; font-weight:bold; border-radius:100%; display: flex; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles a strong{ font-size:19px; font-weight:300; display: block; line-height: normal; align-self: center; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles a:hover{ background:rgba(40,198,202,0.15); } .hero_updated_module .section_inner_wrapper .down_arrow_button{ text-align:center; /*position:absolute; width: 100%; bottom:100px;bottom:30%;*/ margin-top:100px; } .hero_updated_module .section_inner_wrapper .down_arrow_button a{ background:#fff; width:42px; height:42px; line-height:42px; border-radius:100%; color:#040129; display:block; margin:0 auto; font-size: 28px; } /********* Service slider css ***********/ .services_slider_mod_wrapper{} .services_slider_mod_wrapper .services_slider_wrapper{} .services_slider_mod_wrapper .services_slider_wrapper .slider-nav{ background:#fff; margin:0px; padding:15px; } .services_slider_mod_wrapper .services_slider_wrapper .slider-nav .slick-list{} .services_slider_mod_wrapper .services_slider_wrapper .slider-nav .slick-list .slick-track{ transform: inherit !important; display:flex; max-width:1400px; margin:0 auto; padding:0 30px; width:auto !important; } .services_slider_mod_wrapper .services_slider_wrapper .slider-nav .slick-list .slider_item{ width:100% !important; float:none; text-align:center; cursor:pointer; font-size:20px; font-weight:bold; color:#040129; outline:0; } .services_slider_mod_wrapper .services_slider_wrapper .slider-nav .slick-list .slider_item strong{ display:block; text-align:center; width:100%; } .services_slider_mod_wrapper .services_slider_wrapper .slider-nav .slick-list .slider_item.slick-current{ color:#2BE0A3; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for{ margin:0px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item{ background-size:cover; background-position:center; } .row-fluid .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .page-center{ max-width:85%; position:relative; z-index:3; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .overlay{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content: ''; z-index:2; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item > .overlay{ z-index:2; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper{ display:flex; padding-top:50px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box{ max-width:40%; min-width:492px; position: relative; z-index: 1; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box .image{ position:relative; text-align:center; background-size: cover; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box .logo-image{ position:relative; z-index:3; padding:50px 30px; text-align:center; min-height: 280px; display: flex; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box .logo-image img{ margin:0 auto; max-width:130px; align-self:center; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box{ padding:35px; position:relative; z-index:2; min-height:470px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_image{ margin-top:-80px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_image img{ object-fit:cover; height:107px; width:107px; border-radius:100%; background:#fff; display:block; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_data{ padding-bottom:30px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_data{ font-size:16px; text-transform:uppercase; color:#040129; padding-top:15px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_data strong{ font-weight:600; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .quote_txt{ padding-bottom:50px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .quote_txt p{ font-size:20px; font-weight:300; font-family: 'Montserrat', 'Open Sans', sans-serif; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .quote_btn{ } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .quote_btn a{ display:inline-block; vertical-align:middle; border-radius:3px; background:#060346; color:#fff; font-size:15px; font-weight:600; text-transform:uppercase; padding:12px 25px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .quote_btn a:hover{ background:#fff; color:#040129; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box{ width:100%; text-align:center; align-self:center; /*position: absolute; */} .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box h2{ font-size:93px; line-height:95px; max-width:700px; margin:0 auto 30px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box a { display:inline-block; vertical-align:middle; border-radius:3px; color:#060346; font-size:15px; font-weight:600; text-transform:uppercase; padding:8px 40px;} .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box a:hover{ background:#fff !important; color:#060346; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for{ padding-bottom:0px; background:#fff; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-arrow.slick-prev { left:15px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-arrow.slick-next { right:15px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-arrow:before{ content:'\f104'; font-family:'Font Awesome 5 Free'; font-weight:900; opacity: 1; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-arrow.slick-next:before{ content:'\f105'; } .footer_bottom_row .footer_right_column {font-weight:700;} /****** featured_grid_mod_wrapper *************/ .featured_grid_mod_wrapper{ padding:100px 70px; } .row-fluid .featured_grid_mod_wrapper .page-center{ max-width:2000px; } .featured_grid_mod_wrapper .section_inner_wrapper{ display: flex; flex-wrap: wrap; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box{ border-radius: 3px; margin: 0 .7% 20px; overflow: hidden; padding: 0px; position: relative; background-size:cover; background-position:center; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box.boxfull_width{ width: 98%; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box.boxhalf_width{ width: 48.3%; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box{ position: relative; z-index: 2; padding:35px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_tag{ font-size:19px; text-transform:uppercase; margin-bottom:65px; letter-spacing:1px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box{ max-width:60%; min-height: 250px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h2{ font-size:44px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h3{ font-size:39px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h1, .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h2, .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h3, .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h4, .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h5, .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h6{ color:#fff; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box p{ font-size:18px; font-weight:600; letter-spacing:1px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .author_box{margin-bottom:10px;} .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .author_box .person_image{ display:inline-block; vertical-align:middle; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .author_box .person_image img{ object-fit:cover; height:107px; width:107px; border-radius:100%; background:#fff; display:block; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .author_box .person_info{ display:inline-block; vertical-align:middle; font-size:16px; text-transform:uppercase; color:#040129; padding-left:15px; line-height:normal; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .author_box .person_info strong{ font-weight:600; display:block; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_btn{ } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_btn a{ display:inline-block; vertical-align:middle; border-radius:3px; background:#040129; color:#fff; font-size:15px; font-weight:600; text-transform:uppercase; padding:8px 40px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_btn a:hover{ background:#fff; color:#040129; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box.boxhalf_width .grid_content_box .feature_btn{ position:absolute; right:30px; bottom:30px; } /*--------------------------------------------------------- * Date 14 july 2020 Home slider Update * -------------------------------------------------------*/ .services_slider_mod_wrapper.enable_updated_layout { position: relative;} .services_slider_mod_wrapper.enable_updated_layout .slider-nav.slick-initialized.slick-slider { position: absolute; z-index: 1;max-width: 1300px; margin: 0 auto; width: 100%;left: 0;right: 0; top: 50px; border-radius: 200px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider-nav .slick-list .slider_item.slick-current{text-decoration:underline;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper{padding-top:150px; padding-bottom:120px;justify-content: center;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box { order: 1; max-width:40%;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box{order: 0; text-align:left; max-width:40%;padding-right:30px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box h2{margin:0px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box p{margin-top:20px; margin-bottom:30px; max-width:650px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box .logo-image{min-height:200px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item{min-height:900px;} .services_slider_mod_wrapper.enable_updated_layout ul.slick-dots{bottom:32px;} .services_slider_mod_wrapper.enable_updated_layout ul.slick-dots li button{border:2px solid #fff; border-radius:100%; position:relative} .services_slider_mod_wrapper.enable_updated_layout ul.slick-dots li button::before{content:""; text-align:center; height:8px; width:8px; background:#fff; border-radius:100%;position: absolute;left: 4px;top: 4px;opacity: 1;} .services_slider_mod_wrapper.enable_updated_layout ul.slick-dots li.slick-active button{border-color:#2be0a3;} .services_slider_mod_wrapper.enable_updated_layout ul.slick-dots li.slick-active button::before{background:#2be0a3} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box .image{height:200px;} .blog_subscription_box .blog_inner_wrapper {position: relative;padding: 0 !important;background: none !important;} @media (max-width: 1900px){ .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item { height: 100%;} } @media (max-width:1440px){ .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box p{max-width:500px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item{min-height:770px;} } @media (max-width:1024px){ } @media (min-width:1400px){ .row-fluid .page-center {max-width:1426px;} } @media (max-width:991px){ .main-blog .blog_inner_wrapper .right_column .subscribe_btn a {padding: 15px 20px;font-size:13px;} .blog_inner_wrapper .right_column .social_share p a {width: 30px;height: 30px;line-height: 25px;margin:0 1px;} } @media (max-width:960px){ .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box{padding-left:0px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box, .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box{max-width:50%;} } @media (max-width:767px){ .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box{max-width:100%; text-align:center; padding-right:0px; margin-bottom:30px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box{max-width:400px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box h2, .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box p{max-width:100%; text-align:center;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper{padding-top:90px;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slick-arrow.slick-next, .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slick-arrow.slick-prev{z-index:99;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box .image{display:none;} .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item {min-height: 500px;} .blog_listing_wrapper .wrapper_post_row {margin-left:-46px;} .main-blog .recent-blog-posts {padding-top: 40px;} .featured-article-wrapper .feature-post .featured_top_wrapper h1, .blog_detail_section .feature-post .featured_top_wrapper h1 {font-size:40px;line-height:46px; text-transform:capitalize; } .post-time {width: 100%!important; display:block!important;} .update-date {padding-left:0px!important;} } @media (max-width:620px){ .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper{padding-top:50px;} .featured-article-wrapper .feature-post .featured_top_wrapper h1, .blog_detail_section .feature-post .featured_top_wrapper h1 {font-size:32px;line-height:38px; text-transform:capitalize; } } @media (max-width:370px){ .services_slider_mod_wrapper.enable_updated_layout .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box{min-height:320px} } /*********************************************************** ************************** Mobile responsive css ***********/ @media (min-width:2000px) { .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box h2{ font-size: 100px;line-height: 112px;max-width: 700px; margin: 0 auto 30px; } } @media (max-width:1900px) { .hero_updated_module .section_inner_wrapper .banner_content h1{padding-top:10%; } .row-fluid .blog_inner_wrapper .page-center {/*max-width: 1200px;*/} .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item { height: 90vh; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper { padding-top: 9vh; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box h2{ font-size: 63px;line-height: 72px;max-width: 350px; margin: 0 auto 30px; } } @media (max-width:1440px) { .hero_updated_module .page-center{ max-width: 1080px; } .hero_updated_module .section_inner_wrapper .banner_content h1{ font-size: 46px; padding-top:10%; } .services_slider_mod_wrapper .services_slider_wrapper .slider-nav .slick-list .slick-track{ max-width: 1000px; } .services_slider_mod_wrapper .services_slider_wrapper .slider-nav .slick-list .slider_item{ font-size:12px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box h2{ font-size:46px; line-height: 50px; max-width: 350px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box a{ font-size:13px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box .logo-image{ min-height: 180px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_image img{ height: 69px; width: 69px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_data{ font-size:13px; line-height: normal; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .quote_txt p{ font-size:15px; line-height: normal; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box{ min-height: 330px; padding: 20px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box { max-width: 263px; min-width: 263px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_data{ padding-bottom:2px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .quote_txt{ padding-bottom:10px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box .logo-image img{ max-width: 80px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .quote_btn a{ font-size:10px; padding:7px 15px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box .person_image { margin-top: -55px; } .featured_grid_mod_wrapper{ padding:70px 40px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_tag{ margin-bottom:35px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h2 { font-size: 31px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box{ min-height:170px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box{ max-width: 450px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h3{ font-size:27px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .author_box .person_image img{ height: 57px; width: 57px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .author_box .person_info{ font-size:14px; } .our-clients_mod_wrapper .section_header_row{ max-width: 660px; } .our-clients_mod_wrapper .section_header_row h2{ font-size:46px; } .green-fill-blue-text-btn-large{ font-size:13px; } } @media (max-width:1280px) { .partners_hero_wrapper{ background-position: 145% bottom; } .hero_updated_module .section_inner_wrapper .services_box_wrapper{ margin-top: 70px; } .featured_grid_mod_wrapper{ padding:50px 20px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_btn a{ padding: 5px 10px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box{ padding: 20px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box.boxhalf_width .grid_content_box .feature_btn{ right: 20px; bottom: 20px; } .hero_updated_module .section_inner_wrapper .down_arrow_button{ bottom: 50px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info p{ font-size:19px; line-height:27px; } .case_study_blocks .block_inner_wrapper .person_info h6{ } .case_study_listing_page .case_study_featured_items .case_study_blocks .additional_info.for_mobile .other-info a {font-size:14px;} .green_border_white_txt_btn a {padding:12px 20px !important;} } @media (min-width: 768px) { .arrow-for_mob{ display:none; } .case_study_listing_page .case_study_featured_items .additional_info{ /*background:#fff !important;*/ } } @media (max-width: 960px) { .case_study_blocks .block_inner_wrapper .person_quote{ max-width: 70%; } .case_study_blocks.half_width_block .block_inner_wrapper .person_quote{ max-width: 98%;} .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info ul li{ font-size: 13px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_title{ max-width: 100px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_title h3{ font-size: 16px; } .careers_hero_wrapper{ background-position: -150px center; } .partners_hero_wrapper{ background-position: 500px bottom; } .full_width_slider_module{ padding-left:20px; padding-right:20px; } .slider_box .slider-for .slider_items.slick-slide .slider-img img{ max-height: 400px; min-height: 400px; } .hero_updated_module .section_inner_wrapper .banner_content h1 { font-size: 40px; } .hero_updated_module .section_inner_wrapper .services_box_wrapper { margin-top: 30px; } .hero_updated_module .section_inner_wrapper .down_arrow_button { bottom: 40px; } .hero_updated_module .section_inner_wrapper .down_arrow_button a{ width: 32px; height: 32px; font-size: 20px; line-height: 32px; } .featured_grid_mod_wrapper{ padding:30px 10px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .author_box .person_info { font-size: 12px; padding-left: 5px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_btn a{ font-size:11px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box{ padding:0 0 0 15%; } } @media (max-width: 767px) { .header_logo{ text-align:left; } .main_header_wrapper .text-right .menu-icon a{ color:#19ADF2; padding:6px 5px; } .main_header_wrapper .text-right .menu-icon a span{ display:none; } .main_header_wrapper .text-right .menu-icon a .fas{ display:block; } .main_header_wrapper .text-right .menu-icon a:hover{ color:#fff; } .main_header_wrapper .text-right .search_icon{ position: absolute; right: 20px; top: 20px; width: auto !important; } .main_header_wrapper .text-right .menu-icon { width: auto !important; position: absolute; top: 20px; } .main_header_wrapper .row-fluid [class*="span"]{ min-height: inherit; } .search_box, .menu_box{ width: 100% !important; } .footer_top_row .page-center > .row-fluid-wrapper > .row-fluid{ display:flex; } .footer_top_row .footer_right_column{ width:70%; } .footer_top_row .footer_right_column > .row-fluid-wrapper > .row-fluid { display:flex; flex-wrap:wrap; } .footer_top_row .footer_right_column .footer_menu, .footer_top_row .footer_right_column .contact_info{ width:100%; } .main_footer_wrapper .footer_bottom_row .page-center > .row-fluid-wrapper > .row-fluid{ display:flex; } .main_footer_wrapper .footer_bottom_row .footer_left_column{ width:100%; } .main_footer_wrapper .footer_bottom_row .footer_right_column{ width:100%; } .blog_detail_page_wrapper .case_study_featured_box .featured_box .block_inner_wrapper{ max-width: 500px; } .info-clients_mod_wrapper .info_wrapper{ flex-wrap:wrap; } .info-clients_mod_wrapper .info_wrapper .info-col-left{ width:50%; min-width: inherit; } .info-clients_mod_wrapper .info_wrapper .info_mid_column{ padding:0px 0px; width:50%; min-width: inherit; } .info-clients_mod_wrapper .info_wrapper .info-col-right{ width:100%; padding-top:50px; } .module_layout_wrapper, .full-width-form_outer_wrapper .content-wrapper{ display: block; } #layout_one .section_left_column, #layout_two .section_left_column, #layout_four .section_right_column{ width: auto; margin:0px 0px; } #layout_one .section_right_column, #layout_two .section_right_column, #layout_four .section_left_column{ width: auto; margin:0px 0px; } #layout_four .section_left_column{ padding: 25px; } .layout_two .section_left_column, .layout_four .section_left_column {margin-bottom: 25px!important;} .full-width-form_outer_wrapper .content-wrapper .con_ltl_block{ width: auto; padding-right: 0; padding:20px; background:#fff; color:#040129; margin-bottom:20px; } .full-width-form_outer_wrapper .content-wrapper .con_ltl_block h3{ color:#040129; } .full-width-form_outer_wrapper .content-wrapper .con_ltl_block p, .full-width-form_outer_wrapper .content-wrapper .con_ltl_block li{ color:#040129; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block{ width: auto; padding-left:0px; padding-bottom:0px; overflow:hidden; } .blog_detail_page_wrapper .case_study_featured_box .featured_box .block_inner_wrapper .person_quote, .blog_detail_page_wrapper .case_study_blocks .block_inner_wrapper .person_quote{ font-size: 24px; line-height: 26px; } .blog_detail_page_wrapper .case_study_featured_box .featured_box .block_inner_wrapper{ padding: 110px 20px 20px; } .form_mod_inner_wrapper textarea, .form_mod_inner_wrapper input[type="text"], .form_mod_inner_wrapper input[type="password"], .form_mod_inner_wrapper input[type="datetime"], .form_mod_inner_wrapper input[type="datetime-local"], .form_mod_inner_wrapper input[type="date"], .form_mod_inner_wrapper input[type="month"], .form_mod_inner_wrapper input[type="time"], .form_mod_inner_wrapper input[type="week"], .form_mod_inner_wrapper input[type="number"], .form_mod_inner_wrapper input[type="email"], .form_mod_inner_wrapper input[type="url"], .form_mod_inner_wrapper input[type="search"], .form_mod_inner_wrapper input[type="tel"], .form_mod_inner_wrapper input[type="color"], .form_mod_inner_wrapper select{ background:#E2E3E4; } .slider_box .slider-nav{ margin: 0 50px; } .slider_box .slider-nav .slider_items .slider-img{ padding:0 3px; } .main_header_wrapper .header_inner_wrapper .header_right_column .custom-menu-primary{ display:none; } #header_for_web .header_inner_wrapper .header_left_column .menu-icon.for-mobile { display: block; position: absolute; top: 20px; width: auto; } #header_for_web.fixed-header .header_inner_wrapper .header_left_column .menu-icon.for-mobile{ top:15px; } #header_for_web .header_inner_wrapper .header_left_column .menu-icon.for-mobile a{ color:#19ADF2; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ position:static; opacity:1; visibility: visible; display:none; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ width: inherit; font-size:16px; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical > ul li .child-trigger { display: inline-block; vertical-align: middle; padding: 5px; cursor: pointer; width:auto; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical > ul li .child-trigger i{ font-style:normal; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical > ul li .child-trigger i:before{ content:'\f107'; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:18px; color:#fff; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical > ul li .child-trigger.child-open i:before{ content:'\f106'; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{ display: inline-block; vertical-align: middle; } .hero_updated_module .section_inner_wrapper .banner_content h1{ font-size: 34px; } .hero_updated_module .section_inner_wrapper .down_arrow_button{ position: static; padding-top:20px; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles a{ height: inherit; width: inherit; border: 0; display: block; font-size:16px; } .hero_updated_module .section_inner_wrapper .services_box_wrapper{ display:block; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles{ padding: 5px 0px; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles a strong{ font-size:16px; } .hero_updated_module .section_inner_wrapper .down_arrow_button a{ width: 30px; height: 30px; font-size:18px; line-height: 30px; } .featured_grid_mod_wrapper { padding:15px 0px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box{ margin: 0 0px 15px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box.boxhalf_width, .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box.boxfull_width{ width: 100%; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_btn a{ font-size: 15px; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box.boxhalf_width .grid_content_box .feature_btn{ position:static; } .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .feature_btn{ padding-top:30px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper{ flex-wrap:wrap; } .services_slider_mod_wrapper .services_slider_wrapper .slider-nav{ display:none; } .row-fluid .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .page-center{ max-width:100%; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_side_box{ margin:0 auto; order:2; max-width: 400px; min-width: inherit; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box{ order:1; padding-bottom:30px; position: relative; padding: 0 0 45px 0; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box h2{font-size:30px; margin: 0 auto 25px; line-height:normal; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .quote_bottom_box{ min-height: inherit; } .our-clients_mod_wrapper .section_header_row h2 { font-size: 26px; } } @media (min-width: 768px) { .case_study_blocks.half_width_block .block_inner_wrapper .additional_info.for_mobile{ /*background: #fff !important;*/ opacity:1 !important; } .case_study_outer_wrapper .case_study_blocks.half_width_block:after{ position:absolute; bottom:0; content:''; width:100%; height:0px; transition:all 0.3s ease-in-out; background:#fff; z-index: 1; } .case_study_outer_wrapper .case_study_blocks.half_width_block:hover:after{ /*height:34px; transition:all 0.3s ease-in-out;*/ } .core-mod_outer_wrapper .core-mod_mobile_block{ display:none; } .core-mod_outer_wrapper .core-mod_desktop_block { display: flex; justify-content: space-evenly; } .core-mod_outer_wrapper .core-mod_desktop_block .core_block_repeater { text-align: center; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-next.slick-arrow{ /*display:none !important;*/width:30px; height:30px; border-radius: 50%;background: #fff;right:25px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-prev.slick-arrow { left: 25px;width: 30px;height: 30px;border-radius: 50%;background: #fff;right: 25px;z-index: 1; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-prev:before, .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-next:before { color: #000; } } @media (max-width: 767px) { body{ font-size:13px; } h1 {font-size: 32px;} h2 {font-size: 17px;} h3 {font-size: 14px;} h4 {font-size: 12px;} h5 {font-size: 11px;} h6 {font-size: 9px;} .mobile-show p, .mobile-show > div > span > span{ margin:18px 0 !important; } .footer_menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{ font-size: 11px; padding:3px 0 0px; width:auto; white-space: initial; word-wrap: break-word; } .main_footer_wrapper .contact_info p, .main_footer_wrapper .contact_info > div > span > span{ font-size: 11px; } .row-fluid .our-clients_mod_wrapper .page-center{} .case_study_blocks.full_width_block .block_inner_wrapper { padding-top: 50px; } .case_study_blocks .block_inner_wrapper{ /*padding-top:50px;*/ } .case_study_blocks.full_width_block .block_inner_wrapper .additional_info.for_desktop{ display:none !important; } .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_link{ position: absolute; right: 20px; top: 48%; } .case_study_blocks.full_width_block .block_inner_wrapper .block_btn_col .block_button { float: none; text-align: right; } .case_study_blocks.full_width_block .block_inner_wrapper .additional_info{ position: absolute; left:100%; top: 0; width: 100%; height: 100%; z-index: 1; background: #BA80F7; padding:45px; max-width: inherit; display: block !important; transition: all 0.3s ease-in-out; } .case_study_blocks.full_width_block .block_inner_wrapper .additional_info .block_btn_col .block_link{ right:inherit; left:20px; } .case_study_outer_wrapper .case_study_blocks{ margin: 0 1% 15px; } .blog_detail_page_wrapper .case_study_outer_wrapper .case_study_blocks.full_width_block{ margin: 0 0% 20px; width:100%; } .case_study_blocks.half_width_block { width: 48%; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info ul li{ font-size: 9px; } .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col{ position: relative; overflow: visible; padding-right:12px; } .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col .block_button { float: none; } .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col .block_button a{ display: block; padding-right:15px; } .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col .block_link{ float: none; position: absolute; right:0px; top:4%; transform: rotate(90deg); z-index: 100; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info{ /*height: 100%; overflow: auto; display: block !important; transition: all .3s ease-in-out; left: 100%; bottom:0;*/ } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .block_btn_col{ top: 0px; margin-top: 0px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .block_btn_col .block_button{ display: none; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info{ padding-bottom:20px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info.show_summary .other-info{ padding-bottom:20px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .block_btn_col{ position: absolute; top: inherit; bottom: 20px; right:10px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .block_btn_col .block_link{ position: static; display: none; } .case_study_blocks.full_width_block .block_inner_wrapper .additional_info.show_summary, .case_study_blocks.half_width_block .block_inner_wrapper .additional_info.show_summary{ opacity: 1 !important; left: 0px; transition: all 0.3s ease-in-out; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info .green-fill-white-txt-btn{ background:#fff ; color:#040129; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info .green-fill-white-txt-btn:hover{ background:#040129; color:#fff; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info ul li a i.fas{ color:#fff; } .header-container-wrapper .row-fluid [class*="span"]{ width: 100%; } .case_study_blocks .***additional_info ul li{ float: none; width: auto; display: block; } .case_study_blocks .block_inner_wrapper{ /*padding:80px 20px 55px;*/ } .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col{ position: absolute; bottom: 20px; padding-right: 20px; width: 90%; left: 5%; display: flex; border-radius: 3px; background: #040129;} .case_study_listing_page .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col {background: transparent;} .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col .block_button{ padding-left: 20px; padding-right:4px; width: 100%; margin-right:5px; } .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col .block_link{ right: 20px; top: inherit; bottom: initial; align-self: center; } .case_study_blocks .block_inner_wrapper .block_btn_col .block_button a{ /*white-space: nowrap; overflow: hidden;*/ font-size: 16px; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info.show_summary .block_btn_col{ display:none; } .case_study_blocks .block_inner_wrapper .person_quote h5 { font-size: 15px; } .main_header_wrapper.fixed-header .text-right .menu-icon{ top:10px; } .main_header_wrapper.fixed-header .text-right .search_icon{ top: 12px; } .case_study_listing_page .case_study_featured_items .additional_info .read_more_btn.block_button{ margin: 0px 0 10px 0; } .case_study_listing_page .case_study_featured_items .additional_info{ height: 100%; overflow:auto; } .case_study_listing_page .case_study_featured_items .case_study_blocks .block_inner_wrapper h6.post-tag{ display:block; position:absolute; left:20px; top:20px; } .case_study_listing_page .case_study_featured_items .case_study_blocks .block_inner_wrapper h6.post-tag a{ border-radius: 3px; background: #040129; border: 1px solid #040129; padding:5px 7px; display: inline-block; color: #fff; font-weight: 500; font-size: 9px; line-height: normal; text-transform: uppercase; margin: 1px 0; } .case_study_listing_page .case_study_featured_items .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col .block_button a{ display: inline-block; } .case_study_listing_page .case_study_featured_items .case_study_blocks.half_width_block .block_inner_wrapper .additional_info.show_summary .block_btn_col{ display: block; position: static; margin: 0; } .case_study_listing_page .case_study_featured_items .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .block_btn_col .block_button{ display: block; padding: 0px; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .case_study_blocks.half_width_block .block_inner_wrapper .additional_info.show_summary .block_btn_col{ display: b**lock; position: static; margin: 0; padding: 0 0 10px; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .block_btn_col .block_button{ display: block; padding: 0px; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col .block_button a{ display:inline-block; } .blog_topics_mod_module{ display:none; } /*.hs-blog-listing .body-container-wrapper{ padding-top:50px; } */ .full_width_slider_module .slider_box .slick-slider{ margin-bottom:20px; } #layout_two .section_right_column.dark_background{ padding:20px; } .repeater-case_study_outer_wrapper{ padding: 10px 0px; } .services_hero_module{ } .services_links_mod_outer_wrapper .services_inner_block .service_item_column{ width: 100%; padding: 0px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_summary{ opacity: 1; border: 0px; padding-top: 0px; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_title i.fas{ opacity:1; } .services_links_mod_outer_wrapper .services_inner_block .service_item_column .service_title{ max-width: 95px; } .full_width_cta_module{ margin-bottom: 20px; } .services_links_mod_outer_wrapper .section_header { padding-bottom: 20px; } .full-width-form_outer_wrapper .content-wrapper .content_inner_box{ margin-left: 0; width: 100%; } .faq_mod_outer_wrapper .accordion_group .accordion_header{ font-size: 18px; padding-bottom: 25px; } .services_hero_module .case_study_blocks.full_width_block .block_inner_wrapper{ padding: 100px 20px; } .services_hero_module .page-title{ padding: 0px; position: relative; bottom: -70px; z-index: 11; } .services_hero_module .page-title h3{ color:#040129; } .services_hero_module .page-title h3::after{ background:#040129; } .single_mod_outer_wrapper .section_inner_wrapper h1{ margin-bottom:20px; } .single_mod_outer_wrapper .section_inner_wrapper p{ text-align:left; } .core-mod_outer_wrapper .core-mod_mobile_block { display: block; } .core-mod_outer_wrapper .core-mod_mobile_block .core_block_repeater{ text-align: left; display: flex; padding-bottom:20px; } .core-mod_outer_wrapper .core-mod_mobile_block .core_block_repeater .block_img{ margin-bottom:0px; margin-right:15px; min-width:71px; } .core-mod_outer_wrapper .core-mod_mobile_block .core_block_repeater .block_content h6{ font-size:15px; font-weight:bold; } .core-mod_outer_wrapper .core-mod_mobile_block .core_block_repeater .block_content p{ display:block; font-size:13px; } .row-fluid .team_mod_outer_wrapper .page-center{ padding:0px; } .team_mod_outer_wrapper .section_inner_wrapper .team_image .image_box img{ min-height:130px; object-fit: cover; } .core-mod_outer_wrapper .core-mod_desktop_block{ display:none!important; } .team-template .main_listing_section .page-center {max-width:1000px;} .team-template .main_listing_section .blog_post_items .post_item{ width: 48.5%; } .team-template .main_listing_section .blog_post_items .post_item .post-image img{ width:100%; } .team_detail_section .post_item { display: block; } .team_detail_section .post_item .post-right-column{ margin:15px 0 0 0px; } .team_detail_section .post_item .post-left-column{ margin: 0 auto; min-width: inherit; } .client-logo_mod_outer_wrapper .section_inner_wrapper .client-logo_mod{ width: 33.3%; } .copy_repeater_outer_wrapper .content_inner_box { max-width: inherit; } /*.careers-template .body-container-wrapper { padding-top: 80px; }*/ .careers-template .blog_detail_page .section_header{ text-align: center; } .copy_repeater_outer_wrapper .content_inner_box .copy_repeater_block{ margin: 0 0 0px 0px; border-radius: 0; } .copy_repeater_outer_wrapper .content_inner_box .copy_repeater_block:first-child{ border-radius:2px 2px 0px 0px; } .copy_repeater_outer_wrapper .content_inner_box .copy_repeater_block:last-child{ border-radius:0px 0px 2px 2px; } .careers_hero_wrapper{ background-position: -280px center; } .blog_listing-page .job_listing_blocks .job_list{ text-align: center; } .partners_hero_wrapper{ background-image: none !important; } .partners_hero_wrapper .section_content_column h1{ text-align:center; margin-top:40px; } .partners_hero_wrapper .section_content_column > p { max-width:inherit; } .partners_hero_wrapper .partners_block{ padding: 20px 20px; margin: 0px; border-radius:0px; } .partners_hero_wrapper .partners_block .partner_image{ min-width:90px; margin-right: 20px; max-width:90px; } .partners_hero_wrapper .partners_block:first-child{ border-radius:2px 2px 0 0px; } .partners_hero_wrapper .partners_block:last-child{ border-radius:0px 0px 2px 2px; } .two-col_form_copy_wrapper .content-wrapper{ display:block; } .two-col_form_copy_wrapper .content-wrapper .content-box{ padding-right: 0px; padding:30px; } .thankyou-page .recent_posts_outer_wrapper{ padding-bottom:20px; } .row-fluid .two-col_form_copy_wrapper .page-center{ padding-left:0px; padding-right:0px; } .two-col_form_copy_wrapper{ padding:0px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item{ display:block; } .row-fluid .method_outer_wrapper .page-center { max-width: 350px; } .method_outer_wrapper .section_mid_row .repeater_item .item_image img{ width: 65px; height: 65px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .left_column{ width: auto; padding-right: 0;margin-bottom:30px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-desktop{ display:none; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-mobile { display: block; width: auto; padding:20px 15px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column.for-mobile .heading_item{ text-transform:uppercase; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item{ margin: 0px 0 20px; } .method_outer_wrapper .section_btm_row{ padding:15px; background:#fff; color:#040129; margin-top:20px; border-radius:2px; } .method_outer_wrapper .section_btm_row p{ color:#040129; } .row-fluid .blog_inner_wrapper .page-center{ display:block; } .blog_inner_wrapper .left_column{ width: auto; padding-right: 0px; padding-top: 10px; } .post-time-info {padding-top:130px!important;} .blog_inner_wrapper .right_column { width: auto; } .blog_inner_wrapper { padding: 20px 0px 20px; background:none; } .blog_detail_section .feature-post .featured_author_info{ text-align: center; margin: 0 auto; } .subscription_box_for_mob{ display:inline-block; color:#fff; padding:25px 10px;width:100%; } .blog_listing_wrapper .wrapper_top_row{ display:none; } .featured-article-wrapper .feature-post .featured_top_wrapper { padding-bottom: 50px; } .blog_listing_wrapper{ padding:80px 0px; background:none; } .blog_inner_wrapper .right_column .subscribe_btn{ display: none; } .blog_inner_wrapper .right_column .social_share{ padding-top:20px; } .recent-blog-posts .recent-post-bx .post_item{ padding-top:60px; } .blog_detail_section{ padding-top:80px; } .full-width-form_outer_wrapper .content-wrapper .con_ltl_block li{ color:#040129; } .search_box .hs-search-field .hs-search-field__suggestions li{ font-size:14px; } .case_study_blocks .block_inner_wrapper .block_btn_col .block_link a{ width: 24px; height: 24px; line-height: 24px; } .layout_five .section_left_column { width: auto; } .layout_five .section_right_column { width: auto; margin-left: 0; padding-top:20px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column{ width: auto; } .slider_box .slider-for .slider_items.slick-slide .slider-img img{ max-height: 280px; min-height: 280px; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {font-size:24px;} .method_stepsouter_wrapper .item_image {text-align:center;} .services_hero_module .case_study_blocks .block_inner_wrapper .person_quote:before {top: 0;left: 50%;color: #fff;opacity: .5;} .services_hero_module .case_study_blocks .block_inner_wrapper .person_quote:after {bottom: 40px;top: unset;left: 50%;right: 50%;color: #fff;opacity: .5;} .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper{ padding-top:50px; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles a{ border-radius:0px; } .hero_updated_module .section_inner_wrapper .services_box_wrapper .services_column_bubbles a:hover{ background:none; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slick-arrow{ top:inherit; bottom:15px; width:30px; height:30px; background:#040129; border-radius:100%; border:0px; padding:5px; text-align:center; } .history_repeater_block .block_copy p { font-size: 18px; } .history_repeater_block .block_copy { padding-left: 35px; } .history_repeater_block .block_img { min-width: 100px; } ul.inputs-list.multi-container li input[type=radio] {height: 22px;width: 22px;} ul.inputs-list.multi-container li input[type=radio]:checked:before {top: 3px;left: 3px;} .footer_menu:first-child {padding-left:0;} } @media (max-width: 766px) { .hero_updated_module .section_inner_wrapper .down_arrow_button {margin-top: 40px;} /*.blog_listing_wrapper .wrapper_post_row {margin-left:-46px;}*/ } @media (max-width: 614px) { .hero_updated_module .page-center{ /*position:relative;*/ padding-top:60px; padding-bottom:30px; /*top:0;*/ } .hero_updated_module .banner_video{ /*position: absolute;*/overflow:hidden; } .hero_updated_module .banner_video video {width: auto; margin-left: -500px; height: 100vh; max-width:none;} } @media (max-width: 575px) { .custom-bio h3 {padding-right:0;text-align: center;width: 100%;font-size: 32px;line-height: 38px;} } @media (max-width: 480px) { .team-template .main_listing_section .blog_post_items .post_item{ width:auto; display:block; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slide h4{ padding: 20px 1%; display: block;text-align: center; width: 98% } .team_detail_section .post_item .post-left-column{ width: auto; } .team_detail_section .post_item .post-left-column .post-image img{ width:100%; } .client-logo_mod_outer_wrapper .section_inner_wrapper .client-logo_mod{ width: 50%; } .careers_hero_wrapper{ background-position: 0 top; background-position-y: -30px; background-size: 250%; } .careers_hero_wrapper .section_content_column{ width: 100%; padding-top: 200px; } .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper form fieldset.form-columns-2 .hs-form-field .hs-input{ width: 100%; } .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper form fieldset.form-columns-2 .input, .full-width-form_wrapper .content-wrapper .form_mod_inner_wrapper form fieldset.form-columns-1 .input{ margin-right:0px; } .blog_listing_wrapper .wrapper_post_row .post-item { padding: 0 0 20px 48px; width: auto; } .slider_box .slider-for .slider_items.slick-slide .slider-img img{ max-height: 200px; min-height: 200px; } .services_hero_module .case_study_blocks .block_inner_wrapper .person_quote h1 { font-size: 18px; line-height: 23px; } .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box h2{ /*max-width: 235px;*/ font-size:24px;line-height: normal; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info p{ font-size:16px; line-height:23px; } .case_study_blocks .block_inner_wrapper .person_info h6{ font-size:15px; line-height:19px;} .case_study_listing_page .case_study_featured_items .case_study_blocks .additional_info.for_mobile .other-info a {font-size:11px;} .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper {padding-top:35px;} .services_slider_mod_wrapper .services_slider_wrapper .slider_for .slider_item .slide_inner_wrapper .main_content_box {padding-bottom:35px;} .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box {padding: 40px 20px;} .featured_grid_mod_wrapper .section_inner_wrapper .featured_grid_box .grid_content_box .content_box h3 {font-size:22px;} .footer_top_row .page-center>.row-fluid-wrapper>.row-fluid {flex-direction:column;} .footer_top_row .footer_right_column {width:100%;} .method_stepsouter_wrapper .methods_step_row .repeater_tab_item {margin-bottom:40px;} } @media (max-width: 414px) { /* .tab-content {display: block;} .method_stepsouter_wrapper .methods_step_row.white-background .repeater_tab_item .right_column .right_column_content {background:none;padding:0;} .method_stepsouter_wrapper .methods_step_row.white-background .repeater_tab_item .right_column p {color:#fff;} .set-height {height:auto !important;} .tab-content {margin-bottom:40px;} .tab_btn_wrapper {display:none;} .tab-link-mobile {display:block; color:#fff;font-weight: bold;} */ .services_hero_module .case_study_blocks .block_inner_wrapper .person_quote {max-width:90%;} } @media (max-width: 400px) { .case_study_blocks.half_width_block { width: 98%; } .case_study_blocks.half_width_block .block_inner_wrapper .block_btn_col .block_link{ top:50%; margin-top: -11px; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .rec-post-items{ width: auto; margin: 10px 0px; float: none; } .case_study_listing_page .case_study_featured_items{ grid-template-columns: auto; } .blog_detail_page_wrapper .case_study_outer_wrapper .case_study_blocks{ margin: 0 0% 15px; width:100%; } .case_study_blocks .block_inner_wrapper .block_btn_col .block_link a { width: 22px; height: 22px; line-height: 22px; } .slider_box .slider-for .slider_items.slick-slide .slider-img img{ max-height: 200px; min-height: 200px; } } @media (max-width: 320px) { .history_repeater_block .block_img img {width:75px; height:75px;} .history_repeater_block .block_img { min-width: 75px; } .history_repeater_block .block_copy { padding-left: 20px; } } .open-menu-box { padding-top: 30px; } /* Brand Guidelines */ .color-box p { font-size: 16px; text-align: center; color: #ffffff; display: block; margin: 0 auto; line-height: 200px; } .color-box { width: 200px; height: 200px; display: inline-flex; margin-right: 5px; margin-bottom: 10px; } .acsb-sr-only { display: none; } /*---- New Style of header----*/ .header_right_column .header_menu.custom-menu-primary { width: 72%; } .span1.widget-span.widget-type-custom_widget.search_icon { margin-top: 22px; text-align: center; } /* div#header_with_nav .header_menu ul li a { padding: 0 25px !important; color: #fff; font-weight: 500; font-size: 16px; } */ @media (max-width: 1440px){ .header_right_column .header_menu.custom-menu-primary { width: 74% !important; } .header_right_column .header-right_btn { width: 20% !important; float: right; margin: 0; } .span1.widget-span.widget-type-custom_widget.search_icon { margin-top: 22px !important; width: 2% !important; } } .green_border_white_txt_btn a { color: #fff; font-size: 16px; padding: 12px 25px ; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; min-width: auto !important; } @media(max-width:1254px){ .green_border_white_txt_btn a { color: #fff; font-size: 16px; padding: 10px 12px ; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; } div#header_with_nav .header_menu ul li a { padding: 0 20px; color: #fff; font-weight: 500; font-size: 16px; } } @media(max-width:1162px){ div#header_with_nav .header_menu ul li a { padding: 0px 15px !important; color: #fff; font-weight: 500; font-size: 15px !important; line-height:55px; } .green_border_white_txt_btn a { color: #fff; font-size: 15px !important; padding: 10px 7px !important; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; } } @media(min-width:1024px){ .search_icon{ display:block !important; } .search_box { position: fixed; left: 0; width: 100%; text-align: center; top: 0; height: 0; background: rgba(4,1,41,0.89); z-index: -10; display: block !important; transition: all .3s ease-in-out; opacity: 0; overflow: hidden; } .search_box.open-search-box { height: 100%; transition: all .3s ease-in-out; opacity: 1; z-index: 10; } .search_box .close_btn { padding: 100px 0 30px; } .search_box .hs-search-field { padding: 20px 20px 50px; max-width: 800px; margin: 0 auto; } .hs-search-field { position: relative; } .search_box .hs-search-field .hs-search-field__suggestions { padding: 20px; } .hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; } .search_box .hs-search-field form input.hs-search-field__input { background: #fff; padding: 15px 20px; font-size: 14px; color: #040129; border: 0px; border-radius: 30px; font-weight: 500; } .search_box .hs-search-field form button { position: absolute; right: 22px; top: 26px; border: 0px; background: 0; font-size: 30px; color: #040129; cursor: pointer; } .search_box .hs-search-field__bar button svg { height: 24px; fill: #040129; } .search_box .close_btn a { font-size: 20px; color: #fff; text-transform: uppercase; text-decoration:none; font-weight: 700; } .search_box .close_btn a:hover { color: #2be0a3; } .search_box .hs-search-field__bar button:hover svg { fill: #2be0a3; } .main_header_section .search_icon a { color: #fff; } .main_header_section .search_icon a:hover { color: #2be0a3; } input, button { outline: 0; } } /*-----End IdeaGrove_StyleSheet_Sep20------*/ /*-------Start IG_StyleSheet_Sep20--------*/ /**************Color Codes****************/ /******************************* ***************************** Global Syles *************/ /* body {font-size: 18px; color: #313438; line-height: 1.667; margin: 0px; font-family: 'Montserrat', sans-serif;; font-weight:400; } */ /* .row-fluid .page-center {max-width: 1100px; padding: 0 30px; margin: 0 auto!important; float: none;} */ /* p { margin: 0 0 40px; } p:last-child { margin-bottom: 0; } */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /***** Padding *******/ .paddingt10 {padding-top: 10px;} .paddingt20 {padding-top: 20px;} .paddingt30 {padding-top: 30px;} .paddingt40 {padding-top: 40px;} .paddingt50 {padding-top: 50px;} .paddingt60 {padding-top: 60px;} .paddingt70 {padding-top: 70px;} .paddingt80 {padding-top: 80px;} .paddingt90 {padding-top: 90px;} .paddingt100 {padding-top: 100px;} .paddingt110 {padding-top: 110px;} .paddingt120 {padding-top: 120px;} .paddingt125 {padding-top: 125px;} .paddingt130 {padding-top: 130px;} .paddingt140 {padding-top: 140px;} .paddingt150 {padding-top: 150px;} .paddingt160 {padding-top: 160px;} .paddingt170 {padding-top: 170px;} .paddingt180 {padding-top: 180px;} .paddingt190 {padding-top: 190px;} .paddingt200 {padding-top: 200px;} .paddingb10 {padding-bottom: 10px;} .paddingb20 {padding-bottom: 20px;} .paddingb30 {padding-bottom: 30px;} .paddingb40 {padding-bottom: 40px;} .paddingb50 {padding-bottom: 50px;} .paddingb60 {padding-bottom: 60px;} .paddingb70 {padding-bottom: 70px;} .paddingb80 {padding-bottom: 80px;} .paddingb90 {padding-bottom: 90px;} .paddingb100 {padding-bottom: 100px;} .paddingb110 {padding-bottom: 110px;} .paddingb120 {padding-bottom: 120px;} .paddingb125 {padding-bottom: 125px;} .paddingb130 {padding-bottom: 130px;} .paddingb140 {padding-bottom: 140px;} .paddingb150 {padding-bottom: 150px;} .paddingb160 {padding-bottom: 160px;} .paddingb170 {padding-bottom: 170px;} .paddingb180 {padding-bottom: 180px;} .paddingb190 {padding-bottom: 190px;} .paddingb200 {padding-bottom: 200px;} .paddingtb10 {padding-top: 10px; padding-bottom: 10px;} .paddingtb20 {padding-top: 20px; padding-bottom: 20px;} .paddingtb30 {padding-top: 30px; padding-bottom: 30px;} .paddingtb40 {padding-top: 40px; padding-bottom: 40px;} .paddingtb50 {padding-top: 50px; padding-bottom: 50px;} .paddingtb60 {padding-top: 60px; padding-bottom: 60px;} .paddingtb70 {padding-top: 70px; padding-bottom: 70px;} .paddingtb80 {padding-top: 80px; padding-bottom: 80px;} .paddingtb90 {padding-top: 90px; padding-bottom: 90px;} .paddingtb100 {padding-top: 100px; padding-bottom: 100px;} .paddingtb110 {padding-top: 110px; padding-bottom: 110px;} .paddingtb120 {padding-top: 120px; padding-bottom: 120px;} .paddingtb130 {padding-top: 130px; padding-bottom: 130px;} .paddingtb140 {padding-top: 140px; padding-bottom: 140px;} .paddingtb150 {padding-top: 150px; padding-bottom: 150px;} .paddingtb160 {padding-top: 160px; padding-bottom: 160px;} .paddingtb170 {padding-top: 170px; padding-bottom: 170px;} .paddingtb180 {padding-top: 180px; padding-bottom: 180px;} .paddingtb190 {padding-top: 190px; padding-bottom: 190px;} .paddingtb200 {padding-top: 200px; padding-bottom: 200px;} @media (max-width: 1023px) { .tablet_paddingt0 {padding-top: 0px;} .tablet_paddingt10 {padding-top: 10px;} .tablet_paddingt20 {padding-top: 20px;} .tablet_paddingt30 {padding-top: 30px;} .tablet_paddingt40 {padding-top: 40px;} .tablet_paddingt50 {padding-top: 50px;} .tablet_paddingt60 {padding-top: 60px;} .tablet_paddingt70 {padding-top: 70px;} .tablet_paddingt80 {padding-top: 80px;} .tablet_paddingt90 {padding-top: 90px;} .tablet_paddingt100 {padding-top: 100px;} .tablet_paddingb0 {padding-bottom: 0px;} .tablet_paddingb10 {padding-bottom: 10px;} .tablet_paddingb20 {padding-bottom: 20px;} .tablet_paddingb30 {padding-bottom: 30px;} .tablet_paddingb40 {padding-bottom: 40px;} .tablet_paddingb50 {padding-bottom: 50px;} .tablet_paddingb60 {padding-bottom: 60px;} .tablet_paddingb70 {padding-bottom: 70px;} .tablet_paddingb80 {padding-bottom: 80px;} .tablet_paddingb90 {padding-bottom: 90px;} .tablet_paddingb100 {padding-bottom: 100px;} .tablet_paddingtb10 {padding-top: 10px; padding-bottom: 10px;} .tablet_paddingtb20 {padding-top: 20px; padding-bottom: 20px;} .tablet_paddingtb30 {padding-top: 30px; padding-bottom: 30px;} .tablet_paddingtb40 {padding-top: 40px; padding-bottom: 40px;} .tablet_paddingtb50 {padding-top: 50px; padding-bottom: 50px;} .tablet_paddingtb60 {padding-top: 60px; padding-bottom: 60px;} .tablet_paddingtb70 {padding-top: 70px; padding-bottom: 70px;} .tablet_paddingtb80 {padding-top: 80px; padding-bottom: 80px;} .tablet_paddingtb90 {padding-top: 90px; padding-bottom: 90px;} .tablet_paddingtb100 {padding-top: 100px; padding-bottom: 100px;} } @media (max-width: 767px) { .mobile_paddingt0 {padding-top: 0px;} .mobile_paddingt10 {padding-top: 10px;} .mobile_paddingt20 {padding-top: 20px;} .mobile_paddingt30 {padding-top: 30px;} .mobile_paddingt40 {padding-top: 40px;} .mobile_paddingt50 {padding-top: 50px;} .mobile_paddingt60 {padding-top: 60px;} .mobile_paddingt70 {padding-top: 70px;} .mobile_paddingt80 {padding-top: 80px;} .mobile_paddingt90 {padding-top: 90px;} .mobile_paddingt100 {padding-top: 100px;} .mobile_paddingb0 {padding-bottom: 0px;} .mobile_paddingb10 {padding-bottom: 10px;} .mobile_paddingb20 {padding-bottom: 20px;} .mobile_paddingb30 {padding-bottom: 30px;} .mobile_paddingb40 {padding-bottom: 40px;} .mobile_paddingb50 {padding-bottom: 50px;} .mobile_paddingb60 {padding-bottom: 60px;} .mobile_paddingb70 {padding-bottom: 70px;} .mobile_paddingb80 {padding-bottom: 80px;} .mobile_paddingb90 {padding-bottom: 90px;} .mobile_paddingb100 {padding-bottom: 100px;} .mobile_paddingtb10 {padding-top: 10px; padding-bottom: 10px;} .mobile_paddingtb20 {padding-top: 20px; padding-bottom: 20px;} .mobile_paddingtb30 {padding-top: 30px; padding-bottom: 30px;} .mobile_paddingtb40 {padding-top: 40px; padding-bottom: 40px;} .mobile_paddingtb50 {padding-top: 50px; padding-bottom: 50px;} .mobile_paddingtb60 {padding-top: 60px; padding-bottom: 60px;} .mobile_paddingtb70 {padding-top: 70px; padding-bottom: 70px;} .mobile_paddingtb80 {padding-top: 80px; padding-bottom: 80px;} .mobile_paddingtb90 {padding-top: 90px; padding-bottom: 90px;} .mobile_paddingtb100 {padding-top: 100px; padding-bottom: 100px;} .set-height {height: auto!important;} } .text-left {text-align: left;} .text-center {text-align: center;} .text-right {text-align: right;} @media (max-width: 767px) { .header_logo { text-align: left !important; } .mobile-text-left {text-align: left;} .mobile-text-center {text-align: center;} .mobile-text-right {text-align: right;} } .footer_right_column .mobile-show{display:none;} /*---colour class style--**/ /* CTA */ .green_border_white_txt_btn a{color:#fff; font-size:16px; padding:12px 25px; border: 2px solid #3FC195; font-weight:500;border-radius:200px;display:inline-block;} .green_border_white_txt_btn a:hover{ background:#3FC195; color:#fff; } .full-width-img {text-align:center;} .white_fill_green_txt_btn a{color:#3FC195; background:#fff; display:inline-block;} .white_fill_green_txt_btn a:hover{color:#fff; background:#060143} .green_fill_white_txt_btn a{background:#3FC195; color:#fff;} .green_fill_white_txt_btn a:hover{background:#19ADF2} .quote_btn a{background:#19ADF2; color:#fff;display:inline-block;} .quote_btn a:hover{background:#28C6CA;} .white_border_txt_btn a{ border:1px solid #fff; color:#fff; text-decoration:none;} .white_border_txt_btn a:hover{ background:#fff; color:#060143; } .green_fill_blue_text_btn a{background:#3FC195;color:#060143;} .green_fill_blue_text_btn a:hover{background:#fff;} .green_fill_blue_text_btn_large a{background:#3FC195;color:#060143;} .green_fill_blue_text_btn_large a:hover{background:#fff} .green_border_btn a{ border:1px solid #2BE0A3; color: #fff } .green_border_btn a:hover{ color:#2BE0A3; } .skyblue_border_btn a{ border:1px solid #19ADF2; color: #fff; } .skyblue_border_btn a:hover{ color:#19ADF2; } .heliotrope_border_btn a{ border:1px solid #BA80F7; color: #fff; } .heliotrope_border_btn a:hover{ color:#BA80F7; } .scooter_border_btn a{ border:1px solid #28C6CA; color: #fff; } .scooter_border_btn a:hover{ color:#28C6CA; } .orange_border_btn a{ border:1px solid #DBA819; color: #fff; } .orange_border_btn a:hover{ color: #DBA819; } .white_border_btn a{ border:1px solid #fff; color: #fff; } /* commen css button */ .green_fill_white_txt_btn a, .white_border_txt_btn a, .quote_btn a, .green_border_btn a, .scooter_border_btn a, .skyblue_border_btn a, .orange_border_btn a, .white_border_btn a, .green_fill_blue_text_btn a, .heliotrope_border_btn a, .green_fill_blue_text_btn_large a, .white_fill_green_txt_btn a{padding:18px 40px; border-radius: 200px; font-weight:500; font-size:16px; display:inline-block; text-transform:capitalize;} .green_fill_blue_text_btn_large a{font-size:18px;} /************************************* *********************** Typography *************/ h1, h2, h3, h5, h6 { font-family: 'Montserrat', sans-serif;; font-weight: bold; line-height: 1.2em; margin: 0 0 20px; color:#060143; text-transform:capitalize;} h4 { font-family: 'Montserrat', sans-serif;; font-weight: bold; line-height: 1.2em; margin: 0 0 20px; color:#060143; } h1 {font-size: 72px; font-weight:500} h2 {font-size: 48px; font-weight:500} h3 {font-size: 36px; font-weight:500} h4 {font-size: 18px;font-weight:500} h5 {font-size: 18px; font-weight:500} h6 {font-size: 18px;} a {text-decoration:none; transition: .25s; color: #3FC195;} a:hover {text-decoration: none;} .font-white, .font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white h5, .font-white h6 { color: #fff !important;} a.btn_for_mobile { display: none; } div#button_for_mobile{display:none;} .accordion {} .accordion_group {margin-bottom: 2px;padding: 5px 0; border-bottom: 1px solid #707070;} .accordion_header {cursor: pointer;font-size: 18px;line-height: 16px;width: 100%;padding: 10px 0px; } .accordion_icon{color: #34495e;padding-right: 16px;background-color: #34495e;margin-right: 10px;font-size: 14px;border-radius: 3px;} .accordion_content {padding: 10px 15px;display: none;} .accordion_group .accordion_icon {position: relative;} .accordion_group .accordion_icon::before, .accordion_group .accordion_icon::after {content: '';display: block;position: absolute;top: 50%;right: 3px;width: 10px;height: 2px;margin-top: -1px;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: all .25s;transition: all .25s;background-color: #f0f0f0;} .accordion_group.expanded .accordion_icon::before {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);opacity: 0;} .accordion_group .accordion_icon::before {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 1;} .accordion_group .accordion_icon::after {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} .accordion_group.expanded .accordion_icon::after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} /* .header-container-wrapper{position:absolute;width: 100%;z-index:9999;top:0;} */ .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul{margin: 8px 0 !important;display: inherit;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{float:none !important;} div#header_with_nav .row-fluid .page-center {max-width: 1600px;} div#header_with_nav .header_btn {text-align:right; margin-top:7px;} div#header_with_nav .header_menu ul{list-style:none; padding-left:0px;} div#header_with_nav .header_menu ul li{position:relative} div#header_with_nav .header_menu .hs-menu-flow-horizontal ul{text-align:right;} div#header_with_nav .header_menu .hs-menu-flow-horizontal ul li{display:inline-block;} div#header_with_nav .header_menu .hs-menu-flow-horizontal ul li ul{text-align:left;} div#header_with_nav .header_menu .hs-menu-flow-horizontal ul li ul li{display:block;} div#header_with_nav .header_menu ul li a{padding:0 26px; color:#fff; font-weight:500; font-size:16px;} div#header_with_nav .header_menu ul li a:hover{color:#3FC195} div#header_with_nav .no-flyouts ul li ul{display:block} div#header_with_nav .flyouts ul li ul {display:none; position:absolute;top:100%;background: #187386;padding: 10px 7px;text-align: left; width: 250px; border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,0.15);z-index:5;} div#header_with_nav .flyouts ul li ul::after{bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute; pointer-events: none; border-color: rgba(24,115,134,0);border-bottom-color: #187386;border-width: 4px;margin-left: -4px;} div#header_with_nav .flyouts ul li ul li a{padding:2px 15px; display:inline-block;} div#header_with_nav .flyouts ul li:hover ul{display:block; } .header_right_column .header_menu.custom-menu-primary{ width: 80%;} .header_right_column .header-right_btn { width: 16%;} .menu_box { position: fixed; left: 0; width: 100%; text-align: center; top: 0; height: 100%; background: rgba(4,1,41,0.89); z-index: -1; overflow: auto; opacity: 0; transition: all .3s ease-in-out; height: 0px; display: block !important; overflow: hidden; } .show_mod_box .menu_box.open-menu-box { z-index: 10; opacity: 1; transition: all .3s ease-in-out; height: 100%; overflow: auto; box-sizing: border-box; } .btn-holder { margin: 50px 0 90px !important; } /* width */ .show_mod_box .menu_box.open-menu-box::-webkit-scrollbar { width: 0px; } .show_mod_box .menu_box { display: block !important; } .show_mod_box{overflow:hidden} /* .home_hero_module { background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } */ /* .page-center { position: relative !important; } */ .home_hero_module .inner_section { display: flex;align-items: center; justify-content: center; position: relative;} .row-fluid .home_hero_module .page-center {max-width:1300px} .main-images-box {position: absolute; top:0; left:0; height:100%; width:100%;} .main-images-box img{position: absolute;} img.cross_img { left: 3%; top: 10%; } img.Half_Circle { left: 9%; top: 14%; } img.waves { bottom: 12%; left: 14%; z-index: 2; } img.main-image { left: 0; right: 0; margin: 0 auto; top: -8%; width: 75%; z-index: 1; } img.path { top: 3%; right: 6%; } img.dots { top: 6%; right: 19%; } img.strips { bottom: 21%; right: 11%; } img.circle.slide { bottom: 15%; right: 21%; z-index: 2; } .scroll_to_section { margin-top: 30px; position: relative;z-index: 2;} .scroll_to_section img{filter: drop-shadow(2px 4px 6px black); -webkit-filter: drop-shadow(2px 4px 5px #222);} .content_column h1, .content_column h5 { position: relative; z-index: 2; text-shadow: 0px 0px 20px rgba(0,0,0,0.8); text-transform:capitalize; color: #fff !important; } .home_hero_module .column_video { position: absolute; max-width: 880px; max-width:none; width: 100%;margin: 0 auto;overflow: hidden;left: 0;right: 0;top: 0;} .home_hero_module .column_video video {width: 100%;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; white-space: nowrap; max-width: unset !important; overflow: visible !important; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left:0 !important;} div#copy_IG_section {position: relative;} div#copy_IG_section::after{} div#copy_IG_section::before{} .copy_module_wrapper {background-position: right center;background-repeat: no-repeat;background-size: 100%; position:relative; overflow:hidden } .copy_module_wrapper .section_content_wrapper h4 {font-weight: normal;color:#060143; line-height:1.4em; position:relative; z-index:1} .copy_module_wrapper .section_content_wrapper h4 strong{font-weight:700;} .copy_module_wrapper .content_btn a{position:relative; z-index:1} .copy_module_wrapper .section_content_wrapper .content_btn {margin-top: 40px;} .copy_module_wrapper.font-white h1, .copy_module_wrapper.font-white h2, .copy_module_wrapper.font-white h3, .copy_module_wrapper.font-white h4, .copy_module_wrapper.font-white h5, .copy_module_wrapper.font-white h6{color:#fff} img.slide.img1 { left: 7%; top: 28%; width: 10.5%; } img.slide.img2 { top: 41.9%; left: 15.6%; width: 3.4%; transform: rotate(45deg); } img.slide.img3 { right: -34px; top: 40%; width: 19%; } .font-blue, .font-blue a, .font-blue h1, .font-blue h2, .font-blue h3, .font-blue h4, .font-blue h5, .font-blue h6, .font-blue p, .font-blue span, .font-blue samp {color:#19ADF2;} .font-purple, .font-purple a, .font-purple h1, .font-purple h2, .font-purple h3, .font-purple h4, .font-purple h5, .font-purple h6, .font-purple p, .font-purple span, .font-purple samp {color:#BA80F7;} .font-green, .font-green a, .font-green h1, .font-green h2, .font-green h3, .font-green h4, .font-green h5, .font-green h6, .font-green p, .font-green span, .font-green samp{color:#3FC195;} .font-seaGreen, .font-seaGreen a, .font-seaGreen h1, .font-seaGreen h2, .font-seaGreen h3, .font-seaGreen h4, .font-seaGreen h5, .font-seaGreen h6, .font-seaGreen p, .font-seaGreen span, .font-seaGreen samp {color:#28C6CA;} .font-yellow, .font-yellow a, .font-yellow h1, .font-yellow h2, .font-yellow h3, .font-yellow h4, .font-yellow h5, .font-yellow h6, .font-yellow p, .font-yellow sapn, .font-yellow samp {color:#DBA819;} .font-white .font-blue, .font-white .font-purple, .font-white .font-green, .font-white .font-seaGreen, .font-white .font-yellow{ color:#fff} .services_slider_box .section_header {margin-bottom: 60px;} .services_slider_module{position:relative; overflow:hidden;} .services_slider_module .inner-section {background:#fff;border-radius: 30px;box-shadow: 0px 30px 50px rgba(0,0,0,0.16);padding:25px 55px 70px 55px; position:relative;z-index:1;} .services_slider_box, .services_slider_module{position:relative;} img.slide.circle-icon { top: 39.3%; left: 6.8%; } img.slide.zig-zag-service { right: -10%; bottom: 24%; width: 160px; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-list { background: rgba(6,1,70,0.87); transition: all .3s ease-in-out; opacity: 0; } .team-template .main_listing_section .blog_post_items .post_item:hover .post-top-row .slick-list { opacity: 1; transition: all .3s ease-in-out; } .team-template .main_listing_section .blog_post_items .post_item { display: inline-block; vertical-align: top; width: 32%; margin: 0 .5% 20px; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row { position: relative; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slider { position: absolute; left: 0px; top: 0px; z-index: 99; width: 100%; margin: 0px; height: 100%; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: 0; outline: 0; } .team_detail_section .breadcrumbs p { margin: 0; } .team_detail_section .post_item .post-right-column h5, .team_detail_section .post_item .post-right-column h6 {font-size:20px; font-weight:500;} .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-list { background: rgba(6,1,70,0.87); transition: all .3s ease-in-out; opacity: 0; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-list, .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-track, .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slide { height: 100%; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-list, .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-track, .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slide { height: 100%; } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-slide { display: flex; flex-direction: column; justify-content: center; } .slick-track h5, .slick-track h3 { padding-left: 20px; padding-right: 20px; } .slick-track h3 { font-weight: 200; } .team-template .main_listing_section .blog_post_items .post_item .post-image img { /* border-radius: 3px; */ width:100%; } .team-template .main_listing_section .blog_post_items .post_item .post-bottom-row { padding: 15px 65px 15px 0px; } .post-info h2 { font-size: 18px; color:#060143 !important; } .team-template .main_listing_section .blog_post_items .post_item .post-bottom-row .post-info span { font-size: 15px; line-height: normal; font-weight: 400; text-transform: none; display: block; color:#060143 !important; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-dots { bottom: 15px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-dots li { width: 11px; } .slick-dots li { position: relative; display: inline-block; /* height: 20px; width: 20px; */ margin: 0 5px; padding: 0; cursor: pointer; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-dots li.slick-active button { background: #fff; } .team-template .main_listing_section .blog_post_items .post_item .post-top-row .slick-dots li button { border-radius: 100%; width: 11px; height: 11px; border: 2px solid #fff; cursor: pointer; padding: 0; font-size: 0px; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li.slick-active button::before { color: black; opacity: .75; } .slick-dots li button::before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width:1920px){img.slide.circle-icon{left: 12.8%;} img.slide.zig-zag-service{right:-6%;} } @media(max-width:1400px){img.slide.circle-icon{left:0;} img.slide.zig-zag-service { right: -6.5%; bottom: 14%;} } @media(max-width:1300px) { img.slide.img2 { top: 52%;} } @media(max-width:1200px){img.slide.circle-icon{left:0;} img.slide.zig-zag-service { right: -69px; bottom: -70px;} img.slide.circle-icon { top: 110px; left: -64px; } @media(max-width:768px){ .home_hero_module .column_video { top: 30px; } .services_slider_module .main-images-box{display:none;} } } .services_slider_module .services_tab_section { background:#fff; padding: 50px; box-shadow: 1px 5px 15px rgba(0,0,0,0.16);border-radius: 20px;} .services_slider_module .services_tab_section .accordion_group:last-child { border-bottom: none;} .services_slider_module .inner-section .slider-nav { border-bottom: 1px solid #707070; position: relative; z-index: 1;} .services_slider_module .inner-section .slider-nav .slider_item strong{position:relative; padding:25px 0; display:inline-block;transition:all ease-in-out 0.3s; overflow:hidden; float: left;} .services_slider_module .inner-section .slider-nav .slider_item strong::before{content:""; position:absolute; bottom:0; height:5px; width:0%;left:0; transition: all ease-in-out 0.3s;} .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="0"] strong::before {background: #19ADF2;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="1"] strong::before {background: #BA80F7;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="2"] strong::before {background: #3FC195;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="3"] strong::before {background: #28C6CA;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="4"] strong::before {background: #DBA819;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="5"] strong::before {background: #19ADF2;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="6"] strong::before {background: #15128B;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item.slick-current.slick-active[data-slick-index="7"] strong::before {background: #15128B;width:100%; } .services_slider_module .inner-section .slider-nav .slider_item:focus{outline:none;} .services_slider_module .inner-section .slider-nav .slick-current.slick-active strong{} .services_slider_module .inner-section .quote_side_box {text-align: center;} /* .services_slider_module .inner-section .quote_side_box p{font-size:22px; font-weight:normal; color:#060143} */ .services_slider_module .inner-section .quote_side_box .person_data{margin: 15px 0; display: block;overflow: hidden;} /* .services_slider_module .inner-section .quote_side_box .person_data p {font-size: 18px;} */ .services_slider_module .inner-section .quote_side_box .person_image{padding-top:25px;} .services_slider_module .inner-section .quote_side_box .person_image img{margin:0 auto; box-shadow: 0px 3px 36px rgba(0,0,0,0.2);border-radius: 50%; width:97px;} .services_slider_module .inner-section .quote_txt{position:relative; padding-bottom:1px;} .services_slider_module .inner-section .quote_txt::before, .services_slider_module .inner-section div#slick-slide00 .quote_txt::before, .services_slider_module .inner-section div#slick-slide01 .quote_txt::before, .services_slider_module .inner-section div#slick-slide02 .quote_txt::before, .services_slider_module .inner-section div#slick-slide03 .quote_txt::before, .services_slider_module .inner-section div#slick-slide04 .quote_txt::before {content:"";position:absolute; width:50px; height:4px; background:#19ADF2; bottom:0; left:0; right:0; margin:0 auto;}. .services_slider_module .inner-section div#slick-slide00 .quote_txt::before, .services_slider_module .inner-section div#slick-slide00 .quote_btn a{background:#19ADF2} .services_slider_module .inner-section div#slick-slide01 .quote_txt::before, .services_slider_module .inner-section div#slick-slide01 .quote_btn a{background:#BA80F7} .services_slider_module .inner-section div#slick-slide02 .quote_txt::before, .services_slider_module .inner-section div#slick-slide02 .quote_btn a{background:#3FC195;} .services_slider_module .inner-section div#slick-slide03 .quote_txt::before, .services_slider_module .inner-section div#slick-slide03 .quote_btn a{background:#28C6CA;} .services_slider_module .inner-section div#slick-slide04 .quote_txt::before, .services_slider_module .inner-section div#slick-slide04 .quote_btn a{background:#DBA819;} div#slick-slide00 .services_slider_module .inner-section .quote_txt p{font-size:24px;} .services_slider_module .inner-section .slick-arrow { position: absolute;top: 40%;transform: translateY(-50%);z-index:7; box-shadow:0px 3px 15px rgba(0,0,0,0.16);} .services_slider_module .inner-section .slick-arrow:after{ position: relative; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 24px; color: #555555; line-height: 42px; } .services_slider_module .inner-section .slick-arrow:focus{outline:none;} .services_slider_module .inner-section button{font-size:0; background:#fff; height:42px; width:42px; border-radius:50%; border:none; background-position:center} .services_slider_module .inner-section button.slick-next{ right:-120px; /* background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/services/arrow-right.png') no-repeat; */ } .services_slider_module .inner-section button.slick-next:after{ content:"\f054" } .services_slider_module .inner-section button.slick-prev{ left:-120px; /* background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/services/arrow-left.png')no-repeat; */ } .services_slider_module .inner-section button.slick-prev:after{ content:"\f053" } .services_slider_module .inner-section ul.slick-dots{list-style:none; text-align:center;padding-left:0px;} /* .services_slider_module .inner-section ul.slick-dots li{display:inline; padding:0 5px;} */ /* .services_slider_module .inner-section ul.slick-dots button{height:13px; width:13px; border:1px solid #19ADF2; font-size:0; border-radius:50%; padding: 0; background:transparent; text-indent: -999px;} */ .services_slider_module .inner-section ul.slick-dots button:focus{outline:none;} /* .services_slider_module .inner-section ul.slick-dots li.slick-active button{height:17px; width:17px; background:#19ADF2} */ /* .services_slider_module .services_slider_box .inner-section ul.slick-dots button{ border:1px solid #3FC195; background:#fff; } */ /* .services_slider_module .services_slider_box .inner-section ul.slick-dots li.slick-active button { background:#3FC195; } */ div#slider_for_desktop .slider_for { z-index:99; max-width:795px; margin:37px auto 0 auto;} div#slider_for_desktop .slider_for .slider_item:focus{outline:none;} .services_slider_module .quote_txt { max-width: 795px; margin: 0 auto; } @media(min-width:769px){ div#tab_for_mobile {display: none;} div#slider_for_desktop{display:block;} } @media(max-width:768px){ div#tab_for_mobile {display: block; position:relative} div#slider_for_desktop{display:none;} } .brand_logo_module_wrapper{background:#fff} .brand_logo_module_wrapper .section_logos_middle_row {display: flex;align-items: center; flex-wrap:wrap;} .brand_logo_module_wrapper .section_logos_middle_row .brand_item { max-width: 16%; width: 100%; } .brand_item img{margin-top:50px;margin-bottom:50px;} .hs-blog-name-idea-grove-case-studies .body-container-wrapper, .hs-blog-name-idea-grove-careers .body-container-wrapper{overflow: hidden;} .two_column_case-study_module{position:relative;z-index:1;} .two_column_case-study_module::before, .two_column_case-study_module::after{position:absolute; content:"";} .two_column_case-study_module::after{width: 520px; height: 152px;bottom: 0px;left: -156px; background-size:100% !important; background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/Group%20155.png') no-repeat;} .two_column_case-study_module::before{width:691px; height:100%; top: -115px; left: 0;background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/Group%20162.png')no-repeat; background-attachment: fixed !important;} .two_column_case-study_module .section_inner_wrapper { display: flex; margin:0 -15px;} .two_column_case-study_module .section_inner_wrapper > div{padding:0 15px;} .two_column_case-study_module .section_left_column { max-width: 40%; width:100%; position:relative;z-index:4} .two_column_case-study_module .section_left_column .section_title h4{font-size:20px;text-transform:uppercase; position:relative;padding-bottom: 40px; margin-bottom: 40px; font-weight:400;} .two_column_case-study_module .section_left_column .section_title h4::after{content:""; position:absolute; width:50px; height:4px; background:#3FC195; bottom:0; left:0;} .two_column_case-study_module .section_left_column p{margin:40px 0;} .two_column_case-study_module .section_right_column { max-width: 60%;width: 100%;} .two_column_case-study_module .section_right_column .large_desktop_image {overflow: auto; height: 660px; position: relative; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); margin-bottom: -60px; border-radius:20px; width:90% } .two_column_case-study_module .section_right_column .large_desktop_image img{width:100%;} .two_column_case-study_module .section_right_column .large_desktop_image::-webkit-scrollbar { width: 0 !important } .section_mobile_image { display: none;} .two_column_case-study_module .section_right_column .section_images_for_desktop { position: relative; } .two_column_case-study_module .section_right_column .section_images_for_desktop .small_mobile_image { position: absolute; bottom: -33%; z-index: 5; right: -24%; } .two_column_case-study_module .section_right_column .section_images_for_desktop::before { content: ""; position: absolute;width: 220px;height: 233px; background: url(https://www.ideagrove.com/hubfs/image-cer-linebox-min.png) no-repeat;right: -87px;top: 25px;background-size: 100%;} .featured_content_module{position:relative; overflow:hidden;} img.slide.zig-zag-img { top: 36.5%; left: 1.9%; } img.slide.featured-circle { right: 6%; top: 21%; } img.slide.featured-dots { top: 31%; right: -164px; } div#featured_content_section {background-size: cover;background-position: center;} div#featured_content_section .section_header { margin-bottom: 60px;} div#featured_content_section .section_header h3{font-size:36px} .featured_content_module .featured_inner_wrapper {display: flex;margin: 0 -15px;} .featured_content_module .featured_inner_wrapper >div {max-width:50%; width:100%; padding:0 15px;} .featured_content_module .feature_post { position: relative;z-index:1;} .feature_left_column .feature_post { position: relative; background-size: cover; } .feature_left_column .feature_post a{ min-height: 650px; padding: 30px;} .feature_post a{display:block; position: relative; z-index: 2;} .feature_post a .post_content{ position: absolute; bottom: 30px; max-width:358px; } .feature_right_column .feature_post { position: relative; background-size: cover; } .feature_right_column .feature_post a{min-height: 310px; padding:30px;} .feature_right_column .feature_post:first-child { margin-bottom: 30px; } .featured_content_module .featured_btn_row a { position: relative; z-index: 1; } .featured_content_module .featured_inner_wrapper .post_title h4{font-size:30px;} .featured_content_module .featured_inner_wrapper .post-line h6{position:relative;padding-bottom: 10px;margin-bottom: 20px;text-transform: uppercase; font-size:14px; font-weight:400; } .featured_content_module .featured_inner_wrapper .post-line h6::before{content:""; position:absolute; width:50px; height:4px; background:#3FC195; bottom:0} /* .overlay {/*transition:all ease-in-out 0.3s; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7374300061821604) 0%, rgba(0,0,0,0) 100%);position: absolute; height: 100%; width: 100%; left: 0; right: 0;top: 0;} */ .feature_post:hover .overlay{background:rgba(0,0,0,0.6); /*transition:all ease-in-out 0.3s;*/} .featured_content_module .featured_btn_row{margin-top:60px;} .featured_content_module .feature_left_column{position:relative;} .featured_btn_row a, .copy_module_wrapper .content_btn a, brand_logo_module_wrapper .section_cta_row a {max-width:280px; text-align:center; width: 100%; box-sizing:border-box !important} .two_column_case-study_module .section_button a{max-width:327px; width:100%; text-align:center;} .clients_module_wrapper { overflow:hidden; background-size: cover; background-position: center; background-attachment: fixed; position:relative; } .clients_module_wrapper .client-image img { max-width: 957px; width: 100%; } .clients_module_wrapper .section_header h3, .clients_module_wrapper .client-image img, .clients_module_wrapper .section_bottom_row a{ position: relative; z-index: 1; } .client-images-box{position:absolute; top:0; left:0; height:100%; width:100%;} img.slide.shape-blue-left { bottom: -99px; left: -196px; } img.slide.dots-box { right: 0; bottom: 0; } img.slide.white-shape { right: -225px; bottom: 0; } img.slide.blue-shape { bottom: 0; right: 0; } img.slide.color-dots { bottom: 52px; right: 105px; } img.slide.shape-crose { left: 20%; top: 11%; } div#footer_for_web{background:#060143; color:#fff} div#footer_for_web ul{list-style:none; padding-left:0px;} /* div#footer_for_web ul li a{color:#fff; font-size:20px; font-weight:500} */ div#footer_for_web ul li ul li a{font-weight:400; color:#CBC9ED;} div#footer_for_web ul li a:hover, div#footer_for_web .contact_info a:hover{opacity:0.7; text-decoration:underline;} div#footer_for_web .contact_info a, div#footer_for_web .contact_info p{color:#CBC9ED;font-size:14px;} .footer_bottom_row .footer-txt, .footer_bottom_row .footer_right_column {font-size: 15px;padding:5px 0;} div#footer_for_web .contact_info{margin-top:25px;} div#footer_for_web .contact_info p strong, div#footer_for_web .contact_info > div > span > span strong { color:#fff; margin-bottom: 10px; display: inline-block; } .footer_bottom_row .row-fluid [class*="span"] { min-height: auto !important;} .footer_bottom_row .footer_right_column{text-align:right} .for-mobile{display:none;} .black_fill_bg{background:#04002C;} /*-------------------------------------- * Media query start here * ------------------------------------*/ @media (max-width:1440px){ .header_right_column .header_menu.custom-menu-primary { width: 77%; } .header_right_column .header-right_btn { width: 20%; } .two_column_case-study_module .section_right_column .section_images_for_desktop .small_mobile_image{width:270px; right:0; bottom:auto; top:23%} .two_column_case-study_module .section_right_column .section_images_for_desktop .large_desktop_image { width: 90%; height:565px;} .two_column_case-study_module .section_right_column .section_images_for_desktop::before{right:0;} } @media (max-width:1292px){ } @media (max-width:1200px){ .home_hero_module .column_video{/*max-width: 750px;*/} img.slide.dots-box { width: 300px; } img.slide.white-shape{width:510px;} img.slide.blue-shape, img.slide.color-dots{width:320px;} img.slide.shape-blue-left{width:350px;} img.slide.shape-crose { left: 17%; top: 12%; width: 30px; } div#header_with_nav .header_menu ul li a{padding:0 14px;} .home_hero_module .inner_section .banner_content{background-size:70%;} img.strips{left:auto; right:105px} img.main-image{max-width:950px; width:100%;} } @media(max-width:1130px){ .header_right_column .header-right_btn {width: 164px;} .header_right_column .header_menu.custom-menu-primary {width: 74%;} } @media (max-width:1091px){ .services_slider_module .inner-section button.slick-next {right: -70px;} .services_slider_module .inner-section button.slick-prev {left:-70px;} } @media (max-width:1163px){ .menu-icon.for-mobile { position: absolute; width: auto !important; margin: -29px 0 0; } div#header_with_nav .header_btn { text-align: center; } img.cross_img { left: 0; top: 10%; width: 17%; } img.Half_Circle { left: 3%; top: 12%; width: 23%; } img.waves { bottom: 22%; left: 5%;} img.main-image{top:0;} img.dots { top: 5%; right: 15%; } img.path { top: 3%; right: 0; } .services_slider_module .inner-section .slider-nav .slider_item strong{font-size:16px;} .menu-icon{ position: absolute; right: 30px; top: 35px;} .menu-icon a { width: 36px; height: 19px; display: block; } .menu-icon a:hover span{background:#19ADF2} div#header_with_nav .header_left_column { width: 100%; } .menu-icon a span { width: 36px;height: 2px;background:#fff; display: block; margin: 3px 0;float:left;} .menu-icon a span:last-child { width: 12px; float: right; } .menu-icon a span:nth-child(2) { width: 25px; float: right; } div#header_with_nav .green_border_white_txt_btn a, div#header_with_nav .close_btn a {font-size: 20px; color:#fff } div#header_with_nav .close_btn{margin-top:20px;} .for-mobile{display:block;} .menu_box { width: 100% !important; } .menu_box .hs-menu-wrapper>ul { margin: 50px 0px 30px 0; } .menu_box .hs-menu-wrapper>ul li ul{padding:0px !important} .main_header_section .menu_box ul li ul{ position: relative !important; background: transparent !important; width: 100% !important; text-align: center !important; } .menu_box ul li ul li a{font-size: 16px !important;} div#header_with_nav .flyouts ul li ul::after{display:none;} div#header_with_nav .flyouts ul li:hover ul{display:none;} div#header_with_nav .header_menu ul li a{font-size:15px; padding:10px 20px; display: inline-block;} div#header_with_nav .close_btn a{text-transform:uppercase; font-weight:bold; margin-bottom:30px; display:inline-block; margin-top:15px;} div#header_with_nav .close_btn a i{margin-right:10px;} .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li .child-trigger { display: inline-block; vertical-align: middle; padding: 5px; cursor: pointer; width: auto; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li .child-trigger i { font-style: normal; } .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li .child-trigger i:before{ content: '\f107'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 18px; color: #fff;} .menu_box .hs-menu-wrapper.hs-menu-flow-vertical>ul li .child-trigger.child-open i:before { content: '\f106'; } div#header_with_nav .header_right_column .header_menu, div#header_with_nav .header_right_column .header_btn{display:none;} .two_column_case-study_module .section_left_column .section_button { margin-bottom: 50px;} .two_column_case-study_module::after{display:none;} div#header_with_nav .flyouts ul li ul li a{padding:10px 20px;} } @media all and (max-width:960px){ .services_slider_module .inner-section button.slick-prev{left: -45px;} .services_slider_module .inner-section button.slick-next{right:-45px;} } @media all and (max-width:820px){ .services_slider_module .inner-section .slider-nav .slider_item strong { font-size: 11px; } img.path {top: 7%;right: -10px;width: 53%;} img.strips.slide { width: 19%; bottom: 35%; right: -5px; } img.circle.slide { width: 10%; bottom: 25%; } img.waves { bottom: 28%; left: 0%; } } @media all and (max-width:768px){ .row-fluid .home_hero_module .page-center { padding: 0; } .home_hero_module .column_video{/*max-width: 85%; top: 23%;*/} .quote_side_box .person_image img { width: 97px; box-shadow: 0px 3px 36px rgba(0,0,0,0.2); border-radius: 100%; } .clients_module_wrapper .main-images-box, .featured_content_module .main-images-box, .client-stories-details .main-images-box { display: none; } a.btn_for_desktop {display:none;} p.hide-mobile, span.hide-mobile {display: none !important;} a.btn_for_mobile { display: inline-block; } .footer_right_column .mobile-show{display:block; width:100%; text-align:center; color: #cbc9ed} .footer_right_column .mobile-show a{color: #cbc9ed;font-size: 12px;} .footer_right_column .mobile-show a:hover{opacity: .7; text-decoration: underline;} div#button_for_mobile{display:block} div#button_for_mobile{margin-top:50px; position: relative; z-index: 2;} body{font-size:14px;} body{font-size:16px;} h1 {font-size: 36px; } h2 {font-size: 30px; } h3 {font-size: 24px; } h4 {font-size: 18px;} h5 {font-size: 18px;} h6 {font-size: 18px;} .menu_box.open-menu-box{width:100%;} img.cross_img { left: -10px; top: 22%; width: 17%; } img.Half_Circle { left: 3%; top: 23%;} img.waves { bottom: 14%; left: 0; width: 17%; } img.path { top: 17%;} img.dots.slide { width: 15px; top: 12%; right: 12%; } img.strips.slide { width: 20%; bottom: 13%;} img.circle.slide{bottom:3%; right:20%;} .services_slider_module::after{display:none;} .home_hero_module .inner_section{overflow:hidden;} .two_column_case-study_module .section_inner_wrapper{flex-wrap:wrap;} .section_images_for_desktop {display: none;} .section_mobile_image {display: block; margin-bottom:-20%;} .two_column_case-study_module .section_left_column, .two_column_case-study_module .section_right_column{max-width:100%;} .two_column_case-study_module::before{width: 215px; top:0; height: 113px;background-attachment: unset !important; background-size: 100%;} .two_column_case-study_module::after{display:none;} div#featured_content_section .section_header h3{font-size:24px} .featured_content_module .featured_inner_wrapper{flex-wrap:wrap;} .featured_content_module .featured_inner_wrapper>div{max-width:100%;} .featured_content_module .featured_inner_wrapper .post_title h4{font-size:16px;} .feature_left_column .feature_post a, .feature_right_column .feature_post a{min-height:auto;} .feature_post a .post_content {position:relative; width:100%; padding-top:100px; display:inline-block; bottom:auto;} .featured_content_module .featured_inner_wrapper .feature_left_column { margin-bottom: 30px;} .services_slider_box::before, .services_slider_box::after{display:none;} .services_slider_module::before, .services_slider_module::after{content:""; position:absolute; } .services_slider_module::after{display:block;} .services_slider_module::before {width: 120px;height: 120px; background: url(https://www.ideagrove.com/hubfs/IG_Aug20/Home/services/Green_Circle_strips.png) no-repeat;top: 20px; background-size:100%;left: -25px;} .services_slider_module::after{ width: 135px;height: 42px; background: url(https://www.ideagrove.com/hubfs/IG_Aug20/Home/services/Blue_waves.png) no-repeat; bottom: 95px; right: 0%; background-size:100%;z-index:unset; } .brand_logo_module_wrapper .section_logos_middle_row{flex-wrap:wrap;} .brand_logo_module_wrapper .section_logos_middle_row .brand_item {max-width: 50%;width: 50%;} .two_column_case-study_module{z-index:5;} .main_footer_wrapper .footer_menu, .main_footer_wrapper .contact_info {max-width: 100%;float: left;width: 100%;} .footer_bottom_row .footer_left_column { width: 50%;float: left;} .featured_content_module .feature_left_column::before{display:none;} .services_tab_section .accordion_content{text-align:center;} .services_tab_section .accordion_group.expanded .accordion_header {border-bottom: 1px solid;padding-bottom: 20px; position: relative; padding: 0px;} .services_tab_section .accordion_group.expanded .accordion_header strong{display:block; width:98%; border-bottom:5px solid;padding: 10px 0px;} .services_tab_section .accordion_group.expanded .accordion_header i.fas.fa-plus::before{content:"\f068"} /* .services_tab_section .accordion_header{font-size:14px;} */ /* .services_tab_section .accordion_header i{font-size:8px} */ .services_tab_section .quote_txt {padding-bottom: 15px;margin-bottom: 15px;position: relative;} .services_tab_section div#brand-strategy .quote_txt::before, .services_tab_section div#public-relations .quote_txt::before, .services_tab_section div#website-design .quote_txt::before, .services_tab_section div#content-marketing .quote_txt::before, .services_tab_section div#hubspot-consulting .quote_txt::before{content:""; position:absolute; width:50px; height:4px; left:0; right:0; margin:0 auto; bottom:0;} .services_tab_section div#brand-strategy .quote_txt::before{background:#19ADF2} .services_tab_section div#public-relations .quote_txt::before{background:#BA80F7} .services_tab_section div#website-design .quote_txt::before{background:#3FC195} .services_tab_section div#content-marketing .quote_txt::before{background:#28C6CA} .services_tab_section div#hubspot-consulting .quote_txt::before{background:#DBA819} .services_tab_section div#brand-strategy .quote_btn a{background:#19ADF2} .services_tab_section div#public-relations .quote_btn a{background:#BA80F7} .services_tab_section div#website-design .quote_btn a{background:#3FC195} .services_tab_section div#content-marketing .quote_btn a{background:#28C6CA} .services_tab_section div#hubspot-consulting .quote_btn a{background:#DBA819} .quote_side_box {padding: 30px 0;} .green_fill_white_txt_btn a, .white_border_txt_btn a, .quote_btn a, .green_border_btn a, .scooter_border_btn a, .skyblue_border_btn a, .orange_border_btn a, .white_border_btn a, .green_fill_blue_text_btn a, .heliotrope_border_btn a, .green_fill_blue_text_btn_large a, .white_fill_green_txt_btn a{font-size:14px; box-sizing: border-box !important;} .row-fluid .page-center{padding:0 15px;} .footer_left_column {overflow:hidden; width:100%;} .footer_left_column .row-fluid-wrapper.row-depth-2.row-number-2 {max-width: 245px; padding-left: 15px;margin-top: 10px;} .footer_left_column .row-fluid-wrapper {display: inline-block; width: auto;float: left;} .featured_content_module, .featured_content_module .page-center{position:relative;z-index:4} .featured_content_module::after, .featured_content_module::before{content:""; position:absolute} .featured_content_module::after{width:146px; height:198px; background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/Featured_Content/mob-bg.png');background-size:100%; top:70px; right:0} .featured_content_module::before{width:273px; height:183px; background:url('https://www.ideagrove.com/hubfs/IG_Aug20/Home/Featured_Content/bottom-bg-mobile.png');background-size:100%; bottom:0; left:0;} .clients_module_wrapper{position:relative;} .clients_module_wrapper .page-center {position: relative;z-index: 4;} .clients_module_wrapper::before, .clients_module_wrapper::after{content: "";position: absolute;} .clients_module_wrapper::before {width: 42px;height: 42px;background: url(https://www.ideagrove.com/hubfs/IG_Aug20/Home/before-img-mob-client.png) no-repeat;top: 8%;left: 5%;} .clients_module_wrapper::after{background:url(https://www.ideagrove.com/hubfs/IG_Aug20/Home/after-img-mob-client.png)no-repeat; width:354px; height:121px; bottom:0; right:0;} div#footer_for_web .footer_left_column {width: 100%;} div#footer_for_web .footer_right_column{margin-left:0px; width:100%;} div#footer_for_web .footer_right_column .footer_menu, div#footer_for_web .footer_right_column .contact_info{ float: left; margin-left: 0; width: 100%;} div#footer_for_web .footer_bottom_row .footer_left_column, div#footer_for_web .footer_bottom_row .footer_right_column { width: 50%; float: left; } .hs-content-path-about-clients .services_slider_module {display: none;} } @media all and (max-width:740px){ div#footer_for_web .footer_right_column .footer_menu, div#footer_for_web .footer_right_column .contact_info{ float: left; margin-left: 0; width: 100%;} div#footer_for_web ul{list-style:none; line-height:55px; padding-left:0px;} div#footer_for_web ul li a {font-size:20px!important;} div#footer_for_web, div#footer_for_web .contact_info a, div#footer_for_web .contact_info p {text-align:center; font-size: 20px; padding-right: 0px;} .main_footer_wrapper .main_footer_wrapper .footer_menu, .main_footer_wrapper .contact_info {width:100%; max-width:100%;} .footer_left_column .row-fluid-wrapper {float:none!important;} .row-fluid .home_hero_module .page-center {padding: 0;} .home_hero_module .inner_section .module_mid_column .content_column { padding: 0 30px;} .home_hero_module .inner_section .module_mid_column .banner_content.paddingtb200 { padding: 26% 0; } img.path, img.strips{right:0;} img.cross_img{left:0;} img.waves.slide { display: none; } } @media all and (max-width:660px){ .scroll_to_section img { height: 50px; } } @media all and (max-width:620px){ .services_slider_module::after{left:auto; right:-20px} .home_hero_module .inner_section .banner_content .content_column h5 {display: none;} .home_hero_module .inner_section .banner_content .scroll_to_section {} .home_hero_module .inner_section .banner_content .content_column{min-height: auto;} } @media all and (max-width:520px){ .quote_btn a { font-size: 12px; padding: 12px 10px; max-width: 90%; width: 100%; } .services_slider_module .services_tab_section{padding:40px 15px;} .scroll_to_section { margin-top: 15px; } .home_hero_module .inner_section .module_mid_column .banner_content.paddingtb200 { padding: 30% 0 9% 0; } } @media all and (max-width:480px){ .featured_btn_row a, .copy_module_wrapper .content_btn a { max-width: 210px;} .copy_module_wrapper { background-position: 50% 9%; background-repeat: no-repeat; background-size: 480px; } .home_hero_module .content_column h1 { font-size: 16px;} } @media all and (max-width:420px){ img.strips.slide{bottom:20%;} img.circle.slide { bottom: 10%; right: 18%; } .clients_module_wrapper::before{top: 4%; left: 3%;} .quote_btn a{max-width:95%;} .home_hero_module .inner_section .module_right_column{height:514px;} .home_hero_module .inner_section .module_left_column { height: 514px; } .home_hero_module .banner_content.paddingtb200 {padding: 150px 0 100px 0;} .home_hero_module.content_column h1 { font-size: 16px; } } @media all and (max-width:375px){ .scroll_to_section img { height: 40px; } /* .page-center-video { top: 70px; } */ .header_left_column img.hs-image-widget { max-width: 180px; } .home_hero_module .inner_section .module_mid_column .banner_content.paddingtb200 { padding: 25% 0 4% 0; } .copy_module_wrapper{background-size:430px;} img.dots.slide { width: 10px;} .home_hero_module .page-center { padding: 0 15px;} .home_hero_module .inner_section .module_right_column{height:65%;} } /*** styles ***/ body { overflow-x: hidden; } .body-container-wrapper { position: relative; } .white-background { margin-bottom: 0; } .main-images-box { pointer-events: none; } .main-images-box img { height: auto; display: block; } .text-primary{ color: #3FC195; } @media (max-width:1023px){ h2 { font-size: 30px; } p { margin: 0 0 30px; } } @media (max-width:767px){ .hs-blog-listing .body-container-wrapper { padding-top:0; } p { margin: 0 0 20px; } } .white_fill_green_txt_btn a i{ margin-left: 10px; } .btn-green-border { border: 2px solid #3fc195; border-radius: 35px; padding:23px 20px; text-align:center; display:inline-block; vertical-align: top; color:#060143; text-decoration:none; font-size:16px; line-height:20px; cursor: pointer; font-weight:500; background:#fff; min-width:327px; text-transform:capitalize; } .btn-green-border i { font-style: normal; margin: 0 0 0 3px; } .btn-green-border i:not(.fas) { font-family: Arial; } .btn-green-border:hover, .btn-green-border:focus { background: #3fc195; color: #fff; } .btn-green { font-size: 19px; border: 0; padding: 18px; text-align: center; color: #fff; background: #3FC195; font-weight: 500; min-width: 225px; display: inline-block; cursor: pointer; vertical-align: top; max-width: 100%; border-radius: 30px; line-height: 24px; text-transform:capitalize; } .btn-green i { font-style: normal; display: inline-block; vertical-align: middle; margin: 0 0 0 3px; } .btn-green:hover { background: #099f6c; } @media (max-width: 1023px){ .btn-block-area { padding-bottom: 60px !important; } .btn-green-border { font-size: 14px; padding: 15px; min-width: 200px; } .btn-green { font-size: 14px; padding: 15px; min-width: 200px; } } /*** btn block area ***/ .btn-block-area { text-align: center; padding-bottom: 90px !important; position: relative; overflow: hidden; } /*** Idea Grove Sep20 - Methodology Steps Module ***/ .method_stepsouter_wrapper .methods_step_row .repeater_tab_item { margin: -20px; padding: 0 0 120px; overflow: hidden; justify-content: space-between; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item:last-child { padding-bottom: 0; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .left_column { padding: 20px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column { padding: 20px; width: 56%; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .item_image { max-width: 360px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .item_image img { display: block; height: auto; margin: 0 auto; } .method_stepsouter_wrapper .methods_step_row.white-background .repeater_tab_item .right_column .right_column_content { padding: 0; } .method_stepsouter_wrapper .column_content_box .name{ position: relative; display: block; } .method_stepsouter_wrapper .column_content_box .name:before { content: "- "; } .method_stepsouter_wrapper .tab_btn_wrapper { justify-content: flex-start; font-size: 13px; z-index: 50; font-weight: 700; position: relative; padding-bottom: 2px; margin-bottom: 40px; padding: 0; border-bottom: 2px solid #53555A; } .method_stepsouter_wrapper .tab_btn_wrapper a { display: block; border: 0 !important; margin: 0 70px 0 0 !important; padding: 5px 25px 20px; position: relative; } .method_stepsouter_wrapper .tab_btn_wrapper a:last-child { margin: 0 !important; } .method_stepsouter_wrapper .tab_btn_wrapper a:before { background: #3fc195; height: 5px; content: ""; position: absolute; left: 0; width: 0; bottom: 0; transition: width .3s ease-in-out; } .method_stepsouter_wrapper .tab_btn_wrapper a.current { border: 0; } .method_stepsouter_wrapper .tab_btn_wrapper a.current:before { width: 100%; } .method_stepsouter_wrapper { position: relative; overflow: hidden; } .method_stepsouter_wrapper .main-images-box .img1 { right: -16.5%; top: 2%; width: 28.5%; left: auto; } .method_stepsouter_wrapper .main-images-box .img3 { right: 3%; top: 32.5%; width: 2.65%; transform: none; min-width: 20px; left: auto; } .method_stepsouter_wrapper .main-images-box .img2 { left: -9%; top: 41%; width: 15.25%; right: auto; } .method_stepsouter_wrapper .main-images-box .img4 { left: 10%; top: 50%; min-width: 20px; width: 1.58%; } .method_stepsouter_wrapper .main-images-box .img5 { left: 2.63%; min-width: 25px; top: 72%; width: 2.63%; } .method_stepsouter_wrapper .main-images-box .img6 { right: -2%; top: 70%; width: 9.65%; } .method_stepsouter_wrapper .main-images-box .img7 { top: 92%; left: 9%; min-width: 20px; width: 2.55%; } .method_stepsouter_wrapper .main-images-box .img8 { right: 4%; top: 90%; width: 2%; min-width: 20px; } @media (max-width:1199px){ .method_stepsouter_wrapper .methods_step_row .repeater_tab_item { padding-bottom: 90px; } } @media (max-width:1023px){ .method_stepsouter_wrapper .methods_step_row .repeater_tab_item { padding: 0 0 70px; } .method_stepsouter_wrapper .tab_btn_wrapper a:not(:last-child) { margin-right: 30px !important; } } @media (max-width:767px){ .method_stepsouter_wrapper .methods_step_row .repeater_tab_item { padding: 0 0 40px; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .item_image { margin: 0 auto; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .left_column { margin: 0; } .method_stepsouter_wrapper .methods_step_row .repeater_tab_item .right_column { width: 100%; } .method_stepsouter_wrapper .tab_btn_wrapper a { padding-left: 10px; padding-right: 10px; } } /*** aside green styles ***/ .aside-green { display: flex; min-height: 380px; align-items: center; } .aside-green h2 { margin-bottom: 39px; } .aside-green .aside-holder { width: 100%; } .aside-green .page-center{ max-width: 930px; } .clients_module_wrapper .main-images-box, .featured_content_module .main-images-box { display: block !important; } .clients_module_wrapper::before { display: none !important; } .clients_module_wrapper::after { background: none !important; width: auto !important; height: auto !important; position: static !important; } .aside-green:after { content: ""; min-height: inherit; } /*** blog categories ***/ .blog_categories_list { position: relative; z-index: 10002; border-bottom: 1px solid #BCBCBC; } .blog_categories_list ul { margin: 0 -5px; padding: 0; display: flex; flex-flow: row wrap; justify-content: space-between; list-style: none; } .blog_categories_list ul li { padding: 0 5px; font-size: 18px; line-height: 1.2; text-transform: capitalize; font-weight: 700; } .blog_categories_list ul li a { display: block; background: none !important; padding: 5px 20px 30px; color: #19ADF2; position: relative; border-radius: 0; } .blog_categories_list ul li.active a, .blog_categories_list ul li a:hover { color: #19ADF2; } .blog_categories_list ul li a:hover:after, .blog_categories_list ul li.active a:after { width: 100%; } .blog_categories_list ul li a.purple, .blog_categories_list ul li.active a.purple { color: #BA80F7; } .blog_categories_list ul li a.purple:after { background-color: #BA80F7; } .blog_categories_list ul li a.green, .blog_categories_list ul li.active a.green { color: #3FC195; } .blog_categories_list ul li a.green:after { background-color: #3FC195; } .blog_categories_list ul li a.light-green, .blog_categories_list ul li.active a.light-green { color: #28C6CA; } .blog_categories_list ul li a.light-green:after { background-color: #28C6CA; } .blog_categories_list ul li a.orange, .blog_categories_list ul li.active a.orange { color: #DBA819; } .blog_categories_list ul li a.orange:after { background-color: #DBA819; } .blog_categories_list ul li a:after { position: absolute; left: 0; transition: width .3s ease-in-out; bottom: 0; width: 0; height: 5px; background: #19ADF2; content: ""; } @media (max-width: 1199px) { .blog_categories_list ul li { font-size: 16px; } .blog_categories_list ul li a{ padding-left: 10px; padding-right: 10px; } } @media (max-width: 1199px) { .blog_categories_list ul li { font-size: 17px; } .blog_categories_list ul li a{ padding-left: 10px; padding-right: 10px; } } @media (max-width: 1023px) { .blog_categories_list ul { margin: 0 -2px; } .blog_categories_list ul li{ padding: 0 2px; font-size: 13px; } .blog_categories_list ul li a { padding-left: 6px; padding-right: 6px; } } /*** blog posts ***/ .case_study_listing_page { padding: 30px 0 60px; position: relative; } @media (min-width: 768px) { .blog_inner_wrapper { padding: 150px 0px 80px !important; } } .case_study_listing_page .page-center { max-width: 1200px !important; } .case_study_listing_page .case_study_featured_items { margin: -10px -5px; display: flex; width: calc(100% + 8px); flex-flow: row wrap; } .case_study_featured_items .case_study_blocks { width: 33.33%; font-weight: 300; margin: 0; padding: 10px 5px; } .case_study_featured_items .case_study_blocks .bg-img { padding-top: 192px !important; } .case_study_featured_items .case_study_blocks .person_image { width: 114px; margin-top: -57px !important; max-width: 114px !important; } .person_image img {width:100px; height:100px;} .case_study_blocks .block_inner_wrapper { height: auto !important; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info{ padding: 0 20px 15px !important; display: inline-block !important; vertical-align: top; height: auto; } .case_study_featured_items .case_study_blocks .person_image img { width: 100%; height: 114px; } .case_study_blocks .block_inner_wrapper .person_info { position: relative; /* min-height: 215px; */ padding-bottom: 10px; max-width: 100%; } .case_study_blocks.half_width_block .block_inner_wrapper .additional_info .other-info p { min-height: inherit !important; color: #fff; padding: 0 !important; margin: 0 0 20px !important; line-height: 1.35; } .case_study_featured_items .case_study_blocks .post-tag { font-size: 14px; font-weight: 600; } .case_study_featured_items .case_study_blocks .post-tag a { color: #060143; } .case_study_featured_items .case_study_blocks .post-tag a:hover { text-decoration: underline; } @media (max-width: 1023px){ .case_study_featured_items .case_study_blocks { width: 50%; } } @media (max-width: 767px) { .case_study_listing_page { padding: 0 0 30px; } } @media (max-width: 700px){ .case_study_featured_items .case_study_blocks { width: 100%; } .case_study_blocks .block_inner_wrapper .person_info { /* min-height: 130px; */ } .case_study_blocks .block_inner_wrapper .person_info { padding-bottom: 0px; } } /*** pagination ***/ .case_study_listing_page .blog_pagination { padding: 60px 0; } .case_study_listing_page .blog_pagination:last-child { padding-bottom: 0 !important; } .case_study_listing_page .blog_pagination nav ul { margin: -3px; display: flex; flex: row wrap; justify-content: center; } .case_study_listing_page .blog_pagination nav ul li { padding: 3px; } .case_study_listing_page .blog_pagination nav ul li a { display: block; min-width: 35px; font-size: 18px; line-height: 29px; padding: 3px; font-weight: 700; text-align: center; color: #0601435D; height: 35px; background: #F0EFEF; } .case_study_listing_page .blog_pagination nav ul li a:hover, .case_study_listing_page .blog_pagination nav ul li.active a { background: #3FC195; color: #fff; } .case_study_listing_page .blog_pagination nav ul li:first-child a, .case_study_listing_page .blog_pagination nav ul li:last-child a { background: none; color: #3FC195; } @media (max-width: 767px) { .case_study_listing_page .blog_pagination { padding: 30px 0; } .case_study_listing_page .blog_pagination nav ul li a { font-size: 16px; line-height: 24px; height: 30px; } } /*** case study shapes ***/ .case_study_listing_page .main-images-box .img1 { right: -15%; top: -2%; width: 28.5%; left: auto; } .case_study_listing_page .main-images-box .img3 { right: 6%; top: 21.5%; width: 2.65%; transform: none; min-width: 20px; left: auto; } .case_study_listing_page .main-images-box .img2 { left: -9%; top: -5.5%; width: 15.25%; z-index: 1001; right: auto; } .case_study_listing_page .main-images-box .img4 { left: 8%; top: 55%; min-width: 20px; width: 1.58%; } .case_study_listing_page .main-images-box .img5 { left: 2.63%; min-width: 25px; top: 70%; width: 2.63%; } .case_study_listing_page .main-images-box .img6 { right: -3.2%; top: 74%; width: 9.65%; } .case_study_listing_page .main-images-box .img7 { top: 89%; left: 9%; min-width: 20px; width: 2.55%; } .case_study_listing_page .main-images-box .img8 { right: 8%; top: 88%; width: 2%; min-width: 20px; } .case_study_listing_page .main-images-box .img9 { right: -9%; top: 93%; width: 25.75%; } .case_study_listing_page .main-images-box .img10 { left: -5.5%; top: 97.9%; width: 19.1%; } .case_study_listing_page .main-images-box .img11 { left: -4.2%; top: 102.9%; width: 10.2%; } .job_listing_blocks .job_list p { margin: 0; } /* SD Style */ .inner-banner-area h2 {font-size:24pt; line-height:36pt; text-transform:uppercase; font-weight:normal;color:#ffffff !important;} .team-template.hs-blog-post .header-container-wrapper { background: #121059; position: static; } .header-container-wrapper .header_left_column { padding-top: 15px; } /*.career-banner .inner-banner-area { height: 600px; padding: 310px 0px 70px; }*/ .career-banner .inner-banner-area .scroll_to_section { margin-top: 60px; } .team-template .inner-banner-area { padding: 290px 0px 70px; } .careers-template .blog-sep h4:first-child { line-height: 36px; margin-bottom:63px; } .careers-template .copy_repeater_block .content_box p { font-size: 18px; line-height: 28px; } .careers-template .copy_repeater_block .content_box ul { padding-left: 0px; list-style: none; } .careers-template .copy_repeater_block .content_box li { position: relative; font-size: 18px; line-height: 28px; padding-left: 11px; } .careers-template .copy_repeater_block .content_box li:before { content: ''; position: absolute; top: 13px; left: 0px; width: 3px; height: 4px; background: url(https://www.ideagrove.com/hubfs/Sep%202020/bullet.gif) no-repeat top center; } .header_btn .cta_button i { transition: all 0.4s ease-in-out; } .header_btn .cta_button:hover { padding: 14px 25px; transition: all 0.4s ease-in-out; } .header_btn .cta_button:hover i { margin-left: 17px !important; } /* QS Style */ div#footer_for_web .contact_info { /* margin-top: 26px; */ } .footer_logo { margin-top: 25px; } div#header_with_nav .row-fluid .page-center { max-width: 1830px; } /* .footer_bottom_row .footer-txt, .footer_bottom_row .footer_right_column { font-size: 9px; } */ .footer_logo { margin-bottom: 9px; } div#footer_for_web .footer_txt strong{ display: block; font-size: 14px; line-height: 20px; } #footer_for_web .row-fluid .page-center, .footer_bottom_row .row-fluid .page-center{ /* max-width: 1400px; */ } .header_btn .cta_button i { margin-left: 7px !important; } @media (min-width: 1200px) { .header_right_column .header_menu.custom-menu-primary { width: calc(100% - 235px); } .header_right_column .header-right_btn { /* min-width: 200px; */ } .header_btn .cta_button { min-width: 100%; text-align: center; font-weight: 400; box-sizing: border-box !important; } } @media (min-width: 1440px) { .header_right_column .header_menu.custom-menu-primary { width: calc(100% - 306px); } .header_right_column .header-right_btn { /* min-width: 227px; */ } } img.slide.blue-shape { bottom: -1px; } .featured-article-wrapper .feature-post .featured_author_info .author-img { display: inline-block; vertical-align: middle; padding-right: 0; overflow: hidden; border-radius: 100%; width: 48px; height: 48px; margin-right: 15px; } .featured-article-wrapper .feature-post .featured_top_wrapper a:hover { background: #060143; } @media (max-width: 768px) { div#footer_for_web .footer_right_column .footer_menu, div#footer_for_web .footer_right_column .contact_info { width: 100%!important; } } @media (max-width: 1023px) and (min-width: 768px) { div#footer_for_web .contact_info { margin-top: 23px; } } /* SD Style */ .contact-page .inner-banner-area { padding: 270px 0px 90px; } .methodology-page .inner-banner-area .scroll_to_section { margin-top: 54px; } .methodology-page .inner-banner-area { padding: 232px 0px 70px; } .agency-page .inner-banner-area .scroll_to_section { margin-top: 40px; } .footer-container-wrapper { position: relative; } .career-blog-main .row-fluid-wrapper .row-fluid { display: -ms-flexbox; display: flex; } .career-blog-main .row-fluid-wrapper .row-fluid .span6 .hs_cos_wrapper { height:100%; } .career-blog-main .row-fluid-wrapper .row-fluid .dedicated-team-area { height: 100%; } /*@media (min-width: 1400px) { h1 { font-size:72px; line-height: 80px; } h2 { font-size:48px; line-height: 60px; } h3 { font-size:36px; line-height: normal; } h4 { font-size:24px; line-height: normal; } } @media (max-width: 1399px) and (min-width: 768px) { h1 { font-size:60px; line-height: normal; } h2 { font-size:40px; line-height: normal; } h3 { font-size:30px; line-height: normal; } h4 { font-size:24px; line-height: normal; } }*/ @media (max-width: 767px) { h1 { font-size:35px; line-height: normal; } h2 { font-size:30pt; line-height: normal; } h3 { font-size:26px; line-height: normal; } h4 { font-size:24pt; line-height: normal; } .inner-banner-area h2 {font-size:18pt;line-height:24pt;} } /* .page-center { position: relative; /*z-index: 2;*/ } */ @media (min-width: 1431px) and (max-width: 1440px) { .header_right_column .header-right_btn { width: 19%; } } @media (max-width: 1490px) { .main-images-box { /* opacity: 0.4; */ } } @media (max-width: 1399px) { .inner-banner-area.typo { background-position: 48% center !important; } .dedicated-team-area { padding: 150px 0px 150px; } .dedicated-team-area .cta_button { font-size: 16px; padding: 14px 20px; } .dedicated-team-area h2 { font-size: 50px; line-height: normal; } .map-box { padding: 57px 60px 60px 60px; margin-left: 100px; } .services-details-block .img-bg { width: 100%; } .posts-holder { margin: -15px -15px; } .custom-bio-team img.slide.img2 { right: 0; } .services-main .service-block .text-box:before { width: 170%; } .client-stories-details .body-container-wrapper .page-center { padding: 0px 30px; } .story-content .two-cols.reverse { padding: 0px; } .story-content .two-cols { padding: 0; } } .custom-bio .post-count:nth-child(4) { display: none; } @media (max-width: 1340px) { .career-blog-main .row-fluid-wrapper .row-fluid { display: -ms-flexbox; display: flex; } .career-blog-main .row-fluid-wrapper .row-fluid .span6 .hs_cos_wrapper { height:100%; } .career-blog-main .row-fluid-wrapper .row-fluid .dedicated-team-area { height: 100%; } } @media (max-width: 1330px) { .core-mod_outer_wrapper .main-images-box { z-index: -1; } .main-images-box { z-index: 1; } .page-center { position: relative; /*z-index: 2;*/ } .team-template .clients_module_wrapper h3 { font-size: 45px; line-height: 50px; } } @media (max-width: 1199px) { .posting-form img.slide.img3 { left: 0% !important; } .posting-form img.slide.img2 { right: 2% !important; } .source-library-area img.slide.img1 { right: -45%; } .map-box { padding: 45px 50px 45px 50px; margin-left: 50px; } .contact-form-main { padding-left: 30px; } .team-template .main_listing_section .blog_post_items .post_item { width: 33.33% !important; } .copy_module_wrapper-text .section_content_wrapper { max-width: 90%; } .row-fluid .page-center { padding: 0 30px; } } @media (max-width: 1024px) { .text-col-row { -ms-flex-direction: column; flex-direction: column; } .text-col-left { max-width: 100%; padding-right: 0px; margin-bottom: 50px; } .text-col-right { max-width: 100%; } .career-blog-main .row-fluid-wrapper .row-fluid { -ms-flex-direction: column; flex-direction: column; } .career-blog-main .row-fluid-wrapper .row-fluid .span6.widget-span.widget-type-custom_widget.careers-form { width: 100%; } .careers-form-box.contact-form-main { padding: 0px 30px; } .career-blog-main .row-fluid-wrapper .row-fluid .span6.widget-span.widget-type-custom_widget { width: 100%; margin: 0px; } .services-main .main-images-box { opacity: 0.4; } .header-container-wrapper .header_left_column { padding-top: 0px; } } @media (max-width: 992px) { .paddingb50 { padding-bottom: 30px; } .paddingt125 { padding-top: 60px; } .career-banner .inner-banner-area { height: auto; padding: 190px 0px 50px; } .services_slider_module .quote_btn a { font-size: 16px; padding: 12px 25px; } .person_image { margin-bottom: 20px; } .contact-form-main { -ms-flex-direction: column; flex-direction: column; padding-left: 0px; } .section_content_wrapper p br { display: none; } .form-box { max-width: 100%; padding-top: 0px; padding-left: 0px; margin-bottom:50px; } .map-box { max-width: 100%; margin-left: 0px; padding: 45px 50px 45px 50px; } .contact-map * { width: 100% !important; max-width: 100% !important; min-width: 100% !important; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .careers-form-box.contact-form-main { padding-left: 20px; } .services-details-block .text-box .text-cols { margin: 0; } .section-strategy .order-list { margin: -10px 0px; } } @media (max-width: 900px) { .column-text { width: 100%; } .services-main .service-block .text-box:before { width: 100%; left: 0px; } } @media (max-width: 812px) { .contact-form-main .form-columns-2 .hs-form-field:first-child, .contact-form-main .form-columns-2 .hs-form-field:last-child { padding: 0px; width: 100%; } .contact-form-main fieldset.form-columns-2 .hs-form-field:last-child .input { margin: 0; } .contact-form-main .input { margin: 0 0 23px !important; } .contact-form-main.careers-form-box fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 0px; } .contact-form-main.careers-form-box fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 0px; } .careers-template fieldset.form-columns-3 .hs-form-field { width: 100% !important; } .careers-template fieldset>.hs-form-field { padding: 0; } } @media (max-width: 768px) { .row-fluid .page-center { padding: 0 15px; } .contact-page .inner-banner-area { padding: 190px 0px 50px; } .team-template .main-blog-wrapper, .team-template .main_listing_section.font-white.animation_main { background: none !important; } body.team-template .main-images-box { display: none !important; } .footer_logo { margin-top: 0px; } } @media (max-width: 767px) { .accordion-area { max-width: 280px; margin: 0px auto; display:none; } .accordion-area .panel ul { padding-left: 0px; } .dedicated-team-area h2 { font-size: 40px; } div#footer_for_web .contact_info { margin-top: 19px; } .footer_logo { margin-top: 6px; } .footer_top_row .page-center>.row-fluid-wrapper>.row-fluid { display: block !important; } .form-box .hs-input { background: #fff !important; } .careers-form-box.contact-form-main { padding: 0px 15px; box-sizing: border-box !important; } .careers-form-box .form-box { max-width: 100%; } @media not all and (min-resolution:.001dpcm) { @media { .blog_template.main-blog .aside-green { background-attachment: scroll !important; } } } .team-template .clients_module_wrapper h3 { font-size: 35px; line-height: 45px; } .copy_module_wrapper-text .section_content_wrapper { max-width: 100%; } .story-content .text-holder .text-box { padding: 10px 20px 30px; } .source-left-sidebar { z-index: 100; background: #fff; } .accordion-area .accordion { margin-top: 20px; } .accordion-area { max-width: 600px; } .accordion-area .panel ul li { display: inline-block; margin: 0 14px; } } @media (max-width: 700px) { .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .related_block_inner_wrapper { -ms-flex-direction: column; flex-direction: column; } .full-width-form_outer_wrapper .content-wrapper .con_rtl_block .related_block_inner_wrapper .case_study_blocks.half_width_block { width: 100% !important; } } @media (max-width: 620px) { .source-tab { width: 50%; } .dedicated-team-area h2 { font-size: 32px; } .content-welcome-text .copy_module_wrapper-text .section_content_wrapper { font-size: 18px; line-height: 28px; } .map-box { padding: 25px 30px 35px 30px; } .services-details-block .text-box:before { left: 0; width: 100%; } .module-testimonials .btn-block-holder { margin: -20px 0px 0; -ms-flex-direction: column; flex-direction: column; text-align: center; } .section-strategy .order-list li { margin-bottom: 30px; } .team-template .clients_module_wrapper h3 { font-size: 32px; line-height: 42px; } } @media (max-width: 480px) { .typo h2 { font-size: 30px; line-height:36px; } .contact-form-main .form-columns-2 .hs-form-field:first-child, .contact-form-main .form-columns-2 .hs-form-field:last-child { padding: 0px; } .aside-green .cta_button { padding: 18px 28px; } .clients_module_wrapper .cta_button { font-size: 13px; } .accordion_header h4 { font-size: 18px; } .section-strategy .order-list { padding: 0 20px; } .custom-bio-team h3 { font-size: 26px; } } /* Do not change general styles, please change it with your class */ a.cta_button { box-sizing: border-box !important; } .hs-error-msgs.inputs-list { margin: 0; padding:8px 0 0 5px; font-size: 13px; font-weight: 500; line-height: 16px; text-align: left; color: red; clear: both; } /*---- New Style of header----*/ .header_right_column .header_menu.custom-menu-primary { width: 72%; } .span1.widget-span.widget-type-custom_widget.search_icon { margin-top: 22px; text-align: center; } /* div#header_with_nav .header_menu ul li a { padding: 0 15px !important; color: #fff; font-weight: 500; font-size: 16px; } */ @media (max-width: 1440px){ .header_right_column .header_menu.custom-menu-primary { width: 74% !important; } .header_right_column .header-right_btn { width: 20% !important; float: right; margin: 0; } .span1.widget-span.widget-type-custom_widget.search_icon { margin-top: 22px !important; width: 2% !important; } } .green_border_white_txt_btn a { color: #fff; font-size: 16px; padding: 12px 25px ; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; } @media(max-width:1254px){ .green_border_white_txt_btn a { color: #fff; font-size: 16px; padding: 10px 12px ; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; } div#header_with_nav .header_menu ul li a { padding: 0 20px; color: #fff; font-weight: 500; font-size: 16px; } } @media(max-width:1162px){ .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul{margin: 0px 0 !important;display: inherit !important;} div#header_with_nav .header_menu ul li a { padding: 0px 15px !important; color: #fff; font-weight: 500; font-size: 23px!important; line-height:55px; } .green_border_white_txt_btn a { color: #fff; font-size: 15px !important; padding: 10px 17px !important; border: 1px solid #3fc195; font-weight: 500; border-radius: 200px; display: inline-block; } } /* ITH-CSS */ html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .services_slider_box .slider-nav .slider_item { cursor: pointer; } .case_study_listing_page .loaderdiv{ position: relative; height: 200px; width:200px; margin:0 auto; } .blog_listing_wrapper .wrapper_post_row:after { content: ""; display: table; clear: both; } /* sticky header on scroll */ .header-container-wrapper{ position:fixed!important; top:0; left:0; width:100%; z-index:99999; height:100px; transition:all 0.2s ease; } .header-container-wrapper.blue-header{ background:#060146; } .team_detail_section img.slide.img1{top:7.5%!important;} .header-container-wrapper.blue-header .header_logo img{ height:30px; display:inline-block; width:auto!important; transition:all 0.15s ease; } body[class*="hs-content-path-team-"] .body-container-wrapper{ margin-top:95px; } .blog-sep .blog_listing-page.animation_main{ position: relative; background-image:url('https://www.ideagrove.com/hubfs/New%20Background%20Images/career-available%20positions.png'); background-size:100%; background-repeat:no-repeat; } .case_study_listing_page.case_study_outer_wrapper.animation_main{ background-size:100%; background-repeat:no-repeat; } @media(max-width:1024px){ .header-container-wrapper .search_icon i{ display:none; } .header-container-wrapper .header_logo img{ display:inline-block; margin: 5px 0 0 -10px; max-width: 190px!important; height:auto ; } .header-container-wrapper.blue-header .header_logo img{ /* height:26px; */ height:auto ; } .header-container-wrapper{ height:75px; } body[class*="hs-content-path-team-"] .body-container-wrapper{ margin-top:75px; } } @media (max-width:991px){ .blog-sep .blog_listing-page.animation_main, .case_study_listing_page.case_study_outer_wrapper.animation_main{ background-size:cover; background-position:center center; } } /*--- HubSpot Rep Landing Page --*/ .hslp {} .hslp h2 {text-align:center;} .hslp-meeting, .hslp-quotes, .hslp-facts {padding-top:100px!important; padding-bottom:100px!important;} .hslp-quotes {background-color:#F0EFEF;} .hslp-facts {background-color:#3fc195;} .hslp-facts h4 {font-size: 19px;background-color: #ffffff; border-radius: 10px; display: inline-block;min-width: 315px;min-height: 125px;padding: 30px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .hslp-quotes .quote-box { max-width: 900px; margin: 0 auto; display: block; } .hslp-quotes-inner {max-width:900px!important; margin: 0 auto!important; display:block!important;} .hslp-quotes .quote-box {background-color: #ffffff; border-radius: 10px;margin:30px; padding:20px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .hslp-quotes .quote-img{text-align:center;padding-top:20px;} .meeting-link-button{background: rgb(63,193,149);border-radius: 6px;border-width: 0px;color: rgb(255,255,255);font-family: sans-serif;height: auto;transition: all .4s ease;padding: 6px 18px;text-shadow: none;width: auto;font-size: 24px;line-height: 1.5em;font-family: 'Montserrat';font-weight: 500; font-size: 18px;background: rgb(63,193,149);border-radius: 6px; border-width: 0px; color: rgb(255,255,255);font-family: sans-serif;height: auto; transition: all .4s ease; padding: 6px 18px;text-shadow: none; width: auto;font-size:24px; line-height: 1.5em;font-family: 'Montserrat';font-weight: 500;font-size: 18px;} /*-------End IG_StyleSheet_Sep20--------*/