/* @import url('http://example.com/example_style.css'); @import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap'); */ @import url('https://fonts.googleapis.com/css?family=Merriweather:300i,400,400i,700,700i,900|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap'); /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* @font-face { font-family: 'Moderat'; src: url('//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Assets%20%20GSVP-2%20/Fonts/Moderat-Regular.woff2') format('woff2'), url('//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Assets%20%20GSVP-2%20/Fonts/Moderat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Moderat'; src: url('//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Assets%20%20GSVP-2%20/Fonts/Moderat-Bold.woff2') format('woff2'), url('//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Assets%20%20GSVP-2%20/Fonts/Moderat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } */ /* Importing Proxima-Nova from Adobe Fonts */ /* @import url("https://use.typekit.net/vyz2kmu.css"); */ @import url("https://p.typekit.net/p.css?s=1&k=vyz2kmu&ht=tk&f=137.138.139.140.169.170.175.176&a=1851781&app=typekit&e=css"); @font-face { font-family:"proxima-nova"; src:url("https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:900; } @font-face { font-family:"proxima-nova"; src:url("https://use.typekit.net/af/d32834/00000000000000003b9b306d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/d32834/00000000000000003b9b306d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/d32834/00000000000000003b9b306d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:900; } @font-face { font-family:"proxima-nova"; src:url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700; } @font-face { font-family:"proxima-nova"; src:url("https://use.typekit.net/af/4c4052/00000000000000003b9b3069/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/4c4052/00000000000000003b9b3069/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/4c4052/00000000000000003b9b3069/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700; } @font-face { font-family:"proxima-nova"; src:url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:800; } @font-face { font-family:"proxima-nova"; src:url("https://use.typekit.net/af/3e6df8/00000000000000003b9b306b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/3e6df8/00000000000000003b9b306b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/3e6df8/00000000000000003b9b306b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:800; } @font-face { font-family:"proxima-nova"; src:url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400; } @font-face { font-family:"proxima-nova"; src:url("https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:400; } .tk-proxima-nova { font-family: "proxima-nova",sans-serif; } /***** Used to base font family for all elements *****/ /***** Used for font family for all Headings *****/ /***** Used for light gray color used in backgrounds *****/ /***** Used for blue color used in the CTAs and other elements Default: #f45d48 *****/ /***** Used for Hover color of CTAs *****/ body { font-size:14px; line-height:1.4; overflow-x:hidden; -webkit-font-smoothing:antialiased; letter-spacing:.5px; background:#fff; font-family: 'proxima-nova', sans-serif ; color: #808080; margin:0 auto; padding:0; position:relative; z-index:1; font-weight:400; } hr { border-color: #DEE5EA; border-style: none; border-bottom: 1px solid; color: #DEE5EA; } /* body:after{ position: absolute; right: 0; content: ''; background: url(https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Assets%20%20GSVP-2%20/Images/pentagon%20%281%29.svg) no-repeat; background-size: contain; background-position: top center; width: 100%; height: 100%; z-index: 0; top: 0; bottom: 0; } */ body.remove-octagon{ position:inherit; } body.remove-octagon:after{ background:none; } body .container-fluid .row-fluid .wrapper { max-width:1400px; /* max-width:1180px; */ margin-left:auto; margin-right:auto; float:none; padding-left:15px; padding-right:15px; position:relative; z-index:2; } h1,h2,h3,h4,h5,h6{ color:#000000; font-weight:900; } h1,h2,h3,h4,h5,h6,p,a { text-transform:initial; text-decoration:none; margin:0 0 15px; padding:0; } strong { font-weight: 900; } .body-container-wrapper ul,.body-container-wrapper li { margin-bottom:15px; /* color:black */ } a { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; margin-bottom:0; font-weight:400; /* color:#1681DC; */ color:#000; border-bottom: 1px dashed rgba(115, 193, 55, 0.5); } a:hover { color:#65AC18; border-bottom: 1px dashed rgba(115, 193, 55, 1); } h1 { font-size: 52px; line-height: 64px; font-weight: 900; letter-spacing: 0px; margin-bottom:20px; font-family: 'proxima-nova', sans-serif ; } h2{ font-size: 30px; line-height: 1.3; letter-spacing: 0.1px; font-weight:900; font-family: 'proxima-nova', sans-serif ; } h3 { font-size:24px; font-weight:700; line-height:30px; letter-spacing:0; font-family: 'proxima-nova', sans-serif ; } 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; font-weight:700; letter-spacing:.5px; } p { font-size:19px; line-height: 1.6; } .body-container-wrapper { background:#fff; overflow:hidden; } .remove-octagon .body-container-wrapper{ /* margin-top:136px; */ margin-top:111px; } .body-container-wrapper ul { text-decoration:none; /*list-style: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:1.5em; letter-spacing:-.1px; 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:; border-radius:50%; } blockquote { font-size:22px; color:#383838; font-weight:400; line-height:31px; letter-spacing:1px; position:relative; padding-left:32px; margin:0; } body .container-fluid .row-fluid form .hs-button, body .container-fluid .row-fluid a.cta_button[title] { font-size:16px; line-height:14px; font-weight:500; font-family: 'proxima-nova', sans-serif ; cursor:pointer; text-align:center; display:inline-block; border-radius: 4rem; margin-bottom:0; position:relative; z-index:1; background:#73C137; color:#fff; letter-spacing:0px; padding: 19px 51px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background: -webkit-linear-gradient(right, #baseColor 50%, #ef523c 50%); background: linear-gradient(to left, #baseColor 50%, #ef523c 50%); background-position: right bottom; background-size: 200% 100%; } body .container-fluid .row-fluid a.cta_button[title]:hover { background: #65AC2E; } body .container-fluid .row-fluid form .hs-button:hover, body .container-fluid .row-fluid a.cta_button[title]:hover{ color:#ffffff; background-position: left bottom; } 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 .yellow-cta a.cta_button[title]{ background:#FAFBFC; color:#222525; } body .container-fluid .row-fluid .yellow-cta a.cta_button[title]:hover{ color:#1681DC; } .grey-bg{ background:#FAFBFC; } .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: #000000a6; z-index: -1; } .basecolor-overlay:before{ position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(10,128,128,0.72); z-index: -1; } .light-gray-bg{ /* background:#FAFBFC; */ /* background: linear-gradient(#F2F4F7 0,#fff 100%); background-position: top; */ /* background:#F2F4F7; */ background:#F2F6F7; } .light-gray-bottom-separator { /* background-color: #fff; */ background-image: linear-gradient(rgba(245, 245, 245, 0),#F2F6F7); background-position: bottom; background-repeat: no-repeat; background-size: 100% 12rem; } .light-red-bottom-separator { /* background-color: #fff; */ background-image: linear-gradient(rgba(255, 255, 255, 0),#FDF5F3); background-position: bottom; background-repeat: no-repeat; background-size: 100% 12rem; } .light-gray-top-separator { /* background-color: #fff; */ background-image: linear-gradient(to bottom, #F2F6F7, rgba(245, 245, 245, 0)); background-position: top; } .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; } .all-text-black, .all-text-black h1, .all-text-black h2, .all-text-black h3, .all-text-black p, .all-text-black h4, .all-text-black h5, .all-text-black h6, .all-text-black li, .all-text-black .fa, .all-text-black a{ color:#000000; } .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:#73C137; } .base-color-text a:hover{ color:#73C137; } 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 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; } @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: 40px; font-weight: 900; line-height:50px; } h2{ font-size:32px; } .section-padding { padding: 100px 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: 14px 11px; } } @media (max-width:767px){ .row-fluid [class*="span"].wrapper{ padding-left:20px; padding-right:20px; } .remove-octagon .body-container-wrapper{ margin-top:79px; } h1 { font-size: 35px; line-height:1.3; } h2{ font-size:28px; } .section-padding { padding: 100px 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:block; } } /*================================================== 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: 'proxima-nova', sans-serif ; height: 36px; font-size: 14px; line-height: 17px; margin-bottom: 7px; border-radius: 0; background: transparent; padding: 10px 0; color:#393c41; /* 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 #73C137;; } .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; //padding-left: 15px; } .row-fluid form .hs_submit .actions{ text-align:left; // CTA Button Alignment } .row-fluid form .hs-button.primary{ height: auto; margin-top: 62px; background:#73C137; color: #fff; font-weight: bold; border:0px; } 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; */ color: #EB5A24; } .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 #73C137; 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: #73C137; 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 =======================================================================*/ body .header-container-wrapper.fixed{ position:fixed; z-index: 10; /* box-shadow: 0 1px 1px rgba(0,0,0,.15); */ box-shadow: 0 1px 30px rgba(0,0,0,.10); padding: 20px 0px 20px; animation: sticky 0.2s linear; background:#ffffff; } @keyframes sticky { 0% { transform:translateY(-30px); } 100% { transform:translateY(0px); } } body .header-container-wrapper .container-fluid .row-fluid .yellow-cta.header-cta a.cta_button[title]{ /* background-color: #73C137; */ /* color:#ffffff; */ background-color: #fff; color: #808080; padding: 12px 30px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; /* background: -webkit-linear-gradient(right,#73C137 50%,#ef523c 50%); */ /* background: linear-gradient(to left,#73C137x` 50%,#ef523c 50%); */ /* background-position: right bottom; */ background-size: 200% 100%; position: relative; border:1px solid #DEE5EA; } body .header-container-wrapper .container-fluid .row-fluid .yellow-cta.header-cta a.cta_button[title]:hover{ color: #000; /* background:#DEE5EA; */ background:#FAFBFC; background-position: left bottom; } .header-container-wrapper { /* padding: 49px 0px 45px; */ /* box-shadow: 0 1px 30px rgba(0,0,0,.10); */ padding: 30px 0px; z-index:3; position: absolute; width: 100%; top:0; } .header-cta-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: stretch; } body .header-container-wrapper .container-fluid .row-fluid .header-login-cta a.cta_button[title]{ background-color: #fff; color: #808080; padding: 12px 30px; border:1px solid #DEE5EA; } body .header-container-wrapper .container-fluid .row-fluid .header-demo-cta a.cta_button[title]{ margin:0 0 0 10px; padding: 12px 30px; } body .header-container-wrapper .container-fluid .row-fluid .header-login-cta a.cta_button[title]:hover{ color: #000; /* background:#DEE5EA; */ background:#FAFBFC; background-position: left bottom; } body .header-container-wrapper .container-fluid .row-fluid .header-demo-cta a.cta_button[title]:hover{ background: #65AC2E; } .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 .header-grp .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .header-container-wrapper .header-grp .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{ color:#73C137; transition:all 0.3s ease-in-out; } .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; font-family: 'proxima-nova', sans-serif ; letter-spacing:0; color: #1e0936; padding: 14px 14px; width: 100%; max-width: 100%; white-space: normal; position:relative; border-bottom: none; } body .header-container-wrapper .container-fluid .row-fluid .yellow-cta a.cta_button[title]{ padding: 10px 17px; } .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:1025px) and (max-width:1350px){ body .header-container-wrapper .container-fluid .row-fluid .yellow-cta.header-cta a.cta_button[title] { padding: 12px 24px } } @media(min-width:768px){ .header-container-wrapper .header-menu .hs-menu-wrapper{ float:right; } body .header-container-wrapper .header-menu{ width: 64.264957%; } body .header-container-wrapper .right-col{ margin-top: -6px; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{ box-shadow:0 0 24px 0 rgba(0,0,0,0.09); left: auto; /* right: -32px; */ right: 0; padding:15px 0 20px; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper:before{ position: absolute; width: 20px; height: 20px; background: #fff; content: ""; right: 29px; top: -10px; transform: rotate(45deg); } .header-grp .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{ position:relative; } } /* BEGIN PTO EDIT */ /* @media(max-width:768px){ .header-cta-wrapper { display:none; } } */ @media(max-width:768px){ .header-login-cta { margin-right: 60px; } .header-demo-cta { display:none; } } /* END PTO EDIT */ /*Child Items Styling*/ .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { background: #fff; min-width: 280px; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { color:#808080; padding: 10px 45px; font-size: 14px; } @media(max-width:1200px) and (min-width:768px){ .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ padding: 10px 10px; font-size:14px; } body .header-container-wrapper .container-fluid .row-fluid .yellow-cta a.cta_button[title] { padding: 10px 4px; } body .header-container-wrapper .container-fluid .row-fluid a.cta_button[title] { font-size: 13px; } body .header-container-wrapper .container-fluid .row-fluid .yellow-cta.header-cta a.cta_button[title]{ padding: 12px 17px; } body .container-fluid .row-fluid .logo-image img{ } .header-container-wrapper .header-grp li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:before{ top:2px; } } @media(min-width:784px) and (max-width:802px){ body .header-container-wrapper .row-fluid .header-menu { width: 66.264957%; } } @media(min-width:768px) and (max-width:800px){ body .header-container-wrapper .right-col{ width: 0%; margin-left: 0%; } body .header-container-wrapper .header-menu { width: 69.264957%; } .span12.widget-span.widget-type-custom_widget.yellow-cta.header-cta { margin-left: 0px; float: left; width: auto; display:inline-block; } body .header-container-wrapper .container-fluid .row-fluid .yellow-cta.header-cta a.cta_button[title] { padding: 12px 12px; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-size: 13px; } } @media(max-width:767px){ .header-container-wrapper{ z-index:3; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ text-align:left; padding:10px 5px; } .header-container-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ /* color:#fff; */ } .header-container-wrapper { padding: 20px 0px 20px; } body.blog2 .body-container-wrapper{ padding-top: 79px; } 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 .container-fluid .row-fluid .custom-menu-primary.js-enabled { position: absolute; 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; } 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: #000; } 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: 2px; background-color: #000; } 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: inline-block; width: 100%; box-sizing: border-box!important; } } @media (max-width: 568px){ .header-container-wrapper .hs-menu-wrapper *{ //width: auto; } } /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Set ul background color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:; } .custom-menu-primary .hs-menu-wrapper > ul > li{ background:; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color:; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{} .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* 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:#1e0936; } /* 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 #fff; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#73c137; background-color: #fff; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#73c137; background-color: #fff; border-color: transparent; } /* 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: #fff; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ top: -6px; /* Position top line */ } .mobile-trigger i:after{ top: 6px; /* Position bottom line */ } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #73c137; /* 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:#1e0936; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled{ position: relative; padding-top: 44px; /* Makes room for button */ margin: 10px 0 10px 0; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 23px; /* 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:#fff; /* 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:#1e0936; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#73c137; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /*===================================================================== Footer Styling =======================================================================*/ .footer-container-wrapper{ background:#000000; padding: 116px 0px; position:relative; z-index:2; } .footer-container-wrapper p, .footer-container-wrapper a, .footer-container-wrapper h4{ color:#d9d9e4; /* font-weight:400; */ /* font-family: 'Moderat'; */ font-size:14px; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical>ul li{ margin-left:0px; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical>ul li:before{ width:0px; height:0px; } .footer-container-wrapper .connected-col ul li:before { width: 0px; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical>ul li a { padding: 6px 0px; font-size: 14px; line-height:1; font-weight: normal; letter-spacing: 0; color: #d9d9e4; /* font-family: 'Moderat'; */ border:none; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical>ul li a:hover { color: #73C137; } .footer-container-wrapper a{ font-size:14px; } .footer-container-wrapper .connected-col{ padding-top:42px; } .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; transition:all 0.3s ease-in-out; } .footer-container-wrapper .connected-col ul li:hover{ transform: scale(1.2); } .copy-right-text p{ font-size: 14px; /* font-family: 'Moderat'; */ font-weight: 400; padding-top: 65px; margin: 0; } @media(max-width:767px){ .footer-container-wrapper{ padding: 74px 0px; } } /*===================================================================== Home Page Styling =======================================================================*/ .hero-section{ padding: 120px 0px; position:relative; z-index:2; } .hero-text h1{ position:relative; /* margin-bottom:68px; */ } /* .hero-text h1:before{ content:""; position:absolute; width: 178px; bottom: -35px; height: 5px; background-color: #f45d48; } */ .hero-section h1 span{ color:#1681DC; } .hero-section p{ font-size: 24px; line-height: 1.67; letter-spacing: normal; color:#7f8386; margin: 20px 0px 49px; } @media(max-width:767px){ .hero-section{ padding:0; padding-top: 59px; } .hero-section .yellow-cta{ margin-top:10px; } .hero-section .right-col img{ margin-bottom:30px; } .hero-section .span6:last-child{ margin-top: 30px; } } /*=================================================================== Client Logo Section ===================================================================*/ .heading-text-space{ padding-top: 127px; } .heading-text-space h4{ margin-bottom: 25px; color:#474646; } .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; } .hero-section p { font-size: 20px; margin: 20px 0px 34px; line-height:1.3; } .heading-text-space { padding-top: 100px; } .hero-section{ padding: 75px 0px; } } @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; } } .hero-sec-scroll{ position:relative; } /*=================================================================== Home Section 2 ===================================================================*/ .home-section2{ padding-top:120px; padding-bottom:100px; } .home-section2 h2{ margin-bottom: 52px; margin-top:52px; color:#000000; } @media(min-width:768px) and (max-width:1024px){ .body-container-wrapper ul.filter-container { padding-top: 0px; } .home-section2 { padding-top: 53px; padding-bottom: 45px; } } @media(max-width:767px){ .home-section2 h2{ margin-top:0; } .home-section2 { padding-top: 53px; padding-bottom: 50px; } .hero-sec-scroll:before{ display:none; } } /*=================================================================== Home Section 3 ===================================================================*/ .home-section3 h4{ font-size: 18px; font-weight: 500; letter-spacing: 0.02px; color: #000000; } .home-section3{ padding: 100px 0px 100px; } .home-section3 h2{ margin-bottom: 116px; } .description-cm h4 span{ color:#73C137; } .team-image-cm p { font-size: 14px; line-height: 1.79; letter-spacing: 0px; margin-bottom: 47px; } body .row-fluid .team-image-cm .image-module{ height:139px; width:100%; max-width:139px; margin:0 auto 30px; border-radius:50%; border:1px solid #979797; } @media(min-width:768px) and (max-width:1024px){ .home-section3{ padding: 81px 0px 95px; } .team-image-cm:before{ top: -47px; height: 80px; width: 90px; } .home-section3 h2 { margin-bottom: 95px; } } @media(max-width:767px){ .home-section3 { padding: 60px 0px 40px; } .home-section3 h2 { margin-bottom: 49px; } } /*============================================================== Home Section 4 ================================================================*/ .home-section4{ padding-bottom: 121px; padding-top: 111px; } .home-section4 h2{ padding-bottom: 44px; max-width: 791px; margin: 0 auto; } /* .heading-text-cm-img h3 { font-size: 20px; } */ .heading-text-cm-img .feature-icon{ min-height:67px; } @media(min-width:768px){ body .row-fluid .home-section6 .three-col-adjust span>.hs_cos_wrapper{ padding-right:1%; } } @media(max-width:767px){ .home-section4 h2 { padding-bottom: 30px; } .home-section4 { padding-top: 70px; } } /*============================================================== Home Section 5 ================================================================*/ .home-section5 { position: relative; margin-top: -77px; } .home-section5 .left-col { border-radius: 9px; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding: 60px; display: flex; justify-content: center; align-items: center; } .home-section5 .right-col{ padding: 131px 40px 0; } body .container-fluid .row-fluid .home-section5 .right-col a.cta_button[title] { margin-top: 17px; padding: 19px 51px; } @media(max-width:767px){ .home-section5 .right-col { padding: 70px 0px 0px; } .home-section5 .left-col{ padding: 35px; } } /*============================================================== Home Section 6 ================================================================*/ .section-sub-heading-text h2{ color:#000000; } .section-sub-heading-text h4{ font-size: 18px; font-weight: 500; letter-spacing: 0.02px; color: #000; } .home-section6 { padding: 171px 0px 100px; } .home-section6 h2{ margin-bottom: 70px; max-width:791px; margin:0 auto; padding-bottom:30px; } body .row-fluid .home-section6 .three-col-adjust span>.hs_cos_wrapper{ margin-top: 3.43%; } @media(max-width:767px){ .home-section6 { padding: 100px 0px 40px; } .home-section6 h2 { margin-bottom: 30px; padding-bottom:0px; } body .row-fluid .home-section6 .three-col-adjust span>.hs_cos_wrapper{ margin-top:30px; } } /*============================================================== Service Section ================================================================*/ .service-section{ padding: 100px 0; position: relative; z-index: 2; background:#73C137; background-image: linear-gradient(135deg,rgba(122,201,67,1),rgba(48,126,81,1)); } body .container-fluid .row-fluid .service-section .cta-container a.cta_button[title]{ color:#fff; background:#000; } body .container-fluid .row-fluid .service-section .cta-container a.cta_button[title]:hover { color:#73C137; background: #0F1C06; } .service-section h1{ color:#fff; margin-bottom:23px; } .service-section p{ font-size: 24px; line-height: 1.47; letter-spacing: normal; padding: 0px 0px 30px; max-width: 804px; margin: 0 auto; } @media(max-width:767px){ .service-section { padding: 70px 0px 120px; } .service-section p { font-size: 18px; } .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:20px 0; } /*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(min-width:768px) and (max-width:1024px){ .subscribe-section h2{ font-size:32px; } } @media(max-width:767px){ .subscribe-section h2{ font-size:28px; } .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; color: #1681DC; 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 .post-body:before { position: absolute; content: ""; top: 47%; bottom: 0; left: -40px; background: #fff; width: 44px; height: 70px; transform: rotate(45deg); z-index: 10; transition: 0.3s all ease-in-out; } body.blog-v1.hs-blog-listing .post-body:before{ display:none; } 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; } .blog-heading-description h4{ color:#73C137; } .post-header h2, .post-header h2 a { font-size: 22px; font-weight: 400; line-height: 1.4; color: #000000; 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; } body.hs-blog-listing .container-fluid .row-fluid .post-body{ height:300px!important; } .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; } body.hs-blog-listing .container-fluid .row-fluid .post-body { height: 300px !important; position: absolute; top: 0; } .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; } .post-header h2, .post-header h2 a{ color:#fff; } } /*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; color:black; } .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; list-style: none; margin: 40px 0; margin-left: 34px; } .hs-blog-post .body-container-wrapper .blog-section ul li::before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #000; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin: -12px 0 0 4px; /* Also needed for space (tweak if needed) */ } .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; } .hs-blog-post .body-container-wrapper .blog-section ol{ padding: 0; text-decoration: none; margin-bottom: 15px; counter-reset: list-count; /* list-style: none; */ } .hs-blog-post .body-container-wrapper ol li{} .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: 16px; line-height: 26px; font-weight: bold; letter-spacing: 0.5px; color: #1871c9; } #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; } body.hs-blog-post .body-container-wrapper .sharing-icon li { font-size: 14px; float: left; margin-left: 10px; margin-bottom: 10px; } body.blog-v1.hs-blog-post .body-container-wrapper .sharing-icon li:first-child a{ background: #4267b2; } body.blog-v1.hs-blog-post .body-container-wrapper .sharing-icon li:nth-child(2) a{ background: #38A1F3; } body.blog-v1.hs-blog-post .body-container-wrapper .sharing-icon li:last-child a{ background: #0077B5; } /*===========================blog2 social share ===============*/ body.blog2.hs-blog-post .body-container-wrapper .sharing-icon li:first-child a{ color: #4267b2; } body.blog2.hs-blog-post .body-container-wrapper .sharing-icon li:nth-child(2) a{ color: #38A1F3; } body.blog2.hs-blog-post .body-container-wrapper .sharing-icon li:last-child a{ color: #0077B5; } .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; } .hs-blog-post ul.topic-list li{ display:none; } .topic-list li:before{ display:none; } .hs-blog-post ul.topic-list li:first-child{ display:inline-block; margin:0; } .section.post-body { padding: 51px 0px; max-width: 900px; margin: 0 auto; } .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: 20px; font-weight: 400; } .section.post-body ul, .section.post-body ol{ margin: 0px 0; } .section.post-body ul li, .section.post-body ol li{ margin:10px 0; } .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: 51px 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 { color: #333c4e; 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; color: #a4abae; } .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; color: #333c4e; } @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; } .ias-trigger a { text-align: center; display: block; border: 1px solid #73C137; padding: 10px 50px; font-size: 16px; line-height: 27px; font-weight: bold; transition:all ease-in-out .2s; } .ias-trigger a:hover{ background-color:#73C137; color:#fff; } /*===================================================================== Press Page Styling =======================================================================*/ .press-section { padding: 120px 0; } .press_list ul { padding: 0 0 0 34px; } .press_list ul li { border-bottom: 1px solid #DEE5EA; text-align:left; padding: 0; margin: 0 0 24px; } .press_list ul li:last-child { border:none; } .press_list p { font-size: 16px; line-height: 1.67; letter-spacing: normal; color: #7f8386; margin:0 0 10px; text-transform: uppercase; } .press_list h3 { margin: 0 0 24px; } .featured-article h2, .featured-article h2 a { font-size: 28px; font-weight: bold; line-height: normal; letter-spacing: 0px; } .featured-article p { font-size: 19px; line-height: 1.6; } @media (min-width: 768px) { .press-section .right-col { padding-left: 2%; } } /*================================================================ 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: 15px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-left:0; } ul#filter-select li:last-child{ border-radius: 15px; border-top-left-radius: 0; border-bottom-left-radius: 0; } ul#filter-select li { display: inline-block; box-shadow: 20px 22px 54px 0 rgba(0,0,0,0.14); background-color: #fff; color: #000; 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:center; margin-left: -5px; border-left: 1px solid #dcdcdc; } ul#filter-select li.active { background-color:#73C137; color: #fff; } ul#filter-select li:before { display: none; } .popup-content{ padding-top:30px; padding-bottom: 145px; } .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: 19px; line-height: 1.6; } .cta-top-space{ margin-top:30px; } .list-items ul{ margin:0; } .list-items li { list-style:none; margin-bottom: 20px; margin-left:0; position: relative; padding-left: 15px; padding-right: 10px; font-size: 19px; line-height: 1.6; } .list-items li:before { content: "\f058"; left: -11px; top: 0; position: absolute; font-size: 18px; line-height: 28px; font-family: FontAwesome; color:#73C137; 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; } } .pricing-section2 ol li { font-size: 19px; line-height: 1.6; color: #808080; } @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 , .pricing-section2 ol li { margin-left: 20px; font-size: 19px; line-height: 1.6; color: #808080; } 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; padding-bottom: 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, #feefe8, rgba(245, 245, 245, 0)); } .pricing-faq h3{ font-size: 16px; font-weight: bold; line-height: 25px; letter-spacing: 0.02px; color: #000; } .pricing-faq p{ font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: 0.02px; color: #808080; } .faq-col { padding-top: 50px; } .pricing-faq .small-heading-width h2 { margin-bottom: 0px; color:#73C137; } @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 40px; } /*================================================================ 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:#FAFBFC; position:relative; right: -117px; } .faq-section1 .right-col:after{ content:""; position:absolute; width:300%; right:-300%; background:#FAFBFC; 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 60px; } } .accordion_group.expanded h4:after { background-color:#73C137; } /************************** 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: #04003b; 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: 100px 0; } .pricing-banner-section{ padding:90px 0 130px; } .about-banner-section .heading-container h1{ color:#000; position:relative; } .about-banner-section .left-col a.cta_button{ margin-top:15px; } /* .about-banner-section .heading-container h1:before { content: ""; position: absolute; bottom: -20px; width: 130px; height: 5px; background: #f45d48; left:44%; } */ .about-banner-section .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; color:#808080; font-weight:normal; margin-top:25px; } 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: 18px; line-height: 26px; } .about-banner-section { padding: 70px 0 70px; } } /******************** About Section1 Styling Start *******************/ .about-section1{ padding:55px 0 120px; } .about-section1 .heading-text-cm-img a.cta_button{ color:#73C137; text-decoration:underline; font-weight:600; } .about-section1 .border-box-styling{ padding: 56px 20px 52px; } .about-section1 .heading-text-cm-img h3 { font-weight:900; } @media(min-width:768px) and (max-width:1024px){ .about-section1{ padding:55px 0 80px; } body .event-testimonials-cm { /* padding: 80px 0 80px; */ padding:0; } } @media(max-width:767px){ .about-section1{ padding: 25px 0 25px; text-align:center; } } /*************** About Section2 Styling ******************/ .about-section2{ padding:55px 0 65px; background:#0a8080; position:relative; z-index:2; } /* .about-section2:after{ position: absolute; background: #fff; bottom: -190px; left: 0px; right: -30px; width: auto; height: 280px; transform: rotate(-5deg); 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 40px; } .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:37%; 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:#73C137; width: 30px; height: 30px; border-radius: 50%; } .about-section4 .team-version2-cm .name-container h3{ font-size:22px; letter-spacing:0; color:#000; margin-bottom:5px; } .about-section4 .team-version2-cm .designation p{ font-size:16px; letter-spacing:0; color:#969696; } .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:0 0 118px; } .about-section6 ul { margin: 0; text-align: center; filter: blur(0px) grayscale(1); 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 h4{ color:#474646; } .about-section6 .heading-text-space{ padding-top:20px; } @media(max-width:1024px){ .about-section6 { padding: 0 0 85px; } .about-section6 ul li{ padding: 10px 30px; } } @media(min-width:768px) and (max-width:1024px){ } @media(max-width:767px){ .about-section6 ul li{ display:block; } .about-section6 { padding:30px 0 30px; } .row-fluid .about3-section3 .team-row { max-width: 375px; margin: 0 auto; float: none; display: block; padding-bottom:10px; } body .portfolio-cm-version2 .hs_cos_wrapper { max-width: 375px; margin: 0 auto; } } /*============================================================ 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, #feefe8, 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; color:#808080; 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: 0px; height: 0px; 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; color: #000000; } .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: #feefe8; 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:30px; margin:0 auto; text-align:center; } body .row-fluid .ps1-pricing-3-section-1 .pricing-3 .cta a.cta_button{ background:#fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33); border: solid 0.5px #c8c8c8; color:#000; font-weight:bold; padding: 14px 68px; } body .row-fluid .ps1-pricing-3-section-1 .pricing-3 .cta a.cta_button:hover{ border: solid 0.5px #f45d48; color:#f45d48; } .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, .ps1-pricing-3-section-1 .pricing-3.plan-monthly span{ color:#000000; } .ps1-pricing-3-section-1 .pricing-3.plan-monthly .cost h2{ font-size:34px; font-weight:bold; 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 #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:#73C137; 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; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06); -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; } .lp-demo1-pricing-cm .cm-section .three-col-adjust span>.hs_cos_wrapper:nth-child(2) .pricing-3 .cta{ bottom:60px; } 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{ padding:20px 0 0; } .ps1-pricing-3-section-1 .currency-text { font-size: 18px; } .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{ max-width:430px; margin:0px auto 75px; } .ps1-pricing-3-section-1{ padding-bottom:0; } .pricing-banner-section.about-banner-section{ padding: 100px 0 90px; } .ps1-pricing-3-section-1 .currency-text { font-size: 18px; } } /*================================================================ Contact Page Styling Start ==================================================================*/ /**************** Contact Section1 Styling **********************/ .contact-v1-section1{ padding:58px 0 70px; } .contact-v1-section1 .heading-container h1{ color:#73C137; } .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: 50%; -webkit-flex-basis: 50%; float: left; margin-top:0; margin-right: 0%; padding:36px 55px; transition:0.3s all ease-in-out; } .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; } .contact-v1-section1 .two-col-adjust span>.hs_cos_wrapper:before{ position: absolute; left: 0; right: 0; bottom: 0px; content: ''; background: #f45d48; 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 .two-col-adjust span{ box-shadow: 0 33px 83px 0 rgba(0, 0, 0, 0.17); background:#fff; } .contact-v1-section1 .cm-section h3{ letter-spacing:0.03px; } .contact-v1-section1 .cm-section p{ font-size:20px; line-height:40px; color:#000000; letter-spacing:0; } @media(max-width:1024px){ .contact-v1-section1{ padding: 70px 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: 50px 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; } 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; color:#808080; } 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{ color:#4842b7; } 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, #feefe8, rgba(245, 245, 245, 0)); padding:100px 0; position:relative; z-index:1; } .contact-map-cm .cm-container{ box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding:19px 22px; border-radius:4px; position:relative; z-index:1; cursor:pointer; } body .row-fluid .contact-map-cm .three-col-adjust span>.hs_cos_wrapper{ flex-basis: 24.7%; -webkit-flex-basis: 24.7%; margin-right: 8.43%; transition:0.4s all ease-in-out; } .contact-map-cm .cm-container h4{ font-size:18px; letter-spacing:0.02px; font-weight:bold; color:#000; 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:#f45d48; font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; text-decoration:underline; } .contact-map-cm .map-container{ opacity:0; position: absolute; left: -30px; right: -30px; top: -134px; margin: 0 auto; z-index: -1; width: auto; 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 .map-container{ opacity:1; } .contact-map-cm .three-col-adjust span>.hs_cos_wrapper:hover .map-container{ opacity:1; transition:0.4s all ease-in-out; } .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:0; right:0; top:-95px; } 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: 120px; } 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: 85px 0 100px; } .contact-version2-section1 .left-col .heading-container h1{ color:#000; } .contact-version2-section1 .left-col .heading-container{ margin-bottom:40px; } .contact-version2-section1 .left-col a{ font-size:32px; line-height:42px; letter-spacing:0; font-weight:600; color:#808080; } .contact-version2-section1 .left-col{ padding-right: 70px; } @media(max-width:1024px){ .contact-version2-section1{ padding: 60px 0 95px; } .contact-version2-section1 .left-col a { font-size: 25px; line-height: 35px; } } @media(max-width:767px){ .contact-version2-section1{ padding: 50px 0 70px; } .contact-version2-section1 .left-col { padding-right: 0; } } /****************** Service Page Styling Start *******************/ /******************* Service Section1 Styling Start *************/ .service-section1{ padding: 100px 0 42px; position:relative; } .service-section1 .heading-container h1{ color:#73C137; } .service-section1 .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; color:#808080; } 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: 237px; margin: -149px 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: 0 2px 34px 0 rgba(0, 0, 0, 0.21); } body .container-fluid .row-fluid .service-section1 .three-col-adjust>span{ margin-right: -4.1%; } 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:#f45d48; 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: 60px; } */ } @media(max-width:1024px){ .service-section1{ padding: 80px 0 42px; } 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(2n){ margin-right:0; } body .row-fluid .service-section1 .three-col-adjust span>.hs_cos_wrapper{ -webkit-flex-basis: 47.6%; margin-right: 1.8%; flex-basis: 47.6%; } body .row-fluid .service-section1 .service-image-text-cm .cm-container{ padding: 25px 15px; max-width: 295px; margin: -145px auto 0; } } @media(min-width:768px) and (max-width:1024px){ .service-section1 .heading-container p{ font-size:22px; line-height:30px; } .service-section p, .about-banner-section .heading-container p{ font-size:22px; line-height:30px; } } @media(max-width:767px){ .service-section1{ padding: 70px 0 40px; } .service-section p{ font-size:18px; line-height:26px; } .service-section1 .heading-container p { font-size: 18px; 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 15px; } .service-section1 .service-image-text-cm .image-container { height: 320px; } } /*================================================================= Resource Page Styling Start ===================================================================*/ /**************** Resource Section1 Styling ***********************/ .resource-banner{ padding:100px 0 100px; } .resource-banner .heading-container h1{ color:#000; } .resource-banner .heading-container p{ font-size:24px; line-height:40px; color:#808080; 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: 90px 0 100px; } } @media(max-width:767px){ .resource-banner { padding: 60px 0 60px; } .resource-banner .heading-container p { font-size: 20px; line-height: 33px; } } /********************************************************************************** ********************************Resource Page************************************* ***********************************************************************************/ body .ps1-resource-1-section .row-fluid .two-col-adjust span>.hs_cos_wrapper{ transition: all .16s ease-in-out; margin-bottom:168px; position:relative; flex-basis: 43.1%; -webkit-flex-basis: 43.1%; margin-right: 6.9%; } body .ps1-resource-1-section .row-fluid .two-col-adjust span>.hs_cos_wrapper:nth-last-child(1), body .ps1-resource-1-section .row-fluid .two-col-adjust span>.hs_cos_wrapper:nth-last-child(2){ margin-bottom:0; } body .row-fluid .ps1-resource-1-section .image-container{ height: 230px; width: 100%; max-width: 230px; margin: 0 auto; float: none; position: absolute; left: 0; right: 0; top: -114px; } .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: 50px 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; display:flex; } body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm .row-fluid-wrapper{ display:flex; } body .row-fluid .ps1-resource-1-section .ps1-resource-1-cm .row-fluid-wrapper .row-fluid{ display:flex; } .ps1-resource-1-section .ps1-resource-1-cm .description { box-shadow: 0 2px 34px 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; color:#f45d48; 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; color: #000; } 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.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.two-col-adjust span>.hs_cos_wrapper.type-1 a.play-button{ display:none; } 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.two-col-adjust span>.hs_cos_wrapper.type-2 a.play-button{ display:block; } body .row-fluid .filter-cm-container.two-col-adjust span>.hs_cos_wrapper.type-2 a.download-ebook{ display:none; } .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.two-col-adjust span>.hs_cos_wrapper .button-container a.play-video2{ position: absolute; right: -97%; top: -19px; content: ''; } .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; border:none; color:#fff; padding-right:40px; cursor:pointer; } @media all and (min-width: 768px) and (max-width: 1024px) { .data-filter .button-group .button { font-size: 16px; padding-right: 15px; } } .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; color:#b5b5b5; 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:#f45d48; 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; color: #0f434c; 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 { color: #f6921e; border-color: #f6921e; } .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; color: #363c3a; 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 #73C137; } 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: 50px 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: 220px; } 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:220px; } .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:100px 0 200px; } .team-ver2-section1 .heading-container h1{ color:#73C137; } .team-ver2-section1 .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; color:#808080; 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: 0 2px 54px 0 rgba(0, 0, 0, 0.3); } .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, .div-container .hs_cos_wrapper:nth-child(2) .team-cm{ float:none; width:100%; } @media(min-width:767px){ body .container-fluid .row-fluid .team-ver2-section1 .div-container{ width: 24.5%; } } @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: 90px 0 100px; } body .row-fluid .team-ver2-section1 .heading-container { margin: 0 auto 65px; } .team-ver2-section1 .heading-container p{ font-size:22px; line-height:30px; } } @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: 60px 0 60px; } } /*===================================================== Team 2 Page Styling =============================================================*/ .remove-padb{ padding-bottom:0; } .team-section2{ padding-bottom:179px; } @media(max-width:1024px){ .team-section2{ padding-bottom:90px; } } @media(max-width:767px){ .team-section2{ padding-bottom:70px; } } /*=========================================================== Team 3 Page Styling =============================================================*/ .team-ver3-section1{ padding:100px 0px 50px; } .team-ver3-section1 .heading-container h1{ color:#73C137; } .team-ver3-section1 .heading-container p{ font-size:24px; max-width:775px; margin:0 auto; } .team-v3-cm .team-item .person-name h3 { font-size: 20px; font-weight: bold; letter-spacing: 0.03px; color: #73C137; margin-top:22px; margin-bottom:0px; } .team-v3-cm .team-item .company-desig p{ font-size: 14px; line-height: 1.79; letter-spacing: 0.02px; color: #808080; } body .row-fluid .team-v3-cm select{ background: #fff url(https://6854878.fs1.hubspotusercontent-na1.net/hubfs/6854878/Super%20Lead%20Starter/arrow-point-to-down.png) no-repeat; background-position: center right; -webkit-appearance: none; border-left:0px; border-top:0px; border-right:0px; outline:none; font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0.02px; color: #808080; } @media(min-width:768px) and (max-width:1024px){ } @media(max-width:767px){ .team-ver3-section1 .heading-container p { font-size: 20px; } .team-ver3-section1 { padding: 75px 0px 50px; } } /*================================================= * Partner Page * ===============================================*/ .partner-hero-sec{ padding:80px 0px; } .partner-sec-one{ padding-top:100px; padding-bottom:80px; } .partner-hero-sec .heading-container h1{ font-weight: bold; line-height: 1.23; letter-spacing: -1.85px; text-align: center; color: #73C137; } .partner-hero-sec .heading-container h3{ line-height: 1.67; font-weight:normal; letter-spacing: normal; text-align: center; color: #808080; max-width:775px; margin:0 auto; } .filter-cm.element-item.partner-item .icon-container img{ max-width:36px; height:auto; } .filter-cm.element-item.partner-item .single-col{ border:1px solid #dedede; position:relative; } .filter-cm.element-item.partner-item .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(10,128,128,.62); } .filter-cm.element-item.partner-item .single-col:hover .icon-container { opacity: 1; } .partner-v1-cm .partner-list-section{ background:#73C137; padding:10px 0px; } .partner-v1-cm .partner-select-option ul.partner-list li:first-child{ margin-left:0px; } .partner-v1-cm .partner-select-option ul{ margin:0px; } .partner-v1-cm .partner-select-option ul.partner-list li{ color:#ffffff; cursor:pointer; font-size:20px; letter-spacing:-0.6; } .partner-v1-cm .partner-search form input { color: #000000; margin-bottom: 0px; padding: 14px 20px; background: #fff; height: 53px; } .partner-sec-one{ padding-top:80px; } .partner-sec-two{ padding-bottom:100px; padding-top:10px; } @media(min-width:768px) and (max-width:1024px){ .partner-v1-cm .partner-select-option ul.partner-list li{ font-size:16px; } .partner-sec-one{ padding-top:60px; } } @media(max-width:767px){ .partner-v1-cm .partner-select-option ul.partner-list li{ font-size:16px; } .partner-v1-cm .partner-select-option ul.partner-list{ text-align:center; margin-top:15px; } .partner-hero-sec{ padding:50px 0; } .partner-sec-one{ padding-top:30px; } .partner-v1-cm .partner-list-section{ padding-top:15px; } } /*====================================================== Service Single Page Styling Start =======================================================*/ /*********** Service Single Section1 Styling *************/ .service-single-section1{ padding: 100px 0 120px; } .service-single-section1 .heading-container h1{ color:#73C137; } @media(max-width:1024px){ .service-single-section1{ padding: 100px 0 135px; } } @media(max-width:767px){ .service-single-section1{ padding: 75px 0 90px; } } /**************** Service Single Section2 Styling *************/ .service-single-section2{ padding:100px 0 50px; background-image: linear-gradient(to bottom, #feefe8, rgba(245, 245, 245, 0)); border-bottom:1px solid #d8d8d8; 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:#000; font-size:16px; line-height:25px; letter-spacing:0.02px; font-weight:600; box-shadow:none; padding:0; position:relative; margin-bottom:60px; } body .row-fluid .service-single-section2 .cta-cont a.cta_button:hover{ color:#1681DC; } .single-service-cm .cm-container .description-container h4{ font-size:24px; letter-spacing:0.03px; color:#000; font-weight:bold; } .service-single-section2 .right-col{ padding-right:30px; float:right; } /*.service-single-section2 .right-col.move{ position:relative; right:-293px; }*/ 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; color:#808080; font-weight:normal; cursor:pointer; position:relative; } .single-service-cm .heading-container h3{ font-size:36px; letter-spacing:0; color:#73C137; margin-bottom:30px; } .single-service-cm ul li:before{ position:absolute; background:#73C137; 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: #4842b7; height: 2px; width: 640px; } .service-single-section2 .left-col ul li.active{ color:#73C137; } @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 50px; } .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; } .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; color:#808080; font-size:16px; line-height:25px; letter-spacing:0.02px; position:relative; } .navigation a.active{ color:#f45d48; } .navigation a.active:before{ position: absolute; left: -790px; top: 12px; content: ''; background: #f45d48; width: 780px; height: 2px; } /*========================================================= * Super Lead FAQ 3 * ======================================================*/ .service-single-section2 .right-col.faq-right-col{ padding-right: 20px; } .service-single-section1 .heading-container p{ font-size: 24px; line-height: 1.67; color:#808080; max-width:775px; margin:0 auto; } @media(min-width:768px) and (max-width:1024px){ .service-single-section1 .heading-container p{ font-size:20px; } } @media(max-width:767px){ .service-single-section1 .heading-container p{ font-size:18px; max-width:100%; } } /*============================================================= Jobs1 Page Styling Start ==============================================================*/ /************** Jobs Section1 Styling Start ******************/ .jobs1-section1{ padding:100px 0 150px; } .jobs1-section1 .heading-container h1{ color:#73C137; max-width:462px; } .jobs1-section1 .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; color:#808080; } .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; color:#808080; font-weight:600; 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; color:#808080; 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: 80px 0 70px; } } @media(max-width:767px){ .jobs1-section1{ padding: 50px 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; color:#000; font-weight:600; margin-bottom:5px; } .jobs-cm .cm-container .col-1 p{ font-size:16px; line-height:25px; letter-spacing:0.02px; color:#808080; } .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; color:#808080; 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; color:#808080; 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:#73C137; 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: 304px 0px 164px; } .ebook-section1 h1{ color:#73C137; } .ebook-section1 p{ font-size: 24px; line-height: 1.67; letter-spacing: normal; color: #000000; margin-bottom: 34px; } .ebook-section1 ul li:before{ display:block; } body .container-fluid .row-fluid .form-container { border-radius: 8px; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; max-width: 807px; margin: 0 auto; float: none; padding: 60px; max-height: 1000px !important; } .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:#73C137; } .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:100px 0 141px; } 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; color: #f45d48; } .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:#73C137; } .team-single-group .team-single-right img { border-top: 5px solid #f45d48 !important; } .team-single-group .team-single-right { padding-left: 41px; } .about-team { padding: 137px 0 154px; background: linear-gradient(to bottom, #feefe8, 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: 90px 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: 60px 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; color: #f45d48; } .team-single-group .team-single-right { padding-left: 0; margin-top: 30px; } .team-single-group .heading-container p { text-align:center; } } /* -------------Single Team Page Styling End Here------------------ */ /*========================================================== Generic Page Styling Start ===========================================================*/ .generic-banner-section{ /* padding: 125px 0 135px; */ padding: 100px 0; position:relative; z-index:1; } .generic-banner-section .heading-container h1{ color:#000; font-weight:900; } @media(max-width:1024px){ .generic-banner-section{ padding:120px 0px; } } @media(max-width:767px){ .generic-banner-section{ padding: 120px 0 130px; } } /****************** 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:45%; } .generic-section1{ background-image: linear-gradient(to bottom, #FAFBFC, 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:#000; font-size:36px; letter-spacing:0; font-weight:900; margin-bottom:20px; } .generic-section1 .generic-page-cm .description ul li:before{ background:#73C137; } body .row-fluid .generic-section1 .generic-page-cm{ max-width:850px; margin:0 auto 100px; float:none; } body .row-fluid .sidebar-cm{ position: absolute; left: 0; top: 0; background:#fff; z-index: 11; width: 77px; overflow:hidden; height: 100%; box-shadow: 0 10px 14px 0 rgba(141, 140, 140, 0.5); 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:#73C137; } .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:#73C137; } .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: 100px 0 100px; } .product-single-section2{ padding: 124px 0 125px; } .product-single-section2 h2{ margin-bottom: 43px; } .products-single-section3{ padding: 100px 0px 50px; } .product-single-section4 h1{ margin-bottom: 78px; } .product-single-section4 .heading-text-cm-img h3{ color:#73C137; } .product-single-section5{ padding: 192px 0px; } .wistia_click_to_play{ cursor:pointer; } .product-single-section6{ background-image: linear-gradient(to bottom, #f8f8fc, 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: 75px 0 88px; } .product-single-section6{ padding: 65px 0 50px; } .product-single-section2{ padding:70px 0px; } .product-single-section4 h1{ margin-bottom: 25px; } .product-single-section6 .right-col{ margin-top: 100px; } .product-single-section5{ padding: 160px 0px; } } /*=========================================================================== Signup Page Styling ==============================================================================*/ .signup-hero-section { padding: 150px 0px 170px; } .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: #73C137; 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: 100px 0px 75px; } 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: 50px 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; color:#b5b5b5; font-weight:normal; } .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-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:#F2F4F7; */ position:relative; z-index:2; } .services-provided .heading-container{ margin-bottom:50px; } .services-provided .heading-container p { font-size: 24px; } 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: 34px; flex-basis: 28.9%; -webkit-flex-basis: 28.9%; margin-right: 4.43%; margin-bottom:25px; border-radius: 15px; } body .row-fluid .services-provided .four-col-adjust span>.hs_cos_wrapper{ background:#fff; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); padding: 34px; margin-right: 2.43%; margin-bottom:25px; border-radius: 15px; } .services-provided .heading-text-cm-img .cta-container a.cta_button{ color:#73C137; text-decoration:underline; font-size: 16px; } .services-provided .heading-text-cm-img img{ /* margin-bottom:10px; */ } .services-provided ul li:before{ content:'\f00c'; position:absolute; color:#73C137; left:-25px; font-family:'fontawesome'; font-size:16px; width:0px; height:0px; top:0px; } .services-provided ul li { list-style:none; margin-left:30px; } .form-description ul li:before{ content:'\f00c'; position:absolute; color:#73C137; left:-25px; font-family:'fontawesome'; font-size:16px; width:0px; height:0px; top:0px; } .form-description ul li{ list-style:none; margin-left:30px; } body .container-fluid .services-provided .heading-container { max-width: 1038px; margin: 0 auto; /* margin-top: 60px; */ float: none; margin-bottom: 51px; } @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: 17px; } } /* .services-provided .heading-container h2{ font-weight:700; } */ .services-provided .heading-container h3{ font-size: 24px; font-weight: normal; line-height: 1.67; letter-spacing: normal; color: #7f8386; } @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:#73C137; } .learning-faq-section .left-col .heading-container p{ max-width:433px; font-size:16px; line-height:25px; letter-spacing:0.02px; color:#808080; } .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{ position:absolute; right:0; top:8px; content:''; background:url('https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Assets%20%20GSVP-2%20/Images/path-13.svg'); width:13px; height:6px; } .learning-faq-section .accordion_group.expanded .accordion_header h4:after{ position:absolute; right:0; top:0px; content:''; background:url('https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Super%20Lead%20Starter/faq-cancel.svg'); width:28px; height:28px; } .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:1024px){ .learning-faq-section .left-col{ width: 42.5%; } .learning-faq-section { padding: 70px 0; } } @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; } .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:#f8f5f2; position:relative; z-index:2; } .popular-articles .heading h1{ color:#73C137; 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; color:#808080; font-weight:normal; } .popular-article-cm .right-col p{ font-size:16px; line-height:25px; letter-spacing:0.02px; color:#808080; font-weight:normal; } .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 20px; 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; } .topic-section .widget-module li a.current-page{ color:#73C137; } @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: 130px; } .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: 50px 25px; position:relative; z-index:1; } .featured-bg:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.52; z-index:-1; } body .related-post-section{ background:#feefe8; } body.blog3 .related-post-section{ background:transparent; } /* .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: #f8f5f2; min-width: 90px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-in-out; } ul.each-post li:hover a { color: #0a8080; } @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: #f8f8fc; 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: #73C137; margin: 0 auto; text-decoration: underline; } .blog2 .ias-trigger a:hover { background-color: transparent; color: #73C137; } /*===================================================================== Blog 3 Styling =======================================================================*/ body.hs-blog-listing .blog3-container .post-listing .post-item:first-child{ display:none; } .blog-two-col{ padding: 120px 0 0; } .blog3-container { padding-top: 79px; } .read-more-link{ display:inline-block; text-decoration:none; font-size: 16px; line-height: 1.56; letter-spacing: 0px; color: #73C137; 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 .container-fluid .row-fluid .article_cta { margin: 60px 0 0; /* padding: 12px 30px; */ } 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 .pr .post-item { width:100%; } body.blog3 .featured-image{ height: 362px; } body.blog3 .main-featured-image{ height: 432px; } .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: 600; line-height: normal; letter-spacing: 1px; color: #f45d48; background: transparent; box-shadow: none; padding: 0; margin: 0; text-align: left; border: none; } .blog3 .post-item h2, .blog3 .post-item h2 a { font-size: 28px; font-weight: bold; line-height: normal; letter-spacing: 0px; } .blog3 .date-read { font-size: 14px; /* font-weight: 500; */ line-height: normal; /* letter-spacing: 2px; */ color: #808080; text-transform: uppercase; padding: 0 0px 15px } /*Blog 3 Tag By Post Styling*/ .blog-title-space{ font-size: 28px; font-weight: 900; 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: #73C137; padding: 19px 51px; border-radius: 4rem; transition: all ease-in-out .2s; font-size: 16px; font-weight: 400; line-height: normal; letter-spacing: normal; color: #ffffff; position:relative; max-width: 97px; margin: 0 auto; } .blog3 .ias-trigger a:hover { background: #65ac2e; } /* .blog3 .ias-trigger a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#65ac2e; -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; } */ .elements-position h2, .elements-position h2 a{ color:#ffffff; margin:20px 0px; font-size:30px; } @media(max-width:767px){ body.blog3 .post-item { margin-bottom:30px; } .blog-two-col { padding: 120px 0; } } /*================================================================== Post Page Styling ====================================================================*/ .blog3.hs-blog-post .body-container-wrapper { padding-top: 111px; } .blog3.hs-blog-post .blog-post-container{ padding-top:100px; } .blog3 .section.post-body { padding: 0; /* max-width: 744px; */ margin: inherit; } .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.25; letter-spacing: 0px; color:#444444; } .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:#73C137; */ } .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 { color:#808080; font-weight:400; } .blog3.hs-blog-post:-moz-placeholder { color:#808080; font-weight:400; } .blog3.hs-blog-post::-moz-placeholder { color:#808080; font-weight:400; } .blog3.hs-blog-post:-ms-input-placeholder { color:#808080; font-weight:400; } .blog3.hs-blog-post .row-fluid form .field>label{ //display:none; } body.blog3.hs-blog-post .container-fluid .row-fluid form .hs-button{ color:#fff; margin-top: 10px; margin-bottom: 0; line-height: initial; letter-spacing: initial; padding: 12px 30px; } body.blog3.hs-blog-post .hs-author-profile{ padding: 57px 0px 163px; text-align: left; } body.blog3.hs-blog-post .hs-author-name{ font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0px; padding: 20px 0px 0; text-align: left; } 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: #000; 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; border-radius: 15px; margin: 0 0 55px; } @media(max-width:767px){ .blog3.hs-blog-post .body-container-wrapper { padding-top: 111px; } .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; text-align:left; } } /*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 { border:none; color: #000; 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: 10px; font-weight: 600; line-height: 1.44; letter-spacing: 0px; /* color: #808080; */ 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:100px 0 80px; } .pricing-version3{ background:transparent; padding:0 0 100px; } .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; color:#808080; font-weight:normal; font-style:italic; } .pricing-version3 .cm-container .top-row{ background:#f8f8fc; box-shadow: 0 2px 16px 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:#73C137; margin-bottom:54px; } body .row-fluid .pricing3-hero-section .cta-container a.cta_button{ background:#FAFBFC; color:#000; } body .row-fluid .pricing3-hero-section .cta-container a.cta_button:hover{ background:#73C137; 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; color:#808080; font-weight:normal; } body .row-fluid .pricing-version3 .pricing-3 .cta-container a.cta_button{ background:transparent; color:#73C137; 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 li{ font-size:12px; line-height:20px; letter-spacing:0.02px; color:#808080; font-weight:600; 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://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Super%20Lead%20Starter/checked.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: 100px 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: 80px 0 60px; } .pricing-version3 .features ul li{ margin-left: 25px; } } /***************** Pricing Faq Section Styling ******************/ .pricing-section-cm .question h4{ font-size:16px; line-height:25px; letter-spacing:0.02px; color:#000; 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, #feefe8, rgba(245, 245, 245, 0)); padding:135px 0 148px; border-bottom:1px solid #d8d8d8; position:relative; z-index:3; } .faq-section .heading{ margin-bottom:68px; } @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:100px 0 80px; position:relative; z-index:2; } .pricing4-banner-section .heading-container h1{ color:#73C137; } @media(max-width:1024px){ .pricing4-banner-section{ padding: 90px 0 100px; } } @media(max-width:767px){ .pricing4-banner-section{ padding: 80px 0 70px; } } /************** 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 85px; box-shadow: 0 2px 34px 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 #73C137; color:#73C137; font-weight:bold; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33); } body .row-fluid .pricing-version4 .pricing-3 .heading h3{ font-size:16px; letter-spacing:0.02px; color:#828282; font-weight:500; } .pricing-version4 .pricing-3 .cost .small-text.hide-small-text{ display:none; } body .row-fluid .pricing-version4 .pricing-3 .cost h2{ color:#73C137; font-size:73px; letter-spacing:0.1px; font-weight:bold; line-height:70px; min-height: 78px; } body .row-fluid .pricing-version4 .pricing-3 .cost .small-text{ color:#929292; 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:#f8f5f2; 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; color:#808080; font-weight:normal; 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:30px 0; } .ps1-pricing-3-section-1 .pricing-3 .features li{ position: relative; margin: 12px 0; padding-left: 28px; } .ps1-pricing-3-section-1 .pricing-3 .features li:before{ top: 1px; content: '\f00c'; font-family: FontAwesome; left: 0px; position: absolute; color: #73C137; font-size: 14px; width: 0px; height: 0px; top: 13px; } .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: #feefe8; 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; font-size:34px; } .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 #73C137; border-radius: 2px; background: #f8f8fc; 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:#73C137; } .ps1-pricing-3-section-1 .tabber-container ul li.active{ color:#fff; background:#73C137; } .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; } } @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; } } /*============================================================ 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:0px 0 100px; } .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; } .superlead-home2-banner-cm .description-container{ max-width:488px; } body .row-fluid .superlead-home2-banner-cm .cta-container a.cta_button{ background:#FAFBFC; color:#000000; font-size:16px; letter-spacing:0; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33); font-weight:bold; padding: 14px 57px; } .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 { width: 6px; height: 6px; background:#73C137; } .home-banner-slider .slick-dots li.slick-active button:focus{ outline:0; } .home-banner-slider .slick-dots li { margin: 14px 5px; display: block; line-height: 0px; } .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: 6px; height: 6px; border-radius: 50%; transition: all .2s ease-in-out; cursor: pointer; background:rgba(0, 0, 0, 0.48); } .home-banner-slider{ position:relative; z-index:1; } .home-banner-slider ul.slick-dots{ position: absolute; top: 44.5%; right: 57px; padding-bottom: 0; background: #fff; padding: 11px 10px; border-radius:20.5px; } .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: 49%; right: 5%; font-size: 40px; z-index: 1; background: url(https://6854878.fs1.hubspotusercontent-na1.net/hubfs/6854878/Super%20Lead%20Starter/Arrow%20Up.png); 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: 65%; right: 5%; font-size: 40px; color: #000; background: url(https://6854878.fs1.hubspotusercontent-na1.net/hubfs/6854878/Super%20Lead%20Starter/Arrow%20Down.png); z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; } */ @media(max-width:1024px){ .superlead-home2-banner-cm { padding: 0px 0 50px; } .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: 0px 0 30px; } .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: 37px 0 92px; 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 .cta-container a.cta_button{ padding: 15px 56px; } 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: 37px 0 50px; } } @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 Section2 Styling *************/ .home2-section2{ padding:110px 0 118px; background:#feefe8; 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:#73C137; 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; color:#000000; font-weight:500; } .home2-section2 .right-col ul#filter-select{ text-align:left; } .home2-section2 .right-col .heading-container{ margin-bottom: 30px; border-bottom: 1px solid #c4c4c4; padding-bottom: 60px; } .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; color:#000000; font-weight:bold; margin-bottom:0; } .home2-section2 .right-col .list-container ul li:before{ content:'\f00c'; position:absolute; color:#73C137; left:-25px; font-family:'fontawesome'; font-size:16px; width:0px; height:0px; top:0px; } .home2-section2 .right-col .list-container ul li{ margin-left:30px; } @media(max-width:1024px){ .home2-section2 { padding: 70px 0 70px; } .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: 37px 0 30px; text-align:center; } .home2-section1 .right-col { padding-left: 0; margin-top: 70px; } .home2-section2 { padding: 40px 0 40px; } .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:#0a8080; padding:108px 0 213px; } .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 .cm-container .image-container:after{ position: absolute; right: 0; top: -25px; content: ''; background: url(https://6854878.fs1.hubspotusercontent-na1.net/hubfs/6854878/Super%20Lead%20Starter/Quote.png); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 48px; height: 37px; z-index: 11; } .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: #f45d48; 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: #000; font-family: "Font Awesome 5 Free"; font-weight: 600; z-index: 1; background: #fff; 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: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; z-index: 1; background: #fff; 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; } .home2-testimonial-cm .cm-container .info-container h4>span{ color:#ffffff; font-size:18px; letter-spacing:0.02px; font-weight:500; } .home2-testimonial-cm .cm-container .info-container h4{ font-size:18px; letter-spacing:0.02px; 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: 0px; left: 40px; margin: 0 auto; } .home2-testimonial-slider .slick-prev:after { top: 110%; right: 40px; left: 0; margin: 0 auto; } .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:105px 0 105px; position:relative; z-index:2; } .home2-section4 .heading-container{ margin-bottom:70px; } body .row-fluid .home2-section4 .cta-container a.cta_button{ font-size:16px; line-height:25px; letter-spacing:0.02px; color:#1681DC; font-weight:600; text-decoration:underline; background:transparent; padding:0; box-shadow:none; } .home2-section4 .cta-container{ margin-top:70px; margin-bottom:110px; } .home2-section4 .video-button .main-image{ position:relative; box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.17); } .home2-section4 .video-button .play-icon{ position:absolute; left:0; right:0; top:44%; content:''; margin:0 auto; text-align:center; } .home2-section4 .video-heading{ margin-top:50px; } @media(max-width:1024px){ .home2-section4 { padding: 100px 0 80px; } .home2-section4 .heading-container { margin-bottom: 40px; } .home2-section4 .cta-container { margin-top: 30px; margin-bottom: 70px; } } @media(max-width:767px){ .home2-section4 { padding: 70px 0 40px; } .home2-section4 .heading-container { margin-bottom: 20px; } .heading-text-cm-img { margin-bottom: 25px; } .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: 44%; max-width: 100px; } } /*************** Contact Cm Version2 Styling *****************/ .contact-cm-version2{ padding:120px 0; } .contact-cm-version2 .heading-container h2{ color:#ffffff; } .contact-cm-version2 .description-container p{ font-size:24px; line-height:40px; letter-spacing:0; color:#ffffff; font-weight:normal; } body .row-fluid .contact-cm-version2 .cta-container a.cta_button{ background:#ffffff; padding: 14px 53px; color:#000; } body .row-fluid .contact-cm-version2 .cta-container a.cta_button:hover{ color:#0a8080; } .contact-cm-version2 .cta-container{ margin-top:30px; } @media(max-width:1024px){ .contact-cm-version2{ padding:70px 0; } } @media(min-width:768px) and (max-width:1024px){ .contact-cm-version2 .description-container p{ font-size:22px; line-height:30px; } } @media(max-width:767px){ .contact-cm-version2 .description-container p{ font-size:18px; line-height:26px; } } /***************** Portfolio Cm Version2 Styling Start ******************/ .portfolio-cm-version2{ padding:100px 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(10, 128, 128, 0.75); 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 40px; } .portfolio-cm-version2 span>.hs_cos_wrapper { position: relative; float: none; width: 100% !important; margin-bottom: 20px; } } /*==================simple portfolio =============*/ .simple-portfolio-cm-version2 .heading-container { margin-bottom: 50px; } .simple-portfolio-cm-version2 { padding: 100px 0; position: relative; } .simple-portfolio-cm-version2 span>.hs_cos_wrapper { position: relative; float: left; } .simple-portfolio-cm-version2 span>.hs_cos_wrapper:hover .hover-container { opacity: 1; transition: .4s all ease-in-out; } .simple-portfolio-cm-version2 .hs_cos_wrapper.one{ width:24.99%; } .simple-portfolio-cm-version2 .cm-container { height: 330px; position: relative; } .simple-portfolio-cm-version2 .hover-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: rgba(10,128,128,0.75); padding: 100px 25px; opacity: 0; transition: .4s all ease-in-out; } @media(min-width:768px) and (max-width:1024px){ .simple-portfolio-cm-version2 .hs_cos_wrapper.one{ width:49.99%; } .simple-portfolio-cm-version2{ padding:60px 0px; } } @media(max-width:767px){ .simple-portfolio-cm-version2 .hs_cos_wrapper.one{ width:100%; } .simple-portfolio-cm-version2{ padding:50px 0px; } } /**************** Home Recent Post Styling *****************/ .home2-recent-posts .featured-image{ height:216px; } @media(min-width:768px){ .home2-recent-posts { margin-right: -3%; display: flex; display: -webkit-flex; } .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; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background:#fff; } .blog-rss-section-version2{ background:#feefe8; padding:120px 0 103px; } .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:#73C137; text-transform:uppercase; } .home2-recent-posts .header-container h4{ font-size:24px; letter-spacing:0.03px; font-weight:bold; color:#000; line-height:normal; min-height:60px; } .home2-recent-posts .description-container p{ font-size:16px; line-height:25px; letter-spacing:0.02px; color:#808080; 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; color:#000000; font-weight:normal; } .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:#73C137; box-shadow:none; line-height:25px; text-decoration:underline; } body .row-fluid .blog-rss-section-version2 .cta-container a.cta_button:hover{ color:#000000; } 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 { padding: 80px 0 73px; } .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: 50px 0 50px; } .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: #73C137; } .home3-banner-section .left-col p{ font-size: 24px; font-weight: normal; line-height: 1.67; letter-spacing: normal; color: #808080; } .home3-banner-section .left-col a.cta_button { margin-top: 15px; } .home3-banner-section{ padding-top: 120px; padding-bottom: 290px; background-color:#FAFBFC; } .home3-banner-section .right-col img{ max-width:585px; } @media(max-width:1024px){ body .row-fluid .home3-banner-section{ padding-top: 100px; 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: 90px; padding-bottom:165px; } } /***********************************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 50px 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:#73C137; text-decoration:underline; background:transparent; } .home3-section1 .three-col-adjust{ margin-top: -213px; } .home3-section1 .text-image-cm{ box-shadow:0 0px 2px 0 rgba(0,0,0,0.12); } 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 135px 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; } } /******************************home1-services*********************************************/ body .row-fluid .home1-services .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 50px 0px; } body .row-fluid .home1-services .three-col-adjust .cta-container a.cta_button{ font-size: 16px; font-weight: 600; line-height: 1.56; letter-spacing: 0px; color:#73C137; text-decoration:underline; background:transparent; } .home1-services .three-col-adjust{ /* margin-top: -213px; */ } .home1-services .text-image-cm{ box-shadow:0 0px 2px 0 rgba(0,0,0,0.12); } body .row-fluid .home1-services .three-col-adjust span>.hs_cos_wrapper{ margin-right:0px; } @media(max-width:1024px){ .home3-section1{ padding: 50px 0px 40px 0px; } .home1-services .text-image-cm { padding: 30px 20px; } } .home1-services ul li:before{ content:'\f00c'; position:absolute; color:#73C137; left:-25px; font-family:'fontawesome'; font-size:16px; width:0px; height:0px; top:0px; } .home1-services ul li{ margin-left:30px; } /****************************story about us *********************************************/ .story-about-us-section{ /* background-image: linear-gradient(to bottom, #FAFBFC, rgba(245, 245, 245, 0)); */ padding:120px 0px; } .story-about-us-section h2{ margin-bottom: 80px; } .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; } } /**************************** homepage-client-quote *********************************************/ .homepage-client-quote { /* background-image: linear-gradient(to bottom, #FAFBFC, rgba(245, 245, 245, 0)); */ padding:100px 0; } body .container-fluid .homepage-client-quote .quote-container { max-width: 1038px; margin: 0 auto; float: none; } .homepage-client-quote h2{ margin-bottom: 80px; } .homepage-client-quote h3{ font-size: 24px; font-style:italic; font-family:Georgia; font-weight: normal; line-height: 1.82; letter-spacing: -0.1px; color: ; margin-top:42px; margin-bottom: 55px; } .homepage-client-quote .signature-container{ margin-bottom: 50px; } .homepage-client-quote h6{ font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0px; color:; font-weight: 500; } .homepage-client-quote h6 span{ font-size: 18px; font-weight: normal; line-height: normal; letter-spacing: 0px; color:; font-weight: 500; } @media(max-width:1024px){ .homepage-client-quote { padding: 80px 0px; } .homepage-client-quote h2 { margin-bottom: 50px; } .homepage-client-quote h3{ margin-top: 32px; margin-bottom: 45px; } } /*******************************home3-section4 styling *************************************************/ .home3-section4 .right-col{ padding: 100px 0px; background-color: ; position:relative; } .home3-section4 .right-col:before { position: absolute; content: ''; background-color: ; right: -400%; top: 0; bottom: 0; /* right: -570px; */ width: 400%; height: 100%; } .home3-section4 .right-col:after { position: absolute; content: ''; background-color: ; 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:#73C137; width: 5px; height: 5px; border-radius: 58%; */ content:'\f00c'; position:absolute; font-family:'fontawesome'; font-size:17px; width:0px; height:0px; top: 0px; color: #f45d48; } .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 h3{ width: 40px; height: 40px; background: #f45d48; border-radius: 100%; display: inline-block; line-height: 1.7; text-align:center; } .key-features .text-numberc-cm .number h3{ z-index: 1; position: relative; color: #fff; } .key-features{ padding: 80px 0px 50px; } .key-features .right-col{ margin-top:35px; } .key-features .left-col{ margin-top:35px; } body .row-fluid .key-features .text-numberc-cm{ margin-bottom:50px; } .key-features .heading-container{ margin-bottom:60px; } @media(max-width:1024px){ .key-features .heading-container { margin-bottom: 60px; } .key-features { padding: 100px 0px 50px; } } @media(max-width:767px){ .key-features .image{ margin-bottom:70px; } .key-features .left-col .text-numberc-cm .number:before{ left: 50%; margin-left: -44px; top: 50%; margin-top: -27px; } .key-features .right-col .text-numberc-cm .number:before{ left: 50%; margin-left: -30px; top: 50%; margin-top: -27px; } .key-features { padding: 70px 0px 25px; } .key-features .heading-container { margin-bottom: 30px; } } /***********************************benifits **********************************************/ .benifits{ background-color: ; padding:100px 0px; } .benifits .three-col-adjust{ text-align:center; } @media(max-width:767px){ .benifits { padding: 50px 0px 30px; } } /************************benefits *******************************************/ .video-about-benefit img.play-icon { position: absolute; left: 0; right: 0; margin: 0 auto; float: none; top: 36%; } .video-about-benefit h2{ margin-top:50px; } .video-about-benefit{ padding:80px 0px; } @media(max-width:767px){ .video-about-benefit { padding: 80px 0px 60px; } } /**************************blog-rss-section-version2 styling ***************************/ .blog-rss-section-version2 .cta-container a.cta_button{ color: #73C137; text-decoration: underline; font-weight: 600; } /*************************************final-section styling ********************************/ body .container-fluid .row-fluid .final-section{ padding:80px 0px; background:#0a8080; } body .row-fluid .final-section h2{ margin-bottom:20px; } body .row-fluid .final-section h3{ margin-bottom:40px; font-weight:normal; } @media(max-width:1024px){ .final-section { padding: 70px 0px; } } @media(max-width:767px){ body .row-fluid .final-section h3{ font-size:18px; } } /*======================================================= Home page 3 Styling ends ==========================================================*/ /*====================================================== Event Page Styling Start Here ===================================================== */ .event-banner-section { padding: 513px 0 200px; position: relative; z-index: 1; } body .container-fluid .row-fluid .event-banner-section .wrapper{ position: unset; } .event-banner-section .text-container { max-width: 390px; } .event-banner-section .text-container h2 { font-size: 45px; line-height: 1.07; letter-spacing: 11.9px; margin-bottom: 20px; color:#73C137 } .text-container h1 { font-size: 85px; line-height: 0.84; letter-spacing: -1.3px; color: #0a8080; margin-bottom: 32px; } .text-container p { font-size: 14px; font-weight: 500; line-height: 1.57; letter-spacing: 2px; color: #000000; padding-right: 40px; text-transform: uppercase; } .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: 0 2px 10px 0 rgba(0, 0, 0, 0.5); 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 { line-height: 1.03; letter-spacing: 0px; } .about-event-section .event-container-heading h2 { //max-width: 275px; } 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:#73C137; 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:#73C137; 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 { padding: 303px 0 100px; background-position: right top !important; background-size: contain !important; background-repeat: no-repeat !important; margin-top: -114px; } .event-topics-group { margin-top: 25px; } .event-topics-cm { box-shadow: 0 9px 14px 0 rgba(0, 0, 0, 0.19); 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; display:flex; list-style-type: decimal-leading-zero; list-style-position: inside; flex-wrap: wrap; position: relative; } body .event-topics-tabber ul:before { content: ''; position: absolute; width: 100%; left: 0; right: 0; top: -16px; height: 1px; background: #d6d6d6; } body .event-topics-tabber ul li { font-size: 14px; font-weight: 500; line-height: 1.79; letter-spacing: 0px; color: #000; padding-right: 34px; margin-right: 10px; margin-left: 0; cursor:pointer; } 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: -17px; height: 2px; background: #73C137; width: 100%; } body .event-topics-tabber ul li.active { color:#73C137; } .event-topics-tabber ul li:before{ display:none; } .event-topics-tabber { position: absolute; bottom: 0; left: 85px; bottom: 75px; } @media(max-width:1024px){ .event-container-heading h2{ font-size:45px; } } @media(max-width:1024px){ .event-container-heading h2{ font-size:35px; } } /* ----------------Event Speakers CM Styling------------- */ .speakers-section { padding: 100px 0 167px; } .event-speakers-group { margin-top: 25px; } .event-speakers-cm { box-shadow: 0 9px 14px 0 rgba(0, 0, 0, 0.19); background-color: #ffffff; position: relative; } .event-speakers-cm .event-speakers-info { background-repeat: no-repeat; background-position: right top; padding:64px 0; } .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: 20px 20px 75px 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:#73C137; text-decoration: underline; margin-top: 25px; display: inline-block; } .event-speakers-cm button.slick-next.slick-arrow { background-image: url('https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Super%20Lead%20Starter/prev.svg'); transform:rotate(180deg); right: 40px; } .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: 17px; background-image: url('https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Super%20Lead%20Starter/prev.svg'); } /* --------------Speaker Single Section Styling ---------------- */ .event-speaker-single-cm { box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.19); 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: 0 2px 34px 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: #73C137; } .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 #73C137; background-color: #f8f8fc; 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: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #f8f5f2; 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:#73C137; } /* ------------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 70px; } .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:#73C137; 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: #73C137; 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; color: #f45d48; } /*====================================================== Event Page Styling Ends Here ===================================================== */ /*==================================================== Contact Three Page Styling ======================================================*/ .contact-version3-section1{ padding: 100px 0 82px; } .contact-version3-section1 h2{ color:#73C137; } .contact-threecol-cm p a{ color:#808080; } @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: #73C137; } .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: #808080; 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: 55px 0 82px; } .contact-version3-section1 .right-col{ margin-top:70px; } .event-container-heading h2{ text-align:center; } } /*==================================================== Contact Four Page Styling ======================================================*/ .contact-version4-section1 { padding: 100px 0 117px; } .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: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; margin:0; } .row-fluid .contact-version4-section1 .left-col .row-fluid-wrapper{ box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #FAFBFC; 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:#808080; } 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:#73C137; } @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:230px 0px 230px; } .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, #feefe8, rgba(245, 245, 245, 0)); padding: 162px 0 158px; } .event-page-rss{ padding-bottom:100px; } .event-page-rss h2{ padding-bottom: 52px; color:#73C137; } .cta-cont{ bottom: -74px; } @media(min-width:768px) and (max-width:1024px){ .event-listing1-section1{ padding:80px 0px; } } @media(max-width:767px){ .event-listing1-hero { padding: 231px 0px 107px; } .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:#73C137; } .event-listing2-event-cm h5{ color:#808080; } .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: 155px 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: 95px; box-shadow: 0 2px 18px 0 rgba(0,0,0,0.18); } .event-banner-section .right-col .event-image img { position: absolute; right: -120px; top: 70px; z-index: 1; border-radius: 100%; width: 760px !important; height: 760px!important; } @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!important; } } @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!important; } .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!important; } .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: 50px 0 50px; } .event-banner-section .right-col .rounded-speaker img { position: relative; right: 0px; top: 60px; width: 200px !important; border: 10px solid #fff; } .event-banner-section .right-col .event-image img { position: relative; right: 0px; top: -70px; width: 360px !important; height: 360px!important; } .event-banner-section .text-container h2 { font-size: 32px; letter-spacing: 5.9px; } .text-container h1 { font-size: 62px; } } /* 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; } .event-topics-tabber { /* position: absolute; */ bottom: 0; left: 0; bottom: 0; position: relative; margin-top: 43px; margin-bottom: 20px; } body .event-topics-tabber ul { position: relative; max-width: fit-content; text-align: center; margin: 0 auto; } } @media(min-width:768px) and (max-width:1024px){ body .topics-section { padding: 100px 0 60px; margin-top: -60px; } } @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; } body .event-topics-tabber ul li { padding-right: 0; margin-right: 0; margin-left: 0; width: 100%; text-align: left; padding-left: 20px; } } /*---------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 20px 75px 20px; } } @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 40px 75px 20px; } } @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: 30px; } .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: 100px 0px 30px 0px; } .ebook-hero-section .left-col .heading h1{ font-size: 55px; font-weight: bold; line-height: 1.23; letter-spacing: -1.8px; color: #0a8080; margin-bottom: 30px; position:relative; } .ebook-hero-section .left-col .heading h1:before{ content: ""; position: absolute; bottom: -12px; height: 5px; background-color: #f45d48; width: 138px; } .ebook-hero-section .left-col .heading p{ font-size: 24px; line-height: 1.67; color: #808080; margin-bottom: 40px; } body .container-fluid .row-fluid .ebook-hero-section .left-col a.cta_button{ padding: 15px 40px; } @media(max-width:1024px){ .ebook-hero-section { padding: 90px 0px 20px 0px; } .ebook-hero-section .left-col .heading h1{ font-size:45px; } } @media(max-width:767px){ .ebook-hero-section { padding: 127px 0px 10px 0px; } .ebook-hero-section .right-col{ text-align:center; } .ebook-hero-section .left-col .heading h1{ font-size:35px; } } /*********************************ebook section1 styling starts ******************************/ .ebook-section1{ padding: 60px 0px 60px; } .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: 0 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; font-size: 16px; /* font-weight: 600; */ line-height: 1.56; letter-spacing: 0px; } .ebook-section2 form input[type=text]:focus{ color: #4842b7; } .ebook-section2 form input[type=email]:focus{ color: #4842b7; } .ebook-section2 form input[type=text]:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #4842b7; } .ebook-section2 form input[type=text]:focus::-moz-placeholder { /* Firefox 19+ */ color: #4842b7; } .ebook-section2 form input[type=text]:focus :-ms-input-placeholder { /* IE 10+ */ color: #4842b7; } .ebook-section2 form input[type=text]:focus :-moz-placeholder { /* Firefox 18- */ color: #4842b7; } .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, #feefe8, 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; color:#f45d48; } .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: 228px 0 218px; } 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; } #days h2{ color: #d016d9; } #hours h2{ color: #1fbbad; } #minutes h2{ color: #c6ad15; } #seconds h2{ color: #0fa7e4; } .event2-banner-section .text-container p { color: #ffffff; margin-bottom: 0; } .event2-banner-section .text-container h1 { font-size: 50px; line-height: 1.32; letter-spacing: -1.5px; color: #ffffff; 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: 60px 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; left: 40%; top: 0; content: ''; margin: 0 auto; text-align: center; bottom: 0; margin: auto; } .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: #73C137; 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; } .about-event-section2 .video-button .play-icon { left: 0; margin: auto; right: 0; } .about-event-section2 .wistia_click_to_play { width: 100% !important; } } @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; } } /* ------------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: 0 2px 34px 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: #73C137; } .box-number h2 { font-size: 40px; font-weight: bold; line-height: normal; letter-spacing: 0px; color: #ffffff; margin-bottom: 0px; margin-top: -3px; 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 { content: ''; position: absolute; left: -1000px; right: -1000px; top: 366px; content: ''; background: #fff; width: auto; height: 260px; transform: rotate(175deg); z-index: 0; } */ body .event-info-section:after { content: ''; position: absolute; background: #000; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.75; z-index: -1; } .event-information-cm { padding: 150px 0 150px; } .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: 90px; } @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: 20px 22px 54px 0 rgba(0,0,0,0.14); } .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: #73C137; } .event2-schedule-section-cm div.day-listing.active *{ color: #fff; } .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: 0 2px 16px 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: #73C137; 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: #0a8080; 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; */ padding: 0; } 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 #73C137; } .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: #73C137; } .event-testimonials-cm .event-container-heading { margin: 0 auto; max-width: 1150px; } .event-testimonials-cm .event-testimonials-con-grp { box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; /* background-image: url(https://6854878.fs1.hubspotusercontent-na1.net/hubfs/6854878/Super%20Lead/Background%20Images/15505.png); */ background-size: contain; background-repeat: no-repeat; background-position: bottom left; /* padding: 20px 20px 24px; */ padding:40px; box-sizing: border-box; max-width: 520px; margin: 0 auto; margin-top: 30px; margin-bottom: 49px; border-radius: 15px; } .event-testimonials-cm .event-testimonials-left { display: flex; align-items: center; justify-content: space-between; } .event-testimonials-con-grp .testimonials-left-top{ width:78px; height:78px; border-radius:100%; } .slick-initialized .slick-slide { outline: none; } .event-testimonials-cm .event-testimonials-group { margin-top: 44px; } .event-testimonials-right { text-align: left; /* max-width: 324px; */ margin: 0 auto; margin-top: 12px; } .event-testimonials-right p { font-size: 14px; line-height: 1.79; 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){ body .event-testimonials-cm { /* padding: 50px 0 50px; */ padding: 0; } .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; } .event2-speakers:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.7; z-index: -1; } .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 { color: #fff; } @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%; } } .event-clients-cm .event-clients-info { box-shadow: 0 2px 34px 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: 150px 0 120px; position:relative; } @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:#73C137; } .ebook2-hero-section .ebook-big-heading h3 { font-weight: normal; line-height: 1.67; color: #808080; font-family:'Roboto'; } .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 60px; } .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; } .ebook-big-heading h2 { font-size: 35px; } } /* ------------ 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; color: #000000; 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 { font-weight: bold; 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: 0 2px 16px 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:#73C137; } form input:focus::-webkit-input-placeholder { color:#73C137 !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; } @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: 40px 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; padding:0; } @media(max-width:767px){ .ebook2-testimonials .event-testimonials-cm { /* padding: 80px 0 80px; */ padding:0; } } /* -----------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: 108px 0 150px; } .event-container-group { border-bottom: 1px solid #c7c7c7; padding-bottom: 24px; margin-bottom: 37px; } .error-msg-section .event-container-heading h2 { font-size: 75px; line-height: 1; 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: #808080; font-family:'Roboto'; } .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: 90px 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: 80px 0 90px; } .error-msg-section .event-container-heading h2 { font-size: 40px; margin-bottom: 15px; text-align:left; } .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: 170px 0 169px; } .email-unsubscribe .event-container-heading h1 { font-size: 36px; line-height: 1.33; letter-spacing: 0px; color: #73C137; margin-bottom: 0; } .email-unsubscribe.error-msg-section .event-container-heading form h3 { font-size: 16px; line-height: 1.56; letter-spacing: 0px; color:#0a8080; 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; border: 0; } .email-unsubscribe div#content input#submitbutton { margin-top: 20px; display:block; padding: 20px 38px; 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: 150px 0 100px; } } @media(max-width:767px){ .email-unsubscribe.error-msg-section { padding: 90px 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: 100px 0 100px; } .superlead-sub-preference .page-header h1 { font-size: 36px; font-weight: bold; line-height: 1.33; letter-spacing: 0px; color: #f45d48; margin-bottom: 15px; } .superlead-sub-preference .page-header h2 { font-size: 24px; line-height: 1.67; letter-spacing: normal; color:#1681DC; 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 #73C137; } .superlead-sub-preference .item-inner.selected .checkbox-row:after { content: ''; background: url(https://6854878.fs1.hubspotusercontent-na1.net/hubfs/6854878/path-22.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; } .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 #73C137; } body.main .superlead-sub-preference .subscribe-options label:after { content: ''; background: url(https://6854878.fs1.hubspotusercontent-na1.net/hubfs/6854878/path-22.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: 100px 0 160px; } .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 #f45d48; 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 #73C137; } .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: #000; } rad-form-section .row-fluid form .field > label, .rad-form-section form label .hs-form-required { margin-left: 3px; color: #EB5A24; } 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 { content: '\f00c'; position: absolute; top: 0px; left: -23px; width: 0px; height: 0px; border-radius: 50%; font-family: 'fontawesome'; color: #f45d48; } .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){ .rad-form-section.error-msg-section { padding: 50px 0 100px; } 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: 50px 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; text-align:center; } body .container-fluid .rad-form-section.ebook2-form-section .ebook-form-group { padding: 5px 15px 50px 15px; } } /* --------------Request a Quote------------ */ .rad-form-section.req-a-quote-section { padding: 100px 0 102px; } .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 .form-container-heading { max-width: 824px; padding: 0 50px 0 0; float: none; } /* body .container-fluid .req-a-quote-section .form-container-heading { font-size: 24px; font-weight: normal; color:#808080; } */ body .container-fluid .req-a-quote-section .form-container-heading h3 { font-size: 24px; font-weight: normal; color:#808080; } 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: #feefe8; 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; color: #f45d48; } input[type="file" i]::-webkit-file-upload-button{ border-radius: 2.7px; border: solid .7px #73C137; background-color: #ffffff; font-size: 12px; font-weight: bold; line-height: normal; text-align: center; color: #73C137; padding: 5.5px 22px; cursor:pointer; } @media(max-width:1024px){ .rad-form-section.req-a-quote-section { padding: 80px 0 80px; } 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: 60px 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: 100px 0 109px; } .testimonial-section-cm .wrapper { width: 100%; box-sizing: border-box; } body .container-fluid .testimonial-heading-section .event-container-heading { max-width: 1038px; margin: 0 auto; float: none; margin-bottom: 51px; } .testimonial-heading-section .event-container-heading h2 { font-size: 62px; line-height: 1.23; letter-spacing: -1.8px; } .testimonial-heading-section .event-container-heading p { font-size: 24px; } .testimonial-description { display: flex; align-items: stretch; flex-wrap: wrap; border-top: 1px solid #DEE5EA; padding-top: 64px; padding-bottom: 48px; } .testimonial-description > .testimonial-left { width: 20%; padding-top: 10px; text-align:center; } .testimonial-description > .testimonial-right { width: 80%; } .type-of-event-header h3 { font-size: 19px; font-weight: normal; line-height: 1.68; color: #808080; margin-bottom: 37px; font-family: 'Roboto'; } .type-of-event-bottom h4 { line-height: normal; color: #000; font-weight:900; 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-heading-section { padding: 70px 0 90px; } .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: 90px 0 90px; } .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: 80px 0 125px; } 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: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding: 40px; width: 100%; max-width: 404px; margin-top: 15px; } @media(min-width:768px){ body .container-fluid .contactus5-section .c5-form-right { margin-left: 0px; padding-left: 82px; } } .contactus5-section .ebook-form-group h3 { font-size: 28px; 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: 24px; } @media(max-width:900px){ .contactus5-section { padding: 100px 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: 24px; } } @media(max-width:767px){ .contactus5-section { padding: 60px 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%; font-size:22px; } } /* ------Thankyou Page 1 Styling---------- */ .thankyou2-section.req-a-quote-section { padding: 100px 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: 90px 0 100px; } } @media(max-width:767px){ .thankyou2-section.req-a-quote-section { padding: 70px 0 60px; } .thankyou2-section.rad-form-section .event-container-heading h2 { margin-bottom: 21px; } } /* ------------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: 100px 0 100px; } 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: 0px 0 70px; } 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 193px; } body .container-fluid .row-fluid .inner-colored-hero .wrapper{ max-width:800px; } .inner-colored-hero h1, .team-about .member-description h4{ color:#73C137; } .inner-colored-hero p{ font-size: 24px; font-weight: normal; line-height: 1.67; letter-spacing: normal; color: #808080; } .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:65px; } .about3-section4{ padding: 130px 0 106px; } .logo-list ul{ margin:0; padding:0; margin-top: 20px; } .logo-list ul li{ margin:0; padding:0; list-style-type:none; margin-right:4%; margin-bottom:25px; 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:32px; } .logo-list ul li { margin-right: 5%; } .inner-colored-hero p{ font-size:22px; line-height:30px; } } @media(max-width:767px){ .inner-colored-hero { padding: 115px 0 117px; } .about3-section3 .heading-container h2{ margin-bottom:30px; } .inner-colored-hero p{ font-size:18px; line-height:26px; } .about3-section1 { padding: 60px 0 40px; } .home2-section1.about3-section1 .right-col{ margin-top: 0px; } .about3-section3 { padding: 60px 0 40px; } .about3-section4 { padding: 60px 0 30px; text-align:center; } } } /*========================= End of about 3 styling ======================*/ body .container-fluid .row-fluid .about2-hero .wrapper{ min-height:572px; /* max-width:1920px; */ max-width:none; } .heading-bg-container { /* background:#73C137; */ background:#000; /* background-image: linear-gradient(135deg,rgba(122,201,67,1),rgba(48,126,81,1)); */ max-width:853px; padding: 50px 0px; border-top: 6px solid #73C137; /* border-radius: 0 0 30px 0; */ } body .container-fluid .row-fluid .heading-container-width{ max-width:668px; 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:#73C137; } .about2-section4 p span{ color:#73C137; 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:#73C137; } @media(max-width:1024px){ .about2-logo-section { padding-bottom: 54px; } .about2-section3{ padding:80px 0px; } .about2-section5{ padding: 60px 0 60px; } } @media(max-width:767px){ .about2-section2 .heading-bg-container{ padding-left:20px; padding-right:20px; } .about2-section3{ padding:50px 0px; } .year-award-cm .span1, .year-awards .span1 { width: 25%; float: left; } .year-awards .span11 { width: 75%; float: left; text-align: left; } .year-award-cm { padding-top: 59px; } } /*End Of About 3 Page styling*/ /*Services 3 Page Styling*/ .service3-section .service-section{ padding: 80px 0px 80px; } @media(max-width:1024px) and (min-width:768px){ body .row-fluid .four-col-adjust.ipad-three-col span>.hs_cos_wrapper{ flex-basis: 46.8%; -webkit-flex-basis: 46.8%; } .service3-section .service-section{ padding:70px 0px; } } @media(max-width:767px){ .service3-section .service-section{ padding: 60px 0px 55px; } } /*Product Listing 1 Hero Styling*/ .product-listing1-hero{ padding: 100px 0 130px; } body .container-fluid .row-fluid .product-two-col form .hs-button, body .container-fluid .row-fluid .product-two-col a.cta_button[title] { padding: 15px 45px; } .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: 80px 0 80px; } .product-two-col img{ height:auto; margin: 0 auto; } @media(max-width:768px){ .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; } body .container-fluid .row-fluid .product-two-col form .hs-button, body .container-fluid .row-fluid .product-two-col a.cta_button[title] { padding: 15px 18px; } .product-listing1-hero{ padding: 100px 0 130px; } } @media(max-width:767px){ .cta-module-container { max-width: 100%; } .product-listing1-hero { padding: 100px 0 100px; } .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; } .mobile-reverse>.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: 75px; } @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-listing3-section3 { padding: 80px 0px 80px; } } @media(max-width:767px){ .product-listing3-section3 { padding: 60px 0px 60px; } } /*Product Single 2 Styling*/ .product-single2-hero { padding: 100px 0 120px; } .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: 82px; } .product-single2-section1 .heading-text-cm-img h3{ color:#73C137; } .product-single2-col h3{ color:#73C137; } .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: 50px 0 80px; } .product-single2-section1{ padding:80px 0px 50px; } .product-single2-section1 h2 { margin-bottom: 50px; } .product-single2-col .span2{ margin-bottom:30px; } .product-single2-hero .right-col{ margin-bottom:17px; } .product-two-col.product-single2-col .wrapper { padding: 60px 0 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 * =================================*/ .team-single2-section2 .right-col{ padding:30px 42px; } .team-single2-section2 .right-col .detail-text{ padding-top:40px; } .team-single2-section2 .right-col ul{ margin:15px 0 10px; } .team-single2-section2 .right-col ul li{ display:inline-block; margin-left:15px; } .team-single2-section2 .right-col ul li i{ font-size:24px; color:#73C137 } .team-single2-section2 .right-col ul li:before{ display:none; } .team-single2-section2 .right-col ul li:first-child{ margin-left:0px; } @media(max-width:1200px){ .team-single2-section2 .left-col .about-lower-text{ padding-left:20px; } } @media(min-width:768px){ body .container-fluid .row-fluid .team-single2-section2 .wrapper{ padding:0; } } @media(min-width:768px) and (max-width:1024px){ .basecolor-container h4 { font-size: 28px; } .basecolor-container h5 { font-size: 18px; } } @media(max-width:767px){ .team-single2-section2 .left-col .about-lower-text{ padding-left:0px; } .team-single2-section2 .left-col { padding-bottom: 30px; } .basecolor-container{ margin-bottom: 54px; } .basecolor-container h5{ margin-bottom:0px; } body .container-fluid .row-fluid .about2-hero .wrapper { min-height: 405px; } } .basecolor-container{ background-color:#73C137; 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: 132px 0 150px; } .ebook-download-banner .heading-container h1{ color:#1681DC; position:relative; margin-bottom:45px; } .ebook-download-banner .heading-container h1:before{ content:""; position:absolute; bottom:0px; background:#f45d48; height:5px; width:130px; bottom:-21px; } .ebook-download-banner .heading-container p{ font-size:24px; line-height:40px; color:#808080; 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; color:#808080; font-weight:normal; } .ebook-download-banner .heading-container{ max-width:651px; } .ebook-download-banner .cta-container{ margin-top:20px; } @media(max-width:2000px){ .ebook-download-banner{ padding:132px 0 150px; } } @media(max-width:1240px) and (min-width:1025px){ .ebook-download-banner{ padding: 102px 0 100px; } } @media(max-width:1024px){ .ebook-download-banner{ padding: 90px 0 105px; } } @media(max-width:767px){ .ebook-download-banner{ padding: 60px 0 70px; } .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:100px 0 70px; 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:80px; } .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: 0; } .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; color:#808080; 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:-36px; } .cj-feature-cm-container .logo-container { display: inline-block; position: relative; border: 2px dashed #f45d48; width: 76px; height: 76px; border-radius: 50%; line-height: 76px; text-align: center; margin: 0 auto; padding: 10px 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: 2px dashed #f45d48; display: inline-block; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:after{ bottom:-123px; } .cj-feature-cm-container>span>div:last-child .cj-feature-cm .logo-container:before{ position:absolute; bottom:-133px; left:0; right:0; margin:0 auto; content:''; float:none; background:url('https://3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Super%20Lead%20Starter/down-arrow.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: -119px; bottom: 74px; width: 1px; border-left: 2px dashed #f45d48; 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:2000px){ } @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: 62.264957%; } .comm-eguide-section2 { padding: 68px 0 68px; } .comm-eguide-section2:before{ top: -110px; height: 300px; } .comm-eguide-section2 .introduction{ padding-top: 60px; } } @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: 80px; } .comm-eguide-section2{ padding:70px 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:-108px; } .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: -100px; } .comm-eguide-section2 .top-row .heading-container{ width:100%; } .comm-eguide-section2 .top-row { left: 0; } .comm-eguide-section2 .top-row .ebook-image { width: 100%; } .comm-eguide-section2:before { top: -60px; height: 220px; } } @media(min-width:450px) and (max-width:650px){ .cj-feature-cm .logo-container:after{ bottom: -147px; } } @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:80px; } .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:246px 0 30px; } body .row-fluid .gallery2-banner-section .heading-container{ max-width:730px; margin:0 auto; float:none; } .gallery2-banner-section .heading-container h1{ color:#73C137; } @media(max-width:1024px){ .gallery2-banner-section{ padding: 176px 0 30px; } } @media(max-width:767px){ .gallery2-banner-section { padding: 136px 0 30px; } } /******************* 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 0px 6px rgba(0, 0, 0, 0.24); 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; display:flex; flex-direction:column; } body.gallery-1 .gallery2-section1 .menu-container ul li{ position:relative; cursor:pointer; } 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: #f45d48; width: 780px; 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 0px 6px rgba(0, 0, 0, 0.24); 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(10, 128, 128, .62); } .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.active { cursor: pointer; display: inline-block; margin: 0 20px; font-size: 20px; text-transform: capitalize; transition: ease-in-out .3s; position: relative; } .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{ background:#f45d48; padding:24px 0; position:relative; } .gallery2-section1 .menu-container:after{ position:absolute; right:100%; top:0; content:''; background:#f45d48; width:1000px; bottom:0; } .gallery2-section1 .menu-container:before{ position:absolute; left:100%; top:0; content:''; background:#f45d48; width:1000px; bottom:0; } .gallery2-section1 .menu-container{ margin-bottom:133px; } .ps1-gallery-2-cm .img-cont img{ width:100%; height:auto; } .ps2-gallery-2-section{ border-bottom:1px solid #979797; } .gallery-2-cm{ padding:100px 0 148px; } @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-container { height: 420px; } */ /* body .row-fluid .ps2-gallery-2-section .popup-container { display: flex; flex-direction: column; align-items: center; justify-content: center; display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: center; -webkit-justify-content: center; } */ .ps2-gallery-2-section .slider-inner-container .image-desc { position: inherit; opacity:1; } .gallery-2-cm { padding: 40px 0 68px; } } @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: #73C137; } /*===========Case Study Single Page Heading Text Color========*/ .case-study-single-cm .reason-section .title h4 { color: #73C137; } /*=============Webinar LP Heading Text Color=================*/ .webinar-lp-cm .left-col .title h1 { color: #73C137; } .webinar-locations-section { padding: 100px 0px; } /*====================================================== Jobs2 Page Styling Start ==========================================================*/ /******************** Jobs2 Section1 Styling *********************/ .jobs2-section1{ padding:100px 0 100px; } .jobs2-section1 .heading-container h1{ color:#73C137; } .jobs2-section1 .heading-container p{ font-size:24px; line-height:40px; letter-spacing:0; color:#808080; 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: 80px 0 40px; } } @media(max-width:767px){ .jobs2-section1 .heading-container p { font-size: 20px; line-height: 30px; } .jobs2-section1 { padding: 50px 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; color:#9b9b9b; 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: 70px 0 60px; } .ebook4-logo-section{ background:#f8f5f2; 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:90px 0 90px; } .ebook-section3.ebook4-section3, .ebook4-author-section{ text-align:center; } .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:#73C137; 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; color:#808080; } @media(min-width:768px) and (max-width:1024px){ .ebook4-author-section{ padding:80px 0 80px; } } @media(max-width:767px){ .ebook4-author-section{ padding:60px 0 60px; } } /*====================================== * Search Result * ====================================*/ .search-hero-section{ padding:100px 0px 80px; } .search-hero-section .heading-container h1{ font-size: 62px; font-weight: bold; line-height: 1.23; letter-spacing: -1.85px; color:#73C137; } .search-hero-section .heading-container h3{ font-size: 24px; line-height: 1.67; color: #1681DC; font-weight:normal; } .search-sec-one ul.hs-search-results__listing li{ border-radius: 4px; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; padding:32px 36px; } .search-sec-one ul.hs-search-results__listing li a, .search-sec-one ul.hs-search-results__listing li a span.hs-search-highlight{ font-size: 20px; font-weight: bold; letter-spacing: 0.03px; margin-bottom:18px; } .search-sec-one ul.hs-search-results__listing li p{ font-size: 16px; line-height: 1.56; letter-spacing: 0.02px; color: #808080; } .search-sec-one{ padding-bottom:80px; } @media(min-width:768px){ .search-sec-one ul.hs-search-results__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; flex-wrap: wrap; -wevkit-flex-wrap: wrap; flex-direction: row; -webkit-flex-direction: row; margin-right: 0%; } .search-sec-one ul.hs-search-results__listing li{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-basis: 47.3%; -webkit-flex-basis: 47.3%; float: left; margin-right: 5.2%; margin-bottom: 62px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; margin-left:0px; flex-direction:column; } .search-sec-one ul.hs-search-results__listing li:nth-child(2n){ margin-right:0px; margin-left:0px; } } @media(min-width:768px) and (max-width:1024px){ .search-hero-section .heading-container h1 { font-size: 52px; } .search-hero-section .heading-container h3 { font-size: 20px; } } @media(max-width:767px){ .search-hero-section .heading-container h1 { font-size: 38px; } .search-hero-section .heading-container h3 { font-size: 20px; } .search-hero-section { padding: 50px 0px 60px; } .search-sec-one ul.hs-search-results__listing li a, .search-sec-one ul.hs-search-results__listing li a span.hs-search-highlight { font-size: 18px; } .search-sec-one ul.hs-search-results__listing li{ margin-bottom:40px; margin-left:0px; } .search-sec-one ul.hs-search-results__listing li p{ margin-top:18px; } } @media (max-width: 767px){ body .container-fluid .row-fluid .accordion_header h4 { padding-right: 35px; font-size: 18px; } .learning-faq-section .accordion_group{ padding: 23px 36px; } } /*======================================== * 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; } } /*=================Style=================*/ @media(min-width:768px){ .home2-section1 .heading-text-cm-img .feature-icon{ min-height: 67px; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; } .home2-section1 .heading-text-cm-img h3 { min-height: 59px; } } 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: #f45d48; 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; } .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: #ea533e 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: #f45d48; } .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: 140px 0 145px; } .home4-hero.overlay:before { opacity: 0.59; background-color: #4842b7; } .home4-hero h2 { font-size: 50px; 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: 75px; line-height: 1; letter-spacing: -2.7px; text-align: center; margin-bottom:40px; } .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:80px 0 80px; } .home4-hero h2 { font-size: 40px; } .home4-hero h1 { font-size: 50px; line-height: 60px; } } /* ----Home4 section 1 ---------- */ .home4-section1 { padding:100px 0 0; } .home4-section1 .home-posts{ border-radius: 20px; overflow: hidden; text-align: left; } .section-hfour-heading h2 { font-size: 38px; font-weight: 900; line-height: normal; } .home4-section1 p { font-size: 24px; } .home4-section1 ul{ margin: 0; /* text-align: center; */ /* filter: blur(0px) grayscale(1); */ } .section-padding { padding: 100px 0; } .home4-section1 ul li { display: inline-block; vertical-align: middle; margin: 0; padding: 0px 30px; } .product-two-col ul li:before{ content:'\f00c'; position:absolute; color:#73C137; font-family:'fontawesome'; font-size:16px; width:0px; height:0px; left:0; top:8px; } 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: #7f8386; } .home4-team-sec { padding: 110px 0 88px; } .home4-team-sec .section-hfour-heading { margin-bottom: 42px; } 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(10, 128, 128, 0.68); 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: 70px 0 60px; } .section-hfour-heading h2{ font-size:32px; } .home4-section1 h3{ font-size:22px; line-height:30px; } 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: 60px 0 0; } .section-hfour-heading h2{ font-size:28px; } .home4-section1 h3{ font-size:18px; line-height:30px; } 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 } .home-4 .about-section1{ padding: 25px 0 20px; } } /* -------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{ text-align:center; /* border-bottom:1px solid #e6e6e6; */ margin-bottom:70px; } .gallery2-section1 .menu-container ul{ text-align:center; } .gallery-4{ border-bottom:none; padding:116px 0 160px; } .gallery-4 .gallery-2-cm{ padding: 40px 0 0; } @media(max-width:1024px){ .home4-gallery-section{ padding: 90px 0px 90px; } .gallery-4{ padding: 75px 0 60px; } .pricing-home4{ padding: 79px 0 0px; } .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; } .pricing-home4{ padding: 60px 0 0px; } } /***************************************************************************************** ********************************** Partner Page 1 *************************************** ****************************************************************************************/ .home4-client-section{ padding:100px 0; background:#feefe8; } .home4-client-section .heading-container{ margin-bottom:80px; } 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.5%; -webkit-flex-basis: 17.5%; 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 0px 36px rgba(0, 0, 0, 0.18); 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 *************/ body .row-fluid .home4-contact-version4{ padding: 123px 0 82px; } @media(max-width:767px){ body .row-fluid .home4-contact-version4{ padding: 60px 0 60px; } } } /************************************************************************************ ====================Blog Rss ****************** ************************************************************************************/ body .row-fluid .ps1-home-1-blog-section .wrapper{ max-width:976px; } 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:15.4px; line-height:normal; 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 #f45d48; } .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; font-size:8.3px; 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{ font-size:8.3px; letter-spacing:0; font-weight:normal; } .ps1-home-1-blog-section .featured-posts .author-data{ position:relative; } .ps1-home-1-blog-section .featured-posts .author-data:before{ position: absolute; left: -10px; top: 8px; bottom: 7px; content: ''; background: #fff; width: 1px; } .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; } } /*========================================== * 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:#1681DC; 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:#1681DC; } .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; } .webinar-lp-cm{ padding: 100px 0px 100px 0px; } @media(max-width:767px){ .webinar-lp-cm { padding: 51px 0px 60px 0px; } .webinar-lp-cm .left-col .section-content { padding: 25px 0px; } } /*=======================Promo LP===============*/ .promo-header p { font-size: 24px; line-height: 1.67; letter-spacing: normal; color: #7f8386; } .video-holder { box-shadow: 0 2px 34px 0 rgba(0,0,0,0.12); border-radius: 20px; overflow: hidden; } .promo-video { margin-top: -300px; margin-bottom: 0px; padding: 100px 0 0; } .violator { padding: 20px; background: linear-gradient(0deg, rgba(238,90,52,1) 0%, rgba(214,56,38,1) 100%); font-weight: 500; color:#fff; text-align:center; } .violator p { padding:0; margin:0; } /*HSSUPPORT - Added for blog template sublists*/ .hs-blog-post .body-container-wrapper .blog-section ul.sublist li::before { display: none; } .hs-blog-post .body-container-wrapper .blog-section ul.sublist li { list-style: circle; line-height: 1; margin-bottom: 0; }