/* @import url('http://example.com/example_style.css'); */ @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700"); @import url('https://fonts.googleapis.com/css?family=Average+Sans&display=swap'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700&display=swap'); /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* /***** Used to base font family for all elements, was Average Sans *****/ /***** Used for font family for all Headings was Josefin Sans *****/ /***** Used for font color for all Headings *****/ /***** Used for light gray color used in backgrounds *****/ /***** Used for blue color used in the CTAs and other elements *****/ /***** Used for Hover color of CTAs *****/ body { font-size:17px; line-height:1.7; overflow-x:hidden; -webkit-font-smoothing:antialiased; letter-spacing:.5px; background:#fff; font-family: 'Open Sans', sans-serif;; color: #000000; margin:0 auto; padding:0; position:relative; z-index:1; } body .body-container-wrapper { animation: fadein 4s; -moz-animation: fadein 4s; /* Firefox */ -webkit-animation: fadein 4s; /* Safari and Chrome */ -o-animation: fadein 4s; /* 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; } } body .container-fluid .row-fluid .wrapper { max-width:1300px; margin-left:auto; margin-right:auto; float:none; position:relative; z-index:2; box-sizing:border-box; padding: 0px 15px; } .lightbluebg{ background-color: #f6fbff; } img{ height:auto; } h1,h2,h3,h4,h5,h6{ color: #000000 ; font-family: 'Open Sans', sans-serif; ; font-weight:700; } h1,h2,h3,h4,h5,h6,p,a { text-transform:initial; text-decoration:none; margin:0 0 15px; padding:0; } /* .body-container-wrapper ul,.body-container-wrapper li { margin-bottom:15px; } */ a { margin-bottom:0; /* color:#000000; */ } h1 { font-size: 62px; line-height: 1.23; letter-spacing: -1px; margin-bottom:10px; } h2{ font-size: 38px; line-height: 1.2; letter-spacing: 0.1px; } h3 { font-size:24px; line-height:30px; letter-spacing:0; } h4 { font-size: 20px; line-height: 1; letter-spacing: 0; font-weight: bold; letter-spacing: -0.6px; } h5 { font-size:14px; font-weight:600; line-height:20px; } h6 { font-size:10px; line-height:1.2; letter-spacing:.5px; } .body-container-wrapper { background:#fff; overflow:hidden; } .body-container-wrapper ul { text-decoration:none; margin:20px 0; padding:0; } .body-container-wrapper ol { text-decoration:none; margin:0 0 15px; padding:0; } /* .body-container-wrapper li { font-size:16px; line-height:25px; font-weight:400; position:relative; margin-left:34px; margin-bottom:2px; } */ /* .body-container-wrapper li:before { position:absolute; top:11px; left:-24px; content:''; width:4px; height:4px; background:#626262; border-radius:50%; } */ .stickyitem { position: fixed; padding: 10px; top: 20% !important; left: 20% !important; margin-top: -100px; margin-left: 0px; width: 60%; z-index: 999; } blockquote { font-size:22px; font-weight:400; line-height:31px; letter-spacing:1px; position:relative; padding-left:32px; margin:0; } .body-container-wrapper .hs-cta-wrapper{ margin-top:20px; display:block; } body .container-fluid .row-fluid .section_2 a.btn-cta { margin-top: 5px; } .button-pp, body .container-fluid .row-fluid .section_2 a.btn-cta, body .container-fluid .row-fluid form .hs-button, body .container-fluid .row-fluid a.cs_button, body .container-fluid .row-fluid a.cta_button[title] { font-size:19px; line-height:26px; font-weight:bold; font-family: 'Open Sans', sans-serif; ; cursor:pointer; text-align:center; display:inline-block; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; border-radius: 2px; margin-bottom:0; position:relative; z-index:1; background:#1B1464; color:#fff; letter-spacing: 0; padding: 17px 44px 15px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } body .container-fluid .row-fluid .blue-cta a.cs_button, body .container-fluid .row-fluid .blue-cta a.cta_button[title]:hover{ color:#000; } .button-pp:hover:before, body .container-fluid .row-fluid .section_2 a.btn-cta:hover:before, body .container-fluid .row-fluid a.cs_button:hover:before, body .container-fluid .row-fluid form .hs-button:hover:before, body .container-fluid .row-fluid a.cta_button[title]:hover:before, body .container-fluid .row-fluid .yellow-cta a.cta_button[title]:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); color:#fff; } .button-pp:before, body .container-fluid .row-fluid .section_2 a.btn-cta:before, body .container-fluid .row-fluid a.cs_button:before, body .container-fluid .row-fluid a.cta_button[title]:before, body .container-fluid .row-fluid form .hs-button:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #00AFD1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } /***** CS media buttons ******/ body.cs-media .container-fluid .row-fluid form .hs-button, body.cs-media .container-fluid .row-fluid a.cs_button, body.cs-media .container-fluid .row-fluid a.cta_button[title]{ background: #000000; color: #FF483B; } body.wtf-cn.cs-media .container-fluid .row-fluid form .hs-button, body.wtf-cn.cs-media .container-fluid .row-fluid a.cs_button, body.wtf-cn.cs-media .container-fluid .row-fluid a.cta_button[title]{ background:#FF483B ; color: #fff; } body.cs-media .container-fluid .row-fluid .blue-cta a.cs_button, body.cs-media .container-fluid .row-fluid .blue-cta a.cta_button[title]:hover{ color:#000000; background: #FF483B; } body.cs-media .container-fluid .row-fluid a.cs_button:hover:before, body.cs-media .container-fluid .row-fluid form .hs-button:hover:before, body.cs-media .container-fluid .row-fluid a.cta_button[title]:hover:before, body.cs-media .container-fluid .row-fluid .yellow-cta a.cta_button[title]:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); color:#000000; } body.wtf-cn.cs-media .container-fluid .row-fluid a.cs_button:hover:before, body.wtf-cn.cs-media .container-fluid .row-fluid form .hs-button:hover:before, body.wtf-cn.cs-media .container-fluid .row-fluid a.cta_button[title]:hover:before, body.wtf-cn.cs-media .container-fluid .row-fluid .yellow-cta a.cta_button[title]:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); color:#000000; } body.wtf-cn.cs-media .container-fluid .row-fluid a.cs_button:before, body.wtf-cn.cs-media .container-fluid .row-fluid form .hs-button:before, body.wtf-cn.cs-media .container-fluid .row-fluid a.cta_button[title]:before, body.wtf-cn.cs-media .container-fluid .row-fluid .yellow-cta a.cta_button[title]:before{ background: #000000; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } body.cs-media .container-fluid .row-fluid a.cs_button:before, body.cs-media .container-fluid .row-fluid a.cta_button[title]:before, body.cs-media .container-fluid .row-fluid form .hs-button:before{ background: #FF483B; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } body .container-fluid .row-fluid .yellow-cta a.cta_button[title]:before{ background: #04082d; } body .container-fluid .row-fluid a.cta_button{ padding:0; border:none; } body .container-fluid .row-fluid form .hs-button:hover, body .container-fluid .row-fluid a.cta_button[title] { } body .container-fluid .row-fluid .white-cta a.cta_button[title]{ background:#ffffff; color:#000; } body .container-fluid .row-fluid .white-cta:hover a.cta_button[title]{ color:#fff; } body .container-fluid .row-fluid .yellow-cta a.cta_button[title]{ background: #00b318; color:#fff; } body .container-fluid .row-fluid .yellow-cta a.cta_button[title]:hover{ color:#fff; } body .container-fluid .row-fluid .simple-cta a.cta_button[title]{ background:transparent; color:#04082d; text-decoration:underline; padding:0; } body .container-fluid .row-fluid .simple-cta a.cta_button[title]:hover:before{ display:none; } body .container-fluid .row-fluid .simple-white-cta a.cta_button[title]{ background:transparent; color:#fff; text-decoration:underline; padding:0; } body .container-fluid .row-fluid .simple-white-cta a.cta_button[title]:hover:before{ display:none; } .grey-bg{ background: #edf9fa; } .align-center { text-align:center; } .align-left { text-align:left; } .align-right { text-align:right; } .float-left{ float:left; } .float-right{ float:right; } .overlay,.basecolor-overlay{ position:relative; z-index:1; } .overlay:before{ position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: #04082d; z-index: -1; opacity: .59; } .basecolor-overlay:before{ position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background-color:#04082d; z-index: -1; opacity:.7; } .gray-bg{ background:#fafafa; } .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, .text-margin-zero .widget-type-cta{ margin:0; } .base-color-text h1, .base-color-text h2, .base-color-text h3, .base-color-text p,cta .base-color-text h4, .base-color-text h5, .base-color-text h6, .base-color-text .fa, .base-color-text a{ color:#04082d; } .base-color-text a:hover{ color:#04082d; } body .container-fluid .row-fluid [class*="span"]{ min-height:0; } .section-bg{ background-size: cover!important; background-position: center center!important; } .section-bg .bg-image{ display:none!important; } .section-padding{ padding:100px 0; } .section-border{ border-bottom:1px solid #e7e7e7; } body .container-fluid .row-fluid .section-heading.align-center { max-width: 840px; float: none; margin-left:auto; margin-right:auto; margin-bottom:40px; } .section-heading p{ font-size:20px; font-weight:400; } .heading-underline{ margin-bottom: 40px; padding-bottom: 4px; position: relative; } .heading-underline:before{ position: absolute; content: ''; bottom: 0; lefT: 0; height: 3px; width: 100px; background: #f6921e; } .right-vector{ position:relative; } .right-vector:after{ content:""; position:absolute; background:url('//6464971.fs1.hubspotusercontent-na1.net/hubfs/6464971/360%20Template%20Pack/Images/Right%20Vector.svg') no-repeat; background-size: contain; background-position: bottom center; right: 0; bottom: 0; height: 100%; width: 160px; } .left-vector{ position:relative; } .left-vector:before{ content:""; position:absolute; background:url('//6464971.fs1.hubspotusercontent-na1.net/hubfs/6464971/360%20Template%20Pack/Images/Left%20%20Vector.svg') no-repeat; background-size:contain; background-position:top center; left:0; top:100px; width:92px; height:100%; } @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; } body .row-fluid .equal-height{ display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; align-items: center; -webkit-align-items: center; } } /*======================================================== Typography Responsive Styling ========================================================*/ @media (min-width:768px) and (max-width:1024px){ body .container-fluid .row-fluid .wrapper{ padding-left:40px; padding-right:40px; } h1 { font-size: 38px !important; } .section-padding { padding: 60px 0; } body .container-fluid .row-fluid .section-heading.align-center { margin-bottom: 30px; } .section-heading p { font-size: 18px; } body .container-fluid .row-fluid form .hs-button, body .container-fluid .row-fluid a.cta_button[title]{ font-size: 14px; padding: 11px 11px 7px; } } @media (max-width:767px){ .row-fluid [class*="span"].wrapper{ padding-left:20px; padding-right:20px; } .remove-octagon .body-container-wrapper{ margin-top:106px; } h1 { font-size: 32px !important; } h2{ font-size:24px !important; } .section-padding { padding: 60px 0; } .align-right { text-align: center; } .align-left { text-align: center; } body .container-fluid .row-fluid .section-heading.align-center{ margin-bottom: 30px; } .body-container-wrapper li { font-size: 14px; line-height: 24px; } .heading-underline { margin-bottom: 20px; padding-bottom: 2px; } body .container-fluid .row-fluid form .hs-button, body .container-fluid .row-fluid a.cta_button[title]{ display:inline-block; } .left-vector:before, .right-vector:after{ display:none; } .mobile-margin50{ margin:50px 0; } .mobile-margin70{ margin:70px 0; } #inline-btn-home{ font-size:16px !important; } } /*================================================== Two Col Adjust ==================================================*/ body .container-fluid .row-fluid .two-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 .two-col-adjust span>.hs_cos_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 47.4%; -webkit-flex-basis: 47.4%; float: left; margin-right: 2.43%; margin-top: 25px; -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 .two-col-adjust>span { display: block; margin-right: 0; } body .row-fluid .two-col-adjust span>.hs_cos_wrapper { display: block; margin: 0; margin-top: 20px; max-width: 379px; width: 100%; margin: 30px auto 0; float: none; } } /*================================================== 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: 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 .three-col-adjust>span { display: block; margin-right: 0; } body .row-fluid .three-col-adjust span>.hs_cos_wrapper { display: block; width: 100%; margin: 0; margin-top: 20px; max-width: 100%; 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; } } /*========================================================= FORM STYLING =========================================================*/ /*======= Placeholder Color ====*/ ::-webkit-input-placeholder { color: #a5adba; } :-moz-placeholder { color: #a5adba; } ::-moz-placeholder { color: #a5adba; } :-ms-input-placeholder { color: #a5adba; } select::-ms-expand { display: none; } .row-fluid form li{ margin:0; } .row-fluid form li:before{ display:none; } .row-fluid form input, .row-fluid form select, .row-fluid form textarea{ font-family: 'Open Sans', sans-serif;; height: 36px; font-size: 14px; line-height: 17px; margin-bottom: 7px; border-radius: 0; background: transparent; padding: 10px 0; color:#000000; font-weight: 400; border: 0; border-bottom: 1px solid #e4e7ec; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .row-fluid form input:focus, .row-fluid form select:focus, .row-fluid form textarea:focus{ outline:0; border:0; border-bottom: 2px solid #04082d; } .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: .5px; font-weight: 500; display: block; margin-bottom: 6px; margin-top: 14px; } .row-fluid form .hs_submit .actions{ text-align:left; } .row-fluid form .hs-button.primary{ height: auto; margin-top: 62px; background:#04082d; color: #fff; font-weight: bold; } form .hs-error-msgs{ margin:0; padding:0; } form .hs-error-msgs li{ line-height: 1; color: red; font-weight: 400; font-size: 11px; position: relative; top: 0; letter-spacing: 0.5px; } .row-fluid .hs-form fieldset.form-columns-1 .hs-input { width: 100%; } body .row-fluid .hs-form fieldset { max-width: 100%; } form .hs-form-required{ 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; } 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: #fff url(//2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Chicago%20LP/select%20arrow.png) no-repeat; background-position: center right; -webkit-appearance: none; } /*======================================================= CHECKBOX AND RADIO BUTTONS STYLING =======================================================*/ .row-fluid .hs-form .field .input input[type="checkbox"], .row-fluid .hs-form .field .input input[type="radio"]{ width:auto; } .row-fluid .hs-form .field .input input[type="checkbox"], .row-fluid .hs-form .field .input input[type="radio"]{ 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 { content: ''; position: absolute; width: 9px; height: 5px; top: 3px; left: 2px; border: 3px solid #04082d; 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: #04082d; 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; } } /*===================================================================== Header Styling =======================================================================*/ .header-container-wrapper { z-index:3; /* position: absolute; */ position: relative; width: 100%; background: #fff; } .remove-octagon .header-container-wrapper{ background:#fff; } .header-container-wrapper .transparent-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ color:#fff; } .header-container-wrapper .transparent-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-child a:before{ background:#fff; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ font-size: 16px; line-height: 1; letter-spacing:0; color:#5e6067; white-space: normal; position:relative; } body .header-container-wrapper .container-fluid .row-fluid .yellow-cta a.cta_button[title]{ padding: 6px 11px 3px; background-color: #000000; clear:both; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2:last-child a:before{ background:transparent; } @media(min-width:768px){ .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ padding: 26px 10px 18px; } /* .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul ul li a{ padding: 15px 10px; border-bottom: 1px solid #f3f3f3; } */ .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul ul li:last-child a{ border-bottom:none; } .header-container-wrapper .header-menu .hs-menu-wrapper{ float:left; /*OP*/ } body .header-container-wrapper .header-menu{ width: 70.264957%; } body .header-container-wrapper .right-col{ width:9%; margin-left:1%; margin-top: 1px; } } /*Child Items Styling*/ /*.header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children::before { /* background: #1A1460; min-width: 200px; border-top: 2px solid #04082d; box-shadow: 0 0 1px #00000063; display:none!important; }*/ .hs-menu-children-wrapper::before{ display:none!important; } .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::before{ display:none!important;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper::before{ display:none!important; } hs-menu-item hs-menu-depth-1 hs-item-has-children ul.hs-menu-children-wrapper::before { display:none; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul ul li a::before{ padding: 15px 10px; border-bottom: 1px solid #E0E0E0; display:none; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul::before { display:none !important; /*OP*/ border:none !important; } .hs-menu-children-wrapper::before { display:none; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { background: #1A1460; min-width: 150px; /*border-top: 1px solid #f3f3f3!important;*/ box-shadow: 0 0 1px #00000063; visibility:visible!important ; /*display:none; */ display:block !important; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover .hs-menu-item .hs-menu-depth-2 { padding: 5px 10px !important; border-bottom: 1px solid #E0E0E0 !important; border-top:1px solid #E0E0E0 !important; color: grey !important; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover .hs-menu-item { border-top:1px solid #E0E0E0 !important; } .hs-menu-children-wrapper::before .hs-menu-children-wrapper{ display:none!important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul::before{ display:none!important; } @media(max-width:1024px) and (min-width:768px){ body .header-container-wrapper .container-fluid .row-fluid .yellow-cta a.cta_button[title] { padding: 6px 7px 3px; font-size: 11px; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ padding:24px 9px; } body .header-container-wrapper .right-col { margin-left: 2%; } } @media(max-width:767px){ .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul ul li a { color: #fff; } .header-container-wrapper{ z-index:9; } .header-container-wrapper { /* padding: 37px 0px 37px; */ padding: 0px 0px 17px; position: relative; } body .container-fluid .row-fluid .logo-image{ width: 50%; float: left; } .custom-menu-primary .hs-menu-wrapper { display:none; } body .container-fluid .row-fluid .mobile-trigger{ top:-33px; cursor:pointer; } body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper{ top: 12px; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ padding: 15px 8px; color:#fff; } body .container-fluid .row-fluid .custom-menu-primary.js-enabled { position: absolute!important; width: 100%; left: 0; margin: 0; right: 0; top: 36px; padding: 0; } body .container-fluid .row-fluid .mobile-open .mobile-trigger, body .container-fluid .row-fluid .mobile-trigger { background-color: transparent; border: none; z-index:5; } body .container-fluid .row-fluid .mobile-trigger:hover i, body .container-fluid .row-fluid .mobile-trigger:hover i:before, body .container-fluid .row-fluid .mobile-trigger:hover i:after, body .container-fluid .row-fluid .mobile-open .mobile-trigger i, body .container-fluid .row-fluid .mobile-open .mobile-trigger i:before, body .container-fluid .row-fluid .mobile-open .mobile-trigger i:after { background-color: #fff; } body .container-fluid .row-fluid .mobile-trigger i, body .container-fluid .row-fluid .mobile-trigger i:before, body .container-fluid .row-fluid .mobile-trigger i:after { width: 30px; height: 4px; background-color: #fff; } body .container-fluid .row-fluid .mobile-trigger i:before { top: -8px; } body .container-fluid .row-fluid .mobile-trigger i:after { top: 8px; } .header-container-wrapper .yellow-cta span script{ display:none; } body .header-container-wrapper .container-fluid .row-fluid .yellow-cta a.cta_button[title]{ display:block; width: 100%; padding: 12px 11px 10px; box-sizing: border-box!important; } /* body .container-fluid .row-fluid .mobile-trigger{ top: -38px; } */ } /* ========================================================================== 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 > li{ background:#2841f9; }*/ .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color:#fff; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:#1ed6b3; } body.cs-media .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:#FF483B; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul::before{display:none!important} .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:#ffffff; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:#1ed6b3; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (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:#ffffff; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; /* Show button on mobile */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 0px; /* Position Button at right of screen */ right: 10px; /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 7px 10px 8px 10px; background: #ffffff; /* Background color */ border: 1px solid #000000; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000000; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#ffffff; background-color: #000000; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#ffffff; background-color: #000000; border-color: transparent; } /* Override max width on menu links */ .hs-menu-wrapper.hs-menu-flow-horizontal > ul.active-branch li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: hidden !important; max-width: calc(100% - 42px)!important; width: auto !important; } /* Toggle Button Icon ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: -4px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 22px; /* Icon line width */ height: 2px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #000000; /* 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: #ffffff; /* Icon color */ } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#ffffff; /* 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: hidden !important; /* OP */ 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; z-index:3; } .custom-menu-primary .hs-menu-wrapper{ background-color:#04082d; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color: #ffffff; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff; /* 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: #292c46; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ color: #fff!important; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 20px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /*===================================================================== Footer Styling =======================================================================*/ .footer-container-wrapper{ background: #00AFD1; padding: 40px 0px 15px; position:relative; z-index:2; --color:#1b1464; } .cs-media .footer-container-wrapper{ background:transparent; padding:0; height:0; --color:#1b1464; } .footer-container-wrapper> span{ color:#1b1464 !important; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical>ul li a { padding: 6px 0px; font-size: 16px; line-height:1.5; font-weight: normal; letter-spacing: 0; color: #1b1464; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical>ul li a:hover{ color:white; } .footer-container-wrapper .footer-logo{ margin-bottom: 40px; border-bottom: 1px solid #d6d6d6; padding-bottom: 20px; } .footer-container-wrapper .connected-col{ padding-top:30px; } .footer-container-wrapper .connected-col ul{ margin:0; padding:0; } .footer-container-wrapper .connected-col ul li{ margin:0; padding:0 5px; display:inline-block; } .footer-container-wrapper .connected-col ul li:first-child{ padding-left:0; } .copy-right-text p{ font-size: 14px; font-weight: 400; padding-top: 35px; margin: 0; } body .row-fluid .connected-col ul li:before { position: absolute; top: 11px; left: -24px; content: ''; width: 0px; height: 0px; border-radius: 50%; } .footer-container-wrapper .made-with{ text-align: center; margin-top: 100px; background: #04082d; padding: 10px 0; } .footer-container-wrapper .made-with p{ margin:0; color:#1b1464; font-size:18px; } .footer-container-wrapper .made-with img{ width: 24px; position: relative; top: -2px; margin: 0 2px; } .footer-container-wrapper .made-with a{ color: #1b1464; text-decoration: underline; font-weight: 800; } body .section-padding{ padding: 120px 0; } @media(max-width: 767px){ body .section-padding{ padding: 60px 0; } } /*===================================================================== Home Page Styling =======================================================================*/ .hero-section{ /* padding: 255px 0px 135px; */ padding: 204px 0px 123px; position:relative; z-index:2; } .hero-section p{ font-size: 20px; font-weight: 400; line-height: 1.7; letter-spacing: 0.4px; margin: 10px 0px 15px; } @media(max-width:1024px) and (min-width:768px){ .hero-section{ padding: 180px 0px 93px; } } @media(max-width:767px){ .hero-section{ padding:0; padding-top: 170px; } .hero-section .yellow-cta{ margin-top:10px; } } /*=================================================================== Client Logo Section ===================================================================*/ .heading-text-space{ padding-top: 127px; } .heading-text-space h4{ margin-bottom: 25px; } .about-section6.section-padding .heading-text-space h4{ margin-bottom: 65px; } .hero-section ul{ margin: 0; text-align: center; filter: blur(0px) grayscale(1); } .hero-section ul li { display: inline-block; vertical-align: middle; margin: 0; padding: 0px 30px; } .hero-section ul li:before{ display:none; } @media(max-width:1024px) and (min-width:768px){ .hero-section ul li{ padding: 0px 20px 10px; } } @media(max-width:767px){ .hero-section ul li{ display:block; margin-bottom:20px; } .heading-text-space { padding-top: 55px; } .hero-section ul{ padding: 30px 0px; } .about-section6.section-padding .heading-text-space h4 { margin-bottom: 39px; } .about-section6.section-padding { padding: 45px 0 55px; } } /*=================================================================== Home Section 2 ===================================================================*/ .home-section2 { padding: 120px 0px 66px; } .home-section2 h2{ margin-bottom: 52px; } @media(max-width:1024px) and (min-width:768px){ .home-section2{ padding-top:30px; } } @media(max-width:767px){ .home-section2{ padding: 60px 0; } .home-section2 h2{ margin-top:0; } .home-section2 .text-group{ padding-bottom: 0; } } /*=================================================================== Home Section 3 ===================================================================*/ .home-section3{ padding: 120px 0px; } body .row-fluid .home-section3 .three-col-adjust span>.hs_cos_wrapper{ margin-top: 0.43%; } .description-cm h4 span{ color:#04082d; } .team-image-cm p { margin-bottom: 47px; font-style: italic; } body .row-fluid .team-image-cm .image-module{ height:139px; width:100%; max-width:139px; margin-bottom: 30px; } @media(max-width:1024px) and (min-width:768px){ .home-section3{ padding: 60px 0; } .team-image-cm{ padding:0; } } @media(max-width:767px){ .home-section3 { padding: 60px 0; } .home-section3 h2 { margin-bottom: 49px; } } /*============================================================== Home Section 4 ================================================================*/ .home-section4{ background:; position: relative; padding: 120px 0; } .home-section4:before{ content: ""; background: #fff; width: 100%; height: 8vw; bottom: -4vw; position: absolute; left: 0; right: 0; transform: skewY(176deg); display: none; } .home-section4 h2{ padding-bottom: 20px; } .home-section4 .bottom-section{ margin-top: 80px; } .home-section4 .left-col{ border-radius: 10px; box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.12); background-color: #fff; padding: 60px; } @media(max-width:767px){ .home-section4 .right-col { padding: 70px 0px 0px; } .home-section4 { padding: 60px 0; } } /*============================================================== Home Section 5 ================================================================*/ .home-section5 { position: relative; } .home-section5 .left-col { border-radius: 10px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #fff; padding: 60px; } .home-section5 .right-col{ padding: 114px 40px 0; } @media(max-width:767px){ .home-section5 .right-col { padding: 70px 0px 0px; } } /*============================================================== Home Section 6 ================================================================*/ .home-section6 { padding: 120px 0; } .home-section6 h2{ margin-bottom: 20px; } body .row-fluid .home-section6 .three-col-adjust span>.hs_cos_wrapper{ margin-top: 3.43%; } @media(max-width:767px){ .home-section6 { padding: 60px 0; } .home-section6 .heading-text-cm-img{ margin-bottom: 0; } body .row-fluid .home-section6 .three-col-adjust span>.hs_cos_wrapper{ margin-top:30px; } } /*============================================================== Service Section ================================================================*/ .service-section{ padding: 100px 0px; background: #fff; position: relative; z-index: 2; } body .container-fluid .row-fluid .service-section .wrapper{ background: #04082d; border-radius: 10px; position:relative; padding: 70px 15px; overflow:hidden; box-shadow: 0px 0px 15px 0px #ccc; } .service-section .wrapper:before{ content: ""; position: absolute; background: url(//6464971.fs1.hubspotusercontent-na1.net/hubfs/6464971/360%20Template%20Pack/Images/Right%20Vector.svg) no-repeat; background-size: contain; background-position: bottom center; right: -3px; bottom: 0; height: 100%; width: 160px; } .service-section p{ font-size: 24px; line-height: 1.67; letter-spacing: normal; margin: 20px 0px 30px; font-weight: 300; } @media(max-width:767px){ .service-section { padding: 70px 0px 120px; } .service-section .yellow-cta{ margin-top:10px; } } /*======================================================================== Blog Page Styling ==========================================================================*/ body.blog-v1:after{ display:none; } body.blog-v1 .header-container-wrapper{ background:#fff; padding: 49px 0px 45px; } body.cs-media .header-container-wrapper{ background: #000000 } /*Subscribe to our blog section*/ .subscribe-section{ padding:70px 0; } .subscribe-section h2{ font-weight: normal; font-size: 36px; line-height: 1.3; margin-bottom: 10px; } .subscribe-section .form-title{ display:none; } .row-fluid .subscribe-section form{ position:relative; max-width:600px; margin:0 auto; float:none; } .row-fluid .subscribe-section form input[type="email"] { width: 69%; } .row-fluid .subscribe-section form .hs-button.primary.large { position: absolute; top: 0; margin: 0; right: 0; padding: 13px 34px; } @media(max-width:767px){ .subscribe-section { padding: 70px 20px; } .row-fluid .subscribe-section form .hs-button.primary.large { position: static; margin-top: 10px; } .row-fluid .subscribe-section form input[type="email"] { width: 100%; } } /*Load More Styling*/ body .container-fluid .row-fluid .blog-pagination{ display:none; } /*ul.each-post-list, ul.each-post-list li{ margin:0; padding:0; } ul.each-post-list li{ display:none; } .body-container-wrapper ul.each-post-list li:before{ display:none; } ul.each-post-list li:first-child{ display:inline-block; } ul.each-post-list li a { font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 13px; display:inline-block; } */ @media(min-width:768px){ body.blog-v1 .container-fluid .row-fluid .post-item{ display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; justify-content: center; -webkit-justify-content: center; width:50%; float:left; height:300px; } body.hs-blog-listing .container-fluid .row-fluid .div-container .post-header, body.hs-blog-listing .container-fluid .row-fluid .div-container .post-item .post-body{ width:50%; } .post-body.clearfix.span6 { position: relative; } body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child{ background-repeat:no-repeat; background-size:cover; background-position:top center; position:relative; } body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child:before{ position: absolute; content: ""; bottom: 0; left: 0; right: 0; width: 100%; background-image: linear-gradient(to top, rgba(29, 42, 54, 0.8), rgba(56, 71, 84, 0)); height:100%; } body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child .post-header{ position:absolute; bottom:80px; } /* body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child ul.each-post-list li a{ margin-bottom: 20px; font-weight: 600; font-size: 15px; color: #fff; text-transform: uppercase; }*/ body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child.post-header h2, body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child .post-header h2 a{ font-size: 32px; line-height: 1.3; font-weight: 400; color: #fff; } body.hs-blog-listing .container-fluid .row-fluid .div-container .post-item:last-child{ flex-direction: row-reverse; } body.hs-blog-listing .container-fluid .row-fluid .div-container .post-item .post-body{ margin-left:0; } body.hs-blog-listing .container-fluid .row-fluid .div-container .post-header{ align-items: center; display: flex; -webkit-align-items:center; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; } body.hs-blog-listing .container-fluid .row-fluid .div-container .post-item:last-child .post-body:before{ right:-40px; left: auto; } body.hs-blog-listing .container-fluid .row-fluid .div-container.row-reverse{ display: flex; -webkit-align-items:center; display: -webkit-flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } body.hs-blog-listing .container-fluid .row-fluid .div-container .div-container-two{ width:50%; } body.hs-blog-listing .container-fluid .row-fluid .div-container .div-container-two .post-item{ width:100%; } } body.hs-blog-listing .container-fluid .row-fluid .post-header, body.hs-blog-listing .container-fluid .row-fluid .post-body { width: 100%; margin:0; /* position:relative; */ } body.hs-blog-listing .container-fluid .row-fluid .post-body img, body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child .post-body{ display:none; } .post-header h2, .post-header h2 a { font-size: 22px; font-weight: 400; line-height: 1.4; margin: 0; } .post-header h2{ z-index: 16; position: relative; padding: 0px 40px; } .animated { -webkit-animation-duration: 1.5s!important; animation-duration: 1.5s!important; } @media(max-width:1024px) and (min-width:768px){ .post-header h2 { padding: 0px 20px; } body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child.post-header h2, body.hs-blog-listing .container-fluid .row-fluid .div-container>.post-item:first-child .post-header h2 a{ font-size: 18px; } .post-header h2, .post-header h2 a { font-size: 15px; } } @media(max-width:767px){ .blog-hero-section { padding: 210px 0 125px; } .blog-v1 .post-item{ position: relative; height: 300px!important; padding:100px 0; text-align:center; background-size:cover!important; } [data-aos=slide-up]{ transform:none!important; } .blog-v1 .post-item:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; background: #0000008f; width: 100%; z-index: 1; } ul.each-post-list li a{ position: relative; z-index: 1; } } /*Single Post Page Styling*/ .hs-blog-post .blog-section.blog-main-container { max-width: 780px; margin: 0 auto; position: relative; padding: 75px 0px; } .hs-blog-post .body-container-wrapper .blog-section p{ font-size: 19px; line-height: 31px; letter-spacing: 0; } .hs-blog-post li{ line-height: 20px; } .hs-blog-post .body-container-wrapper .blog-section h2{ font-size: 28px; line-height: 51px; font-weight: 500; letter-spacing: -1px; margin: 25px 0px 10px; } .hs-blog-post .body-container-wrapper .blog-section h3{ font-size: 24px; line-height: 34px; margin-bottom: 0; font-weight: 500; letter-spacing: -.9px; } .hs-blog-post .body-container-wrapper h4{} .hs-blog-post .body-container-wrapper .blog-section h5{ font-size: 20px; line-height: 29px; font-weight: 400; letter-spacing: 0; font-family: 'Roboto', sans-serif; width: 100%; max-width: 690px; margin: 45px auto; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; box-sizing: border-box; padding: 30px 50px; } .hs-blog-post .body-container-wrapper .blog-section h6{ font-size: 14px; line-height: 31px; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform: uppercase; margin: 0; } .hs-blog-post .body-container-wrapper .blog-section ul{ padding: 0; text-decoration: none; margin: 40px 0; margin-left: 34px; } .hs-blog-post .body-container-wrapper .blog-section ul li{ font-size: 19px; line-height: 31px; letter-spacing: 0; font-weight: 300; position: relative; margin-left: 20px; margin-bottom: 15px; /*list-style: none;*/ } .hs-blog-post .body-container-wrapper .blog-section ol{ padding: 0; text-decoration: none; margin-bottom: 15px; counter-reset: list-count; list-style-type: decimal; margin: 36px 0 30px 68px; } .hs-blog-post ul > li>ul { list-style-type: none ; } #hs_cos_wrapper_post_body > ul > li > ul > li { list-style-type: circle !important; } .hs-blog-post .body-container-wrapper .blog-section blockquote{ margin: 0; font-size: 24px; padding-left: 17px; border-left: 3px solid ; margin-top: 45px; margin-bottom: 40px; letter-spacing: 0; line-height: 31px; font-weight: 500; padding: 15px 0 14px 30px; width: auto; margin-left: 0; position: relative } .hs-blog-post .body-container-wrapper .blog-section img { margin: 40px auto 55px; text-align: center; float: none; display: block; } /*Author section*/ #hubspot-author_data { display: block; overflow: hidden; border-top: 2px solid #e7e9ee; margin-top: 60px; padding-left: 0px; padding-top: 52px; } #hubspot-author_data .span2 { text-align: left; padding-left: 16px; position: relative; margin-top: 8px; } #hubspot-author_data .span2 img { width: 100%; max-width: 100%; margin: 0; } #hubspot-author_data .span10 { padding-left: 16px; } .author-link { font-size: 13px; line-height: 26px; font-weight: bold; letter-spacing: 0.5px; } #hubspot-author_data .author-bio { font-size: 16px; line-height: 26px; } .all-post-top-cta a { font-size: 19px; line-height: 25px; font-weight: 400; padding-left: 36px; position: relative; display:inline-block; padding-bottom:20px; } .all-post-top-cta a::before { position: absolute; left: 0px; width: 20px; content: "←"; top: -2px; } .post-sharing-icons{ position:relative; } .sharing-icon { position: absolute; margin: 0; top: 80px; width: 40px; left: 60px; } body.hs-blog-post .body-container-wrapper ul.sharing-icon{ margin: 0; margin-left: 0; list-style-type: none; } body.hs-blog-post .body-container-wrapper .sharing-icon li { font-size: 14px; float: left; margin-left: 10px; margin-bottom: 10px; list-style-type: none; } .sharing-icon li:before{ display:none; } .sharing-icon li a { color: #fff; background: #1871c9; width: 40px; line-height: 40px; display: block; text-align: center; border-radius: 50%; margin-bottom: 0px; } @media(max-width:1024px) and (min-width:768px){ } @media(max-width:767px){ body.hs-blog-post .body-container-wrapper ul.sharing-icon{ display:none; } } /*=================================================================== Post Page Styling =====================================================================*/ .post-section-hero{ position: relative; padding: 190px 0px 133px; } .post-section-hero .wrapper{ position:relative; z-index:2; } .post_featured_image{ position: absolute; width: 100%; display: block; top: 0; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; } .hs-blog-post ul.topic-list { margin: 0; list-style-type: none; } .hs-blog-post ul.topic-list li{ display:none; list-style-type: none; } .topic-list li:before{ display:none; list-style-type: none; } .hs-blog-post ul.topic-list li:first-child{ display:inline-block; margin:0; list-style-type: none; } .section.post-body { padding: 10px 0px; max-width: 800px; margin: 0 auto; } body.blog-360-style2.hs-blog-post.hs-landing-page .section.post-body p, body.blog-360-style2.hs-blog-post.hs-landing-page .section.post-body ul li, /*body.blog-360-style2.hs-blog-post.hs-landing-page .section.post-body ol li,*/ body.blog-360-style2.hs-blog-post.hs-landing-page .section.post-body blockquote{ font-size: 17px!important; line-height: 1.7!important; /* list-style-type: none;*/ } body.blog-360-style2.hs-blog-post .section.post-body p, /*body.blog-360-style2.hs-blog-post .section.post-body ul li,*/ body.blog-360-style2.hs-blog-post .section.post-body ol li, body.blog-360-style2.hs-blog-post .section.post-body blockquote{ font-size: 19px; line-height: 28px; } body.blog-360-style2.hs-blog-post .section.post-body ul li{ line-height: 19px; font-size: 19px; padding-top: 5px; } .section.post-body p, .section.post-body ul li, .section.post-body ol li, .section.post-body blockquote{ margin: 25px 0px; font-size: 16px; line-height: 26px; font-weight: 400; } .section.post-body ul, .section.post-body ol{ margin: 30px 0; } .section.post-body ul li /*.section.post-body ol li */ { margin:10px 0; /*list-style-type:none;*/ } .section.post-body img{ margin: 40px auto 30px; display: block; } @media(min-width:768px){ .section.post-body ul, .section.post-body ol{ margin-left: 50px; } } @media(max-width:1024px) and (min-width:768px){ .section.post-body { padding: 10px 30px; } .sharing-icon { left: -39px; } body.hs-blog-post .container-fluid .row-fluid .blog-body .wrapper{ max-width:700px; } } @media(max-width:767px){ .post-section-hero { padding: 140px 0px 163px; } .post-section-hero h2, .post-section-hero h2 a { font-size: 40px; line-height: 50px; letter-spacing: 0; margin-bottom: 30px; display: block; } .section.post-body{ padding: 16px 0px 50px; } } /*=================================================================== Offer Section Styling =====================================================================*/ body .container-fluid .row-fluid .offer-section{ max-width: 800px; margin: 0 auto; float: none; border: 5px solid #606060; border-radius: 4px; padding: 30px; } .pr30{ padding-right:30px; } .row-fluid .offer-section form input, .row-fluid .offer-section form select, .row-fluid .offer-section form textarea { height: 40px; border-radius:5px; } .row-fluid .offer-section form .hs-button.primary{ float:left; border-radius:5px; } .offer-section h2 { font-size: 35px; line-height: 45px; margin-bottom: 5px; } @media(max-width:767px){ .vertical-center.pr30 { padding-right: 0; padding-bottom: 20px; padding-top: 10px; } } /*============================================================== Recent blog section styling ================================================================*/ .recent-blog { padding-bottom: 62px; } /*=================================================================== Pagination Section Styling =====================================================================*/ .pagination-section { margin:30px 0; padding-top: 50px; padding-bottom: 37px; border-top: 1px solid rgba(0, 0, 0, .15); } .pagination-section .vertical-center { padding: 30px 0px; } .pagination-section .vertical-center.post-home{ padding: 40px 0px; } .nav-text a { font-size: 16px; font-family: 'Montserrat',sans-serif; font-weight: 500; line-height: 27px; letter-spacing: 8px; } .next-post { text-align: right; } .nav-text h5 { font-size: 16px; font-family: 'Montserrat',sans-serif; font-weight: 500; line-height: 27px; } .nav-text h5 a { letter-spacing: 1px; } @media(min-width:768px){ .post-home{ text-align: center; margin: 0; width: 15%; border-left: 1px solid rgba(0, 0, 0, .15); margin-left: 4%; border-right: 1px solid rgba(0, 0, 0, .15); } } @media(max-width:767px){ .prev-post { text-align: center; } .pagination-section .vertical-center { text-align: center; } } /*============================================================================ Comment Section Styling ==============================================================================*/ .comment-section{ padding:75px 0; } .comment-section h2{ margin-bottom: 45px; } body .container-fluid .row-fluid .comment-section form input, body .container-fluid .row-fluid .comment-section form select, body .container-fluid .row-fluid .comment-section form textarea{ border-radius:6px; } /*====================================================================================== Blog Pagination Styling =====================================================================================*/ .ias-trigger{ margin: 0 auto; float: none; text-align: center; padding: 70px 0px; } body.blog-360-style2 .ias-trigger a { font-size: 16px; line-height: 26px; font-weight: bold; font-family: 'Open Sans', sans-serif; cursor: pointer; text-align: center; display: inline-block; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; border-radius: 2px; margin-bottom: 0; position: relative; z-index: 1; background: #00c957; color: #fff; letter-spacing: 0; padding: 13px 47px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; } body.blog-360-style2 .ias-trigger a:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #04082d; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } body.blog-360-style2 .ias-trigger a:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); color: #fff; } /*================================================================ Pricing Page Styling =================================================================*/ body .container-fluid .row-fluid .popup-content{ display:none; } body .container-fluid .row-fluid .popup-content.event1{ display:block; } ul#filter-select { text-align: center; margin: 0; } ul#filter-select li:first-child{ border-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-left:0; } ul#filter-select li:last-child{ border-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; } ul#filter-select li { display: inline-block; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #fff; padding: 27px 25px; width: 215px; margin: 0; font-size: 26px; line-height: 36px; font-weight: bold; letter-spacing: 1px; cursor: pointer; float: none; text-align:left; margin-left: -5px; border-left: 1px solid #dcdcdc; } ul#filter-select li.active { background-color:#04082d; color: #fff; } ul#filter-select li:before { display: none; } .popup-content{ padding-top: 70px; } .popup-content h3{ font-size: 45px; line-height: 55px; } .popup-content h4 { font-size: 26px; line-height: 36px; margin-bottom:30px; } .popup-content h5 { font-size: 16px; line-height: 26px; } .cta-top-space{ margin-top:30px; } .list-items ul{ margin:0; } .list-items li { margin-bottom: 20px; margin-left:0; position: relative; padding-left: 15px; padding-right: 10px; } .list-items li:before { content: "\f058"; left: -11px; top: 0; position: absolute; font-size: 18px; line-height: 28px; font-family: FontAwesome; color:#04082d; background: transparent; } @media(min-width:768px){ .popup-content .left-col{ border-right: 1px solid #f2f2f2; padding-right: 40px; } .popup-content .right-col{ padding-left: 30px; } .pricing-faq .left-col { padding-right: 0px; } } @media(max-width:1024px) and (min-width:768px){ ul#filter-select li{ width: 185px; } ul#filter-select li { padding: 31px 17px; } .popup-content .right-col { padding-left: 15px; } } @media(max-width:767px){ .pricing-hero{ padding: 169px 0px 150px; } .pricing-section2{ padding: 55px 0px 0; } .body-container-wrapper .list-items ul { padding-top: 40px; } .list-items li { margin-left: 20px; } ul#filter-select li{ display:block; margin-bottom:20px; width: 100%; padding: 7px 0px; border-radius:0; text-align:center; border-left:none; } ul#filter-select li:first-child{ border-radius:0; } .popup-content { padding-top: 30px; } ul#filter-select li:last-child{ border-radius:0; } } /*================================================================== End of Pricing Section ====================================================================*/ /*================================================================== Prcing Faq Section ====================================================================*/ .pricing-faq{ padding:75px 0 100px; position:relative; z-index:2; background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); } .pricing-faq h3{ font-size: 16px; font-weight: bold; line-height: 25px; letter-spacing: 0.02px; } .pricing-faq p{ font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: 0.02px; } .faq-col { padding-top: 50px; } .pricing-faq .small-heading-width h2 { margin-bottom: 0px; } @media(min-width:768px){ .pricing-faq .left-col{ padding-right: 40px; } .pricing-faq .right-col{ padding-left: 40px; } } body .container-fluid .row-fluid .pricing-faq .small-heading-width { margin: 0 auto 6px; } /*================================================================ End Of prcing page =================================================================*/ /*================================================================ Faq Page Styling =================================================================*/ .faq-section-spacing{ padding:100px 0; } .faq-section1 h2{ padding: 8px 0px 51px; margin: 0; } .faq-section1 .right-col{ background:; position:relative; right: -117px; } .faq-section1 .right-col:after{ content:""; position:absolute; width:300%; right:-300%; background:; height:100%; top:0; } .faq-section1 .image-left{ position: relative; left: -84px; } .faq-section2{ padding-top: 75px; position: relative; z-index: 2; } @media(max-width:767px){ body .row-fluid .faq-section1 .right-col{ display:none; } .faq-section1 { padding: 70px 0px 0; } } .accordion_group.expanded h4:after { background-color:#04082d; } /************************** resources styling start *********************/ .resource-hero { padding: 240px 0px 240px; } body .row-fluid .resource-section2 .filter-cm-container.three-col-adjust span>.hs_cos_wrapper { margin-right: 2%; position: relative !important; top: 0px !important; margin-top: 24px !important; margin-left: 0; padding-bottom: 10px; left: 0!important; transform: translate3d(0px, 0px, 0px)!important; transition-duration: 0.1s!important; transition-delay: 0ms!important; } /************************** resources styling start *********************/ .resource-section2 .filter-cm-container .filter-module-cm .image-container { width: 100%; min-height: 250px; } .resource-section2 .filter-cm-container .filter-module-cm .heading-container { margin: 20px 0; } /*================================================================ Resource Page =================================================================*/ /*************** resource page style **************/ @media(max-width:1024px){ .resource-hero { padding: 170px 0px 150px; } } @media(max-width:767px){ .resource-hero { padding: 120px 0px 90px; } } .resource-section1-sub { padding: 50px 0 10px; } .resource-section1-sub .filter-by-content { width: 100%; max-width: 150px; position:relative; cursor:pointer; } .resource-section1-sub .filter-by-content:after{ position: absolute; content: ""; top: 0; right: 0; bottom: 0; background: url(https://2098094.fs1.hubspotusercontent-na1.net/hubfs/2098094/Thomabravo/Images/fill-57.svg)no-repeat; width: 30px; height: 30px; transition: 0.3s all ease-in-out; } .resource-section1-sub .filter-by-content.open-slide:after { transform: rotate(90deg); transition: 0.3s all ease-in-out; } .resource-filter-container{ position:relative; } .row-fluid .resource-section1 { padding: 50px 0; background: #04082d; position: absolute; z-index: 4; margin-top: 0px; padding: 20px 0 50px; display: none; top: 100px; left: 0px; right: 0; } @media(max-width:767px){ .row-fluid .resource-section1 { top: 170px; } } .resource-section2 { padding: 10px 0 100px; min-height:880px!Important; } .row-fluid .resource-section2 .resource-filter-cm-container { min-height: 250px; } .resource-section2 .resource-filter-cm-container .filter-module-cm .content-container { padding: 10px 30px 50px; } body .row-fluid .resource-section2 .filter-cm-container.three-col-adjust span>.hs_cos_wrapper { border: 1px solid #e7e7e7; margin-top: 44px !important; } .resource-section2 .resource-filter-cm-container .filter-module-cm .cta-container { margin-top: 50px; } @media(max-width:767px){ .resource-section1-sub .filter-by-content { margin-top: 20px; } .resource-filter-container .resource-section1-sub .wrapper .row-fluid { display: flex; flex-direction: column-reverse; } .resource-section1 .left-col.filter-data-group { margin-bottom: 40px; } } /**************** resource section styling end **************/ /******************** team styling start *****************/ .team-section1 { padding: 100px 0; } body .row-fluid .team-cm-container.three-col-adjust span>.hs_cos_wrapper { margin-top: 60px; } .team-section1 .team-profile-cm .image-container { min-height: 240px; position:relative; } .team-section1 .team-profile-cm .content-container { padding: 10px 0; position: absolute; bottom: -10px; left: 10px; } .team-section1 .team-profile-cm .content-container h4 { letter-spacing: 1.2px; margin-bottom: 5px; } .team-section1 .right-col { margin-top: 2.43%; } /******************** team styling end *****************/ /********************** About Banner Section Styling Start *****************/ .about-banner-section{ padding:200px 0 100px; } .pricing-banner-section{ padding: 200px 0 103px; } .about-banner-section .heading-container h1{ color:#04082d; } .about-banner-section .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; font-weight:normal; } body .row-fluid .about-banner-section .heading-container{ max-width:775px; margin:0 auto; float:none; } @media(max-width:767px){ .about-banner-section .heading-container p{ font-size: 20px; line-height: 30px; } .about-banner-section { padding: 165px 0 42px; } } /******************** About Section1 Styling Start *******************/ .about-section1{ padding:55px 0px 120px; } .about-section1 .heading-text-cm-img a.cta_button{ color:#04082d; text-decoration:underline; font-weight:600; } @media(max-width:767px){ .about-section1{ padding: 25px 0 60px; } } /*************** About Section2 Styling ******************/ .about-section2{ padding:100px 0 200px; background:#04082d; position:relative; z-index:2; } .about-section2:after{ position: absolute; background: #fff; bottom: -190px; left: 0px; right: -30px; width: auto; height: 280px; transform: rotate(-2deg); content: ''; z-index: -1; } .about-section2 .counter-cm-version2 .number-container h2{ font-size:44px; letter-spacing:0.06px; } .about-section2 .counter-cm-version2 .number-container p{ line-height:25px; letter-spacing:0.02px; font-weight:500; } .about-section2 .counter-cm-version2 .four-col-adjust span>.hs_cos_wrapper{ position:relative; } .about-section2 .counter-cm-version2 .four-col-adjust span>.hs_cos_wrapper:after{ position: absolute; right: 50px; top: 20px; bottom: 30px; content: ''; background: #fff; width: 1px; } .about-section2 .counter-cm-version2 .four-col-adjust span>.hs_cos_wrapper:last-child:after{ display:none; } @media(max-width:1024px){ .about-section2 .counter-cm-version2 .four-col-adjust span>.hs_cos_wrapper:after{ right: 10px; } } @media(max-width:767px){ .about-section2{ padding: 40px 0 110px; } .about-section2:after{ height: 230px; } .about-section2 .counter-cm-version2 .four-col-adjust span>.hs_cos_wrapper:after{ display:none; } } /****************** About Section3 Styling Start *******************/ .about-section3{ padding:100px 0 110px; } .about-section3 .left-col{ padding-right:120px; } .about-section3 .left-col h2{ margin-bottom:25px; } .about-section3 .right-col .image-container{ position:relative; } .about-section3 .right-col .image-container .play-icon{ position:absolute; left:0; right:0; top:29%; margin:0 auto; cursor:pointer; } @media(max-width:1024px){ .about-section3 .left-col{ padding-right: 40px; } .about-section3 { padding: 40px 0 30px; } .about-section3 .right-col .image-container .play-icon{ max-width:90px; } .about-section3 .right-col .image-container img{ height:auto; } } @media(max-width:767px){ .about-section3 .left-col{ padding-right:0; margin-bottom:30px; } } /************************** About Section4 Styling Start *******************/ .about-section4{ padding:100px 0 90px; } body .row-fluid .about-section4 .team-version2-cm .image-container{ height:188px; width:100%; max-width:188px; border-radius:50%; margin:0 auto 30px; float:none; position:relative; } body .row-fluid .about-section4 .team-version2-cm .image-container:after{ position: absolute; top: 19px; right: 8px; content: ''; background: #000000; width: 30px; height: 30px; border-radius: 50%; } .about-section4 .team-version2-cm .name-container h3{ font-size:22px; letter-spacing:0; margin-bottom:5px; } .about-section4 .team-version2-cm .designation p{ font-size:16px; letter-spacing:0; } .about-section4 .heading-container{ margin-bottom:30px; } .about-section4 .four-col-adjust span>.hs_cos_wrapper{ margin-bottom:17px; } @media(max-width:1024px){ .about-section4{ padding: 100px 0 50px; } .service-section { padding: 60px 0px 70px; } } @media(max-width:767px){ .about-section4{ padding: 50px 0 30px; } } /******************* About Section5 Styling *******************/ @media(max-width:1024px){ .about-section5{ padding: 80px 0px 65px; } .about-section5 h2 { margin-bottom: 96px; } } @media(max-width:767px){ .about-section5 h2{ margin-bottom: 55px; } .about-section5 { padding: 50px 0px 35px; } } /********************** About Section6 Styling Start **********************/ .about-section6{ padding:40px 0; } .about-section6 ul { margin: 0; text-align: center; list-style-type:none; } .about-section6 ul li { display: inline-block; vertical-align: middle; margin: 0; padding: 0px 30px; } .about-section6 ul li:before { display: none; } .about-section6 .heading-text-space{ padding-top:20px; } @media(max-width:1024px){ .about-section6 ul li{ padding: 10px 30px; } } @media(max-width:767px){ .about-section6 ul li{ display:block; } } /*============================================================ Pricing Page Styling Start ==============================================================*/ body .row-fluid .ps1-pricing-3-section-1 .wrapper{ max-width:1200px; } .ps1-pricing-3-section-1{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); position:relative; z-index:2; padding:100px 0 150px; } .ps1-pricing-3-section-1 .table-container>span>div{ background:#fff; box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.18); border-radius:6px; } .ps1-pricing-3-section-1 .pricing-3 .features li, .ps1-pricing-3-section-1 .pricing-3 .features p{ font-size: 17px; } .ps1-pricing-3-section-1 .pricing-3 .features ul{ list-style:none; margin:0; } .ps1-pricing-3-section-1 .pricing-3 .features li{ position: relative; padding: 12px 0; font-size:14px; line-height:25px; font-weight:normal; margin:0; } .ps1-pricing-3-section-1 .pricing-3 .features li:before{ position: absolute; left: -17px; top: 21px; content: ''; background: #000; width: 4px; height: 4px; border-radius: 50%; } .ps1-pricing-3-section-1 .pricing-3 .features li:after{ position:absolute; left:0; bottom:0; content:''; border-bottom:1px dotted #d3d3d3; left:-40px; right:-40px; } .ps1-pricing-3-section-1 .pricing-3 .cost .small-text{ font-size: 6px; font-weight:bold; margin-left: 0px; } .ps1-pricing-3-section-1 .pricing-3 sup{ font-size: 24px; font-weight: 300; margin-right: 4px; } .ps1-pricing-3-section-1 .pricing-3 .cost{ background: #f6fbff; padding: 10px 0; font-size: 30px; font-weight: 600; } .ps1-pricing-3-section-1 .pricing-3 .heading{ padding: 20px 30px 20px; position:relative; } .ps1-pricing-3-section-1 .pricing-3 .heading h3{ font-weight:bold; } .ps1-pricing-3-section-1 .pricing-3 .features{ padding: 10px 40px 50px; } .ps1-pricing-3-section-1 .pricing-3 .cta{ padding: 10px 40px 15px; position:absolute; left:0; right:0; bottom:-20px; margin:0 auto; text-align:center; } .ps1-pricing-3-section-1 .pricing-3 .cost .month, .ps1-pricing-3-section-1 .pricing-3 .cost .year{ display:none; } .ps1-pricing-3-section-1 .pricing-3.plan-monthly .cost .month{ display:inline-block; } .ps1-pricing-3-section-1 .pricing-3.plan-monthly .cost h2 span.currency{ font-size:24px; font-weight:bold; } .ps1-pricing-3-section-1 .pricing-3.plan-monthly .cost h2{ font-size:34px; font-weight:bold; } .ps1-pricing-3-section-1 .pricing-3.plan-yearly .cost .year{ display:inline-block; } .ps1-pricing-3-section-1 .tabber-container ul{ display: inline-block; list-style: none; text-align: center; margin: 0; border: 1px solid #e7e7e7; border-radius: 60px; background:#fff; overflow:hidden; } .ps1-pricing-3-section-1 .tabber-container{ margin:20px 0 40px; } .ps1-pricing-3-section-1 .tabber-container ul li{ margin: 0; display: inline-block; padding: 20px 40px; border-radius: 60px; position: relative; z-index: 1; overflow: visible; font-size: 16px; cursor: pointer; } .ps1-pricing-3-section-1 .tabber-container ul li.active:before{ position:absolute; content:''; top:0; left:0; right:0; bottom:0; background:#04082d; z-index:-1; } .pricing-3-client{ padding:0 0 70px; } .ps1-pricing-3-faq .faq-container{ margin-top:50px; } .ps1-pricing-3-faq .accordion_header{ margin-bottom:20px; } .ps1-pricing-3-faq .accordion_group{ margin-top:50px; } .ps1-pricing-3-faq .home-testimonial .testimonial-container p{ font-size:16px; } body .row-fluid .ps1-pricing-3-faq .home-testimonial{ padding: 60px 50px; } body .row-fluid .lp-demo1-pricing-cm .heading-container{ max-width:570px; margin:0 auto 50px; float:none; } .lp-demo1-pricing-cm .cm-section .three-col-adjust span>.hs_cos_wrapper{ padding-bottom: 120px; background: #fff; position: relative; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; overflow:hidden; margin:0; } .lp-demo1-pricing-cm .cm-section .three-col-adjust span>.hs_cos_wrapper:nth-child(2){ bottom: -29px; margin-top: -59px; } .lp-demo1-pricing-cm .cm-section .three-col-adjust span>.hs_cos_wrapper:nth-child(2) .pricing-3 .heading{ padding: 50px 30px 20px; } body .row-fluid .lp-demo1-pricing-cm .cm-section .three-col-adjust span{ margin:0; justify-content:center; } .ps1-pricing-3-section-1 .pricing-3 .image-container{ position:absolute; bottom:0; left:0; right:0; margin:0; } .ps1-pricing-3-section-1 .pricing-3 .image-container img{ width:100%; } @media(max-width:1024px){ .ps1-pricing-3-section-1 .tabber-container ul li{ padding:12px 40px; } .ps1-pricing-3-section-1 .pricing-3 .cost{ height: 110px; padding:20px 0 0; } .ps1-pricing-3-section-1 .pricing-3 .features{ padding: 10px 20px 0px; } .ps1-pricing-3-section-1 .pricing-3 .cta a.cta_button{ padding:14px 27px; } .ps1-pricing-3-section-1 .pricing-3 .features li, .ps1-pricing-3-section-1 .pricing-3 .features p{ font-size:13px; } .ps1-pricing-3-section-1 .pricing-3 .features ul{ margin-left:20px; } body .row-fluid .ps1-pricing-3-section-1 .pricing-3 .cta a.cta_button { padding: 14px 36px; } .ps1-pricing-3-section-1 .pricing-3 .image-container { bottom: -29px; } } @media(max-width:767px){ .lp-demo1-pricing-cm .cm-section .three-col-adjust span>.hs_cos_wrapper{ margin-bottom: 75px; } .ps1-pricing-3-section-1{ padding-bottom:0; } .pricing-banner-section.about-banner-section{ padding: 180px 0 90px; } } /*================================================================ Contact Page Styling Start ==================================================================*/ /**************** Contact Section1 Styling **********************/ .contact-v1-section1{ padding:278px 0 70px; } .contact-v1-section1 .heading-container h1{ color:#04082d; } .contact-v1-section1 .heading-container{ margin-bottom:150px; } .contact-v1-section1 .right-col{ margin-left:0; width:50%; padding: 0 70px; padding-right:0; } .contact-v1-section1 .left-col{ width:50%; position:relative; } body .row-fluid .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper{ flex-basis:38.7%; -webkit-flex-basis: 47.4%; box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.12); float: left; margin-top:0; margin-right: 0%; padding:36px 55px; transition:0.3s all ease-in-out; background:#fff; } .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper:nth-child(2n):after{ position: absolute; left: -2px; top: 0px; bottom: 0px; content: ''; background: #e4e4e4; width: 2px; } .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper:nth-child(2n){ padding-left:40px; margin-left:2%; } .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper:before{ position: absolute; left: 0; right: 0; bottom: 0px; content: ''; background: #04082d; height: 9px; display: none; transition:0.3s all ease-in-out; } .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper:hover:before{ display:block; transition:0.3s all ease-in-out; } .contact-v1-section1 .left-col:after{ position: absolute; right: -2px; top: -37px; bottom: -37px; content: ''; background: #e4e4e4; width: 2px; } .contact-v1-section1 .cm-section h3{ letter-spacing:0.03px; } .contact-v1-section1 .cm-section p{ font-size:20px; line-height:40px; letter-spacing:0; } @media(max-width:1024px){ .contact-v1-section1{ padding: 208px 0 70px; } .contact-v1-section1 .heading-container { margin-bottom: 50px; } .contact-v1-section1 .cm-section p { font-size: 20px; line-height: 30px; } } @media(max-width:767px){ .contact-v1-section1{ padding: 150px 0 20px; } .contact-v1-section1 .heading-container { margin-bottom: 30px; } body .row-fluid .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper{ padding: 26px 15px; } .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper:nth-child(2n):after{ display:none; } .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper:nth-child(2n){ margin-left:0; } body .row-fluid .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper{ box-shadow: 0 33px 83px 0 rgba(0,0,0,0.17); background: #fff; margin-bottom:20px; max-width:100%; -webkit-flex-basis: 100%; flex-basis: 100%; } } /****************** Contact Section2 Styling Start *******************/ .contact-section2{ padding:20px 0 137px; } .contact-section2 .left-col{ padding-right:110px; } .contact-section2 .right-col .form-container{ background:#fff; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); padding: 76px 59px 96px; border-radius:8px; } .hubspot-link__container.sproket{ display:none; } body .row-fluid .contact-section2 form input::placeholder, body .row-fluid .contact-section2 form textarea::placeholder{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; } body .row-fluid .contact-section2 form textarea{ resize:none; } body .row-fluid .contact-section2 form input:focus::placeholder, body .row-fluid .contact-section2 form textarea:focus::placeholder{ } body .row-fluid .contact-section2 form input, body .row-fluid .contact-section2 form textarea{ padding: 10px 0 20px; } body .row-fluid .contact-section2 form .actions{ text-align:right; } body .row-fluid .contact-section2 form .hs-button{ padding: 14px 75px; text-transform:uppercase; } @media(max-width:1024px){ .contact-section2 .left-col{ padding-right: 20px; } .contact-section2 .right-col .form-container{ padding: 45px 35px 65px; } .contact-section2 { padding: 20px 0 95px; } } @media(max-width:767px){ .contact-section2 .left-col{ padding-right: 0; margin-bottom: 30px; } .contact-section2 .right-col .form-container { padding: 30px 25px 55px; } .contact-section2 { padding: 20px 0 75px; } } /******************* Contact Map Cm Section Styling *****************/ .contact-map-cm{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); padding:100px 0; position:relative; z-index:1; } .contact-map-cm .cm-container{ box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding:19px 22px; border-radius:4px; position:relative; z-index:1; cursor:pointer; margin-top: -251px; } body .container-fluid .row-fluid .contact-map-cm .three-col-adjust>span{ margin-right: -4.43%; } body .row-fluid .contact-map-cm .three-col-adjust span>.hs_cos_wrapper{ flex-basis: 28.7%; -webkit-flex-basis: 28.7%; margin-right: 4.43%; transition:0.4s all ease-in-out; flex-direction:column; -webkit-flex-direction:column; } .contact-map-cm .cm-container h4{ font-size:18px; letter-spacing:0.02px; margin-bottom:58px; } .contact-map-cm .cm-container .address-container{ margin-bottom:30px; } .contact-map-cm .cm-container .contact-container{ margin-bottom:55px; } .contact-map-cm .cm-container .cta-container a.cta_button{ color:#04082d; font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; text-decoration:underline; } .contact-map-cm .cm-container{ transition:0.4s all ease-in-out; margin-top:0; } .contact-map-cm .map-container{ position: absolute; left: -30px; right: -30px; top: -134px; margin: 0 auto; z-index: -1; width: 109%; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.21); border-radius:8px; transition:0.4s all ease-in-out; } .contact-map-cm .three-col-adjust span>.hs_cos_wrapper.active .cm-container{ margin-top: -251px; } .contact-map-cm .three-col-adjust span>.hs_cos_wrapper:hover .map-container{ display:block; transition:0.4s all ease-in-out; } .contact-map-cm .three-col-adjust span>.hs_cos_wrapper:hover .cm-container{ margin-top: -251px; } .contact-map-cm .heading-container{ margin-bottom: 224px; } @media(max-width:1024px){ .contact-map-cm{ padding:60px 0; } .contact-map-cm .map-container{ opacity:1; left: -6px; right: 0; top: -95px; margin: 0 auto; float: none; text-align: center; width:105%; } body .row-fluid .contact-map-cm .three-col-adjust span>.hs_cos_wrapper{ flex-basis: 30.7%; -webkit-flex-basis: 30.7%; margin-right: 2.43%; } .contact-map-cm .heading-container { margin-bottom: 145px; } } @media(max-width:767px){ .contact-map-cm .heading-container{ margin-bottom: 135px; } body .row-fluid .contact-map-cm .three-col-adjust span>.hs_cos_wrapper{ margin-bottom:140px; } body .row-fluid .contact-map-cm .three-col-adjust span>.hs_cos_wrapper:last-child{ margin-bottom:0; } } /*====================================================== Contact Us2 Page Styling Start =========================================================*/ .contact-version2-section1{ padding: 209px 0 120px; } .contact-version2-section1 .left-col .heading-container h1{ color:#04082d; } .contact-version2-section1 .left-col .heading-container{ margin-bottom:40px; } .contact-version2-section1 .left-col a{ font-size:24px; line-height:42px; letter-spacing:0; font-weight:600; } .contact-version2-section1 .left-col{ padding-right: 70px; } @media(max-width:767px){ .contact-version2-section1{ padding: 165px 0 70px; } .contact-version2-section1 .left-col { padding-right: 0; } } /****************** Service Page Styling Start *******************/ /******************* Service Section1 Styling Start *************/ .service-section1{ padding: 200px 0 4px; position:relative; } .service-section1 .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; } body .row-fluid .service-section1 .heading-container{ max-width:775px; margin:0 auto 113px; float:none; } body .row-fluid .service-section1 .service-image-text-cm .cm-container{ box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border-radius:5px; padding:45px 26px; max-width:239px; margin:-190px auto 0; float:none; position:relative; transition:0.3s all ease-in-out; } .service-section1 .service-image-text-cm .image-container{ height:369px; border-radius: 6px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); } body .row-fluid .service-section1 .three-col-adjust span>.hs_cos_wrapper{ flex-basis: 29.5%; -webkit-flex-basis: 29.5%; margin-right: 3.8%; transition:0.3s all ease-in-out; cursor:pointer; margin-bottom:47px; } .service-image-text-cm .cta-container a.cta_button{ font-size:16px; line-height:25px; letter-spacing:0.02px; color:#04082d; font-weight:600; text-decoration:underline; } .service-image-text-cm .cta-container{ margin-top:20px; } .service-section1 .three-col-adjust span>.hs_cos_wrapper:hover .cm-container{ transform:translateY(-20px); transition:0.3s all ease-in-out; } @media(max-width:1130px) and (min-width:1025px){ body .row-fluid .service-section1 .service-image-text-cm .cm-container{ max-width: 200px; } } @media(max-width:1024px){ .service-section1{ padding: 170px 0 0px; } body .row-fluid .service-section1 .heading-container { margin: 0 auto 45px; } body .row-fluid .service-section1 .three-col-adjust span>.hs_cos_wrapper:nth-child(3n){ margin-right:0; } body .row-fluid .service-section1 .three-col-adjust span>.hs_cos_wrapper{ -webkit-flex-basis: 31.6%; margin-right: 1.8%; flex-basis: 31.6%; } body .row-fluid .service-section1 .service-image-text-cm .cm-container{ padding: 25px 15px; max-width: 159px; margin: -260px auto 0; } } @media(max-width:767px){ .service-section1{ padding: 167px 0 0px; } .service-section1 .heading-container p { font-size: 22px; line-height: 34px; } body .row-fluid .service-section1 .service-image-text-cm .cm-container { max-width: 269px; margin: -160px auto 0; } body .row-fluid .service-section1 .heading-container { margin: 0 auto 62px; } .service-section1 .service-image-text-cm .image-container { height: 320px; } } .service-section3.home-section3 { padding: 109px 0px 105px; } @media(max-width:767px){ .service-section3.home-section3 { padding: 109px 0px 30px; } } /*================================================================= Resource Page Styling Start ===================================================================*/ /**************** Resource Section1 Styling ***********************/ .resource-banner{ padding:276px 0 100px; } .resource-banner .heading-container h1{ color:#04082d; } .resource-banner .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; } body .row-fluid .resource-banner .heading-container{ max-width:775px; margin:0 auto; float:none; } @media(max-width:1024px){ .resource-banner { padding: 185px 0 100px; } } @media(max-width:767px){ .resource-banner { padding: 155px 0 60px; } .resource-banner .heading-container p { font-size: 20px; line-height: 33px; } } /********************************************************************************** ********************************Resource Page************************************* ***********************************************************************************/ .hs-search-field--open .hs-search-field__suggestions { border: 1px solid #e2e5fc!important; line-height: 1.5!important; padding: 16px!important; } .hs-search-field--open .hs-search-field__suggestions a:hover,.hs-search-field .hs-search-field__suggestions a:focus{ background-color: #e2e5fc!important; } body .ps1-resource-1-section .row-fluid .two-col-adjust span>.hs_cos_wrapper{ transition: all .16s ease-in-out; margin-bottom:320px; position:relative; flex-basis: 43.1%; -webkit-flex-basis: 43.1%; margin-right: 6.9%; } body .row-fluid .ps1-resource-1-section .image-container{ height: 280px; width: 100%; max-width: 195px; margin: 0 auto; float: none; position: absolute; left: 0; right: 0; top: -220px; } .ps1-resource-1-section .video-container a.play-video{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -130px; width: 100%; max-width: 324px; } .ps1-resource-1-section .video-container a.play-video img.play-icon{ position: absolute; top: 19%; left: 0; right: 0; margin: 0 auto; text-align: center; box-shadow:none; } .ps1-resource-1-section .video-container a.play-video img{ box-shadow: 30px 22px 34px 0 rgba(0, 0, 0, 0.19); } .ps1-resource-1-section { padding: 307px 0 95px; } .ps1-resource-1-section .image-container{ overflow: hidden; } body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm { width: 100%; box-shadow: none; } .ps1-resource-1-section .ps1-resource-1-cm .description { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding:106px 54px 32px; border-radius:4px; } .ps1-resource-1-section .ps1-resource-1-cm .button-container a{ background:transparent; font-size:16px; line-height:25px; letter-spacing:0.02px; padding:0; box-shadow:none; font-weight:bold; text-decoration:underline; text-transform:capitalize; } .ps1-resource-1-section .ps1-resource-1-cm a { text-align: center; display: inline-block; text-transform: uppercase; padding: 13px 22px; font-size: 16px; line-height: 1; color: #fff; bottom: 10px; width: auto; font-weight: 500; border-radius: 4px; transition: all .15s ease; } .ps1-resource-1-section .ps1-resource-1-cm h5 { padding-bottom: 6px; overflow: hidden; text-align: center; padding-top: 8px; } .ps1-resource-1-section .ps1-resource-1-cm h4 { font-size: 24px; font-weight: bold; letter-spacing: 0.03px; } body .row-fluid .ps1-resource-1-cm .wistia_embed{ width:100%; max-width:324px; margin:0 auto; float:none; } body .row-fluid .ps1-resource-1-cm iframe{ width:100%; max-width:324px; margin:0 auto; float:none; } .topic-select{ display:none!important; } body .row-fluid .filter-cm-container.custom-four-col-adjust span>.hs_cos_wrapper, body .row-fluid .filter-cm-container.two-col-adjust span>.hs_cos_wrapper { position: relative !important; top: 0px !important; margin-top: 24px !important; margin-left: 0; padding-bottom: 10px; left: 0!important; transform: translate3d(0px, 0px, 0px)!important; transition-duration: 0.1s!important; transition-delay: 0ms!important; cursor: pointer; } body .row-fluid .filter-cm-container.custom-four-col-adjust span>.hs_cos_wrapper.type-1 a.play-button, body .row-fluid .filter-cm-container.two-col-adjust span>.hs_cos_wrapper.type-1 a.play-button{ display:none; } body .row-fluid .filter-cm-container.custom-four-col-adjust span>.hs_cos_wrapper.type-1 a.download-ebook, body .row-fluid .filter-cm-container.two-col-adjust span>.hs_cos_wrapper.type-1 a.download-ebook{ display:block; } body .row-fluid .filter-cm-container.custom-four-col-adjust span>.hs_cos_wrapper.type-2 a.play-button body .row-fluid .filter-cm-container.two-col-adjust span>.hs_cos_wrapper.type-2 a.play-button{ display:block; } body .row-fluid .filter-cm-container.custom-four-col-adjust span>.hs_cos_wrapper.type-2 a.download-ebook, body .row-fluid .filter-cm-container.two-col-adjust span>.hs_cos_wrapper.type-2 a.download-ebook{ display:none; } body .ps1-resource-1-section.res1 .row-fluid .custom-four-col-adjust span>.hs_cos_wrapper:nth-last-child(2), body .ps1-resource-1-section.res1 .row-fluid .custom-four-col-adjust span>.hs_cos_wrapper:last-child, body .ps1-resource-1-section.res1 .row-fluid .two-col-adjust span>.hs_cos_wrapper:nth-last-child(2), body .ps1-resource-1-section.res1 .row-fluid .two-col-adjust span>.hs_cos_wrapper:last-child{ margin-bottom: 0; } .filter-cm-container.custom-four-col-adjust span>.hs_cos_wrapper .button-container, .filter-cm-container.two-col-adjust span>.hs_cos_wrapper .button-container{ margin-top:30px; position:relative; } .filter-cm-container.two-col-adjust span>.hs_cos_wrapper .button-container a.download-ebook{ position: absolute; right: -97%; top: -19px; content: ''; } .filter-cm-container.custom-four-col-adjust span>.hs_cos_wrapper .button-container a.download-ebook{ position: absolute; right: -81%; content: ''; } .filter-cm-container.two-col-adjust span>.hs_cos_wrapper .button-container a.play-video2{ position: absolute; right: -97%; top: -19px; content: ''; } .filter-cm-container.custom-four-col-adjust span>.hs_cos_wrapper .button-container a, .filter-cm-container.two-col-adjust span>.hs_cos_wrapper .button-container a{ position:relative; width:100%; text-align:left; } .data-filter .button-group .button{ background:transparent; font-size:20px; letter-spacing:-0.6px; font-weight:500; font-family: 'Open Sans',sans-serif; border:none; color:#fff; padding-right:40px; cursor:pointer; } .data-filter .button-group .button:focus{ outline:none; } .search-container .search-field p{ margin-bottom:0; } .search-field form input::placeholder{ font-size:15px; letter-spacing:0; font-style:normal; font-weight:norma; } .ps1-resource-1-cm .video-container a{ padding:0; } /*================================================== Filter Section ==================================================*/ .ps1-resource-1-filter{ padding: 13px 0; background:#04082d; position:relative; z-index:2; } .ps1-resource-1-filter .filter-items button { font-size: 16px; font-weight: bold; font-style: normal; line-height: 1; letter-spacing: 1px; text-align: center; background-image: none!important; box-shadow: none!important; background-color: transparent; border: 1px solid #e7e7e7; border-radius: 4px; padding: 15px 27px; margin-right: 11px; cursor:pointer; } .ps1-resource-1-filter .filter-items button.button.is-checked { } .ps1-resource-1-filter .filter-items button:focus { outline: 0; } .ps1-resource-1-filter .search-section{ position:relative; } .ps1-resource-1-filter .search-trigger { position: absolute; left: 10px; top: 10px; height: 31px; overflow: hidden; width: 18px; z-index:1; } body .ps1-resource-1-filter .row-fluid .search-container { position:relative; float: right; max-width:331px; } .data-filter .button-group{ margin-top:10px; } body .row-fluid .ps1-resource-1-section .element-item{ position:static!important; } body .ps1-resource-1-filter .row-fluid .text-search{ background-color: #f5f7fa; border-radius: 0; height: 46px; font-size: 14px; line-height: 20px; padding: 10px 38px 10px 41px; -webkit-appearance: none; -moz-appearance: none; font-weight: 100; font-style: normal; box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1); letter-spacing: 1px; margin-bottom:0px; max-width:331px; float:right; border:none; border-radius:2px; } body .ps1-resource-1-filter .row-fluid .text-search:focus{ outline: 0; border:1px solid #04082d; } body .ps1-resource-1-filter .row-fluid .text-search img{ display:none; } @media(max-width:1024px){ .ps1-resource-1-filter .search-trigger{ left: 15px; } .ps1-resource-1-section { padding: 275px 0 95px; } .ps1-resource-1-section .ps1-resource-1-cm .description{ padding: 106px 30px 32px; } .filter-cm-container.two-col-adjust span>.hs_cos_wrapper .button-container a.download-ebook { right: -84%; } .filter-cm-container.two-col-adjust span>.hs_cos_wrapper .button-container a.play-video2 { right: -84%; } .ps1-resource-1-section .video-container a.play-video{ max-width:254px; } body .container-fluid .row-fluid .ps1-resource-1-section .two-col-adjust>span{ margin-right: -7.5%; } } @media(max-width:767px){ .ps1-resource-1-filter .filter-data-group{ text-align:center; margin-bottom:20px; } body .ps1-resource-1-filter .row-fluid .text-search{ max-width:100%; float:none; } body .ps1-resource-1-filter .row-fluid .search-container{ max-width:100%; } body .ps1-resource-1-filter .row-fluid .search-container { float: none; } .ps1-resource-1-filter { padding: 13px 0 24px; } .data-filter #filters .button{ padding:0 20px; } body .container-fluid .row-fluid .two-col-adjust>span { margin-right: 0; } body .ps1-resource-1-section .row-fluid .two-col-adjust span>.hs_cos_wrapper:nth-last-child(2){ margin-bottom: 250px; } body .ps1-resource-1-section .row-fluid .two-col-adjust span>.hs_cos_wrapper:last-child(1){ margin-bottom: 0px; } body .ps1-resource-1-section .row-fluid .two-col-adjust span>.hs_cos_wrapper{ margin-bottom:250px; } .ps1-resource-1-section { padding: 275px 0 50px; } body .container-fluid .row-fluid .two-col-adjust>span{ height:auto!important; } body .ps1-resource-1-section .row-fluid .two-col-adjust span>.hs_cos_wrapper{ max-width:100%; flex-basis: 100%; -webkit-flex-basis: 100%; margin-right:0; } } /*======================================================== Team Page Styling Start ==========================================================*/ /************* Team Section1 Styling *****************/ .team-ver2-section1{ padding:278px 0 200px; } .team-ver2-section1 .heading-container h1{ color:#04082d; } .team-ver2-section1 .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; font-weight:normal; } body .row-fluid .team-ver2-section1 .heading-container{ max-width:775px; margin:0 auto 133px; float:none; } .team-ver2-section1 .team-cm .cm-container:after{ position:absolute; left:0; right:0; bottom:0; content:''; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); height:103px; width:auto; z-index:-1; } .team-ver2-section1 .team-cm .info-cont{ position:absolute; left:10px; right:10px; bottom:0; } .team-ver2-section1 .team-cm .info-cont h4{ font-size:20px; letter-spacing:0.03px; font-weight:bold; margin-bottom:6px; } .team-ver2-section1 .team-cm .info-cont p{ font-size:14px; line-height:25px; letter-spacing:0.02px; font-weight:normal; } .team-ver2-section1 .team-cm .cm-container{ position:relative; z-index:1; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); } .team-ver2-section1 .team-cm .cm-container{ position:relative; height:259px; } .team-ver2-section1 .team-cm{ width:24.5%; float:left; margin:0; background: transparent; border: none; margin-right: -1px; margin-top: -1px; } .team-ver2-section1 .cm-section1 span>.hs_cos_wrapper:nth-child(5n) .team-cm{ width:73.5%; } .team-ver2-section1 .cm-section1 span>.hs_cos_wrapper:nth-child(5n) .team-cm .cm-container{ height:518px; } .team-ver2-section1 .cm-section2 span>.hs_cos_wrapper:nth-child(6n) .team-cm{ width:73.5%; } .team-ver2-section1 .cm-section2 span>.hs_cos_wrapper:nth-child(6n) .team-cm .cm-container{ height:518px; } .div-container .hs_cos_wrapper:nth-child(1) .team-cm{ float:none; } .div-container{ width: 100%; float: none!important; top: 0px; position: relative; } @media(max-width:1024px){ .team-ver2-section1 .team-cm { width: 24.9%; } .team-ver2-section1 .cm-section1 span>.hs_cos_wrapper:nth-child(5n) .team-cm { width: 74.6%; } .team-ver2-section1 .cm-section2 span>.hs_cos_wrapper:nth-child(6n) .team-cm { width: 74.6%; } .team-ver2-section1 { padding: 185px 0 100px; } body .row-fluid .team-ver2-section1 .heading-container { margin: 0 auto 65px; } } @media(max-width:767px){ .team-ver2-section1 .heading-container p{ font-size: 20px; line-height: 33px; } .team-ver2-section1 .team-cm { width: 100%; margin-bottom:20px; } .team-ver2-section1 .cm-section1 span>.hs_cos_wrapper:nth-child(5n) .team-cm { width: 100%; } .team-ver2-section1 .cm-section1 span>.hs_cos_wrapper:nth-child(5n) .team-cm .cm-container { height: 259px; } .div-container .hs_cos_wrapper:nth-child(1) .team-cm { float: left; } .div-container { top: 0; } .team-ver2-section1 .cm-section2 span>.hs_cos_wrapper:nth-child(6n) .team-cm { width: 100%; } .team-ver2-section1 .cm-section2 span>.hs_cos_wrapper:nth-child(6n) .team-cm .cm-container { height: 259px; } .team-ver2-section1 { padding: 185px 0 60px; } } /*===================================================== Team 2 Page Styling =============================================================*/ .remove-padb{ padding-bottom:0; } .team-section2{ padding-bottom:179px; } /*====================================================== Service Single Page Styling Start =======================================================*/ /*********** Service Single Section1 Styling *************/ .service-single-section1{ padding: 205px 0 100px; } .service-single-section1 .heading-container h1{ color:#04082d; } @media(max-width:1024px){ } @media(max-width:767px){ .service-single-section1{ padding: 167px 0 50px; } } /**************** Service Single Section2 Styling *************/ .service-single-section2{ padding:100px 0 0; background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); position:relative; z-index:2; } .service-single-section2 .cta-cont{ float:right; } body .row-fluid .service-single-section2 .cta-cont a.cta_button{ background:transparent; color:#04082d; font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; box-shadow:none; padding:0; position:relative; } .single-service-cm .cm-container .description-container h4{ font-size:24px; letter-spacing:0.03px; font-weight:bold; } .service-single-section2 .right-col{ padding-right:30px; float:right; } body .container-fluid .row-fluid .service-single-section2 .cta-cont a.cta_button:before{ display:none; } body .row-fluid .service-single-section2 .cta-cont a.cta_button:after{ position: absolute; left: -33px; top: 7px; content: ''; background: url(https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/group-9%20%284%29.svg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 22px; height: 13px; } body .row-fluid .service-single-section2 .cta-cont{ position: relative; left: 33px; margin-bottom: 50px; } .service-single-section2 .left-col ul{ list-style-type:none; } .service-single-section2 .left-col ul li:before{ display:none; } .service-single-section2 .left-col ul li{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:normal; cursor:pointer; position:relative; } .single-service-cm .heading-container h3{ font-size:36px; letter-spacing:0; color:#04082d; margin-bottom:30px; } .single-service-cm ul li:before{ position:absolute; background:#04082d; top: 10px; left: -10px; content: ''; width: 5px; height: 5px; border-radius: 50%; } .single-service-cm .cm-container{ margin-bottom:140px; } .single-service-cm .cm-container img{ margin-top:60px; } .service-single-section2 .left-col ul li.active:after{ position: absolute; left: -650px; top: 11px; content: ''; background: #04082d; height: 2px; width: 640px; } .service-single-section2 .left-col ul li.active{ color:#04082d; } .service-single-section2 .left-col.sticky-sidebar{ margin-left: 0; } @media(max-width:1024px){ .service .service-section{ padding: 50px 0px 70px; } .single-service-cm .cm-container { margin-bottom: 90px; } .service-single-section2 .left-col ul li:after{ display:none; } } @media(max-width:767px){ .service-single-section2{ padding: 60px 0 0; } .service-single-section2 .left-col{ position:relative!important; top:0!important; } body .row-fluid .service-single-section2 .cta-cont{ float:none; left:35px; margin-bottom:20px; } body .row-fluid .service-single-section2 .cta-cont a.cta_button{ width: auto; display: inline-block; } .service-single-section2 .right-col { padding-left: 0; float: none; padding-right: 0; } .service-single-section2 .left-col ul li{ margin-left:0; } .single-service-cm .cm-container { margin-bottom: 50px; } .single-service-cm .heading-container h3{ line-height:40px; } } .navigation a{ display:block; font-size:16px; line-height:25px; letter-spacing:0.02px; position:relative; } .navigation a.active{ } .navigation a.active:before{ position: absolute; left: -700px; top: 12px; content: ''; background: #04082d; width: 684px; height: 2px; } /*============================================================= Jobs1 Page Styling Start ==============================================================*/ /************** Jobs Section1 Styling Start ******************/ .jobs1-section1{ padding:285px 0 150px; } .jobs1-section1 .heading-container h1{ color:#04082d; max-width:462px; } .jobs1-section1 .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; } .jobs1-section1 .heading-container{ max-width:547px; margin-bottom:40px; } .jobs1-section1 .form-cont h3{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; font-family:Proxima nova; margin-bottom:5px; } .jobs1-section1 .form-cont{ max-width:547px; position:relative; } .jobs1-section1 .form-cont form input{ background:#fff; box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.19); border:none; height:54px; padding:10px 15px; position:relative; } .jobs1-section1 .form-cont form .hs-submit{ position: absolute; right: -1px; top: 31px; content: ''; } .jobs1-section1 .form-cont form input::placeholder{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:normal; } body .row-fluid .jobs1-section1 .form-cont form .hs-button{ padding: 20px 51px; margin-top: 0; text-transform: uppercase; } body .row-fluid .jobs1-section1 .form-cont form .field>label{ margin-top:0; } @media(max-width:1024px){ .jobs1-section1 { padding: 195px 0 70px; } } @media(max-width:767px){ .jobs1-section1{ padding: 165px 0 30px; } .jobs1-section1 .heading-container p { font-size: 20px; line-height: 30px; } } /******************** Jobs Cm Styling Start **********************/ .jobs-cm{ padding: 38px 0 86px; position:relative; z-index:2; } .content{ display:none; } .jobs-cm .cm-container{ border-bottom:1px solid #c2c2c2; padding-top:15px; } .jobs-cm .cm-container .col-1 h3{ font-size:26px; letter-spacing:0; font-weight:600; margin-bottom:5px; } .jobs-cm .cm-container .col-1 p{ font-size:16px; line-height:25px; letter-spacing:0.02px; } .jobs-cm .cm-container .col-1{ width: 43.717949%; } .jobs-cm .cm-container .col-2 p{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; } .jobs-cm span>.hs_cos_wrapper:first-child .cm-container{ border-top:1px solid #c2c2c2; } .jobs-cm .cm-container .col-3 p{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; } .jobs-cm .cm-container .col-3{ float:right; text-align:right; width: 26.076923%; } .jobs-cm .cm-container .col-2{ float:right; text-align:right; width: 26.076923%; } .jobs-cm .heading-container{ margin-bottom:25px; } #loadMore{ color:#04082d; text-decoration:underline; font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; text-align:center; } .jobs-cm .cta-container{ text-align:center; margin-top:67px; } @media(max-width:767px){ .jobs-cm .cm-container .col-1 { width: 100%; } .jobs-cm .heading-container{ text-align:center; } .jobs-cm .cm-container{ text-align:center; } .jobs-cm { padding: 38px 0 36px; } .jobs-cm .cm-container .col-2 { width: 100%; float:none; text-align:center; } .jobs-cm .cm-container .col-3 { width: 100%; float:none; text-align:center; } } /*===================================================== Ebook Page Styling =============================================================*/ .ebook-section1{ padding: 192px 0px 80px; } .ebook-section1 h1{ color:#04082d; } .ebook-section1 p{ font-size: 24px; line-height: 1.67; letter-spacing: normal; color: #605e7e; margin-bottom: 34px; } body .container-fluid .row-fluid .form-container { border-radius: 8px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; max-width: 807px; margin: 0 auto; float: none; padding: 60px; } .form-container .form-title{ font-size: 38px; line-height: 48px; } .ebook-section3{ padding:183px 0; } .ebook-section3 img.play-icon { position: absolute; left: 0; right: 0; text-align: center; margin: 0 auto; top: 30%; } .author-cm h4{ color:#04082d; } .ebook-section4{ padding: 129px 0px; } @media(max-width:767px){ body .container-fluid .row-fluid .form-container{ padding: 60px 30px; } .form-container .form-title { font-size: 31px; line-height: 37px; } } /* -------------Single Team Page Styling Start Here------------------ */ body .team-single { padding: 209px 0 120px; } body .row-fluid .team-ver2-section1 .team-single-group .heading-container { max-width: 100%; margin: 0; float: none; } .team-single-group .heading-container h1 { margin-bottom: 5px; } .team-single-group .heading-container h4 { margin-bottom: 11px; } .team-single-group.equal-height-container > .row-fluid-wrapper > .row-fluid { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body ul.social-group { display: block; margin-bottom: 18px; padding-bottom: 32px; border-bottom: solid 1px #e9e9e9; } body ul.social-group li:last-child { margin-right: 0; } body ul.social-group li { font-size: 24px; margin-right: 20px; display: inline-block; margin-left: 0; } body ul.social-group li:before{ display:none; } body ul.social-group li a { color:#04082d; } .team-single-group .team-single-right img { border-top: 5px solid #000000 !important; } .team-single-group .team-single-right { padding-left: 41px; } .about-team { padding: 137px 0 154px; background: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); } .about-team-content { width: 100%; max-width: 730px; } .about-team-content h2 { line-height: normal; margin-bottom: 34px; } .about-team-content p { line-height: 1.56; letter-spacing: 0px; margin-bottom: 27px; } @media(max-width:1024px){ .about-team { padding: 60px 0 60px; } body .team-single { padding: 250px 0 100px; } .team-single-group .team-single-right { padding-left: 20px; } .team-single-group .heading-container p { font-size: 20px; line-height: 40px; } } @media(max-width:767px){ body .team-single { padding: 170px 0 60px; } .team-single-group .heading-container h1 { text-align: center; } body ul.social-group { text-align: center; } .team-single-group .heading-container h4 { text-align: center; } .team-single-group .team-single-right { padding-left: 0; margin-top: 30px; } } /* -------------Single Team Page Styling End Here------------------ */ /*========================================================== Generic Page Styling Start ===========================================================*/ .generic-banner-section{ padding: 202px 0 103px; position:relative; z-index:1; } .generic-banner-section .heading-container h1{ color:#04082d; } @media(max-width:1024px){ } @media(max-width:767px){ .generic-banner-section{ padding: 167px 0 46px; } } /****************** Generic Page Section1 Styling Start **************/ .generic-page-cm .image-container.show-popup{ display:block; } .generic-page-cm{ position:relative; } .generic-page-cm .image-container{ display:none; margin-top:40px; } .generic-page-cm .image-container{ position:relative; } .generic-page-cm .image-container img{ height:auto; } body .row-fluid .generic-page-cm .image-container img.play-icon{ position:absolute; left:0; right:0; margin:0 auto; float:none; top:30%; } .generic-section1{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); padding:100px 0; position:relative; z-index:3; } .generic-section1 .generic-page-cm{ margin-bottom:100px; } .generic-section1 .generic-page-cm .heading h2{ color:#04082d; font-size:36px; letter-spacing:0; font-weight:bold; margin-bottom:20px; } .generic-section1 .generic-page-cm .description ul li:before{ background:#04082d; } body .row-fluid .generic-section1 .generic-page-cm{ max-width:850px; margin:0 auto 100px; float:none; } body .row-fluid .sidebar-cm{ position: fixed; left: 0; top: 0; background:#fff; z-index: 11; width: 77px; overflow:hidden; height: 100%; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); padding:65px 30px; transition:0.4s all ease-in-out; } .sidebar-cm .menu-open{ opacity:0; float:right; } .sidebar-cm img{ cursor:pointer; max-width:28px; } body .row-fluid .sidebar-cm.cont-open{ width:330px; transition:0.4s all ease-in-out; } .sidebar-cm.cont-open .menu-open{ opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .sidebar-cm.cont-open .menu-close{ opacity:0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .sidebar-cm.cont-close .menu-open{ opacity:0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .sidebar-cm.cont-close .menu-close{ opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .sidebar-cm ul li:before{ display:none; } .sidebar-cm ul{ padding: 40px 0px 27px; } .sidebar-cm ul li.active{ color:#04082d; } .sidebar-cm ul li:before{ display:none; } .sidebar-cm ul li{ font-size:16px; line-height:48px; font-weight:500; letter-spacing:normal; margin-left:0px; margin-bottom:0; cursor:pointer; } .sidebar-cm .list-container{ width:300px; } .sidebar-cm ul li:hover{ color:#04082d; } .sidebar-cm .list-container ul li span{ float:left; margin-right:28px; } @media(max-width:1600px) and (min-width:1080px){ body .row-fluid .generic-section1 .generic-page-cm{ position:relative; right:-100px; } body .row-fluid .sidebar-cm.cont-open { width: 220px; } } @media(max-width:1079px){ body .row-fluid .generic-section1 .generic-page-cm{ max-width:600px; margin:0 auto 100px; float:none; } body .row-fluid .sidebar-cm.cont-open{ width: 210px; } body .row-fluid .generic-section1 .generic-page-cm{ position:relative; right:-100px; } } @media(max-width:1024px){ body .row-fluid .generic-section1 .generic-page-cm{ right:0; } body .row-fluid .sidebar-cm{ display:none; } .generic-section1{ padding:70px 0; } .generic-section1 .cm-container span>.hs_cos_wrapper:last-child .generic-page-cm{ margin-bottom:0; } body .row-fluid .generic-page-cm .image-container img.play-icon{ top:20%; } } @media(max-width:767px){ body .row-fluid .generic-section1 .generic-page-cm{ margin-bottom:30px; } .generic-section1 .generic-page-cm .heading h2{ font-size:30px; } body .row-fluid .generic-page-cm .image-container img.play-icon { top: 30%; max-width: 110px; } body .row-fluid .generic-section1 .generic-page-cm{ max-width:100%; } } /*========================================================= Product Single Page Styling ===========================================================*/ .product-single-hero{ padding: 120px 0 120px; } .product-single-section2{ padding: 124px 0 245px; } .product-single-section2 h2{ margin-bottom: 43px; } .products-single-section3{ padding: 100px 0px 123px; } .product-single-section4 h1{ margin-bottom: 20px; } .product-single-section4 .heading-text-cm-img h3{ color:#04082d; } .product-single-section5{ padding: 192px 0px; } .wistia_click_to_play{ cursor:pointer; } .product-single-section6{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); padding: 100px 0 161px; } .product-single-section6 h2{ margin-bottom: 40px; } .product-single-section6 p{ margin-bottom: 30px; } @media(max-width:767px){ .product-single-hero { padding: 156px 0 88px; } .product-single-section6{ padding: 65px 0 50px; } .product-single-section6 .right-col{ margin-top: 100px; } } /*=========================================================================== Signup Page Styling ==============================================================================*/ .signup-hero-section { padding: 315px 0px 215px; } .signup-hero-section .left-col{ background-color: #fff; box-shadow: 39px 2px 34px 37px rgba(0,0,0,0.12); position:relative; } .signup-hero-section .left-col h2{ font-size: 30px; font-weight: bold; line-height: normal; letter-spacing: 0.1px; } .signup-hero-section .left-col h5{ font-size: 16px; font-weight: normal; line-height: normal; letter-spacing: 0.1px; } body .container-fluid .row-fluid .signup-hero-section .left-inner-column{ max-width: 470px; margin: 0 auto; float: none; padding: 0 35px; position:relative; } .signup-hero-section .left-col:before , .signup-hero-section .left-col:after{ content: ""; position: absolute; width: 100%; height: 50px; background: #fff; top: -50px; box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.04); } .signup-hero-section .left-col:after{ bottom: -50px; top: auto; box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.04); } body .container-fluid .row-fluid .signup-hero-section .right-inner-column{ padding:120px 35px; } body .container-fluid .row-fluid .signup-hero-section .wrapper{ background-color: #04082d; max-width: 1090px; padding-left: 35px; padding-right: 35px; } @media(max-width:1024px) and (min-width:768px){ ul.social-link-buttons li, ul.social-link-buttons li a{ padding: 0px 4px; min-width: auto; } body .container-fluid .row-fluid .signup-hero-section .right-inner-column { padding: 120px 5px; } ul.social-link-buttons i.fa { font-size: 17px; } } @media(max-width:767px){ body .container-fluid .row-fluid .signup-hero-section .right-inner-column { padding: 120px 0px; } .signup-hero-section { padding: 200px 0px 115px; } ul.social-link-buttons li a span{ padding-right: 10px; } ul.social-link-buttons li, ul.social-link-buttons li a{ font-size: 14px; padding: 0px 4px; min-width: auto; } ul.social-link-buttons i.fa { font-size: 17px; line-height: 24px; } } /*=================================================================== Login Page Styling =====================================================================*/ .login-form form{ position:relative; } body .container-fluid .row-fluid .login-form form .hs-button{ position: absolute; right: 0; margin-top: 37px; display: inline-block; } .forgot-pwd-button{ position: absolute; width: auto; bottom: -84px; } .forgot-pwd-button h5 a{ font-size: 16px; font-weight: 400; line-height: 1.56; letter-spacing: 0px; color: #808080; cursor:pointer; } .login-left-col{ padding-top: 57px; } .login-left-col h2 { margin-bottom: 34px; } @media(max-width:767px){ .login-left-col { padding-top: 9px; padding-bottom: 80px; } .forgot-pwd-button h5 a{ font-size: 12px; } body .container-fluid .row-fluid .signup-hero-section .right-inner-column.login-right-col { padding: 60px 0px 100px; } .signup-hero-section.login-hero-section { padding: 163px 0px 115px; } } /******************** Learning Center Page Styling Start *****************/ .learning-center .header-container-wrapper{ position: relative; width: 100%; z-index: 2; background: #fff; padding: 49px 0; } .learning-hero-section{ padding: 182px 0 163px; position:relative; z-index:1; } .learning-hero-section .search-container form input{ background:#fff; max-width:666px; border-radius: 2px; box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1); height:56px; padding:0 44px; color:rgba(0, 0, 0, 0.5); font-size:16px; } .learning-hero-section .search-container form input::placeholder{ font-size:15px; letter-spacing:0; font-weight:normal; font-family:Proxima nova; } .learning-hero-section .search-container{ margin-top:20px; max-width: 58%; width: 100%; margin: 0 auto!important; float: none; } .learning-hero-section .heading-container h4{ font-size:24px; line-height:40px; letter-spacing:0; font-family:Proxima nova; font-weight:normal; margin-bottom: 30px; } .learning-hero-section .search-container form:before{ position: absolute; content: '\f002'; width: 10px; height: 10px; top: 16px; left: 15px; font-weight: 600; font-family: "Font Awesome 5 free"; color: rgba(0, 0, 0, 0.5); z-index: 1; } .learning-hero-section .heading-container h1{ font-weight:700; line-height: 1.23; letter-spacing: -1.8px; } @media(max-width:1024px){ .learning-hero-section{ padding: 92px 0 83px; } } @media(max-width:767px){ .learning-hero-section{ padding: 82px 0 66px; } } /****************** Services Provided Section Styling Start *****************/ .services-provided{ padding:100px 0; background:#f6fbff; position:relative; z-index:2; } .services-provided .heading-container{ margin-bottom:50px; } body .row-fluid .services-provided .three-col-adjust span>.hs_cos_wrapper{ background:#fff; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); padding:70px 34px; flex-basis: 28.9%; -webkit-flex-basis: 28.9%; margin-right: 4.43%; margin-bottom:25px; } .services-provided .heading-text-cm-img .cta-container a.cta_button{ color:#04082d; text-decoration:underline; } .services-provided .heading-text-cm-img img{ margin-bottom:10px; } @media(max-width:1024px){ .services-provided{ padding: 70px 0; } .services-provided .heading-container { margin-bottom: 20px; } body .row-fluid .services-provided .three-col-adjust span>.hs_cos_wrapper{ flex-basis: 28.9%; -webkit-flex-basis:28.9%; margin-right: 4.43%; margin-bottom: 25px; padding: 30px 17px; } } .services-provided .heading-container h2{ font-weight:700; } @media(max-width:767px){ .services-provided { padding: 51px 0; } } /***************** Learning Faq Section Styling ******************/ /************************** FAQ CM *****************************/ .learning-faq-section{ padding:100px 0; position:relative; z-index:2; } .learning-faq-section .left-col .heading-container h1{ color:#04082d; } .learning-faq-section .left-col .heading-container p{ max-width:433px; font-size:16px; line-height:25px; letter-spacing:0.02px; } .learning-faq-section .accordion_header h4{ font-size:20px; letter-spacing:0.03px; font-weight:bold; position:relative; } .learning-faq-section .accordion_header{ cursor:pointer; } .learning-faq-section .accordion_group .accordion_header h4:after { content: "\f107"; font-size: 18px; line-height: 25px; right: 0; font-family: FontAwesome; position: absolute; top: 3px; transition: all ease-in-out .2s; color: #979797; font-weight: normal; background-color: transparent; width: 28px; height: 28px; border-radius: 100%; background-position: center!important; text-align:center; } .learning-faq-section .accordion_group.expanded h4:after { content:""; background:url('https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Assets%20%20GSVP-2%20/Images/Group%203.svg') no-repeat; background-color: #04082d; } .learning-faq-section .accordion_group.expanded{ box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding:32px 36px; } .learning-faq-section .accordion_group{ border:1px solid #d8d8d8; border-radius:4px; padding:36px 36px; margin-bottom:30px; } .learning-faq-section .accordion_content{ padding-top:30px; } .learning-faq-section .left-col{ width:43.5%; } .learning-faq-section .right-col{ width: 52.917949%; } @media(max-width: 1170px) and (min-width: 1025px){ .learning-faq-section .accordion_group .accordion_header h4:after{ right: -30px; } .accordion_header h4:after{ right: -30px; } } @media(max-width:1024px){ .learning-faq-section .left-col{ width: 42.5%; } .learning-faq-section { padding: 70px 0; } .accordion_header h4:after{ right: -30px; } .learning-faq-section .accordion_group .accordion_header h4:after{ right: -30px; } } @media(max-width:767px){ .learning-faq-section .left-col{ max-width:100%; width:100%; } .learning-faq-section .right-col{ max-width:100%; width:100%; margin-top:30px; } .learning-faq-section { padding: 50px 0; } .accordion_header h4:after{ right: -12px; } .learning-faq-section .accordion_group .accordion_header h4:after{ right: -12px; } .learning-faq-section .left-col .heading-container p{ max-width:100%; width:100%; } } /***************** Popular Articles Section Styling **************/ .popular-articles{ padding:120px 0; background:#f6fbff; position:relative; z-index:2; } .popular-articles .heading h1{ color:#04082d; margin-bottom: 167px; } .popular-article-cm .left-col h4{ font-size:20px; line-height:25px; letter-spacing:0.03px; font-weight:bold; } .popular-article-cm .left-col p{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:normal; font-family:Proxima nova; } .popular-article-cm .right-col p{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:normal; font-family:Proxima nova; } .popular-article-cm .hs_cos_wrapper{ border-bottom:1px solid #e2e2e2; padding-bottom:30px; margin-bottom:30px; } .popular-article-cm .hs_cos_wrapper:last-child{ border-bottom:none; } .popular-article-cm .cta-container{ margin-top:90px; } @media(max-width:1024px){ .popular-articles{ padding: 60px 0; } .popular-articles .heading h1{ margin-bottom: 87px; } } @media(max-width:767px){ .popular-articles { padding: 60px 0; } .popular-articles .heading h1 { margin-bottom: 40px; } .popular-article-cm .cta-container { margin-top: 70px; } } /*============================================================= Blog 2 Styling ===============================================================*/ /*==================================================================== Topic Filter Section ======================================================================*/ body .container-fluid .row-fluid .topic-section .wrapper{ position:relative } .topic-section .block h3{ display:none; } .topic-section{ padding: 20px 0px 13px; position: relative; z-index: 2; } .topic-section .widget-module{ margin: 0; padding: 0; position: absolute; z-index:2; width: 100%; max-width: 330px; background: #fff; box-shadow: 0 10px 50px -5px rgba(0,0,0,.15); padding: 10px 15px; display: none; left: 15px; border-radius: 0px 0px 6px 6px; top: 52px; } .topic-section .widget-module ul{ margin: 0; padding: 0; } .topic-section .widget-module ul li{ list-style-type:none; margin:0; padding-bottom: 10px; } .topic-section .widget-module ul li:before{ display:none; } .topic-section .widget-module ul li a{ font-size: 16px; font-weight: 600; line-height: 1.43; text-align: center; color: #333; padding:0px 0px; text-transform: capitalize; } .cta-trigger h3{ font-size: 16px; font-weight: normal; line-height: 1.56; letter-spacing: 0px; color: #808080; text-transform: capitalize; margin:0; cursor:pointer; position:relative; border-radius: 4px; box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.19); background-color: #ffffff; padding: 15px 20px; max-width: 320px; } .cta-trigger h3 span{ display: inline-block; float: right; } .cta-trigger img{ vertical-align: middle; margin-right: 10px; margin-top: -4px; } .topic-section .widget-module li a.current-page{ color:#04082d; } @media(max-width:1024px) and (min-width:768px){ body .container-fluid .row-fluid .cta_button.remove-bg img{ display: block; height: auto; } .topic-section .widget-module ul{ right:40px; } .topic-section .widget-module ul li a{ padding: 0px 18px; } body .container-fluid .row-fluid .twitter-posts { padding: 0px; height: 320px; } } @media(max-width:767px){ .topic-section { padding-bottom:20px; } .cta-trigger h3{ float: none; margin: 0 auto; display: block; width: auto; max-width: 100%; } .topic-section .widget-module ul{ top: 43px; width: auto; left: 20px; right: 20px; margin: 0; } } /*End Of Topic Filter*/ .blog2 .body-container-wrapper{ padding-top: 82px; } .blog2-container { position: relative; z-index: 1; padding: 76px 0px; } @media (min-width: 768px){ body .container-fluid .row-fluid .blog2-container .post-listing { margin: 0 -30px 0 0; padding: 0; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } body .container-fluid .row-fluid .blog2-container .post-item { display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; justify-content: center; -webkit-justify-content: center; width: 30.33%; float: left; min-height: 413px; margin-right: 3%; } body .container-fluid .row-fluid .blog2-container .post-item:first-child, body .container-fluid .row-fluid .blog2-container .post-item:nth-child(2) { width: 47%; } } body .container-fluid .row-fluid .blog2-container .post-item{ margin-bottom: 30px; } .blog-title-space{ padding-bottom: 15px; } .featured-bg{ padding: 25px; position:relative; } .featured-bg:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.52; } .elements-position { position: absolute; bottom: 43px; padding-right:20px; } .blog2-container .post-item h2 { margin: 0; padding: 10px 0 22px; } .body-container-wrapper .horizontal-list{ margin:0; padding:0; } .body-container-wrapper .horizontal-list li{ display:inline-block; margin: 0; padding: 0; } .authorli-list li{ font-size: 14px; line-height: 1.5; letter-spacing: 0px; color: #ffffff; margin: 0; padding: 0; vertical-align: middle; } .horizontal-list li:before{ display:none; } body .container-fluid .row-fluid .author-image { height: 42px; border-radius: 100%; width: 42px; } .blog2-container .post-item h2 a, .blog2-container .post-item h2 { font-size: 28px; font-weight: bold; line-height: 1.36; letter-spacing: -0.8px; color: #ffffff; } .body-container-wrapper ul.each-post li{ display:none; } .body-container-wrapper ul.each-post li:first-child{ display:inline-block; } ul.each-post li a { font-size: 12px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #000000; display: inline-block; padding: 10px; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33); background-color: #ffffff; min-width: 90px; text-align: center; text-transform: uppercase; } @media(max-width:1024px) and (min-width:768px){ } @media(max-width:767px){ body .container-fluid .row-fluid .featured-bg { min-height: 413px; z-index: 1; } body .container-fluid .row-fluid .blog2-container .post-item { margin-bottom: 30px; height: auto!important; padding: 0; } } /*==================================================================== Subscribe Form Section ======================================================================*/ .subscribe-form form{ position:relative; } body.blog2 .container-fluid .row-fluid .subscribe-form .hs-button{ position:absolute; top:0; margin:0; right: 0; height: 54px; text-transform: uppercase; border-radius: 0 4px 4px 0; } body.blog2 .row-fluid form input{ border-radius: 4px; box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.19); background-color: #ffffff; border: none; height: 54px; padding: 10px; padding-right: 165px; } body.blog2 .row-fluid form .field>label, body.blog2 .form-title{ display:none; } .blog2 .submitted-message{ padding-top:11px; } @media(max-width:767px){ .blog2 .subscribe-form{ margin-top:30px; } } /*==================================================================== Blog2 Post Page Styling ======================================================================*/ .blog2.hs-blog-post .blog2-container{ padding-top:0; padding-bottom:0; } .blog2.hs-blog-post .cta-trigger h3{ max-width: 155px; } .blog2.hs-blog-post .cta-trigger img{ margin-left: 0; margin-right: 13px; margin-top: -4px; } .blog2.hs-blog-post .cta-trigger h3 a { font-size: 16px; font-weight: normal; line-height: 1.56; letter-spacing: 0px; color: #808080; } /*Social Sharing Section Styling*/ body.blog2.hs-blog-post .body-container-wrapper ul.sharing-icon { margin: 0; margin-left: 0; background-color: #f6fbff; padding: 20px 4px; } body.blog2.hs-blog-post .body-container-wrapper .sharing-icon li { margin-bottom: 19px; margin-left: 0; display: block; width: 100%; } .blog2 .sharing-icon li a { color: #1871c9; background: transparent; font-size: 22px; border-radius: 0; width: auto; line-height: 21px; } body.blog2.hs-blog-post .body-container-wrapper .sharing-icon li:last-child { margin-bottom: 0; } body.blog2.hs-blog-post .body-container-wrapper .sharing-icon li:first-child{ position: absolute; top: -15px; font-size: 9px; font-weight: 500; line-height: 1.44; letter-spacing: 0px; color: #808080; letter-spacing: 0px; } .blog2.hs-blog-post .body-container-wrapper .blog-section p { font-size: 16px; line-height: 26px; letter-spacing: 0; } /*Load More Blog 2 styling*/ .blog2 .ias-trigger { margin: 0 auto; float: none; text-align: center; padding: 70px 0px 0; display: block; clear: both; width: 100%; } .blog2 .ias-trigger a { display: block; border: none; padding: 10px 50px; transition: all ease-in-out .2s; clear: both; max-width: 100px; font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; text-align: center; color: #04082d; margin: 0 auto; text-decoration: underline; } .blog2 .ias-trigger a:hover { background-color: transparent; color: #04082d; } /*===================================================================== Blog 3 Styling =======================================================================*/ body.hs-blog-listing .blog3-container .post-listing .post-item:first-child{ display:none; } .blog-two-col{ padding-top: 192px; } .blog3-container { padding-top: 79px; } .read-more-link{ display:inline-block; text-decoration:underline; font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; color: #04082d; padding-top: 13px; } @media(min-width:768px){ .blog-two-col .right-col{ padding-left: 2%; } body.blog3 .post-item { display: flex; display: -webkit-flex; -webkit-flex-direction:column; flex-direction:column; justify-content: center; -webkit-justify-content: center; width: 47.1%; float: left; margin-right: 2.9%; margin-bottom: 58px; } body.blog3 .post-listing { margin: 0 -30px 0 0; padding: 0; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } body.blog3 .featured-image{ height: 362px; } .blog3 ul.each-post.horizontal-list { padding: 17px 0 12px; clear: both; display: block; } .blog3 ul.each-post li a.topic-link { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 1px; color: #04082d; background: transparent; box-shadow: none; padding: 0; margin: 0; text-align: left; } .blog3 .post-item h2, .blog3 .post-item h2 a { font-size: 28px; font-weight: bold; line-height: normal; letter-spacing: 0px; color: #000000; } .blog3 .date-read { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 2px; color: #8a8a8a; text-transform: uppercase; padding: 11px 0px 25px } /*Blog 3 Tag By Post Styling*/ .blog-title-space{ font-size: 28px; font-weight: bold; line-height: normal; letter-spacing: 0px; text-transform:capitalize; border-bottom: solid 1px #dfdfdf; padding-bottom: 5px; margin-bottom: 64px; } /* Blog3 Load More Styling*/ .blog3 .ias-trigger { padding: 13px 0px; margin: 0px auto 117px; width:100%; display:block; } .blog3 .ias-trigger a { text-align: center; display: block; background: #04082d; padding: 14px 58px; transition: all ease-in-out .2s; font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #ffffff; text-transform: uppercase; border-radius: 2px; font-family: 'Moderat'; position:relative; max-width: 97px; margin: 0 auto; } .blog3 .ias-trigger a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #000000; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .blog3 .ias-trigger a:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); color: #fff; } @media(max-width:767px){ body.blog3 .post-item { margin-bottom:30px; } .blog-two-col { padding-top: 124px; } } /*================================================================== Post Page Styling ====================================================================*/ .blog3.hs-blog-post .body-container-wrapper { padding-top: 137px; } .blog3.hs-blog-post .blog-post-container{ padding-top:100px; } .blog3 .section.post-body { padding: 0; max-width: 744px; margin: 0 auto; } .blog3.hs-blog-post .body-container-wrapper .blog-section p, .blog3.hs-blog-post .body-container-wrapper .blog-section ul li{ font-size:16px; line-height: 1.56; letter-spacing: 0px; color: #808080 } .blog3.hs-blog-post .body-container-wrapper .blog-section ul{ margin-left:0; } .blog3.hs-blog-post .body-container-wrapper .blog-section ul li:before{ color:#04082d; } .blog3.hs-blog-post .row-fluid form input, .blog3.hs-blog-post .row-fluid form select, .blog3.hs-blog-post .row-fluid form textarea{ font-size: 16px; font-weight: 400; line-height: 1.56; letter-spacing: 1px; color: #808080; text-transform: capitalize; margin-bottom: 26px; } .blog3.hs-blog-post::-webkit-input-placeholder { font-weight:400; } .blog3.hs-blog-post:-moz-placeholder font-weight:400; } .blog3.hs-blog-post::-moz-placeholder { font-weight:400; } .blog3.hs-blog-post:-ms-input-placeholder { font-weight:400; } body.blog3.hs-blog-post .container-fluid .row-fluid form .hs-button{ color:#fff; margin-top: 10px; margin-bottom: 0; } /* blog author listing page */ body.hs-blog-listing .post-listing .hs-author-profile{ max-width:29.5%; margin-right: 46px; } body.hs-blog-listing .post-listing .hs-author-profile img { max-width: 100%; border-radius: 6px; margin-bottom:16px; } /* end blog author listing page */ body.blog3.hs-blog-post .hs-author-profile{ padding: 57px 0px 163px; } body.blog3.hs-blog-post .hs-author-name{ font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0px; padding: 20px 0px 0; } body.blog3.hs-blog-post .hs-author-avatar { height: 139px; width: 139px; margin: 0 auto; border-radius: 100%; } body.blog3.hs-blog-post .hs-author-social-links i{ font-size: 20px; line-height: 30px; color: #04082d; padding: 0px 7px; } body.blog3.hs-blog-post .author-post-image{ position:relative; } body.blog3.hs-blog-post .author-post-image:before, body.blog3.hs-blog-post .author-post-image:after{ position:absolute; content:""; width:100%; height:1px; background:#dedede; top:68px; z-index:-1; } body.blog3.hs-blog-post .author-post-image:before{ left:0; } body.blog3.hs-blog-post .author-post-image:after{ right:0; } .title-border h3{ font-size: 28px; font-weight: bold; line-height: normal; letter-spacing: 0px; color: #000000; border-bottom: solid 1px #dfdfdf; padding-bottom: 10px; margin-bottom: 59px; } .blog3.hs-blog-post .subscribe-box{ box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding: 45px 25px; } @media(max-width:767px){ .blog3.hs-blog-post .body-container-wrapper { padding-top: 106px; } .blog3.hs-blog-post .blog-post-container { padding-top: 15px; } .blog3.hs-blog-post .subscribe-box{ margin-top:55px; } body.blog3.hs-blog-post .hs-author-profile { padding: 57px 0px 55px; } } /*Comment Form Styling*/ .blog3.hs-blog-post .left-col{ padding-bottom: 156px; } /*Social Sharing Section Styling*/ body.blog3 .sharing-icon { position: absolute; margin: 0; top: 25px; width: 40px; left: -101px; } body.blog3.hs-blog-post .body-container-wrapper ul.sharing-icon { margin: 0; margin-left: 0; padding: 0; text-align: center; } body.blog3.hs-blog-post .body-container-wrapper .sharing-icon li { border-radius: 100%; padding: 8px 0px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(190, 190, 190, 0.5); margin-bottom: 10px; margin-left: 0; display: block; width: 100%; } .blog3 .sharing-icon li a i{ font-size: 15px; line-height: 22px; } .blog3 .sharing-icon li a { color: #04082d; background: transparent; font-size: 22px; border-radius: 0; width: auto; line-height: 21px; } body.blog3.hs-blog-post .body-container-wrapper .sharing-icon li:last-child { margin-bottom: 0; } body.blog3.hs-blog-post .body-container-wrapper .sharing-icon li:first-child{ font-size: 9px; font-weight: 600; line-height: 1.44; letter-spacing: 0px; color: #808080; letter-spacing: 2px; box-shadow:none; background:transparent; } @media(max-width:1024px) and (min-width:768px){ body.blog3 .sharing-icon{ left: -60px; } } /*===================================================== Blog 3 Page Styling ends ==========================================================*/ /*===================================================================== Super Lead Pricing3 Styling Start =======================================================================*/ /************** Pricing3 Hero Section Styling Start ******************/ .pricing3-hero-section{ padding:275px 0 80px; } .pricing3-hero-section.padding-style{ padding: 205px 0 120px; } .pricing-version3 .pricing-3.plan-monthly .cost h2 span.currency{ font-size:38px; } .pricing-version3 .pricing-3 .cost{ background:#fff; padding:23px 0; position:relative; } .pricing-version3 .pricing-3 .cost.show-or-hide-img .img-cont{ display:block; } .pricing-version3 .pricing-3 .cost .img-cont{ display:none; } .pricing-version3 .pricing-3 .cost .img-cont img{ position:absolute; left:0; top:0; } .pricing-version3 .pricing-3.plan-monthly .cost .month{ position: relative; left: -8px; } body .row-fluid .pricing-version3 .pricing-3 .cost h2{ font-size:38px; letter-spacing:0.05px; font-weight:bold; } .pricing-version3 .pricing-3 .cost p{ font-size:12px; line-height:20px; letter-spacing:0.02px; font-weight:normal; font-style:italic; font-family:Proxima nova; } .pricing-version3 .cm-container .top-row{ background:#f6fbff; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); padding-bottom:20px; } .pricing-version3 .cm-container .top-row .pricing-desc{ padding:0 20px 0; } .pricing3-hero-section .heading-container h1{ color:#04082d; margin-bottom:54px; } body .row-fluid .pricing3-hero-section .cta-container a.cta_button{ background:#04082d; color:#fff; } body .row-fluid .pricing3-hero-section .cta-container a.cta_button:hover{ background:#04082d; color:#fff; } .pricing-version3 .pricing-3 .heading h3{ font-size:20px; letter-spacing:0.03px; font-weight:bold; } .pricing-version3 .pricing-3 .heading{ padding: 30px 30px 20px; } .pricing-version3 .pricing-3 .description-container p{ font-size:12px; line-height:20px; letter-spacing:0.02px; font-weight:normal; font-family:Proxima nova; } body .row-fluid .pricing-version3 .pricing-3 .cta-container a.cta_button{ background:transparent; color:#04082d; font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; text-decoration:underline; box-shadow:none; } body .row-fluid .pricing-version3 .pricing-3 .cta-container a.cta_button:hover:before{ display:none; } .pricing-version3 .features ul{ margin-left:5px; } .pricing-version3 .features ul li{ font-size:12px; line-height:20px; letter-spacing:0.02px; font-weight:600; font-family:Proxima nova; margin-left:15px; margin-bottom:7px; } .pricing-version3 .features ul li:before{ display:none; } .pricing-version3 .features ul li:after{ position:absolute; left:-20px; top:4px; content:''; background:url('https://5985803.fs1.hubspotusercontent-na1.net/hubfs/5985803/Group%205-1.svg'); width:14px; height:14px; } .pricing-version3 .cost .year-select{ display:none; } .pricing-version3 .cost .year-select.show-year{ display:block; } .pricing-version3 .cost .month-select.show-month{ display:none; } @media(max-width:1024px){ .pricing-version3 .cm-container .top-row .pricing-desc{ padding: 0 8px 0; } body .row-fluid .pricing-version3 .pricing-3 .cost h2{ font-size:28px; } .pricing-version3 .pricing-3.plan-monthly .cost h2 span.currency { font-size: 28px; } .pricing-version3 .pricing-3 .heading h3{ line-height:normal; min-height:50px; } body .row-fluid .pricing-version3 .pricing-3 .cta-container a.cta_button{ padding:0; } .pricing-version3 .pricing-3 .description-container p{ margin-bottom:20px; } .pricing3-hero-section{ padding: 165px 0 80px; } .pricing3-hero-section .heading-container h1 { margin-bottom: 30px; } .pricing-version3 { padding: 0 0 60px; } } @media(max-width:767px){ .pricing3-hero-section{ padding: 135px 0 60px; } .pricing-version3 .features ul li{ margin-left: 25px; } .pricing3-hero-section.padding-style{ padding: 168px 0 60px; } } /***************** Pricing Faq Section Styling ******************/ .pricing-section-cm .question h4{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:bold; } body .row-fluid .faq-section .two-col-adjust span>.hs_cos_wrapper{ margin-bottom:30px; flex-basis: 45.4%; -webkit-flex-basis: 45.4%; margin-right: 8.43%; } body .row-fluid .faq-section .two-col-adjust span{ margin-right:0; } body .row-fluid .faq-section .two-col-adjust span>.hs_cos_wrapper:nth-child(2n){ margin-right:0; } .faq-section{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); padding:135px 0 148px; position:relative; z-index:3; } .faq-section .heading{ margin-bottom:34px; } @media(max-width:1024px){ .faq-section{ padding: 70px 0 40px; } .faq-section .heading { margin-bottom: 25px; } } @media(max-width:767px){ .faq-section{ padding: 60px 0 30px; } } @media(max-width:1024px){ .pricing-3 .service-section{ padding: 50px 0px 70px; } } /*============================================================ Pricing4 Page Styling Start ==============================================================*/ .pricing4-banner-section{ padding:276px 0 50px; position:relative; z-index:2; } .pricing4-banner-section.padding-style{ padding: 203px 0 102px; } .pricing4-banner-section .heading-container h1{ color:#04082d; } @media(max-width:1024px){ .pricing4-banner-section{ padding: 206px 0 100px; } } @media(max-width:767px){ .pricing4-banner-section{ padding: 136px 0 70px; } .pricing4-banner-section.padding-style{ padding: 166px 0 46px; } } /************** Pricing4 Section1 Styling ******************/ body .row-fluid .ps1-pricing-3-section-1 .wrapper{ max-width:1200px; } body .row-fluid .pricing-version4 .table-container>span>div{ border-radius:6px; margin:0; padding:84px 0; } body .row-fluid .pricing-version4 .table-container>span>div:nth-child(2){ background:#fff; padding:84px 5px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); flex-basis: 35%; -webkit-flex-basis: 35%; } body .row-fluid .pricing-version4 .table-container>span>div:nth-child(1) .cta-cont a.cta_button{ background:transparent; border:1px solid #04082d; color:#04082d; font-weight:bold; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33); } body .row-fluid .pricing-version4 .table-container>span>div:nth-child(1) .cta-cont a.cta_button:hover{ color: #fff; } body .row-fluid .pricing-version4 .pricing-3 .heading h3{ font-size:16px; letter-spacing:0.02px; font-weight:500; font-family:Proxima nova; } .pricing-version4 .pricing-3 .cost .small-text.hide-small-text{ display:none; } body .row-fluid .pricing-version4 .pricing-3 .cost h2{ color:#04082d; font-size:50px; letter-spacing:0.1px; font-weight:bold; line-height:70px; min-height: 78px; } body .row-fluid .pricing-version4 .pricing-3 .cost .small-text{ font-size:20px; line-height:40px; letter-spacing:0; } body .row-fluid .pricing-version4 .pricing-3 .cost{ background:transparent; padding:0; } body .row-fluid .pricing-version4 .pricing-3 .features ul li:before{ display:none; } body .row-fluid .pricing-version4 .pricing-3 .features ul li{ position: relative; margin: 0px 0; padding-left: 28px; padding: 0; font-size: 20px; line-height: 40px; letter-spacing: 0; color: #929292; } .pricing-version4 .pricing-3 .cta-cont{ margin-bottom:15px; } body .row-fluid .pricing-version4 .pricing-3 .cta-cont a.cta_button{ padding: 19px 36px; } body .row-fluid .pricing-version4{ position:relative; z-index:3; background:#f6fbff; padding: 71px 0 120px; } body .row-fluid .pricing-version4 .tabber-container{ margin: 20px 0 95px; } body .row-fluid .pricing-version4 .pricing-3 .description p{ font-size:12px; line-height:20px; letter-spacing:0.02px; font-weight:normal; font-family:Proxima nova; max-width:227px; margin:0 auto; } body .row-fluid .pricing-version4 .pricing-3 .features ul li:after{ display:none; } body .row-fluid .pricing-version4 .pricing-3 .features{ padding:0; } body .row-fluid .pricing-version4 .pricing-3 .heading{ padding:0; } body .row-fluid .pricing-version4 .table-container>span>div{ background:transparent; box-shadow:none; } .ps1-pricing-3-section-1 .pricing-3 .features li, .ps1-pricing-3-section-1 .pricing-3 .features p{ font-size: 17px; } .ps1-pricing-3-section-1 .pricing-3 .features ul{ list-style:none; margin: 0; } .ps1-pricing-3-section-1 .pricing-3 .features li{ position: relative; margin:0; padding-left: 0px; } .ps1-pricing-3-section-1 .pricing-3 .cost .small-text{ font-size: 16px; font-weight: 500; margin-left: 5px; color: #757575; } .ps1-pricing-3-section-1 .pricing-3 sup{ font-size: 24px; font-weight: 300; color: #757575; margin-right: 4px; } .ps1-pricing-3-section-1 .pricing-3 .cost{ background: #edf9fa; padding: 22px 40px; } .ps1-pricing-3-section-1 .pricing-3 .heading{ padding: 38px 30px; } .ps1-pricing-3-section-1 .pricing-3 .features{ padding: 40px 40px 0px; } .ps1-pricing-3-section-1 .pricing-3 .cta{ padding: 10px 40px 60px; } .ps1-pricing-3-section-1 .pricing-3 .cost .month, .ps1-pricing-3-section-1 .pricing-3 .cost .year{ display:none; } .ps1-pricing-3-section-1 .pricing-3.plan-monthly .cost .month{ display:inline-block; } .ps1-pricing-3-section-1 .pricing-3.plan-yearly .cost .year{ display:inline-block; } .ps1-pricing-3-section-1 .tabber-container ul{ display: inline-block; list-style: none; text-align: center; margin: 0; border: 1px solid #04082d; border-radius: 2px; background: #f6fbff; overflow: hidden; } .ps1-pricing-3-section-1 .tabber-container{ margin:20px 0 40px; } .ps1-pricing-3-section-1 .tabber-container ul li{ margin: 0; display: inline-block; padding: 12px 40px; border-radius: 0px; position: relative; z-index: 1; overflow: visible; font-size: 16px; font-weight:bold; cursor: pointer; color:#04082d; } .ps1-pricing-3-section-1 .tabber-container ul li.active{ color:#fff; background:#04082d; } .ps1-pricing-3-section-1 .tabber-container ul li.active:before{ display:none; } .ps1-pricing-3-section-1 .tabber-container ul li:before{ display:none; } @media (max-width: 1080px){ .ps1-pricing-3-section-1 .pricing-3 .cost{ padding: 16px 20px; } .ps1-pricing-3-section-1 .pricing-3 .heading{ padding: 28px 20px; } .ps1-pricing-3-section-1 .pricing-3 .features{ padding: 30px 20px 0px; } .ps1-pricing-3-section-1 .pricing-3 .cta{ padding: 10px 20px 40px; } body .row-fluid .pricing-version4 .tabber-container{ margin: 20px 0 65px; } body .row-fluid .pricing-version4 .pricing-3 .cost h2{ font-size: 45px; line-height: 50px; } body .row-fluid .pricing-version4 .table-container>span>div:nth-child(2){ padding: 44px 25px; } body .row-fluid .pricing-version4 .table-container>span>div { padding: 44px 0; } .pricing-version4 .pricing-3 .cost{ height:auto; } body .row-fluid .pricing-version4 .pricing-3 .cost h2{ min-height:60px; } .pricing4 .service-section{ padding: 60px 0px 70px; } body .row-fluid .pricing-version4{ padding: 70px 0 80px; } } .body .row-fluid .pricing-version4{ padding: 100px 0 120px; } @media(max-width: 767px){ .ps1-pricing-3-section-1 .tabber-container { margin: 10px 0 10px; } .ps1-pricing-3-section-1 .tabber-container ul li { padding: 12px 20px; border-radius: 0px; font-size: 13px; } body .row-fluid .pricing-version4{ padding: 60px 0 30px; } body .row-fluid .pricing-version4 .table-container>span>div{ background:#fff; box-shadow: 0 2px 34px 0 rgba(0,0,0,0.12); padding:44px 25px; margin-bottom:30px; } /* Hs new product mobile */ body.blog-360-style2.hs-blog-post .section.post-body ul, body.blog-360-style2.hs-blog-post .section.post-body ol { margin-left: 20px!important; } } @media(max-width: 480px){ .ps1-pricing-3-section-1 .switch-wrap{ flex-wrap: wrap; } .ps1-pricing-3-section-1 .switch-wrap span.float-left, .ps1-pricing-3-section-1 .switch-wrap span.sub-head{ flex-basis: 100%; margin: 3px 0; } .ps1-pricing-3-section-1 .switch-wrap .year-select{ margin: 0 auto 0 10px; } .ps1-pricing-3-section-1 .switch-wrap .month-select{ margin: 0 10px 0 auto ; } } /*============================================================ Super Lead Home2 Page Styling Start ===============================================================*/ /***************** Home2 Page Styling Start ************************/ .superlead-home2-banner-cm .cm-container{ padding: 193px 111px; position:relative; z-index:2; } .superlead-home2-banner-cm .cm-container:after{ position:absolute; left:0; right:0; top:0; bottom:0; content:''; background-color: rgba(0, 0, 0, 0.48); z-index:-1; } body .row-fluid .superlead-home2-banner-cm .wrapper{ max-width:1390px; } .superlead-home2-banner-cm{ padding:145px 0 120px 0; } .superlead-home2-banner-cm .heading h2{ font-size:50px; line-height:76px; letter-spacing:-1.49px; font-weight:bold; } .superlead-home2-banner-cm .description-container p{ font-size:20px; line-height:30px; letter-spacing:0; font-weight:normal; font-family:Proxima nova; } .superlead-home2-banner-cm .description-container{ max-width:488px; } body .row-fluid .superlead-home2-banner-cm .cta-container a.cta_button{ background:#ffcf59; color:#fff; } .superlead-home2-banner-cm .cta-container{ margin-top:35px; } .home-banner-slider .slick-slide{ display:none; } .home-banner-slider .slick-slide:focus{ outline:0; } .home-banner-slider .slick-initialized .slick-slide{ display:block; } .home-banner-slider .slick-dots li.slick-active button { background:#04082d; } .home-banner-slider .slick-dots li.slick-active button:focus{ outline:0; } .home-banner-slider .slick-dots li { margin: 0 5px; display: inline-block; line-height: 3px; } .home-banner-slider .slick-dots { text-align: left; } .home-banner-slider .slick-dots li button { font-size: 1px; color: transparent; padding: 0; border: 0; width: 10px; height: 10px; border-radius: 50%; transition: all .2s ease-in-out; cursor: pointer; background:#ffffff; } .home-banner-slider{ position:relative; z-index:1; } .home-banner-slider ul.slick-dots{ position: absolute; top: 39%; right: 60px; padding-bottom: 0; border-radius:100%; transform: rotate(90deg); } .home-banner-slider .slick-dots li button:focus { outline: none; } .home-banner-slider .slick-dots li:before{ display:none; } .home-banner-slider .slick-next:after{ position: absolute; content: ''; width: 13px; height: 9px; top: 44%; right: 117px; font-size: 40px; z-index: 1; background: url(//5985803.fs1.hubspotusercontent-na1.net/hubfs/5985803/SuperLead/Images/oval-2.svg); cursor: pointer; background-repeat: no-repeat; background-size: cover; background-position: center center; } .home-banner-slider .slick-prev:after{ position: absolute; content: ''; width: 13px; height: 9px; top: 57%; right: 117px; font-size: 40px; color: #000; background: url(//5985803.fs1.hubspotusercontent-na1.net/hubfs/5985803/SuperLead/Images/oval-2-1.svg); z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; } @media(max-width:1024px){ .home-banner-slider .slick-prev:after { right: 57px; } .home-banner-slider ul.slick-dots { right: 0px; } .home-banner-slider .slick-next:after { right: 57px; } } @media(max-width:767px){ .superlead-home2-banner-cm { padding: 60px 0; } .superlead-home2-banner-cm .cm-container { padding: 140px 20px 170px; } .superlead-home2-banner-cm .heading h2 { font-size: 32px; line-height: 36px; } .superlead-home2-banner-cm .description-container p { font-size: 18px; } .home-banner-slider ul.slick-dots { top: 84%; transform: rotate(0deg); left: 0; right: 0; margin: 0 auto; max-width: 170px; box-sizing: border-box; text-align: center; } } /******************** Home2 Section1 Styling *****************/ .home2-section1{ padding: 120px 0; position:relative; z-index:2; } .home2-section1 .right-col{ float: right; padding-left: 60px; } .home2-section1 .heading-container{ margin-bottom:20px; } .home2-section1 .heading-container h2{ margin-bottom:25px; } body .row-fluid .home2-section1 .two-col-adjust span>.hs_cos_wrapper:nth-child(2n){ margin-right:0; } body .row-fluid .home2-section1 .two-col-adjust span>.hs_cos_wrapper{ flex-basis: 44.4%; -webkit-flex-basis: 44.4%; float: left; margin-right: 9.43%; margin-top:0; margin-bottom:30px; } @media(max-width:1024px){ .home2-section1 { padding: 60px 0; } } @media(max-width:767px){ body .row-fluid .home2-section1 .two-col-adjust span>.hs_cos_wrapper { flex-basis: 100%; -webkit-flex-basis: 100%; float: none; margin-right: 0; margin-top: 0; margin-bottom: 30px; max-width: 100%; } .home2-section1 { padding: 60px 0 !important; } } /**************** Home2 Section2 Styling *************/ .home2-section2{ padding:120px 0; background:#f6fbff; position:relative; z-index:2; } .home2-section2 .right-col{ float:right; } .home2-section2 .right-col ul#filter-select li{ background:transparent; box-shadow:none; width:auto; border-left:0; border-radius:0; padding:6px 25px; } .home2-section2 .right-col .popup-content{ padding-top:20px; padding-bottom:0; } .home2-section2 .right-col ul#filter-select li.active{ background:#04082d; color:#fff; } .home2-section2 .right-col ul#filter-select li.active h4{ color:#fff; } .home2-section2 .right-col ul#filter-select li h4{ font-size:14px; line-height:25px; letter-spacing:0.02px; font-weight:500; font-family:Proxima nova; } .home2-section2 .right-col ul#filter-select{ text-align:left; } .home2-section2 .right-col .heading-container{ margin-bottom: 40px; border-bottom: 1px solid #c4c4c4; padding-bottom: 30px; } .home2-section2 .left-col img{ position:absolute; left:-370px; max-width:709px; } .home2-section2 .right-col .list-container h4{ font-size:20px; letter-spacing:0.03px; font-weight:bold; margin-bottom:0; } .home2-section2 .right-col .list-container ul li:before{ background:#04082d; left:-13px; } .home2-section2 .right-col .list-container ul li{ margin-left:20px; } @media(max-width:1024px){ .home2-section1 .right-col { padding-left: 10px; } .home2-section2 .right-col .heading-container { padding-bottom: 20px; } .home2-section2 .right-col ul#filter-select li { padding: 6px 22px; } } @media(max-width:767px){ .home2-section1 { padding: 60px 0; } .home2-section1 .right-col { padding-left: 0; margin-top: 70px; } .home2-section2 { padding: 60px 0; } .home2-section2 .left-col img { position: relative; left: -21px; max-width: 100%; margin-bottom: 20px; } .home2-section2 .right-col ul#filter-select li { margin-bottom: 10px; } } /****************** Home2 Testimonial Section Styling Start ********************/ .home2-testimonial-cm{ background: #87F2A2; padding:50px 0 100px; } .home2-testimonial-cm .cm-container .image-container{ height:117px; max-width:117px; margin:30px auto 53px; float:none; border-radius:6px; position:relative; } .home2-testimonial-cm .heading-container{ margin-bottom:90px; } .home2-testimonial-slider .slick-slide{ display:none; } .home2-testimonial-slider .slick-slide:focus{ outline:0; } .home2-testimonial-slider .slick-initialized .slick-slide{ display:block; } .home2-testimonial-slider .slick-dots li.slick-active button { width: 10px; height: 10px; background: #fff; } .home2-testimonial-slider .slick-dots li.slick-active button:focus{ outline:0; } .home2-testimonial-slider .slick-dots li { margin: 0 7px; display: inline-block; } .home2-testimonial-slider .slick-dots li:before{ display:none; } .home2-testimonial-slider .slick-dots { text-align: center; } .home2-testimonial-slider .slick-dots li button { font-size: 1px; color: transparent; padding: 0; border: 0; width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.25098039215686274); transition: all .2s ease-in-out; cursor: pointer; } .home2-testimonial-slider .slick-next:after{ position: absolute; content: '\f105'; width: 10px; height: 10px; top: 60%; right: 0; font-size: 20px; color: #FFFFFF; font-family: "Font Awesome 5 Free"; font-weight: 600; z-index: 1; padding: 10px; line-height: 10px; cursor: pointer; border-radius: 50%; } .home2-testimonial-slider .slick-prev:after{ position: absolute; content: '\f104'; width: 10px; height: 10px; top: 60%; left: 0; font-size: 20px; color: #FFFFFF; font-family: "Font Awesome 5 Free"; font-weight: 900; z-index: 1; padding: 10px; line-height: 10px; cursor: pointer; border-radius: 50%; } .home2-testimonial-slider ul.slick-dots{ padding-left: 0; position: absolute; bottom: -110px; left: 0; right: 0; } .home2-testimonial-cm .cm-container .description-container{ max-width:855px; margin:0 auto 40px; float:none; } .home2-testimonial-cm .cm-container .description-container p{ font-size:18px; line-height:30px; letter-spacing:-0.08px; font-weight:normal; font-family:Proxima nova; font-style:italic; } .home2-testimonial-cm .cm-container .info-container h4>span{ color:#fff; font-size:18px; letter-spacing:0.02px; font-weight:500; font-family:Proxima nova; } .home2-testimonial-cm .cm-container .info-container h4{ font-size:18px; letter-spacing:0.02px; font-family:Proxima nova; font-weight:normal; } @media(max-width:1024px){ .home2-testimonial-cm { padding: 80px 0 178px; } .home2-testimonial-cm .heading-container { margin-bottom: 60px; } .home2-testimonial-cm .cm-container .description-container { max-width: 565px; } } @media(max-width:767px){ .home2-testimonial-slider .slick-next:after { top: 110%; right: 35%; } .home2-testimonial-slider .slick-prev:after { top: 110%; left: 35%; } .home2-testimonial-cm .cm-container .image-container { margin: 30px auto 35px; } .home2-testimonial-cm .heading-container { margin-bottom: 40px; } .home2-testimonial-cm { padding: 70px 0 140px; } } /******************* Home2 Section4 Cm Styling ********************/ .home2-section4{ padding:120px 0; position:relative; z-index:2; } .home2-section4 .heading-container{ margin-bottom:70px; } .home2-section4 .cta-container{ margin-top:70px; margin-bottom:110px; } .home2-section4 .video-button .main-image{ position:relative; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); } .home2-section4 .video-button .play-icon{ position:absolute; left:0; right:0; top:30%; content:''; margin:0 auto; text-align:center; } .home2-section4 .video-heading{ margin-top:50px; } @media(max-width:1024px){ .home2-section4 .heading-container { margin-bottom: 40px; } .home2-section4 .cta-container { margin-top: 30px; margin-bottom: 70px; } } @media(max-width:767px){ .home2-section4 { padding: 60px 0; } .home2-section4 .heading-container { margin-bottom: 20px; } .heading-text-cm-img { margin-bottom: 50px; } .home2-section4 .cta-container { margin-top: 0px; margin-bottom: 70px; } .home2-section4 .video-button .main-image { height: auto; } .home2-section4 .video-button .play-icon { top: 16%; max-width: 100px; } } /*************** Contact Cm Version2 Styling *****************/ .contact-cm-version2{ padding:120px 0; } .contact-cm-version2 .description-container p{ font-size:24px; line-height:40px; letter-spacing:0; font-weight:normal; font-family:Proxima nova; } body .row-fluid .contact-cm-version2 .cta-container a.cta_button{ background:#000000; padding: 14px 53px; color:#fff; } .contact-cm-version2 .cta-container{ margin-top:30px; } @media(max-width:1024px){ .contact-cm-version2{ padding:70px 0; } } /***************** Portfolio Cm Version2 Styling Start ******************/ .portfolio-cm-version2{ padding:120px 0; position:relative; } .portfolio-cm-version2 .heading-container{ margin-bottom:50px; } .portfolio-cm-version2 span>.hs_cos_wrapper{ position:relative; float:left; } .portfolio-cm-version2 span>.hs_cos_wrapper:hover .hover-container{ opacity:1; transition:0.4s all ease-in-out; } .portfolio-cm-version2 .cm-container{ height:330px; position:relative; } .portfolio-cm-version2 .hover-container{ position:absolute; left:0; right:0; top:0; bottom:0; content:''; background: rgba(4.0, 8.0, 45.0, 0.81); padding:100px 25px; opacity:0; transition:0.4s all ease-in-out; } .portfolio-cm-version2 .hs_cos_wrapper.one{ width: 23.29%; } .portfolio-cm-version2 .hs_cos_wrapper.two{ width: 29.61%; } .portfolio-cm-version2 .hs_cos_wrapper.three{ width: 47.1%; } .portfolio-cm-version2 .hs_cos_wrapper.four{ width: 29%; } .portfolio-cm-version2 .hs_cos_wrapper.five{ width: 35.1%; } .portfolio-cm-version2 .hs_cos_wrapper.six{ width: 35.82%; } .portfolio-cm-version2 .hs_cos_wrapper.seven{ width: 49.46%; } .portfolio-cm-version2 .hs_cos_wrapper.eight{ width: 50.5%; } @media(max-width:1024px){ .portfolio-cm-version2 { padding: 60px 0; } .portfolio-cm-version2 .hover-container { padding: 90px 10px; } } @media(max-width:767px){ .portfolio-cm-version2 { padding: 60px 0; } .portfolio-cm-version2 span>.hs_cos_wrapper { position: relative; float: none; width: 100% !important; margin-bottom: 20px; } } /************************************************************************************ ====================Blog Rss Home 1****************** ************************************************************************************/ .ps1-home-1-blog-section .heading{ margin-bottom:40px; } .ps1-home-1-blog-section .cta_margin{ margin-top:40px; } .ps1-home-1-blog-section .featured-posts { overflow: hidden; } .ps1-home-1-blog-section .featured-posts h2, .ps1-home-1-blog-section .featured-posts h2 a{ font-size: 22px !important; line-height: 1.4; color: #fff; letter-spacing: .25px; font-weight: 700; margin-bottom: 0; display: inline-block; } .ps1-home-1-blog-section .featured-posts .post-boxes{ background-size: cover; background-position: top center; background-repeat: no-repeat; overflow:hidden; position:relative; z-index: 1; padding:20px; border: none !important; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 12px; } .ps1-home-1-blog-section .featured-posts .post-boxes:before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; display: block; z-index: -1; opacity:.6; transition:all .3s ease-in-out; background: rgba(0, 0, 0, 0.7); 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)); } .ps1-home-1-blog-section .featured-posts .post-boxes:hover:before{ opacity:.9; } .ps1-home-1-blog-section .featured-posts .post-date,.author-data{ color:#ffffff; font-size:14px; } .ps1-home-1-blog-section .featured-posts .item-1 { height: 500px; display: block; width: 48.717948718%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ps1-home-1-blog-section .featured-posts .item-2{ display: block; width: 48.717948718%; height: 250px; float: left; margin-left: 2.564102564%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ps1-home-1-blog-section .featured-posts .item-3,.featured-posts .item-4{ width: 23.076923077%; display: block; float: left; height:225px; margin-left: 2.564102564%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-top:26px; } .ps1-home-1-blog-section .featured-posts .post-boxes a.author-link{ color:#ffffff; } .ps1-home-1-blog-section .featured-posts .post-boxes .item-wrapper { position: absolute; bottom: 20px; left:20px; right:20px; } @media (max-width:767px){ .ps1-home-1-blog-section .featured-posts .item-1 { height: 300px; width: 100%; } .ps1-home-1-blog-section .featured-posts .item-2 { margin: 20px 0; width: 100%; height: 300px; } .ps1-home-1-blog-section .featured-posts .item-3, .featured-posts .item-4 { width: 100%; margin: 0 0 20px; height: 250px; } } /**************** Home Recent Post Styling *****************/ .home2-recent-posts .featured-image{ height:216px; } @media(min-width:768px){ .home2-recent-posts { margin-right: -3%; display: flex; flex-direction: row; -webkit-flex-direction: row; } .home2-recent-posts .home-posts { float: left; width: 30.33%; box-sizing: border-box; align-self: stretch; margin-right: 3%; } } .home2-recent-posts .home-posts { display: block; box-sizing: border-box; /* padding-bottom: 0; */ display: block; transition: all ease-in-out .4s; background: #fff; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); } .blog-rss-section-version2{ background:#f6fbff; padding:120px 0; } .blog-rss-section-version2 .heading-container{ margin-bottom:60px; } .home2-recent-posts #hubspot-author_data{ border-top: none; margin-top: 0px; padding-top: 0; } body .row-fluid .home-post-body-inner{ margin-left:0; background:#fff; padding:28px 21px; } .home2-recent-posts .post-date h6{ font-size:14px; line-height:25px; letter-spacing:2.02px; color:#04082d; font-family:Proxima nova; text-transform:uppercase; } .home2-recent-posts .header-container h4{ font-size:24px; letter-spacing:0.03px; font-weight:bold; line-height:normal; min-height:60px; } .home2-recent-posts .description-container p{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:normal; } .home2-recent-posts .author-image-width .hs-author-avatar{ height:42px; width:42px; border-radius:50%; } .home2-recent-posts .author-label-section h6{ margin-bottom:0; } .home2-recent-posts .author-label-section h6 a{ font-size:14px; line-height:25px; letter-spacing:0.02px; font-weight:normal; font-family:Proxima nova; } .home2-recent-posts .author-details-section .left-col{ width: 15.076923%; } .home2-recent-posts .author-details-section{ margin-top:20px; } body .row-fluid .blog-rss-section-version2 .cta-container a.cta_button{ background:transparent; color:#04082d; box-shadow:none; line-height:25px; text-decoration:underline; } body .row-fluid .blog-rss-section-version2 .cta-container a.cta_button:before{ display:none; } .blog-rss-section-version2 .cta-container{ margin-top:67px; } @media(max-width:1024px){ .blog-rss-section-version2 .heading-container { margin-bottom: 30px; } .home2-recent-posts .header-container h4 { font-size: 18px; min-height: 70px; } body .row-fluid .home-post-body-inner { padding: 20px 16px; } .home2-recent-posts .author-details-section .left-col { width: 30%; } .home2-recent-posts .author-details-section { margin-left: 0; } .blog-rss-section-version2 .cta-container { margin-top: 40px; } } @media(max-width:767px){ .blog-rss-section-version2 { padding: 60px 0; } .home2-recent-posts .home-posts { margin-bottom: 30px; } .home2-recent-posts .author-details-section .left-col { width: auto; margin-right: 20px; } .home2-recent-posts .author-details-section > .row-fluid-wrapper > .row-fluid { display: flex; align-items: center; } .home2-recent-posts .header-container h4 { font-size: 18px; min-height: auto; } body .row-fluid .home-post-body-inner { padding: 20px 25px; } .blog-rss-section-version2 .cta-container { margin-top: 10px; } } /*===================================================== Home page 2 Styling ends ==========================================================*/ /*===================================================== Home page 3 Styling ==========================================================*/ .home3-banner-section .left-col h1{ color: #04082d; } .home3-banner-section .left-col p{ font-size: 24px; font-weight: normal; line-height: 1.67; letter-spacing: normal; color: #605e7e; } .home3-banner-section{ padding-top: 208px; padding-bottom:337px; } @media(max-width:1024px){ body .row-fluid .home3-banner-section{ padding-top: 218px; padding-bottom: 247px; } } @media(max-width:767px){ body .row-fluid .home3-banner-section .right-col{ margin-top:50px; width:100%; max-width:100%; } .home3-banner-section .left-col{ width:100%; max-width:100%; } body .row-fluid .home3-banner-section{ padding-top: 170px; padding-bottom: 200px; } } /***********************************banner section styling **********************************/ body .row-fluid .home3-section1 .three-col-adjust .heading-text-cm-img{ padding: 65px 45px; margin-top: -50px; margin-right:0px; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); margin-right:0px; } .home3-section1{ padding: 0px 0px 120px 0px; } body .row-fluid .home3-section1 .three-col-adjust .cta-container a.cta_button{ font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; color:#04082d; text-decoration:underline; background:transparent; } .home3-section1 .three-col-adjust{ margin-top: -213px; } body .row-fluid .home3-section1 .three-col-adjust span>.hs_cos_wrapper{ margin-right:0px; } @media(max-width:1024px){ .home3-section1{ padding: 50px 0px 40px 0px; } .home3-section1 .text-image-cm { padding: 30px 20px; } } /*********************************home3-image-section styling *****************************/ .home3-image-section{ padding: 70px 0px 120px 0px; } @media(max-width:1024px){ .home3-image-section{ padding: 20px 0px 100px 0px; } } @media(max-width:767px){ .home3-image-section .left-image{ margin:30px 0px; } .home3-image-section{ padding: 20px 0px 60px 0px; } } /****************************story about us *********************************************/ .story-about-us-section{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); padding:120px 0px; } .story-about-us-section h2{ margin-bottom: 65px; } .story-about-us-section h3{ font-size: 22px; font-style:italic; font-weight: normal; line-height: 1.82; letter-spacing: -0.1px; color: ; margin-top:42px; margin-bottom: 55px; } .story-about-us-section .signature-container{ margin-bottom: 50px; } .story-about-us-section h6{ font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0px; color:; font-weight: 500; } .story-about-us-section h6 span{ font-size: 18px; font-weight: normal; line-height: normal; letter-spacing: 0px; color:; font-weight: 500; } @media(max-width:1024px){ .story-about-us-section{ padding: 80px 0px; } .story-about-us-section h2 { margin-bottom: 50px; } .story-about-us-section h3{ margin-top: 32px; margin-bottom: 45px; } } @media(max-width: 767px){ .story-about-us-section{ padding: 60px 0px; } } /*******************************home3-section4 styling *************************************************/ .home3-section4 .right-col{ padding: 100px 0px; background-color: ; position:relative; } .home3-section4 .right-col:before { position: absolute; content: ''; background-color: #f6fbff; right: -400%; top: 0; bottom: 0; width: 400%; height: 100%; } .home3-section4 .right-col:after { position: absolute; content: ''; background-color: #f6fbff; left: -109px; top: 0; bottom: 0; width: 70%; z-index: 0; } .home3-section4 .left-col{ position: relative; z-index: 1; } .home3-section4 .right-col .right-col-container{ position: relative; z-index: 1; } body .row-fluid .home3-section4 .right-col .right-col-container ul li:before{ background-color:#04082d; width: 5px; height: 5px; border-radius: 58%; } .home3-section4 .right-col .right-col-container h2{ margin-bottom: 25px; } .home3-section4 .right-col .right-col-container p{ margin-bottom: 28px; } .home3-section4 .right-col .right-col-container ul{ margin-bottom: 28px; } @media(max-width:1024px){ .home3-section4 .right-col{ width:100%; padding: 70px 0px 70px 10px; } } @media(max-width:767px){ body .container-fluid .row-fluid .home3-section4 .left-col img{ width:100%; max-width:100%; } .home3-section4 .left-col{ width:100%; max-width:100%; } } /*********************************end of home3-section4 ********************************************/ .key-features .text-numberc-cm .number{ position:relative; } .key-features .text-numberc-cm .number h3{ z-index: 1; position: relative; color: #fff; } .key-features{ padding: 120px 0px; } .key-features .right-col{ margin-top:35px; } .key-features .left-col{ margin-top:35px; } .key-features .text-numberc-cm .number h3{ padding-left: 0; display: inline-block; text-align: center; line-height: 36px; position:relative; min-width: 36px; min-height: 36px; } .key-features .text-numberc-cm .number h3:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background:#04082d; border-radius: 100%; } body .row-fluid .key-features .text-numberc-cm{ margin-bottom:50px; } .key-features .heading-container{ margin-bottom:0px; } @media(max-width:1024px){ .key-features .heading-container { margin-bottom: 0px; } .key-features { padding: 100px 0px 50px; } } @media(max-width:767px){ .key-features .image{ margin-bottom:70px; } .key-features { padding: 60px 0px; } .key-features .heading-container { margin-bottom: 0px; } } /***********************************benifits **********************************************/ .benifits{ background-color: ; padding:120px 0px; } .benifits .three-col-adjust{ text-align:center; margin-top: 30px; } @media(max-width:767px){ .benifits { padding: 60px 0px; } .benifits .heading-text-cm-img{ margin-bottom: 0; } } /************************benefits *******************************************/ .video-about-benefit img.play-icon { position: absolute; left: 0; right: 0; margin: 0 auto; float: none; top: 28%; } .video-about-benefit h2{ margin-top:50px; } .video-about-benefit{ padding:120px 0px; } @media(max-width:767px){ .video-about-benefit { padding: 60px 0px; } } /**************************blog-rss-section-version2 styling ***************************/ .blog-rss-section-version2 .cta-container a.cta_button{ color: #04082d; text-decoration: underline; font-weight: 600; } /*************************************final-section styling ********************************/ body .container-fluid .row-fluid .final-section{ padding:100px 0px; } body .row-fluid .final-section h2{ margin-bottom:35px; } @media(max-width:1024px){ .final-section { padding: 70px 0px; } } /*======================================================= Home page 3 Styling ends ==========================================================*/ /*====================================================== Event Page Styling Start Here ===================================================== */ .event-banner-section { padding: 505px 0 200px; position: relative; z-index: 1; } body .container-fluid .row-fluid .event-banner-section .wrapper{ position: static; } .event-banner-section .text-container h2 { font-size: 56px; line-height: 1.07; letter-spacing: 15.9px; margin-bottom: 20px; } .text-container h1 { font-size: 102px; line-height: 0.84; letter-spacing: -1.3px; color: #04082d; margin-bottom: 32px; } .text-container p { padding-right: 40px; } .event-banner-section .text-container p { letter-spacing: 2px; } .event-banner-section .register-cta { margin-top: 24px; } .event-banner-section .right-col img { position: absolute; right: 0; top: 175px; z-index: 1; } /*------------------About Event Section---------------- */ .about-event-section .left-col img { border-radius: 4px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: 20px solid #fff !important; box-sizing: content-box; } @media(min-width:768px){ .about-event-section { padding-top: 62px; padding-bottom: 100px; } .about-event-section .wrapper > .row-fluid-wrapper > .row-fluid { display: flex; align-items: center; } .about-event-section .right-col { max-width: 610px; padding-left: 41px; } } .event-container-heading h2 { font-size: 32px; line-height: 1.03; letter-spacing: 0px; color:#04082d; } body .event-container-heading ul { margin: 0; padding: 0; display:flex; flex-wrap:wrap; } .event-container-heading ul li{ font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; margin-left:0; padding-left:25px; width:50%; box-sizing: border-box; } .event-container-heading ul li:before { position: absolute; content: ''; top: 0; width: 4px; height: 4px; width: 13.9px; height: 14px; background-image: url(https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/path-22.svg); border-radius: 50%; background-color:#04082d; left: 0; background-repeat: no-repeat; background-position: center; margin: auto; bottom: 0; } body .event-container-heading ul { margin: 0; padding: 0; max-width: 480px; margin-top: 28px; margin-bottom: 33px; } body .about-event-section .event-container-heading { border-bottom: 2px solid #e0e0e0; margin-bottom: 33px; } .about-event-section .right-col a { color:#04082d; text-decoration:underline; font-weight: 600; line-height: 1.56; letter-spacing: 0px; margin-top: 18px; display: inline-block; } /* ----------------Event Topics CM Styling------------- */ body .topics-section { background-position: right top !important; background-size: contain !important; background-repeat: no-repeat !important; } .event-topics-group { margin-top: 25px; } .event-topics-cm { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; position: relative; } .event-topics-cm .event-topics-info { display: flex; align-items: center; } .event-topics-cm .event-topics-info .event-topics-left { width: 70%; padding: 20px 88px 75px 85px; box-sizing: border-box; } .event-topics-cm .event-topics-info .event-topics-right { width: 41%; min-height: 722px; } .event-topics-left h2 { font-size: 50px; line-height: normal; letter-spacing: normal; } .event-topics-left p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; } body .event-topics-tabber ul { margin: 0; padding: 0; list-style-type: decimal-leading-zero; list-style-position: inside; } body .event-topics-tabber ul:before { } body .event-topics-tabber ul li { font-size: 14px; font-weight: 500; line-height: 1.79; letter-spacing: 0px; color: #000; padding-right: 39px; margin-right: 0px; margin-left: 0; cursor: pointer; display: inline-block; position: relative; margin-left: -5px; margin-top: 25px; } body .event-topics-tabber ul li:last-child { margin-right: 0px; } body .event-topics-tabber ul li.active:after { content: ''; position: absolute; left: 0; right: 0; top: -14px; height: 2px; background: #04082d; width: 100%; } body .event-topics-tabber ul li.active { color:#04082d; } .event-topics-tabber ul li:before{ content: ''; position: absolute; width: 100%; left: 0; right: 0; top: -14px; height: 1px; background: #d6d6d6; } .event-topics-tabber { position: absolute; bottom: 0; left: 85px; bottom: 75px; } @media(min-width:768px){ .event-topics-tabber{ width:55%; } } /* ----------------Event Speakers CM Styling------------- */ .speakers-section { padding: 100px 0 167px; } .event-speakers-group { margin-top: 25px; } .event-speakers-cm { position: relative; } .event-speakers-cm .event-speakers-info { background-repeat: no-repeat; background-position: right top; } .event-speakers-cm .event-speakers-con-grp { display: flex; align-items: center; max-width: 888px; margin: 0 auto; } .event-speakers-cm .event-speakers-info .event-speakers-left { width: 50%; padding: 0px 75px 0px 0px; box-sizing: border-box; } .event-speakers-cm .event-speakers-info .event-speakers-right { width: 50%; text-align: right; } .event-speakers-cm .event-speakers-info .event-speakers-right img { float: right; } .event-speakers-left h2 { font-size: 50px; line-height: normal; letter-spacing: normal; } .event-speakers-left p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; } .event-speakers-left h6 { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 3.3px; color: #8a8a8a; text-transform: uppercase; } .speakers-left-top { margin-bottom: 50px; } .speakers-left-bottom a { font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; color:#04082d; text-decoration: underline; margin-top: 25px; display: inline-block; } .event-speakers-cm button.slick-next.slick-arrow { background-image: url('https://info.container-solutions.com/hubfs/next-32px.png'); right: 0px; } .event-speakers-cm button.slick-arrow { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 59px; height: 59px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; } .event-speakers-cm button.slick-prev.slick-arrow { left: 0px; background-image: url('https://info.container-solutions.com/hubfs/back-32px.png'); } /* --------------Speaker Single Section Styling ---------------- */ .event-speaker-single-cm { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; } .event-speaker-single-top { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 309px; } .event-speaker-single-bottom h4 { font-size: 18px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #000000; } .event-speaker-single-bottom h6 { font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: 2.5px; color: #8a8a8a; } .event-speaker-single-bottom { padding: 20px 16px; } /* --------------Pricing Section------------------- */ .pricing-section { padding-bottom: 166px; } .pricing-section .pricing-list-group { margin-top: 70px; } .pricing-section .event-container-heading { border-bottom: solid 1px #e5e5e5; padding-bottom: 7px; } .event-pricing-info h6 { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: #828282; margin-bottom: 0; } .event-pricing-info h2 { font-size: 73px; font-weight: bold; line-height: normal; color: #2b2b2b; } .event-pricing-info ul li { margin-left: 0; font-size: 20px; line-height: 2; letter-spacing: normal; text-align: center; color: #929292; margin-bottom: 0; } .event-pricing-info ul li:before { display: none; } .event-pricing-info ul { margin: 0; padding: 0; } .event-pricing-info p { font-size: 12px; line-height: 1.67; letter-spacing: 0px; text-align: center; color: #808080; } .event-pricing-cm { padding: 84px 0; width: 100%; } body .row-fluid .pricing-list-group.three-col-adjust span>.hs_cos_wrapper:nth-child(2) .event-pricing-cm { border-radius: 4px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; } @media(min-width:768px){ body .row-fluid .pricing-list-group.three-col-adjust span>.hs_cos_wrapper:nth-child(2) { flex-basis: 34.9%; -webkit-flex-basis: 34.9%; } body .row-fluid .pricing-list-group.three-col-adjust span>.hs_cos_wrapper { flex-basis: 28.9%; -webkit-flex-basis: 28.9%; } } body .row-fluid .pricing-list-group.three-col-adjust span>.hs_cos_wrapper:nth-child(2) .event-pricing-cm h2 { color: #04082d; } .event-pricing-cm .event-pricing-group { max-width: 217px; margin: 0 auto; } .event-pricing-cm .pricing-cta-group { margin-top: 33px; margin-bottom: 17px; } body .container-fluid .pricing-section .pricing-list-group .pricing-cta-group a.cta_button { width: 100%; display: block; box-sizing: border-box !important; max-width: 208px; margin: 0 auto; padding: 18px 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33); } body .row-fluid .pricing-list-group.three-col-adjust span>.hs_cos_wrapper:nth-child(1) a.cta_button { border-radius: 2px; border: solid 1px #04082d; background-color: transparent; color: #04082d; } body .row-fluid .pricing-list-group.three-col-adjust span>.hs_cos_wrapper:nth-child(1) a.cta_button:hover{ color: #ffffff; } /* ------------Locations Section -------------- */ @media(min-width:768px){ .event-location-group .event-location-left { width: 39%; min-height: 485px; } .event-location-middle { width: 25%; } .event-location-right { width: 36%; } .event-location-group { display: flex; flex-wrap: wrap; align-items: stretch; } .event-location-group>div { margin: 45px 0; } .event-location-group>div.event-location-middle { margin: 0px 0; } } .event-location-left { background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 48px 0 41px; text-align: center; position: relative; z-index: 1; } .event-location-left:before { content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.34); top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .get-direction-link { position: absolute; left: 0; right: 0; bottom: 41px; } .event-location-cm h5 { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: normal; margin-bottom: 30px; } .event-location-cm h4 { font-size: 22px; line-height: normal; letter-spacing: normal; } .event-location-cm p { font-size: 14px; line-height: 1.43; letter-spacing: normal; } .event-location-cm a { font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; text-decoration: underline; } .event-location-cm .location-left-group { max-width: 329px; margin: 0 auto; } .event-location-middle { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #f6fbff; margin: 0; text-align: center; padding: 32px 0 5px; } .venue-ways h5 { font-size: 18px; font-weight: bold; color: #000000; } .event-location-cm .venue-by h5 { color: #000000; text-transform: uppercase; margin-bottom: 17px; } .event-location-cm .venue-by p { color: #808080; } .event-location-cm .venue-ways { margin-bottom: 33px; } .event-location-cm .venue-top-logo { margin-bottom: 20px; } .event-location-cm .venue-by { border-top: 1px solid #e5e5e5; padding-top: 36px; padding-bottom: 18px; } .event-location-cm .venue-by-group { max-width: 235px; margin: 0 auto; } .event-location-cm .hotel-top-img { min-height: 309px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .event-location-cm .hotel-bottom-con { text-align: center; padding-top: 62px; } .hotel-bottom-con-grp h5 { margin-bottom: 18px; } .hotel-bottom-cta { margin-top: 20px; } .event-location-cm .hotel-bottom-cta a{ color:#04082d; } /* ------------Gallery Section Styling--------------- */ .portfolio-cm-version2.event-gallery-section span>.hs_cos_wrapper { border: 0.5px solid #fff; box-sizing: border-box; } .event-gallery-section .event-container-heading { margin-bottom: 55px; } /* ---------Latest News Section----------- */ .latest-news-section { padding: 114px 0 20px; } .latest-news-section h2{ margin-bottom:66px; } @media(min-width:768px){ .event-latest-news-info { display: flex; flex-wrap: wrap; margin-right: -3%; } .event-latest-news-info > .latest-news { width: 30.33%; box-sizing: border-box; align-self: stretch; margin-right: 3%; } } .topics-list a { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 1px; text-transform: uppercase; color:#04082d; display: none; } .topics-list a:first-child { display: block; } body .container-fluid .latest-news-body-inner { margin-left: 0; } .event-latest-news-cm div#hubspot-author_data { border: 0; margin: 0; padding: 0; } .event-latest-news-cm h4 { font-size: 18px; line-height: normal; letter-spacing: 0px; } .event-latest-news-cm .post-date { margin-bottom: 23px; } .event-latest-news-cm .post-date h6 { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 2px; color: #8a8a8a; text-transform: uppercase; padding-right: 15px; position: relative; margin-bottom: 0; } .event-latest-news-cm .description-container p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; } .event-latest-news-cm .topics-list { padding-top: 35px; padding-bottom: 29px; } .event-latest-news-cm .header-container { margin-bottom: 20px; } .event-latest-news-cm .event-latest-news-info { margin-bottom: 45px; } .event-latest-news-cm .view-all-news a { color: #04082d; text-decoration: underline; } .event-latest-news-cm .latest-news-body { position: relative; height:252px; } .event-latest-news-cm .post-date h6:last-child{ padding:0; } .event-latest-news-cm .post-date h6:after { position: absolute; content: '-'; top: 0; bottom: 0; margin: auto; right: 3px; } .event-latest-news-cm .post-date h6:last-child:after{ display:none; } .event-latest-news-cm .latest-news-body a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @media(max-width:767px){ .latest-news-inner { margin-bottom: 30px; } } /* ------------Scheduling Section--------- */ .event-schedule-section-cm { padding-top: 58px; padding-bottom: 79px; position:relative; z-index: 1; } body .container-fluid .event-schedule-section-cm .row-fluid.wrapper { position: unset; } .event-schedule-section-cm .event-container-heading:after { content: ''; position: absolute; left: 0; right: 0; height: 1px; background: #d6d6d6; width: 100%; margin: 0 auto; } .event-schedule-section-cm .event-container-heading { margin-bottom: 130px; } .day-tabs .day h3 { font-size: 50px; line-height: 1.2; } @media(min-width:768px) and (max-width:1024px){ .day-tabs .day h3{ font-size: 35px; } } /*====================================================== Event Page Styling Ends Here ===================================================== */ /*==================================================== Contact Three Page Styling ======================================================*/ .contact-version3-section1{ padding: 210px 0 120px; } .contact-version3-section1 h2{ color:#04082d; } .contact-threecol-cm p a{ color:#000000; } @media(min-width:768px){ .contact-version3-section1 .left-col{ padding-right:23px; } } .border-top{ border-top: 1px solid #dadada; padding: 32px 0 70px; } .contact-version3-section1 .left-col .closed-form{ padding-top:27px; } .row-fluid .closed-form form .field>label{ font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; color: #04082d; } .row-fluid .closed-form form input, .row-fluid .closed-form form select, .row-fluid .closed-form form textarea{ border: solid 1px #dadada; background-color: #ffffff; font-size: 16px; font-weight: 400; line-height: 1.56; letter-spacing: 0px; color: #000000; padding: 10px; height: 46px; } .row-fluid .closed-form form textarea{ height:170px; } body .container-fluid .row-fluid .closed-form form .hs-button{ float: right; margin-top: 33px; text-transform: uppercase; min-width: 202px; } @media(max-width:767px){ .contact-version3-section1 { padding: 164px 0 60px; } .contact-version3-section1 .right-col{ margin-top: 60px; } } /*==================================================== Contact Four Page Styling ======================================================*/ .contact-version4-section1 { padding: 215px 0 120px; } .contact-version4-section1 .left-col h2{ margin-bottom: 37px; } .contact-version4-section1 .left-col h4{ margin-top: 50px; margin-bottom: 30px; letter-spacing: 0; } .contact-version4-section1 .left-col p{ margin-bottom: 30px; } body .row-fluid .contact-version4-section1 .right-col{ border-radius: 8px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; margin:0; } .row-fluid .contact-version4-section1 .left-col .row-fluid-wrapper{ box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #04082d; padding: 20px; } .contact-version4-section1 form{ max-width: 440px; margin: 0 auto; padding: 69px 20px 160px; } body .container-fluid .row-fluid .contact-version4-section1 form input, body .container-fluid .row-fluid .contact-version4-section1 form select, body .container-fluid .row-fluid .contact-version4-section1 form textarea{ font-size: 16px; line-height: 25px; margin-bottom: 14px; letter-spacing: 0.02px; font-weight:500; color:#000000; } body .container-fluid .row-fluid .contact-version4-section1 form .hs-button{ margin-top: 28px; float: right; min-width: 202px; color:#fff; } @media(min-width:768px){ body .container-fluid .row-fluid .contact-version4-section1 .left-col{ width:51%; } .row-fluid .contact-version4-section1 .left-col .row-fluid-wrapper{ padding: 60px 55px 34px; } } @media(min-width:768px) and (max-width:1024px){ .row-fluid .contact-version4-section1 .left-col .row-fluid-wrapper { padding: 60px 25px 34px; } } @media(max-width:767px){ .contact-version4-section1 { padding: 145px 0 117px; } .contact-version4-section2 { padding: 70px 0px; } .row-fluid .contact-version4-section1 .left-col .row-fluid-wrapper { padding: 50px 20px; } } .contact-version4-section2{ position: relative; z-index: 2; padding: 100px 0px; } .contact-version4-section2 h2{ margin-bottom: 40px; color:#04082d; } @media(min-width:768px){ body .container-fluid .row-fluid .contact-version4-section2 .left-col{ padding-right:40px; } } .contact-us4 .border-top { padding: 32px 0 45px; } @media(max-width:767px){ .contact-version4-section2{ padding:50px 0; } } /*========================================================== Super Lead Event Listing 1 ============================================================*/ .event-listing1-hero{ padding: 205px 0px 104px; } .event-listing1-hero h5{ text-transform: uppercase; letter-spacing: 2px; font-weight: 500; margin-bottom: 10px; } .event-listing1-section1{ padding: 102px 0px; } .event-listing1-section1 .heading{ max-width: 740px; padding-bottom: 35px; } .event-listing1-section1 h2{ margin-bottom: 33px; } .event-listing1-section2{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); padding: 162px 0 158px; } .event-page-rss{ padding-bottom:100px; } .event-page-rss h2{ padding-bottom: 52px; color:#04082d; } @media(max-width:767px){ .event-listing1-hero { padding: 165px 0px 39px; } .event-listing1-section1 { padding: 75px 0px; } .event-listing1-section1 .heading { padding-bottom: 0px; } .event-listing1-section2 { padding: 65px 0 40px; } .event-listing1-section2 .right-col{ padding-top: 50px; } } /*================================================================= Event Listing 2 page Styling =====================================================================*/ @media(min-width:768px){ body .row-fluid .event-listing2-section1 .right-col{ margin: 0; width: 25%; } } .event-listing2-event-cm h4{ color:#04082d; } .event-listing2-event-cm h5{ color:#000000; } .event-listing2-section1 .heading { padding-bottom: 74px; } @media(max-width:767px){ .event-listing2-section2.learning-faq-section{ padding-top:0; } } /* ----------Hero Section-------------- */ .event-banner-section { padding: 400px 0 184px; } .event-banner-section .right-col .rounded-speaker img { border: 15px solid #fff !important; border-radius: 100%; box-sizing: border-box; z-index: 4; position: absolute; right: 460px; top: 185px; box-shadow: 0 2px 18px 0 rgba(0,0,0,0.18); } .event-banner-section .right-col .event-image{ position: absolute; right: 0; top: 0; bottom: 0; width: 50%; } @media(min-width:1025px) and (max-width:1200px){ .event-banner-section .right-col .rounded-speaker img { right: 360px; } .event-banner-section .right-col .event-image img { right: -120px; width: 660px !important; height: 660px; } } @media(min-width:768px) and (max-width:1024px){ .event-banner-section { padding: 283px 0 250px; } .event-banner-section .right-col .rounded-speaker img { right: 300px; } .event-banner-section .right-col .event-image img { right: -120px; top: 175px; width: 600px !important; height: 600px; } .text-container h1 { font-size: 80px; } .event-banner-section .text-container h2 { font-size: 45px; } } @media(min-width:768px) and (max-width:900px){ .event-banner-section { padding: 283px 0 150px; } .event-banner-section .right-col .rounded-speaker img { right: 200px; } .event-banner-section .right-col .event-image img { right: -70px; width: 500px !important; height: 500px; } .event-banner-section .text-container h2 { font-size: 30px; letter-spacing: 5px; } .text-container h1 { font-size: 60px; } } @media(max-width:767px){ .event-banner-section { padding: 150px 0 50px; } .event-banner-section .right-col .rounded-speaker img { position: relative; right: 0px; top: 60px; width: 200px !important; border: 10px solid #fff !important; } .event-banner-section .right-col .event-image img { position: relative; right: 0px; top: -70px; width: 360px !important; height: 360px; } .event-banner-section .text-container h2 { font-size: 32px; letter-spacing: 5.9px; } .text-container h1 { font-size: 62px; } .event-banner-section .right-col .event-image{ display:none } } /* About Section Mobile styling */ @media(max-width:1024px){ body .about-event-section .event-container-heading{ margin-top: 40px; } .about-event-section .left-col img { box-sizing: border-box; } } @media(min-width:768px) and (max-width:1024px){ .about-event-section { padding-top: 62px; padding-bottom: 50px; } .about-event-section .right-col { padding-left: 20px; } } /* -----Topics Section Responsive------ */ .event-topics-cm .event-topics-info .event-topics-right { background-size: cover; background-repeat: no-repeat; background-position: center center; } @media(max-width:1024px){ .event-topics-cm { padding-bottom: 12px; } .event-topics-cm .event-topics-info .event-topics-left { width: 60%; padding: 20px 20px 75px 20px; } .event-topics-left h2 { font-size: 38px; } .event-topics-cm .event-topics-info .event-topics-right { width: 40%; min-height: 500px; } body .event-topics-tabber ul { text-align: center; margin: 0 auto; } } @media(min-width:768px) and (max-width:1024px){ body .topics-section { padding: 100px 0 60px; margin-top: -60px; } body .container-fluid .row-fluid .event-topics-right.span4 { width: 40%; min-height: 500px; } body .container-fluid .row-fluid .event-topics-left{ width: 60%; padding: 20px 20px 75px 20px; } .event-topics-tabber{ left: 0; bottom: 0; position: relative; margin-top: 43px; margin-bottom: 20px; } } @media(max-width:767px){ body .topics-section { padding: 90px 0 40px; margin-top: 0; } .event-topics-cm .event-topics-info { flex-direction: column-reverse; } .event-topics-cm .event-topics-info .event-topics-right { width: 100%; min-height: 360px; background-position: top; } .event-topics-cm .event-topics-info .event-topics-left { width: 100%; padding: 20px 20px 20px 20px; } body .event-topics-tabber ul:before { display:none; } body .event-topics-tabber ul li.active:after { display:none; } .event-topics-tabber { margin-top: 23px; margin-bottom: 20px; bottom: initial; top: 257px; } body .event-topics-tabber ul li { padding-right: 0; margin-right: 0; padding-left: 20px; } } .pad-bottom50{ padding-bottom:150px; } @media(max-width:767px){ body .container-fluid .pad-bottom50{ padding-bottom:75px; } .event-topics-right.span4{ margin-top:60px; } } /*---------Schedule Section Responsive-------- */ body .container-fluid .event-schedule-section-cm .row-fluid.wrapper { box-sizing: border-box; } @media(min-width:768px) and (max-width:1024px){ .event-schedule-section-cm { padding-top: 20px; padding-bottom: 79px; position: relative; z-index: 1; } .event-schedule-section-cm .event-container-heading { margin-bottom: 60px; } .day-description .accordion_group .accordion-icon:before, .day-description .accordion_group .accordion-icon:after { top: 20px; } } @media(max-width:767px){ .event-schedule-section-cm { padding-top: 30px; padding-bottom: 40px; } body .container-fluid .event-schedule-section-cm .row-fluid.wrapper { box-sizing: border-box; } .event-schedule-section-cm .time-icon-section { max-width: 100%; } .event-schedule-section-cm div.day { margin: 0 auto; margin-bottom: 25px; } .day-description { display: block; align-items: center; position: relative; } .type-of-event { padding: 15px 0px 5px; margin-right: 0; width: 100%; } .type-of-event:before { display:none; } .day-description .description:before { max-width: 100%; } .day-description:last-child .description:after { max-width: 100%; } .day-description .description { width: 100%; } .day-description .accordion_group .accordion-icon:before, .day-description .accordion_group .accordion-icon:after { top: 30px; } .accordion_header h4 { font-size: 24px; padding-right: 20px; } .event-schedule-section-cm .event-container-heading { margin-bottom: 50px; } } /* --------Speakers Sectrion Responsive---------- */ @media(min-width:768px) and (max-width:1024px){ .speakers-section { padding: 30px 0 100px; } .event-speakers-cm .event-speakers-info { background-size: 55%; padding: 20px 0; } .event-speakers-cm .event-speakers-info .event-speakers-left { padding: 20px 30px 0px 0px; } } @media(min-width:901px) and (max-width:1024px){ .event-speakers-cm .event-speakers-info { background-size: 50%; } .event-speakers-cm .event-speakers-info .event-speakers-left { padding: 20px 75px 0px 0px; } } @media(max-width:767px){ .speakers-section { padding: 20px 0 60px; } .event-speakers-cm .event-speakers-info { padding: 90px 0 0; } .event-speakers-cm .event-speakers-con-grp { flex-direction: column-reverse; } .event-speakers-cm .event-speakers-info .event-speakers-left { padding: 30px 20px 30px 20px; width:100%; } .speakers-left-top { margin-bottom: 30px; } .event-speakers-left h2 { font-size: 38px; } .event-speakers-cm .event-speakers-info .event-speakers-right img { float: none; margin: 0 auto; height: auto; } .event-speakers-cm .event-speakers-info .event-speakers-right { width: 100%; text-align: center; } .event-speakers-cm .event-speakers-info { padding: 10px 0 0; } .event-speaker-single-top { background-position: top; } } @media(max-width:480px){ .event-speakers-cm .event-speakers-info { background-size: 90%; } } /*-------Pricing Section Responlsive---------- */ @media(min-width:768px) and (max-width:1024px){ .pricing-section { padding-bottom: 80px; } } @media(max-width:767px){ .pricing-section { padding-bottom: 30px; } .event-pricing-cm { padding: 40px 0; } .pricing-section .pricing-list-group { margin-top: 0px; } } /*--------Locations Section REsponsive------------ */ @media(min-width:768px) and (max-width:1024px){ .location-middle-group { padding: 0 10px; } .event-location-cm .hotel-bottom-con { padding-left: 10px; } } @media(max-width:767px){ .event-location-left { padding: 78px 0 100px; } .event-location-cm { margin-top: 30px; } } /* ---------Gallery Section Responsive--------- */ @media(max-width:767px){ .event-gallery-section .event-container-heading { margin-bottom: 30px; } } /* ----------Latest News Section Responsive--------- */ @media(min-width:768px) and (max-width:1024px){ .latest-news-section { padding: 30px 0 20px; } } @media(max-width:1024px){ .event-latest-news-cm .topics-list { padding-top: 15px; padding-bottom: 15px; } .event-latest-news-cm .header-container { margin-bottom: 0px; min-height: 70px; } .event-latest-news-cm .post-date h6 { font-size: 10px; } } @media(min-width:768px) and (max-width:900px){ .event-latest-news-cm .latest-news-body { height: 200px; } } @media(max-width:767px){ .latest-news-section { padding: 0px 0 20px; } .event-latest-news-cm .latest-news { margin-bottom: 50px; } .event-container-heading h2 { font-size: 40px; } .event-latest-news-cm .header-container { min-height: auto; } .event-latest-news-cm .post-date h6 { font-size: 12px; } } /************************************ebook-hero-section **************************************/ .ebook-hero-section{ padding: 335px 0px 30px 0px; } .ebook-hero-section .left-col .heading h1{ font-size: 62px; font-weight: bold; line-height: 1.23; letter-spacing: -1.8px; margin-bottom: 30px; } .ebook-hero-section .left-col .heading p{ font-size: 24px; line-height: 1.67; color: #605e7e; margin-bottom: 40px; } .ebook-hero-section .left-col{ margin-top:-70px; } body .container-fluid .row-fluid .ebook-hero-section .left-col a.cta_button{ padding: 15px 40px; } @media(max-width:1024px){ .ebook-hero-section { padding: 220px 0px 20px 0px; } } @media(max-width:767px){ .ebook-hero-section { padding: 200px 0px 10px 0px; } .ebook-hero-section .right-col{ margin-top:50px; text-align:center; } } /*********************************ebook section1 styling starts ******************************/ .ebook-section1 .left-col ol li{ font-size: 20px; font-weight: bold; letter-spacing: 0px; color: #000000; margin-bottom: 30px; } .ebook-section1 .left-col{ margin-top: 25px; } .ebook-section1 .heading{ margin-bottom: 42px; } @media(max-width:1024px){ .ebook-section1 { padding: 50px 0px 40px; } .ebook-section1 .left-col ol li{ font-size: 17px; } } @media(max-width:767px){ .ebook-section1 { padding: 10px 0px 10px; } .ebook-section1 .heading { margin-bottom: 20px; } } /********************************ebook section 2 styling *************************/ .ebook-section2 { padding: 90px 0px 100px 0; } body .container-fluid .row-fluid .ebook-section2 .ebook-section2-content{ padding: 60px 46px 80px 46px; max-width: 807px; margin: 0 auto; float: none; background: #fff; border-radius: 8px; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); } .ebook-section2 .heading{ margin-bottom: 18px; } .ebook-section2 form input[type=text]{ margin-bottom: 28px; line-height: 1.56; letter-spacing: 0px; } .ebook-section2 .row-fluid form input, .row-fluid form select, .row-fluid form textarea { padding: 10px 0 20px; } .ebook-section2 form .actions{ float: right; margin-top:-14px; } body .row-fluid .ebook-section2 form .hs-button{ padding: 15px 56px; } @media(max-width:1024px){ .ebook-section2 { padding: 50px 0px 50px 0; } } @media(max-width:767px){ .ebook-section2 { padding: 20px 0px 60px 0; } .ebook-section2 form .actions { float: none; } } /*****************************************ebook section 3 stying start *******************/ .ebook-section3 { padding: 67px 0px 88px 0; } .ebook-section3 .heading{ margin-bottom: 15px; } @media(max-width:1024px){ .ebook-section3 { padding: 50px 0px 50px 0; } } @media(max-width:767px){ .ebook-section3 { padding: 30px 0px 21px 0; } } /*************************ebook-section4 styling starts ************************************************/ .ebook-section4{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); padding: 154px 0px 115px; } .ebook-section4 .left-col h2{ font-size: 62px; font-weight: bold; line-height: 1.23; letter-spacing: -1.8px; } .ebook-section4 .left-col p{ font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; } @media(max-width:1024px){ .ebook-section4{ padding: 80px 0px 60px; } } /* ===================Event2 Page Styling======================== */ .event2-banner-section { padding: 195px 0 124px; } div#timer { display: flex; align-items: stretch; margin-bottom: 67px; } .event-2-timer-cm .cont{ margin-right:29px; } .event-2-timer-cm .cont h2{ font-size: 62px; font-weight: bold; line-height: normal; letter-spacing: 0px; text-align: center; font-family: 'Moderat'; margin-bottom:0px; } .event-2-timer-cm .cont span { font-size: 14px; font-weight: 500; line-height: 1.57; letter-spacing: normal; display: block; text-align: center; font-family: 'proxima_novaregular'; } #days h2{ color: #d016d9; } #hours h2{ color: #1fbbad; } #minutes h2{ color: #c6ad15; } #seconds h2{ color: #0fa7e4; } .event2-banner-section .text-container p { margin-bottom: 0; } .event2-banner-section .text-container h1 { font-size: 50px; line-height: 1.32; letter-spacing: -1.5px; margin-bottom: 15px; } .event2-banner-section .register-cta.yellow-cta { margin-top: 22px; } @media(max-width:1024px){ .event2-banner-section { padding: 130px 0 130px; } } @media(max-width:767px){ .event2-banner-section { padding: 160px 0 60px; } .event-2-timer-cm .cont h2{ font-size: 32px; margin-bottom:0px; } .event-2-timer-cm .cont span { font-size: 12px; line-height: normal; } div#timer { margin-bottom: 30px; } .event2-banner-section .text-container h1 { font-size: 30px; } .text-container p { padding-right: 0; } } /* -----------Video Section-------------------- */ .about-event-section2 { padding: 153px 0 120px; } .about-event-section2 .about-event-left-content{ max-width:422px; } .about-event-section2 .wistia_click_to_play { cursor: pointer; max-width: 583px; } .about-event-section2 .video-button.widget-type-cta { text-align: right; } .about-event-section2 .video-button .play-icon { position: absolute; right: 0; top: 27%; content: ''; margin: 0 auto; text-align: center; margin: 0 auto; left: 0; } .about-event-section2 h2 { line-height: normal; margin-bottom: 25px; } .about-event-section2 p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; } .about-event-section2 a { font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; color: #04082d; text-decoration: underline; margin-top: 10px; display: inline-block; } .about-event-section2 .wistia_click_to_play a { margin-top: 0; } @media(max-width:1024px){ .about-event-section2 { padding: 90px 0 90px; } } @media(max-width:767px){ .about-event-section2 { padding: 60px 0 60px; } .about-event-section2 .wrapper > .row-fluid-wrapper > .row-fluid { display: flex; flex-direction: column-reverse; } .about-event-section2 .video-button.widget-type-cta{ margin-bottom: 50px; text-align: center; } .about-event-section2 .video-button .play-icon{ top:15%; } } /* ------------Benifits Section---------- */ .event-benifits-section { padding: 124px 0 66px; } .event-benifits-cm { margin-top: 20px; } .event-benifits-section .event-container-heading h2 { color: #000; } @media(min-width:768px){ .event-benifits-cm .event-benifits-group { display: flex; align-items: stretch; flex-wrap: wrap; margin-right: -4.7%; } .event-benifits-cm .event-benifits-group > .event-benifits-info { width: 28.5%; margin-right: 4.7%; } } .event-benifits-cm .event-benifits-group > .event-benifits-info { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; box-sizing: border-box; position: relative; padding: 84px 32px 40px 35px; margin-bottom: 55px; } .event-benifits-cm .box-number { width: 62px; height: 61px; top: 0; right: 0; position: absolute; border-radius: 0 0% 0% 100%; background: #04082d; } .box-number h2 { font-size: 40px; font-weight: bold; line-height: normal; letter-spacing: 0px; color: #ffffff; margin-bottom: 0px; margin-top: 7px; text-align: center; position: relative; margin-right: -18px; } .event-benifits-cm .event-benifits-content h3 { line-height: normal; } .event-benifits-cm .event-benifits-content p { line-height: 1.56; letter-spacing: 0px; } @media(max-width:1024px){ .event-benifits-section { padding: 60px 0 40px; } } @media(max-width:767px){ .event-benifits-section { padding: 40px 0 30px; } .event-benifits-cm .event-benifits-group>.event-benifits-info { padding: 54px 20px 30px 20px; margin-bottom: 15px; } } /* -------------Event Information Section------------------ */ body .event-info-section { position: relative; z-index: 1; overflow:hidden; } body .event-info-section:before { position: absolute; background: #fff; bottom: -190px; left: 0px; right: -30px; width: auto; height: 280px; transform: rotate(-2deg); content: ''; z-index: -1; } .event-information-cm { padding: 121px 0 222px; } .event-information-group > .event-information-info { width: 25%; text-align: center; position: relative; } .event-information-group { display: flex; align-items: stretch; flex-wrap: wrap; } .event-info-number h2 { font-size: 44px; line-height: normal; letter-spacing: 0.1px; } .event-info-title h5 { font-size: 16px; line-height: 1.56; letter-spacing: 0px; text-align: center; } .event-information-group > .event-information-info:after { content: ''; position: absolute; top: 0; bottom: 0; width: 1px; height: 54px; background: #fff; right: 0; margin: auto; } @media(min-width:768px){ .event-information-group > .event-information-info:nth-child(4n+4):after, .event-information-group > .event-information-info:last-child:after{ display:none; } } @media(max-width:1024px){ body .event-info-section:before { top: 250px; } .event-information-cm { padding: 71px 0 142px; } } @media(max-width:767px){ body .event-info-section:before { top: 290px; } .event-information-cm { padding: 70px 0 70px; } .event-information-group>.event-information-info { width: 50%; } .event-information-group > .event-information-info:nth-child(2n+2):after, .event-information-group > .event-information-info:last-child:after{ display:none; } } /* ------------Scheduling Section-------------- */ .event2-schedule-section-cm { padding: 109px 0 119px; } body .container-fluid .event2-schedule-section-cm > .wrapper { max-width: 948px; box-sizing: border-box; } .event2-schedule-section-cm .event-container-heading { margin-bottom: 56px; } @media(min-width:768px){ body .container-fluid .event2-schedule-section-cm .scheduling-grouping-content .day-tabs { border-radius: 5px; max-width: 558px; margin: 0 auto; float: none; display: flex; align-items: stretch; justify-content:center; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); } .event2-schedule-section-cm div.day-listing { width: 33.3333%; } } body .container-fluid .event2-schedule-section-cm .scheduling-grouping-content .day-tabs { border-radius: 5px; box-shadow: 20px 22px 54px 0 rgba(0,0,0,0.14); } .event2-schedule-section-cm div.day-listing { box-sizing: border-box; padding: 19px 0px; text-align: center; border-radius: 0px; background-color: #fff; cursor: pointer; border-right: 1px solid #dcdcdc; } .event2-schedule-section-cm div.day-listing:last-child { border-right: 0; } .event2-schedule-section-cm .day-listing p { text-transform: uppercase; } .event2-schedule-section-cm div.day-listing.active { background-color: #04082d; } .event2-schedule-section-cm div.day-listing.active *{ color: #fff; } .event2-schedule-section-cm div.day-listing > * { margin-top: -5px; padding-bottom: 14px; } .event2-schedule-section-cm .day-listing h3 { font-size: 30px; line-height: normal; letter-spacing: normal; } .event2-schedule-section-cm .day-description { display: flex; align-items: center; position: relative; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; margin-bottom: 30px; padding: 40px 55px 40px; box-sizing: border-box; } .event2-schedule-section-cm .day-description .type-of-event-left { width: 25%; } .event2-schedule-section-cm .day-description .type-of-event-right { width: 75%; box-sizing: border-box; padding-left: 75px; border-left: 1px solid #d8d8d8; } .event2-schedule-section-cm .days-breakdown.accordion { margin-left: 0; margin-top:47px; } .event2-schedule-section-cm .type-of-event-left h4 { font-size: 33px; line-height: 1.82; letter-spacing: 0px; color: #04082d; margin-bottom: 0; } .event2-schedule-section-cm .type-of-event-left h5 { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: normal; color: #8a8a8a; margin-bottom: 0; text-transform: uppercase; } .event2-schedule-section-cm .type-of-event-header h4 { font-size: 28px; font-weight: bold; line-height: normal; letter-spacing: 0px; color: #000000; } .event2-schedule-section-cm .type-of-event-bottom p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; } @media(max-width:1024px){ .event2-schedule-section-cm { padding: 60px 0 60px; } } @media(max-width:767px){ .event2-schedule-section-cm { padding: 30px 0 30px; } .event2-schedule-section-cm .event-container-heading { margin-bottom: 30px; } .event2-schedule-section-cm .day-description { display: block; margin-bottom: 16px; padding: 20px 25px 20px; } .event2-schedule-section-cm .day-description .type-of-event-left { width: 100%; margin-bottom: 20px; } .event2-schedule-section-cm .day-description .type-of-event-right { width: 100%; padding-left: 0; border-left: 0; border-top: 1px solid #f2f2f2; padding-top: 15px; } } /* -----------Book Tickets Section--------------- */ .book-ticket-section { background-color: #04082d; padding: 102px 0 105px; } .book-ticket-section h2 { font-size: 50px; font-weight: bold; letter-spacing: normal; color: #ffffff; } .book-ticket-section p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #ffffff; } body .book-tkts-left-group { max-width: 635px; } .book-tkts-group.equal-height-container>.row-fluid-wrapper>.row-fluid { align-items: center; } @media(max-width:1024px){ .book-ticket-section { padding: 60px 0 60px; } } @media(max-width:767px){ .book-ticket-section { padding: 40px 0 50px; } .book-ticket-section h2 { font-size: 32px; } .book-tkts-right { margin-top: 30px; } } /* ------------------Event2 TEstimonial Section------------ */ .event-testimonials-cm { padding: 110px 0 142px; } body .container-fluid .row-fluid .event-testimonials-cm .wrapper { max-width: 1260px; position: relative; box-sizing: border-box; } .event-testimonials-cm ul.slick-dots button { font-size: 0; line-height: 0; display: block; width: 17px; height: 17px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius: 100%; border: 1px solid #04082d; } .event-testimonials-cm ul.slick-dots li { display: inline-block; margin-right: 9px; margin-left: 0; } .event-testimonials-cm ul.slick-dots li:before { display:none; } .event-testimonials-cm ul.slick-dots { list-style-type: none; padding: 0; margin: 0; display:block; text-align: center; margin-top: 17px; } .event-testimonials-cm li.slick-active button { background: #04082d; } .event-testimonials-cm .event-container-heading { margin: 0 auto; max-width: 1150px; } .event-testimonials-cm .event-testimonials-con-grp { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; background-image: url(https://5985803.fs1.hubspotusercontent-na1.net/hubfs/5985803/Super%20Lead/Background%20Images/15505-16.png); background-size: contain; background-repeat: no-repeat; background-position: bottom left; padding: 20px 20px 24px; box-sizing: border-box; max-width: 520px; margin: 0 auto; margin-top: 30px; margin-bottom: 49px; } .event-testimonials-cm .event-testimonials-left { display: flex; align-items: center; justify-content: space-between; } .slick-initialized .slick-slide { outline: none; } .event-testimonials-cm .event-testimonials-group { margin-top: 44px; } .event-testimonials-right { text-align: center; max-width: 324px; margin: 0 auto; margin-top: 12px; } .event-testimonials-right p { letter-spacing: 0px; } .testi-bottom-content h4 { font-weight: 500; line-height: normal; letter-spacing: 0px; margin-bottom: 3px; } .testi-bottom-content h5 { font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: #959595; } .testi-bottom-content { margin-top: 20px; } @media(min-width:901px) and (max-width:1200px){ .event-testimonials-cm .event-testimonials-con-grp { max-width: 400px; } } @media(max-width:767px){ .event-testimonials-cm .event-testimonials-group { margin-top: 0px; } .event-testimonials-cm .event-testimonials-con-grp { box-shadow: 0 0px 4px 0 rgba(0,0,0,0.12); max-width: 100%; margin-bottom: 29px; margin-left: 10px; margin-right: 10px; } } /* ------------Event2 Speakers Section------------------- */ .event2-speakers { position: relative; z-index: 1; padding: 130px 0 167px; } .event-speaker-single-cm{ width:100%; } .event2-speakers .event-speaker-single-top { min-height: 447px; } @media(min-width:768px){ body .row-fluid .event2-speakers .three-col-adjust span{ margin-right: -5%; } body .row-fluid .event2-speakers .three-col-adjust span>.hs_cos_wrapper { flex-basis: 28.33%; -webkit-flex-basis: 28.33%; float: left; margin-right: 5%; margin-top: 5%; } .event2-speakers .event-container-heading h2 { margin-bottom: -20px; } } .event2-speakers .event-container-heading h2 { } @media(max-width:1024px){ .event2-speakers { padding: 70px 0 100px; } .event2-speakers .event-speaker-single-top { min-height: 350px; } } @media(max-width:767px){ .event2-speakers { padding: 50px 0 60px; } .event2-speakers .event-speaker-single-top { min-height: 320px; } } /*--------Event2 Pricing Page----------- */ .event2-pricing-section { padding-top: 132px; } .event2-pricing-section.pricing-section .event-container-heading { border-bottom: 0; padding-bottom: 0; } .event2-pricing-section.pricing-section .pricing-list-group { margin-top: 57px; } @media(max-width:1024px){ .event2-pricing-section { padding-top: 80px; } } @media(max-width:767px){ .event2-pricing-section { padding-top: 50px; } .event2-pricing-section.pricing-section .pricing-list-group { margin-top: 0; } } /* --------Spornsers Section----------- */ .sponsors-section { padding: 122px 0 122px; } .event-clients-cm { margin-top: 41px; } @media(min-width:768px){ .event-clients-cm .event-clients-group { display: flex; flex-wrap: wrap; align-items: stretch; margin-right: -3%; } .event-clients-cm .event-clients-info { display: flex; align-items: center; justify-content: center; width: 17%; margin-right: 3%; margin-bottom:30px; } } .event-clients-cm .event-clients-info { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; min-height: 119px; padding:10px; box-sizing:border-box; } @media(max-width:1024px){ .sponsors-section { padding: 80px 0 80px; } } @media(max-width:767px){ .sponsors-section { padding: 40px 0 40px; } .sponsors-section { padding: 40px 0 40px; } .event-clients-cm .event-clients-info { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .event2-news-section { padding-top: 30px; } .event2-news-section .latest-news-section h2 { margin-bottom: 30px; } } /* ------------Ebook2 Page Styling Start ---------------- */ .ebook2-hero-section { padding-top: 140px; position:relative; padding-bottom: calc(9vw + 46.16px); } .ebook2-hero-section:before { content: ""; background: #fff; width: 100%; height: 8vw; bottom: -4vw; position: absolute; left: 0; right: 0; transform: skewY(176deg); } .ebook2-hero-section h3{ color:#04082d; font-weight:400; } @media(min-width:768px){ .ebook2-hero-section .wrapper .row-fluid-wrapper > .row-fluid { display: flex; align-items: center; } } .ebook2-hero-section .ebook-big-heading { max-width: 547px; } .ebook2-hero-section .ebook-big-heading h2 { margin-bottom: 23px; } .ebook-big-heading h2 { font-size: 62px; font-weight: bold; line-height: 1.23; letter-spacing: -1.8px; color:#04082d; } .ebook2-hero-section .ebook-big-heading h3 { font-weight: normal; line-height: 1.67; color: #605e7e; } .ebook2-hero-section a.cta_button { margin-top: 22px; } @media(max-width:1024px){ .ebook2-hero-section { padding: 100px 0 80px; } .ebook2-hero-section:before { top: 530px; } .ebook-big-heading h2 { font-size: 50px; } } @media(min-width:768px) and (max-width:900px){ .ebook2-hero-section:before { top: 430px; } } @media(max-width:767px){ .ebook2-hero-section { padding: 60px 0 100px; } .ebook2-hero-section .wrapper > .row-fluid-wrapper > .row-fluid { display: flex; flex-direction: column-reverse; } .ebook2-hero-section:before { top: 740px; } .ebook2-hero-section .ebook-big-heading h2 { margin-bottom: 13px; font-size:40px; } .ebook2-hero-section .ebook-big-heading h3 { font-weight: normal; line-height: normal; font-size: 18px; } } /* ------------ Learn Section--------------*/ .ebook2-learn-section .ebook-title-container { margin-bottom: 60px; } @media(min-width:768px){ body .ebook2-learn-section ul li { margin: 0; font-size: 20px; font-weight: bold; line-height: normal; letter-spacing: 0px; margin-bottom: 28px; } body .ebook2-learn-section ul { margin: 0; padding: 0; list-style-type: decimal; list-style-position: inside; } .ebook2-learn-section .filter-container li div { display: inline-block; } .body-container-wrapper .ebook2-learn-section ul.filter-container { padding-top: 109px; } } body .ebook2-learn-section ul li:before{ display:none; } .ebook2-learn-section .popup-content { padding-top: 0; padding-bottom: 0; } .ebook2-learn-section.home-section2 h2 { margin-bottom: 0px; margin-top: 0; } @media(min-width:768px){ .learn-col-group > .row-fluid-wrapper > .row-fluid { display: flex; align-items: center; } } @media(max-width:1024px){ .ebook2-learn-section .ebook-title-container { margin-bottom: 25px; } } @media(min-width:768px) and (max-width:1024px){ .body-container-wrapper .ebook2-learn-section ul.filter-container { padding-top: 60px; } body .ebook2-learn-section ul li { font-size: 17px; } .ebook2-learn-section .filter-container li div { font-size: 17px; } } @media (max-width: 900px) and (min-width: 768px){ .body-container-wrapper .ebook2-learn-section ul.filter-container { padding-top: 20px; } } @media(max-width:900px){ body .ebook2-learn-section ul li { font-size: 16px; } .body-container-wrapper .ebook2-learn-section .filter-container li{ margin-bottom: 20px; } .ebook2-learn-section .filter-container li div { display: contents; } } @media(max-width:767px){ .ebook2-learn-section .text-group { padding-bottom: 30px; } } /* ----------Form Section------------ */ .ebook2-form-section { padding-top: 152px; padding-bottom: 55px; } body .container-fluid .ebook2-form-section .ebook-form-group { border-radius: 8px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding: 60px 62px 80px 60px; box-sizing: border-box; width: 100%; max-width: 807px; margin: 0 auto; float:none; } .ebook-form-group ::-webkit-input-placeholder { color: #a5adba; font-size: 16px; line-height: 1.56; letter-spacing: 0px; } .ebook-form-group form input:focus::-webkit-input-placeholder { color:#04082d; } form input:focus::-webkit-input-placeholder { color:#04082d !Important; } .row-fluid .ebook-form-group form input, .row-fluid .ebook-form-group form select, .row-fluid .ebook-form-group form textarea{ font-size: 16px; line-height: 1.56; letter-spacing: 0px; } .ebook-form-group h3 { font-size: 38px; line-height: normal; letter-spacing: 0.1px; } .ebook-form-group form { margin-top: 30px; } .row-fluid .ebook-form-group form .hs_submit .actions { text-align: right; } @media(max-width:1024px){ .ebook2-form-section { padding-top: 80px; padding-bottom: 10px; } body .container-fluid .ebook2-form-section .ebook-form-group { padding: 40px 42px 60px 40px; } } .row-fluid form input, .row-fluid form select, .row-fluid form textarea { /* padding-bottom: 35px; */ padding: 8px; } @media(max-width:767px){ .ebook2-form-section { padding-top: 50px; } .ebook-form-group h3 { font-size: 28px; line-height: normal; letter-spacing: normal; } body .container-fluid .ebook2-form-section .ebook-form-group { padding: 20px 20px 40px 20px; } .row-fluid .ebook-form-group form .hs-button.primary { margin-top: 40px; } } /* ------------------Ebook2 Testimonial Section------------- */ .ebook2-testimonials .event-container-heading h2 { font-size: 38px; line-height: normal; letter-spacing: 0.1px; text-align: center; color: #000; } .ebook2-testimonials .event-testimonials-cm .event-testimonials-group { margin-top: 30px; } .ebook2-testimonials .event-testimonials-cm ul.slick-dots { margin-top: 5px; } .event-testimonials-cm { padding: 110px 0 113px; } @media(max-width:767px){ .ebook2-testimonials .event-testimonials-cm { padding: 80px 0 80px; } } /* -----------FAQ's Section---------- */ body .ebook2-faq-section { padding: 155px 0 116px; } body .ebook2-faq-section .accordion { max-width: 620px; margin-left: auto; } .ebook2-faq-section .ebook-big-heading p { line-height: 1.56; letter-spacing: 0px; } .ebook2-faq-section .ebook-big-heading { max-width: 433px; } .ebook-big-heading .ebook-big-heading-group h2 { margin-bottom: 31px; } @media(max-width:1024px){ body .ebook2-faq-section { padding: 80px 0 70px; } } @media(max-width:767px){ body .ebook2-faq-section { padding: 50px 0 30px; } .accordion_group { padding: 16px 16px; } .ebook2-faq-section .ebook-big-heading { max-width: 100%; margin-bottom: 30px; } .ebook2-faq-section .accordion_header h4:after { right: -9px; } } /* ------------Error 404 page styling here------- */ .error-msg-section { padding: 142px 0 162px; } .event-container-group { border-bottom: 1px solid #c7c7c7; padding-bottom: 24px; margin-bottom: 37px; } .error-msg-section .event-container-heading h2 { font-size: 90px; line-height: 0.84; letter-spacing: -1.8px; margin-bottom: 55px; } .error-msg-section .event-container-heading h3 { font-size: 24px; font-weight: normal; line-height: 1.67; color: #605e7e; } .error-msg-bottom p, .error-msg-bottom li { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; } .error-msg-bottom p strong, .error-msg-bottom li strong { line-height: normal; letter-spacing: 0px; color: #000000; } .error-msg-section .event-container-heading, .error-msg-section .error-msg-bottom { max-width: 824px; } .error-msg-bottom ul { margin: 0; padding: 0; } .error-msg-bottom ul li { margin-left: 23px; } .body-container-wrapper .error-msg-bottom ul li:before { position: absolute; top: 10px; left: -11px; content: ''; width: 4px; height: 4px; background: gray; border-radius: 50%; } @media(max-width:1024px){ .error-msg-section { padding: 200px 0 100px; } .error-msg-section .event-container-heading h2 { font-size: 58px; line-height: 1.03; letter-spacing: -1.8px; margin-bottom: 15px; } } @media(max-width:767px){ .error-msg-section { padding: 150px 0 90px; } .error-msg-section .event-container-heading h2 { font-size: 40px; margin-bottom: 15px; } .error-msg-section .event-container-heading h3 { font-size: 20px; line-height: normal; } .event-container-group { border-bottom: 1px solid #c7c7c7; padding-bottom: 0px; margin-bottom: 25px; } } /* ----------Unsubscribe Section---------- */ .email-unsubscribe.error-msg-section { padding: 257px 0 169px; } .email-unsubscribe .event-container-heading h1 { font-size: 36px; line-height: 1.33; letter-spacing: 0px; color: #04082d; margin-bottom: 0; } .email-unsubscribe.error-msg-section .event-container-heading form h3 { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; margin-bottom: 6px; } .email-unsubscribe div#content div { display: inline-block; padding-bottom: 0 !important; } .email-unsubscribe div#content div input.hs-input { margin-bottom: 0; border-radius: 4px; box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.19); background-color: #ffffff; padding: 18px 15px !important; height: auto; width: 364px !important; border: 0; } .email-unsubscribe div#content input#submitbutton { margin-top: 0px; padding: 20px 38px; margin-left: -4px; top: 1px; box-shadow: none; text-transform: uppercase; } .email-unsubscribe .page-header { border-bottom: 1px solid #c7c7c7; padding-bottom: 11px; margin-bottom: 37px; } .email-unsubscribe.error-msg-section .event-container-heading, .email-unsubscribe.error-msg-section .error-msg-bottom { max-width: 100%; } @media(max-width:1024px){ .email-unsubscribe.error-msg-section { padding: 200px 0 100px; } } @media(max-width:767px){ .email-unsubscribe.error-msg-section { padding: 150px 0 90px; } .email-unsubscribe div#content div { display: block; } .email-unsubscribe div#content div input.hs-input { width: 100% !important; } .email-unsubscribe div#content input#submitbutton { margin-top: 10px; } } /*-------Subscription Preference------------ */ .superlead-sub-preference.error-msg-section { padding: 280px 0 165px; } .superlead-sub-preference .page-header h1 { font-size: 36px; font-weight: bold; line-height: 1.33; letter-spacing: 0px; margin-bottom: 15px; } .superlead-sub-preference .page-header h2 { font-size: 24px; line-height: 1.67; letter-spacing: normal; color: #605e7e; margin-bottom: 10px; } .superlead-sub-preference .page-header br { display: none; } .superlead-sub-preference .page-header { max-width: 824px; } .superlead-sub-preference p.header { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; margin-left: 0; padding-bottom: 9px; border-bottom: 1px solid #c7c7c7; margin: 0; width: 100%; margin-right: 3.333%; } .superlead-sub-preference .item { border-radius: 4px; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: 0; } .superlead-sub-preference .email-prefs .item { border-radius: 4px; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: 0; } .superlead-sub-preference .email-prefs .item .item-inner { border: 0; background: transparent; box-shadow: none; padding: 41px 32px; } @media(min-width:768px){ .superlead-sub-preference div#content { display: flex; flex-wrap: wrap; margin-right: -3.333%; } .superlead-sub-preference .email-prefs .item { width: 30%; margin: 0; margin-top: 26px; margin-right: 3.333%; } } .superlead-sub-preference .email-prefs .item { margin-top: 26px; } .superlead-sub-preference .email-prefs .item .item-inner span { font-size: 16px; line-height: normal; letter-spacing: 0px; color: #000000; margin-left: 0; } .superlead-sub-preference .email-prefs .item .item-inner p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; margin: 0; } .superlead-sub-preference .checkbox-row { padding-left: 32px; position: relative; margin-bottom: 16px; } .superlead-sub-preference .email-prefs .item .item-inner * { height: auto; } .superlead-sub-preference .checkbox-row:before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: solid 1px #04082d; } .superlead-sub-preference .item-inner.selected .checkbox-row:after { content: ''; background: url(https://5985803.fs1.hubspotusercontent-na1.net/hubfs/5985803/path-22-16.png); width: 11px; height: 9px; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 4px; top: 5px; bottom: 0; text-align: center; } .superlead-sub-preference .subscribe-options { width: 100%; display: block; margin-top: 30px; margin-bottom: 0; } .superlead-sub-preference .subscribe-options p.header { border: 0; padding-bottom: 0; margin-bottom: 6px; } .superlead-sub-preference .subscribe-options label span { font-size: 16px; top: -3px; position: relative; } .superlead-sub-preference .subscribe-options label { font-size: 16px; letter-spacing: 0px; color: #000000; position: relative; padding-left: 24px; margin: 0; } .superlead-sub-preference .subscribe-options label input#globalunsub { margin: 0; height:auto; } .superlead-sub-preference .subscribe-options label:before { content: ''; position: absolute; left: 0; top: -1px; width: 16px; height: 16px; border: solid 1px #04082d; } body.main .superlead-sub-preference .subscribe-options label:after { content: ''; background: url(https://5985803.fs1.hubspotusercontent-na1.net/hubfs/5985803/path-22-16.png); width: 11px; height: 9px; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 4px; top: 5px; bottom: 0; text-align: center; } .superlead-sub-preference #submitbutton { margin-bottom: 0px; margin-top: 28px; padding: 12px 37px; text-transform: uppercase; font-size: 16px; line-height: normal; letter-spacing: normal; color: #ffffff; } @media(max-width:1024px){ .superlead-sub-preference.error-msg-section { padding: 200px 0 100px; } } @media(max-width:900px){ .superlead-sub-preference .email-prefs .item .item-inner { padding: 20px 15px; } .superlead-sub-preference .checkbox-row { padding-left: 22px; } .superlead-sub-preference .email-prefs .item .item-inner p { line-height: normal; } } @media(max-width:767px){ .superlead-sub-preference.error-msg-section { padding: 150px 0 90px; } } /* ----------Password Prompt----------- */ body .password-prompt-section input.hs-button.primary.large { margin-top: 0px; padding: 20px 40px; margin-left: -4px; top: 2px; box-shadow: none; text-transform: uppercase; } .password-prompt-section input#hs-pwd-widget-password { margin-bottom: 0; border-radius: 4px; box-shadow: 10px 10px 24px 0 rgba(0,0,0,0.19); background-color: #fff; padding: 18.5px 15px !important; height: auto !important; width: 364px !important; border: 0; } .password-prompt-section.email-unsubscribe .event-container-heading h1 { border-bottom: 1px solid #c7c7c7; padding-bottom: 11px; margin-bottom: 8px; } .password-prompt-section.email-unsubscribe form { margin-top: 25px; } @media(max-width:767px){ .password-prompt-section.email-unsubscribe .event-container-heading h1 { font-size: 28px; } .password-prompt-section.error-msg-section .event-container-heading h3 { font-size: 18px; } .password-prompt-section input#hs-pwd-widget-password { width: 100% !important; } body .password-prompt-section input.hs-button.primary.large { margin-top: 10px; } } /* -------------Request A Demo Page---------- */ .rad-form-section.error-msg-section { padding: 210px 0 120px; } .rad-form-section .row-fluid .hs-form fieldset.form-columns-1 select.hs-input { -webkit-appearance: unset; height: auto; margin-bottom: 20px; padding-bottom: 10px; font-size: 16px; font-weight: 600; color: #808080; } .rad-form-section .ebook-form-group ::-webkit-input-placeholder { color: #808080; font-size: 16px; font-weight: 600; } .rad-form-section .row-fluid .ebook-form-group form input, .rad-form-section .row-fluid .ebook-form-group form select, .rad-form-section .row-fluid .ebook-form-group form textarea { font-size: 16px; font-weight: 600; color: #808080; } .rad-form-section .row-fluid .hs-form .field .input input[type="checkbox"]:checked:after { top: 4px; left: 4px; border: 2px solid #04082d; border-top: 0; border-right: 0; } .rad-form-section .row-fluid .hs-form .field .input input[type="checkbox"], .rad-form-section .row-fluid .hs-form .field .input input[type="radio"] { border-radius: 0; border: 1px solid #04082d; } .rad-form-section .row-fluid form .field > label, .rad-form-section form label span { font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; color: #808080; } body .rad-form-section input.hs-button.primary.large { color: #ffffff; margin-top: 50px; } body .container-fluid .rad-form-section.ebook2-form-section .ebook-form-group { padding: 15px 37px 70px 37px; } .rad-form-section.error-msg-section .event-container-heading h2 { font-size: 62px; line-height: 1.23; margin-bottom: 20px; } .rad-form-section.error-msg-section .event-container-heading h3 { max-width: 470px; } .rad-form-left-group { max-width: 490px; } .body-container-wrapper .rad-form-section .error-msg-bottom ul li:before { background: #04082d; } .rad-form-section.event-container-group { border-bottom: 1px solid #c7c7c7; padding-bottom: 14px; margin-bottom: 28px; } .rad-form-section .error-msg-bottom ul { margin-top: 27px; } @media(max-width:1024px){ body .container-fluid .rad-form-section.ebook2-form-section .ebook-form-group { padding: 15px 20px 50px 20px; } .event-container-group { padding-bottom: 4px; margin-bottom: 17px; } .rad-form-section.error-msg-section .event-container-heading h2 { font-size: 46px; } .error-msg-section .event-container-heading h3 { font-size: 20px; } } @media(max-width:767px){ .rad-form-section.error-msg-section { padding: 167px 0 60px; } .rad-form-left-group { max-width: 100%; margin-bottom: 60px; } .rad-form-section.error-msg-section .event-container-heading h2 { font-size: 36px; } body .container-fluid .rad-form-section.ebook2-form-section .ebook-form-group { padding: 5px 15px 50px 15px; } .rad-form-section.error-msg-section .rad-form-right{ margin-top: 60px; } } /* --------------Request a Quote------------ */ .rad-form-section.req-a-quote-section { padding: 202px 0 120px; } .row-fluid .hs-form fieldset.form-columns-1 .hs-input { resize: none; } .req-a-quote-section.error-msg-section .event-container-heading h3 { max-width: 100%; } body .container-fluid .req-a-quote-section .event-container-heading { max-width: 824px; margin: 0 auto; float: none; margin-bottom: 103px; } body .container-fluid .req-a-quote-section.ebook2-form-section .ebook-form-group { padding: 60px 99px 108px 99px; max-width: 1143px; } @media(min-width:768px){ body .row-fluid .req-a-quote-section .hs-form fieldset.form-columns-2 .hs-form-field { width: 47%; margin-right: 6%; } } body .row-fluid .req-a-quote-section .hs-form fieldset.form-columns-2 .hs-form-field:last-child { margin-right: 0; } .req-a-quote-section .hs_file_upload.hs-file_upload { border: dashed 1px #868686; background-color: #f8f8fb; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 13px 0 16px; margin: 27px 0px 15px; } .req-a-quote-section .hs_file_upload.hs-file_upload > label { width: 100%; text-align: center; } body .container-fluid .row-fluid .req-a-quote-section .hs_file_upload.hs-file_upload > div.input { margin: 0 auto; text-align: center; padding-left: 130px; margin-top: 11px; } body .req-a-quote-section .hs_file_upload.hs-file_upload > label span { font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; } input[type="file" i]::-webkit-file-upload-button{ border-radius: 2.7px; border: solid .7px #000000; background-color: #000000; font-size: 12px; font-weight: bold; line-height: normal; text-align: center; color: #1e0936; padding: 5.5px 22px; } @media(max-width:1024px){ body .container-fluid .req-a-quote-section.ebook2-form-section .ebook-form-group { padding: 30px 50px 60px 50px; } body .container-fluid .req-a-quote-section .event-container-heading { margin-bottom: 50px; } } @media(max-width:767px){ .rad-form-section.req-a-quote-section { padding: 165px 0 60px; } body .container-fluid .req-a-quote-section.ebook2-form-section .ebook-form-group { padding: 10px 20px 60px 20px; } } @media(max-width:480px){ body .container-fluid .row-fluid .req-a-quote-section .hs_file_upload.hs-file_upload>div.input { padding-left: 30px; } } /* ----------------Testimonial Page-------------- */ .testimonial-heading-section { padding: 204px 0 82px; } .testimonial-section-cm .wrapper { width: 100%; box-sizing: border-box; } .testimonial-heading-section .event-container-heading h2 { font-size: 62px; line-height: 1.23; letter-spacing: -1.8px; } .testimonial-description { display: flex; align-items: stretch; flex-wrap: wrap; border-top: 1px solid #c7c7c7; padding-top: 89px; padding-bottom: 78px; } .testimonial-description:first-child{ border: none; } .testimonial-description > .testimonial-left { width: 20%; padding-top: 10px; } .testimonial-description > .testimonial-right { width: 80%; } .type-of-event-header h3 { font-size: 22px; font-weight: normal; font-style: italic; line-height: 1.68; color: #605e7e; margin-bottom: 37px; } .type-of-event-bottom h4 { line-height: normal; color: #474646; margin-bottom: 3px; } .type-of-event-bottom p { line-height: 1.56; letter-spacing: 0px; color: #808080; } .testimonial-right-content { max-width: 850px; float: right; } @media(min-width:768px) and (max-width:1024px){ .testimonial-description { padding-top: 50px; padding-bottom: 40px; } .testimonial-description>.testimonial-left { width: 30%; } .testimonial-description>.testimonial-right { width: 67%; margin-left: 3%; } } @media(max-width:767px){ .testimonial-heading-section { padding: 171px 0 35px; } .testimonial-heading-section .event-container-heading h2 { font-size: 40px; line-height: 1.03; letter-spacing: normal; } .testimonial-description { padding-top: 40px; padding-bottom: 40px; } .testimonial-description>.testimonial-left { width: 100%; margin-bottom: 30px; } .testimonial-description>.testimonial-right { width: 100%; } .type-of-event-header h3 { font-size: 20px; line-height: normal; margin-bottom: 25px; } } /* ---------Contactus 5 Page Styling------------- */ .contactus5-section{ padding: 209px 0 120px; } body .container-fluid .contactus5-section .c5-form-left { max-width: 558px; } .sl-address-cm .sl-address-listing { max-width: 216px; } .sl-address-cm .sl-address-listing p, .sl-address-cm .sl-address-listing p a { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #808080; } .sl-address-cm .sl-address-listing p a { display: inline-block; margin-bottom: 5px; } .sl-address-cm .sl-address-listing-group { margin-bottom: 50px; } .contactus5-section .c5-start-project { border-radius: 14px; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding: 40px; width: 100%; max-width: 404px; margin-top: 15px; } @media(min-width:1140px){ body .container-fluid .contactus5-section .c5-form-right { margin-left: 0px; padding-left: 82px; } } @media(min-width:768px) and (max-width:1140px){ .contactus5-section .c5-start-project{ max-width: 240px; } } @media(max-width:480px){ .contactus5-section .c5-start-project{ max-width: 222px; } } .contactus5-section .ebook-form-group h3 { font-size: 34px; font-weight: bold; letter-spacing: 0px; color: #000000; max-width: 418px; } .contactus5-section .ebook-form-group ::-webkit-input-placeholder { color: gray; font-size: 16px; font-weight: 600; } .contactus5-section .row-fluid .ebook-form-group form textarea { height: 167px; resize: none; } .contactus5-section input.hs-button.primary.large { margin-top: 26px; } @media(max-width:900px){ .contactus5-section { padding: 200px 0 100px; } body .container-fluid .contactus5-section .c5-form-right { margin-left: 0px; padding-left: 40px; } .contactus5-section .c5-start-project{ padding: 20px; } .contactus5-section .ebook-form-group h3 { font-size: 26px; } } @media(max-width:767px){ .contactus5-section { padding: 170px 0 60px; } body .container-fluid .contactus5-section .c5-form-left { max-width: 100%; } body .container-fluid .contactus5-section .c5-form-right { margin-left: 0px; padding-left: 0; margin-top: 60px; } .sl-address-cm .sl-address-listing { max-width: 100%; } .contactus5-section .ebook-form-group h3 { max-width: 100%; } } /* ------Thankyou Page 1 Styling---------- */ .thankyou2-section.req-a-quote-section { padding: 205px 0 120px; } body .container-fluid .thankyou2-section.req-a-quote-section .event-container-heading { max-width: 873px; margin-bottom: 33px; } .thankyou2-section.rad-form-section .event-container-heading h2 { margin-bottom: 41px; } @media(max-width:1024px){ .thankyou2-section.req-a-quote-section { padding: 200px 0 100px; } } @media(max-width:767px){ .thankyou2-section.req-a-quote-section { padding: 168px 0 60px; } } /* ------------Thankyou Page 2 Styling------------- */ body .container-fluid .row-fluid .thankyou2-section .form-container { padding: 88px 50px 70px 50px; } .thankyou2-section .form-container h3 { font-size: 28px; line-height: normal; margin-bottom: 20px; } .thankyou2-section .form-container p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; } .thankyou2-section .form-container a.cta_button { margin-top: 20px; } @media(max-width:767px){ body .container-fluid .row-fluid .thankyou2-section .form-container { padding: 50px 20px 50px 20px; } } /* ------------Thankyou Page 3 Styling------------- */ @media(min-width:768px){ body .thankyou3-section .map-cm-module { max-width: 499px; float: right; } } .thankyou3-section .left-col { padding-right: 0; } .thankyou3-section.contact-version3-section1 .left-col h2 { font-size: 40px; line-height: 1.4; letter-spacing: -1.2px; margin-bottom: 23px; } .thankyou3-section.contact-version3-section1 .left-col p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; max-width: 468px; } .thankyou3-section .left-col a.cta_button { margin-top: 20px; } @media(max-width:767px){ .thankyou3-section.contact-version3-section1 .left-col h2 { font-size: 32px; margin-bottom: 15px; } .thankyou3-section.contact-version3-section1 .left-col p { max-width: 100%; } } /* ------Thankyou Page 4 Styling---------- */ .contact-version4-section1 { padding: 215px 0 120px; } body .row-fluid .thankyou4-section.contact-version4-section1 .right-col { min-height: 690px; padding: 10px 40px 10px 52px; box-sizing: border-box; } .thankyou4-section .right-col h3 { font-size: 28px; line-height: normal; margin-bottom: 23px; } .thankyou4-section .right-col p { line-height: 1.56; letter-spacing: 0px; } .thankyou4-section .right-col a.cta_button { margin-top: 20px; } @media(max-width:900px){ body .row-fluid .thankyou4-section.contact-version4-section1 .right-col { min-height: 630px; padding: 10px 20px 10px 30px; } } @media(max-width:767px){ .contact-version4-section1 { padding: 168px 0 60px; } body .row-fluid .thankyou4-section.contact-version4-section1 .right-col { min-height: unset; padding: 50px 20px 60px 20px; } } /* ----------Portfolio Page Styling----------- */ @media(min-width:768px){ .portfolio-image-text-info { display: flex; align-items: stretch; flex-wrap: wrap; margin-right: -4%; } .portfolio-image-text-info > .portfolio-image-text-listing { width: 46%; margin-right: 4%; } } .portfolio-image-text-info>.portfolio-image-text-listing { margin-bottom: 51px; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #d8d8d8; border-radius: 3.7px; } .portfolio-image-text-cm .image-container { min-height: 382px; width: 100%; height: 100%; position: relative; z-index: 1; border-radius: 3.7px; } .portfolio-image-text-cm .image-container:before { content: ''; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; position: absolute; z-index: -1; border-radius: 3.7px; } .portfolio-image-text-cm .image-container .cm-container { position: absolute; left: 33px; bottom: 20px; right: 30px; } .portfolio-image-text-cm .image-container .cm-container h2 { font-size: 36px; line-height: 1.33; letter-spacing: 0px; color: #ffffff; } .portfolio-image-text-cm a.portfolio-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* --------Section2------ */ .portfolio-section2.home-section3 { padding: 80px 0px 105px; } @media(max-width:767px){ .portfolio-image-text-info>.portfolio-image-text-listing { margin-bottom: 30px; } .portfolio-section2.home-section3 { padding: 50px 0px 35px; } .portfolio-image-text-cm .image-container .cm-container h2 { font-size: 32px; line-height: normal; } .portfolio-image-text-cm .image-container { min-height: 320px; } } /*===================================================================== About 3 Page Styling =======================================================================*/ .inner-colored-hero{ padding: 203px 0 104px; } body .container-fluid .row-fluid .inner-colored-hero .wrapper{ max-width:800px; } .inner-colored-hero h1, .team-about .member-description h4{ color:#04082d; } .inner-colored-hero p{ font-size: 24px; font-weight: normal; line-height: 1.67; letter-spacing: normal; color: #605e7e; } .about3-section1{ padding: 135px 0 74px; } @media(min-width:767px){ .home2-section1.about3-section1 .right-col{ padding-left:9%; } } .about3-section3{ padding: 117px 0 80px; } .about3-section3 .heading-container h2{ margin-bottom:32px; } .about3-section4{ padding: 130px 0 106px; } .logo-list ul{ margin:0; padding:0; margin-top: 37px; } .logo-list ul li{ margin:0; padding:0; list-style-type:none; margin-right:7%; margin-bottom:30px; display:inline-block; } .logo-list ul li:last-child{ margin-right:0; } .logo-list ul li:before{ display:none; } .logo-list ul li img{ vertical-align:middle; } @media(max-width:1024px) and (min-width:768px){ .home2-section1.about3-section1 .heading-container h2{ font-size:35px; } .logo-list ul li { margin-right: 5%; } } @media(max-width:767px){ .inner-colored-hero { padding: 168px 0 40px; } .logo-list ul li { margin: 0 10px 30px; } .about3-section1 { padding: 85px 0 74px; } .home2-section1.about3-section1 .right-col{ margin-top: 30px; } .about3-section3 { padding: 90px 0 80px; } .about3-section4 { padding: 90px 0 90px; } } /*========================= End of about 3 styling ======================*/ body .container-fluid .row-fluid .about2-hero .wrapper{ min-height:572px; } .heading-bg-container{ background:#04082d; max-width:693px; padding: 50px 0px; } body .container-fluid .row-fluid .heading-container-width{ max-width:518px; margin: 0 auto; float: none; } .about2-section2{ margin-top: -125px; } body .container-fluid .row-fluid .about2-section2 .wrapper{ padding-left: 0; padding-right: 0; } .about2-section3{ padding: 120px 0 126px; } .about2-section3 h2{ margin-bottom: 52px; } .number-text-cm h3{ color:#04082d; } .about2-section4 p span{ color:#04082d; font-weight:bold; } @media(min-width:768px){ body .about2-section4 .left-col .row-fluid{ max-width:300px; } } .about2-logo-section{ padding-bottom: 136px; padding-top: 11px; } .about2-section5{ padding: 102px 0 90px; } .year-award-cm h5{ color:#04082d; } @media(max-width:1024px){ .about2-logo-section { padding-bottom: 54px; } } @media(max-width:767px){ .about2-section2 .heading-bg-container{ padding-left:20px; padding-right:20px; } .year-award-cm .span1, .year-awards .span1 { width: 25%; float: left; } .year-awards .span11 { width: 75%; float: left; text-align: left; } } /*End Of About 3 Page styling*/ /*Services 3 Page Styling*/ .service3-section .service-section{ padding: 45px 0px 5px; } @media(max-width:1024px) and (min-width:768px){ body .row-fluid .four-col-adjust.ipad-three-col span>.hs_cos_wrapper{ flex-basis: 30.8%; -webkit-flex-basis: 30.8%; } } /*Product Listing 1 Hero Styling*/ .product-listing1-hero{ padding: 205px 0 100px; } .remove-last-child-border>span>div.hs_cos_wrapper:last-child .product-two-col .wrapper{ border-bottom:none; } .product-two-col .wrapper{ border-bottom: solid 1px #e0e0e0; padding: 85px 0 90px; } .product-two-col img{ height:auto; } .text-desc-container h2 { margin-bottom: 44px; } .text-desc-container p { margin-bottom: 25px; } .cta-module-container{ max-width: 400px; margin-top: 25px; } @media(min-width:768px){ .text-desc-container { padding-right: 30px; } } @media(max-width:1024px) and (min-width:768px){ .cta-module-container { max-width: 268px; } } @media(max-width:767px){ .cta-module-container { max-width: 100%; } .product-listing1-hero{ padding: 166px 0 43px; } .cta-module-container .span6{ margin-top:13px; } } /* Product listing 2*/ body .container-fluid .row-fluid .min-bg-height{ min-height:437px; } @media(min-width:768px){ .pad-r-30{ padding-right: 3%; } .pad-l-30{ padding-left:3%; } } @media(max-width:767px){ body .container-fluid .row-fluid .min-bg-height { min-height: 200px; } .text-desc-container{ margin-top:30px; } .mobile-reverse .equal-height-container>.row-fluid-wrapper>.row-fluid{ flex-direction: column-reverse; -webkit-flex-direction: column-reverse; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } /*Product Listing 3*/ .remove-triangle.about-section2:after{ display:none; } .remove-triangle.about-section2 { padding: 67px 0 100px; } .product-listing3-section3 { padding: 114px 0px 41px; } .product-listing3-section3 h2{ margin-bottom: 30px; } @media(max-width:1024px) and (min-width:768px){ body .row-fluid .product-listing3-section3 .three-col-adjust span>.hs_cos_wrapper { flex-basis: 30.9%; -webkit-flex-basis: 47.5%; } } /*Product Single 2 Styling*/ .product-single2-hero p{ margin: 36px 0px 39px; } .product-single2-section1{ padding: 109px 0px 88px; position: relative; z-index: 1; } .product-single2-section1 h2{ margin-bottom: 40px; } .product-single2-section1 .heading-text-cm-img h3{ color:#04082d; } .product-single2-col h3{ color:#04082d; } .product-single2-col .text-desc-container{ padding-right:0px } .product-two-col.product-single2-col .wrapper{ border-bottom:none; } .product-two-col.product-single2-col img { margin-top: 7px; } @media(min-width:768px){ .desktop-reverse .equal-height-container>.row-fluid-wrapper>.row-fluid{ -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } body .container-fluid .row-fluid .desktop-reverse .span6{ margin-left: 0; padding-left: 0; } } .product-single2-section3{ padding: 100px 0px 11px; } .product-single2-section6{ position:relative; z-index:2; } body .container-fluid .row-fluid .product-single2-section6 .wrapper{ position:static; } .product-single2-section6 h2{ margin-bottom: 60px; } .product-single2-section6 .left-col{ padding: 108px 0px 91px; } .product-single2-section2{ padding: 131px 0 82px; } @media(min-width:768px){ .product-single2-section6 .right-col{ position: absolute; width: 33%; right: 0; top: 0; height: 100%; } } @media(max-width:1024px) and (min-width:768px){ body .row-fluid .product-single2-section1 .four-col-adjust span>.hs_cos_wrapper{ flex-basis: 47.5%; -webkit-flex-basis: 47.5%; } } @media(max-width:767px){ .product-single2-hero { padding: 150px 0 150px; } .product-single2-col .span2{ margin-bottom:30px; } .product-single2-hero .right-col{ margin-bottom:17px; } .product-two-col.product-single2-col .wrapper { padding: 60px 20px 75px; } .product-single2-section6 .left-col { padding: 75px 0px 91px; } .product-single2-section2 { padding: 75px 0 82px; } } /*Faq 3 */ .faq3-section1 nav#mainNav { max-width: 400px; } .faq3-section1 .single-service-cm .heading-container h3 { font-size: 20px; color: #000; } .faq3-section1 .description-container p { margin: 28px 0; } .faq3-section1 .single-service-cm .cm-container { border-bottom: solid 1px #d1d1d1; padding-bottom: 57px; margin-bottom: 69px; } @media(max-width:767px){ .faq3-section1 nav#mainNav { max-width:100%; } } /*Team Single 2*/ @media(min-width:768px){ body .container-fluid .row-fluid .team-single2-section2 .wrapper{ padding:0; } } .basecolor-container{ background-color:#04082d; max-width: 405px; padding: 28px 30px; margin-top: -90px; margin-bottom: 94px; } .basecolor-container h4{ font-size: 32px; line-height: 1.31; letter-spacing: -1px; margin: 0; } .basecolor-container h5{ font-size: 20px; line-height: 2; letter-spacing: normal; } .team-single2-section2 p { margin: 30px 0px; } .team-single2-section2 .left-col{ padding-bottom: 93px; } /*======================================================= Ebook Download 3 Styling Start =========================================================*/ /**************** Ebook Download Banner Section Styling ******************/ body.ebook-3 .row-fluid .ebook-section2 .form-container{ margin:initial; } .ebook-download-banner{ padding: 202px 0 382px; position:relative; } .ebook-download-banner:before{ content: ""; background: #fff; width: 100%; height: 8vw; bottom: -4vw; position: absolute; left: 0; right: 0; transform: skewY(176deg); } .comm-eguide-section2 .introduction{ margin-left: 0 !important; } .ebook-download-banner .heading-container h1{ color:#04082d; } .ebook-download-banner .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; font-weight:normal; margin-bottom:20px; } .ebook-download-banner .heading-container h5{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:normal; } .ebook-download-banner .heading-container{ max-width:651px; } .ebook-download-banner .cta-container{ margin-top:20px; } @media(max-width:1240px) and (min-width:768px){ body .row-fluid .comm-eguide-section2 .cj-feature-cm .content-container { max-width:500px; } } @media(max-width:767px){ .ebook-download-banner{ padding: 60px 0 170px; } .ebook-download-banner .heading-container h1 { font-size: 35px; } .ebook-download-banner .heading-container p { font-size: 22px; line-height: 32px; } } /******************* Communicloud Eguide Section2 Styling *********************/ .comm-eguide-section2{ padding:20px 0 118px; position:relative; z-index:2; } .comm-eguide-section2 .top-row{ position: relative; left: 122px; } .comm-eguide-section2 .top-row .heading-container{ width: 63.264957%; } .comm-eguide-section2 .top-row .ebook-image{ width: 34.17094%; } .comm-eguide-section2 .introduction{ padding-top:140px; } .comm-eguide-section2 .introduction .desc-cont{ max-width:807px; } .comm-eguide-section2 .cm-heading{ float: right; margin-left: 0; width: 89.358974%; position: relative; left: -50px; } .comm-eguide-section2 .heading-container{ margin-bottom:30px; } .comm-eguide-section2 .cj-feature-cm .content-container h4{ letter-spacing:0.03px; font-size:20px; } .comm-eguide-section2 .cj-feature-cm .content-container p{ font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:normal; } .comm-eguide-section2 .cj-feature-cm .content-container{ max-width:684px; } .cj-feature-cm-container .cj-feature-cm { margin-bottom: 58px; position: relative; } .comm-eguide-section2 .cj-feature-cm .content-container{ padding-left:50px; min-height: 140px!important; } .comm-eguide-section2 .text-container{ margin-top:215px; } .comm-eguide-section2 .bottom-row{ margin-top:-165px; } .comm-eguide-section2 .cj-feature-cm-container{ margin-top:-80px; position:relative; left:-69px; } .cj-feature-cm-container .logo-container { display: inline-block; position: relative; border: 1px dashed #04082d; width: 76px; height: 76px; border-radius: 50%; line-height: 76px; text-align: center; margin: 0 auto; padding: 14px 0; } .cj-feature-cm-container .logo-container h2{ font-size:40px; letter-spacing:0.05px; } .cj-feature-cm .logo-container:after { position: absolute; content: ""; left: 35px; top: 75px; bottom: -124px; width: 1px; border-left: 1px dashed #04082d; display: inline-block; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:after{ bottom:-197px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:before{ position:absolute; bottom:-202px; left:-3px; right:0; margin:0 auto; content:''; float:none; background:url('https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Super%20Lead/Images/path-2.svg'); background-repeat:no-repeat; background-size:cover; background-position:center center; width:25px; height:12px; } .cj-feature-cm-container>span>div:first-child .cj-feature-cm .logo-container:before{ position: absolute; content: ""; left: 35px; top: -724px; bottom: 74px; width: 1px; border-left: 1px dashed #04082d; display: inline-block; } .cj-feature-cm-container .cj-feature-cm .logo-container img{ min-height:50px; max-width:50px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm{ position:relative; } @media(max-width:1240px) and (min-width:1025px){ .comm-eguide-section2 .top-row .heading-container { width: 51.264957%; } .comm-eguide-section2 .top-row { position: relative; left: 100px; } .comm-eguide-section2 .cj-feature-cm-container { left: 0; } .comm-eguide-section2 .cm-heading { width: 85.358974%; } } @media(max-width:1024px){ .comm-eguide-section2 .cj-feature-cm .content-container { padding-left: 10px; min-height: 140px !important; } .comm-eguide-section2 .cj-feature-cm-container { margin-top: 0; left: -26px; } .comm-eguide-section2 .bottom-row { margin-top: 0; } .comm-eguide-section2 .cm-heading { width: 89.358974%; left:0; } .comm-eguide-section2 .top-row { position: relative; left: 60px; } .comm-eguide-section2 .top-row .ebook-image { width: 34.17094%; margin-left: 0; } .comm-eguide-section2 .top-row .heading-container { width: 60.264957%; padding-right:30px; } .comm-eguide-section2 { padding: 20px 0 68px; } } @media(max-width:767px){ .comm-eguide-section2 .cj-feature-cm .content-container{ padding-left: 100px; width: 100%; margin-top: -70px; } .comm-eguide-section2 .introduction { padding-top: 120px; } .comm-eguide-section2{ padding:30px 0 40px; } .cj-feature-cm-container .cj-feature-cm { margin-bottom: 35px; position: relative; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:before{ bottom:-197px; } .cj-feature-cm-container>span>div:first-child .cj-feature-cm .logo-container:before{ display:none; } .cj-feature-cm .logo-container:after { bottom: -107px; } .comm-eguide-section2 .cj-feature-cm-container { left: 0px; } .comm-eguide-section2 .cm-heading { width: 100%; margin-bottom:30px; } body .row-fluid .comm-eguide-section2 .wrapper { padding-left: 20px; padding-right: 20px; } body .row-fluid .cj-feature-cm-container .cj-feature-cm { padding-left: 0px; } .cj-feature-cm-container>span>div:last-child:before{ bottom: -20px; left: 0px; } .cj-feature-cm-container>span>div:last-child:after { bottom: -20px; left: 25px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm:before{ bottom: -150px; left: 25px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm:after { bottom: -150px; left: 33px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:after { bottom: -191px; } .comm-eguide-section2 .top-row .heading-container{ width:100%; } .comm-eguide-section2 .top-row { left: 0; margin-bottom:30px; } .comm-eguide-section2 .top-row .ebook-image { width: 100%; } } @media(max-width:500px) and (min-width:449px){ .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:after { bottom: -218px; } .comm-eguide-section2 .introduction { padding-top:120px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:before{ bottom:-227px; } } @media(max-width:450px) and (min-width:320px){ .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:after { bottom: -270px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:before{ bottom:-272px; } .comm-eguide-section2 .introduction { padding-top:50px; } .cj-feature-cm .logo-container:after { bottom: -267px; } .comm-eguide-section2 .cj-feature-cm .content-container { min-height: 300px!important; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm:before { bottom: -70px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm:after{ bottom: -70px; } } /*==================================================================== Gallery 2 Page Styling Start =====================================================================*/ /********************* Gallery2 Banner Section Styling ********************/ .gallery2-banner-section{ padding: 205px 0 100px; } body .row-fluid .gallery2-banner-section .heading-container{ max-width:730px; margin:0 auto; float:none; } .gallery2-banner-section .heading-container h1{ color:#04082d; } @media(max-width:1024px){ } @media(max-width:767px){ .gallery2-banner-section { padding: 168px 0 40px; } } /******************* Gallery2 Section1 Styling Start *******************/ body .row-fluid .gallery2-section1 .gallery-2-cm .cm-cont>span>div { cursor: pointer; overflow: hidden; width: 30.3%; float: left; margin-right: 1.2%; margin-left: 1.2%; margin-bottom: 30px; box-sizing: border-box; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); transition: all .3s ease-in-out; } body.gallery-1 .row-fluid .gallery2-section1 .gallery-2-cm .cm-cont>span>div{ width:47.3%; } body.gallery-1 .gallery2-section1 .menu-container{ background:transparent; padding:0; } body.gallery-1 .gallery2-section1 .menu-container:before{ display:none; } body.gallery-1 .gallery2-section1 .menu-container:after{ display:none; } body.gallery-1 .gallery-2-cm{ padding:0; } body.gallery-1 .gallery2-section1{ padding:120px 0; } body.gallery-1 .gallery2-section1 .menu-container ul{ margin:0; list-style-type:none; } body.gallery-1 .gallery2-section1 .menu-container ul li{ position:relative; cursor:pointer; text-align:left; } body.gallery-1 .gallery2-section1 .menu-container ul li:before{ display:none; } body.gallery-1 .gallery2-section1 .right-col{ float:right; } body.gallery-1 .gallery2-section1 .menu-container ul li.active:after{ position: absolute; left: -790px; top: 12px; content: ''; background: #04082d; width: 780px; height: 2px; } @media(min-width:2000px){ body.gallery-1 .gallery2-section1 .menu-container ul li.active:after { position: absolute; left: -1562px; top: 12px; content: ''; background: #04082D; width: 1553px; height: 2px } } @media(max-width:767px){ body.gallery-1 .gallery2-section1 .left-col{ position:relative!important; } body.gallery-1 .gallery2-section1 { padding: 60px 0; } body.gallery-1 .gallery2-section1 .right-col { float: none!important; } body.gallery-1 .row-fluid .gallery2-section1 .gallery-2-cm .cm-cont>span>div { width: 100%; margin: 0; margin-bottom:30px; } body.gallery-1 .gallery2-section1 .menu-container { margin-bottom: 53px; } } /************************************************************************* *********************Gallery page 2************************************* **************************************************************************/ body .row-fluid .ps2-gallery-2-section .wrapper{ max-width:1170px; } body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container{ display: block; overflow: hidden; } .gallery-4 .ps1-gallery-2-cm .img-cont{ height:363px; } body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div{ cursor: pointer; overflow: hidden; width: 30.3%; float: left; margin-right: 1.2%; margin-left: 1.2%; margin-bottom:30px; box-sizing:border-box; box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); transition: all .3s ease-in-out; } body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div:hover{ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); } .ps2-gallery-2-section .icon-container{ position: absolute; float: none; left: 0; right: 0; transition: all .3s ease-in-out; top: 0; opacity: 0; bottom: 0; text-align: center; justify-content: center; align-items: center; display: flex; background: rgba(73, 63, 190, 0.9); } .ps2-gallery-2-section .icon-container img{ width:36px; } .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div:hover .icon-container{ opacity:1; } .ps2-gallery-2-section .heading-container{ position: absolute; right: 0; left: 0; background: black; padding: 10px 10px; bottom: -100px; transition: all .3s ease-in-out; } .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div:hover .heading-container{ bottom:0; } .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div:hover .background-container:before{ opacity:1; } body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm{ position:relative; } body .row-fluid .ps2-gallery-2-section .popup-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 12; background: rgba(255, 255, 255, 0.88); padding: 80px 0; overflow-y: scroll; opacity:0; pointer-events:none; transition:all .4s ease-in-out; } body .row-fluid .ps2-gallery-2-section .popup-container.open-popup { opacity:1; pointer-events:auto; } .row-fluid .ps2-gallery-2-section .slider-inner-container{ width: 100%; max-width: 1180px; margin: 0 auto; background: transparent; position:relative; opacity:0; transition:all .6s ease-in-out; } .ps2-gallery-2-section .popup-container.inner-container-popup .slider-inner-container{ opacity:1; } body .row-fluid .ps2-gallery-2-section .inner-background-container{ height:540px; } body .ps2-gallery-2-section .slick-arrow{ position: absolute; width: 40px; cursor: pointer; top: 105%; } .ps2-gallery-2-section .slick-prev{ left: 43%; } .ps2-gallery-2-section .slick-next{ right:41%; } .ps2-gallery-2-section .slider-inner-container .close-button{ position: absolute; right: -28px; width: 24px; top: -28px; cursor: pointer; } .ps2-gallery-2-section .slider-inner-container .bottom-heading{ padding:20px 40px; } .ps2-gallery-2-section .slider-inner-container .image-container{ width: 100%; height: 81vh; overflow: hidden; max-width: 543px; margin: 0 auto; box-shadow: 0 2px 54px 0 rgba(0, 0, 0, 0.5); } .ps2-gallery-2-section .slider-inner-container .image-container img{ height: 100%; max-width: none; width: auto; margin: 0 auto; } .ps2-gallery-2-section .slider-inner-container .description-container{ padding:20px 40px; } .ps2-gallery-2-section .image-heading{ position: absolute; bottom: 0; padding: 13px 10px; z-index: 4; background:#000; left:0; right:0; opacity:0; transition: all .4s ease-in-out; } .ps2-gallery-2-section .ps1-gallery-2-cm:hover .image-heading{ opacity:1; } .ps2-gallery-2-section .slider-inner-container .slick-slide{ position:relative; } .ps2-gallery-2-section .slider-inner-container .image-desc{ position: absolute; bottom: 0; right: 0; left: 0; background: #383838; padding: 30px 40px 20px; opacity:0; transition: all .4s ease-in-out; } .ps2-gallery-2-section .slider-inner-container .slick-slide:hover .image-desc{ opacity:1; } .ps2-gallery-2-section.gallery-loader .masonary-grp{ opacity:0; } .ps2-gallery-2-section .masonary-grp{ opacity:1; transition:all .4s ease-in-out; } .ps2-gallery-2-section.gallery-loader{ position:relative; } .ps2-gallery-2-section.gallery-loader:before{ position: absolute; content: ''; top: 230px; left: 0; right: 0; background: url(https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Backgrounds%20/Circel%20SVG.svg) no-repeat; width: 40px; height: 40px; background-size: 100%; margin: 0 auto; transition:all .4s ease-in-out; opacity:1; } .ps2-gallery-2-section:before{ opacity:0; } .gallery-2-cm ul li{ border-bottom: 1px solid transparent; } .gallery-2-cm ul li:hover{ border-bottom: 1px solid #fff; } .gallery-2-cm ul li.active { font-weight: 600; text-decoration: underline; } .gallery-2-cm ul{ list-style-type:none; margin:0; } .gallery-2-cm ul li { cursor: pointer; display: inline-block; margin: 0 20px; font-size: 20px; letter-spacing:-0.6px; text-transform: capitalize; transition: ease-in-out .3s; position: relative; } .gallery-2-cm ul li:before{ display:none; } .gallery2-section1 .menu-container{ padding:24px 0; position:relative; } .gallery2-section1 .menu-container:after{ position:absolute; right:100%; top:0; content:''; background:#04082d; width:1000px; bottom:0; } .gallery2-section1 .menu-container:before{ position:absolute; left:100%; top:0; content:''; background:#04082d; width:1000px; bottom:0; } .gallery2-section1 .menu-container{ margin-bottom:40px; } .ps1-gallery-2-cm .img-cont img{ width:100%; height:auto; } @media (max-width:1660px){ .row-fluid .ps2-gallery-2-section .slider-inner-container { width: 100%; max-width: 900px; } } @media (max-width:1024px){ body .row-fluid .ps2-gallery-2-section .ps1-gallery-2-cm-container>span>div{ margin-bottom: 16px; } .ps2-gallery-2-section .slider-inner-container .image-container{ box-shadow:none; } .row-fluid .ps2-gallery-2-section .slider-inner-container { max-width: 560px; } .ps2-gallery-2-section .slider-inner-container .image-desc { position: inherit; opacity:1; } } @media (max-width:767px){ body .row-fluid .gallery2-section1 .gallery-2-cm .cm-cont>span>div{ width: 100%; float: left; max-width: 100%; margin: 0 auto 20px; float: none; } .gallery-2-cm ul{ text-align:center; } .gallery-2-cm ul li{ margin:0 20px 15px; } .row-fluid .ps2-gallery-2-section .slider-inner-container{ max-width: 280px; } .ps2-gallery-2-section .slick-next { right: 32%; } .ps2-gallery-2-section .slick-prev { left: 34%; } .ps2-gallery-2-section .slider-inner-container .image-desc { padding: 20px 20px 10px; } .ps2-gallery-2-section .slider-inner-container .close-button { right: 2px; top: -35px; } } /*==========Case Study Page Heading Text Color Css============*/ .superlead-case-study .headidng-text h1 { color: #04082d; } /*===========Case Study Single Page Heading Text Color========*/ .case-study-single-cm .reason-section .title h4 { color: #04082d; } /*=============Webinar LP Heading Text Color=================*/ .webinar-locations-section { padding: 100px 0px; } /*====================================================== Jobs2 Page Styling Start ==========================================================*/ /******************** Jobs2 Section1 Styling *********************/ .jobs2-section1{ padding:238px 0 100px; } .jobs2-section1 .heading-container h1{ color:#04082d; } .jobs2-section1 .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; font-weight:normal; } body .row-fluid .jobs2-section1 .heading-container{ max-width:810px; margin:0 auto; float:none; } @media(max-width:1024px){ body .row-fluid .jobs2-section1 .heading-container{ max-width: 660px; } .jobs2-section1 { padding: 188px 0 40px; } } @media(max-width:767px){ .jobs2-section1 .heading-container p { font-size: 20px; line-height: 30px; } .jobs2-section1 { padding: 138px 0 30px; } } /*********************** Jobs2 Cm Styling Start ******************/ body .row-fluid .jobs2-cm span>.hs_cos_wrapper{ box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.19); background-color: #ffffff; padding: 25px 37px 34px; margin-bottom:44px; } body .row-fluid .jobs2-cm .cm-container{ border:none; } body .row-fluid .jobs2-cm span>.hs_cos_wrapper:first-child .cm-container { border-top: none; } .jobs2-cm .cta-container { margin-top: 0px; text-align:right; } body .row-fluid .jobs2-cm .col-2{ float:right; width: 48.717948718%; } .jobs-cm .cm-container .col-1{ width: 48.717948718%; } body .row-fluid .jobs2-cm .cm-container .location-cont{ max-width:170px; } .jobs2-cm .col-2 h3{ font-size:26px; letter-spacing:0; font-weight:600; } .jobs2-cm .col-2 span{ font-size:14px; letter-spacing:0; font-weight:500; margin-left:5px; } body .row-fluid .jobs2-cm{ border-bottom:1px solid #c3c3c3; padding: 38px 0 96px; } @media(max-width:767px){ .jobs-cm .cm-container .col-1 { width: 100%; float:none; text-align:center; } body .row-fluid .jobs-cm .cm-container .col-2 { width: 100%; float:none; text-align:center; } body .row-fluid .jobs2-cm .cm-container .location-cont { max-width: 100%; } body .row-fluid .jobs2-cm { padding: 38px 0 35px; } } /*============================================ Ebook4 Page Styling Start ===============================================*/ .ebook-4-hero-section{ padding:138px 0 177px; } .ebook4-logo-section{ background:#f6fbff; position:relative; z-index:2; padding:26px 0 25px; } .ebook4-logo-section .logo-list ul li img{ max-width:120px; height:auto; } /************** Ebook4 Author Cm Section Styling ******************/ .ebook4-author-section{ padding:106px 0 100px; } .ebook4-author-section .heading-container{ margin-bottom:10px; } .ebook-author-cm .image-container{ height:430px; margin-bottom:20px; } .ebook-author-cm .name-container h4{ color:#04082d; letter-spacing:0.03px; font-weight:bold; margin-bottom:5px; } .ebook-author-cm .name-container p{ font-size:14px; line-height:25px; letter-spacing:0.02px; } .ebook4-section3 .section2-cm .services-slider .hs_cos_wrapper{ margin-right:70px; margin-left:0; } /************************************************ Super Lead Event Listing 2 ***************************************/ .about.learning-faq-section.event-listing2-section2{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); } /************************************************ Super Lead Event Page 2 ***************************************/ body .row-fluid .book-tkts-group .yellow-cta a.cta_button[title] { background: #fff; color: #000; } /****************************************** Super Lead Ebook Download Page2 ****************************************/ .ebook2-faq-section{ background-image: linear-gradient(to bottom, #f6fbff, rgba(245, 245, 245, 0)); } /****************************************** Super Lead Request a Quote 1 ****************************************/ .row-fluid .hs-form fieldset.form-columns-1 .input .hs-input:before { width: 106px; height: 20px; font-size: 12px; line-height: 22px; content: 'Upload file'; display: inline-block; color: #fff; padding: 2px 6px; position: absolute; text-align: center; background: #000; } /****************************************** Super Lead Sign Up ****************************************/ body .container-fluid .row-fluid .right-col .left-inner-column.right-inner-column .yellow-cta a.cta_button[title] { background: #fff; color: #333; } body .container-fluid .row-fluid .right-col .left-inner-column.right-inner-column .yellow-cta a.cta_button[title]:hover { background: #333; color: #fff; } /****************************************** Portfolio 2 ****************************************/ .portfolio-hero-section .section-content h1 { color: #04082d; } body .row-fluid .portfolio-section1 .filter-option-button a.cta_button { border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33); border: solid 1px #04082d; background-color: #ffffff; font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #04082d; } body.comingsoon-footer .footer-container-wrapper { background: transparent; padding: 0; } .comingsoon-countdown-cm { text-align: center; } .comingsoon-countdown-cm div#timer { display: flex; align-items: stretch; margin-bottom: 67px; justify-content: center; } .comingsoon-countdown-cm .cc-top * { color: #fff; } .comingsoon-countdown-cm .cc-top { border-radius: 6px; background-color: #04082d; color: #fff; max-width: 216px; margin: 0 auto; position: relative; margin-bottom: 34px; } .comingsoon-countdown-cm .cc-top-group { text-align: left; padding: 15px 25px 52px; } .comingsoon-countdown-cm .cc-top-group h1 { font-size: 152px; font-weight: bold; line-height: normal; letter-spacing: 0px; margin-bottom: 0; font-family: 'proxima_novaregular'; } .comingsoon-countdown-cm .cc-top-group h4 { font-size: 18px; font-stretch: normal; line-height: normal; letter-spacing: 0px; color: #ffffff; margin-bottom: 0; text-transform: uppercase; } .comingsoon-countdown-cm .cc-top-group h2 { font-size: 34px; line-height: normal; letter-spacing: 0px; color: #ffffff; margin-bottom: 0; text-transform: uppercase; } .comingsoon-countdown-cm .triangle-con:after { border-color: #04082d transparent; border-style: solid; border-width: 0px 20px 20px 20px; height: 0px; width: 0px; position: absolute; right: 37px; content: ''; bottom: -11px; transform: rotate(138deg); border-width: 0px 47px 43px 26px; } .comingsoon-countdown-cm .triangle-con:before { border-color: #fff transparent; border-style: solid; height: 0px; width: 0px; position: absolute; right: -26px; content: ''; bottom: -14px; transform: rotate(135deg); border-width: 0px 47px 43px 26px; } .comingsoon-countdown-cm .triangle-spare:before { border-color: #D0CEEC transparent; border-style: solid; border-width: 0px 47px 45px 26px; height: 0px; width: 0px; position: absolute; right: 3px; content: ''; bottom: 17px; transform: rotate(-45deg); } .comingsoon-countdown-cm div.cont{ text-align:left; } .comingsoon-countdown-cm .cont h2 { font-size: 90px; font-weight: bold; line-height: normal; letter-spacing: 0px; color: #000000; position:relative; padding-right: 45px; margin-bottom: 0; } .comingsoon-countdown-cm .comingsoon-countdown-cm .cc-bottom > div:last-child h2 { padding-right: 0; } .comingsoon-countdown-cm .cont h2:before { content: ':'; font-size: 90px; font-weight: bold; line-height: normal; letter-spacing: 0px; color: #000; position: absolute; top: -2px; bottom: 0; right: 8px; } .comingsoon-countdown-cm #days h2 { color: #000000; } .comingsoon-countdown-cm div#days h2:before, .comingsoon-countdown-cm div#seconds h2:before { display: none; } .comingsoon-countdown-cm #hours h2 { color: #000000; } .comingsoon-countdown-cm #minutes h2 { color: #000000; } .comingsoon-countdown-cm #seconds h2 { color: #000000; } .comingsoon-countdown-cm .cont span { font-size: 18px; font-weight: bold; line-height: normal; letter-spacing: 0px; color: #04082d; } .comingsoon-countdown-cm div#timer { margin-bottom: 49px; } .comingsoon-page.rad-form-section.error-msg-section .event-container-heading h2 { margin-bottom: 41px; } body .container-fluid .comingsoon-page.req-a-quote-section .event-container-heading { max-width: 900px; margin: 0 auto; float: none; margin-bottom: 46px; } .copyright-footer { margin-bottom: 50px; padding-top: 68px; } .copyright-footer p { font-weight: bold; line-height: normal; letter-spacing: normal; color: #000000; } @media(max-width:767px){ .comingsoon-countdown-cm .cc-top-group h1 { font-size: 100px; } .comingsoon-countdown-cm .cc-top-group { text-align: center; } .comingsoon-countdown-cm .cont h2 { font-size: 32px; padding-right: 35px; margin-bottom: 0; } .comingsoon-countdown-cm .cont h2:before { font-size: 32px; top: 0px; bottom: 0; right: 11px; } .comingsoon-countdown-cm .cont span { font-size: 14px; } } /* ==================Home4 Page Styling Here===================== */ .home4-hero { padding: 206px 0 120px; } .home4-hero.overlay:before { opacity: 0.59; background-color: #04082d; } .home4-hero h2 { font-size: 60px; font-weight: 500; font-style: italic; line-height: 1.17; letter-spacing: -1.8px; text-align: center; max-width: 766px; margin: 0 auto; margin-bottom: 40px; } .home4-hero h1 { font-size: 90px; line-height: 1; letter-spacing: -2.7px; text-align: center; } .home4-yellow { margin-top: 70px; } @media(max-width:1024px){ .home4-hero{ padding: 130px 0 130px; } .home4-hero h2 { font-size: 50px; } .home4-hero h1 { font-size: 70px; } .home4-yellow { margin-top: 40px; } } @media(max-width:767px){ .home4-hero{ padding:170px 0 60px; } .home4-hero h2 { font-size: 40px; } .home4-hero h1 { font-size: 50px; line-height: 60px; } } /* ----Home4 section 1 ---------- */ .home4-section1 { padding: 165px 0 147px; } .section-hfour-heading h2 { font-size: 38px; font-weight: bold; line-height: normal; } body .container-fluid .home4-section1 .heading-container { max-width: 1038px; margin: 0 auto; margin-top: 60px; float: none; margin-bottom: 51px; } .home4-section1 h3 { font-size: 24px; font-weight: normal; line-height: 1.67; letter-spacing: normal; color: #605e7e; } .home4-team-sec { padding: 110px 0 88px; } .home4-team-sec .section-hfour-heading { margin-bottom: 32px; } body .container-fluid .about-section1 .section-hfour-heading { max-width: 762px; margin: 0 auto; float: none; margin-bottom: 44px; } .home4-team-sec .home4-team-cm{ height:273px; } .home4-team-sec{ position:relative; cursor:pointer; } .home4-team-sec .hover-container{ position:absolute; left:0; right:0; top:0; bottom:0; background-color: rgba(72, 66, 183, 0.72); opacity:0; transition:0.4s all ease-in-out; flex-direction: column; justify-content: flex-end; padding: 0 17px 5px; margin-left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex!important; cursor:pointer; } body .row-fluid .four-col-adjust span>.hs_cos_wrapper:hover .hover-container{ opacity:1; transition:0.4s all ease-in-out; } .hover-container p{ font-size:14px; line-height:20px; letter-spacing:0.02px; } .hover-container h4{ margin-bottom:5px; } @media(max-width:1024px){ .home4-section1{ padding: 95px 0 95px; } body .container-fluid .home4-section1 .heading-container { margin-top: 40px; } .home4-team-sec{ padding: 80px 0 80px; } body .row-fluid .team-container.four-col-adjust span>.hs_cos_wrapper:nth-child(2n){ margin-right:0; } body .row-fluid .team-container.four-col-adjust span>.hs_cos_wrapper{ margin-right:3.5%; } .about-section1{ padding: 55px 0 90px; } } @media(max-width:767px){ .home4-section1{ padding: 75px 0 70px; } body .row-fluid .home4-section1 .logo{ max-width:160px; margin:0 auto; float:none; } .section-hfour-heading h2{ font-size: 32px; margin-bottom: 20px; } .home4-section1 h3 { font-size: 18px; } .home4-team-sec{ padding: 60px 0 60px } } /* -------Image Gallery Section--------- */ .home4-gallery-section { background-color: #f8f8fc; padding: 141px 0px 146px; } body .container-fluid .home4-gallery-section .wrapper { max-width: 1143px; } @media(min-width:768px){ .home4-gallery-section .image-gallery-grouping { display: flex; align-items: stretch; margin-right: -2.333%; flex-wrap: wrap; } .home4-gallery-section .image-gallery-grouping>div { width: 31%; margin-right: 2.333%; } } .home4-gallery-section .image-gallery-grouping>div { margin-bottom: 26px; } .home4-gallery-section .class-of-gallery { background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 363px; } .home4-gallery-section .day-tabs { text-align: center; padding-bottom: 13px; border-bottom: solid 1px #e6e6e6; margin-bottom: 71px; } .home4-gallery-section .day-tabs > div { display: inline-block; margin-right: 44px; position: relative; cursor: pointer; } .home4-gallery-section .day-tabs > div.active:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; width: 100%; background: #000; } .home4-gallery-section .day-tabs > div p { font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: -0.6px; color: #000000; margin-bottom: 0; } .home4-gallery-section .section-hfour-heading { margin-bottom: 70px; } .pricing-home4 { padding: 117px 0 0px; } .gallery-4 .menu-container{ background:transparent; } .gallery-4 .menu-container ul li{ color:#000; font-size:20px; font-weight:500; letter-spacing:-0.6px; border-bottom:1px solid transparent; } .gallery-4 .menu-container ul li:hover{ border-bottom:1px solid #000; } .gallery2-section1 .menu-container:before{ display:none; } .gallery2-section1 .menu-container:after{ display:none; } .gallery2-section1 .menu-container{ } .gallery2-section1 .menu-container ul{ text-align:center; } .gallery-4{ border-bottom:none; padding:116px 0 160px; } .gallery-4 .gallery-2-cm{ padding: 0; } @media(max-width:1024px){ .home4-gallery-section{ padding: 90px 0px 90px; } .gallery-4{ padding: 75px 0 60px; } .gallery-4 .ps1-gallery-2-cm .img-cont { height: 303px; } } @media(max-width:767px){ .gallery-4{ padding: 60px 0 60px; } .gallery-4 .gallery-2-cm { padding: 0px 0 0; } } /***************************************************************************************** ********************************** Partner Page 1 *************************************** ****************************************************************************************/ .home4-client-section{ padding:100px 0; background:#f8f8fc; } .home4-client-section .heading-container{ margin-bottom:30px; } body .container-fluid .row-fluid .home4-client-section .five-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 .container-fluid .row-fluid .home4-client-section .five-col-adjust span>.hs_cos_wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 22.3%; -webkit-flex-basis: 22.3%; float: left; margin-right: 2.5%; margin-top: 30px; box-sizing: border-box; position: relative; } body .row-fluid .home4-client-section .partner-logo-cm-container>span>div { background: #fff; padding: 35px 0 40px; height: 207px; display: flex; display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: center; -webkit-align-items: center; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: all .15s ease; border: 1px solid #e7e7e7; } body .row-fluid .home4-client-section .partner-logo-cm-container>span>div:hover { box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.12); filter: grayscale(0); } .home4-client-section .ps1-partner-1-cm .button-link:before { position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; z-index: 4; } .home4-client-section .ps1-partner-1-cm.no-link .button-link:before { display:none; } @media (max-width:1024px){ body .row-fluid .home4-client-section .partner-logo-cm-container>span>div { height: 170px; margin-top:20px; } .home4-client-section .heading-container{ margin-bottom: 20px; } .home4-client-section { padding: 70px 0; } body .container-fluid .row-fluid .home4-client-section .five-col-adjust span>.hs_cos_wrapper{ -webkit-flex-basis: 47.5%; flex-basis: 47.5%; } .home-4 .border-top{ padding:32px 0 0; } } @media (max-width:767px){ } /************* Home4 contact Version4 *************/ @media(max-width:767px){ } /************************************************************************************ ====================Blog Rss ****************** ************************************************************************************/ body .row-fluid .ps1-home-1-blog-section .wrapper{ } body .container-fluid .row-fluid .ps1-home-1-blog-section .heading{ margin-bottom: 60px; } .ps1-home-1-blog-section .featured-posts { overflow: hidden; } .ps1-home-1-blog-section .featured-posts h2, .ps1-home-1-blog-section .featured-posts h2 a{ font-size:18px; line-height:1.2; color:#ffffff; letter-spacing:0.01px; font-weight:bold; margin-bottom: 3px; } .ps1-home-1-blog-section .featured-posts .post-boxes{ background-size: cover; background-position: top center; background-repeat: no-repeat; overflow:hidden; position:relative; z-index: 1; padding:20px; border-bottom:3px solid #ffcf59; } .ps1-home-1-blog-section .featured-posts .post-boxes:before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; display: block; z-index: -1; opacity:.6; transition:all .3s ease-in-out; background-image: linear-gradient(to top, #04003b, rgba(4, 0, 59, 0.18)); } .ps1-home-1-blog-section .featured-posts .post-date,.author-data{ color:#ffffff; letter-spacing:0; font-weight:normal; } .ps1-home-1-blog-section .featured-posts .post-date{ position: relative; margin-top: 8px; margin-right: 20px; } .ps1-home-1-blog-section .featured-posts .author-data a{ letter-spacing:0; font-weight:normal; } .ps1-home-1-blog-section .featured-posts .author-data{ position:relative; } .ps1-home-1-blog-section .featured-posts .item-1 { height: 500px; display: block; width: 64.5%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ps1-home-1-blog-section .featured-posts .item-2{ display: block; width: 32.1%; height: 250px; float: left; margin-left: 2.564102564%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ps1-home-1-blog-section .featured-posts .item-3{ width: 32.1%; display: block; float: left; height:225px; margin-left: 2.564102564%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-top:26px; } .ps1-home-1-blog-section .featured-posts .post-boxes a.author-link{ color:#ffffff; } .ps1-home-1-blog-section .featured-posts .post-boxes .item-wrapper { position: absolute; bottom: 20px; left:20px; right:20px; } .ps1-home-1-blog-section .featured-posts .post-boxes .author-cont span{ float:left; } @media (max-width:767px){ .ps1-home-1-blog-section .featured-posts .item-1 { height: 300px; width: 100%; } .ps1-home-1-blog-section .featured-posts .item-2 { margin: 20px 0; width: 100%; height: 300px; } .ps1-home-1-blog-section .featured-posts .item-3, .featured-posts .item-4 { width: 100%; margin: 0 0 20px; height: 250px; } } /* Ebook Download Page */ @media(max-width: 767px){ body.ebook-2.remove-octagon .body-container-wrapper, body.ebook-3.remove-octagon .body-container-wrapper, body.ebook-4.remove-octagon .body-container-wrapper{ margin-top: 0; } body.ebook-4 .header-container-wrapper, body.ebook-3 .header-container-wrapper{ position: relative; } } /*Backup Unsubscribe*/ .backup-unsubscribe{ padding:200px 0; } /*Communication preferences*/ body .row-fluid .backup-unsubscribe form input{ padding:0; height:auto; } .backup-unsubscribe .email-prefs .item p, body .row-fluid .backup-unsubscribe .checkbox-row span.fakelabel span{ margin:0; } body .row-fluid .backup-unsubscribe .checkbox-row span.fakelabel span{ margin-bottom: 10px; } /*Ebook Page 4 Styling*/ .ebook-section1.ebook4-hero-section{ padding: 200px 0px 134px; } @media (max-width: 1024px){ .ebook-section1.ebook4-hero-section{ padding: 117px 0px 40px; } } @media (max-width: 767px){ .ebook-section1.ebook4-hero-section{ padding: 10px 0px 95px; } .ebook-section1{ padding: 151px 0px 60px; } } /*======================================== * Resourse Page 2 * =====================================*/ .resource-three-col-filter-box { padding: 74px 0px 70px 0px; position: relative; } .resource-three-col-filter-box .filter-items ul li:before{ width:0px; height:0px; } .resource-three-col-filter-box .top-heading h3{ font-size:20px; } /*===========Filter Cm Right Col Css Styling Start Here============*/ .resource-three-col-filter-box .box-module .box-bg-image { background-size:cover; background-repeat:no-repeat; background-position: center; min-height:172px; } .resource-three-col-filter-box .box-module .top-heading { padding: 26px 0px 0px 0px; } .resource-three-col-filter-box .resource-cta a { text-decoration: underline; } .resource-three-col-filter-box .box-content { padding-bottom: 3px; } /*===========Filter Cm Right Col Css Styling End Here============*/ /*===========Filter Cm Left Col Css Styling Start Here============*/ .resource-three-col-filter-box ul li { margin-left: 0; cursor:pointer; } .resource-three-col-filter-box .filter-list ul { padding: 9px 0px; } .resource-three-col-filter-box .three-col .box-module { background: #fff; } /*===========Filter Cm Left Col Css Styling End Here============*/ /*========Responsive Css Styling Start here=============*/ @media(min-width:768px){ .resource-three-col-filter-box .three-col { margin-right: -5%; overflow: hidden; } .resource-three-col-filter-box .three-col .box-module { transition: all .16s ease-in-out; width: 30%; float: left; margin-right: 2.6%; margin-top: 0; margin-bottom: 38px; } body .resource-three-col-filter-box .right-col{ float:right; } } @media (max-width: 1024px) and (min-width: 768px) { .resource-three-col-filter-box .three-col { margin-right: -6.2%; } .resource-three-col-filter-box .three-col .box-module { width: 44.9%; margin-right: 3.8%; margin-bottom: 38px; } } @media (max-width: 767px) { .resource-three-col-filter-box .three-col .box-module { margin-bottom: 3%; padding-bottom: 10px; } .resource-three-col-filter-box .box-module .box-bg-image { min-height: 250px; } .resource-three-col-filter-box { padding: 15px 0px 15px 0px; } } body form fieldset.form-columns{ border: none; } body .row-fluid .pricing-version4{ padding: 102px 0 120px; } @media (max-width: 767px){ .pricing-banner-section.about-banner-section { padding: 167px 0 46px; } body .row-fluid .pricing-version4{ padding: 43px 0 30px; } } /********** Email Subscription Style ************/ body.email-style .content-wrapper{ padding: 207px 0 120px 0; } .email-prefs .item .item-inner{ background-color: #e2e5fc; } .email-prefs .item .item-inner.selected{ border: 1px solid #04082d; } @media(max-width: 767px){ body.email-style .content-wrapper{ padding: 168px 0 60px 0; } } /************ CTA Style ************/ body .container-fluid .row-fluid .blue-cta a.cta_button[title]{ background: #04082d; } body .container-fluid .row-fluid .blue-cta a.cta_button[title]:hover{ color: #ffffff; } body .container-fluid .row-fluid .blue-cta a.cta_button[title]:before{ background: #00c957; } /*============================================================ Blog Post Page (360 Style) Styling Start =============================================================*/ /************************* Blog Banner Section Styling ******************/ body.blog-360-style .blog-banner-section{ padding: 205px 0 102px; background: #e2e5fc; } body.blog-360-style .blog-banner-section .heading-container p{ font-size:20px; line-height:32px; color:#04082d; font-weight:normal; font-family: 'Open Sans', sans-serif;; font-weight:400; } body.blog-360-style .row-fluid .blog-banner-section .heading-container{ max-width:665px; margin:0 auto; float:none; } body.blog-360-style .hs-blog-post .blog-banner-section{ display:none; } @media(max-width:1024px){ } @media(max-width:767px){ body.blog-360-style .blog-banner-section{ padding: 168px 0 43px; } } body.blog-360-style.hs-blog-post .blog-banner-section{ display: none; } body.blog-360-style.hs-blog-post .container-fluid .row-fluid .post-section-hero .wrapper{ max-width: 100%; } /********************* Blog Email Subscribe Styling Start ***************/ body.blog-360-style .blog-email-subscribe{ padding:100px 0 80px; position:relative; z-index:1; margin-bottom:109px; margin-left: 0 !important; background: #e2e5fc; } body.blog-360-style .blog-email-subscribe .heading-container{ margin-bottom:15px; } body.blog-360-style .blog-email-subscribe h2{ margin-bottom:22px; } body.blog-360-style .blog-email-subscribe .sub-text p{ font-size:10px; line-height:14px; color:#7c7c7c; letter-spacing:0; font-weight:500; } body.blog-360-style .blog-email-subscribe .hubspot-link__container.sproket{ display:none; } body.blog-360-style .blog-email-subscribe form input{ border:1px solid ; height:45px; position:relative; width: 100%; padding: 5px 15px; } body.blog-360-style .row-fluid .blog-email-subscribe .form-container{ padding: 40px 60px 60px 60px; max-width:700px; } body.blog-360-style .blog-email-subscribe form{ max-width: 600px; margin: 0 auto; } body.blog-360-style .blog-email-subscribe form input::placeholder{ font-size:14px; line-height:28px; color:#7c7c7c; font-weight:500; font-family: ' 'Open Sans', sans-serif;'; } body.blog-360-style .row-fluid .blog-email-subscribe form .hs-button{ margin-top: 0 ; font-size: 16px; line-height: 26px; font-weight: bold; font-family: 'Open Sans', sans-serif; ; cursor: pointer; text-align: center; display: inline-block; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; border-radius: 2px; margin-bottom: 0; position: relative; z-index: 1; background: #00c957; color: #fff; letter-spacing: 0; padding: 17px 44px 15px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; } body.blog-360-style .row-fluid .blog-email-subscribe form .hs-button:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #04082d; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } body.blog-360-style .row-fluid .blog-email-subscribe form .hs-button:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); } body.blog-360-style .row-fluid .blog-email-subscribe .heading-container p{ font-size:16px; line-height:26px; color:#04082d; letter-spacing:0; font-weight:normal; max-width:603px; margin:0 auto; float:none; } body.blog-360-style .blog-email-subscribe .left-side-image img{ position:absolute; left:-35%; top:0; } body.blog-360-style .blog-email-subscribe .right-side-image img{ position:absolute; right:-35%; bottom:0; } body.blog-360-style.hs-blog-post .blog-email-subscribe .right-side-image img{ right:0; } body.blog-360-style.hs-blog-post .blog-email-subscribe .left-side-image img{ left:0; } .blog-email-subscribe{ display:none; } @media(max-width:1024px){ body.blog-360-style.hs-blog-post .blog-email-subscribe .left-side-image img{ display:none; } .hs-blog-post .blog-email-subscribe .right-side-image img{ display:none; } } @media(max-width:767px){ body.blog-360-style .blog-email-subscribe .left-side-image img{ display:none; } body.blog-360-style .blog-email-subscribe .right-side-image img{ display:none; } body.blog-360-style .blog-email-subscribe{ padding:60px 0; } body.blog-360-style .row-fluid .blog-email-subscribe form .hs-button{ position:initial; padding: 13px 50px; width: 100%; } body.blog-360-style .blog-email-subscribe{ margin-bottom: 58px; margin-top: 20px; } } body.blog-360-style .blog-email-subscribe .left-side-image, body.blog-360-style .blog-email-subscribe .right-side-image{ display: none; } body.blog-360-style .blog-email-subscribe:before { content: ''; position: absolute; left: -100%; top: 0; height: 100%; width: 100%; background: #e2e5fc; } body.blog-360-style .blog-email-subscribe:after { content: ''; position: absolute; right: -100%; top: 0; height: 100%; width: 100%; background: #e2e5fc; } /****************** Blog Section3 Styling ***********************/ body.blog-360-style.hs-blog-post .row-fluid .blog-section3 .wrapper{ max-width:1200px; } body.blog-360-style .row-fluid .blog-section3 .drop-line-sec{ border:1px solid ; background:#ffcf59; padding:64px 90px; border-radius:6px; } body.blog-360-style .blog-section3 .right-col{ float:right; text-align:right; } body.blog-360-style .blog-section3{ z-index: 5; padding:0 10px; position: relative; } body.blog-360-style .blog-section3 h2{ margin-bottom:20px; } body.blog-360-style .blog-section3 .left-col p{ font-size:18px; line-height:30px; color:#04082d; font-weight:normal; font-family: 'Open Sans', sans-serif;; letter-spacing:normal; max-width:664px; } @media(max-width:1024px){ body.blog-360-style .row-fluid .blog-section3 .drop-line-sec{ padding: 64px 40px; } body.blog-360-style .row-fluid .blog-section3 .drop-line-sec a.cta_button{ padding: 14px 30px; } } @media(max-width:767px){ body.blog-360-style .blog-section3 .right-col{ float:none; } body.blog-360-style.hs-blog-listing .blog-section3{ position:relative; } body.blog-360-style.hs-blog-post .blog-section3{ bottom:0px; } body.blog-360-style .row-fluid .blog-section3 .drop-line-sec{ padding: 34px 20px; } } body.blog-360-style .blog-section3{ display: none; } /************************* Blog Section1 Styling ********************/ body .blog-section1 .blog-section .post-listing{ padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -4.4%; } body .blog-section1 .blog-section .post-item{ padding-right: 0px; display: block; box-sizing: border-box; margin: 0 0 98px 0; list-style: none; margin-right: 44px; position: relative; flex-direction: column; flex-basis: 29.5%; background: #fff; padding-bottom:90px; } body .blog-section1 .blog-section .post-item .hs-featured-image-wrapper a{ height:195px; border-radius:6px; } body.blog-360-style .blog-section1 .blog-section .post-item .hs-featured-image-wrapper .single-line h4{ font-size:10px; letter-spacing:0.83px; font-weight:600; margin-bottom:0; line-height:normal; } body.blog-360-style .blog-section1 .blog-section .post-item .hs-featured-image-wrapper .single-line{ background: #fff; padding: 5px 19px; position: absolute; left: -3px; top: 20px; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.37); } body .blog-section1 .blog-section .post-item .post-heading{ margin-top:10px; margin-left:0; } body .blog-section1 .blog-section .post-item .description{ margin-left:0; } body .blog-section1 .blog-section .post-item .description p{ font-size:14px; line-height:24px; color:#000000; letter-spacing:0; font-weight:normal; word-break: break-word; } body .blog-section1 .blog-section .post-item .post-header h3{ font-size:20px; line-height:26px; letter-spacing:-0.44px; font-weight:bold; font-family: 'Open Sans', sans-serif;; } body.blog-360-style .blog-section1 .blog-section .post-item .post-header h3 a{ font-size:20px; line-height:26px; letter-spacing:-0.44px; font-weight:bold; font-family: 'Open Sans', sans-serif;; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .left-col{ float:left; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .right-col{ float:right; text-align:right; } body.blog-360-style .blog-section1 .post-filter-section ul li{ display:inline-block; font-size:16px; color:#04082d; letter-spacing:0; font-weight:500; margin-left:0; margin-right:30px; } .blog-section1 .widget-module li.active-topic a{ } body.blog-360-style .blog-section1 .filter-expand-link{ display:none; } body.blog-360-style .blog-section1 .post-filter-section ul{ margin-bottom:10px; display:inline-block; } body.blog-360-style .blog-section1 .post-filter-section ul li a{ font-size:16px; color:#808080; letter-spacing:0; font-weight:500; transition:0.3s all ease-in-out; } body.blog-360-style .blog-section1 .post-filter-section ul li a.current-page{ font-weight: bold; color: #000000 ; } body.blog-360-style .blog-section1 .post-filter-section ul li:hover a{ color: #000000 ; } body.blog-360-style .blog-section1 .post-filter-section .filter-link-count{ display:none; } body.blog-360-style .blog-section1{ padding:93px 0 0; } body.blog-360-style .blog-section1 .post-filter-section{ border-bottom:1px solid ; margin-bottom:40px; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container{ background:#ffcf59; border-radius:4px; padding: 6px 15px 7px; margin-top:15px; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container{ background: #e2e5fc; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .left-col a{ font-size:12px; letter-spacing:2.23px; color:; font-weight:500; text-transform:uppercase; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .right-col span{ font-size:12px; letter-spacing:0; color:; font-weight:normal; line-height:29px; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .topic-list{ margin-bottom:0; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .topic-list a:first-child{ display:block; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .topic-list a{ display:none; } body.blog-360-style .blog-section1 .blog-section .post-item .cta-container{ margin-left:0; margin-top:5px; position: absolute; margin-bottom: 0; bottom: 16px; } body.blog-360-style .blog-section1 .blog-section .post-item .cta-container a.cta_button{ padding:13px 27px; } body.blog-360-style .blog-section1 .blog-section .blog-paginations li.prev-btn, body.blog-360-style .blog-section1 .blog-section .blog-paginations li.nxt-btn { display: none; } body.blog-360-style .blog-section1 .blog-section .blog-paginations ul li a{ font-size:14px; font-weight:400; transition:0.3s all ease-in-out; padding: 5px 8px; display:block; width:9px; height:13px; line-height: normal; } body.blog-360-style .blog-section1 .blog-section .blog-paginations ul li.current a{ color: #000000 ; line-height: normal; background:; display:block; padding: 5px 8px; width:9px; height:13px; } body.blog-360-style .blog-section1 .blog-section .blog-paginations ul li{ display:inline-block; margin-left: 0; margin-right: 10px; } body.blog-360-style .blog-section1 .blog-section .blog-paginations ul li a:hover{ background:; color:#fff; } body.blog-360-style .blog-section1 .blog-section .blog-paginations ul li a:hover{ color: #000000 } body.blog-360-style .blog-section1 .blog-section .blog-paginations ul{ margin-bottom: 40px; text-align: center; border-top: 1px solid #e1e1e1; position: relative; margin-top: -20px; padding-top: 20px; } @media(max-width:1160px) and (min-width:1025px){ body .blog-section1 .blog-section .post-item{ margin-right: 36px; } } @media(max-width:1024px){ body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .left-col a{ font-size:10px; } body .blog-section1 .blog-section .post-item{ margin-right: 24px; } body.blog-section1 .blog-section .post-item .cta-container{ position: absolute; bottom: -50px; } body.blog-360-style .blog-section1 .blog-section .blog-pagination ul.page-numbers{ margin-top: 20px; } } @media(max-width:767px){ body .blog-section1 .blog-section .post-listing{ margin:0; } body .blog-section1 .blog-section .post-listing .post-item{ margin-right: 0; flex-basis: 100%; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .left-col{ float:left; width:auto; } body.blog-360-style .blog-section1 .blog-section .post-item .topic-container .right-col{ width:auto; float:none; } body .blog-section1{ padding: 40px 0 30px; } body.blog-section1 .blog-section .post-item{ margin: 0 0 50px 0; } } body.blog-360-style.hs-blog-post .body-container-wrapper .blog-section h5{ max-width: 100%; } /************************ Blog3 Banner Section Styling Start ***********************/ body.blog-360-style.hs-blog-listing .post-section-hero{ display:none; } body.blog-360-style.hs-blog-post .blog-section1{ padding: 100px 0 40px; } body.blog-360-style.hs-blog-post .post-section-hero .image-container .post_featured_image{ height:620px; background-repeat:no-repeat; background-size:cover; background-position:center center; } body.blog-360-style.hs-blog-post .post-section-hero{ padding:0px 0 400px; position:relative; } body.blog-360-style .post-section-hero .image-container{ position: absolute; left: 0; right: 0; margin: 0 auto; } body.blog-360-style .post-section-hero .post-body-inner{ background:#e2e5fc; padding:45px 82px 42px; position:relative; top:456px; border-radius: 6px; border: solid 1px ; margin-left:0; max-width: 975px; margin: 0 auto; float: none; } body.blog-360-style .post-section-hero .each-li-item li{ margin-left:0; font-size:12px; letter-spacing:2.23px; font-weight:500; text-transform:uppercase; } body.blog-360-style .post-section-hero .each-li-item li:first-child{ display:block; } body.blog-360-style .post-section-hero .each-li-item li{ display:none; } body.blog-360-style .post-section-hero .each-li-item li a{ font-size:12px; letter-spacing:2.23px; font-weight:500; text-transform:uppercase; } body.blog-360-style .post-section-hero .each-li-item{ margin:0; } body.blog-360-style.hs-blog-post .post-section-hero .each-li-item{ margin: 20px 0; } body.blog-360-style .post-section-hero .post-header h2 a{ font-size:48px; line-height:58px; font-weight:bold; } body.blog-360-style.hs-blog-post .post-section-hero .post-header h2 a{ color: #10216f !important; } body.blog-360-style .post-section-hero .post-header h2{ margin-bottom:42px; } body.blog-360-style .post-section-hero .post-body-inner .author-container ul{ margin:0px; } body.blog-360-style .post-section-hero .post-body-inner .author-container ul li{ display:inline-block; margin-left:0; font-size:16px; color:; font-weight:normal; vertical-align:middle; } body.blog-360-style .post-section-hero .post-body-inner .author-container ul li .hs-author-avatar{ width:43px; height:43px; border-radius:50%; } body.blog-360-style .post-section-hero .post-body-inner .author-container ul li span{ float: left; padding-right: 15px; } body.blog-360-style .post-section-hero .post-body-inner .author-container ul li span:last-child { padding-top: 9px; padding-right:5px; } body.blog-360-style.hs-blog-post .post-section-hero .post-body-inner .author-container ul li span:last-child { padding-right:5px; padding-top: 8px; } body.blog-360-style .post-section-hero .post-body-inner .author-container .right-column{ float:right; text-align:right; } body.blog-360-style .post-section-hero .post-body-inner .author-container .right-column span{ font-size:12px; color:; letter-spacing:0; font-weight:normal; } body.blog-360-style .post-section-hero .post-body-inner .author-container{ margin-top:22px; } @media(max-width:1024px){ body.blog-360-style .post-section-hero .post-header h2{ margin-bottom: 24px; } body.blog-360-style .post-section-hero .post-body-inner{ top: 280px; padding: 54px 42px 47px; } body.blog-360-style .post-section-hero .post-body-inner .author-container ul li{ font-size:14px; } body.blog-360-style.hs-blog-post .post-section-hero .image-container .post_featured_image { height: 430px; } body.blog-360-style.hs-blog-post .post-section-hero { padding: 0px 0 230px; } } @media(max-width:767px){ body.blog-360-style.hs-blog-post .post-section-hero .image-container .post_featured_image{ height: 340px; } body.blog-360-style .post-section-hero .post-body-inner { top: 200px; padding: 54px 25px 47px; } body.blog-360-style .post-section-hero .post-header h2 a{ font-size: 34px; line-height: 40px; } body.blog-360-style .post-section-hero .post-body-inner .author-container .right-column { float: none; text-align: left; } body.blog-360-style.hs-blog-post .post-section-hero { padding: 0px 0 140px; } } @media(max-width:480px){ body.blog-360-style .post-section-hero .post-body-inner .author-container ul li span:last-child { padding-top: 9px; padding-right: 5px; float:none; } body.blog-360-style .post-section-hero .post-body-inner .author-container ul li{ width:100%; display:block; } body.blog-360-style .post-section-hero .post-body-inner .author-container .right-column{ margin-top:15px; } } body.blog-360-style .post-header h2{ padding: 0; } /****************** Blog Post Section1 Styling Start *******************/ body.blog-360-style.hs-blog-post .blog-section1 .post-filter-section{ display:none; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body{ border:1px solid ; background:#e2e5fc; padding:76px 85px 45px; } body.blog-360-style.hs-blog-post .blog-section .post-body img { display: block; float: none; text-align: center; margin: 60px auto; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body p{ font-size:16px; line-height:30px; color:#000000; letter-spacing:0; font-weight:normal; margin-bottom:30px; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h5{ font-size:18px; color:; font-weight:bold; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h4{ font-size:24px; color:; font-weight:bold; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h3{ font-size:28px; color:; font-weight:bold; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body ul li{ font-size:16px; color:#000000; font-weight:normal; position:relative; font-family:; margin-left: 20px; margin-bottom: 10px; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body ul li:before{ position: absolute; left: -16px; top: 14px; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #000; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h2, body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h3, body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h4{ margin:60px 0px 21px; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h5, body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h6{ margin:60px 0px 15px; } body.blog-360-style.hs-blog-post .blog-section1{ position:relative; } body.blog-360-style.hs-blog-post .blog-section1 .wrapper{ position:relative; } body.blog-360-style .blog-section1 .blog-section .sharing-icon { position: absolute; margin: 0; margin-top: 3px; top: 0; width: 40px; left: 5px; text-align: center; } body.blog-360-style .blog-section1 .blog-section .sharing-icon li{ margin-left:0; } body.blog-360-style .blog-section1 .blog-section .sharing-icon li:first-child{ font-size:12px; color:; font-weight:normal; letter-spacing:0; } body.blog-360-style .blog-section1 .blog-section .cta-cont{ position: absolute; margin: 0; margin-top: 3px; top: 353px; width: 259px; left: -91px; text-align: center; } body.blog-360-style .blog-section1 .blog-section .cta-cont a.cta_button{ padding:13px 20px!important; transform:rotate(270deg)!important; } @media(max-width:1385px){ body.blog-360-style .post-sharing-icons { display: none; } } @media(max-width:1024px){ body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body{ padding: 76px 45px; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h5, body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h6{ margin: 36px 0px 17px; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h2, body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h3, body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body h4 { margin: 34px 0px 18px; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body p, body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body ul li, body.hs-blog-post .blog-section1 .blog-section .post-body ol li{ line-height:26px; } } @media(max-width:767px){ body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body{ padding: 46px 25px; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body ul li{ margin-left:20px; } } /********************** Blog3 Related Post Section Styling *********************/ body.hs-blog-post .container-fluid .row-fluid .related-post-section .wrapper{ max-width:1200px; } body.blog-360-style.hs-blog-post .related-post-section{ position: relative; padding-bottom: 106px; padding-top:10px; } body.blog-360-style .related-post-section .heading-container{ margin-bottom: 55px; } body.blog-360-style.hs-blog-listing .related-post-cm{ display:none; } body.blog-360-style .related-post-cm .hs-featured-image-wrapper .featured-image{ height:195px; border-radius: 6px; background-size:cover!important; background-position:center center!important; } body.blog-360-style .related-post-cm .topic-container{ background: #e2e5fc; border-radius: 4px; padding: 6px 15px 7px; margin-top: 15px; margin-bottom:10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; } body.blog-360-style .related-post-cm .topic-container .left-col{ float: left; } body.blog-360-style .related-post-cm .topic-container .right-col{ float: right; text-align: right; } body.blog-360-style .related-post-cm .topic-container .right-col span { font-size: 12px; letter-spacing: 0; color: #808080; font-weight: normal; } body.blog-360-style .related-post-cm .topic-container .topic-list a:first-child { display: block; } body.blog-360-style .related-post-cm .topic-container .topic-list a{ display: none; } body.blog-360-style .related-post-cm .topic-container .topic-list a { font-size: 12px; letter-spacing: 2.23px; color: #808080; font-weight: 500; text-transform: uppercase; } body.blog-360-style .related-post-cm .topic-container .topic-list{ margin-bottom: 0; } body.blog-360-style .related-post-cm .post-item .post-header h4 a { font-size: 20px; line-height: 26px; letter-spacing: -0.44px; font-weight: bold; font-family: 'Open Sans', sans-serif;; } body.blog-360-style.hs-blog-post .related-post-cm .post-item .post-header h4 a{ color: #10216f; } body.blog-360-style .related-post-cm .post-item .post-header p{ font-size:14px; line-height:24px; color:#04082d; letter-spacing:0; font-weight:400; } body.blog-360-style.hs-blog-post .related-post-cm .post-item .post-header p{ color: #000000; } @media(min-width:768px){ body.blog-360-style .related-post-cm .related-post.post-listing{ margin: 0 -3.7% 0 0; } body.blog-360-style .related-post-cm .related-post.post-listing .post-item{ width: 29.6%; float: left; margin-right: 3.7%; margin-bottom: 25px; } } @media(max-width:767px){ body.blog-360-style .related-post-cm .topic-container .left-col{ float: left; width:auto; } .hs-blog-post .related-post-section{ padding-bottom: 50px; } body.blog-360-style .related-post-cm .topic-container .right-col{ float: none; width:auto; } body.blog-360-style .related-post-cm .post-item{ margin-bottom:30px; } } /**************** Post Comment Section Styling Start *****************/ body.hs-blog-listing .blog-comment-section, body.hs-blog-post .blog-comment-section{ display:none; } body.hs-blog-post .form-container form .hs_submit .actions{ text-align:center; } body.hs-blog-post .blog-comment-section .form-container form .hs-button{ padding: 13px 38px; margin-top:20px; } body.blog-360-style .blog-comment-section .form-container .hubspot-link__container.sproket{ display:none; } body.blog-360-style .blog-comment-section .comment-from h4{ font-size:18px; margin-bottom:0px; font-weight:bold; } body.blog-360-style .blog-comment-section .hs_recaptcha.hs-recaptcha.field.hs-form-field{ display:none!important; } body.blog-360-style .blog-comment-section .form-container form{ border:1px solid ; background:#ffcf59; padding:70px 85px 90px; margin-top:40px; } body.blog-360-style .blog-comment-section .form-container #comments-listing{ border:1px solid ; background:#ffcf59; padding:130px 85px 68px; margin-bottom:40px; position:relative; } body.blog-360-style .blog-comment-section .heading{ padding: 70px 85px 0px; position:relative; z-index:1; } body.blog-360-style .blog-comment-section .comment-date { color: ; font-size: 12px; letter-spacing: 0; font-weight: normal; display:block; text-transform:uppercase; } body.blog-360-style .blog-comment-section .comment-body p{ font-size:14px; line-height:24px; color:#04082d; font-weight:normal; } body.blog-360-style .blog-comment-section .comment.depth-0{ border-top: 1px solid ; position:relative; padding-bottom:5px; } body.blog-360-style .blog-comment-section .comment-body{ margin-top:20px; } body.blog-360-style .blog-comment-section .comment-form-heading-text h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.24); padding-bottom: 16px; margin-bottom: 40px; } body.blog-360-style .blog-comment-section .comment-reply-to.hs-button{ font-size: 18px; line-height: 26px; letter-spacing: .02px; color: #000; font-weight: 600; position: absolute; right: 0; top: 36px; } body.blog-360-style .blog-comment-section .comment-reply-to.hs-button:focus{ outline:none; } body.blog-360-style .blog-comment-section .comment-reply-to em{ display:none; } body.blog-360-style .blog-comment-section .comment.depth-1 { padding-left: 100px; border-top: 1px solid ; padding-top: 30px; } body.blog-360-style .blog-comment-section .form-container form input::placeholder{ font-size:16px; letter-spacing:0; color:#04082d; font-weight:normal; font-family: 'Open Sans', sans-serif;; } body.blog-360-style .blog-comment-section .form-container form textarea::placeholder{ font-size:16px; letter-spacing:0; color:#04082d; font-weight:normal; font-family: 'Open Sans', sans-serif;; } body.blog-360-style .blog-comment-section .form-container form input, body.blog-360-style .blog-comment-section .form-container form textarea{ border:1px solid ; border-radius:6px; background:#fff; } body.blog-360-style .blog-comment-section .form-container form textarea{ height:170px; } body.blog-360-style .blog-comment-section{ margin-bottom:108px; } @media(min-width:1024px){ body.blog-360-style .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field:first-child{ width: 47%; margin-right: 4%; } body.blog-360-style .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field:last-child{ margin-right:0px; } } @media(max-width:1024px){ body.blog-360-style .blog-comment-section .heading{ padding: 70px 45px 0px; } body.blog-360-style .blog-comment-section .form-container form { padding: 70px 45px 90px; } body.blog-360-style .blog-comment-section{ margin-bottom:50px; } body.blog-360-style .blog-comment-section .comment.depth-1 { padding-left: 50px; } } @media(max-width:767px){ body.blog-360-style .blog-comment-section .heading{ padding: 10px 25px 0px; position: relative; top: 90px; } body.blog-360-style .blog-comment-section .comment-form-heading-text h2{ font-size:27px; } body.blog-360-style .blog-comment-section .form-container #comments-listing{ padding: 100px 25px 68px; } body.blog-360-style .blog-comment-section .form-container form { padding: 40px 25px 60px; } body.blog-360-style form.hs-form .form-columns-2 .hs-form-field .hs-input, body.blog-360-style form.hs-form .form-columns-3 .hs-form-field .hs-input{ width:100%!important; } body.hs-blog-post .blog-comment-section .form-container form .hs-button{ width:100%; } } /**************** Blog Post Author Cm Styling *********************/ body.blog-360-style.hs-blog-listing .post-author-cm, body.blog-360-style.hs-blog-post .post-author-cm{ display:none; } body.blog-360-style .post-author-cm{ border:1px solid ; background:#e2e5fc; padding:43px 85px; border-radius:6px; margin-bottom:40px; } body.blog-360-style.hs-blog-post .post-author-section .wrapper{ max-width: 1003px; } body.blog-360-style .post-author-cm .left-col .image-container{ height:221px; width:221px; border-radius:50%; } body.blog-360-style .post-author-cm .right-col{ padding-left:30px; } body.blog-360-style .post-author-cm .left-col{ width: 23.623932%; } body.blog-360-style .post-author-cm .right-col .author-name{ font-size:18px; line-height:28px; color:#000; font-weight:bold; } body.blog-360-style .post-author-cm .right-col .hs-author-bio{ font-size:16px; line-height:30px; color:#04082d; letter-spacing:0; font-family:; } body.blog-360-style .post-author-cm .hs-author-social-links a.hs-author-social-link{ width:auto; height:auto; display:inline-block; line-height:normal; text-indent: inherit; padding-right:11px; } body.blog-360-style .post-author-cm .hs-author-social-links a.hs-author-social-link img{ vertical-align:middle; } body.blog-360-style .post-author-cm .hs-author-social-label{ font-size:12px; color:; letter-spacing:0; font-weight:normal; padding-right:12px; } body.blog-360-style .post-author-cm .social-container{ margin-top:10px; } @media(max-width:1200px){ body.blog-360-style .post-author-cm .left-col{ width: 32.623932%; } } @media(max-width:1024px){ body.blog-360-style .post-author-cm{ padding: 43px 45px; } body.blog-360-style .row-fluid .post-author-cm .wrapper{ padding-left:0!important; padding-right:0!important; } body.blog-360-style .post-author-cm .left-col .image-container { height: 180px; width: 180px; } } @media(max-width:767px){ body.blog-360-style .post-author-cm{ padding: 43px 25px; margin-bottom:0; } body.blog-360-style .post-author-cm .right-col{ padding-left:0px; } body.blog-360-style .row-fluid .post-author-cm .wrapper{ padding-left:0!important; padding-right:0!important; } body.blog-360-style .post-author-cm .left-col .image-container{ margin:0 auto 20px; float:none; } body.blog-360-style .post-author-cm .left-col{ width:100%; } body.blog-360-style .post-author-cm .right-col{ text-align:center; } body.blog-360-style .blog-email-subscribe form input{ width:100%; } } body.blog-360-style .post-body:before{ display: none; } body.blog-360-style .body-container-wrapper li:before{ display: none; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body ul li{ position: relative; } body.blog-360-style.hs-blog-post .blog-section1 .blog-section .post-body.section ul li:before { position: absolute; left: -16px; top: 14px; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #000; display: block; } body.blog-360-style.hs-blog-post .body-container-wrapper .blog-section h5{ padding-left: 0; } body.blog-360-style.hs-blog-post .read-more-link.cta_button{ text-decoration: none; } @media(max-width: 767px){ body.blog-360-style.hs-blog-post .body-container-wrapper .blog-section ul { margin-left: 14px; } } body.blog-360-style.hs-blog-post .body-container-wrapper .blog-section ul{ margin-left: 14px; } /*============================================================ End Of Blog Post Page (360 Style) Styling End =============================================================*/ /*================================================= * Blog Styling (360 Style 2) Start * ===============================================*/ body.blog-360-style2 .wow2-blog-sec { padding: 119px 0px 0; } body.blog-360-style2.hs-blog-listing .ias-trigger.ias-trigger-next, .ias-spinner{ margin:0; padding:0; } /*======================================== * Subscribe Section ========================================*/ body.blog-360-style2 .wow-subscribe-sec { padding:120px 0 120px; } body.blog-360-style2 .row-fluid .wow-subscribe-sec .subscribe-wrap { border:0.7px solid #04082d; border-top:7px solid #04082d; padding:62px 30px 59px; max-width: 871px; margin: 0 auto; display: block; float: none; } body.blog-360-style2 .wow-subscribe-sec p { max-width: 535px; margin: 0 auto; } body.blog-360-style2 .wow-subscribe-sec .form-disclaimer{ color:; font-size:10px; line-height:14px; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form, body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form h3{ position:relative; max-width:498px; margin:0 auto; margin-top:25px; } body.blog-360-style2 .row-fluid .wow-subscribe-form form .field>label{ font-size: 14px; font-weight: bold; line-height: 1.43; font-family: 'Open Sans', sans-serif; ; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form input{ height:43px; border: solid 0.7px #04082d; background-color: #ffffff; padding-bottom: 0; padding: 5px 15px; height: 43px; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs_email{ width: 68.6%; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs_submit { position:absolute; right:0px; top:25px; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs-button.primary{ font-size: 16px; font-weight: bold; border-radius:0px; background:#2841f9; margin-top:0px; border:1px solid ; padding: 8px 35px; font-family: 'Open Sans', sans-serif; ; height: 100%; position: relative; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs-button.primary:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #04082d; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs-button.primary:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); color: #fff; } @media(max-width: 767px){ body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs_submit { position: relative; display: block; top: 0; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs_email{ width: 100%; } } /*=========================================== * Blog Post Listing * ======================================== */ body.blog-360-style2 a.more-link{ font-size: 16px; line-height: 26px; font-weight: bold; font-family: 'Open Sans', sans-serif; ; cursor: pointer; text-align: center; display: inline-block; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; border-radius: 2px; margin-bottom: 0; position: relative; z-index: 1; background: #00c957; color: #fff; letter-spacing: 0; padding: 13px 47px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; } body.blog-360-style2 a.more-link:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #04082d; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } body.blog-360-style2 a.more-link:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); color: #fff; } body.blog-360-style2.hs-blog-listing .hs-featured-image{ margin-bottom:13px; } body.blog-360-style2.hs-blog-listing .hs-featured-image, body.blog-360-style2.hs-blog-post .hs-featured-image{ width:100%; float:none; margin:0px; max-width:100%; height:auto; } body.blog-360-style2.hs-blog-listing ul.topic-list{ margin:0px; } body.blog-360-style2.hs-blog-listing .topic-list li:first-child{ display:block; margin-bottom: 15px; } body.blog-360-style2.hs-blog-listing .topic-list li a{ text-transform:uppercase; font-family: 'Open Sans', sans-serif;; color:; letter-spacing:3.1px; font-size:14px; } body.blog-360-style2.hs-blog-listing .topic-list li{ display:none; margin-left:0px; } body.blog-360-style2.hs-blog-listing .post-item .post-body h2, body.blog-360-style2.hs-blog-listing .post-item .post-body h2 a{ font-size: 24px; font-weight: bold; color: #000000 ; } body.blog-360-style2.hs-blog-listing .post-item .post-body P{ margin-bottom:20px; } body.blog-360-style2.hs-blog-listing .blog-section .read-more-sec { display: flex; justify-content: flex-end; align-items: center; } body.blog-360-style2.hs-blog-listing .author-link, body.blog-360-style2.hs-blog-post .author-link{ display: flex; flex-direction: row-reverse; align-items: center; justify-content:flex-end; align-items: center; } body.blog-360-style2 .author-sec .hs-author-name, body.blog-360-style2 .author-sec .hs-author-name a{ font-size: 14px; font-family: 'Open Sans', sans-serif;; color: ; padding-left:10px; margin: 0px; font-weight:normal; } body.blog-360-style2.hs-blog-listing .hs-author-avatar img { border-radius: 100%; width: 31px; height: 31px; } body.blog-360-style2.hs-blog-listing .author-sec{ position:relative; width:50%; float:left; } body.blog-360-style2.hs-blog-listing .ias-trigger.ias-trigger-next,.ias-spinner { width: 100%; margin: 0 auto; margin-top: 40px; bottom:0px; position:absolute; } @media(min-width:768px){ body.blog-360-style2.hs-blog-listing .wow2-blog-sec .right-col { width: 36.9%; } body.blog-360-style2.hs-blog-listing .wow2-blog-sec .left-col { width: 60.5%; } } @media(max-width: 767px){ body.blog-360-style2.hs-blog-listing .ias-trigger.ias-trigger-next{ bottom: -0.5%; } } /*====================================== * Blog Post page * ====================================*/ body.blog-360-style2.hs-blog-post .wow2-blog-sec { position:relative; } body.blog-360-style2.hs-blog-post .hs-featured-image{ margin-bottom:42px; } body.blog-360-style2.hs-blog-post .post-body p { margin-bottom: 30px; } body.blog-360-style2.hs-blog-post .post-body h6, body.blog-360-style2.hs-blog-post .post-body h5{ font-size:16px; line-height: 1.5; margin-bottom:20px; } body.blog-360-style2.hs-blog-post .post-body li { position: relative; /*list-style-type: circle;*/ } body.blog-360-style2.hs-blog-post .post-body ul { margin-top: 15px; margin-bottom: 15px; margin-left: 0px; } body.blog-360-style2.hs-blog-post .section.post-body ol{ list-style-type: decimal; } body.blog-360-style2.hs-blog-post .post-body li:before { /*content: '';*/ position: absolute; width: 4px; height: 4px; border-radius:100%; background-color: #04082d; left: -14px; top: 14px; /*list-style-type:none;*/ } body.blog-360-style2.hs-blog-post .post-body img { margin: 60px 0px 10px; display: block; max-width: 100%; float: none; } body.blog-360-style2.hs-blog-post .post-body .image-caption{ font-family: 'Open Sans', sans-serif;; font-size: 10px; font-weight: normal; line-height: 1.4; text-align:center; letter-spacing: normal; color: ; } body.blog-360-style2.hs-blog-post .blog-section .post-body h1, body.blog-360-style2.hs-blog-post .blog-section .post-body h2, body.blog-360-style2.hs-blog-post .blog-section .post-body h3, body.blog-360-style2.hs-blog-post .blog-section .post-body h4, body.blog-360-style2.hs-blog-post .blog-section .post-body h5, body.blog-360-style2.hs-blog-post .blog-section .post-body h6{ margin-top:62px; margin-bottom:25px; font-weight: bold; } body.blog-360-style2.hs-blog-post .blog-section .post-body h1, body.blog-360-style2.hs-blog-post .blog-section .post-body h2, body.blog-360-style2.hs-blog-post .blog-section .post-body h3, body.blog-360-style2.hs-blog-post .blog-section .post-body h4, body.blog-360-style2.hs-blog-post .blog-section .post-body h5, body.blog-360-style2.hs-blog-post .blog-section .post-body h6{ padding-left: 0; margin-left: 0; } body.blog-360-style2.hs-blog-post .wow2-blog-sec .left-col { width: 100%; } body.blog-360-style2.hs-blog-post .wow2-blog-sec .left-col .post-blog-section { width: 100%; max-width: 770px; margin: 0 auto; display: block; float: none; position:relative; } body.blog-360-style2.hs-blog-post .wow2-blog-sec .right-col { display: none; } body.blog-360-style2.hs-blog-post .hubspot-editable { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; } body.blog-360-style2.hs-blog-post .post-read { color: ; font-size: 14px; padding: 11px 0px; } body.blog-360-style2.hs-blog-post .hs-author-avatar img { width: 43px; height: 43px; border-radius: 100%; } body.blog-360-style2.hs-blog-post .post-author-sec { padding-bottom: 23px; border-bottom: 1px solid #04082d; margin-bottom: 10px; } body.blog-360-style2.hs-blog-post .hubspot-editable .author-link{ font-family: 'Open Sans', sans-serif;; font-size: 14px; color: ; padding-left:10px; } body.blog-360-style2.hs-blog-post #hubspot-topic_data{ margin-bottom:7px; } body.blog-360-style2.hs-blog-post .topic-link{ font-size:14px; color:; letter-spacing: 3.1px; font-family: 'Open Sans', sans-serif;; text-transform:uppercase; } body.blog-360-style2 .blog-social-share ul li{ margin-left:0px; margin-bottom:0px; } body.blog-360-style2 .blog-social-share ul li:first-child{ font-size:12px; color: #0a0a2d; font-family: 'Open Sans', sans-serif; ; } body.blog-360-style2.hs-blog-post .blog-social-share ul li a { color: #04082d; font-size: 16px; } body.blog-360-style2.hs-blog-post .blog-social-share ul { list-style: none; margin-top:0px; text-align:center; } body.blog-360-style2.hs-blog-post .blog-social-share { position: absolute!important; top: 10px; left: -107px; float: left; height: 100%; z-index:10; } /*============================================ * Blog Sidebar * ========================================*/ body.blog-360-style2 .wow2-blog-sec .right-col .listing-sidebar-rss{ max-width:427px; margin:0 auto!important; position:relative; float:right; } body.blog-360-style2 .wow2-blog-sec .right-col .sidebar-rss.fixed{ position:fixed; max-width:427px; margin:0 auto; } body.blog-360-style2.hs-blog-post .blog-section { position: relative; } @media(min-width:1025px) and (max-width:1400px){ body.blog-360-style2 .wow2-blog-sec .right-col .sidebar-rss.fixed{ max-width:353px; margin:0 auto!important; float: none; display: block; } body.blog-360-style2 .wow2-blog-sec .right-col .listing-sidebar-rss{ max-width:353px; margin:0 auto!important; float: none; display: block; } } @media(min-width:768px) and (max-width:1024px){ body.blog-360-style2 .wow2-blog-sec .right-col .sidebar-rss.fixed{ max-width:230px; margin:0 auto!important; float: none; display: block; } body.blog-360-style2 .wow2-blog-sec .right-col .listing-sidebar-rss{ max-width:230px; margin:0 auto!important; float: none; display: block; } body.blog-360-style2.hs-blog-listing .blog-section .read-more-sec a.more-link{ font-size: 10px; padding: 6px 11px; } body.blog-360-style2.hs-blog-listing .blog-section .author-sec .hs-author-name { font-size: 10px; } body.blog-360-style2.hs-blog-listing .hs-author-avatar img{ width:40px; } body.blog-360-style2.hs-blog-listing .author-sec { width: 63%; } } @media(max-width:767px){ body.blog-360-style2 .wow2-blog-sec .right-col .sidebar-rss.fixed{ position:relative!important; top:0px!important; } body.blog-360-style2.hs-blog-post .blog-social-share ul{ text-align:left; } body.blog-360-style2.hs-blog-post .hs-author-avatar img{ width:50px; } } body.blog-360-style2.hs-blog-post .hs-author-avatar img{ margin: 0; } /*============ blog =================*/ @media(min-width:768px) and (max-width:1024px){ body.blog-360-style2.hs-blog-post .wow2-blog-sec .left-col .post-blog-section { width: 100%; max-width: 550px; margin: 0 auto; display: block; float: none; position: relative; } blockquote { padding:22px; font-size: 22px; } } @media(min-width:768px){ body.blog-360-style2 .container-fluid .row-fluid .wow2-blog-sec .post-listing { margin:0px; padding: 0; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-bottom:55px; position:relative; margin-right:-43px } body.blog-360-style2 .container-fluid .row-fluid .wow2-blog-sec .post-item { width:44.1%; margin-right:43px; float: left; margin-bottom:87px; } } @media(min-width:1025px) and (max-width:1600px){ body.blog-360-style2.hs-blog-listing .read-more-sec a.more-link { padding: 5px 16px; } body.blog-360-style2 .container-fluid .row-fluid .wow2-blog-sec .post-item { margin-right:33px; } body.blog-360-style2.hs-blog-listing .wow2-blog-sec .right-col { width: 36.7%; } } @media(min-width:768px) and (max-width:1024px){ body.blog-360-style2 .container-fluid .row-fluid .wow2-blog-sec .post-item { width:43%; margin-right:20px; } body.blog-360-style2.hs-blog-listing .wow2-blog-sec .right-col { width: 36.7%; } } @media(max-width:767px){ body.blog-360-style2 .wow2-blog-sec { padding: 70px 0px; } body.blog-360-style2.hs-blog-listing .post-listing .post-item { margin-bottom: 40px; } body.blog-360-style2 .wow2-blog-sec .left-col { padding-bottom: 50px; } body.blog-360-style2 .wow2-blog-sec .right-col .listing-sidebar-rss, body.blog-360-style2 .wow2-blog-sec .right-col .sidebar-rss.fixed{ max-width:100%; } body.blog-360-style2.hs-blog-listing .post-listing { position: relative; padding-bottom: 60px; margin-bottom: 30px; } body.blog-360-style2 .wow-subscribe-sec { padding: 75px 0px; } body.blog-360-style2.hs-blog-post .post-body p { margin-bottom: 20px; } body.blog-360-style2.hs-blog-post .blog-section .post-body h1, body.blog-360-style2.hs-blog-post .blog-section .post-body h2, body.blog-360-style2.hs-blog-post .blog-section .post-body h3, body.blog-360-style2.hs-blog-post .blog-section .post-body h4, body.blog-360-style2.hs-blog-post .blog-section .post-body h5 { margin-top: 32px; } blockquote { padding:20px; font-size: 20px; } body.blog-360-style2.hs-blog-post .wow2-blog-sec { padding: 65px 0px 50px; } body.blog-360-style2.hs-blog-post .blog-social-share, body.blog-360-style2.hs-blog-post .post-social-share{ position: relative !important; left: 0px !important; top: 0px !important; width: 100%!important; height: 34px!important; } body.blog-360-style2 .blog-social-share ul li { margin-left: 4px; display:inline-block; } body.blog-360-style2.hs-blog-post .body-container-wrapper .blog-social-share ul li:before{ display: none; } body.blog-360-style2 .hs-blog-post .hubspot-editable { width: 50%; float: left; } body.blog-360-style2 .row-fluid .wow-subscribe-sec .subscribe-wrap{ padding: 40px 20px 50px; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs_submit{ position:relative; top:0px; } body.blog-360-style2 .wow-subscribe-sec .form-disclaimer{ margin-top:10px; } body.blog-360-style2 .wow-subscribe-sec .wow-subscribe-form form .hs-button.primary{ display:block; width:100%; } body.blog-360-style2.hs-blog-listing .author-sec{ width: 63%; } body.blog-360-style2.hs-blog-listing .read-more-sec a.more-link{ font-size: 12px; padding: 5px 18px; } } @media(min-width:320px) and (max-width:480px){ body.blog-360-style2 .post-pagination-sec .right-col:before { left: 0px; height: 119%; } } /*========================================== * Comment form Section * =======================================*/ body.blog-360-style2 .comment-sec { padding: 104px 0px 120px; } body.blog-360-style2 .comment-sec-heading-text{ font-size:38px; line-height: 1.26; font-family: 'Open Sans', sans-serif; ; font-weight:bold; padding-bottom:20px; border-bottom:2px solid #04082d; } body.blog-360-style2 .comment-form-sec .post-footer form{ border: 0.7px solid #04082d; border-top: 7px solid #04082d; padding: 50px 46px; margin-top:90px; } body.blog-360-style2 .comment-form-sec .comment-from h4 a { color: #04082d; font-size:18px; } body.blog-360-style2 .comment-form-sec .post-footer .comment-heading-text{ font-size:38px; line-height: 1.26; font-family: 'Open Sans', sans-serif; ; font-weight:bold; text-align:center; margin: 0px 0px 55px; } body.blog-360-style2 .row-fluid .comment-form-sec form input, body.blog-360-style2 .row-fluid .comment-form-sec form select, body.blog-360-style2 .row-fluid .comment-form-sec form textarea{ border: 0.7px solid #04082d; color:; } body.blog-360-style2 .row-fluid .comment-form-sec form .hs-button { padding: 9px 19px; } body.blog-360-style2 .row-fluid .comment-form-sec form textarea { resize: none; min-height: 170px; } body.blog-360-style2 .row-fluid .comment-form-sec form .field>label{ font-family: 'Open Sans', sans-serif; ; font-weight: bold; line-height: 1.43; clear:both; } body.blog-360-style2 .row-fluid .comment-form form .hs-form fieldset.form-columns-2 .hs-form-field { width: 47%; margin-right: 6%; } body.blog-360-style2.hs-blog-post .comment-form-sec .post-footer .comment-reply-to { background: none; padding: 0px; color: #04082d; text-decoration: underline; border:0px; } body.blog-360-style2.hs-blog-post .comment-form-sec .post-footer .comment-reply-to:hover{ border:0px; top:0px; box-shadow:none; } body.blog-360-style2.hs-blog-post .comment-form-sec .post-footer .comment.depth-0 { border-bottom: 2px solid #04082d; border-top:0px; padding: 49px 0px 43px; margin: 0px; } body.blog-360-style2.hs-blog-post .comment-form-sec .post-footer .comment.depth-1 { padding: 49px 0px 43px 110px; margin: 0px; border-bottom:2px solid #04082d; } body.blog-360-style2.hs-blog-post .comment-date, body.blog-360-style2.hs-blog-post .comment-from{ display:block; } body.blog-360-style2.hs-blog-post .comment-from h4{ margin-bottom:7px; font-weight:bold; } body.blog-360-style2.hs-blog-post .comment-date { height: 16px; font-family: 'Open Sans', sans-serif;; font-size: 12px; font-weight: normal; letter-spacing: 2.66px; color: ; margin-bottom:15px; } body.blog-360-style2 .comment-form-sec .comment-form{ padding: 53px 46px; } @media(min-width:320px) and (max-width:480px){ body.blog-360-style2 .comment-form-sec .comment-form{ padding: 40px 20px!important; } } /*===========BLog post Subscribe Sec ==============*/ body.blog-360-style2.hs-blog-post .post-subscribe-form { border: solid 0.7px #04082d; border-top: 7px solid #04082d; background-color: #ffffff; padding: 36px 26px 45px; } body.blog-360-style2.hs-blog-post .comment-sec .post-subscribe-form { max-width: 347px; margin: 0 auto; float: none; display: block; margin-top:10px; } body.blog-360-style2 .row-fluid .comment-sec .post-subscribe-form form input, body.blog-360-style2 .row-fluid .comment-sec .post-subscribe-form form select, body.blog-360-style2 .row-fluid .comment-sec .post-subscribe-form form textarea{ height:43px; color:#04082d; } body.blog-360-style2 .row-fluid .comment-sec .post-subscribe-form form .hs-button{ color: #fff; display: block; width: 100%; margin-top: 8px; margin-bottom: 5px; } body.blog-360-style2.hs-blog-post .row-fluid .comment-sec .post-subscribe-form form .hs-button{ height: auto; } body.blog-360-style2.hs-blog-post .post-subscribe-form p { margin-bottom: 10px; font-size:14px; } body.blog-360-style2 .post-subscribe-form .caption-form-text{ font-family: 'Open Sans', sans-serif;; font-size: 10px; font-weight: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: ; text-align:left; } @media(min-width:768px){ body.blog-360-style2 .row-fluid .comment-form form .form-columns-2 .hs-form-field { width: 47.3%; margin-right: 5.3%; } body.blog-360-style2 .row-fluid .comment-form form .form-columns-2 .hs-form-field:last-child { margin-right: 0px; } } @media(min-width:768px) and (max-width:1024px){ body.blog-360-style2.hs-blog-post .comment-form-sec .post-footer .comment.depth-0{ padding: 38px 0px 38px; } body.blog-360-style2.hs-blog-post .comment-form-sec .post-footer .comment.depth-1 { padding: 30px 0px; } body.blog-360-style2 .comment-form-sec .post-footer .comment-heading-text{ margin: 25px 0px 25px; } body.blog-360-style2 .row-fluid .comment-sec .post-subscribe-form form .hs-button{ padding: 9px 20px; } } @media(max-width:767px){ body.blog-360-style2.hs-blog-post .comment-sec .post-subscribe-form{ max-width: 100%; margin-top: 40px } body.blog-360-style2 .container-fluid .row-fluid .comment-form form .hs-button{ width:100%; padding:9px 20px; text-align:center; } body.blog-360-style2.hs-blog-post .comment-form-sec .post-footer .comment.depth-1 { padding: 28px 0px 28px 35px; } body.blog-360-style2.hs-blog-post .comment-form-sec .post-footer .comment.depth-0{ padding:28px 0px; } body.blog-360-style2 .comment-form-sec .post-footer form{ padding: 30px 20px 40px; margin-top: 44px; } body.blog-360-style2 .comment-form form.hs-form .form-columns-2 .hs-form-field .hs-input { width: 100%!important; } body.blog-360-style2 .comment-form-sec .post-footer .comment-heading-text { font-size: 30px; margin-bottom:13px; } body.blog-360-style2 .comment-sec { padding: 42px 0px 55px; } body.blog-360-style2 .comment-sec-heading-text { font-size: 30px; } } /*============= Static Related Post ============*/ @media(max-width:1200px){ body.blog-360-style2.hs-blog-post .post-left-side{ display:none!important; } } /*================================================= * Popular Post Section =================================================*/ body.blog-360-style2 .popular-post-section{ border-bottom:0.7px solid #04082d; } body.blog-360-style2 .popular-post-section .post-body-inner { margin-bottom: 40px; } body.blog-360-style2 .popular-post-section .hs-author-avatar img { width: 43px; height: 43px; } body.blog-360-style2 .popular-post-section .popular-post-item .read-more-sec { display: flex; justify-content: flex-end; align-items: center; } body.blog-360-style2 .popular-post-section .author-sec .hs-author-name{ padding: 13px 10px 13px 10px; margin:0px; } body.blog-360-style2 .popular-post-section .left-col .popular-post-item.post-item-inner { padding-right: 55px; } body.blog-360-style2 .popular-post-section .right-col .popular-post-item.post-item-inner { padding:119px 0px 123px 54px; } body.blog-360-style2.popular-post-section .left-col .popular-post-item.post-item-inner:first-child { padding:80px 53px 80px 0px } @media(min-width:768px){ body.blog-360-style2 .popular-post-section .popular-related-post.posts-listing { 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.blog-360-style2 .popular-post-section .posts-listing .left-col{ width:50%; float:left; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; } body.blog-360-style2 .popular-post-section .posts-listing .right-col{ width:49.9%; float:right; } body.blog-360-style2 .popular-post-section .right-col>.popular-post-item:first-child { position:relative; } body.blog-360-style2 .popular-post-section .right-col>.popular-post-item:first-child:before{ content:""; position:absolute; height:1px; bottom:0px; left:0px; right:0px; width:500%; } body.blog-360-style2 .popular-post-section .posts-listing .right-col{ border-left:0.7px solid #04082d; } body.blog-360-style2 .popular-post-section .right-col>.popular-post-item:first-child:before{ background:#04082d; } } @media(min-width:768px) and (max-width:1024px){ body.blog-360-style2 .popular-post-section .right-col .popular-post-item.post-item-inner { padding: 70px 0px 60px 30px; } body.blog-360-style2 .row-fluid .popular-post-section a.more-link { padding: 7px 25px; } body.blog-360-style2 .popular-post-section .left-col .popular-post-item.post-item-inner { padding-right: 30px; } body.blog-360-style2 .row-fluid .popular-post-section a.more-link { font-size: 14px; } } @media(max-width:767px){ body.blog-360-style2 .popular-post-section .left-col .popular-post-item.post-item-inner, body.blog-360-style2 .popular-post-section .right-col .popular-post-item.post-item-inner, body.blog-360-style2 .popular-post-section .left-col .popular-post-item.post-item-inner:first-child{ padding: 54px 0px 45px 0px; } body.blog-360-style2 .popular-post-section .right-col .popular-post-item.post-item-inner{ position:relative; } body.blog-360-style2 .popular-post-section .popular-post-item.post-item-inner:before{ content:""; position:absolute; top:0px; left:-20px; right:0px; height:0.7px; width:106%; } body.blog-360-style2 .popular-post-section .popular-post-item.post-item-inner .author-sec { width: 70%; float: left; } body.blog-360-style2 .popular-post-section .popular-post-item.post-item-inner:after{ display:none; } body.blog-360-style2 .row-fluid .popular-post-section a.more-link{ padding: 7px 32px; font-size: 14px; } body.blog-360-style2 .popular-post-section .author-sec .hs-author-name{ font-size:13px; } body.blog-360-style2 .popular-post-section .popular-post-item.post-item-inner:before{ background:#04082d; } } @media(min-width:320px) and (max-width:480px){ body.blog-360-style2 .popular-post-section .popular-post-item.post-item-inner .author-sec{ width:100%; } body.blog-360-style2 .popular-post-section .popular-post-item .read-more-sec{ display:block; clear:both; text-align:left; } } /*================================================== * Related Post ===================================================*/ body.blog-360-style2 .post-recent-page-rss .header-text h3 { font-size: 14px; font-weight: bold; line-height: 1.71; border-bottom: 1px solid #04082d; margin-bottom: 8px; } body.blog-360-style2 .post-recent-page-rss .post-body-inner h2{ font-size: 18px; font-weight: bold; margin-top:0px; } body.blog-360-style2 .row-fluid .post-recent-page-rss a.read-more{ font-size:14px; } body.blog-360-style2 .post-recent-page-rss .topic-list li a{ text-transform:uppercase; font-size: 12px; } body.blog-360-style2 .row-fluid .post-recent-page-rss .hs-author-name { font-size: 14px; color: ; font-family: 'Open Sans', sans-serif;; padding:13px 13px 13px 57px; margin:0px; } body.blog-360-style2 .row-fluid .post-recent-page-rss a.more-link { font-size: 14px; padding: 9px 18px; display: inline-block; } /*============================================= Feature Post Section ==============================================*/ body.blog-360-style2 .featured-post-section-v2{ padding:87px 0px; line-height: 1.63; background: #fff; } body.blog-360-style2.hs-blog-listing .featured-post-section-v2{ display:none; } body.blog-360-style2 .featured-post-section-v2 .featured-related-post-box .post-body{ padding-right: 50px; } body.blog-360-style2 .featured-post-section-v2 .post-featured-image{ height:721px; } body.blog-360-style2 .featured-post-section-v2 .post-body-inner h2{ margin-bottom:27px; } body.blog-360-style2 .featured-post-section-v2 .topic-list li:first-child{ display:block; margin-left:0px; margin-bottom:20px; } body.blog-360-style2 .featured-post-section-v2 .topic-list li{ display:none; } body.blog-360-style2 .featured-post-section-v2 .author-sec .hs-author-avatar img { border-radius: 100%; width: 43px; height: 43px; margin:0px; } body.blog-360-style2 .featured-post-section-v2 .cta-container { display: flex; justify-content: flex-end; align-items: center; } body.blog-360-style2 .row-fluid .featured-post-section-v2 .hs-author-name { padding:13px 13px 13px 13px; } body.blog-360-style2.hs-blog-post .featured-post-section-v2 .post-body li:before{ display:none; } @media(min-width:768px) and (max-width:1024px){ body.blog-360-style2 .row-fluid .featured-post-section-v2 a.more-link{ padding: 11px 24px; } body.blog-360-style2 .featured-post-section-v2 .post-featured-image{ height:450px; margin-bottom:20px; } body.blog-360-style2 .featured-post-section-v2 .featured-related-post-box .post-body{ padding-right: 30px; } } @media(max-width:767px){ body.blog-360-style2 .featured-post-section-v2 .post-body-inner h2{ max-width:100%; margin-bottom:20px; } body.blog-360-style2 .featured-post-section-v2 a.more-link{ padding: 11px 24px; font-size:13px; } body.blog-360-style2 .featured-post-section-v2 .post-featured-image { height: 350px; } body.blog-360-style2 .featured-post-section-v2 .featured-related-post-box .post-body{ padding-right: 0px; } body.blog-360-style2 .mobile-change>.row-fluid-wrapper>.row-fluid{ display: -webkit-flex; /* Safari */ -webkit-flex-direction: column-reverse; /* Safari 6.1+ */ display: flex; flex-direction: column-reverse; } body.blog-360-style2 .featured-post-section-v2 { padding: 60px 0px; } body.blog-360-style2 .featured-post-section-v2 .topic-list li:first-child{ margin-top:20px; } body.blog-360-style2 .row-fluid .featured-post-section-v2 .hs-author-profile{ float:left; } /* blog author listing page */ body.hs-blog-listing .post-listing .hs-author-profile{ max-width:100%; margin-right: 0; margin-bottom:50px; } /* end blog author listing page */ } @media(min-width:320px) and (max-width:480px){ body.blog-360-style2 .featured-post-section-v2 .cta-container{ display:block; clear:both; text-align:left; } body.blog-360-style2 .row-fluid .featured-post-section-v2 .hs-author-profile{ float:none; margin-bottom:15px; } } /*=============================================== * Sidebar Sticky post * =============================================*/ body.blog-360-style2 .sidebar-recent-post-section .post-body-inner h2{ font-size:34px; line-height: 1.24; } @media(min-width:320px) and (max-width:480px){ body.blog-360-style2.hs-blog-listing .author-sec{ width:100%; margin-bottom:15px; } body.blog-360-style2.hs-blog-listing .blog-section .read-more-sec{ display:block; clear:both; text-align:left; } } /*================================================ * Blog Post Pagination ================================================*/ body.blog-360-style2 .post-pagination-sec { border-top: 1px solid #04082d; border-bottom: 1px solid #04082d; } body.blog-360-style2 .post-pagination-sec .left-col, body.blog-360-style2 .post-pagination-sec .right-col{ width:50%; margin:0px; padding:20px 0px; } body.blog-360-style2 .post-pagination-sec .left-col { margin-right: 29px; border-right:1px solid #04082d; } body.blog-360-style2 .post-pagination-sec h3 { font-size: 18px; font-weight: bold; font-style: normal; line-height: 1.33; margin-bottom:0px; } body.blog-360-style2 .prev-pagi-text-sec h3 { float: right; } body.blog-360-style2 .post-pagination-sec .prev-anchor a, body.blog-360-style2 .post-pagination-sec .next-anchor a{ font-size: 14px; font-weight: bold; line-height: 1.71; letter-spacing: normal; color: #0a0a2d; } body.blog-360-style2 .post-pagination-sec .prev-anchor img, .post-pagination-sec .next-anchor img { position: relative; top: -6px; padding:0px 10px; } body.blog-360-style2 .post-pagination-sec .next-pagi-text-sec { padding-left: 10px; } @media(min-width:768px){ body.blog-360-style2 .row-fluid .post-pagination-sec .prev-anchor, body.blog-360-style2 .row-fluid .post-pagination-sec .prev-post, body.blog-360-style2 .row-fluid .post-pagination-sec .next-post, body.blog-360-style2 .row-fluid .post-pagination-sec .next-anchor{ justify-content: center; align-items: center; display: flex; } body.blog-360-style2 .row-fluid .post-pagination-sec .left-col, body.blog-360-style2 .row-fluid .post-pagination-sec .right-col{ display:flex; } body.blog-360-style2 .row-fluid .post-pagination-sec .span6.prev-post a, body.blog-360-style2 .row-fluid .post-pagination-sec .span6.next-post a{ display: flex; justify-content: center; align-items: center; } } @media(min-width:768px) and (max-width:1024px){ body.blog-360-style2 .post-pagination-sec h3 { font-size: 13px; } body.blog-360-style2 .post-pagination-sec .prev-anchor img, .post-pagination-sec .next-anchor img{ max-width:27px; } body.blog-360-style2 .post-pagination-sec .prev-anchor a, .post-pagination-sec .next-anchor a { font-size: 13px; } } @media(max-width:767px){ body.blog-360-style2 .row-fluid .post-pagination-sec .featured-image{ display:none; } body.blog-360-style2 .post-pagination-sec h3{ font-size:14px; } body.blog-360-style2.hs-blog-post .post-pagination-sec .right-col { width: 50%; float: right; padding: 0; } body.blog-360-style2.hs-blog-post .post-pagination-sec .left-col { float: left; width: 50%; margin-right: 0px padding:10px 20px; display: flex; flex-direction: column-reverse; text-align:right; } body.blog-360-style2.hs-blog-post .post-pagination-sec .prev-anchor, body.blog-360-style2.hs-blog-post .post-pagination-sec .next-anchor{ padding-bottom:10px; } body.blog-360-style2.hs-blog-post .post-pagination-sec .prev-anchor{ text-align:right; } body.blog-360-style2.hs-blog-post .post-pagination-sec .right-col, body.blog-360-style2.hs-blog-post .post-pagination-sec .next-anchor{ text-align:left; } body.blog-360-style2 .post-pagination-sec .prev-anchor img, .post-pagination-sec .next-anchor img{ max-width:22px; top: -10px; } body.blog-360-style2 .post-pagination-sec .prev-anchor a, .post-pagination-sec .next-anchor a{ line-height:1.2; } } body.blog-360-style2.hs-blog-listing .container-fluid .row-fluid .post-body img{ display: block; margin-bottom: 15px; } body.blog-360-style2.hs-blog-listing .container-fluid .row-fluid .post-body .hs-author-avatar img{ margin-bottom: 0; } body.blog-360-style2 .popular-post-section{ padding-top: 88px; } body.blog-360-style2 .post-header h2{ padding: 0; } body.blog-360-style2 .container-fluid .row-fluid .post-header{ margin-bottom: 15px; } body.blog-360-style2.hs-blog-listing .sidebar-recent-post-section a.more-link{ padding: 13px 40px; } @media(max-width: 767px){ body.blog-360-style2 .popular-post-section{ padding-top: 109px; } body.blog-360-style2 .post-pagination-sec .left-col{ padding: 20px 20px; } } body.blog-360-style2.hs-blog-post .body-container-wrapper .post-social-share ul li{ margin: 0; } body.blog-360-style2.hs-blog-post .body-container-wrapper .post-social-share ul li:before{ display: none; } body.blog-360-style2.hs-blog-post #hubspot-author_data{ border-top:none; margin-top: 0; padding-left: 0px; padding-top: 0; } @media(max-width: 767px){ body.blog-360-style2.hs-blog-post .post-author-sec{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.blog-360-style2.hs-blog-post #hubspot-author_data, body.blog-360-style2.hs-blog-post .post-read{ -ms-flex-preferred-size: 50%; flex-basis: 50%; } body.blog-360-style2.hs-blog-post .prev-pagi-text-sec h3{ text-align: right; } } body.blog-360-style2.hs-blog-post #hubspot-author_data{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.blog-360-style2.hs-blog-listing .container-fluid .row-fluid .featured-related-post-box .post-body{ width: 70%; } body.blog-360-style2 .post-header h2{ font-size: 34px; font-weight: 700; } body.blog-360-style2 .row-fluid .comment-sec .post-subscribe-form form input{ padding: 5px 15px !important; } body.blog-360-style2 .row-fluid .comment-sec .post-subscribe-form form input{ border: solid .7px #04082d; } body.blog-360-style2.hs-blog-post .row-fluid .comment-sec .post-subscribe-form form .hs-button{ border: none; padding: 8px 35px !important; } body.blog-360-style2.hs-blog-listing .blog-section h2.hs-author-name{ padding-left: 0; } /*================================================= * Blog Styling (360 Style 2) End * ===============================================*/ body .container-fluid .row-fluid .about2-hero.team-hero .wrapper{ margin-top:135px; min-height:528px; } /*===============Team Section Two===========*/ .team-bg-container{ max-width: 405px; padding: 33px 30px; background:#04082d; } .team-bg-container h2{ font-size:32px; font-weight:bold; margin-bottom:10px; } .team-bg-container p{ font-size: 20px; font-weight: 600; } /*==============Team Section Two ===========*/ .team-section-two{ position:relative; margin-top:-95px } /*=============Team Section three ============*/ .team-sec-three { margin-top: -62px; } .team-sec-three .left-col{ padding-top:107px; padding-bottom:89px; } .team-sec-three .left-col h2 { margin-bottom: 30px; } .team-sec-three .left-col p{ margin-bottom:30px; } .team-sec-three .right-col{ background:#f4feff; padding:55px 41px 50px 44px; position:relative; left:16px; } .team-sec-three .right-col .team-sidebar-text h3{ margin-bottom:22px; } .team-sec-three .right-col .team-sidebar-text p{ margin-bottom:30px; } @media(min-width:768px) and (max-width:1024px){ .team-bg-container h2 { font-size: 26px; font-weight: bold; margin-bottom: 10px; } .team-bg-container p { font-size: 16px; } .team-section-two { margin-top: -75px; } .team-bg-container { max-width: 360px; padding: 25px 30px; } .team-sec-three { margin-top: -53px; } .team-sec-three .left-col { padding-top: 84px; padding-bottom: 60px; } .team-sec-three .left-col h2{ font-size:32px; } .team-sec-three .right-col .team-sidebar-text h3{ font-size:20px; margin-bottom:20px; } .team-social-share-cm { padding-bottom: 35px; } .team-sec-three .right-col .team-sidebar-text p { margin-bottom: 25px; } .team-sec-three .right-col{ position:relative; left:40px; } } @media(max-width:767px){ .team-sec-three{ text-align:center; } .team-sec-three .left-col { padding-top: 100px; padding-bottom: 50px; } .team-sec-three .left-col h2 { margin-bottom: 20px; font-size: 32px; } .team-sec-three .left-col p { margin-bottom: 20px; } .team-bg-container h2 { font-size: 26px; } .team-bg-container p { font-size: 16px; } .team-bg-container { max-width: 405px; padding: 24px 30px; padding-bottom:25px; } .about2-section2 { margin-top: -92px; } .team-sec-three .right-col { padding: 55px 20px 40px 20px; position:initial; } body .container-fluid .row-fluid .about2-hero.team-hero .wrapper{ min-height:395px; } } /*============================================ * Privacy Policy Page * ==========================================*/ /*====================hero Section ================*/ .service-single-section1.Privacy-hero-sec { padding: 265px 0 84px; } .Privacy-hero-sec h3{ font-family: 'Lato',sans-serif; color: #605e7e; line-height:1.67; font-weight: normal; letter-spacing:normal; margin-bottom:0px; } .service-single-section2.privacy-sec-two{ border-bottom:0px; background:transparent; padding-top:50px; } @media(min-width:768px) and (max-width:1024px){ .service-single-section2.privacy-sec-two{ border-bottom: 0px; padding-bottom:34px; } .service-single-section1.Privacy-hero-sec { padding: 245px 0 140px; } } @media(max-width:767px){ .service-single-section1.Privacy-hero-sec { padding: 187px 0 105px; } .single-service-cm.privacy-text-cm .cm-container { margin-bottom: 29px; } } /*================================================== * Thank You page * ================================================*/ body .container-fluid .ebook2-form-section .ebook-form-group.thank-you-sec{ padding:236px 45px; } .contactus5-section .ebook-form-group.thank-you-sec h3{ font-size:28px; font-weight:bold; letter-spacing: 0.04px; color: #000000; margin-bottom:23px; } body .ebook-form-group.thank-you-sec a.cta_button { margin-top: 20px; } .contactus5-section .c5-form-right.thank-you-right .c5-start-project a{ color:#04082d; font-weight: 600; } .contactus5-section .c5-form-right.thank-you-right .c5-start-project a:hover{ text-decoration:underline; } @media(min-width:768px) and (max-width:1024px){ .contactus5-section .ebook-form-group.thank-you-sec h3 { font-size: 26px; line-height:32px; } body .container-fluid .ebook2-form-section .ebook-form-group.thank-you-sec { padding: 214px 35px; } } @media(max-width:767px){ body .container-fluid .ebook2-form-section .ebook-form-group.thank-you-sec { padding: 70px 20px 80px; text-align: center; } body .container-fluid .contactus5-section .c5-form-right.thank-you-right{ text-align:center; } .contactus5-section .c5-form-right.thank-you-right .c5-start-project{ width:100%; max-width:100%; } } /*======================================================= * Resource Page 3 * =====================================================*/ .about2-hero.resource-ebook-hero{ margin-top:135px; } .heading-bg-container.resource-ebook-header{ padding: 41px 0px; } .resource-ebook-section { padding-top: 80px; padding-bottom: 97px; } @media(min-width:768px) and (max-width:1024px){ .resource-ebook-section { padding-top: 60px; padding-bottom: 70px; } } @media(max-width:767px){ .about2-hero.resource-ebook-hero.wrapper{ min-height: 432px; } body .resource-ebook-cm .ebook-single-col .ebook-sec { text-align: center; } .resource-ebook-section { padding-top: 50px; padding-bottom: 60px; } } /*========================================== * Super lead Case Study Styling Start * =========================================-*/ .superlead-case-study { padding: 100px 0px 100px 0px; } .superlead-case-study .sub-heading { max-width: 800px; margin: 0 auto; padding-bottom: 50px; } .superlead-case-study .sub-heading p { font-size: 24px; color: #808080; line-height: 1.67; letter-spacing: normal; margin: 20px 0px 49px; } .superlead-case-study .case-study-box { display: flex; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display: -o-flex; align-items: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; } .superlead-case-study .case-study-box .box-one { flex-basis: 23.42%; -webkit-flex-basis: 23.42%; -moz-flex-basis: 23.42%; margin-right: 2.1%; margin-bottom: 5.5%; } .superlead-case-study .case-study-box .box-one:nth-child(4n+4) { margin-right: 0px; } .superlead-case-study .case-study-box .box-one .box-image { background-size: cover; background-repeat:no-repeat; background-position: center center; min-height: 172px; margin-bottom: 24px; background-color: #fff; object-fit: contain; } .superlead-case-study .case-study-box .box-one .box-details .box-content a { text-decoration: underline; color: #4842b7 ; font-weight: 600; } .superlead-case-study .case-study-box .box-one .content-details .title { padding-bottom: 2px; } .superlead-case-study .case-study-box .box-one .content-details .box-content a { color:#f45d48; text-decoration: underline; font-size: 16px; font-weight: 600; letter-spacing: normal; } /*========Media Query Start==========*/ @media (max-width: 767px) { .superlead-case-study .case-study-box .box-one { flex-basis: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; margin-right: 0px; margin-bottom: 30px; } .superlead-case-study .sub-heading { padding-bottom: 10px; } .superlead-case-study .case-study-box .box-one .box-image { min-height: 250px; } .superlead-case-study { padding: 50px 0px 50px 0px; } } @media (min-width: 768px) and (max-width: 1024px) { .superlead-case-study { padding: 90px 0px 50px 0px; } .superlead-case-study .case-study-box .box-one:nth-child(2n+2) { margin-right: 0px; } .superlead-case-study .case-study-box .box-one { flex-basis: 48.9%; -webkit-flex-basis: 48.9%; -moz-flex-basis: 48.9%; margin-right: 2.1%; margin-bottom: 5.5%; } .superlead-case-study .sub-heading p { margin: 20px 0px 20px; } } /*========================================== * Super lead Case Study Styling End * =========================================-*/ .case-study-single-cm .main-two-col .right-col.right-box .bottom-text{ background-color: #f45d48; } .case-study-single-cm .main-two-col .right-col.right-box .box-bottom-content, .case-study-single-cm .main-two-col .right-col.right-box .heading-text{ background-color: rgba(254, 239, 232, .7); } .case-study-single-cm .main-two-col .right-col.right-box .box-body .box-list ul li a{ color:#f45d48; } .case-study-single-cm .main-two-col .right-col.right-box .bottom-text p a{ color:#ffffff; } .case-study-single-cm .reason-section .bottom-list-item ul li:before{ content:'\f00c'; position:absolute; left:-30px; top:0px; font-family:'fontawesome'; font-size:17px; width:0px; height:0px; color: #0a8080; } .case-study-single-cm .main-two-col .left-col .left-col-content p{ color:#808080; } @media(max-width:767px){ .case-study-single-cm { padding: 50px 0px 100px 0px; } } /*=======================Webinar LP===============*/ .webinar-section-two-cm .section-content .list-item ul li:before{ content:'\f00c'; position:absolute; left:-30px; top:0px; font-family:'fontawesome'; font-size:17px; width:0px; height:0px; color: #0a8080; } .webinar-lp-cm .left-col .sub-title p{ color: #808080; } @media(max-width:767px){ .webinar-lp-cm { padding: 51px 0px 60px 0px; } .webinar-lp-cm .left-col .section-content { padding: 25px 0px; } } /*=======================CS Media specific styling===============*/ .icon_pp{ max-width: 40px; } .accentBackground{ background: #2841f9!important; color: #fff!important; } .cs-media .logo-image img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } body.cs-media .container-fluid .row-fluid form .hs-button{ padding: 8px 44px 8px; line-height: 1; } .cs-media .row-fluid form input{ border: 1px solid #000; padding:0 12px; } .cs-media .row-fluid form .hs-button.primary { height: auto; margin-top: 25px; } .cs-media-icons svg{ width: 30px; max-height: 25px; fill: #FF483B; margin-right: 20px; } /*=======================CS specific styling===============*/ /* When the full website transition has been made check which code related to the header * was written here and exists inside meamenu module and remove it */ /*=======================CS header styling===============*/ .header-container-wrapper { background-color: #1b1464; border-bottom: 3px solid #1B1464; /*background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.6' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); */ } .header-360 .body-container-wrapper{ background: transparent!important; color: #ffffff!important; } .header-360 .hs-menu-wrapper.hs-menu-flow-horizontal > ul li > a{ color: #fff ; } .header-360 .hs-menu-wrapper.hs-menu-flow-horizontal > ul li > a:hover{ color:#1ed6b3; } .header-360 .logo-image{ padding: 0 !important; position: relative!important; } .header-360 .span2.hidden-phone{ display: none; } @media(max-width:768px) { .mobile-trigger { margin-top: auto!important; } .mega-navigation .row-fluid [class*="span"] { position: relative !important; width: 100% !important; } } @media(max-width:1024px) { .mega-custom-menu .hs-menu-wrapper>ul { margin-top:auto !important; } .active-branch .child-trigger { display: none!important; } button.child-trigger{ display: none!important; } .header-360 .hs-menu-flow-horizontal li { display: block; width: auto; } .mega-custom-menu.js-enabled .mobile-trigger{ display: none; } .mega-custom-menu.js-enabled{ position: relative; } .header-360 .mega-custom-menu .hs-menu-wrapper > ul, .header-360 .mega-custom-menu .hs-menu-wrapper > ul li.active a:hover{ background-color: transparent!important; } } /*=======================CS specific classes styling===============*/ .line-top-nav{ background: #87F2A2; padding-top:8px; width: 100%!important; } @media(max-width: 1024){ } @media(max-width:767px){ .active-branch .child-trigger { display: flex!important; } .header-carousel h4{ font-size: 15px; } .header-carousel h1 { font-size: 27px; } } body .container-fluid .row-fluid a.btn-cta { border:2px solid #1ed6b3 } body .container-fluid .row-fluid a.cs_button.btn-cta{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#2841f9; box-shadow:4px 4px 0 #00afd1; color:#fff; font-size:1rem; font-weight:700; padding:12px 16px } body .container-fluid .row-fluid a.cs_button.btn-cta:hover, body .container-fluid .row-fluid a.cs_button.btn-cta:focus{ box-shadow:0 0 0 #2841f9; -webkit-transform:translate(4px,4px); transform:translate(4px,4px) } .left { margin: 0 auto; text-align: left; } .center { margin: 0 auto; text-align: center; } .center-image{ display: flex; justify-content: center; align-items: center; padding-top: 60px; } .section_color{ background: #edf9fa; } .data_black{ background: #000000; } .cne_color{ background: #1F0D68; } .cno_color{ background: #2E34FF; } .single-card, .single-card .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{ float: none; line-height: 1.2!important; } .card-menu .single-card a { font-size:0.913rem; } .mega-menu { margin-top: -30px; } /*edits*/ .add_padding_bottom { padding-bottom: 50px !important; } /*colapsible*/ .collapsible_list { cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } .collapsible_list:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: white !important; float: right; margin-left: 5px; } .collapsible_list.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } .content_colapse { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } /*tesco*/ .bck-red{ background: #EE1C2E; color: white; } .bck-blue{ background: #00539F; color: white; } .tesco-text{ padding-top:20px; } .tesco-btn-blue{ background-color: #fff; border: none; color: #00539F; border-radius: 24px; padding: 10px 16px 10px 22px; font-size: 16px; font-weight: 700; text-align: center; outline: none; -webkit-transition: -webkit-box-shadow .2s; transition: -webkit-box-shadow .2s; -o-transition: box-shadow .2s; transition: box-shadow .2s; transition: box-shadow .2s,-webkit-box-shadow .2s; height: 40px; line-height: 1; } .tesco-btn-blue:hover{ cursor: pointer; box-shadow: 0 0 0 4px rgb(255 255 255 / 40%); text-decoration: underline; text-underline-offset: 4px; } .tesco-btn-red{ background-color: #fff; border: none; color: #EE1C2E; border-radius: 24px; padding: 10px 16px 10px 22px; font-size: 16px; font-weight: 700; text-align: center; outline: none; -webkit-transition: -webkit-box-shadow .2s; transition: -webkit-box-shadow .2s; -o-transition: box-shadow .2s; transition: box-shadow .2s; transition: box-shadow .2s,-webkit-box-shadow .2s; height: 40px; line-height: 1; } .tesco-btn-red:hover{ cursor: pointer; box-shadow: 0 0 0 4px rgb(255 255 255 / 40%); text-decoration: underline; text-underline-offset: 4px; } /*CNO Page*/ .button-cno { font-size:16px; line-height:26px; font-weight:bold; font-family: 'Open Sans', sans-serif; ; cursor:pointer; text-align:center; display:inline-block; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; border-style: solid; border-radius: 2px; border-color: blue; margin-bottom:0; position:relative; z-index:1; background: white; color: #214aef; letter-spacing: 0; padding: 14px 44px 12px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; margin-top: 5px !important; } .button-cno:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); color:blue; } .button-cno:hover{ cursor: pointer; color: white; } .button-cno:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #214aef; color: #fff; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .button-sre { font-size:16px; line-height:26px; font-weight:bold; font-family: 'Open Sans', sans-serif; ; cursor:pointer; text-align:center; display:inline-block; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; border-style: solid; border-radius: 2px; border-color: #ff483b; margin-bottom:0; position:relative; z-index:1; background: black; color: #ff483b; letter-spacing: 0; padding: 14px 44px 12px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; margin-top: 5px !important; } .button-sre:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); color:#ff483b; } .button-sre:hover{ cursor: pointer; color: black; } .button-sre:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ff483b; color: black; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .blurb-cno{ background:white; box-shadow: 10px 10px 16px -2px rgba(25,15,104,0.18) } .section-padding-CNO{ padding:60px 0; } .blogs-CNO { margin-bottom: 10px !important; } /*hero section hiring event*/ .hero-image-hiring-event { background-image: url(https://info.container-solutions.com/hubfs/cs-banner_3%20b&w.png); height: 650px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .testimonials-hiring{ padding-top: 0 !important; } /* NEW WEBSITE */ hr.dotted { border-top: 3px dotted #1A1460; } .new-btn-border { border: 3px solid #1b1464; background-color: transparent; color: #1b1464; padding-left: 15px; padding-right: 15px; padding-top: 9px; padding-bottom: 9px; margin-bottom: 5px; } .new-btn-green { /*border: 3px solid #1b1464;*/ background-color: #87f2a2; color: #1b1464; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 5px; } .new-btn-purple { /*border: 3px solid #1b1464;*/ background-color: #D3BDF8; color: #1b1464; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 5px; } .new-btn-blue { /*border: 3px solid #1A1460;*/ background-color: #1A1460; color: white; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 5px; } #inline-btn-home { display:inline-block; margin-right:5px; } .dark_blue { background: #1B1464; } #column1 { border: 2px solid #000; background-color: #87f2a2; } #column2 { border: 2px solid #000; background-color: #4cc7df; } #column1-serv { border: 2px solid #000; background-color: #A9F3E6 ; } #column2-serv { border: 2px solid #000; background-color: #E6FCC4; } .green-section { background-color: #87F2A2; } .blueish-section { background-color: #4CC7DF; } .greenish-section { background-color: #A9F3E6; } .slider-green section-padding { padding: 10px 0 !important; } .col-1-hp { border: 2px solid #1B1464 ; background-color: #EAFDEF; } .col-2-hp { border: 2px solid #1B1464 ; background-color: #EAFDEF; } .col-3-hp { border: 2px solid #1B1464 ; background-color: #E5E8FE; } .col-4-hp { border: 2px solid #1B1464 ; background-color: #E0F5F9; } .full-width { display:block; width:100%; height:100%; object-fit: cover; } .slider-services { padding: 0px !important; } /*dynamic text*/ .dynamic-txts{ height: 76px; /*90*/ line-height: 76px; /*90*/ overflow: hidden; } .dynamic-txts li{ list-style: none; color: #87F2A2; font-size: 60px; font-weight: 700; position: relative; top: 0; animation: slide 12s steps(4) infinite; } @keyframes slide { 100%{ top: -360px; } } .dynamic-txts li span{ position: relative; margin: 5px 0; line-height: 90px; } .dynamic-txts li span::after{ content: ""; position: absolute; left: 0; height: 100%; width: 100%; background: #fff; border-left: 2px solid #87F2A2; animation: typing 3s steps(10) infinite; } @keyframes typing { 40%, 60%{ left: calc(100% + 30px); } 100%{ left: 0; } } /* ----------------Values slider------------- */ .speakers-section-values { padding: 100px 0 167px; } .event-speakers-group-values { margin-top: 25px; } .event-speakers-cm-values { position: relative; } .event-speakers-cm-values .event-speakers-info-values { background-repeat: no-repeat; background-position: right top; padding:20px 0; } .event-speakers-cm-values .event-speakers-con-grp-values { display: flex; align-items: center; max-width: 888px; margin: 0 auto; } .event-speakers-cm-values .event-speakers-info-values .event-speakers-left-values { width: 50%; padding-left: 70px; padding-top: 35px; box-sizing: border-box; } .event-speakers-cm-values .event-speakers-info-values .event-speakers-right-values { width: 50%; text-align: right; } .event-speakers-cm-values .event-speakers-info-values .event-speakers-right-values img { float: right; } .event-speakers-left-values h2 { font-size: 50px; line-height: normal; letter-spacing: normal; } .event-speakers-left-values p { font-size: 16px; line-height: 1.56; letter-spacing: 0px; } .event-speakers-left-values h6 { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 3.3px; color: #8a8a8a; text-transform: uppercase; } .speakers-left-top-values { margin-bottom: 50px; } .speakers-left-bottom-values a { font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; color:#04082d; text-decoration: underline; margin-top: 25px; display: inline-block; } .event-speakers-cm-values button.slick-next.slick-arrow { background-image: url('https://info.container-solutions.com/hubfs/next-blue.png'); right: 0px; } .event-speakers-cm-values button.slick-arrow { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 59px; height: 59px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; } .event-speakers-cm-values button.slick-prev.slick-arrow { left: 0px; background-image: url('https://info.container-solutions.com/hubfs/back-blue.png'); } /* --------Values slider Responsive---------- */ @media(min-width:768px) and (max-width:1024px){ .speakers-section-values { padding: 30px 0 100px; } .event-speakers-cm-values .event-speakers-info-values { background-size: 55%; padding: 20px 0; } .event-speakers-cm-values .event-speakers-info-values .event-speakers-left-values { padding: 20px 20px 75px 20px; } } @media(min-width:901px) and (max-width:1024px){ .event-speakers-cm-values .event-speakers-info-values { background-size: 50%; } .event-speakers-cm-values .event-speakers-info-values .event-speakers-left-values { padding: 20px 40px 75px 20px; } } @media(max-width:767px){ .speakers-section-values { padding: 20px 0 60px; } .event-speakers-cm-values .event-speakers-info-values { padding: 90px 0 0; } .event-speakers-cm-values .event-speakers-con-grp-values { flex-direction: column-reverse; } .event-speakers-cm-values .event-speakers-info-values .event-speakers-left-values { padding: 30px 20px 30px 20px; width:100%; } .speakers-left-top-values { margin-bottom: 30px; } .event-speakers-left-values h2 { font-size: 38px; } .event-speakers-cm-values .event-speakers-info-values .event-speakers-right-values img { float: none; margin: 0 auto; height: auto; } .event-speakers-cm-values .event-speakers-info-values .event-speakers-right-values { width: 100%; text-align: center; } .event-speakers-cm-values .event-speakers-info-values { padding: 10px 0 0; } .event-speaker-single-top-values { background-position: top; } } @media(max-width:480px){ .event-speakers-cm-values .event-speakers-info-values { background-size: 90%; } } .meet-the-team { padding-top: 0 !important; } /*emag template*/ .emag .event-speakers-cm button.slick-next.slick-arrow { background-image: url('https://info.container-solutions.com/hubfs/play.png'); right: 0px; } .emag .event-speakers-cm button.slick-prev.slick-arrow { left: 0px; background-image: url('https://info.container-solutions.com/hubfs/play%20%281%29.png'); } /*Image grid with overlay Emag*/ .container-emag{ float: left; width: 50%; } @media screen and (max-width: 640px){ .container-emag{ display: block; width: 40%; } } @media screen and (min-width: 900px){ .container-emag{ width: 24.33333%; } } .container-emag .title-emag{ color: #1a1a1a; text-align: center; margin-bottom: 10px; } .content-emag { position: relative; max-width: 400px; margin: auto; overflow: hidden; } .content-emag .content-overlay-emag { background: rgba(255,44,42,0.7); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .content-emag:hover .content-overlay-emag{ opacity: .7; } .content-image-emag{ width: 100%; } .content-details-emag { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .content-emag:hover .content-details-emag{ top: 50%; left: 50%; opacity: 1; } .content-details-emag h3{ color: #fff; font-weight: 600; margin-bottom: 0.5em; } .content-details-emag p{ color: #fff; font-size: 0.6em; } .fadeIn-bottom-emag{ top: 80%; } .section-padding-emag{ padding:60px 0; } .box-prr { background: #1F1764; }