/* @import url('http://example.com/example_style.css'); */ @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url(https://fonts.googleapis.com/css?family=Roboto:300,400); @import url('https://fonts.googleapis.com/css?family=Raleway'); /***********************************************/ /* 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 */ /*****************************************/ /***************************************** Kitoum Site Template - Vars - Macros - Base & Type - General Layout - Header - Navigation - Hero - Breadcrumbs - Main Content - Sidebar - Modules - Tabs - Testimonials - Blog - System Pages - Footer - Responsive - Print *****************************************/ /***************************************** Vars *****************************************/ /* Type */ /* Layout */ /* Misc */ /***************************************** Macros *****************************************/ /***************************************** Base & Type *****************************************/ html { font-size: 62.5%; } body { margin: 0 !important; } /* .header-container-wrapper.header-container-wrapper { /* prevent some unwanted default styling */ */ /* position: relative; z-index: 2; background: transparent; margin: 0; padding: 0; border: none; box-shadow: none; } */ .header-container.header-container { /* prevent some unwanted default styling */ padding: 0; } /* .body-container-wrapper.body-container-wrapper { /* prevent some unwanted default styling */ */ /* padding: 0; } */ .kitoum-site-body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5; color: #000; font-weight: 400; } .kitoum-site-body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .kitoum-site-settings { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; min-height: 0 !important; margin: -1px; padding: 0; border: 0; overflow: hidden; } .kitoum-site-body p, .kitoum-site-block ul, .kitoum-site-block ol { max-width: 44em; } .kitoum-site-body p { margin: 0px 0px 30px 0px; margin: 0rem 0rem 3.0rem 0rem; } .kitoum-site-body ul, .kitoum-site-body ol, .kitoum-site-main ul, .kitoum-site-main ol { margin: 0px 0px 30px 0px; margin: 0rem 0rem 3.0rem 0rem; padding: 0px 0px 0px 30px; padding: 0rem 0rem 0rem 3.0rem; } .kitoum-site-main ul[style*="list-style"], .kitoum-site-main ol[style*="list-style"] { padding-left: 45px; padding-left: 4.5rem; } .kitoum-site-main ul:not([style*="list-style"]), .kitoum-site-main ol:not([style*="list-style"]) { list-style: none; } .kitoum-site-main li { font-size: 17px; font-size: 1.7rem; } .kitoum-site-main li { margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; padding-left: 24px; padding-left: 2.4rem; } .kitoum-site-main ul[style*="list-style"] li .kitoum-site-main ol[style*="list-style"] li { padding-left: 15px; padding-left: 1.5rem; } .kitoum-site-main li:before { color: #000; float: left; margin: 0px 0px 0px -24px; margin: 0rem 0rem 0rem -2.4rem; } .kitoum-site-main ul:not([style*="list-style"]) li:before { content: '\2022'; font-size: 140%; line-height: 1; } .kitoum-site-main ol:not([style*="list-style"]) { counter-reset: numbered_list; } .kitoum-site-main ol:not([style*="list-style"]) li:before { counter-increment: numbered_list; content: counter(numbered_list); background: #f0f0f0; font-size: 80%; line-height: 2.3em; text-indent: 0.015em; position: relative; top: -0.3rem; left: -1.3333333333333333rem; width: 30px; width: 3.0rem; height: 30px; height: 3.0rem; border-radius: 50%; text-align: center; } .kitoum-site-body a { font-weight: bold; color: #808080; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .kitoum-site-body a:hover, .kitoum-site-body a:focus { color: #585858; text-decoration: none; } .kitoum-site-body h1, .kitoum-site-body h2, .kitoum-site-body h3, .kitoum-site-body h4, .kitoum-site-body h5, .kitoum-site-body h6 { font-family: inherit; margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; } .kitoum-site-body h1, .kitoum-site-body h2 { color: #88E2A6; } .kitoum-site-body h3, .kitoum-site-body h4, .kitoum-site-body h5, .kitoum-site-body h6 { color: #000; } .kitoum-site-body h1 { font-size: 48px; font-size: 4.8rem; line-height: 1.1; } .kitoum-site-body h2 { font-size: 36px; font-size: 3.6rem; line-height: 1.2; } .kitoum-site-body h3 { font-size: 30px; font-size: 3rem; line-height: 1.3; } .kitoum-site-body h4 { font-size: 24px; font-size: 2.4rem; } .kitoum-site-body h5 { font-size: 22px; font-size: 2.2rem; } .kitoum-site-body h6 { font-size: 18px; font-size: 1.8rem; } .kitoum-site-body img, .kitoum-site-body object, .kitoum-site-body embed, .kitoum-site-body iframe { max-width: 100%; } .kitoum-site-body img { height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } .kitoum-site-body img[style*="float"], .kitoum-site-body img[align] { position: relative; top: 4px; max-width: 48%; } .kitoum-site-body img[style*="float: left"], .kitoum-site-body img[style*="float: right"] { margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-body img[style*="float: left"] { margin-right: 15px; margin-right: 1.5rem; } .kitoum-site-body img[style*="float: right"] { margin-left: 15px; margin-left: 1.5rem; } /* .kitoum-site-body table:not(.pika-table) { width: 100%; marginBottom(base_spacing) border-collapse: collapse; border-style: hidden; border: 1px solid secondary_border_color }}; } */ /* .kitoum-site-body table:not(.pika-table) td, .kitoum-site-body table:not(.pika-table) th { padding(base_spacing / 2) border: 1px solid secondary_border_color }}; vertical-align: middle; } */ /* .kitoum-site-body table:not(.pika-table) th { font-weight: bold; color: primary_heading_color text-align: inherit; } */ /* .kitoum-site-body table:not(.pika-table) p:last-child { margin-bottom: 0; } */ /* .kitoum-site-body table:not(.pika-table) tbody tr:nth-child(odd) { background: gray_light ; } */ .kitoum-site-body blockquote { margin: 0px 0px 30px 0px; margin: 0rem 0rem 3.0rem 0rem; } .kitoum-site-body blockquote, .kitoum-site-body blockquote p, .kitoum-site-body blockquote strong, .kitoum-site-body blockquote a { font-size: 19px; font-size: 1.9500000000000002rem; margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-body blockquote p.content:before { content: '“'; width: 100%; height: 100%; margin-left: -8px; margin-left: -0.75rem; padding-right: 2px; padding-right: 0.2rem; } .kitoum-site-body blockquote p.content:after { content: '”'; width: 100%; height: 100%; } .kitoum-site-body blockquote cite { font-size: 19px; font-size: 1.9500000000000002rem; font-weight: bold; color: #88E2A6; font-style: normal; } .kitoum-site-body blockquote cite small { font-size: 19px; font-size: 1.9500000000000002rem; font-weight: 300; color: #000; text-transform: none; } .kitoum-site-body form { margin-bottom: 30px; margin-bottom: 3.0rem; } .kitoum-site-body fieldset { min-width: 0; padding: 0; margin: 0; } .kitoum-site-body label { font-weight: bold; margin-bottom: 7px; margin-bottom: 0.75rem; display: block; } .hs-form-required { color: #b6121b; margin-left: 5px; margin-left: 0.5rem; } .kitoum-site-body select, .kitoum-site-body textarea, .kitoum-site-body input[type="text"], .kitoum-site-body input[type="password"], .kitoum-site-body input[type="datetime"], .kitoum-site-body input[type="datetime-local"], .kitoum-site-body input[type="date"], .kitoum-site-body input[type="month"], .kitoum-site-body input[type="time"], .kitoum-site-body input[type="week"], .kitoum-site-body input[type="number"], .kitoum-site-body input[type="email"], .kitoum-site-body input[type="url"], .kitoum-site-body input[type="search"], .kitoum-site-body input[type="tel"], .kitoum-site-body input[type="color"] { background: white; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5; color: #000; width: 100%; padding: 7px 10px 7px 10px; padding: 0.75rem 1.0rem 0.75rem 1.0rem; margin-bottom: 15px; margin-bottom: 1.5rem; border: 1px solid #000; border-radius: 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: inline-block; vertical-align: middle; } .kitoum-site-body .hs-form.hs-form select, .kitoum-site-body .hs-form.hs-form textarea, .kitoum-site-body .hs-form.hs-form input[type="text"], .kitoum-site-body .hs-form.hs-form input[type="password"], .kitoum-site-body .hs-form.hs-form input[type="datetime"], .kitoum-site-body .hs-form.hs-form input[type="datetime-local"], .kitoum-site-body .hs-form.hs-form input[type="date"], .kitoum-site-body .hs-form.hs-form input[type="month"], .kitoum-site-body .hs-form.hs-form input[type="time"], .kitoum-site-body .hs-form.hs-form input[type="week"], .kitoum-site-body .hs-form.hs-form input[type="number"], .kitoum-site-body .hs-form.hs-form input[type="email"], .kitoum-site-body .hs-form.hs-form input[type="url"], .kitoum-site-body .hs-form.hs-form input[type="search"], .kitoum-site-body .hs-form.hs-form input[type="tel"], .kitoum-site-body .hs-form.hs-form input[type="color"], .kitoum-site-body .hs-form.hs-form input[type="submit"] { max-width: 100%; box-sizing: border-box; } .kitoum-site-body select.error, .kitoum-site-body textarea.error, .kitoum-site-body input[type="text"].error, .kitoum-site-body input[type="password"].error, .kitoum-site-body input[type="datetime"].error, .kitoum-site-body input[type="datetime-local"].error, .kitoum-site-body input[type="date"].error, .kitoum-site-body input[type="month"].error, .kitoum-site-body input[type="time"].error, .kitoum-site-body input[type="week"].error, .kitoum-site-body input[type="number"].error, .kitoum-site-body input[type="email"].error, .kitoum-site-body input[type="url"].error, .kitoum-site-body input[type="search"].error, .kitoum-site-body input[type="tel"].error, .kitoum-site-body input[type="color"].error { border-color: #b6121b; } .kitoum-site-body select, .kitoum-site-body input[type="text"], .kitoum-site-body input[type="password"], .kitoum-site-body input[type="datetime"], .kitoum-site-body input[type="datetime-local"], .kitoum-site-body input[type="date"], .kitoum-site-body input[type="month"], .kitoum-site-body input[type="time"], .kitoum-site-body input[type="week"], .kitoum-site-body input[type="number"], .kitoum-site-body input[type="email"], .kitoum-site-body input[type="url"], .kitoum-site-body input[type="search"], .kitoum-site-body input[type="tel"], .kitoum-site-body input[type="color"] { height: 39px; height: 3.9375rem; } .kitoum-site-body textarea { height: 8.4em; overflow: auto; } .kitoum-site-body select:focus, .kitoum-site-body textarea:focus, .kitoum-site-body input[type="text"]:focus, .kitoum-site-body input[type="password"]:focus, .kitoum-site-body input[type="datetime"]:focus, .kitoum-site-body input[type="datetime-local"]:focus, .kitoum-site-body input[type="date"]:focus, .kitoum-site-body input[type="month"]:focus, .kitoum-site-body input[type="time"]:focus, .kitoum-site-body input[type="week"]:focus, .kitoum-site-body input[type="number"]:focus, .kitoum-site-body input[type="email"]:focus, .kitoum-site-body input[type="url"]:focus, .kitoum-site-body input[type="search"]:focus, .kitoum-site-body input[type="tel"]:focus, .kitoum-site-body input[type="color"]:focus { border-color: #3574E3; outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.3); box-shadow: inset 0 2px 4px rgba(0,0,0,0.3); } .kitoum-site-body .hs_file_upload_property .input { background-color: #f0f0f0; padding: 10px 10px 18px 10px; padding: 1rem 1rem 1.8rem 1rem; margin-bottom: 10px; margin-bottom: 1rem; } .kitoum-site-body .inputs-list { max-width: none; margin-bottom: 15px; margin-bottom: 1.5rem; padding-left: 0; } .kitoum-site-body .inputs-list li { font-size: 85%; } .kitoum-site-body .inputs-list li:before { display: none; } .kitoum-site-body .inputs-list li input { font-size: 15px; font-size: 1.5rem; float: left; margin: 3px 0px 0px -24px; margin: 0.3rem 0rem 0rem -2.4rem; } .kitoum-site-body .hs-datepicker { margin-top: -15px; margin-top: -1.5rem; } .kitoum-site-body .hs-error-msgs { margin-top: -8px; margin-top: -0.75rem; } .kitoum-site-body .hs-error-msgs li { padding: 0; } .kitoum-site-body .hs-error-msgs label { background: white; color: #b6121b; padding: 7px 7px 7px 7px; padding: 0.75rem 0.75rem 0.75rem 0.75rem; border: 1px solid #b6121b; text-align: center; } .kitoum-site-body .hs-error-msgs a { color: white; } .hs-form.hs-form fieldset { background: none; max-width: none; padding: 0; border: 0; } .hs-form.hs-form .hs-field-desc { font-size: 14px; font-size: 1.4rem;; padding-bottom: 7px; padding-bottom: 0.75rem; } .hs-form.hs-form fieldset.form-columns-1, .hs-form.hs-form fieldset.form-columns-2, .hs-form.hs-form fieldset.form-columns-3, .hs-form.hs-form div.form-columns-1, .hs-form.hs-form div.form-columns-2, .hs-form.hs-form div.form-columns-3 { float: left; clear: both; } .hs-form.hs-form fieldset.form-columns-1, .hs-form.hs-form fieldset.form-columns-2, .hs-form.hs-form div.form-columns-1, .hs-form.hs-form div.form-columns-2 { width: 102.5%; } .hs-form.hs-form fieldset.form-columns-3, .hs-form.hs-form div.form-columns-3 { width: 103.6%; } .hs-form.hs-form fieldset.form-columns-2 .hs-form-field, .hs-form.hs-form div.form-columns-2 .hs-form-field { width: 50%; float: left; } .hs-form.hs-form fieldset.form-columns-3 .hs-form-field, .hs-form.hs-form div.form-columns-3 .hs-form-field { width: 32.7%; float: left; } .hs-form.hs-form fieldset.form-columns-1 .input, .hs-form.hs-form div.form-columns-1 .input { margin-right: 2.5%; } .hs-form.hs-form fieldset.form-columns-2 .input, .hs-form.hs-form fieldset.form-columns-3 .input, .hs-form.hs-form div.form-columns-2 .input, .hs-form.hs-form div.form-columns-3 .input { margin-right: 5%; } .hs-form.hs-form fieldset.form-columns-1 .hs-form-field .hs-input, .hs-form.hs-form fieldset.form-columns-2 .hs-form-field .hs-input, .hs-form.hs-form fieldset.form-columns-3 .hs-form-field .hs-input, .hs-form.hs-form div.form-columns-1 .hs-form-field .hs-input, .hs-form.hs-form div.form-columns-2 .hs-form-field .hs-input, .hs-form.hs-form div.form-columns-3 .hs-form-field .hs-input { width: 100%; } .hs-form.hs-form fieldset.form-columns-1 .hs-form-field input[type="checkbox"].hs-input, .hs-form.hs-form fieldset.form-columns-1 .hs-form-field input[type="radio"].hs-input, .hs-form.hs-form fieldset.form-columns-2 .hs-form-field input[type="checkbox"].hs-input, .hs-form.hs-form fieldset.form-columns-2 .hs-form-field input[type="radio"].hs-input, .hs-form.hs-form fieldset.form-columns-3 .hs-form-field input[type="checkbox"].hs-input, .hs-form.hs-form fieldset.form-columns-3 .hs-form-field input[type="radio"].hs-input, .hs-form.hs-form div.form-columns-1 .hs-form-field input[type="checkbox"].hs-input, .hs-form.hs-form div.form-columns-1 .hs-form-field input[type="radio"].hs-input, .hs-form.hs-form div.form-columns-2 .hs-form-field input[type="checkbox"].hs-input, .hs-form.hs-form div.form-columns-2 .hs-form-field input[type="radio"].hs-input, .hs-form.hs-form div.form-columns-3 .hs-form-field input[type="checkbox"].hs-input, .hs-form.hs-form div.form-columns-3 .hs-form-field input[type="radio"].hs-input { width: auto; } .hs-form.hs-form .hs-form-booleancheckbox, .hs-form.hs-form .hs-form-checkbox, .hs-form.hs-form .hs-form-radio { padding-left: 30px; padding-left: 3rem; } .hs-form.hs-form fieldset.form-columns-1 .hs-error-msgs, .hs-form.hs-form div.form-columns-1 .hs-error-msgs { padding-right: 2.5%; } .hs-form.hs-form fieldset.form-columns-2 .hs-error-msgs, .hs-form.hs-form fieldset.form-columns-3 .hs-error-msgs, .hs-form.hs-form div.form-columns-2 .hs-error-msgs, .hs-form.hs-form div.form-columns-3 .hs-error-msgs { padding-right: 5%; } .kitoum-site-body .hs-form.hs-form .actions { margin-top: 0; margin-bottom: 0; } .hs_submit { clear: both; width: 100%; padding-top: 7px; padding-top: 0.75rem; } .kitoum-site-body .cta_button, .kitoum-site-body .hs-button, .kitoum-site-body .kitoum-btn { background-color: #ffff; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-size: 1.5rem; font-weight: bold; line-height: 1.5; color: white; text-decoration: none; text-shadow: none; text-transform: uppercase; border-radius: 0; padding: 7px 20px 7px 20px; padding: 0.75rem 2.0rem 0.75rem 2.0rem; border: none; display: inline-block; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; -webkit-appearance: none; } .kitoum-site-body .cta_button:hover, .kitoum-site-body .hs-button:hover, .kitoum-site-body .kitoum-btn:hover { background-color: #ffff; color: white; } .kitoum-site-body .cta_button:focus, .kitoum-site-body .hs-button:focus, .kitoum-site-body .kitoum-btn:focus { background: #102d7b; color: white; } .kitoum-site-body .kitoum-btn.kitoum-btn-secondary { background-color: #102d7b; } .kitoum-site-body .kitoum-btn.kitoum-btn-secondary:hover, .kitoum-site-body .kitoum-btn.kitoum-btn-secondary:focus { color: white; background-color: #3574E3; } /***************************************** General Layout *****************************************/ .kitoum-site-row.kitoum-site-row { position: relative; min-height: 1px; padding-left: 8%; padding-right: 8%; overflow: hidden; } .kitoum-site-row .kitoum-site-block-wrapper.kitoum-site-block-wrapper, .kitoum-site-row .kitoum-site-block-wrapper.kitoum-site-block-wrapper:first-child { width: 103.8%; margin-left: -1.9%; } .hs-edit-layout-mode .kitoum-site-row .kitoum-site-block-wrapper.kitoum-site-block-wrapper { width: 100%; margin-left: 0; } .kitoum-site-block-wrapper.kitoum-site-block-wrapper > div { min-height: 1px; } .kitoum-site-block-wrapper > div > span::after { /* Safari block wrapping fix */ content: ''; display: block; } .kitoum-site-block-wrapper .kitoum-site-block-outer { display: inline; transform: translateZ(0); } .hs-edit-layout-mode .kitoum-site-block-wrapper .kitoum-site-block-outer { display: block; } .kitoum-site-block { zoom: 1; } .kitoum-site-block:after { content: "."; clear: both; height: 0; display: block; visibility: hidden; } .kitoum-site-block-wrapper .kitoum-site-block { position: relative; margin-right: -4px; padding-left: 1.9%; padding-right: 1.9%; display: inline-block; vertical-align: top; } .hs-edit-layout-mode .kitoum-site-block-wrapper .kitoum-site-block { padding-left: 0; padding-right: 0; } .kitoum-site-block--half, .kitoum-site-block--one-third { font-size: 13px; font-size: 1.3rem; } .kitoum-site-block--full { width: 100%; } .kitoum-site-block--half { width: 50%; } .kitoum-site-block--one-third { width: 33.333%; } .kitoum-site-block--two-thirds { width: 66.667%; } .hs-edit-layout-mode .kitoum-site-block--half, .hs-edit-layout-mode .kitoum-site-block--one-third, .hs-edit-layout-mode .kitoum-site-block--two-thirds { width: 100%; } .kitoum-site-top-spacing { margin-top: 30px; margin-top: 3.0rem; } .kitoum-site-bottom-spacing { margin-bottom: 45px; margin-bottom: 4.5rem; } /***************************************** Header *****************************************/ /* .kitoum-site-header-wrapper { float: left; width: 100%; background-color: white; position: fixed !important; } .kitoum-site-logo img { max-height: 100px; width: auto!important; margin-top:10px; } */ /***************************************** Navigation *****************************************/ /* Hubspot resets */ /* .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 { max-width: none; white-space: normal; overflow: visible; position:sticky !important; padding:10px 10px !important; } */ /* Navigation Styles */ /* .kitoum-site-secondary-navigation { background-color: #000; } .kitoum-site-secondary-navigation .kitoum-site-phone-number { text-align: left; } .kitoum-site-secondary-navigation .kitoum-site-phone a { font-size: 14px; font-size: 1.4rem; line-height: 2.1; color: white; text-decoration: none; } .kitoum-site-secondary-navigation .kitoum-site-phone i { padding-right: 5px; padding-right: 0.5rem; } .kitoum-site-follow-me.kitoum-site-follow-me { min-height: auto; } .kitoum-site-follow-me a { font-weight: normal; color: white; display: inline-block; margin-right: 10px; margin-right: 1rem; line-height: 1.7; } .kitoum-site-follow-me a:hover, .kitoum-site-follow-me a:focus, .kitoum-site-secondary-navigation .kitoum-site-phone a:hover, .kitoum-site-secondary-navigation .kitoum-site-phone a:focus { opacity: .8; color: white; } .kitoum-site-follow-me a span { height: auto!important; width: auto!important; background-image: none!important; } .kitoum-site-follow-me a.fm_twitter span:before { content: "\f099"; font-family: FontAwesome; } .kitoum-site-follow-me a.fm_facebook span:before { content: "\f09a"; font-family: FontAwesome; } .kitoum-site-follow-me a.fm_linkedin span:before { content: "\f0e1"; font-family: FontAwesome; } .kitoum-site-follow-me a.fm_googleplus span:before { content: "\f0d5"; font-family: FontAwesome; } .kitoum-site-follow-me a.fm_pinterest span:before { content: "\f0d2"; font-family: FontAwesome; } .kitoum-site-follow-me a.fm_youtube span:before { content: "\f16a"; font-family: FontAwesome; } .kitoum-site-follow-me a.fm_rss span:before { content: "\f09e"; font-family: FontAwesome; } .kitoum-site-follow-me a.fm_default span:before { content: "\f0ac"; font-family: FontAwesome; } .kitoum-site-header-wrapper.bg--dark .kitoum-site-header .kitoum-site-navigation.kitoum-site-navigation ul li a { color: white; } */ /* .kitoum-site-header-wrapper.bg--dark .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .child-trigger i:before, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .child-trigger.child-open i:before { color: white; fontSize(2.4) }} } */ .kitoum-site-header-wrapper .kitoum-site-header .kitoum-site-navigation.kitoum-site-navigation ul li a { color: #000; font-weight: bold; } .kitoum-site-navigation.kitoum-site-navigation ul li.hs-item-has-children ul.hs-menu-children-wrapper { padding-left: 0; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul { font-size: 0; } .kitoum-site-navigation-wrapper.kitoum-site-navigation-wrapper { position: relative; padding-top: 20px; padding-top: 2.0rem; padding-bottom: 20px; padding-bottom: 2.0rem; overflow: visible; } .kitoum-site-navigation-wrapper .row-fluid { position: relative; } .kitoum-site-navigation.kitoum-site-navigation { min-height: 0; text-align: center; z-index: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .kitoum-site-navigation.kitoum-site-navigation.no-megamenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > .kitoum-sub-nav { visibility: hidden; opacity: 0; display: block; position: absolute; } .kitoum-site-navigation.kitoum-site-navigation.no-megamenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > .kitoum-sub-nav { visibility: visible; opacity: 1; } .kitoum-site-navigation a { font-weight: normal; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul { width: 100%; padding-left: 0; display: table; text-align: right; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { display: none; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { font-size: 14px; font-size: 1.4rem; float: none; display: inline-block; position: relative; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { color: #000; text-transform: uppercase; padding: 7px 7px 7px 7px; padding: 0.75rem 0.75rem 0.75rem 0.75rem; border: none; display: block; text-overflow: initial; white-space: normal; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .child-trigger { width: 48px; width: 4.8rem; height: 32px; height: 3.2rem; position: absolute; right: 0; top: 3px; text-align: center; cursor: pointer; z-index: 2; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .child-trigger i:before, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .child-trigger.child-open i:before { font-size: 24px; font-size: 2.4rem;; color: #000; width: 100%; height: 100%; font-style: normal; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .child-trigger i:before { content: "\f107"; font-family: FontAwesome; font-size: 24px; font-size: 2.4rem; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .child-trigger.child-open i:before { content: "\f106"; font-family: FontAwesome; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch .child-trigger i:before { color: white; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch > a { background: #000; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:hover, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:focus, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a.open { background: #000; color: white; outline: 0; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover .child-trigger i:before, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:focus .child-trigger i:before { color: white; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .kitoum-sub-nav { background:#000; position: absolute; top: 100%; left: auto; right: 0; width: 100%; min-width: 220px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 100; display: none; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child .kitoum-sub-nav, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) .kitoum-sub-nav { right: auto; left: 0; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > .kitoum-sub-nav.open, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .kitoum-sub-nav.sub-open { display: block; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { background: #000; left: auto; right: 0; width: 100%; min-width: 220px; text-align: left; -webkit-transition: none; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .kitoum-sub-nav ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; position: relative; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { font-size: 14px; font-size: 1.4rem; display: block; -webkit-transition: none; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child { border: none; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.active-branch > a { font-weight: bold; background: #88E2A6; color: white; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a { color: white; width: 100%; font-size: 14px; font-size: 1.4rem; { { padding (base_spacing / 4) }} } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a:hover, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a:focus { background: #88E2A6; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li li .kitoum-sub-nav { top: 0; right: 100%; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child li .kitoum-sub-nav, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) li .kitoum-sub-nav { right: auto; left: 100%; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li li:hover > .kitoum-sub-nav { display: block; } .kitoum-site-navigation .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: auto; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch > a { background: #000; color: white; } */ .kitoum-site-header-wrapper .kitoum-site-mobile-menu { display: none; z-index: 1; } .kitoum-site-mobile-menu .kitoum-site-menu-toggle { background-color: #000; color: white; { padding(1) }} text-decoration: none; display: block; text-align: center; } .kitoum-site-mobile-menu .kitoum-site-menu-toggle.open i:before { content: "\f00d"; } .kitoum-site-mobile-menu .kitoum-site-menu-toggle:hover, .kitoum-site-mobile-menu .kitoum-site-menu-toggle:focus { color: white; } .kitoum-site-mobile-menu .kitoum-site-menu-toggle i { padding-left: 5px; padding-left: 0.5rem; } .kitoum-site-secondary-navigation-wrapper.hidden { display: none; } .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation { text-align: right; background-color: #000; float: left; } /***************************************** Hero *****************************************/ .kitoum-site-hero { position: relative; margin-bottom: -1px; padding-top: 45px; padding-top: 4.5rem; padding-bottom: 45px; padding-bottom: 4.5rem; } .kitoum-site-hero--home { padding-top: 90px; padding-top: 9.0rem; padding-bottom: 90px; padding-bottom: 9.0rem; } .kitoum-site-logo, .kitoum-site-hero__content { position: relative; z-index: 5; } .kitoum-site-logo.kitoum-site-logo { min-height: 1px; } .kitoum-site-hero__content-inner { position: relative; } .kitoum-site-hero__content h1:last-child, .kitoum-site-hero__content h2:last-child, .kitoum-site-hero__content h3:last-child, .kitoum-site-hero__content h4:last-child, .kitoum-site-hero__content h5:last-child, .kitoum-site-hero__content h6:last-child, .kitoum-site-hero__content p:last-child, .kitoum-site-hero__content ul:last-child, .kitoum-site-hero__content ol:last-child { margin-bottom: 0; } .kitoum-site-hero__content h3 + h1, .kitoum-site-hero__content h4 + h1 { margin-top: -10px; margin-top: -1.0rem; } .kitoum-site-hero__cta.kitoum-site-hero__cta { min-height: 0; margin-top: 15px; margin-top: 1.5rem; } .kitoum-site-page-title { padding-top: 30px; padding-top: 3.0rem; padding-bottom: 30px; padding-bottom: 3.0rem; border-top: 1px solid #e6e7e8; } .kitoum-site-page-title__heading:last-child { margin-bottom: 0; padding-bottom: 0; } /***************************************** Breadcrumbs *****************************************/ .kitoum-site-breadcrumbs-wrapper { position: relative; margin-bottom: 30px; margin-bottom: 3.0rem; } .kitoum-site-breadcrumbs-home, .kitoum-site-breadcrumbs.kitoum-site-breadcrumbs { float: left; display: inline-block; } .kitoum-site-breadcrumbs-home::after { content: '›'; padding-left: 8px; padding-left: 0.8rem; } .kitoum-site-breadcrumbs.kitoum-site-breadcrumbs { width: auto; margin-left: 0; } .kitoum-site-breadcrumbs.kitoum-site-breadcrumbs ul { padding-left: 0; float: left; width: 100%; margin-bottom: 0; } .kitoum-site-breadcrumbs-home, .kitoum-site-breadcrumbs.kitoum-site-breadcrumbs ul li { font-size: 14px; font-size: 1.4rem; line-height: 2.3; padding: 0; margin-right: 10px; margin-right: 1rem; margin-bottom: 0; } .kitoum-site-breadcrumbs.kitoum-site-breadcrumbs ul li::before { display: none; } .kitoum-site-breadcrumbs.kitoum-site-breadcrumbs ul li:first-child { padding-left: 0; } /***************************************** Main Content *****************************************/ .kitoum-site-main { padding-top: 30px; padding-top: 3.0rem; padding-bottom: 30px; padding-bottom: 3.0rem; border-top: 1px solid #e6e7e8; } .kitoum-site-main-content.kitoum-site-main-content { min-height: 1px; padding-right: 2%; } .kitoum-site-main-content-right.kitoum-site-main-content-right .kitoum-site-main-content { float: right; padding-right: 0; padding-left: 2%; } .kitoum-site-main-content-right.kitoum-site-main-content-right + .kitoum-site-sidebar { margin-left: 0; } .kitoum-site-main-content-no-sidebar.kitoum-site-main-content-no-sidebar .kitoum-site-main-content { float: none; width: 100%; padding-left: 0; } .kitoum-site-intro { margin-bottom: 45px; margin-bottom: 4.5rem; } .kitoum-site-intro p:last-child { margin-bottom: 0; } /***************************************** Sidebar *****************************************/ .kitoum-site-sidebar { font-size: 13px; font-size: 1.3rem; } .kitoum-site-sidebar h1 { font-size: 36px; font-size: 3.6rem; } .kitoum-site-sidebar h2 { font-size: 30px; font-size: 3rem; } .kitoum-site-sidebar h3 { font-size: 24px; font-size: 2.4rem; } .kitoum-site-sidebar h4 { font-size: 22px; font-size: 2.2rem; } .kitoum-site-sidebar h5 { font-size: 20px; font-size: 2rem; } .kitoum-site-sidebar h6 { font-size: 16px; font-size: 1.6rem; } .kitoum-site-sidebar li { font-size: 15px; font-size: 1.5rem; } .kitoum-site-sidebar .kitoum-site-block--one-third, .kitoum-site-sidebar .kitoum-site-block--two-thirds, .kitoum-site-sidebar .kitoum-site-block--half { width: 100%; padding: 0; } .kitoum-site-sub-menu.kitoum-site-sub-menu { min-height: 0; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul { padding-left: 0; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul:empty { margin-bottom: 0; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul li { margin-bottom: 0; padding-left: 0; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul li::before { display: none; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul li.active-branch > a, .kitoum-site-sub-menu.kitoum-site-sub-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper li.active-branch > a { background-color: #000; color: white; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul li a { background-color: #e6e7e8; color: #000; text-decoration: none; border-bottom: 1px solid white; font-weight: 400; font-size: 16px; font-size: 1.6rem; width: 100%; padding: 10px 15px 10px 15px; padding: 1.0rem 1.5rem 1.0rem 1.5rem; display: block; text-overflow: initial; white-space: normal; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul li a:hover, .kitoum-site-sub-menu.kitoum-site-sub-menu ul li a:focus { background-color: #000; color: white; outline: 0; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: relative; left: auto; right: auto; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { background-color: #f5f5f5;; font-size: 14px; font-size: 1.4rem; padding-left: 48px; padding-left: 4.8rem; } .kitoum-site-sub-menu.kitoum-site-sub-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover, .kitoum-site-sub-menu.kitoum-site-sub-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:focus { background-color: #000; outline: 0; } /***************************************** Modules *****************************************/ /* Content */ .kitoum-site-block-content .kitoum-site-bg { position: relative; top: 4px; } /* Background Extensions */ .kitoum-site-block.kitoum-site-block--full .kitoum-site-bg--full { padding: 24px 0px 24px 0px; padding: 2.4rem 0rem 2.4rem 0rem; } .kitoum-site-block.kitoum-site-block--full .kitoum-site-bg--full:before { content: ''; background-color: inherit; position: absolute; width: 140%; height: 100%; top: 0; left: -20%; z-index: -1; } .kitoum-site-block .kitoum-site-offset-left .kitoum-site-bg, .kitoum-site-block .kitoum-site-offset-right .kitoum-site-bg { padding: 37px 37px 37px 37px; padding: 3.75rem 3.75rem 3.75rem 3.75rem; } .kitoum-site-block .kitoum-site-offset-left { max-width: 107%; margin-left: -7%; } .kitoum-site-block .kitoum-site-offset-right { max-width: 107%; margin-right: -7%; } .kitoum-site-block .kitoum-site-offset-both { max-width: 120%; margin-left: -10%; margin-right: -10%; } /* Image */ .kitoum-site-block-image { top: 4px; } .kitoum-site-block-image img { vertical-align: bottom; } .kitoum-site-block-image__caption { background: #f0f0f0; color: #3574E3; padding: 7px 7px 7px 7px; padding: 0.75rem 0.75rem 0.75rem 0.75rem; display: block; } .kitoum-site-block-image--left { text-align: left; } .kitoum-site-block-image--center { text-align: center; } .kitoum-site-block-image--right { text-align: right; } /* COS Gallery */ .kitoum-site-main .hs_cos_gallery_main ul li::before { content: none; } /* Grid blocks */ .kitoum-site-grid-block__img-wrapper { text-align: center; } .kitoum-site-grid-block__img-wrapper img { max-height: 100%; width: auto; height: auto; } .kitoum-site-grid-block__content-wrapper { margin-top: 15px; margin-top: 1.5rem; margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-grid-block__content-wrapper:last-child { margin-bottom: 0; } .kitoum-site-grid-block__content-wrapper .date { display: block; font-size: 11px; font-size: 1.17rem; margin-top: 15px; margin-top: 1.5rem; margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-body .kitoum-site-grid-block__link, .kitoum-site-body .kitoum-site-grid-block__link h3 { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .kitoum-site-body .kitoum-site-grid-block__link { display: block; /* Required for opacity in webkit browsers */ color: #000; font-weight: 400; text-decoration: none; } .kitoum-site-body .kitoum-site-grid-block__link:hover, .kitoum-site-body .kitoum-site-grid-block__link:focus, .kitoum-site-body .kitoum-site-grid-block__link:hover h3, .kitoum-site-body .kitoum-site-grid-block__link:focus h3 { color: #808080; } .kitoum-site-body .kitoum-site-grid-block .cta_button { width: 100%; box-sizing: border-box !important; margin-top: 15px; margin-top: 1.5rem; color: white; } .kitoum-site-body .kitoum-site-grid-block .cta_button:focus, .kitoum-site-body .kitoum-site-grid-block .cta_button:hover { opacity: 1; } /* Icon */ .kitoum-site-block-icon { text-align: center; } .kitoum-site-block-icon p { margin-left: auto; margin-right: auto; } .kitoum-site-block-icon .kitoum-site-icon { line-height: 16px; margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-block-icon .kitoum-site-icon:last-child { margin-bottom: 0; } .kitoum-site-block-icon i { color: #3574E3; } .kitoum-site-block-icon i:before { vertical-align: middle; } .kitoum-site-block-icon--small .kitoum-site-icon { font-size: 90px; font-size: 9rem; } .kitoum-site-block-icon--small i { width: 100px; width: 10rem; height: 100px; height: 10rem; } .kitoum-site-block-icon--medium .kitoum-site-icon { font-size: 150px; font-size: 15rem; } .kitoum-site-block-icon--medium i { width: 160px; width: 16rem; height: 160px; height: 16rem; } .kitoum-site-block-icon--large .kitoum-site-icon { font-size: 200px; font-size: 20rem; } .kitoum-site-block-icon--large i { width: 220px; width: 22rem; height: 220px; height: 22rem; } .kitoum-site-block-icon--circle i { background: #3574E3; font-size: 60%; color: white; border-radius: 50%; } .kitoum-site-block-icon--circle i:before { vertical-align: baseline; } .kitoum-site-block-icon--small.kitoum-site-block-icon--circle i { line-height: 10rem; } .kitoum-site-block-icon--medium.kitoum-site-block-icon--circle i { line-height: 16rem; } .kitoum-site-block-icon--large.kitoum-site-block-icon--circle i { line-height: 22rem; } /* Misc icon tweaks */ .kitoum-site-block-icon--small .fa-mouse-pointer { text-indent: 6px; } .kitoum-site-block-icon--medium .fa-mouse-pointer { text-indent: 12px; } .kitoum-site-block-icon--large .fa-mouse-pointer { text-indent: 18px; } .kitoum-site-block-icon .fa-mobile:before { font-size: 125%; } .kitoum-site-block-icon--small .fa-building { text-indent: 2px; } .kitoum-site-block-icon--medium .fa-building { text-indent: 4px; } .kitoum-site-block-icon--large .fa-building { text-indent: 6px; } .kitoum-site-block-icon--small .fa-heart:before { vertical-align: -1px; } .kitoum-site-block-icon--medium .fa-heart:before { vertical-align: -3px; } .kitoum-site-block-icon--large .fa-heart:before { vertical-align: -5px; } /* CTA */ .kitoum-site-block-cta__inner { background: #f0f0f0; padding: 30px 30px 30px 30px; padding: 3.0rem 3.0rem 3.0rem 3.0rem; overflow: hidden; } .kitoum-site-block-cta__content, .kitoum-site-block-cta__image { float: left; padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; } .kitoum-site-block-cta__content { width: 66.666%; } .kitoum-site-block-cta__image { width: 33.333%; text-align: center; } .kitoum-site-sidebar .kitoum-site-block-cta__inner { padding: 0; } .kitoum-site-sidebar .kitoum-site-block-cta__content, .kitoum-site-sidebar .kitoum-site-block-cta__image { clear: both; width: 100%; } /* Separator */ .kitoum-site-block-wrapper .kitoum-site-block-separator { font-size: 0; clear: both; width: 100%; height: 0; margin-bottom: 0; padding: 0; display: block; overflow: hidden; speak: none; } /* Image */ .kitoum-site-block-image { top: 4px; } .kitoum-site-block-image img { vertical-align: bottom; } .kitoum-site-block-image__caption { background: #f0f0f0; color: #3574E3; padding: 7px 7px 7px 7px; padding: 0.75rem 0.75rem 0.75rem 0.75rem; display: block; } .kitoum-site-block-image--left { text-align: left; } .kitoum-site-block-image--center { text-align: center; } .kitoum-site-block-image--center .kitoum-site-block-image__caption { margin: 0 auto; } .kitoum-site-block-image--right { text-align: right; } /* Image clipping */ .kitoum-site-block.kitoum-site-clip.kitoum-site-clip__tri-up .kitoum-site-clip__wrapper { display: inline-block; -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%); clip-path: polygon(50% 0, 0 100%, 100% 100%); } .kitoum-site-block.kitoum-site-clip.kitoum-site-clip__tri-down .kitoum-site-clip__wrapper { display: inline-block; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); } .kitoum-site-block.kitoum-site-clip.kitoum-site-clip__circle .kitoum-site-block-image__wrapper { position: relative; height: 0; border-radius: 50%; padding-bottom: 100%; overflow: hidden; } .kitoum-site-block.kitoum-site-clip.kitoum-site-clip__circle .kitoum-site-block-image__wrapper img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: 150%; min-width: 100%; min-height: 100%; } .kitoum-site-block.kitoum-site-clip.kitoum-site-clip__diamond .kitoum-site-clip__wrapper { display: inline-block; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .kitoum-site-block.kitoum-site-clip.kitoum-site-clip__star .kitoum-site-clip__wrapper { display: inline-block; -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); } /* Image Text Overlay */ .kitoum-site-block-image__wrapper { position: relative; } .kitoum-site-block-image__caption--overlay { background-color: ; background-color: rgba(#null, 0.85); font-size: 14px; font-size: 1.4rem; font-weight: normal; color: white; text-decoration: none; width: 100%; position: absolute; top: 0; left: 0; padding: 7px 15px 7px 15px; padding: 0.75rem 1.5rem 0.75rem 1.5rem; display: block; } .kitoum-site-block-image__gray-overlay img { -webkit-filter: grayscale(1); filter: grayscale(1); } .kitoum-site-block-image__color-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #3574E3; mix-blend-mode: multiply; opacity: 0.85; z-index: 2; } /* Video */ .kitoum-site-block-video__embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .kitoum-site-block-video__embed iframe, .kitoum-site-block-video__embed object, .kitoum-site-block-video__embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .kitoum-site-block-video__placeholder { position: relative; cursor: pointer; } .kitoum-site-block-video__placeholder a { color: #fff; text-align: center; } .kitoum-site-block-video__placeholder a:hover, .kitoum-site-block-video__placeholder a:focus { color: #fff; } .kitoum-site-block-video__placeholder img { width: 100%; vertical-align: bottom; } .kitoum-site-block-video__placeholder i { line-height: 100px; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; color: #fff; text-shadow: #333333 1px 1px 2px, #333333 -1px 1px 2px, #333333 1px -1px 2px, #333333 -1px -1px 2px; } .kitoum-site-block-video__caption { background: #f0f0f0; color: #3574E3; padding: 7px 7px 7px 7px; padding: 0.75rem 0.75rem 0.75rem 0.75rem; display: block; } .kitoum-site-block-video--left { text-align: left; } .kitoum-site-block-video--center { text-align: center; } .kitoum-site-block-video--right { text-align: right; } /* Applied to multiple modules */ .kitoum-site-block p:last-child, .kitoum-site-block ul:last-child, .kitoum-site-block ol:last-child, .kitoum-site-block h1:last-child, .kitoum-site-block h2:last-child, .kitoum-site-block h3:last-child, .kitoum-site-block h4:last-child, .kitoum-site-block h5:last-child, .kitoum-site-block h6:last-child { margin-bottom: 0; } .kitoum-site-bg { background: #3574E3; padding: 24px 24px 24px 24px; padding: 2.4rem 2.4rem 2.4rem 2.4rem; } .kitoum-site-block--text-left { text-align: left; } .kitoum-site-block--text-center { text-align: center; } .kitoum-site-block--text-right { text-align: right; } .kitoum-site-block--text-center p, .kitoum-site-block--text-center ul, .kitoum-site-block--text-center ol { margin-left: auto; margin-right: auto; } .kitoum-site-block--text-light { color: #ffffff; } .kitoum-site-block.kitoum-site-block--text-light h1, .kitoum-site-block.kitoum-site-block--text-light h2, .kitoum-site-block.kitoum-site-block--text-light h3, .kitoum-site-block.kitoum-site-block--text-light h4, .kitoum-site-block.kitoum-site-block--text-light h5, .kitoum-site-block.kitoum-site-block--text-light h6, .kitoum-site-block.kitoum-site-block--text-light p, .kitoum-site-block.kitoum-site-block--text-light li, .kitoum-site-block.kitoum-site-block--text-light li:before, .kitoum-site-block.kitoum-site-block--text-light a, .kitoum-site-block.kitoum-site-block--text-light .kitoum-site-bg { color: white; } .kitoum-site-block.kitoum-site-block--text-light ol li:before, .kitoum-site-block.kitoum-site-block--text-light ol:not([style*="list-style"]) li:before { background: transparent; border: 1px solid white; } .kitoum-site-block.kitoum-site-block--text-light a:hover, .kitoum-site-block.kitoum-site-block--text-light a:focus { color: white; } .kitoum-site-block.kitoum-site-block--text-dark { color: #000000; } .kitoum-site-block.kitoum-site-block--text-dark h1, .kitoum-site-block.kitoum-site-block--text-dark h2, .kitoum-site-block.kitoum-site-block--text-dark h3, .kitoum-site-block.kitoum-site-block--text-dark h4, .kitoum-site-block.kitoum-site-block--text-dark h5, .kitoum-site-block.kitoum-site-block--text-dark h6, .kitoum-site-block.kitoum-site-block--text-dark p, .kitoum-site-block.kitoum-site-block--text-dark li, .kitoum-site-block.kitoum-site-block--text-dark li:before, .kitoum-site-block.kitoum-site-block--text-dark a:not(.cta_button), .kitoum-site-block.kitoum-site-block--text-dark .kitoum-site-bg { color: #000000; } .kitoum-site-block .kitoum-site-offset-left .kitoum-site-bg, .kitoum-site-block .kitoum-site-offset-right .kitoum-site-bg { padding: 37px 37px 37px 37px; padding: 3.75rem 3.75rem 3.75rem 3.75rem; } .kitoum-site-block .kitoum-site-offset-left { max-width: 107%; margin-left: -7%; } .kitoum-site-block .kitoum-site-offset-right { max-width: 107%; margin-right: -7%; } .kitoum-site-block .kitoum-site-offset-both { max-width: 120%; margin-left: -10%; margin-right: -10%; } .kitoum-site-block.kitoum-site-fade.kitoum-site-fade__top { transform: translateY(-100%); opacity: 0; } .kitoum-site-block.kitoum-site-fade-in.kitoum-site-fade__top { animation: come-in 1.2s ease forwards; } .kitoum-site-block.kitoum-site-fade.kitoum-site-fade__bottom { padding-top: 120px; padding-top: 12.0rem;; opacity: 0; } .kitoum-site-block.kitoum-site-fade-in.kitoum-site-fade__bottom { animation: come-in 0.8s ease forwards; } .kitoum-site-block.kitoum-site-fade.kitoum-site-fade__left { transform: translateX(-100%); opacity: 0; } .kitoum-site-block.kitoum-site-fade-in.kitoum-site-fade__left { animation: come-in 0.8s ease forwards; } .kitoum-site-block.kitoum-site-fade.kitoum-site-fade__right { transform: translateX(100%); opacity: 0; } .kitoum-site-block.kitoum-site-fade-in.kitoum-site-fade__right { animation: come-in 0.8s ease forwards; } @keyframes come-in { to { transform: translate(0); opacity: 1; padding-top: 0; } } /* HubSpot Module Fixes */ .kitoum-site-body .slick-dots { padding: 0; } .kitoum-site-body .hs_cos_flex-slider ul, .kitoum-site-body .hs_cos_flex-slider ol { margin: 0; padding: 0; } .kitoum-site-body .hs_cos_flex-slider ul li::before, .kitoum-site-body .hs_cos_flex-slider ol li::before { display: none; } .kitoum-site-body .hs_cos_flex-slider .hs_cos_flex-slides > li { margin-bottom: 0; padding: 0; } .kitoum-site-body .hs_cos_flex-control-nav li { margin: 0px 7px 0px 7px; margin: 0rem 0.75rem 0rem 0.75rem; padding: 0; } .kitoum-site-block-wrapper .hs-menu-wrapper ul { padding: 0; } .kitoum-site-block-wrapper .hs-menu-wrapper ul li { padding: 0; } .kitoum-site-block-wrapper .hs-menu-wrapper ul li:before { display: none; } .kitoum-site-block-wrapper .hs-menu-wrapper ul li a { background: #f0f0f0; } /*************************************** Tabs ****************************************/ .kitoum-site-tabs { background: #e6e7e8; position: relative; z-index: 2; } .kitoum-site-tabs::before { content: ''; background: #e6e7e8; position: absolute; top: 0; left: -100%; width: 300%; height: 100%; z-index: -1; } .kitoum-site-tabs .kitoum-site-tabs__list-wrapper { width: 33.333%; } .kitoum-site-tabs .kitoum-site-tabs__list-wrapper::before { content: ''; background: #f0f0f0; position: absolute; top: 0; right: 66.666%; width: 300%; height: 100%; border-width: 1px; border-style: solid none; border-color: #e6e7e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: -1; } .kitoum-site-tabs .kitoum-site-tabs__content-wrapper { width: 66.666%; margin-left: 0; } .kitoum-site-tabs .kitoum-site-tabs__list { margin: 0; padding: 0; position: relative; } .kitoum-site-tabs .kitoum-site-tabs__list::before, .kitoum-site-tabs .kitoum-site-tabs__list::after { content: ''; position: absolute; top: 0; width: 300%; height: 0; border-top: 1px solid #e6e7e8; z-index: 2; } .kitoum-site-tabs .kitoum-site-tabs__list::before { right: 0; } .kitoum-site-tabs .kitoum-site-tabs__list::after { left: 0; display: none; } .kitoum-site-tabs .kitoum-site-tabs__list-item { margin: 0; padding: 0; list-style: none; display: block; } .kitoum-site-tabs .kitoum-site-tabs__list-item::before { display: none; } .kitoum-site-tabs .kitoum-site-tabs__list-item:last-child { margin-bottom: -2px; } .kitoum-site-tabs .kitoum-site-tabs__list-link { background: white; font-weight: normal; text-decoration: none; position: relative; padding: 15px 15px 15px 0px; padding: 1.5rem 1.5rem 1.5rem 0rem; border-bottom: 1px solid #e6e7e8; display: block; z-index: 1; } .kitoum-site-tabs .kitoum-site-tabs__list-link::before, .kitoum-site-tabs .kitoum-site-tabs__list-link::after { content: ''; background: inherit; position: absolute; top: 0; width: 200%; height: 100%; border-bottom: 1px solid #e6e7e8; z-index: -1; } .kitoum-site-tabs .kitoum-site-tabs__list-link::before { right: 99%; } .kitoum-site-tabs .kitoum-site-tabs__list-link::after { left: 99%; display: none; } .kitoum-site-tabs .kitoum-site-tabs__list-link.kitoum-active { background: #e6e7e8; } .kitoum-site-tabs .kitoum-site-tabs__list-link:hover, .kitoum-site-tabs .kitoum-site-tabs__list-link:focus { background: #808080; color: white; } .kitoum-site-tabs .kitoum-site-tabs__content { position: relative; padding: 30px 30px 30px 30px; padding: 3.0rem 3.0rem 3.0rem 3.0rem; display: none; } .kitoum-site-tabs .kitoum-site-tabs__content.kitoum-active { display: block; } /*************************************** Testimonials ****************************************/ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; margin-bottom: 50px; margin-bottom: 5rem; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(../img/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 20; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 30px; font-size: 3rem; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-controls .owl-buttons div:hover, .owl-theme .owl-controls .owl-buttons div:focus { color: #88E2A6; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(../img/AjaxLoader.gif) no-repeat center center } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .kitoum-site-testimonial-wrapper.kitoum-site-testimonial-wrapper { min-height: 1px; } .kitoum-site-testimonial { float: left; width: 100%; margin-bottom: 60px; margin-bottom: 6.0rem; } .kitoum-site-testimonial__image { text-align: center; } .kitoum-site-testimonial__quote-text { font-style: italic; position: relative; z-index: 3; } .kitoum-site-testimonial__quote-text::before { content: '\201C'; font-size: 160px; font-size: 16rem; font-weight: bold; line-height: 1; color: #000; position: absolute; top: 0; left: 0; margin-top: -24px; margin-top: -2.4rem; margin-left: -20px; margin-left: -2.0rem; opacity: 0.15; z-index: -1; } /***************************************** Blog *****************************************/ .kitoum-site-blog .kitoum-site-subscription-block form { padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; border: 1px solid #e6e7e8; } .kitoum-site-blog .kitoum-site-subscription-block .hs-button { width: 100%; display: block; } .kitoum-site-blog .kitoum-site-post-item { margin-bottom: 30px; margin-bottom: 3.0rem; padding-bottom: 30px; padding-bottom: 3.0rem; border-bottom: 1px solid #e6e7e8; } .kitoum-site-blog .kitoum-site-post-title a { text-decoration: none; } .kitoum-site-blog .kitoum-site-post-meta, .kitoum-site-blog .kitoum-site-comments { font-size: 11px; font-size: 1.1rem; margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-blog .kitoum-site-comments:last-child { margin-bottom: 0; } .kitoum-site-blog .kitoum-site-blog-sharing { margin-bottom: 15px; margin-bottom: 1.5rem; } /* These have a bunch of inline styling, so we need to force them to play nice */ .kitoum-site-blog .kitoum-site-blog-sharing .twitter-share-button, .kitoum-site-blog .kitoum-site-blog-sharing .IN-widget, .kitoum-site-blog .kitoum-site-blog-sharing .fb-like > span, .kitoum-site-blog .kitoum-site-blog-sharing .hs-blog-social-share-item-google-plus > div { vertical-align: top !important; } .kitoum-site-blog .kitoum-site-post-meta .kitoum-site-blog-sharing { padding-top: 15px; padding-top: 1.5rem; } .kitoum-site-blog .kitoum-site-blog-sharing li { margin: 0; padding-left: 0; } .kitoum-site-blog .kitoum-site-blog-sharing li::before { display: none; } .kitoum-site-blog .hs-author-social-section { margin-top: 15px; margin-top: 1.5rem; } .kitoum-site-blog .kitoum-site-featured-image { margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-blog .kitoum-site-post-body { margin-bottom: 30px; margin-bottom: 3.0rem; } .kitoum-site-blog .comment { margin-bottom: 30px; margin-bottom: 3.0rem; padding-bottom: 30px; padding-bottom: 3.0rem; border-bottom: 1px solid #e6e7e8; } .kitoum-site-blog .comment.depth-1, .kitoum-site-blog .comment.depth-2, .kitoum-site-blog .comment.depth-3, .kitoum-site-blog .comment.depth-4, .kitoum-site-blog .comment.depth-5 { border-left: 1px solid #e6e7e8; } .kitoum-site-blog .comment-body { font-size: 13px; font-size: 1.3rem; } .kitoum-site-blog .comment-reply-to { font-size: 11px; font-size: 1.1rem; margin-top: 15px; margin-top: 1.5rem; } .kitoum-site-blog .comment-body p:last-child, .kitoum-site-blog .comment-body ul:last-child, .kitoum-site-blog .comment-body ol:last-child { margin-bottom: 0; } .kitoum-site-blog #captcha_wrapper { margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-blog .recaptcha_input_area input { height: auto; } .kitoum-site-blog .kitoum-site-pagination { text-align: center; } .kitoum-site-blog .kitoum-previous-posts { float: left; } .kitoum-site-blog .kitoum-next-posts { float: right; } .kitoum-site-blog .kitoum-all-posts { padding: 7px 0px 7px 0px; padding: 0.75rem 0rem 0.75rem 0rem; display: inline-block; } /***************************************** Feature Row *****************************************/ .kitoum-site-feature-row-block { position: relative; z-index: 2; } .kitoum-site-feature-row-block > div { width: 100%; background-size: cover; background-repeat: no-repeat; } .kitoum-site-feature-row-block .kitoum-site-feature-row-block__spacing { padding: 45px 45px 45px 45px; padding: 4.5rem 4.5rem 4.5rem 4.5rem; } .kitoum-site-feature-row-block .kitoum-site-feature-row-block__spacing.kitoum-site-feature-row-block__extend { padding-left: 0; padding-right: 0; } .kitoum-site-feature-row-block .kitoum-site-feature-row-block__extend { position: relative; overflow: visible; z-index: 4; } .kitoum-site-feature-row-block .kitoum-site-bg.kitoum-site-feature-row-block__extend:after { content: ''; background-color: inherit; position: absolute; top: 0; left: -200%; width: 400%; height: 100%; display: block; z-index: -1; } .kitoum-site-feature-row-block .kitoum-site-image-overlay { float: left; } .kitoum-site-feature-row-block .kitoum-site-image-overlay:after { content: ''; visibility: visible; background: rgba(0, 0, 0, 0.65); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .kitoum-site-feature-row-block__row { width: 100%; display: table; direction: ltr; } .kitoum-site-feature-row-block--reverse .kitoum-site-feature-row-block__row { direction: rtl; } .kitoum-site-feature-row-block__content-wrapper, .kitoum-site-feature-row-block__img-wrapper { display: table-cell; vertical-align: middle; text-align: left; direction: ltr; } .kitoum-site-block--text-center .kitoum-site-feature-row-block__content-wrapper, .kitoum-site-block--text-center .kitoum-site-feature-row-block__img-wrapper { text-align: center; } .kitoum-site-image-overlay .kitoum-site-feature-row-block__content-wrapper, .kitoum-site-image-overlay .kitoum-site-feature-row-block__img-wrapper { position: relative; z-index: 2; } .kitoum-site-feature-row-block__img-wrapper { width: 34%; padding-right: 30px; padding-right: 3.0rem; } .kitoum-site-feature-row-block--reverse .kitoum-site-feature-row-block__img-wrapper { padding: 0px 0px 0px 30px; padding: 0rem 0rem 0rem 3.0rem; } .kitoum-site-feature-row-block__img-wrapper img { height: auto; } .kitoum-site-feature-row-cta.kitoum-site-feature-row-cta { min-height: 1px; } .kitoum-site-feature-row-cta .kitoum-site-feature-row-block { margin-bottom: 0; } .kitoum-site-feature-row-cta .kitoum-site-feature-row-block > div { padding-top: 60px; padding-top: 6.0rem; padding-bottom: 60px; padding-bottom: 6.0rem; padding-left: 8%; padding-right: 8%; } /***************************************** System Pages *****************************************/ .hs_cos_wrapper_type_email_subscriptions_confirmation #content { margin-bottom: 60px; margin-bottom: 6.0rem; } #email-prefs-form { margin-bottom: 60px; margin-bottom: 6.0rem; } .email-prefs .checkbox-row input[type="checkbox"] { margin-top: 6px; margin-top: 0.6rem; margin-right: -3px; margin-right: -0.3rem; margin-left: 3px; margin-left: 0.3rem; } #hs-pwd-widget-password { height: auto !important; /* Override small height that is applied inline */ } /***************************************** Footer *****************************************/ .kitoum-site-footer { background: white; color: #000; padding-top: 60px; padding-top: 6.0rem; padding-bottom: 45px; padding-bottom: 4.5rem; text-align: left; border-top: 1px solid #e6e7e8; } .kitoum-site-footer-wrapper { background: white; } .kitoum-site-footer-wrapper .bg--dark .kitoum-site-footer { color: white; border: none; } .kitoum-site-footer-logo { margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-footer-wrapper .kitoum-site-footer-navigation ul li a { color: #000; } .kitoum-site-footer-wrapper .bg--dark .kitoum-site-footer-navigation ul li a { color: white; } .kitoum-site-footer .kitoum-site-footer-navigation { text-align: right; margin-bottom: 72px; margin-bottom: 7.2rem; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul { width: 100%; padding-left: 0; text-align: right; display: block; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li { text-align: left; display: inline-block; float: none; padding-right: 4%; vertical-align: top; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li:last-child { padding-right: 0; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li a { text-transform: uppercase; font-size: 14px; font-size: 1.4rem; text-align: left; padding: 0; vertical-align: top; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li a:hover, .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li a:focus, .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.active a { color: #88E2A6; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.hs-item-has-children.active ul.hs-menu-children-wrapper li a { color: #000; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: relative; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.hs-item-has-children ul.hs-menu-children-wrapper li { display: block; width: auto; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 14px; font-size: 1.4rem; padding: 8px 0px 8px 0px; padding: 0.8rem 0rem 0.8rem 0rem; line-height: 1.4; text-transform: none; font-weight: 400; max-width: 100%; text-align: left; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.hs-item-has-children ul.hs-menu-children-wrapper { padding: 0; } .kitoum-site-footer .kitoum-site-copyright { font-size: 14px; font-size: 1.4rem; margin-top: 0px; margin-top: 0rem; padding-left: 0; margin-left: 0; width: 20%; } .kitoum-site-footer .kitoum-site-copyright-content { width: auto; font-size: 14px; font-size: 1.4rem; padding-right: 4px; padding-right: 0.4rem; } .kitoum-site-footer .kitoum-site-footer-bottom-row { border-top: 1px solid #e6e7e8; } .kitoum-site-footer .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation { background-color: transparent; color: #000; padding: 0; width: 100%; } .kitoum-site-footer .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation ul li { display: inline-block; float: none; } .kitoum-site-footer .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation ul li a { color: #000; } .kitoum-site-footer .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation ul li:last-child a { padding-right: 0; } .kitoum-site-footer .kitoum-site-secondary-navigation ul li a:hover, .kitoum-site-footer .kitoum-site-secondary-navigation ul li a:focus, .kitoum-site-footer .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation ul li.active a { background-color: transparent; color: #88E2A6; outline: 0; } .kitoum-site-footer-bottom-row { padding-top: 12px; padding-top: 1.2rem; } .kitoum-site-footer-bottom-row .kitoum-site-follow-me { text-align: right; float: right; } .kitoum-site-footer-bottom-row .kitoum-site-follow-me a { font-weight: normal; color: #000; display: inline-block; } .kitoum-site-footer-bottom-row .kitoum-site-follow-me a:hover, .kitoum-site-footer-bottom-row .kitoum-site-follow-me a:focus { color: #88E2A6; } /***************************************** Responsive *****************************************/ @media handheld, only screen and (min-width: 90em) { /* 1440px and higher */ html { font-size: 70%; } .kitoum-site-block-wrapper .kitoum-site-block { margin-right: -5px; } .kitoum-site-footer .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation { margin-left: 0; } } @media handheld, only screen and (min-width: 112.5em) { /* 1800px and higher */ html { font-size: 80%; } .kitoum-site-block-wrapper .kitoum-site-block { margin-right: -6px; } } @media handheld, only screen and (max-width: 64em) { /* 1024px */ .kitoum-site-row.kitoum-site-row { padding-left: 5%; padding-right: 5%; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a { font-size: 13px; font-size: 1.3rem; padding: 5px 8px 5px 8px; padding: 0.5rem 0.8rem 0.5rem 0.8rem; } .kitoum-site-feature-row-cta .kitoum-site-feature-row-block > div { padding-left: 5%; padding-right: 5%; } } @media handheld, only screen and (max-width: 47.938em) { /* 767px */ .kitoum-site-body h1 { font-size: 54px; font-size: 5.4rem; line-height: 1.15; } .kitoum-site-body h2 { font-size: 36px; font-size: 3.6rem; line-height: 1.3; } .kitoum-site-body h3 { font-size: 28px; font-size: 2.8rem; line-height: 1.4; } .kitoum-site-body h4 { font-size: 24px; font-size: 2.4rem; } .kitoum-site-body h5 { font-size: 18px; font-size: 1.8rem; } .kitoum-site-body h6 { font-size: 16px; font-size: 1.6rem; } .kitoum-site-row .kitoum-site-block-wrapper.kitoum-site-block-wrapper, .kitoum-site-row .kitoum-site-block-wrapper.kitoum-site-block-wrapper:first-child { width: 100%; margin-left: 0; } .kitoum-site-block-wrapper .kitoum-site-block { padding-left: 0; padding-right: 0; } .kitoum-site-block--half, .kitoum-site-block--one-third, .kitoum-site-block--two-thirds { width: 100%; } .kitoum-site-block--half, .kitoum-site-block--one-third { font-size: inherit; } .kitoum-site-hero, .kitoum-site-hero--home { padding-top: 45px; padding-top: 4.5rem; padding-bottom: 45px; padding-bottom: 4.5rem; } .kitoum-site-block-cta__content, .kitoum-site-block-cta__image { clear: both; width: 100%; } .kitoum-site-header-wrapper { position: relative; padding-bottom: 0; } .kitoum-site-header-wrapper .kitoum-site-logo { width: 100%; text-align: center; margin-top: 15px; margin-top: 1.5rem; margin-bottom: 15px; margin-bottom: 1.5rem; } .kitoum-site-header-wrapper .kitoum-site-logo img { max-width: 150px; margin-bottom: 0; margin-top:10px; } .kitoum-site-testimonial__image { margin-top: 30px; margin-top: 3.0rem; text-align: center; } .kitoum-site-testimonial__image img { max-width: 250px; } .kitoum-site-header-wrapper .kitoum-site-mobile-menu { display: block; } .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation { width: 100%; } .kitoum-site-navigation-wrapper.kitoum-site-navigation-wrapper { padding-bottom: 0; padding-top: 0; } .kitoum-site-navigation.kitoum-site-navigation { padding-right: 0; top: 0; transform: none; position: relative; right: 0; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-top: 0; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { display: block; width: 100%; text-align: left; } .kitoum-site-header-wrapper .kitoum-site-header .kitoum-site-navigation.kitoum-site-navigation ul li a { padding-left: 5%; padding-right: 48px; padding-right: 4.8rem; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a { padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; font-size: 14px; font-size: 1.4rem; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li .kitoum-sub-nav, .kitoum-site-navigation.kitoum-site-navigation.no-megamenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > .kitoum-sub-nav { position: relative; } .kitoum-site-navigation.kitoum-site-navigation.no-megamenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > .kitoum-sub-nav { visibility: visible; opacity: 1; display: none; } .kitoum-site-navigation.kitoum-site-navigation.no-megamenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > .kitoum-sub-nav.open { display: block; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > .kitoum-sub-nav, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper { display: none; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { background-color: #f0f1f2; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { color: #000; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:focus { background-color: #000; color: white; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover + .child-trigger i:before, .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:focus + .child-trigger i:before { color: white; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li .child-trigger i:before { color: #000; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children .child-trigger { display: none; } .kitoum-site-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a { padding-left: 8%; padding-right: 8%; } .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation { text-align: center; } .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation ul { float: left; width: 100%; padding-left: 0; } .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { display: inline-block; float: none; width: auto; } .kitoum-site-secondary-navigation.kitoum-site-secondary-navigation ul li a { font-size: 12px; font-size: 1.2rem; padding: 10px 5px 10px 5px; padding: 1rem 0.5rem 1rem 0.5rem; } .kitoum-site-secondary-navigation .kitoum-site-phone-number { width: 100%; text-align: center; } .kitoum-site-follow-me a:last-child { margin-right: 0; } .kitoum-site-main-content.kitoum-site-main-content { padding-right: 0; } .kitoum-site-footer { padding-top: 30px; padding-top: 3.0rem; padding-bottom: 30px; padding-bottom: 3.0rem; } .kitoum-site-footer .kitoum-site-footer-navigation { margin-bottom: 48px; margin-bottom: 4.8rem; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul { padding-left: 0; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li { width: 48%; display: inline-block; margin-bottom: 10px; margin-bottom: 1.0rem; text-align: left; vertical-align: top; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li a { padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width: 100%; } .kitoum-site-footer .kitoum-site-footer-logo { text-align: center; margin-bottom: 48px; margin-bottom: 4.8rem; } .kitoum-site-footer-bottom-row .kitoum-site-follow-me { float: none; text-align: center; } .kitoum-site-footer .kitoum-site-copyright { text-align: center; margin-top: 0px; margin-top: 0rem; width: 100%; } .kitoum-site-footer .kitoum-site-copyright-content { text-align: center; } .kitoum-site-main-content-right.kitoum-site-main-content-right .kitoum-site-main-content { float: none; padding-left: 0; } .kitoum-site-tabs .kitoum-site-tabs__list-wrapper, .kitoum-site-tabs .kitoum-site-tabs__content-wrapper { clear: both; width: 100%; } .kitoum-site-tabs .kitoum-site-tabs__list-wrapper::before { display: none; } .kitoum-site-tabs .kitoum-site-tabs__list::after { display: block; } .kitoum-site-tabs .kitoum-site-tabs__list-link::after { display: block; } .kitoum-site-tabs .kitoum-site-tabs__content { padding: 30px 0px 30px 0px; padding: 3.0rem 0rem 3.0rem 0rem; } .kitoum-site-tabs .kitoum-site-tabs__content::before { content: ''; position: absolute; top: 0; left: -100%; width: 300%; height: 0; border-top: 2px solid white; z-index: 2; } .kitoum-site-blog .kitoum-previous-posts, .kitoum-site-blog .kitoum-next-posts, .kitoum-site-blog .kitoum-all-posts { float: none; display: block; } .kitoum-site-feature-row-block__row { display: block; } .kitoum-site-feature-row-block--reverse .kitoum-site-feature-row-block__row { direction: ltr; } .kitoum-site-feature-row-block__content-wrapper, .kitoum-site-feature-row-block__img-wrapper { width: 100%; display: block; } .kitoum-site-feature-row-block__img-wrapper + .kitoum-site-feature-row-block__content-wrapper { margin-top: 20px; margin-top: 2.0rem; } .kitoum-site-feature-row-block__img-wrapper, .kitoum-site-feature-row-block--reverse .kitoum-site-feature-row-block__img-wrapper { padding: 0; } .kitoum-site-feature-row-block__img-wrapper { text-align: center; } .kitoum-site-feature-row-block__img-wrapper img { width: 100%; max-width: 500px; } #email-prefs-form input[type="email"] { width: 100% !important; } .kitoum-site-testimonial { overflow: hidden; } .kitoum-site-testimonial__quote-text::before { display: none; } } @media handheld, only screen and (max-width: 36em) { /* 576px */ .kitoum-site-body h1 { font-size: 48px; font-size: 4.8rem; line-height: 1.1; } .kitoum-site-body h2 { font-size: 32px; font-size: 3.2rem; } .kitoum-site-body ul, .kitoum-site-body ol { padding-left: 15px; padding-left: 1.5rem; } .kitoum-site-body ol[style*="list-style"] { padding-left: 30px; padding-left: 3.0rem; } .kitoum-site-body img[style*="float"], .kitoum-site-body img[align] { float: none !important; /* Override inline style */ clear: both; max-width: 100%; margin-left: 0 !important; /* Override inline style */ margin-right: 0 !important; /* Override inline style */ display: block; } .kitoum-site-body .cta_button, .kitoum-site-body .hs-button { display: block; } .kitoum-site-body .hs-button { width: 100%; } .kitoum-site-hero, .kitoum-site-hero--home { padding-top: 30px; padding-top: 3.0rem; padding-bottom: 30px; padding-bottom: 3.0rem; } .kitoum-site-block-icon--small .kitoum-site-icon { font-size: 60px; font-size: 6rem; } .kitoum-site-block-icon--small i { width: 60px; width: 6rem; height: 60px; height: 6rem; } .kitoum-site-block-icon--medium .kitoum-site-icon { font-size: 120px; font-size: 12rem; } .kitoum-site-block-icon--medium i { width: 120px; width: 12rem; height: 120px; height: 12rem; } .kitoum-site-block-icon--large .kitoum-site-icon { font-size: 180px; font-size: 18rem; } .kitoum-site-block-icon--large i { width: 180px; width: 18rem; height: 180px; height: 18rem; } .kitoum-site-block-icon--small.kitoum-site-block-icon--circle i { line-height: 6rem; } .kitoum-site-block-icon--medium.kitoum-site-block-icon--circle i { line-height: 12rem; } .kitoum-site-block-icon--large.kitoum-site-block-icon--circle i { line-height: 18rem; } .kitoum-site-block-cta__inner { padding: 0; } .kitoum-site-bg { padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li { width: 100%; display: block; text-align: center; padding-right: 0; margin-bottom: 0; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li a { text-align: center; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.hs-item-has-children ul.hs-menu-children-wrapper { margin-bottom: 20px; margin-bottom: 2rem; } .kitoum-site-footer .kitoum-site-footer-navigation.kitoum-site-footer-navigation ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { text-align: center; } .kitoum-site-blog #recaptcha_area { margin-left: auto; margin-right: auto; } } /***************************************** Print *****************************************/ @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } .kitoum-site-body table:not(.pika-table) { border: 1px solid black; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 1cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .kitoum-site-body .cta_button, .kitoum-site-body .hs-button { border: 1px solid black; } .kitoum-site-row.kitoum-site-row { padding-left: 0; padding-right: 0; } .kitoum-site-hero:after { display: none; } } figure.snip1390 { font-family: 'Raleway', Arial, sans-serif; position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 330px; max-width: 715px; width: 100%; color: #000000; text-align: center; font-size: 16px; background-color: #a1e8b9; padding: 15px; background-image: linear-gradient(-25deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%); -webkit-box-sizing: border-box; box-sizing: border-box; } figure.snip1390 *, figure.snip1390 *:before, figure.snip1390 *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } figure.snip1390 figcaption { width: 100%; } figure.snip1390 h2, figure.snip1390 h4, figure.snip1390 blockquote { margin: 0; } figure.snip1390 h2, figure.snip1390 h4 { font-weight: 300; } figure.snip1390 h2 { color: #000; } figure.snip1390 h4 { color: #a6a6a6; } figure.snip1390 blockquote { font-size: 1em; padding: 10px 40px 20px 60px; margin-top: 30px; margin-left:10px; background-color: #ffffff; border-radius: 5px; box-shadow: inset -1.4px -1.4px 2px rgba(0, 0, 0, 0.3); text-align: left; position: relative; } figure.snip1390 blockquote:before { font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 70px; opacity: 0.25; font-style: normal; top: 0px; left: 20px; margin-right:15px; } figure.snip1391 blockquote:before { font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 70px; opacity: .25; font-style: normal; top: 40px; left: 20px; margin-right: 15px; } figure.snip1390 .profile { width: 100px; border-radius: 50%; display: inline-block; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.4); margin-bottom: 10px; border: solid 5px #fff; } @import url(//fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic); @import url(//fonts.googleapis.com/css?family=Montserrat:500%27); /* @import url('http://example.com/example_style.css'); */ /** * CSS @imports must be at the top of the file. * Add them above this section. */ /* ========================================================================== HS COS Boilerplate v1.3.0 ========================================================================== */ /* This responsive framework is required for all styles. */ /* { include "hubspot/styles/responsive/required_base.css" %} { include "hubspot_default/shared/responsive/theme-foundation-v1-0.css" %} { include "hubspot/styles/responsive/hubtheme-modules.css" %} /* These includes are optional, but helpful. */ /*{ include "hubspot/styles/patches/recommended.css" %} */ /* ========================================================================== Index: 1. BASE STYLES - Variables - Macros - Base - Typography 2. COS STRUCTURE - Structure - Header - Content - Footer 3. MAIN NAVIGATION - Custom Menu Primary - Mobile Menu 4. TEMPLATE MODULE CLASSES - Common Template Classes - Website Pages - Landing Pages - System Pages 5. COS COMPONENTS - Blog - Forms - Buttons 6. MISCELLANOUS 7. MOBILE MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. BASE STYLES ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /** * Find the most consistently used font styles, colors, and container widths * for your site and assign them to the jinja variables below for easy use * and reference. * * Apply the variable as shown below. Ignore the jingja comment tags. * * */ /* Colors */ /* */ /* */ /* */ /* Typography */ /* */ /* */ /* */ /* */ /* */ /* */ /* Well Colors */ /* Containers */ /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /* ========================================================================== Macros ========================================================================== */ /** * Create jinja macros for CSS3 properties that need browser prefixes. * * Apply the style as shown below. Ignore the jinja comment tags. * * */ /* Transition */ /* Animation Delay */ /* Box Shadow */ /* Background Size */ /* Border Radius */ /* User Select */ /* Opacity*/ /* ========================================================================== Base ========================================================================== */ /** * Box Sizing * * Applies a natural box layout model to all elements so that width and padding * are essentially combined, making responsive styles easier to manage. */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; padding: 0; max-width: 100%; overflow-x: hidden; } /* Website background color and default font styles */ body { background: #fff; color: #666; font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);} /** * Page Center * * Apply .page-center to full-width modules. */ .container-fluid .row-fluid .page-center { float: none; max-width: 1080px; margin: 0 auto; } a { text-decoration: none; color: #000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } a:hover, a:focus { color: #000000; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #666; text-shadow: none; } ::selection { color: #fff; background: #666; text-shadow: none; } /* ========================================================================== Typography ========================================================================== */ /* Basic text */ p { margin: 10px 0; } small {} strong {} em {} cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; margin: 10px 0; text-rendering: optimizelegibility; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } /* Quotes */ blockquote {} blockquote p {} blockquote small {} blockquote small:before {} q:before, q:after, blockquote:before, blockquote:after {} .text-center { text-align: center; } /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /* ========================================================================== Structure ========================================================================== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} /* ========================================================================== Header ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 10px; white-space: nowrap; max-width: 340px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .header-container-wrapper { position: fixed; width: 100%; z-index: 9999; } .header-container { padding: 10px 0; background: #fff; z-index: 9999; } .header-cta{ margin-top: 20px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } /* Logo styling */ .header-container .hs_cos_wrapper_type_logo a img { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; /*background: #000;*/ max-height: 74px; width: auto; margin-top: 15px; } /* Header Small */ .small-header .header-container { padding: 5px 0; } .small-header .header-container .hs_cos_wrapper_type_logo a img { max-width: 100px; } .small-header .custom-menu-primary .hs-menu-wrapper>ul { padding-top: 0; } .small-header .header-cta { margin-top: 5px; } /* ========================================================================== Content ========================================================================== */ .body-container-wrapper { padding-top: 90px; } .body-container { padding-right: 0px !important; padding-left: 0px !important; margin-right: auto ; margin-left: auto; } /* Unique Pages ========================================================================== */ /* Homepage */ .background-image { display: none !important; } #banner-background-image{ position: relative; background-color: #444; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 620px; } #banner-background-image h1 { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); max-width: 720px; margin-bottom: 0px; margin-top: 30px; background: rgba(0,0,0, 0.2); padding: 5px 5px 5px 10px; } #banner-background-image h3 { color: #fff; font-size: 22px; max-width: 680px; margin-bottom: 15px; font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background: rgba(0,0,0, 0.2); padding: 5px 5px 5px 10px; } #banner-background-image .subscribe-form h3{ padding: 0px; background: none; } #banner-background-image .cta_solid_button { background: #fff; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; color: #000; border-color: #000; } #banner-background-image .cta_solid_button:hover{ border: 2px solid #FFF; background: #000; color: #FFF; } .homepage .subscribe-form { background: rgba(0, 0, 0, 0.2); padding: 30px 0; padding-bottom: 70px; color: #fff; position: absolute; bottom: 0; } .homepage .subscribe-form .title { font-size: 18px; margin-top: 0; margin-bottom: 10px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); font-weight: 700; } .homepage .subscribe-form input[type="email"] { max-width: 400px; height: 37px; } .homepage .subscribe-form .hs_email { display: inline-block; width: 354px; margin-right: 5px; vertical-align: top; } .homepage .subscribe-form .hs_submit { display: inline-block; } .homepage .subscribe-form .hs-button.primary { border-style: solid; border-width: 2px; color: #FFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin: 0; border-color: #000; background: #000; text-transform: uppercase; } .homepage .subscribe-form .hs-button.primary:hover { background: #fff; border-style: solid; border-width: 2px; border-color: #000; color: #000; } .social-media { position: absolute; bottom: 0; width: 100%; padding: 10px 0px; } .social-media:before { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background: #000; z-index: 1; } .social-media > .page-center { position: relative; z-index: 2; } .social-media a{ padding-right: 5px; } .social-tagline { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.6); font-weight: 700; font-size: 13px; text-align: right; } .logo-bar-background{ background: #f5f5f5; height: 100px; } #offer-background-image{ position: relative; background-color: #444; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 450px; } #offer-background-image h1 { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); max-width: 720px; margin-bottom: 0px; margin-top: 30px; background: rgba(0,0,0, 0.2); padding: 5px 5px 5px 10px; } #offer-background-image h3 { color: #fff; font-size: 22px; max-width: 680px; margin-bottom: 15px; font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background: rgba(0,0,0, 0.2); padding: 5px 5px 5px 10px; } .offer-image { display: none !important; } #offer-background-image .hs-form-field>label{ color: #fff; } #offer-background-image .offer-form h3{ background: none; } .homepage .main-content h2 { margin: 0px; } .homepage .main-content .sub-headline { font-size: 18px; } .faq-background { background: #f5f5f5; } .homepage .fb_iframe_widget { top: -2px; } .homepage .fb_iframe_widget > span, .homepage .linked-in-share { vertical-align: top !important; } .homepage #twitter-widget-0 { width: 80px !important; } .homepage .social-share-data { position: relative; top: 3px; } /* Reusable Components ========================================================================== */ /* FAQ Module */ .accordion { margin-bottom: 20px; } .accordion_group { margin-bottom: 2px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #f0f0f0; padding: 5px 10px; } .accordion_header { cursor: pointer; font-size: 18px; line-height: 16px; width: 100%; padding: 10px 15px; } .accordion_icon{ color: #000; padding-right: 10px; } .accordion_content { padding: 10px 15px; } /* Page Title Background */ .title-background{ background: #f5f5f5; } .title-background h1, .title-background h2{ margin-bottom: 0px; } /* Blog Subscribe Module */ .subscribe-form { background: #f5f5f5; } .subscribe-form .widget-type-blog_subscribe input[type="email"] { max-width: 400px; height: 38px; width: 100%; margin: 0; } .subscribe-form .hs_email { display: inline-block; width: 300px; margin-right: 5px; vertical-align: top; } .subscribe-form .hs_submit { display: inline-block; } .subscribe-form .hs-button.primary { border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-color: #000; margin: 0; } .subscribe-form .hs-button.primary:hover { background: #fff; border-style: solid; color: #000; border-color: #000; background: #000; border-width: 2px; } /* Hide blog subscribe label */ .widget-type-blog_subscribe label { clip: rect(1px, 1px, 1px, 1px); height:1px; overflow:hidden; position:absolute !important; width:1px; } /* Team member Module */ .team-member-headshot img{ -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; max-width: 150px; max-height: 150px; border-style: solid; border-width: 5px; display: inline-block; width: 100%; border-color: #000; height: auto; } .team-member-social a{ color: #000; font-size: 30px; } .three-column .team-member-social a { display: block; } .three-column .team-member-social i { padding: 0; } .team-member-social i{ padding-right: 5px; } .team-member-social a:last-child i{ padding-right: 0px; } .team-member-social a:hover, .hs-author-social-links a.hs-author-social-link:hover { color: #ccc; } .team-member-name{ margin: 0px; font-weight: 100; } .team-member-title{ margin: 0px; color: #000; font-weight: 100; } /* Well Module */ #well{ min-height: 20px; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; } #well .default{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border-style: solid; border-width: 1px; background: #000; border-color: #000000; } #well .primary{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #74bdfc; border: 1px solid #428bca; } #well .success{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #8eea8e; border: 1px solid #5cb85c; } #well .danger{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #db7674; border: 1px solid #a94442; } #well .info{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #8df2ff; border: 1px solid #5bc0de; } #well .plain{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background:#f5f5f5; color: #666; border: 1px solid #ddd; } #well .small{ padding: 20px; } #well .medium{ padding: 24px; } #well .large{ padding: 28px; } #well .close{ float: right; padding: 3px 10px 0px 0px; cursor: pointer; color: #666; } /* Pricing Module */ .pricing-table h3.heading { color: #fff; margin: 0px; text-align: center; padding: 5px 0px; -webkit-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; background: #000; border-top-right-radius: 4px; } .pricing-table .label{ padding: 5px 10px; right: 15px; font-size: 12px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-left: 10px; vertical-align: middle; background: #000000; } .pricing-table .content { background: #f5f5f5; padding: 30px; text-align: center; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .pricing-table .content ul{ list-style: none; padding-left: 0px; } .pricing-table .content ul li{ padding: 10px 0px; } .pricing-table .number{ font-size: 60px; font-weight: 700; } .pricing-table .currency{ font-size: 24px; position: relative; top: -25px; } .pricing-table .unit{ font-size: 12px; color: #ccc; text-transform: uppercase; } .pricing-table .content a{ padding: 10px 25px; } .icon-width i { color: #000; } /* Rich Editor Checkmark Lists */ .hs_cos_wrapper_type_rich_text ul { padding-left: 20px; } .hs_cos_wrapper_type_rich_text ul li { list-style: none; } .hs_cos_wrapper_type_rich_text ul li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f058"; margin-right: 8px; color: #000; font-size: 18px; } /* Tabber Module */ .body-container .tabber-tabs { border-bottom: 1px solid #ddd; list-style: none; padding: 0; margin: 0 0 -2px; } .tabber-tabs > li { float: left; } .tabber-tabs > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; text-decoration: none; display: block; } .tabber-tabs > .active > a, .tabber-tabs > .active > a:hover, .tabber-tabs > .active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .tabber-content { background: #fff; padding: 8px; border: 1px solid #ddd; -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -o-border-radius: 0 4px 4px 4px; -ms-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; } .body-container .tabber-content ul { padding: 0; margin: 0; } .tabber-content .block h3 { display: none; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image { float: left; width: 40%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-item-text { float: right; width: 60%; padding: 0 0 0 15px; } .blog-tabber .hs-rss-item:last-child { margin-bottom: 10px; } .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: auto; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image { float: left; width: 40%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } /* Testimonial */ .quote-box { background: #f5f5f5; padding: 30px; padding-bottom: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; margin-bottom: 30px; } .quote-box:after { content: ""; display: block; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f5f5f5; position: absolute; bottom: -20px; margin-left: -20px; left: 50%; } .quote { border: none; padding: 0; font-size: 16px; color: #666666; margin: 0px; } .details { font-size: 13px; } .name { display: block; font-weight: normal; font-family: 'Montserrat', sans-serif; } .quote-box .title { display: block; color: #b3b3b3; margin-bottom: 0; font-weight: normal; font-size: 13px; } .quote-box .fa{ font-size: 18px; position: absolute; right: 30px; bottom: 30px; } .img-rounded { border-radius: 6px; } .testimonial-headshot img{ border-radius: 50%; max-width: 150px; max-height: 150px; margin-top: -10px; border: 5px solid #f5f5f5; } /* Flex Slider */ .hs_cos_flex-slider .caption { background: #000; } /* Modular Selectors ========================================================================== */ /* Colors */ .accentColor1 { color: #000; } .accentColor2 { color: #ccc; } .accentColor3 { color: #ddd; } /* Delays */ .delayp1 { animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-delay: .1s; -o-animation-delay: .1s; transition-delay: .1s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -o-transition-delay: .1s; } .delayp2 { animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-delay: .2s; -o-animation-delay: .2s; transition-delay: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; } .delayp3 { animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-delay: .3s; -o-animation-delay: .3s; transition-delay: .3s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; } .delayp4 { animation-delay: .4s; -moz-animation-delay: .4s; -webkit-animation-delay: .4s; -o-animation-delay: .4s; transition-delay: .4s; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -o-transition-delay: .4s; } .delayp5 { animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -o-animation-delay: .5s; transition-delay: .5s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; } .delayp6 { animation-delay: .6s; -moz-animation-delay: .6s; -webkit-animation-delay: .6s; -o-animation-delay: .6s; transition-delay: .6s; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -o-transition-delay: .6s; } .delayp7 { animation-delay: .7s; -moz-animation-delay: .7s; -webkit-animation-delay: .7s; -o-animation-delay: .7s; transition-delay: .7s; -webkit-transition-delay: .7s; -moz-transition-delay: .7s; -o-transition-delay: .7s; } .delayp8 { animation-delay: .8s; -moz-animation-delay: .8s; -webkit-animation-delay: .8s; -o-animation-delay: .8s; transition-delay: .8s; -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -o-transition-delay: .8s; } .delayp9 { animation-delay: .9s; -moz-animation-delay: .9s; -webkit-animation-delay: .9s; -o-animation-delay: .9s; transition-delay: .9s; -webkit-transition-delay: .9s; -moz-transition-delay: .9s; -o-transition-delay: .9s; } .delay1s { animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; } .delay2s { animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-delay: .2s; -o-animation-delay: .2s; transition-delay: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; } /* Paddings */ .padding10tb { padding: 10px 0px; } .padding20tb { padding: 20px 0px; } .padding40tb { padding: 40px 0px; } .padding60tb { padding: 60px 0px; } .padding80tb { padding: 80px 0px; } .padding100tb { padding: 100px 0px; } /* ========================================================================== Footer ========================================================================== */ .footer-container-wrapper { } .footer-container { padding-left:0px; padding-right:0px; } .footer-background { background-color:#59595c; } .footer-background a, .footer-copyright a, .footer-container-wrapper .more-links a, .footer-container-wrapper .contact-us a, .footer-container-wrapper .about-us a { color: #000000; } .footer-background, .footer-background a { } .footer-container-wrapper .more-links a:hover, .footer-container-wrapper .contact-us a:hover, .footer-container-wrapper .about-us a:hover { color: #FFF; } .footer-container-wrapper .more-links a { margin: 10px 0px; } .footer-container-wrapper .footer-copyright{ background: #666; color: #ccc; padding: 10px 0px; font-size: 12px; } .footer-container-wrapper .social-icons .fa{ font-size: 20px; padding-right: 5px; } /* Back to Top */ .container-fluid .row-fluid .back-to-top { position: fixed; bottom: 20px; right: 20px; width: auto; font-size: 20px; padding: 1px 8px 4px; border-radius: 4px; background: #000; cursor: pointer; } .back-to-top a { color: #000000; } /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /* ========================================================================== 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:; padding-top: 18px; float: right; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .custom-menu-primary .hs-menu-wrapper > ul > li{ background:#fff /* font-weight:bold; */ /* text-transform: uppercase; */ font-size: 0.92857em; margin-right: 10px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ padding: 10px 7px !important; position: relative; /* color: accentColor1; */ color: #000; display: block; font-family:'Montserrat',sans-serif; font-size: 0.92857em !important; font-weight: 500; text-transform: uppercase !important; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color: #88e2a6 !important; background: #fff !important; } .custom-menu-primary .hs-menu-wrapper > ul > li:hover{ color: #88e2a6 !important; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{ left: 15px!important; background: #fff; padding: 10px 0px; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; min-width: 150px; } .custom-menu-primary .hs-menu-wrapper > ul ul li:hover { color: #88e2a6 !important; } .custom-menu-primary .hs-menu-wrapper > ul > li > ul:before { content: "\f0d8"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; color: #fff; position: absolute; top: -12px; left: 0; width: 100%; padding-left: 10px; text-shadow: 0px -1px 0px #ccc; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:#fff; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:; padding: 3px 10px; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color: #88e2a6 !important; /* border-bottom: 3px solid; */ } /* 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; } /* Carret after Menu items with dropdown */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after { content: "\f0d7"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 7px; font-size: 13px; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after { border-top-color: #000; } /* Show menu and remove background color on desktop after toggling mobile menu */ @media screen and (min-width:769px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; background: transparent !important; } } /* Force header to trigger mobile layout on iPads */ @media (max-width: 768px){ .header-container-wrapper .container-fluid .row-fluid [class*="span"] { display: contents; float: none !important; width: auto !important; margin-left: 0 !important; } .custom-menu-primary .hs-menu-wrapper > ul li a { padding: 0 10px; color: #88e2a6 !important; font-size:15px !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 !important; /* Hide button on Desktop */ } @media (max-width: 768px){ /* ========================================================================== 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 >li > a{ background:; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:; } .custom-menu-primary .hs-menu-wrapper > 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: 100% !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: 5px 5px; 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:#88e2a6; font-size:25px; } /* 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: 22px; background: #59595c; /* Background color */ /* border: 1px solid menuColorMobile ; */ font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; /* border-radius: 4px; */ color: #59595c; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#ffffff; background-color: #59595c; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#ffffff; background-color: #59595c; 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: #59595c; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ top: -6px; /* Position top line */ } .mobile-trigger i:after{ top: 6px; /* Position bottom line */ } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #ffffff; /* Icon color */ } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#88e2a6; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled{ position: relative; padding-top: 44px; /* Makes room for button */ margin: 10px 0 10px 0; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#59595c; /* 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:#88e2a6; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: 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 */ } } } /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ /* Common Template Selectors ========================================================================== */ body.one-column {} body.two-column {} body.three-column {} .content-wrapper {} .main-content {} .sidebar{} .blog-sidebar ul, .sidebar ul{ padding-left: 10px; list-style: none; } .sidebar.right{} .sidebar.left{} /* Common One Column Selectors */ body.site-page.one-column, body.landing-page.one-column, body.error-template.one-column, body.password-template.one-column, body.subscription-template.one-column {} body.site-page.one-column .main-content, body.landing-page.one-column .main-content, body.error-template .main-content, body.password-template .main-content, body.subscription-template .main-content {} /* Common Two Column Selectors */ body.site-page.two-column, body.landing-page.two-column, body.blog {} body.site-page.two-column .main-content, body.landing-page.two-column .main-content, body.blog .blog-content {} /* Common Three Column Selectors */ body.site-page.three-column, body.landing-page.three-column {} body.site-page.three-column .main-content, body.landing-page.three-column .main-content {} /* Website Pages ========================================================================== */ /* One Column Template */ body.site-page.one-column {} body.site-page.one-column .content-wrapper {} body.site-page.one-column .main-content {} /* Two Column Template */ body.site-page.two-column {} body.site-page.two-column .content-wrapper {} body.site-page.two-column .main-content {} body.site-page.two-column .sidebar.right {} /* Three Column Template */ body.site-page.three-column {} body.site-page.three-column .content-wrapper {} body.site-page.three-column .main-content {} /* Landing Pages ========================================================================== */ /* One Column Template */ body.landing-page.one-column {} body.landing-page.one-column .content-wrapper {} body.landing-page.one-column .main-content {} /* Two Column Template */ body.landing-page.two-column {} body.landing-page.two-column .content-wrapper {} body.landing-page.two-column .main-content {} body.landing-page.two-column .sidebar.right {} /* Three Column Template */ body.landing-page.three-column {} body.landing-page.three-column .content-wrapper {} body.landing-page.three-column .main-content {} /* System Pages ========================================================================== */ /* Error Templates 404, 500 */ body.error-template.one-column {} body.error-template.one-column .content-wrapper {} body.error-template.one-column .main-content {} /* Password template */ body.password-template.one-column {} body.password-template.one-column .content-wrapper {} body.password-template.one-column .main-content {} /* Email Subscribition templates */ body.subscription-template.one-column {} body.subscription-template.one-column .content-wrapper {} body.subscription-template.one-column .main-content {} /* ========================================================================== 5. COS COMPONENTS ========================================================================== */ /* ========================================================================== Blog ========================================================================== */ /* Blog Post and Listing Body Class */ body.blog {} /* Blog Post */ body.hs-blog-post {} /* Blog Listing */ body.hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} /* Blog Content Column ========================================================================== */ .blog .blog-content {} /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h2 { margin-bottom: 0; } .post-header p{ font-size: 13px; } /* Blog Author and Avatar */ #hubspot-author_data { float: left; } #hubspot-author_data a.author-link {} .hs-author-avatar {} .hs-author-avatar img {} p.custom_listing_comments{ float: right; } .hs-blog-social-share{ float: left; } /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item { padding-bottom: 60px; } .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {} /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link { display: block; } .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ border-width: 0; max-height: 300px; max-width: 100%; display: inline-block !important; float: none!important; margin: 10px 0px 10px 0px; } /* Read More Link */ a.more-link {} /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /** * Blog Social Sharing icons * * Overrides defaults to better align icons and prevent overlapping */ .social-sharing-wrapper { clear: both; } .hs-blog-social-share { padding: 10px 0 0 0; height: auto; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .blog-pagination { text-align: center; } .blog-pagination .previous-posts-link { float: left; } .blog-pagination .all-posts-link {} .blog-pagination .next-posts-link { float: right; } /* Blog Author Page */ .hs-author-social-label { display: inline-block; margin-right: 8px; font-weight: bold; vertical-align: middle; } .hs-author-social-links a.hs-author-social-link { font-size: 30px; display: inline-block; padding-right: 5px !important; background: none !important; vertical-align: middle; } /* Blog Sidebar ========================================================================== */ .blog .blog-sidebar {} .blog-sidebar-filter-list li { padding: 2px 0; } /* Blog Modules */ .blog .blog-sidebar .widget-span { padding: 0px 0px 40px 0px; } /* ========================================================================== Forms ========================================================================== */ /* All Global Forms ========================================================================== */ /* Form Field */ body .hs-form-field { margin-bottom: 15px; } /* Descriptions */ body .hs-field-desc {} /* Labels */ body label { margin-bottom: 5px; font-weight: 700; } body .hs-form-field > label {} /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { width: 100%; font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; font-size: 16px; display: block; height: 34px; padding: 6px 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus { outline: 0; border-color: #000; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); } /* Separate Styles for Multiple Line Inputs */ body textarea { min-height: 200px; } body textarea:focus {} /* Separate Styles for Drop Downs */ body select {} body select:focus {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {} /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ /* color: #555; opacity: 1; */ } :-moz-placeholder { /* Firefox 18- */ /* color: #555; opacity: 1; */ } ::-moz-placeholder { /* Firefox 19+ */ /* color: #555; opacity: 1; */ } :-ms-input-placeholder { /* IE10 */ /* color: #555; opacity: 1; */ } /* Form Module ========================================================================== */ /* Form Field */ .hs_cos_wrapper_type_form .hs-form-field {} /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li.hs-form-radio input[type="radio"] { width: auto; } .hs_cos_wrapper_type_form input[type="radio"] {} .hs_cos_wrapper_type_form input[type="checkbox"] {} /* Blog Comment Form ========================================================================== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] { display: inline-block; } #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* Error */ body .hs-common-error-message {} /* Blog Subscription Form ========================================================================== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"], .widget-type-blog_subscribe input[type="email"]{ width: 70%; float: left; margin-top: 2px; height: 36px; } .blog-sidebar #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"] {} /* Google Search Form ========================================================================== */ /* Label */ .widget-type-google_search label { font-size: 24px; font-weight: 700; font-family: 'Montserrat',sans-serif; display: block; text-rendering: optimizelegibility; margin: 0px 0px 20px; } /* Input */ .widget-type-google_search input[type="text"] { width: 60%; float: left; margin-top: 0px; height: 36px; } .widget-type-google_search input[type="focus"] {} .widget-type-google_search .hs-button.primary { float: left; margin-left: 2px; } /* Multi Column Form ========================================================================== */ body .hs-form fieldset.form-columns-1 {} body .hs-form fieldset.form-columns-1 .hs-form-field {} body .hs-form fieldset.form-columns-2 {} body .hs-form fieldset.form-columns-2 .hs-form-field {} body .hs-form fieldset.form-columns-3 {} body .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, 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 form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* Form Error Selectors ========================================================================== */ .hsformerror{ font-size: 12px!important; border: 0 !important; color: #FFF!important; background-image: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; z-index: 99999 !important; border-color: #000 !important; background: #000 !important; } .hsformerror .close-form-error { color: #000; } .hsformerror em { border-color: #000 transparent transparent !important; } /* ========================================================================== Buttons ========================================================================== */ /* All Global Buttons (Excluding CTAs) ========================================================================== */ body .hs-button.primary, body input[type="submit"], body input[type="button"] { background: #fff; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; color: #000; border-color: #000; -webkit-appearance: none; } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover { border: 2px solid #FFF; border-color: #000; background: #000; color: #FFF; } body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus {} /* Form Module Button ========================================================================== */ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* Blog Comment Button ========================================================================== */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* Blog comment "reply to" section */ .comment-reply-to{ color: #666!important; background: none!important; padding-left: 0px!important; } .comment-reply-to:before{ content: "\f112"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 7px; font-size: 15px; color: #000; vertical-align: top; } /* Blog Subscription Button ========================================================================== */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* Google Search Button ========================================================================== */ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /* CTA Buttons ========================================================================== */ /** * Override global CTA styles by wrapping the CTA module in a module group * that has an ID, and use that ID to prefix your CTA selector. Example shown below. * * All overriding properties require !important tags. */ /* CTA button with border */ .cta_border_button { background: #fff; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; color: #000; border-color: #000; -webkit-appearance: none; } .cta_border_button:hover { border: 2px solid #FFF; color: #000; border-color: #000; background: #000; color: #FFF; } /* CTA button with Solid Background */ .cta_solid_button { border-style: solid; border-width: 2px; color: #FFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-transform: uppercase; border-color: #000; -webkit-appearance: none; } .cta_solid_button:hover { background: #FFF; border-style: solid; border-width: 2px; border-color: #000; background: #000; text-transform: uppercase; } /* Social Shop CSS*/ .social-shop { background-color:#a1e8b9; margin-top:40px; } .events-carousel { background-color:#a1e8b9; margin-top:50px; } .grid__block { text-align:center; line-height:1.2; } .socialshop__img { border:1px solid #a1e8b9; } .socialshop_container { padding:20px 20px; } /* ========================================================================== 6. MISCELLANOUS ========================================================================== */ /** * Styles that do not fit into available sections above can go here. * For example, one would place 3rd party plugin overriding styles here. * * This section is NOT for 'Custom' styles. All custom styles must go in the * proper sections above. * * For instance, custom header and footer styles must go in the HEADER and * FOOTER sections. Custom styles for anything in-between the header and footer * (such as, styles that are unique to the HOMEPAGE only), must go in the * CONTENT section. */ /* ========================================================================== 7. MOBILE MEDIA QUERIES ========================================================================== */ /* Screen sizes smaller than site maxWidth (.page-center) ========================================================================== */ @media (max-width: 1080px) { .container-fluid .row-fluid .page-center { padding: 10px; } .container-fluid .footer-copyright .row-fluid .page-center { padding: 0 10px; } } /* Landscape tablet and smaller devices ========================================================================== */ @media (max-width: 768px) { .header-container-wrapper{ position: relative; } .header-container{ padding: 0; } .header-container-wrapper .container-fluid .row-fluid .page-center{ padding: 0; } .header-container .hs_cos_wrapper_type_logo a img { max-width: 120px; margin: 5px 0 5px 10px; } .row-fluid [class*="span"].header-cta{ display: none !important; } /* General */ .body-container-wrapper { padding-top: 0; } .padding40tb { padding: 25px 0; } .sidebar.right, .main-content, .blog-sidebar { margin: 25px 0; } /* Team Member Social */ .three-column .team-member-social a { display: inline-block; } .three-column .team-member-social i { padding-right: 5px; } .three-column .team-member-social a:last-child i { padding-right: 0; } .team-member-name, .team-member-title { text-align: center; } /* Footer */ .footer-container-wrapper .more-links a i { display: inline-block; width: auto; } .footer-container .about-us, .footer-container .more-links { margin-bottom: 25px; } /* Homepage */ .service-group h4, .service-group-icon, #offer-background-image h1, #banner-background-image { text-align: center; } .homepage .subscribe-form { padding-top: 10px; } .homepage .subscribe-form .hs_email { width: auto; } #banner-background-image h1 { font-size: 32px; margin-bottom: 15px; margin-top: 55px; } #banner-background-image h3 { display: none; } .homepage .subscribe-form { width: 100%; } .social-tagline { text-align: center; margin-bottom: 15px; } /* Blog */ #comment-form { margin-bottom: 25px; } } @media (min-width: 768px) and (max-width: 1024px) { .custom-menu-primary .hs-menu-wrapper > ul > li > a { font-size:11px !important; } } /* Landscape phones and smaller devices ========================================================================== */ @media (max-width: 479px) {} /* Landscape phones and smaller devices ========================================================================== */ .events-carousel { background-color:#a1e8b9; margin-top:50px; } /* Event Carousel Style */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .flip-card h2,h3,p,h4, h5, h6, a{ font-family: 'Montserrat', sans-serif !important; color: #696969 !important; } .flip-card-back h3 { font-size:20px !important; margin: 10px 10px; } .information { position:absolute; } /* .hosted-cities a { display:block; word-wrap:breakword; } */ .swiper-slide { background:#a1e8b9 !important; } #giveaway-module { text-align:center; margin: 0 auto; } .kitoum-site-body img { margin:0 auto !important; display:block; } .card__textbackdtls { line-height:1; margin: 10px 10px !important; } .information h5 { line-height:1; margin: auto; padding: 5px 10px; } .information h6 { line-height:1; margin: auto; padding: 5px 10px; } .information h3 { line-height:1; padding: 10px 5px; font-size:18px !important; } .information h4 { line-height:1.1; padding: 10px 5px; } .date-time p { margin:auto; } .flip-card a { text-decoration: none; } .flip-card a:hover { text-decoration: none; color: gray; } .flip-card { background-color: transparent; perspective: 1000px; width: 330px; height: 320px; } .flip-card-back a { font-size: 12px; padding:0 5px; } .flip-card-back a:hover { text-decoration: none; color: gray; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } .flip-card-front { background-color: #f1f1f1; color: black; z-index: 2; transform: rotateX(0deg); } .flip-card-back { background-color: #f1f1f1; transform: rotateY(180deg); z-index: 1; transform: rotateX(0deg); } .ctadiv { position:relative; top: 130px; } .card { display: inline-flex; flex-direction: column; align-items: center; justify-content: space-between; width: 250px; height: 350px; margin: 50px; overflow: hidden; } .card--radius { border-radius: 20px; } .card--shadow { box-shadow: 0px 3px 5px 3px darkgray; } .card--bg { background: #eee; } .card__img { display: block; width: 100%; height: 50%; background-size: cover; background-position: top !important; background-repeat: no-repeat; } .card__img--vader { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/festival_tasting_gen_peE27.jpg'); } .card__img--vaderback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/summer-whiskey.jpg'); } .card__img--airshow { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/yachtparty.jpg'); } .card__img--airshowback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/2017airshowyachtpartychicago280129.jpg'); } .card__img--stpats { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/2021_Event_Carousel_Images/homepage_1_st_patricks-min.jpg'); } .card__img--stpatsback { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/2021_Event_Carousel_Images/homepage_2_st_patricks-min.jpg'); } .card__img--stpats2 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/5_girls_1_guy_group__wCscX.jpg'); } .card__img--stpatsback2 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/_zqzhwgb.jpg'); } .card__img--stpats3 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/3_12_16_st__patty_s__zHS4u.jpg'); } .card__img--stpatsback3 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/sfzzthnh.jpg'); } .card__img--2020whiskey { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/winterwhiskeyfront.jpg'); } .card__img--fallwhiskey { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/https___cdn_evbuc_co_HMnXw.jpg'); } .card__img--fallwhiskeyback { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/whiskey_festival_tas_50tJd.jpg'); } .card__img--summertequilaback2 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/Summer%20Tequila%20Front.png'); } .card__img--springtequilafront { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/spring_tequila_festi_front%20%281%29.jpg'); } .card__img--springtequilaback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/spring_tequila_festi_back.jpg'); } .card__img--2020whiskeyback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/winterwhiskeyback.jpg'); } .card__img--2020tequila { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/wintertequilafront.jpg'); } .card__img--2020tequilaback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/wintertequilaback.jpg'); } .card__img--22exctequilafront { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/2021_Event_Carousel_Images/eventbrite_exclusive_tequila_festival_front.jpg'); } .card__img--22exctequilaback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/eventbrite_exclusive_tequila_back.jpg'); } .card__img--22summerwhiskey { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/2021_Event_Carousel_Images/22_Summer_Whiskey_Front.jpg'); } .card__img--22summerwhiskeyback { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/2021_Event_Carousel_Images/22_Summer_Whiskey_Back.jpg'); } .card__img--summerwhiskey1 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/Homepage_2_Summer_Whiskey-min.jpg'); } .card__img--summerwhiskeyback1 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/Homepage_1_Summer_Whiskey-min.jpg'); } .card__img--summertequilafront1 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/Summer%20Tequila%20Front.png'); } .card__img--summertequilaback1 { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/Summer%20Tequila%20Front.png'); } .card__img--halloweenback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/Halloween-Bar-Crawl-Back.png'); } .card__img--halloween { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/Halloween-Bar-Crawl-Back.png'); } .card__img--exclusiveback { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/2021_Event_Carousel_Images/CHICAGO_EXCLUSIVE_WHISKEY%20BESOCIALSCENE.jpg'); } .card__img--exclusivefront { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/EVENTBRITE_EXCLUSIVE_WHISKEY_BACK_BESOCIALSCENE.jpg'); } .card__img--exclusivedenfront { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/2021_Event_Carousel_Images/DENVER_EXCLUSIVE_WHISKEY_FRONT_BESOCIALSCENE.jpg'); } .card__img--exclusivedenback { background-image: url('https://www.besocialscene.com/hubfs/st.pats/carouselimages/2021_Event_Carousel_Images/DENVER_EXCLUSIVE_WHISKEY_BACK_BESOCIALSCENE.jpg'); } .card__img--nye { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/Homepage_2_NYE_BarCrawl%20%281%29-min.jpg'); } .card__img--nyeback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/Homepage_3_NYE_BarCrawl%20%281%29-min.jpg'); } .card__img--yacht { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/https___cdn_evbuc_co_IDHmR.jpg'); } .card__img--yachtback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/nye_yacht_1.jpg'); } .card__img--winterwhiskey { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/Homepage_2_Winter_Whiskey-min.jpg'); } .card__img--winterwhiskeyback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/2021_Event_Carousel_Images/Homepage_1_Winter_Whiskey-min.jpg'); } .card__img--wintertequila { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/tequila_winter_1.jpg'); } .card__img--wintertequilaback { background-image: url('https://1943696.fs1.hubspotusercontent-na1.net/hubfs/1943696/st.pats/carouselimages/wintertequilaback.jpg'); } .card__text { font-size: 1.5em; text-align: center; margin-bottom: 10px; } .card__textbackdtls { font-size: .85em; text-align: center; margin-top: -10px; padding: auto; } .card__text2 { font-size: .85em; text-align: center; margin-top: -10px; margin-bottom: auto; padding: auto; } .card__text3 { font-size: .85em; text-align: center; margin: 0px auto; margin-bottom: 15px; } .card__textback { padding:3px 3px; position: relative; background:#88e2a6; margin-top: 30px !important; } .manycities ul { list-style-type: none; padding: 2px 2px; } .manycities li { background: #88e2a6; display:inline-block; margin: 2px 2px; padding:2px 2px; width:120px; font-size:10px; vertical-align:middle; font-weight:600; } .manycities a, p { vertical-align: inherit; } .hosted-cities { margin-top: 10px; line-height: 1.5; } .datestyle { font-size:7px !important; display:block; } .footer-menu-terms-and-service a:link { color:white !important; font-size:12px; } .card__btn { background:#696969; border: 2px solid transparent; cursor: pointer; margin-top:0px; } .card__btns { background:#88e2a6; border: 2px solid transparent; margin-top:0px; } .designcta { background:#88e2a6 !important; padding:5px 10px; } .card__btn--radius { border-radius: 10px; } .ctadiv p { color:#fff !important; } .swiper-container { width: 100%; height: 100%; margin-bottom:50px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media screen and (max-width: 991px) { .swiper-container .swiper-wrapper .swiper-slide { width: 100%; } .flip-card h3, h4 { line-height: 1; margin-top: 10px; margin-bottom:5px; padding:0px 10px; } .information h4 { line-height:1.2; } .information h3 { line-height:1; padding: 10px 5px; font-size:12px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 70% !important; align-items: left !important; } /* .event1:active .flip-card-inner , .event2:active .flip-card-inner , .event3:active .flip-card-inner , .event4:active .flip-card-inner, .event5:active .flip-card-inner, .event6:active .flip-card-inner, .event7:active .flip-card-inner, .event8:active .flip-card-inner, .event9:active .flip-card-inner, .event10:active .flip-card-inner { transform: none !important; } */ .flip-card-inner { transform:none !important; } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: visible ; transform:none !important; } .events-carousel { background-color:#a1e8b9; margin-top:0px; } } @media screen and (max-width: 374px) { .flip-card { background-color: transparent; width: 260px ; height: 240px !important; perspective: 1000px; } .information h4 { line-height:1.2; } .manycities li { background: #88e2a6; display:inline-block; margin: 0 auto; padding:0 auto; width:60px; font-size:8px; height:23px !important; font-weight:600; } .manycities a { text-decoration: none; color: black; font-size: 8px; line-height:1px !important; margin:auto; } .ctadiv { position:relative; top: 110px !important; } .card__text { font-size:18px ; } .swiper-container .swiper-wrapper .swiper-slide { width: 100% ; } .flip-card h3,h4 { font-size: 15.5px !important; line-height: 1; margin-top: 5px; margin-bottom:5px; padding:5px 10px !important; } .card__img { display: block; width: 100%; height: 40%; background-size: cover; background-position: top !important; background-repeat: no-repeat; } .information p{ line-height:1; } .card__btn { margin-top: -1px !important; } .card__textbackdtls { line-height:1; margin: 10px 10px !important; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 60% !important; align-items: left !important; } } @media screen and (max-width: 767px) { /* STYLES HERE */ .flip-card h3,h4 { font-size: 15px; line-height: 1; padding:0px 10px; } .hosted-cities { margin-top: 5px; display: contents; } .manycities a { text-decoration: none; color: black; font-size: 10px; line-height:1px !important; margin:auto; } .manycities li { background: #88e2a6; display:inline-block; margin: 2px auto; padding:2px 2px; width:85px; font-size:10px; height:25px; } .datestyle { font-size:7px !important; display:block; padding:2px 2px; } .flip-card { background-color: transparent; width: 310px; height: 300px; perspective: 1000px; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); } .flip-card-back h3 { font-size:15px !important; } .card__textbackdtls { font-size: .85em; text-align: center; margin-top: -10px; padding: auto; } .card__text2 { font-size: .85em; text-align: center; margin-top: -10px; margin-bottom: auto; padding: auto; } .card__text3 { font-size: .85em; text-align: center; margin: 0px auto; margin-bottom: 15px; } .ctadiv { position:relative; top: 120px !important; } } @media screen and (max-width: 767px) { .swiper-slide { text-align: center; font-size: 15px; background: #fff; width: 70% !important; align-items: left !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .manycities li { font-size:10px; height:27px; } /* STYLES GO HERE */} @media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .manycities li { background: #88e2a6; display:inline-block; margin: 2px 5px; padding:2px 5px; width:90px; font-size:7px; height:20px; } .manycities li { background: #88e2a6; display:inline-block; margin: 2px auto; padding:2px 2px; width:95px; font-size:10px; height:30px; } .information h3 { line-height:1; padding: 5px 5px; font-size:12px; } /* .event1:active .flip-card-inner , .event2:active .flip-card-inner , .event3:active .flip-card-inner , .event4:active .flip-card-inner, .event5:active .flip-card-inner, .event6:active .flip-card-inner, .event7:active .flip-card-inner, .event8:active .flip-card-inner, .event9:active .flip-card-inner, .event10:active .flip-card-inner { transform: none !important; } */ .flip-card-inner { transform:none !important; } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: visible ; transform:none !important; } } /* Portrait*/ @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .manycities li { background: #88e2a6; display:inline-block; margin: 2px 5px; padding:2px 5px; width:90px; font-size:7px; height:20px; } .manycities li { background: #88e2a6; display:inline-block; margin: 2px auto; padding:2px 2px; width:95px; font-size:10px; height:30px; } .information h3 { line-height:1; padding: 5px 5px; font-size:12px; } /* .event1:active .flip-card-inner , .event2:active .flip-card-inner , .event3:active .flip-card-inner , .event4:active .flip-card-inner, .event5:active .flip-card-inner, .event6:active .flip-card-inner, .event7:active .flip-card-inner, .event8:active .flip-card-inner, .event9:active .flip-card-inner, .event10:active .flip-card-inner { transform: none !important; } */ .flip-card-inner { transform:none !important; } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: visible ; transform:none !important; } } /* ----------- iPad Pro ----------- */ /* Portrait and Landscape */ @media (min-width:992px) { /* big landscape tablets, laptops, and desktops */ .hero-banner-margin { margin-top:40px; } } @media (min-width: 1025px) and (max-width: 1280px) { .manycities li { width: 110px; height:23px; } .hosted-cities { line-height:1.1; } .flip-card-inner:hover { transform: rotateY(180deg); } .flip-card-back { background-color: #f1f1f1; transform: rotateY(180deg); z-index: 1; } } @media (min-width: 1281px) { .manycities li { height:23px; } .hosted-cities { line-height:1.1; } .flip-card-inner:hover { transform: rotateY(180deg); } .flip-card-back { background-color: #f1f1f1; transform: rotateY(180deg); z-index: 1; } } /* Portrait */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { } /* Landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { .manycities li { background: #88e2a6; display:inline-block; margin: 2px 5px; padding:2px 5px; width:100px; font-size:10px; } } .about-us-module { display: flex; align-items: center; justify-content: center; position: relative; left: 0; right: 0; top: 50%; } /*testimonials*/ .testmonials{ padding: 50px 0; background: url(../img/testbcg.jpg) center no-repeat fixed; background-size: cover; color: #fff; position: relative; } @media (min-width:800px) { .testmonials #quote-carousel .carousel-indicators { position: relative; min-height: 100px; top: auto; bottom: 0px; left: auto; right: auto; margin: auto; padding-left: 0; display:contents; } } .testmonials:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #quote-carousel { padding: 0 10px; } .testmonials #quote-carousel .carousel-indicators li { width: 90px; height: 90px; cursor: pointer; border: 2px solid #ccc; border-radius: 50%; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; vertical-align: middle; margin: 10px; opacity: .5 } .testmonials #quote-carousel .carousel-indicators .active { transform: scale(1.4); -webkit-transition: all .4s ease-in; transition: all .4s ease-in; border: 3px solid #a1e8b9; opacity: 1 } .testmonials img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .testmonials .active img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .testmonials .item p{ border: 2px solid #a1e8b9; padding: 50px; margin:40px 10px 0 10px; } .testmonials .item h4 { background: #a1e8b9; width: 28%; padding: 10px 0; font-size: 14px; border-radius: 3px; margin: auto; position: absolute; top: 11%; left: 0; right: 0; color: #000; } .item blockquote { border-left: none; margin: 0; } .item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; } .item blockquote p:after { content: "\f10d"; font-family: 'Fontawesome'; float: right; margin-right: 10px; transform: rotate(180deg); } .testmonials p{ margin: 5% 5%; font-size: 18px; font-weight: 300; } @media (max-width: 499px) { #testi-container { top:-50px; } .testmonials { padding-top: 77px !important; } .testi-paragraph { margin-top:20px !important; } .testmonials #quote-carousel .carousel-indicators li { width: 35px !important; height: 35px !important; display: inherit !important; padding:0px 5px !important; } .testmonials .item h4 { background: #a1e8b9; width: 41% !important; font-size:13px !important; /* top: -4% !important; */ } .testmonials .item p { margin-top: 15px !important; font-size:12px; padding:50px 10px; } .carousel-inner blockquote, p { top:15px !important; } .testmonials #quote-carousel .carousel-indicators { position: relative; min-height: 100px; right: 40%; left:0%; top: auto; bottom: 0px; margin-right: -19px; display:table-cell; } } @media (min-width:500px) and (max-width:768px) { .testmonials #quote-carousel .carousel-indicators li { width: 70px !important; height: 70px !important; margin: 0 5px } .carousel-indicators { display:contents; } .testmonials .item h4 { background: #a1e8b9; width: 30% !important; top: 10% !important; } .testmonials .item p { margin-top: 15px; font-size:15px; } } /*Media partners Section*/ .media-partners { background:#a1e8b9; padding:20px 10px; } .event-headline { background: #eee; padding-bottom:30px; } .select-ticket-types { background:#a1e8b9; height:450px; padding:20px 5px 10px 5px; margin-bottom:10px; } /*Individual Page Section*/ .event-title-headline { background: #eee; color:#444444; padding-top:30px; margin-top:30px; } .order-form-eb { border: 4px dashed #88E2A6; padding: 0px 10px 55px 10px; } .event-details { background:#eee; } @media (min-width:320px) and (max-width:480px) { /* Styles */ #event-pictures { display:none; } .select-ticket-types { font-size:15px; } .event-title-headline { padding-top:0px; } .event-testimonial-video { margin-bottom:15px; } } @media only screen and (min-device-width : 481px) and (max-device-width :768px) { .select-ticket-types { font-size:13px; } }