@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/****************************************/
/* 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: #f11e3c;" #} */
/* { Used on global 'Background gradient Color ' | Ex. "color: #f11e3c;" #} */
/* Typography */
/* */
/* */
/* */
/* */
/* */
/* Wrappers */
/* */
/* */
/* */
/*Cookies banner*/
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
color: white !important;
background-color: #f11e3c !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
color: #fff!important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
color: #f11e3c!important;
}
:root {
--light-color: #FAFAFA;
--red-color: #F11E3C;
--dark-color: #2E2E2E;
}
/*End cookies*/
body{
padding:0;
font-size: 16px;
line-height:1.5;
overflow-x:hidden;
-webkit-font-smoothing: antialiased;
font-family:'Rubik', sans-serif;;
width:100%;
background:#ffffff;
margin:0 auto;
max-width:100%;
color: #2e2e2e;
}
.row-fluid [class*="span"].wrapper{
width: 100%;
max-width: 934px;
margin: 0 auto;
float: none;
padding: 0 15px;
}
@media(min-width: 1200px){
body[class*="blog"] .row-fluid [class*="span"].wrapper{
max-width: 1200px;
}
}
h1,h2,h3,h4,h5,h6{
font-family: 'Montserrat', sans-serif;
color:#f11e3c;
}
h4{
font-family:'Rubik', sans-serif;;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a{
text-transform:initial;
margin:0;
padding:0;
text-decoration:none;
list-style:none;
margin-bottom:15px;
}
a{
margin-bottom:0;
}
h1{
font-size: 52px;
font-weight: 700;
line-height: 64px;
letter-spacing: 0.9px;
color: #f11e3c;
}
h2{
font-size: 36px;
line-height: 1.28;
letter-spacing: 0.6px;
font-weight: 500;
margin-bottom: 13px;
}
p ~ h2,
ul ~ h2{
margin-top: 2rem;
}
h3 {
font-size: 22px;
line-height: 1.64;
letter-spacing: .4px;
font-weight: normal !important;
}
h4{
font-size:20px;
font-weight:400;
line-height:28px;
letter-spacing:.3px;
}
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: 18px;
font-weight: 400;
line-height: 26px;
letter-spacing:.2px;
margin-bottom: 14px;
color: #2e2e2e;
}
h4+p{
margin-top:15px;
}
ul{
font-size: 18px;
}
* {
-webkit-tap-highlight-color: transparent;
}
.hs-responsive-embed iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.hs-responsive-embed{
position: relative;
padding:60% 0 0 0;
}
.body-container-wrapper ul, .body-container-wrapper ol {
padding: 0;
text-decoration: none;
list-style: none;
margin: 20px 0;
}
.body-container-wrapper li{
font-size: 18px;
font-weight: 400;
line-height: 26px;
letter-spacing:.2px;
margin-bottom: 8px;
color: #2e2e2e;
position:relative;
margin-left:22px;
}
.body-container-wrapper ul > li:before {
position: absolute;
content: '';
top: 12px;
left: -20px;
background: #f11e3c;
height: 2px;
width: 8px;
}
.body-container-wrapper ol > li::before {
counter-increment: section;
content: counters(section, ".") " ";
position: absolute;
top: 0;
left: -20px;
}
.blog .body-container-wrapper ul.hs-blog-social-share-list > li,
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item{
margin-left:0;
}
.blog .body-container-wrapper ul.hs-blog-social-share-list > li:before,
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:before{content:none;}
li.hs-blog-social-share-item.hs-blog-social-share-item-facebook {
margin-top: -6px;
}
a{
color:#f11e3c;
}
blockquote{
margin: 0;
font-size: 18px;
font-style: italic;
color:#b2b2b2;
font-weight: 400;
padding-left: 18px;
border-left: 2px solid #f11e3c;
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: 20px 44px;
color: #f5f8fa;
background: #f11e3c;
font-weight: 500;
letter-spacing: .9px;
border: 0;
cursor: pointer;
font-family:'Montserrat', sans-serif;;
text-align: center;
display: inline-block;
border-radius: 2em;
transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
}
a.cta_button:hover,body .row-fluid form .hs-button:hover{
transform: translate(0, -5px);
box-shadow: 0px 30px 40px rgba(0,0,0,0.1);
}
.overlay a.cta_button,
.overlay body .row-fluid form .hs-button{
background: #fff;
color:#f11e3c;
border-radius: 100px !important;
}
.v-col-3{
padding-bottom:30px;
}
.trans-button a.cta_button{
background:transparent;
border:1px solid #f11e3c;
padding: 12px 33px;
color:#f11e3c;
}
.white-button a.cta_button,
.white-button .row-fluid form .hs-button{
background:#fff;
color:#f11e3c
}
.simple-arrow-cta a.cta_button{
position:relative;
padding:0;
color:#f11e3c;
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(241, 30, 60, 0.8) ;
z-index: -1;
}
/*slider home sin color background*/
.jumbo-4-home-hero-section:before
{
background: none !important;
}
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(to right, #fc614e , #ff4468) ;
}
.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);
}
.grey-bg{
background: #f3f3f3;
}
.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{
padding:170px 0 80px;
background-size:cover;
background-repeat:no-repeat;
}
.jumbo1-primary-banner p{
font-size: 18px;
color: #fff;
font-weight: 400;
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 ul{
padding:0;
text-decoration:none;
list-style:none;
margin:20px 0;
}
.body-container-wrapper ul ul,
.body-container-wrapper ul ol,
.body-container-wrapper ol ol,
.body-container-wrapper ol ul{
padding-left: 1.5rem;
}
.body-container-wrapper ol {
counter-reset: section;
list-style-type: none;
}
.body-container-wrapper ol li::before {
counter-increment: section;
content: counters(section, ".") " ";
}
.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:#f11e3c;
}
.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"]:not(.widget-type-space){
min-height:0;
}
.section-bg{
background-size: cover!important;
background-position:center center!important;
}
.section-bg .bg-image{
display:none!important;
}
.section-padding{
padding:50px 0 !important;
}
.top-padding-cta {
padding-top: 30px;
}
.bottom-padding {
padding-bottom: 30px;
}
.top-padding {
padding-top: 50px;
}
@media (max-width: 767px) {
.mobile-h2-ss h2 {
font-size: 28px !important;
line-height: 140%;
}
}
.section-border{
border-bottom:1px solid #e7e7e7;
}
body .container-fluid .row-fluid .section-heading.align-center {
max-width: 900px;
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;
}
/* subtitulo */
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text p {
line-height:120% ;
}
}
/*=========================================================
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: 54px;
font-family:'Rubik', sans-serif;;
border: 0;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
padding: 0;
margin-bottom: 8px;
border-radius: 0;
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;
font-display: swap;
}
.row-fluid form input:focus,
.row-fluid form select:focus,
.row-fluid form textarea:focus{
outline:0;
border:1px solid #f11e3c;
}
.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: 400;
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: -4px;
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%;
position:relative;
}
/*
form .hs-form-required{
display:none;
}*/
.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;
}
.evento-form li.hs-form-booleancheckbox {
margin-bottom: 0;
}
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: none;
}
.legal-consent-container p {
font-size: 14px;
line-height: normal;
}
/*=======================================================
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 #f11e3c;
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: #f11e3c;
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
==============================================*/
@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:14px 0;
}
}
body .header-container-wrapper .container-fluid .row-fluid .lp-header {
padding: 15px 0 13px;
background: #000;
}
body .header-container-wrapper .container-fluid .row-fluid .header{
background: #f11e3c;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
position: fixed;
z-index: 3;
transition: all .4s ease-in;
-webkit-transition: all .4s ease-in;
max-width:100%;
}
.header-container-wrapper .header .hs-menu-wrapper{
float:right;
line-height:.6;
}
.header .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
text-align:right;
}
.header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{
margin-bottom:0;
float:left: none;
display: inline-block;
}
.header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a{
max-width: none;
color: #f7f7f7;
font-size: 13px;
line-height:13px;
letter-spacing:.5px;
/*font-weight: 600;*/
padding: 9px 25px;
text-transform:uppercase;
transition: .4s;
}
.header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{
color: #fff;
text-decoration:underline;
}
@media (min-width:768px){
.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:2px;
text-align:left;
}
ul>li.hs-item-has-children>a{
position:relative;
}
ul>li.hs-item-has-children>a:after,
ul>li.hs-item-has-children ul li.hs-item-has-children a:after{
font-family: FontAwesome;
position: absolute;
/*content: "\f067";*/
right:12px;
text-align: center;
font-weight: 400;
font-size: 10px;
color: #ffffff;
}
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;
}
.header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1>a{
/*
padding: 32px 13px; */
padding: 32px 8px;
}
.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,
.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: #f11e3c;*/
text-decoration:underline;
}
.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:1189px){
.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: 23px; */
font-size:11px;
padding: 30px 9px;
}
}
@media (min-width: 1189px){
ul>li.hs-item-has-children>a:after,
ul>li.hs-item-has-children ul li.hs-item-has-children a:after{
right:3px;
}
}
@media (max-width:1024px){
body .row-fluid .header .logo{
width: 100%;
max-width: 120px;
float: left;
}
.custom-menu-primary .hs-menu-wrapper{
display:none;
}
body .header .row-fluid .search-group {
width: 4.801105%;
float:right;
margin-left: 4px;
}
}
@media (min-width:768px) and (max-width:1024px){
.header-container .row-fluid [class*="span"].wrapper {
padding: 0 40px;
}
}
@media(min-width: 1189px){
.header-container .row-fluid [class*="span"].wrapper {
max-width: 1215px;
}
}
@media (max-width:767px){
.header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 ul li a{
color:;
}
}
/*==============================================================================
JUMBO LP FOOTER
==============================================================================*/
.jumbo-lp-footer{
padding:20px 0;
border-top:1px solid #e7e7e7;
}
.jumbo-lp-footer .footer-logo img {
width: 100%;
max-width: 120px;
}
.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 {
background: #f11e3c;
position: fixed;
}
/*=================================================
Footer Styling
==================================================*/
.footer{
padding: 45px 0 55px;
background-color: #f7f7f7;
/*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:8px;
margin-left:0;
}
.footer .hs-menu-wrapper ul li a{
padding: 0;
color: #cccccc;
font-size: 13px;
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: 16px;
font-weight: 500;
line-height: 18px;
letter-spacing: .2px;
margin-bottom: 20px;
}
.footer .hs-menu-wrapper ul li a:hover{
color:#333;
}
.footer .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;
}
.footer .social-icons .fa:hover{
background: #333;
}
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;
}
}
/* ==========================================================================
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:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
color:;
}
/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul li{
background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
color:;
}
/* 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;
font-size: 11px;
}
/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
.custom-menu-primary .hs-menu-wrapper {
display:block !important;
}
}
/* ==========================================================================
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: 767px){
/* 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: auto;
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:#000000;
}
/* 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: #FFF;
}
.mobile-trigger:hover{
text-decoration: none; /* Removes link text underline on button */
color:#f11e3c;
background-color: #ffffff;
border-color: transparent;
}
/* Change button when menu is open */
.mobile-open .mobile-trigger{
color:#f11e3c;
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: 3px; /* Icon line height */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: #fff; /* 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: #f11e3c; /* 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, 0.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:#000000; /* 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(0, 0, 0, 0.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:#000000; /* link color set by global mobile-aColor variable */
}
.custom-menu-primary .hs-menu-wrapper > ul li a:hover{
color:#f11e3c; /* 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: 10px; /* Indent Child lists */
font-size: 16px; /* 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:767px){
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: absolute;
left: 0;
right: 0;
z-index: 11;
padding-top: 34px;
top:3px;
}
.mobile-trigger {
border: 0;
top: -1px;
right: 0px;
background:transparent;
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after {
width: 25px;
background: #fff;
}
.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: #fff;
}
.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;
box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.42);
}
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;
color:#000000;
}
.header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li > a:hover{
color: ;
}
body .header-container-wrapper .container-fluid .row-fluid .header {
position: absolute;
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(241, 30, 60, 0.8) ;
}
/******************************************
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;
padding: 8px 26px;
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:#f11e3c;
padding:12px 0;
}
.jumbo-lp-header .lp-logo img{
max-width: 200px;
}
.jumbo-lp-header .right-cta{
margin:0;
}
.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;
}
@media (max-width:767px){
.jumbo-lp-header .lp-logo img {
max-width: 120px;
}
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: 400;
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: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 Video Section
================================================*/
.jumbo-1-home-video-section {
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}
.jumbo-1-home-video-section iframe{
height: 360px;
}
@media (max-width:767px){
.jumbo-1-home-video-section {
padding:40px 0;
}
.jumbo-1-home-video-section .video{
margin-top: 30px;
}
}
/*=================================================
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,0.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,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;
}
}
@media (max-width: 768px) {
.form-style {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 1rem;
border-radius: 0.5rem;
}
}
/*=================================================
Acreditaciones Section
================================================*/
.agency-services-partners .splide__slide {
max-width: 140px;
}
.agency-services-partners .splide__toggle {
display: none;
}
.partners__img-wrapper {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
align-items: center;
}
.partners__img-en img {
max-width: 120px !important;
}
/*=================================================
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 .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: #f11e3c;
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: #f11e3c;
font-weight: 400;
}
.jumbo1-home-blog-section .post-image {
min-height: 170px;
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;
}
.jumbo-blog-1 .section.post-body h2 {
color: #f11e3c !important;
font-weight: bold !important;
}
/*=================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;
}
}
/*================================================
HOME Testimonials Section
================================================*/
.jumbo-1-testimonial-section{
background:#FAFAFA;
padding-bottom:60px;
}
.jumbo-1-testimonial-section .slick-list {
position:relative;
}
@media (min-width:1025px){
.jumbo-1-testimonial-section .slick-list:before{
position: absolute;
content: '';
top: 0;
bottom: 0;
width: 300px;
z-index: 2;
left: 0;
background: linear-gradient(to right, #fafafa 10%, rgba(255, 255, 0, 0));
}
.jumbo-1-testimonial-section .slick-list:after{
position: absolute;
content: '';
top: 0;
bottom: 0;
width: 300px;
z-index: 2;
right: 0;
background: linear-gradient(to left, #fafafa 10%, rgba(255, 255, 0, 0));
}
}
.jumbo-1-testimonial-section .testimonial-cm-jumbo-1{
padding: 10px;
box-sizing: border-box;
transform: scale(.9);
transition:all .4s ease-in-out;
}
.jumbo-1-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-1-testimonial-section .slick-active .testimonial-cm-jumbo-1{
transform: scale(1);
}
.slick-initialized .slick-slide:focus{
outline:none;
}
body .row-fluid .jumbo-1-testimonial-section .round-image {
height: 50px;
width: 50px;
border-radius: 50%;
position: relative;
top: -4px;
}
.jumbo-1-testimonial-section .image-wrapper{
margin-top:30px;
}
.jumbo-1-testimonial-section .slick-dots{
padding:0;
margin-top:30px;
outline: none;
text-align:center;
}
.jumbo-1-testimonial-section .slick-dots li{
margin: 0 3px;
display: inline-block;
}
.slick-dots li:before{
display:none;
content: none !important;
}
.jumbo-1-testimonial-section .slick-dots li button{
font-size: 1px;
color: transparent;
padding: 0;
border: 0;
width: 10px;
height: 10px;
border-radius: 50%;
background:#f11e3c;
transition:all .2s ease-in-out;
cursor:pointer;
}
.jumbo-1-testimonial-section .slick-dots li:focus,
.jumbo-1-testimonial-section .slick-dots li.slick-active button:focus{
outline:0;
}
.jumbo-1-testimonial-section .slick-dots li.slick-active button{
width: 14px;
height: 14px;
}
.jumbo-1-testimonial-section .jumbo-1-home-logo-section{
border-bottom:0;
padding-bottom:0;
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:767px){
.jumbo-1-testimonial-section .content-wrapper {
padding: 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: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:#f11e3c;
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;
}
}
/*=========================================================================
PRICING PAGE
=========================================================================*/
.jumbo1-pricing-section-pricing-table{
padding:80px 0 90px;
}
body .row-fluid .jumbo1-pricing-section-pricing-table .wrapper{
max-width:890px;
}
.jumbo1-pricing-section-pricing-table .pricing{
border: 1px solid #ddd;
padding: 0 0px 40px 0px;
}
.jumbo1-pricing-section-pricing-table .pricing h4{
margin-top: 18px;
padding:0 15px;
}
.jumbo1-pricing-section-pricing-table .pricing h5{
margin-bottom: 0px;
font-weight: 800;
background: #dddddd;
padding: 15px 0;
margin-bottom:10px;
}
.jumbo1-pricing-section-pricing-table .premium{
border: 1px solid #f11e3c;
}
.jumbo1-pricing-section-pricing-table .premium h5{
font-weight: 600;
background: #f11e3c;
margin-bottom: 10px;
color: #fff;
}
.jumbo1-pricing-section-pricing-table .pricing p{
padding:0 15px;
margin-top:0;
}
.jumbo1-pricing-section-pricing-table .pricing h3{
margin-bottom: 0px;
font-size: 40px;
font-weight: 800;
line-height: 1;
margin-top: 25px;
}
/*=================Responsive Section 3====================*/
@media (max-width:1024px){
}
@media (max-width:767px){
.jumbo1-pricing-section-pricing-table .pricing {
margin-bottom: 20px;
}
body .container-fluid .jumbo1-pricing-section-pricing-table .row-fluid .pad-bottom {
margin-bottom: 40px;
}
.jumbo1-pricing-section-pricing-table {
padding: 45px 0 40px;
}
}
/*=================================================
Section 2
================================================*/
.jumbo1-pricing-section-benifits{
padding: 60px 0;
}
.jumbo1-pricing-section-benifits .heading{
margin-bottom:20px;
}
.jumbo1-pricing-section-benifits .offers{
margin-bottom:15px;
}
.jumbo1-pricing-section-benifits .image{
margin-top:70px;
}
.jumbo1-pricing-section-benifits .left-col{
padding-right:8%;
}
/*=================Responsive Section 2====================*/
@media (max-width:1024px){
}
@media (max-width:767px){
.jumbo1-pricing-section-benifits .left-col {
padding-right: 0;
margin-bottom: 40px;
}
.jumbo1-pricing-section-benifits .border-bottom {
border-bottom: 0;
padding-bottom: 10px;
}
.jumbo1-pricing-section-benifits {
padding: 45px 0 35px;
}
}
/*=========================================================================
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.5);
}
/*=================Responsive Section 6====================*/
@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:0 0 100px;
}
body .row-fluid .jumbo1-generic-page-section .wrapper{
max-width:934px;
}
.jumbo1-generic-page-section img,
.jumbo1-generic-page-section iframe{
margin: 40px auto;
display: block;
}
.jumbo1-generic-page-section a{
color:#f11e3c;
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:#f11e3c;
}
.jumbo1-lp-section-three-col .three-col{
margin:20px 0;
}
.jumbo1-lp-section-three-col h4+p{
margin-top:5px;
}
/*=====================================
jumbo1-lp-section-product-video
====================================*/
.jumbo1-lp-section-product-video{
background: rgb(249, 249, 249);
}
.jumbo1-lp-section-product-video .video{
text-align:center;
}
body .row-fluid .jumbo1-lp-section-product-video .heading{
text-align: center;
width: 100%;
max-width: 850px;
display: block;
margin: 0 auto;
float: none;
margin-bottom: 50px;
}
@media (min-width:768px){
body .row-fluid .jumbo1-lp-section-product-video .video{
max-width:800px;
margin:0 auto;
float:none;
}
}
/*========================================================
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: #f11e3c;
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;
}
}
/*=========================================================================
EBOOK 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;
}
/*======================================================
Testimonial Section
======================================================*/
.jumbo-2-testimonial-section{
background:#121232;
}
.jumbo-2-testimonial-section .description{
margin:40px 0;
}
@media (min-width:900px){
.jumbo-2-testimonial-section .left-col h2{
font-size:50px;
line-height:60px;
}
}
.jumbo-2-testimonial-section .right-col{
padding-left:8%;
}
/*==================== Testimonial CM ========================*/
.jumbo-2-testimonial-cm {
margin-bottom:40px;
}
.jumbo-2-testimonial-cm .testimonial-container{
padding:40px;
box-sizing:border-box;
border: solid 5px rgba(255, 255, 255, 0.2);
position:relative;
z-index:1;
}
.jumbo-2-testimonial-cm .testimonial-container:before{
position: absolute;
content: '';
left: 19px;
bottom: -37px;
width: 51px;
height: 32px;
background:url('//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Legal%20Pack%202/Testimonial%20triangle%20svg.svg') no-repeat;
background-size:100%;
z-index:-1;
}
.jumbo-2-testimonial-cm .testimonial-container:after{
position: absolute;
content: '';
left: 25px;
bottom: -5px;
width: 33px;
height: 0;
background: rgba(255, 0, 0, 0);
border-top: 5px solid #121232;
border-right: 8px solid rgba(0, 0, 0, 0);
}
.jumbo-2-testimonial-cm .image-text-group{
margin-top: 12px;
padding-left: 52px;
}
.jumbo-2-testimonial-cm .image-container{
width: 60px;
height: 60px;
float: left;
border-radius:5px;
margin-right: 12px;
-webkit-clip-path:polygon(40% 0%,100% 0%,100% 100%,0% 100%,0% 100%,0% 24%);
clip-path: polygon(40% 0%,100% 0%,100% 100%,0% 100%,0% 100%,0% 24%);
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-2-testimonial-cm .testimonial-container {
padding: 25px;
}
}
@media (max-width:767px){
.jumbo-2-testimonial-section .description {
margin: 20px 0;
}
.jumbo-2-testimonial-section .right-col {
padding-left: 0;
padding-top: 50px;
}
.jumbo-2-testimonial-cm .testimonial-container {
padding: 20px;
}
}
/*======================================================
All Team Member Section
======================================================*/
.jumbo-2-team-section .team-member-cm{
background:#fff;
padding-bottom:60px;
border: 1px solid #f2f2f2;
position:relative;
overflow:hidden;
}
.jumbo-2-team-section .team-member-cm .member-image{
height: 270px;
position: relative;
/* -webkit-clip-path: circle(90% at 50% -9%);
clip-path: circle(90% at 50% -9%); */
}
.jumbo-2-team-section .team-member-cm .text-container{
padding:30px 20px;
}
.jumbo-2-team-section .team-member-cm .read-more-button{
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #ffffff!important;
background:#f11e3c;
padding: 16px;
cursor:pointer;
}
.jumbo-2-team-section .cta{
margin-top:50px;
}
.jumbo-2-team-section .team-member-cm .read-more-container{
position: absolute;
content: '';
background: rgba(8, 8, 8, 0.63);
width: 100%;
height: 100%;
top: 100%;
left: 0;
right: 0;
/* bottom: 0; */
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: center;
align-items: center;
transition: all ease-in-out .4s;
-webkit-transition: all ease-in-out .4s;
-ms-transition: all ease-in-out .4s;
}
.jumbo-2-team-section .team-member-cm .read-more-button {
position: relative;
left: 0;
right: 0;
bottom: 0;
color: #ffffff!important;
background: #f11e3c;
padding: 16px;
cursor: pointer;
opacity: 0;
}
.jumbo-2-team-section .team-member-cm:hover .read-more-container {
top: 0;
}
.jumbo-2-team-section .team-member-cm:hover .read-more-button {
opacity: 1;
}
.jumbo-2-team-section .team-member-cm:hover .hover-icon i {
transform: rotate(270deg);
margin-left:-3px;
}
.jumbo-2-team-section .team-member-cm .hover-icon i {
color: #fff;
font-size: 15px;
}
.jumbo-2-team-section .team-member-cm.span12.text-margin-zero.align-center:hover .hover-icon {
background: transparent;
}
.jumbo-2-team-section .team-member-cm.span12.text-margin-zero.align-center:hover .hover-icon {
background: transparent;
border:1px solid #f11e3c;
}
.jumbo-2-team-section .team-member-cm .hover-icon {
width: 30px;
height: 30px;
background: #f11e3c;
border-radius: 100%;
line-height: 30px;
position: absolute;
bottom: 10%;
left: 0;
right: 0;
margin: auto;
border-radius: 100%;
overflow: hidden;
}
/*==============POPUP Style================*/
.jumbo-2-team-section .team-member-cm .full-description{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:16;
padding: 100px 40px;
overflow-x: hidden;
opacity:0;
pointer-events:none;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
}
.jumbo-2-team-section .team-member-cm.show-popup .full-description{
opacity:1;
pointer-events:visible;
}
.jumbo-2-team-section .team-member-cm .description-wrapper{
background: #fff;
width: 100%;
max-width: 1000px;
margin: 0 auto;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.39);
border-radius: 5px;
padding: 80px;
position:relative;
box-sizing:border-box;
}
.jumbo-2-team-section .team-member-cm .description-wrapper .close-button{
position: absolute;
width: 38px;
right: 0;
top: 0;
cursor: pointer;
background: #f11e3c;
border-radius: 0 5px 0 5px;
padding: 2px;
box-sizing: border-box;
}
.jumbo-2-team-section .team-member-cm .full-description .desc-member-image{
width: 160px;
height:160px;
border-radius:50%;
overflow:hidden;
margin: 0 auto 20px;
border:1px solid #e7e7e7;
}
.jumbo-2-team-section .team-member-cm .full-description .social-icons{
margin-top:10px;
}
.jumbo-2-team-section .team-member-cm .full-description .social-icons a {
width: 36px;
font-size: 16px;
height: 36px;
background: transparent;
line-height: 36px;
margin: 4px;
display: inline-block;
text-align: center;
color:#000;
border: 2px solid ;
border-radius: 50%;
border-color:#f11e3c;
}
.jumbo-2-team-section .team-member-cm .full-description .full-text{
text-align: left;
border-top: 1px solid #e7e7e7;
margin-top: 30px;
padding-top: 30px;
}
.jumbo-2-team-section .team-member-cm .blurred-bg{
position: fixed;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
z-index: 6;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
background-size: cover;
opacity:0;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
pointer-events:none;
}
.jumbo-2-team-section .show-popup.team-member-cm .blurred-bg{
opacity:1;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-2-team-section .team-member-cm .member-image{
-webkit-clip-path: circle(270px at 50% -9%);
clip-path: circle(270px at 50% -9%);
}
}
@media (max-width:767px){
.jumbo-2-team-section .team-member-cm .description-wrapper {
padding:40px 20px;
}
.jumbo-2-team-section .team-member-cm .full-description {
padding: 60px 20px;
}
}
/*=========== Home Video Section ===========*/
/*=================================================
Home Video Section
================================================*/
.jumbo-2-home-video-section {
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}
.jumbo-2-home-video-section iframe{
height: 360px;
}
@media (max-width:767px){
.jumbo-2-home-video-section {
padding:40px 0;
}
.jumbo-2-home-video-section .video{
margin-top: 30px;
}
.jumbo-2-home-video-section .left-col{
padding-bottom:30px;
}
}
/*===========================================================
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 *******************/
/********************************************************
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;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-2-home-hero-section {
padding: 100px 0 100px;
}
}
@media (max-width:767px){
.jumbo-2-home-hero-section {
padding: 80px 0 60px;
}
}
/*======================================================
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:#f11e3c;
}
@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: 0px 0 50px;
}
body .row-fluid .jumbo-2-home-section-2 .right-side-image{
height: 500px;
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;
}
.extra-text-top {
margin-bottom: -25px;
}
@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;
width: 345px;
max-width: 100%;
}
.jumbo-2-home-section-2 .left-col {
padding: 50px 0;
}
.span12.widget-span.widget-type-cell.jumbo-2-home-section-2.gray-bg.top-padding {
text-align: center;
}
}
/*======================================================
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:65px;
}
}
/*======================================================
Home SECTION 4 One Column
======================================================*/
body .row-fluid .jumbo-2-home-section-4 .wrapper{
max-width:800px;
}
/*======================================================
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:#f11e3c;
}
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,0.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;
}
.jumbo-2-home-case-study .legal-homepage-case-study .text-container .read-more a{
color: #00baf7;
text-decoration:none;
font-weight: normal;
}
.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,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: #f11e3c;
}
.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 (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;
}
/*======================================================
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:#f11e3c;
}
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:hover{
transform: translateY(-12px);
}
.jumbo-2-all-services-section .service-image img, .jumbo-2-home-section-5 .service-image img {
max-width: 40px;
height: auto;
margin-bottom: 20px;
}
@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;
}
}
@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;
}
}
/*==============================================
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:#f11e3c;
}
.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;
}
/**************************************************************
Testimonial Page Style
**************************************************************/
.jumbo-2-testimonial-page-section{
background:#121232;
}
.testimonial-page-cm-container{
}
body .jumbo-2-testimonial-page-section .row-fluid .testimonial-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%;
}
body .jumbo-2-testimonial-page-section .row-fluid .testimonial-page-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: 2.43%;
box-sizing:border-box;
position:relative;
}
@media (max-width:767px){
body .jumbo-2-testimonial-page-section .row-fluid .testimonial-page-cm-container>span {
display: block;
margin-right: 0;
}
body .jumbo-2-testimonial-page-section .row-fluid .testimonial-page-cm-container span>.hs_cos_wrapper {
display: block;
flex-basis: 100%;
width:100%;
-webkit-flex-basis: 100%;
margin:0;
margin-top: 20px;
}
}
/*=======================================================================
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;
}
/*==================================================================
Testimonial Slider Styling
===================================================================*/
.jumbo-3-testimonial-section .slick-initialized .slick-slide{
outline:none;
}
.jumbo-3-testimonial-section .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.jumbo-3-testimonial-section .slick-list{
padding: 0 0px 0 0px !important;
}
.jumbo-3-testimonial-section .slick-initialized .slick-slide {
margin: 0px 20px;
}
.jumbo-3-testimonial-section .testimonial-cm p{
opacity: 0.4;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: ;
opacity:0.4;
padding: 20px 20px 20px 45px;
margin: 0 0 50px 0;
text-align: left;
position:relative;
}
.jumbo-3-testimonial-section .testimonial-cm p:before{
content:"";
position:absolute;
width:23px;
height: 20px;
background:url('//1598866.fs1.hubspotusercontent-na1.net/hubfs/1598866/Assets_Quint-v2/Quote.png') no-repeat;
top:23px;
left:10px;
}
.jumbo-3-testimonial-section .testimonial-cm h4{
font-size: 16px;
font-weight: 800;
line-height: 26px;
color: ;
opacity:0.4;
margin-top: 10px;
margin-bottom: 3px;
}
.jumbo-3-testimonial-section .testimonial-cm h5{
font-size: 12px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0.3px;
color: #b2b2b2;
opacity:0.4;
}
.jumbo-3-testimonial-section ul.slick-dots{
margin-top: 30px;
}
.jumbo-3-testimonial-section ul.slick-dots li{
width: 25px;
height: 6px;
background-color: #d1d1d1;
display: inline-block;
margin: 0 5px;
cursor: pointer;
border-radius: 5px;
}
.jumbo-3-testimonial-section ul.slick-dots li.slick-active{
background:#f11e3c;
}
.jumbo-3-testimonial-section ul.slick-dots li button{
display:none!important;
}
.jumbo-3-testimonial-section .slick-slide img{
margin:0 auto;
}
.jumbo-3-testimonial-section .slick-slide.slick-current .testimonial-cm p{
background:#f11e3c;
border-radius: 5px;
color: #fff;
opacity:1;
}
.jumbo-3-testimonial-section .slick-slide.slick-current .testimonial-cm p:after{
content:"";
position:absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #f11e3c;
bottom:-10px;
left:0;
right:0;
margin:0 auto;
}
.jumbo-3-testimonial-section .slick-slide.slick-current .testimonial-cm h4,
.jumbo-3-testimonial-section .slick-slide.slick-current .testimonial-cm h5{
opacity:1;
}
/*========================================================================
Client Section Styling
=========================================================================*/
.jumbo-3-client-section{
border-top:1px solid #e7e7e7;
padding:60px 0px 60px;
}
.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: 200px;
width: 100%;
vertical-align: middle;
}
.jumbo-3-client-section ul li img {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.jumbo-3-client-section .logo-titles {
text-align: center;
font-size: 18px;
font-weight: 400;
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 h5:before{
content: "\f128";
position: absolute;
font-size: 18px;
line-height: 31px;
color: ;
font-family: FontAwesome;
left: -43px;
top: 2px;
font-weight: 400;
background: #e7e7e7;
width: 30px;
height: 30px;
text-align: center;
border-radius: 100%;
}
.jumbo-3-faq-section-two .accordion_group.expanded h5:before{
background:;
color:#ffffff;
}
.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 #f11e3c;
max-width: 84px;
}
.jumbo-3-section-four .font-icons i {
font-size: 45px;
line-height: 79px;
}
/*============================================================================
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;
}
/* Home Video Section */
/*=================================================
Home Video Section
================================================*/
.jumbo2-home-video-section {
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}
.jumbo2-home-video-section iframe{
height: 360px;
}
@media (max-width:767px){
.jumbo2-home-video-section {
padding:40px 0;
}
.jumbo2-home-video-section .video{
margin-top: 30px;
}
}
/*=================================================
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: #f11e3c;
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: #f11e3c;
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;
}
/*==================================================================
One Column Style Declaration
===================================================================*/
/*==================================================================
Hero Styling
===================================================================*/
.jumbo-3-inner-section-one {
background-size:cover;
background-position:top center;
position:relative;
padding: 180px 0px 100px;
}
.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;
}
/*======================================================================
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:#f11e3c;
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:#f11e3c;
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;
}
}
/*======================================================================
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 #f11e3c;
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: #f11e3c;
}
/*============================================================================
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: 11px 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: 26px;
color:#ffffff;
}
.jumbo-3-team-section-two .team-member-cm h4{
font-size: 14px;
font-weight: 400;
line-height: 24px;
color:#ffffff;
}
.jumbo-3-team-section-two .team-member-cm p{
font-size: 14px;
font-weight: 400;
line-height: 24px;
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(255, 122, 89, 0.8);
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%;
}
}
/*============================================================================
Section Three Styling
============================================================================*/
body .container-fluid .row-fluid .jumbo-3-team-section-three .wrapper{
max-width: 650px;
}
.jumbo-3-team-section-three .cta_button{
margin-top: 15px;
}
/*================================================
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: 400;
}
.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:#f11e3c;
}
.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-pricing-section-two{
padding:75px 0px;
}
.jumbo-3-pricing-section-two .pricing-col{
text-align:center;
box-shadow: 0 0 24px 0 rgba(145, 147, 147, 0.1);
border: solid 1px #e7e7e7;
padding:30px 20px;
}
body .jumbo-3-pricing-section-two .row-fluid .pricing-col.span4{
margin-left:0;
}
.jumbo-3-pricing-section-two .pricing-col h3,.pricing-col h5{
font-weight:700;
}
.jumbo-3-pricing-section-two .pricing-col h6{
font-weight:300;
}
.jumbo-3-pricing-section-two .pricing-col h3{
padding: 22px 0px 8px;
}
.jumbo-3-pricing-section-two .pricing-col p{
max-width: 210px;
margin: 35px auto;
padding: 20px 0;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.jumbo-3-pricing-section-two .pricing-col ul{
list-style-type:none;
}
.jumbo-3-pricing-section-two .pricing-col ul li{
font-weight: 600;
padding-bottom: 10px;
}
.jumbo-3-pricing-section-two .pricing-col .cta_button{
margin-top: 76px;
}
@media(min-width:768px){
body .jumbo-3-pricing-section-two .row-fluid .jumbo-3-pricing-section-two .heading {
padding-bottom: 65px;
}
.jumbo-3-pricing-section-two .pricing-grp>.row-fluid-wrapper>.row-fluid{
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;
}
.jumbo-3-pricing-section-two .pricing-col1,.jumbo-3-pricing-section-two .pricing-col3{
max-width:300px;
}
.jumbo-3-pricing-section-two .pricing-col2 p{
margin: 54px auto 83px;
}
body .row-fluid .jumbo-3-pricing-section-two .pricing-col2 .cta_button{
margin-top:116px;
}
.jumbo-3-pricing-section-two .pricing-col1{
border-right:none;
}
.jumbo-3-pricing-section-two .pricing-col3{
border-left:none;
}
}
@media(max-width:767px){
.jumbo-3-pricing-section-two .pricing-col{
margin-bottom:30px;
}
.jumbo-3-pricing-section-two{
padding:45px 0px 35px;
}
.jumbo-3-client-section{
padding:35px 0px 25px;
}
}
/*===================================================================
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: 400;
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: 400;
}
.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:100px 0px;
}
.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: 400;
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:910px;
}
.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 #f11e3c;
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: #f11e3c;
}
.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 #f11e3c;
max-width: 84px;
}
.jumbo-3-section-four .font-icons i {
font-size: 45px;
line-height: 79px;
}
/*============================================================================
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,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:#f11e3c;
}
/*==========================================================================
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:#f11e3c;
}
/*=========================================================================
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: #f11e3c;
}
.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: #f11e3c;
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,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:300px 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{
padding:100px 0px;
}
}
/***************************************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************
********************************************************************************************* 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;
}
}
/*===============================================================================
Testimonial Section
===============================================================================*/
.jumbo-4-testimonial-section{
padding:70px 0;
}
.jumbo-4-testimonial-section:after{
position: absolute;
content: '';
right: 15%;
top: 0;
background: url(//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Agency%20Pack%20/BG%20Icon.png) no-repeat;
width: 270px;
height: 230px;
background-size: 100%;
}
.jumbo-4-testimonial-section .testimonial-cm h4{
font-weight:600;
}
.jumbo-4-testimonial-section .testimonial-cm h4>span{
font-weight:300;
}
.jumbo-4-testimonial-section .testimonial-cm p{
font-size:26px;
line-height:43px;
letter-spacing:2px;
}
.jumbo-4-testimonial-section .testimonial-cm .designation-container{
margin-top:25px;
}
body .row-fluid .jumbo-4-testimonial-section .testimonial-cm-container{
width:70%;
}
.jumbo-4-testimonial-section .owl-dots{
display:none!important;
}
.jumbo-4-testimonial-section .owl-theme .owl-controls .owl-nav [class*=owl-] {
color: #fff;
font-size: 0;
margin: 5px;
padding: 0;
background: transparent;
}
.jumbo-4-testimonial-section .owl-nav .owl-prev,
.jumbo-4-testimonial-section .owl-nav .owl-next {
position: absolute;
bottom:0;
}
.jumbo-4-testimonial-section .owl-nav .owl-prev{
left:0;
}
.jumbo-4-testimonial-section .owl-nav .owl-prev:before,
.jumbo-4-testimonial-section .owl-nav .owl-next:before{
content: "";
position: absolute;
background: url(//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Agency%20Pack%20/Left.png) no-repeat;
left: -6px;
top: 0;
width: 21px;
height: 20px;
background-size: 100%;
}
.jumbo-4-testimonial-section .owl-nav .owl-next {
left: 40px;
}
.jumbo-4-testimonial-section .owl-nav .owl-next:before{
background: url(//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Agency%20Pack%20/Right.png) no-repeat;
}
.jumbo-4-testimonial-section .owl-theme .owl-controls{
display:block;
overflow:hidden;
margin-top:20px;
}
body .jumbo-4-testimonial-section button.slick-prev.slick-arrow:before {
content: "\f104";
font: normal normal normal 37px/1 FontAwesome;
background-color: transparent;
color: #fff;
cursor: pointer;
}
body .jumbo-4-testimonial-section button.slick-prev.slick-arrow {
position: absolute;
bottom: -31px;
left: 0;
background-color: transparent;
color: rgba(0, 0, 0, 0);
border: 0;
}
body .jumbo-4-testimonial-section button.slick-arrow:focus,
.slick-initialized .slick-slide:focus{
outline:none;
}
body .jumbo-4-testimonial-section button.slick-next.slick-arrow:before {
content: "\f105";
font: normal normal normal 37px/1 FontAwesome;
background-color: transparent;
color: #fff;
cursor: pointer;
}
body .jumbo-4-testimonial-section button.slick-next.slick-arrow {
position: absolute;
bottom: -31px;
left: 50px;
background-color: transparent;
color: rgba(0, 0, 0, 0);
border: 0;
}
body .jumbo-4-testimonial-section .slick-list {
padding: 0!important;
}
/*============Mobile Responsive ================*/
@media (max-width:768px){
body .row-fluid .jumbo-4-testimonial-section .testimonial-cm-container {
width: 100%;
}
.jumbo-4-testimonial-section .testimonial-cm p {
font-size: 18px;
line-height: 32px;
}
}
/****************************************************************************************
********************************** HOME PAGE STYLING **********************************
****************************************************************************************
/*===============================================================================
Home Hero Section
===============================================================================*/
.jumbo-4-home-hero-section{
position:relative;
z-index:1;
padding:200px 0 120px;
}
.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;
}
body .row-fluid .jumbo-4-home-hero-section .wrapper{
max-width:1060px;
}
.jumbo-4-home-hero-section .heading{
margin-bottom:15px;
}
/*============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;
}
.jumbo-4-home-section-2 .left-col{
border-radius: 5px;
padding: 50px;
overflow: hidden;
position:absolute;
width: 56%;
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 2a - Shanon Edit
===============================================================================*/
.jumbo-4-home-section-2a {
padding-bottom:50px;
}
.jumbo-4-home-section-2a .wrapper{
position:relative;
}
.jumbo-4-home-section-2a .left-col{
border-radius: 5px;
padding: 50px;
overflow: hidden;
position:absolute;
width: 56%;
bottom: 44px;
}
.jumbo-4-home-section-2a .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-2a{
padding-bottom:80px;
}
}
@media (max-width:768px){
.jumbo-4-home-section-2a .left-col {
padding: 30px;
position: relative;
width: 100%;
bottom: 0;
margin-bottom: 20px;
}
.jumbo-4-home-section-2a .right-col {
height: 280px;
width: 80%;
float: unset;
margin: auto;
margin-top: -60px
}
.jumbo-4-home-section-2a {
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: #f11e3c;
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: #f11e3c;
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:0;
}
/*===================================================
Our services CM
===================================================*/
.jumbo-4-home-our-services .jumbo-service-cm .icon{
margin:0 auto 20px;
width:100%;
max-width:130px;
}
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:20px;
}
.jumbo-4-home-our-services .agency-services-cm-container>span>.hs_cos_wrapper .jumbo-service-cm{
padding:0 20px;
padding-top: 40px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.agency-services-cm-container .jumbo-service-cm .items-service {
display: flex;
flex-direction: column;
/*flex-grow: 1;*/
justify-content: flex-end;
margin-bottom: 20px;
}
.agency-services-cm-container .jumbo-service-cm .items-service span.hs-cta-wrapper {
margin-top: auto;
}
/*
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%;
}
}
/****************************************************************************************
********************************** 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;
}
/*===================================================================
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:#f11e3c
}
@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:#f11e3c
}
@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 #f11e3c;
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: 400;
text-align: justify;
line-height: 16px;
letter-spacing: 1px;
color: #FFFFFF;
background: #f11e3c;
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: #f11e3c;
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:#f11e3c;
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 #f11e3c;
}
}
@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 #f11e3c;
border-radius: 100%;
width: 100%;
max-width: 100px;
height: 100px;
border-color:#f11e3c;
}
.jumbo-4-single-service-two-col .single-service-cm .icon .fa {
color:#f11e3c;
font-size: 40px;
line-height: 40px;
opacity: .9;
}
.jumbo-4-single-service-two-col .single-service-cm .count {
font-size: 16px;
font-weight: 400;
text-align: justify;
line-height: 16px;
letter-spacing: 1px;
color: #fff;
background: #f11e3c;
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 #f11e3c;
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 #f11e3c;
}
.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;
}
}
/****************************************************************************************
********************************** TEAM PAGE STYLING **********************************
****************************************************************************************/
.jumbo-4-team-member-section .section-heading{
margin-bottom:60px;
}
body .jumbo-4-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;
padding:2%;
background: #fafafa;
}
body .jumbo-4-team-member-section .row-fluid .team-member-cm-container span>.hs_cos_wrapper {
display: flex;
flex-basis: 30%;
float: left;
margin:20px 1.6%;
position: relative;
z-index: 1;
overflow:hidden;
background:#f11e3c;
box-sizing: border-box;
padding-top:50px;
padding-bottom:3px;
}
.jumbo-4-team-member-section .team-member-cm .member-image{
width:100px;
height:100px;
margin-left:auto;
margin-right:auto;
border-radius:50%;
margin-bottom:30px;
overflow:hidden;
}
.jumbo-4-team-member-section .team-member-cm .member-designation h4,
.jumbo-4-team-member-section .team-member-cm .member-designation p{
margin-bottom:0;
}
.jumbo-4-team-member-section .team-member-cm {
position:relative;
z-index:1;
padding-left:25px;
padding-right:25px;
padding-bottom:20px;
}
.jumbo-4-team-member-section .team-member-cm:before{
position: absolute;
content: '';
top: 50px;
bottom: 0;
right: -2px;
left: -2px;
z-index: -1;
background: url(//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Agency%20Pack%20/White.svg) no-repeat;
background-size: cover;
background-position: top center;
}
.jumbo-4-team-member-section .team-member-cm .member-designation{
margin-bottom:10px;
}
.jumbo-4-team-member-section .team-member-cm .social-icons{
margin-bottom:20px;
}
.jumbo-4-team-member-section .team-member-cm .social-icons .fa{
margin: 0 7px;
font-size: 20px;
color:#f11e3c;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-4-team-member-section .team-member-cm {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
}
body .jumbo-4-team-member-section .team-member-cm-container span>.hs_cos_wrapper {
padding-top: 30px;
}
}
@media (max-width:768px){
body .jumbo-4-team-member-section .row-fluid .team-member-cm-container>span {
padding: 0;
}
body .jumbo-4-team-member-section .row-fluid .team-member-cm-container span>.hs_cos_wrapper {
display:block;
flex-basis: 100%;
width:100%;
margin: 0;
margin-bottom: 20px;
border-left:1px solid #f11e3c;
border-right:1px solid #f11e3c;
}
}
/************************************************************************
***************************SINGLE TEAM PAGE******************************
*************************************************************************/
.jumbo-4-single-team-hero{
padding:130px 0 0;
}
body .row-fluid .jumbo-4-single-team-hero .image-container{
height: 200px;
width: 200px;
border-radius: 50%;
float: none;
margin: 0 auto;
position:relative;
bottom:-50px;
border: 6px solid;
background:#f2f2f2;
}
.jumbo-4-single-member-section{
padding-top:60px;
padding-bottom:60px;
}
.jumbo-4-single-member-section .social-icons .fa{
width: 40px;
line-height: 40px;
border-radius: 50%;
margin: 0 4px;
background: #f11e3c;
font-size: 16px;
color: #fff;
}
.jumbo-4-single-member-section .member-info-container{
margin-bottom: 80px;
}
/*============Mobile Responsive ================*/
@media (max-width:768px){
.jumbo-4-single-team-hero {
padding: 20px 0 0;
}
.jumbo-4-single-member-section .member-info-container {
margin-bottom: 40px;
}
}
.jumbo-4-single-team-section-2{
padding-bottom:70px;
}
.jumbo-4-single-team-section-2 .cta{
margin-top:40px;
}
/****************************************************************************************
********************************** SERVICES STYLING **********************************
****************************************************************************************/
.jumbo-4-team-member-section .section-heading{
margin-bottom:60px;
}
body .jumbo-4-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;
padding:2%;
background: #fafafa;
}
body .jumbo-4-team-member-section .row-fluid .team-member-cm-container span>.hs_cos_wrapper {
display: flex;
flex-basis: 30%;
float: left;
margin:20px 1.6%;
position: relative;
z-index: 1;
overflow:hidden;
background:#f11e3c;
box-sizing: border-box;
padding-top:50px;
padding-bottom:3px;
}
.jumbo-4-team-member-section .team-member-cm .member-image{
width:100px;
height:100px;
margin-left:auto;
margin-right:auto;
border-radius:50%;
margin-bottom:30px;
overflow:hidden;
}
.jumbo-4-team-member-section .team-member-cm .member-designation h4,
.jumbo-4-team-member-section .team-member-cm .member-designation p{
margin-bottom:0;
}
.jumbo-4-team-member-section .team-member-cm {
position:relative;
z-index:1;
padding-left:25px;
padding-right:25px;
padding-bottom:20px;
}
.jumbo-4-team-member-section .team-member-cm:before{
position: absolute;
content: '';
top: 50px;
bottom: 0;
right: -2px;
left: -2px;
z-index: -1;
background: url(//2558848.fs1.hubspotusercontent-na1.net/hubfs/2558848/Agency%20Pack%20/White.svg) no-repeat;
background-size: cover;
background-position: top center;
}
.jumbo-4-team-member-section .team-member-cm .member-designation{
margin-bottom:10px;
}
.jumbo-4-team-member-section .team-member-cm .social-icons{
margin-bottom:20px;
}
.team-member-cm .social-icons .fa{
margin: 0 7px;
font-size: 20px;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-4-team-member-section .team-member-cm {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
}
body .jumbo-4-team-member-section .row-fluid .team-member-cm-container span>.hs_cos_wrapper {
padding-top: 30px;
}
}
@media (max-width:768px){
body .jumbo-4-team-member-section .row-fluid .team-member-cm-container>span {
padding: 0;
}
body .jumbo-4-team-member-section .row-fluid .team-member-cm-container span>.hs_cos_wrapper {
display:block;
flex-basis: 100%;
width:100%;
margin: 0;
margin-bottom: 20px;
border-left:1px solid #f11e3c;
border-right:1px solid #f11e3c;
}
}
/************************************************************************
***************************SINGLE TEAM PAGE******************************
*************************************************************************/
.jumbo-4-single-team-hero{
padding:130px 0 0;
}
body .row-fluid .jumbo-4-single-team-hero .image-container{
height: 200px;
width: 200px;
border-radius: 50%;
float: none;
margin: 0 auto;
position:relative;
bottom:-50px;
border: 6px solid;
background:#f2f2f2;
}
.jumbo-4-single-member-section{
padding-top:60px;
padding-bottom:60px;
}
.jumbo-4-single-member-section .social-icons .fa{
width: 40px;
line-height: 40px;
border-radius: 50%;
margin: 0 4px;
background: #f11e3c;
font-size: 16px;
color: #fff;
}
.jumbo-4-single-member-section .member-info-container{
margin-bottom: 80px;
}
/*============Mobile Responsive ================*/
@media (max-width:768px){
.jumbo-4-single-team-hero {
padding: 20px 0 0;
}
.jumbo-4-single-member-section .member-info-container {
margin-bottom: 40px;
}
}
.jumbo-4-single-team-section-2{
padding-bottom:70px;
}
.jumbo-4-single-team-section-2 .cta{
margin-top:40px;
}
/****************************************************************************************
********************************** 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: 400;
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: 400;
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:#f11e3c;
}
.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;
margin: 40px 67px 40px 25px;
}
.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:#f11e3c;
}
.blog-pagination a:hover{
color:#fff!important;
background:#f11e3c;
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: 400;
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: #f11e3c;
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:100%;
max-width:840px;
margin:0 auto;
}
.hs-blog-post a.cta_button {
background: none;
padding: 0;
}
.sidebar > div{
margin-bottom: 2rem;
}
.sidebar > div:first-child{
margin-bottom: 4rem;
}
/*===============================================================
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:#f11e3c;
color:#f11e3c;
}
/*=================== Blog Comment Form=========================*/
body .container-fluid .row-fluid .widget-type-blog_comments{
width: 100%;
max-width: 840px;
/*margin: 50px auto 0;*/
margin: 50px 0 0 auto;
float:none;
}
.hs-common-confirm-message {
font-size: inherit !important;
font-family: inherit !important;
border-radius: 0 !important;
background: #f5f5f5 !important;
}
/*=================== Subscribe Blod Section =========================*/
.subscribe-blog-section h3{
display:block;
text-align:center;
}
.subscribe-blog-section .widget-type-blog_subscribe input[type="email"]{
border: 1px solid;
border-radius: 4px;
padding: 0 26px 0 15px;
font-size: 14px;
color: #fff;
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: 1px solid;
}
.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;
}
.subscribe-blog-section .widget-type-blog_subscribe form .hs-button.primary {
color: transparent;
padding: 18px 22px;
font-size: 1px;
border:0;
background:transparent;
cursor:pointer;
margin:0;
box-shadow: none;
}
.subscribe-blog-section .widget-type-blog_subscribe form .hs-button.primary:hover{
background:transparent;
border:0;
}
.subscribe-blog-section .widget-type-blog_subscribe form .hs-button.primary:focus{
outline:0;
border:0;
}
.subscribe-blog-section .widget-type-blog_subscribe form .actions:before{
position: absolute;
content: '\f1d9';
top: 10px;
left: -22px;
right: 0;
font-family: FontAwesome;
text-align: center;
pointer-events: none;
color: #fff;
font-size: 20px;
}
.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 :-moz-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: #f11e3c;
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:#f11e3c;
}
.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:#f11e3c;
}
.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:#f11e3c;
}
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;
}
@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:#f11e3c;
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: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:#f11e3c;
}
@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:#f11e3c;
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:#f11e3c;
}
.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: #f11e3c;
letter-spacing: 1px;
font-weight: 500;
display: block;
margin-top: 2px;
}
.jumbo-4-home-2-blog-section .single-post .author-link span{
font-weight: 400;
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: 180px 0px 100px;
}
body .row-fluid .jumbo-5-primary-banner .wrapper{
max-width:1040px;
}
/*=============================================
Home Testimonial Section
=============================================*/
body .jumbo-5-client-testimonial-section .row-fluid .wrapper{
max-width:800px;
}
body .jumbo-5-client-testimonial-section .row-fluid .navigation{
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.jumbo-5-client-testimonial-section .navigation .nav-container .image-container{
width: 100%;
max-width: 70px;
height: 80px;
overflow: hidden;
margin: 0 auto;
-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-client-testimonial-section .designation-container{
margin:40px 0;
}
.jumbo-5-client-testimonial-section .designation-container h4{
color: #A9A9A9;
font-size: 16px;
letter-spacing: 2px;
font-weight: 400;
}
.jumbo-5-client-testimonial-section .slick-initialized .nav-container{
width:100%;
cursor:pointer;
opacity:.4;
transition:all .3s ease-in-out;
transform: scale(.8);
}
.jumbo-5-client-testimonial-section .slick-initialized .slick-slide:focus{
outline:none;
}
.jumbo-5-client-testimonial-section .slick-initialized .nav-container.slick-current{
opacity:1;
filter: grayscale(0);
transform: scale(1);
}
.jumbo-5-client-testimonial-section .slick-slider .slick-list{
padding:0!important;
}
body .row-fluid .jumbo-5-client-testimonial-section .home-testimonial-cm{
width: 100%;
box-sizing:border-box;
}
body .jumbo-5-client-testimonial-section .row-fluid .slick-list.draggable{
margin-bottom: 30px;
display: block;
overflow: hidden;
width: 100%;
margin: 0 auto;
}
body .jumbo-5-client-testimonial-section .slick-prev {
left: 60px;
transition:all .3s ease-in-out;
}
body .jumbo-5-client-testimonial-section .slick-next {
right: 60px;
transition:all .3s ease-in-out;
}
body .jumbo-5-client-testimonial-section .slick-prev:before,
body .jumbo-5-client-testimonial-section .jumbo-5-client-testimonial-section .slick-next:before {
color: #f11e3c;
font-size:24px;
opacity:1;
font-family: FontAwesome;
}
body .jumbo-5-client-testimonial-section .slick-prev:before{
content: '\f060';
}
body .jumbo-5-client-testimonial-section .slick-next:before {
content: '\f061';
}
.jumbo-5-client-testimonial-section .client-logo{
margin-top:100px;
}
.jumbo-5-client-testimonial-section .client-logo ul{
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
text-align:center;
margin:0;
}
.jumbo-5-client-testimonial-section .client-logo ul li{
width: 100%;
display: inline-block;
vertical-align: middle;
margin: 0;
margin-left: 0;
padding: 0 10px;
}
.jumbo-5-client-testimonial-section .client-logo ul li img {
vertical-align: middle;
}
@media (max-width:1024px){
body.jumbo-5-client-testimonial-section .row-fluid .home-testimonial-cm {
max-width: none;
width: auto;
margin: 0 auto 0;
padding: 20px;
}
.jumbo-5-client-testimonial-section{
padding-bottom:65px;
}
body .jumbo-5-client-testimonial-section .slick-prev,
body .jumbo-5-client-testimonial-section .slick-next {
top: 40%;
}
body .jumbo-5-client-testimonial-section .row-fluid .slick-list.draggable {
max-width: 610px;
}
.jumbo-5-client-testimonial-section .client-logo ul{
display:block;
}
.jumbo-5-client-testimonial-section .client-logo ul li {
display: inline-block;
width: auto;
margin:15px;
}
}
@media (max-width:767px){
.jumbo-5-client-testimonial-section .client-logo ul li {
margin: 10px 0;
}
body .jumbo-5-client-testimonial-section .slick-prev,
body .jumbo-5-client-testimonial-section .slick-next {
top: auto;
bottom: -60px;
}
}
/*===============================================
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: 400;
}
.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:#f11e3c;
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;
}
}
/*======================================
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 #f11e3c;
}
.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:#f11e3c;
}
@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: #f11e3c;
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:#f11e3c;
}
.jumbo-5-home-one-col .section-heading{
margin-top:30px;
margin-bottom:40px;
}
/*===============================================
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:#f11e3c;
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: 400;
}
.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:#f11e3c;
}
.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;
}
/*===========================================
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%;
margin-bottom: 2rem;
}
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: #f11e3c;
z-index: 2;
}
.jumbo-5-about-three-col .front-side:before{
position: absolute;
/* content: ''; */
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #f11e3c;
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:#f11e3c;
-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 (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 #fff;
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: #f11e3c;
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: #f11e3c;
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: #f11e3c;
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: #f11e3c;
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-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 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:400px!important;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-5-contact-map-section .map-container iframe{
height:300px!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:#f11e3c;
border-radius:0 6px 6px 0;
padding: 40px 30px;
border-color:#f11e3c;
}
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:160px 0;
}
.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:#d0cdcc;
z-index:-1;
}
.jumbo-5-request-quote-hero .accordion_content a{
color:#f11e3c;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-5-request-quote-hero .left-col, .jumbo-5-request-quote-hero .right-col {
padding: 120px 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 **************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************/
.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:#f11e3c;
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 .image-wrapper{
position:relative;
z-index:2;
}
.jumbo-6-home-section-2 .service-section-container .service-section-cm{
padding: 30px 0 60px;
}
.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 .image-container-1{
max-width: 100%;
height: auto;
position: relative;
/*box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.1);*/
display: flex;
justify-content: space-evenly;
}
.jumbo-6-home-section-2 .service-section-container .image-container-1 img{
box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.1);
}
.jumbo-6-home-section-2 .service-section-container .video-container{
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;
}
@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;
}
.span6.text-container.vertical-center {
text-align: center;
}
/*
.span6.text-container.vertical-center p {
font-size: 1.4rem !important;
line-height: 2;
} */
.row-fluid-wrapper.row-depth-1.row-number-18 .section-padding {
background: #F9F9F9;
}
}
/*=============================================
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:#f11e3c;
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 #f11e3c;
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: #f11e3c;
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: #f11e3c;
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:#f11e3c;
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: #f01f3cc4;
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;
}
.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;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
}
.jumbo-6-marketing-case-study-section .marketing-homepage-case-study .text-container h4{
margin-top:0;
}
.jumbo-6-marketing-case-study-section .marketing-homepage-case-study .text-container .read-more a{
color: #414447;
text-decoration:none;
font-weight: normal;
}
.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;
}
.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:50px;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-6-service-section-two-col .sp-service-cm .text-container {
padding: 40px;
}
}
@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;
}
}
/***********************************************************
******************ABOUT PAGE 2 STYLING*********************
***********************************************************/
.jumbo-6-about-2-hero-section{
padding:180px 0 170px;
}
.jumbo-6-about-2-section-1{
z-index:1;
position:relative;
}
.jumbo-6-about-2-section-1 .slick-arrow{
position:absolute;
top:0;
bottom:0;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
font-size: 1px;
background: transparent;
border:0;
color: transparent;
z-index:2;
cursor:pointer;
background:#f11e3c;
width:50px;
}
.jumbo-6-about-2-section-1 .slick-arrow:focus{
outline:0;
}
.jumbo-6-about-2-section-1 .slick-prev{
left:60px;
}
.jumbo-6-about-2-section-1 .slick-next{
right:60px;
}
.jumbo-6-about-2-section-1 .slick-prev:before,
.jumbo-6-about-2-section-1 .slick-next:before{
position: absolute;
font-family: FontAwesome;
top: 0;
bottom: 0;
font-size: 40px;
color: #fff;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
.jumbo-6-about-2-section-1 .slick-prev:before{
content: '\f0a8';
left: 0;
}
.jumbo-6-about-2-section-1 .slick-next:before{
content: '\f0a9';
right:0;
}
body .row-fluid .jumbo-6-about-2-section-1 .about-2-slider{
padding: 0 30px;
box-sizing: border-box;
}
body .row-fluid .jumbo-6-about-2-section-1 .slick-list{
width: 100%;
max-width: 840px;
margin: 0 auto;
float: none;
}
body .jumbo-6-about-2-section-1 .row-fluid .about-2-slider-container{
background:#f11e3c;
padding:150px 0;
position:relative;
border-radius:10px;
top:-100px;
}
body .row-fluid .jumbo-6-about-2-video-section{
height:800px;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
body .jumbo-6-about-2-features .row-fluid .about-2-feature-cm .span6{
margin: 0;
width: 50%;
box-sizing: border-box;
padding: 20px 40px;
}
.jumbo-6-about-2-features .about-2-feature-cm-container .about-2-feature-cm{
padding:30px 0;
}
.jumbo-6-about-2-features .about-2-feature-cm-container .image-container{
height: 300px;
position: relative;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
border-radius: 12px;
}
.jumbo-6-about-2-features .about-2-feature-cm-container .rs-image .equal-height-container > .row-fluid-wrapper > .row-fluid{
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
}
.jumbo-6-about-2-features .about-2-feature-cm-container .rs-image .text-container{
padding:100px 40px 100px 0
}
.jumbo-6-about-2-features .about-2-feature-cm-container .rs-image .text-container:before {
left: auto;
width: 1000%;
right: -210px;
}
.jumbo-6-about-2-features .about-2-feature-cm-container .about-2-feature-cm a.cta_button{
width: 120px;
margin-top: 20px;
}
@media (min-width:768px) and (max-width:1024px){
body .jumbo-6-about-2-section-1 .row-fluid .about-2-slider-container {
padding: 100px 0;
}
.jumbo-6-about-2-section-1 .slick-next {
right: 20px;
}
.jumbo-6-about-2-section-1 .slick-prev {
left: 20px;
}
.jumbo-6-about-2-section-1 .slick-prev:before, .jumbo-6-about-2-section-1 .slick-next:before {
font-size: 26px;
}
body .row-fluid .jumbo-6-about-2-section-1 .about-2-slider {
padding: 0 80px;
}
body .jumbo-6-about-2-section-1 .row-fluid .jumbo-6-about-2-video-section {
height: 400px;
}
body .jumbo-6-about-2-features .row-fluid .about-2-feature-cm .span6 {
padding: 0px 20px;
}
}
@media (max-width:767px){
body .jumbo-6-about-2-section-1 .row-fluid .about-2-slider-container {
padding: 40px 0 80px;
top: -60px;
}
.jumbo-6-about-2-section-1 .slick-arrow {
top: auto;
bottom: -30px;
}
.jumbo-6-about-2-hero-section {
padding: 80px 0 120px;
}
.jumbo-6-about-2-section-1 .slick-prev:before, .jumbo-6-about-2-section-1 .slick-next:before {
font-size: 30px;
}
body .jumbo-6-about-2-section-1 .row-fluid .jumbo-6-about-2-video-section {
height: 260px;
}
body .jumbo-6-about-2-features .row-fluid .about-2-feature-cm .span6 {
width: 100%;
padding: 10px 0;
}
.about-2-feature-cm-container .about-2-feature-cm {
padding: 16px 0;
}
}
/****************************************************************
**********************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 #f11e3c;
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:#f11e3c;
position:relative;
top:-100px;
}
.jumbo-6-contact-us-section-1 .left-col{
padding:40px;
background:#fff;
border: 1px solid #f11e3c;
}
.jumbo-6-contact-us-section-1 .right-col .fa{
font-size:50px;
}
.jumbo-6-contact-us-section-1 .right-col{
background:#f11e3c;
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 **************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************/
/*==================================================================
Hero Styling
===================================================================*/
.with-bg{
background-size:cover;
background-position:top center;
background-repeat:no-repeat;
}
.jumbo-7-jumbo-home-section-one {
padding: 160px 0 125px;
position:relative;
border-bottom: 1px solid #e1e2e3;
}
.jumbo-7-jumbo-home-section-one h1{
color: #f11e3c;
}
.jumbo-7-jumbo-home-section-one p{
margin: 0;
padding: 20px 0px 46px;
}
.widget-type-cta.video-cta{
margin-top:0px;
}
/* slider-container */
.slider-container * {
line-height: 120%;
}
@media (max-width:768px) {
.slider-container h1 {
font-size: 30px !important;
}
.slider-container h2 {
font-size: 28px !important;
}
}
@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:39%;
}
.jumbo-7-jumbo-home-section-one .right-col.widget-type-linked_image{
position: absolute;
right: 0;
width: 56%;
}
.jumbo-7-jumbo-home-section-one .inner-hero .right-col.widget-type-linked_image{
width: 43%;
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: 75px 0 75px;
text-align:center;
}
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 ========*/
.jumbo-7-home-section-benefits-left-img{
padding:100px 0;
}
@media (min-width:768px){
.jumbo-7-home-section-benefits-left-img .right-col{
padding-left:40px;
}
}
@media (max-width:1024px){
.jumbo-7-home-section-benefits-left-img{
padding:70px 0;
}
}
@media (max-width:767px){
.jumbo-7-home-section-benefits-left-img .left-col{
margin-bottom:40px;
}
.jumbo-7-home-section-benefits-left-img{
padding:50px 0;
}
}
/*=========================================================
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;
}
.home-section-left-col{
padding:60px 40px;
border: solid 1px #e8e9ed;
}
.home-section-left-col p{
color: #212121;
}
body .row-fluid .home-section-right-col{
margin:0;
padding:60px 40px;
}
@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;
}
}
/*=========================================================
Home Section Three Styling
===========================================================*/
.jumbo-7-home-section-three{
padding: 59px 0 100px;
}
.jumbo-7-home-section-three .column{
padding: 40px;
transition:all ease-in-out .2s;
border-radius:0px;
border: solid 1px #e1e2e3;
}
.jumbo-7-home-section-three .column:hover{
border-color: #e8e9ed;
box-shadow: 0px 0px 15px rgba(232, 233, 237, 0.68);
}
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 .column p{
margin: 0;
padding-bottom: 38px;
}
@media(min-width:768px) and (max-width:1024px){
.jumbo-7-home-section-three .column{
padding: 40px 9px;
}
}
@media (max-width:768px){
.jumbo-7-home-section-three .column{
margin-top:20px;
}
}
/*=========================================================
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 #f11e3c;
}
.jumbo-7-home-section-four .white-cta a.cta_button{
background:#fff;
color:#f11e3c;
}
.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;
}
}
/*================================================================================
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: 400;
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: 400;
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: 160px 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 64px;
}
/*========================================================
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:#f11e3c;
}
/*====================================================
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:#f11e3c;
}
@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;
}
}
/***************************************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************************************************************
********************************************************************************************* 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:#f11e3c;
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: 400;
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: #f11e3c;
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: 400;
padding-bottom: 40px;
}
.jumbo-lp-2-section-3 h2 span{
color:#f11e3c;
}
.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:#f11e3c;
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: #f11e3c;
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 #f11e3c;
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: #f11e3c;
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:#f11e3c;
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 #f11e3c;
}
.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: #f11e3c;
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:#f11e3c;
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: 400;
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:#f11e3c;
}
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;
}
}
/*=============================================================
Testimonial Section
=============================================================*/
.jumbo-lp-5-testimonial h3{
margin-bottom:30px;
}
body .row-fluid .jumbo-lp-5-testimonial .wrapper{
max-width:800px;
}
.jumbo-lp-5-testimonial .owl-carousel {
display: block;
}
.jumbo-lp-5-testimonial .owl-carousel .item{
width: auto;
position: relative;
padding: 60px 60px 40px;
border: 1px solid #e7e7e7;
margin-bottom: 40px;
border-radius:10px;
}
.jumbo-lp-5-testimonial .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 4px;
background: #d8d8d8;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
}
.jumbo-lp-5-testimonial .owl-theme .owl-dots .owl-dot.active span{
background:#f11e3c;
}
.jumbo-lp-5-testimonial .owl-theme .owl-dots .owl-dot:hover span {
background:#f11e3c;
}
.jumbo-lp-5-testimonial .owl-carousel .testimonial-cm .logo img{
width: auto;
display: block;
margin: 0 auto;
}
.jumbo-lp-5-testimonial .testimonial-cm .image{
padding: 0;
width: 100%;
max-width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
margin: 30px auto 20px;
}
.jumbo-lp-5-testimonial .testimonial-cm .image img{
border-radius:50%;
}
.jumbo-lp-5-testimonial .testimonial-cm h4{
font-size: 16px;
line-height: 22px;
color: #f11e3c;
letter-spacing: .4px;
}
.jumbo-lp-5-testimonial .testimonial-cm .text p{
font-style:italic;
}
.jumbo-lp-5-testimonial .testimonial-cm h5{
font-size:14px;
line-height:1.2;
font-weight:400;
color:#a9a9a9;
}
.jumbo-lp-5-testimonial .testimonial-container{
padding:0 40px ;
}
body .row-fluid .jumbo-lp-5-testimonial .owl-controls .owl-nav{
display:none;
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:767px){
.jumbo-lp-5-testimonial .owl-carousel .item {
padding: 30px 20px 20px;
margin-bottom: 20px;
}
}
/*******************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 (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-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:#f11e3c;
}
.jumbo-lp-7-testimonial-section .owl-theme .owl-dots .owl-dot:hover span {
background:#f11e3c;
}
.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: 400;
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, 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:#f11e3c;
}
.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: #f11e3c;
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: 400;
}
.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 Get involved
=====================================================*/
.jumbo-lp-10-get-involved{
background:#1b2535;
}
body .row-fluid .jumbo-lp-10-get-involved .wrapper{
max-width: 800px;
}
/*===================================================
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:#f11e3c;
}
.jumbo-lp-10-testimonial-section .owl-theme .owl-dots .owl-dot:hover span {
background:#f11e3c;
}
.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: -4px;
text-align: center;
font-family: FontAwesome;
color:#f11e3c;
font-size: 20px;
background: #fff;
width: 100%;
max-width: 80px;
margin: 0 auto;
}
.jumbo-lp-10-testimonial-section .testimonial-cm .text p{
font-size: 16px;
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: #f11e3c;
letter-spacing: .4px;
}
.jumbo-lp-10-testimonial-section .testimonial-cm h5{
font-size:14px;
line-height:1.2;
font-weight:400;
color:#a9a9a9;
}
/*========================================================
Responsive Styling
========================================================*/
@media (min-width:768px) and (max-width:1024px){
.section-padding {
padding: 40px 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:#f11e3c;
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:#f11e3c;
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;
}
}
/*=============================================================
Testimonial Section
=============================================================*/
.jumbo-lp-12-testimonial-section h3{
margin-bottom:30px;
}
.jumbo-lp-12-testimonial-section .owl-carousel {
display: block;
}
.jumbo-lp-12-testimonial-section .owl-carousel .item{
width: auto;
position: relative;
}
.jumbo-lp-12-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-12-testimonial-section .owl-theme .owl-dots .owl-dot.active span{
width: 28px;
background:#f11e3c;
}
.jumbo-lp-12-testimonial-section .owl-theme .owl-dots .owl-dot:hover span {
background:#f11e3c;
}
.jumbo-lp-12-testimonial-section .testimonial-cm .logo{
}
.jumbo-lp-12-testimonial-section .testimonial-cm .image{
padding: 0;
width: 100%;
max-width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.jumbo-lp-12-testimonial-section .testimonial-cm .image img{
border-radius:50%;
}
.jumbo-lp-12-testimonial-section .testimonial-cm h4{
margin-top:0;
margin-bottom: 6px;
}
.jumbo-lp-12-testimonial-section .testimonial-cm h5{
font-size:14px;
line-height:1.2;
font-weight:400;
}
body .jumbo-lp-12-testimonial-section .row-fluid .designation-container{
margin: 0;
padding-top: 75px;
position: relative;
display: block;
overflow: hidden;
margin-bottom: 20px;
}
.jumbo-lp-12-testimonial-section .testimonial-cm .designation-container:after{
position: absolute;
content: '\f10d';
left: 0;
right: 0;
top: 0;
font-family: FontAwesome;
color: #fff;
font-size: 46px;
}
.jumbo-lp-12-testimonial-section .owl-dots{
display:none!important;
}
.jumbo-lp-12-testimonial-section .owl-theme .owl-controls .owl-nav [class*=owl-],
.jumbo-lp-12-testimonial-section .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
color: #fff;
font-size: 0;
margin: 5px;
padding: 0;
background: transparent;
}
.jumbo-lp-12-testimonial-section .owl-nav .owl-prev,
.jumbo-lp-12-testimonial-section .owl-nav .owl-next {
position: absolute;
bottom:0;
}
.jumbo-lp-12-testimonial-section .owl-nav .owl-prev{
left:0;
}
.jumbo-lp-12-testimonial-section .owl-nav .owl-prev:before{
content: "\f053";
position: absolute;
font-family: FontAwesome;
Font-size: 16px;
line-height: 26px;
color: #ffffff;
left: 0;
top: 0;
border: 2px solid #f11e3c;
padding: 5px 10px;
}
.jumbo-lp-12-testimonial-section .owl-nav .owl-next{
left:50px;
}
.jumbo-lp-12-testimonial-section .owl-nav .owl-next:before{
content: "\f054 ";
position: absolute;
font-family: FontAwesome;
Font-size: 16px;
line-height: 26px;
color: #ffffff;
left: 0;
top: 0;
border: 2px solid #f11e3c;
padding: 5px 10px;
}
.jumbo-lp-12-testimonial-section .testimonial-container{
padding:0 40px ;
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:767px){
.jumbo-lp-12-testimonial-section .testimonial-container {
padding: 0;
}
.jumbo-lp-12-testimonial-section .owl-carousel .logo{
max-width: 100px;
}
.testimonial-cm .image {
margin-left: 0;
margin-bottom:10px;
}
.jumbo-lp-12-testimonial-section .owl-carousel .designation {
padding-left: 0;
margin-bottom: 15px;
}
body .row-fluid .designation-container {
margin: 0;
}
body .row-fluid .jumbo-lp-12-testimonial-section .description{
margin-bottom:10px;
}
.jumbo-lp-12-testimonial-section .left-col{
margin-bottom:40px;
}
}
/*===========================================================
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:110px;
}
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;
}
/*Shanon Edits */
body .row-fluid .jumbo-lp-13-hero .hero-three-col{
width: 100%;
max-width: 1080px;
background: #fff;
margin: 0 auto;
float: none;
padding: 30px 40px 20px;
position: relative;
bottom: -60px;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
display: flex;
justify-content: center;
}
.span4.widget-span.widget-type-cell.quick-stat-box {
display: flex;
align-items: stretch;
flex-direction: row;
/*justify-content: center;*/
justify-content: flex-start;
margin: 0 !important;
width: 300px;
}
.stat-tier-2 {
padding-left: 10px;
}
.span12.widget-span.widget-type-custom_widget.stat-tier-2 {
width: 99%;
}
.span12.widget-span.widget-type-custom_widget.base-color-text h2 {
margin-bottom: 5px;
}
.stat-tier-1 img {
width: 35px !important;
padding-bottom: 4px;
max-width: none !important
}
.base-color-text img {
width: 35px !important;
margin-bottom: 4px;
}
/* ------- Media Queries ------- */
@media (min-width:768px) and (max-width:1024px){
.span4.widget-span.widget-type-cell.quick-stat-box {
display: flex;
align-items: flex-start;
flex-direction: row;
justify-content: space-between;
margin: 0 auto !important;
padding: 0 10px;
width: unset;
}
}
@media (max-width: 767px) {
.span4.widget-span.widget-type-cell.quick-stat-box {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
align-content: center;
flex-wrap: wrap;
padding: 10px 0;
}
.span12.widget-span.widget-type-custom_widget.stat-tier-2 {
width: 100%;
}
.span12.widget-span.widget-type-custom_widget.stat-tier-1 {
margin-bottom: -15px;
}
.span12.widget-span.widget-type-custom_widget.base-color-text h2 {
margin-bottom: none;
}
.stat-tier-1 img {
width: 25px !important;
padding-bottom: 4px;
}
.span12.widget-span.widget-type-custom_widget.align-center.heading.all-text-white {
padding-top: 40px;
}
.span12.widget-span.widget-type-cell.jumbo-2-home-section-2.gray-bg.top-padding.mobile-h2-ss {
border-top: 2px solid #e2e2e2;
}
}
}
/*End Shanon Edits */
@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;
}
.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 #f11e3c;
}
.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%;
}
}
/*============================================================
Testimonial Section
============================================================*/
.jumbo-lp-13-testimonial-section .testimonial-cm{
padding:20px;
border:1px solid #e7e7e7;
margin-bottom:30px;
}
.jumbo-lp-13-testimonial-section .testimonial-cm h4+p{
margin-top:0;
}
.jumbo-lp-13-testimonial-section .testimonial p{
color:#54657e;
font-style:italic;
margin-bottom:0;
}
.jumbo-lp-13-testimonial-section .section-heading {
margin-bottom: 80px;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-lp-13-testimonial-section .section-heading {
margin-bottom: 50px;
}
}
@media (max-width:767px){
.jumbo-lp-13-testimonial-section .section-heading {
margin-bottom: 50px;
}
}
/*===========================================================
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 (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;
}
}
/*============================================================
Pricing Section
============================================================*/
.jumbo-lp-13-pricing-two-col{
position:relative;
overflow:hidden;
z-index:1;
}
body .row-fluid .jumbo-lp-13-pricing-two-col .wrapper{
max-width:1440px;
}
.jumbo-lp-13-pricing-two-col:before,
.jumbo-lp-13-pricing-two-col:after{
position:absolute;
content:'';
left:0;
top:0;
bottom:0;
width:50%;
background:#3d4d65;
z-index:-1;
}
.jumbo-lp-13-pricing-two-col:after{
right:0;
left:auto;
background:#455772;
}
.jumbo-lp-13-pricing-two-col .price{
margin:20px 0 10px;
}
.jumbo-lp-13-pricing-two-col .price h2{
display: inline-block;
float: left;
margin-right: 10px;
font-size:50px;
}
.jumbo-lp-13-pricing-two-col .price p{
margin-top:20px;
float: left;
}
.jumbo-lp-13-pricing-two-col .column{
padding:0 8%;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-lp-13-pricing-two-col .column {
padding: 0;
}
.jumbo-lp-13-pricing-two-col .right-col{
padding-left:40px;
}
}
@media (max-width:767px){
.jumbo-lp-13-pricing-two-col .column {
padding: 0;
}
.jumbo-lp-13-pricing-two-col{
overflow:hidden;
}
.jumbo-lp-13-pricing-two-col .right-col{
padding-left:0;
margin-top:40px;
}
.jumbo-lp-13-pricing-two-col:before,
.jumbo-lp-13-pricing-two-col:after{
width:100%;
}
}
/*============================================================
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 #f11e3c;
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;
}
}
/*******************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: block;
overflow: hidden;
}
.jumbo-lp-14-form-section .feture-cm .icon .fa {
width: 100px;
line-height: 100px;
border-radius: 50%;
font-size:36px;
color:#f11e3c;
border: 1px solid #cecece;
}
.jumbo-lp-14-form-section .widget-type-form h3{
text-align:center;
background:#f11e3c;
margin:0;
padding:20px;
color:#fff;
}
.jumbo-lp-14-form-section .right-col form{
border: 1px solid #e7e7e7;
border-top: 0;
padding: 40px 30px;
}
@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 {
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 .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;
}
/*============================================================
Video Section
============================================================*/
.jumbo-lp-15-jumbo-lp-15-video-section{
margin-bottom:100px;
padding-bottom:0;
}
body .row-fluid .jumbo-lp-15-video-section .heading{
width:100%;
max-width: 900px;
margin:0 auto;
float:none;
}
body .row-fluid .jumbo-lp-15-video-section .popup-video{
border: 10px solid #fff;
position: relative;
padding:340px 60px 30px;
width: 100%;
max-width: 980px;
margin: 0 auto;
float: none;
border-radius: 6px;
top:80px;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.25);
}
.jumbo-lp-15-video-section .popup-video .sub-form{
margin:0;
}
body .row-fluid .jumbo-lp-15-video-section .popup-video .sub-form{
width: 100%;
max-width: 550px;
margin:0 auto;
float:none;
}
.jumbo-lp-15-video-section .popup-video .widget-type-blog_subscribe form {
position:relative;
}
.jumbo-lp-15-video-section .popup-video .widget-type-blog_subscribe form .field input {
width: 100%;
max-width: 66%;
border: 0;
border-right: 0;
height: 62px;
}
body .jumbo-lp-15-video-section .row-fluid .popup-video .widget-type-blog_subscribe form .actions {
position: absolute;
right: 0;
top: 0;
width: 32%;
height: 50px;
}
body .jumbo-lp-15-video-section .row-fluid .popup-video .widget-type-blog_subscribe form .field>label{
display:none;
}
body .jumbo-lp-15-video-section .row-fluid .popup-video .widget-type-blog_subscribe form .hs-button.primary{
margin-top:0;
width:100%;
}
.jumbo-lp-15-video-section .popup-video a{
text-decoration:underline;
color:#fff;
}
.jumbo-lp-15-video-section .popup-video .widget-type-blog_subscribe h3{
text-align:center;
color:#fff;
font-size:30px;
line-height:38px;
margin-bottom:40px;
}
body .jumbo-lp-15-video-section .row-fluid .popup-video .play-video-button{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
width: 90px;
height: 90px;
margin: 0 auto;
top:160px;
cursor:pointer;
}
@media (min-width:768px) and (max-width:1024px){
body .row-fluid .jumbo-lp-15-video-section .popup-video {
padding: 250px 60px 30px;
top: 50px;
}
body .jumbo-lp-15-video-section .row-fluid .popup-video .play-video-button {
top: 130px;
}
.jumbo-lp-15-video-section {
margin-bottom: 70px;
}
}
@media (max-width:767px){
body .row-fluid .jumbo-lp-15-video-section .popup-video {
padding: 170px 20px 10px;
top: 30px;
}
body .jumbo-lp-15-video-section .row-fluid .popup-video .play-video-button {
top: 80px;
}
.jumbo-lp-15-video-section .popup-video .widget-type-blog_subscribe form .field input {
max-width: 100%;
}
body .jumbo-lp-15-video-section .row-fluid .popup-video .widget-type-blog_subscribe form .actions {
position: relative;
margin-bottom: 20px;
width:100%;
}
.jumbo-lp-15-video-section {
margin-bottom: 20px;
}
}
/*============================================================
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%;
}
}
/*============================================================
Testimonial Section
============================================================*/
.jumbo-lp-15-testimonial-section .testimonial-cm{
padding:20px;
border:1px solid #e7e7e7;
margin-top:30px;
border-radius:4px;
}
.jumbo-lp-15-testimonial-section .testimonial-cm h4+p{
margin-top:0;
}
.jumbo-lp-15-testimonial-section .testimonial-cm .image{
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 50%;
float: right;
}
.jumbo-lp-15-testimonial-section .testimonial-cm .testimonial{
margin-top:15px;
}
.jumbo-lp-15-testimonial-section .testimonial-cm .testimonial p{
color:#54657e;
font-style:italic;
margin-bottom:0;
}
@media (min-width:768px) and (max-width:1024px){
body .jumbo-lp-15-testimonial-section .row-fluid .testimonial-cm .span3{
float: left;
width: 100%;
margin: 0;
}
.jumbo-lp-15-testimonial-section .testimonial-cm .image {
float: left;
}
.jumbo-lp-15-testimonial-section .testimonial-cm {
padding: 15px;
}
body .jumbo-lp-15-testimonial-section .row-fluid .section-heading {
margin-bottom: 40px;
}
}
@media (max-width:767px){
body .jumbo-lp-15-testimonial-section .row-fluid .testimonial-cm .span3{
float: left;
width: 100%;
margin: 0;
}
.jumbo-lp-15-testimonial-section .testimonial-cm .image {
float: left;
}
body .jumbo-lp-15-testimonial-section .row-fluid .section-heading {
margin-bottom: 10px;
}
}
/*******************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;
}
}
/*=============================================================
Testimonial Section
=============================================================*/
.jumbo-lp-16-testimonial-section{
border-top:1px solid #e7e7e7;
padding-bottom:0;
}
.jumbo-lp-16-testimonial-section .heading{
margin-bottom:60px;
}
.jumbo-lp-16-testimonial-section .item{
width: auto;
position: relative;
padding: 40px 20px 20px;
border: 1px solid #e7e7e7;
margin-bottom: 40px;
border-radius: 6px;
}
.jumbo-lp-16-testimonial-section .testimonial-cm .image{
position:absolute;
width: 80px;
height:80px;
overflow:hidden;
border-radius:50%;
left:0;
right:0;
margin:0 auto;
top:-40px;
}
.jumbo-lp-16-testimonial-section .testimonial-cm h4{
font-size: 18px;
line-height: 22px;
letter-spacing: .6px;
margin:0;
display:inline-block;
margin-right:10px;
}
.jumbo-lp-16-testimonial-section .testimonial-cm .designation p{
display:inline-block;
}
.jumbo-lp-16-testimonial-section .testimonial-cm .text p{
color: #9fa3a7;
font-style:italic;
}
body .jumbo-lp-16-testimonial-section .row-fluid .testimonial-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-testimonial-section .row-fluid .testimonial-cm-container>span .hs_cos_wrapper {
display: flex;
flex-basis: 31%;
float: left;
margin-right: 1.9%;
margin-top: 30px;
position: relative;
}
@media (min-width:768px) and (max-width:1024px){
body .jumbo-lp-16-testimonial-section .row-fluid .testimonial-cm-container>span .hs_cos_wrapper {
flex-basis: 48%;
}
}
@media (max-width:767px){
body .jumbo-lp-16-testimonial-section .row-fluid .testimonial-cm-container>span{
margin:0;
}
body .jumbo-lp-16-testimonial-section .row-fluid .testimonial-cm-container>span .hs_cos_wrapper{
flex-basis: 100%;
display:block;
width:100%;
margin: 20px 0 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;
}
}
/*=============================================================
Testimonial Section
=============================================================*/
.jumbo-lp-17-testimonial-section{
border-top:1px solid #e7e7e7;
}
.jumbo-lp-17-testimonial-section .heading{
margin-bottom:60px;
}
.jumbo-lp-17-testimonial-section .item{
width: auto;
position: relative;
margin-bottom: 20px;
border-radius: 6px;
}
.jumbo-lp-17-testimonial-section .testimonial-cm .image-container{
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding: 10px 0 5px;
}
.jumbo-lp-17-testimonial-section .testimonial-cm .image{
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
float: left;
margin-right: 12px;
}
.jumbo-lp-17-testimonial-section .testimonial-cm h4{
font-size: 18px;
line-height: 22px;
letter-spacing: .6px;
margin:0;
display:inline-block;
margin-right:10px;
}
.jumbo-lp-17-testimonial-section .testimonial-cm .designation p{
display:inline-block;
}
.jumbo-lp-17-testimonial-section .testimonial-cm .text p{
color: #9fa3a7;
font-style:italic;
}
body .jumbo-lp-17-testimonial-section .row-fluid .testimonial-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-17-testimonial-section .row-fluid .testimonial-cm-container>span .hs_cos_wrapper {
display: flex;
flex-basis: 31%;
float: left;
margin-right: 1.9%;
margin-top: 30px;
position: relative;
}
@media (min-width:768px) and (max-width:1024px){
body .jumbo-lp-17-testimonial-section .row-fluid .testimonial-cm-container>span .hs_cos_wrapper {
flex-basis: 48%;
}
}
@media (max-width:767px){
body .jumbo-lp-17-testimonial-section .row-fluid .testimonial-cm-container>span{
margin:0;
}
body .jumbo-lp-17-testimonial-section .row-fluid .testimonial-cm-container>span .hs_cos_wrapper{
flex-basis: 100%;
display:block;
width:100%;
margin: 20px 0 0;
}
}
/*============================================================
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 (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;
}
/*===========================================================
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:#f11e3c;
}
.jumbo-lp-19-contact-section .left-col{
padding:110px 0;
}
.jumbo-lp-19-contact-section .left-col a{
text-decoration:underline;
color:#f11e3c;
}
.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:#f11e3c;
position:relative;
top:-100px;
}
.jumbo-lp-21-contact-2 .left-col{
padding:40px;
background:#fff;
border: 1px solid #f11e3c;
}
.jumbo-lp-21-contact-2 .right-col .fa{
font-size:50px;
}
.jumbo-lp-21-contact-2 .right-col{
background:#f11e3c;
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;
font-display: swap;
}
.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:#f11e3c;
font-family:'Rubik', sans-serif;;
font-display: swap;
}
.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: #f11e3c;
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:#f11e3c;
}
.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-28*******************/
/*=============================================================
Hero Section
=============================================================*/
.jumbo-lp-28-hero{
padding:160px 0 200px;
position:relative;
overflow:hidden;
}
.jumbo-lp-28-hero:after{
position: absolute;
content: '';
bottom: -42px;
left: -6%;
right: 0;
height: 102px;
background: #fff;
transform: rotate(2.4deg);
width: 110%;
}
.jumbo-lp-28-hero .left-col{
background:#fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.jumbo-lp-28-hero .right-col{
padding-left:5%;
margin-top:50px;
}
.jumbo-lp-28-hero .heading h2{
font-size:30px;
line-height:40px;
margin-bottom:0;
background:#f11e3c;
padding: 20px 20px;
}
.jumbo-lp-28-hero .left-col form{
padding: 10px 45px 40px;
}
.jumbo-lp-28-hero .right-col{
margin-top:100px;
}
@media (min-width:768px) and (max-width:1024px){
.row-fluid .jumbo-lp-28-hero form .hs-button.primary{
padding-left:0;
padding-right:0;
width:100%;
}
.jumbo-lp-28-hero .left-col form {
padding: 10px 24px 29px;
}
.jumbo-lp-28-hero .heading h2 {
font-size: 22px;
line-height: 30px;
}
.jumbo-lp-28-hero {
padding: 80px 0 150px;
}
}
@media (max-width:767px){
.row-fluid .jumbo-lp-28-hero form .hs-button.primary{
padding-left:0;
padding-right:0;
width:100%;
}
.jumbo-lp-28-hero .left-col form {
padding: 10px 24px 29px;
}
.jumbo-lp-28-hero .heading h2 {
font-size: 22px;
line-height: 30px;
}
.jumbo-lp-28-hero .left-col{
margin-bottom:30px;
}
.jumbo-lp-28-hero .right-col{
padding-left:0;
text-align:center;
}
.jumbo-lp-28-hero .right-col {
margin-top: 0;
}
.jumbo-lp-28-hero {
padding: 50px 0 120px;
}
}
/*=====================================================
Section-1
=====================================================*/
.jumbo-lp-28-section-1{
}
body .row-fluid .jumbo-lp-28-section-1 .wrapper{
max-width:850px;
}
.jumbo-lp-28-section-1 .cta{
margin-top:30px;
}
/*===============================================
Four Column About
================================================*/
.jumbo-lp-28-four-col{
padding:45px 0;
background:#3d4d65;
}
.jumbo-lp-28-four-col h3{
color:#fff;
margin:0;
margin-bottom:10px;
}
.jumbo-lp-28-four-col p{
font-size:14px;
line-height:1.2;
font-weight:300;
color:#fff;
margin:0;
letter-spacing:0;
}
.jumbo-lp-28-four-col .fa{
color:#fff;
}
.jumbo-lp-28-four-col .icon{
margin-bottom:15px;
}
body .row-fluid .jumbo-lp-28-four-col .icon-group{
padding:0 20px;
border-left:1px solid rgba(255, 255, 255, 0.52);
}
body .row-fluid .jumbo-lp-28-four-col .icon-group:first-child{
border:0;
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:767px){
body .row-fluid .jumbo-lp-28-four-col .icon-group {
padding: 30px 20px;
border-left: 0;
border-top: 1px solid rgba(255,255,255,0.52);
}
.jumbo-lp-28-four-col {
padding: 15px 0;
}
}
/*=====================================================
Section-3
=====================================================*/
.jumbo-lp-28-section-3{
}
body .row-fluid .jumbo-lp-28-section-3 .description{
width:100%;
float:none;
max-width:850px;
margin:0 auto;
margin-bottom:70px;
}
body .row-fluid .jumbo-lp-28-section-3 .pricing-table-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%;
}
.jumbo-lp-28-section-3 .pricing-table-container span>.hs_cos_wrapper{
flex-basis: 22.4%;
margin-right: 2.3%;
margin-bottom: 2.3%;
padding-bottom:70px;
position:relative;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.21);
border: 1px solid #f1f1f1;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
}
.jumbo-lp-28-section-3 .pricing-table-container span>.hs_cos_wrapper:hover{
box-shadow: 0 2px 16px 0 rgba(0,0,0,0.21);
}
.jumbo-lp-28-section-3 .pricing-cm {
padding: 30px 25px 0;
}
.jumbo-lp-28-section-3 .jumbo-lp-28-section-3 .pricing-cm .heading{
border-bottom:1px solid #e7e7e7;
margin-bottom:20px;
}
.jumbo-lp-28-section-3 .jumbo-lp-28-section-3 .pricing-cm a.cta_button,
.jumbo-lp-28-section-3 .jumbo-lp-28-section-3 .pricing-cm a.cta_button:hover{
padding:0;
background:transparent;
border:0;
color:#f11e3c;
font-size:16px;
}
.jumbo-lp-28-section-3 .jumbo-lp-28-section-3 .pricing-cm .button{
position: absolute;
left: 0;
right: 0;
bottom: 25px;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-lp-28-section-3 .pricing-cm {
padding: 17px 15px 0;
}
.jumbo-lp-28-section-3 .pricing-cm li{
font-size: 12px;
line-height: 18px;
}
}
@media (max-width:767px){
.jumbo-lp-28-section-3 .pricing-table-container span>.hs_cos_wrapper {
flex-basis: 100%;
width: 100%;
margin: 0;
margin-bottom: 20px;
}
body .row-fluid .jumbo-lp-28-section-3 .description {
margin-bottom: 40px;
}
}
/*===================================================
Testimonial Section
==================================================*/
.jumbo-lp-28-testimonial-section{
background:#fafafa;
}
body .row-fluid .jumbo-lp-28-testimonial-section .description{
width:100%;
float:none;
max-width:850px;
margin:0 auto;
margin-bottom:50px;
}
.jumbo-lp-28-testimonial-section .owl-carousel .designation{
padding-left:10px;
}
.jumbo-lp-28-testimonial-section .owl-carousel {
display: block;
margin-top: 30px;
}
.jumbo-lp-28-testimonial-section .owl-carousel .item{
margin: 0 15px;
width: auto;
position: relative;
padding: 20px;
background: #fff;
border: 1px solid #e7e7e7;
border-radius: 10px;
}
.jumbo-lp-28-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-28-testimonial-section .owl-theme .owl-dots .owl-dot.active span{
width: 28px;
background:#f11e3c;
}
.jumbo-lp-28-testimonial-section .owl-theme .owl-dots .owl-dot:hover span {
background:#f11e3c;
}
.jumbo-lp-28-testimonial-section .testimonial-cm .text{
position:relative;
padding-top: 60px;
}
.jumbo-lp-28-testimonial-section .testimonial-cm .text:after{
position: absolute;
content: '\f10d';
left: 0;
right: 0;
top: -4px;
text-align: center;
font-family: FontAwesome;
color:#3d4d65;
font-size: 30px;
}
.jumbo-lp-28-testimonial-section .testimonial-cm .text p{
font-size: 14px;
line-height: 28px;
color: #4a4a4a;
letter-spacing: .4px;
font-weight: 400;
}
.jumbo-lp-28-testimonial-section .testimonial-cm .logo{
}
.jumbo-lp-28-testimonial-section .testimonial-cm .image{
padding: 0;
width: 100%;
max-width: 50px;
height: 50px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
.jumbo-lp-28-testimonial-section .testimonial-cm .image img{
border-radius:50%;
}
.jumbo-lp-28-testimonial-section .testimonial-cm h4{
font-size: 16px;
line-height: 22px;
color: #f11e3c;
letter-spacing: .4px;
}
.jumbo-lp-28-testimonial-section .testimonial-cm h5{
font-size:14px;
line-height:1.2;
font-weight:400;
color:#a9a9a9;
}
body .jumbo-lp-28-testimonial-section .row-fluid .designation-container{
margin: 0;
margin-top: 50px;
border-top: 1px solid #e7e7e7;
padding-top: 15px;
}
body .jumbo-lp-28-testimonial-section .row-fluid .item{
max-width:790px;
position:relative;
margin: 0 15px;
}
.jumbo-lp-28-testimonial-section .owl-dots{
display:none!important;
}
.jumbo-lp-28-testimonial-section .owl-theme .owl-controls .owl-nav [class*=owl-] {
color: #fff;
font-size: 0;
margin: 5px;
padding: 0;
background: transparent;
}
.jumbo-lp-28-testimonial-section .owl-nav .owl-prev,
.jumbo-lp-28-testimonial-section .owl-nav .owl-next {
position: absolute;
top:40%;
}
.jumbo-lp-28-testimonial-section .owl-nav .owl-prev{
left:-30px;
}
.jumbo-lp-28-testimonial-section .owl-nav .owl-prev:before{
content: "\f053";
position: absolute;
font-family: FontAwesome;
Font-size: 28px;
line-height: 26px;
color:#f11e3c;
left: 0;
top: 0;
}
.jumbo-lp-28-testimonial-section .owl-nav .owl-next{
right:-30px;
}
.jumbo-lp-28-testimonial-section .owl-nav .owl-next:before{
content: "\f054 ";
position: absolute;
font-family: FontAwesome;
Font-size: 28px;
line-height: 26px;
color: #f11e3c;
right: 0;
top: 0;
}
.jumbo-lp-28-testimonial-section .testimonial-container{
padding:0 40px ;
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:767px){
.jumbo-lp-28-testimonial-section .testimonial-container {
padding: 0;
}
.jumbo-lp-28-testimonial-section .owl-carousel .logo{
max-width: 100px;
}
.testimonial-cm .image {
margin-left: 0;
margin-bottom:10px;
}
.jumbo-lp-28-testimonial-section .owl-carousel .designation {
padding-left: 0;
margin-bottom: 15px;
}
body .row-fluid .designation-container {
margin: 0;
margin-top: 20px;
}
.jumbo-lp-28-testimonial-section .owl-nav .owl-prev, .jumbo-lp-28-testimonial-section .owl-nav .owl-next {
top: auto;
}
.jumbo-lp-28-testimonial-section .owl-nav .owl-next {
right: 30%;
}
.jumbo-lp-28-testimonial-section .owl-nav .owl-prev {
left: 30%;
}
body .row-fluid .jumbo-lp-28-testimonial-section .description{
margin-bottom:10px;
}
}
/*===========================================================
OUR CLIENTS
========================================================*/
.jumbo-lp-28-our-clients {
padding:30px 0;
border-top:1px solid #e7e7e7;
}
.jumbo-lp-28-our-clients ul {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
margin: 0;
text-align:center;
}
.jumbo-lp-28-our-clients ul li {
width: 100%;
display: inline-block;
vertical-align: middle;
margin: 0;
margin-left: 0;
padding: 0 10px;
}
.jumbo-lp-28-our-clients ul li:before{
display:none;
}
@media (min-width:768px) and (max-width:1024px){
}
@media (max-width:767px){
.jumbo-lp-28-our-clients ul{
display:block;
}
.jumbo-lp-28-our-clients ul li {
display: inline-block;
width: 100%;
max-width: 100px;
margin: 15px 0;
}
}
/*******************lp-29*******************/
.jumbo-lp-29-hero{
padding:170px 0 100px;
background-size:cover;
background-repeat:no-repeat;
}
.jumbo-lp-29-hero p{
font-size: 18px;
color: #fff;
font-weight: 400;
line-height:30px;
}
/*============================================================================
Jumbo Pricing table Section
============================================================================*/
.jumbo-lp-29-pricing-table{
padding:70px 0;
background:#f7f7f7;
}
.jumbo-lp-29-pricing-table .column{
background:#fff;
position:relative;
padding-bottom:100px;
transition:all .4s ease-in-out;
}
.jumbo-lp-29-pricing-table .column:hover {
transform: translate(0, -8px);
}
@media (min-width:768px){
body .row-fluid .jumbo-lp-29-pricing-table .column{
margin-left: 0;
width: 25%;
border: 1px solid #e7e7e7;
border-right:0;
}
body .row-fluid .jumbo-lp-29-pricing-table .column:last-child{
border-right: 1px solid #e7e7e7;
}
body .row-fluid .jumbo-lp-29-pricing-table .column.popular{
margin-top:-25px;
}
}
body .row-fluid .jumbo-lp-29-pricing-table .column.popular:before{
position: absolute;
content: '';
top: -7px;
left: -9px;
background: url('https://2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/most-popular-svg.svg') no-repeat;
background-size: 100%;
width: 98px;
height: 100px;
}
.jumbo-lp-29-pricing-table .sec-pad{
padding:0 20px;
}
.jumbo-lp-29-pricing-table .column .heading{
border-bottom: 1px solid #e7e7e7;
padding-top: 10px;
padding-bottom: 10px;
}
.jumbo-lp-29-pricing-table .column .subhead{
padding-top: 25px;
padding-bottom: 10px;
}
.jumbo-lp-29-pricing-table .column .cost{
padding-top: 20px;
padding-bottom: 20px;
}
.jumbo-lp-29-pricing-table .column .cost h2{
color:#4bbae6;
}
.jumbo-lp-29-pricing-table .column .about-plan{
padding-top: 10px;
padding-bottom: 30px;
border-bottom: 1px solid #e7e7e7;
}
.jumbo-lp-29-pricing-table .column li,
.jumbo-lp-29-pricing-table .column p{
font-size: 14px;
line-height: 16px;
}
.jumbo-lp-29-pricing-table .features{
padding-top:20px;
padding-bottom:20px;
}
.jumbo-lp-29-pricing-table .column ul{
margin-top:10px;
}
.jumbo-lp-29-pricing-table .column li:before{
top:6px;
}
.jumbo-lp-29-pricing-table .column .widget-type-cta{
margin:0;
}
.jumbo-lp-29-pricing-table .column a.cta_button{
padding: 10px 36px;
}
.jumbo-lp-29-pricing-table .column a.cta_button:hover{
box-shadow:none;
transform:translate(0)
}
.jumbo-lp-29-pricing-table .column .button{
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #e7e7e7;
}
.jumbo-lp-29-pricing-table .bottom-small-desc{
border-top: 1px solid #e7e7e7;
padding-top: 10px;
margin-top:30px;
}
.jumbo-lp-29-pricing-table .bottom-small-desc p{
font-size: 12px;
line-height: 1.3;
color: #ababab;
}
@media (max-width:1024px){
.jumbo-lp-29-pricing-table .column .heading h3 {
font-size: 14px;
line-height: 22px;
}
.jumbo-lp-29-pricing-table .column h5,
.jumbo-lp-29-pricing-table .column h6{
font-size: 12px;
line-height: 16px;
}
.jumbo-lp-29-pricing-table .column {
padding-bottom: 70px;
}
.jumbo-lp-29-pricing-table {
padding: 50px 0;
}
}
@media (max-width:767px){
.jumbo-lp-29-pricing-table .features{
text-align:left;
}
.jumbo-lp-29-pricing-table .column{
margin-top:30px;
}
.jumbo-lp-29-pricing-table .column:hover {
transform: translate(0);
}
}
/*============================================================================
Jumbo Pricing table Section
============================================================================*/
.jumbo-lp-29-pricing-table-2{
padding:80px 0;
border-bottom:1px solid #e7e7e7;
}
.jumbo-lp-29-pricing-table-2 tr:nth-child(odd) {
background-color:#f7f7f7;
}
.jumbo-lp-29-pricing-table-2 table{
border-collapse: collapse;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.jumbo-lp-29-pricing-table-2 table tbody td {
padding: 20px 15px;
border-spacing: 0;
text-align:center;
border-left: 1px solid #e7e7e7;
}
.jumbo-lp-29-pricing-table-2 tbody td:first-child {
text-align: left;
}
.jumbo-lp-29-pricing-table-2 table tbody .fa{
font-size:18px;
color:#f11e3c;
}
.jumbo-lp-29-pricing-table-2 table .blue-row {
background-color:#4bbae6;
}
@media (max-width:1024px){
.jumbo-lp-29-pricing-table-2 {
padding: 50px 0;
}
}
@media (max-width:767px){
body .row-fluid .jumbo-lp-29-pricing-table-2 {
display:none;
}
}
/*============================================================================
FAQ Section
============================================================================*/
.jumbo-lp-29-pricing-faq{
padding:100px 0;
}
.jumbo-lp-29-pricing-faq .accordion_group{
margin-top:40px;
}
@media (max-width:1024px){
.jumbo-lp-29-pricing-faq {
padding: 50px 0;
}
}
@media (max-width:767px){
}
/*============================================================================
Jumbo Get Started Now
============================================================================*/
.jumbo-lp-29-pricing-start-now{
padding:50px 0;
background:#f7f7f7;
border-bottom:1px solid #e7e7e7;
}
.jumbo-lp-29-pricing-start-now .cta{
margin-bottom:15px;
}
body .row-fluid .jumbo-lp-29-pricing-start-now .heading{
width: 100%;
max-width: 1030px;
margin: 0 auto 20px;
float: none;
}
@media (max-width:1024px){
}
@media (max-width:767px){
}
/*============================================================================
Team Section
============================================================================*/
.jumbo-lp-29-pricing-team{
padding:60px 0;
background:#f7f7f7;
border-bottom:1px solid #e7e7e7;
}
.jumbo-pricing-team-cm-container{
}
/*============================================================================
Team CM STYLING
============================================================================*/
body .jumbo-lp-29-pricing-team .row-fluid .jumbo-pricing-team-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: 0;
justify-content: center;
-webkit-justify-content: center;
}
body .jumbo-lp-29-pricing-team .row-fluid .jumbo-pricing-team-cm-container span>.hs_cos_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 100px;
-webkit-flex-basis: 160px;
float: left;
margin-right: 0;
margin-top: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 0 10px;
}
@media (max-width:767px){
body .jumbo-lp-29-pricing-team .row-fluid .jumbo-pricing-team-cm-container>span {
display: block;
margin-right: 0;
}
body .jumbo-lp-29-pricing-team .row-fluid .jumbo-pricing-team-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;
}
}
.jumbo-lp-29-pricing-team .row-fluid .jumbo-pricing-team-cm-container .member-image{
width: 90px;
height: 90px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
margin-bottom: 10px;
}
.jumbo-lp-29-pricing-team .contact-container{
margin-top:40px;
}
@media (max-width:1024px){
.jumbo-lp-29-pricing-team {
padding: 50px 0;
}
}
@media (max-width:767px){
}
/*============================================================================
Jumbo Pricing Testimonial
============================================================================*/
.jumbo-lp-29-testimonial{
padding:80px 0;
}
body .row-fluid .jumbo-lp-29-testimonial .member-image{
width:100px;
height:100px;
overflow:hidden;
border-radius:50%;
}
.jumbo-lp-29-testimonial .column{
position:relative;
margin-top:40px;
}
.jumbo-lp-29-testimonial .column:before{
position:absolute;
content:'';
top:0;
left:0;
background:url('https://2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/quotes.png') no-repeat;
background-size: 100%;
width: 100px;
height: 100px;
z-index: -1;
}
.jumbo-lp-29-testimonial .testimonial-container{
margin-bottom:20px;
}
.jumbo-lp-29-testimonial .testimonial-container p{
font-size:18px;
line-height:30px;
}
.jumbo-lp-29-testimonial .cta{
margin-top:90px;
}
@media (max-width:1024px){
.jumbo-lp-29-testimonial {
padding: 50px 0;
}
}
@media (max-width:767px){
body .row-fluid .jumbo-lp-29-testimonial .member-image{
margin: 0 auto 20px;
}
.jumbo-lp-29-testimonial .image-txt-container{
text-align:center;
}
}
/*******************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 #f11e3c;
border-color: #f11e3c;
}
@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:#f11e3c;
}
.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 #f11e3c;
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 #f11e3c;
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 40px;
display: block;
flex-basis:100%;
width: 100%;
}
body .row-fluid .jumbo-lp-31-ebook-features-cm-container span>.hs_cos_wrapper:first-child {
margin-top: 30px;
}
.ebook-features-cm.span12 {
text-align: center;
}
}
/*******************lp-32*******************/
.jumbo-lp-32-hero{
padding:170px 0 100px;
background-size:cover;
background-repeat:no-repeat;
}
.jumbo-lp-32-hero p{
font-size: 18px;
color: #fff;
font-weight: 400;
line-height:30px;
}
/*============================================================================
Jumbo Pricing Section
============================================================================*/
.jumbo-lp-32-pricing{
padding:100px 0;
}
.jumbo-lp-32-pricing .column{
padding:16px;
text-align:center;
position:relative;
padding-bottom:126px;
padding-top:35px;
border-radius:4px;
transition:all .25s ease-in-out;
}
body .row-fluid .jumbo-lp-32-pricing .heading{
max-width: 640px;
float: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
}
.jumbo-lp-32-pricing .column:hover{
transform: scale(1.08);
}
.jumbo-lp-32-pricing .column.popular{
border-radius:0 0 4px 4px;
}
.jumbo-lp-32-pricing .column.popular:before{
position: absolute;
content: 'MOST POPULAR';
top: -34px;
right: 0;
left: 0;
padding: 8px 10px;
color: #fff;
background: #f11e3c;
font-size: 12px;
border-radius:4px 4px 0 0;
}
.jumbo-lp-32-pricing .column.popular:after{
top: 0;
right: 0;
bottom: auto;
left: 0;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #f11e3c;
border-width: 10px;
margin: auto;
margin-left: auto;
}
.jumbo-lp-32-pricing .green{
background-color: #22bb60;
}
.jumbo-lp-32-pricing .blue{
background-color: #1e7ccc;
}
.jumbo-lp-32-pricing .dark-blue{
background-color: #2a4d83;
}
.jumbo-lp-32-pricing .black{
background-color:#2E3A4D;
}
.jumbo-lp-32-pricing .column sub,
.jumbo-lp-32-pricing .column sup{
font-size: 21px;
color: rgba(255, 255, 255, 0.6);
margin:0 4px;
}
.jumbo-lp-32-pricing .column sub{
position:relative;
top:-8px;
}
.jumbo-lp-32-pricing .column h2{
font-size:48px;
line-height:1.2;
}
.jumbo-lp-32-pricing .column .cost{
padding:30px 0;
}
.jumbo-lp-32-pricing .column .button {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-bottom:36px;
}
.jumbo-lp-32-pricing .column a.cta_button {
padding: 14px 26px;
}
.jumbo-lp-32-pricing .column a.cta_button:hover {
box-shadow: none;
transform: translate(0);
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-lp-32-pricing .column h2 {
font-size: 30px;
}
.jumbo-lp-32-pricing .column h3 {
font-size: 16px;
line-height: 30px;
}
.jumbo-lp-32-pricing .column a.cta_button {
font-size: 12px;
}
.jumbo-lp-32-pricing .column .button {
padding-bottom: 18px;
}
.jumbo-lp-32-pricing .column {
padding-bottom: 95px;
padding-top: 25px;
}
.jumbo-lp-32-pricing {
padding: 60px 0;
}
}
@media (max-width:767px){
.jumbo-lp-32-pricing .column{
margin-top:30px;
}
.jumbo-lp-32-pricing .column.popular{
margin-top:64px;
}
.jumbo-lp-32-pricing .column:hover {
transform: scale(1);
}
body .row-fluid .jumbo-lp-32-pricing .heading {
margin-bottom: 20px;
}
.jumbo-lp-32-pricing {
border-bottom: 1px solid #e7e7e7;
padding:50px 0;
}
}
/*============================================================================
Jumbo Pricing table Section
============================================================================*/
.jumbo-lp-32-pricing-2{
padding:80px 0;
background:#f7f7f7;
}
.jumbo-lp-32-pricing-2 tr:nth-child(odd) {
background-color:#fff;
}
.jumbo-lp-32-pricing-2 table{
border-collapse: collapse;
border: 1px solid #22bb60;
}
.jumbo-lp-32-pricing-2 table tbody td {
padding: 18px 24px;
border-spacing: 0;
text-align:center;
}
.jumbo-lp-32-pricing-2 tbody td:first-child {
text-align: left;
}
.jumbo-lp-32-pricing-2 table tbody .fa{
font-size:18px;
color:#22bb60;;
}
.jumbo-lp-32-pricing-2 table .blue-row {
background-color:#22bb60;;
}
@media (max-width:1024px){
.jumbo-lp-32-pricing-2 {
padding: 50px 0;
}
}
@media (max-width:767px){
body .row-fluid .jumbo-lp-32-pricing-2 {
display:none;
}
}
/*============================================================================
Jumbo Pricing Features
============================================================================*/
.jumbo-lp-32-features{
padding:100px 0;
}
.jumbo-lp-32-features .jumbo-lp-32-features-cm .img-container{
margin-bottom:15px;
}
@media (max-width:1024px){
.jumbo-lp-32-features {
padding: 60px 0;
}
}
@media (max-width:767px){
}
/*============================================================================
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:none;
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: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-32-faq .expanded .accordion_header:before{
transform:rotate(-180deg);
}
.jumbo-lp-32-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-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;
}
}
/*============================================================================
Jumbo Pricing REQUEST Quote
============================================================================*/
.jumbo-lp-32-request{
padding:100px 0;
}
body .row-fluid .jumbo-lp-32-request .address-container{
width:100%;
max-width:300px;
margin:0 auto;
float:none;
}
.jumbo-lp-32-request .address-container .column{
margin-bottom:20px;
margin-top:10px;
}
.jumbo-lp-32-request .column .fa{
margin-right:6px;
}
@media (max-width:1024px){
}
@media (max-width:767px){
body .row-fluid .jumbo-lp-32-request .address-container {
max-width: 100%;
margin: 0 0 20px;
}
.jumbo-lp-32-request {
padding: 50px 0;
}
}
/*******************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: 400;
line-height:30px;
}
/*============================================================================
Jumbo Pricing table Section
============================================================================*/
.jumbo-lp-33-pricing-table-2{
padding:80px 0;
background:#f7f7f7;
}
.jumbo-lp-33-pricing-table-2 tr:nth-child(odd) {
background-color:#fff;
}
.jumbo-lp-33-pricing-table-2 table{
border-collapse: collapse;
border: 1px solid #22bb60;
}
.jumbo-lp-33-pricing-table-2 table tbody td {
padding: 18px 24px;
border-spacing: 0;
text-align:center;
}
.jumbo-lp-33-pricing-table-2 tbody td:first-child {
text-align: left;
}
.jumbo-lp-33-pricing-table-2 table tbody .fa{
font-size:18px;
color:#22bb60;;
}
.jumbo-lp-33-pricing-table-2 table .blue-row {
background-color:#22bb60;;
}
@media (max-width:1024px){
.jumbo-lp-33-pricing-table-2 {
padding: 50px 0;
}
}
@media (max-width:767px){
body .row-fluid .jumbo-lp-33-pricing-table-2 {
display:none;
}
}
/*============================================================================
Jumbo Pricing Features
============================================================================*/
.jumbo-lp-33-pricing-features{
padding:100px 0;
}
.jumbo-lp-33-pricing-features .jumbo-pricing-features-cm .img-container{
margin-bottom:15px;
}
@media (max-width:1024px){
.jumbo-lp-33-pricing-features {
padding: 60px 0;
}
}
/*============================================================================
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;
}
}
/*=============================================================
PRICING Style 2
=============================================================*/
.jumbo-lp-33-pricing-style-2 .green{
background-color: #22bb60;
}
.jumbo-lp-33-pricing-style-2 .column .green a.cta_button {
color:#22bb60;
}
.jumbo-lp-33-pricing-style-2 .blue{
background-color: #1e7ccc;
}
.jumbo-lp-33-pricing-style-2 .column .blue a.cta_button {
color:#1e7ccc;;
}
.jumbo-lp-33-pricing-style-2 .brown{
background-color:#ab0b03;
}
.jumbo-lp-33-pricing-style-2 .column .brown a.cta_button {
color:#ab0b03;
}
.jumbo-lp-33-pricing-style-2 .column h2 {
font-size: 48px;
line-height: 1.2;
}
.jumbo-lp-33-pricing-style-2 .cost sub, .jumbo-lp-33-pricing-style-2 .cost sup {
font-size: 21px;
color: rgba(255, 255, 255, 0.6);
margin: 0 4px;
}
.jumbo-lp-33-pricing-style-2 .cost sub {
position: relative;
top: -11px;
font-size: 12px;
}
.jumbo-lp-33-pricing-style-2 .heading{
padding:20px 15px;
}
.jumbo-lp-33-pricing-style-2 .cost{
padding: 15px 15px;
border-top: 1px solid rgba(255, 255, 255, 0.45);
border-bottom:1px solid rgba(255, 255, 255, 0.45);
}
.jumbo-lp-33-pricing-style-2 .features ul{
margin:0;
}
.jumbo-lp-33-pricing-style-2 .features ul li{
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
padding: 18px 15px;
}
.jumbo-lp-33-pricing-style-2 .cta{
padding:20px 0;
}
.jumbo-lp-33-pricing-style-2 .column .widget-type-cta{
margin:0;
}
.jumbo-lp-33-pricing-style-2 .column a.cta_button {
padding: 12px 26px;
font-weight: 700;
font-size: 12px;
background: #fff;
}
.jumbo-lp-33-pricing-style-2 .column a.cta_button:hover {
box-shadow: none;
transform: translate(0);
}
@media (min-width:768px){
body .row-fluid .jumbo-lp-33-pricing-style-2 .jumbo-pricing-patter-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;
}
}
.jumbo-lp-33-pricing-style-2 .jumbo-pricing-patter-3-cm-container>span .hs_cos_wrapper {
padding:0 15px;
}
.jumbo-lp-33-pricing-style-2 .jumbo-pricing-patter-3-cm-container .span12{
margin:0;
}
.jumbo-lp-33-pricing-style-2 .column{
position:relative;
box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.41);
transition:all .4s ease-in-out;
padding: 10px;
}
.jumbo-lp-33-pricing-style-2 .column:before{
position:absolute;
content:'';
top:10px;
left:10px;
right:10px;
bottom:10px;
border:1px solid rgba(255, 255, 255, 0.45);
pointer-events:none;
}
.jumbo-lp-33-pricing-style-2 .column:hover {
transform: translate(0,-12px);
}
.jumbo-lp-33-pricing-style-2 .column .bg-color{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: red;
pointer-events: none;
z-index: -1;
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-lp-33-pricing-style-2 .jumbo-pricing-patter-3-cm-container{
padding-bottom:30px;
overflow-y:hidden;
}
}
@media (max-width:767px){
.jumbo-lp-33-pricing-style-2 .jumbo-pricing-patter-3-cm-container .column{
margin-top:20px;
}
.jumbo-lp-33-pricing-style-2 .column:hover {
transform: translate(0);
}
}
/*=============================================================
PRICING Style 3
=============================================================*/
.jumbo-lp-33-pricing-style-3 .column{
position:relative;
margin-top:30px;
transition:all .4s ease-in-out;
border:1px solid #e7e7e7;
border-right:0;
z-index:6;
position:relative;
}
.jumbo-lp-33-pricing-style-3 .column:hover {
background: #f7f7f7;
}
.jumbo-lp-33-pricing-style-3 .column:last-child{
border-right:1px solid #e7e7e7;
}
.jumbo-lp-33-pricing-style-3 .popular{
border: 0;
z-index: 9;
background: #f7f7f7;
transform: scale(1.06);
}
.jumbo-lp-33-pricing-style-3 .popular.column:before{
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
box-shadow: 0 0 10px 4px #d4d4d4;
}
@media (min-width:767px){
body .row-fluid .jumbo-lp-33-pricing-style-3 .column{
width:100%;
margin-left:0;
}
}
@media (min-width:768px){
body .row-fluid .jumbo-lp-33-pricing-style-3 .jumbo-pricing-patter-2-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;
margin-top:30px;
}
}
.jumbo-lp-33-pricing-style-3 .jumbo-pricing-patter-2-cm-container .span12{
margin:0;
}
.jumbo-lp-33-pricing-style-3 .green{
background-color: #22bb60;
}
.jumbo-lp-33-pricing-style-3 .column .green a.cta_button {
color:#22bb60;
}
.jumbo-lp-33-pricing-style-3 .blue{
background-color: #1e7ccc;
}
.jumbo-lp-33-pricing-style-3 .column .blue a.cta_button {
color:#1e7ccc;;
}
.jumbo-lp-33-pricing-style-3 .brown{
background-color:#ab0b03;
}
.jumbo-lp-33-pricing-style-3 .column .brown a.cta_button {
color:#ab0b03;
}
.jumbo-lp-33-pricing-style-3 .column h2 {
font-size: 48px;
line-height: 1.2;
color: #22bb60;
}
.jumbo-lp-33-pricing-style-3 .cost sub, .jumbo-lp-33-pricing-style-3 .cost sup {
font-size: 21px;
margin: 0 4px;
}
.jumbo-lp-33-pricing-style-3 .cost sub {
position: relative;
top: -11px;
font-size: 12px;
}
.jumbo-lp-33-pricing-style-3 .heading{
padding:20px 15px;
}
.jumbo-lp-33-pricing-style-3 .cost{
padding: 15px 15px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.jumbo-lp-33-pricing-style-3 .features ul{
margin:0;
}
.jumbo-lp-33-pricing-style-3 .features ul li{
border-bottom: 1px solid #e7e7e7;
padding: 18px 15px;
}
.jumbo-lp-33-pricing-style-3 .cta{
padding:20px 0;
}
.jumbo-lp-33-pricing-style-3 .column .widget-type-cta{
margin:0;
}
.jumbo-lp-33-pricing-style-3 .column a.cta_button {
padding: 12px 26px;
font-weight: 700;
font-size: 12px;
color: #22bb60;
border:1px solid #22bb60;
background: #fff;
}
.jumbo-lp-33-pricing-style-3 .column:hover a.cta_button {
color: #fff;
background: #22bb60;
}
.jumbo-lp-33-pricing-style-3 .column a.cta_button:hover {
box-shadow: none;
transform: translate(0);
}
@media (min-width:768px) and (max-width:1024px){
.jumbo-lp-33-pricing-style-3 .column h2 {
font-size: 34px;
}
body .row-fluid .jumbo-pricing-style-5 .table-wrap {
overflow-x: scroll;
padding-bottom: 30px;
}
body .row-fluid .jumbo-lp-33-pricing-style-3 .jumbo-pricing-patter-2-cm-container{
overflow-y:hidden;
padding-bottom:40px;
}
}
@media (max-width:767px){
.jumbo-lp-33-pricing-style-3 .column{
border:1px solid #e7e7e7;
}
.jumbo-lp-33-pricing-style-3 .jumbo-pricing-patter-2-cm-container .column{
margin-top:20px;
}
.jumbo-lp-33-pricing-style-3 .popular {
transform: scale(1);
}
}
/*=======================================================
PRICING Style 4
=======================================================*/
.jumbo-lp-33-pricing-style-4 .column{
background:#fff;
position:relative;
padding-bottom:100px;
transition:all .4s ease-in-out;
}
.jumbo-lp-33-pricing-style-4 .column:hover {
transform: translate(0, -8px);
}
@media (min-width:768px){
body .row-fluid .jumbo-lp-33-pricing-style-4 .column{
margin-left: 0;
border: 1px solid #e7e7e7;
border-right:0;
}
body .row-fluid .jumbo-lp-33-pricing-style-4 .column:last-child{
border-right: 1px solid #e7e7e7;
}
body .row-fluid .jumbo-lp-33-pricing-style-4 .column.popular{
margin-top: -25px;
border-right: 1px solid #e7e7e7;
margin-right: -1px;
padding-bottom:125px;
}
}
body .row-fluid .jumbo-lp-33-pricing-style-4 .column.popular:before{
position: absolute;
content: '';
top: -7px;
left: -9px;
background: url('https://2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Jumbo-Pack-2017/most-popular-svg.svg') no-repeat;
background-size: 100%;
width: 98px;
height: 100px;
}
.jumbo-lp-33-pricing-style-4 .sec-pad{
padding:0 20px;
margin:0;
}
.jumbo-lp-33-pricing-style-4 .column .heading{
border-bottom: 1px solid #e7e7e7;
padding-top: 10px;
padding-bottom: 10px;
}
.jumbo-lp-33-pricing-style-4 .column .subhead{
padding-top: 25px;
padding-bottom: 10px;
}
.jumbo-lp-33-pricing-style-4 .column .cost{
padding-top: 20px;
padding-bottom: 20px;
}
.jumbo-lp-33-pricing-style-4 .column .cost h2{
color:#4bbae6;
}
.jumbo-lp-33-pricing-style-4 .column .about-plan{
padding-top: 10px;
padding-bottom: 30px;
border-bottom: 1px solid #e7e7e7;
}
.jumbo-lp-33-pricing-style-4 .column li,
.jumbo-lp-33-pricing-style-4 .column p{
font-size: 14px;
line-height: 16px;
}
.jumbo-lp-33-pricing-style-4 .features{
padding-top:20px;
padding-bottom:20px;
}
.jumbo-lp-33-pricing-style-4 .column ul{
margin-top:10px;
}
.jumbo-lp-33-pricing-style-4 .column li:before{
top:6px;
}
.jumbo-lp-33-pricing-style-4 .column .widget-type-cta{
margin:0;
}
.jumbo-lp-33-pricing-style-4 .column a.cta_button{
padding: 10px 36px;
}
.jumbo-lp-33-pricing-style-4 .column a.cta_button:hover{
box-shadow:none;
transform:translate(0)
}
.jumbo-lp-33-pricing-style-4 .column .button{
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #e7e7e7;
}
.jumbo-lp-33-pricing-style-4 .bottom-small-desc{
border-top: 1px solid #e7e7e7;
padding-top: 10px;
margin-top:30px;
}
.jumbo-lp-33-pricing-style-4 .bottom-small-desc p{
font-size: 12px;
line-height: 1.3;
color: #ababab;
}
@media (min-width:768px){
body .row-fluid .jumbo-lp-33-pricing-style-4 .jumbo-pricing-patter-1-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;
margin-top:30px;
}
}
@media (max-width:1024px){
.jumbo-lp-33-pricing-style-4 .column .heading h3 {
font-size: 14px;
line-height: 22px;
}
.jumbo-lp-33-pricing-style-4 .column h5,
.jumbo-lp-33-pricing-style-4 .column h6{
font-size: 12px;
line-height: 16px;
}
.jumbo-lp-33-pricing-style-4 .column {
padding-bottom: 70px;
}
.jumbo-lp-33-pricing-style-4 {
padding: 50px 0;
}
}
@media (max-width:767px){
.jumbo-lp-33-pricing-style-4 .features{
text-align:left;
}
.jumbo-lp-33-pricing-style-4 .column{
margin-top:20px;
border:1px solid #e7e7e7;
}
.jumbo-lp-33-pricing-style-4 .column:hover {
transform: translate(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: 400;
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: 400;
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: 400;
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;
}
.image-container .image {
height: 100%;
}
.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;
}
.jumbo-lp-35-hero{
padding: 140px 0 70px;
}
}
/*******************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;
}
@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: 400;
font-family: 'Montserrat', sans-serif;
font-display: swap;
}
.jumbo-blog-1 .more-button a{
background: #fff;
color: #f11e3c;
font-size: 12px;
font-weight: 700;
padding: 12px 3rem;
text-transform: uppercase;
letter-spacing: .5px;
border-radius: 2rem;
margin-top: 65px;
display: inline-block;
transition: all .4s ease-out;
}
.jumbo-blog-1 .more-button a:hover{
background: #f11e3c;
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: #3fa2f7;
border:2px solid #3fa2f7;
}
body.jumbo-blog-1 .slick-dotted.slick-slider {
margin-bottom:0px;
overflow:hidden;
}
*/
.slick-dots li button:before{content:none !important;}
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;
}
/* 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: -10px;
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;
}
/* ==========================================================================
Blog-Style
========================================================================== */
@media(min-width: 769px){
.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;
}
.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.5);
}
.jumbo-blog-1 .wrapper-listing .hs-featured-image:after,
.jumbo-blog-1.hs-post-page .hs-featured-image:after,
.jumbo-blog-1 .related-post-section .hs-featured-image:after{
background: none;
}
.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:13px;
/*font-weight:700;*/
color:#f11e3c;
letter-spacing: .25px;
/*display:none;*/
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
font-display: swap;
}
.jumbo-blog-1 .post-item h2 {
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 20px;
display: inline-block;
}
.hs-blog-listing .jumbo-blog-1 .post-item h2{display:initial;}
.jumbo-blog-1 .post-item h2 a {
color: #f11e3c;
text-transform:uppercase;
line-height: 30px;
display: -webkit-box;
font-size: 22px;
font-weight: 400;
font-family: 'Montserrat',sans-serif;
font-display: swap;
}
.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: 60px;
}
.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;
box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.15);
border:1px solid rgb(233, 237, 239);
}
.jumbo-blog-1 .hs-featured-image-wrapper{
width: 100%;
height: auto;
padding:0;
}
.jumbo-blog-1 .post-item-inner:hover{
background: #ffffff;
box-shadow: 0px 3px 38px 0px rgba(0, 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;
*/
}
.jumbo-blog-1 .post-item .post-body {
text-align: center;
padding: 45px 40px 15px;
}
.jumbo-blog-1 .post-item .post-body p{
font-size:14px;
line-height:28px;
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 .post-section-hero{
margin-bottom: 2rem;
}
.jumbo-blog-1 .post-section-hero{
/* min-height: 600px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
*/
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
min-height: 250px;
position: relative;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
text-align: center;
padding-top: 150px;
}
.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(65, 68, 71, 0.55);
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: #000000;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
padding: 15px 0px 10px;
font-family: 'Montserrat',sans-serif;
font-display: swap;
}
.jumbo-blog-1 .post-section-hero h1{
font-size: 50px;
color: #f11e3c;
/*text-transform: uppercase;*/
font-weight: bold;
font-family: 'Montserrat',sans-serif;
margin: 0px;
text-align: center;
}
.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:30px;
color:#800000;
line-height:32px;
font-weight:600;
}
.jumbo-blog-1 .section.post-body p{
font-size:18px;
color:#414447;
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: #414447;
font-size: 120px;
float: left;
display: block;
line-height: 90px;
padding-right: 5px;
}*/
.jumbo-blog-1 .section.post-body a{
color:#f11e3c;
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:18px;
color:#414447;
line-height:32px;
font-weight:400;
margin-bottom: 15px;
}
.jumbo-blog-1 .section.post-body img{
margin: 0px 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 .author_box_bottom img{
border-radius: 50%;
width: 110px;
height: 110px;
object-fit: cover;
}
@media (min-width: 769px){
.jumbo-blog-1 .author_box_bottom{
width: 110px;
height:auto;
padding-top: 100%;
max-width: 100%;
}
}
.jumbo-blog-1 .about-author-sec{
padding: 0;
}
.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;
font-display: swap;
}
.jumbo-blog-1 .about-author-sec p{
margin: 0px;
font-size: 16px;
line-height: 30px;
}
.jumbo-blog-1 .about-author-sec .share_links{
color: #f11e3c;
text-decoration: none;
font-size: 16px;
display: inline-block;
padding: 10px 0px;
}
.jumbo-blog-1 .cta_section{
padding-top:15px;
padding-bottom: 115px;
}
.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;
height:0;
padding: 0 10px 0;
position: sticky;
top: 109px;
margin-left: -58px;
}
.jumbo-blog-1 .social_sharing_module.hs-author-social-links {
position: initial;
max-width: 100%;
padding: 0;
left: 0;
margin-left: 0;
}
.jumbo-blog-1 .social_sharing_module.hs-author-social-links a{
display:inline-block;
margin:0 .25em;
vertical-align:middle;
}
@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:24px;
font-weight:400;
text-transform:uppercase;
font-family: 'Montserrat',sans-serif;
padding-bottom: 45px;
margin:0px;
font-display: swap;
}
.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{
width: 100%;
height:190px;
}
.jumbo-blog-1 .related-post-section .post-item .post-body {
text-align: left;
padding:20px 15px 20px;
box-sizing:border-box;
}
.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: #f11e3c;
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: -22px;
left: 21px;
}
.jumbo-blog-1 .social_sharing_module a{
margin: 0px 10px 0px 0px;
display: inline-block;
}
body.jumbo-blog-1 .hs-menu-wrapper {
display: none;
}
.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;
}
.jumbo-blog-1 .cta_section a.cta_button img{
height:100%;
}
.jumbo-blog-1 .related-post-section{
padding-bottom:50px;
}
.jumbo-blog-1 .section.post-body {
padding: 25px 0px 0px;
}
.post-body {
box-sizing: border-box;
}
.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;
}
}
/*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: #fff;
/*border: 1px solid #3fa2f7; */
background: #f11e3c;
border-radius: 2px;
display: inline-block;
padding: 15px 50px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
letter-spacing: 1px;
font-display: swap;
border-radius: 2rem
}
.jumbo-blog-1 .ias-trigger.ias-trigger-next a:hover{
background: #f11e3c;
color:#ffffff;
}
/* tweaks */
img[width]{
height:auto !Important;
}
.accordion_group {
border-bottom: 1px solid #dadada;
padding: 10px 0;
margin-bottom: 6px;
}
.accordion_header {
padding-right: 40px;
cursor: pointer;
position: relative;
}
.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?t=1513099149349) no-repeat;
background-size: 100%;
width: 20px;
height: 20px;
transition: all .3s ease-in-out;
}
.expanded .accordion_header:before {
transform: rotate(-180deg);
}
.accordion_content {
padding: 10px 0 10px;
}
.jumbo-case-study-cm-2 {
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}
.jumbo-case-study-cm-2 .span7{
padding: 60px;
}
ul.slick-dots li {
display: inline-block;
}
ul.slick-dots li:before {
content:none;
}
ul.slick-dots li button{
background:#f7f7f7;
-webkit-appearance:none;
border-radius: 50%;
box-shadow:none;
border:none;
width: 20px;
height:20px;
line-height:20px;
text-align:center;
font-size:0;
cursor:pointer;
outline:none;
}
ul.slick-dots li.slick-active button{
background: rgba(255,255,255,0.3);
cursor:initial;
}
.slick-slider{
position:relative;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
-webkit-appearance: none;
background: none;
border: none;
outline: none;
cursor: pointer;
font-size:0;
color:grey;
background:#fff;
position:absolute;
top: 0;
height: 100%;
z-index:99;
padding:0;
margin-top:-100px;
}
.slider-container .row-fluid [class*="span"]{margin-left:0; float:left;}
button.slick-prev.slick-arrow{
left:0;
}
button.slick-next.slick-arrow{
right:0;
}
button.slick-prev.slick-arrow:before{
content:"<";
display:block;
font-size:3rem;
}
button.slick-next.slick-arrow:before{
content:">";
display:block;
font-size:3rem;
}
.latest-posts-slider .slick-slide{margin:0 .5rem !important;}
.latest-posts-slider .post-title h2{word-break: break-word; font-size: 18px;}
.header-container .row-fluid [class*="span"].wrapper,
.footer-container .row-fluid [class*="span"].wrapper{
width: 1215px;
max-width: 100%;
}
@media(min-width: 769px){
/*
.footer-container .row-fluid [class*="span"].wrapper .dflex > .row-fluid-wrapper > .row-fluid > div > .row-fluid-wrapper > .row-fluid{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
}
.footer-container .row-fluid [class*="span"].wrapper .dflex > .row-fluid-wrapper > .row-fluid > div > .row-fluid-wrapper > .row-fluid > div{
width: 12%;
}
*/
.footer .hs-menu-wrapper > ul li.hs-menu-depth-1 {
margin: .8rem 2rem 0 0;
position:relative;
display:inline-block;
}
.footer .hs-menu-wrapper > ul li.hs-menu-depth-1 > a{
color: #f11e3c;
line-height: 1.23;
letter-spacing: 0.5px;
text-transform:uppercase;
}
.footer .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper{
visibility:visible;
opacity:1;
/*
right:-1rem;
left:0;
*/
position:initial;
margin-top:1rem;
max-width: 140px;
}
.footer .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
white-space: initial;
}
body .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
padding-right:0;
}
}
.footer-container .dflex{
color: #f11e3c;
}
.footer-container .dflex .widget-type-rich_text {
margin-bottom:1rem;
}
.clientes-flex > .hs_cos_wrapper_type_widget_container > *{
max-width:32%;
display:inline-block;
padding-bottom:1rem;
text-align:center;
}
.clientes-flex img{
height: auto !important;
max-width: 100% !important;
max-width: calc(100% - 1rem) !important;
}
/* subtitulo */
.hs-site-page .row-depth-1.row-number-1 h1 ~ * {
font-size: 1.7rem;
line-height: 1.2em;
font-weight: bold !important;
}
.fm_button{
font-family: fontAwesome;
color:#2e2e2e;
margin-right:.2rem;
height: 16px;
}
.fm_button:not(.fm_default) span,
.fm_button[href*="instagram.com"] span,
.fm_button[href*="feed"] span{
display:none !important;
}
.fm_button[href*="feed"]:before{
content: "\f09e";
}
.fm_button.fm_facebook:before{
content: "\f230";
}
.fm_button.fm_linkedin:before{
content: "\f0e1";
}
.fm_button.fm_twitter:before{
content: "\f099";
}
.fm_button.fm_googleplus:before{
content: "\f0d5";
}
.fm_button.fm_youtube:before{
content: "\f166";x
}
.fm_button[href*="instagram.com"]:before{
content: "\f16d";
}
.fm_button svg{
height: 14px;
width: auto;
vertical-align: text-bottom;
}
/* conocenos */
.jumbo-5-about-one-col {
background: #FAFAFA;
}
.jumbo-5-about-one-col .jumbo-5-about-three-col{
padding: 40px 0;
}
.jumbo-5-about-one-col .jumbo-5-about-three-col .row-fluid .about-qualities-cm-container>span>.hs_cos_wrapper {
padding: 0 1rem;
box-sizing: border-box;
}
/* Premios Slider */
.premios-slider .splide__slide--image {
max-width: 200px;
}
.premios-slider .splide__toggle {
display: none;
}
@media (max-width: 768px) {
.premios-slider .splide__slide--image {
max-width: 150px;
}
}
/**/
.marketing-publicidad .span6{
min-height:300px;
padding:80px;
}
.jumbo-lp-35-case-study-style-2 .alternative .right-image .marketing-publicidad .row-fluid{
text-align:center;
-webkit-flex-direction: initial;
flex-direction: initial;
}
.jumbo-service-cm p {
font-size: 14px;
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,0.8);
z-index: 100;
display: none;
top: 0 !important;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px !important;
bottom: 50px;
left: 50%;
margin-left: -300px;
width: 520px;
background: #fff;
position: fixed;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
-box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.reveal-modal .content-wrapper{
max-height:100%;
overflow-y:auto;
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
body .row-fluid .reveal-modal form .hs-button {
transition: all .3s ease-in ,opacity 0.01s;
}
.footer-container-wrapper {
margin-top: 2rem;
}
body[class*="ebooks"] .jumbo-service-cm .icon {
max-width: 100%;
}
.jumbo-service-cm h2{
font-size: 22px;
}
/* FLECHAS HOME */
button.slick-prev.slick-arrow::before {
left: -32px;
content:url("https://2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Chicago%20Blog/icon-arrow-left.png");
}
.slick-arrow:before {
position: absolute;
width: 22px;
z-index: 11;
top: 150px;
cursor: pointer;
}
button.slick-next.slick-arrow::before {
right: -30px;
content:url("https://2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Chicago%20Blog/icon-arrow-right.png");
}
@media (max-width:1024px){
.slick-arrow:before {
width: 14px;
}
button.slick-prev.slick-arrow::before {
left: -15px;
}
button.slick-next.slick-arrow::before {
right: -9px;
}
}
/* HOME */
div.post-wrapper div.item-wrapper div.author-data.align-center {
font-family: 'Rubik', sans-serif;
font-size:13px;
letter-spacing: 0.5px;
overflow:hidden;
font-display: swap;
}
.jumbo1-home-blog-section .item-wrapper {
padding: 25px 15px;
}
.jumbo-6-marketing-home-blog-section .hs-rss-title, .post-wrapper h2, .post-wrapper h2 a {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
}
.row-fluid [class*="span"].wrapper {
max-width:1140px;
}
.equal-height-container.marketing-publicidad.align-center.all-text-white div.row-fluid-wrapper div.row-fluid div.span6.section-bg.bg-image.overlay
{margin: 10px;}
.jumbo-case-study-cm-2.span12.equal-height-container .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.span12.equal-height-container .image-container img.image{
width: 100%;
height: 100% !Important;
object-fit: cover;
}
.jumbo-case-study-cm-2.span12 .image-container {
position: relative;
overflow: hidden;
}
/*
.row-fluid-wrapper.row-depth-2.row-number-1 .row-fluid .span12.widget-span.widget-type-custom_widget {
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
}
*/
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text p {
margin-bottom: 0px;
}
.container-fluid .row-fluid .section-heading.align-center {
margin-bottom: 0px !important;
}
.flipper-section {
height: 240px !important;
width: 240px !important;
}
.jumbo-5-about-one-col .jumbo-5-about-three-col {
margin-bottom: 0 !important;
}
/*
.body-container-wrapper ul > li::before {
display: none;
} */
#hs_menu_wrapper_module_151596446325275.hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal ul {
margin-left: 10%;
}
.jumbo-lp-23-section-1 {
padding-bottom: 50px;
}
p.hidden_link {
color: #f11e3c;
}
p.hidden_link:hover {
cursor: pointer;
}
/* ==========================================================================
BLOGGGG
========================================================================== */
.jumbo-blog-1 .post-item {
width: auto;
}
.jumbo-blog-1 .post-body {
padding: 25px 15px 15px !important;
}
.hs-blog-post.jumbo-blog-1 .post-body,
.hs-blog-post.jumbo-blog-1 .post-body p:first-child {
padding-top: 0 !important;
margin-top: 0;
}
.blog-listing-wrapper.cell-wrapper .post-listing .post-item .post-body.clearfix {
text-align: left;
}
.hs-blog-post.jumbo-blog-1 .post-body > p:first-child{
font-style: italic;
}
.jumbo-blog-1 .post-listing {
margin:0;
}
.hs-blog-listing .body-container-wrapper .wrapper {
margin-top: 3rem;
}
.jumbo-blog-1 .hs-featured-image {
width: auto;
height: 110px;
display: inline-block !important;
float: left;
}
/*
.jumbo-blog-1 .hs-featured-image-wrapper {
max-width: 180px;
height: 110px;
display: inline-block !important;
float: left;
padding: 10px;
}*/
.jumbo-blog-1 .hs-featured-image-wrapper {
/* max-width: 180px; */
width: 100%;
height: auto;
display: inline-block !important;
padding: 0;
}
.jumbo-blog-1 .hs-featured-image-wrapper img{width: 100%;}
hr { color: #ccc; background-color: #ccc; height: 1px; border: none; }
.hs-author-avatar {
width: 60px;
float: left;
padding: 10px 20px 0 0;
}
.hs-author-name {
font-size: 13px;
}
.hs-author-social-section {
float: none;
display: block;
padding-top: 30px;
padding-bottom: 20px;
}
.hs-author-bio {
font-size: 14px;
}
/* ==========================================================================
Reusable Components
========================================================================== */
/* Custom Breadcrumb */
.custom-breadcrumb {
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
font-size: 13px;
color: #92999F;
margin-bottom: 26px;
float: left !important;
width: 100% !important;
}
.custom-breadcrumb ul:before {
content: "You are here:";
font-weight: bold;
float: left;
padding: 10px 0px;
}
.custom-breadcrumb .hs-breadcrumb-menu-divider:before {
padding-left: 5px;
}
.custom-breadcrumb .hs-breadcrumb-menu-item {
padding-left: 5px;
}
/* ==========================================================================
H3 DEL FORMULARIO DEL EBOOK
========================================================================== */
h3#hs_cos_wrapper_module_151844942507915_title.hs_cos_wrapper.form-title {
font-size: 20px;
color: #666666;
}
label.hs-form-booleancheckbox-display span {
font-size: 11px;
}
.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"] {
transform: scale(0.8);
}
/* ========= breadcrumbs ========*/
.hs-breadcrumb-menu-wrapper ul.hs-breadcrumb-menu li.hs-breadcrumb-menu-item {
font-size:13px;
margin-left: 0px;
}
.hs-breadcrumb-menu-wrapper ul.hs-breadcrumb-menu li.hs-breadcrumb-menu-item::before {
position: relative !important;
}
h3.hs_cos_wrapper.form-title {
color: #666666;
}
@media (max-width: 767px){
.hs-breadcrumb-menu-wrapper ul.hs-breadcrumb-menu li.hs-breadcrumb-menu-item {
font-size: 12px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 5px;
padding: 0px 0px 0px 10px;
}
.hs-breadcrumb-menu-wrapper ul.hs-breadcrumb-menu li.hs-breadcrumb-menu-item.last-crumb {
padding-bottom: 20px !important;
}
}
/* ========= apartado conocenos expertos y referentes del mercado" ========*/
@media (max-width: 767px){
.lista-expertos-referentes
{
margin-left: -50px;
}
}
/* ========= apartado contacto ajuste line-height oficinas mobile========*/
@media (max-width: 767px){
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text p
{
line-height: 2;
}
}
/*=========Slide home ajuste alto=========
.row-fluid-wrapper .row-depth-1 .row-number-4 {
padding-bottom: -250px !important;
}*/
/*Icono idioma*/
.globe_class
{
margin-top: 28px;
}
@media (max-width: 767px){
.globe_class{
position: relative;
top: -50px;
left: 160px;
}
}
.lang_list_class{
position: absolute;
top: 50px;
left: 50%;
border-color: none;
}
.lang_list_class li{
border: 1px solid #ffffff;
}
.lang_list_class li a{
font-family: Montserrat, sans-serif;
font-display: swap;
}
.lang_list_class li a:hover{
color: red;
}
.lang_list_class li:first-child
{
border: 1px solid #ffffff;
}
.lang_list_class:after {
content: "";
display: block;
position: absolute;
top: -7px;
left: 50%;
width: 2%;
height: 0;
border: 12px solid transparent;
border-bottom-color: #fff;
margin-left: -13px;
margin-bottom: -1px;
}
li{
margin-bottom: 0;
}
/* ========= slide home mobile========*/
@media (max-width: 767px){
.slide-home2
{
font-size: 35px !important;
line-height: 1.5;
}
}
/* ========= slide home2 mobile========*/
@media (max-width: 767px){
.slide-home
{
font-size: 35px !important;
}
}
/* ========= bola del mundo BLANCA ========*/
.globe_class {
background-image: url(https://156214.fs1.hubspotusercontent-na1.net/hubfs/156214/2017-webiste/globe-blanco.png) !important;
}
/* ========= slide home2 mobile========*/
@media (max-width: 767px){
.globe_class {
top: -70px !important;
}
.lang_switcher_class {
height: 0px !important;
}
.hs-image-widget {
padding-top:10px !important;
padding-bottom:0px !important;
}
.lang_list_class{
top: 25px !important;
}
.mobile-trigger{
top: 10px;
}
.header-container-wrapper .header .hs-menu-wrapper {
top: 45px;
}
}
/*form unete a nosotros cv
.hs-input{
width:100% !important;
}*/
/*checbox politica privacidad*/
.row-fluid .hs-form .field .input input[type="checkbox"],body .row-fluid input[type="checkbox"]
{
width: 20px!important;
}
/* color links relacionados */
.widget-module ul li a {
color: #414447 !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
background: none !important;
}
/* 3 bloques HOME con inboud */
.span4.section-bg.bg-image.overlay {
padding: 30px 10px 30px 10px;
}
.marketing-publicidad .content {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* Estilo enlace página diccionario de marketing*/
.enlace-subrayado li a:hover
{
text-decoration: underline !important;
}
/** alinear la cabecera **/
@media(max-width: 769px){
.menu-group{
margin-top: -40px;
}
}
@media(max-width: 769px){
body .header-container-wrapper .container-fluid .row-fluid .header{
min-height:65px;
}
.globe_class{
top: -40px !important;
}
}
/** modulo video home **/
#hs_cos_wrapper_widget_157659027641 {
margin: 0 auto !important;
}
body .row-fluid .jumbo-4-home-our-services .agency-services-cm-container>span>.hs_cos_wrapper {
margin: 0 auto
}
/** ESTILOS MODULO YOUTUBE **/
.contenedor {
display: block;
margin: 20px auto;
width: 100%;
max-width: 600px;
}
.reproductor {
display: block;
width: 100%;
height: 100%;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
cursor: hand;
cursor: pointer;
}
img.imagen-previa {
display: block;
left: 0;
bottom: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
height: auto
}
div.youtube-play {
height: 100px;
width: 100px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
opacity: 0.7;
position: absolute;
background: url("https://156214.fs1.hubspotusercontent-na1.net/hubfs/156214/youtube-play-100.png") no-repeat;
}
div.youtube-play:hover {
opacity: 1;
}
#youtube-iframe {
width: 600px;
height: 364px;
position: absolute;
top: 0;
left: 0;
}
/* FORM MOBILE - ARRIBA */
@media(max-width: 768px){
.wrapper-form > .row-fluid-wrapper > .row-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: block-reverse;
-moz-flex-direction: block-reverse;
flex-direction: column-reverse;
}
}
/* NEW SERVICES PAGE 2024 */
.services-2024{
padding: 7rem 0rem 8rem;
}
.services-2024.back-grey{
background-color: #f5f5f5;
padding: 5rem 0rem;
margin-bottom: 5rem;
}
@media (max-width: 767px){
.services-2024{
padding: 4rem 0rem 5rem;
}
.services-2024.back-grey{
padding: 3rem 0rem;
margin-bottom: 3rem;
}
}
h3.h4-header{
font-family: 'Rubik', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: .3px;
}
.cta-button-2024{
background: #fff;
color: #f11e3c !important;
border-radius: 100px;
font-size: 16px;
line-height: 18px;
padding: 20px 44px;
font-family: 'Montserrat', sans-serif;
text-align: center;
display: inline-block;
font-weight: 500;
letter-spacing: .9px;
border: 0;
}
a.cta-button-2024:hover{
transform: translate(0, -5px);
box-shadow: 0px 30px 40px rgba(0,0,0,0.1);
}
/* NEW STYLES FOR THE MEGA MENÚ */
@media (min-width: 767px){
.mega-menu{
display: flex !important;
flex-direction: row !important;
left: 50% !important;
transform: translateX(-50%);
padding: 1.5rem 0rem !important;
}
.mega-menu:before{
left: 50% !important;
transform: translateX(-50%) !important;
}
.mega-menu .hs-menu-depth-2 > a{
text-decoration: none !important;
color: #F11E3C !important;
font-weight: 700;
font-size: .8em !important;
}
.mega-menu .hs-menu-depth-2 ul{
position: relative !important;
border: 0px !important;
left: 0px !important;
padding: 0px !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover .mega-menu .hs-menu-depth-2 ul{
visibility: visible !important;
opacity: 1 !important;
}
}