/* @import url('http://example.com/example_style.css'); */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); /***********************************************/ /* 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 */ /*****************************************/ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; list-style:none; outline:0; } body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size: 14px;font-style: normal; font-weight: 400; text-transform: none; line-height: 28px; letter-spacing: 0px; color: #7b7b7b; } .row-fluid .wrapper { margin:0 auto !important; width:1170px !important; float:none !important; } img { border:0; } hr { border-color:#ccc; clear:both; margin-top:30px } .img-responsive2 { max-width:100%; height:auto } .clear { clear:both } h1 { font-size:28px; margin:0; line-height:normal; clear:both; color:black; } h2 { font-size:20px; margin:0; line-height:normal; clear:both; } h3 { font-size:16px; margin:0; line-height:normal; clear:both; } h4 { font-size:28px; margin:0; line-height:normal; clear:both; } .blog-form #comments-listing { float:left; width:100%; background:#ebebeb; } .blog-form #comments-listing .comment { float:right; width:auto; background:#fff; padding:20px !important; position:relative; } .blog-form #comments-listing .comment:after { width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent; border-top: 20px solid #fff; position:absolute; right:20px; top:100%; content:''; } .blog-form #comments-listing .comment.depth-1:after { left:20px; right:auto; } .blog-form #comments-listing .comment.depth-1 { float:left; width:auto; margin-top:20px; } .blog-form #comment-form .hs-common-confirm-message { font-size:0 !important; } .blog-form .new-comments { margin:20px 0 40px; } .blog-form .comment-reply-to { float:right; width:auto } .comment-from h4 { padding:0; font-size:18px; color:#558f76; line-height:normal; } .comment-from h4 a { color:#558f76; } .comment-from, .comment-date { display: inline-block; line-height: normal; float: none; vertical-align: middle; font-size:18px; color:#558f76; margin-right:10px; position: relative; top: -6px; } body.active{ display:block !important; } form fieldset { max-width:100% !important; float:left; margin:5px 0; width:100%; } form .form-columns-1 .input , form .form-columns-2 .input { margin-right:0 !important; } form .form-columns-1 .input textarea , form .form-columns-1 .input input , form .form-columns-1 .input select { width:100% !important; } form .form-columns-2 { width:100%; } form .form-columns-2 .input input { width:100% !important; } form .form-columns-2 .hs-form-field:first-child { padding-right:10px; padding-left:0; } form .form-columns-2 .hs-form-field:last-child { padding-left:10px; padding-right:0; } form .form-columns-2 .hs-form-field { width: 50% !important; } form .form-columns-1 .hs-form-field { padding-right:0 !important; } form .hs_recaptcha { float:left; width:100%; } .row-fluid .btn-effect a { z-index: 5; overflow: hidden; position: relative; display: inline-block; } .row-fluid .btn-effect a:after { content: ''; width: 0; transition: all .5s; height: 100%; top: 0; left: 0; background-color: #021222; position:absolute; z-index:-1; } .row-fluid .btn-effect a:hover:after { width:120%; } a { text-decoration:none; outline:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; display:inline-block; } #comment-form { width:93%; } #comment-form form { padding-top:40px; float:left; width:100%; } #comment-form form > div { margin:15px 0; } #comment-form form input[type="text"], #comment-form form input[type="email"], textarea { border:1px solid #c7c7c7; height:38px; height:40px; } textarea { border:1px solid #c7c7c7; } .row-fluid .banner-slider a { line-height: 24px; z-index: 5; overflow: hidden; position: relative; transition: all .4s ease-in-out; display: inline-block; padding: 10px 25px; background-color: #00a0ce; color: #fff; border-radius: 4px; margin: 5px 0 0; font-size: 18px; font-weight: 300; } .row-fluid .banner-slider a:hover { background:#fa652c; } .row-fluid .banner-slider a:after { content: ''; width: 0; transition: all .3s; height: 100%; top: 0; left: 0; background-color: #fa652c; position:absolute; z-index:-1; } .row-fluid .banner-slider a:hover:after { width:120%; } input[type="text"], input[type="email"], input[type="tel"], textarea, select { border:1px solid #dadadb; } .hs-blog-post input[type="text"], .hs-blog-post input[type="email"], .hs-blog-post textarea, select { border:1px solid #dadadb; } .hs-blog-post input[type=submit] { background:#86bd3b; color:#fff; padding: 8px 16px; margin:20px 0; } /* http://ianlunn.github.io/Hover/ */ input, button, textarea { border:none; outline:none; } input[type=submit], button { cursor:pointer; background:url(//47398.fs1.hubspotusercontent-na1.net/hubfs/47398/paradise/image/blank-img.png) no-repeat left top; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } input[type="submit"]:hover { color:#fff; background:#1996ff; } ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link, .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; white-space:initial !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display:none; -webkit-animation: fade-in 0.5s; /* Safari 4+ */ -moz-animation: fade-in 0.5s; /* Fx 5+ */ -o-animation: fade-in 0.5s; /* Opera 12+ */ animation: fade-in 0.5s; /* IE 10+, Fx 29+ */ } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { display:block; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; } .row-fluid [class*="span"] { min-height:0; } .row-fluid .bgimg-main { background-size:cover; background-repeat:no-repeat; background-position:top center; z-index:0; } .row-fluid .bg-img { display:none; } .hs-error-msgs { list-style:none; margin:0 0 10px; padding:0; font-size:12px; } .row-fluid .slick-slider1 button { position:absolute; top:50%; height:20px; width:20px; z-index:1; font-size:0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .row-fluid .slick-slider1 .slick-prev { left:0px; background:url('//2104682.fs1.hubspotusercontent-na1.net/hubfs/2104682/JTurner-2016/Image/slick-left.png') center no-repeat; } .row-fluid .slick-slider1 .slick-next { right:0px; background:url('//2104682.fs1.hubspotusercontent-na1.net/hubfs/2104682/JTurner-2016/Image/slick-right.png') center no-repeat; } .row-fluid .classic-effect { width:auto; margin:0; float:none; display:inline-block; } .row-fluid .classic-effect a { overflow:hidden; position:relative; margin: 0; padding: 10px 20px; background: #f7b515; font-weight: 600; width:auto; display: inline-block; border-radius: 5px; color: #fff !important; font-size: 14px; line-height: 22px; } .row-fluid .classic-effect a:before { background: rgba(255,255,255,0.4); content: ''; width: 63%; height: 300%; position: absolute; top: -150px; transform: skew(-60deg); -webkit-transform: skew(-60deg); transition: all ease .8s; -webkit-transition: all ease .8s; } .row-fluid .classic-effect a:hover:before { left:0; top:30px; } .row-fluid .mainmenu ul li a { font-weight:600; font-size:14px; text-transform:uppercase; } /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li ul { background:#252525; top:35px; padding:50px 20px 20px; width:200px; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li ul li a { padding:10px 15px; display:inline-block; color:#fff; }*/ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /*************header*************/ .row-fluid ul { float:left; width:100%; margin:0; padding:0; } .row-fluid .top1 { float:left; width:100%; background: rgba(255,255,255,0.9); color: #252525; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .row-fluid .topmenu a { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .row-fluid .top2 { float:left; width:100%; background: rgba(255,255,255,0.8); color: #252525; padding:30px 0 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .row-fluid .top1 a , .row-fluid .top2 a { color:#252525; } .row-fluid .topmenu , .row-fluid .top-social , .row-fluid .top-logo , .row-fluid .footercopyright { float:left; width:auto; margin:0; } .row-fluid .top-right , .row-fluid .top-language , .row-fluid .mainmenu , .row-fluid .footer-social { float:right; width:auto; margin:0; } .row-fluid .topmenu ul li { float:left; width:auto; padding: 0 10px; font-weight:700; font-size:11px; line-height:45px; } .row-fluid .topmenu ul li:first-child { padding-left:0; } .row-fluid .top-social , .row-fluid .top-language { padding:0 15px; line-height:45px; } .row-fluid .top-social a { font-size: 15px; padding: 0 7px; } .row-fluid .top-logo img { max-width:120px; transition:all .4s ease; } .row-fluid .mainmenu div.hs-menu-wrapper > ul > li { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .row-fluid .footer-ctaarea .cta-style a:hover { color: #000000; background:#fff; border-color:#fff; } .body-container-wrapper { overflow-x:hidden; } .row-fluid .blog-heroslider1 { position:relative; } .row-fluid .blog-heroslider1 .slick-slider { position:initial; } .row-fluid .wrapper.blog-heroslider { width:780px !important; float:left !important; } .row-fluid .post-slider02 .slider-box { width:100%; float:left; font-weight: 400; color: rgb(123, 123, 123); background:#fff; padding:35px 40px; transform:translateX(-150px); opacity:0; transition:transform 600ms ease-in-out; } .row-fluid .post-slider02 .slick-current .slider-box { transform:translateX(0px); opacity:1; } .row-fluid .post-slider02 .post-title { float:left; width:100%; margin-bottom:10px; } .row-fluid .post-slider02 .post-title a { font-size: 20px; line-height: 26px; font-weight: 700; color: rgb(0, 0, 0); } .row-fluid .post-slider02 p { margin:0; } .row-fluid .post-bodytext03 { float:left; width:100%; padding-bottom:15px; } .row-fluid .post-slider02 { padding:375px 0 20px; float:left; max-width:710px; } .row-fluid .post-slider02 .readmore-post { text-transform:uppercase; font-weight:700; font-size:12px; line-height:22px; color:#a71930; margin-top:10px; } .row-fluid .post-slider02 .readmore-post i { margin-right:7px; font-size:20px; position:relative; top:1px; } .row-fluid .post-slider02 button.slick-arrow { outline:0; border:0; position:absolute; bottom:12px; height:40px; width:40px; z-index:1; font-size:0; cursor:pointer; } .row-fluid .post-slider02 .slick-prev:after { font-family:'fontAwesome'; content: "\f053"; font-size:24px; color:#fff; } .row-fluid .post-slider02 .slick-next:after { font-family:'fontAwesome'; content: "\f054"; font-size:24px; color:#fff; } .row-fluid .post-slider02 .slick-prev { right:80px; ; } .row-fluid .post-slider02 .slick-next { right:30px; } .text-center { text-align:center; } .row-fluid .top-main03 { position:fixed; top:0; width:100%; left:0; z-index:999; } .leaveIt .row-fluid .top1 , .fixIt .row-fluid .top1 { height:0; opacity:0; } .leaveIt .row-fluid .top2 { padding-top:17px; box-shadow: 0 0px 50px 0 rgba(0,0,0,0.15); } .leaveIt .row-fluid .mainmenu .hs-menu-wrapper > ul > li { padding-bottom:17px; } .fullView.fixIt .row-fluid .top1 { height:auto; opacity:1; } .row-fluid #pinterest { display:none; } #pinterest h3 { font-family: 'Open Sans', helvetica, arial, sans-serif; margin-bottom:20px; font-size: 26px; line-height: 1.1em; color: #333; font-weight: 400; letter-spacing: .5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hseblog1 .fancybox-close { background:none !important; } .hseblog1 .fancybox-close:after { position:absolute; left:-7px; top:21px; font-size:20px; color: #7b7b7b; content:''; font-family:'fontAwesome'; content: "\f00d"; } /*.hseblog1 .fancybox-skin { padding-top:40px !important; }*/ body.hs-blog-post a.cta-style { padding-top:0 !important; padding-bottom:0 !important; margin-top:10px !important; } body .row-fluid .cta-style a { overflow:hidden; position:relative; font-size: 11px; font-style: normal; font-weight: 700;-webkit-transition: all .2s linear; color:#fff; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; text-transform: uppercase; line-height: 35px; letter-spacing: .8px; color: #ffffff; background: #a71930; padding:0 60px; border:1px solid #a71930; } .row-fluid .cta-style a:hover , body.hs-blog-post a.cta-style:hover { color: #a71930 !important; background:transparent !important; } .row-fluid .footer-ctaarea { float:left; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:40px 0; } .row-fluid .footer-ctaarea h4 { font-size: 20px; font-weight: 700; color: #151a37; line-height: 14px; padding-bottom:10px; } .row-fluid .footer-ctaarea .cta-style { margin-top:12px; } .row-fluid .footer-contact { float:left; width:100%; border-bottom:1px solid #ccc; padding:70px 0; } .row-fluid .footer-contact h4 { font-weight: 700; font-style: normal; font-size: 14px; color: #151a37; letter-spacing: 0px; padding-bottom:30px; } .row-fluid .footer-contact label { font-weight:700; } /*.row-fluid .footer-contact .footer-contactleft a { color: #a71930; }*/ .row-fluid .footer-contact a { color: #7b7b7b; } .row-fluid .footer-contact .cta-style a { padding:0 30px; } .row-fluid .footer-contact a:hover , .row-fluid .copyright a:hover { color: #a71930; } .row-fluid .copyright , .row-fluid .copyright a { font-size:13px; color:rgba(86, 86, 86, 0.8); line-height:28px; } .row-fluid .copyright { padding:23px 0; } .row-fluid .footer-social a { margin-left:12px; font-size:15px; } .row-fluid .back-to-top { position: fixed; bottom: 80px; right: 25px; z-index: 9999; width: 42px; height: 42px; text-align: center;line-height: 30px; background: rgba(0,0,0,0.25); color: #fff; line-height:42px; cursor: pointer; border: 0; font-size:20px; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; display:inline-block; border-radius:100%; transition: text-shadow .2s ease; -webkit-transition: bottom .5s ease, opacity .5s ease; -moz-transition: bottom .5s ease, opacity .5s ease; transition: bottom .5s ease, opacity .5s ease; } .row-fluid .back-to-top:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border-radius: inherit; } .row-fluid .back-to-top:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; opacity: 1; display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border-radius: inherit; -webkit-transition: transform .5s ease, opacity .6s ease; -moz-transition: transform .5s ease, opacity .6s ease; transition: transform .5s ease, opacity .6s ease; } .row-fluid .back-to-top:hover:after { -webkit-transform: scale(1.07); transform: scale(1.07); background: #3498db; -webkit-box-shadow: 0px 10px 20px 8px rgba(0,0,0,0.15); box-shadow: 0px 10px 20px 8px rgba(0,0,0,0.15); background: #a71930; } .row-fluid .back-to-top i { position: relative; overflow: hidden; width: inherit; height: inherit; line-height: inherit; display: block; color: transparent; text-shadow: 0px 0px #fff, 0px 50px #fff; -webkit-transition: text-shadow .2s ease; -moz-transition: text-shadow .2s ease; transition: text-shadow .2s ease; z-index: 1; } .row-fluid .back-to-top:hover i { text-shadow: 0px -50px #fff, 0px 0px #fff; } .row-fluid .back-to-top.show { opacity: 1; bottom: 25px; } .row-fluid .post-item0 { float:left; width:50%; padding-right:20px; position:relative; margin-bottom:40px; } .row-fluid .blogmain-divs { float:left; width:100%; padding:60px 0; } .row-fluid .post-featured { float:left; width:100%; height:253px; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; } .row-fluid .topic-linkfix { position:absolute; right:34px; top:14px; } .row-fluid .topic-linkfix a { border-radius:4px; white-space: nowrap; padding: 10px 20px; background:#a71930; color:#fff; font-size:10px; text-transform:uppercase; line-height:10px; } .row-fluid .topic-linkfix a:hover { background:#000; } .row-fluid .post-item0 h3 , .row-fluid .blog-section02 h3 { letter-spacing:.5px; padding:5px 0 20px; font-size: 20px; font-style: normal; font-weight: 700; text-transform: none; line-height: 26px; float:left; width:100%; color: #313131; } .row-fluid .post-item0 h3 a { color: #313131; display:inline-block; } .row-fluid .post-item0 h3 a:hover , .row-fluid .post-body0 .author-link:hover , .row-fluid .right-box a:hover , .row-fluid .recent-filterpost .post-title a:hover , .row-fluid .post-slider02 .post-title a:hover , .row-fluid .topmenu a:hover { opacity: .7; } .row-fluid .post-body0 { padding: 25px 25px; float:left; width:100%; background:#f4f4f4; font-size: 14px; font-style: normal; font-weight: 400; text-transform: none; line-height: 28px; letter-spacing: 0px; color: #b0b0b0; } body .row-fluid .top-social a.fb:hover { color:#305fb3; } body .row-fluid .top-social a.gp:hover { color:#d7482a; } body .row-fluid .top-social a.li:hover { color:#39c; } body .row-fluid .top-social a.yt:hover { color:#cfdc00; } .row-fluid .post-date { position:relative; float:left; width:100%; padding-left:15px; color:#b0b0b0; font-size:12px; line-height:12px; padding-bottom:10px; line-height:normal; } .row-fluid .post-date:after { position:absolute; left:0; top:0; display:inline-block; content: "\f017"; font-family:'fontAwesome'; } .row-fluid .post-date a { color:#b0b0b0; } .row-fluid .author-img { margin-right:10px; float:left; width:34px; height:34px; display:inline-block; border-radius:100%; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .row-fluid .post-body0 .author-link , .row-fluid .post-body0 .author-link a { font-size:11px; line-height:11px; color:#7b7b7b; font-weight:700; } .row-fluid .blogright h3 { font-size:12px; line-height:12px; color:#222222; text-transform:uppercase; padding-bottom:30px; float:left; width:100%; } .row-fluid .right-box { float:left; width:100%; padding-bottom:30px; } .row-fluid .categories-filter ul li { float:left; width:100%; margin:7px 0; } .row-fluid .categories-filter a { color:#2b2b2b; font-size:12px; line-height:19px; font-weight:700; float:left; width:auto; } .row-fluid .categories-filter .filter-link-count { font-size:12px; line-height:12px; color:#c3c3c3; } .row-fluid .recent-author { width:80px; height:80px; display:inline-block; border-radius: 100%; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .row-fluid .recent02-content { float:right; width:70%; padding-left:15px; } .row-fluid .recent-filterpost { float:left; width:100%; margin:10px 0; display:none; } .row-fluid .loadmore0 { float:left; width:100%; padding-top:10px; } .row-fluid .recent-filterpost .post-title a { color:#363535; font-size:15px; line-height:22px; font-weight:700; margin-bottom:10px; } .row-fluid .loadmore0 a { cursor:pointer; text-transform:uppercase; font-size:11px; font-weight:700; position: relative; display: inline-block; background: transparent; color: #c3c3c3; border: none; padding: 0 28px 0 28px; height: 37px; line-height: 37px; white-space: nowrap; border-radius: 20px; -webkit-box-shadow: 0px 15px 50px 0px transparent; box-shadow: 0px 15px 50px 0px transparent; -webkit-transition: background .4s ease, box-shadow .4s ease, color .4s ease; -moz-transition: background .4s ease, box-shadow .4s ease, color .4s ease; transition: background .4s ease, box-shadow .4s ease, color .4s ease;} .row-fluid .loadmore0 a:hover { background: #fff; color: #28262b; -webkit-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.25); box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.25); } .row-fluid .loadmore0 a .fa { width:auto; display:inline-block; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease; margin-left: 10px; } .row-fluid .loadmore0 a .fa:before { color: #c3c3c3; transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transition: -moz-transform .3s ease; transition: transform .3s ease; display:inline-block; } .row-fluid .loadmore0 a:hover .fa { -moz-transform: rotate(80deg); -webkit-transform: rotate(80deg); -o-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); } .row-fluid .post-item0:after { opacity:0; z-index:-1; display:inline-block; content:''; height:100%; width:80%; position:absolute; bottom:0; left:50%; -webkit-box-shadow: 0 15px 50px 0 rgba(0,0,0,0.3); box-shadow: 0 15px 50px 0 rgba(0,0,0,0.3); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .ink { display: block; position: absolute; background:#3D82BF; border-radius: 100%; transform: scale(0); z-index:-1; } /*animation effect*/ .ink.animate { animation: ripple 0.65s linear; } @keyframes ripple { /*scale the element to 250% to safely cover the entire link and fade it out*/ 100% { opacity: 0; transform: scale(2.5); } } .postshar-social02 .csbuttons-count { padding-left:5px; } .row-fluid .post-item0:hover:after { opacity:1; } .row-fluid .right-box .cta-style a { padding:0 27px; } /*.row-fluid .right-box .cta-style a:hover { color: #000000; background:transparent; }*/ .row-fluid .topic-filter li { float:left; width:auto; margin-right:10px; } .row-fluid .topic-filter li a { cursor:pointer; font-size:12px; position: relative; display: inline-block; background: transparent; color: #000000; border: none; padding: 2px 15px; line-height: 37px; white-space: nowrap; border-radius: 20px; -webkit-box-shadow: 0px 15px 50px 0px transparent; box-shadow: 0px 15px 50px 0px transparent; -webkit-transition: background .4s ease, box-shadow .4s ease, color .4s ease; -moz-transition: background .4s ease, box-shadow .4s ease, color .4s ease; transition: background .4s ease, box-shadow .4s ease, color .4s ease; line-height:39px; } .row-fluid .topic-filter li a:hover { background: #fff; -webkit-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.25); box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.25); } .row-fluid .topic-filter { float:left; width:100%; margin:0px 0 50px; } .row-fluid .topic-filter li.active { border-bottom:2px solid #a71930; } .row-fluid .topic-filter li.active a:hover { box-shadow:none !important; background:transparent; } .row-fluid .fixed-social { z-index:1111; position:fixed; width:50px; top:50%; left:0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .row-fluid .post-fillter-hide-show ul li{ float: left; width: auto;margin-right: 10px; } .row-fluid .post-fillter-hide-show ul li span{ display:none; } .row-fluid .post-fillter-hide-show ul li a{ cursor: pointer; font-size: 12px; position: relative;display: inline-block; background: transparent; color: #000000; border: none; padding: 2px 15px;line-height: 37px; white-space: nowrap; border-radius: 20px; -webkit-box-shadow: 0px 15px 50px 0px transparent; box-shadow: 0px 15px 50px 0px transparent; -webkit-transition: background .4s ease, box-shadow .4s ease, color .4s ease; -moz-transition: background .4s ease, box-shadow .4s ease, color .4s ease; transition: background .4s ease, box-shadow .4s ease, color .4s ease; line-height: 39px; } .row-fluid .post-fillter-hide-show ul {float: left; width: 100%; margin: 0px 0 50px; } .row-fluid .post-fillter-hide-show ul li a:hover{ background: #fff; -webkit-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.25); box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.25); } /*.hseblog1.hs-blog-listing .post-fillter-show{ display:none; } .hide-section .row-fluid .post-fillter-show{ display:none; }*/ .row-fluid .fixed-social ul { margin-bottom:5px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .3s; -o-transition: all .5s; transition: all .5s; } .row-fluid .fixed-social li { text-align:center; width:40px; float:left; font-size:19px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .row-fluid .fixed-social li:hover { width:50px; } .row-fluid .fixed-social li a { width:100%; height:39px; display:inline-block; color:#fff; line-height:40px; } .row-fluid .fixed-social li .fb { background:#3a579a; } .row-fluid .fixed-social li .link { background:#127bb6; } .row-fluid .fixed-social li .g-plus { background:#df4a32; } .row-fluid .fixed-social span { line-height:24px; font-size:17px; color:#fff; text-align:center; position:relative; background: rgba(0,0,0,0.3); height: 24px; width: 24px; float:left; display:inline-block; cursor: pointer; margin: 8px 0 0 8px; border-radius: 12px; opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .row-fluid .fixed-social:hover span , .row-fluid .fixed-social.open span { opacity:1; } .row-fluid .fixed-social span:after { top:-1px; display:inline-block; content: "\f104"; font-family:'fontAwesome'; position:relative; left:-1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .row-fluid .fixed-social.open span { margin-left: 0; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .row-fluid .fixed-social.open span:after { top:0; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #pinterest .et_social_pin_image { width: 30%; float: left; margin:0 5px 10px; text-align:center; display: block; position: relative; height: 90px; overflow: hidden; padding: 10px 2px; } #pinterest .et_social_pin_overlay { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background: rgba(174, 24, 26, 0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align:center; } #pinterest { float:left; width:100%; } #pinterest .et_social_pin_overlay:before { position: absolute; top: 50%; left: 0; font-family:'fontAwesome'; color:#fff; width:100%; content: "\f231"; display:inline-block; font-size:30px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #pinterest .et_social_pin_image a:hover .et_social_pin_overlay { opacity:1; } .row-fluid .top1 .search { margin-left:15px; font-size:15px; } .row-fluid .top1 a { font-size: 12px; font-weight: 700; } .row-fluid .top-right .form-searchbox form { position:absolute; left:50%; top:50%; width:768px; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .row-fluid .form-searchbox #search { border-bottom:1px solid rgba(255,255,255,0.2); } .row-fluid .form-searchbox #search:after { position:absolute; left:0; top:100%; width:0%; height:3px; display:block; background:#a71930; content:''; transition:all .8s ease; } .row-fluid .form-searchbox #search.active:after { width:100%; } .row-fluid .top-right .form-searchbox #search , .row-fluid .blogright .form-searchbox #search { position:relative; } .row-fluid .top-right .form-searchbox #search button , .row-fluid .blogright .form-searchbox #search button { position:absolute; right:0; top:50%; display:inline-block; color:#fff; opacity:.4; font-size:16px; } .row-fluid .top-right .form-searchbox #search button:hover { opacity:1; } .row-fluid .top-right .form-searchbox form input { padding: 25px 45px 25px 0; border:0; border-bottom:3px solid transparent; transition:all .4s ease; border-width:0; background:transparent; color:#fff; font-size:25px; line-height:33px; font-weight:700; } .row-fluid .top-right .form-searchbox form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#fff; } .row-fluid .top-right .form-searchbox form input::-moz-placeholder { /* Firefox 19+ */ color:#fff; } .row-fluid .top-right .form-searchbox form input:-ms-input-placeholder { /* IE 10+ */ color:#fff; } .row-fluid .top-right .form-searchbox form input:-moz-placeholder { /* Firefox 18- */ color:#fff; } .row-fluid .blogright .form-searchbox #search button { font-size:14px; color: #252525; left: 7px; right: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .row-fluid .blogright .form-searchbox { float:left; width:100%; margin-bottom:50px; } .row-fluid .blogright .form-searchbox #search input { height: 40px; line-height: 40px; margin: 0; padding: 0; padding-left:35px; border: 1px solid #e7e7e7; background: rgba(0,0,0,0.01); border-radius: 4px; -webkit-box-shadow: 0 10px 10px -10px transparent; box-shadow: 0 10px 45px -10px transparent; -webkit-transition: background .4s ease, border-color .4s ease, box-shadow .4s ease; -moz-transition: background .4s ease, border-color .4s ease, box-shadow .4s ease; transition: background .4s ease, border-color .4s ease, box-shadow .4s ease; } .row-fluid .blogright .form-searchbox #search input:focus , .row-fluid .blogright .form-searchbox #search:hover input { border-color: transparent;background: #fff; -webkit-box-shadow: 0 10px 45px -10px rgba(0,0,0,0.25); box-shadow: 0 10px 45px -10px rgba(0,0,0,0.25); } .hs-blog-post .row-fluid .wrapper.blog-heroslider1 { display:none; } .hs-blog-post .body-container-wrapper { padding-top:140px; } .hs-blog-post .topic-filter { display:none; } .hs-blog-post .post-date { margin-bottom:20px; } .hs-blog-post .topic-linkfix { position:relative; left:0; top:0; bottom:0; margin-bottom:20px; } .hs-blog-post .topic-linkfix a { color: #303030; background:#E9E9E9; } .hs-blog-post .topic-linkfix a:hover { -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2); box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2); -webkit-transform: perspective(400px) translateY(-2px); -moz-transform: perspective(400px) translateY(-2px); -o-transform: perspective(400px) translateY(-2px); transform: perspective(400px) translateY(-2px); background:#E9E9E9; } .row-fluid .next-prev-div { float:left; width:100%; position:relative; border-bottom:1px solid #E9E9E9; border-top:1px solid #E9E9E9; margin-top:15px; } .row-fluid .next-prev-div a { font-size:12px; line-height:30px; color:#313131; font-weight:700; line-height:70px; } .hs-blog-listing .next-prev-div { display:none; } body .row-fluid .close-searchbtn { position:fixed; top:28px; right:30px; color:#fff; display:inline-block; color: #fff; display: inline-block; cursor: pointer; font-size: 22px; } .row-fluid .blog-section02 .post-featured1 img { float:left; max-width:100%; border-radius: 6px; margin-left:0 !important; } .row-fluid .text-right { text-align:right; } .row-fluid .topic-div a { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; width: 70px; height: 70px; } .row-fluid .next-prev-div .span4 { position:relative; } .row-fluid .rounded-imgpost { width:40px; height:40px; display:inline-block; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; border-radius:100%; } .row-fluid .hover-postright div { float:left; width:auto; } .row-fluid .hover-postright { float:right; width:89%; padding-left:15px; } .row-fluid .hover-postright a { line-height:18px; font-size:13px; } .row-fluid .hover-postright .post-date { margin-top:6px; } .last .rounded-imgpost { float:right; } .row-fluid .last .hover-postright { float:left; padding-left:0; padding-right:15px; } .row-fluid .last .post-date { float:right; } .row-fluid .hover-post { opacity:0; top:4px; width:100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; position:absolute; left:0; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); } .row-fluid .span4.first:hover .hover-post { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity:1; } .row-fluid .span4.first:hover .prev-post { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); opacity:0; } .row-fluid .span4.last .hover-post { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); } .row-fluid .span4.last:hover .hover-post { opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .row-fluid .span4.last:hover .next-post { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); opacity:0; } .row-fluid .blog-section02 a { color: #a71930; } .row-fluid .postshar-social02 { float:right; width:auto; padding-top:40px; } .row-fluid .share-buttons091 li { float:left; display:inline-block; width:auto; margin-left:6px; padding:6px 0; } .row-fluid .share-buttons091 li a { width:36px; height:36px; line-height:36px; color:#fff; border-radius:100%; text-align:center; transition: all .3s ease; } .row-fluid .share-buttons091 li.dfd-share-twitter a { background: #3c98d7; } .row-fluid .share-buttons091 li.dfd-share-pinterest a { background: #e1003a; } .row-fluid .share-buttons091 li.dfd-share-instagram a { background: #cc29a5; } .row-fluid .share-buttons091 li.dfd-share-tumblr a { background: #3d5a70; } .row-fluid .share-buttons091 li.dfd-share-linkedin a { background: #39c; } .row-fluid .share-buttons091 li.dfd-share-reddit a { background: #8bbbe3; } .row-fluid .share-buttons091 li a:hover , .row-fluid .postshar-social02 .don-bubble-right > div a span:hover { -webkit-transform: perspective(1200px) translateY(-2px); -moz-transform: perspective(1200px) translateY(-2px); -o-transform: perspective(1200px) translateY(-2px); transform: perspective(1200px) translateY(-2px); -webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 25px 0 rgba(0,0,0,0.2); } .row-fluid .share-buttons091 li.facebook a { background: #3b5998; width:60px; border-radius:20px; } .row-fluid .share-buttons091 li.g-plus7 a { background: #d34836; width:60px; border-radius:20px } .row-fluid .postshar-social02 .don-bubble-right , .row-fluid .postshar-social02 ul { float:left; width:auto; margin:0; } .row-fluid .postshar-social02 .don-bubble-right .don-btn { border-radius:15px; padding-right:20px; } .row-fluid .postshar-social02 .don-bubble-right .don-count { position:absolute; right:0; background:transparent; border:0; color:#fff; line-height: 36px; } .row-fluid .postshar-social02 .don-bubble-right .don-count:before , .row-fluid .postshar-social02 .don-bubble-right .don-count:after { opacity:0; } .row-fluid .postshar-social02 .don-bubble-right > div { margin: 0 8px 10px 0; } .hs-blog-post .blogleft { padding-right:40px; } .hs-blog-post .blogleft .section.post-body ul , .hs-blog-post .blogleft .section.post-body ol { padding-left:20px; } .hs-blog-post .blogleft ul li { list-style-type: disc !important; list-style: disc !important; } /*.hs-blog-post .blogleft ol li { list-style-type: decimal; }*/ .hs-blog-post .section.post-body ul li , .hs-blog-post .section.post-body ul li { float:left; width:100%; } .row-fluid .footer-subscribe { margin-top:20px; } .row-fluid .footer-subscribe form { float:none; display:inline-block; max-width:500px; width:100%; padding:15px; position:relative;margin-top:20pxfont-family: 'Montserrat', sans-serif;} .row-fluid .footer-subscribe form .hs-form-required{ display:none; } .row-fluid .footer-subscribe form .hs_error_rollup { display:none; } .row-fluid .footer-subscribe form input[type="email"]{ padding:10px 15px 10px 15px; font-family: 'Montserrat', sans-serif; font-size: 14px; float:left; height:40px; margin:0;} .row-fluid .footer-subscribe form .hs_email { width:calc(100% - 172px); float:left; position:relative;} .row-fluid .footer-subscribe form .hs_submit { float:left; margin-top:0; text-align:center; padding-top: 32px;} .row-fluid .footer-subscribe form .hs-button { min-width:100%; height:40px; background:#a71930;color:#fff; font-family: 'Montserrat', sans-serif; width:100%; float:none; display:inline-block; text-transform:uppercase; border:0; transition:all .3s ease; padding: 12px 31px; font-size: 11px; font-weight: 600; letter-spacing: 1px; margin:0;} .row-fluid .footer-subscribe form .hs-button:hover{ background:#880b1f; transition:all .3s ease;} .row-fluid .footer-subscribe form .hs-error-msgs{ padding-top:20px; position:absolute; bottom:-40px; left:0; width:100%; float:left; margin:0;} .row-fluid .footer-subscribe form .hs-error-msgs li { width:100%; float:left; text-align:left; border:0; padding:0;} .row-fluid .footer-subscribe form .hs-error-msgs li label{ width:100%; float:left; text-align:left; color:red;} /* Overlay style */ .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(153,204,51,0.9); z-index:1; } /* Overlay closing cross */ .overlay .overlay-close { width: 30px; height: 30px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(../img/cross.png) no-repeat center center; color: transparent; outline: none; z-index: 100; } /* Menu style */ .overlay nav { text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; } .overlay ul li { display: block; height: 20%; height: calc(100% / 5); min-height: 54px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .overlay ul li a { font-size: 54px; font-weight: 300; display: block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; } .overlay ul li a:hover, .overlay ul li a:focus { color: #f0f0f0; } /* Effects */ .overlay-cornershape { background: transparent; visibility: hidden; -webkit-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } .overlay-cornershape.open { visibility: visible; -webkit-transition: none; transition: none; } .overlay-cornershape svg { position: absolute; top: 0; left: 0; } .overlay-cornershape .overlay-path { fill: rgba(0,0,0,0.9); } .overlay-cornershape nav, .overlay-cornershape .overlay-close { opacity: 0; -webkit-transition: opacity 0.4s 0.4s; transition: opacity 0.4s 0.4s; } .overlay-cornershape.open nav, .overlay-cornershape.open .overlay-close { opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .overlay-cornershape.close nav, .overlay-cornershape.close .overlay-close { -webkit-transition-delay: 0s; transition-delay: 0s; } @media (min-width: 1199px) { /* --- 13-02-2018 --- */ .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-2.hs-item-has-children ul.hs-menu-children-wrapper{display: block;opacity: 1;padding-left: 15px;position: relative;visibility: visible;top:0;left:0;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li a {color: #222;font-size: 11px;line-height: normal;padding: 0 0 0 5px;} .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > a{color:#222222;} .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children > a{color:#222 !important;} .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > a[href="javascript:;"] { cursor: context-menu;} } @media screen and (max-height: 30.5em) { .overlay nav { height: 70%; font-size: 34px; } .overlay ul li { min-height: 34px; } } @media (min-width: 992px) and (max-width: 1240px) { .row-fluid .wrapper { width:962px !important; } .row-fluid .recent-author { width:60px; height:60px; } .row-fluid .hover-postright { width:86%; } .row-fluid .hover-postright .post-date { display:none; } .row-fluid .post-slider02 { padding-top:200px; } /*------- 20-04-2018 --------*/ .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { font-size:13px; } } @media (min-width: 768px) and (max-width: 991px) { .row-fluid .wrapper { width:738px !important; } .row-fluid .post-slider02 { padding-top:170px; } .row-fluid .wrapper.blog-heroslider { width:720px !important; } .row-fluid .recent-author { width:50px; height:50px; } .row-fluid .hover-post { display:none !important; } .row-fluid .span4.first:hover .prev-post, .row-fluid .span4.last:hover .next-post { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .hs-blog-post .blogleft { width:70%; } .hs-blog-post .blogright { width:30%; margin:0; } .row-fluid .post-slider02 { width: 600px; } .row-fluid .footer-contact02right , .row-fluid .footer-contactleft { float:left; width:100%; margin:20px 0; } } .et_social_pin_images { max-height:400px; float:left; width:100%; } #pinterest .et_social_pin_image a { float:left; width:100%; height:100%; text-align:center; } #pinterest .et_social_pin_image a img { position:relative; display:inline-block; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hseblog1 .fancybox-overlay { z-index:999999999 !important; } @media (min-width: 768px) { #pinterest { width:500px; } .et_social_pin_images { overflow-y:scroll; } } @media (min-width: 30px) and (max-width: 767px) { .row-fluid .footer-contact h4 { padding-bottom:20px; } #pinterest { width:100%; } .row-fluid .postshar-social02 { padding-top:5px; } .et_social_pin_images { max-height:250px; } .hseblog1 .fancybox-skin { padding: 40px 0px 20px 20px !important; } #pinterest .et_social_pin_image { width:40%; } .row-fluid .blogmain-divs { padding:10px 0; } .row-fluid .footer-contact02right , .row-fluid .footerdiv-right { margin-top:30px; } body .row-fluid .post-slider02 { max-width:100%; padding-bottom:50px; padding-top:150px; } .row-fluid .post-slider02 button.slick-arrow { padding:0 !important; width:20px; height:40px; line-height:40px; } .row-fluid .post-slider02 .slick-next { right:15px; } .row-fluid .post-slider02 .slick-prev { right:40px; } .row-fluid .post-slider02 .slider-box { padding: 20px 28px; } .row-fluid .wrapper , .row-fluid .wrapper.blog-heroslider { width:100% !important; padding:0 15px; } .row-fluid .fixed-social li , .row-fluid .fixed-social li:hover { width:33.3%; float:left; padding:0 5px; } form .form-columns-2 .hs-form-field { margin:10px 0 0 0 !important; width:100% !important; padding:0 !important; } .row-fluid .mainmenu .hs-menu-wrapper ul li { padding-left:0; padding-right:0; } .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:3px 40px 3px 20px; font-size:14px; } .row-fluid .blogright { float:left; width:100%; margin:40px 0 0 0; } .row-fluid .recent02-content , .row-fluid .recent-author { float:left; } .row-fluid .footercopyright , .row-fluid .footer-social { float:left; width:100%; text-align:center; margin:2px 0; } .row-fluid .footer-ctaarea h4 { line-height:normal; } .row-fluid .next-prev-div .span4 { width:33.3%; margin:0; float:left; text-align:center !important; } .hs-blog-post .body-container-wrapper { padding-top:90px; } .row-fluid .post-slider02 .slick-prev::after , .row-fluid .post-slider02 .slick-next::after { font-size:18px; } .hs-blog-post .blogleft { width:100%; } .row-fluid .hover-post { display:none !important; } .hs-blog-post .blogleft { padding-right:0; } .hs-blog-post .blogright { width:100%; margin:20px 0 0 0; } .row-fluid .span4.first:hover .prev-post, .row-fluid .span4.last:hover .next-post { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .row-fluid .postshar-social02 { float:left; width:auto; } } @media (max-width: 550px) { .row-fluid .footer-subscribe form .hs_email { width:100%;} .row-fluid .footer-subscribe form .hs_submit { width:100%; text-align:center; } .row-fluid .footer-subscribe form .hs-button { width:auto; min-width: 170px; margin-top: 15px; } } @media (min-width: 1101px) { .row-fluid .fixed-social span label , .row-fluid .fixed-social li a label , .row-fluid .fixed-social .social04-close { display:none; } body .row-fluid .top-social a { font-size:15px; } .row-fluid .hover-postright a { font-size:11.5px; } .row-fluid .top2 .wrapper { position:relative; } .row-fluid .post-slider02 .slider-box { width:692px; } .row-fluid .fixed-social.open ul { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .row-fluid .mainmenu .hs-menu-wrapper > ul > li { padding-bottom:30px; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { padding:0 10px; color:#222; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:hover { color: #555; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { color:#222; font-size:13px; position:relative; z-index:1; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { padding:50px 0 50px 0px; width:100%; left:0; top:58px; transition-duration: 400ms; transition-timing-function: ease-in; transition-property: opacity,visibility; } ul.hs-menu-children-wrapper.open-menu-list::before { display: none !important; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul:after { z-index:-1; position:absolute; left:50%; border-top:1px solid #fff; background:white; /*background: rgba(255,255,255,0.9);*/ height:100%; width:1000%; top:0; display:block; content:''; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li { float:left; width:25%; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul:before { position:absolute; left:0; top:65px; font-size:25px; color:#a71930; font-weight:500; } .leaveIt .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { top:45px; } a.mobile-trigger, a.child-triggerm { display: none !important; /* Hide button on Desktop */ } .row-fluid .mainmenu div.hs-menu-wrapper > ul > li { position:initial; } .row-fluid .mainmenu div.hs-menu-wrapper > ul > li:last-child > ul { right:0; left:auto; } .row-fluid .mainmenu div.hs-menu-wrapper > ul > li:last-child > ul > li > ul { right:100%; left:auto !important; } /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(1) > ul:before { content: ' '; }*/ /* YOUR CHALLENGE */ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > ul:before { content: ' '; }*/ /* YOUR MARKET */ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > ul:before { content: ' '; }*/ /* OUR SOLUTIONS */ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(4) > ul:before { content: ' '; }*/ /* OUR REFERENCES */ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > ul:before { content: ' '; }*/ /* ABOUT US */ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(6) > ul:before { content: ' '; }*/ /* CONTACT */ .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li {position:relative; padding:10px 0 10px 25px; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li:after { width:37px; height:30px; margin-top:-15px; position:absolute; left:0; top:35px; content:''; display:inline-block; background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/icon-news-30x30-1.png); } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > ul > li:nth-child(1):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/icon-test-tube.png); background-repeat:no-repeat; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > ul > li:nth-child(2):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/icon-tool.png); background-repeat:no-repeat; } /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > ul > li:nth-child(3):after { background:url(' '); background-repeat:no-repeat; }*/ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > ul > li:nth-child(4):after { background:url(' '); background-repeat:no-repeat; }*/ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > ul > li:nth-child(5):after { background:url(' '); background-repeat:no-repeat; }*/ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > ul > li:nth-child(6):after { background:url(' '); background-repeat:no-repeat; }*/ .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > ul > li:nth-child(1):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/system-development-1.png); background-repeat:no-repeat; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > ul > li:nth-child(2):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/three-tubes-1.png); background-repeat:no-repeat; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > ul > li:nth-child(3):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/industrialization-1.png); background-repeat:no-repeat; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > ul > li:nth-child(4):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/oem-modules-1.png); background-repeat:no-repeat; } /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > ul > li:nth-child(5):after { background:url(' '); background-repeat:no-repeat; }*/ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(3) > ul > li:nth-child(6):after { background:url(' '); background-repeat:no-repeat; }*/ .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li:nth-child(1):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/icon-company-30x30-1.png); background-repeat:no-repeat; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li:nth-child(2):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/icon-team-37x30-2.png); background-repeat:no-repeat; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li:nth-child(3):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/icon-news-37x30-2.png); background-repeat:no-repeat; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li:nth-child(4):after { background:url(https://3399857.fs1.hubspotusercontent-na1.net/hubfs/3399857/HSE%20AG%20August%202017/Images/icon-careers-37x30-2.png); background-repeat:no-repeat; } /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li:nth-child(5):after { background:url(' '); background-repeat:no-repeat; }*/ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li:nth-child(6):after { background:url(' '); background-repeat:no-repeat; }*/ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(6) > ul > li:nth-child(1):after { background:url(' '); background-repeat:no-repeat; }*/ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(6) > ul > li:nth-child(2):after { background:url(' '); background-repeat:no-repeat; }*/ /*.row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(6) > ul > li:nth-child(3):after { background:url(' '); background-repeat:no-repeat; }*/ } .row-fluid .fixed-social li a { background:#cccccc !important; color:#fff; } .row-fluid .fixed-social li a:hover { background:#a71930 !important; } @media (max-width: 1100px) { /* Variables ========================================================================== */ { % set menuColorMobile = "#455560" % } /* Set Mobile Menu Background Color */ { % set aColorMobile = "#fff" % } /* Set Link Color */ { % set aColorHoverMobile = "#fff" % } /* Set Link Hover Color */ body .row-fluid .close-searchbtn { top: 8px; right: 10px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { display: none; } .row-fluid .mainmenu .top-language { display:none; } .row-fluid .top2 .top-language { position:relative; } .row-fluid .top2 { background: rgba(255,255,255,1); } .leaveIt .row-fluid .top2 { background: rgba(255,255,255,.8); } .leaveIt .row-fluid .top2 .top-language:after { opacity:0; } .row-fluid .top2 .top-language:after { position: absolute; left: -32px; top:-36px; width:1px; height:81px; display: block; background: #e7e7e7; content: ''; } /* .leaveIt .row-fluid .top-logo img { max-width:130px; }*/ .row-fluid .close .fixed-social , .row-fluid .close .fixed-social.open { -moz-transform: translateX(-100%) translateY(100%) !important; -webkit-transform: translateX(-100%) translateY(100%) !important; -o-transform: translateX(-100%) translateY(100%) !important; -ms-transform: translateX(-100%) translateY(100%) !important; transform: translateX(-100%) translateY(100%) !important; } /* body .row-fluid .fixed-social { position:relative; }*/ .row-fluid .fixed-social.open.close { -moz-transform: translateX(-100%) translateY(100%) !important; -webkit-transform: translateX(-100%) translateY(100%) !important; -o-transform: translateX(-100%) translateY(100%) !important; -ms-transform: translateX(-100%) translateY(100%) !important; transform: translateX(-100%) translateY(100%) !important; } body .row-fluid .close .fixed-social span { margin-left:40px; border-top-right-radius:6px !important; border-bottom-right-radius:6px !important; } .row-fluid .close .fixed-social i:before { content: "\f1e0"; position:relative; left:-3px; } .row-fluid .fixed-social.open.close span { margin-left:40px; } .row-fluid .fixed-social .social04-close { position:absolute; right:10px; font-size:18px; top:0px; color:#fff; } .row-fluid .fixed-social li a { text-align:left; padding:0px 20px; } .row-fluid .fixed-social { -webkit-transform: translateY(100%) !important; -o-transform: translateY(100%) !important; -ms-transform: translateY(100%) !important; transform: translateY(100%) !important; } .row-fluid .fixed-social span { top: -40px; } .row-fluid .fixed-social.open ul { margin-top:-40px; } .row-fluid .fixed-social.open { -webkit-transform: translateY(0%) !important; -o-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; } .row-fluid .fixed-social li a label { color: #7b7b7b; font-size:14px; padding-left:10px; font-weight:600; } .row-fluid .fixed-social span label { font-size:14px; padding-right: 18px; position: relative; top: -3px; } .row-fluid .fixed-social span::after { top:2px; } .mainmenu .top-language a { color:#fff !important; } .mainmenu .top-language { float:left !important; width:100% !important; } .row-fluid .fixed-social span { background: rgba(0,0,0,0.4); } .row-fluid .fixed-social.open span { border-radius:0 !important; } .row-fluid .fixed-social li a { background:#cccccc !important; color:#fff; } .row-fluid .fixed-social li a:hover { background:#a71930 !important; } .dl-trigger { position:relative !important; top:15px !important; } .leaveIt .dl-trigger { top: 12px !important; } .back-to-top { display:none !important; } .row-fluid .top2 { padding:25px 0; } .leaveIt .row-fluid .top2 { padding:15px 0; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:last-child { border-bottom: 1px dotted rgba(255, 255, 255, .35); } body a.mobile-trigger { display:none !important; } .row-fluid .top-language , .row-fluid .top-social { margin-top:20px; } .row-fluid .top-right , .row-fluid .top-social, .row-fluid .top-language { float:left; width:100%; } .row-fluid .top-social, .row-fluid .top-language , .mainmenu .hs-menu-flow-horizontal > ul { width:260px; } .row-fluid .top-social a , .row-fluid .top-language a { float:left; width:auto; color:#fff; padding:0 0 0 0; margin-right:15px; } .row-fluid .fixed-social { width:100%; top:auto; bottom:0; -moz-transform: translateY(0%); z-index: 11; -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .row-fluid .top2 .top-language a { color:#252525; line-height:normal; } .row-fluid .top2 .top-right { padding-right:15px; } .dl-menuwrapper a, .dfd-click-menu-activation-button a, .dfd-side-slide-header-button-wrap a { left:120px !important; } .leaveIt .row-fluid .top2 .top-language { margin-top: 5px; } .row-fluid .top2 .top-language , .row-fluid .top2 .top-right { width:auto !important; float:right; } .row-fluid .top2 .top-language { margin-top:8px; } .row-fluid .top2 .top-language a { margin-right:23px; } .row-fluid .fixed-social ul { padding: 20px 20px 20px; background-color: #fff; } .fullwidth-class .mainmenu.js-enabled .hs-menu-flow-horizontal { width:100%; } .fullwidth-class .row-fluid .top-social { width:100%; } .fullwidth-class .closemenu { display:none; } .row-fluid .mainmenu .top-language { margin-top:25px !important; } .row-fluid .top-social a { margin-right: 20px; } .row-fluid .top-right .form-searchbox form { width:80%; } .row-fluid .top-right .form-searchbox form input { font-size:16px; padding-bottom:5px; } .row-fluid .dl-menuwrapper { z-index:0;} .row-fluid .fixed-social li { margin:4px 0; } .row-fluid .fixed-social li a { border-radius:5px; } .row-fluid .fixed-social span { width:100%; margin:0; border-radius: 0; opacity:1; height:40px; line-height:40px; font-size:24px; } .row-fluid .fixed-social span::after { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size:24px; } .row-fluid .fixed-social.open span::after { top: 0; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .row-fluid .fixed-social.open { -moz-transform: translateY(0%); z-index:99999 !important; z-index: 11; -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .row-fluid .fixed-social { -moz-transform: translateY(83%); z-index: 11; -webkit-transform: translateY(83%); -o-transform: translateY(83%); -ms-transform: translateY(83%); transform: translateY(83%); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .row-fluid .fixed-social ul { margin:0; } .dl-menuwrapper, .dfd-click-menu-activation-button, .dfd-side-slide-header-button-wrap { position: relative; width: 36px; height: inherit; margin: 0 auto; z-index: 1003; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dl-menuwrapper a, .dfd-click-menu-activation-button a, .dfd-side-slide-header-button-wrap a { overflow: hidden; position: absolute; top: 50%; left: 50%; display: block; width: 32px; height: 36px; margin-top: -18px; margin-left: -30px; -webkit-transition: background .3s ease, border-color .3s ease; -moz-transition: background .3s ease, border-color .3s ease; transition: background .3s ease, border-color .3s ease; } .dl-menuwrapper a .icon-wrap, .dfd-click-menu-activation-button a .icon-wrap, .dfd-side-slide-header-button-wrap a .icon-wrap { position: absolute; display: block; width: 24px; height: 2px; top: 50%; right: 0; margin-left: -12px; background: #1b1b1b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .dl-menuwrapper a .icon-wrap.dfd-top-line, .dfd-click-menu-activation-button a .icon-wrap.dfd-top-line, .dfd-side-slide-header-button-wrap a .icon-wrap.dfd-top-line { margin-top: -5px; } .dl-menuwrapper a .icon-wrap.dfd-middle-line, .dfd-click-menu-activation-button a .icon-wrap.dfd-middle-line, .dfd-side-slide-header-button-wrap a .icon-wrap.dfd-middle-line { width: 20px; margin-right: 0; } .dl-menuwrapper a .icon-wrap.dfd-bottom-line, .dfd-click-menu-activation-button a .icon-wrap.dfd-bottom-line, .dfd-side-slide-header-button-wrap a .icon-wrap.dfd-bottom-line { margin-top: 5px; } .dl-menuwrapper a:hover .icon-wrap.dfd-top-line, .dfd-click-menu-activation-button a:hover .icon-wrap.dfd-top-line, .dfd-side-slide-header-button-wrap a:hover .icon-wrap.dfd-top-line { -webkit-animation: dfdHamburgerButton .8s linear infinite; -moz-animation: dfdHamburgerButton .8s linear infinite; -o-animation: dfdHamburgerButton .8s linear infinite; -ms-animation: dfdHamburgerButton .8s linear infinite; animation: dfdHamburgerButton .8s linear infinite; } .dl-menuwrapper a:hover .icon-wrap.dfd-middle-line, .dfd-click-menu-activation-button a:hover .icon-wrap.dfd-middle-line, .dfd-side-slide-header-button-wrap a:hover .icon-wrap.dfd-middle-line { -webkit-animation: dfdHamburgerButton 1.2s ease-in infinite; -moz-animation: dfdHamburgerButton 1.2s ease-in infinite; -o-animation: dfdHamburgerButton 1.2s ease-in infinite; -ms-animation: dfdHamburgerButton 1.2s ease-in infinite; animation: dfdHamburgerButton 1.2s ease-in infinite; } .dl-menuwrapper a:hover .icon-wrap.dfd-bottom-line, .dfd-click-menu-activation-button a:hover .icon-wrap.dfd-bottom-line, .dfd-side-slide-header-button-wrap a:hover .icon-wrap.dfd-bottom-line { -webkit-animation: dfdHamburgerButton .6s ease-out infinite; -moz-animation: dfdHamburgerButton .6s ease-out infinite; -o-animation: dfdHamburgerButton .6s ease-out infinite; -ms-animation: dfdHamburgerButton .6s ease-out infinite; animation: dfdHamburgerButton .6s ease-out infinite; } .mobile-trigger { display:none !important; } @-webkit-keyframes dfdHamburgerButton { 0% { -webkit-transform: scaleX(1); } 25% { -webkit-transform: scaleX(.9); } 50% { -webkit-transform: scaleX(1); } 75% { -webkit-transform: scaleX(1.1); } 100% { -webkit-transform: scaleX(1); } } @-moz-keyframes dfdHamburgerButton { 0% { -moz-transform: scaleX(1); } 25% { -moz-transform: scaleX(.9); } 50% { -moz-transform: scaleX(1); } 75% { -moz-transform: scaleX(1.1); } 100% { -moz-transform: scaleX(1); } } @-o-keyframes dfdHamburgerButton { 0% { -o-transform: scaleX(1); } 25% { -o-transform: scaleX(.9); } 50% { -o-transform: scaleX(1); } 75% { -o-transform: scaleX(1.1); } 100% { -o-transform: scaleX(1); } } @keyframes dfdHamburgerButton { 0% { transform: scaleX(1); } 25% { transform: scaleX(.9); } 50% { transform: scaleX(1); } 75% { transform: scaleX(1.1); } 100% { transform: scaleX(1); } } .row-fluid .closemenu { position:absolute; right:10px; top:10px; color:#fff !important; width:auto; cursor:pointer; font-size:18px; } .row-fluid .topmenu { display:none; } body { position:relative; } .row-fluid .mainmenu ul li {padding:0 !important; float:left !important; width:100% !important; } .row-fluid .mainmenu div.hs-menu-wrapper > ul > li a { padding: 3px 10px 3px 20px; } body.mobile-open:after { background:rgba(0,0,0,.6); content:''; width:100%; height:100%; position:absolute; left:0; top:0; } .mobile-open .mainmenu.js-enabled .hs-menu-flow-horizontal { -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .row-fluid .mainmenu div.hs-menu-wrapper > ul > li a { color:#fff; font-size:12px; white-space: normal; } /* 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 */ .mainmenu, .mainmenu * { display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: { { aColorMobile } }; } /* Toggle Button ========================================================================== */ a.mobile-trigger { display: inline-block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 30px; /* Position Button at top right of screen */ right: 15px; /*******************************************/ width: 37px; /* Button width */ height: 34px; /* Button height */ padding: 5px 4px 8px 8px; background:#6accf2; /**/ /* Background color */ z-index: 99999999999; /* Z-index to keep button on top of other layers */ -webkit-transition: background-color 0.2s linear; /* Button color transition effect */ font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; } a.mobile-trigger:hover { text-decoration: none; /* Removes link text underline on button */ color: { { aColorHoverMobile } }; } a.mobile-trigger span { display: inline; } a.mobile-trigger span:before { position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ } a.mobile-trigger span:after { position: relative; right: 2px; content: 'Close'; /* Change the text on the open toggle button */ background-color: { { menuColorMobile } }; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; } /* Change button when menu is open */ .mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; /* Button color transition effect */ -moz-transition:background-color 0.2s linear; /* Button color transition effect */ transition:background-color 0.2s linear; /* Button color transition effect */ background: transparent; /* Changes button background to be slightly darker than open menu color */ } .mobile-open a.mobile-trigger span:after { opacity: 1; } /* Toggle Button Icon & Animations ========================================================================== */ a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 22px; /* Icon line width */ height: 3px; /* Icon line height */ background-color:#fff; /* Icon color */ display: inline-block; } a.mobile-trigger i:before { margin-top: -8px; /* Position top line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.mobile-trigger i:after { margin-top: 8px; /* Position bottom line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile-open a.mobile-trigger i { background-color: rgba(0, 0, 0, 0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } /* Child Toggle Button ========================================================================== */ a.child-triggerm { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 50px !important; /* Button width */ min-width: 50px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } a.child-triggerm:hover { text-decoration: none; } /* Child Toggle Button Icon & Animations ========================================================================== */ a.child-triggerm span { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm span:after { position: absolute; content: ''; } a.child-triggerm span, a.child-triggerm span:after { width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#fff; display: block; } .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span:after { background-color: #fff; } a.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } /* Menu Styles on Mobile Devices ========================================================================== */ /* Hide menu on mobile */ .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper { /*display: none;*/ } /* Make child lists appear below parent items */ .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .mainmenu.js-enabled .hs-menu-flow-horizontal { position: absolute; /**************************************************************/ top: 0px; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 260px; height:20000px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-transform: translateX(-101%); -webkit-transform: translateX(-101%); -o-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mainmenu .hs-menu-flow-horizontal { padding: 40px 0 0 0; /* Padding to add room for close button */ background-color:#1d1e20; /*;*/ /* Menu background color set off global mobile-menuColor variable */ width: 100%; /* Full screen width */ z-index: 8888; } /* Level 1 Menu List Styles */ .mainmenu .hs-menu-flow-horizontal > ul > li { position: relative; } .mainmenu .hs-menu-flow-horizontal > ul > li a { font-size: 15px; /* Font size of top level list items */ line-height: 38px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .mainmenu .hs-menu-flow-horizontal ul li { border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ } .mainmenu .hs-menu-flow-horizontal ul li { padding: 0 10px 0 0; } .mainmenu .hs-menu-flow-horizontal ul li a:hover { color: { { aColorHoverMobile } }; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .mainmenu .hs-menu-flow-horizontal > ul ul li { background-color: rgba(255, 255, 255, .08); } .mainmenu .hs-menu-flow-horizontal > 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 */ .mainmenu .hs-menu-flow-horizontal > ul ul ul li a { text-indent: 30px; /* Indent Child lists */ } .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a { text-indent: 50px; /* Indent Child lists */ } } @media (max-width:600px) { .row-fluid .post-item0 { width:100%; padding-right:0; } .row-fluid .post-body0 { height:auto !important; } .row-fluid .topic-filter li { width:100%; } .row-fluid .topic-filter li a { width:100%; border-radius:0; } .row-fluid .fixed-social li , .row-fluid .fixed-social li:hover { width:50%; float:left; padding:0 5px; } .row-fluid .fixed-social { -webkit-transform: translateY(77%); -o-transform: translateY(77%); -ms-transform: translateY(77%); transform: translateY(77%); } .row-fluid .topic-linkfix { right:14px; } } @media (max-width:400px) { .row-fluid .post-item0 { width:100%; padding-right:0; } .row-fluid .fixed-social { -webkit-transform: translateY(82%); -o-transform: translateY(82%); -ms-transform: translateY(82%); transform: translateY(82%); } .row-fluid .topic-filter li { width:100%; } .row-fluid .topic-filter li a { width:100%; border-radius:0; } .row-fluid .fixed-social li , .row-fluid .fixed-social li:hover { width:100%; float:left; padding:0 5px; } .row-fluid .top2 .top-language a { margin-right:15px; } .dl-menuwrapper a, .dfd-click-menu-activation-button a, .dfd-side-slide-header-button-wrap a { left: 107px !important; } } @media (min-width:601px) and (max-width:1100px ) { .row-fluid .fixed-social { -webkit-transform: translateY(82%); -o-transform: translateY(82%); -ms-transform: translateY(82%); transform: translateY(82%); } } @media (min-width:768px) and (max-width:1100px ) { .row-fluid .fixed-social li , .row-fluid .fixed-social li:hover { width:25%; float:left; padding:0 5px; } } @media (max-width: 1100px) { .row-fluid .top-social, .row-fluid .top-language, .mainmenu .hs-menu-flow-horizontal > ul { width: 49%; } } .hs-blog-listing.fixIt.fullView > .body-container-wrapper > .body-container > .row-fluid-wrapper.row-depth-1.row-number-1 > .row-fluid > .span12.widget-span.widget-type-cell.bgimg-main > .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid > .span12.widget-span.widget-type-global_group > div > .row-fluid-wrapper.row-depth-1.row-number-1 > .row-fluid > .span12.widget-span.widget-type-cell.top-main03 > .row-fluid-wrapper.row-depth-1.row-number-2 { visibility: visible; } .hs-blog-listing.leaveIt > .body-container-wrapper > .body-container > .row-fluid-wrapper.row-depth-1.row-number-1 > .row-fluid > .span12.widget-span.widget-type-cell.bgimg-main > .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid > .span12.widget-span.widget-type-global_group > div > .row-fluid-wrapper.row-depth-1.row-number-1 > .row-fluid > .span12.widget-span.widget-type-cell.top-main03 > .row-fluid-wrapper.row-depth-1.row-number-2 { visibility: hidden; } .hs-blog-listing.fixIt > .body-container-wrapper > .body-container > .row-fluid-wrapper.row-depth-1.row-number-1 > .row-fluid > .span12.widget-span.widget-type-cell.bgimg-main > .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid > .span12.widget-span.widget-type-global_group > div > .row-fluid-wrapper.row-depth-1.row-number-1 > .row-fluid > .span12.widget-span.widget-type-cell.top-main03 > .row-fluid-wrapper.row-depth-1.row-number-2 { visibility: hidden; } /* --------------------------------------------------- */ /* Ergün */ /* --------------------------------------------------- */ .blog-h2-padding-top-bottom{ padding: 40px 0px 10px 0; } .blog-h5{ font-size:15px; margin-top:30px !important; margin-bottom:10px !important; } ol.blog-ol > li {list-style: lower-alpha !important;} ol.blog-ol > li > ol.blog-ol > li {list-style: lower-roman !important;} ol > li > ol.blog-ol > li {list-style: lower-roman !important;} .hseblog1 .row-fluid .top1 { background: rgba(255,255,255,1);} /* DSGVO */ .row-fluid .footer-subscribe form .hs_email { width: 100% !important; padding-bottom: 20px !important; } .legal-consent-container p, .legal-consent-container span { font-size: 11px; text-align: left; /*color: #fff;*/ opacity: 0.6; } .footer-container-wrapper .legal-consent-container p,.footer-container-wrapper .legal-consent-container span { color: #fff !important; } .legal-consent-container ul.inputs-list{ /*margin-bottom:10px !important;*/ } .hs-landing-page .footer-container-wrapper .legal-consent-container label.hs-form-booleancheckbox-display { left: -73px !important; position: relative; } .footer-container-wrapper .hs-richtext{ position:relative; z-index:0 !important; } .footer-container-wrapper div{ position:relative; z-index:1; } /* Anpassungen Footer Subscription */ .legal-consent-container p, .legal-consent-container label span { font-size: 10px; line-height: 16px; opacity: .66; /*color: #fff;*/ font-weight: 400; font-family: Montserrat; -webkit-font-smoothing: antialiased; } .legal-consent-container label.hs-form-booleancheckbox-display { text-align: left !important; position: relative; display: block; } @media (max-width: 480px) { a#trigger-overlay { display: none !important; } .language-switcher-new, .language-switcher-new:hover, .language-switcher-new:active { width: 80px !important; } .language-switcher-new a.link-two { margin-top: -2px; } }