/* @import url('http://example.com/example_style.css'); */ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap'); /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* 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;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Font Family and Colors */ /* */ /* */ /* */ /* { Used on global 'Background Overlay Color ' | Ex. "color: #333;" #} */ /* { Used on global 'Background gradient Color ' | Ex. "color: #333;" #} */ /* Typography */ /* */ /* */ /* */ /* */ /* */ /* Wrappers */ /* */ /* */ /* */ body{ padding:0; font-size: 16px; line-height:1.25; overflow-x:hidden; -webkit-font-smoothing: antialiased; font-family:'Montserrat', sans-serif;; width:100%; background:#ffffff; margin:0 auto; max-width:100%; color:#111a07; } .row-fluid [class*="span"].wrapper{ width: 100%; max-width: 1200px; margin: 0 auto; float: none; padding: 0 15px; } h1,h2,h3,h4,h5,h6{ font-family:'Montserrat', sans-serif;; color:#111a07; } h4{ font-family:'Montserrat', sans-serif;; } h1,h2,h3,h4,h5,h6,p,ul,li,a{ text-transform:initial; margin:0; padding:0; text-decoration:none; list-style-type:disc; margin-bottom:15px; } a{ margin-bottom:0; } h1{ font-size: 52px; line-height: 64px; font-weight: 700; margin-bottom: 12px; color: #fff; letter-spacing: -1px; } h2{ font-size: 36px; line-height: 46px; font-weight:400; letter-spacing: -.5px; margin-bottom:10px; } h3{ font-size:22px; font-weight:400; line-height:36px; letter-spacing:-.4px; } h4{ font-size:20px; font-weight:400; line-height:28px; letter-spacing: -.1px; } h5{ font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing:.2px; margin-bottom: 8px; } h6{ font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing:.2px; margin-bottom: 8px; } p{ font-size: 16px; font-weight: normal; line-height: 23px; letter-spacing:.2px; margin-bottom: 14px; color: #2e2e2e; } h4+p{ margin-top:15px; } ul { list-style: disc; } * { -webkit-tap-highlight-color: transparent; } .body-container-wrapper ul, .body-container-wrapper ol { padding: 0; text-decoration: none; list-style: disc !important; margin: 20px 0; } .body-container-wrapper li{ font-size: 16px; font-weight: normal; line-height: 26px; letter-spacing:.2px; margin-bottom: 8px; color: #2e2e2e; position:relative; margin-left:22px; } .body-container-wrapper li:before { position: absolute; content: ''; top: 12px; left: -20px; background: #7dc037; height: 2px; width: 8px; } a{ color:#333; } blockquote{ margin: 0; font-size: 18px; font-style: italic; color:#b2b2b2; font-weight: 300; padding-left: 18px; border-left: 2px solid #7dc037; margin-left: 4px; margin-top:25px } .widget-type-cta{ margin-top:15px; } a.cta_button, body .row-fluid form .hs-button{ font-size: 16px; line-height: 18px; padding: 18px 30px; color: #7dc037; background: transparent; font-weight: 500; letter-spacing: .5px; border: 2px #7dc037 solid; cursor: pointer; font-family:'Montserrat', sans-serif;; text-align: center; display: inline-block; border-radius: 50px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } a.cta_button:hover,body .row-fluid form .hs-button:hover{ background: #7dc037; color: #fff; } a.cta-green, body .row-fluid form .hs-button{ font-size: 16px; line-height: 18px; padding: 18px 26px; color: #7dc037; background: transparent; font-weight: 500; letter-spacing: .5px; border: 2px #7dc037 solid; cursor: pointer; font-family:'Montserrat', sans-serif;; text-align: center; display: inline-block; border-radius: 50px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } a.cta-green:hover,body .row-fluid form .hs-button:hover{ background: #7dc037; color: #fff; } a.green-solid-cta, body .row-fluid form .hs-button{ font-size: 16px; line-height: normal; padding: 18px 26px; color: #fff; background: #7dc037; font-weight: 500; letter-spacing: .5px; border: 2px #7dc037 solid; cursor: pointer; font-family:'Montserrat', sans-serif;; text-align: center; display: inline-block; border-radius: 50px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } a.green-solid-cta:hover,body .row-fluid form .hs-button:hover{ background: #fff; color: #7dc037; } .v-col-3{ padding-bottom:30px; } .trans-button a.cta_button{ background:transparent; border:1px solid #7dc037; padding: 12px 33px; color:#7dc037; } .white-button a.cta_button, .white-button .row-fluid form .hs-button{ background:#fff; color:#7dc037 } .white-button a { font-size: 16px; line-height: 18px; padding: 18px 30px; border-radius: 50px; background:#fff; color:#7dc037 !important; } .white-button a { font-size: 18px; padding: 25px; } .content-offer-button a { font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 18px; padding: 18px 30px; border-radius: 50px; background:#fff; color:#7dc037 !important; } .content-offer-button a:hover { transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .content-offer-button-green a { font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 18px; padding: 18px 30px; border-radius: 50px; background:#7dc037; color:#fff!important; } .content-offer-button-green a:hover { transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .green-button { padding-top: 25px; padding-bottom: 10px; } .green-button a{ font-size: 16px; font-weight: normal; text-transform: uppercase; line-height: 18px; padding: 18px 26px; border: 2px solid #7dc037; border-radius: 50px; background:#fff; color:#7dc037 !important; } .green-button a:hover { transition: all .3s ease-in; -webkit-transition: all .3s ease-in; background: #7dc037; color: #fff !important; } .simple-arrow-cta a.cta_button{ position:relative; padding:0; color:#7dc037; background:transparent; letter-spacing: 0px; } .simple-arrow-cta a.cta_button:hover{ transform: translate(0); box-shadow: none; } .simple-arrow-cta a.cta_button:before{ position: absolute; top: 0; right: -27px; content: '\f061'; font-family: FontAwesome; } .align-center, .align_center{ text-align:center; } .align-left,.align_left { text-align:left; } .align_center .heading{ padding-bottom:40px; } .align-right,.align_right { text-align:right; } .float-left{ float:left; } .float-right{ float:right; } .overlay{ position:relative; z-index:1; } .overlay:before{ position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.75) ; z-index: -1; } body .container-fluid .row-fluid .center-heading{ margin: 0 auto; width: 100%; max-width: 660px; float: none; margin-bottom: 30px; text-align:center; } .gradient-bg, .jumbo-4-home-section-3 .right-col:after{ background: #333; background: linear-gradient(-100deg,#7dc037,#4B8F02 75%,#4B8F02 25%) ; } .gradient-bg h2, .gradient-bg p, .gradient-bg h3, .gradient-bg h4, .gradient-bg h5, .gradient-bg .fa { color: #fff; } .white-bg{ background:#fff; } .gray-bg{ background: rgb(249, 249, 249); } .black-bg{ background:#333; } .base-color-bg .fa{ color:#4a4a4a; } .black-bg h2, .black-bg p, .black-bg h3, .black-bg h4, .black-bg h5, .black-bg h6, .black-bg .fa{ color:#fff; } .section-pad{ padding: 70px 0; } .border-left { border-left: 1px solid #E4E1E1; } .border-right { border-right: 1px solid #E4E1E1; } .border-bottom{ border-bottom: 1px solid #e4e1e1; padding-bottom: 40px; } .fa{ font-size:35px; } .jumbo1-primary-banner-1 { padding:500px 0 500px; background-size:cover; background-repeat:no-repeat; } .jumbo1-primary-banner{ padding:170px 0 100px; background-size:cover; background-repeat:no-repeat; } .jumbo1-primary-banner p{ font-size: 18px; color: #fff; font-weight: 300; line-height:30px; } body .container-fluid .row-fluid .pad-bottom{ margin-bottom:80px; } .pad-top{ margin-top:50px; } body .container-fluid .row-fluid .pad-50{ margin-bottom:50px; } .pad-t30{ padding-top:30px; } .pad-30{ margin-bottom:30px; } .pad-15{ margin-bottom:15px; } .header-container-wrapper .row-fluid [class*="span"]{ min-height:0; } .body-container-wrapper { background:#fff; overflow:hidden; position:relative; z-index:2; } .body-container-wrapper .body-container .container-fluid .row-fluid-wrapper .row-depth-1 .row-number-1 { padding-top: 75px; } .body-container-wrapper ul{ padding:0; text-decoration:#000; list-style-type:disc; margin:20px 0; } .no-list-style li{ margin:0; } .no-list-style li:before{ display:none; } .align-center { text-align:center; } .align-left { text-align:left; } .align-right { text-align:right; } .float-left{ float:left; } .float-right{ float:right; } .gray-bg{ background:#f9f9f9; } .form-white, .all-text-white, .all-text-white h1, .all-text-white h2, .all-text-white h3, .all-text-white p, .all-text-white h4, .all-text-white h5, .all-text-white h6, .all-text-white li, .all-text-white .fa, .all-text-white a{ color:#fff; } .text-margin-zero h1, .text-margin-zero h2, .text-margin-zero h3, .text-margin-zero p, .text-margin-zero h4, .text-margin-zero h5, .text-margin-zero h6, .text-margin-zero .fa, .text-margin-zero a{ margin:0; } .base-color-text h1, .base-color-text h2, .base-color-text h3, .base-color-text p, .base-color-text h4, .base-color-text h5, .base-color-text h6, .base-color-text .fa, .base-color-text a{ color:#7dc037; } .body-container-wrapper .all-text-white li:before{ background:#fff; } body .container-fluid .row-fluid .pad-bottom{ margin-bottom:80px; } body .container-fluid .row-fluid [class*="span"]{ min-height:0; } .section-bg{ background-size: cover!important; background-position:top center; } .section-bg .bg-image{ display:none!important; } .section-padding{ padding:100px 0; } .section-border{ border-bottom:1px solid #e7e7e7; } body .container-fluid .row-fluid .section-heading.align-center { max-width: 640px; padding: 0 20px; float: none; margin-left:auto; margin-right:auto; margin-bottom:40px; } .primary-banner{ padding: 180px 0px 100px; } body .row-fluid .primary-banner .wrapper{ max-width:800px; } .pad-btm{ padding-bottom:60px; } @media (min-width: 768px) { .equal-height-container > .row-fluid-wrapper > .row-fluid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } body .row-fluid .vertical-center{ display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; } } @media (max-width:1024px){ h1 { font-size: 38px; line-height: 46px; } h2{ font-size: 30px; line-height: 36px; } h4 { font-size: 18px; line-height: 22px; } a.cta_button, .hs-button { padding: 16px 34px; } .section-padding { padding: 60px 0; } body .container-fluid .row-fluid .section-heading.align-center { margin-bottom: 30px; } } @media (max-width:767px){ h1 { font-size: 26px; line-height: 36px; } h2{ font-size: 24px; line-height: 30px; } h4 { font-size: 18px; line-height: 22px; } .jumbo1-primary-banner { padding: 160px 0 50px; } .row-fluid .jumbo1-home-jumbo1-primary-banner .left-cta { max-width: 100%; } a.cta_button, .hs-button { padding: 16px 34px; } .row-fluid .jumbo1-home-primary-banner p { font-size: 18px; line-height: 26px; } .section-pad{ padding:45px 0; } body .container-fluid .row-fluid .section-heading.align-center{ margin-bottom: 30px; } .primary-banner { padding: 120px 0 40px; } .align-left, .align-right{ text-align:center; } .align_center .heading{ padding-bottom:30px; } .pad-btm{ padding-bottom:30px; } } /* Start Case Studies */ .box { width: 100%; padding: 5% 0; display: inline-block; background-color: #fff; /* RGBa with 0.6 opacity */ background-color: #fff; /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2F2F200, endColorstr=#F2F2F200); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2F2F200, endColorstr=#F2F2F200)"; } .progress { width: 32.5%; max-height: 300px; display: inline-block; position: relative; align-items: center; justify-content: center; } .progressbar_label { font-weight: bold; text-align: center; } .progress .counter-copy { color: '#352214' !important; font-size: 3vw; line-height: 4vw; } .progress .counter-blurb { color: '#352214' !important; font-size: 1.75vw; line-height: 2vw; } .progress .counter-blurb-small { font-size: 1.5vw; } .progress > svg { width: 300px; height: 300px; display: block; } .box.skinc { background-color: transparent !important; } /* End Case Studies */ .america-container, .europe-container, .asia-container { max-width: none !important; } /* Responsive CSS */ @media only screen and (max-width: 320px) { .progress { width: 100%; } .progress .counter-copy { font-size: 6vw; line-height: 7vw; } .progress .counter-blurb { font-size: 4.5vw; line-height: 5.5vw; } .progress .counter-blurb-small { font-size: 3vw; } } @media only screen and (min-width: 321px) and (max-width: 479px){ #content-holder .masonry-item .thumb-hover-meta .title { font-size: 8vw !important; } .progress { width: 100%; } .progress .counter-copy { font-size: 8vw; line-height: 9vw; } .progress .counter-blurb { font-size: 6.5vw; line-height: 7.5vw; } .progress .counter-blurb-small { font-size: 4vw; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #content-holder .masonry-item .thumb-hover-meta .title { font-size: 7vw !important; } .progress { width: 100%; } .progress .counter-copy { font-size: 6vw; line-height: 7vw; } .progress .counter-blurb { font-size: 4vw; line-height: 5vw; } .progress .counter-blurb-small { font-size: 3vw; } } @media only screen and (min-width: 768px) and (max-width: 991px){ #content-holder .masonry-item .thumb-hover-meta .title { font-size: 3.5vw !important; } .progress .counter-copy { font-size: 4vw; line-height: 5vw; } .progress .counter-blurb { font-size: 2.5vw; line-height: 3.5vw; } .progress .counter-blurb-small { font-size: 2vw; } } @media only screen and (min-width: 992px) and (max-width: 1024px){ #content-holder .masonry-item .thumb-hover-meta .title { font-size: 3.5vw !important; } .progress .counter-copy { font-size: 4vw; line-height: 5vw; } .progress .counter-blurb { font-size: 2.5vw; line-height: 3.5vw; } .progress .counter-blurb-small { font-size: 2vw; } } @media only screen and (min-width: 1025px) and (max-width: 1200px){ #content-holder .masonry-item .thumb-hover-meta .title { font-size: 3.5vw !important; } .progress .counter-copy { font-size: 3.5vw; line-height: 4.5vw; } .progress .counter-blurb { font-size: 2vw; line-height: 3vw; } .progress .counter-blurb-small { font-size: 1.75vw; } } @media only screen and (min-width: 1201px) and (max-width: 1480px){ #content-holder .masonry-item .thumb-hover-meta .title { font-size: 3.5vw !important; } } @media only screen and (min-width: 1481px) and (max-width: 1640px){ #content-holder .masonry-item .thumb-hover-meta .title { font-size: 3vw !important; } } @media only screen and (min-width: 1641px) and (max-width: 1999px){ #content-holder .masonry-item .thumb-hover-meta .title { font-size: 2.75vw !important; } .progress .counter-blurb { font-size: 1.5vw; line-height: 2.5vw; } } @media only screen and (min-width: 1999px){ #content-holder .masonry-item .thumb-hover-meta .title { font-size: 2.5vw !important; } .progress .counter-blurb { font-size: 1.5vw; line-height: 2.5vw; } } /*========================================================= FORM STYLE =========================================================*/ ::-webkit-input-placeholder { color: #989898; } :-moz-placeholder { color: #989898; } ::-moz-placeholder { color: #989898; } :-ms-input-placeholder { color: #989898; } select::-ms-expand { display: none; } .row-fluid form li{ margin:0; } .row-fluid form li:before{ display:none; } .hs-error-msgs li label{ color: #FD2727; font-size: 12px; } form li:before{ display:none; } .row-fluid form input, .row-fluid form select, .row-fluid form textarea{ height: 30px; font-family:'Montserrat', sans-serif;; border: 0; font-size: 14px; line-height: 20px; letter-spacing: 1px; padding: 0; margin-bottom: 8px; border-radius: 0; background: #f5f5f5; padding:5px 5px; color: #000; font-weight:400; border:1px solid transparent; box-sizing: border-box; -webkit-appearance:auto; -moz-appearance:auto; appearance:auto; } .row-fluid form input:focus, .row-fluid form select:focus, .row-fluid form textarea:focus{ outline:0; border:1px solid #7dc037; } .row-fluid form textarea{ height:130px; } .row-fluid form .hs_file_upload input, .row-fluid form .hs-form-checkbox input, .row-fluid form .hs-form-radio input, .row-fluid form .hs-form-booleancheckbox input{ height:auto; padding:0; border:0; } .row-fluid form .hs-form-checkbox input, .row-fluid form .hs-form-radio input, .row-fluid form .hs-form-booleancheckbox input{ height:auto; padding:0; border:0; margin-bottom:0; } .row-fluid form .field>label{ font-size: 14px; line-height: 1; letter-spacing: 1px; font-weight: normal; display:block; margin-bottom:6px; margin-top:14px; } .row-fluid form .hs-button.primary{ height: auto; margin-top: 24px; } form .hs-error-msgs{ margin:0; padding:0; } form .hs-error-msgs li{ line-height: 1; color: red; font-weight: 500; font-size: 11px; position: relative; top: 0px; letter-spacing: 0.3px; } .row-fluid .hs-form fieldset.form-columns-1 .hs-input { width: 100%; } body .row-fluid .hs-form fieldset { max-width: 100%; } form .hs-form-required{ padding: 3px; } .body-container-wrapper form ul, .body-container-wrapper form li{ margin:0; padding:0; } .body-container-wrapper form ul, form ul{ list-style:none; } .body-container-wrapper form li:before{ display:none; } body form .hs-form-checkbox:last-child, body form .hs-form-radio:last-child, body form .hs-form-booleancheckbox{ margin-bottom:20px; } body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field { width: 32%; margin-right:2%; } body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field { width: 49%; margin-right:2%; } body .row-fluid .hs-form fieldset .hs-form-field:last-child{ margin-right:0; } body .row-fluid .hs-form fieldset.form-columns-2 .input, body .row-fluid .hs-form fieldset.form-columns-3 .input { margin-right:0px; } body .container-fluid .row-fluid .hs-form fieldset .field:last-child .input{ margin-right:0; } body .row-fluid select{ background: #f5f5f5 url(//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Product-3-Pack/Select%20Arrow%20Small.png) no-repeat; background-position: center right; -webkit-appearance: auto; } /*======================================================= CHECKBOX AND RADIO BUTTONS STYLING =======================================================*/ .row-fluid .hs-form .field .input input[type="checkbox"], .row-fluid .hs-form .field .input input[type="radio"], body .row-fluid .checkbox-row input, body .row-fluid input[type="checkbox"]{ width:auto; } .row-fluid .hs-form .field .input input[type="checkbox"], .row-fluid .hs-form .field .input input[type="radio"], body .row-fluid .checkbox-row input, body .row-fluid input[type="checkbox"]{ padding: 0; border-radius: 4px; background: #fff; margin-left: 0; position: relative; overflow: hidden; cursor: pointer; color: #cfd3d7; -webkit-appearance: none; border: 2px solid #ddd; margin-right: 8px; top: 2px; width: 20px; height: 20px; } .row-fluid .hs-form .field .input input[type="checkbox"]:checked:after, body .row-fluid .checkbox-row input:checked:after, body .row-fluid input[type="checkbox"]:checked:after{ content: ''; position: absolute; width: 9px; height: 5px; top: 3px; left: 2px; border: 3px solid #7dc037; border-top: 0; border-right: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .row-fluid .hs-form .field .input input[type="radio"]{ border-radius: 50%; } .row-fluid .hs-form .field .input input[type="radio"]:checked:after { content: ''; position: absolute; width: 10px; height: 10px; top: 3px; background: #7dc037; left: 3px; border-top: 0; border-right: 0; border-radius: 50%; } @media (max-width:480px){ body form.hs-form .form-columns-2 .hs-form-field .hs-input,body form.hs-form .form-columns-3 .hs-form-field .hs-input{ width:100%; } body .row-fluid .hs-form fieldset .input{ margin:0; } body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field { width: 100%; margin-right: 0; } body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field { width: 100%; margin-right: 0; } .row-fluid form .hs_submit .actions{ text-align:center; } } /*================================================== Three Col Adjust ==================================================*/ body .container-fluid .row-fluid .three-col-adjust>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.5%; } body .row-fluid .three-col-adjust span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 30.9%; -webkit-flex-basis: 30.9%; float: left; margin-right: 2.43%; margin-top: 30px; box-sizing:border-box; position:relative; } @media (max-width:767px){ body .container-fluid .row-fluid .three-col-adjust>span { display: block; margin-right: 0; } body .row-fluid .three-col-adjust span>.hs_cos_wrapper { /*display: block; flex-basis: 100%; width:100%; -webkit-flex-basis: 100%; margin:0; margin-top: 20px;*/ display: block; /* flex-basis: 100%; */ width: 100%; /* -webkit-flex-basis: 100%; */ margin: 0; margin-top: 20px; max-width: 379px; width: 100%; margin: 30px auto 0; float: none; } } /*================================================== Four Col Adjust ==================================================*/ body .container-fluid .row-fluid .four-col-adjust>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.565%; } body .row-fluid .four-col-adjust span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 22.5%; -webkit-flex-basis: 22.5%; float: left; margin-right: 2.5%; margin-top: 2.43%; box-sizing:border-box; position:relative; } @media (max-width:767px){ body .container-fluid .row-fluid .four-col-adjust>span { display: block; margin-right: 0; } body .row-fluid .four-col-adjust span>.hs_cos_wrapper { display: block; flex-basis: 100%; width:100%; -webkit-flex-basis: 100%; margin:0; margin-top: 20px; } } /*============================================== Header Styling ==============================================*/ .header-container-wrapper .header .logo img { max-width: none !important; } @media (min-width:1025px){ .header-container-wrapper .header .logo{ padding: 18px 0; } } @media (min-width:768px) and (max-width:1024px){ body .header-container-wrapper .container-fluid .row-fluid .header .logo { max-width: none; float: left; width: 14.364640883%; padding: 5px 0; } } body .header-container-wrapper .container-fluid .row-fluid .lp-header { padding: 5px 0 13px; background: #fff; } body .header-container-wrapper .container-fluid .row-fluid .header{ background: #fff; left: 0; right: 0; width: 100%; margin: 0 auto; position: relative; z-index: 3; transition: all .4s ease-out; -webkit-transition: all .4s ease-out; max-width:100%; } .header-container-wrapper .header .hs-menu-wrapper{ float:right; line-height:.6; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{ margin-bottom:0; list-style-type: none !important; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a{ max-width: none; color: #000; font-size: 15px; line-height:normal; letter-spacing: .1px; font-weight: 400; padding: 9px 25px; text-transform:none; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{ color: #7dc037; } @media (min-width:1024px){ .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul:before{ content: ''; position: absolute; top: -27px; left: 32px; width: 0px; height: 20px; background: transparent; border-left: 8px solid transparent; border-bottom: 8px solid #fff; border-right: 8px solid transparent; pointer-events: none; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul ul:before{ display:none; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul{ background:#fff; border:1px solid #E5E5E5; padding: 8px 0; border-radius:10px; } ul>li.hs-item-has-children>a{ position:relative; } ul>li.hs-item-has-children ul li.hs-item-has-children>a:after{ color:#000; } body .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ padding-right:55px; } } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul li{ margin-bottom:0; list-style-type: none; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1>a{ padding:25px 0px 25px 25px; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul li a{ color: #000; width: auto; min-width: 100px; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul li a:hover { color: #7dc037; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active>a, .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul li.active a{ color: #000; } .header .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: 100% } @media (max-width:1024px) and (min-width:768px){ .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul:before { left: 20px; } } @media (max-width:1024px){ .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a { padding: 9px 10px; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1>a{ padding: 22px 2px; padding-right: 18px; font-size:15px; } } @media (min-width:1025px){ body .row-fluid .header .logo{ width: 100%; max-width: 120px; float: left; } .custom-menu-primary .hs-menu-wrapper{ display:block !important; } body .header .row-fluid .search-group { width: 4.801105%; float:right; margin-left: 4px; } } @media (min-width:768px) and (max-width:1024px){ .row-fluid [class*="span"].wrapper { padding: 0 40px; } } @media (max-width:767px){ .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul li a{ color:#000; } } /*============================================== CTA Header Styling ==============================================*/ #hs_cos_wrapper_module_1615901882176241 { position: absolute!important; top: 25px!important; cursor: pointer!important; min-width: 50px!important; min-height: 40px!important; padding: 0!important; margin: 0!important; -webkit-user-select: none!important; -o-user-select: none!important; user-select: none!important; z-index: 99999999999!important; box-sizing: content-box!important; } #hs_cos_wrapper_module_161592862863468 { position: relative !important; top: 25px !important; right: 0px !important; cursor: pointer !important; min-width: 50px !important; min-height: 40px !important; padding: 0 !important; margin: 0 !important; -webkit-user-select: none !important; -o-user-select: none !important; user-select: none !important; z-index: 99999999999 !important; box-sizing: content-box !important; } #hs_cos_wrapper_module_1615991879842205 { position: relative !important; top: 25px !important; right: 0px !important; text-align: right; cursor: pointer !important; min-width: 50px !important; min-height: 40px !important; padding: 0 !important; margin: 0 !important; -webkit-user-select: none !important; -o-user-select: none !important; user-select: none !important; z-index: 99999999999 !important; box-sizing: content-box !important; } .lang_switcher_class .globe_class .lang_list_class li{ margin-bottom: 0px !important; list-style-type: none !important; } .header-cta { text-align: right; } .header-cta .cta_button { padding: 10px 10px; font-size: 11px !important; line-height: 18px; color: #fff; background: #7dc037; font-weight: 500; letter-spacing: normal; border: 1px #7dc037 solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transform: translate(0); } a.cta_button:hover,body .header-cta { transform: translate(0); } @media (max-width: 1024px) and (min-width: 768px){ .header-cta .cta_button { padding: 10px 5px; } .header-cta .widget-type-cta{ padding-bottom: 10px; margin-top: 10px; } } @media (max-width:767px){ .header-cta .cta_button { display: none; } #hs_cos_wrapper_module_1615901882176241 { right: 50px !important; } #hs_cos_wrapper_module_161592862863468 { position: absolute!important; top: 25px!important; right: 60px !important; } #hs_cos_wrapper_module_1615991879842205 { position: absolute!important; top: 25px!important; right: 60px !important; } } /*============================================================================== JUMBO LP FOOTER ==============================================================================*/ .jumbo-lp-footer{ padding:1px 0; border-top:1px solid #e7e7e7; } .jumbo-lp-footer .footer-logo img { width: 100%; max-width: 210px; } .jumbo-lp-footer p{ font-size:14px; } @media (max-width:767px){ .jumbo-lp-footer p{ font-size:14px; } .jumbo-lp-footer .footer-logo{ margin-bottom: 10px; } } /*================================================= Fixed Nav Styling ==================================================*/ body .container-fluid .row-fluid .header.fixed { overflow:hidden; background: #fff; } /*================================================= Footer Styling ==================================================*/ .footer{ padding: 45px 0 55px; border-top:1px solid #dadada; } .footer .logo img{ width:100%; max-width:200px; } .footer .blog-subscribe h3{ font-size: 10px; letter-spacing: 1px; color: #515356; font-weight: 800; text-transform:uppercase; } .footer .row-fluid .right-col { width: 67%; float: right; } .footer .row-fluid .right-col .four-col{ width:100%; max-width:20%; } .footer .row-fluid .right-col .blog-subscribe{ width:100%; max-width:31%; float:right; } .footer .hs-menu-wrapper ul li{ margin-bottom:3px; margin-left:0; list-style-type: none; } .footer .hs-menu-wrapper ul li a{ padding: 0; color: #424242; font-size: 16px; line-height: 24px; letter-spacing: .2px; font-weight: 400; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .footer .four-col h6 { font-size: 17px; font-weight: 600; color:#000; line-height: 23px; letter-spacing: .2px; margin-bottom: 10px; } .footer .hs-menu-wrapper ul li a:hover{ color:#7dc037; } .footer .social-icons .fa{ width: 50px; height: 50px; text-align: center; background: #000; line-height: 50px; font-size: 20px; border-radius: 50%; color: #fff; margin-right: 8px; -webkit-transition:all .2s ease-in; transition:all .2s ease-in; } .footer .social-icons .fa:hover{ background: #7dc037; } body .footer input[type="text"], body .footer input[type="password"], body .footer input[type="datetime"], body .footer input[type="datetime-local"], body .footer input[type="date"], body .footer input[type="month"], body .footer input[type="time"], body .footer input[type="week"], body .footer input[type="number"], body .footer input[type="email"], body .footer input[type="url"], body .footer input[type="search"], body .footer input[type="tel"], body .footer input[type="color"], body .footer select, body .footer textarea{ height: 36px; border-color:#eeeeee; border-radius:5px; margin:0; padding: 0 10px; } body .footer .row-fluid form textarea{ height:80px; } body .footer .row-fluid .widget-type-form h3, body .footer .row-fluid .widget-type-blog_subscribe h3{ margin:0; line-height: 1.4; } body .footer .row-fluid form .hs_submit{ padding: 9px 0; width:100%; margin-top:5px; } body .footer .row-fluid form .hs-button{ padding: 9px 0; width:100%; } .footer ul.hs-error-msgs { margin: 0; position: relative; top: 0; } @media (max-width:1024px){ .footer .row-fluid .right-col { width: 70%; } } @media (min-width:768px) and (max-width:1024px){ .footer .social-icons .fa{ margin-right:4px; } .footer .four-col h6{ font-size:15px; } } @media (max-width:767px){ .footer .row-fluid .right-col { width: 100%; margin-top: 20px; } .footer .logo{ text-align:center; } .footer .row-fluid .right-col .four-col { max-width: 100%; float:left; text-align:center; } .footer .row-fluid .right-col .social-icons{ max-width: 100%; margin:0; } .footer .row-fluid .right-col .blog-subscribe { max-width: 100%; margin-top:30px; } .footer .logo{ margin:0; } .footer .four-col h6 { margin-bottom: 6px; margin-top:20px; } .footer { padding: 50px 0px; } .footer .social-icons .fa { margin: 12px 6px 0; } } /* ========================================================================== New Footer ========================================================================== */ .footer-menu-col { width: 16.6%; } .footer-menu-col .footer-menu-item { min-height: 1px; padding-left: 15px; padding-right: 15px; } /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Set ul background color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:#fff; } .custom-menu-primary .hs-menu-wrapper > ul > li{ background:#fff; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color:#11170a; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:#7dc037; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:#fff; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:#11170a; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:#7dc037; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (max-width:768px) { .custom-menu-primary .hs-menu-wrapper { display:none; } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } @media (max-width: 1024px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: 10px; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#7dc037; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; cursor: pointer; position: absolute; top: -6px; right: 10px; width: auto; height: auto; padding: 0; background: transparent; border: 0; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; color: #7dc037; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#7dc037; background-color: #ffffff; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#7dc037; background-color: #ffffff; border-color: transparent; } /* Toggle Button Icon ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: -7px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 22px; /* Icon line width */ height: 2px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #7dc037; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ top: -6px; /* Position top line */ } .mobile-trigger i:after{ top: 6px; /* Position bottom line */ } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #7dc037; /* Icon color */ } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#7dc037; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled{ position: relative; padding-top: 44px; /* Makes room for button */ margin: 10px 0 10px 0; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#ffffff; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color:#7dc037; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#7dc037; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 15px; /* Indent Child lists */ font-size: 13px !important; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } @media (max-width:1024px){ body .row-fluid .header .hs-menu-wrapper{ display:none; } .header-container-wrapper .header .wrapper { padding: 0 20px; } .header .logo { position:relative; z-index:14; } .header-container-wrapper .row-fluid .header .top-nav { max-width: 100%; position: relative; left: 0; right: 0; z-index: 11; padding-top: 25px; top:3px; } .mobile-trigger { border: 0; top: -1px; right: 0px; background:transparent; padding: 10px; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after { width: 25px; background: #7dc037; } .mobile-trigger i:before { top: -6px; } .mobile-trigger i:after { top: 6px; } .mobile-open .mobile-trigger { background-color: transparent; } .mobile-trigger:hover { background-color: rgba(0, 0, 0, 0); border-color: transparent; } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after { background-color: #7dc037; } .mobile-trigger i{ transition: all .5s ease-in; } .mobile-open .mobile-trigger i{ background:transparent; transition: all .1s ease-in; } .mobile-trigger i:before, .mobile-trigger i:after{ transition: all .3s ease-in; } .mobile-open .mobile-trigger i:before { top: 0; transform: rotate(45deg); } .mobile-open .mobile-trigger i:after{ top: 0; transform: rotate(-45deg); } body .header-container-wrapper .row-fluid .logo{ max-width:120px; float:left; } .header-container-wrapper .header .hs-menu-wrapper { top: 25px; position: absolute; left: -20px; right: -20px; width: auto; } body .row-fluid .search-group{ display:none; } .custom-menu-primary.js-enabled { position: relative; padding-top: 0; } .header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a { padding: 15px 10px; } body .header-container-wrapper .container-fluid .row-fluid .header { position: relative; padding:10px 0 12px; } } /************************************************************** Section-Ebook-WhitePaper **************************************************************/ .global-wp-section{ padding:100px 0px; position:relative; } .global-wp-section h2, .global-wp-section h3, .global-wp-section h4, .global-wp-section p, .global-wp-section li{ color:#ffffff; } .global-wp-section .wrapper{ position:relative; z-index:1; } .global-wp-section:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; display: block; background: rgba(0, 0, 0, 0.85) ; } /************************************************************** Manufacturing-Ebook-WhitePaper **************************************************************/ .manufacturing-wp-section { padding:100px 0px; position:relative; } .manufacturing-wp-section .wrapper{ position:relative; z-index:1; } /****************************************** TALK TO US SECTION ******************************************/ .jumbo-talk-to-us{ padding:100px 0; } body .container-fluid .row-fluid .jumbo-talk-to-us .section-heading{ max-width:1060px; padding:0; } body .row-fluid .jumbo-talk-to-us .icon-img{ width: 100%; max-width: 50px; margin: 20px auto 30px; float: none; } .jumbo-talk-to-us .button a{ color: #fff; border: 1px solid; border-radius: 50px; padding: 17px 18px; display: inline-block; margin-top: 10px; } .jumbo-talk-to-us .button a:hover { color: #7dc037; background: #fff; border: 1px solid; border-radius: 50px; padding: 17px 18px; display: inline-block; margin-top: 10px; } @media (min-width:768px){ body .container-fluid .row-fluid .jumbo-talk-to-us .left-col, body .container-fluid .row-fluid .jumbo-talk-to-us .right-col{ margin:0; width:50%; padding:0 20px; } } body .container-fluid .row-fluid .jumbo-talk-to-us .left-col, body .container-fluid .row-fluid .jumbo-talk-to-us .right-col{ position:relative } body .container-fluid .row-fluid .jumbo-talk-to-us .left-col:before{ position: absolute; content: ''; right: 0; top: 20px; bottom: 0; width: 1px; background: #fff; } @media (max-width:1024px){ .jumbo-talk-to-us { padding: 70px 0; } } @media (max-width:767px){ body .container-fluid .row-fluid .jumbo-talk-to-us .section-heading { padding: 0; margin-bottom: 0; } body .container-fluid .row-fluid .jumbo-talk-to-us .left-col:before, body .container-fluid .row-fluid .jumbo-talk-to-us .right-col:before{ display:none; } body .row-fluid .jumbo-talk-to-us .icon-img{ margin: 20px auto 20px; } body .container-fluid .row-fluid .jumbo-talk-to-us .right-col{ padding-top:40px; } .jumbo-talk-to-us { padding: 50px 0; } } /*============================================================================== JUMBO LP HEADER ==============================================================================*/ .jumbo-lp-header{ background:#fff; padding:1px 0; } .jumbo-lp-header .lp-logo img{ max-width: 210px; } .jumbo-lp-header .right-cta a.cta_button{ font-size: 14px; padding: 10px 25px; background: transparent; border: 2px solid; } .jumbo-lp-header .right-cta a.cta_button:hover{ transform: translate(0); box-shadow: none; color: #7fc037; } @media (max-width:767px){ .jumbo-lp-header .lp-logo img { max-width: 140px; } body .row-fluid .jumbo-lp-header .lp-logo{ width:140px; float:left; } body .row-fluid .jumbo-lp-header .right-cta{ width:48%; float:right; text-align:right; } .jumbo-lp-header .right-cta a.cta_button { font-size: 12px; padding: 4px 12px; } } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* JUMBO PACK 1 Style ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ .jumbo1-primary-banner{ padding:170px 0 100px; background-size:cover; background-repeat:no-repeat; } .jumbo1-primary-banner p{ font-size: 18px; color: #fff; font-weight: 300; line-height:30px; } /*================================================= Home Primary Banner ================================================*/ .row-fluid .jumbo1-home-primary-banner { padding:220px 0 160px; text-align:center; background-size:cover; } .row-fluid .jumbo1-home-primary-banner p{ color:#fff; } body .row-fluid .jumbo1-home-primary-banner .heading{ width: 100%; max-width: 860px; float: none; margin: 0 auto; } .row-fluid .jumbo1-home-primary-banner h4{ color: #fff; max-width: 550px; margin: 20px auto 15px; } .row-fluid .jumbo1-home-primary-banner .ctas-row{ max-width:550px; margin:0 auto; float: none; } /*=================Responsive Hero Primary Banner====================*/ @media (max-width:1024px){ .row-fluid .jumbo1-home-primary-banner { padding: 175px 0 130px; } } @media (max-width:767px){ .row-fluid .jumbo1-home-primary-banner { padding: 150px 0 60px; } body .row-fluid .jumbo1-home-primary-banner a.cta_button { min-width: 145px; } .jumbo1-primary-banner { padding: 160px 0 50px; } .row-fluid .jumbo1-home-jumbo1-primary-banner .left-cta { max-width: 100%; } .row-fluid .jumbo1-home-primary-banner p { font-size: 18px; line-height: 26px; } } .jumbo-1-home-section-center-image{ text-align:center; padding:40px 0 70px; } .jumbo-1-home-section-center-image iframe{ max-width:660px; margin:0 auto; } /*================================================= Section 1 ================================================*/ .jumbo-1-home-services-four-col{ border-top: 1px solid #e1e2e3; } body .row-fluid .jumbo-1-home-services-four-col .wrapper{ max-width:1260px; } .jumbo-1-home-services-four-col .four-col{ padding: 65px 30px 45px; text-align:center; } .jumbo-1-home-services-four-col img{ max-width: 40px; } .jumbo-1-home-services-four-col .four-col h5{ margin-top:20px; } @media(min-width:768px){ .jumbo-1-home-services-four-col .four-col{ padding: 65px 20px 45px; text-align:center; margin: 0px; width: 25%; } } .jumbo-1-home-services-four-col .fa{ color: #515356; } /*=================Responsive Section 1====================*/ @media (max-width:1024px){ .jumbo-1-home-services-four-col .four-col .fa{ font-size: 20px; } } @media (max-width:767px){ .jumbo-1-home-services-four-col { padding: 45px 0 30px; } .jumbo-1-home-services-four-col .four-col { padding: 10px 0; text-align: center; border: 0; } .jumbo-1-home-services-four-col .four-col .fa { font-size: 40px; margin-bottom: 14px; } } .jumbo-1-home-section-modify { padding:65px 0px 20px; } .jumbo-1-home-section-modify h2{ text-align: center; padding-bottom: 5px; } .jumbo-1-home-section-modify .row-fluid .widget-type-rich_text{ max-width: 770px; margin: 0 auto; float: none; padding-bottom:0px; } @media (max-width:767px){ .jumbo-1-home-section-modify { padding: 35px 0px 20px; } .jumbo-1-home-section-center-image { padding: 0px 0 40px; } } /*================================================= Section 2 ================================================*/ .jumbo-1-home-two-col-right-image{ padding:70px 0; } .jumbo-1-home-two-col-right-image .left-col{ padding-right:4%; } .jumbo-1-home-two-col-right-image h2{ color:#fff; } .jumbo-1-home-two-col-right-image .cta_button{ border:1px solid #fff; background:transparent; } /*=================Responsive Section 2====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo-1-home-two-col-right-image .left-col { padding-right: 0; margin-bottom: 0; } .jumbo-1-home-two-col-right-image { padding: 45px 0; } } /*================================================= Section 3 Left Col Image ================================================*/ .jumbo-1-home-section-benefits-left-img{ padding:100px 0; } @media (min-width:768px){ .jumbo-1-home-section-benefits-left-img .right-col{ padding-left:40px; } } @media (max-width:1024px){ .jumbo-1-home-section-benefits-left-img{ padding:70px 0; } } @media (max-width:767px){ .jumbo-1-home-section-benefits-left-img .left-col{ margin-bottom:40px; } .jumbo-1-home-section-benefits-left-img{ padding:50px 0; } } /*================================================= Section 3 ================================================*/ .jumbo1-home-section-benefits{ padding: 90px 0; } .jumbo-1-home-section-benefits .heading{ margin-bottom:20px; } .jumbo-1-home-section-benefits .offers{ margin-bottom:15px; } .jumbo-1-home-section-benefits .image{ margin-top:0px; } .jumbo-1-home-section-benefits .left-col{ padding-right:8%; } .jumbo-1-home-three-col{ background:#fafafa; } .jumbo-1-home-three-col h4{ margin-top:15px; } .jumbo-1-home-three-col .three-col{ margin-top:30px; margin-bottom:30px; padding:0 10px; } .jumbo-1-home-three-col .service-image img{ max-width:40px; } /*=================Responsive Section 3====================*/ @media (max-width:1024px){ .jumbo1-home-section-benefits{ padding: 60px 0; } } @media (max-width:767px){ .jumbo-1-home-section-benefits { padding: 45px 0; } .jumbo-1-home-section-benefits .offers { margin-bottom: 22px; text-align: center; } .jumbo-1-home-section-benefits .offers img{ margin-bottom: 15px; } .jumbo-1-home-section-benefits .fa { font-size: 45px; margin-bottom: 20px; } .jumbo-1-home-section-benefits .image { margin-top: 10px; } .jumbo-1-home-three-col .span4{ margin-bottom:30px; } .jumbo-1-home-three-col .three-col{ margin-top:20px; margin-bottom:0; padding:0 ; } .offers h5 { padding-top: 10px; } } /*================================================= Home Four Col ================================================*/ .jumbo-1-home-four-col .case-study-slider { margin-top:40px; } .jumbo-1-home-four-col .jumbo1-homepage-case-study{ padding:0 16px; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .image-container{ height:260px; margin-bottom:0px; position:relative; padding:10px; } .jumbo1-homepage-case-study.span12:hover .image-container:before{ background-color: rgba(48,52,66,.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s ease-out; content:''; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .image-container .desc-container{ border: 1px solid transparent; position: relative; height: 100%; display: flex; display: -webkit-flex; display: -ms-flex; display: -moz-flex; align-items: center; justify-content: center; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -ms-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; opacity: 0; z-index:23; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .image-container .desc-container .overlay-border:after, .jumbo-1-home-four-col .jumbo1-homepage-case-study .image-container .desc-container .overlay-border:before{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: -webkit-transform .4s ease; transition: transform .4s ease; z-index: 1; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .image-container .desc-container .overlay-border{ border:2px solid transparent; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .image-container .desc-container .overlay-border:after{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scaleX(0); transform: scaleX(0); } .jumbo1-homepage-case-study.span12:hover .image-container .desc-container .overlay-border:after, .jumbo1-homepage-case-study.span12:hover .image-container .desc-container .overlay-border:before { -webkit-transform: scale(1); transform: scale(1); } .jumbo-1-home-four-col .jumbo1-homepage-case-study .image-container .desc-container .overlay-border:before { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scaleY(0); transform: scaleY(0); } .jumbo1-homepage-case-study.span12:hover .desc-container .overlay-border:after, .jumbo1-homepage-case-study.span12:hover.image-container .desc-container .overlay-border:before { -webkit-transform: scale(1); transform: scale(1); } .jumbo1-homepage-case-study.span12:hover .image-container .desc-container{ opacity:1; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .description{ color: #fff; max-height: 220px; overflow: hidden; padding: 0 20px; text-align: center; } .jumbo-1-home-four-col .slick-arrow { position: absolute; width: 22px; z-index: 11; top: 110px; cursor: pointer; } .jumbo-1-home-four-col .slick-next { right: -42px; } .jumbo-1-home-four-col .slick-prev { left: -42px; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .text-container{ padding:20px; background:#ffffff; margin-bottom: 1.25rem; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .text-container h4{ margin-top:0; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .text-container .read-more a{ color: #00baf7; text-decoration:none; font-weight: normal; } .jumbo-1-home-four-col .jumbo1-homepage-case-study .text-container .read-more a:focus{ outline:none; } .jumbo1-homepage-case-study.span12:hover .text-container{ box-shadow: 0 10px 12px 0 rgba(0,0,0,.22); } @media (max-width:1024px){ .jumbo-1-home-four-col .slick-next { right: -23px; } .jumbo-1-home-four-col .slick-prev { left: -23px; } .jumbo-1-home-four-col .case-study-slider { margin-top:20px; } } @media (max-width:1024px){ .jumbo-1-home-four-col .jumbo1-homepage-case-study{ padding:0 22px; } .jumbo-1-home-four-col .slick-arrow { width: 14px; } .jumbo-1-home-four-col .slick-next { right: 0; } .jumbo-1-home-four-col .slick-prev { left: 0; } .jumbo-1-home-four-col,.jumbo-1-home-three-col{ padding:40px 0; } .jumbo-1-home-four-col .case-study-slider { margin-top:10px; } } /*================================================= Logo Section ================================================*/ .jumbo-1-home-logo-section{ padding:70px 0 54px; border-bottom: solid 1px #e4e4e3; } .jumbo-1-home-logo-section ul{ text-align:center; margin:0; padding:0; } .jumbo-1-home-logo-section ul li:before{ display:none; margin:0; padding:0; } .jumbo-1-home-logo-section ul li{ padding: 0; display: inline-block; width: 100%; max-width: 16%; margin: 10px 1%; } .jumbo-1-home-logo-section ul li img{ -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .jumbo-1-home-logo-section .logo-titles { text-align: center; font-size: 18px; font-weight:300; padding-top: 0px; padding-bottom: 10px; } @media (max-width:767px){ .jumbo-1-home-logo-section ul li { max-width: 38%; margin: 8px 4%; } .jumbo-1-home-logo-section .logo-titles { font-size: 16px; line-height:26px; } .jumbo-1-home-logo-section { padding: 34px 0 30px; } } /*================================================= Blog Section ================================================*/ .jumbo1-home-blog-section{ border-top: 1px solid #e1e2e3; } .jumbo1-home-blog-section .heading{ margin-bottom:15px; } .jumbo1-home-blog-section .cta{ margin-top:50px; } .jumbo1-home-blog-section .hs-rss-module{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .jumbo1-home-blog-section .hs-rss-item.hs-with-featured-image { overflow: hidden; width: 100%; max-width: 30.9%; float: left; flex-direction: column; margin: 0 1.2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; background: #fff; border: 1px solid #e7e7e7; } .jumbo1-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 100%; float: right; padding-right: 20px; box-sizing: border-box; order: 2; padding: 20px 35px 14px; border-top: 0; border-top: 1px solid #e7e7e7; } .jumbo1-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: 100%; float: left; order: 1; } .jumbo1-home-blog-section .hs-rss-title,.post-wrapper h2,.post-wrapper h2 a{ font-size: 20px; font-weight: 400; color: #0d2e4f; line-height: 26px; } .jumbo1-home-blog-section .hs-rss-description p, .post-summary p{ margin: 10px 0px; } .jumbo1-home-blog-section .hs-rss-description p a,.read-more-link a{ display: block; color: #7dc037; font-weight: 400; } .jumbo1-home-blog-section .post-image { min-height: 260px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; position:relative; } .jumbo1-home-blog-section .post-image a.featured-image-link { position: absolute; width: 100%; height: 100%; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; } .jumbo1-home-blog-section .item.span4{ border: 1px solid #e2e3e4; transition: all .3s ease-out; } .jumbo1-home-blog-section .item.span4:hover{ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25); } .jumbo1-home-blog-section .item-wrapper { padding: 25px 25px; } /*=================Responsive Section 5====================*/ @media (max-width:1024px){ .jumbo1-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding: 20px 20px 14px; } } @media (max-width:767px){ .jumbo1-home-blog-section .hs-rss-item.hs-with-featured-image { max-width: 100%; margin: 0; margin-bottom: 20px; } .jumbo1-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding: 16px 20px 14px; } .jumbo1-home-blog-section .hs-rss-module{ display:block; } .jumbo1-home-blog-section{ padding: 45px 0; } .jumbo1-home-blog-section .cta { margin-top: 20px; } .jumbo1-home-blog-section .heading { margin-bottom: 0; padding: 0; } .jumbo1-home-blog-section .item.span4 { margin-top:30px; } } /*================================================= Section Contact Us ================================================*/ .jumbo-1-home-section-contact-us{ padding:60px 0 70px; background-position: top center; background-size: cover; background-repeat: no-repeat; position:relative; } .jumbo-1-home-section-contact-us .wrapper{ position:relative; z-index:1; } .jumbo-1-home-section-contact-us:before{ content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; background:rgba(0,0,0,0.5); } /*=================Responsive Section 6====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo-1-home-section-contact-us { padding: 45px 0 50px; } } /*================================================= Section 1 ================================================*/ .jumbo1-about-our-services{ position:relative; padding:50px 0 60px; } .jumbo1-about-our-services h2{ margin-bottom:20px; } .jumbo1-about-two-col-right-side-image .row-fluid .short-title-wrap, .jumbo1-about-our-services .row-fluid [class*="span"].wrapper{ max-width: 790px; margin: 0 auto; text-align: center; float:none; } .jumbo1-about-two-col-right-side-image .left-col h4{ font-size: 20px; font-weight: 400; margin-bottom: 0px; line-height: 30px; font-family: 'museo-sans', sans-serif; } .jumbo1-about-two-col-right-side-image .left-col p{ } /*=================Responsive Section 1====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-about-our-services { padding: 45px 0 50px; } } /*================================================= Section 2 ================================================*/ .jumbo1-about-two-col-right-side-image{ padding:100px 0; } .jumbo1-about-two-col-right-side-image .left-col{ padding-right:8%; } /*=================Responsive Section 2====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-about-two-col-right-side-image { padding: 45px 0 50px; } .jumbo1-about-two-col-right-side-image .left-col { padding-right: 0; margin-bottom: 40px; } body .container-fluid .row-fluid .pad-bottom { margin-bottom: 40px; } } /*================================================= Section 3 ================================================*/ .jumbo1-about-section-our-team{ padding: 60px 0 80px; } .jumbo1-about-section-our-team .social-icons .fa { width: 24px; height: 24px; text-align: center; background: #cbcbcb; line-height: 24px; font-size: 12px; border-radius: 50%; color: #fff; margin-right: 8px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } body .row-fluid .jumbo1-about-section-our-team .four-col{ width:100%; max-width:25%; margin:0; height: 249px; } body .row-fluid .jumbo1-about-section-our-team .wrapper{ max-width: 1000px; padding: 0; } .jumbo1-about-section-our-team .description{ padding:28px; } .jumbo1-about-section-our-team .image{ margin-top:70px; } .jumbo1-about-section-our-team .left-col{ padding-right:8%; } .jumbo1-about-section-our-team .description p{ max-height: 48px; overflow:hidden; } /*=================Responsive Section 3====================*/ @media (max-width:1024px){ .jumbo1-about-section-our-team .description { padding: 12px 12px 0px 12px; } body .row-fluid .jumbo1-about-section-our-team .four-col { height: 192px; } .jumbo1-about-section-our-team .description h6, .jumbo1-about-section-our-team .description p { margin-bottom: 4px; } body .row-fluid .jumbo1-about-section-our-team .wrapper { max-width: 768px; } } @media (max-width:767px){ body .row-fluid .jumbo1-about-section-our-team .wrapper { max-width: 320px; } body .row-fluid .jumbo1-about-section-our-team .four-col { max-width: 50%; height: 159px; float: left; } body .row-fluid .jumbo1-about-section-our-team .float-right { float: right; } .jumbo1-about-section-our-team .description h6, .jumbo1-about-section-our-team .description p { margin-bottom: 4px; display: none; } .jumbo1-about-section-our-team { padding: 45px 0 50px; } } /*========================================================================= SERVICES PAGE =========================================================================*/ /*================================================= Section 1 ================================================*/ .jumbo1-services-three-col{ position:relative; } .jumbo1-services-three-col .left-col img{ position: absolute; top: 0; bottom: 0; left: 0; height:100%; max-width: 38%; } body .row-fluid .jumbo1services-three-col .right-col{ padding: 28px 0 18px 64px; min-height: 310px; } .jumbo1-services-four-col img { max-width: 40px; } .jumbo1-services-four-col h5 { margin-top: 20px; } /*=================Responsive Section 1====================*/ @media (max-width:1024px){ } @media (max-width:767px){ body .container-fluid .jumbo1-services-three-col .row-fluid .pad-bottom { margin-bottom: 55px; } .jumbo1-services-three-col .span3{ margin-bottom: 30px; } .jumbo1-services-three-col{ padding:45px 0 20px; } .jumbo1-services-four-col .simple-arrow-cta{ padding-bottom:40px; } .jumbo1-services-four-col .wrapper .row-fluid-wrapper:last-child > .row-fluid .simple-arrow-cta:last-child { padding-bottom: 0; } } /*================================================= Section 2 ================================================*/ .jumbo1-services-section-benefits{ padding: 60px 0 0px; } .jumbo1-services-section-benefits .heading{ margin-bottom:20px; } .jumbo1-services-section-benefits .offers{ margin-bottom:15px; } .jumbo1-services-section-benefits .image{ margin-top:0px; } .jumbo1-services-section-benefits .left-col{ padding-right:8%; } /*=================Responsive Section 2====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-services-section-benefits { padding: 50px 0 0px; } .jumbo1-services-section-benefits .offers { margin-bottom: 22px; text-align: center; } .jumbo1-services-section-benefits .fa { font-size: 45px; margin-bottom: 20px; } .jumbo1-services-section-benefits .image { margin-top: 10px; } } /*================================================= Section 3 ================================================*/ .jumbo1-services-section-download-resource{ padding:60px 0 70px; } .jumbo1-services-section-download-resource h2, .jumbo1-services-section-download-resource p{ color:#fff; } /*=================Responsive Section 3====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-services-section-download-resource { padding: 45px 0 50px; } } /*================================================= Section 4 ================================================*/ .jumbo1-services-section-case-study{ padding: 60px 0 80px; } .jumbo1-services-section-case-study .social-icons .fa { width: 24px; height: 24px; text-align: center; background: #4a4a4a; line-height: 24px; font-size: 12px; border-radius: 50%; color: #fff; margin-right: 8px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } body .row-fluid .jumbo1-services-section-case-study .four-col{ width:100%; max-width:25%; margin:0; } body .row-fluid .jumbo1-services-section-case-study .wrapper{ max-width: 1000px; padding: 0; } .jumbo1-services-section-case-study .description{ padding:20px; } .jumbo1-services-section-case-study .image{ margin-top:70px; } .jumbo1-services-section-case-study .left-col{ padding-right:8%; } /*=================Responsive Section 4====================*/ @media (max-width:1024px){ .jumbo1-services-section-case-study .description { padding: 12px 12px 0px 12px; } body .row-fluid .jumbo1-services-section-case-study .four-col { height: 192px; } body .row-fluid .jumbo1-services-section-case-study .wrapper { max-width: 768px; } .jumbo1-services-section-case-study .description p{ max-height: 95px; overflow:hidden; margin:0; } } @media (max-width:767px){ body .row-fluid .jumbo1-services-section-case-study .wrapper { max-width: 320px; } body .row-fluid .jumbo1-services-section-case-study .four-col { max-width: 50%; height: 159px; float: left; } body .row-fluid .jumbo1-services-section-case-study .float-right { float: right; } .jumbo1-services-section-case-study .description p { max-height: 46px; overflow: hidden; margin: 0; } body .container-fluid .jumbo1-services-section-case-study .row-fluid .pad-bottom { margin-bottom: 40px; } .jumbo1-services-section-case-study { padding: 45px 0 50px; } .jumbo1-services-section-case-study .cta { margin-top: 20px; } } /*================================================= Section Contact Us ================================================*/ .jumbo1-services-section-contact-us{ padding:60px 0 70px; background-position: top center; background-size: cover; background-repeat: no-repeat; position:relative; } .jumbo1-services-section-contact-us h2, .jumbo1-services-section-contact-us p{ color:#ffffff; } .jumbo1-services-section-contact-us .wrapper{ position:relative; z-index:1; } .jumbo1-services-section-contact-us:before{ content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; background:rgba(0,0,0,0.5); } /*=================Responsive Section 6====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-services-section-contact-us { padding: 45px 0 50px; } } .jumbo1-services-generic-page-section { padding: 70px 0 90px; } body .row-fluid .jumbo1-services-generic-page-section .wrapper { max-width: 800px; } .jumbo1-services-generic-page-section img, .jumbo1-services-generic-page-section iframe { margin: 40px auto; display: block; } /*========================================================================= PRODUCT PAGE =========================================================================*/ /*================================================= Section 1 ================================================*/ .jumbo1-product-three-col{ position:relative; } .jumbo1-product-three-col .left-col img{ position: absolute; top: 0; bottom: 0; left: 0; height:100%; max-width: 38%; } body .row-fluid .jumbo1-product-three-col .right-col{ padding: 28px 0 18px 64px; min-height: 310px; } body .row-fluid .jumbo1-product-three-col .image{ width:100%; max-width:120px; margin:0 auto 30px; float:none; } .jumbo1-product-three-col img { max-width: 60px; } /*=================Responsive Section 1====================*/ @media (max-width:1024px){ } @media (max-width:767px){ body .container-fluid .jumbo1-product-three-col .row-fluid .pad-bottom { margin-bottom: 50px; } .jumbo1-product-three-col .span4{ margin-bottom: 50px; } .jumbo1-product-three-col{ padding: 45px 0 10px; } } /*================================================= Section 2 ================================================*/ .jumbo1-product-section-services{ padding: 60px 0; } .jumbo1-product-section-services .heading{ margin-bottom:20px; } .jumbo1-product-section-services .offers{ margin-bottom:15px; } .jumbo1-product-section-services .image{ margin-top:70px; } .jumbo1-product-section-services .left-col{ padding-right:8%; } /*=================Responsive Section 2====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-product-section-services .left-col { padding-right: 0; margin-bottom: 40px; } .jumbo1-product-section-services .border-bottom { border-bottom: 0; padding-bottom: 10px; } .jumbo1-product-section-services { padding: 45px 0 35px; } } /*================================================= Section 4 ================================================*/ .jumbo1-product-section-case-study{ padding: 60px 0 80px; } .jumbo1-product-section-case-study .social-icons .fa { width: 24px; height: 24px; text-align: center; background: #cbcbcb; line-height: 24px; font-size: 12px; border-radius: 50%; color: #fff; margin-right: 8px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } body .row-fluid .jumbo1-product-section-case-study .four-col{ width:100%; max-width:25%; margin:0; } body .row-fluid .jumbo1-product-section-case-study .wrapper{ max-width: 1000px; padding: 0; } .jumbo1-product-section-case-study .description{ padding:25px; } .jumbo1-product-section-case-study .image{ margin-top:70px; } .jumbo1-product-section-case-study .left-col{ padding-right:8%; } /*=================Responsive Section 4====================*/ @media (max-width:1024px){ .jumbo1-product-section-case-study .description { padding: 12px 12px 0px 12px; } body .row-fluid .jumbo1-product-section-case-study .four-col { height: 192px; } body .row-fluid .jumbo1-product-section-case-study .wrapper { max-width: 768px; } .jumbo1-product-section-case-study .description p{ max-height: 95px; overflow:hidden; margin:0; } } @media (max-width:767px){ body .row-fluid .jumbo1-product-section-case-study .wrapper { max-width: 320px; } body .row-fluid .jumbo1-product-section-case-study .four-col { max-width: 50%; height: 159px; float: left; } body .row-fluid .jumbo1-product-section-case-study .float-right { float: right; } .jumbo1-product-section-case-study .description p { max-height: 50px; overflow: hidden; margin: 0; } body .container-fluid .jumbo1-product-section-case-study .row-fluid .pad-bottom { margin-bottom: 40px; } .jumbo1-product-section-case-study{ padding: 45px 0 50px; } .jumbo1-product-section-case-study .cta { margin-top: 20px; } } /*========================================================================= THREE COLUMN =========================================================================*/ /*================================================= Section 1 ================================================*/ .jumbo1-threecol-section-services{ position:relative; } .jumbo1-threecol-section-services .left-col img{ position: absolute; top: 0; bottom: 0; left: 0; height:100%; max-width: 38%; } .jumbo1-threecol-section-services img{ max-width:75px; } .jumbo1-threecol-section-services h4{ margin-top:20px; } body .row-fluid .jumbo1-threecol-section-services .right-col{ padding: 28px 0 18px 64px; min-height: 310px; } /*=================Responsive Section 1====================*/ @media (max-width:1024px){ } @media (max-width:767px){ body .container-fluid .jumbo1-threecol-section-services .row-fluid .pad-bottom { margin-bottom: 40px; } .jumbo1-threecol-section-services .span4{ margin-bottom:40px; } .jumbo1-threecol-section-services .pad-t30 { padding-top: 0; } .jumbo1-threecol-section-services{ padding:45px 0 50px; } } /*================================================= Section 2 ================================================*/ .jumbo1-threecol-section-features{ padding: 60px 0; } .jumbo1-threecol-section-features .heading{ margin-bottom:20px; } .jumbo1-threecol-section-features .offers{ margin-bottom:15px; } .jumbo1-threecol-section-features .image{ margin-top:70px; } .jumbo1-threecol-section-features .left-col{ padding-right:8%; } /*=================Responsive Section 2====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-threecol-section-features .span4{ margin-bottom:40px; } .jumbo1-threecol-section-features { padding: 45px 0 15px; } } /*================================================= Section Contact Us ================================================*/ .jumbo1-threecol-section-contact-us{ padding:60px 0 70px; background-position: top center; background-size: cover; background-repeat: no-repeat; position: relative; } .jumbo1-threecol-section-contact-us .wrapper { position: relative; z-index: 1; } .jumbo1-threecol-section-contact-us:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; background: rgba(0,0,0,0.5); } /*=================Responsive Section 6====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-threecol-section-contact-us { padding: 45px 0 50px; } } /*========================================================================= FAQ PAGE =========================================================================*/ /*================================================= Section 1 ================================================*/ .jumbo1-faq-section-faq-questions{ } .jumbo1-faq-section-faq-questions .heading{ margin-bottom:80px; } .jumbo1-faq-section-faq-questions .accordion_group{ margin-bottom:25px; } .jumbo1-faq-section-faq-questions .accordion_content { padding-top: 10px; } .jumbo1-faq-section-faq-questions .accordion h5{ padding: 0 0px 0 40px; -webkit-transition: all .1s ease-in; position: relative; cursor:pointer; } .jumbo1-faq-section-faq-questions .accordion h5:before{ position: absolute; content: '\f107'; left: 0; color:#7dc037; top: 0px; width: 15px; height: 15px; font-family: FontAwesome; border: 2px solid; text-align: center; border-radius: 50%; line-height: 15px; } .jumbo1-faq-section-faq-questions .accordion .expanded h5:before{ content: '\f106'; } .jumbo1-faq-section-faq-questions .accordion p{ margin-left: 40px; margin-bottom:0px; } @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-faq-section-faq-questions { padding: 45px 0 30px; } .jumbo1-faq-section-faq-questions .heading{ margin-bottom:30px; } } /*================================================= Section Contact Us ================================================*/ .jumbo1-faq-section-contact-us{ padding:60px 0 70px; background-position: top center; background-size: cover; background-repeat: no-repeat; position:relative; } .jumbo1-faq-section-contact-us .wrapper{ position:relative; z-index:1; } .jumbo1-faq-section-contact-us:before{ content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; background:rgba(0,0,0,0.5); } /*=================Responsive Section 6====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-faq-section-contact-us { padding: 45px 0 50px; } } /*========================================================================= COntact Page =========================================================================*/ /*================================================= Section 1 ================================================*/ .jumbo1-contact-section-form{ padding: 60px 0 80px; } .jumbo1-contact-section-form .address{ font-size:10px; } body .container-fluid .row-fluid .jumbo1-contact-section-form .center-heading{ margin-bottom:70px; } .jumbo1-contact-section-form .address .fa{ font-size:14px; color: #b2b2b2; line-height: 24px; } .jumbo1-contact-section-form .map{ margin-top:16px; margin-bottom: 20px; } @media (min-width:1025px){ .jumbo1-contact-section-form .left-col{ padding-left: 55px; } .jumbo1-contact-section-form form{ width: 100%; max-width: 430px; float: right; } } /*=================Responsive Section 1====================*/ @media (max-width:1024px){ } @media (max-width:767px){ body .container-fluid .row-fluid .jumbo1-contact-section-form .center-heading { margin-bottom: 30px; } form .hs-button { width: 100%; } .jumbo1-contact-section-form .left-col{ margin-top: 20px; text-align: center; } .jumbo1-contact-section-form .address .fa { font-size: 30px; } .jumbo1-contact-section-form .address { margin-bottom: 20px; } .jumbo1-contact-section-form { padding: 45px 0 20px; } } /*========================================================================= TEAM APGE =========================================================================*/ .jumbo1-team-section-contact-us{ padding:60px 0 70px; background-position: top center; background-size: cover; background-repeat: no-repeat; position:relative; } .jumbo1-team-section-contact-us h2, .jumbo1-team-section-contact-us p{ color:#ffffff; } .jumbo1-team-section-contact-us .wrapper{ position:relative; z-index:1; } .jumbo1-team-section-contact-us:before{ content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; background:rgba(0,0,0,0.70); } /*=================Responsive Section 6====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-team-section-contact-us { padding: 45px 0 50px; } } /*================================================= Section 1 ================================================*/ .jumbo1-team-section-team-member{ position:relative; border-bottom:1px solid #e7e7e7; } .jumbo1-team-section-team-member .left-col img{ position: absolute; top: 0; bottom: 0; left: 0; height:100%; max-width: 38%; } body .row-fluid .jumbo1-team-section-team-member .right-col{ padding: 28px 0 18px 64px; min-height: 310px; } /*=================Responsive Section 1====================*/ @media (max-width:1024px){ } @media (max-width:767px){ body .container-fluid .jumbo1-team-section-team-member .row-fluid .pad-bottom { margin-bottom: 55px; } .jumbo1-team-section-team-member .span3{ margin-bottom: 30px; } .jumbo1-team-section-team-member{ padding:45px 0 20px; } } /*================================================= Team Member CM ================================================*/ .jumbo1-team-section-team-member .team-member-cm ul{ text-align:center; margin:0; } .jumbo1-team-section-team-member .team-member-cm{ margin:10px 0; } .jumbo1-team-section-team-member .team-member-cm ul li{ padding: 0; display: inline-block; width: 100%; max-width: 22%; margin: 0 1%; position:relative; border-radius:0px; overflow: hidden; border: 1px solid #ececec; border-radius: 12px; } .jumbo1-team-section-team-member .team-member-cm ul li img{ border-radius:0px; } .jumbo1-team-section-team-member .team-member-cm .member-description{ position: absolute; left: 0; right: 0; top: 100%; height:100%; bottom: 0; background: rgba(0, 0, 0, 0.45); border-radius:0px; overflow: hidden; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; /* transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); */ transition: all .2s ease-in-out; } .jumbo1-team-section-team-member .team-member-cm ul li:hover .member-description{ /*transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); */ top:0; } .jumbo1-team-section-team-member .team-member-cm ul li:before{ display:none; } .jumbo1-team-section-team-member .team-member-cm h3{ margin: 0; font-size: 16px; color: #fff; line-height: 16px; } .jumbo1-team-section-team-member .team-member-cm h4{ margin: 0; font-size: 14px; color: #fff; line-height: 14px; margin-top:6px; font-weight:300; } .jumbo1-team-section-team-member .team-member-cm ul li.remove-member{ display:none; } @media (max-width:1024px){ .jumbo1-team-section-team-member .team-member-cm { margin: 5px 0; } body .container-fluid .row-fluid .section-1 .pad-bottom { margin-bottom: 40px; } .jumbo1-team-section-team-member .team-member-cm h3 { font-size: 14px; line-height:14px; } .jumbo1-team-section-team-member .team-member-cm h2 { font-size: 12px; line-height:12px; } } @media (max-width:767px){ .jumbo1-team-section-team-member .team-member-cm{ margin:0; } .jumbo1-team-section-team-member .team-member-cm h3 { font-size: 16px; line-height:16px; } .jumbo1-team-section-team-member .team-member-cm h2 { font-size: 14px; line-height:14px; } .jumbo1-team-section-team-member .team-member-cm ul li { max-width: 100%; margin: 23px 0; max-width: 270px; margin-left: auto; margin-right: auto; display: block; width: 100%; float: none; } } /*=================================================================== SINGLE TEAM PAGE =====================================================================*/ .single-team-member{ } .jumbo1-single-team-member .social-icons{ margin-top:18px; } .jumbo1-single-team-member .social-icons .fa { width: 30px; height: 30px; text-align: center; background: #cbcbcb; line-height: 30px; font-size: 12px; border-radius: 50%; color: #fff; margin: 0 8px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .jumbo1-single-team-member .social-icons .fa:hover{ background:#000; } body .row-fluid .jumbo1-single-team-member .member-image{ width: 180px; height: 180px; margin: 0 auto; float: none; margin-bottom: 30px; overflow:hidden; border-radius:50%; border:1px solid #e7e7e7; } .jumbo1-single-team-member h3{ font-size:18px; color:#515356; line-height:18px; margin:0; margin-bottom:6px; } .jumbo1-single-team-member .left-col h4{ color:#b2b2b2; font-size:16px; line-height:16px; font-weight:300; } .jumbo1-single-team-member .right-col { border-left:1px solid #e7e7e7; padding-left:8%; } @media (max-width:767px){ .jumbo1-single-team-member .right-col { border-left: 0; border-top: 1px solid #e7e7e7; padding-left: 0; margin-top: 40px; padding-top: 25px; } } /*========================================================================= EBOOK PAGE =========================================================================*/ .jumbo1-ebook-banner{ padding:200px 0 100px; } body .row-fluid .jumbo1-ebook-banner .wrapper{ max-width:1100px; } .jumbo1-ebook-banner p{ color:#fff; } .jumbo1-ebook-banner .left-col{ padding-right:10%; } .jumbo1-ebook-banner .right-col{ background: #fff; padding: 20px 40px 40px; } .jumbo1-ebook-banner .right-col .hs-button{ margin-top: 10px; } @media (max-width:1024px){ .jumbo1-ebook-banner .left-col{ padding-right:0; } .jumbo1-ebook-banner .right-col { padding: 10px 26px 25px; } } @media (max-width:767px){ .jumbo1-ebook-right-side-image{ padding: 70px 0 50px; } .jumbo1-ebook-right-side-image{ padding:50px 0 30px; } .jumbo1-ebook-right-side-image .right-col{ margin-top:25px; } .jumbo1-ebook-banner { padding: 100px 0 50px; } } /*========================================================================= GENERIC PAGE =========================================================================*/ .jumbo1-generic-page-section{ padding:70px 0 90px; } body .row-fluid .jumbo1-generic-page-section .wrapper{ max-width:800px; } .jumbo1-generic-page-section img, .jumbo1-generic-page-section iframe{ margin: 40px auto; display: block; } .jumbo1-generic-page-section a{ color:#7dc037; font-weight:400 } @media (max-width:767px){ .jumbo1-generic-page-section{ padding:40px 0 50px; } .jumbo1-generic-page-section img, .jumbo1-generic-page-section iframe{ margin: 30px auto; } } /*========================================================================= JUMBO 1 LP =========================================================================*/ .jumbo1-lp-section-three-col{ padding-bottom:50px; } .jumbo1-lp-section-three-col h4{ margin-top:20px; } .jumbo1-lp-section-three-col .row-fluid .icons{ width: 100%; max-width: 46px; margin-top: 4px; text-align:center; } .jumbo1-lp-section-three-col .icons .fa{ font-size:36px; color:#7dc037; } .jumbo1-lp-section-three-col .three-col{ margin:20px 0; } .jumbo1-lp-section-three-col h4+p{ margin-top:5px; } /*======================================================== Section Left Side Image =======================================================*/ /*=================================================== Section Right Side Image ==============================================*/ .jumbo1-lp-section-right-side-image .image{ float:right; } /*======================================================== Section Left Side Image =======================================================*/ /*===================================== jumbo1-lp-section-product-specifications ====================================*/ .jumbo1-lp-section-product-specifications { padding-bottom:40px; } .jumbo1-lp-section-product-specifications .four-col{ text-align:center; padding: 20px 0; } .jumbo1-lp-section-product-specifications .fa{ color: #7dc037; font-size: 40px; margin-bottom: 4px; } .jumbo1-lp-section-product-specifications h4{ padding:10px 0 ; } /*================================================= Section Contact Us ================================================*/ .jumbo1-lp-section-contact-us{ padding:60px 0 70px; background-position: top center; background-size: cover; background-repeat: no-repeat; position:relative; } .jumbo1-lp-section-contact-us .wrapper{ position:relative; z-index:1; } .jumbo1-lp-section-contact-us:before{ content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; background:rgba(0,0,0,0.5); } /*=================Responsive Section 6====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-lp-section-contact-us { padding: 45px 0 50px; } } @media (max-width:767px){ .jumbo1-lp-section-three-col .three-col { text-align: center; } .jumbo1-lp-section-three-col .row-fluid .icons { max-width: none; margin-top: 15px; text-align: center; margin-bottom: 15px; } .jumbo1-lp-section-3 .image,.jumbo1-lp-section-4 .image,.jumbo1-lp-section-5 .image{ margin-bottom:30px; } .jumbo1-lp-section-4 .image { float: none; } } /*========================================================================= E PAGE =========================================================================*/ .jumbo1-error-page .header-container-wrapper .container-fluid .row-fluid .lp-header { padding: 15px 0 13px; background: #000; } .jumbo1-error-section-1{ padding: 210px 0 117px; } .jumbo1-error-section-1 .image{ margin-bottom:40px; } .jumbo1-error-section-1 h1{ color: #333; font-weight: 700; font-size: 60px; line-height:68px; } @media (max-width:767px){ .jumbo1-error-section-1 { padding: 110px 0 50px; } .jumbo1-error-section-1 h1 { font-size: 40px; line-height: 50px; } .jumbo1-error-section-1 p { font-size: 16px; } } /************************************************************** section-blog-subscription **************************************************************/ .jumbo1-section-blog-subscription{ padding:90px 0 110px; } body .row-fluid .jumbo1-section-blog-subscription .wrapper { max-width: 800px; } .jumbo1-section-blog-subscription .checkbox-row span.fakelabel span { line-height: 20px; } .jumbo1-section-blog-subscription #submitbutton { max-width: 300px; margin: 0 auto; float: none; display: block; margin-top:15px; } .jumbo1-section-blog-subscription input.hs-input.email-edit { width: 100%!important; padding-left: 16px!important; } .jumbo1-section-blog-subscription .page-header h1{ display:none; } .jumbo1-section-blog-subscription .subscribe-options label span{ position: relative; top: -10px; } @media (max-width:767px){ .jumbo1-section-blog-subscription { padding: 70px 0 50px; } .jumbo1-section-blog-subscription .checkbox-row span.fakelabel span { width: 100%; max-width: 90%; } } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* JUMBO PACK 2 Style ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ /*================================================= Case Study CM =================================================*/ body .row-fluid .pth-case-study-cm{ height: 250px; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; position:relative; padding:26px; } .pth-case-study-cm:before{ position: absolute; content: ''; top: -1px; left: -1px; right: 0; bottom: 0; border:1px solid #fff; z-index:5; pointer-events:none; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .pth-case-study-cm:after{ position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background: -webkit-linear-gradient(45deg,rgba(0, 0, 0, 0.61),rgba(0, 0, 0, 0.27)); background: -o-linear-gradient(45deg,rgba(0, 0, 0, 0.61),rgba(0, 0, 0, 0.27)); background: -moz-linear-gradient(45deg,rgba(0, 0, 0, 0.61),rgba(0, 0, 0, 0.27)); background: linear-gradient(45deg,rgba(0, 0, 0, 0.61),rgba(0, 0, 0, 0.27)); } .pth-case-study-cm:hover:before{ top: 15px; left: 15px; right: 15px; bottom: 15px; } .pth-case-study-cm .view-case-button { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(18, 18, 50, 0.71); display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; flex-wrap: wrap; align-items: center; -webkit-align-items: center; opacity:0; z-index:2; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .pth-case-study-cm .heading-container{ transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; z-index: 1; } .pth-case-study-cm:hover .heading-container{ opacity:0; } .pth-case-study-cm:hover .view-case-button { opacity:1; } @media (max-width:767px){ .pth-case-study-cm:hover:before { top: -1px; left: -1px; right: 0; bottom: 0; } } /*===================================================== Error Pages Styling =====================================================*/ body .row-fluid .jumbo-2-error-page-body .wrapper{ max-width:800px; } .jumbo-2-error-page-body .icon{ font-size:60px; margin-bottom:10px; } /*=========================================================== OUR CLIENTS ========================================================*/ .jumbo-2-our-clients-section { padding:50px 0; } .jumbo-2-our-clients-section ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; text-align:center; } .jumbo-2-our-clients-section ul li { width: 100%; display: inline-block; vertical-align: middle; margin: 0; margin-left: 0; padding: 0 10px; } .jumbo-2-our-clients-section ul li img{ vertical-align:middle; } .jumbo-2-our-clients-section ul li:before{ display:none; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-2-our-clients-section ul{ display:block; } .jumbo-2-our-clients-section ul li { display: inline-block; width: 100%; max-width: 100px; margin: 15px 0; } } /****************** END Header Mobile Responsive *******************/ /******************************************************** Promotions Page STYLING ********************************************************/ .full-width-right-wrapper .promotions-header img { float: right; } .promotions-hero-section { position:relative; padding:0px 0 100px; background-color: #f9f9f9; } .promotions-hero-section .promotions-heading { padding-left: 75px; padding-top: 100px; } /******************************************************** HOMEPAGE STYLING ********************************************************/ /*====================================================== Home Hero Section ======================================================*/ .jumbo-2-home-hero-section{ position:relative; padding:200px 0 170px; } body .row-fluid .jumbo-2-home-hero-section .wrapper{ max-width:900px; } body .row-fluid .jumbo-2-home-hero-section .icon { width: 140px; height: 140px; text-align: center; float: none; margin: 0 auto; background: rgba(18, 18, 50, 0.2); border-radius: 50%; } .jumbo-2-home-hero-section .icon .fa{ font-size:50px; line-height:140px; } .jumbo-2-home-hero-section .heading{ margin-top:40px; } .promo-case-study .full-width-right-wrapper{ width: 100%; max-width: 1200px; margin: 0 auto !important; float: none; } @media (min-width:768px) and (max-width:1024px){ .jumbo-2-home-hero-section { padding: 100px 0 100px; } .promotions-hero-section { position:relative; padding:0px 0 125px; } .promotions-hero-section .promotions-heading { padding-left: 45px; padding-top: 75px; } } @media (max-width:767px){ .jumbo-2-home-hero-section { padding: 80px 0 60px; } .promotions-hero-section { position:relative; text-align: center; padding:0px 0 55px; } .promotions-hero-section .promotions-heading { padding-left: 15px; padding-right: 15px; padding-top: 50px; } .promo-case-study .section-bg { padding-top: 0px !important; } .promo-case-study .full-width-right-wrapper { text-align: center; padding: 25px 25px 25px !important; } .promo-case-study .full-width-right-wrapper .left-img { padding: 25px 10px 25px !important; text-align: center !important; margin: 0 auto; max-width: 400px; height: auto; } .promo-case-study .full-width-right-wrapper { display: table; } .promo-case-study .full-width-right-wrapper .right-img { display: table-header-group; text-align: center !important; padding-top: 25px !important; padding-bottom: 25px !important; } .promo-case-study .full-width-right-wrapper .right-img img { max-height: 400px !important; width: auto !important; } .promo-case-study .full-width-right-wrapper .right-col { display: table-footer-group; padding-top:25px !important; } } /*====================================================== Home SECTION 1 Three COl ======================================================*/ .home-section-1 .feature-cm{ text-align:center; } body .home-section-1 .row-fluid .three-col-adjust span>.hs_cos_wrapper{ margin-bottom:2.43%; } .home-section-1 .feature-cm .fa{ width: 70px; height: 70px; text-align: center; float: none; margin: 0 auto; background: #f4f4f4; border-radius: 50%; font-size: 26px; line-height: 70px; margin-bottom: 20px; color:#7dc037; } .home-section-1 .promotions-feature{ text-align:center; } .home-section-1 .promotions-feature .fa{ width: 70px; height: 70px; text-align: center; float: none; margin: 0 auto; background: #f4f4f4; border-radius: 50%; font-size: 26px; line-height: 70px; margin-bottom: 20px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ body .home-section-1 .row-fluid .three-col-adjust span>.hs_cos_wrapper { margin-bottom: 40px; } } /*====================================================== Home SECTION 2 Two Col Right Side Image ======================================================*/ .jumbo-2-home-section-2 .left-col{ padding:100px 0; } body .row-fluid .jumbo-2-home-section-2 .right-side-image{ height: 430px; width: 380px; max-width: 460px; margin: 0 auto; float: none; border: 20px solid #fff; border-bottom: 0; } body .jumbo-2-home-section-2 .row-fluid .right-col{ -webkit-justify-content: flex-end; justify-content: flex-end; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ body .row-fluid .jumbo-2-home-section-2 .right-side-image { height:360px; max-width: 460px; border: 0; } .jumbo-2-home-section-2 .left-col { padding: 50px 0; } } /*====================================================== Home SECTION 3 Three Col ======================================================*/ .jumbo-2-home-section-3{ } @media (min-width:768px){ .jumbo-2-home-section-3 .three-col.number-animation { position: relative; padding-right: 20px; } .jumbo-2-home-section-3 .three-col.number-animation:after { position: absolute; content: ''; background: #e1e1e1; width: 1px; height: 60%; right: 25px; top: 0; bottom: 0; margin: auto; } .jumbo-2-home-section-3 .wrapper .row-fluid .three-col.number-animation:last-child:after{ display:none; } } @media (min-width:768px) and (max-width:1024px){ .jumbo-2-home-section-3 .three-col.number-animation:after{ right: 0px; } } @media (max-width:767px){ .jumbo-2-home-section-3 { text-align:center; } .jumbo-2-home-section-3 .three-col:first-child{ padding-top:0px; } .jumbo-2-home-section-3 .three-col{ padding-top:25px; } } /*====================================================== Home SECTION 4 One Column ======================================================*/ body .row-fluid .jumbo-2-home-section-4 .wrapper{ max-width:800px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ } /*====================================================== Home SECTION 5 One Column ======================================================*/ .jumbo-2-home-section-5 .feature-cm{ text-align:center; } .jumbo-2-home-section-5 .feature-cm .fa{ font-size: 60px; margin-bottom:30px; color:#7dc037; } body .jumbo-2-home-section-5 .row-fluid .three-col-adjust span>.hs_cos_wrapper{ margin-bottom:30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-2-home-section-5 .feature-cm .fa { font-size: 44px; margin-bottom: 20px; } } @media (max-width:767px){ .jumbo-2-home-section-5 .feature-cm .fa { font-size: 40px; margin-bottom: 10px; } body .jumbo-2-home-section-5 .row-fluid .three-col-adjust span>.hs_cos_wrapper { margin-bottom: 50px; } } /*================================================= Home Four Col ================================================*/ .jumbo-2-home-case-study .case-study-slider { margin-top:40px; } .jumbo-2-home-case-study .legal-homepage-case-study{ padding:0 16px; } .jumbo-2-home-case-study .legal-homepage-case-study .image-container{ height:260px; margin-bottom:0px; position:relative; padding:10px; } .legal-homepage-case-study.span12:hover .image-container:before{ background-color: rgba(48,52,66,.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s ease-out; content:''; } .jumbo-2-home-case-study .legal-homepage-case-study .image-container .desc-container{ border: 1px solid transparent; position: relative; height: 100%; display: flex; display: -webkit-flex; display: -ms-flex; display: -moz-flex; align-items: center; justify-content: center; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -ms-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; opacity: 0; z-index:23; } .jumbo-2-home-case-study .legal-homepage-case-study .image-container .desc-container .overlay-border:after, .jumbo-2-home-case-study .legal-homepage-case-study .image-container .desc-container .overlay-border:before{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: -webkit-transform .4s ease; transition: transform .4s ease; z-index: 1; } .jumbo-2-home-case-study .legal-homepage-case-study .image-container .desc-container .overlay-border{ border:2px solid transparent; } .jumbo-2-home-case-study .legal-homepage-case-study .image-container .desc-container .overlay-border:after{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scaleX(0); transform: scaleX(0); } .legal-homepage-case-study.span12:hover .image-container .desc-container .overlay-border:after, .legal-homepage-case-study.span12:hover .image-container .desc-container .overlay-border:before { -webkit-transform: scale(1); transform: scale(1); } .jumbo-2-home-case-study .legal-homepage-case-study .image-container .desc-container .overlay-border:before { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scaleY(0); transform: scaleY(0); } .legal-homepage-case-study.span12:hover .desc-container .overlay-border:after, .legal-homepage-case-study.span12:hover.image-container .desc-container .overlay-border:before { -webkit-transform: scale(1); transform: scale(1); } .legal-homepage-case-study.span12:hover .image-container .desc-container{ opacity:1; } .jumbo-2-home-case-study .legal-homepage-case-study .description{ color: #fff; max-height: 220px; overflow: hidden; padding: 0 20px; text-align: center; } .jumbo-2-home-case-study .slick-arrow { position: absolute; width: 22px; z-index: 11; top: 110px; cursor: pointer; } .jumbo-2-home-case-study .slick-next { right: -42px; } .jumbo-2-home-case-study .slick-prev { left: -42px; } .jumbo-2-home-case-study .legal-homepage-case-study .text-container{ padding:20px; background:#ffffff; margin-bottom: 1.25rem; } .jumbo-2-home-case-study .legal-homepage-case-study .text-container h4{ margin-top:0; font-size: 25px; font-weight: bold; text-transform: uppercase; line-height: auto; } .jumbo-2-home-case-study .legal-homepage-case-study .text-container .read-more a{ color: #7dc037; text-decoration:none; font-weight: bold; } .jumbo-2-home-case-study .legal-homepage-case-study .text-container .read-more a:focus{ outline:none; } .legal-homepage-case-study.span12:hover .text-container{ box-shadow: 0 10px 12px 0 rgba(0,0,0,.22); } .slick-initialized .slick-slide:focus { outline: none; } @media (max-width:1024px){ .jumbo-2-home-case-study .slick-next { right: -23px; } .jumbo-2-home-case-study .slick-prev { left: -23px; } .jumbo-2-home-case-study .case-study-slider { margin-top:20px; } } @media (max-width:1024px){ .jumbo-2-home-case-study .legal-homepage-case-study{ padding:0 22px; } .jumbo-2-home-case-study .slick-arrow { width: 14px; } .jumbo-2-home-case-study .slick-next { right: 0; } .jumbo-2-home-case-study .slick-prev { left: 0; } .jumbo-2-home-case-study,.jumbo1-home-three-col{ padding:40px 0; } .jumbo-2-home-case-study .case-study-slider { margin-top:10px; } } /*========== Home Section Benefits =========*/ /*================================================= Section 3 Left Col Image ================================================*/ .jumbo-2-home-section-benefits-left-img{ padding:100px 0; } @media (min-width:768px){ .jumbo-2-home-section-benefits-left-img .right-col{ padding-left:40px; } } @media (max-width:1024px){ .jumbo-2-home-section-benefits-left-img{ padding:70px 0; } } @media (max-width:767px){ .jumbo-2-home-section-benefits-left-img .left-col{ margin-bottom:40px; } .jumbo-2-home-section-benefits-left-img{ padding:50px 0; } } /*================================================= Section 3 ================================================*/ .jumbo-2-home-section-benefits-left-img{ padding:100px 0; } @media (min-width:768px){ .jumbo-2-home-section-benefits-left-img .right-col{ padding-left:40px; } } @media (max-width:1024px){ .jumbo-2-home-section-benefits-left-img{ padding:70px 0; } } @media (max-width:767px){ .jumbo-2-home-section-benefits-left-img .left-col{ margin-bottom:40px; } .jumbo-2-home-section-benefits-left-img{ padding:50px 0; } } /******************************************************** ABOUT PAGE STYLING ********************************************************/ /*====================================================== About FAQ Section ======================================================*/ body .jumbo-2-about-section-1 .right-col .image-container{ width:100%; max-width:370px; margin:0 auto; float:none; height:480px; border-radius:4px; } .jumbo-2-about-section-1 .accordion_group { border:1px solid #e7e7e7; margin-top:20px; position:relative; } .jumbo-2-about-section-1 .accordion_header { padding: 10px 50px 10px 20px; position:relative; cursor:pointer; } .jumbo-2-about-section-1 .accordion_header:after{ position: absolute; content: ''; right: -1px; top: -1px; width: 50px; bottom: -1px; background: #7dc037; } .jumbo-2-about-section-1 .accordion_header:before{ position: absolute; content: '\f105'; font-family: FontAwesome; right: -1px; top: -1px; width: 50px; bottom: -1px; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; text-align: center; z-index:1; color: #fff; font-size: 30px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .jumbo-2-about-section-1 .accordion_group.expanded .accordion_header:before{ transform:rotate(90deg); -webkit-transform:rotate(90deg); } .jumbo-2-about-section-1 .accordion_content { padding:20px; border-top:1px solid #e7e7e7; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ body .jumbo-2-about-section-1 .right-col{ margin-top:40px; } } /*====================================================== About SECTION 2 One Column ======================================================*/ body .row-fluid .jumbo-2-about-section-2 .wrapper{ max-width:800px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ } } /*====================================================== About SECTION 3 Left Side image ======================================================*/ body .jumbo-2-about-section-3 .left-col .image-container{ height:480px; border-radius:4px; } body .jumbo-2-about-section-3 .right-col{ padding-left:4%; } @media (max-width:767px){ body .jumbo-2-about-section-3 .right-col{ padding:0; margin-top:40px; } } /****************************************************** SERVICE PAGE ******************************************************/ /*====================================================== All Services Section ======================================================*/ .jumbo-2-all-services-section .feature-cm .fa { width: 80px; height: 80px; text-align: center; float: none; margin: 0 auto; background: #f4f4f4; border-radius: 50%; font-size: 26px; line-height: 80px; margin-bottom: 30px; color:#7dc037; } .jumbo-2-all-services-section .promotions-feature .fa { width: 80px; height: 80px; text-align: center; float: none; margin: 0 auto; background: #f4f4f4; border-radius: 50%; font-size: 26px; line-height: 80px; margin-bottom: 30px; } body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper { box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); padding: 40px 0; background:#fff; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; } body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper .feature-cm{ padding:0 40px; } body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper .promotions-feature{ padding:0 40px; } body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper:hover{ } .jumbo-2-all-services-section .service-image img, .jumbo-2-home-section-5 .service-image img { max-width: 40px; height: auto; margin-bottom: 20px; } .jumbo-2-all-services-section .service-image .icon, .jumbo-2-home-section-5 .service-image .icon { max-width: 40px; height: auto; margin-bottom: 20px; } .jumbo-2-all-services-section .feature-cm .icon .fa { text-align: center; float: none; margin: 0 auto; background: #fff; border-radius: 50%; font-size: 55px; line-height: 80px; margin-bottom: 30px; color: #7dc037; } .jumbo-2-all-services-section .promotions-feature .icon .fa { text-align: center; float: none; margin: 0 auto; background: #fff; border-radius: 50%; font-size: 55px; line-height: 80px; margin-bottom: 30px; } @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper { padding: 20px 0; } body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper .feature-cm{ padding:0 20px; } body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper .promotions-feature{ padding:0 20px; } } @media (max-width:767px){ body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper { padding: 20px 0; } body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper .feature-cm{ padding:0 20px; } body .row-fluid .jumbo-2-all-services-section .three-col-adjust span>.hs_cos_wrapper .promotions-feature{ padding:0 20px; } } /*============================================== SINGLE SERVICE PAGE ============================================*/ @media (min-width:768px){ .jumbo-2-single-services-section .left-col { padding-right:8%; } } .jumbo-2-single-services-section .left-col img{ margin:10px auto 30px; } .jumbo-2-single-services-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{ padding:0; color:#000; line-height:36px; position:relative; } .jumbo-2-single-services-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:after{ position:absolute; content:'>'; top:0; right:5px; font-size:18px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .jumbo-2-single-services-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover{ text-decoration:underline; } .jumbo-2-single-services-section .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover:after{ right:0; } .jumbo-2-single-services-section .menu-container{ border-bottom:1px solid #e7e7e7; padding-bottom:20px; margin-bottom:30px; } /************************************************* CONTACT PAGE ************************************************/ /*====================================================== Contact Us page ======================================================*/ .jumbo-2-contact-us-two-col{ border-top:5px solid ; position: relative; z-index: 4; border-color:#7dc037; } .jumbo-2-contact-us-two-col .form-text-container{ position:relative; top:-120px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); background:#fff; border-radius:4px; } body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .left-col, body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .right-col{ margin:0; padding:60px; } .jumbo-2-contact-us-two-col .row-fluid .form-text-container .right-col .round-image{ width:100px; height:100px; border-radius:50%; overflow:hidden; float:none; margin:0 auto 30px; } body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .left-col{ position:relative; } body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .left-col:before{ position: absolute; content: ''; right: 0; top: 26%; bottom: 26%; width: 1px; background: #e7e7e7; } @media (min-width:768px) and (max-width:1024px){ body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .left-col, body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .right-col { padding: 30px; } .jumbo-2-contact-us-two-col .form-text-container { top: -80px; } } @media (max-width:767px){ body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .left-col, body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .right-col { margin: 0; padding: 0; } .jumbo-2-contact-us-two-col .form-text-container { top: 0; box-shadow: none; background: #fff; border-radius: 0; } body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .left-col:before { display:none; } body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .left-col{ padding:50px 0; } body .jumbo-2-contact-us-two-col .row-fluid .form-text-container .right-col{ padding-bottom:30px; } } /********************************************************** FAQ PAGE *********************************************************/ /*====================================================== FAQ Section ======================================================*/ .jumbo-2-faq-section .heading{ margin-bottom:40px; } body .row-fluid .jumbo-2-faq-section .wrapper{ max-width:800px; } .jumbo-2-faq-section .accordion_group { margin-top:20px; padding-left:30px; position:relative; } .jumbo-2-faq-section .accordion_group:before{ position: absolute; content: ''; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; left: 10px; top: 48px; bottom: 16px; width: 1px; border-left: 1px dotted; } .jumbo-2-faq-section .accordion_header { position:relative; cursor:pointer; } .jumbo-2-faq-section .accordion_header:after, .jumbo-2-faq-section .accordion_header:before{ position: absolute; content: ''; background: #000; transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; } .jumbo-2-faq-section .accordion_header:after{ left: -25px; width: 10px; height: 2px; top: 13px; } .jumbo-2-faq-section .accordion_header:before{ left: -21px; width: 2px; height: 10px; top: 9px; } .jumbo-2-faq-section .accordion_group.expanded .accordion_header:before{ transform:rotate(90deg); -webkit-transform:rotate(90deg); } .jumbo-2-faq-section .accordion_content { padding:20px 0; position:relative; } .jumbo-2-faq-section .accordion_content p+p{ margin-bottom:20px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ } /*======================================================================= REQUEST QUOTE PAGE =======================================================================*/ @media (min-width:768px){ .jumbo-2-request-quote-page .left-col{ padding-right:4%; } .jumbo-2-request-quote-page .right-col{ padding-left:4%; } } @media (max-width:767px){ .jumbo-2-request-quote-page .right-col{ margin-top:40px; } .jumbo-2-request-quote-page .right-col h2 { font-size: 27px; } } .jumbo-2-error-page-body { padding-top: 197px; } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* JUMBO PACK 3 Style ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ /*================================================================== Hero Styling ===================================================================*/ .jumbo2-section-one{ background-size:cover; background-position:top center; position:relative; padding: 180px 0px 170px; } .row-fluid .parallax { background-repeat: no-repeat; /*-webkit-transition: background-position .2s ease-in; -moz-transition: background-position .2s ease-in; -o-transition: background-position .2s ease-in; transition: background-position .2s ease-in;*/ -webkit-background-size: cover; background-size: cover; background-position: 50% 0; background-attachment:fixed; min-height:100vh; height:30px;/* for IE*/ box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding:80px 0px 0px 0px; } .jumbo2-section-one.parallax:before{ background:rgba(0, 0, 0, 0.2); } .jumbo2-section-one:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.5); } .jumbo2-section-one .wrapper{ position:relative; } .jumbo2-section-one p{ color: #ffffff; margin: 0; padding: 15px 0px 34px; font-size: 22px; line-height:30px; } .row-fluid .widget-type-cell.wrapper-inner { max-width: 700px; float: none; margin: 0 auto; text-align: center; } .jumbo2-section-one.hero-without-cta{ padding: 105px 0px 74px; } /*======================================================================== Client Section Styling =========================================================================*/ .jumbo-3-client-section{ padding:45px 0px 25px; } .jumbo-3-client-section ul { list-style: none; padding:10px 0px 0px; margin: 0; text-align: center; } .jumbo-3-client-section ul li { display: inline-block; text-align: center; max-width: 150px; width: 100%; vertical-align: bottom; padding-right: 15px; padding-left: 10px; } .jumbo-3-client-section ul li img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 50%; } .jumbo-3-client-section .logo-titles { text-align: center; font-size: 18px; font-weight: 300; padding-top: 0px; padding-bottom: 10px; } /*============================================================================= Responsive Styling ===============================================================================*/ @media(max-width:1024px){ .jumbo-3-client-section ul li{ margin-bottom:30px; } } /*========================================================================== Accordion Styling ============================================================================*/ .jumbo-3-faq-section-two .accordion_group{ border-bottom: solid 2px rgba(231,231,231,0.5); padding-bottom: 41px; margin-bottom: 21px; padding-left: 40px; } .jumbo-3-faq-section-two .accordion_group h5{ padding: 0; position:relative; transition:all ease-in-out .4s; font-size:16px; line-height:25px; font-weight:500; cursor: pointer; } .jumbo-3-faq-section-two .accordion_group p{ margin: 0; padding: 20px 0 0; } /*============================================================================ Section Four Styling ============================================================================*/ .jumbo-3-section-four{ padding:75px 0px; } .jumbo-3-section-four h5 { padding: 21px 0 0; } .jumbo-3-section-four .three-col{ border: solid 0.5px #d1d1d1; padding:20px; margin-bottom: 30px; } body .container-fluid .row-fluid .jumbo-3-section-four .font-icons { width: 100%; height: 84px; border: solid 2px #7dc037; max-width: 84px; } .jumbo-3-section-four .three-col .fa{ font-size: 60px; } .jumbo-3-section-four .font-icons i { font-size: 45px; line-height: 79px; } .jumbo-3-section-four .three-col:hover{ transition: all ease-in-out .2s; box-shadow: 1px 3px 20px #dedede; } .jumbo-3-section-four .dimension-module .equal-height-container .three-col { border: solid 0.5px #d1d1d1; padding:15px !important; margin-bottom: 20px; box-shadow: 0px 2px 4px 0px #c5c5c5; } .jumbo-3-section-four .dimension-module .equal-height-container .three-col:hover { transition: none !important; } @media(max-width:767px){ .jumbo-3-section-four .dimension-module { display: table; } .jumbo-3-section-four .dimension-module .equal-height-container { display: table-footer-group; } .jumbo-3-section-four .dimension-module .rel-loyalty-header { display: table-header-group; text-align: center !important; } .jumbo-3-section-four .dimension-module .rel-loyalty-header p{ text-align: center !important; } } /*============================================================================ Section Five Styling ============================================================================*/ .jumbo-3-section-five{ padding:75px 0px; color:; background: rgb(249, 249, 249); } .jumbo-3-section-five h2{ color:; } .jumbo-3-section-five p{ font-size:18px; line-height:33px; font-weight:300; color:#ffffff; } body .container-fluid .row-fluid .jumbo-3-section-five .wrapper{ max-width: 650px; } .jumbo-3-section-five .cta_button{ margin-top: 15px; } /*================================================= Blog Section ================================================*/ .jumbo2-home-blog-section{ border-top: 1px solid #e1e2e3; } .jumbo2-home-blog-section .heading{ margin-bottom:15px; } .jumbo2-home-blog-section .cta{ margin-top:50px; } .jumbo2-home-blog-section .hs-rss-module{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .jumbo2-home-blog-section .hs-rss-item.hs-with-featured-image { overflow: hidden; width: 100%; max-width: 30.9%; float: left; flex-direction: column; margin: 0 1.2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; background: #fff; border: 1px solid #e7e7e7; } .jumbo2-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 100%; float: right; padding-right: 20px; box-sizing: border-box; order: 2; padding: 20px 35px 14px; border-top: 0; border-top: 1px solid #e7e7e7; } .jumbo2-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: 100%; float: left; order: 1; } .jumbo2-home-blog-section .hs-rss-title,.post-wrapper h2,.post-wrapper h2 a{ font-size: 20px; font-weight: 400; color: #0d2e4f; line-height: 26px; } .jumbo2-home-blog-section .hs-rss-description p, .post-summary p{ margin: 10px 0px; } .jumbo2-home-blog-section .hs-rss-description p a,.read-more-link a{ display: block; color: #7dc037; font-weight: 400; } .jumbo2-home-blog-section .post-image { min-height: 260px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; position:relative; } .jumbo2-home-blog-section .post-image a.featured-image-link { position: absolute; width: 100%; height: 100%; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; } .jumbo2-home-blog-section .item.span4{ border: 1px solid #e2e3e4; transition: all .3s ease-out; } .jumbo2-home-blog-section .item.span4:hover{ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25); } .jumbo2-home-blog-section .item-wrapper { padding: 25px 25px; } @media(max-width:767px){ .jumbo2-home-blog-section .item.span4 { margin-bottom: 20px; } .jumbo2-home-video-section .left-col { padding-bottom: 30px; } } /*============================================================================== Testimonial Section =================================================================================*/ .jumbo-3-testimonial-section{ padding:75px 0px; } /*================================================================== Loyalty CTA Banner Styling ===================================================================*/ .loyalty-cta-banner{ padding:75px 0px; background-size:cover; background-repeat:no-repeat; background-position:top center; color:#fff; position:relative; } .loyalty-cta-banner:after{ content:""; position:absolute; background-color:rgba(0,0,0,.75); top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; } .loyalty-cta-banner h2{ color:#ffffff; } .loyalty-cta-banner p{ font-size:16px; color:#ffffff; } body .container-fluid .row-fluid .loyalty-cta-banner .wrapper{ max-width: 650px; position:relative; z-index:1; } .loyalty-cta-banner .cta_button{ margin-top: 15px; } } /*================================================================== One Column Style Declaration ===================================================================*/ /*================================================================== Hero Styling ===================================================================*/ .jumbo-3-inner-section-one { background-size:cover; background-position:center; position:relative; } .jumbo-3-inner-section-one .wrapper{ position:relative; } .jumbo-3-inner-section-one p { color: #ffffff; margin: 0; padding: 15px 0px 34px; max-width: 545px; font-size: 18px; line-height: 33px; } .jumbo-3-inner-section-one .imrg-header { margin-top: -50px; } .jumbo-b2b-inner-section-one { background-size:cover; background-position:center !important; background-repeat: no-repeat; position:relative; padding: 125px 0px 100px; } .jumbo-b2b-inner-section-one .wrapper{ position:relative; } .jumbo-b2b-inner-section-one p { color: #ffffff; margin: 0; padding: 15px 0px 34px; max-width: 1440px; font-size: 18px; line-height: 33px; } .lp-manufacturing-text p { color: #ffffff; margin: 0; padding: 15px 0px 34px; max-width: none; font-size: 18px; line-height: 33px; } /*================================================================== BM-US B2B CO Landing Page Styling ===================================================================*/ .jumbo-3-inner-section-one-lp { background-size:cover; background-position:center; position:relative; padding: 125px 0px 100px; } .jumbo-3-inner-section-one-lp .wrapper{ position:relative; } .jumbo-3-inner-section-one-lp p { color: #ffffff; margin: 0; padding: 15px 0px 34px; max-width: 545px; font-size: 18px; line-height: 33px; } .jumbo-3-inner-section-one-lp.overlay:before { position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.75); z-index: -1; } /*================================================================== BM-US CO Landing Page Styling ===================================================================*/ .content-offer-landing-page-1 ul, .content-offer-landing-page-1 ol .content-offer-landing-page-1 li { padding: 0; text-decoration: none; list-style: none; margin: 20px 0; } .content-offer-landing-page-1 li{ font-size: 16px; font-weight: normal; line-height: 26px; letter-spacing:.2px; margin-bottom: 8px; color: #fff; position:relative; margin-left:22px; list-style: disc !important; } .body-container-wrapper li::before { position: absolute; content: ''; top: 12px; left: -20px; background: #fff; list-style: disc !important; height: 0px; } .content-offer-landing-page-1 { background-size:cover; background-position:left; position:relative; } .content-offer-landing-page-1 .wrapper{ position:relative; } .content-offer-landing-page-1 .content-offer-text p { color: #ffffff; margin: 0; padding: 5px 0px 5px; font-size: 18px; line-height: normal; } .content-offer-landing-page-1 .lp-form-grp .legal-consent-container p { margin: 0; font-size: 10px; line-height: normal; } .content-offer-landing-page-1.lp-section-one{ padding: 100px 0px 75px; } .content-offer-landing-page-1 .lp-form-grp{ border-radius: 5px; background-color: #fff; padding:30px; box-shadow: 3px 2px 15px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 3px 2px 15px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 3px 2px 15px 1px rgba(0, 0, 0, 0.4); } .content-offer-landing-page-1 .lp-form-grp h5{ padding-bottom: 6px; } .content-offer-landing-page-1.lp-form-grp h6{ padding-top: 10px; font-weight: 300; } .content-offer-landing-page-1 .lp-form-grp .form-style label{ font-weight:600; } .content-offer-landing-page-1 .lp-form-grp .form-style form{ margin: 0 auto; padding-top: 5px; } @media(max-width:767px){ .content-offer-landing-page-1 .ebook-img { margin-bottom: 20px; text-align: center; } .content-offer-landing-page-1 .content-offer-text { padding-right: 0px !important; } } /*====================================================================== About Section One Styling ========================================================================*/ .jumbo-3-about-section-one { padding:75px 0px; } .col-pad,.space-top{ padding-top:25px; } .pt-25{ padding-top:40px; } @media(min-width:768px){ .jumbo-3-about-section-one .row-fluid{ display: flex; flex-direction: row; align-items: center; } } .jumbo-3-about-section-one .about-left-col img{ max-width: 465px; } .jumbo-3-about-section-one .about-right-col{ position:relative; } .jumbo-3-about-section-one .about-right-col:before{ content:""; position:absolute; background:#7dc037; width:2px; height:72%; left: -36px; top:0; } .jumbo-3-about-section-one .about-right-col h5{ position:relative; padding-top:0px; } .jumbo-3-about-section-one h5 { margin: 0; font-weight:500; font-size:18px; line-height:30px; letter-spacing:.5px; padding-bottom:15px; } .jumbo-3-about-section-one .timeline{ padding-bottom:8px; } .jumbo-3-about-section-one .about-right-col h5:before{ content:"\f1db"; position:absolute; font-size:12px; line-height:22px; top:0; left:-40px; font-family:FontAwesome; color:#7dc037; background:#ffffff; } /*========================================================================= Responsive Styling ===========================================================================*/ @media(max-width:1024px){ .jumbo-3-about-section-one .about-left-col{ padding-right:30px; } .jumbo-3-about-section-one .about-left-col img{ max-width:100%; } } @media(max-width:767px){ .jumbo-3-about-section-one .about-left-col{ padding-right:0px; } .jumbo-3-about-section-one .about-right-col:before, .jumbo-3-about-section-one .about-right-col h5:before{ display:none; } .jumbo-3-about-section-one .about-left-col{ margin-bottom:40px; } .jumbo-3-inner-section-one .imrg-header { margin-top: -25px; } } /*====================================================================== About Section Two Styling ========================================================================*/ .jumbo-3-about-section-two{ padding:80px 0px 60px; } .jumbo-3-about-section-two .pad-l-20{ padding-left:20px; } .jumbo-3-about-section-two .pad-l-20 p{ margin: 0; padding: 16px 0px 45px; } .jumbo-3-about-section-two .image-section{ text-align:center; color:#fff; } .jumbo-3-about-section-two .image-section .with-bg{ position:relative; padding: 22px 16px; margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .jumbo-3-about-section-two .image-section .with-bg .widget-type-linked_image{ position:relative; z-index:1; } .jumbo-3-about-section-two .image-section .with-bg:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background-color: rgba(0, 0, 0, 0.7); } .jumbo-3-about-section-two .image-section i{ font-size: 38px; line-height: 38px; position:relative; } .jumbo-3-about-section-two .image-section p { position: relative; margin: 0; padding: 10px 0px 0px 0px; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #fff; } @media(max-width:767px){ .jumbo-3-about-section-one { padding: 75px 0px 20px; } .jumbo-3-about-section-two{ padding: 40px 0px 60px; } .jumbo-3-about-section-three .with-bg{ padding-bottom: 100%; } } /*=============================================================== Section Three Styling ===================================================================*/ .jumbo-3-about-section-three{ position:relative; } .jumbo-3-about-section-three .with-bg{ background-size:cover; background-position:top center; width:100%; height:100%; } @media(min-width:768px){ .jumbo-3-about-section-three .with-bg{ background-size:cover; background-position:top center; position: absolute; right: 0; width: 40%; height: 100%; } } .padding-tb{ padding:60px 0; } .padding-tb h2{ padding-bottom: 38px; } .padding-tb .white-cta{ margin-top:30px; } /*========================================================= Responsive Styling ============================================================*/ @media(max-width:767px){ .jumbo-3-about-section-three{ padding-bottom:60px; } } /*========================================================= CTA Section Two Column ============================================================*/ .jumbo-3-section-cta{ padding-top:50px; padding-bottom:50px; } /*=================================================================== Product Page Declaration ====================================================================*/ /*=================================================================== Section Two Styling ====================================================================*/ .jumbo-3-product-section-two{ padding:75px 0px; } .jumbo-3-product-section-two h5{ padding: 21px 0px 0; } .jumbo-3-product-section-two p{ margin: 0; padding: 11px 0 0; } .jumbo-3-product-section-two .cta_button{ margin-top:54px; } body .container-fluid .row-fluid .jumbo-3-product-section-two .font-icons{ width: 100%; height: 70px; border: solid 2px #7dc037; max-width: 70px; border-radius: 100%; margin: 0 auto; float: none; } .jumbo-3-product-section-two .font-icons i{ font-size: 30px; line-height: 67px; color: #7dc037; } /*============================================================================ Responsive Styling ============================================================================*/ @media (max-width: 767px){ .jumbo-3-product-section-two .mobile-margin { margin-bottom: 50px; } .mob-pt-50{ padding-top:40px; } } /*============================================================================ Section Three Styling ============================================================================*/ .jumbo-3-product-section-three { padding:75px 0px; } body .container-fluid .row-fluid .jumbo-3-product-section-three .wrapper{ max-width: 650px; } .jumbo-3-product-section-three .cta_button{ margin-top: 15px; } /*============================================================================== Section Four Styling ================================================================================*/ .jumbo-3-product-section-four{ padding-top:60px; padding-bottom:60px; } .jumbo-3-product-section-four h2{ padding-bottom: 28px; } /*============================================================================== Download Manual Section Styling ================================================================================*/ .jumbo-3-download-manual{ padding:75px 0; } .jumbo-3-download-manual h2, .jumbo-3-download-manual .download-manual p{ color:#333; } .jumbo-3-download-manual h2{ padding-bottom: 10px; } body .container-fluid .row-fluid .jumbo-3-download-manual .heading{ padding-bottom: 45px; } .jumbo-3-download-manual h2:after{ display:none; } /*=================================================================== Section Two Styling ====================================================================*/ .jumbo-3-team-section-two{ padding:75px 0px; } .jumbo-3-team-section-two h5{ padding: 10px 0px 0; } .jumbo-3-team-section-two p{ margin: 0; padding: 0 0 0; } .jumbo-3-team-section-two .cta_button{ margin-top:54px; } .jumbo-3-team-section-two .team-member-cm h3{ font-size: 16px; font-weight: 700; line-height: 24px; color:#ffffff; } .jumbo-3-team-section-two .team-member-cm h4{ font-size: 14px; font-weight: 400; line-height: 22px; color:#ffffff; } .jumbo-3-team-section-two .team-member-cm p{ font-size: 14px; font-weight: normal; line-height: 20px; color:#ffffff; } .jumbo-3-team-section-two .team-member-cm ul{ list-style-type:none; margin:0; } @media(min-width:768px){ .jumbo-3-team-section-two .team-member-cm ul li{ display:inline-block; width: 100%; max-width: 25%; position: relative; float: left; } } .jumbo-3-team-section-two .team-member-cm ul li{ position: relative; margin:0px; } .jumbo-3-team-section-two .team-member-cm ul li:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background: rgba(125, 192, 55, 0.9); transition:all ease-in-out .4s; opacity:0; } .jumbo-3-team-section-two .team-member-cm .member-description{ opacity: 0; position: absolute; top: 0; left: 0; margin: 0 auto; right: 0; text-align: center; transition: all ease-in-out .4s; padding: 0 15px; bottom: 0; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; } .jumbo-3-team-section-two .team-member-cm ul li:hover .member-description{ opacity:1; } .jumbo-3-team-section-two .team-member-cm ul li:hover:before{ opacity:1; } /*========================================================== Responsive Styling ==============================================================*/ @media(max-width:1150px) and (min-width:768px){ .jumbo-3-team-section-two .member-image img{ width:100%; } } @media(max-width:767px){ .jumbo-3-team-section-two .team-member-cm ul li{ position: relative; width: 100%; max-width: 330px; margin-left: auto; margin-right: auto; } .jumbo-3-team-section-two .member-image img{ width:100%; } } /*========================================================== About Us Team Section Styling ==============================================================*/ .bm-about-team h5{ padding: 10px 0px 0; } .bm-about-team p{ margin: 0; padding: 1px 0 0; } .bm-about-team .team-member-cm h3{ font-size: 18px; font-weight: 700; line-height: 26px; color:#ffffff; margin-bottom: 5px !important; } .bm-about-team .team-member-cm h4{ font-size: 16px; font-weight: 500; line-height: 24px; color:#ffffff; } .bm-about-team .team-member-cm p{ font-size: 14px; font-weight: 400; line-height: 24px; color:#ffffff; } .bm-about-team .team-member-cm ul{ list-style-type:none; margin:0; } .bm-about-team .member-image img { height: 225px; width: 225px; } @media(min-width:768px){ .bm-about-team .team-member-cm ul li{ display:inline-block; width: 100%; max-width: 30%; position: relative; float: none; } .bm-about-team .team-member-cm ul { float: right; } } .bm-about-team .team-member-cm ul li{ position: relative; margin:10px; } .bm-about-team .team-member-cm ul li:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; border-radius: 10px; background: rgba(125, 192, 55, 0.9); transition:all ease-in-out .4s; opacity:0; } .bm-about-team .team-member-cm .member-description{ opacity: 0; position: absolute; top: 0; left: 0; margin: 0 auto; right: 0; text-align: center; transition: all ease-in-out .4s; padding: 0 15px; bottom: 0; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; } .bm-about-team .team-member-cm ul li:hover .member-description{ opacity:1; } .bm-about-team .team-member-cm ul li:hover:before{ opacity:1; } /*========================================================== Responsive Styling ==============================================================*/ @media(max-width:1150px) and (min-width:768px){ .bm-about-team .member-image img{ display: block; width:100% !important; } .bm-about-team .team-member-cm li{ list-style-type: none !important; } } @media(max-width:767px){ .bm-about-team .team-member-cm ul { float: none; } .bm-about-team .team-member-cm li{ list-style-type: none !important; } .bm-about-team .team-member-cm ul li{ display: block; position: relative; width: 100%; max-width: 330px; margin-left: auto; margin-right: auto; margin-top: 10px; } .bm-about-team .member-image img{ width:100%; } } /*============================================================================ Homepage Logo Carousel Styling ============================================================================*/ .homepage-logo-carousel .hs-logo-carousel__inner { max-width: 125px; padding-bottom: 10px; } .homepage-logo-carousel .hs-logo-carousel .slick-dots { bottom: auto; } /*============================================================================ Section Three Styling ============================================================================*/ .about-us-slider .hs-logo-carousel .slick-dots { bottom: auto; } /*================================================ Single Team Member Page ================================================*/ .jumbo-3-single-team-member { padding:100px 0; } .jumbo-3-single-team-member .right-col{ padding-left: 7%; } .jumbo-3-single-team-member .left-col{ padding: 35px; border: 1px solid #e7e7e7; border-radius: 10px; } .jumbo-3-single-team-member h3{ font-size: 16px; font-weight: 600; letter-spacing: .3px; margin-bottom: 4px; } .jumbo-3-single-team-member h4 { font-size: 14px; font-weight: 300; } .jumbo-3-single-team-member .member-image{ margin-bottom:20px; } .jumbo-3-single-team-member .member-image img{ border-radius:10px; } .jumbo-3-single-team-member .social-icons { margin-top: 18px; } .jumbo-3-single-team-member .social-icons .fa { text-align: center; line-height: 30px; font-size: 20px; border-radius: 50%; color: #333; margin: 0 2px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; margin-right: 10px;ease-in; transition: all .2s ease-in; } .jumbo-3-single-team-member .social-icons .fa:hover{ color:#7dc037; } .jumbo-3-single-team-member .right-col ul{ margin-bottom:30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-3-single-team-member .left-col { padding: 10px; } .jumbo-3-single-team-member h3 { line-height: 1.2; } .jumbo-3-single-team-member .social-icons { margin-top: 11px; } .jumbo-3-single-team-member .social-icons .fa { width: 20px; } .jumbo-3-single-team-member .right-col { padding-left: 3%; } .jumbo-3-single-team-member { padding: 60px 0; } } @media (max-width:767px){ .jumbo-3-single-team-member .left-col { padding: 25px; margin-bottom: 40px; } .jumbo-3-single-team-member .right-col { padding-left: 0; } .jumbo-3-single-team-member { padding: 50px 0; } .jumbo-3-client-section{ padding:35px 0px 25px; } } /*=================================================================== Section Two Styling ====================================================================*/ .jumbo-3-faq-section-two{ padding:75px 0px; } .jumbo-3-faq-section-two .cta_button{ margin-top:54px; } @media(max-width:767px){ .jumbo-3-faq-section-two{ padding:45px 0px; } .jumbo-3-faq-section-two .cta_button{ margin-top:15px; } } /*=================================================================== Section Two Styling ====================================================================*/ .jumbo-3-contact-section-two{ padding:75px 0px; } .jumbo-3-contact-section-two .heading{ padding-bottom:40px; } body .jumbo-3-contact-section-two .row-fluid .address-grp{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .jumbo-3-contact-section-two .address-grp p{ font-weight:600; } .jumbo-3-contact-section-two .address-grp a{ font-size: 16px; color: #333; font-weight: 600; line-height: 26px; display: block; padding-bottom: 10px; } .jumbo-3-contact-section-two .address-grp a img{ vertical-align: text-top; margin-right: 15px; } @media(max-width:767px){ .jumbo-3-contact-section-two{ padding:45px 0px; } body .jumbo-3-contact-section-two .row-fluid .widget-type-rich_text.address-grp{ padding-top:50px; } } /*============================================================================== Map Styling =================================================================================*/ .gm-style{ pointer-events: none!important; } /*=================================================================== Section Two Styling ====================================================================*/ .jumbo-3-generic-section-two{ padding:75px 0px; } body .container-fluid .row-fluid .jumbo-3-generic-section-two .wrapper{ max-width:1000px; } .error_section_two img{ max-width: 150px; height: 150px; margin-bottom: 30px; } .jumbo-3-generic-section-two h3{ } .jumbo-3-generic-section-two img{ margin:25px 0px; } .jumbo-3-generic-section-two p, .jumbo-3-generic-section-two ul li{ font-size: 16px; font-weight: 300; line-height: 26px; } @media(max-width:767px){ .jumbo2-generic-section-two{ padding:30px 0px; } .jumbo-3-client-section{ padding:35px 0px 25px; } } /*=================================================================== Section One Styling ====================================================================*/ .jumbo-3-inner-section-one .lp-section-one{ padding: 180px 0px 100px; } .jumbo-3-inner-section-one .lp-form-grp{ border-radius: 5px; background-color: rgba(255, 255, 255, 0.8); padding:40px; } .jumbo-3-inner-section-one .lp-form-grp h5{ padding-bottom: 6px; } .jumbo-3-inner-section-one .lp-form-grp h6{ padding-top: 10px; font-weight: 300; } .jumbo-3-inner-section-one .lp-form-grp .form-style label{ font-weight:600; } .jumbo-3-inner-section-one .lp-form-grp .form-style form{ margin: 0 auto; padding-top: 29px; } @media(max-width:767px){ .jumbo-3-inner-section-one .ebook-img { margin-bottom: 20px; text-align: center; } } /*=================================================================== Section Two Styling ====================================================================*/ .jumbo-3-lp-section-two{ padding:35px 0px 25px; } /*=========================================================================== Section Three Styling ============================================================================*/ .jumbo-3-section-three-lp{ padding-top:100px; padding-bottom: 2px; } .jumbo-3-section-three-lp .lp-social-icons ul{ list-style-type:none; margin:0; padding:0; padding-top: 25px; } .jumbo-3-section-three-lp .lp-social-icons ul li{ display:inline-block; margin-right: 15px; vertical-align: middle; } .jumbo-3-section-three-lp .lp-social-icons ul li:before{ display:none; } .jumbo-3-section-three-lp .lp-social-icons ul li i{ font-size: 22px; line-height: 32px; } @media(max-width:767px){ .jumbo-3-section-three-lp{ padding:40px 0px; } .jumbo-3-section-three-lp .lp-social-icons ul li{ margin-right:10px; } .jumbo-3-section-three-lp .lp-social-icons ul li:last-child{ margin-right:0px; } } /*=========================================================== 404 Section One Styling ==============================================================*/ .jumbo-3-error-section-one{ padding: 235px 0 155px; } .jumbo-3-error-section-one h1{ font-size: 50px; font-weight: 300; line-height: 60px; letter-spacing: 1px; color: #2f2432; } .jumbo-3-error-section-one h2{ padding: 9px 0px 20px; } @media(max-width:767px){ .jumbo-3-error-section-one{ padding:85px 0px } .jumbo-3-error-section-one h1{ font-size:35px; line-height:45px; margin:20px 0px; text-align:center; } .jumbo-3-error-section-one h2{ font-size:30px; line-height:40px; text-align:center; } .jumbo-3-error-section-one .left-col img{ max-width:150px; text-align:center; display:block; margin:0 auto; float:none; } .jumbo-3-error-section-one .right-col .cta{ text-align:center; } } /*=================================================================== Section Two Styling ====================================================================*/ .jumbo-3-three-col-section-two{ padding:75px 0px; } body .container-fluid .row-fluid .jumbo-3-three-col-section-two .wrapper{ max-width:1000px; } .jumbo-3-three-col-section-two h5 { padding: 21px 0 0; } body .jumbo-3-three-col-section-two .container-fluid .row-fluid .font-icons{ width: 100%; height: 70px; border: solid 2px #7dc037; max-width: 70px; border-radius: 100%; margin: 0 auto; float: none; } .jumbo-3-three-col-section-two .font-icons i{ font-size: 30px; line-height: 67px; color: #7dc037; } .jumbo-3-three-col-section-two .three-col-border{ border: solid 0.5px #d1d1d1; padding:30px 25px; transition:all ease-in-out .2s; } .jumbo-3-three-col-section-two .three-col-border .cta_button{ margin-top: 10px; } .jumbo-3-three-col-section-two .three-col-border .cta_button{ padding: 15px 30px; } /*=================================================================== Responsive Styling =====================================================================*/ @media(max-width:767px){ .three-col-border{ margin-bottom:30px; } } /*==================================================================== Section Three Styling =======================================================================*/ .jumbo-3-three-col-section-three{ padding:75px 0; } .jumbo-3-three-col-section-three .heading{ padding-bottom:10px; } .jumbo-3-three-col-section-three .heading h2{ text-align: left; } body .container-fluid .row-fluid .jumbo-3-three-col-section-three .heading{ text-align:left; padding-bottom:10px; } .jumbo-3-three-col-section-three .heading h2:after{ margin:0; } .jumbo-3-three-col-section-three .cta_button{ margin-top:20px; } @media(min-width:768px){ body .container-fluid .row-fluid .right-col-flex{ display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; align-items:flex-end; -webkit-box-align: flex-end; -moz-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align:flex-end; } } /*=================================================================== Responsive Styling =====================================================================*/ @media(max-width:767px){ .right-col-flex{ margin-top:30px; } .right-col-flex .span6{ margin-bottom:30px; } } /*============================================================================ Section Four Styling ============================================================================*/ .jumbo-3-section-four{ padding:75px 0px; } .jumbo-3-section-four h5 { padding: 21px 0 0; } .jumbo-3-section-four .three-col{ border: solid 0.5px #d1d1d1; padding:25px; margin-bottom: 30px; } body .container-fluid .row-fluid .jumbo-3-section-four .font-icons { width: 100%; height: 84px; border: solid 2px #7dc037; max-width: 84px; } .jumbo-3-section-four .font-icons i { font-size: 45px; line-height: 79px; } @media(max-width:767px){ .jumbo-3-section-four.dimension-module { display: table; } .jumbo-3-section-four.dimension-module .equal-height-container { display: table-footer-group; } .jumbo-3-section-four.dimension-module .rel-loyalty-header { display: table-header-group; } } /*============================================================================ Section Five Styling ============================================================================*/ .jumbo-3-section-five{ padding:75px 0px; background-size:cover; background-repeat:no-repeat; background-position:top center; color:#fff; position:relative; } .jumbo-3-section-five:after{ content:""; position:absolute; background-color:rgba(0,0,0,.75); top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; } .jumbo-3-section-five h2{ color:#ffffff; } .jumbo-3-section-five p{ font-size:18px; } body .container-fluid .row-fluid .jumbo-3-section-five .wrapper{ max-width: 650px; position:relative; z-index:1; } .jumbo-3-section-five .cta_button{ margin-top: 15px; } /*=========================================================== 404 Section One Styling ==============================================================*/ .jumbo-3-subscription-section-two{ padding:75px 0; } body .container-fluid .row-fluid .jumbo-3-subscription-section-two .wrapper{ max-width:800px; } /*========================================================================= Email BackUp Styling =====================================================================*/ .jumbo-3-emailbackup-section-two{ padding:75px 0; } .jumbo-3-emailbackup-section-two h3{ padding-bottom: 30px; } .jumbo-3-emailbackup-section-two .email-edit.hs-input{ padding:0px 15px!important; } .page-header h1{ color:#7dc037; } /*========================================================================== Email Preferences Styling =============================================================================*/ .jumbo-3-preferences-section-one{ padding:150px 0px; } body .container-fluid .row-fluid .jumbo-3-preferences-section-one .wrapper{ max-width:800px; } .jumbo-3-preferences-section-one .email-prefs .item{ width: 100%; max-width: 48%; margin: 2% 2% 0 0; float: left; } .jumbo-3-preferences-section-one h1{ font-size: 30px; font-weight: 600; line-height: 1; letter-spacing: 0.6px; color: #2f2432; } .jumbo-3-preferences-section-one .checkbox-row{ overflow:visible; } .jumbo-3-preferences-section-one .email-prefs .item p { clear: both; margin: 5px 37px 0px; } .jumbo-3-preferences-section-one .subscribe-options label { margin-left: 0px; } body .container-fluid .row-fluid .jumbo-3-preferences-section-one .form-style input[type="checkbox"]{ border: solid 2px #000000; padding: 7px; border-radius: 3px; margin-bottom: 0px; } body .container-fluid .row-fluid .jumbo-3-preferences-section-one .form-style input[type="checkbox"]:checked:after{ width: 8px; height: 4px; } .jumbo-3-preferences-section-one .subscribe-options{ clear: both; padding-top: 30px; } .jumbo-3-preferences-section-one #submitbutton{ margin:0; } /*========================================================================= Responsive Styling ==============================================================================*/ @media(max-width:767px){ .jumbo-3-preferences-section-one .email-prefs .item{ max-width:100%; margin:0; margin-bottom: 20px; } .email-prefs .item .item-inner * { color: #444; font-size: 13px; } body .container-fluid .row-fluid .form-style input[type="checkbox"]{ margin-right:0; } .jumbo-3-preferences-section-one .email-prefs .item p { margin: 5px 26px 0; } .checkbox-row span.fakelabel span { margin-left: 6px; } .subscribe-options label span{ font-size:12px; } } /*========================================================================= Email BackUp Styling =====================================================================*/ .jumbo-3-emailbackup-section-two{ padding:75px 0; } .jumbo-3-emailbackup-section-two h3{ padding-bottom: 30px; } .jumbo-3-emailbackup-section-two .email-edit.hs-input{ padding:0px 15px!important; } .jumbo-3-emailbackup-section-two #submitbutton{ margin-top:0; } .page-header h1{ color:#7dc037; } /*========================================================================= Responsive Styling ==============================================================================*/ @media(max-width:767px){ .jumbo-3-emailbackup-section-two .email-edit.hs-input{ width:100%!important; } } /*=================================================================== Section Two Styling ====================================================================*/ .jumbo-3-service-section-two{ padding:75px 0px; } .jumbo-3-service-section-two h5{ padding: 10px 0px 0; } .jumbo-3-service-section-two p{ margin: 0; padding: 11px 0 0; } .jumbo-3-service-section-two .cta_button{ margin-top:54px; } .jumbo-3-service-section-two .mobile-margin-top{ margin-left:2%; } .jumbo-3-service-section-two .span6.check-style{ text-align:left; } /*==================================================================================== Tabber Styling =====================================================================================*/ .jumbo-3-service-section-two .horizontal-tabber-list ul{ list-style-type: none; position: relative; margin-top: 40px; width: 100%; max-width: 1070px; text-align:left; margin: 30px auto 0; } @media(min-width:768px){ .jumbo-3-service-section-two .horizontal-tabber-list ul:after{ content:""; position:absolute; margin: 0 auto; background:#d1d1d1; bottom: -16px; left:0; right:30px; height:1px; } } .jumbo-3-service-section-two .horizontal-tabber-list ul li{ display:inline-block; max-width: 24%; width: 100%; cursor: pointer; text-align:center; } .jumbo-3-service-section-two .horizontal-tabber-list ul li i{ font-size: 30px; line-height: 50px; color: #7dc037; } .jumbo-3-service-section-two .horizontal-tabber .row-fluid-wrapper{ max-width: 1070px; margin: 0 auto; } .jumbo-3-service-section-two .horizontal-tabber{ padding-top:63px; } .jumbo-3-service-section-two .horizontal-tabber h5{ text-align:left; font-size: 16px; } .jumbo-3-service-section-two .horizontal-tabber ul{ margin-top: 20px; } .jumbo-3-service-section-two ul.filter-select li.active{ position:relative; } .jumbo-3-service-section-two ul.filter-select li.active:after{ Content: ""; position: absolute; bottom: -16px; left: 0; right: 0; margin: 0 auto; background: #7dc037; height: 3px; z-index: 2; } body .service-jumbo2-section-two .row-fluid .span12{ min-height:0; } body .jumbo-3-service-section-two .row-fluid .popup-content{ display:none; } body .jumbo-3-service-section-two .row-fluid .popup-content.tabber-one{ display:block; } /*========================================================================== Responsive Styling ============================================================================*/ @media(max-width:1024px) and (min-width:768px){ } @media(max-width:767px){ .jumbo-3-service-section-two .horizontal-tabber-list ul li{ margin-bottom:40px; } .jumbo-3-service-section-two .mobile-margin-top{ margin-top:40px; } body .jumbo-3-service-section-two .row-fluid .popup-content{ display:block!important; padding-top:30px; } .jumbo-3-service-section-two .horizontal-tabber-list ul{ display:none; } } /*============================================================================ Section Three Styling ============================================================================*/ .jumbo-3-service-section-three { padding:75px 0px; color:#ffffff; background-size: cover; background-repeat: no-repeat; background-position: top center; color: #fff; position: relative; } .jumbo-3-service-section-three .wrapper{ position:relative; z-index:1; } .jumbo-3-service-section-three:after { content: ""; position: absolute; background-color: rgba(0,0,0,.5); top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; } .jumbo-3-service-section-three h2{ color:#ffffff; } .jumbo-3-service-section-three p{ color:#ffffff; } body .container-fluid .row-fluid .jumbo-3-service-section-three .wrapper{ max-width: 650px; } .jumbo-3-service-section-three .cta_button{ margin-top: 15px; } body .jumbo-3-service-section-two .row-fluid .span12{ min-height:0; } /*================================================================ Thankyou Section One Styling ====================================================================*/ .jumbo-3-thankyou-section-one{ padding:200px 0px 250px; background-size:cover; background-position:top center; position:relative; } .jumbo-3-thankyou-section-one p{ margin:25px 0px; } .jumbo-3-thankyou-section-one .wrapper{ position:relative; } .jumbo-3-thankyou-section-one p{ color:#ffffff; } .jumbo-3-thankyou-section-one.hero-without-cta{ padding: 105px 0px 74px; } @media(max-width:767px){ .jumbo-3-thankyou-section-one{ text-align: center !important; padding-top:45px; padding-bottom: 45px; } .jumbo-3-thankyou-section-one .wrapper img { display: none; padding-top:25px; } .jumbo-3-thankyou-section-one .thankyou-header-text { text-align: center !important; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; } } /*============================================================================ RSS Feed Styling ============================================================================*/ .rss-feed-cards .hs-rss-module { margin: 0; display: flex; } .rss-feed-cards .hs-rss-item { margin: 0; padding: 15px; overflow: visible; } .rss-feed-cards .hs-rss-item { display: flex; flex-direction: column; margin: 0; padding: 0; position: relative; overflow: hidden; background-color: #fff; color: #383d47; text-align: center; transition: .4s; } .rss-feed-cards .hs-rss-item-text { order: 2; } .rss-feed-cards .hs-rss-item-image-wrapper { width: 100%; } .rss-feed-cards .hs-rss-description a { display: block; padding: 10px; font-weight:600; } @media (min-width: 768px){ .rss-feed-cards.equal-height .hs-rss-item-image-wrapper img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* JUMBO PACK 4 Style ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ .jumbo-4-inner-page-hero { padding: 190px 0 80px; } /*=============================================================================== Request Quote ===============================================================================*/ body .row-fluid .jumbo-4-request-quote-section .wrapper{ max-width: 900px; } .jumbo-4-request-quote-section h2{ font-weight:300; font-size:36px; line-height:46px; } /*============Tab Responsive ================*/ @media (min-width:768px) and (max-width:1024px){ .jumbo-4-request-quote-section h2 { font-size: 30px; line-height: 42px; } } /*============Mobile Responsive ================*/ @media (max-width:768px){ .jumbo-4-request-quote-section h2 { font-size: 24px; line-height: 38px; } } /*========================================================= Error Page =========================================================*/ .jumbo-4-error-page-body{ padding: 180px 0 80px; } .jumbo-4-error-page-body h1{ margin:0; } .jumbo-4-error-page-body .heading{ margin:50px 0 20px; } body .row-fluid .jumbo-4-error-page-body .wrapper{ max-width:960px; } .jumbo-4-error-page-body a.cta_button{ padding-left:60px; padding-right:60px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-4-error-page-body { padding: 160px 0 50; } } @media (max-width:767px){ .jumbo-4-error-page-body { padding: 80px 0 50px; } .jumbo-4-error-page-body .heading { margin: 40px 0 10px; } } /**************************************************************************************** ********************************** HOME PAGE STYLING ********************************** **************************************************************************************** /*=============================================================================== Home Hero Section ===============================================================================*/ .jumbo-4-home-hero-section{ position:relative; z-index:1; padding:300px 0 200px; } .jumbo-4-home-hero-section:after{ position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: url(//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Agency%20Pack%20/Combined%20Shape.png) no-repeat; background-size: contain; background-position: bottom center; } .jumbo-4-home-hero-section h1{ font-weight:300; } body .row-fluid .jumbo-4-home-hero-section .wrapper{ max-width:1060px; } .jumbo-4-home-hero-section .heading{ margin-bottom:15px; } .jumbo-4-home-hero-section .row-fluid .bg-video-container { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -2; } /*============Tab Responsive ================*/ @media (min-width:768px) and (max-width:1024px){ .jumbo-4-home-hero-section { padding: 220px 0 150px; } } /*============Mobile Responsive ================*/ @media (max-width:768px){ .jumbo-4-home-hero-section { padding: 150px 0 120px; } } /* HS 1 */ .jumbo-4-home-section-1{ padding-bottom: 50px; } /*=============================================================================== Home Section 2 ===============================================================================*/ .jumbo-4-home-section-2 { padding-bottom:100px; } .jumbo-4-home-section-2 .wrapper{ position:relative; justify-items: center; } .jumbo-4-home-section-2 .left-col{ margin: 40px 0 40px 70px; border-radius: 5px; padding: 20px; overflow: hidden; position:absolute; width: 320px; bottom: 44px; } .jumbo-4-home-section-2 .right-col{ height:470px; border-radius:5px; overflow:hidden; float:right; } /*============Mobile Responsive ================*/ @media (min-width:768px) and (max-width:1024px){ .jumbo-4-home-section-2{ padding-bottom:80px; } } @media (max-width:768px){ .jumbo-4-home-section-2 .left-col { padding: 30px; position: relative; width: 100%; bottom: 0; margin-bottom: 20px; } .jumbo-4-home-section-2 .right-col { height: 280px; width: 100%; } .jumbo-4-home-section-2 { padding-bottom: 50px; } } /*=============================================================================== Home Section 3 ===============================================================================*/ .jumbo-4-home-section-3 { padding-top:40px; } .jumbo-4-home-section-3 .overlay:before{ background:linear-gradient(270deg, rgba(59,59,59,0.9) 0%, rgba(19,18,18,0.9) 100%); } .jumbo-4-home-section-3 .gradient-bg:before{ background:linear-gradient(270deg, #7CD6F9 0%, #46ADF0 100%); opacity:.9; } body .row-fluid .jumbo-4-home-section-3 .wrapper{ max-width:100%; padding:30px 0; overflow:hidden; } body .row-fluid .jumbo-4-home-section-3 .left-col, body .row-fluid .jumbo-4-home-section-3 .right-col{ margin: 0; width: 50%; padding: 150px 10%; position:relative; } body .row-fluid .jumbo-4-home-section-3 .right-col{ z-index:1; } .jumbo-4-home-section-3 .right-col:after{ position: absolute; content: ''; top: -68%; left: -44px; right: -60px; bottom: -73%; z-index: -1; transform: rotate(8deg); } /*============Tab Responsive ================*/ @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-4-home-section-3 .left-col, body .row-fluid .jumbo-4-home-section-3 .right-col{ padding: 80px 6%; } } /*============Mobile Responsive ================*/ @media (max-width:768px){ body .row-fluid .jumbo-4-home-section-3 .left-col, body .row-fluid .jumbo-4-home-section-3 .right-col { width: 100%; padding: 80px 20px; } .jumbo-4-home-section-3 .right-col:after { top: 0; left: 0; right: 0; bottom: 0; transform: rotate(0); } body .row-fluid .jumbo-4-home-section-3 .wrapper{ padding:0; } .jumbo-4-home-section-3 { padding-top: 0; } } /*================================================= Blog Section ================================================*/ .jumbo-4-home-blog-section{ border-top: 1px solid #e1e2e3; } .jumbo-4-home-blog-section .heading{ margin-bottom:15px; } .jumbo-4-home-blog-section .cta{ margin-top:50px; } .jumbo-4-home-blog-section .hs-rss-module{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .jumbo-4-home-blog-section .hs-rss-item.hs-with-featured-image { overflow: hidden; width: 100%; max-width: 30.9%; float: left; flex-direction: column; margin: 0 1.2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; background: #fff; border: 1px solid #e7e7e7; } .jumbo-4-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 100%; float: right; padding-right: 20px; box-sizing: border-box; order: 2; padding: 20px 35px 14px; border-top: 0; border-top: 1px solid #e7e7e7; } .jumbo-4-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: 100%; float: left; order: 1; } .jumbo-4-home-blog-section .hs-rss-title,.post-wrapper h2,.post-wrapper h2 a{ font-size: 20px; font-weight: 400; color: #0d2e4f; line-height: 26px; } .jumbo-4-home-blog-section .hs-rss-description p, .jumbo-4-home-blog-section .post-summary p{ margin: 10px 0px; } .jumbo-4-home-blog-section .hs-rss-description p a,.read-more-link a{ display: block; color: #7dc037; font-weight: 400; } .jumbo-4-home-blog-section .post-image { min-height: 260px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; position:relative; } .jumbo-4-home-blog-section .post-image a.featured-image-link { position: absolute; width: 100%; height: 100%; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; } .jumbo-4-home-blog-section .item.span4{ border: 1px solid #e2e3e4; transition: all .3s ease-out; } .jumbo-4-home-blog-section .item.span4:hover{ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25); } .jumbo-4-home-blog-section .item-wrapper { padding: 25px 25px; } /*=================Responsive Section 5====================*/ @media (max-width:1024px){ .jumbo-4-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding: 20px 20px 14px; } } @media (max-width:767px){ .jumbo-4-home-blog-section .hs-rss-item.hs-with-featured-image { max-width: 100%; margin: 0; margin-bottom: 20px; } .jumbo-4-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding: 16px 20px 14px; } .jumbo-4-home-blog-section .hs-rss-module{ display:block; } .jumbo-4-home-blog-section{ padding: 45px 0; } .jumbo-4-home-blog-section .cta { margin-top: 20px; } .jumbo-4-home-blog-section .heading { margin-bottom: 0; padding: 0; } .jumbo-4-home-blog-section .item.span4 { margin-top:30px; } } /*=============================================================================== Home Section 5 ===============================================================================*/ .jumbo-4-home-section-5{ padding-bottom:0; } body .row-fluid .jumbo-4-home-section-5 .section-heading{ margin-bottom:60px; } body .row-fluid .jumbo-4-home-section-5 .wrapper{ padding:0; max-width:100%; } body .row-fluid .jumbo-4-home-section-5 .left-col{ width:40%; margin:0; position:relative; } body .row-fluid .jumbo-4-home-section-5 .right-col{ width: 48%; margin: 0; box-sizing: border-box; padding: 50px 5% 20px; } .jumbo-4-home-section-5 .left-col .heading{ position: absolute; right: 0; width:100%; max-width: 400px; padding: 50px 50px 30px; border-radius: 0 0 0 20px; overflow: hidden; } .jumbo-4-home-section-5 .left-col .gradient-bg:before { opacity: .9; } /*============Tab Responsive ================*/ @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-4-home-section-5 .left-col { width: 44%; } body .row-fluid .jumbo-4-home-section-5 .right-col { width: 56%; } } /*============Mobile Responsive ================*/ @media (max-width:768px){ body .row-fluid .jumbo-4-home-section-5 .right-col { width: 100%; padding: 60px 20px 10px; } body .row-fluid .jumbo-4-home-section-5 .left-col { width: 100%; height: 280px; } .jumbo-4-home-section-5 .left-col .heading { padding: 30px 20px 10px; border-radius: 0; } } /*=============================================================================== Home Video Section ===============================================================================*/ .jumbo-4-home-video-section{ background:#fff; } body .row-fluid .jumbo-4-home-video-section .wrapper{ padding:0; max-width:100%; } body .row-fluid .jumbo-4-home-video-section .left-col{ width:50%; margin:0; position:relative; padding:120px 8%; } body .row-fluid .jumbo-4-home-video-section .right-col{ width: 50%; margin: 0; box-sizing: border-box; padding: 100px 12% 80px 5%; } .jumbo-4-home-video-section .left-col .text-container{ height: 400px; } .jumbo-4-home-video-section .left-col .gradient-bg:before{ opacity:.9; } .jumbo-4-home-video-section .text-container h2{ font-weight:600; font-size:36px; line-height:40px; } body .row-fluid .video-popup-modal{ min-height:0; } .hs-module-link{ cursor:pointer; } .modal { bottom: 0; left: 0; outline: 0 none; overflow: hidden; position: fixed; right: 0; top:0; z-index: 1050; height: 100vh; background:rgba(48, 62, 72, 0.87); } .modal.fade { opacity: 0; transition:all .3s ease-in; visibility: hidden; top:-1000px; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .fade.in { opacity: 1; top:0; visibility: visible; } .container-fluid.body-container .row-fluid .modal .page-center.page-center-800 { padding: 0; } .modal-dialog { position: relative; } .modal-lg { width: 100%; max-width: 66vw; margin: 0 auto; float: none; padding-top: 10vh; } .modal.fade .modal-dialog { transform: translate(0,-25%); transition: transform .3s ease-out; position: relative; z-index: 9999; } .modal.fade.in .modal-dialog { transform: translate(0px, 0px); } .modal-content { background-clip: padding-box; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); outline: 0 none; position: relative; } .modal-content .close { border: 0; color: #ffffff; cursor: pointer; float: right; height: 50px; padding: 0; width: 50px; position: absolute; right: -34px; top: -29px; background: transparent; text-align: center; line-height: 50px; } .modal-content .close span { font-family: 'Josefin Sans',sans-serif; font-size: 40px; line-height: 13px; } .modal-open { overflow: hidden; } .fade { opacity:0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .modal-backdrop.fade { filter: alpha(opacity=90); opacity: .9; } .modal-backdrop.in { opacity: 0.9; } .modal-body blockquote { background: rgba(0, 0, 0, 0) url("//1803734.fs1.hubspotusercontent-na1.net/hubfs/1803734/PCG_Oct2016/images/testimonial-case-icon.png") no-repeat scroll left top / 7% auto; padding-left: 10%; margin: 0; } .hs-inline-edit .modal.fade { opacity: 1; visibility: visible; position: static; } .hs-inline-edit .custom-about-page .modal.fade { display: none; } .hs-inline-edit .modal.fade .modal-dialog { transform: translate(0, 0); } .embed-responsive.embed-responsive-16by9 { position: relative; display: block; padding-bottom: 56.25%; } .embed-responsive.embed-responsive-16by9 iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; } @media(max-width:1024px){ .modal.fade{ display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; justify-content: center; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; } } @media(max-width:767px){ .modal-lg { width: 100%; max-width: 90vw; } body .row-fluid .jumbo-4-home-video-section .left-col{ text-align:center; } } /*============Tab Responsive ================*/ @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-4-home-video-section .left-col { width: 42%; padding: 120px 40px; } body .row-fluid .jumbo-4-home-video-section .right-col { width: 58%; padding: 100px 30px 80px 30px; } } /*============Mobile Responsive ================*/ @media (max-width:767px){ body .row-fluid .jumbo-4-home-video-section .left-col { width: 100%; padding: 120px 8%; } body .row-fluid .jumbo-4-home-video-section .right-col { width: 100%; padding: 60px 20px 30px; } } /*=============================================================================== Home Right Side Image ===============================================================================*/ body .row-fluid .jumbo-4-home-right-side-img-section .wrapper{ padding:0; max-width:100%; } body .row-fluid .jumbo-4-home-right-side-img-section .right-col{ width:50%; margin:0; position:relative; padding:120px 8%; } body .row-fluid .jumbo-4-home-right-side-img-section .left-col{ width: 50%; margin: 0; box-sizing: border-box; padding: 100px 5% 80px 12%; } @media (min-width:1025px) and (max-width:1440px){ body .row-fluid .jumbo-4-home-right-side-img-section .left-col{ padding: 100px 5% 80px 5%; } } /*============Tab Responsive ================*/ @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-4-home-right-side-img-section .right-col { width: 42%; padding: 120px 40px; } body .row-fluid .jumbo-4-home-right-side-img-section .left-col { width: 58%; padding: 100px 30px 80px 30px; } } /*============Mobile Responsive ================*/ @media (max-width:767px){ body .row-fluid .jumbo-4-home-right-side-img-section .right-col { width: 100%; padding: 120px 8%; } body .row-fluid .jumbo-4-home-right-side-img-section .left-col { width: 100%; padding: 60px 20px 30px; } .jumbo-4-home-right-side-img-section{ border-top:1px solid #e7e7e7; } body .jumbo-4-home-right-side-img-section .wrapper .row-fluid{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } } /*======================================================= Home Our Services =======================================================*/ body .row-fluid .jumbo-4-home-our-services .section-heading { margin-bottom:30px; } /*=================================================== Our services CM ===================================================*/ .jumbo-4-home-our-services .jumbo-service-cm .icon{ margin:0 auto 20px; width:100%; max-width:130px; } .jumbo-4-home-our-services .agency-services-cm-container{ margin:50px 0 60px; } body .row-fluid .jumbo-4-home-our-services .agency-services-cm-container>span{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; overflow:hidden; } body .row-fluid .jumbo-4-home-our-services .agency-services-cm-container>span>.hs_cos_wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 33.3333%; -webkit-flex-basis: 33.33333%; float: left; margin:0; padding:0; box-sizing: border-box; position: relative; padding:40px 0; } .jumbo-4-home-our-services .agency-services-cm-container>span>.hs_cos_wrapper .jumbo-service-cm{ padding:0 20px; } body .row-fluid .jumbo-4-home-our-services .agency-services-cm-container>span>.hs_cos_wrapper:before{ position: absolute; content: ''; left: 0; right: -3px; top: 0; bottom: -1px; pointer-events: none; bordeR: 1px solid #e7e7e7; border-top: 0; border-left: 0; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ body .row-fluid .jumbo-4-home-our-services .agency-services-cm-container>span>.hs_cos_wrapper { display: block; width:100%; flex-basis: 100%; -webkit-flex-basis: 100%; } .jumbo-4-home-our-services .agency-services-cm-container{ margin:10px 0 20px; } } /**************************************************************************************** ********************************** ABOUT US PAGE STYLING ****************************** **************************************************************************************** /*=================================================================== About Section One Styling ====================================================================*/ .jumbo-4-about-section-two{ padding-bottom:75px; } .jumbo-4-about-section-two .top-spacing{ margin-top:60px; } .hs_cos_gallery_main .slick-fixed-height-slider .slick-slide { display: none !important; } .bm-us-slider .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #000 !important; opacity: 0.75; -webkit-font-smoothing: antialiased; } .bm-us-slider .slick-next:before, .slick-prev:before{ font-family: "slick"; font-size: 20px; line-height: 1; color: #000 !important; opacity: 0.75; -webkit-font-smoothing: antialiased; } /*=================================================================== Section One Styling ====================================================================*/ @media (min-width: 768px){ body .jumbo-4-about-section-two .row-fluid .agency-service-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.7%; width: auto; justify-content: center; -webkit-justify-content: center; } .jumbo-4-about-section-two .agency-service-container span>.hs_cos_wrapper { display: flex; flex-basis: 22.333%; float: left; margin-right: 2.6677%; box-shadow: 0 0px 1px 0 rgba(0,0,0,0.2); border-radius: 4px; } } .jumbo-4-about-section-two .agency-service-cm { padding: 32px 20px; border-radius: 6px; background:#FAFAFA; } .jumbo-4-about-section-two .agency-service-cm h2{ font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 1px; margin: 0; } .jumbo-4-about-section-two .agency-service-cm i{ font-size: 76px; line-height: 70px; padding-bottom: 23px; color:#343434; } .jumbo-4-about-section-two .agency-service-cm:hover i, .jumbo-4-about-section-two .agency-service-cm:hover h2{ color:#fff; } .jumbo-4-about-section-two .agency-service-cm:hover{ background:#7dc037 } @media(max-width:767px){ .jumbo-4-about-section-two .agency-service-cm{ margin-bottom:30px; } } /*=================================================================== Section One Styling ====================================================================*/ @media (min-width: 768px){ body .jumbo-4-single-team-section-2 .row-fluid .agency-service-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.7%; width: auto; justify-content: center; -webkit-justify-content: center; } .jumbo-4-single-team-section-2 .agency-service-container span>.hs_cos_wrapper { display: flex; flex-basis: 22.333%; float: left; margin-right: 2.6677%; box-shadow: 0 0px 1px 0 rgba(0,0,0,0.2); border-radius: 4px; } } .jumbo-4-single-team-section-2 .agency-service-cm { padding: 32px 20px; border-radius: 6px; background:#FAFAFA; } .jumbo-4-single-team-section-2 .agency-service-cm h2{ font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 1px; margin: 0; } .jumbo-4-single-team-section-2 .agency-service-cm i{ font-size: 76px; line-height: 70px; padding-bottom: 23px; color:#343434; } .jumbo-4-single-team-section-2 .agency-service-cm:hover i, .jumbo-4-single-team-section-2 .agency-service-cm:hover h2{ color:#fff; } .jumbo-4-single-team-section-2 .agency-service-cm:hover{ background:#7dc037 } @media(max-width:767px){ .jumbo-4-single-team-section-2 .agency-service-cm{ margin-bottom:30px; } } /*============================================================================= About Section Three Styling ===============================================================================*/ @media(max-width:767px){ .jumbo-4-about-section-three{ padding:75px 0; } } .jumbo-4-about-section-three .heading-spacing{ padding-bottom: 26px; } @media(min-width:768px){ .jumbo-4-about-section-three .left-col{ padding: 75px 0 75px 0; } .jumbo-4-about-section-three .right-col{ padding: 75px 0 75px 3%; position:relative; } .jumbo-4-about-section-three .right-col:before{ content:""; position:absolute; background:rgba(255,255,255,0.3); width:1px; height:100%; left:0; top:0; } } @media(min-width:950px){ .jumbo-4-about-section-three .left-col{ padding: 75px 9% 75px 0; } .jumbo-4-about-section-three .right-col{ padding: 75px 0 75px 9%; position:relative; } } .difference-cm{ padding-bottom: 45px; } .circular-font-icon.span2{ max-width: 52px; } .circular-font-icon i{ font-size: 25px; line-height: 25px; color: #fff; text-align: center; border: 2px solid rgba(255, 255, 255, 0.32); border-radius: 100%; padding: 11px; } .descriptive-text{ padding-left:10px; } .descriptive-text p{ margin:0; color: rgba(255,255,255,0.6); } .jumbo-4-about-section-three .hs_cos_wrapper_type_cta{ text-align:center; } /**************************************************************************************** ********************************** SERVICES STYLING ********************************** **************************************************************************************** /*================================================================== Service Section One Styling ===================================================================*/ body .row-fluid .jumbo-4-services-section-one .section-heading{ max-width: 640px; margin: 0 auto; float: none; } .jumbo-4-services-section-one .space-top{ padding:75px 0 0; } @media(max-width:767px){ .jumbo-4-services-section-one .vertical-center .widget-type-linked_image{ text-align:center; margin-top:20px; } .jumbo-4-services-section-one .mobile-top-space{ margin-top:50px; } body.jumbo-4-services-section-one .row-fluid .font-icon-grp.span3{ margin: 50px auto 30px; float: none; display: block; margin-left: 0; } .jumbo-4-services-section-one .space-top { padding: 10px 0 0; } } /*========================================================================= Service Section Two Styling =========================================================================*/ .jumbo-4-services-section-two{ padding-bottom: 30px; } /*==================================================================== Service CM Styling =====================================================================*/ @media (min-width: 768px){ body .jumbo-4-services-section-two .row-fluid .service-page-service-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.7%; width: auto; justify-content: center; -webkit-justify-content: center; } .jumbo-4-services-section-two .service-page-service-container span>.hs_cos_wrapper { display: flex; flex-basis: 47.333%; float: left; margin: 40px 2.6677% 40px 0; } } .jumbo-4-services-section-two .agency-service-container .service-cm { margin-bottom: 60px; } .jumbo-4-services-section-two .service-page-service-container .font-icon-grp.span3 { text-align: center; border: 1px solid #7dc037; border-radius: 100%; width: 100%; max-width: 100px; height: 100px; } .jumbo-4-services-section-two .service-page-service-container .number-count { font-size: 16px; font-weight: 300; text-align: justify; line-height: 16px; letter-spacing: 1px; color: #FFFFFF; background: #7dc037; width: 25px; height: 25px; text-align: center; border-radius: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items:center; justify-content: center; -webkit-justify-content: center; } .jumbo-4-services-section-two .service-page-service-container .service-cm i{ color: #7dc037; font-size: 40px; line-height: 40px; opacity: 0.9; } .jumbo-4-services-section-two .service-page-service-container .service-header-grp i{ font-size: 17px; line-height: 27px; vertical-align: middle; margin-left:10px; } @media(min-width:768px){ body .row-fluid .jumbo-4-services-section-two .service-header-grp{ position:relative; padding-left: 40px; margin-left: 43px; } .jumbo-4-services-section-two .service-page-service-container .service-header-grp:before{ content:""; position:absolute; background:#7dc037; width:3px; height:100%; left:0; top:0; border-radius:6px; } .jumbo-4-services-section-two .service-page-service-container .service-header-grp:after{ content:""; position:absolute; left: -7px; top: 20px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #7dc037; } } @media (max-width:767px){ .jumbo-4-services-section-two .service-page-service-container span>.hs_cos_wrapper{ margin:30px 0; } } /*************************************************************************** ******************************SINGLE SERVICES PAGE************************* **************************************************************************/ body .row-fluid .jumbo-4-single-service-two-col .wrapper{ max-width:1000px; } .jumbo-4-single-service-two-col .single-service-cm .font-icon-container{ text-align: center; border: 1px solid #7dc037; border-radius: 100%; width: 100%; max-width: 100px; height: 100px; border-color:#7dc037; } .jumbo-4-single-service-two-col .single-service-cm .icon .fa { color:#7dc037; font-size: 40px; line-height: 40px; opacity: .9; } .jumbo-4-single-service-two-col .single-service-cm .count { font-size: 16px; font-weight: 300; text-align: justify; line-height: 16px; letter-spacing: 1px; color: #fff; background: #7dc037; width: 25px; height: 25px; text-align: center; border-radius: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .body jumbo-4-single-service-two-col .row-fluid .single-service-cm .heading-container{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: flex-end; -webkit-justify-content: flex-end; } .jumbo-4-single-service-two-col .row-fluid .single-service-cm h3{ margin:0; } .jumbo-4-single-service-two-col .single-service-cm { border-bottom:3px solid #7dc037; padding-bottom:35px; margin-bottom:50px; position:relative; } .jumbo-4-single-service-two-col .single-service-cm:before{ content: ""; position: absolute; left: 4.3%; bottom: -10px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #7dc037; } .jumbo-4-single-service-two-col .description-container img{ margin:30px 0; } @media (max-width:767px){ .jumbo-4-single-service-two-col .single-service-cm .font-icon-container { margin: 0 auto 30px; } .jumbo-4-single-service-two-col .single-service-cm:before { margin: 0 auto; right: 0; } } /**************************************************************************************** ********************************** CONTACT US PAGE STYLING ***************************** ****************************************************************************************/ /*==================================================================== Contact Hero Section ====================================================================*/ .jumbo-4-contact-hero-section{ padding:200px 0 0; } .jumbo-4-contact-hero-section .left-col p{ font-weight:400; } .jumbo-4-contact-hero-section .left-col h4{ font-weight: 600; color: #ABABAB; margin-bottom:10px; } .jumbo-4-contact-hero-section .heading{ margin-bottom:20px; } .jumbo-4-contact-hero-section .address{ margin-bottom:16px; } .jumbo-4-contact-hero-section .right-col{ display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: flex-end; -webkit-justify-content: flex-end; } .jumbo-4-contact-hero-section .left-col{ padding-bottom: 80px; } .jumbo-4-contact-hero-section .right-col{ } .jumbo-4-contact-hero-section .widget-type-form{ background: #fafafa; padding: 50px 30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-4-contact-hero-section .widget-type-form { padding: 40px 20px; } .jumbo-4-contact-hero-section { padding: 150px 0 0; } } @media (max-width:768px){ .jumbo-4-contact-hero-section .widget-type-form { padding: 30px 20px; } .jumbo-4-contact-hero-section .left-col { padding-bottom: 0; margin-top: 40px; } .jumbo-4-contact-hero-section { padding: 70px 0 40px; } body .jumbo-4-contact-hero-section .row-fluid{ display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } } /**************************************************************************************** ********************************** BLOG STYLING ********************************** ****************************************************************************************/ /*====================================== Blog Hero Section Styling ======================================*/ body .row-fluid .blog-hero-section{ display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; padding-top: 180px; padding-bottom: 140px; } .blog-hero-section h1{ font-size: 36px; line-height: 46px; font-weight: 500; margin-top: 16px; } .blog-hero-section .hs-author-avatar { width: 54px; height: 54px; border-radius: 50%; margin-right: 10px; float: right; } body .blog-hero-section .wrapper{ width:auto; max-width:900px; padding:0 20px; margin:0 auto; } .blog-hero-section .author-link { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; display: block; margin-top: 2px; } .blog-hero-section .author-link span { font-weight: 300; text-transform: initial; } .blog-hero-section .pop_post_date { margin-top: 3px; } .blog-hero-slider { position:relative; } .blog-hero-slider .slick-dots { position: absolute; margin: 0; left: 0; right: 0; bottom: 40px; text-align: center; } .blog-hero-slider .slick-dots li{ display:inline-block; } .blog-hero-slider .slick-dots li button{ background: transparent; color: rgba(255, 255, 255, 0); font-size: 16px; padding: 0; font-weight: 300; width: 50px; text-align: center; margin: 0 6px; border: 0; border-bottom: 3px solid #fff; cursor: pointer; } .blog-hero-slider .slick-dots li.slick-active button{ border-color:#7dc037; } .blog-hero-slider .slick-dots li button:focus{ outline:none; } /*====================================================== LISTING STYLING =====================================================*/ .row-fluid .pth-blog-body .post-listing { width: auto; margin-right: -3%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; margin-bottom: 60px; } body .row-fluid .pth-blog-body .post-item{ display: block; overflow: hidden; width: 47%; float: left; margin-right: 3%; margin-bottom: 3%; padding:60px 0; box-sizing: border-box; border: 1px solid #e7e7e7; } .row-fluid .pth-blog-body .post-item .span6{ margin: 0; width: 50%; box-sizing: border-box; padding:0 20px; } /*================== Blog Pagination =====================*/ .blog-pagination{ display: block; clear:both; } .row-fluid .pth-blog-body .post-item .text-container{ border-left: 1px solid rgba(255, 255, 255, 0.78); padding:10px 20px; } .row-fluid .pth-blog-body .no-featured-image .text-container{ border-left: 1px solid rgba(156, 156, 156, 0.78); } .post-item .author-link{ margin-bottom:12px; } .pth-blog-body{ padding:100px 0; } .pth-blog-body .no-featured-image a{ color:#3a3939; } .blog-pagination{ position:relative; margin-top:40px; } .blog-pagination a{ letter-spacing: .4px; font-weight: 500; border: 1px solid; display: inline-block; overflow: hidden; padding: 6px 10px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; color:#7dc037; } .blog-pagination a:hover{ color:#fff!important; background:#7dc037; border:1px solid; } .blog-pagination .all-posts-link{ left: 0; right: 0; width: 110px; margin: 0 auto; position: absolute; text-align: center; } .next-posts-link{ right:0; position:absolute; text-align:right; } .next-posts-link .fa{ padding-left: 10px; } .previous-posts-link .fa{ padding-right: 10px; } /*================================================= Post Page Styling =================================================*/ .hs-blog-post .post-header .hs-author-avatar { width: 54px; height: 54px; border-radius: 50%; margin-right: 10px; float: left; } .hs-blog-post .wrapper{ width:100%; max-width:900px; padding:0 20px; margin:0 auto; } .hs-blog-post .post-header .author-link { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; display: block; margin-top: 2px; } .hs-blog-post .post-header .author-link span { font-weight: 300; text-transform: initial; } .hs-blog-post .post-header .pop_post_date { margin-top: 3px; } .hs-blog-post .social-share-icons ul{ margin:0; text-align:right; } .hs-blog-post .social-share-icons li{ display: inline-block; } .hs-blog-post .social-share-icons li a{ margin-left: 8px; width: 50px; line-height: 50px; font-size:22px; border-radius: 50%; text-align: center; background: #7dc037; color: #fff; display: inline-block; } .hs-blog-post .post-header{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d8d8d8; } .hs-blog-post #hubspot-topic_data{ margin-bottom:30px; } .hs-blog-post .post-body{ width:auto; max-width:840px; margin:0 auto; } /*=============================================================== Blog Tags Section ==============================================================*/ .blog-tags-section{ padding: 30px 0 10px; border-bottom: 1px solid #e7e7e7; } .blog-tags-section .tags-toggle{ text-align:right; cursor:pointer; } .blog-tags-section .tag-container{ display:none; } .blog-tags-section .filter-link-count{ display:none; } .blog-tags-section .tag-container ul{ margin:0; } .blog-tags-section .tag-container ul li, .blog-tags-section .tag-container .filter-expand-link{ float: left; border: 1px solid #e7e7e7; line-height: 1; font-size: 16px; text-transform: capitalize; font-weight: 500; color: #3a3939; margin: 0 20px 20px 0; } .blog-tags-section .tag-container ul li a, .blog-tags-section .tag-container .filter-expand-link { padding: 16px 20px; display: inline-block; color:#3a3939; } .blog-tags-section .tag-container .filter-expand-link{ border-color:#7dc037; color:#7dc037; } /*=================== Blog Comment Form=========================*/ body .container-fluid .row-fluid .widget-type-blog_comments{ width: 100%; max-width: 840px; margin: 50px auto 0; float:none; } /*=================== Subscribe Blog Section =========================*/ .subscribe-blog-section h3{ display:block; text-align:center; font-size: 26px; font-weight: 600; } .subscribe-blog-section .widget-type-blog_subscribe input[type="email"]{ border: 1px solid #fff; border-radius: 4px; padding: 0 26px 0 15px; font-size: 14px; color: #000; padding-right: 60px; height: 55px; } .subscribe-blog-section .widget-type-blog_subscribe input[type="email"]:focus, .subscribe-blog-section .widget-type-blog_subscribe form .hs-button.primary:focus{ outline:0; border: 0px; } .subscribe-blog-section .widget-type-blog_subscribe form{ position: relative; width: 100%; max-width: 580px; margin: 20px auto 0; } .subscribe-blog-section .hs-error-msgs { list-style:none; } .subscribe-blog-section .widget-type-blog_subscribe form .actions{ position: absolute; right: 0; top: 0; background: #fff; padding-left: 5px; } .subscribe-blog-section .widget-type-blog_subscribe form .hs-button.primary { color: #7dc037; padding: 15px 20px; border:2px solid #7dc037; background:transparent; cursor:pointer; box-shadow: none; margin-top: 0; } .subscribe-blog-section .widget-type-blog_subscribe form .hs-button.primary:hover{ background:#7dc037; color:#fff; } .subscribe-blog-section .widget-type-blog_subscribe form .hs-button.primary:focus{ outline:0; border:0; } .subscribe-blog-section .widget-type-blog_subscribe .field>label{ display:none; } .subscribe-blog-section ::-webkit-input-placeholder { color: #fff; } .subscribe-blog-section ::-moz-placeholder { color: #fff; } .subscribe-blog-section :-ms-input-placeholder { color: #fff; } /*=================== Subscribe Blog Section - Transparent =========================*/ .subscribe-blog-trans h3{ display:block; text-align:center; font-size: 26px; font-weight: 600; } .subscribe-blog-trans .widget-type-blog_subscribe input[type="email"]{ background: transparent; border: 1px solid #fff; border-radius: 4px; padding: 0 26px 0 15px; font-size: 14px; color: #000; padding-right: 60px; height: 55px; } .subscribe-blog-trans .widget-type-blog_subscribe input[type="email"]:focus, .subscribe-blog-trans .widget-type-blog_subscribe form .hs-button.primary:focus{ outline:0; border: 0px; } .subscribe-blog-trans .widget-type-blog_subscribe form{ position: relative; width: 100%; max-width: 580px; margin: 20px auto 0; } .subscribe-blog-trans .hs-error-msgs { list-style:none; } .subscribe-blog-trans .widget-type-blog_subscribe form .actions{ position: absolute; right: 0; top: 0; background: transparent; padding-left: 5px; } .subscribe-blog-trans .widget-type-blog_subscribe form .hs-button.primary { color: #7dc037; padding: 15px 20px; border:2px solid #7dc037; background:#fff; cursor:pointer; box-shadow: none; margin-top: 0; } .subscribe-blog-trans .widget-type-blog_subscribe form .hs-button.primary:hover{ background:#7dc037; color:#fff; } .subscribe-blog-trans .widget-type-blog_subscribe form .hs-button.primary:focus{ outline:0; border:0; } .subscribe-blog-trans .widget-type-blog_subscribe .field>label{ display:none; } .subscribe-blog-trans ::-webkit-input-placeholder { color: #fff; } .subscribe-blog-trans ::-moz-placeholder { color: #fff; } .subscribe-blog-trans :-ms-input-placeholder { color: #fff; } /*========================= Author Page Styling =========================*/ .author-page-single .social-share-icons li { display: inline-block; } .author-page-single .social-share-icons li a{ margin:0 4px; width: 50px; line-height: 50px; font-size: 22px; border-radius: 50%; text-align: center; background: #7dc037; color: #fff; display:inline-block; } .author-page-single .hs-author-avatar{ width: 150px; height: 150px; border-radius: 50%; margin: 0 auto 18px; } .post-by-author{ margin-top:40px; } /*=============================================================== Blog Tab Responsive ===============================================================*/ @media (max-width:1024px){ .blog-tags-section .tag-container ul li, .blog-tags-section .tag-container .filter-expand-link { font-size: 14px; margin: 0 12px 12px 0; } .blog-tags-section .tag-container ul li a, .blog-tags-section .tag-container .filter-expand-link { padding: 12px 14px; } .pth-blog-body { padding: 60px 0; } .post-item .equal-height-container>.row-fluid-wrapper>.row-fluid{ display:block; } .row-fluid .pth-blog-body .post-item .span6 { width: 100%; } .row-fluid .pth-blog-body .post-item .text-container { border-left: 0; } } @media (max-width:767px){ .blog-hero-section .hs-author-avatar { float: none; margin: 0 auto 10px; } .blog-hero-section h1 { font-size: 22px; font-weight: 400; line-height: 30px; } body .row-fluid .blog-hero-section { padding-top: 110px; padding-bottom: 140px; } .hs-blog-post .social-share-icons ul { margin-top: 26px; text-align:left; } .hs-blog-post .social-share-icons li a { margin-left: 0; margin-right: 8px; } body .row-fluid .blog-tags-section .left-col, body .row-fluid .blog-tags-section .right-col{ width:50%; float:left; } body .row-fluid .blog-pagination a { font-weight:400; border: 0; padding: 0; } .blog-pagination a:hover{ background:transparent; color:#7dc037; } .pth-blog-body { padding: 60px 0 20px; } body .author-page-single .hs-author-profile { display:flex; display:-webkit-flex; flex-direction:column-reverse; -webkit-flex-direction:column-reverse; } .author-page-single .social-share-icons li a { margin: 0 4px; width: 40px; line-height: 40px; font-size: 18px; } } @media (max-width:600px){ body .row-fluid .pth-blog-body .post-item { display: block; width: 100%; margin-right: 0; margin-bottom: 20px; } .row-fluid .pth-blog-body .post-listing { margin-right: 0; margin-bottom: 40px; } } /**************************************************************************************** ********************************** REQUEST QUOTE LP ********************************** ****************************************************************************************/ /*==================================================================== Landing Page Hero Section ====================================================================*/ .jumbo-4-lp-hero-section { padding:150px 0 0; position:relative; } .jumbo-4-lp-hero-section .widget-type-form{ background:#fff; padding:50px 30px 80px; } .jumbo-4-lp-hero-section .request-quote .leftt-col{ padding-bottom:60px; } .jumbo-4-lp-hero-section .request-quote .right-col h3{ color:#000; } @media (max-width:768px){ .jumbo-4-lp-hero-section { padding: 100px 0 0; } .jumbo-4-lp-hero-section .widget-type-form { padding: 40px 20px 40px; margin-top: 40px; } } /*==================================================================== Landing Page Hero Section ====================================================================*/ .jumbo-4-lp-three-col-features{ position:relative; z-index:1; overflow:hidden; } .jumbo-4-lp-three-col-features:before{ position:absolute; z-index:-1; content:''; bottom:0; left:0; right:0; height: 350px; background: #fafafa; } .jumbo-4-lp-three-col-features .section-heading{ margin-bottom:60px; } .jumbo-4-lp-three-col-features .read-more-button{ margin-top:30px; color:#7dc037; } .jumbo-4-lp-three-col-features .read-more-button i{ margin-left:10px; } .jumbo-4-lp-three-col-features .lp-feature-cm .icon .fa{ font-size: 140px; margin-bottom: 40px; color:#7dc037; } body .row-fluid .jumbo-4-lp-three-col-features .lp-feature-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -5.1%; } body .row-fluid .jumbo-4-lp-three-col-features .lp-feature-cm-container>span>.hs_cos_wrapper { display: flex; flex-basis: 30%; float: left; margin-right: 2.5%; margin-top: 30px; position: relative; border-radius: 6px; background: #fff; box-sizing: border-box; padding: 50px 0; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.1); } body .row-fluid .jumbo-4-lp-three-col-features .lp-feature-cm-container>span>.hs_cos_wrapper .lp-feature-cm{ padding:0 15px; } @media (max-width:1024px){ .jumbo-4-lp-three-col-features .lp-feature-cm .icon .fa { font-size: 80px; margin-bottom: 30px; } } @media (max-width:767px){ body .jumbo-4-lp-three-col-features .row-fluid .lp-feature-cm-container>span { margin-right:0; } body .jumbo-4-lp-three-col-features .row-fluid .lp-feature-cm-container>span>.hs_cos_wrapper { display: block; width:100%; flex-basis: 100%; margin-right:0; margin-top: 20px; padding: 30px 0; } body .jumbo-4-lp-three-col-features .row-fluid .lp-feature-cm-container>span>.hs_cos_wrapper .lp-feature-cm{ padding:0 15px; } } /**************************************************************************************** ********************************** LP OPTION TWO STYLING ****************************** ****************************************************************************************/ /*================================================================ LP HERO SECTION =================================================================*/ .jumbo-4-lp-option-hero{ padding:250px 0 150px; } body .row-fluid .jumbo-4-lp-option-hero .wrapper{ max-width:800px; } @media (max-width:767px){ .jumbo-4-lp-option-hero { padding: 120px 0 100px; } } /*================================================================ LP OPTION ONE COL =================================================================*/ body .row-fluid .jumbo-4-lp-option-one-col .wrapper{ max-width:900px; } .lp-option-left-image { background-size: cover; background-position: top center; position: relative; } @media (max-width:767px){ .jumbo-4-lp-option-one-col .lp-option-left-image .left-col{ margin-bottom:40px; } } /*====================================================== LP OPTION SERVICE CM =====================================================*/ .jumbo-4-lp-option-section-services{ padding:70px 0; background:#fafafa; } body .jumbo-4-lp-option-section-services .row-fluid .lp-option-service-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; } body .jumbo-4-lp-option-section-services .row-fluid .lp-option-service-cm-container>span>.hs_cos_wrapper { display: flex; flex-basis: 30%; float: left; margin:20px 1.64%; position: relative; border-radius: 6px; background: #fff; box-sizing: border-box; padding: 50px 0; } body .jumbo-4-lp-option-section-services .row-fluid .lp-option-service-cm-container>span>.hs_cos_wrapper .lp-option-service-cm{ padding:0 15px; } .jumbo-4-lp-option-section-services .lp-option-service-cm .fa{ font-size: 32px; color:#7dc037; width: 70px; line-height: 70px; background: #fafafa; border-radius: 50%; margin-bottom: 24px; } @media (max-width:1024px){ body .jumbo-4-lp-option-section-services .row-fluid .lp-option-service-cm-container>span>.hs_cos_wrapper{ padding: 30px 0; } body .row-fluid .lp-option-service-cm-container>span>.hs_cos_wrapper .lp-option-service-cm{ padding:0 15px; } } @media (max-width:767px){ body .jumbo-4-lp-option-section-services .row-fluid .lp-option-service-cm-container>span>.hs_cos_wrapper { margin: 0; width: 100%; flex-basis: 100%; margin-bottom: 20px; } } /*================================================================ LP OPTION BOTTOM TWO COL =================================================================*/ .jumbo-4-lp-option-bottom-two-col .section-heading{ margin-bottom:50px; } .jumbo-4-lp-option-bottom-two-col .column{ border: 1px solid #e7e7e7; padding: 60px 40px; border-radius: 4px; box-sizing: border-box; } @media (max-width:767px){ .jumbo-4-lp-option-bottom-two-col .column{ margin-top:30px; } } /*================================================================ LP OPTION FORM SECTION =================================================================*/ .jumbo-4-lp-option-form-section .left-col{ border: 1px solid #e7e7e7; padding: 30px 40px 50px; border-radius: 4px; } @media (max-width:767px){ .jumbo-4-lp-option-form-section .left-col{ margin-bottom:40px; } } /*=============================================================== FAQ hero Section ===============================================================*/ .jumbo-4-faq-hero-section{ padding:200px 0 70px; } .jumbo-4-faq-hero-section #faq_search_form{ width: 100%; margin: 0 auto; max-width: 760px; position: relative; } .jumbo-4-faq-hero-section #faq_search_form ::-webkit-input-placeholder { color: #fff; } .jumbo-4-faq-hero-section #faq_search_form ::-moz-placeholder { color: #fff; } .jumbo-4-faq-hero-section #faq_search_form :-ms-input-placeholder { color: #fff; } .jumbo-4-faq-hero-section #faq_search_form :-moz-placeholder { color: #fff; } .jumbo-4-faq-hero-section #faq_search_field{ border:2px solid #fff; border-radius:2px; height:50px; color:#fff; padding:0 40px 0 15px; background:transparent; } .jumbo-4-faq-hero-section #faq_search_field:focus{ border:2px solid #fff; } .jumbo-4-faq-hero-section #faq_search_form .search-icon{ position: absolute; right: 18px; top: 15px; } @media (max-width:1024px){ } @media (max-width:767px){ .jumbo-4-faq-hero-section { padding: 110px 0 30px; } } /*=============================================================== FAQ Section ===============================================================*/ .jumbo-4-faq-section{ padding-top:50px; } body .row-fluid .jumbo-4-faq-section .wrapper{ max-width:800px; } .jumbo-4-faq-section .accordion_group{ border-bottom:1px solid #e7e7e7; } .jumbo-4-faq-section .faq-cm-container .accordion_group h4{ margin:0; } .jumbo-4-faq-section .faq-cm-container .accordion_header{ padding:25px 0; cursor:pointer; } .jumbo-4-faq-section .faq-cm-container .accordion_content{ padding-bottom:20px; } .jumbo-4-faq-section .faq-cm-container>span>.hs_cos_wrapper:last-child .accordion_group{ border-bottom:0; } .jumbo-4-faq-section .faq-cm-container .accordion_content a{ color:#7dc037; } @media (max-width:1024px){ } @media (max-width:767px){ .jumbo-4-faq-section .faq-cm-container .accordion_header { padding: 15px 0; } } /*====================================================== FAQ Services Section =====================================================*/ .jumbo-4-faq-section-services{ padding:70px 0; background:#fafafa; } body .jumbo-4-faq-section-services .row-fluid .faq-service-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; } body .jumbo-4-faq-section-services .row-fluid .faq-service-cm-container>span>.hs_cos_wrapper { display: flex; flex-basis: 30%; float: left; margin: 1.64%; position: relative; border-radius: 6px; background: #fff; box-sizing: border-box; padding: 50px 15px; } .jumbo-4-faq-section-services .faq-service-cm .fa{ font-size: 32px; color:#7dc037; width: 70px; line-height: 70px; background: #fafafa; border-radius: 50%; margin-bottom: 24px; } @media (max-width:1024px){ body .jumbo-4-faq-section-services .row-fluid .faq-service-cm-container>span>.hs_cos_wrapper { padding: 30px 15px; } } @media (max-width:767px){ body .jumbo-4-faq-section-services .row-fluid .faq-service-cm-container>span>.hs_cos_wrapper { margin: 0; width: 100%; flex-basis: 100%; margin-bottom: 20px; } } /*==================================================================== Contact Hero Section ====================================================================*/ .jumbo-4-contact-hero-section{ padding:200px 0 0; } .jumbo-4-contact-hero-section.overlay:before { position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 100%); z-index: -1; } .jumbo-4-contact-hero-section .left-col p{ font-weight:400; } .jumbo-4-contact-hero-section .left-col h4{ font-weight: 600; color: #ABABAB; margin-bottom:10px; } .jumbo-4-contact-hero-section .heading{ margin-bottom:20px; } .jumbo-4-contact-hero-section .address{ margin-bottom:16px; } .jumbo-4-contact-hero-section .right-col{ display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: flex-end; -webkit-justify-content: flex-end; } .jumbo-4-contact-hero-section .left-col{ padding-bottom: 80px; } .jumbo-4-contact-hero-section .right-col{ } .jumbo-4-contact-hero-section .widget-type-form{ background: #fff; padding: 50px 30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-4-contact-hero-section .widget-type-form { padding: 40px 20px; } .jumbo-4-contact-hero-section { padding: 150px 0 0; } } @media (max-width:768px){ .jumbo-4-contact-hero-section .widget-type-form { padding: 30px 20px; } .jumbo-4-contact-hero-section .left-col { padding-bottom: 0; margin-top: 40px; } .jumbo-4-contact-hero-section { padding: 110px 0 40px; } body .jumbo-4-contact-hero-section .row-fluid{ display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } } /*=============================================================================== Home Blog Section ===============================================================================*/ .jumbo-4-home-2-blog-section{ background:#fafafa; } body .row-fluid .jumbo-4-home-2-blog-section .left-col{ margin: 0; width: 35%; padding:0 8%; } body .row-fluid .jumbo-4-home-2-blog-section .right-col{ margin: 0; width: 56%; } .jumbo-4-home-2-blog-section .single-post .topic-link{ display:none; } .jumbo-4-home-2-blog-section .single-post .topic-link:first-child{ display:block; } .jumbo-4-home-2-blog-section .single-post .topic-link h4{ text-transform:uppercase; color:#7dc037; } .jumbo-4-home-2-blog-section .single-post h3{ font-size: 18px; line-height:22px; margin-bottom: 30px; margin-top: 10px; } body .row-fluid .jumbo-4-home-2-blog-section .single-post { width: 50%; float: left; box-sizing: border-box; padding: 90px 0 80px 60px; } .jumbo-4-home-2-blog-section .single-post .hs-author-avatar{ width:60px; height:60px; border-radius:50%; margin-right:10px; float:left; } .jumbo-4-home-2-blog-section .single-post .author-link{ font-size: 16px; text-transform: uppercase; color: #7dc037; letter-spacing: 1px; font-weight: 500; display: block; margin-top: 2px; } .jumbo-4-home-2-blog-section .single-post .author-link span{ font-weight: 300; text-transform: initial; } .jumbo-4-home-2-blog-section .single-post .pop_post_date{ color: #A9A9A9; margin-top:5px; } .jumbo-4-home-2-blog-section .single-post .author-data-container{ display:block; overflow:hidden; margin-top:30px; } .jumbo-4-home-2-blog-section .single-post p{ color:#2f2f2f; } /*============Tab Responsive ================*/ @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-4-home-2-blog-section .left-col { padding: 0 28px; } body .row-fluid .jumbo-4-home-2-blog-section .right-col { width: 63%; } body .row-fluid .jumbo-4-home-2-blog-section .single-post { padding: 90px 0 80px 20px; } .jumbo-4-home-2-blog-section .single-post .pop_post_date { font-size: 12px; } .jumbo-4-home-2-blog-section .single-post .author-link { font-size: 12px; } } /*============Mobile Responsive ================*/ @media (max-width:768px){ body .row-fluid .jumbo-4-home-2-blog-section .left-col { width: 100%; padding: 40px 20px; } body .row-fluid .jumbo-4-home-2-blog-section .single-post { width: 100%; padding: 20px 20px; border-top: 1px solid #e7e7e7; } body .row-fluid .jumbo-4-home-2-blog-section .right-col { width: 100%; } .jumbo-4-home-2-blog-section .single-post .pop_post_date { font-size: 12px; } .jumbo-4-home-2-blog-section .single-post .author-link { font-size: 12px; } } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* JUMBO PACK 5 Style ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ .jumbo-5-primary-banner { padding-top: 25px !important; padding-bottom: 0px; z-index: 100; position: relative; } .jumbo-5-primary-banner .what-we-do-header .align-center h2 { font-size: 36px; line-height: normal; } body .row-fluid .jumbo-5-primary-banner .wrapper{ max-width:1040px; } /*=============================================== Team Member Section ==============================================*/ .jumbo-5-team-member-section .cta{ margin-top:60px; } body .jumbo-5-team-member-section .row-fluid .team-member-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right:-2.565%; } body .jumbo-5-team-member-section .row-fluid .team-member-cm-container>span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 22.5%; -webkit-flex-basis: 22.5%; float: left; margin-right: 2.5%; margin-top: 35px; box-sizing: border-box; position:relative; } .jumbo-5-team-member-section .team-member-cm .image-container{ height: 320px; -webkit-clip-path: polygon(87% 0%, 100% 13%, 100% 100%, 0% 100%, 0% 100%, 0% 0%); clip-path: polygon(87% 0%, 100% 13%, 100% 100%, 0% 100%, 0% 100%, 0% 0%); margin-bottom:20px; position:relative; overflow:hidden; z-index:1; } .jumbo-5-team-member-section .team-member-cm .image-container:before{ position:absolute; content:''; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.07); z-index:-1; } .jumbo-5-team-member-section .team-member-cm h4 { color: #A9A9A9; font-size: 16px; letter-spacing: 2px; font-weight: 300; } .jumbo-5-team-member-section .team-member-cm .social-icons-container{ position: absolute; top:100%; left: 0; height: 100%; bottom:0; right: 0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; background:rgba(0, 0, 0, 0.62); } .jumbo-5-team-member-section .team-member-cm .social-icons{ position: absolute; right: 8px; bottom: 0; width: 34px; text-align: center; } .jumbo-5-team-member-section .team-member-cm .social-icons a .fa{ display: block; width: 32px; font-size:14px; height: 38px; background: #fff; line-height: 40px; margin-bottom: 10px; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .jumbo-5-team-member-section .team-member-cm:hover .social-icons-container{ top:0; } .jumbo-5-team-member-section .team-member-cm .text-container{ position:relative; padding-right:50px; box-sizing:border-box; overflow:hidden; } .jumbo-5-team-member-section .team-member-cm .read-more-button a{ position: absolute; right: 8px; bottom: -40px; width: 32px; font-size: 16px; height: 38px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; background:#7dc037; line-height: 40px; margin-left: 10px; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); display: inline-block; text-align: center; color: #fff; } .jumbo-5-team-member-section .team-member-cm:hover .read-more-button a{ bottom:0; } @media (min-width:768px) and (max-width:1024px){ .jumbo-5-team-member-section .team-member-cm .image-container { height: 220px; } .jumbo-5-team-member-section .team-member-cm .social-icons a .fa { width: 26px; font-size: 12px; height: 32px; line-height: 32px; } .jumbo-5-team-member-section .team-member-cm .social-icons { right: 2px; } .jumbo-5-team-member-section .team-member-cm .read-more-button a { width: 26px; font-size: 14px; height: 32px; line-height: 32px; } .jumbo-5-team-member-section .team-member-cm .text-container { padding-right: 40px; } } @media (max-width:767px){ body .jumbo-5-team-member-section .row-fluid .team-member-cm-container>span>.hs_cos_wrapper { flex-basis: 47%; -webkit-flex-basis: 47%; margin-top: 20px; } .jumbo-5-team-member-section .team-member-cm-container .team-member-cm{ width:100%; } } @media (max-width:480px){ body .jumbo-5-team-member-section .row-fluid .team-member-cm-container>span { margin-right:0; } body .jumbo-5-team-member-section .row-fluid .team-member-cm-container>span>.hs_cos_wrapper { display: block; flex-basis: 100%; -webkit-flex-basis: 100%; margin-right: 0; margin-top: 20px; } } /*========================================================= Error Page =========================================================*/ .jumbo-5-single-team-member{ padding: 180px 0 80px; } .jumbo-5-single-team-member h1{ margin:0; } .jumbo-5-single-team-member .heading{ margin:0 0 40px; } body .row-fluid .jumbo-5-single-team-member .wrapper{ max-width:960px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-5-single-team-member { padding: 160px 0 50; } } @media (max-width:767px){ .jumbo-5-single-team-member { padding: 140px 0 60px; } .jumbo-5-single-team-member .heading { margin: 0 0 10px; } } /******************************************************************* ********************HOMEPAGE STYLING******************************** *******************************************************************/ /*====================================== Home Hero Section =====================================*/ .jumbo-5-home-hero-section{ padding:270px 0; } body .row-fluid .jumbo-5-home-hero-section .container{ width:100%; max-width:1000px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-5-home-hero-section { padding: 200px 0 140px; } } @media (max-width:767px){ .jumbo-5-home-hero-section { padding: 180px 0 100px; } .rtb-case-study .full-width-right-wrapper .right-col { text-align: center; padding-left: 25px !important; padding-right: 25px !important; padding-top: 0px !important; background-color: rgb(255, 255, 255, 0.90); } } /*====================================== Home About Two Col =====================================*/ .jumbo-5-home-about-two-col{ } .jumbo-5-home-about-two-col .right-col{ position:relative; height:300px; } .jumbo-5-home-about-two-col .right-col:before{ position: absolute; content: ''; top: 10px; left: 10px; right: 10px; bottom: 10px; border:3px solid #7dc037; } .jumbo-5-home-about-two-col .right-col .play-icon{ position: absolute; bottom: -15px; right: -15px; width: 90px; border-radius: 50%; cursor: pointer; transition:all .3s ease-in-out; text-align:center; } .jumbo-5-home-about-two-col:hover .right-col .play-icon { transform: scale(1.2); } body .row-fluid .jumbo-5-home-about-two-col .description{ margin-bottom:40px; } body .row-fluid .jumbo-5-home-about-two-col .image{ height: 80px; width: 80px; border-radius: 50%; position: relative; float:right; border:5px solid #fff; } body .row-fluid .jumbo-5-home-about-two-col .image-container{ position: relative; z-index: 1; top: -12px; width: 20%; } body .row-fluid .jumbo-5-home-about-two-col .image-container:before{ position:absolute; content:''; z-index:-1; top:0; left:0; bottom:0; right:42px; background:#7dc037; } @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-5-home-about-two-col .image-container:before { display:none; } } @media (max-width:767px){ body .row-fluid .jumbo-5-home-about-two-col .image-container:before { display:none; } body .row-fluid .jumbo-5-home-about-two-col .image-container { top: -20px; width: 76px; float: left; margin-right: 10px; } } /*============================================= Home Our Services ============================================*/ .jumbo-5-home-our-services{ } body .row-fluid .jumbo-5-home-our-services .all-services-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.5%; } .jumbo-5-home-our-services .all-services-container span>.hs_cos_wrapper { display: flex; flex-basis: 30.2%; -webkit-flex-basis: 30.2%; float: left; margin-right: 2.43%; margin-bottom: 30px; border: 1px solid #e7e7e7; box-sizing: border-box; border-radius:6px; padding: 24px 0; transition:all .4s ease-in-out; } .jumbo-5-home-our-services .all-services-container span>.hs_cos_wrapper .jumbo5-services-cm{ padding:0 24px ; } .jumbo-5-home-our-services:hover .all-services-container span>.hs_cos_wrapper{ background:#fff; } .jumbo-5-home-our-services .all-services-container span>.hs_cos_wrapper:hover { box-shadow:0px 0px 25px 2px rgba(0, 0, 0, 0.12); } .jumbo-5-home-our-services .jumbo5-services-cm .fa{ font-size:40px; margin-bottom:18px; } body .jumbo-5-home-our-services .row-fluid .flipper-section { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; height:270px; } .jumbo-5-home-our-services .front-side,.jumbo-5-home-our-services .back-side { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position:absolute; top: 0; left: 0; bottom:0; right:0; padding:24px; } .jumbo-5-home-our-services .front-side { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: #7dc037; z-index: 2; } .jumbo-5-home-our-services .back-side { background: #fff; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .jumbo-5-home-our-services .flipper-section:hover .front-side { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .jumbo-5-home-our-services .flipper-section:hover .back-side{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } @media (min-width:768px) and (max-width:1024px){ .jumbo-5-home-our-services .flipper-section { height: 300px; } body .jumbo-5-home-our-services .row-fluid .flipper-section { margin: 0 30px; } } @media (max-width:767px){ body .container-fluid .row-fluid .about-qualities-cm-container>span { display: block; } body .container-fluid .row-fluid .about-qualities-cm-container>span>.hs_cos_wrapper { margin-right: 0; margin: 10px 0; margin-left: auto; margin-right: auto; width: 100%; float: none; max-width: 271px; } body .jumbo-5-home-our-services .row-fluid .flipper-section { width:100%; } body .row-fluid .jumbo-5-home-our-services .all-services-container>span { margin-right: 0; } .jumbo-5-home-our-services .all-services-container span>.hs_cos_wrapper { display: block; flex-basis: 100%; -webkit-flex-basis: 100%; margin-right: 0; margin-bottom: 20px; } .jumbo-5-home-our-services .all-services-container span>.hs_cos_wrapper .jumbo5-services-cm{ padding:0 15px ; } .jumbo-5-home-our-services .front-side,.jumbo-5-home-our-services .back-side{ display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; } } /*=============================================== Home One Col ==============================================*/ body .jumbo-5-home-one-col .row-fluid .wrapper{ max-width:800px; } .jumbo-5-home-one-col .font-icon .fa{ font-size:70px; color:#7dc037; } .jumbo-5-home-one-col .section-heading{ margin-top:30px; margin-bottom:40px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ } /*=============================================== Home Bordered Two Column ==============================================*/ .jumbo-5-home-bordered-two-col{ padding:150px 0 100px; } .jumbo-5-home-bordered-two-col .section-heading{ margin-bottom:20px; } .jumbo-5-home-bordered-two-col .right-col .right-s-image{ height: 490px; position: relative; top: -60px; border-radius: 2px; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.20); } .jumbo-5-home-bordered-two-col .right-col .right-s-image:before{ background:#7dc037; opacity:.4; } body .row-fluid .jumbo-5-home-bordered-two-col .wrapper{ padding:0 60px; max-width:1170px; border:1px solid #E7E7E7 } .jumbo-5-home-bordered-two-col .left-col { padding:60px 0; } @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-5-home-bordered-two-col .wrapper { border-left: 0; border-right: 0; } .jumbo-5-home-bordered-two-col { padding: 120px 0 0; } } @media (max-width:767px){ .jumbo-5-home-bordered-two-col .right-col .right-s-image { top: 0; } body .row-fluid .jumbo-5-home-bordered-two-col .wrapper { padding: 0 20px; max-width: 1170px; border: 0; } .jumbo-5-home-bordered-two-col .left-col { padding: 0 0 60px; } .jumbo-5-home-bordered-two-col { padding: 60px 0 60px; border-bottom: 1px solid #e7e7e7; } .jumbo-5-left-side-image .left-col{ margin-bottom:30px; } } /*=========================================== Home Blog Section ==========================================*/ .jumbo-5-home-blog-section{ background:#fafafa; } .jumbo-5-home-blog-section .cta{ margin-top:50px; } .jumbo-5-home-blog-section .section-heading{ margin-bottom:40px; } .jumbo-5-home-blog-section .blog-post-items .featured-image-box{ height:240px; position:relative; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.20); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .jumbo-5-home-blog-section .blog-post-items ul{ margin:0; } .jumbo-5-home-blog-section .blog-post-items .author-container .hs-author-listing-header, .jumbo-5-home-blog-section .blog-post-items .author-container .list-topic { display:inline-block; } .jumbo-5-home-blog-section .blog-post-items .list-topic li{ display:none; } .jumbo-5-home-blog-section .blog-post-items .list-topic li:first-child{ display:block; } .jumbo-5-home-blog-section .blog-post-items h4{ color: #A9A9A9; font-size: 16px; font-weight: 300; } .jumbo-5-home-blog-section .blog-post-items .post-heading{ font-weight: 500; margin-bottom: 0px; display: block; } .jumbo-5-home-blog-section .blog-post-items .bottom-container { padding: 30px 20px 20px; } .jumbo-5-home-blog-section .blog-post-items{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; } .jumbo-5-home-blog-section .blog-post-items .post-container{ transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; border:1px solid #e7e7e7; background:#fff; } .jumbo-5-home-blog-section .blog-post-items .post-container:hover{ background:#7dc037; } .jumbo-5-home-blog-section .blog-post-items .post-container:hover .post-heading, .jumbo-5-home-blog-section .blog-post-items .post-container:hover h4{ color: #fff; } .jumbo-5-home-blog-section .blog-post-items .post-container:hover .featured-image-box{ box-shadow: none; } .jumbo-5-home-blog-section .blog-post-items .pop_post_date{ background: #fff; display: inline-block; padding: 6px 12px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20); } @media (min-width:768px) and (max-width:1024px){ .jumbo-5-home-blog-section .blog-post-items .featured-image-box { height: 150px; } .jumbo-5-home-blog-section .blog-post-items .bottom-container { padding: 20px 15px 20px; } } @media (max-width:767px){ .jumbo-5-home-blog-section .blog-post-items .post-container { width: 100%; margin-top: 20px; } } /*=============================================================================== Home Video Section ===============================================================================*/ .hs-module-link{ cursor:pointer; } .modal { bottom: 0; left: 0; outline: 0 none; overflow: hidden; position: fixed; right: 0; top:0; z-index: 1050; height: 100vh; background:rgba(48, 62, 72, 0.87); } .modal.fade { visibility: hidden; top:-1000px; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .fade.in { top:0; transition:all .5s ease-in; visibility: visible; } .container-fluid.body-container .row-fluid .modal .page-center.page-center-800 { padding: 0; } .modal-dialog { position: relative; } .modal-lg { width: 100%; max-width: 66vw; margin: 0 auto; float: none; padding-top: 14vh; } .modal.fade .modal-dialog { transform: translate(0,-25%); transition: transform .3s ease-out; position: relative; z-index: 9999; } .modal.fade.in .modal-dialog { transform: translate(0px, 0px); } .modal-content { background-clip: padding-box; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); outline: 0 none; position: relative; } .modal-content .close { border: 0; color: #ffffff; cursor: pointer; float: right; height: 50px; padding: 0; width: 50px; position: absolute; right: -34px; top: -29px; background: transparent; text-align: center; line-height: 50px; } .modal-content .close span { font-family: 'Josefin Sans',sans-serif; font-size: 40px; line-height: 13px; } .modal-open { overflow: hidden; } .modal-backdrop.fade { filter: alpha(opacity=90); opacity: .9; } .modal-backdrop.in { opacity: 0.9; } .modal-body blockquote { background: rgba(0, 0, 0, 0) url("//1803734.fs1.hubspotusercontent-na1.net/hubfs/1803734/PCG_Oct2016/images/testimonial-case-icon.png") no-repeat scroll left top / 7% auto; padding-left: 10%; margin: 0; } .hs-inline-edit .modal.fade { opacity: 1; visibility: visible; position: static; } .hs-inline-edit .custom-about-page .modal.fade { display: none; } .hs-inline-edit .modal.fade .modal-dialog { transform: translate(0, 0); } .embed-responsive.embed-responsive-16by9 { position: relative; display: block; padding-bottom: 56.25%; } .embed-responsive.embed-responsive-16by9 iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; } @media(max-width:1024px){ .modal.fade{ display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; justify-content: center; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; } } @media(max-width:767px){ .modal-lg { width: 100%; max-width: 90vw; } } /******************************************************************* ********************About Page STYLING******************************** *******************************************************************/ /*=========================================== About One Column ===========================================*/ .jumbo-5-about-one-col{ } body .row-fluid .jumbo-5-about-one-col .wrapper{ max-width:800px; } .jumbo-5-about-one-col .description{ margin:40px 0 20px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:768px){ } /*=========================================== About Three Column ===========================================*/ .jumbo-5-about-three-col{ border-bottom:1px solid #e7e7e7; padding:80px 0; } body .row-fluid .jumbo-5-about-three-col .wrapper{ max-width: 980px; } body .jumbo-5-about-three-col .row-fluid .about-qualities-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.5%; justify-content:center; -webkit-justify-content:center; } .jumbo-5-about-three-col .row-fluid .about-qualities-cm-container>span>.hs_cos_wrapper { display: flex; flex-basis: 30.9%; -webkit-flex-basis: 30.9%; float: left; margin-right: 2.43%; } body .jumbo-5-about-three-col .row-fluid .flipper-section { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; height:270px; width:270px; margin:0 auto; } .jumbo-5-about-three-col .front-side, .jumbo-5-about-three-col .back-side { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position:absolute; top: 0; left: 0; bottom:0; right:0; padding:32px; border-radius:50%; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; text-align:center; } .jumbo-5-about-three-col .front-side { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: #7dc037; z-index: 2; } .jumbo-5-about-three-col .front-side:before{ position: absolute; content: ''; left: 0; top: 0; bottom: 0; right: 0; background: #7dc037; border-radius: 50%; opacity:.3; border: 15px solid rgba(255, 255, 255, 0.52); z-index:-1; } .jumbo-5-about-three-col .back-side { background:#7dc037; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .jumbo-5-about-three-col .flipper-section:hover .front-side { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .jumbo-5-about-three-col .flipper-section:hover .back-side{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:768px){ body .jumbo-5-about-three-col .row-fluid .about-qualities-cm-container>span { margin-right: -2.5%; } .jumbo-5-about-three-col .row-fluid .about-qualities-cm-container>span>.hs_cos_wrapper { margin-right: 0; margin: 10px 0; } .jumbo-5-about-three-col { padding: 30px 0; } } /*================================================== Our Clients Logo Section ==================================================*/ .jumbo-5-contact-our-clients{ padding-top:0; } .jumbo-5-contact-our-clients .right-col ul{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; justify-content:center; -webkit-justify-content:center; } .jumbo-5-contact-our-clients .right-col li{ box-sizing: border-box; background:#FAFAFA; width: 32%; height: 70px; margin: 0 .5%; margin-bottom: 1%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center; padding:5px 10px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:768px){ } @media (max-width:480px){ .jumbo-5-contact-our-clients .right-col li { width: 49%; } } /*================================================== Our Clients Single Col with BG Section ==================================================*/ .jumbo-5-about-one-col-bg{ background:#FAFAFA; padding-top:160px; } body .row-fluid .jumbo-5-about-one-col-bg .wrapper{ padding:0 60px; } .jumbo-5-about-one-col-bg .right-col{ background: #fff; border: 1px solid #E7E7E7; border-radius: 4px; padding: 60px 30px; position: relative; top: -60px; float: right; } @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-5-about-one-col-bg .wrapper { padding: 0 30px; } } @media (max-width:768px){ body .row-fluid .jumbo-5-about-one-col-bg .wrapper { padding: 0 20px; } .jumbo-5-about-one-col-bg{ padding:120px 0 0; } } /******************************************************************* ********************Service Page STYLING******************************** *******************************************************************/ /*=========================================== Services One Column ===========================================*/ .jumbo-5-services-one-col{ } body .row-fluid .jumbo-5-services-one-col .wrapper{ max-width:800px; } .jumbo-5-services-one-col .description{ margin:40px 0 20px; } /*=========================================== Services One Column ===========================================*/ body .jumbo-5-services-three-col .row-fluid .service-page-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.5%; } .jumbo-5-services-three-col .row-fluid .service-page-cm-container span>.hs_cos_wrapper { display: flex; flex-basis: 30.2%; -webkit-flex-basis: 30.2%; float: left; box-sizing: border-box; border: 1px solid; margin-right: 2.43%; margin-top: 15px; margin-bottom: 15px; } .jumbo-5-services-three-col .service-page-cm-container .sp-service-cm { height:450px; padding:30px; } .jumbo-5-services-three-col .service-page-cm-container .bottom-button{ position:relative; width:50px; height:50px; border-radius:50%; border:2px solid #7dc037; background:transparent; margin-top:10px; display:block; } .jumbo-5-services-three-col .service-page-cm-container .bottom-button:before, .jumbo-5-services-three-col .service-page-cm-container .bottom-button:after{ position:absolute; content:''; width:12px; height:2px; background:#fff; transition:all .3s ease-in-out; } .jumbo-5-services-three-col .service-page-cm-container .bottom-button:after{ top: 26px; transform: rotate(135deg); left: 22px; } .jumbo-5-services-three-col .service-page-cm-container .bottom-button:before{ top: 26px; left: 15px; transform: rotate(45deg); } .jumbo-5-services-three-col .service-page-cm-container .sp-service-cm:hover .bottom-button:before, .jumbo-5-services-three-col .service-page-cm-container .sp-service-cm:hover .bottom-button:after { width: 16px; } .jumbo-5-services-three-col .service-page-cm-container .sp-service-cm:hover .bottom-button:before { top: 24px; left: 16px; transform: rotate(0); } .jumbo-5-services-three-col .service-page-cm-container .sp-service-cm:hover .bottom-button:after { top: 24px; transform: rotate(90deg); left: 16px; } .jumbo-5-services-three-col .service-page-cm-container .description{ height:0; overflow:hidden; transition:all .3s ease-in-out; } .jumbo-5-services-three-col .service-page-cm-container .sp-service-cm:hover .description{ height:150px; margin-top:20px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-5-services-three-col .row-fluid .service-page-cm-container span>.hs_cos_wrapper { flex-basis: 47.4%; -webkit-flex-basis: 47.4%; } .jumbo-5-services-three-col .service-page-cm-container .description { height: 150px; margin-top: 20px; } } @media (max-width:767px){ .jumbo-5-services-three-col .service-page-cm-container .sp-service-cm{ display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; width:100%; } body .jumbo-5-services-three-col .row-fluid .service-page-cm-container>span { margin-right: 0; } .jumbo-5-services-three-col .row-fluid .service-page-cm-container span>.hs_cos_wrapper { display: block; flex-basis: 100%; -webkit-flex-basis:100%; margin-right: 0; margin-top: 20px; } .jumbo-5-services-three-col .service-page-cm-container .description { height: 150px; margin-top: 20px; } } /***************************************************************** **********************SINGLE SERVIE****************************** *****************************************************************/ .jumbo-5-single-service-section{ background:#fafafa; } .jumbo-5-single-service-section .image-container{ height:400px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.20); } .jumbo-5-single-service-section .left-col{ padding:20px; border:1px solid #e7e7e7; position:relative; z-index:1; overflow:hidden; background:#fff; } .jumbo-5-single-service-section .left-col:before{ position: absolute; content: ''; left: -40px; top: -190px; width: 240px; height: 480px; background: #7dc037; z-index: -1; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .jumbo-5-single-service-section .left-col .name-container{ background: rgba(255, 255, 255, 0.68); position: absolute; left: 40px; right: 40px; bottom: 40px; top: 40px; width: auto; padding: 12px 20px; box-sizing: border-box; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.20); display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; overflow:hidden; } .jumbo-5-single-service-section .social-icons{ margin-top:25px; } .jumbo-5-single-service-section .social-icons a { width: 38px; font-size: 14px; height: 44px; background: #7dc037; line-height: 44px; margin-right: 10px; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); display: inline-block; text-align: center; } .jumbo-5-single-service-section .social-icons a .fa { color: #fff; } @media (min-width:767px) and (max-width:1024px){ .jumbo-5-single-service-section .image-container { height: 34vw; } .jumbo-5-single-service-section .left-col .name-container { left: 20px; right: 20px; bottom: 20px; top: 20px; } } @media (max-width:767px){ body .row-fluid .jumbo-5-single-service-section .left-col{ margin-bottom:40px; } .jumbo-5-single-service-section .image-container { height: 300px; } } /******************************************************************* ******************* SIngle Team page STYLING************************* *******************************************************************/ .jumbo-5-single-team-member{ background:#fafafa; } .jumbo-5-single-team-member .image-container{ height:400px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.20); } .jumbo-5-single-team-member .left-col{ padding:20px; border:1px solid #e7e7e7; position:relative; z-index:1; overflow:hidden; background:#fff; } .jumbo-5-single-team-member .left-col:before{ position: absolute; content: ''; left: -40px; top: -190px; width: 240px; height: 480px; background: #7dc037; z-index: -1; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .jumbo-5-single-team-member .left-col .name-container{ background: #fff; position: absolute; left: 40px; right: 40px; bottom: 40px; width: auto; padding: 12px 20px; box-sizing:border-box; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.20); } .jumbo-5-single-team-member .social-icons{ margin-top:25px; } .jumbo-5-single-team-member .social-icons a { width: 38px; font-size: 14px; height: 44px; background: #7dc037; line-height: 44px; margin-right: 10px; -webkit-clip-path: circle(45%); clip-path: circle(45%); display: inline-block; text-align: center; } .jumbo-5-single-team-member .social-icons a .fa { color: #fff; } @media (min-width:767px) and (max-width:1024px){ .jumbo-5-single-team-member .image-container { height: 34vw; } } @media (max-width:767px){ body .row-fluid .jumbo-5-single-team-member .left-col{ width: 100%; max-width: 260px; margin: 0 auto; margin-bottom:40px; } .jumbo-5-single-team-member .image-container { height: 300px; } .jumbo-5-single-team-member .social-icons a { margin-right: 7px; } } /******************************************************************* ********************Contact Us Page STYLING************************* *******************************************************************/ body .row-fluid .jumbo-5-jumbo-5-contact-us-one-col .wrapper{ max-width:850px; background:; } .contact-us-primary-banner { padding-top: 65px !important; padding-bottom: 65px; z-index: 100; position: relative; } /*================================================== CONTACT US MAP SECTION ==================================================*/ .jumbo-5-contact-map-section{ position:relative; z-index:1; background:#fafafa; } .jumbo-5-contact-map-section:before{ position:absolute; content:''; z-index:-1; left:0; right:0; bottom:0; top:0; height:50%; background:#fff; } .jumbo-5-contact-map-section .map-container{ padding: 10px 10px 4px; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.1); background:#fff; margin-bottom:10px; } .jumbo-5-contact-map-section .map-container iframe{ width:100%!important; height:300px!important; } @media (min-width:768px) and (max-width:1024px){ .jumbo-5-contact-map-section .map-container iframe{ height:200px!important; } } @media (max-width:767px){ .jumbo-5-contact-map-section .map-container iframe{ height:200px!important; } } /*=============================================== CONTACT US FORM SECTION ===============================================*/ .jumbo-5-contact-form-section{ background:#fafafa; position:relative; z-index:3; } body .row-fluid .jumbo-5-contact-form-section .wrapper{ max-width: 1000px; background: #fff; padding: 0; overflow: hidden; box-sizing: border-box; position: relative; top: -100px; } body .row-fluid .jumbo-5-contact-form-section .left-col, body .row-fluid .jumbo-5-contact-form-section .right-col{ margin:0; } body .row-fluid .jumbo-5-contact-form-section .left-col{ width:58%; padding: 50px 30px; border: 1px solid #E7E7E7; border-radius:6px 0 0 6px; } body .row-fluid .jumbo-5-contact-form-section .right-col{ width:42%; border: 1px solid ; background:#7dc037; border-radius:0 6px 6px 0; padding: 40px 30px; border-color:#7dc037; } body .container-fluid .row-fluid .jumbo-5-contact-form-section .icon{ width:50px; height:50px; border:1px solid #fff; line-height:50px; font-size:18px; border-radius:50%; text-align:center; margin-right:16px; } .jumbo-5-contact-form-section .address-container{ margin-top:30px; } .jumbo-5-contact-form-section .right-col h4{ margin-bottom:6px; } @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-5-contact-form-section .left-col, body .row-fluid .jumbo-5-contact-form-section .right-col{ border-radius:0; } } @media (max-width:768px){ body .row-fluid .jumbo-5-contact-form-section .left-col, body .row-fluid .jumbo-5-contact-form-section .right-col{ border-radius:0; width:100%; } body .row-fluid .jumbo-5-contact-form-section .wrapper{ top: 0; } body .container-fluid .row-fluid .jumbo-5-contact-form-section .icon { margin: 0 auto 20px; } body .row-fluid .jumbo-5-contact-form-section .right-col{ text-align:center; } } /*================================================ THANK YOU PAGE ================================================*/ @media (min-width:768px){ .thank-you-one-col{ padding-bottom:180px; } } /******************************************************************* ********************FAQ PAGE STYLING******************************** *******************************************************************/ .jumbo-5-faq-section{ background:#fafafa; } .jumbo-5-faq-section .accordion_group { background:#fff; padding:30px 35px; margin:30px 0; position:relative; overflow:hidden; } .jumbo-5-faq-section .accordion_group:before{ position: absolute; content: ''; top: 0; right: 0; width: 30px; height: 30px; box-shadow: 0px 0px 2px 2px rgba(152, 151, 151, 0.18); background: #fafafa; } @media (max-width:767px){ .jumbo-5-faq-section .accordion_group { padding: 20px 15px; margin: 20px 0; } } /********************************************************* **************REQUEST QUOTE PAGE************************* *********************************************************/ .jumbo-5-request-quote-hero{ overflow:hidden; } .jumbo-5-request-quote-hero .left-col, .jumbo-5-request-quote-hero .right-col{ padding:25px 0; } .jumbo-5-request-quote-hero .form-container .hs-form-booleancheckbox{ font-size: 14px; line-height: normal; list-style-type: none !important; } .jumbo-5-request-quote-hero .form-container{ position:relative; z-index:1; padding-left:60px; } .jumbo-5-request-quote-hero .form-container:before{ position:absolute; content:''; left:0; top:0; bottom:0; width:400%; background:#4b8f02; z-index:-1; } .jumbo-5-request-quote-hero .accordion_content a{ color:#7dc037; } @media (min-width:768px) and (max-width:1024px){ .jumbo-5-request-quote-hero .left-col, .jumbo-5-request-quote-hero .right-col { padding: 25px 0; } .jumbo-5-request-quote-hero .form-container { padding-left: 40px; } } @media (max-width:767px){ .jumbo-5-request-quote-hero .left-col, .jumbo-5-request-quote-hero .right-col { padding: 0; } .jumbo-5-request-quote-hero .left-col{ padding: 100px 0 40px; } .jumbo-5-request-quote-hero .right-col{ padding:40px 0 60px; } .jumbo-5-request-quote-hero .form-container:before { width: auto; right: -20px; left: -20px; } .jumbo-5-request-quote-two-col.request-quote-right-image .row-fluid{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row-reverse; -webkit-flex-direction: column-reverse; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .jumbo-5-request-quote-two-col .image-container{ margin-bottom:40px; } } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* JUMBO PACK 6 Style ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ .imrg-image-sections { padding: 25px 25px 15px; } .imrg-image-sections p { padding-right: 30px; padding-left: 30px; } .imrg-image-sections .row-number-21 { display: inline-block; } .imrg-image-sections .row-number-17 { display: inline-block; } .jumbo-6-inner-page-hero-section{ padding:200px 0 140px; } /************************************************************************** **************************HOMEPAGE STYLING********************************* ***************************************************************************/ /*============================================= HOME PRIMARY BANNER =============================================*/ .jumbo-6-home-hero-section{ padding:220px 0 140px; position:relative; z-index:1; } .jumbo-6-home-hero-section .heading-container{ width:100%; max-width:720px; } .jumbo-6-home-hero-section h3{ color:#ffffff; } @media (min-width:768px) and (max-width:1024px){ .jumbo-6-home-hero-section { padding: 120px 0; } } @media (max-width:767px){ .jumbo-6-home-hero-section { padding: 100px 0 60px; } } .jumbo-6-marketing-home-section-modify { padding:65px 0px 20px; } .jumbo-6-marketing-home-section-modify h2{ text-align: center; padding-bottom: 5px; } .jumbo-6-marketing-home-section-modify .row-fluid .widget-type-rich_text{ max-width: 770px; margin: 0 auto; float: none; padding-bottom:0px; } @media (max-width:767px){ .jumbo-6-marketing-home-section-modify { padding: 35px 0px 20px; } .jumbo-6-marketing-home-section-center-image { padding: 0px 0 40px; } } .jumbo-6-marketing-home-section-center-image{ text-align:center; padding:40px 0 70px; } .jumbo-6-marketing-home-section-center-image iframe{ max-width:660px; margin:0 auto; } /*============================================= HOME Section 1 =============================================*/ body .jumbo-6-home-section-1 .row-fluid .section-top-icon{ width: 160px; height: 160px; background:#7dc037; color: #fff; font-size: 60px; line-height: 160px; border-radius: 50%; margin: 0 auto 40px; float: none; } .jumbo-6-home-section-1 .service-cm-container .icon{ margin-bottom:40px; } .jumbo-6-home-section-1 .service-cm-container span>.hs_cos_wrapper{ padding:22px 0; } .jumbo-6-home-section-1 .service-cm-container span>.hs_cos_wrapper .home-services-cm{ padding:0 22px; } .jumbo-6-home-section-1 .service-cm-container span>.hs_cos_wrapper:before{ position:absolute; content:''; right:-4%; top:10px; bottom:10px; width:1px; background:#e7e7e7; } .jumbo-6-home-section-1 .service-cm-container span>.hs_cos_wrapper:last-child:before{ display:none; } .jumbo-6-home-section-1 .service-cm-container .fa{ font-size:50px; margin:10px 0 20px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-6-home-section-1 .service-cm-container span>.hs_cos_wrapper:before{ display:none; } } /*=============================================== Home Section 2 ==============================================*/ .jumbo-6-home-section-2{ overflow:hidden; } body .jumbo-6-home-section-2 .row-fluid .service-section-container .span6{ margin:0; } .jumbo-6-home-section-2 .service-section-container .text-container{ z-index:1; padding:100px 0 100px 40px; position:relative; } .jumbo-6-home-section-2 .service-section-container .text-container h3 { font-size:30px; font-weight:bold; } .jumbo-6-home-section-2 .service-section-container .image-wrapper{ position:relative; z-index:2; } .jumbo-6-home-section-2 .service-section-container .service-section-cm{ padding:60px 0; } .jumbo-6-home-section-2 .service-section-container .image-container{ height: 500px; position: relative; box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.1); } .jumbo-6-home-section-2 .service-section-container .text-container:before{ z-index:-1; content:''; position:absolute; top:0; left:-210px; bottom:0; width:1000%; background:#F8F7F6; } .jumbo-6-home-section-2 .service-section-container .rs-image .equal-height-container > .row-fluid-wrapper > .row-fluid{ flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } .jumbo-6-home-section-2 .service-section-container .rs-image .text-container{ padding:100px 40px 100px 0 } .jumbo-6-home-section-2 .service-section-container .rs-image .text-container:before { left: auto; width: 1000%; right: -210px; } .jumbo-6-home-section-2 .service-section-container .service-section-cm a.cta_button{ width: 120px; margin-top: 20px; text-transform: uppercase; } @media (min-width:768px) and (max-width:1024px){ .jumbo-6-home-section-2 .service-section-container .service-section-cm { padding: 40px 0; } .jumbo-6-home-section-2 .service-section-container .text-container{ padding:70px 0 70px 40px; } .jumbo-6-home-section-2 .service-section-container .rs-image .text-container { padding: 70px 40px 70px 0; } } @media (max-width:767px){ .jumbo-6-home-section-2 .service-section-container .text-container { padding: 40px 0 40px 0px; } .jumbo-6-home-section-2 .service-section-container .service-section-cm { padding: 30px 0; } .jumbo-6-home-section-2 .service-section-container .rs-image .text-container { padding: 50px 0 50px 0; } } /*============================================= Home All Services ==============================================*/ body .row-fluid .jumbo-6-all-service-two-col .rounded-image{ width:210px; height:210px; border-radius:50%; margin:0 auto; float:none; position:relative; } @media (min-width:1025px){ .jumbo-6-all-service-two-col .rounded-image:before, .jumbo-6-all-service-two-col .rounded-image:after{ background:#7dc037; position: absolute; content: ''; } .jumbo-6-all-service-two-col .rounded-image:before{ top: 105px; right: -33%; width: 33%; height: 3px; } .jumbo-6-all-service-two-col .rounded-image:after{ top: 96px; right: -42%; width: 16px; height: 16px; border: 3px solid #7dc037; border-radius: 50%; background: #fff; } } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ body .row-fluid .jumbo-6-all-service-two-col .rounded-image{ margin-bottom:30px; } .jumbo-6-all-service-two-col{ text-align:center; } } /*================================================ HOME AWARD WINNING SECTION ================================================*/ .jumbo-6-home-awards-win{ padding:150px 0; } .container-fluid .row-fluid .jumbo-6-home-awards-win .three-col-adjust>span>.hs_cos_wrapper{ padding:20px; background:rgba(0,0,0, 0.5); border-radius:0px; } .jumbo-6-home-awards-win .three-col-adjust .fa{ font-size:46px; margin-bottom:18px; } @media (min-width:768px) and (max-width:1024px){ .container-fluid .row-fluid .jumbo-6-home-awards-win .three-col-adjust>span>.hs_cos_wrapper { flex-basis: 46.1%; -webkit-flex-basis: 46.1%; } .jumbo-6-home-awards-win { padding: 100px 0; } } @media (max-width:767px){ .jumbo-6-home-awards-win{ padding:60px 0; } } /*====================================== Blog Section =======================================*/ .jumbo-6-marketing-home-blog-section{ border-top: 1px solid #e1e2e3; } .jumbo-6-marketing-home-blog-section .heading{ margin-bottom:15px; } .jumbo-6-marketing-home-blog-section .cta{ margin-top:50px; } .jumbo-6-marketing-home-blog-section .hs-rss-module{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .jumbo-6-marketing-home-blog-section .hs-rss-item.hs-with-featured-image { overflow: hidden; width: 100%; max-width: 30.9%; float: left; flex-direction: column; margin: 0 1.2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; background: #fff; border: 1px solid #e7e7e7; } .jumbo-6-marketing-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 100%; float: right; padding-right: 20px; box-sizing: border-box; order: 2; padding: 20px 35px 14px; border-top: 0; border-top: 1px solid #e7e7e7; } .jumbo-6-marketing-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: 100%; float: left; order: 1; } .jumbo-6-marketing-home-blog-section .hs-rss-title,.post-wrapper h2,.post-wrapper h2 a{ font-size: 20px; font-weight: 400; color: #0d2e4f; line-height: 26px; } .jumbo-6-marketing-home-blog-section .hs-rss-description p, .post-summary p{ margin: 10px 0px; } .marketing-home-jumbo-6-marketing-case-study-section .hs-rss-description p a,.read-more-link a{ display: block; color: #7dc037; font-weight: 400; } .jumbo-6-marketing-home-blog-section .post-image { min-height: 260px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; position:relative; } .jumbo-6-marketing-home-blog-section .post-image a.featured-image-link { position: absolute; width: 100%; height: 100%; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; } .jumbo-6-marketing-home-blog-section .item.span4{ border: 1px solid #e2e3e4; transition: all .3s ease-out; } .jumbo-6-marketing-home-blog-section .item.span4:hover{ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25); } .jumbo-6-marketing-home-blog-section .item-wrapper { padding: 25px 25px; } /*=================Responsive Section 5====================*/ @media (max-width:1024px){ .jumbo-6-marketing-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding: 20px 20px 14px; } } @media (max-width:767px){ .jumbo-6-marketing-home-blog-section .hs-rss-item.hs-with-featured-image { max-width: 100%; margin: 0; margin-bottom: 20px; } .jumbo-6-marketing-home-blog-section .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding: 16px 20px 14px; } .jumbo-6-marketing-home-blog-section .hs-rss-module{ display:block; } .jumbo-6-marketing-home-blog-section{ padding: 45px 0; } .jumbo-6-marketing-home-blog-section .cta { margin-top: 20px; } .jumbo-6-marketing-home-blog-section .heading { margin-bottom: 0; padding: 0; } .jumbo-6-marketing-home-blog-section .item.span4 { margin-top:30px; } } /*================================================ HOME jumbo-6-marketing-home-blog-sections Section ================================================*/ .jumbo-6-testimonial-section{ } .jumbo-6-testimonial-section .slick-list { position:relative; } @media (min-width:1025px){ .jumbo-6-testimonial-section .slick-list:before{ position: absolute; content: ''; top: 0; bottom: 0; width: 300px; z-index: 2; left: 0; background: linear-gradient(to right, #fff 10%, rgba(255, 255, 0, 0)); } .jumbo-6-testimonial-section .slick-list:after{ position: absolute; content: ''; top: 0; bottom: 0; width: 300px; z-index: 2; right: 0; background: linear-gradient(to left, #fff 10%, rgba(255, 255, 0, 0)); } } .jumbo-6-testimonial-section .testimonial-cm{ padding: 10px; box-sizing: border-box; transform: scale(.9); transition:all .4s ease-in-out; } .jumbo-6-testimonial-section .content-wrapper{ padding: 50px; box-sizing: border-box; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.1); border-radius: 20px; background:#fff; } .jumbo-6-testimonial-section .slick-active .testimonial-cm{ transform: scale(1); } .jumbo-6-testimonial-section .slick-initialized .slick-slide:focus{ outline:none; } body .row-fluid .jumbo-6-testimonial-section .round-image { height: 50px; width: 50px; border-radius: 50%; position: relative; top: -4px; } .jumbo-6-testimonial-section .image-wrapper{ margin-top:30px; } .jumbo-6-testimonial-section .slick-dots{ padding:0; margin-top:30px; outline: none; text-align:center; } .jumbo-6-testimonial-section .slick-dots li{ margin: 0 3px; display: inline-block; } .jumbo-6-testimonial-section .slick-dots li:before{ display:none; } .jumbo-6-testimonial-section .slick-dots li button{ font-size: 1px; color: transparent; padding: 0; border: 0; width: 10px; height: 10px; border-radius: 50%; background:#7dc037; transition:all .2s ease-in-out; cursor:pointer; } .jumbo-6-testimonial-section .slick-dots li:focus, .jumbo-6-testimonial-section .slick-dots li.slick-active button:focus{ outline:0; } .jumbo-6-testimonial-section .slick-dots li.slick-active button{ width: 14px; height: 14px; } .jumbo-6-testimonial-section .testimonial-cm-container{ margin-bottom:60px; } .jumbo-6-testimonial-section .logo-container ul { margin: 0; text-align:center; } .jumbo-6-testimonial-section .logo-container ul li { width: 100%; display: inline-block; vertical-align: middle; margin: 2%; margin-left: 0; padding: 0 10px; max-width: 18%; } .jumbo-6-testimonial-section .logo-container ul li img{ vertical-align:middle; } .jumbo-6-testimonial-section .logo-container ul li:before{ display:none; } @media (min-width:768px) and (max-width:1024px){ .jumbo-6-testimonial-section .logo-container ul li { margin: 2%; max-width: 17%; padding: 0 2px; } } @media (max-width:767px){ .jumbo-6-testimonial-section .logo-container ul{ display:block; } .jumbo-6-testimonial-section .logo-container ul li { display: inline-block; width: 100%; max-width: 100px; margin: 15px 0; } .jumbo-6-testimonial-section .content-wrapper { padding: 30px; } } /*================================================= Home Case Study ================================================*/ .jumbo-6-marketing-case-study-section .case-study-slider { margin-top:40px; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study{ padding:0 16px; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .image-container{ height:260px; margin-bottom:0px; position:relative; padding:10px; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study.span12:hover .image-container:before{ background-color: rgba(48,52,66,.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s ease-out; content:''; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .image-container .desc-container{ border: 1px solid transparent; position: relative; height: 100%; display: flex; display: -webkit-flex; display: -ms-flex; display: -moz-flex; align-items: center; justify-content: center; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -ms-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; opacity: 0; z-index:23; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .image-container .desc-container .overlay-border:after, .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .image-container .desc-container .overlay-border:before{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: -webkit-transform .4s ease; transition: transform .4s ease; z-index: 1; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .image-container .desc-container .overlay-border{ border:2px solid transparent; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .image-container .desc-container .overlay-border:after{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scaleX(0); transform: scaleX(0); } .marketing-homepage-case-study.span12:hover .image-container .desc-container .overlay-border:after, .marketing-homepage-case-study.span12:hover .image-container .desc-container .overlay-border:before { -webkit-transform: scale(1); transform: scale(1); } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .image-container .desc-container .overlay-border:before { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scaleY(0); transform: scaleY(0); } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study.span12:hover .desc-container .overlay-border:after, .jumbo-6-marketing-case-study-section .marketing-homepage-case-study.span12:hover.image-container .desc-container .overlay-border:before { -webkit-transform: scale(1); transform: scale(1); } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study.span12:hover .image-container .desc-container{ opacity:1; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .description{ color: #fff; max-height: 220px; overflow: hidden; padding: 0 20px; text-align: center; } .jumbo-6-marketing-case-study-section .slick-arrow { position: absolute; width: 22px; z-index: 11; top: 110px; cursor: pointer; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); } .jumbo-6-marketing-case-study-section .slick-next { right: -42px; } .jumbo-6-marketing-case-study-section .slick-prev { left: -42px; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .text-container{ padding:20px; background:#ffffff; margin-bottom: 1.25rem; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .text-container h4{ margin-top:0; font-weight: bold; text-align: center; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .text-container .read-more a{ color: #7dc037; text-decoration:none; font-weight: normal; text-align: center; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study .text-container .read-more a:focus{ outline:none; } .jumbo-6-marketing-case-study-section .marketing-homepage-case-study.span12:hover .text-container{ box-shadow: 0 10px 12px 0 rgba(0,0,0,.22); } @media (max-width:1024px){ .jumbo-6-marketing-case-study-section .slick-next { right: -23px; } .jumbo-6-marketing-case-study-section .slick-prev { left: -23px; } .jumbo-6-marketing-case-study-section .case-study-slider { margin-top:20px; } } @media (max-width:1024px){ .jumbo-6-marketing-case-study-section .marketing-homepage-case-study{ padding:0 22px; } .jumbo-6-marketing-case-study-section .slick-arrow { width: 14px; } .jumbo-6-marketing-case-study-section .slick-next { right: 0; } .jumbo-6-marketing-case-study-section .slick-prev { left: 0; } .jumbo-6-marketing-case-study-section,.jumbo1-home-three-col{ padding:40px 0; } .jumbo-6-marketing-case-study-section .case-study-slider { margin-top:10px; } } /*************************************************************** **********************Service Page***************************** **************************************************************/ .jumbo-6-service-hero-section{ padding: 200px 0px 140px; } .sp-service-cm .text-container h3 { font-size: 28px; font-weight: bold; color: #7dc037; } .service-section-one-col{ padding:100px 0; } body .row-fluid .service-section-one-col .text-container{ border: 1px solid #e7e7e7; padding: 50px 20px; width: 900px; margin: 0 auto; float: none; background: #fff; position: relative; } .jumbo-6-service-section-two-col{ padding-bottom:0; } body .row-fluid .jumbo-6-service-section-two-col .wrapper{ max-width:1400px; } @media (min-width:768px){ body .row-fluid .jumbo-6-service-section-two-col .sp-service-cm .span6 { margin: 0; width:50%; box-sizing:border-box; } .jumbo-6-service-section-two-col .sp-service-cm a.cta_button { width: 120px; margin-top: 20px; } .jumbo-6-service-section-two-col .sp-service-cm .text-container{ padding:100px 60px; } .jumbo-6-service-section-two-col .sp-service-cm-container .rs-image .equal-height-container > .row-fluid-wrapper > .row-fluid{ flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } } .jumbo-6-service-section-two-col .sp-service-cm-container{ margin-top:5px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-6-service-section-two-col .sp-service-cm .text-container { padding: 40px; } .header-image { margin-top: -125px !important; } } @media (max-width:767px){ body .jumbo-6-service-section-two-col .row-fluid .sp-service-cm .image-wrapper{ height: 60vw; margin-bottom: 20px; } .jumbo-6-service-section-two-col .sp-service-cm{ margin-bottom:55px; } .jumbo-6-service-section-two-col .sp-service-cm-container { margin-top: 20px; } .header-image { margin-top: -25px !important; } .jumbo-6-service-section-two-col .sp-service-cm .text-container { text-align: center; } } /**************************************************************** **********************Single service Page ********************** ****************************************************************/ /*=========================================================== jumbo-6-single-service-section-1 ===========================================================*/ @media (min-width:768px){ .jumbo-6-single-service-section-1 .left-col{ padding:40px 0; position: relative; right: -40px; z-index:2; } .jumbo-6-single-service-section-1 .right-col{ left: -40px; z-index:1; position: relative; border-radius:10px; border: 1px solid #e7e7e7; } .jumbo-6-single-service-section-1 .left-col .text-container{ border: 1px solid #e7e7e7; background: #fff; padding: 50px; border-radius: 10px; } } body .jumbo-6-single-service-features-section .row-fluid .service-feature-cm-container span>.hs_cos_wrapper{ border:1px solid #e7e7e7; border-radius:10px; padding: 40px 0 30px; border-bottom:6px solid #7dc037; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } body .jumbo-6-single-service-features-section .row-fluid .service-feature-cm-container span>.hs_cos_wrapper .service-feature-cm { padding-left:30px; padding-right:30px; } body .jumbo-6-single-service-features-section .row-fluid .service-feature-cm-container span>.hs_cos_wrapper:hover { transform: translateY(-12px); transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } @media (min-width:768px) and (max-width:1024px){ .jumbo-6-single-service-section-1 .left-col .text-container { padding: 30px; } .jumbo-6-single-service-section-1 .right-col { left: 0; } .jumbo-6-single-service-section-1 .left-col{ right: 0; padding:0; } } /************************************************************** ***********************CONTACT US***************************** *************************************************************/ .jumbo-6-contact-us-section-1{ padding-top:80px; } .jumbo-6-contact-us-section-1 .map-container iframe{ height: 400px; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); padding: 10px; background:#fff; box-sizing:border-box; margin-top:40px; } body .row-fluid .jumbo-6-contact-us-section-1 .form-container{ width:100%; max-width:940px; margin:0 auto; float:none; background:#7dc037; position:relative; top:-100px; } .jumbo-6-contact-us-section-1 .left-col{ padding:40px; background:#fff; border: 1px solid #7dc037; } .jumbo-6-contact-us-section-1 .right-col .fa{ font-size:50px; } .jumbo-6-contact-us-section-1 .right-col{ background:#7dc037; padding:30px } @media (max-width:767px){ .jumbo-6-contact-us-section-1 { padding-top: 40px; } .jumbo-6-contact-us-section-1 .map-container iframe { margin-top: 10px; } .jumbo-6-contact-us-section-1 .left-col { padding: 20px; } body .row-fluid .jumbo-6-contact-us-section-1 .form-container { top: 0; margin-top: 40px; margin-bottom: 30px; } } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* JUMBO PACK 7 Style ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ /*================================================================== New Loyalty Page Styling ===================================================================*/ .row-fluid [class*="span"].full-width-right-wrapper{ width: 100%; margin: 0; justify-content: right; padding: 0px; } .full-width-right-wrapper .right-img-float img { float: right !important; } @media(min-width:900px) and (max-width:1200px){ .full-width-right-wrapper .right-col h1 { font-size: 40px !important; } .full-width-right-wrapper .right-col { padding-left: 75px!important; padding-top: 25px !important; } } @media(min-width:773px) and (max-width:899px){ .full-width-right-wrapper .right-col { padding-left: 45px !important; padding-top: 5px !important; padding-right: 15px !important; } .full-width-right-wrapper .right-col h1 { font-size: 35px !important; } .section-bg { background-size: cover !important; background-position: right !important; background-repeat: no-repeat; min-height: 750px; } } @media(max-width:772px) { .full-width-right-wrapper .right-col { text-align: center; padding-left: 25px !important; padding-right: 25px !important; padding-top: 5px !important; padding-bottom: 15px; } .full-width-right-wrapper .right-col .header-text { padding-right: 0px !important; padding-top: 15px !important; } .full-width-right-wrapper .right-col h1 { font-size: 36px !important; } .full-width-right-wrapper .right-col h3 { line-height: normal; } .full-width-right-wrapper .right-col .bullet-group { text-align: left; } .full-width-right-wrapper .section-bg { padding-top: 25px; background-size: cover !important; background-position: right !important; background-repeat: no-repeat; min-height: 750px; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .right-column li { text-align: left !important; } } /*================================================================== Global Features Module Styling ===================================================================*/ .add-feature-module .ft-side-heading { padding-top: 15px; } .add-feature-module .ft-column { padding-bottom: 15px; padding-right: 15px; padding-left: 15px; padding-top: 15px; margin-bottom: 10px; min-height: 280px !important; } .add-feature-module .ft-column .ft-text-box { padding-top: 10px; } .add-feature-module .ft-column .ft-text-box p a:hover { font-weight: 500 !important; transition: .6s ease; } @media(max-width:772px) { .add-feature-module { padding: 0px 25px; text-align: center; } .add-feature-module .ft-column { padding-bottom: 15px; padding-right: 15px; padding-left: 15px; padding-top: 15px; margin-bottom: 5px; min-height: 220px !important; } .add-feature-module h2 { line-height: normal !important; } .add-feature-module .ft-side-heading{ padding-right: 0px; } .add-feature-module .ft-side-heading h3{ font-size: 22px !important; line-height: normal !important; } } /*================================================================== Team Member Page Styling - Jeremy ===================================================================*/ .jumbo-5-primary-banner .jeremy .section-bg { background-size: cover !important; background-position: left center !important; background-repeat: no-repeat; } .jumbo-5-primary-banner { width: 100vw; height: 100vh; } .jumbo-5-primary-banner .header-wrapper { padding-left: 60px; } @media(max-width:768px) { .jumbo-5-primary-banner { width: 100vw; height: 50vh; } .jumbo-5-primary-banner .header-wrapper { padding-left: 20px; } .jumbo-5-primary-banner .jeremy .section-bg { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat; } .jumbo-5-primary-banner .jeremy-text h2 { font-size: 55px !important; text-align: left !important; } .jumbo-5-primary-banner .jeremy-text p { font-size: 40px !important; text-align: left !important; } } /*================================================================== Team Member Page Styling - Oliver ===================================================================*/ .oliver .jumbo-5-primary-banner .section-bg { background-size: cover !important; background-position: left center !important; background-repeat: no-repeat; } .jumbo-5-primary-banner .oliver-header-wrapper { padding-right: 20px; } @media(max-width:768px) { .oliver .jumbo-5-primary-banner { width: 100vw; height: 45vh !important; } .jumbo-5-primary-banner .oliver-header-wrapper { padding-right: 10px; } .oliver .jumbo-5-primary-banner .section-bg { background-size: cover !important; background-position: left center !important; background-repeat: no-repeat; } .jumbo-5-primary-banner .oliver-text h2 { font-size: 50px !important; text-align: right !important; } .jumbo-5-primary-banner .oliver-text p { font-size: 35px !important; text-align: right !important; } } /*================================================================== Receipt Validation Page Styling ===================================================================*/ .row-fluid [class*="span"].full-width-wrapper{ width: 100%; max-width: 1200px; margin: 0; float: none; padding: 0px; } .ft-column { padding-bottom: 15px; padding-right: 15px; } .ft-side-heading { padding-right: 50px; } .ft-arrow-cta a.green-solid-cta { position:relative; } .ft-arrow-cta a.green-solid-cta:hover{ transform: translate(0); box-shadow: none; } .ft-arrow-cta a.green-solid-cta:before{ position: absolute; right: 15px; line-height: normal; content: '\f061'; font-family: FontAwesome; } /*================================================================== Hero Styling ===================================================================*/ .with-bg{ background-size:cover; background-position:top center; background-repeat:no-repeat; } .jumbo-7-jumbo-home-section-one { padding: 50px 0 125px; position:relative; border-bottom: 1px solid #e1e2e3; } .jumbo-7-jumbo-home-section-one .wrapper { padding-right: 25px; } .jumbo-7-jumbo-home-section-one h1{ color: #0d2e4f; } .jumbo-7-jumbo-home-section-one p{ margin: 0; padding: 20px 0px 46px; } .widget-type-cta.video-cta{ margin-top:0px; } @media(min-width:768px){ body .row-fluid .jumbo-7-jumbo-home-section-one .green-cta{ width: 100%; max-width: 44%; } body .container-fluid .row-fluid .left-col-width{ width: 100%; } .jumbo-7-jumbo-home-section-one .right-col.widget-type-linked_image{ position: relative; width: 50%; } .jumbo-7-jumbo-home-section-one .inner-hero .right-col.widget-type-linked_image{ width: 100%; top: 63px; } .jumbo-7-jumbo-home-section-one .home-left-col{ max-width:455px; } } .jumbo-7-jumbo-home-section-one .hero-cta-grp{ margin-top: 36px; } .jumbo-7-jumbo-home-section-one .hero-cta-grp>.row-fluid{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body .jumbo-7-jumbo-home-section-one .row-fluid .video-img{ width: 55px; height: 55px; border-radius: 100%; } .jumbo-7-jumbo-home-section-one .hero-cta-grp .video-cta{ padding-left: 11px; } .jumbo-7-jumbo-home-section-one .hero-without-cta{ padding: 105px 0px 74px; } @media(min-width:768px) and (max-width:1200px){ body .jumbo-7-jumbo-home-section-one .row-fluid .left-col-width{ width:50%; } .jumbo-7-jumbo-home-section-one .right-col.widget-type-linked_image, .jumbo-7-jumbo-home-section-one .inner-hero .right-col.widget-type-linked_image{ top:initial; } body .row-fluid .jumbo-7-jumbo-home-section-one .widget-type-cta{ max-width: 70%; width: 70%; margin: 12px 0 0; } .jumbo-7-jumbo-home-section-one .widget-type-cta a.cta_button{ padding-left:0; padding-right:0; width:100%; } body .jumbo-7-jumbo-home-section-one .row-fluid .hero-cta-grp .widget-type-cta{ margin:0; } body .jumbo-7-jumbo-home-section-one .row-fluid .hero-cta-grp .widget-type-cta a.cta_button{ padding-left: 20px; padding-right: 40px; } } @media(max-width:767px){ .jumbo-7-jumbo-home-section-one { padding: 15px 0 45px; text-align:center; } .rv-left-col { padding-left: 15px; padding-right: 15px !important; } .rv-right-col { width: 50% !important; margin: 0 auto !important; } body .container-fluid .row-fluid .jumbo-7-jumbo-home-section-one .wrapper>.row-fluid-wrapper>.row-fluid{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } .jumbo-7-jumbo-home-section-one .green-cta{ margin-bottom:20px; } .jumbo-7-jumbo-home-section-one .align-left{ text-align:center; } } @media(max-width:767px){ body .jumbo-7-jumbo-home-section-one .row-fluid .hero-cta-grp{ margin: 62px auto 0; float: none; display: block; text-align: center; width: 100%; max-width: 296px; } body .jumbo-7-jumbo-home-section-one .row-fluid .video-img{ float:left; } .jumbo-7-jumbo-home-section-one .hero-cta-grp .video-cta { padding-left: 65px; } } /*======= Home Section Benefits Left Col ========*/ .integrations-header { padding-bottom: 35px; } .jumbo-7-home-section-benefits-left-img{ padding:100px 0; } .jumbo-7-home-section-benefits-left-img .solid-cta { padding-left:100px; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .right-column { padding-right:125px; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .si-right-col { padding-left: 75px; padding-top: 75px; } @media (max-width:1200px){ .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .si-right-col { padding-left: 50px; padding-top: 50px; } } @media (max-width:1024px){ .jumbo-7-home-section-benefits-left-img{ padding:70px 0; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper { height: auto !important; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .right-column { padding-right:50px; padding-left: 40px; } } @media (max-width:767px){ .integrations-header .full-width-right-wrapper .right-col h1 { font-size: 36px !important; line-height: normal !important; } .jumbo-7-home-section-three .heading h2 { font-size: 30px; line-height: normal !important; } .jumbo-7-home-section-benefits-left-img .left-col{ margin-bottom:40px; } .jumbo-7-home-section-benefits-left-img .right-col{ padding-left:40px; } .jumbo-7-home-section-benefits-left-img{ padding:50px 0; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .integration-img { padding-left: 50px !important; padding-right: 50px !important; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .si-right-img { bottom: 0px !important; text-align: center !important; padding-top: 15px; padding-right: 100px; padding-left: 100px; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper { height: auto !important; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .right-column { padding-right:50px; padding-left: 50px; text-align: center; } .jumbo-7-home-section-benefits-left-img .full-width-right-wrapper .right-img{ max-width: 500px !important; padding-top: 45px; margin: auto; bottom: 0px !important; } .jumbo-7-home-section-benefits-left-img .solid-cta { text-align: center; padding-left: 0px; } } /*========================================================= Home Section Two Styling ===========================================================*/ .jumbo-7-home-section-two{ padding:60px 0; } .jumbo-7-home-section-two .heading{ padding-bottom:30px; } .jumbo-7-home-section-two .heading h2{ padding-bottom: 10px; } .jumbo-7-home-section-two h2{ font-size:36px; padding-bottom: 29px; } .jumbo-7-home-section-two p{ margin: 0; padding-bottom: 45px; } .jumbo-7-home-section-two h6{ padding-bottom: 7px; } .row-fluid .home-section-left-col{ padding:60px 40px; border: solid 1px #e8e9ed; background-color: #BFDCFE; width:100%; } .home-section-left-col p{ color: #212121; } .home-section-left-col .technology-content { background-color: #fff; padding:15px; } body .row-fluid .home-section-right-col{ margin: 0; padding:60px 40px; border: solid 1px #e8e9ed; background-color: #FEEBC8; width:100%; } .home-section-right-col .technology-content { background-color: #fff; padding: 15px; } @media(max-width:1024px){ .jumbo-7-home-section-two .equal-height-container h2{ font-size: 25px; line-height: 35px; } } @media(max-width:767px){ .jumbo-7-home-section-two { padding: 100px 0 50px; } } /*========================================================= Bottom CTA Module Styling ===========================================================*/ .bottom-cta-group .bottom-right-cta { text-align: right; margin-top: 0px !important } @media(max-width:767px){ .bottom-cta-group { text-align: center; } .bottom-cta-group .bottom-right-cta{ text-align: center; margin-top: 0px !important } } /*========================================================= B2B Module Styling ===========================================================*/ .platform-module { padding-bottom: 50px; } .platform-module .right-col img { float: right; } .platform-module .full-width-right-wrapper .right-col { padding-left: 100px; padding-top: 50px; } .platform-module .module-image img { max-height: 800px !important; padding-top: 0px; max-width: 100%; float:right; } .platform-module .integrated-col { position: relative; bottom: 125px; z-index:-99; padding-top:0px; } .platform-module .left-col{ position: relative; bottom: 175px !important; max-height: 900px; z-index: -99; padding-top: 0px; } .platform-module .design-management-text{ padding-left: 100px; padding-right: 50px; } @media (max-width:1085px){ .platform-module .design-management-text{ padding-left: 50px; padding-right: 25px; } } @media (max-width:968px){ .platform-module .left-col{ position: relative; bottom: 75px !important; max-height: 800px; z-index: -99; padding-top: 0px; } .platform-module .design-management-text{ padding-left: 30px; padding-right: 20px; } } @media (max-width:766px){ .align-center .wrapper .heading { padding: 0px 25px !important; } .platform-module .design-management-text{ padding-left: 50px; padding-right: 50px; } .platform-module .integrated-col { position: relative; bottom: 15px; z-index:-99; padding-top:0px; } .platform-module .left-col { position: relative; bottom: 50px !important; max-height: 600px !important; z-index: -99; } .platform-module .left-col .hs-image-widget { max-height: 700px !important; width: auto; } .platform-module .green-solid-cta { text-align: center; } } /*========================================================= Strategy Design Pages Styling ===========================================================*/ .strategy-design-module { padding-top: 75px; padding-bottom: 50px; } .strategy-design-wrapper { width: 100%; max-width: 1200px; margin: 0 auto !important; float: none !important; padding: 15px 45px; } @media (max-width:968px){ .strategy-design-module .strategy-design-table .right-col{ padding-top: 75px; } .strategy-design-module .strategy-design-wrapper .left-img{ padding-top: 75px; } } @media (max-width:766px){ .strategy-design-module { padding-top: 50px; padding-bottom: 20px; } .strategy-design-module .strategy-design-wrapper { padding: 0px 45px; text-align: center; } .strategy-design-module .strategy-design-wrapper .left-img{ padding: 20px 50px 10px !important; } .strategy-design-module .strategy-design-table { display: table; } .strategy-design-module .strategy-design-wrapper { display: table; } .strategy-design-module .strategy-design-wrapper .left-col{ padding-top: 0px !important; display: table-footer-group; } .strategy-design-module .strategy-design-wrapper .right-col{ display: table-header-group; } .strategy-design-module .strategy-design-table .left-col{ display: table-header-group; } .strategy-design-module .strategy-design-table .right-col{ padding-top: 0px !important; display: table-footer-group; } } /*========================================================= Content Promo Module Styling ===========================================================*/ .promo-group .cta-button-purple { font-size: 16px; text-decoration: none; text-transform: uppercase; line-height: 18px; padding: 15px 40px; color: #aa2fc3; background: #fff; font-weight: 600; letter-spacing: normal; border: 2px #aa2fc3 solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .promo-group .cta-button-purple:hover { background: #aa2fc3; color: #fff; } .promo-group .cta-button-orange { font-size: 16px; text-decoration: none; text-transform: uppercase; line-height: 18px; padding: 15px 40px; color: #FCBE4A; background: #fff; font-weight: 600; letter-spacing: normal; border: 2px #FCBE4A solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .promo-group .cta-button-orange:hover { background: #FCBE4A; color: #fff; } .promo-group .cta-button-blue { font-size: 16px; text-decoration: none; text-transform: uppercase; line-height: 18px; padding: 15px 40px; color: #2A8BFB; background: #fff; font-weight: 600; letter-spacing: normal; border: 2px #2A8BFB solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .promo-group .cta-button-blue:hover { background: #2A8BFB; color: #fff; border: 2px solid #2a8bfb; } .promo-group .cta-button-green { font-size: 16px; text-decoration: none; text-transform: uppercase; line-height: 18px; padding: 15px 40px; color: #7dc037; background: #fff; font-weight: 600; letter-spacing: normal; border: 2px #7dc037 solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .promo-group .cta-button-green:hover { background: #7dc037; color: #fff; } .promo-module { display: table; } .promo-module .wrapper { max-width: 1050px !important; } .promo-module .promo-group { padding: 20px 75px 20px; border: 1px solid #f5f6f7; background: #f4f4f4; box-shadow: 0 0 5px rgb(0 0 0 / 20%); } .promo-module .left-col { display: table-footer-group; margin-top: 35px; } .promo-module .right-col { display: table-header-group; text-align: right; padding-top: 25px; } .promo-module .left-col-img { display: table-header-group; text-align: left; padding-top: 25px; } @media (min-width: 768px) and (max-width:903px){ .promo-module .left-col { margin-top: 25px; } .promo-module .right-col .layout-widget-wrapper { min-width: 300px; } } @media (max-width:767px){ .promo-module .promo-group { padding: 25px 45px 25px; border: 1px solid #f5f6f7; background: #f4f4f4; box-shadow: 0 0 5px rgb(0 0 0 / 20%); } .promo-module .right-col { display: table-header-group; max-height: 300px; width: auto; text-align: center; } .promo-module .left-col { display: table-footer-group; margin-top: 100px; } .promo-module .left-col-img { display: table-header-group; max-height: 300px; width: auto; text-align: center; } } /*========================================================= test industry page Styling ===========================================================*/ .right-img-header-module{ display: table; } .right-img-header-module .full-width-right-wrapper .right-col { display: table-footer-group; } .right-img-header-module .full-width-right-wrapper .img-col { display: table-header-group; } @media (max-width:767px){ .right-img-header-module .full-width-right-wrapper .img-col { display: table-header-group; text-align: center; } .right-img-header-module .full-width-right-wrapper .img-col img { height: auto; max-width: 300px !important; margin-top: -25px; } .right-img-header-module .full-width-right-wrapper .right-col { display: table-footer-group; text-align: center; width: auto; } } /*========================================================= B2B Saas pages Styling ===========================================================*/ .b2b-header-section .full-width-right-wrapper .b2b-header-img{ float: right; } .b2b-intro { padding-top: 50px; } .b2b-module .left-col .heading h3 { font-size: 30px; font-weight: bold; line-height: normal; } .b2b-module .text-col .heading h3 { font-size: 30px; font-weight: bold; line-height: normal; } .b2b-module .left-text-col h3 { font-size: 30px; font-weight: bold; line-height: normal; } .b2b-module .b2b-text-col .heading h3 { font-size: 30px; font-weight: bold; line-height: normal; } .b2b-module .b2b-text-col .b2b-left-text{ padding-top: 50px; padding-right: 50px; } .b2b-module .b2b-text-col .b2b-right-text{ padding-top: 50px; padding-left: 50px; } .b2b-module .b2b-flex-text-col { display: flex; height: 300px; align-items: center; padding-left: 50px; } .jumbo1-pricing-section-benefits .b2b-module .left-col { margin-left: 0px; } .b2b-module { display: block; padding: 65px 10px; } .b2b-module .text-col { margin-left: 0px; padding-left: 50px; } .b2b-module .left-text-col { margin-left: 0px; padding-right: 50px; } .b2b-module .b2b-img-col { text-align: center; float: left; padding-right: 50px; } .b2b-module .b2b-right-img { float: right; text-align: center; padding-left: 50px; } .b2b-module .b2b-right-img img{ padding-top: 0px; } .b2b-module .b2b-right-img-flex { float: right; display: flex; align-items: center; height: 500px; padding-left: 50px } .b2b-module .b2b-left-img-flex { display: flex; align-items: center; height: 500px; padding-right: 50px; } .b2b-section-five { padding-top: 75px; padding-bottom: 35px; } @media (max-width:968px){ .b2b-intro { padding-top: 50px !important; } .b2b-module { display: block; padding: 35px 10px; } .b2b-module .b2b-text-col .b2b-left-text{ padding-top: 25px; padding-right: 20px; } .b2b-module .b2b-text-col .b2b-right-text{ padding-top: 25px; padding-left: 20px; } .b2b-module .b2b-right-img { float: right; text-align: center; padding-left: 20px; } .b2b-module .b2b-img-col { text-align: center; float: left; padding-right: 20px; } .b2b-module .b2b-flex-text-col { display: flex; height: 300px; align-items: center; padding-left: 20px; } .b2b-module .text-col { margin-left: 0px; padding-left: 20px; } .b2b-module .left-text-col { margin-left: 0px; padding-right: 20px; } .b2b-section-five { padding-top: 50px; padding-bottom: 25px; } } @media (max-width:768px){ .b2b-header-section .full-width-right-wrapper .b2b-header-img{ float: none; text-align: right; } .b2b-header-section .full-width-right-wrapper .b2b-header-img img{ max-height: 400px; } .b2b-module { display: block; padding: 15px 50px !important; } .b2b-module .b2b-img-col{ max-width: 300px; margin: auto !important; padding: 15px; } .jumbo1-pricing-section-benefits .b2b-module .left-col{ padding-top: 35px; margin-bottom:0px; } .jumbo1-pricing-section-benefits .b2b-module .pad-t30 { text-align: center; } .b2b-module .b2b-right-img-flex { display: block; float: none; height: auto; text-align: center; padding: 0px 50px; } .b2b-module .b2b-left-img-flex { display: flex; align-items: center; height: auto; padding-right: 50px ; padding-left: 50px; } .b2b-module .b2b-right-img { float: none; text-align: center; padding: 0px 25px; } .b2b-module .b2b-img-col { max-width: none; } .b2b-module .b2b-text-col .b2b-left-text{ text-align: center; padding-top: 35px; padding-right: 10px; padding-left: 10px; } .b2b-module .b2b-text-col .b2b-right-text{ padding-top: 35px; padding-left: 10px; padding-right: 10px; } .b2b-module .b2b-right-img img{ padding-top: 0px; } .b2b-module .b2b-text-col { display: block; text-align: center; } .b2b-module .b2b-flex-text-col { display: block !important; text-align: center; height: auto ; padding-left: 10px; padding-right: 10px; } .b2b-module .heading { padding-top: 25px; } .b2b-module .text-col p{ text-align: center; } .b2b-module .text-col { padding-top: 35px; padding-left: 0px; } .b2b-module .left-text-col { margin-left: 0px; padding-right: 0px; } .b2b-section-five { padding-top: 25px; padding-bottom: 25px; } } /*========================================================= Industry Pages Styling ===========================================================*/ .industry-module { display: block; padding: 65px 125px; } .industry-module .industry-img-col { text-align: center; } .industry-module .industry-left-text { padding-right: 25px; } .industry-module .industry-right-img { float: right; text-align: center; } .industry-module .industry-text-col p a:hover { text-decoration: underline; font-weight: 500 !important; } @media(min-width:769px) and (max-width:1024px){ .industry-module { display: block; padding: 50px 75px; } } @media (max-width:768px){ .industry-module { padding: 15px 50px; } .industry-module .industry-right-img { float: none; text-align: center; } .industry-module .industry-text-col { text-align: center; padding-top: 30px; } .industry-module .industry-left-text { text-align: center; padding-right: 0px; } } /*========================================================= US LMS Page Styling ===========================================================*/ .lms-header-section .full-width-right-wrapper { padding-bottom: 65px !important; padding-top: 15px !important; } .lms-header-section .full-width-right-wrapper .right-col{ padding-left: 110px; padding-top:150px; } .lms-section-one { padding: 30px 100px; } .industry-module .industry-text-col .lms-auth-text { padding-top: 160px; } .lms-section-four{ padding: 50px 0px; } .lms-section-four .lms-use-header { text-align:center; padding-bottom: 35px; padding-top: 35px } .lms-section-five { padding-top: 75px; padding-bottom: 35px; } .lms-section-five .left-col .text-col { padding-right: 110px; } .lms-section-five .left-col .lms-feature-img{ padding-top: 175px; padding-right: 35px; padding-left: 90px; } @media(min-width:769px) and (max-width:1024px){ .lms-header-section .full-width-right-wrapper { padding-left: 45px !important; padding-top: 25px !important; padding-right: 15px !important; } .lms-header-section .full-width-right-wrapper .right-col{ padding-left: 50px; padding-top: 80px; } .lms-header-section .full-width-right-wrapper .right-col h1{ font-size: 35px !important; line-height: normal !important ; } .lms-section-one h2 { font-size: 32px; line-height: normal; } .industry-module .industry-text-col .lms-auth-text { padding-top: 100px; } } @media (max-width:768px){ .lms-header-section .full-width-right-wrapper { text-align: center; } .lms-header-section .full-width-right-wrapper .right-col h1{ font-size: 36px !important; line-height: normal !important ; } .lms-header-section .full-width-right-wrapper .lms-header-img{ padding: 10px 10px 10px 35px; } .lms-section-one { padding: 15px 15px; } .lms-section-one h2 { font-size: 30px; line-height: normal; } .lms-section-two .industry-module .industry-img-col { max-width: 300px; margin: auto; padding: 15px; } .lms-section-two .industry-module .industry-left-text { padding-top: 15px !important; } .lms-section-two .industry-module .industry-text-col { padding-top: 10px !important; } .lms-section-two .industry-module .industry-right-img .widget-type-linked_image { padding-right: 0px !important; } .lms-section-two .industry-module .industry-img-col .widget-type-linked_image { padding: 0px !important; } .lms-section-two .industry-module .industry-right-img { max-width: 300px; margin: auto; padding: 15px; } .industry-module .industry-text-col .lms-auth-text { padding-top: 30px !important; } .lms-section-four .lms-use-module { text-align: center; padding: 10px 35px; } .lms-section-four .lms-use-header { padding-bottom: 15px; padding-top: 15px } .lms-section-four .lms-use-module ul { text-align: left; } .lms-section-five { padding-top: 35px; padding-bottom: 25px; } .lms-section-five .left-col .text-col { text-align: center; padding-top: 15px; padding-left: 25px; padding-right: 25px; } .lms-section-five .left-col .lms-feature-img{ padding-top: 25px; padding-right: 35px; padding-left: 35px; } } /*========================================================= Career Pages Styling ===========================================================*/ .small-span-6 { text-align: left !important; } .c-button .hs-button{ border-color: #7dc037; Background-color: transparent; Color: #7dc037 !important; } .c-button-right .hs-button{ float: right; } .c-button-upload .hs-button{ border-style: solid; border-width: 2px; border-radius: 100px; } .c-button-primary .hs-button { display: inline-block; padding: 10px 20px; box-shadow: none; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-size: 14px; color: #7dc037 !important; text-align: center; text-decoration: none; text-transform: uppercase !important; } .c-button .hs-button:hover { background-color: #7dc037; color: #fff !important; } .job-app-form-style form .field>label { font-weight: 600; font-size: 16px; } .job-app-form-style form input{ font-family: 'Montserrat',sans-serif; font-size: 15px; line-height: 20px; letter-spacing: 1px; height: 45px; margin-bottom: 17px; border-radius: 25px; background: #f5f5f5; padding: 10px 20px; color: #000; font-weight: 400; border: 1px solid transparent; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .job-app-module { max-width: 700px !important; margin: 0 auto !important; float: none !important; padding: 0px 25px 25px; } .job-app-module .job-app-form-style .grecaptcha-badge { margin-top: 15px; margin-bottom: 15px; } @media (max-width:768px){ .job-app-form-style input { width: 100%; } .job-position-header { text-align: center; } .job-section{ display: block; padding-left: 20px; Padding-right: 20px; } .job-section .career-divider hr{ width: 100% !important; margin-left: auto !important; } .small-span-6 .c-button-right .hs-button { float: right; } .small-span-6 { width: 50% !important; float: left !important; } .small-span-6 h3 { text-align: left !important; } } /*========================================================= Home Section Three Styling ===========================================================*/ .jumbo-7-home-section-three{ padding: 59px 0 100px; } .jumbo-7-home-section-three .offer-platform-text{ padding: 45px 100px; } .jumbo-7-home-section-three .offer-platform-img{ text-align: center; padding: 0px 100px; } .jumbo-7-home-section-three .column{ padding: 20px; transition:all ease-in-out .2s; border-radius:0px; border: solid 1px #e1e2e3; } .jumbo-7-home-section-three .home-column{ padding: 40px; transition:all ease-in-out .2s; border-radius:10px; border: solid 1px #e1e2e3; } a.transparent-cta { font-size: 20px; line-height: normal; padding: 20px 20px; color: #fff; background: #fff; font-weight: 600; letter-spacing: .9px; border: 0px; cursor: pointer; font-family:'Montserrat', sans-serif;; text-align: center; display: inline-block; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .home-column:hover a.transparent-cta { background: #fff; color: #7dc037; border: 0px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .jumbo-7-home-section-three .home-column:hover{ border-color: #e8e9ed; box-shadow: 0px 0px 15px rgba(232, 233, 237, 0.68); } .jumbo-7-home-section-three .column:hover{ border-color: #e8e9ed; box-shadow: 0px 0px 15px rgba(232, 233, 237, 0.68); } .jumbo-7-home-section-three .tri-column { padding: 40px; border-radius:10px; box-shadow: 0px 8px 18px 5px rgba(0,0,0,0.2); } body .jumbo-7-home-section-three .row-fluid .font-awesome{ border-radius: 10px; border: solid 1px #e7e7e7; width: 100%; max-width: 170px; margin: 0 auto; padding: 28px; float:none; } .jumbo-7-home-section-three .font-awesome i{ font-size: 59px; line-height: 69px; color: #3d4d65; } .jumbo-7-home-section-three .column h6{ padding: 39px 0px 14px; color: #212121; } .jumbo-7-home-section-three .home-column h6{ padding: 39px 0px 14px; color: #212121; } .jumbo-7-home-section-three .column p{ margin: 0; padding-bottom: 30px; } .jumbo-7-home-section-three .home-column p{ margin: 0; padding-bottom: 0px; } @media(min-width:768px) and (max-width:1024px){ .jumbo-7-home-section-three .column{ padding: 40px 9px; } .jumbo-7-home-section-three .home-column{ padding: 40px 9px; } .jumbo-7-home-section-three .offer-platform-text{ padding: 35px 50px; } .jumbo-7-home-section-three .offer-platform-img{ padding: 0px 75px; } } @media (max-width:768px){ .jumbo-7-home-section-three .column{ margin-top:10px; } .jumbo-7-home-section-three .home-column{ margin-top:20px; } .jumbo-7-home-section-three .offer-platform-text{ padding: 30px 25px; text-align: center; } .jumbo-7-home-section-three .offer-platform-img{ padding: 0px 75px; } } /*========================================================= Home Section Four Styling ===========================================================*/ .jumbo-7-home-section-four{ padding:100px 20px; } body .container-fluid .row-fluid .jumbo-7-home-section-four .wrapper{ max-width: 970px; border-radius: 8px; background-color: #ffffff; padding: 62px 0; } body .jumbo-7-home-section-four .row-fluid .home-section-width{ max-width:773px; margin:0 auto; float:none; } .jumbo-7-home-section-four a.cta_button{ padding:13px 30px; border: 2px solid #7dc037; } .jumbo-7-home-section-four .white-cta a.cta_button{ background:#fff; color:#7dc037; } .white-cta a.cta_button{ } .jumbo-7-home-section-four .widget-type-cta{ margin-top:0px; } @media(max-width:1024px) and (min-width:768px){ body .container-fluid .row-fluid .jumbo-7-home-section-four .wrapper{ padding:62px 20px; } body .container-fluid .row-fluid .jumbo-7-home-section-four .green-cta{ text-align:right; } } @media(max-width:767px){ body .container-fluid .row-fluid .jumbo-7-home-section-four h3{ text-align:center; } body .container-fluid .row-fluid .jumbo-7-home-section-four .green-cta{ text-align:center; margin: 25px 0 15px; } body .container-fluid .row-fluid .jumbo-7-home-section-four .white-cta{ text-align:center; } .jumbo-7-home-section-three .offer-platform-img{ padding: 0px 35px; } } /*================================================================================ Global Responsive Styling ======================================================================================*/ @media(max-width:767px){ h1{ font-size:35px; line-height:45px; } .section-one h1 br{ display:none; } body .container-fluid .row-fluid .mobile-t-50{ margin-top:50px; } } @media(max-width:1024px) and (min-width:768px){ .cta_button{ padding:13px 30px; } } /*========================================================= Home Section Five Styling ===========================================================*/ .jumbo-7-home-section-five{ padding:100px 0 0; } body .container-fluid .row-fluid .jumbo-7-home-section-five .wrapper{ max-width:1090px; } .jumbo-7-home-section-five h6{ padding-bottom: 10px; } .jumbo-7-home-section-five p{ margin: 0; padding: 24px 0px 35px; } body .jumbo-7-home-section-five .row-fluid .column-width{ max-width: 366px; } @media(max-width:1024px){ body .container-fluid .row-fluid .jumbo-7-home-section-five .border-bottom{ padding-bottom:80px; } } @media(min-width:320px) and (max-width:767px){ body .jumbo-7-home-section-five .row-fluid .column-width{ max-width:100%; } body .jumbo-7-home-section-five .row-fluid .column-width .float-right{ float:none; margin-top:50px; } body .container-fluid .row-fluid .jumbo-7-home-section-five .float-right{ margin-top:50px; float:none; } } /*================================================================== Testimonial Slider Styling ===================================================================*/ .jumbo-7-testimonial-section { padding-top: 75px; padding-bottom: 73px; } body .container-fluid .row-fluid .jumbo-7-testimonial-section .wrapper{ padding: 80px 40px 124px; } .jumbo-7-testimonial-section p{ margin: 0; padding: 25px 0px 27px; color: #54657e; font-style: italic; } .jumbo-7-testimonial-section h5{ font-size: 16px; font-weight: bold; line-height: 1; color: #54657e; padding: 20px 0px 12px; font-family: 'Source Sans Pro',sans-serif; } .jumbo-7-testimonial-section .testimonial-slider h6{ font-weight: 300; color: #54657e; } .jumbo-7-testimonial-section .circular-img img{ width:60px; height:60px; margin:0 auto; float:none; border-radius:100%; } .jumbo-7-testimonial-section .testimonial-slider{ max-width:770px; margin:0 auto; float:none; } .jumbo-7-testimonial-section .slick-arrow{ border: none; background: none; } .jumbo-7-testimonial-section .slick-prev, .jumbo-7-testimonial-section .slick-next{ position:absolute; bottom: -42px; font-size: 0px; left: 0; right: 0; margin: 0 auto; float: none; width: 100%; outline: none; cursor:pointer; } .jumbo-7-testimonial-section .slick-prev:before{ content:"\f104"; position:absolute; bottom:0; font-size: 26px; line-height: 36px; color:#8493a8; font-family:FontAwesome; left: -42px; max-width: 45px; width: 100%; right: 0; margin: 0 auto; background: #eceff4; border-radius: 25px 0px 0px 25px; border: 1px solid #cad3df; } .jumbo-7-testimonial-section .slick-next:after{ content:"\f105"; position:absolute; bottom:0; font-size: 26px; line-height: 36px; color:#8493a8; font-family:FontAwesome; right: -49px; max-width: 45px; width: 100%; left: 0; margin: 0 auto; background: #eceff4; border-radius: 0 25px 25px 0; border: 1px solid #cad3df; } @media(max-width:1024px){ .jumbo-7-testimonial-section .slick-list{ padding:0!important; } } /*============================================================================= Rss Blog Feed Section ==============================================================================*/ .jumbo-7-rss-blog-feed{ padding:100px 0; } .jumbo-7-rss-blog-feed .inner-post h4{ font-size: 16px; font-weight: 300; line-height: 26px; letter-spacing: .2px; margin-bottom: 14px; color: #2e2e2e; } .jumbo-7-rss-blog-feed .pop-featured-image{ height: 240px; display: block; position:relative; border-radius:0px; } .jumbo-7-rss-blog-feed .pop-featured-image:before{ content:""; background: rgba(0, 0, 0, 0.25); position:absolute; top:0px; bottom:0px; left:0px; right:0px; } .jumbo-7-rss-blog-feed ul{ list-style-type:none; padding: 20px 0px 0px 20px; } .jumbo-7-rss-blog-feed ul li{ border-radius:0px; background-color: #ffc80a; width: 100%; max-width: 114px; padding: 7px 10px; text-align: center; line-height: 20px; } .jumbo-7-rss-blog-feed .span4:first-child ul li{ background:#41a674; } .jumbo-7-rss-blog-feed .span4:last-child ul li{ background:#3d4d65; } .jumbo-7-rss-blog-feed ul li a{ font-size: 14px; font-weight: normal; line-height: 1; color: #ffffff; text-transform: uppercase; } .jumbo-7-rss-blog-feed .pop_post_date, .jumbo-7-rss-blog-feed a.author-link{ font-size: 13px; font-weight: 400; line-height: 24px; color: #9b9b9b; text-transform: uppercase; } .jumbo-7-rss-blog-feed .pop_post_date{ line-height: 28px; } .jumbo-7-rss-blog-feed .pop_post_date i,.author-link i{ margin-right:5px; } .jumbo-7-rss-blog-feed .inner-post{ background: #ffffff; position: relative; z-index: 9999999; padding: 27px 20px 50px; border-radius:0px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); } .jumbo-7-rss-blog-feed .pop_post_title h4 a{ font-size: 24px; line-height:34px; color:#333; } .jumbo-7-rss-blog-feed .pop-post-box ul li{ display:none; } .jumbo-7-rss-blog-feed .pop-post-box ul li:first-child{ display:block; } .jumbo-7-rss-blog-feed .top-spaceing{ margin-top:50px; } @media(max-width:1024px){ .jumbo-7-rss-blog-feed .pop_post_title h4 a, .jumbo-7-rss-blog-feed .pop_post_title h4{ font-size: 18px; line-height: 28px; } .jumbo-7-rss-blog-feed .pop_post_date i, .author-link i{ margin-right:0; } .jumbo-7-rss-blog-feed .pop_post_date, a.author-link { font-size: 11px; } } @media(max-width:767px){ .jumbo-7-rss-blog-feed .span4{ margin-bottom:30px; } } /*================================================================== Hero Styling ===================================================================*/ .jumbo-7-about-section-one.with-bg{ background-size:cover; background-position:top center; background-repeat:no-repeat; } .jumbo-7-about-section-one.section-one{ padding: 123px 0 117px; position:relative; } .jumbo-7-about-section-one.section-one p{ margin: 0; padding: 20px 0px 46px; } .section-one.jumbo-7-about-section-one{ padding: 160px 0 125px; position: relative; border-bottom: 1px solid #e1e2e3; } .jumbo-7-about-section-one h1{ color:#333; } @media(min-width:768px){ body .row-fluid .about-section-one.section-one.green-cta{ width: 100%; max-width: 44%; } body .about-section-one .row-fluid .left-col-width{ width:39%; } .about-section-one.section-one .right-col.widget-type-linked_image{ position: absolute; right: 0; width: 56%; } .about-section-one.section-one.inner-hero .right-col.widget-type-linked_image{ width: 43%; } } .hero-cta-grp{ margin-top: 36px; } .hero-cta-grp>.row-fluid{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body .row-fluid .video-img{ width: 55px; height: 55px; border-radius: 100%; } .hero-cta-grp .video-cta{ padding-left: 11px; } .section-one.hero-without-cta{ padding: 105px 0px 74px; } @media(min-width:768px) and (max-width:1200px){ body .container-fluid .row-fluid .left-col-width{ width:50%; } .section-one .right-col.widget-type-linked_image, .section-one.inner-hero .right-col.widget-type-linked_image{ top:initial; } } @media(max-width:767px){ .section-one { padding: 75px 0 75px; text-align:center; } body .container-fluid .row-fluid .section-one .wrapper>.row-fluid-wrapper>.row-fluid{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } .section-one .green-cta{ margin-bottom:20px; } .section-one .align-left{ text-align:center; } } /*======================================================== Section Two styling ==========================================================*/ .jumbo-7-about-section-two{ padding:60px 0; } body .container-fluid .row-fluid .jumbo-7-about-section-two .font-awesome{ border-radius: 100%; border: solid 1px #e7e7e7; width: 100%; max-width:100px; margin: 0 auto; padding: 0; height: 100px; text-align: center; float:left; } .jumbo-7-about-section-two .font-awesome i{ font-size:53px; line-height: 100px; color: #3d4d65; } .jumbo-7-about-section-two p{ margin:0; padding-bottom:30px; } .jumbo-7-about-section-two .border-bottom{ margin-bottom:30px; } .jumbo-7-about-section-two strong{ color:#3d4d65; } .jumbo-7-about-section-two .space-top{ padding-top:80px; } .jumbo-7-about-section-two .home-section-left-col{ padding:0px; border:0px; } @media(min-width:768px){ body .jumbo-7-about-section-two .row-fluid .space-left{ margin: 0; padding-left: 10.999%; } body .jumbo-7-about-section-two .row-fluid .inner-space-left{ margin: 0; padding-left: 6%; } } @media(min-width:768px) and (max-width:1092px){ body .jumbo-7-about-section-two .row-fluid .space-left { padding-left: 50px; } body .jumbo-7-about-section-two .row-fluid .inner-space-left{ padding-left: 15px; } .jumbo-7-about-section-two .font-awesome i { font-size: 35px; line-height: 75px; } body .container-fluid .row-fluid .jumbo-7-about-section-two .font-awesome { max-width: 75px; height: 75px; } } @media (max-width:768px){ body .container-fluid .row-fluid .jumbo-7-about-section-two .font-awesome{ margin-right: 20px; margin-bottom: 20px; } } /*======================================================== Section Three styling ==========================================================*/ .jumbo-7-about-section-three { padding:100px 20px; } body .container-fluid .row-fluid .video-section-width{ max-width:290px; margin:0 auto; float:none; padding-top: 43px; } body .container-fluid .row-fluid .inner-section-width{ max-width: 826px; margin: 0 auto; float: none; } body .container-fluid .row-fluid .jumbo-7-about-section-three .wrapper{ border-radius: 8px; padding: 60px 0px; } body .container-fluid .row-fluid .jumbo-7-about-section-three .heading{ padding-bottom: 15px; padding-top: 21px; } /*======================================================== Section Four styling ==========================================================*/ .jumbo-7-about-section-four{ padding:100px 0; } /*============================================================== About Team CM Styling ================================================================*/ @media(min-width:768px){ body .jumbo-7-about-section-four .row-fluid .team-member-cm .span6{ margin:0; width:50%; } body .jumbo-7-about-section-four .row-fluid .team-member-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; margin-right: -1px; } body .jumbo-7-about-section-four .team-member-cm-container span>.hs_cos_wrapper { display: flex; flex-basis: 50%; float: left; } .jumbo-7-about-section-four .member-image{ height:100%; position: absolute; width: 50%; } } body .container-fluid .jumbo-7-about-section-four .row-fluid .team-member-cm{ position: relative; } .jumbo-7-about-section-four .team-bio{ padding:45px; } .jumbo-7-about-section-four .team-member-cm h6{ padding-top:5px; } .jumbo-7-about-section-four .team-member-cm p{ margin: 0; padding: 19px 0px 25px; } .jumbo-7-about-section-four .team-member-cm i{ margin-right: 5px; } .jumbo-7-about-section-four .team-member-cm.equal-height-container.align-image-right>.row-fluid-wrapper>.row-fluid { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .jumbo-7-about-section-four .team-member-cm img{ height:100%; } .jumbo-7-about-section-four .team-member-cm a{ white-space: nowrap; } @media(max-width:1120px){ .jumbo-7-about-section-four .team-bio{ padding:20px; } body .container-fluid .jumbo-7-about-section-four .row-fluid .team-member-cm{ width:100%; } } @media(min-width:768px) and (max-width:1000px){ body .jumbo-7-about-section-four .team-member-cm-container span>.hs_cos_wrapper{ flex-basis: 100%; } } @media(max-width:767px){ .jumbo-7-about-section-four .member-image { position: static; width: 100%; height: 320px; } .jumbo-7-about-section-four .team-bio.align-right{ text-align:left; } body .container-fluid .jumbo-7-about-section-four .row-fluid .team-member-cm{ margin-top:20px; } } .jumbo-7-product-section-one{ padding: 75px 0 125px; position: relative; border-bottom: 1px solid #e1e2e3; } .jumbo-7-product-section-one h1{ color:#333; } .jumbo-7-product-section-one .wrapper{ position:relative; } .section-one .right-col.widget-type-linked_image{ } /*============================================================ Product Section Two Styling =============================================================*/ .jumbo-7-product-section-two{ padding:100px 0; } body .container-fluid .row-fluid .jumbo-7-product-section-two .wrapper{ max-width:800px; } body .container-fluid .row-fluid .jumbo-7-product-section-two .heading{ padding-bottom: 55px; } .jumbo-7-product-section-two p{ margin: 0; padding: 0px 0px 35px; } /*======================================================== Product Section Three Styling =========================================================*/ .jumbo-7-product-section-three h2{ padding-top: 10px; } .jumbo-7-product-section-three.border-bottom{ padding-bottom:0px; } @media(max-width:767px){ .jumbo-7-product-section-three .widget-type-linked_image{ text-align:center; } .jumbo-7-product-section-three .align-right{ text-align:left; margin-bottom:30px; } .jumbo-7-product-section-four .span4{ margin-bottom:30px; } } /*======================================================== Product Section Four Styling =========================================================*/ .jumbo-7-product-section-four{ padding:100px 0; } body .container-fluid .row-fluid .jumbo-7-product-section-four .heading{ } .jumbo-7-product-section-four i{ font-size: 45px; line-height: 55px; } .jumbo-7-product-section-four .span4 h6{ padding: 25px 0px 15px; } .jumbo-7-product-section-four p{ margin: 0; } .module-spaceing{ position:relative; padding-bottom: 65px; margin-bottom: 60px; } .module-spaceing:after{ content:""; position:absolute; background:#e7e7e7; width:568px; height:2px; bottom:0; left:0; right:0; margin:0 auto; } @media(max-width:767px){ body .container-fluid .row-fluid .jumbo-7-product-section-four .heading { padding-bottom: 50px; } } /*====================================================== Product Section Five Styling ========================================================*/ .jumbo-7-product-section-five{ padding:100px 0; } .jumbo-7-product-section-five .span4.widget-type-linked_image{ border-radius: 10px; background-color: #ffffff; border: solid 1px #e7e7e7; padding: 10px 5px; } @media(max-width:767px){ .jumbo-7-product-section-five .span4{ margin-bottom:30px; } .jumbo-7-product-section-five img{ width:100%!important; } body .container-fluid .row-fluid .mobile-t-50{ margin-top:50px; } } @media (min-width: 768px){ .flex-center>.row-fluid-wrapper>.row-fluid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } /*==================================================== Team Section One Styling ======================================================*/ .section-one.jumbo-7-team-page-hero{ padding: 160px 0 125px; position: relative; border-bottom: 1px solid #e1e2e3; } .jumbo-7-team-page-hero .wrapper{ position:relative; } .jumbo-7-team-page-hero h1{ color:#0d2e4f; } /*==================================================== Team Section Two Styling ======================================================*/ .jumbo-7-team-section-two{ padding:100px 0; } /*==================================================================== Team Single Section One Styling ======================================================================*/ .section-one.team-single-section-one{ padding: 123px 0 195px; } .jumbo-7-team-single-section-two{ padding: 100px 0 150px; } .jumbo-7-team-single-section-two .member-grp{ padding-bottom: 27px; margin-bottom: 20px; position:relative; } .jumbo-7-team-single-section-two .member-grp h6{ padding-top: 12px; } .jumbo-7-team-single-section-two .social-icons ul{ list-style-type:none; text-align:center; } @media(min-width:768px){ .jumbo-7-team-single-section-two .social-icons{ position: absolute; right: 0; bottom: 34px; } .jumbo-7-team-single-section-two .social-icons ul{ float:right; text-align:right; } } .jumbo-7-team-single-section-two .social-icons ul li{ display:inline-block; margin:0 4px; border:1px solid #ccc; vertical-align:middle; border-radius:100%; width: 40px; height: 40px; text-align:center; transition:all ease-in-out .4s; } .jumbo-7-team-single-section-two .social-icons ul li i{ font-size: 25px; line-height: 41px; } .jumbo-7-team-single-section-two .social-icons ul li:hover i{ color:#7dc037; } @media(max-width:1024px){ .jumbo-7-team-single-section-two{ padding-bottom:60px; } } @media(max-width:767px){ .jumbo-7-team-single-section-two { padding: 100px 0 100px; } .jumbo-7-team-single-section-two .member-grp{ text-align:center; } .jumbo-7-team-single-section-two .social-icons ul{ margin-top: 25px; } .section-one.jumbo-7-team-page-hero { padding: 120px 0 60px; } } /*=================================================================== Contact Section Three Styling =====================================================================*/ .jumbo-7-contact-section-three .contact-address-grp{ padding:100px 0; } .jumbo-7-contact-section-three .contact-address-grp p strong{ color: #212121; } @media(max-width:767px){ .jumbo-7-contact-section-three .contact-address-grp { padding: 60px 0 30px; } .jumbo-7-contact-section-three .contact-google-map{ padding-bottom:100px; } } .jumbo-7-contact-section-two { padding: 100px 0; } body .container-fluid .row-fluid .jumbo-7-contact-section-two .wrapper { max-width: 800px; } @media(max-width:767px){ .jumbo-7-contact-section-two{ padding:60px 0; } } /*================================================================ Service Section One Styling ==================================================================*/ .jumbo7-services-section-two{ padding: 100px 0 ; } /*================================================== Service CM Styling ===================================================*/ .jumbo7-services-section-two .service-cm{ transition:all ease-in-out; } .jumbo7-services-section-two .service-cm h4{ color: #ffffff; } .jumbo7-services-section-two .service-cm i { font-size: 59px; line-height: 70px; color: #fff; padding-bottom: 26px; } body .container-fluid .row-fluid .jumbo7-services-section-two .service-inner-box{ padding: 20px; min-height: 300px; height:1px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content:center; -webkit-justify-content:center; flex-direction:column; -webkit-flex-direction:column; } @media(min-width:768px){ body .container-fluid .row-fluid .jumbo7-services-section-two .span4.service-inner-box { margin: 0 0.8333% 25px; } body .container-fluid .row-fluid .jumbo7-services-section-two .span3.service-inner-box { margin: 0 .96% 25px; } body .container-fluid .row-fluid .jumbo7-services-section-two .span6.service-inner-box { margin: 0 0.6333% 25px; } } @media(min-width:1100px) and (max-width:1300px){ body .container-fluid .row-fluid .jumbo7-services-section-two .span4.service-inner-box { margin: 0 0.62% 25px; } body .container-fluid .row-fluid .jumbo7-services-section-two .span3.service-inner-box { margin: 0 .7% 25px; } body .container-fluid .row-fluid .jumbo7-services-section-two .span6.service-inner-box { margin: 0 0.4333% 25px; } } @media(min-width:768px) and (max-width:1024px){ .jumbo7-services-section-two .service-cm h4{ font-size: 20px; line-height: 30px; } } @media(max-width:767px){ body .container-fluid .row-fluid .service-inner-box{ margin-bottom:30px; } .jumbo7-services-section-two { padding: 60px 0 40px; } .jumbo-7-product-section-one { padding: 120px 0 20px; } } /*======================================================================== Client Section Styling =========================================================================*/ .jumbo7-client-logo-list{ padding: 43px 0 43px; } .jumbo7-client-logo-list ul { list-style: none; padding: 0; margin: 0; text-align: center; } .jumbo7-client-logo-list ul li { display: inline-block; text-align: center; max-width: 180px; width: 100%; vertical-align: middle; } .jumbo7-client-logo-list ul li img { max-width: 150px; vertical-align: middle; } /*============================================================================= Responsive Styling ===============================================================================*/ @media(max-width:1024px){ .jumbo7-client-logo-list{ padding: 43px 0 16px; } .jumbo7-client-logo-list ul li{ margin-bottom:30px; max-width: 160px; } } @media (max-width:767px){ body .container-fluid .row-fluid .jumbo-7-home-section-five .float-right{ margin-top:50px; float:none; } } .jumbo7-error-page-section-one{ padding:180px 0 140px; } .jumbo7-error-page-section-one h1{ color:#000; } @media (max-width:768px){ .jumbo7-error-page-section-one{ padding:90px 0 60px; } } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* Case Study Pages ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ /*******************RTB-1*******************/ .short-case-study-intro { border-top: 10px solid #9a1818; justify-content: right; padding: 0px; } .short-case-study-intro .case-study-left-col { padding-left: 100px; padding-right: 50px; } .short-case-study-intro .right-img { padding-left: 25px; } .cs-data-module { padding: 90px 100px 45px 100px; } .cs-data-module-wrapper { border: 1px solid #f5f6f7; padding: 20px; } .stats-box-module { border-right: 2px solid #f5f6f7; text-align: center; padding-right: 5px; } .rtb-results-section { padding: 30px 50px 45px 50px; } .rtb-results-section p { width: 65vw; padding: 10px; border-top: 3px solid #9a1818; border-bottom: 3px solid #9a1818; } /* ========================================================================== Responsive Style ========================================================================== */ @media(max-width:767px){ .short-case-study-intro { text-align:center; } .short-case-study-intro .right-img { order: 1; } .short-case-study-intro .case-study-left-col { padding-left: 25px; padding-right: 25px; order: 2; } .cs-data-module { padding: 45px 75px; } .stats-box-module { border-right: none; border-bottom: 2px solid #f5f6f7; text-align: center; } .box-b { padding-top: 10px; padding-bottom: 10px; } .box-c { padding-top: 10px; padding-right: 0px !important; } } /*************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ********************************************************************************************* LAnding Pages ************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** **************************************************************************************************************************************************************************************************************************************** ****************************************************************************************************************************************************************************************************************************************/ /*******************lp-1*******************/ /* ========================================================================== Section Heading Style ========================================================================== */ .jumbo-lp-1{ padding-top:100px; padding-bottom:90px; background-attachment: fixed; background-size: cover; background-position: center; position: relative; } .jumbo-lp-1:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background: rgba(0,0,0,0.6); } .jumbo-lp-1 .wrapper{ position:relative;z-index:1; } .jumbo-lp-1 .heading{ margin-bottom: 80px; border-bottom: 1px solid; padding-bottom: 50px; } .jumbo-lp-1 h3, .jumbo-lp-1 .row-fluid form .field>label{ color:#fff; } /* ========================================================================== Section-E-book-Image ========================================================================== */ .jumbo-lp-1 .widget-type-linked_image{ text-align:right;padding-top:40px; } /* ========================================================================== Responsive Style ========================================================================== */ @media(max-width:767px){ .jumbo-lp-1 .hs_cos_wrapper_type_linked_image{ padding-bottom:50px; } body .jumbo-lp-1 .widget-type-linked_image{ padding-top:0px; text-align:center; padding-bottom:50px; } .jumbo-lp-1 form{ padding-top:20px; } .jumbo-lp-1 .widget-type-form{ padding-top:40px; } .jumbo-lp-1 .heading { margin-bottom: 50px; padding-bottom: 20px; } } /*******************lp-2*******************/ /* ========================================================================== Section Heading Style ========================================================================== */ .jumbo-lp-2-hero{ padding:100px 0 60px; background-size: cover; background-position:top center; position: relative; } .jumbo-lp-2-hero .wrapper{ position:relative;z-index:1; } .jumbo-lp-2-hero h1{ } .jumbo-lp-2-hero .logo{text-align:center;} .jumbo-lp-2-hero .widget-type-form{ max-width: 450px; margin:0 auto; float:none; background-color: rgba(0, 0, 0, 0.4); padding: 25px; } /* ========================================================================== Section-Two-col-Image ========================================================================== */ .jumbo-lp-2-section-1{ padding:60px 0px; text-align:center; } .jumbo-lp-2-section-1 .fa{ color:#7dc037; font-size: 80px; } .jumbo-lp-2-section-1 .widget-type-raw_html{ text-align:center; } .pt60{ padding-top:25px; } .jumbo-lp-2-section-1 h2{ font-weight: 300; color: #4a4a4a; letter-spacing: 1px; font-size: 20px; line-height: 30px; margin-top: 25px; } .jumbo-lp-2-section-1 p{ font-size: 16px; line-height:25px; margin-top: 5px; letter-spacing: .25px;} /* ========================================================================== Section Center- CTA Strip ========================================================================== */ .jumbo-lp-2-section-2{ background-size: Cover; background-position: center; position:relative; padding:60px 0px; } .jumbo-lp-2-section-2 .wrapper{position:relative;z-index:1;text-align:center;} .jumbo-lp-2-section-2 ul{list-style-type:none;padding:0px;margin:0px 0 25px;} .jumbo-lp-2-section-2 h2{ color: #7dc037; font-size: 36px; margin-bottom: 25px; letter-spacing: .25px; font-weight:300; } .jumbo-lp-2-section-2 ul li{ display: inline-block; font-size: 15px; text-align: left; color:#fff; position: relative; font-weight:300; padding-left:0; padding-right:30px; } /*Video Section*/ .jumbo-lp-2-section-3{ padding-top:60px; padding-bottom:60px; text-align:center; background:#F7F8FA; } .jumbo-lp-2-section-3 h2{ color:; font-size: 38px; margin-bottom: 0px; letter-spacing: .25px; font-weight: 300; padding-bottom: 40px; } .jumbo-lp-2-section-3 h2 span{ color:#7dc037; } .jumbo-lp-2-section-4{ padding: 50px 0 70px; text-align: center; position: relative; background-size: cover; background-position: top center; background-attachment: fixed; } .jumbo-lp-2-section-4 .row-fluid .wrapper[class*="span"]{max-width:960px;position:relative;z-index:1;} .jumbo-lp-2-section-4 .testimonial-heading h2{ color:#fff; font-size:45px; margin-bottom: 0px; letter-spacing: .25px; font-weight:300; padding-bottom:20px; margin-bottom: 60px; position:relative; } .jumbo-lp-2-section-4 .testimonial-heading h2:after{ background:#7dc037; width:65px; height: 1px; content: ""; position: absolute; left: 0; right: 0; top: auto; bottom: 0; margin: 0 auto; } .jumbo-lp-2-section-4 .testimonial-profile h2{ font-size: 20px; line-height: 26px; font-weight:300; margin-bottom: 0; margin-top: 0; letter-spacing: .25px; } .jumbo-lp-2-section-4 .testimonial-profile h3 { margin: 0; font-size: 13px; font-weight: 600; color:#fff; letter-spacing: .25px; } .jumbo-lp-2-section-4 p{ font-size: 14px; color:#fff; letter-spacing: .5px; line-height: 20px; margin: 0; font-weight:300; } .jumbo-lp-2-section-4 .widget-type-linked_image{text-align:left;} .jumbo-lp-2-section-4 .testimonial-text{ background: #7dc037; border-radius: 10px; font-style: italic; margin: 30px 0 0; padding: 15px 25px 20px; position: relative; text-align: left; } .jumbo-lp-2-section-4 .testimonial-text:after{ border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #7dc037; height: 0; width: 0; left: 30px; top: -15px; position: absolute; content: ""; } .jumbo-lp-2-section-5{ text-align:center;padding:60px 0px; } .jumbo-lp-2-section-5 .row-fluid .wrapper[class*="span"]{ max-width:850px; } .jumbo-lp-2-section-5 .gs-icon{ text-align:center; } .jumbo-lp-2-section-5 .gs-icon .fa{ color: #7dc037; font-size: 80px;} .jumbo-lp-2-section-5 h2{ text-align: center; padding-bottom: 20px; position: relative; padding-top: 30px; } .jumbo-lp-2-section-5 h2:after{ background:#7dc037; width: 65px; height: 1px; content: ""; position: absolute; left: 0; right: 0; top: auto; bottom: 0; margin: 0 auto; } /* ========================================================================== Section Form Style ========================================================================== */ .jumbo-lp-2-hero h3.form-title{ margin: 0; padding-bottom: 15px; font-weight:300; color:#fff; text-align: center;} /* ========================================================================== Responsive Style ========================================================================== */ @media(max-width:767px){ .jumbo-lp-2-hero { padding-top: 65px; } .jumbo-lp-2-hero h2{ line-height: 35px; } .jumbo-lp-2-hero h1 { font-size: 35px; line-height: 45px; } .jumbo-lp-2-section-1 .widget-type-rich_text{ text-align:center; } body .jumbo-lp-2-hero .widget-type-linked_image .logo{ padding-top:0px; text-align:center; padding-bottom:0px; } .jumbo-lp-2-hero .widget-type-form{ padding-top:40px; } .jumbo-lp-2-section-1 h2{ padding-top:20px; } .jumbo-lp-2-section-3 h2 { font-size: 30px; } body .mobile-pad{ padding-top:45px; } .jumbo-lp-2-section-4 .testimonial-heading h2, .jumbo-lp-2-section-5 h2{ font-size: 30px; line-height: 40px; } .jumbo-lp-2-section-2 ul { list-style-type: none; padding: 0 25px; margin: 0; text-align: left; } .jumbo-lp-2-section-2 ul li{ padding-bottom:20px; } } /*******************lp-3*******************/ /* ========================================================================== Section Hero Styling ========================================================================== */ .jumbo-lp-3-hero{ background-size:cover; background-position:top center; background-repeat:no-repeat; padding:100px 0px 0px; position:relative; } .jumbo-lp-3-hero:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background: rgba(0, 0, 0, 0.5); } .jumbo-lp-3-hero .wrapper{position:relative;z-index:1;} body .row-fluid .hero-background-image{display:none;} .jumbo-lp-3-hero h1{ font-size:44px; line-height:50px; color: #ffffff; text-align: left; text-transform: none; margin:0px; font-weight:300; } .jumbo-lp-3-hero h3{ font-size:18px; line-height:30px; color:#ffffff; letter-spacing:.5px; text-align:left; margin:0px; font-weight:300; padding-top: 30px; font-family: 'museo-sans', sans-serif; } /* ========================================================================== Section Form Styling ========================================================================== */ body .row-fluid .hero-form { background: #ffffff; padding: 30px; max-width: 500px; float: right; border-top:10px solid #7dc037; } .jumbo-lp-3-hero form { width: 100%; max-width: 500px; } .hero-form h3 { font-size: 25px; line-height: 36px; padding: 0px; text-align: center; text-transform: uppercase; color: #333333; margin: 18px 0px; font-weight: 400; font-family: 'museo-slab', sans-serif; } .jumbo-lp-3-hero ul { list-style-type: none; margin: 10px 0px; padding: 0px; } .jumbo-lp-3-hero ul li { display: block; } /* ========================================================================== Section about Styling ========================================================================== */ .jumbo-lp-3-section-1 { padding: 75px 0px 0px; } .jumbo-lp-3-section-1 h1:after { content: ""; display: block; position: absolute; height: 4px; background: #21446d; width: 100px; margin: 0 auto; text-align: center; right: 0px; left: 0px; bottom: -17px; } .jumbo-lp-3-section-1 p { max-width: 770px; margin: 20px auto 0; } .jumbo-lp-3-section-1 .two-col-grp { margin: 70px 0px 0px; } .jumbo-lp-3-section-1 .two-col-grp .widget-type-rich_text { padding-left: 15px; max-width: 500px; } .jumbo-lp-3-section-1 .two-col-grp h3 { font-weight: 400; position: relative; } .jumbo-lp-3-section-1 .two-col-grp h3:before { content: ""; display: block; position: absolute; width: 3px; background: #7dc037; left: -12px; top: 0; bottom: 0; } .jumbo-lp-3-section-1 .two-col-grp ul { padding: 0px; list-style-type: none; } .jumbo-lp-3-section-1 .two-col-grp img { margin: 0 auto; float: none; text-align: center; display: block; } body .jumbo-lp-3-section-1 .make-flex .span6:last-child { margin-left: 0px; } @media (min-width: 768px) { body .jumbo-lp-3-section-1 .make-flex .span6:first-child { float: right; } } /* ========================================================================== Section customer Styling ========================================================================== */ .jumbo-lp-3-section-2 { background-color: #f9f9f9; padding: 60px 0px 60px; } .jumbo-lp-3-section-2 h1:after { content: ""; display: block; position: absolute; height: 4px; background: #e86767; width: 100px; margin: 0 auto; text-align: center; right: 0px; left: 0px; bottom: -17px; } .jumbo-lp-3-section-2 h3 { margin: 3px 0px 0px; line-height: 20px; } .jumbo-lp-3-section-2 h4 { color:#7dc037; font-size: 16px; } .jumbo-lp-3-section-2 img { text-align: center; margin: 0 auto; float: none; display: block; margin-bottom: 23px; } .jumbo-lp-3-section-2 .customer-grp { margin-top: 54px; } /* ========================================================================== Section Client Styling ========================================================================== */ .jumbo-lp-3-section-3 { padding: 85px 0px; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; } .jumbo-lp-3-section-3:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background: rgba(255, 255, 255, 0.9); } .jumbo-lp-3-section-3 .wrapper { position: relative; z-index: 1; } body .row-fluid .jumbo-lp-3-section-3{ display: none; } .jumbo-lp-3-section-3 h2 { font-size: 28px; line-height: 36px; color: #222222; font-weight: 400; text-align: center; margin: 0px; padding-bottom: 30px; } .jumbo-lp-3-section-3 ul { list-style-type: none; padding: 0px; text-align: center; margin: 0px; } .jumbo-lp-3-section-3 ul li { padding: 0; display: inline-block; width: 100%; max-width: 16%; margin: 10px 1%; text-align: center; } .jumbo-lp-3-section-3 .logo-titles { text-align: center; font-size: 18px; font-weight: 300; padding-top: 0; padding-bottom: 10px; } .jumbo-lp-3-section-3 ul li img { webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; max-width: 150px; } /* ========================================================================== Responsive Styling ========================================================================== */ @media (max-width:1024px) { .jumbo-lp-3-section-3 ul li { margin-bottom: 0; width: 100%; max-width: 200px; margin-top: 24px; } } @media(max-width:767px) { .jumbo-lp-3-section-3 ul li { margin-bottom: 20px; } .two-col-grp h3:before { top: 3px; } } @media(max-width:767px) { .jumbo-lp-3-hero .section-header .widget-type-logo { text-align: center; } body .jumbo-lp-3-hero .row-fluid .widget-type-form.hero-form { float: none; margin: 50px auto 0px; } body .jumbo-lp-3-section-2 { margin-top: 40px; } .jumbo-lp-3-hero h1 { font-size: 40px; line-height: 50px; } .jumbo-lp-3-hero { padding: 60px 0 60px; } .pd50 { padding-top: 50px; } .contact-cta { top: 20px; } .two-col-grp img, .jumbo-lp-3-section-2 p { margin-bottom: 30px; } .jumbo-lp-3-section-3 ul li { margin-top: 10px; } .section-footer p { float: none; } .jumbo-lp-3-section-1 h3 { margin: 0px; } .jumbo-lp-3-section-1 p { margin: 15px 0px; } .two-col-grp h3:before { display: none; } .jumbo-lp-3-section-3 { padding: 65px 0 40px; } body .jumbo-lp-3-hero .container-fluid .row-fluid .hero-form{ float: none; margin:0 auto; margin-top: 30px; } .jumbo-lp-3-section-1 .two-col-grp { margin: 20px 0px 0px; } .jumbo-lp-3-section-2 .pd50 { padding-top: 20px; } } /*******************lp-4*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-4-hero{ padding:80px 0 120px; } .jumbo-lp-4-hero .heading h1{ margin-bottom:20px; color:#0d2e4f; } body .row-fluid .jumbo-lp-4-hero .heading{ width:100%; max-width:850px; margin:0 auto; float:none; margin-bottom:100px; } .jumbo-lp-4-hero .text-after-form{ margin-top:20px; } .jumbo-lp-4-hero .ebook-form-container .form a.cta_button{ padding-left: 0; padding-right: 0; width: 100%; } .jumbo-lp-4-hero .text-container h3{ margin-bottom:30px; } .jumbo-lp-4-client{ padding:30px 0; border-top:1px solid #e7e7e7; } .jumbo-lp-4-client ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; text-align:center; } .jumbo-lp-4-client ul li { width: 100%; display: inline-block; vertical-align: middle; margin: 0; margin-left: 0; padding: 0 10px; } /*======================================================== Responsive Styling ========================================================*/ @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-4-hero { padding: 50px 0 60px; } .jumbo-lp-4-hero .heading h1 { margin-bottom: 20px; } } @media (max-width:767px){ .jumbo-lp-4-hero .heading h1 { margin-bottom: 20px; } body .row-fluid .jumbo-lp-4-hero .heading { margin-bottom: 40px; } .jumbo-lp-4-hero .ebook-image{ margin:40px 0; } .jumbo-lp-4-hero { padding: 50px 0; } .jumbo-lp-4-client ul { display: block; text-align: center; } .jumbo-lp-4-client ul li { padding: 8px 10px; max-width: 100px; } } /*******************lp-5*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-5-hero{ padding:150px 0 120px; } .jumbo-lp-5-hero .heading{ margin-bottom:30px; } .jumbo-lp-5-hero .form-container{ background:#fff; padding: 80px 100px; } .jumbo-lp-5-hero .form-container h1{ color:#000; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-5-hero { padding: 60px 0 50px; } .jumbo-lp-5-hero .form-container { padding: 60px 40px; } } @media (max-width:767px){ .jumbo-lp-5-hero .left-col{ margin-bottom:30px; } .jumbo-lp-5-hero .form-container { padding: 25px; } .jumbo-lp-5-hero { padding: 60px 0 60px; } } /*******************lp-6*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-6-hero{ padding:170px 0 100px; } body .row-fluid .jumbo-lp-6-hero .heading{ margin-bottom:10px; } body .row-fluid .jumbo-lp-6-hero .right-col, body .row-fluid .jumbo-lp-6-hero .left-col { display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; } /*======================================================== Responsive Styling ========================================================*/ @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-6-hero { padding: 110px 0 60px; } } @media (max-width:767px){ .jumbo-lp-6-hero { padding: 50px 0px 50px; } .jumbo-lp-6-hero .left-col{ margin-bottom:30px; } } /*******************lp-7*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-7-hero{ padding:160px 0 90px; } body .row-fluid .jumbo-lp-7-hero .wrapper{ max-width:900px; } .jumbo-lp-7-hero .heading{ margin-bottom:40px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-7-hero { padding: 80px 0 50px; } .jumbo-lp-7-hero .heading { margin-bottom: 15px; } } @media (max-width:767px){ .jumbo-lp-7-hero { padding: 60px 0 60px; } .jumbo-lp-7-hero .right-col{ margin-top:40px; } } /*============================================================= Section 1 =============================================================*/ @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-7-section-1 .heading{ margin-bottom: 35px; } } /*============================================================= Features Section =============================================================*/ .jumbo-lp-7-features-section{ border-top:1px solid #e7e7e7; } .jumbo-lp-7-features-section .heading{ margin-bottom:20px; } body .jumbo-lp-7-features-section .row-fluid .features-cm-container>span{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; margin-right: -2.5%; } body .jumbo-lp-7-features-section .row-fluid .features-cm-container>span .hs_cos_wrapper { display: flex; flex-basis: 31%; float: left; margin-right: 2.2%; margin-top: 30px; position: relative; } body .jumbo-lp-7-features-section .row-fluid .features-cm-container>span .hs_cos_wrapper:before{ content:''; position:absolute; left:0; right: -1px; bottom: 0; top: -1px; border:1px solid #e7e7e7; } .jumbo-lp-7-features-section .features-cm .fa{ margin-bottom: 30px; font-size: 40px; width: 90px; line-height: 90px; border-radius: 50%; border: 1px solid #e7e7e7; background: #fff; text-align:center; } .jumbo-lp-7-features-section .features-cm{ padding: 40px 25px 020px; background: #fafafa; text-align:left; } @media (min-width:768px) and (max-width:1024px){ body .jumbo-lp-7-features-section .row-fluid .features-cm-container>span .hs_cos_wrapper { flex-basis: 47.8%; } } @media (max-width:767px){ body ..jumbo-lp-7-features-section .row-fluid .features-cm-container>span { margin-right: 0; } body .jumbo-lp-7-features-section .row-fluid .features-cm-container>span .hs_cos_wrapper { display: block; flex-basis: 100%; width: 100%; margin: 20px 0 0; } } /*=================================================== Testimonial Section ==================================================*/ body .row-fluid .jumbo-lp-10-testimonial-section .wrapper{ max-width:630px; } .jumbo-lp-10-testimonial-section .owl-carousel .designation{ margin:0; } .jumbo-lp-10-testimonial-section .owl-carousel { display: block; margin-top: 30px; } .jumbo-lp-10-testimonial-section .owl-carousel .item{ margin: 0 15px; width: auto; position: relative; } .jumbo-lp-10-testimonial-section .owl-theme .owl-controls { margin-top: 65px; } .jumbo-lp-10-testimonial-section .owl-theme .owl-dots .owl-dot span { width: 14px; height: 10px; margin: 4px; background: #d8d8d8; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; } .jumbo-lp-10-testimonial-section .owl-theme .owl-dots .owl-dot.active span{ width: 28px; background:#7dc037; } .jumbo-lp-10-testimonial-section .owl-theme .owl-dots .owl-dot:hover span { background:#7dc037; } .jumbo-lp-10-testimonial-section .testimonial-cm .text{ position:relative; padding-top: 40px; } .jumbo-lp-10-testimonial-section .testimonial-cm .text:before{ position: absolute; content: ''; left: 80px; right: 80px; top: 10px; border-top: 1px solid #e7e7e7; } .jumbo-lp-10-testimonial-section .testimonial-cm .text:after{ position: absolute; content: '\f10d'; left: 0; right: 0; top: -10px; text-align: center; font-family: FontAwesome; color:#7dc037; font-size: 45px; background: #fff; width: 100%; max-width: 80px; margin: 0 auto; } .jumbo-lp-10-testimonial-section .metrolink .testimonial-cm .text:after{ position: absolute; content: '\f10d'; left: 0; right: 0; top: -10px; text-align: center; font-family: FontAwesome; color: #c6407b; font-size: 45px; background: #fff; width: 100%; max-width: 80px; margin: 0 auto; } .jumbo-lp-10-testimonial-section .testimonial-cm .text p{ padding-top: 10px; font-size: 18px; line-height: 28px; color: #4a4a4a; letter-spacing: .4px; font-style: italic; } .jumbo-lp-10-testimonial-section .testimonial-cm .logo{ width: 120px; margin: 0 auto; float: none; } .jumbo-lp-10-testimonial-section .testimonial-cm .image{ width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin:40px auto 20px; float:none; position:relative; } .jumbo-lp-10-testimonial-section .testimonial-cm h4{ font-size: 16px; line-height: 22px; color: #7dc037; letter-spacing: .4px; } .jumbo-lp-10-testimonial-section .testimonial-cm h5{ font-size:14px; line-height:1.2; font-weight:400; color:#a9a9a9; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ } /*============================================================= Testimonial Section =============================================================*/ body .row-fluid .jumbo-lp-7-testimonial-section .wrapper{ max-width:960px; } .jumbo-lp-7-testimonial-section .heading{ margin-bottom:60px; } .jumbo-lp-7-testimonial-section .owl-carousel { display: block; } .jumbo-lp-7-testimonial-section .owl-carousel .item{ width: auto; position: relative; padding: 32px 25px 15px 180px; border: 1px solid #e7e7e7; margin-bottom: 40px; border-radius: 2px; margin:50px 0px 30px 90px; background:#fafafa; } .jumbo-lp-7-testimonial-section .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin:0 5px; border-radius:50%; background: #d8d8d8; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; } .jumbo-lp-7-testimonial-section .owl-theme .owl-dots .owl-dot.active span{ background:#7dc037; } .jumbo-lp-7-testimonial-section .owl-theme .owl-dots .owl-dot:hover span { background:#7dc037; } .jumbo-lp-7-testimonial-section .testimonial-cm .image{ position: absolute; top: -50px; left: -90px; width: 220px; border: 1px solid #e7e7e7; padding: 10px; background:#fff; } .jumbo-lp-7-testimonial-section .testimonial-cm .image img{ border-radius:10px; } .jumbo-lp-7-testimonial-section .testimonial-cm h4{ font-size: 18px; line-height: 22px; letter-spacing: .6px; margin:0; display:inline-block; margin-right:10px; } .jumbo-lp-7-testimonial-section .testimonial-cm .designation p{ display:inline-block; } .jumbo-lp-7-testimonial-section .testimonial-cm .text p{ color: #54657e; } .jumbo-lp-7-testimonial-section .testimonial-container{ padding:0 40px ; } body .jumbo-lp-7-testimonial-section .row-fluid .owl-controls .owl-nav{ display:none; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-7-testimonial-section .owl-carousel .item { margin: 140px 0 30px; padding:80px 20px 20px; } .jumbo-lp-7-testimonial-section .testimonial-cm .image { top: -140px; right: 0; left:0; height:auto; max-height:220px; overflow:hidden; margin: 0 auto; } } /*============================================================ Contact Us Section ============================================================*/ .jumbo-lp-7-contact-us{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding-bottom:70px; } body .row-fluid .jumbo-lp-7-contact-us .wrapper{ max-width:950px; } .jumbo-lp-7-contact-us .widget-type-blog_subscribe form .hs-button.primary{ padding-left:0; padding-right:0; width:100%; } @media (max-width:767px){ .jumbo-lp-7-contact-us .right-col{ margin-top:20px; } } /*******************lp-8*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-8-hero{ padding:170px 0 40px; } body .row-fluid .jumbo-lp-8-hero .heading{ margin-bottom:10px; } /*============================================================ Form Section ============================================================*/ .jumbo-lp-8-form-section{ background:#363536; padding:60px 0; position:relative; z-index:4; } .jumbo-lp-8-form-section .wrapper{ position:relative; } body .row-fluid .jumbo-lp-8-form-section .left-col{ min-height:1px; } @media (min-width:768px){ .jumbo-lp-8-form-section .left-col .image{ position: absolute; left: 0; width: 44%; bottom: 0; } } /*============================================================ Section 1 ============================================================*/ body .row-fluid .jumbo-lp-8-section-1 .wrapper{ max-width:960px; } .jumbo-lp-8-section-1 .heading{ margin-bottom:30px; } /*======================================================== Responsive Styling ========================================================*/ @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-8-hero { padding: 110px 0 30px; } } @media (max-width:767px){ .jumbo-lp-8-hero { padding: 100px 0 20px; } .jumbo-lp-8-form-section .left-col .image{ margin-bottom:20px; } } /*******************lp-9*******************/ /*===================================== jumbo-lp-9-hero ====================================*/ .jumbo-lp-9-hero .heading { margin-top:30px; } .jumbo-lp-9-hero .heading p{ font-size: 22px; font-weight: 300; color: #fff; margin-top: 30px; line-height: 30px; } .jumbo-lp-9-hero .cta{ margin-top:30px; width:100%; max-width:250px; } .jumbo-lp-9-hero{ background:url("//2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/download_bg.jpg") no-repeat; padding:150px 0 150px; background-size: cover; background-position: top center; position:relative; } .jumbo-lp-9-hero:after{ content:""; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,.5); position:absolute; width:100%; height:100%; } .jumbo-lp-9-hero .wrapper{ position:relative; z-index:1; } .jumbo-lp-9-hero p{ font-size: 18px; font-weight: 400; color: #fff; margin-top: 20px; line-height: 30px; letter-spacing: .5px; } /*===================================== jumbo-lp-9-section-1 ====================================*/ .jumbo-lp-9-section-1{ padding-bottom:50px; } .jumbo-lp-9-section-1 .row-fluid .icons{ width: 100%; max-width: 46px; margin-top: 8px; text-align:center; } .jumbo-lp-9-section-1 .icons .fa{ font-size:36px; color:#7dc037; } .jumbo-lp-9-section-1 .Three-col{ margin:20px 0; } /*===================================== jumbo-lp-9-section-2 ====================================*/ .jumbo-lp-9-section-2{ } .jumbo-lp-9-section-2 .heading h2,.jumbo-lp-9-section-2 .heading p{ color:#fff; } .jumbo-lp-9-section-2 .video{ text-align:center; } /*===================================== jumbo-lp-9-section-3 ====================================*/ .jumbo-lp-9-section-3 { border-bottom: 1px solid #DBDBDB; } /*===================================== jumbo-lp-9-section-4 ====================================*/ .jumbo-lp-9-section-4 .image{ float:right; } .jumbo-lp-9-section-4 { border-bottom: 1px solid #DBDBDB; } /*===================================== jumbo-lp-9-section-5 ====================================*/ .jumbo-lp-9-section-5 { border-bottom: 1px solid #DBDBDB; } /*===================================== jumbo-lp-9-section-6 ====================================*/ .jumbo-lp-9-section-6 { border-bottom: 1px solid #DBDBDB; padding-bottom:40px; } .jumbo-lp-9-section-6 .four-col{ text-align:center; padding: 20px 0; } .jumbo-lp-9-section-6 .fa{ color: #7dc037; font-size: 40px; margin-bottom: 4px; } .jumbo-lp-9-section-6 h4{ padding:10px 0 ; } /*===================================== jumbo-lp-9-section-9 ====================================*/ .jumbo-lp-9-section-9 { } .jumbo-lp-9-section-9 h2{ color:#ffffff; } .jumbo-lp-9-section-9 p{ color:#fff; font-size: 18px; font-weight: 300; } .jumbo-lp-9-section-9 h6{ color:#fff; } .jumbo-lp-9-section-9 h5{ color: #fff; font-weight: 600; margin-bottom: 4px; } .jumbo-lp-9-section-9 .fa{ color: #fff; font-size: 30px; text-align: center; margin: 0 auto; display: block; margin-top: 5px; } .jumbo-lp-9-section-9 .address{ margin:22px 0 0; } .jumbo-lp-9-section-9 .contact-us-form form{ width: 100%; max-width: 460px; margin: 0 auto; } /*===================================== RESPONSIVE STYLING ====================================*/ @media (max-width:1024px){ .jumbo-lp-9-hero { padding: 100px 0 100px; } } @media (max-width:767px){ .jumbo-lp-9-hero { padding: 50px 0; } .jumbo-lp-9-section-1 .Three-col { text-align: center; } .jumbo-lp-9-section-1 .row-fluid .icons { max-width: none; margin-top: 15px; text-align: center; margin-bottom: 15px; } .jumbo-lp-9-section-3 .image,.jumbo-lp-9-section-4 .image,.jumbo-lp-9-section-5 .image{ margin-bottom:30px; } .jumbo-lp-9-section-4 .image { float: none; } .jumbo-lp-9-section-9{ text-align:center; } .jumbo-lp-9-section-9 .contact-us-form{ text-align: left; margin-top: 50px; } } /*******************lp-10*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-10-hero{ padding:120px 0 0; position:relative; } body .row-fluid .jumbo-lp-10-hero .left-col { display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; } .jumbo-lp-10-hero .hero-cta-group{ margin-top:20px; } body .jumbo-lp-10-hero .row-fluid .hero-cta-group .cta{ width:30%; } .jumbo-lp-10-hero .hero-cta-group a.cta_button{ width:100%; padding-left:0; padding-right:0; } body .row-fluid .jumbo-lp-10-hero .bottom-logos{ padding: 50px 0; border-top:1px solid #777; margin-top:80px; } .jumbo-lp-10-hero .bottom-logos ul{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; text-align:center; } .jumbo-lp-10-hero .bottom-logos li{ width: 100%; display: inline-block; vertical-align: middle; margin: 0; margin-left: 0; padding: 0 10px; } .jumbo-lp-10-hero .bottom-logos li:before{ display:none } /*===================================================== Section-1 =====================================================*/ .jumbo-lp-10-three-col{ border-bottom:1px solid #e7e7e7; } body .jumbo-lp-10-three-col .row-fluid .event-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; margin-right: -2.5%; } body .jumbo-lp-10-three-col .event-cm-container span>.hs_cos_wrapper { display: flex; flex-basis: 31%; float: left; margin-right: 2.3%; margin-top: 2.3%; } .jumbo-lp-10-three-col .event-cm-three-col .event-description{ border: 1px solid #e7e7e7; padding: 30px; margin-top:20px; } .jumbo-lp-10-three-col .event-cm-three-col .event-description p{ margin:0; } /*===================================================== Section-2 =====================================================*/ .jumbo-lp-10-section-2{ border-bottom:1px solid #e7e7e7; } .jumbo-lp-10-section-2 .step-container{ padding:25px; border:1px solid #e7e7e7; margin-top:30px; } .jumbo-lp-10-section-2 .image-container{ margin-top:30px; } .jumbo-lp-10-section-2 .step-container p{ margin:0; } .jumbo-lp-10-section-2 .step-container .fa{ font-size:35px; } .jumbo-lp-10-section-2 .step-container .heading{ margin-top:15px; } /*===================================================== LP form Section =====================================================*/ body .row-fluid .jumbo-lp-10-form-section .heading-container{ width: 100%; max-width: 800px; margin: 0 auto; float: none; margin-bottom:50px; } .jumbo-lp-10-form-section .left-col{ padding-right:5%; } /*===================================================== LP getinvolved =====================================================*/ .jumbo-lp-10-get-involved{ background:#1b2535; } body .row-fluid .jumbo-lp-10-get-involved .wrapper{ max-width: 800px; } /*======================================================== Responsive Styling ========================================================*/ @media (min-width:768px) and (max-width:1024px){ .section-padding { padding: 60px 0; } .event-cm-three-col .event-description { padding: 14px; } .jumbo-lp-10-section-2 .step-container { padding: 15px; } body .row-fluid .hero-cta-group .cta { width: 46%; } body .row-fluid .jumbo-lp-10-hero .bottom-logos { padding: 30px 0; } } @media (max-width:767px){ .jumbo-lp-10-hero { padding: 50px 0 0; } .jumbo-lp-10-hero .bottom-logos ul{ display:block; text-align:center; } .jumbo-lp-10-hero .bottom-logos li { max-width: 100px; margin: 12px 0px; } body .row-fluid .jumbo-lp-10-hero .bottom-logos { padding: 20px 0; } .jumbo-lp-10-section-2 .image-container { margin-top: 20px; height: 60vw; } body .container-fluid .row-fluid .jumbo-lp-10-section-2 .span4{ min-height:0; } .jumbo-lp-10-section-2 .step-container { margin-top: 20px; } } /*******************lp-11*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-11-hero{ padding:200px 0 100px; } body .row-fluid .jumbo-lp-11-hero .form-container{ width:100%; max-width:540px; margin:0 auto; float:none; } body .row-fluid .jumbo-lp-11-hero .wrapper{ max-width:1000px; } .jumbo-lp-11-hero .heading{ margin-bottom:30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-11-hero { padding: 100px 0 60px; } } @media (max-width:767px){ .jumbo-lp-11-hero { padding: 60px 0 50px; } } /*============================================================= Section 1 =============================================================*/ .jumbo-lp-11-section-1 .feture-cm .icon .fa { width: 100px; line-height: 100px; border-radius: 50%; border: 1px solid #cecece; margin-bottom:20px; font-size:30px; } body .jumbo-lp-11-section-1 .row-fluid .feature-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; margin-right:-2.5%; } .jumbo-lp-11-section-1 .feature-cm-container span>.hs_cos_wrapper { display: flex; flex-basis: 22%; float: left; margin: 10px 2.8% 10px 0; } .jumbo-lp-11-section-1 a.cta_button{ padding:10px; } .jumbo-lp-11-section-1 { border-bottom:1px solid #e7e7e7; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-11-section-1 .feature-cm-container span>.hs_cos_wrapper { display: block; flex-basis: 100%; width: 100%; margin: 20px 0; } } /*============================================================= Section 2 =============================================================*/ .jumbo-lp-11-section-2, .jumbo-lp-11-section-3{ border-bottom:1px solid #e7e7e7; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-11-section-2 .row-fluid-wrapper .row-fluid { display:flex; display:-webkit-flex; flex-direction:column-reverse; -webkit-flex-direction:column-reverse; flex-wrap:wrap; -webkit-flex-wrap:wrap; } .jumbo-lp-11-section-2 .image, .jumbo-lp-11-section-3 .image{ margin-bottom:30px; } } /*============================================================= FAQ Section =============================================================*/ .jumbo-lp-11-faq-section{ background:#fafafa; } .jumbo-lp-11-faq-section .accordion_header { margin: 0; padding: 18px 40px 5px 20px; position: relative; } .jumbo-lp-11-faq-section .accordion_group { border: 1px solid #e7e7e7; margin-top:30px; border-radius: 3px; background:#fff; border-radius:6px; } .jumbo-lp-11-faq-section .accordion_group h4{ margin:0; } .jumbo-lp-11-faq-section .accordion_content { margin: 0; padding: 8px 40px 8px 20px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-11-faq-section .accordion_group { margin-top: 20px; } } /*******************lp-12*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-12-hero{ padding:280px 0 200px; } body .row-fluid .jumbo-lp-12-hero .wrapper{ max-width:800px; } .jumbo-lp-12-hero .heading{ margin-bottom:30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-12-hero { padding: 100px 0 80px; } } @media (max-width:767px){ .jumbo-lp-12-hero { padding: 70px 0 50px; } } /*============================================================= Section 1 =============================================================*/ .jumbo-lp-12-section-1{ border-bottom:1px solid #e7e7e7; } body .jumbo-lp-12-section-1 .row-fluid .solution-cm-container>span{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.5%; } body .jumbo-lp-12-section-1 .row-fluid .solution-cm-container>span .hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 30.9%; -webkit-flex-basis: 30.9%; float: left; margin-right: 2.43%; margin-top: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; } .jumbo-lp-12-section-1 .solution-cm{ padding:80px 0; position:relative; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; } .jumbo-lp-12-section-1 .solution-cm .overlay-text{ background:#7dc037; padding:30px; } .jumbo-lp-12-section-1 .solution-cm .overlay-text p{ margin-bottom:0; line-height:22px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-12-section-1 .solution-cm .overlay-text { padding: 20px 10px; } } @media (max-width:767px){ body .jumbo-lp-12-section-1 .row-fluid .solution-cm-container>span .hs_cos_wrapper{ display: block; flex-basis: 100%; width: 100%; margin:0; margin-top:20px } } /*============================================================= Section Services =============================================================*/ body .jumbo-lp-12-section-features .row-fluid .service-cm-container>span{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; } body .jumbo-lp-12-section-features .row-fluid .service-cm-container>span .hs_cos_wrapper{ display: flex; flex-basis: 37%; float: left; border: 1px solid #e7e7e7; margin: 0 4.6%; margin-top: 30px; } .jumbo-lp-12-section-features .services-cm{ width: auto; padding: 30px 40px 20px 80px; position: relative; } .jumbo-lp-12-section-features .services-cm .icon{ text-align:center; position:absolute; left:-50px; } .jumbo-lp-12-section-features .services-cm .icon .fa { width: 100px; line-height: 100px; border-radius: 50%; color:#7dc037; border: 1px solid #cecece; margin-bottom: 20px; background:#fff; font-size:30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-12-section-features .services-cm .icon .fa { width: 70px; line-height: 70px; } .jumbo-lp-12-section-features .services-cm .icon{ left:-50px; } .jumbo-lp-12-section-features .services-cm { padding: 30px 20px 20px 50px; } } @media (max-width:767px){ body .jumbo-lp-12-section-features .row-fluid .service-cm-container>span .hs_cos_wrapper { display: block; width:100%; flex-basis: 100%; margin: 0; margin-top: 80px; } .jumbo-lp-12-section-features .services-cm { padding: 80px 20px 20px; } .jumbo-lp-12-section-features .services-cm .icon { left: 0; right: 0; top: -50px; } } /*=========================================================== OUR CLIENTS ========================================================*/ .jumbo-lp-12-our-clients { padding:30px 0; background:#fafafa; } .jumbo-lp-12-our-clients ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; text-align:center; } .jumbo-lp-12-our-clients ul li { width: 100%; display: inline-block; vertical-align: middle; margin: 0; margin-left: 0; padding: 0 10px; } .jumbo-lp-12-our-clients ul li:before{ display:none; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-12-our-clients ul{ display:block; } .jumbo-lp-12-our-clients ul li { display: inline-block; width: 100%; max-width: 100px; margin: 15px 0; } } /*============================================================ Address Bar ============================================================*/ .jumbo-lp-12-address-bar { padding:80px 0; } .jumbo-lp-12-address-bar .container{ border:1px solid #e7e7e7; padding:30px 20px; } .jumbo-lp-12-address-bar .container p{ margin-bottom:0; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-12-address-bar .container { border: 1px solid #e7e7e7; padding: 30px 10px; } } @media (max-width:767px){ .jumbo-lp-12-address-bar .container { margin: 20px 0; } } /*******************lp-13*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-13-hero{ padding:200px 0 0; margin-bottom:50px; } body .row-fluid .jumbo-lp-13-hero .wrapper{ max-width:800px; } .jumbo-lp-13-hero .heading{ margin-bottom:30px; } body .row-fluid .jumbo-lp-13-hero .hero-three-col{ width: 100%; max-width: 1170px; background: #fff; margin: 0 auto; float: none; padding: 35px 40px 20px; position: relative; bottom: -105px; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08); } .jumbo-lp-13-hero .hero-three-col .fa{ font-size:34px; } .jumbo-lp-13-hero .hero-three-col .metrolink .fa{ font-size:34px; color: #c6407b !important; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-13-hero{ padding:120px 0 0; } } @media (max-width:767px){ .jumbo-lp-13-hero { padding: 60px 0 0; } body .row-fluid .jumbo-lp-13-hero .hero-three-col { padding: 35px 20px 20px; text-align: center; } .jumbo-lp-13-hero .hero-three-col .fa{ margin-bottom:10px; } } /*============================================================= Section 1 =============================================================*/ .jumbo-lp-13-section-1{ } body .row-fluid .jumbo-lp-13-section-1 .step-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; } .jumbo-lp-13-section-1 .step-cm-container span>.hs_cos_wrapper { display: flex; flex-basis: 33.333333%; float: left; margin-top: 40px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } .jumbo-lp-13-section-1 .step-cm .icon{ margin-bottom:30px; } .jumbo-lp-13-section-1 .step-cm .icon .fa{ width:100px; line-height:100px; border-radius:50%; font-size:36px; border:2px dotted #7dc037; } .jumbo-lp-13-section-1 .step-cm{ padding: 0 50px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-13-section-1 .step-cm { padding: 0 10px; } } @media (max-width:767px){ .jumbo-lp-13-section-1 .step-cm { padding: 0; } .jumbo-lp-13-section-1 .step-cm-container span>.hs_cos_wrapper { display: block; width:100%; max-width:100%; flex-basis: 100%; } } /*=========================================================== OUR CLIENTS ========================================================*/ .jumbo-lp-13-our-clients { padding:30px 0; border-top:1px solid #e7e7e7; } .jumbo-lp-13-our-clients ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; text-align:center; } .jumbo-lp-13-our-clients ul li { width: 100%; display: inline-block; vertical-align: middle; margin: 0; margin-left: 0; padding: 0 10px; } .jumbo-lp-13-our-clients ul li:before{ display:none; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-13-our-clients ul{ display:block; } .jumbo-lp-13-our-clients ul li { display: inline-block; width: 100%; max-width: 100px; margin: 15px 0; } } /*============================================================ Contact Us Section ============================================================*/ .jumbo-lp-13-contact-us{ background:#3d4d65; padding:40px 0; } .jumbo-lp-13-contact-us h5{ margin-bottom:15px; } .jumbo-lp-13-contact-us p{ margin-bottom:0; } .jumbo-lp-13-contact-us .fa{ width:60px; line-height:60px; border-radius:50%; border:2px dotted #7dc037; font-size:24px; text-align:center; } .jumbo-lp-13-contact-us a{ color:#fff; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-13-contact-us .fa { width: 40px; line-height: 40px; font-size: 18px; } } @media (max-width:767px){ .jumbo-lp-13-contact-us .container{ margin:40px 0; text-align:center; } .jumbo-lp-13-contact-us .fa { margin-bottom:20px; } } /*============================================================ Form Section ============================================================*/ .jumbo-lp-13-form-section{ border-top:1px solid #e7e7e7; } .jumbo-lp-13-form-section .section-heading{ margin-bottom:80px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-13-form-section .section-heading { margin-bottom: 50px; } } @media (max-width:767px){ } /*******************lp-14*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-14-hero{ padding:250px 0; overflow:hidden; } .jumbo-lp-14-hero:after { position: absolute; content: ''; bottom: -42px; left: -6%; right: 0; height: 102px; background: #fff; transform: rotate(2.4deg); width: 110%; } body .row-fluid .jumbo-lp-14-hero .wrapper{ max-width:800px; } .jumbo-lp-14-hero .heading{ margin-bottom:30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-14-hero { padding: 100px 0 170px; } } @media (max-width:767px){ .jumbo-lp-14-hero { padding: 60px 0 120px; } } /*============================================================= Form Section =============================================================*/ .jumbo-lp-14-form-section .left-col{ padding-right:7%; } .jumbo-lp-14-form-section .feture-cm{ margin-top:40px; display: flex; align-items: center; overflow: hidden; } .jumbo-lp-14-form-section .feture-cm .icon .fa { width: 70px; line-height: 70px; border-radius: 50%; font-size:36px; color:#7dc037; border: 1px solid #cecece; } .jumbo-lp-14-form-section .widget-type-form h3{ text-align:center; background:#7dc037; margin:0; padding:20px; color:#fff; border-top-left-radius: 25px; border-top-right-radius: 25px; } .jumbo-lp-14-form-section .right-col form{ border: 1px solid #e7e7e7; border-radius: 6px; border-top: 0; padding: 40px 30px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .jumbo-lp-14-form-section .right-col form .field>label { font-weight: 600; } .jumbo-lp-14-form-section .right-col form .hs-input{ border: 1px solid #dedede; } .jumbo-lp-14-form-section .right-col .hs-form-booleancheckbox p{ font-size: 12px; line-height: normal; } .jumbo-lp-14-form-section .right-col .hs-form-booleancheckbox a{ text-decoration: underline; } .jumbo-lp-14-form-section .right-col .hs-form-booleancheckbox { list-style-type: none !important; font-size: 12px; line-height: normal; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-14-form-section .feture-cm .icon .fa { width: 70px; line-height: 70px; } .jumbo-lp-14-form-section .feture-cm .heading { padding-left: 10px; } .jumbo-lp-14-form-section .feture-cm { margin-top: 15px; } } @media (max-width:767px){ .jumbo-lp-14-form-section .feture-cm .icon{ margin-bottom:20px; } .jumbo-lp-14-form-section .feture-cm { text-align:center; margin-top:20px; } .jumbo-lp-14-form-section .feture-cm .left-col, h2, h3 { text-align: center !important; } .jumbo-lp-14-form-section .feture-cm .heading { padding-left: 10px; } .jumbo-lp-14-form-section .left-col{ padding:0; margin-bottom:30px; } .jumbo-lp-14-form-section .right-col form { padding: 40px 20px; } } /*******************lp-15*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-15-hero{ padding:150px 0 100px; overflow:hidden; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-15-hero { padding:60px 0 120px; } } @media (max-width:767px){ .jumbo-lp-15-hero { padding: 60px 0 20px; } } /*============================================================ Section 1 ============================================================*/ body .row-fluid .jumbo-lp-15-section-1 .wrapper{ max-width: 900px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ } /*============================================================ Ebook Download ============================================================*/ .jumbo-lp-15-ebook-download { border-bottom:1px solid #e7e7e7; } body .row-fluid .jumbo-lp-15-ebook-download .right-col{ padding: 80px 40px; background:#2c2c2c; margin: 0; width: 51.717949%; } @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-lp-15-ebook-download .right-col { padding: 50px 30px; } } @media (max-width:767px){ .jumbo-lp-15-ebook-download .left-col { height:220px; } body .row-fluid .jumbo-lp-15-ebook-download .right-col { padding: 30px 20px; width: 100%; } } /*******************lp-16*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-16-hero-banner{ padding:200px 0 100px; } body .row-fluid .jumbo-lp-16-hero-banner .wrapper{ max-width:900px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-16-hero-banner { padding: 120px 0 50px; } .jumbo-lp-16-hero-banner .heading { margin-bottom: 15px; } } @media (max-width:767px){ .jumbo-lp-16-hero-banner { padding: 60px 0 50px; } .jumbo-lp-16-hero-banner .right-col{ margin-top:40px; } } /*============================================================= Features Section =============================================================*/ .jumbo-lp-16-services-section .left-col{ padding-right:12%; } .jumbo-lp-16-services-section .service-cm{ padding:20px; width:auto; border:1px solid #e7e7e7; } .jumbo-lp-16-services-section .service-cm .fa{ margin-bottom:20px; font-size:34px; } body .jumbo-lp-16-services-section .row-fluid .service-cm-container>span{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; margin-right: -2.5%; } body .jumbo-lp-16-services-section .row-fluid .service-cm-container>span .hs_cos_wrapper { display: flex; flex-basis: 22.7%; float: left; margin-right: 2.3%; margin-bottom: 2.2%; position: relative; } body .jumbo-lp-16-services-section .row-fluid .right-col .service-cm-container>span{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; margin-right: -5%; } body .jumbo-lp-16-services-section .row-fluid .right-col .service-cm-container>span .hs_cos_wrapper { flex-basis: 45.2%; margin-right: 4.8%; margin-bottom: 30px; } .jumbo-lp-16-services-section .features-cm .fa{ margin-bottom: 30px; font-size: 40px; width: 90px; line-height: 90px; border-radius: 50%; border: 1px solid #e7e7e7; background: #fff; text-align:center; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-16-services-section .service-cm { padding: 15px 10px 0; } .jumbo-lp-16-services-section .left-col { padding-right: 4%; } } @media (max-width:767px){ .jumbo-lp-16-services-section .left-col{ padding-right:0; margin-bottom:30px; } body .jumbo-lp-16-services-section .right-col .service-cm-container>span .hs_cos_wrapper, body .jumbo-lp-16-services-section .row-fluid .service-cm-container>span .hs_cos_wrapper{ flex-basis: 100%; display:block; width:100%; margin: 20px 0 0; } body .jumbo-lp-16-services-section .row-fluid .right-col .service-cm-container>span, body .jumbo-lp-16-services-section .row-fluid .service-cm-container>span { margin-right: 0; } } /*=========================================================== OUR CLIENTS ========================================================*/ .jumbo-lp-16-our-clients { padding:30px 0 60px; border-bottom: 1px solid #e7e7e7; } .jumbo-lp-16-our-clients ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; text-align:center; } .jumbo-lp-16-our-clients ul li { width: 100%; display: inline-block; vertical-align: middle; margin: 0; margin-left: 0; padding: 0 10px; } .jumbo-lp-16-our-clients ul li img{ vertical-align:middle; } .jumbo-lp-16-our-clients ul li:before{ display:none; } .jumbo-lp-16-our-clients .heading{ margin-bottom:20px; } .jumbo-lp-16-our-clients .heading p{ letter-spacing:2px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-16-our-clients ul{ display:block; } .jumbo-lp-16-our-clients ul li { display: inline-block; width: 100%; max-width: 100px; margin: 15px 0; } } /*******************lp-17*******************/ /*============================================================= Hero Section =============================================================*/ .jumbo-lp-17-hero{ padding:170px 0; position:relative; margin-bottom:50px; } .jumbo-lp-17-hero .right-col{ padding: 30px 40px 40px; background: rgba(0, 0, 0, 0.3); border-radius: 10px; } .jumbo-lp-17-hero .widget-type-form h3{ text-align:center; margin-bottom:30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-17-hero { padding: 80px 0 100px; } .jumbo-lp-17-hero .right-col { padding: 20px 25px 30px; } } @media (max-width:767px){ .jumbo-lp-17-hero { padding: 60px 0 40px; margin: 0; } .jumbo-lp-17-hero .right-col{ margin-top:20px; padding:25px; } } /*=========================================================== OUR CLIENTS ========================================================*/ body .container-fluid .row-fluid .jumbo-lp-17-our-clients { padding: 30px; position: absolute; bottom: -50px; left: 0; right: 0; background: #ffffff; width: 100%; max-width: 1170px; margin: 0 auto; border: 1px solid #e7e7e7; border-radius: 2px; box-shadow: 1px 1px 2px #e0e0e0; } .jumbo-lp-17-our-clients ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; text-align:center; } .jumbo-lp-17-our-clients ul li { width: 100%; display: inline-block; vertical-align: middle; margin: 0; margin-left: 0; padding: 0 10px; } .jumbo-lp-17-our-clients ul li img{ vertical-align:middle; } .jumbo-lp-17-our-clients ul li:before{ display:none; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-17-our-clients ul{ display:block; } .jumbo-lp-17-our-clients ul li { display: inline-block; width: 100%; max-width: 100px; margin: 15px 0; } body .jumbo-lp-17-services-section .row-fluid .jumbo-lp-17-our-clients { padding: 30px 0; position: relative; bottom: 0; border-radius: 10px; box-shadow: none; margin-top: 20px; } } /*============================================================= Services Section =============================================================*/ body .jumbo-lp-17-services-section .row-fluid .features-cm-container>span{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; } body .jumbo-lp-17-services-section .row-fluid .features-cm-container>span .hs_cos_wrapper { display: flex; flex-basis: 46%; float: left; margin-right: 2.2%; margin-top: 30px; position: relative; } .jumbo-lp-17-services-section .feature-cm .fa{ font-size:36px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ body .jumbo-lp-17-services-section .row-fluid .features-cm-container>span .hs_cos_wrapper { display: block; flex-basis: 100%; width:100%; margin-right: 0; margin-top: 35px; text-align: center; } .jumbo-lp-17-services-section .feature-cm .fa{ margin-bottom:10px; } .jumbo-lp-17-services-section .right-col{ margin-top:40px; } } /*============================================================= Features Section =============================================================*/ .jumbo-lp-17-features .feature-cm .icon .fa{ width: 100%; max-width: 70px; line-height: 70px; border: 1px solid #e7e7e7; border-radius: 50%; font-size:24px; } body .jumbo-lp-17-features .row-fluid .features-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; } body .jumbo-lp-17-features .row-fluid .features-cm-container>span .hs_cos_wrapper { display: flex; flex-basis: 46%; float: left; margin-right: 2.2%; margin-top: 30px; position: relative; } body .jumbo-lp-17-features .row-fluid .features-cm-container>span .hs_cos_wrapper { flex-basis: 30%; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-17-features .feature-cm .icon .fa { max-width: 50px; line-height: 50px; font-size: 18px; } } @media (max-width:767px){ body .jumbo-lp-17-features .row-fluid .features-cm-container>span .hs_cos_wrapper { flex-basis: 100%; width: 100%; display: block; } } /******************************************************************* ********************Request Demo Page STYLING************************* *******************************************************************/ .rq-demo-header-section .rq-demo-header { padding-top: 130px; } .rq-demo-module { padding: 100px 50px ; } .rq-demo-module .rq-demo-form { padding: 20px 45px 45px; background: #7dc037; border-radius: 18px; color: #fff; } .rq-demo-module .rq-demo-form h3 { padding: 10px 25px; text-align: center; font-size: 32px; font-weight: 600; line-height: normal; color: #fff; } .rq-demo-module .rq-demo-form .hs-form-field label { font-size: 16px; font-weight: 500; padding: 6px 0px; } .rq-demo-module .rq-demo-form .hs-form-field input { height: 42px; border: 1px transparent solid; font-size: 16px; font-weight: normal; padding: 12px 12px; text-decoration: none; color: #111a07; border-radius: 4px; letter-spacing: normal; } .rq-demo-module .rq-demo-form .hs-form textarea { font-size: 16px; font-weight: normal; padding: 12px 12px; text-decoration: none; color: #111a07; border-radius: 4px; letter-spacing: normal; } .rq-demo-module .rq-demo-form .hs-form-field .hs-form-booleancheckbox-display{ font-size: 14px !important; line-height: normal; font-weight: normal; padding: 6px 0px; } .rq-demo-module .rq-demo-form .hs-form-field .hs-form-booleancheckbox { list-style-type: none; } .rq-demo-module .rq-demo-form .actions { text-align: center; } .rq-demo-module .rq-demo-form .hs-button { font-size: 18px; line-height: normal; letter-spacing: normal; padding: 15px 35px; color: #7dc037; background: #fff; font-weight: bold; border: 2px #fff solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; width: 100%; } .rq-demo-module .rq-demo-form .hs-button:hover { font-size: 18px; line-height: normal; padding: 15px 35px; color: #fff; background: #7dc037; font-weight: bold; letter-spacing: normal; border: 2px #fff solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; width: 100%; } .rq-demo-bottom-module .rq-demo-blog-cta { text-align: right; } .rq-demo-bottom-module .rq-demo-blog-cta a.cta_button { font-size: 16px; line-height: normal; letter-spacing: normal; padding: 20px 44px; color: #7dc037; background: #fff; font-weight: 500; border: 2px #fff solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } .rq-demo-bottom-module .rq-demo-blog-cta a.cta_button:hover { font-size: 16px; line-height: normal; letter-spacing: normal; padding: 20px 44px; color: #fff; background: #7dc037; font-weight: 500; border: 2px #fff solid; cursor: pointer; font-family: 'Montserrat',sans-serif; text-align: center; display: inline-block; border-radius: 50px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } @media (min-width:768px) and (max-width:1024px){ .rq-demo-header-section .rq-demo-header { padding-top: 80px; } } @media (max-width:767px){ .rq-demo-header-section { text-align: center; } .rq-demo-header-section .rq-demo-header { padding-top: 15px; padding-bottom: 80px; } .rq-demo-header-section .header-img{ max-width: 500px !important; margin: 0 auto !important; } .rq-demo-module { padding: 50px 5px; } .rq-demo-module .rq-demo-form { padding: 20px 25px 45px; background: #7dc037; border-radius: 18px; color: #fff; } .rq-demo-bottom-module { text-align: center; } .rq-demo-bottom-module h2{ font-size: 30px; font-weight: bold; padding: 10px 5px; } .rq-demo-bottom-module { text-align: center; } .rq-demo-bottom-module .rq-demo-blog-cta { padding-top: 0px !important; text-align: center; } } /*============================================================ Contact Us ============================================================*/ .jumbo-lp-17-contact-us{ } body .row-fluid .jumbo-lp-17-contact-us .wrapper{ max-width:800px; } /*******************lp-18*******************/ /*=================================================== PRIMARY BANNER SECTION ===================================================*/ .jumbo-lp-18-hero{ padding:180px 0; overflow:hidden; position:relative; } body .row-fluid .jumbo-lp-18-hero .small-wrapper{ width:100%; max-width:800px; } body .row-fluid .jumbo-lp-18-hero .scroll-down-icon{ position:absolute; left:0; right:0; bottom:30px; width:30px; font-size:30px; text-align:center; margin:0 auto; float:none; cursor:pointer; -webkit-animation: scrldwn 1.5s infinite; animation: scrldwn 1.5s infinite; } @-webkit-keyframes scrldwn { 0% {bottom: 35px;} 25% {bottom: 40px;} 50% {bottom: 35px;} 75% {bottom: 40px} 100% {bottom: 35px;} } @keyframes scrldwn { 0% {bottom: 35px;} 25% {bottom: 40px;} 50% {bottom: 35px;} 75% {bottom: 40px} 100% {bottom: 35px;} } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-18-hero { padding: 120px 0; } } /*=================================================== FEATURES SECTION ===================================================*/ .jumbo-lp-18-feature-section .feature-cm .icon{ margin-bottom:20px; } body .row-fluid .jumbo-lp-18-feature-section .lp-feature-cm-container>span{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; overflow:hidden; } body .row-fluid .jumbo-lp-18-feature-section .lp-feature-cm-container>span>.hs_cos_wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 33.3333%; -webkit-flex-basis: 33.33333%; float: left; margin:0; padding:0; box-sizing: border-box; position: relative; padding:40px 0; } body .row-fluid .jumbo-lp-18-feature-section .lp-feature-cm-container>span>.hs_cos_wrapper .feature-cm{ padding:0 20px; } body .row-fluid .jumbo-lp-18-feature-section .lp-feature-cm-container>span>.hs_cos_wrapper:before{ position: absolute; content: ''; left: 0; right: -3px; top: 0; bottom: -1px; pointer-events: none; bordeR: 1px solid #e7e7e7; border-top: 0; border-left: 0; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ body .row-fluid .jumbo-lp-18-feature-section .lp-feature-cm-container>span>.hs_cos_wrapper { display: block; width:100%; flex-basis: 100%; -webkit-flex-basis: 100%; } } /*============================================= FORM SECTION =============================================*/ .jumbo-lp-18-form-section{ } body .row-fluid .jumbo-lp-18-form-section .wrapper{ max-width:800px; } .jumbo-lp-18-form-section .row-fluid form .field>label{ color:#fff; } .jumbo-lp-18-form-section .hs-error-msgs li label{ color:#fff; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ } /*=========================================================== OUR CLIENTS ========================================================*/ .jumbo-lp-18-client-section { padding:50px 0; } .jumbo-lp-18-client-section ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; text-align:center; } .jumbo-lp-18-client-section ul li { width: 100%; display: inline-block; vertical-align: middle; margin: 0; margin-left: 0; padding: 0 10px; } .jumbo-lp-18-client-section ul li img{ vertical-align:middle; } .jumbo-lp-18-client-section ul li:before{ display:none; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ .jumbo-lp-18-client-section ul{ display:block; } .jumbo-lp-18-client-section ul li { display: inline-block; width: 100%; max-width: 100px; margin: 15px 0; } } /*============================================ Two Column Section ============================================*/ .jumbo-lp-18-two-col { } .jumbo-lp-18-two-col .column{ padding:0 40px; position:relative; } .jumbo-lp-18-two-col .column.border:before{ position: absolute; content: ''; top: 70px; bottom: 40px; right: -2.8%; width: 1px; background: #e7e7e7; } .jumbo-lp-18-two-col .icon{ margin-bottom:30px; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-18-two-col .column{ padding:0 20px; } } @media (max-width:767px){ .jumbo-lp-18-two-col .column{ padding:0; } } /*============================================ One Column Section ============================================*/ .jumbo-lp-18-one-col { padding:70px 0; position:relative; } .jumbo-lp-18-one-col:after{ position: absolute; content: ''; top: 0; right:0; left:0; width: 1170px; margin:0 auto; height:1px; background: #e7e7e7; } body .row-fluid .jumbo-lp-18-one-col .wrapper{ max-width:800px; } @media (min-width:768px) and (max-width:1024px){ } @media (max-width:767px){ } /*******************lp-19*******************/ /*======================================== Section 1 ========================================*/ .jumbo-lp-19-contact-section{ padding:160px 0 90px; background:#fafafa; } .jumbo-lp-19-contact-section h1{ color:#0d2e4f; } .jumbo-lp-19-contact-section .left-col{ padding:110px 0; } .jumbo-lp-19-contact-section .left-col a{ text-decoration:underline; color:#7dc037; } .jumbo-lp-19-contact-section .widget-type-form{ background: #fff; padding: 20px 35px 30px; border-radius: 0; border:1px solid #e7e7e7; } .jumbo-lp-19-contact-section .address-bar{ margin-top:40px; } @media (max-width:767px){ .jumbo-lp-19-contact-section .left-col{ padding:0; text-align:center; margin-bottom:40px; } .jumbo-lp-19-contact-section{ padding:90px 0 40px; } .jumbo-lp-19-contact-section .widget-type-form{ padding: 20px 20px 30px } } /*******************lp-21*******************/ /*======================================== Hero Section ========================================*/ .jumbo-lp-21-hero{ padding: 175px 0 100px; } .jumbo-lp-21-contact-2{ padding-top:80px; background:#fafafa; } .jumbo-lp-21-contact-2 .map-container iframe{ height: 400px; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); padding: 10px; background:#fff; box-sizing:border-box; margin-top:40px; } body .row-fluid .jumbo-lp-21-contact-2 .form-container{ width:100%; max-width:940px; margin:0 auto; float:none; background:#7dc037; position:relative; top:-100px; } .jumbo-lp-21-contact-2 .left-col{ padding:40px; background:#fff; border: 1px solid #7dc037; } .jumbo-lp-21-contact-2 .right-col .fa{ font-size:50px; } .jumbo-lp-21-contact-2 .right-col{ background:#7dc037; padding:30px } /*===================== Section 2 =========================*/ .jumbo-lp-21-contact-2-section-2{ padding:50px 0; } .jumbo-lp-21-contact-2-section-2 .widget-type-cta{ margin:0; } @media (max-width:767px){ .jumbo-lp-21-hero { padding: 90px 0 50px; } .jumbo-lp-21-contact-2 { padding-top: 40px; } .jumbo-lp-21-contact-2 .map-container iframe { margin-top: 10px; } .jumbo-lp-21-contact-2 .left-col { padding: 20px; } body .row-fluid .jumbo-lp-21-contact-2 .form-container { top: 0; margin-top: 40px; } .jumbo-lp-21-contact-2-section-2 .widget-type-cta{ margin-top:20px; } } /*******************lp-23*******************/ .jumbo-lp-23-section-1 { border-top:1px solid #e7e7e7; padding:160px 0 100px; position:relative; } @media (min-width:1025px){ .jumbo-lp-23-section-1 .left-col{ padding-right:6%; } } .jumbo-lp-23-section-1 .map-container iframe { height: 400px; } .jumbo-lp-23-section-1 .address-container{ padding: 40px 50px 30px; position: relative; top: -5px; } .jumbo-lp-23-section-2{ padding:40px 0; border-top:1px solid #e7e7e7; } .jumbo-lp-23-section-2 .widget-type-cta{ margin:0; } @media (max-width:767px){ .jumbo-lp-23-section-1 .left-col{ margin-bottom:40px; } .jumbo-lp-23-section-1 { padding: 90px 0 40px; } .jumbo-lp-23-section-2 .widget-type-cta{ margin-top:20px; } } /*******************lp-25*******************/ /* ========================================================================== First HERO Section Style ========================================================================== */ .jumbo-lp-25-hero{ padding-top:200px; padding-bottom:160px; min-height:550px; background-repeat: no-repeat; background-size: cover; background-position: top center; text-align: center; position:relative; } .jumbo-lp-25-hero .wrapper{ position:relative; z-index:1; } body .row-fluid .jumbo-lp-25-hero .description{ max-width:800px; margin:0 auto; float:none; } .jumbo-lp-25-hero h1{ } /* ========================================================================== Second Section Pattern Style ========================================================================== */ .jumbo-lp-25-pattern-2{ text-align:center; padding-top:80px; padding-bottom:60px; } .jumbo-lp-25-pattern-2 .row-fluid .widget-type-cell.wrapper{ max-width:800px; } /* ========================================================================== Three Section Pattern Style ========================================================================== */ .jumbo-lp-25-pattern-3{ padding-bottom:70px; text-align:center; } .jumbo-lp-25-pattern-3 .pattern3-heading h2 { font-size: 40px; line-height: 50px; position: relative; padding-bottom: 0px; margin-bottom: 0px; } .jumbo-lp-25-pattern-3 .pattern3-heading p{ font-size:18px; line-height:30px; text-align: center; color: #4a4a4a; } .jumbo-lp-25-pattern-3 .pattern3-heading{ padding-bottom:20px; } .jumbo-lp-25-pattern-3 .col{text-align:center;} .jumbo-lp-25-pattern-3 .col .fa{color:#f77621;font-size:75px;} .jumbo-lp-25-pattern-3 .col h2{ font-size:18px; line-height:30px; margin-top:14px; margin-bottom:0px; letter-spacing:.25px; font-weight:700; } .jumbo-lp-25-pattern-3 .col p{ font-size: 16px; line-height:25px; text-align: center; color: #4a4a4a; margin-top:10px; } /* ========================================================================== Section Form Style ========================================================================== */ .jumbo-lp-25-form{ padding:100px 0; } @media(min-width:768px){ .make-equal-height > .row-fluid-wrapper >.row-fluid{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media(max-width:767px){ .jumbo-lp-25-hero { padding-top: 80px; padding-bottom:60px; } .jumbo-lp-25-hero h1{ font-size:32px; line-height:40px; } .jumbo-lp-25-pattern-2 { padding-top: 50px; padding-bottom: 40px; } } /*******************lp-26*******************/ /*================Primary Banner Section =====================*/ .jumbo-lp-26-section{ position:relative; overflow:hidden; } .jumbo-lp-26-section .jumbo-lp-26-form-section{ background:#fff; padding:45px 0 45px 85px; position:relative; z-index:1; padding-right:8%; } .jumbo-lp-26-section .jumbo-lp-26-form-section{ background: #fff; padding: 120px 0 45px 85px; position: relative; z-index: 1; padding-right: 8%; } body .row-fluid .jumbo-lp-26-section .jumbo-lp-26-form-section, body .row-fluid .jumbo-lp-26-section .left-col{ margin:0; } @media (min-width:768px){ body .row-fluid .jumbo-lp-26-section .jumbo-lp-26-form-section{ width:43%; max-width: 640px; } body .row-fluid .jumbo-lp-26-section .left-col{ width:57%; } .jumbo-lp-26-section .jumbo-lp-26-form-section:before{ position:absolute; content:''; z-index:-1; left:0; right: -300%; top:0; bottom:0; background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29); } } .jumbo-lp-26-primary-banner p{ font-size:22px; line-height:28px; letter-spacing:.5px; font-family: 'Montserrat', sans-serif; } .jumbo-lp-26-section .jumbo-lp-26-primary-banner{ padding:250px 8% 50px; } .jumbo-lp-26-section .jumbo-lp-26-section-1{ padding:40px 8% 100px; } .jumbo-lp-26-section-1 h3, .jumbo-lp-26-section-1 h4{ color:#7dc037; font-family:'Montserrat', sans-serif;; } .jumbo-lp-26-section-1 h4{ margin-top:20px; } .jumbo-lp-26-section-1 .image{ margin-bottom:30px; } .jumbo-lp-26-form-section .form-heading p{ font-size: 12px; line-height: 16px; color: #7dc037; letter-spacing: .4px; } .jumbo-lp-26-section .jumbo-lp-26-primary-banner, .jumbo-lp-26-section .jumbo-lp-26-section-1, .cs-footer{ padding-left: 34.5%; } @media (min-width:1025px) and (max-width:1540px){ .jumbo-lp-26-section .jumbo-lp-26-primary-banner, .jumbo-lp-26-section .jumbo-lp-26-section-1, .cs-footer{ padding-left: 11.5%; } } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-26-section .jumbo-lp-26-primary-banner, .jumbo-lp-26-section .jumbo-lp-26-section-1, .cs-footer{ padding-left: 11.5%; } .jumbo-lp-26-section .jumbo-lp-26-form-section { padding: 45px; } .jumbo-lp-26-primary-banner p { font-size: 16px; line-height: 22px; } } @media (max-width:767px) { .jumbo-lp-26-section .jumbo-lp-26-primary-banner, .jumbo-lp-26-section .jumbo-lp-26-section-1, .cs-footer{ padding-left:20px; } .jumbo-lp-26-section .jumbo-lp-26-form-section { padding: 45px; } .jumbo-lp-26-primary-banner p { font-size: 16px; line-height: 22px; } .jumbo-lp-26-section .jumbo-lp-26-section-1 { padding: 40px 20px 20px; } .jumbo-lp-26-section .jumbo-lp-26-form-section { padding: 20px; padding-bottom: 60px; } .jumbo-lp-26-section .jumbo-lp-26-primary-banner { padding: 200px 20px 50px; } } /*******************lp-27*******************/ /*===================HERO SECTION=========================*/ .jumbo-lp-27-hero{ padding:150px 0 0; } .jumbo-lp-27-hero .subheading{ margin:24px 0 0; } .jumbo-lp-27-hero .left-column{ padding-bottom: 80px; } .jumbo-lp-27-hero .form-container{ background: #fff; padding: 45px 50px 70px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); margin-bottom: -45px; position: relative; top: 20px; } @media (min-width:768px){ .jumbo-lp-27-hero .left-column{ padding-right:5%; } } .jumbo-lp-27-hero .form-container h3{ color:#7dc037; } .jumbo-lp-27-hero .form-heading{ margin-bottom:0; } /*===================SECTION 1=========================*/ .jumbo-lp-27-testimonial{ padding:110px 0 130px; } .jumbo-lp-27-testimonial .left-col iframe{ width: 100%; height: 280px; max-width: 501px; } .jumbo-lp-27-testimonial .right-col{ position: relative; z-index: 1; padding-top:90px; padding-left: 12%; } .jumbo-lp-27-testimonial .right-col .quote-image{ position:absolute; z-index:-1; top:34px; left:20px; width:100px; } .jumbo-lp-27-testimonial .right-col a{ font-size:14px; } .jumbo-lp-27-testimonial .right-col a strong{ font-weight:500; } @media (max-width:1024px){ .jumbo-lp-27-hero .subheading { margin: 0 0 0; } } @media (max-width:767px) { .jumbo-lp-27-hero { padding: 60px 0 0; } .jumbo-lp-27-hero .form-container { padding: 25px 20px 40px; margin-bottom: 0; top: 20px; } .jumbo-lp-27-hero .form-heading { margin-bottom: 15px; } .jumbo-lp-27-hero .left-column { padding-bottom: 0px; } .jumbo-lp-27-testimonial { padding: 80px 0 40px; } .jumbo-lp-27-testimonial .right-col { padding-top: 60px; padding-left: 0; } .jumbo-lp-27-testimonial .right-col .quote-image { left: 0; } } /*******************lp-30*******************/ /*============================================ FAQ PAGE STYLING ============================================ */ /*======================================================================== Hero Section ========================================================================*/ .jumbo-lp-30-hero{ padding:120px 0 200px; } body .row-fluid .jumbo-lp-30-hero .wrapper{ max-width:860px; } @media ( min-width:768px ) and ( max-width:1024px ) { .jumbo-lp-30-hero { padding: 90px 0 140px; } } @media ( max-width:767px ){ .jumbo-lp-30-hero { padding: 120px 0 70px; } } /*======================================================================== FAQ Section ========================================================================*/ .jumbo-lp-30-faq{ background:#fafafa; } .jumbo-lp-30-faq .wrapper{ position: relative; top: -94px; } .jumbo-lp-30-faq .right-col{ border:1px solid #e7e7e7; border-top:0; } .jumbo-lp-30-faq .accordion_header h4{ margin:0; font-size:18px; } .jumbo-lp-30-faq .accordion_header{ border-top: 1px solid #e7e7e7; padding: 18px 60px 16px 30px; position:relative; cursor:pointer; } .jumbo-lp-30-faq .accordion_header:before{ position: absolute; content: '\f105'; top: 4px; right: 20px; font-family: FontAwesome; font-size: 36px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .jumbo-lp-30-faq .expanded .accordion_header:before{ transform: rotate(90deg); -webkit-transform: rotate(90deg); } .jumbo-lp-30-faq .accordion_content{ border-top: 1px solid #e7e7e7; padding: 25px 30px 10px; } .jumbo-lp-30-faq .faq-container{ background: #fff; padding: 60px 70px; margin-bottom: 30px; border:1px solid #7dc037; border-color: #7dc037; } @media ( min-width:768px ) and ( max-width:1024px ) { .jumbo-lp-30-faq .faq-container { padding: 40px; } } @media ( max-width:767px ){ .jumbo-lp-30-faq .left-col{ padding: 14px 20px 0; border: 1px solid #e7e7e7; border-bottom: 0; } .jumbo-lp-30-faq .faq-container { padding: 0; border:0; margin-bottom: 20px; } .jumbo-lp-30-faq .accordion_header { padding: 18px 44px 16px 20px; } .jumbo-lp-30-faq .accordion_header:before { top: 10px; right: 15px; font-size: 30px; } .jumbo-lp-30-faq .accordion_content { padding: 20px 20px 5px; } .jumbo-lp-30-faq .wrapper { top: -44px; } } /*======================================================================== FAQ Section ========================================================================*/ .jumbo-lp-30-ask-here{ padding:42px 0; background:#7dc037; } .jumbo-lp-30-ask-here h2{ font-size:50px; line-height:60px; } .jumbo-lp-30-ask-here a{ color:#fff; text-decoration:underline; } @media ( min-width:768px ) and ( max-width:1024px ) { .jumbo-lp-30-ask-here h2 { font-size: 30px; line-height: 40px; } } @media ( max-width:767px ){ .jumbo-lp-30-ask-here h2 { font-size: 28px; line-height: 36px; } } /*******************lp-31*******************/ /*============================== REQUEST A QUOTE PAGE STYLING ============================================= */ /*======================================================== LP Hero Banner ========================================================*/ .jumbo-lp-31-hero{ padding:150px 0 100px; } /*======================================================== Ebook Features ========================================================*/ .jumbo-lp-31-ebook-features{ } body .row-fluid .jumbo-lp-31-ebook-features .wrapper{ max-width: 1070px; } body .container-fluid .row-fluid .jumbo-lp-31-ebook-features-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; justify-content: center; -webkit-justify-content: center; } body .row-fluid .jumbo-lp-31-ebook-features-cm-container span>.hs_cos_wrapper { display: flex; flex-basis: 29%; float: left; position: relative; z-index: 1; box-shadow: 0 0 0 1px #7dc037; margin: 30px 1.5% 0; } .jumbo-lp-31-ebook-features-cm-container .ebook-features-cm{ padding:30px 20px 20px; } /*======================================================== Download Ebook Section ========================================================*/ .jumbo-lp-31-download-ebook { } body .row-fluid .jumbo-lp-31-download-ebook .heading { width: 100%; max-width: 700px; margin: 0 auto; float: none; margin-bottom: 10px; } body .row-fluid .jumbo-lp-31-download-ebook .wrapper{ border:1px solid #7dc037; max-width: 970px; padding: 60px 0; background: #fff; } body .row-fluid .jumbo-lp-31-download-ebook .form-container{ width:100%; max-width:700px; margin:0 auto; float:none; margin-bottom:10px; margin-top:30px; } @media (min-width:768px) and (max-width:1024px){ body .row-fluid .jumbo-lp-31-download-ebook .wrapper { border: 0; padding: 0 20px; } .jumbo-lp-31-hero { padding: 100px 0 70px; } } @media (max-width:767px){ body .row-fluid .jumbo-lp-31-download-ebook .wrapper { border: 0; padding: 0 20px; } .jumbo-lp-31-hero { padding: 150px 0 60px; } body .row-fluid .jumbo-lp-31-ebook-features-cm-container span>.hs_cos_wrapper { margin: 0 0 20px; display: block; flex-basis:100%; width: 100%; } } /*******************lp-33*******************/ .jumbo-lp-33-hero{ padding:170px 0 100px; background-size:cover; background-repeat:no-repeat; } .jumbo-lp-33-hero p{ font-size: 18px; color: #fff; font-weight: 300; line-height:30px; } *============================================================================ Jumbo Pricing FAQs ============================================================================*/ .jumbo-lp-32-faq { background:#f7f7f7; padding:80px 0; } body .row-fluid .jumbo-lp-32-faq .faq-cm-container{ width:100%; max-width:800px; float:left; margin:0 auto; } .jumbo-lp-32-faq .accordion_group{ border-bottom: 1px solid #dadada; padding: 10px 0; margin-bottom: 6px; } .jumbo-lp-32-faq .accordion_header{ padding-right: 40px; cursor:pointer; position:relative; } .jumbo-lp-32-faq .accordion_header h3{ font-size: 16px; line-height: normal; font-weight: 500; } .jumbo-lp-32-faq .accordion_header:before{ display: block; position:absolute; content:''; top:5px; right:0; background:url('https://2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/angle%20down.png') no-repeat; background-size:100%; width:15px; height:15px; transition:all .3s ease-in-out; } .jumbo-lp-32-faq .expanded .accordion_header:before{ transform:rotate(-180deg); } .jumbo-lp-32-faq .accordion_content{ padding:10px 0 10px; } .jumbo-lp-32-faq .accordion_content p{ font-size: 14px; line-height: normal; } .faq-cm-container span>.hs_cos_wrapper:last-child .accordion_group { border:0; } @media (max-width:1024px){ .jumbo-lp-32-faq { padding: 50px 0; } } @media (max-width:767px){ .jumbo-lp-32-faq { padding: 40px 0; } .jumbo-lp-32-faq h3 { font-size: 18px; line-height: 30px; } } /*================================================= Section 2 ================================================*/ .jumbo1-pricing-section-benefits{ padding: 60px 0; } .jumbo1-pricing-section-benefits .heading{ margin-bottom:20px; } .jumbo1-pricing-section-benefits .offers{ margin-bottom:15px; } .jumbo1-pricing-section-benefits .image{ margin-top:70px; } .jumbo1-pricing-section-benefits .left-col{ padding-right:8%; } /*=================Responsive Section 2====================*/ @media (max-width:1024px){ } @media (max-width:767px){ .jumbo1-pricing-section-benefits .left-col { padding-right: 0; margin-bottom: 40px; } .jumbo1-pricing-section-benefits .border-bottom { border-bottom: 0; padding-bottom: 10px; } .jumbo1-pricing-section-benefits { padding: 45px 0 35px; } } /*============================================================================ Jumbo Pricing FAQs ============================================================================*/ .jumbo-lp-33-faq { background:#f7f7f7; padding:80px 0; } body .row-fluid .jumbo-lp-33-faq .faq-cm-container{ width:100%; max-width:800px; float:none; margin:0 auto; } .jumbo-lp-33-faq .accordion_group{ border-bottom: 1px solid #dadada; padding: 10px 0; margin-bottom: 6px; } .jumbo-lp-33-faq .accordion_header{ padding-right: 40px; cursor:pointer; position:relative; } .jumbo-lp-33-faq .accordion_header:before{ position:absolute; content:''; top:7px; right:0; background:url('https://2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/angle%20down.png') no-repeat; background-size:100%; width:20px; height:20px; transition:all .3s ease-in-out; } .jumbo-lp-33-faq .expanded .accordion_header:before{ transform:rotate(-180deg); } .jumbo-lp-33-faq .accordion_content{ padding:10px 0 10px; } .faq-cm-container span>.hs_cos_wrapper:last-child .accordion_group { border:0; } @media (max-width:1024px){ .jumbo-lp-33-faq { padding: 50px 0; } } @media (max-width:767px){ .jumbo-lp-33-faq { padding: 40px 0; } .jumbo-lp-33-faq h3 { font-size: 18px; line-height: 30px; } } /*============================================================================ Jumbo Pricing REQUEST Quote ============================================================================*/ .jumbo-lp-33-request-quote{ padding:100px 0; } body .row-fluid .jumbo-lp-33-request-quote .address-container{ width:100%; max-width:300px; margin:0 auto; float:none; } .jumbo-lp-33-request-quote .address-container .column{ margin-bottom:20px; margin-top:10px; } .jumbo-lp-33-request-quote .column .fa{ margin-right:6px; } @media (max-width:1024px){ } @media (max-width:767px){ body .row-fluid .jumbo-lp-33-request-quote .address-container { max-width: 100%; margin: 0 0 20px; } .jumbo-lp-33-request-quote { padding: 50px 0; } } /*******************lp-34*******************/ .jumbo-lp-34-hero{ padding:170px 0 100px; background-size:cover; background-repeat:no-repeat; } .jumbo-lp-34-hero p{ font-size: 18px; color: #fff; font-weight: 300; line-height:30px; } /*======================================================================= Case Study Section Styling ========================================================================*/ .jumbo-lp-34-case-study-1{ background:#f5f5f5; padding-bottom:60px; } body .jumbo-lp-34-case-study-1 .row-fluid .jumbo-case-study-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.565%; } body .jumbo-lp-34-case-study-1 .row-fluid .jumbo-case-study-container span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 22.5%; -webkit-flex-basis: 22.5%; float: left; margin-right: 2.5%; margin-top: 32px; box-sizing:border-box; position:relative; background:#fff; transition:all .3s ease-in-out; -webkit-box-shadow: 0 2px 7px 2px #d2d2d2; -moz-box-shadow: 0 2px 7px 2px #d2d2d2; box-shadow: 0 2px 7px 2px #d2d2d2; border-radius: 4px; padding-bottom:80px; overflow:hidden; } body .jumbo-lp-34-case-study-1 .row-fluid .jumbo-case-study-container span>.hs_cos_wrapper:hover { -webkit-box-shadow: 0 5px 10px 0 #828282; -moz-box-shadow: 0 5px 10px 0 #828282; box-shadow: 0 5px 10px 0 #828282; } .jumbo-lp-34-case-study-1 .jumbo-case-study-cm { } .jumbo-lp-34-case-study-1 .text-container{ padding: 30px 20px ; } .jumbo-lp-34-case-study-1 .image-container{ padding:25px 20px 30px; position:absolute; bottom:0; left:0; right:0; border-top: 1px solid #e7e7e7; } .jumbo-lp-34-case-study-1 .jumbo-case-study-container h4{ font-size: 24px; font-weight: 300; line-height: 34px; } .jumbo-lp-34-case-study-1 .with-background .text-container{ position:relative; z-index:1; } .jumbo-lp-34-case-study-1 .with-background .text-container:before{ position:absolute; z-index:-1; content:''; top:0; left:0; right:0; bottom:0; background: rgba(8, 0, 0, 0.40); } .jumbo-lp-34-case-study-1 .jumbo-case-study-container { border-top: 1px solid #cecece; margin-top: 10px; margin-bottom:60px; } .jumbo-lp-34-case-study-1 .heading{ } @media (min-width:768px) and (max-width:1024px){ body .jumbo-lp-34-case-study-1 .row-fluid .jumbo-case-study-container span>.hs_cos_wrapper { flex-basis: 30.8%; -webkit-flex-basis: 30.8%; } } @media (max-width:767px){ body .row-fluid .jumbo-case-study-container span>.hs_cos_wrapper { display: block; flex-basis: 47%; width: 47%; -webkit-flex-basis: 47%; margin-top: 20px; } .jumbo-lp-34-case-study-1 .jumbo-case-study-container { display: block; overflow: hidden; clear: both; padding: 10px 5px; } } @media (max-width:480px){ body .jumbo-lp-34-case-study-1 .row-fluid .jumbo-case-study-container>span { display: block; margin-right: 0; } body .jumbo-lp-34-case-study-1 .row-fluid .jumbo-case-study-container span>.hs_cos_wrapper { display: block; flex-basis: 100%; width:100%; -webkit-flex-basis: 100%; margin:0; margin-top: 20px; } } /*============================================================================ Jumbo Pricing REQUEST Quote ============================================================================*/ .jumbo-lp-34-request-quote{ padding:100px 0; } body .row-fluid .jumbo-lp-34-request-quote .address-container{ width:100%; max-width:300px; margin:0 auto; float:none; } .jumbo-lp-34-request-quote .address-container .column{ margin-bottom:20px; margin-top:10px; } .jumbo-lp-34-request-quote .column .fa{ margin-right:6px; } @media (max-width:1024px){ } @media (max-width:767px){ body .row-fluid .jumbo-lp-34-request-quote .address-container { max-width: 100%; margin: 0 0 20px; } .jumbo-lp-34-request-quote { padding: 50px 0; } } /*******************lp-35*******************/ .jumbo-lp-35-hero{ padding:170px 0 100px; background-size:cover; background-repeat:no-repeat; } .jumbo-lp-35-hero p{ font-size: 18px; color: #fff; font-weight: 300; line-height:30px; } /*======================================================================= Case Study Section Styling ========================================================================*/ .jumbo-lp-35-case-study-style-2{ background:#f9f9f9; } .jumbo-lp-35-case-study-style-2 .jumbo-case-study-cm-2{ margin: 22px 0; background: #fff; transition:all .3s ease-in-out; box-shadow:0 0 16px 0px rgba(0, 0, 0, 0.17); } .jumbo-lp-35-case-study-style-2 .jumbo-case-study-cm-2:hover{ box-shadow:0 0 20px 6px rgba(0, 0, 0, 0.17); } @media (min-width:768px){ body .row-fluid .jumbo-lp-35-case-study-style-2 .jumbo-case-study-cm-2 .span6{ margin:0; width:50%; } .jumbo-lp-35-case-study-style-2 .alternative .right-image .row-fluid{ flex-direction: row-reverse; -webkit-flex-direction: row-reverse; text-align:right; } } .jumbo-lp-35-case-study-style-2 .text-container{ padding:70px 50px; } .jumbo-lp-35-case-study-style-2 .image-container{ position:relative; overflow:hidden; } .jumbo-lp-35-case-study-style-2 .image-container:before{ position:absolute; content:''; top:0; left:0; right:0; bottom:0; z-index:1; background: rgba(0, 0, 0, 0.24); } .jumbo-lp-35-case-study-style-2 .image-container .image{ position:absolute; top:0; left:0; right:0; bottom:0; transition:all 1s cubic-bezier(0.56, 0.56, 0.38, 0.37); } .jumbo-case-study-cm-2:hover .image-container .image{ transform:scale(1.1); transition:all 5s cubic-bezier(0.56, 0.56, 0.38, 0.37); } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-35-case-study-style-2 .text-container { padding: 50px 30px; } } @media (max-width:767px){ .jumbo-lp-35-case-study-style-2 .image-container{ height:200px; } .jumbo-lp-35-case-study-style-2 .text-container{ padding:20px; } } /*======================================================================= Case Study Section Styling ========================================================================*/ .jumbo-lp-35-case-study-style-3{ background:#f9f9f9; } .jumbo-lp-35-case-study-style-3 .jumbo-case-study-cm-3{ margin: 16px 0; background: #fff; transition:all .3s ease-in-out; box-shadow:0 0 16px 0px rgba(0, 0, 0, 0.17); } .jumbo-lp-35-case-study-style-3 .jumbo-case-study-cm-3:hover{ box-shadow:0 0 20px 6px rgba(0, 0, 0, 0.17); } @media (min-width:768px){ body .row-fluid .jumbo-lp-35-case-study-style-3 .jumbo-case-study-cm-3 .span6{ margin:0; width:50%; } .jumbo-lp-35-case-study-style-3 .alternative .right-image .row-fluid, .jumbo-lp-35-case-study-style-3 .text-alternative .right-image .row-fluid{ flex-direction: row-reverse; -webkit-flex-direction: row-reverse; text-align:right; } } .jumbo-lp-35-case-study-style-3 .text-container{ padding:30px 25px; } .jumbo-lp-35-case-study-style-3 .image-container{ position:relative; overflow:hidden; } .jumbo-lp-35-case-study-style-3 .image-container:before{ position:absolute; content:''; top:0; left:0; right:0; bottom:0; z-index:1; background: rgba(0, 0, 0, 0.24); } .jumbo-lp-35-case-study-style-3 .image-container .image{ position:absolute; top:0; left:0; right:0; bottom:0; transition:all 1s cubic-bezier(0.56, 0.56, 0.38, 0.37); } .jumbo-case-study-cm-3:hover .image-container .image{ transform:scale(1.1); transition:all 5s cubic-bezier(0.56, 0.56, 0.38, 0.37); } body .container-fluid .row-fluid .jumbo-case-study-3-cm-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.5%; } body .row-fluid .jumbo-case-study-3-cm-container span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 47.5%; -webkit-flex-basis: 47.5%; float: left; margin-right: 2.43%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } @media (max-width:767px){ body .container-fluid .row-fluid .jumbo-case-study-3-cm-container>span { display: block; margin-right: 0; } body .row-fluid .jumbo-case-study-3-cm-container span>.hs_cos_wrapper { display: block; width: 100%; margin: 0; margin-top: 20px; max-width: 379px; width: 100%; margin: 30px auto 0; float: none; } } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-35-case-study-style-3 .text-container { padding: 50px 30px; } body .container-fluid .row-fluid .jumbo-lp-35-case-study-style-3 .image-container{ width:34%; } body .container-fluid .row-fluid .jumbo-lp-35-case-study-style-3 .text-container{ width:66%; } .jumbo-lp-35-case-study-style-3 .text-container { padding: 30px 20px; } } @media (max-width:767px){ .jumbo-lp-35-case-study-style-3 .image-container{ height:200px; } .jumbo-lp-35-case-study-style-3 .text-container{ padding:20px; } } /*============================================================================ Jumbo Pricing REQUEST Quote ============================================================================*/ .jumbo-lp-35-request-quote{ padding:100px 0; } body .row-fluid .jumbo-lp-35-request-quote .address-container{ width:100%; max-width:300px; margin:0 auto; float:none; } .jumbo-lp-35-request-quote .address-container .column{ margin-bottom:20px; margin-top:10px; } .jumbo-lp-35-request-quote .column .fa{ margin-right:6px; } @media (max-width:1024px){ } @media (max-width:767px){ body .row-fluid .jumbo-lp-35-request-quote .address-container { max-width: 100%; margin: 0 0 20px; } .jumbo-lp-35-request-quote { padding: 50px 0; } } /*******************lp-36*******************/ .jumbo-lp-36-hero { padding: 160px 0 50px; } .row-fluid .jumbo-lp-36-hero .left-cta { max-width: 100%; } /*============================================================================ JUMBO Portfolio Style 1 ============================================================================*/ .jumbo-lp-36-portfolio-style-1{ padding:100px 0 40px; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm { height:400px; position:relative; z-index:4; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm .background-container{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; overflow:hidden; border:1px solid #e7e7e7; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm .bg-image{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; transition:all 1s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm:hover .bg-image{ transform:scale(1.2); transition:all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm .bg-image:before{ position:absolute; content:''; top:0; left:0; right:0; bottom:0; transition:all .3s ease-in-out; background:rgba(255, 255, 255, 0.7); opacity:0; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm .background-container:after{ position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; transition: all .3s ease-in-out; background: url(https://2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/add.svg?t=1491223636833) no-repeat; background-size: 100%; z-index: 2; width: 60px; margin: 0 auto; background-position: center center; opacity: 0; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm:hover .background-container:after{ opacity: 1; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm:hover .bg-image:before{ opacity:1; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm .text-container{ position:absolute; bottom:-50px; width:auto; left:25px; right:25px; background:#fff; padding:30px; z-index:3; transition: all .3s ease-in-out; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm:hover .text-container{ bottom:-40px; } body .jumbo-lp-36-portfolio-style-1 .row-fluid .jumbo-portfolio-style-1-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.565%; } body .row-fluid .jumbo-portfolio-style-1-container span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 47.5%; -webkit-flex-basis: 47.5%; float: left; margin-right: 2.5%; margin-bottom: 100px; box-sizing: border-box; position: relative; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm { height: 290px; } body .row-fluid .jumbo-portfolio-style-1-container span>.hs_cos_wrapper { margin-bottom: 70px; } .jumbo-lp-36-portfolio-style-1 { padding: 60px 0 20px; } } @media (max-width:767px){ body .jumbo-lp-36-portfolio-style-1 .row-fluid .jumbo-portfolio-style-1-container>span { display: block; margin-right: 0; } body .row-fluid .jumbo-portfolio-style-1-container span>.hs_cos_wrapper { display: block; flex-basis: 100%; width:100%; -webkit-flex-basis: 100%; margin:0; margin-bottom: 75px; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm { height: 240px; } .jumbo-lp-36-portfolio-style-1 .jumbo-portfolio-style-1-cm .text-container { left: 15px; right: 15px; padding: 15px; } .jumbo-lp-36-portfolio-style-1 { padding: 40px 0 20px; } } /*============================================================================ JUMBO Portfolio Style 2 ============================================================================*/ .jumbo-lp-36-portfolio-style-2{ padding:100px 0 40px; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm { height:280px; position:relative; z-index:4; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm .background-container{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; overflow:hidden; border:1px solid #e7e7e7; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm .bg-image{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; transition:all 1s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm:hover .bg-image{ transform:scale(1.2); transition:all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm .bg-image:before{ position:absolute; content:''; top:0; left:0; right:0; bottom:0; transition:all .3s ease-in-out; background:rgba(255, 255, 255, 0.7); opacity:0; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm .background-container:after{ position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; transition: all .3s ease-in-out; background: url(//2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/add.svg) no-repeat; background-size: 100%; z-index: 2; width: 50px; margin: 0 auto; background-position: center center; opacity: 0; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm:hover .background-container:after{ opacity: 1; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm:hover .bg-image:before{ opacity:1; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm .text-container{ position:absolute; bottom:-50px; width:auto; left:25px; right:25px; background:#fff; padding:30px; z-index:3; transition: all .3s ease-in-out; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm:hover .text-container{ bottom:-40px; } body .jumbo-lp-36-portfolio-style-2 .row-fluid .jumbo-portfolio-style-2-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.565%; } body .jumbo-lp-36-portfolio-style-2 .row-fluid .jumbo-portfolio-style-2-container span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 30.8%; -webkit-flex-basis: 30.8%; float: left; margin-right: 2.5%; margin-bottom: 100px; box-sizing: border-box; position: relative; } .jumbo-portfolio-style-1-cm .row-fluid .span8 { width: 100% !important; } @media (min-width:768px) and (max-width:1024px){ body .jumbo-lp-36-portfolio-style-2 .row-fluid .jumbo-portfolio-style-2-container span>.hs_cos_wrapper { flex-basis: 47.5%; -webkit-flex-basis: 47.5%; margin-bottom: 70px; } .jumbo-lp-36-portfolio-style-2 { padding: 60px 0 20px; } } @media (max-width:767px){ body .jumbo-lp-36-portfolio-style-2 .row-fluid .jumbo-portfolio-style-2-container>span { display: block; margin-right: 0; } body .jumbo-lp-36-portfolio-style-2 .row-fluid .jumbo-portfolio-style-2-container span>.hs_cos_wrapper { display: block; flex-basis: 100%; width:100%; -webkit-flex-basis: 100%; margin:0; margin-bottom: 75px; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm { height: 240px; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm .text-container { left: 15px; right: 15px; padding: 15px; } .jumbo-lp-36-portfolio-style-2 { padding: 40px 0 20px; } } /*============================================================================ JUMBO Portfolio Style 3 ============================================================================*/ .jumbo-lp-36-portfolio-style-3{ padding:100px 0 60px; } body .row-fluid .jumbo-lp-36-portfolio-style-3 .wrapper{ max-width:100%; } body .jumbo-lp-36-portfolio-style-3 .row-fluid .jumbo-portfolio-style-3-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: -2.565%; padding:0 25px; } body .jumbo-lp-36-portfolio-style-3 .row-fluid .jumbo-portfolio-style-3-container span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 23.25%; -webkit-flex-basis: 23.25%; float: left; margin-right: 1.5%; margin-bottom: 40px; box-sizing: border-box; position: relative; } .jumbo-portfolio-style-2-cm .background-container{ height:18vw; margin-bottom:10px; position:relative; overflow:hidden; } .jumbo-lp-36-portfolio-style-3 .jumbo-portfolio-style-2-cm .bg-image{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; transition:all 1s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-lp-36-portfolio-style-3 .jumbo-portfolio-style-2-cm:hover .bg-image{ transform:scale(1.2); transition:all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-lp-36-portfolio-style-3 .jumbo-portfolio-style-2-cm .bg-image:before{ position:absolute; content:''; top:0; left:0; right:0; bottom:0; transition:all .3s ease-in-out; background:rgba(255, 255, 255, 0.7); opacity:0; } .jumbo-lp-36-portfolio-style-3 .jumbo-portfolio-style-2-cm .background-container:after{ position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; transition: all .3s ease-in-out; background: url(//2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/add.svg) no-repeat; background-size: 100%; z-index: 2; width: 50px; margin: 0 auto; background-position: center center; opacity: 0; } .jumbo-lp-36-portfolio-style-3 .jumbo-portfolio-style-2-cm:hover .background-container:after{ opacity: 1; } .jumbo-lp-36-portfolio-style-3 .jumbo-portfolio-style-2-cm:hover .bg-image:before{ opacity:1; } @media (min-width:768px) and (max-width:1024px){ body .jumbo-lp-36-portfolio-style-3 .row-fluid .jumbo-portfolio-style-3-container span>.hs_cos_wrapper { flex-basis: 31.25%; -webkit-flex-basis: 31.25%; } .jumbo-lp-36-portfolio-style-3 .jumbo-portfolio-style-2-cm .background-container { height: 22vw; } .jumbo-lp-36-portfolio-style-3 { padding: 60px 0 20px; } } @media (max-width:767px){ body .jumbo-lp-36-portfolio-style-3 .row-fluid .jumbo-portfolio-style-3-container>span { display: block; margin-right: 0; overflow: hidden; padding: 0; } body .jumbo-lp-36-portfolio-style-3 .row-fluid .jumbo-portfolio-style-3-container span>.hs_cos_wrapper { display: block; flex-basis: 100%; width: 100%; -webkit-flex-basis: 100%; margin: 0; margin-bottom: 30px; } .jumbo-lp-36-portfolio-style-3 .jumbo-portfolio-style-2-cm .background-container { height: 220px; } .jumbo-lp-36-portfolio-style-3 { padding: 40px 0 20px; } } /*============================================================================ JUMBO Portfolio Style 4 ============================================================================*/ .jumbo-lp-36-portfolio-style-4{ padding:100px 0 60px; } body .jumbo-lp-36-portfolio-style-4 .row-fluid .jumbo-portfolio-style-4-container>span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; } body .jumbo-lp-36-portfolio-style-4 .row-fluid .jumbo-portfolio-style-4-container span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 25%; -webkit-flex-basis: 25%; float: left; box-sizing: border-box; position: relative; } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm{ position:relative; height:34vw; overflow:hidden; } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm .background-container{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; overflow:hidden; } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm .bg-image{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; transition:all 3s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm:hover .bg-image{ transform:scale(1.2); transition:all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm .bg-image:before{ position:absolute; content:''; top:0; left:0; right:0; bottom:0; transition:all .3s ease-in-out; opacity:.5; background:linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background: -webkit-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background: -o-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background: -moz-linear-gradient(20deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm .text-container{ z-index: 4; position: absolute; bottom: 0; text-align: center; padding: 30px 20px; left: 0; right: 0; transition:all .3s ease-in-out; } .jumbo-lp-36-portfolio-style-2 .jumbo-portfolio-style-1-cm:hover .bg-image{ transform:scale(1.2); transition:all 6s cubic-bezier(0.45, 0.41, 0.44, 0.43); } .jumbo-portfolio-style-3-cm .background-container:after, .jumbo-portfolio-style-3-cm .background-container:before { content: ""; display: block; position: absolute; top:20px; left: 20px; right: 20px; bottom: 20px; transition: -webkit-transform .6s ease; transition: transform .4s ease; z-index: 5; } .jumbo-portfolio-style-3-cm .background-container:before { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scaleY(0); transform: scaleY(0); top:0; bottom:0; } .jumbo-portfolio-style-3-cm .background-container:after { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scaleX(0); transform: scaleX(0); left:0; right:0; } .jumbo-portfolio-style-3-cm:hover .background-container:after, .jumbo-portfolio-style-3-cm:hover .background-container:before{ -webkit-transform: scale(1); transform: scale(1); } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm:hover .text-container{ bottom: 25px; } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm:hover .bg-image:before{ opacity:1; } @media (min-width:768px) and (max-width:1024px){ .jumbo-lp-36-portfolio-style-4 { padding: 60px 0 20px; } } @media (max-width:767px){ body .jumbo-lp-36-portfolio-style-4 .row-fluid .jumbo-portfolio-style-4-container>span { display: block; margin-right: 0; } body .jumbo-lp-36-portfolio-style-4 .row-fluid .jumbo-portfolio-style-4-container span>.hs_cos_wrapper { display: block; flex-basis: 100%; width:100%; -webkit-flex-basis: 100%; margin:0; } .jumbo-lp-36-portfolio-style-4 .jumbo-portfolio-style-3-cm { height: 400px; } .jumbo-lp-36-portfolio-style-4 { padding: 50px 0 0; } } /*============================================================================ Jumbo Pricing REQUEST Quote ============================================================================*/ .jumbo-lp-36-portfolio-request-quote{ padding:100px 0; } body .row-fluid .jumbo-lp-36-portfolio-request-quote .address-container{ width:100%; max-width:300px; margin:0 auto; float:none; } .jumbo-lp-36-portfolio-request-quote .address-container .column{ margin-bottom:20px; margin-top:10px; } .jumbo-lp-36-portfolio-request-quote .column .fa{ margin-right:6px; } @media (max-width:1024px){ } @media (max-width:767px){ body .row-fluid .jumbo-lp-36-portfolio-request-quote .address-container { max-width: 100%; margin: 0 0 20px; } .jumbo-lp-36-portfolio-request-quote { padding: 50px 0; } } /*************************************************************************************************************************** *************************************************************************************************************************** ***************************************************** JUMBO BLOG ********************************************************** *************************************************************************************************************************** ***************************************************************************************************************************/ /* ========================================================================== Body-Container ========================================================================== */ /*Slider Item Style's*/ .jumbo-blog-1 .post-image { min-height:635px; background-size: cover; background-position:center center; background-repeat: no-repeat; width: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; text-align:center; } .jumbo-blog-1 .post-image:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); } .jumbo-blog-1 .post-title h2 a { font-size: 50px; color: #fff; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; } .jumbo-blog-1 .more-button a{ background: #fff; color: #414447; font-size: 12px; font-weight: 700; padding: 12px 27px; text-transform: uppercase; letter-spacing: .5px; border-radius: 5px; margin-top: 65px; display: inline-block; transition: all .4s ease-out; } .jumbo-blog-1 .more-button a:hover{ background:#7dc037; color:#ffffff; } .jumbo-blog-1 .wrapper-wrapped { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; float: none; } .jumbo-blog-1 .slick-initialized .item{ display:block; } .jumbo-blog-1 .item{ display:none; } body.jumbo-blog-1 .slick-dots li{ margin:0px 2px; } body.jumbo-blog-1 .slick-dots li button:before { font-size:0px; line-height: 20px; position: absolute; top: 0; left: 0; width:8px; height:8px; background:#ffffff; content: '•'; text-align: center; border:2px solid #ffffff; color:transparent; opacity:1; border-radius:100%; } body.jumbo-blog-1 .slick-dots li.slick-active button:before{ background-color: #7dc037; border:2px solid #7dc037; } body.jumbo-blog-1 .slick-dotted.slick-slider { margin-bottom:0px; overflow:hidden; } body.jumbo-blog-1 .slick-dots { bottom:15px; width: 100%; margin: 0; list-style: none; text-align: center; position: absolute; } .jumbo-blog-1 .post-title h2 a:focus{ outline:none; } .jumbo-blog-1 .blog-subscription-outer{ position: absolute; top: 108px; right:0px; left:0px; } .jumbo-blog-1 .blog-subscription { max-width: 400px; position: absolute; right:10px; } .jumbo-blog-1 .row-fluid .blog-subscription form label{ display:none; } .jumbo-blog-1 .blog-subscription input[type="email"]{ border:0px; background:none; border-bottom:1px solid #ffffff; height: 35px; padding-left: 0px; color:#ffffff; } .jumbo-blog-1 .blog-subscription input[type="email"]:focus{ outline:none; border-width: 0px 0px 1px 0px; } .jumbo-blog-1 .blog-subscription input[type="submit"] { color: #414447; -webkit-appearance: none; background: #fff; border: 0; font-weight: 700; font-size: 12px; letter-spacing: .25px; position: absolute; top: 0px; right:0px; padding: 7px 15px; cursor:pointer; margin:0px; } .jumbo-blog-1 .blog-subscription .submitted-message{ color: #fff; font-weight: bold; } /* Placeholder Text */ .jumbo-blog-1 .blog-subscription::-webkit-input-placeholder{ /* Webkit Browsers */ font-size: 12px; color:#ffffff; font-weight:400; } .jumbo-blog-1 .blog-subscription form:-moz-placeholder{ /* Firefox 18- */ font-size: 12px; color:#ffffff; font-weight:400; } .jumbo-blog-1 .blog-subscription form::-moz-placeholder{ /* Firefox 19+ */ font-size: 12px; color:#ffffff; font-weight:400; } .jumbo-blog-1 .blog-subscription form:-ms-input-placeholder{ /* IE10 */ font-size: 12px; color:#ffffff; font-weight:400; } .jumbo-blog-1 .blog-subscription input:-webkit-autofill{ background:transparent; color:#ffffff; } .jumbo-blog-1 .blog-subscription .form-title{ display:none; } .jumbo-blog-1 .blog-subscription label{ display:none; } .jumbo-blog-1 ul.hs-error-msgs.inputs-list { position: absolute; bottom: -18px; list-style: none; padding: 0px; margin: 0px; } .jumbo-blog-1 ul.hs-error-msgs.inputs-list label{ display: block; color: red; font-size: 12px; font-weight: bold; } .jumbo-blog-1 .blog-subscription .hs_error_rollup { display: none; } .jumbo-blog-1 .subscribe-blog-section .hs_error_rollup { display: none; } /* ========================================================================== Blog-Style ========================================================================== */ .hs-blog-listing.jumbo-blog-1 .blog-outer-section{ padding-top:80px; padding-bottom:90px; } .jumbo-blog-1 .hs-featured-image { float: none; margin: 0px 0px 0px 0px; max-width: 100%; padding-right: 0px; height: 250px; width: 100%; display: block; background-size: cover!important; background-position: center center!important; position: relative; border-top-left-radius: 15px; border-top-right-radius: 15px; } .jumbo-blog-1 .hs-featured-image:after { content: ""; position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; right: 0; background:rgba(0,0,0,0); } .jumbo-blog-1 .post-header { position: relative; } .jumbo-blog-1 .post-list-topics { padding-bottom: 15px; } .jumbo-blog-1 .post-list-topics a:first-child{ display:inline-block; } .jumbo-blog-1 .post-list-topics a{ font-size:10px; font-weight:700; color:#111a07; letter-spacing: .25px; display:none; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } .jumbo-blog-1 .post-item h2 { margin-top: 0px; margin-bottom: 0px; padding-bottom: 20px; display: inline-block; } .jumbo-blog-1 .post-item h2 a { color: #7dc037; text-transform:uppercase; line-height: 30px; display: -webkit-box; font-size: 20px; font-weight: 600; font-family: 'Montserrat',sans-serif; } .jumbo-blog-1 .post-listing { display: block; margin: 0 -40px 0 0; padding: 0 25px 0px 25px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .jumbo-blog-1 .post-item { float: left; width: 33.33%; padding-right: 40px; display: block; box-sizing: border-box; align-self: stretch; margin-bottom: 40px; } .jumbo-blog-1 .blog-outer-section .wrapper-listing{ max-width: 1320px; padding-left: 10px; padding-right: 10px; float: none; margin: 0 auto; } .jumbo-blog-1 .post-item-inner{ padding-bottom:0px; min-height:605px; transition:all .4s ease-out; border:1px solid transparent; position:relative; border-radius: 15px; } .jumbo-blog-1 .post-item-inner:hover{ background: #ffffff; box-shadow: 1px 1px 30px rgb(0 0 0 / 15%); -webkit-box-shadow:1px 1px 30px rgb(0 0 0 / 15%); border:1px solid rgb(233, 237, 239); } .jumbo-blog-1 .post-item-inner:hover .read-more-link{ opacity:1; } .jumbo-blog-1 .read-more-link{ position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; display: block; opacity:0; } .blog-more-button { text-align: center; padding: 10px 20px 15px; margin-bottom: 20px; margin-top: 10px; } .blog-more-button .more-link { text-align: center; width: fit-content; margin: 0 auto; background: #7dc037; color: #fff; font-size: 14px; font-weight: 600; padding: 10px 20px; text-transform: uppercase; letter-spacing: .5px; border: 1px solid #7dc037; border-radius: 7px; display: inline-block; transition: all .4s ease-out; } .blog-more-button .more-link:hover { background: #fff !important; color: #7dc037 !important; webkit-transition: all linear 300ms; -moz-transition: all linear 300ms; -o-transition: all linear 300ms; transition: all linear 300ms; } .jumbo-blog-1 .post-item .post-body { text-align: center; padding: 30px 25px 15px; } .jumbo-blog-1 .post-item .post-body p{ font-size:16px; line-height:24px; margin: 0px; } .jumbo-blog-1 .post-body { padding: 25px 15px 15px; } .jumbo-blog-1 .hs-featured-image-wrapper { position: relative; } .post-body p { margin-top: 0px; font-size: 16px; line-height: 26px; } /*Blog Post page Fadding Effects*/ body.hs-blog-post.jumbo-blog-1 .body-container-wrapper { animation: fadein 2s; -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */ } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { /* Opera */ from { opacity: 0; } to { opacity: 1; } } .jumbo-blog-1.hs-blog-listing .post-section-hero{ display:none; } .jumbo-blog-1.hs-blog-post .blog-featured-main{ display:none; } .jumbo-blog-1.hs-blog-post{ } .jumbo-blog-1 .post-section-hero{ min-height: 600px; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; text-align: center; } .jumbo-blog-1 .post_featured_image { position: absolute; background-size: cover; background-position: center; background-repeat:no-repeat; display: block; top: 0px; width: 100%; height: 100%; left: 0px; right: 0px; } .jumbo-blog-1 .post_featured_image:after{ content:""; width:100%; height:100%; left:0px; right:0px; background-color: rgba(51, 51, 51, 0.75); display:block; position:absolute; } .jumbo-blog-1 .post-author-avatar{ width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 100%; margin: 0 auto 12px; display: block; max-width: 50px; } .jumbo-blog-1 .author-link-avator{ max-width: 50px; display: block; margin: 0 auto; } .jumbo-blog-1 .post_banner_date,.post_author,.post_author .author-link{ display:block; font-style:italic; font-size:12px; color:#ffffff; font-weight:400; padding-bottom: 3px; } .jumbo-blog-1 .post_author,.post_author .author-link{ display:inline-block; } .jumbo-blog-1 .post_author .author-link{ } .jumbo-blog-1 .post_topic_data a:first-child{ display:inline-block; } .jumbo-blog-1 .post_topic_data a{ display:none; color: #ffffff; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 15px 0px 10px; font-family: 'Montserrat',sans-serif; } .jumbo-blog-1 .post-section-hero h1{ font-size: 50px; color: #fff; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat',sans-serif; margin: 0px; } .jumbo-blog-1 .section.post-body{ padding:0px 0px; } .jumbo-blog-1 .blog-post-wrapper{ margin:0 auto; max-width:830px; padding-left:15px; padding-right:15px; float:none; } .jumbo-blog-1 .section.post-body h2{ font-size:22px; color:#111a07; line-height:32px; font-weight:600; } .jumbo-blog-1 .section.post-body h3{ color:#111a07; } .jumbo-blog-1 .section.post-body p{ font-size:18px; color:#111a07; line-height:32px; font-weight:400; margin: 25px 0px; } .jumbo-blog-1 .section.post-body p:nth-of-type(1)::first-letter{ font-weight: 400; color: #111a07; font-size: 120px; float: left; display: block; line-height: 90px; padding-right: 5px; } .jumbo-blog-1 .section.post-body a{ color:#7dc037; text-decoration:underline; } .jumbo-blog-1 .section.post-body ul{ padding-left:20px; margin:20px 0px; } .jumbo-blog-1 .section.post-body ul li{ font-size:16px; color:#333333; line-height:25px; font-weight:400; margin-bottom: 15px; } .jumbo-blog-1 .section.post-body img{ margin: 25px 0px; } .jumbo-blog-1 .author_box_bottom{ width: 110px; height:110px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 100%; display: block; } .jumbo-blog-1 .about-author-sec{ padding: 70px 0px; } .jumbo-blog-1 .about-author-sec .span10{ margin-left:5px; } .jumbo-blog-1 .about-author-sec h3{ margin:0px; } .jumbo-blog-1 .about-author-sec h3 a.author-link{ display: block; color:#414447; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 15px 0px 10px; font-family: 'Montserrat',sans-serif; } .jumbo-blog-1 .about-author-sec p{ margin: 0px; font-size: 16px; line-height: 30px; } .jumbo-blog-1 .about-author-sec .share_links{ color: #3fa2f7; text-decoration: none; font-size: 16px; display: inline-block; padding: 10px 0px; } .jumbo-blog-1 .cta_section{ padding-top:15px; padding-bottom: 50px; } .jumbo-blog-1.hs-blog-post .blog-section{ position:relative; max-width:860px; margin:0 auto; float:none; } .hs-blog-post.jumbo-blog-1 .blog-outer-section { padding-top: 45px; } .jumbo-blog-1 .social_sharing_module { max-width: 50px; padding: 0 10px 0; position: absolute; top: 0; left: -100px; } @media(min-width:768px) and (max-width:1049px){ .jumbo-blog-1 .social_sharing_module { left:5px; } .jumbo-blog-1 .blog-post-wrapper{ max-width: 650px; } } .jumbo-blog-1 .social_sharing_module a { display: block; max-width: 30px; margin: 0px auto 10px; } .jumbo-blog-1 .social_sharing_module a i{ font-size: 16px; border: 1px solid #000; padding: 0; width: 30px; text-align: center; height: 30px; border-radius: 100%; vertical-align: bottom; line-height: 30px; transition: all .2s ease-out; } .jumbo-blog-1 .social_sharing_module a i.fa-facebook-official { color: #43619c; border-color:#43619c; } .jumbo-blog-1 .social_sharing_module a:hover i.fa-facebook-official { background-color: #43619c; color:#ffffff; } .jumbo-blog-1 .social_sharing_module a i.fa-linkedin { color: #187fb8; border-color:#187fb8; } .jumbo-blog-1 .social_sharing_module a:hover i.fa-linkedin { background-color: #187fb8; color:#ffffff; } .jumbo-blog-1 .social_sharing_module a i.fa-twitter { color: #24a9e6; border-color:#24a9e6; } .jumbo-blog-1 .social_sharing_module a:hover i.fa-twitter { background-color: #24a9e6; color:#ffffff; } .jumbo-blog-1 .social_sharing_module a i.fa-google-plus { color: #f24033; border-color:#f24033; } .jumbo-blog-1 .social_sharing_module a:hover i.fa-google-plus { background-color: #f24033; color:#ffffff; } /*Related Post Section*/ .jumbo-blog-1 .related-post-title{ text-align:center; font-size:28px; font-weight:600; text-transform:uppercase; font-family: 'Montserrat',sans-serif; padding-bottom: 30px; margin:0px; } .jumbo-blog-1 .wrapper-short{ max-width:1050px; padding-left:10px; padding-right:10px; margin:0 auto; float:none; display:block; } .jumbo-blog-1 .related-post-section .hs-featured-image{ height:190px; } .jumbo-blog-1 .related-post-section .post-item .post-body { text-align: center; padding:20px 15px 20px; } .jumbo-blog-1 .related-post-section .post-item-inner{ padding-bottom:0px; min-height:100%; } /*Author-Style*/ .jumbo-blog-1 #comment-form { padding-top: 50px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; } .jumbo-blog-1 #comment-form .hs-form-field { position: relative; } .jumbo-blog-1 #comment-form ul.hs-error-msgs.inputs-list { position: absolute; bottom: -5px; list-style: none; padding: 0; margin: 0px; } .jumbo-blog-1 #comment-form ul.hs-error-msgs.inputs-list label { font-size: 13px; color: red; font-weight: 600; letter-spacing: .25px; } .jumbo-blog-1 #comment-form input[type="email"], .jumbo-blog-1 #comment-form input[type="text"] { text-align: left!important; min-height: 50px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; width: 100%; margin-bottom: 20px; padding-left: 16px; } .jumbo-blog-1 #comment-form .hs-form fieldset { max-width: 100%; } .jumbo-blog-1 #comment-form textarea { padding-top: 15px; padding-left: 16px; border-radius: 6px; text-align: left!important; min-height: 120px; border: 1px solid #ccc; width: 100%; font-size: 16px; } .jumbo-blog-1 #comment-form .hs-form-booleancheckbox input { min-height: 10px; } .jumbo-blog-1 #comment-form .hs-button { border: none; cursor: pointer; float: none; text-align: center; padding: 16px 0; display: inline-block; background: #f69417; color: #fff; font-weight: 600; margin: 0px auto 0; width: 100%; max-width: 100%; font-size: 16px; -webkit-appearance: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .jumbo-blog-1 #hubspot-topic_data { border-top: 1px solid #e1e3e4; border-bottom: 1px solid #e1e3e4; padding: 10px 0; } body.hs-blog-listing.author-body.jumbo-blog-1 .post-item .bottom-part, body.hs-blog-listing.author-body.jumbo-blog-1 .hs-author-profile { text-align: center; } body.hs-blog-listing.author-body.jumbo-blog-1 .hs-author-avatar img { max-width: 100px; border-radius: 50%; } body.hs-blog-listing.author-body.jumbo-blog-1 h2.hs-author-name { font-size: 25px; color: #ffffff; } body.hs-blog-listing.author-body.jumbo-blog-1 .hs-author-social-links { padding-bottom: 15px; } body.hs-blog-listing.author-body.jumbo-blog-1 .hs-author-bio { max-width: 770px; margin: 0 auto; float: none; color: #ffffff; font-size: 16px; line-height: 25px; } body.hs-blog-listing.author-body.jumbo-blog-1 .hs-author-social-links a.hs-author-social-link { background-image: none; width: 30px; height: 30px; border-width: 0; border: 0; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: 0px; font-size: 20px; color: #ffffff; } body.hs-blog-listing.author-body.jumbo-blog-1 .hs-author-social-links a.hs-author-social-link:hover { color: #f69417; } /* ========================================================================== Responsive-Style ========================================================================== */ @media(max-width:1024px) and (min-width:768px) { .jumbo-blog-1 .post-item, .post-listing-simple { width: 50% } .jumbo-blog-1 .next-post a, .jumbo-blog-1 .prev-post a, .jumbo-blog-1 .next-posts-link, .jumbo-blog-1 .previous-posts-link { font-size: 0px; z-index: 3; } } @media(max-width:767px){ .jumbo-blog-1 .row-fluid .blog-subscription-outer{ display:none; } .jumbo-blog-1 .post-title h2 a { font-size: 35px; } .jumbo-blog-1 .hs-blog-listing .blog-outer-section { padding-top: 60px; padding-bottom: 50px; } .jumbo-blog-1 .ias-trigger.ias-trigger-next{ padding-top:20px; } .jumbo-blog-1 .post-section-hero h1{ font-size:35px; } .jumbo-blog-1 .social_sharing_module { max-width: 100%; padding: 0 10px 0px; position: absolute; top: 0; left: 0px; } .jumbo-blog-1 .social_sharing_module a{ margin: 0px 10px 0px 0px; display: inline-block; } body.jumbo-blog-1 .hs-menu-wrapper { display: block; } .jumbo-blog-1 .recents-post ul li { padding-bottom: 10px; } .jumbo-blog-1 .post-item, .jumbo-blog-1 .post-listing-simple { width: 100%; padding-right: 0px; margin: 0px 0px 25px; } .jumbo-blog-1 .post-item .hs-author-avatar { max-width: 35px; } .jumbo-blog-1 .authorname { font-size: 11px; top: 8px; } .span3.pop-post-image { .jumbo-blog-1 float: left; width: 50px; margin-right: 15px; } .jumbo-blog-1 .span9.pop-post-title { float: left; width: 70%; } .jumbo-blog-1 .span9.pop-post-title a { font-size: 14px; } .jumbo-blog-1 .post-listing { margin: 0px; padding:0px; } .jumbo-blog-1 .post-item .post-body { text-align: center; padding: 30px 10px 0px; } .jumbo-blog-1 .cta_section { padding-top: 15px; padding-bottom: 50px; text-align: center; } .jumbo-blog-1 .cta_section a.cta_button img{ height:100%; } .jumbo-blog-1 .related-post-section{ padding-bottom:35px; } .jumbo-blog-1 .section.post-body { padding: 25px 0px 0px; } .jumbo-blog-1 .about-author-sec { padding: 40px 0; } .jumbo-blog-1 .row-fluid blockquote { padding-left: 15px; margin: 30px 0; } .jumbo-blog-1 .hamburger-menu .row-fluid .click-me { top: -45px; right: 0px; position: absolute; } .jumbo-blog-1 .widget-type-blog_subscribe, .jumbo-blog-1 .recents-post { padding-top: 40px; } .jumbo-blog-1 .section.post-header h2, .jumbo-blog-1 .section.post-header h2 a { font-size: 30px; line-height: 40px; } .jumbo-blog-1 .next-post a, .jumbo-blog-1 .prev-post a, .jumbo-blog-1 .next-posts-link, .jumbo-blog-1 .previous-posts-link { font-size: 0px; z-index: 3; padding: 10px 10px 5px; } .jumbo-blog-1 .next-post a .fa, .jumbo-blog-1 .prev-post a .fa, .jumbo-blog-1 .next-posts-link .fa, .jumbo-blog-1 .previous-posts-link.fa { font-size: 16px; top: -3px; } .jumbo-blog-1 #comment-form { padding-top: 0px; padding-bottom: 0; padding-left: 0px; padding-right: 0px; } .jumbo-blog-1 .hs-blog-post #comment-form div.input { margin-right: 0px; } .jumbo-blog-1 .hs-blog-post .section.post-body h3, .jumbo-blog-1 .hs-blog-post .section.post-body h2 { font-size: 24px; line-height: 32px; } } @media(max-width:767px) { .jumbo-blog-1 .row-fluid .subnav { position: relative; width: 100%; top: 0px; } .jumbo-blog-1 .body-container-wrapper { padding-top: 0px; } .jumbo-blog-1 .row-fluid .breadcrumb-section { display: none; visibility: hidden; } .jumbo-blog-1 .blog-section { padding-top: 15px; padding-right: 0px; } .jumbo-blog-1 .blog-content { padding-right: 0px; } .jumbo-blog-1 .post-body .hs-featured-image { float: none; width: 100%; margin: 0 auto 30px; max-width: 100%; } .jumbo-blog-1 .section.post-header h2 { font-size: 25px; line-height: 32px; } .hs-blog-post.jumbo-blog-1 .section.post-body img:first-child { margin-bottom: 0px; } .jumbo-blog-1 .widget-type-blog_subscribe { padding-top:10px; } .jumbo-blog-1 .related-post-section{ padding-bottom:20px; } } /*Sidebar*/ .jumbo-blog-1 .pop-post-item { overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.46); margin-bottom: 15px; } .jumbo-blog-1 .pop-post-item:last-child { border-bottom: none; margin-bottom: 0; } .jumbo-blog-1 .span3.pop-post-image { max-width: 60px; } .jumbo-blog-1 .pop-post-image a span { width: 55px; height: 75px; background-size: cover !important; display: block; background-position: center center !important; } .jumbo-blog-1 .pop-post-title a { font-size: 16px; line-height: 20px; text-decoration: none; display: inline-block; padding-left: 0px; color: #ffffff; } .jumbo-blog-1 .pop-post-date { font-size: 12px; color: #fff; text-align: left; display: block; } .jumbo-blog-1 blockquote { border-left: 5px solid #f69417; margin: 50px 0px; padding-left: 30px; } .jumbo-blog-1.author-body .author-box { display: none; } @media(min-width:768px) { .jumbo-blog-1 .make-equal-height > .row-fluid-wrapper >.row-fluid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } .jumbo-blog-1 .ias-trigger.ias-trigger-next{ width: 100%; margin: 0 auto; } body.jumbo-blog-1 .ias-spinner{ display:block!important; width:100%!important; } .jumbo-blog-1 .ias-trigger.ias-trigger-next a{ font-size: 12px; color: #7dc037; border: 1px solid #7dc037; border-radius: 2px; display: inline-block; padding: 15px 50px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat',sans-serif; letter-spacing: 1px; } .jumbo-blog-1 .ias-trigger.ias-trigger-next a:hover{ background:#7dc037; color:#ffffff; }