/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ @font-face { font-family: 'MyriadPro-Regular'; src: url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Light/MyriadPro-Light.eot#iefix') format('embedded-opentype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Light/MyriadPro-Light.otf') format('opentype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Light/MyriadPro-Light.woff') format('woff'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Light/MyriadPro-Light.ttf') format('truetype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Light/MyriadPro-Light.svg#MyriadPro-Light') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'MyriadPro-Regular'; src: url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/MyriadPro-Regular.eot#iefix') format('embedded-opentype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/MyriadPro-Regular.otf') format('opentype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'MyriadPro-Regular'; src: url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-it.eot#iefix') format('embedded-opentype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-it.otf') format('opentype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-it.woff') format('woff'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-it.ttf') format('truetype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-it.svg#MyriadPro-Regular') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'MyriadPro-Regular'; src: url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-bold.eot#iefix') format('embedded-opentype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-bold.otf') format('opentype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-bold.woff') format('woff'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-bold.ttf') format('truetype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-bold.svg#MyriadPro-Regular') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'MyriadPro-Regular'; src: url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-boldit.eot#iefix') format('embedded-opentype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-boldit.otf') format('opentype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-boldit.woff') format('woff'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-boldit.ttf') format('truetype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Regular/myriadpro-boldit.svg#MyriadPro-Regular') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'MyriadPro-Cond'; src: url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Cond/MyriadPro-Cond.eot#iefix') format('embedded-opentype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Cond/MyriadPro-Cond.otf') format('opentype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Cond/MyriadPro-Cond.woff') format('woff'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Cond/MyriadPro-Cond.ttf') format('truetype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Cond/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'MyriadPro-BoldCond'; src: url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Myriad%20Pro%20Cond%20Bold/myriadpro-boldcond.eot#iefix') format('embedded-opentype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Myriad%20Pro%20Cond%20Bold/myriadpro-boldcond.otf') format('opentype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Myriad%20Pro%20Cond%20Bold/myriadpro-boldcond.woff') format('woff'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Myriad%20Pro%20Cond%20Bold/myriadpro-boldcond-1.ttf') format('truetype'), url('https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/Myriad%20Pro%20Cond%20Bold/myriadpro-boldcond-2.svg') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'MyriadPro-Semibold'; src: url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot#iefix') format('embedded-opentype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Semibold/MyriadPro-Semibold.otf') format('opentype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff') format('woff'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf') format('truetype'), url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Fonts/MyriadPro-Semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg'); font-weight: 600; font-style: normal; } /* ========================================================================== Index: 1. BASE STYLES - Variables - Macros - Base - Typography 2. COS STRUCTURE - Structure - Header - Content - Footer 3. MAIN NAVIGATION - Custom Menu Primary - Mobile Menu 4. TEMPLATE MODULE CLASSES - Common Template Classes - Site Pages - Landing Pages - System Pages 5. COS COMPONENTS - Blog - Forms - Buttons 6. MISCELLANOUS 7. MOBILE MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. BASE STYLES ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /** * Find the most consistently used font styles, colors, and container widths * for your site and assign them to the jinja variables below for easy use * and reference. * * Apply the variable as shown below. Ignore the jingja comment tags. * * */ /* Colors */ /* */ /* */ /* */ /* */ /* */ /* */ /* Typography */ /* */ /* */ /* */ /* */ /* Containers */ /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /* ========================================================================== Macros ========================================================================== */ /** * Create jinja macros for CSS3 properties that need browser prefixes. * * Apply the style as shown below on it's own CSS property line. * Ignore the jinja comment tags. * * */ /** * Example of how to apply the above macro (ignore the jinja comment tags): * * a { * color: red; * font-size: 12px; * * } */ /* ========================================================================== Base ========================================================================== */ /** * Box Sizing * * Applies a natural box layout model to all elements so that width and padding * are essentially combined, making responsive styles easier to manage. */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; padding: 0; } /* Website background color and default font styles */ body { background: #fff; color: #333; font-family: 'MyriadPro-Regular''; font-size: 16px; line-height: 24px; font-weight:100; } /* Subtle transition on page to load to hide momentary font fout */ body { -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein .5s; /* Firefox < 16 */ -ms-animation: fadein .5s; /* Internet Explorer */ -o-animation: fadein .5s; /* Opera < 12.1 */ animation: fadein .5s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Ends */ /** * Page Center * * Apply .page-center to full-width modules. */ .container-fluid .row-fluid .page-center { float: none; max-width: 1080px; margin: 0 auto; padding:40px 0px; } .container-fluid .row-fluid .page-center-wider { float: none; max-width: 1400px; margin: 0 auto; padding:40px 0px; } .container-fluid .row-fluid .page-center-med { float: none; max-width: 1080px; margin: 0 auto; padding:20px 0px; } .container-fluid .row-fluid .page-center-zero { float: none; max-width: 1080px; margin: 0 auto; padding:0px 0px; position:relative; } @media (max-width: 1080px) { .container-fluid .row-fluid .page-center { padding:40px 5%; } .container-fluid .row-fluid .page-center-med { padding:20px 5%; } .container-fluid .row-fluid .page-center-zero { padding:0px 5%; } .container-fluid .row-fluid .bannerSection .page-center-zero { padding:0px; } } @media (max-width: 568px) { } .center { text-align:center; } .rangedLeft { text-align:left; } .reducedWidthMin { padding:0px 5%; } .reducedWidthMed { padding:0px 10%; } .reducedWidthLrg { padding:0px 15%; } .fullWidthImage img { width:100%; } .topRule { border-top:solid 1px #b1b1b1; } /* Float Clearing */ .group:after { content: ""; display: table; clear: both; } a { color: #000000; font-weight:bold; } a:hover, a:focus { color: #000; } hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #333; text-shadow: none; } ::selection { color: #fff; background: #333; text-shadow: none; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img {     max-width: initial; } /* ========================================================================== Typography ========================================================================== */ /* Basic text */ p { font-family: 'MyriadPro-Regular'; font-weight:100; } p.generalDescription { color:#adb0ae; font-size:20px; margin:5px 0px 0px 0px; padding-bottom:50px; } small {} strong { font-family: 'MyriadPro-Regular'; font-style:normal; font-weight:700; } em { font-family: 'MyriadPro-Regular'; font-style:italic; font-weight:400; } strong em { font-family: 'MyriadPro-Regular'; font-style:italic; font-weight:700; } cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight:100; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-family:'MyriadPro-Regular'!important; font-size:55px; line-height:130%; font-weight:100!important; } h2 { font-family:'MyriadPro-Regular'!important; font-size:32px; line-height: 130%; font-weight:100!important; color:#9c9b9b; } h3 { font-family: 'MyriadPro-Cond'; font-size:26px; margin-top:5px; } h4 { font-family: 'MyriadPro-Cond'; font-size:22px; font-weight:normal; } h5 { text-transform:uppercase; } h6 {} @media (max-width: 568px) { h2 { font-size:25px; } h3 { font-size:23px; } p.generalDescription { padding-bottom:20px; } } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } /* Quotes */ blockquote {} blockquote p {} blockquote small {} blockquote small:before {} q:before, q:after, blockquote:before, blockquote:after {} /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /* ========================================================================== Structure ========================================================================== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} body{ font-family: 'MyriadPro-Regular'; font-weight: 100; font-size: 16px ; line-height: 24px; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; color:#3e4543; } body.coreTemplate { } a,p a,h1,h2,h3,h4,h5,h6{ font-weight: normal; line-height: 1; text-decoration:none; transition:all .3s ease-in-out; margin:0; } strong { font-family: 'MyriadPro-Semibold'; } a:hover{ color:#0055a5; } .container{ max-width:1180px; width:100% !important; float: none !important; margin: 0 auto !important; padding-left:15px; padding-right:15px; } .logo { background-image: url(//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Holding%20Page/Images/Logo-bg.png?t=1481210091832); background-size: cover; padding: 70px 10px 271px 70px; background-repeat: no-repeat; width: 540px !important; position: absolute; z-index: 999; top:0px; } .header-content { width: calc(100% - 516px) !important; text-align: right; padding-right: 35px; padding: 120px 35px 12px 0; margin: 0 !important; float: right !important; } .header-content h1 { color: #262e62; font-size: 31px; } .full-width-nav { position:relative; } .bannerSection { height:260px; position:relative; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/bannerBgLrg.gif); background-position:center top; background-repeat:no-repeat; } .mask { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/mask-01.svg); background-repeat:no-repeat; background-position:left top; display:block; width:595px; height:472px; position:absolute; top:-158px; left:-130px; z-index:100; } body.toppscreed .mask { display: none !important; } body.noBanner .mask { top:-208px; } .twintecLogo { position:absolute; z-index:200; left:-10px; top:0px; } .twintecLogo img { width:220px!important; height:auto; } @media (max-width: 1080px) { .twintecLogo { position:absolute; z-index:200; left:30px; top:0px; } } @media (max-width: 960px) { .twintecLogo { position:absolute; z-index:200; left:30px; top:20px; } } @media (max-width: 568px) { .mask { display:none; } .twintecLogo { position:relative; width:100%; text-align:center; margin:30px 0px 10px 0px; left:0px; } .bannerSection { height:auto; background-image:none; } .twintecLogo img { width:180px!important; height:106px; } } /* ========================================================================== Header ========================================================================== */ /* ========================================================================== Pages ==========================================================================*/ /* Homepage */ .why-choose { background-color:#232f5f; color:#ffffff; } /* Products */ .key-features-section { background-color:#c6c6c6; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/featuresBg.jpg); background-position:center top; background-repeat:no-repeat; } .no-graphic { background-color:#ededed!important; background-image:none!important; background-position:center top; background-repeat:no-repeat; } .key-features-section h2 { color:#104592; } .key-features-section h3 { color:#104592; margin-top:5px; } .orangeRule { display:inline-block; border-bottom:solid 1px #ff4c00; width:750px; } .no-graphic .orangeRule { display:inline-block; border-bottom:solid 1px #575756; width:750px; } .product-fullWidth-tier { background: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:150px; display:block; width:100%; } .product-options-section .span12 .row-fluid-wrapper { display:inline-block; width:350px!important; } .product-option { width:350px; display:inline-block; } .downloads-fullWidth-tier { background: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:auto; padding:70px 0px; display:block; width:100%; } /* Responsive Table Tier */ /* Generic Styling, for Desktops/Laptops */ .tableTier { border-top:solid 1px #a1a5a6; } .tableCaption p { padding:0px 25%; margin-bottom:0px; } .table-container { text-align:center; } table { width: 75%; border-collapse: collapse; margin:0px auto; } /* Zebra striping */ tr:nth-of-type(odd) { background: #eee; } th { background: #d2d4ec; color: #134395; font-weight: bold; font-family: 'MyriadPro-Cond'; font-size:18px; } td, th { padding: 10px 20px; border: 0px solid #ffffff; text-align: left; } /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { font-size:14px; } tr:nth-of-type(even) { border: 1px solid #eee; } td { /* Behave like a "row" */ border: none; border-bottom: 0px solid #eee; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 10px; left: 15px; width: 50%; padding-right: 10px; white-space: nowrap; } /* Label the data */ td:nth-of-type(1):before { content: "VNA Racking Height"; font-family: 'MyriadPro-Cond'; color: #134395; font-size:16px; } td:nth-of-type(2):before { content: "UK Concrete Society TR34 4th Edition"; font-family: 'MyriadPro-Cond'; color: #134395; font-size:16px; } td:nth-of-type(3):before { content: "German Din Standards"; font-family: 'MyriadPro-Cond'; color: #134395; font-size:16px; } td:nth-of-type(4):before { content: "ACI Fmin"; font-family: 'MyriadPro-Cond'; color: #134395; font-size:16px; } } @media (max-width:375px) { td { /* Behave like a "row" */ border: none; border-bottom: 0px solid #eee; position: relative; padding: 0px 0px 0px 15px; } td:before { /* Now like a table header */ position: relative; padding-right: 0px; white-space: nowrap; display:block; width:100%; margin-bottom:4px; left: 0px; } } /* Image Gallery Page */ .gallery_CTA { display:block; text-align:center; padding-bottom:32px; } /* Applications Page */ .row-one-applications { padding-bottom:60px; border-bottom:solid 1px #a1a5a6; } .row-two-applications { padding:20px 0px 60px 0px; } /* Design . Build . Guarantee Tier */ .dbgTier { background-color:#5994ce; } /* Gallery Detail Page */ .installation-container { max-width: 1086px; width: 100% !important; float: none !important; margin: 0 auto !important; /* padding-left: 15px; */ /* padding-right: 15px; */ } body.galleryDetail .twintec-custom-module .widget-type-widget_container > span { display: inline-block; width: 100%; max-width: 1400px !important; } body.galleryDetail .galleryWrap { text-align:center; } .leftPanel { text-align:left; } .rightPanel { text-align:right; } @media (max-width: 1100px) { .installation-container { max-width: 725px; } } @media (max-width: 1024px) { .row-fluid-wrapper .leftPanel { text-align:center; width:100%!important; } .row-fluid-wrapper .rightPanel { display:none!important; } } @media (max-width: 980px) { .installation-container { max-width: 452px!important; width:452px!important; } body.galleryDetail .portfolio-item { width:452px !important; } } @media (max-width: 980px) { .twintec-installation { float:none!important; display:inline-block; width: 452px!important; height:321px!important; } } @media (max-width: 560px) { .twintec-installation { float:none!important; display:inline-block!important; width: 352px!important; height:250px!important; } body.galleryDetail .portfolio-item { width:352px !important; float:none!important; display:inline-block!important; } .installation-container { max-width: 100%!important; width:100%!important; text-align:center!important; } } /* Single Application Page */ h2 .challengesTitle { text-transform:uppercase; color:#ffffff!important; font-size:28px; padding:0px 15%; margin-bottom:40px; line-height:130%; } .designedFor h2 { color:#9c9b9b; } .greyBaseRule { border-bottom:solid 1px #cccccc; } .personaTier { border-bottom:solid 1px #001970; background-color:#ececec; padding:20px 0px; background: no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (max-width: 568px) { h2 .challengesTitle { padding:0px 6%; font-size:21px; } } @media (max-width: 479px) { .personaTier { background-image:none!important; background-color:#d9d9d9; } } /* Persona Template */ .standardText h3 { text-transform:uppercase; } .personaConversion h3 { color:#3e4543; font-family: 'MyriadPro-Regular'; font-weight:100; } /* Design . Build . Guarantee Template */ /* Style Variations for the Production Sub Category Page */ .standardText h4.quality { padding:15px 0px 5px 40px; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/qualityTick-01.svg); background-position:left center; background-repeat:no-repeat; color:#134395; } .productionQualText { padding-left:110px; } .dbgIntroSection { text-align:center; } .dbgIntroModule { display:inline-block; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/DBG-Logo-No-Margin.jpg); background-position:center left; background-repeat:no-repeat; text-align:left; width:550px; height:auto; background-size:150px; } .dbgIntroModule .textWrap { padding: 40px 0px 40px 200px; } .dbgIntroModule h1 { font-size:28px; color:#9d9d9c; margin-bottom:20px; text-transform:uppercase; } .dbgIntroModule p { font-size:21px; color:#e27c00; line-height:130%; margin-bottom:0px } .DBGtext h3 { font-size:30px; text-transform:uppercase; padding-top:15px; } .DBGtext p.summaryPara { font-size:21px; color:#575756; } .textCol { padding:0px 3%; } @media (max-width: 1080px) { .textCol { padding:0px 1%; } } @media (max-width: 568px) { .dbgIntroModule { background-position:center top; text-align:center; width:auto; height:auto; background-size:120px; } .dbgIntroModule .textWrap { padding: 215px 3% 0px 3%; } .productionQualText { padding:0px 10%; } } /* Case Study Page */ .caseStudyselector { border-top:solid 1px #a1a5a6; } /* Contact Us Page */ .pageTitling { position:relative; height:120px; } body.contactT .pageTitle { position:absolute; width:100%; z-index:150; left:0px; top:50px; height:50px; border-bottom:solid 1px #a1a5a6; text-align:center; } .pageTitle h1 { text-transform:uppercase; color:#9d9d9c; font-size:36px; } .contactLeft { text-align:right; padding-right:20px; } .contactLeft h3 { text-transform:uppercase; font-size:26px; margin:3px 0px 25px 0px; font-family: 'MyriadPro-Regular'; font-weight:100; } .contactLeft h4 { text-transform:uppercase; font-size:18px; margin-bottom:15px; font-family: 'MyriadPro-Regular'; font-weight:100; } .contactRight h2 { font-family: 'MyriadPro-Regular'; font-weight:100; font-size:32px; color:#ffffff; text-transform:uppercase; } .fullWidthEnquiry { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/contactBg.jpg); background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; padding:50px 0px 40px 0px; color:#ffffff; } body.randg .fullWidthEnquiry { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/R%20and%20G%20Engineering/rg-plans-image.jpg); background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; padding:50px 0px 40px 0px; color:#ffffff; } @media (max-width: 760px) { .contactLeft { text-align:center; } .enquiryIntro { text-align:center; } } /* Contact Us Country Page */ .countryTitle h1 { text-align:left; } .countryTitle p { text-align:right; margin-top:-25px; } .countryTitle p a { font-weight:100; } @media (max-width: 1080px) { .countryTitle h1 { text-align:center; } .countryTitle p { text-align:center; margin-top:25px; } } /* Twintec Group Page */ .bulletedSection { padding:0px 13% 30px 13%!important; text-align:left; } .bulletedSection li { list-style: none; font-weight:400; } .bulletedSection li:before{ content: ''; display: inline-block; height: 7px; width: 7px; margin-right:10px; background-image: url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/bullet-01.svg); } body.german .bulletedSection { padding:0px 3% 30px 3%!important; text-align:left; } body.french .bulletedSection { padding:0px 3% 30px 3%!important; text-align:left; } @media (max-width: 479px) { .bulletedSection { padding:0px 5%; } } /* Twintec Home Page */ .ruleGroup { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/orangeHomeRule-01.svg); background-repeat:no-repeat; background-position:center top; margin-top:15px; } .appTier { background-color:#3E4543; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/swooshGraphic2.jpg); background-position:center top; height:350px; } .applicationsHomeText { padding:0px 20%; } .applicationsHomeText h3 { color: #e27c00; font-size: 28px; line-height: 37.2px; font-family: 'MyriadPro-Regular'; font-weight:100; margin-top:20px; } .applicationsHomeText p { font-size: 18px; color:#ffffff; } body.homePage .row-one-applications { margin-top:-120px; } .homeDBG { border-top:solid 1px #878787; } .twoColDBG { padding:80px 15% 20px 15%; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/dbgRule3-01.svg); background-repeat:no-repeat; background-position:center 20px; } .twoColDBG .ctaWrapper { margin-top:25px; } .dbgGraphic { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/DBG-Logo.jpg); background-repeat:no-repeat; background-position:50px center; height:340px; background-size:177px 275px; } .dbgDescrip p { margin-top:0px; } .dbgDescrip h3, .dbgDescrip h4 { font-family: 'MyriadPro-Regular'; font-weight:100; } .dbgDescrip h3 { margin-bottom:15px; } .dbgDescrip h4 { font-size:20px; } @media (max-width: 568px) { .dbgDescrip { text-align:center; } .twoColDBG { padding:80px 5% 20px 5%; } } @media (max-width: 479px) { .applicationsHomeText { padding:0px 5%; } .applicationsHomeText h3 { font-size: 24px; line-height: 26px; } } /* Holding Page Styling */ .banner-bg { min-height: 300px !important; background-image: url(//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Holding%20Page/Images/Banner%20Image/160411%202A%20panorama%20from%20R3-BW%20optimized.jpg); background-size: cover; } .right-border hr:before { content: ""; background: #f59b24; height: 50px; width: 1px; position: absolute; transform: rotate(45deg); left: -18px; top: -7px; } .right-border hr { position: relative; background: #f59b24; border: none; height: 1px; } .right-border { margin: -28px 0 0 0; } .projct-myflwr span { color: #b1b1b1; font-size: 15px; font-family: 'MyriadPro-Regular'; padding: 0 0 0 45px; } /**********************Steel Fibre Section****************/ .steel-sec { padding: 0 0 50px 0; } .steel-sec h1 { color: #9c9b9b; font-size: 34px; text-align: center; margin: 25px 0 10px 0; } .steel-sec p { /* font-family: 'MyriadPro-Regular';*/ text-align: center; color: #575756; font-size: 21px; line-height: 25.2px; } .steel-sec .container { max-width: 800px; } /****************Contruction Section*****************/ .construction-sec { background-image: url(//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Holding%20Page/Images/imgpsh_fullsize.jpg); padding: 60px 0 150px 0; text-align: center; background-size: cover; background-repeat: no-repeat; } .construction-sec .container { text-align: center; max-width: 740px; } .construction-sec h1 { color: #e27c00; font-size: 31px; line-height: 37.2px; } .construction-sec p { color: #b1b4b3; font-size: 21px; line-height: 31px; /*font-family: 'MyriadPro-Regular';*/ } .service-cols { text-align: center; } /*********************Service Section***************/ .service-sec { margin: -125px 0 0 0; } .service-sec .container { border-bottom: 1px solid #878786; } .service-cols .hs_cos_wrapper_type_custom_widget { width: 20%; display: inline-block; vertical-align: top; margin: 25px; text-align: center; min-height: 325px; } .ser-img { height: 200px; width: 200px; overflow: hidden; border-radius: 50%; margin: 0 auto; } .ser-title h4 { color: #e27c00; font-size: 18px; line-height: 21.6px; } .ser-desc p { color: #3e4543; font-size: 14px; line-height: 16.8px; /* font-family: 'MyriadPro-Regular';*/ } .ser-title { margin: 25px 0 0 0; } .ser-img img { height: auto; } /******************************Delivered Section*****************************/ .offer-sec { padding: 50px 0; text-align: center; } .offer-sec h1 span { display: block; margin: 8px 0 0 0; font-size: 33px; } .offer-sec h1 { color: #878786; margin-top: 30px; margin-bottom: 50px; } .dbg-img { text-align: right; padding-right: 70px; } .dbg-img img { max-width: 250px; margin-top: 60px; display: inline-block; } .dbg-desc { text-align: left; padding-top: 60px; border-top: 1px solid #f6a230; margin: 0; padding-left: 60px; position: relative; } .dbg-desc:before { content: ''; width: 80px; height: 1px; display: inline-block; transform: rotate(-45deg); position: absolute; top: 27px; left: -68px; background-color: #f6a230; } .dbg-desc p { /* font-family: 'MyriadPro-Regular';*/ font-size: 18px; margin: 10px 0 40px 0; color: #1d1d1b; } .dbg-desc h3 { font-size: 27px; margin: 0 0 20px 0; color: #575756; } .dbg-desc h4 { font-family: 'MyriadPro-Regular'; font-size: 18px; } /*****************************Coming soon Section****************************/ .coming-sec { background-image: url('//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Holding%20Page/Images/Banner%20Image/Interior-BW-IMG_5894.jpg'); background-size: cover; background-repeat: no-repeat; padding: 50px 0; text-align: center; color: #fff; background-position: bottom center; position:relative; } .span12.widget-span.widget-type-cell.coming-sec>div { position: relative; } .coming-sec:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; background:rgba(0, 7, 59, .6); display: inline-block; bottom: 0; left: 0; right: 0; } .coming-sec h2 { font-size: 40px; font-weight: normal; } .coming-sec p { font-size: 21px; line-height: 25.2px; /* font-family: 'MyriadPro-Regular';*/ } /******************************Academy Section**************************/ .academy-sec { text-align: center; padding: 50px 0; } .academy-sec h2 { font-size: 36px; margin: 15px 0 0 0; } .academy-sec p { font-size: 21px; line-height: 31px; color: #6f6f6e; } .academy-header { max-width: 680px; margin: 0 auto !important; float: none !important; } .academy-sec .service-cols .hs_cos_wrapper_type_custom_widget { width: 28%; } .academy-sec .ser-title h4 { color: #3e4543; font-size: 25px; } .academy-sec .ser-desc p { font-family: 'MyriadPro-Cond'; font-size: 22px; line-height: 26.4px; color: #3e4543; } /* Flag Jump Menu */ p.slideUp { color:#ffffff; font-size:12px; margin:0 0 0 13px; padding:10px 0px 20px 0px; width:50px; float:left; cursor: pointer; cursor: hand; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/arrow.svg); background-position:center 32px; background-repeat: no-repeat; display:inline-block; text-align:center; text-transform:uppercase; } .currentLocation p { margin:0px 12px 12px 0px; padding:10px 12px 0px 0px; border-right:solid 1px #3e8ede; float:left; } .currentLocation span.current { font-family: 'MyriadPro-Semibold'; } .currentLocation p, .localitySelector p { font-size:13px; color:#3e8ede; width:auto; } .localitySelector p { cursor: pointer; cursor: hand; padding:10px 0px 0px 0px; margin:0px 0px 12px 0px; display: inline-block; } .localitySelector p:hover { color:#6f6f6e; } .currentLocation p, .localitySelector2 p { font-size:13px; color:#3e8ede; width:auto; } .localitySelector2 p { cursor: pointer; cursor: hand; padding:10px 0px 0px 0px; margin:0px 0px 12px 0px; display: inline-block; } .localitySelector2 p:hover { color:#6f6f6e; } .headerTop { margin-top:-28px; position:relative; } .fullWidthBlue { background-color:#3e8ede; color:#ffffff; position:absolute!important; top:0px; left:0px; z-index:2000; width:100%; height:40px; display:none; } .fullWidthBlue p { color:#ffffff; margin:0px; font-size:12px; } .fullWidthBlue2 { background-color:#3e8ede; color:#ffffff; position:absolute!important; top:0px; left:0px; z-index:2000; width:100%; height:40px; display:none; } .fullWidthBlue2 p { color:#ffffff; margin:0px; font-size:12px; } .countrySelector { position:absolute; z-index:1500; top:0px; left:0px; } .countryCode { display:none; } p.newlocations { padding:10px 0px 0px 25px; margin-left:50px; } @media (max-width:1060px) { .countrySelector { position:absolute; z-index:1500; top:0px; left:40px; } } @media (max-width:960px) { .countrySelector { position:absolute; z-index:6000; color:#ffffff; text-align:left; width:200px!important; height:20px; display:block; padding-left:0px; left:20px; } .currentLocation p, .localitySelector p { font-size:15px; } .fullWidthBlue { z-index:7000!important; background-color:#3E4543; } p.slideUp { background-image:none; font-size:15px; margin:0px; } p.newlocations { font-size:15px; } .localitySelector p, .currentLocation p { color:#ffffff; display:inline-block; } .currentLocation p { margin:0px 12px 12px 0px; padding:10px 12px 6px 0px; border-right:solid 1px #aac4ef; } .mobileHidden, .countryFull { display:none; } .countryCode { display:inline-block!important; } .localitySelector p { display:none; } } /***********************************Fixed right sidebar css*************************/ body .slide-icons .hs_cos_wrapper_type_social_sharing img { display: none!important; /* hides social sharing icon images */ } .slide-icons .hs_cos_wrapper_type_social_sharing a{ width:32px; /* sets width of area of Follow Me and Social Sharing Icons */ height:32px; /* sets width of area of Follow Me and Social Sharing Icons */ font-size:20px; /* sets size of Follow Me and Social Sharing if you are using vector icons */ } .floating-social .hs_cos_wrapper_type_social_sharing a:first-child, .hs_cos_wrapper_type_social_sharing a:nth-child(2), .hs_cos_wrapper_type_social_sharing a:nth-child(3), .hs_cos_wrapper_type_social_sharing a:nth-child(4), .hs_cos_wrapper_type_social_sharing a:nth-child(5), .hs_cos_wrapper_type_social_sharing a:nth-child(6), .fm_youtube>span { /* Selector for Facebook icons */ display:block; float:none; width:50px!important; height:50px!important; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; background-position:center center; background-repeat:no-repeat; background-size: 32px 32px; margin:-15px 0px 0px 0px; padding:0px; background-color:#ffffff; } .hs_cos_wrapper_type_social_sharing a:nth-child(2) { /* Selector for LinkedIn icons */ background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/Social%20Icons/SSLinkedIn-01.svg); } .hs_cos_wrapper_type_social_sharing a:nth-child(3) { /* Selector for Twitter icons */ background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/Social%20Icons/SSTwitter-01.svg); } .hs_cos_wrapper_type_social_sharing a:nth-child(4) { /* Selector for Google+ icons */ background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/Social%20Icons/SSGooglePlus-01.svg); } .hs_cos_wrapper_type_social_sharing a:nth-child(5) { /* Selector for Pinterest icons */ background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/Social%20Icons/SSPinterest-01.svg); } .hs_cos_wrapper_type_social_sharing a:nth-child(6) { /* Selector for eMail icon */ background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/Social%20Icons/SSemail-01.svg); } .fm_youtube>span{ /* Selector for YouTube icons */ background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/Social%20Icons/SSYouTube-01.svg); } .slide-icons { position: fixed; right: 0; top: 163px; width: auto !important; z-index: 999; } .click-icons { background: #4689c8; border-radius: 10px 0 0 10px; position: relative; text-align: center; max-width: 70px; right: 0 !important; float: right !important; width: 100% !important; top:-27px; } .click-icons ul { margin: 0; padding: 0 10px; list-style: none; } .click-icons ul li { margin: 25px 0; color: #fff; font-size: 12px; font-family: 'MyriadPro-Regular'; cursor:pointer; } .click-icons ul span { display: block; font-size: 11px; line-height: 13px; font-weight: 800; } .click-icons ul i { color: #a3c4e4; font-size: 26px; } .slide-form { position: absolute; right: -400px; max-width: 370px; background: #6ba1d3; padding: 35px 25px; transition: all .2s ease-in-out; width: 370px !important; border-radius: 10px 0 0 10px; } .slide-form.open-form { right: 0; } .open-form span { color:#ffffff; font-size:14px; width:247px!important; display:block; } .open-form span p { color:#ffffff; } .open-form span h2 { color:#ffffff; font-size:21px; } .open-form span h3 { color:#ffffff; font-size:18px; margin-top:5px; } .slide-form ul.hs-error-msgs.inputs-list { display: none !important; } .hs-input.invalid.error { border: 1px solid red; } .slide-share { position: absolute; right: -200px; max-width: 192px; background: #6ba1d3; padding: 20px 30px; transition: all .2s ease-in-out; border-radius: 10px 0 0 10px; width: 192px !important; } .slide-share.open-share { right: 0; } .slide-share ul { margin: 0; padding: 0; list-style: none; } .slide-share ul li { margin: 10px 0; } .slide-share ul li a { background: #fff; height: 50px; display: inline-block; width: 50px; text-align: center; line-height: 64px; border-radius: 6px; } .slide-share ul li a i { font-size: 34px; } .slide-share ul i.fa.fa-twitter { color: #1DA1F2; } .slide-share ul i.fa.fa-linkedin-square{ color: #0077B5; } .slide-share ul i.fa.fa-youtube { color: #E62B24; } a.slide-share-new { line-height: 46px !important; } .slide-form input.hs-button.primary.large { font-size: 14px; font-family: 'MyriadPro-Semibold'; border: 0; padding: 8px 10px 4px 10px; border-radius: 50px; width: 100%; max-width: 110px; cursor: pointer; background: #fff !important; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .slide-form h3 { font-family: 'MyriadPro-Regular'; font-size: 24px; color: #ffffff; font-weight: 100; max-width: 236px; text-align: left; margin: 0 0 10px 0; } .slide-form form { max-width: 240px; } .slide-form span.hs-form-required { display: none; } .slide-form .hs-input { border: 1px solid #fff; background: transparent; color: #fff; border-radius: 4px; height: 40px; margin: 0 0 10px 0; font-size:14px; font-family: 'MyriadPro-Regular'; } .slide-form textarea.hs-input { height: 130px; } .slide-form ::-webkit-input-placeholder { color: #ffffff;} .slide-form ::-moz-placeholder { color: #ffffff;} .slide-form :-ms-input-placeholder { color: #ffffff;} .slide-form :-moz-placeholder { color: #ffffff;} /***************************************************************************************** SLIDER CSS ****************************************************************************************/ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .carousel-content-img { min-height: 327px; background-size: cover; background-position: center;} .projct-myflwr { margin: 10px auto 0; padding-left: 49px;} /***************************************************************************************** RESPONSIVE CODE ****************************************************************************************/ @media screen and (max-width: 1280px) { .service-cols .hs_cos_wrapper_type_custom_widget { width: 19%; } } @media screen and (max-width: 1080px) { .service-cols .hs_cos_wrapper_type_custom_widget { width: 26%; } .ct-block { margin-left: 10% !important; } } @media screen and (max-width: 980px) { .service-cols .hs_cos_wrapper_type_custom_widget { width: 42%; } } @media screen and (max-width: 964px) { .header-content { padding: 89px 35px 12px 0; } } @media screen and (max-width: 894px) { .header-content { padding: 89px 35px 12px 0; } } @media screen and (max-width: 794px) { .header-content { padding: 58px 35px 12px 0; } } @media screen and (max-width: 767px) { .logo { background-image: none; background-repeat: no-repeat; background-size: cover; margin: 0 auto !important; max-width: 516px; padding: 26px 0; position: relative; text-align: center; width: 100% !important; } .projct-myflwr { display: none !important; } .header-content { float: none !important; margin: 0 auto !important; max-width: 340px; padding: 3px 0 32px; text-align: center; width: 100% !important; } .service-cols .hs_cos_wrapper_type_custom_widget { display: block; margin: 30px auto 60px; max-width: 300px; min-height: auto; text-align: center; vertical-align: top; width: 100%; } .dbg-img img { margin-top: 0; } .offer-sec h1 { margin-bottom: 10px; } .dbg-img { margin: 0 0 20px; padding-right: 0; text-align: center; } .dbg-desc::before { display: none !important; } .dbg-desc { border-top: medium none; margin: 0 auto !important; max-width: 550px; padding-left: 0; padding-top: 10px; position: relative; text-align: center; } .academy-sec .service-cols .hs_cos_wrapper_type_custom_widget { width: 100%; } .footer-sec { text-align: center; } .lg-block { margin: 10px auto !important; max-width: 268px; padding-left: 0; } .ct-block { margin-left: 0 !important; margin-top: 20px; } .copyright-sec ul li { border-right: medium none; color: #868686; display: block; font-size: 12px; line-height: 18px; margin: 0; padding: 0; text-align: center; } .span6.widget-span.widget-type-text.right-border { float: right !important; width: 50% !important; } .copyright-sec { border-top: 1px solid #bcbaba; padding: 20px 20px 110px; } /**********************Share sidebar*************/ .footer-container.container-fluid { overflow: hidden; position: relative; } .slide-icons { bottom: 0; left: 0; margin: auto !important; max-width: 250px; position: fixed; right: 0; top: auto; width: auto !important; z-index: 999; display:none!important; } .click-icons { background: #4689c8 none repeat scroll 0 0; border-radius: 10px 10px 0 0; float: none !important; margin: 0 auto !important; max-width: 400px; min-height: 0 !important; position: relative; right: 0 !important; text-align: center; top: auto; width: 100% !important; display:none!important; } .click-icons ul { background: #4689c8 none repeat scroll 0 0; border-radius: 10px 10px 0 0; display: inline-block; float: left; list-style: outside none none; margin: 0; padding: 0 10px; width: calc(100% - 20px); } .click-icons ul li { color: #fff; cursor: pointer; display: inline-block; font-family: "MyriadPro-Regular"; font-size: 12px; margin: 20px; } .slide-share ul { list-style: outside none none; margin: 0; padding: 0; text-align: center; } .slide-share ul li { display: inline-block; margin: 8px; } .slide-share { background: #6ba1d3 none repeat scroll 0 0; border-radius: 10px 10px 0 0; left: -26px; max-width: 300px; padding: 20px 30px 90px; position: absolute; transition: all 0.2s ease-in-out 0s; width: 300px !important; bottom: -250px; right: auto; } .slide-share.open-share { bottom: 0; right: auto; } .slide-form { background: #6ba1d3 none repeat scroll 0 0; border-radius: 10px 10px 0 0; left: -26px; margin: auto !important; max-width: 370px; padding: 35px 45px 100px; position: absolute; right: auto; transition: all 0.2s ease-in-out 0s; width: 300px !important; bottom:-600px; } .slide-form h3 { font-size: 20px; text-align:left!important; } .slide-form.open-form { bottom: 0; right: auto; } } /***************************************************************************************** SLIDER TRANSITION CSS ****************************************************************************************/ /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Modular & Reusable Components ========================================================================== */ /** NEW BLOG RSS Custom Module **/ #custom_rss .hs-rss-item-text::before{ padding: 0 0 40px 0; } #custom_rss .hs-rss-date{ position: absolute; top: 24px; margin-left: auto; margin-right: auto; left: 0; right: 0; font-size: 14px; text-transform: uppercase; margin-top: 0px; font-weight: 400; margin-bottom: 0px; } #custom_rss a.hs-rss-title { font-family: MyriadPro-BoldCond; font-size: 16px; height: 70px; color:#3e4543; display:inline-block; margin:21px 0px 0px 0px; padding:0px 10%; } #custom_rss a.hs-rss-title span { padding:0px; color:#3e4543; line-height:24px; } #custom_rss .hs-rss-item.hs-with-featured-image .hs-rss-item-text{ margin-top: 10px; position:relative; } .hs-rss-description a{ color: #ffffff; text-decoration: none; background-color: #2170a8; } .hs-rss-description a{ max-width:105px; } .hs-rss-description a:hover { background-color: #779fda; color: #ffffff; } .outline_blue_cta:hover { border: solid 1px #779fda; } #custom_rss .hs-rss-item { margin-bottom: 0; display: flex; flex-wrap: wrap; flex-direction: column-reverse; justify-content: center; align-items: center; } #custom_rss .hs-rss-item-image-wrapper { margin: 0 0 22px 0; overflow: hidden; } #custom_rss .hs-rss-item-image-wrapper img.hs-rss-featured-image { height: 150px; width: 150px; max-width: none; border-radius: 75px 75px 75px 75px; -moz-border-radius: 75px 75px 75px 75px; -webkit-border-radius: 75px 75px 75px 75px; border: 0px solid #000000; } #custom_rss .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 100%; float: none; padding-right: 0; display: inline-block; height: 100%; min-height: 176px; } .hs-rss-description p{ color:transparent; margin:-15px 0px 0px 0px; height:auto; } .hs-rss-description a { display: block; color: #ffffff; text-decoration: none; border-radius: 45px 45px 45px 45px; -moz-border-radius: 45px 45px 45px 45px; -webkit-border-radius: 45px 45px 45px 45px; text-transform: uppercase; font-style: normal; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; font-size: 14px; max-width: 108px; margin: 0 auto; background-color: #4689c8; color: #ffffff; text-decoration: none; font-family: 'MyriadPro-Regular'!important; font-weight: 100!important; padding: 10px 25px 7px 25px; } .hs-rss-description a:hover { color: #2170a8; } #custom_rss + .ctaWrapper { display: none !important; } #custom_rss .hs-rss-item-text::before { content: "Twintec Blog"; display:block; text-transform:uppercase; font-size:24px; padding:15px 0px 15px 0px; } body.french #custom_rss .hs-rss-item-text::before { content: "Blog Twintec"; } #custom_rss .hs-rss-author { display:none; } /* OLD RSS Widget */ #custom_rss .hs-rss-item-image-wrapper { display:inline-block; width:150px; height:150px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 75px 75px 75px 75px; -moz-border-radius: 75px 75px 75px 75px; -webkit-border-radius: 75px 75px 75px 75px; border: 0px solid #000000; margin: 35px 0px 15px 0px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #custom_rss .hs-rss-byline { opacity: 1; font-size: 16px; } #custom_rss .hs-rss-byline { color:#3e8ede; } #custom_rss .hs-rss-date { display:block; margin-top:15px; color:#000000; } /**** New Language Selector ****/ .langSelect { position:relative; padding:0px 0px 0px 10px; transition: all 0.5s ease; margin-left:60px; } p.globe { cursor:pointer; display:block; background-color:#71A3E5; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; width:200px; margin:2px 0px 0px 0px; padding:3px 0px 3px 20px; position:absolute; left:500px; top:3px; } p.globe::before { content: "› "; padding:0px 10px 0px 0px; } p.globe2 { cursor:pointer; display:block; background-color:#71A3E5; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; width:200px; margin:2px 0px 0px 0px; padding:3px 0px 3px 20px; position:absolute; left:340px; top:3px; } p.globe2::before { content: "› "; padding:0px 10px 0px 0px; } p.globe { left: 290px !important; } ul.langMenu { left: 290px !important; } ul.langMenu { display:none; background-color:#3E4543; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 0px solid #000000; padding:20px; position:absolute; left:500px; top:27px; z-index:1000; width:200px; } ul.langMenu li { list-style:none; padding:0px; margin:0px; font-size:13px; line-height:18px; } ul.langMenu li a { font-weight:100; color:#B2B2B2; } ul.langMenu li a::before { content: "› "; padding:0px 10px 0px 0px; } ul.langMenu li a:hover { color:#ffffff; } ul.langMenu2 { display:none; background-color:#3E4543; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 0px solid #000000; padding:20px; position:absolute; left:340px; top:27px; z-index:1000; width:200px; } ul.langMenu2 li { list-style:none; padding:0px; margin:0px; font-size:13px; line-height:18px; } ul.langMenu2 li a { font-weight:100; color:#B2B2B2; } ul.langMenu2 li a::before { content: "› "; padding:0px 10px 0px 0px; } ul.langMenu2 li a:hover { color:#ffffff; } /* .langSelect ul li:hover ul { display:block; position:absolute; left:0px; top:30px; z-index:1000; } */ @media (max-width:959px) { .langSelect { display:none; } } /* Tier Styles */ .greyBaseRule { border-bottom:solid 1px #9d9d9c; } /* Static Banner */ .staticBanner { display:block; height:260px; background-repeat:no-repeat; background-size: 100% auto; margin-top:-28px; margin-right:-100px; margin-left:180px; } @media (max-width: 568px) { .staticBanner { margin:0px; height:180px; } } /* Homepage Fade Banner */ /* Carousel Styles */ .owl-theme .owl-dots .owl-dot.active span{ width:10px; height:10px; margin:5px 7px; background: #2170a8 !important; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } #meetTheTeam .owl-dots { margin-top:10px; margin-bottom:25px; display:none; } #meetTheTeam { position:relative; top:-28px; left:0px; text-align:right; } #meetTheTeam .owl-carousel .item .staffImage { width:100%; height:260px; background: #ffffff; padding:0; background-position:center center; background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom:30px; } #meetTheTeam .caption { position:absolute; left:0px; bottom:-15px; width:450px; display:block; text-align:left; z-index:1000!important; margin-left:190px; } #meetTheTeam .caption p { font-size:14px; text-transform:uppercase; padding:0px!important; line-height:100%; vertical-align: text-top; } @media (max-width: 568px) { #meetTheTeam .caption { position:absolute; left:0px; bottom:-15px; width:100%; display:block; text-align:center; z-index:1000!important; margin-left:0px; } #meetTheTeam { top:0px; left:0px; } } /* Crumb Trail */ .crumbContainer { position:relative; margin-bottom:30px; } body.homePage .crumbContainer { display:none; } .fullWidthCrumbs { position:absolute; left:0px; top:0px; z-index:300; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/orangeRuleSplit-01.svg); background-position:center 10px; background-repeat:no-repeat; } .crumbs { margin-left:143px; margin-top:1px; float:left; } .crumbs ul { margin:6px 0px 0px 0px; float:left; display:block; width:auto; } .crumbs ul li { display:inline-block; list-style:none; text-transform:uppercase; color:#000000; font-size:14px; vertical-align: text-top; padding-top:10px; } .crumbs ul li a { margin:0px; padding:0px; color:#9d9d9c; padding-right:5px; font-size:14px; } .crumbs ul li a:hover { color:#3e8ede; } li.slidingRule { display:inline-block; width:250px; height:30px; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/orangeRule-01.svg); background-repeat:no-repeat; background-position:-220px top; } @media (max-width: 767px) { .fullWidthCrumbs { background-image:none; width:100%!important; text-align:center!important; } li.slidingRule { background-image:none; } .crumbs { margin-left:0px; float:none; display:inline-block; text-align:center!important; } .crumbs ul { margin:0px; padding:0px!important; } .crumbs ul li { display:inline!important; font-size:14px; } } @media (max-width: 568px) { li.slidingRule { display:none!important; } .crumbs ul { margin-left:0px; padding-left:0px; width:100%; } .crumbs { margin-left:0px; float:none; display:inline-block; } .crumbContainer { position:relative; margin-bottom:0px; } } /* Products Intro Section */ .productPages { text-align:left; padding:0px!important; } .introSection { padding:0px 20%; } body.groupPage .introSection { padding-top:30px; } p.intro { font-family: 'MyriadPro-Cond'; font-weight:200; color:#adb0ae; font-size:28px; line-height:120%; } h1.pageTitle, h3.pageTitle { color:#104592; font-family: 'MyriadPro-BoldCond'; font-size:42px; } p.productDescription { text-transform:uppercase; color:#104592; font-family: 'MyriadPro-Cond'; margin:0px 0px 20px 0px; font-size:24px; padding-bottom:20px; border-bottom:solid 1px #9c9b9b; } p.description { height:90px; } @media (max-width: 568px) { .introSection { padding:0px 5%; } h1.pageTitle, h3.pageTitle { font-size:36px; } p.intro { font-size:25px; } .productPages { text-align:center; padding:0px!important; } p.productDescription { line-height:120%; margin-top:5px; } } /* Applications Intro */ .applicationsIntro { color:#e27c00; font-size:24px; } h1.applicationsTitle { color:#9d9d9c; text-transform:uppercase; font-size:36px; } @media (max-width: 568px) { h1.applicationsTitle { font-size:30px; } p.applicationsIntro { color:#e27c00; font-size:21px; } } /* Key Feature Section */ .keyFeaturesContainer { text-align:center; width:100%; margin:0px; padding:20px 0px 0px 0px } .keyFeaturesContainer2c { text-align:center; width:100%; margin:0px; padding:20px 0px 0px 0px } .keyFeaturesContainer .hs_cos_wrapper_widget { display:inline-block; width:300px; vertical-align: text-top; } .keyFeaturesContainer2c .hs_cos_wrapper_widget { display:inline-block; width:400px; vertical-align: text-top; } .keyFeature { padding:0px 10%; } .keyFeature h4 { color:#104592; margin-bottom:10px; } img.featureIcon { display:inline-block; width:40px; height:40px; margin-bottom:15px; margin-top:15px; } /* Product Options Intro */ .optionsIntro h2 { color:#e27c00; font-family: 'MyriadPro-Regular'; } .optionsIntro p { color:#adb0ae; font-size:20px; padding:0px 15%; } /* Individual Product Options and Applications Module */ .productOption h4 { color:#e27c00; margin-bottom:10px; } .productOption p { padding:0px 8%; line-height:20px; color:#adb0ae; font-size:14px; } .product-options-section .hs_cos_wrapper_widget { display:inline-block; width:250px; vertical-align: text-top; } .appIntro .productOptionImage { display:none!important; } .productOptionImage { width:150px; height:150px; border-radius: 75px 75px 75px 75px; -moz-border-radius: 75px 75px 75px 75px; -webkit-border-radius: 75px 75px 75px 75px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; display:inline-block; margin:35px 0px 15px 0px; } body.DBGproduction .productOptionImage { border-radius: 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } .bioImage { width:150px; height:150px; border-radius: 75px 75px 75px 75px; -moz-border-radius: 75px 75px 75px 75px; -webkit-border-radius: 75px 75px 75px 75px; background-repeat:no-repeat; background-position:center center; background-size:62px 55px; background-color:#3e4543; display:inline-block; margin:35px 0px 15px 0px; } .applications-section .hs_cos_wrapper_widget { display:inline-block; width:250px; vertical-align: text-top; } .applications h4 { font-weight:100!important; } .applications p { color:#adb0ae; font-size:14px; height:90px; } body.german .applications p { height: 115px; } body.french .applications p { height: 115px; } .singleApp h2 { text-transform:capitalize; font-weight:100!important; font-family: 'MyriadPro-Regular'!important; color:#9c9b9b; } .singleApp p.description { color:#e27c00; height:auto; font-size:21px; padding:0px 25%; line-height:120%; } .singleApp .productOptionImage { width:180px; height:180px; border-radius: 90px 90px 90px 90px; -moz-border-radius: 90px 90px 90px 90px; -webkit-border-radius: 90px 90px 90px 90px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; display:inline-block; margin:35px 0px 15px 0px; } @media (max-width: 568px) { .bioImage { margin:0px 0px 10px 0px; } } /* DBG Production Module */ .production-module-section .hs_cos_wrapper_widget { display:inline-block; width:350px; vertical-align: text-top; } .production p.description { height:190px; margin-bottom:0px; padding:0px 7%; color:#000000; font-size:16px; line-height:150%!important; } .production h4 { color:#134395; font-size:26px; } @media (max-width: 568px) { .production-module-section .hs_cos_wrapper_widget { width:100%; } .production p.description { height:auto; margin-bottom:0px; padding-bottom:0px; } } /* Document Download Module */ img.icon { display:inline-block; margin-bottom:15px; } .docDownload { text-align:center; } .docDownload h2 { color:#e27d08; } .docDownload p { color:#adb0ae; font-size:20px; margin:5px 0px 0px 0px; padding-bottom:50px; } .indivd { padding:0px 15%; } .indivd h3 { color:#ffffff; } .indivd p { padding-bottom:25px; font-size:16px; } @media (max-width: 568px) { .indivd { padding:0px 5%; } } /* Testimonial Module */ .productInUse .hs_cos_wrapper_widget { display:inline-block; width:350px; vertical-align: text-top; } p.endorser { margin:0px; font-family: 'MyriadPro-Semibold'; } p.company { font-size:13px; text-transform:uppercase; margin-top:0px; } .ctaWrapper { margin:10px 0px; } .testimonialModule p { padding:0px 8%; } @media (max-width: 568px) { .productInUse .hs_cos_wrapper_widget { width:100%; padding:0px 10%; } } /* DBG Module */ .dbgModule { padding:40px 0px 30px 0px; } .dbgModule h3 { color:#ffffff; font-size:28px; margin:0px 0px 4px 0px; font-weight:100; font-family:'MyriadPro-Regular'; text-transform:uppercase; } .dbgModule p { color:#ffffff; font-size:24px; margin:0px 0px 20px 0px; font-weight:100; font-family:'MyriadPro-Regular'; } @media (max-width: 568px) { .dbgModule h3 { font-size:21px; } .dbgModule p { font-size:18px; } } /* Your Challenges Module */ .equalizer { height:170px; } body.french .equalizer { height:220px; } body.german .equalizer { height:220px; } .yourChallenges { text-align:center; color:#575756; padding:0px 5%; } .yourChallenges h3 { color:#575756; text-transform:uppercase; font-weight:400; font-size:28px; } p.singleLine { padding:0px 15%; } .yourChallenges .ctaWrapper { margin-top:20px; } h3.subTwo { margin-top:40px; } /* Responsive Video */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } p.videoDescrip { margin-top:20px!important; line-height:130%; } /* Wrap You Tube Clips with
/* /* Persona Intro Module */ .personaIntro { text-align:center; } .personaIcon { width:100px; height:80px; background-position:center top; background-repeat:no-repeat; display:inline-block; } .personaIntro p { font-size:21px; padding:0px 25%; margin-bottom:50px; } /* Persona Role Module */ .persona-section .hs_cos_wrapper_widget { display:inline-block; width:250px; vertical-align: text-top; } .personaRole { text-align:center; padding:0px; border-right:solid 1px #b1b1b1; } .personaRole h3 { text-transform:uppercase; } .personaRole p { padding:0px 20%; } body.german .personaRole p { padding:0px 18%; height: 45px; } body.french .personaRole p { padding:0px 18%; height: 45px; } .persona-section .hs_cos_wrapper_type_custom_widget:nth-child(4) .personaRole { border-right:none; } @media (max-width: 568px) { .persona-section .hs_cos_wrapper_type_custom_widget:nth-child(4) .personaRole, .persona-section .hs_cos_wrapper_type_custom_widget:nth-child(2) .personaRole { border-right:none; } .persona-section .hs_cos_wrapper_type_custom_widget:nth-child(3) .personaRole h3, .persona-section .hs_cos_wrapper_type_custom_widget:nth-child(4) .personaRole h3 { margin-top:15px; } } @media (max-width: 479px) { .personaRole { border-right:none; } .personaRole h3 { margin-top:35px!important; } .personaIntro p { padding:0px 5%; margin-bottom:0px; } } /* Related Personas and DBG Related */ .personaRelated, .productMenu { text-align:center; padding:0px 10%; } .personaRelated p, .productMenu p{ font-size:15px; margin:5px 0px 0px 0px; line-height:130%; padding:0px 5%; } .personaRelated h4, .productMenu h4 { color:#3e8ede; font-family: 'MyriadPro-Regular'; font-weight:100; margin-bottom:0px; } .menuWrapper { text-align:center; } .relatedPages .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin:15px 0px; display:inline-block; text-align:left; } .relatedPages .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { margin:0px; padding:8px 0px 4px 50px; font-size:21px; color:#575756; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/relatedPagesArrow-01.svg); background-position:left center; background-repeat:no-repeat; font-family: 'MyriadPro-Cond'; font-weight:400; } .relatedPages .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover { color:#2170a8; } .relatedPages ul li.hs-menu-item a { font-weight:100; } .relatedPages #custom_rss .hs-rss-item-image-wrapper { margin-top:20px; } .dbgRelated .personaIcon { height:130px; margin-bottom:15px; } .productMenu { margin-top:30px; } .productMenu .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { margin:0px; padding:4px 0px 0px 12px; font-size:16px; color:#575756; font-family: 'MyriadPro-Regular'; font-weight:400; background-image:none; } .productMenu .hs-menu-wrapper.hs-menu-flow-vertical > ul li a::before { content: "› " } /* Persona Intro Tier */ .personaIntroTier { width:100%; } .personaIntroTier h1 { font-size:32px; margin-bottom:4px; } p.orangeSubtext { color:#e27c00; text-transform:uppercase; margin:0px; } .topSection { padding-bottom:20px; border-bottom:solid 1px #9c9b9b; margin-bottom:20px; } .personaIntroTier p.intro { font-family: 'MyriadPro-Regular'; color:#9c9b9b; font-size:24px; margin-top:0px; } @media (max-width: 568px) { .personaIntroTier { text-align:center; } .menuWrapper { width:100%; } .relatedPages .hs-menu-wrapper.hs-menu-flow-vertical > ul { width:150px; } .personaIntroTier p.intro { font-size:18px; padding:0px 5%; } } /* Carousel */ /* Carousel Styles */ #clientLogos .owl-carousel .item { height: 10rem; background: #ffffff; padding:0; background-position:center center; background-size: 90% auto; background-repeat:no-repeat; } #clientLogos .owl-nav { display:none; } #clientLogos .owl-dots { margin-top:0px; } #clientLogos .owl-theme .owl-dots .owl-dot .active span { background-color: #ff6600!important; border: 2px solid #ff6600!important; } .owl-theme .owl-dots .owl-dot.active span{ width:10px; height:10px; margin:5px 7px; background: #2170a8 !important; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } /* Case Study Taster Module */ .caseStudyTaster p { padding:0px 30%; color:#868686; } /* Downloads Module */ .downloadsModule h4 { text-transform:uppercase; color:#e27c00; padding-bottom:15px; border-bottom:solid 4px #868686; margin-bottom:15px; font-family: 'MyriadPro-Regular'; font-weight:100; margin-top:25px; } @media (max-width: 568px) { .downloadsModule { text-align:center; margin-bottom:35px; } .downloadsModule h4 { margin:0px 5%; } .downloadsModule p { padding:0px 5%; } .downloadsModule { display:none; } } /* Feature Image and Quote Tier */ .fullWidthPhoto { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; width:100%; height:auto; text-align:center; } .quoteContainer { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/blackOverlay60.png); background-position:left top; width:600px; height:auto; margin:120px; display:inline-block; } .quoteContainer p { color:#ffffff; font-size:21px; font-weight:100; padding:0px 50px 20px 50px; line-height:130%; } .quoteContainer h3.mission { color:#e27c00; margin:30px 0px 0px 0px; font-family: 'MyriadPro-Regular'; font-weight:100; } @media (max-width: 568px) { .quoteContainer { margin:120px 0px; display:inline-block; } .quoteContainer p { color:#ffffff; font-size:16px; font-weight:100; padding:0px 50px 20px 50px; line-height:120%; } } @media (max-width: 479px) { .quoteContainer { width:auto; height:auto; margin:80px 20px; display:inline-block; } .quoteContainer p { padding:20px 30px; } } /* Total Offer Intro */ .totalOffer { text-align:center; } .featureIcon { display:inline-block; width:100px; height:100px; background-position:center center; background-size:100px 100px; background-repeat:no-repeat; } .summarySection { padding:0px 15%; } .summarySection p { font-size:21px; } @media (max-width: 568px) { .summarySection { padding:0px 5%; } } /* Simple Two Line Section Intro */ .SSIntro { text-align:center; } .SSIntro h2 { margin-bottom:15px; color:#000000; } .SSIntro p { margin-top:0px; padding:0px 20%; font-size:18px; color:#9c9b9b; } @media (max-width: 568px) { .SSIntro p { margin-top:0px; padding:0px 0%; } } /* Quality Intro Module */ .qualityIntro .textContainer { padding: 10px 0px 10px 115px; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/qualityMark-01.svg); background-position:left center; background-repeat:no-repeat; background-size:100px 110px; } .qualityIntro h3 { color:#134395; } .qualityIntro p { font-size:18px; color:#3e8ede; } @media (max-width: 568px) { .qualityIntro .textContainer { padding: 115px 0px 10px 0px; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/qualityMark-01.svg); background-position:center top; background-repeat:no-repeat; background-size:100px 110px; text-align:center; } } /* Case Study Intro */ .csIntro { text-align:center; margin-top:-60px; } .csIntro h1 { text-transform:uppercase; color:#9d9d9c; font-size:36px; } .csIntro p.summary { color:#e27c00; padding:0px 15%; } .csIntro .imageRoundel { display:inline-block; width:150px; height:150px; border-radius: 75px 75px 75px 75px; -moz-border-radius: 75px 75px 75px 75px; -webkit-border-radius: 75px 75px 75px 75px; border: 0px solid #000000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom:15px; } @media (max-width: 960px) { .csIntro { text-align:center; margin-top:-20px; } .csIntro h1 { font-size:28px; } .csIntro p.summary { color:#e27c00; padding:0px 5%; } } /* Case Study Filter */ .filterWrapper { text-align:center; padding:40px 0px 0px 0px!important; } ul#menu2 { } ul#menu2 li, ul#menu3 li { display:inline-block; } ul#menu2 li ul li, ul#menu3 li ul li { display:list-item; } li.filterTitle { text-transform:uppercase; color:#000000; padding-right:10px; } body.galleryDetail li.filterTitle { text-transform: none; color: #000000; padding-right: 10px; font-size: 18px; } a.btn { background-color:#ffffff; color:#e27c00; padding:15px 15px 12px 15px; font-size:13px; text-decoration:none; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:solid 1px #c6c6c6; text-transform:uppercase; } body.galleryDetail a.btn { text-transform:none; } .dropit { list-style: none; padding: 0; margin: 0; } .dropit .dropit-trigger { position: relative; } .dropit .dropit-submenu { position: absolute; top: 100%; left: 0; /* dropdown left or right */ z-index: 1000; display: none; min-width: 150px; list-style: none; padding: 0; margin: 0; text-align:left; padding:15px; background-color:#e27c00; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; margin-top:10px; } .dropit .dropit-open .dropit-submenu { display: block; } li.filter { line-height:130%; } li.filter a { text-decoration:none; font-size:13px; color:#ffffff; } .dropit li.active a, .dropit li.active a:hover { background-color:transparent; } .leftFilter { text-align:right; } .rightFilter { text-align:left; } @media (max-width: 960px) { .guides-filter-container #menu3, .guides-filter-container #menu2 { width:300px; display:block; float:left; } .guides-filter-container #menu2 { margin-top:-1px; } .leftSpacer { display:none!important; } } @media (max-width: 568px) { .sectorSpecific { width: 50% !important; float: left !important; } .guides-filter-container #menu3, .guides-filter-container #menu2 { width: 100% !important; } .guides-filter-container #menu2 { margin-top:-1px; } .guides-filter-container #menu2 { margin-left:0px; } .leftFilter { text-align:center; margin-bottom:30px; } .rightFilter { text-align:center; } } @media (max-width: 375px) { .guides-filter-container #menu3 { margin-bottom:15px; } } /* Case Study - Masonry Template */ .portfolio-header h1 { padding:47px 0px 85px 0px; } .guides-header h1 { padding:67px 0px 5px 0px; margin-bottom:0px!important; } p.sectorTitle { color:#ffffff; margin:0px; padding-bottom:90px; font-size:16px; } .filter-container { text-align:center; padding:15px 0px; } .guides-filter-container { text-align:center; padding:15px 0px; } p.filterTitle { text-transform:uppercase; display:inline-block!important; padding:0px 5px 0px 0px; color:#ffffff; } .our-work-container { background-color:#ffffff; } .portfolio .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .portfolio .nav-pills li { float: none; display: inline-block; } .portfolio .nav-pills > li+li { margin-left: 30px; } .portfolio .text-color-grayDark1 { color: #2b2b2b; } .portfolio .text-bold { font-weight: 700; } #Container { height:auto!important; padding-bottom:40px; } #Container .mix{ display: none; } #grid { margin: 0 auto; } #grid .mix { display: none; opacity: 0; } .portfolio-item { margin-top: 40px; margin-right: 20px!important; margin-left:20px!important; } .portfolio-image img { width: 320px; } .portfolio-image { position: relative; } /* Style Variations for the 'Case Study'*/ p.documentType { text-transform:uppercase; margin:15px 0px 0px 0px; color:#575756; font-weight:700; } .our-guides-container { background-color:#ffffff; } .guideWrapper { width:320px; padding:0px; background-color:#ffffff; text-align:center; } .guideWrapper img { } .guideWrapper h4 { color:#575756!important; font-family: 'MyriadPro-Regular'; line-height:130%; font-weight:100; padding:0px 5%; margin-bottom:15px; } .guideWrapper p.application { margin:0px!important; text-transform: capitalize!important; font-size:14px; line-height:130%; font-weight:400; color:#3e8ede; } .guideWrapper p.description { line-height:160%; padding:0px 5%; font-size:15px; margin:0px 0px 0px 0px; } .guideCTA { display:block; text-align:center; padding:10px 0px 0px 0px; } @media (max-width: 568px) { .guideWrapper h4 { font-size:14px; } } /* Style Variations for the 'The Team' template which shares many of the 'Our Work' components*/ .bio-item { margin-top: 40px; margin-right: 20px!important; margin-left:20px!important; } .bio-image { width: 350px; height:250px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; } body.team h6.portfolio-title { text-align:left; line-height:100%; } body.team h6.portfolio-title span { font-size:16px; color:#ea5c2d; } @media (max-width: 1060px) { .portfolio-image img, .guideWrapper, .bio-image { width: 265px; } .bio-image { height: 189px; } } @media (max-width: 960px) { .portfolio-image img, .guideWrapper, .bio-image { width: 305px; } .leftSpacer, .rightSpacer { display:none; } } @media (max-width: 667px) { .portfolio-image img, .guideWrapper { width: 205px; } .bio-image { width: 105px; height: 75px; } } @media (max-width: 568px) { .guideWrapper img { width:70%; } .guideWrapper p.description { padding:0px 2%!important; font-size:13px!important; line-height:19px; } .guideCTA { display:block; text-align:center; padding:10px 10% 0px 8%; } } @media (max-width: 480px) { } @media (max-width: 375px) { .portfolio-image img, .guideWrapper { width: 248px; } .bio-image { width: 120px; height: 100px; } } @media (max-width: 375px) { } .grey-header h1 { color:#ffffff; font-size:42px; padding:0px 5%; } .portfolio-header { padding-top:20px; } /* Contact Us Intro */ .contactUsIntro { text-align:center; } .contactUsIntro p.shortDescription { font-size:16px; padding:0px 25%; font-weight:400; line-height:130%; margin-bottom:40px; } .contactUsIntro h3 { font-family: 'MyriadPro-Regular'; font-weight:100; color:#9d9d9c; } /* Flag Module */ .flagModule { text-align:center; margin-bottom:30px; } .flag { display:inline-block; width:96px; height:53px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; margin-bottom:5px; } a.countryLink { display:inline-block; font-family: 'MyriadPro-Cond'; font-weight:400; font-size:16px; padding:6px 0px 4px 30px; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/contactArrow-01.svg); background-repeat:no-repeat; background-position:left center; background-size: 25px 25px; } .flag-section .hs_cos_wrapper_widget { display:inline-block; width:160px; vertical-align: text-top; } /* Contact Us Country Page - Personnel Module */ .personnelRow { border-bottom:solid 1px #c6c6c6; padding:30px 0px 15px 0px; position:relative; } .personnel { display:inline-block; height:85px; } .personnel p { margin:0px; padding:0px; line-height:140%; } .personnel-section .hs_cos_wrapper_widget { display:inline-block; width:260px; vertical-align: text-top; } .personnel p.jobTitle, .personnel p.emailAddress { font-size:14px; color:#575756; font-weight:400; } .personnel p.emailAddress a { color:#1b8fcf; } @media (max-width: 1080px) { .personnel-section .hs_cos_wrapper_widget:nth-child(4n+0) { } } @media (max-width: 568px) { .personnel-section .hs_cos_wrapper_widget { width:250px; } } /* Personnel Header */ .personnelHeader h3 { color:#001970; text-transform:uppercase; margin:0px 0px 30px 0px; padding:0px; font-family: 'MyriadPro-Regular'; font-weight:100; } .personnelHeader h2 { color:#001970; text-transform:uppercase; font-weight:400!important; margin-bottom:30px; } /* Flag and Country */ .flagNCountry { /*position:absolute;*/ left:0px; top:0px; z-index:500; } .countryFlag { display:inline-block; width:100px; height:59px; background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom:15px; } .flagNCountry h2 { text-transform:uppercase; color:#3e4543; font-size:28px; } .nordics-details { padding-bottom: 80px !important; } @media (max-width: 1080px) { .flagNCountry { text-align:center; width:100%; position:relative; } .countryContactDetail { text-align:center!important; } .contactDetails .span6 { width:100%!important; margin-left:0px!important; } .nordics-details { padding-bottom: 0px !important; } } /* Country Contact Details */ .countryContactDetail { text-align:right; margin-bottom:30px; } .countryContactDetail p { margin:0px; padding:0px; font-weight:400; line-height:140%; } .countryContactDetail p.telNo, .countryContactDetail p.email { font-size:28px; color:#001970; } .countryContactDetail p.email a { font-weight:100; color:#001970; } .countryContactDetail p.email { margin-bottom:10px; display:block; } @media (max-width: 1080px) { .countryContactDetail p.telNo, .countryContactDetail p.email { font-size:24px; } .countryContactDetail { margin-top:20px; } } @media (max-width: 479px) { .countryContactDetail p.telNo, .countryContactDetail p.email { font-size:19px; } } /* Home Intro Module */ .homeIntro { text-align:center; margin:70px 0px 60px 0px; } .homeIntro h1 { font-size:42px; } .homeIntro h1 span { font-size:32px; text-transform:uppercase; color:#9D9D9C; } .homeIntro p.summaryPara { font-size:18px; padding:0px 15%; } @media (max-width: 479px) { .homeIntro p.summaryPara {; padding:0px 5%; } .homeIntro h1 { font-size:36px; } } /* DBG Intro & Icon Module */ .dbgHomeIntro { text-align:center; } .dbgHomeIntro h3 { color:#878787; font-family: 'MyriadPro-Regular'; font-weight:100; font-size:28px; line-height:120%; } .dbgHomeIntro h3 span { text-transform:uppercase; } .dbgIcon { background-repeat:no-repeat; display:inline-block; width:60px; height:60px; background-position:center center; } /* Resources Intro */ .resourcesIntro { text-align:center; padding-top:40px!important; } .resourcesIntro h3 { color: rgb(135, 135, 135); font-family: MyriadPro-Regular; font-weight: 100; font-size: 28px; line-height: 120%; text-transform:uppercase; font-size:28px; } .resourcesIntro p { font-size:18px; margin-top:0px; padding:4px 25% 0px 25%; } .resourcesIcon { display:inline-block; width:60px; height:60px; beckground-repeat:no-repeat; background-position:center center; } @media (max-width: 479px) { .resourcesIntro p { padding:4px 5% 0px 5%; } } /* Resources Module */ .resourcesModule { text-align:center; margin-bottom:40px; } .resourcesModule h4 { font-size:24px; text-transform:uppercase; font-family: MyriadPro-Regular; font-weight: 100; margin-top:18px; } .resourcesModule p.subhead { font-size:14px; text-transform:uppercase; margin-top:0px; font-weight:400; margin-bottom:0px; } .resourcesModule p.sumUP { font-family: 'MyriadPro-BoldCond'; padding:0px 10%; font-size:16px; margin-bottom:0px; height:70px; margin-top:10px; } .resourceRoundel { display: inline-block; width: 150px; height: 150px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 75px 75px 75px 75px; -moz-border-radius: 75px 75px 75px 75px; -webkit-border-radius: 75px 75px 75px 75px; border: 0px solid #000000; margin: 35px 0px 15px 0px; } .resources-section .hs_cos_wrapper_widget { display:inline-block; width:300px; vertical-align: text-top; } /* Vimeo Custom Module */ .vimeoTier .hs_cos_wrapper_widget { display:inline-block; width:330px; vertical-align: text-top; } .vimeoWrapper { margin:0px 10px; } .vmTier { background-color:#D9D9D9; padding:20px 0px 40px 0px; } body.DBGproduction .vmTier { background-color:#ffffff; border-top:solid 1px #D9D9D9; padding:20px 0px 40px 0px; } .caption p { font-family: 'MyriadPro-Cond'; } .vimeoIntro p { margin-top:0px; margin-bottom:30px; } @media (max-width: 560px) { .vimeoTier .hs_cos_wrapper_widget { width:500px; } } @media (max-width: 479px) { .vimeoTier .hs_cos_wrapper_widget { width:100%; } .vimeoWrapper { margin:0px 0px; } } /* ========================================================================== Footer ========================================================================== */ .footerContainer { border-top:solid 6px #ededed; } .sitemap ul li.hs-menu-item a { padding:4px 0px 4px 0px!important; font-size:12px; font-family: 'MyriadPro-Regular'; font-weight:100; } .footerArea { background-image:url(//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/swoosh.gif); background-position:-160px top; background-repeat:no-repeat; } .footerBrand { padding-left:75px; } .sitemap-nav { padding-left:30px; } .sitemap { padding-top:100px; } .sitemap li a { font-weight:normal; color:#868686; } .sitemap li a:hover { color:#232f5f; } .sitemap h5 { font-family:'MyriadPro-Semibold'; color:#ff9e16; line-height:120%; } .sitemap h5.dbg { margin-bottom:10px; } ul.social { margin:0px; padding:0px; } ul.social li { display:inline-block; width:41px; height:41px; } ul.social li a { text-indent:-9999px; overflow:hidden; display:inline-block; width:41px; height:41px; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/socialIcons-01.svg); background-position:left center; } ul.social li.facebook a { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/SVGs/tw-fb.svg); width:41px; height:41px; background-size: 39px; background-repeat: no-repeat; background-position: center; } ul.social li.facebook a:hover { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/SVGs/tw-fb-hover.svg); } ul.social li.twitter { margin-right:5px; } ul.social li.twitter a { background-position:-1px center; } ul.social li.twitter a:hover { background-image:url(//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/socialIconsRoll-01.svg); background-position:-1px center; } ul.social li.linkedIn { background-position:-52px center; margin-right:3px; } ul.social li.linkedIn a { background-position:-52px center; } ul.social li.linkedIn a:hover { background-image:url(//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/socialIconsRoll-01.svg); background-position:-52px center; } ul.social li.youTube a { background-position:-102px center; } ul.social li.youTube a:hover { background-image:url(//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/socialIconsRoll-01.svg); background-position:-102px center; } .positioningPlusSocial { padding:40px 90px 0px 60px; text-align:left; } .positioningPlusSocial p { font-size:12px; color:#868686; padding:0px 0px 40px 0px; } .footer-sec { border-top: 2px solid #bcbaba; } .legals { padding-left:130px!important; } .footer-sec h5 { color: #f49b24; font-family: 'MyriadPro-Semibold'; font-size: 14px; margin: 0 0 15px 0; } .footer-sec p { font-size: 12px; line-height: 20px; color: #868686; } .lg-block { max-width: 268px; padding-left: 50px; margin-top: 25px; } .lg-block ul { margin: 0; padding: 0; list-style: none; } .ct-block { margin-left: 150px !important; margin-top: 27px; } .footer-sec .c1 p, .footer-sec .c2 p { margin: 0; } .footer-sec .c1 { margin: 15px 0 15px 0; } .social { margin-top: 20px; } .lg-block ul li { display: inline-block; vertical-align: top; margin: 0 15px 0 0; } .lg-block ul li a { border: 1px solid #bcbaba; border-radius: 50px; display: inline-block; height: 35px; width: 35px; text-align: center; vertical-align: middle; line-height: 40px; } .lg-block ul li i { color: #bcbaba; font-size: 20px; } .copyright-sec{ border-top: 1px solid #bcbaba; padding: 20px; } .copyright-sec ul { margin: 0; padding: 0; list-style: none; } .copyright-sec ul li { display: inline-block; margin: 0 5px 0 0; font-size: 11px; border-right: 1px solid #f6a230; padding: 0 10px 0 0; color: #575756; } body.toppscreed .copyright-sec { text-align: center; } body.toppscreed .copyright-sec img { max-width: 200px !important; height: auto; margin-bottom: 15px; } body.toppscreed .copyright-sec ul li { border-right: 1px solid #d3162d; } body.randg .copyright-sec ul li { border-right: 1px solid #074f8f !important; } body.toppscreed .copyright-sec ul { text-align: center; } .copyright-sec ul li:last-child { border: none; } body.toppscreed .copyright-sec ul li:last-child { border: none; } body.randg .copyright-sec ul li:last-child { border: none !important; } .span12.widget-span.widget-type-cell.footer-sec .container { background-image: url(//2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Twintec%20December%202016/Holding%20Page/Images/Footer-bg.png?t=1481093398663); background-repeat: no-repeat; background-position: -225px -102px; padding: 60px; } @media (max-width: 1060px) { .positioningPlusSocial { padding:40px 30px 0px 60px; } } @media (max-width: 960px) { .footerArea { background-image:none; } .footerBrand { width:100%!important; display:block; text-align:center; padding:0px; } .positioningPlusSocial { padding:0px; text-align:center; } .positioningPlusSocial p { padding:0px 10% 10px 10%; } .sitemap-nav { padding:0px; width:180px!important; display:inline-block!important; margin:0px; float:none!important; vertical-align: text-top!important; } .sitemap { padding:20px 0px 0px 0px; margin:0px!important; text-align:center!important; width:100%!important; } .legals { padding-left:0px!important; text-align:center; } } @media (max-width: 667px) {} @media (max-width: 568px) {} @media (max-width: 480px) {} @media (max-width: 375px) {} @media (max-width: 320px) {} /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Set ul background color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ .custom-menu-primary { display:block; float:right!important; text-align:right; padding-top:27px; } body.noBanner .orangeBaseRule .hs-menu-wrapper { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/orangeAngleRule-01.svg); background-position:150px bottom; background-repeat:no-repeat; height:110px; } /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:; } .custom-menu-primary .hs-menu-wrapper > ul > li{ background:; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color:#6f6f6e; text-decoration:none; font-family: 'MyriadPro-Regular'; font-weight:100!important; font-size:16px; padding:38px 15px 0px 15px; color:; } .grey-header .custom-menu-primary .hs-menu-wrapper > ul > li > a, .orange-header .custom-menu-primary .hs-menu-wrapper > ul > li > a, .blue-header .custom-menu-primary .hs-menu-wrapper > ul > li > a, .black-header .custom-menu-primary .hs-menu-wrapper > ul > li > a { color:#ffffff; } .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children a { padding-right:0px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:last-child { padding:38px 0px 0px 15px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:#3e8ede; } .grey-header .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover, .black-header .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:#9B9B9A; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{ padding:10px 0px 10px 0px; background-color:#232f5f; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:#9B9B9A; text-align:left; text-decoration:none; font-family: 'MyriadPro-Regular'; font-weight:100!important; font-size:14px; padding:0px 15px 5px 15px!important; line-height:130%; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:#ffffff; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:1061px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; } } /* Secondary Nav */ .secondaryNav { text-align:right; float:right!important; } .secondaryNav ul li a { font-size:13px; margin:0px 5px 8px 0px!important; padding:15px 5px 12px 0px!important; border-right:solid 1px #3e8ede!important; color:#3e8ede; } .secondaryNav ul li a:hover { color:#6f6f6e; } .secondaryNav ul li:last-child a { margin:0px 0px 12px 0px!important; padding:15px 0px 8px 0px!important; border-right:none!important; } @media (max-width:569px) { .secondaryNav { } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ /* Hides mobile menu for screen sizes over 960px */ @media (min-width: 960px){ .mobileMenu { display:none!important; } } /* Hides primary and secondary menus for screen sizes up to 960px */ @media (max-width: 960px){ .secondaryNav, .primaryNav { display:none!important; } } .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } @media (max-width: 960px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary { height:40px!important; } .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: 0px!important; left: 0px; padding: 0px; margin: 0px; background-image: none; background-color:#4689c8; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#ffffff; } body.toppscreed .custom-menu-primary, body.toppscreed .custom-menu-primary .hs-menu-wrapper > ul, body.toppscreed .custom-menu-primary .hs-menu-wrapper > ul li, body.toppscreed .custom-menu-primary .hs-menu-wrapper > ul li a{ background-color: #d3162d !important; z-index: 4000; } body.toppscreed .custom-menu-primary .hs-menu-wrapper > ul > li a { font-size: 17px; overflow: visible; font-family: 'MyriadPro-Regular'; font-weight: 200!important; padding: 8px 0px 8px 20px!important; line-height: 200%; border-top: solid 1px #b51226; border-bottom: solid 1px #b51226; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; /* Show button on mobile */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 9px; /* Position Button at right of screen */ right: 20px; /*******************************************/ width: 32px; /* Button width */ height: 24px; /* Button height */ padding:10px 15px!important; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/twintecHamburger-01.svg); background-position:left center; background-repeat:no-repeat; z-index:5000!important; background-size: 26px 20px; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#ffffff; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/twintecCloseIcon.svg); } /* Toggle Button Icon ========================================================================== */ /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; right:0px; top:8px; width: 77px !important; /* Button width */ min-width: 77px !important; height: 35px !important; /* Button height */ padding: 15px 0px !important; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/twintecHamburger-01.svg); background-repeat:no-repeat; background-position:center center; background-size: 20px 15px; } .child-trigger:hover{ text-decoration: none; } .child-trigger.child-open i{ } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled{ position: absolute; left:0; top:0; margin:0px; width:100%; z-index:5000; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#000000; /* Menu background color set off global menuColorMobile variable */ width: 100%!important; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul { padding:39px 0px 10px 0px!important; } .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 17px; /* Font size of top level list items */ overflow: visible; font-family: 'MyriadPro-Regular'; font-weight:200!important; padding:8px 0px 8px 20px!important; line-height:200%; border-top:solid 1px #5B9FE3; border-bottom:solid 1px #396C9C; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:last-child { padding:0px 10px; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color:#ffffff; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul { padding:0px; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: #000000; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 14px; /* Font size of child lists */ font-weight:200!important; line-height:200%; padding-top:10px!important; color:#ffffff; background-color:#5B9FE3; border-bottom:solid 1px #78B0E8; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:#ffffff; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } @media (max-width: 320px) { } @media (max-width: 468px) { } @media (max-width: 568px) { } @media (max-width: 767px) {} @media (max-width: 960px) {} /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ /* Common Template Selectors ========================================================================== */ body.one-column {} body.two-column {} body.three-column {} .content-wrapper {} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} /* Common One Column Selectors */ body.site-page.one-column, body.landing-page.one-column, body.error-template.one-column, body.password-template.one-column, body.subscription-template.one-column {} body.site-page.one-column .main-content, body.landing-page.one-column .main-content, body.error-template .main-content, body.password-template .main-content, body.subscription-template .main-content {} /* Common Two Column Selectors */ body.site-page.two-column, body.landing-page.two-column, body.blog {} body.site-page.two-column .main-content, body.landing-page.two-column .main-content, body.blog .blog-content {} /* Common Three Column Selectors */ body.site-page.three-column, body.landing-page.three-column {} body.site-page.three-column .main-content, body.landing-page.three-column .main-content {} /* Site Pages ========================================================================== */ /* One Column Template */ body.site-page.one-column {} body.site-page.one-column .content-wrapper {} body.site-page.one-column .main-content {} /* Two Column Template */ body.site-page.two-column {} body.site-page.two-column .content-wrapper {} body.site-page.two-column .main-content {} body.site-page.two-column .sidebar.right {} /* Three Column Template */ body.site-page.three-column {} body.site-page.three-column .content-wrapper {} body.site-page.three-column .main-content {} /* Landing Pages ========================================================================== */ body.landing .orangeBaseRule { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/orangeAngleRule-01.svg); background-position: 389px bottom; background-repeat:no-repeat; height:140px; width:1080px; margin-top:60px; } body.landing .twintecLogo img { margin-top:63px; } body.landing .pageTitle { border-bottom: 1px solid #EDEDED!important; } body.landing .pageTitle .centered-section { width:1080px; margin:0px auto; text-align:left; } .LPformContainer { background-color:#EDEDED; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000; padding:35px; margin-top:-130px!important; z-index:2000px; } body.tandsFull .LPformContainer { background-color:#EDEDED; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000; padding:35px; margin-top:0px!important; z-index:2000px; } .docTitle { position:absolute; z-index:150!important; top:20px; width:600px; } .LPContent { position:relative; } .leftLPContent { padding-top:35px; } body.landing .pageTitle h1 { text-transform:uppercase; color:#9d9d9c; font-size:21px; font-family: 'MyriadPro-BoldCond'!important; margin-top:20px; } p.contentTitle { font-size:28px; margin-bottom:0px; font-weight:100; } p.docSubtitle { text-transform:uppercase; margin-top:5px; color:#001970; } .lpFormTitle h3 { font-family: 'MyriadPro-Regular'; font-weight:100; font-size:32px; margin-top:0px; } .lpFormTitle h5 { margin-bottom:20px; } @media (max-width: 1080px) { body.landing .pageTitle h1 { margin:0px 0px 10px 0px; padding-left:50px; } } @media (max-width: 960px) { body.landing .pageTitle h1 { padding-left:40px; } body.landing .leftLPContent img { width:50%!important; height:50%!important; } body.landing .docTitle { width:400px; } body.landing .leftLPContent { margin-top:30px; } body.landing p.contentTitle { margin-top:0px; line-height:32px!important; } } @media (max-width: 760px) { body.landing .orangeBaseRule { display:none; } body.landing .twintecLogo img { margin-top:0px; } body.landing .mask { display:none; } body.landing .pageTitle .centered-section { width:auto; padding-left:20px; text-align:left; margin-top:-60px; } body.landing .pageTitle { position:relative; height:auto; } body.landing .pageTitle h1 { margin:0px 0px 10px 0px; padding-left:0px; } body.landing .pageTitling { position:relative; height:auto; } body.landing .container-fluid .row-fluid .page-center { padding:0px 20px!important; } .docTitle { position:relative!important; width:auto; } body.landing .leftLPContent { margin-top:0px; padding-top:0px; } body.landing .LPformContainer { margin:0px 0px 20px 0px!important; padding:20px!important; } } @media (max-width: 479px) { body.landing .leftLPContent img { width:auto!important; height:auto!important; } body.landing .docTitle { width:auto; } } /* Thank You Page */ .resources-section-tp { text-align:center; } .resources-section-tp .row-fluid-wrapper { display:inline-block; width:300px; vertical-align: text-top; } /* One Column Template */ body.landing-page.one-column {} body.landing-page.one-column .content-wrapper {} body.landing-page.one-column .main-content {} /* Two Column Template */ .landing-header { padding-bottom:25px; } .formPlusText { background-color:#ffffff; } .landingBg { background-image:url(//215841.fs1.hubspotusercontent-na1.net/hubfs/215841/guide_images/MP-Template-Entice-background2.jpg?t=1465714947128); background-repeat:no-repeat; background-position:center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .customPadding { padding:80px 40px 80px 0px; } .reversedOut { color:#ffffff; padding-top:25px; } .reversedOut p, .reversedOut li { font-size:13px; } .formGroup { background-color:#ececec; padding:20px 30px 35px 30px; } .formHeaderPanel { padding:20px 30px; } .formHeaderPanel h2 { font-weight:400; margin-bottom:5px; line-height:100%; } .formHeaderPanel p { margin-top:0px; line-height:100%; color:#868686; font-weight:300; } .iconWrapper { text-align:center; width:100%; padding-left:50px; } .directionIcon { background-image:url(//215841.fs1.hubspotusercontent-na1.net/hubfs/215841/guide_images/direction.png?t=1465714947128); background-position:center center; background-repeat:no-repeat; display:block; width:81px; height:89px; margin:0px auto; } @media (min-width: 961px) { .rightColumnBuffer { padding-right:60px; } } @media (max-width: 960px) { .reversedOut h1 { font-size:42px; } .reversedOut h2 { font-size:28px; } } @media (max-width: 568px) { .customPadding { padding:80px 0px; } .reversedOut { padding:25px; } .reversedOut h1 { font-size:36px; } .reversedOut h2 { font-size:24px; } .iconWrapper { text-align:center; width:100%; padding-left:0px; } } /* Thank you page styles */ body.tpPage .pageTitle { height: 35px; } body.tpPage .pageTitle h1 { text-align:left; font-size:24px; font-family: 'MyriadPro-Cond'!important; } body.tpPage .pageTitle h1 strong { font-family: 'MyriadPro-BoldCond'; } .documentTier { height:300px; border-bottom:solid 1px #a1a5a6; position:relative; } .TPdownloadTier { position:absolute; width:100%; z-index:1000; left:0; top:0; height:270px; } .TPdownloadTier .container-fluid .row-fluid .page-center { position:relative; padding-top:0px!important; padding-bottom:0px!important; } body.tpPage .pageTitle .page-center { position:relative; padding-top:0px; padding-bottom:0px; vertical-align: text-top; } /**** Document Download Info Module ****/ .hs_cos_wrapper_widget .panel { width:49%; display:inline-block; height:280px; position:relative; vertical-align: text-top; } .panel img { height:280px; width:auto; } .panel p.client { color:#001970; margin-top:5px; } .panel h3 { margin-bottom:0px; font-size:24px; font-family: 'MyriadPro-Regular'; font-weight:100; padding-top:30px; } p.docSize { font-size:10px; margin-top:0px; } .panel img { padding-left:20px; } .cta-download-wrapper { text-align:center; width:350px!important; padding:0px 0px 0px 80px; } .offerDetail { padding:0px 5%; } .cta-download-wrapper p { font-size:18px; color:#ffffff; } p.downloadDetails { margin-top:5px; font-size:11px; } body.ty-page .landing-header { padding-bottom:15px; } .otherGuides h2 { margin-bottom:0px; margin-top:45px; } .formGroup h3 { line-height:130%; } .share-panel { text-align:center; margin-bottom:20px; } .share-me { font-weight:500; margin-bottom:15px; } .share-me h3{ display: inline-block; margin: 0 0 15px 0; font-size: 36px; line-height: 1.2; color: #FFF !important; vertical-align: top; padding-right: 20px; } .single-guide-thankyou-v2 .share-me span{ display: inline-block; margin: 0; font-size: 14px; font-weight: 700; line-height: 1.2; color: #000; vertical-align: middle; padding-right: 20px; } .share-me ul{ display: inline-block; margin: 0; vertical-align: middle; padding: 0; } .share-me ul li{ padding:0px 5px; float: left; list-style: none; } .share-me ul li .share-icon{ display: block; height: 40px; width: 40px; background-size: 100%; } /*.single-guide-thankyou-v2 .share-me ul li .share-icon.gplus{ background-image: url(data:image/svg+xml;utf8;base64,); }*/ .share-me ul li .share-icon.gplus{ background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljk5OS4wMDJjOC44MzcgMCAxNiA3LjE2NCAxNiAxNiAwIDguODM3LTcuMTYzIDE2LTE2IDE2cy0xNi03LjE2My0xNi0xNmMwLTguODM2IDcuMTYzLTE2IDE2LTE2eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZD0iTTE4LjUxOSAxNy4yMjVjLTEuNjMzLTEuMTYzLTIuMjQzLTEuNzEyLTEuMTk3LTIuNjMzIDEuMDQ1LS45MjMgMS44NzItMS42NjkgMS44NzItMy4zODJsLTEuNDE1LTIuNTg5czEuMDIzLjE1MiAxLjU2OC0uMTU0bC43ODItLjUwNGgtNS4yMDRjLTEuMDQ0IDAtMy45MzkgMS4xODQtMy45MzkgMy45NDkgMCAyLjc2NyAzLjAwNCAzLjM1OSA0LjA5NCAzLjMxNS0uNjEuNzQ3LS4wODggMS40MjcuMjM5IDEuNzc2LjMyNy4zNTIuMjYxLjQ2MS0uMTMuNDYxLS4zOTMgMC01LjIyNy4wNTMtNS4yMjcgMy41MTRzNi40MjMgMy43MTEgOC41MzUgMS44NDZjMi4xMTEtMS44NjUgMS42NTQtNC40MzcuMDIyLTUuNTk5em0tMy4wOTItMi42NzhjLTIuNTkyIDAtMy43NjgtNi4wNTgtLjcxOS02LjA1OCAyLjM3My0uMDg5IDQuMTU4IDYuMDU4LjcxOSA2LjA1OHptLS4zMDcgOC40NzNjLTIuMTU0IDAtMy4zMDktMS4wNzUtMy4zMDktMi42NzggMC0xLjYwNCAxLjU2OC0yLjM5MyA0LjUwOC0yLjM5My43OTcuNjEzIDIuMjIxIDEuMzU5IDIuMjIxIDIuODU0IDAgMS40OTMtMS4yNjggMi4yMTctMy40MiAyLjIxN3ptNy44OTQtMTMuMDQ4di0xLjk3aC0xLjAxN3YxLjk3aC0xLjk5MnYxLjAyMmgxLjk5MnYxLjk3M2gxLjAxN3YtMS45NzNoMS45NTl2LTEuMDIyaC0xLjk1OXoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=); } .share-me ul li .share-icon.lnkdin{ background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDg2LjM5MiA0ODYuMzkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODYuMzkyIDQ4Ni4zOTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4Ij4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0yNDMuMTk2LDBDMTA4Ljg5MSwwLDAsMTA4Ljg5MSwwLDI0My4xOTZzMTA4Ljg5MSwyNDMuMTk2LDI0My4xOTYsMjQzLjE5NiAgICAgczI0My4xOTYtMTA4Ljg5MSwyNDMuMTk2LTI0My4xOTZDNDg2LjM5MiwxMDguODYxLDM3Ny41MDEsMCwyNDMuMTk2LDB6IE0xODIuMzk3LDM2MC45OTRoLTYwLjc5OVYxNDguMTk3aDYwLjc5OVYzNjAuOTk0eiAgICAgIE0xNTMuODgyLDEzNS4xNTZjLTE1Ljc0NywwLTI4LjQ4NC0xMi43NjgtMjguNDg0LTI4LjUxNXMxMi43NjgtMjguNTE1LDI4LjQ4NC0yOC41MTVjMTUuNzQ3LDAuMDMsMjguNTE1LDEyLjc5OCwyOC41MTUsMjguNTE1ICAgICBDMTgyLjM5NywxMjIuMzg4LDE2OS42MjksMTM1LjE1NiwxNTMuODgyLDEzNS4xNTZ6IE0zOTUuMTkzLDM2MC45OTRoLTYwLjc5OVYyMjkuNDI1YzAtMTUuNDEzLTQuNDA4LTI2LjIwNC0yMy4zNDctMjYuMjA0ICAgICBjLTMxLjQwMywwLTM3LjQ1MiwyNi4yMDQtMzcuNDUyLDI2LjIwNHYxMzEuNTY5aC02MC43OTlWMTQ4LjE5N2g2MC43OTl2MjAuMzM3YzguNjk0LTYuNjU3LDMwLjM5OS0yMC4zMDcsNjAuNzk5LTIwLjMwNyAgICAgYzE5LjY5OSwwLDYwLjc5OSwxMS43OTUsNjAuNzk5LDgzLjA1MVYzNjAuOTk0eiIgZmlsbD0iIzAwMCIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+); } .share-me ul li .share-icon.twtr{ background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjEycHgiIGhlaWdodD0iNjEycHgiIHZpZXdCb3g9IjAgMCA2MTIgNjEyIiBzdHlsZT0iZmlsbDogcmdiKDAsIDEwOSwgMjQwKTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxwYXRoIGQ9Ik02MTIsMzA2QzYxMiwxMzcuMDA0LDQ3NC45OTUsMCwzMDYsMEMxMzcuMDA0LDAsMCwxMzcuMDA0LDAsMzA2YzAsMTY4Ljk5NSwxMzcuMDA0LDMwNiwzMDYsMzA2ICAgQzQ3NC45OTUsNjEyLDYxMiw0NzQuOTk1LDYxMiwzMDZ6IE0xNDEuMjMzLDQxNC43NDFjNS4yODYsMC42NjgsMTAuNjgyLDEuMDI5LDE2LjEzNSwxLjAyOSAgIGMzMS42ODUsMC4wNTYsNjAuODM4LTExLjM3OCw4My45NTUtMzAuNTcyYy0yOS41OTktMC42OTUtNTQuNTUxLTIxLjYxNC02My4xNDctNTAuMzIzYzQuMTE3LDAuODYyLDguMzc0LDEuMzYzLDEyLjcxMywxLjM5MiAgIGM2LjE3NiwwLjAyNywxMi4xMjktMC44MDgsMTcuODA0LTIuNDIxYy0zMC45MzQtNi44NDMtNTQuMjQ1LTM2LjE5MS01NC4yNDUtNzEuMTU5YzAtMC4zMDYsMC0wLjYxMiwwLTAuOTE4ICAgYzkuMTI0LDUuNTA4LDE5LjUyOCw4Ljg0NiwzMC42MjcsOS4zNDdjLTE4LjEwOS0xMy4xMDMtMzAuMDQzLTM1LjM1Ny0zMC4wNDMtNjAuMzk0YzAtMTMuMjQxLDMuMzM4LTI1LjU5Myw5LjE1Mi0zNi4xNjQgICBjMzMuMzU0LDQ0LjA5Miw4My4xNzYsNzMuMzU2LDEzOS4zNDEsNzdjLTEuMTY4LTUuMjU3LTEuNzUzLTEwLjczOC0xLjc1My0xNi4zMjljMC0zOS41MywzMC4yNjctNzEuMDc1LDY3LjU5OS03MC40NjMgICBjMTkuNDQ0LDAuMzM0LDM3LjAyNSw5LjI2Myw0OS4zNSwyMy4yODRjMTUuNDExLTIuOTQ5LDI5Ljg3Ni04LjYyNCw0Mi45MjMtMTYuNTUyYy01LjAzNSwxNi40OTYtMTUuNzcyLDMwLjIzOC0yOS43MzcsMzguODM0ICAgYzEzLjY4Ny0xLjUzLDI2LjcwNS01LjE0NiwzOC44MzQtMTAuNjI2Yy05LjA2OCwxNC4xMDQtMjAuNTMsMjYuNDI3LTMzLjc0MywzNi4yNzVjMC4xMzksMy4wNiwwLjE5NCw2LjEyLDAuMTk0LDkuMTggICBjMCw5My44NTktNjguMDE2LDIwMi4wOTktMTkyLjM2MywyMDIuMDQzQzIwNi42ODksNDQ3LjIzMiwxNzEuMTM4LDQzNS4yNzEsMTQxLjIzMyw0MTQuNzQxeiIgc3R5bGU9ImZpbGw6ICMwMDA7Ij48L3BhdGg+DQo8L3N2Zz4=); } .share-me ul li .share-icon.fb{ background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiAjMDAwOyIgZD0iTTQ4LDBDMjEuNDksMCwwLDIxLjQ5LDAsNDhjMCwyNi41MTEsMjEuNDksNDgsNDgsNDhzNDgtMjEuNDg5LDQ4LTQ4Qzk2LDIxLjQ5LDc0LjUxLDAsNDgsMHogICAgTTU5LjM2OSwzMy4xN2gtNy4yMTdjLTAuODU0LDAtMS44MDUsMS4xMjEtMS44MDUsMi42MjN2NS4yMTFoOS4wMjF2Ny40MjhoLTkuMDIxdjIyLjMwNmgtOC41MlY0OC40MzJoLTcuNzIzdi03LjQyOGg3LjcyM3YtNC4zNzIgICBjMC02LjI2OSw0LjM1Mi0xMS4zNjgsMTAuMzI0LTExLjM2OGg3LjIxN0w1OS4zNjksMzMuMTdMNTkuMzY5LDMzLjE3eiI+PC9wYXRoPg0KPC9zdmc+); } body.ty-page .thankyou-image-container { display: none; text-align:center; } body.ty-page .thankyou-image-container span{ margin: 0 auto; max-width: 640px; font-size: 400; font-size: 30px; line-height: 40px; color: #ffffff; } body.ty-page .thankyou-image-container img { display: block; margin: 50px auto 0; max-width: 255px; } body.ty-page .thankyou-image-container .form-header { padding: 80px 30px 70px; } body.ty-page .missed-download{ margin-top: 30px; font-size: 23px; line-height: 32px; color: #FFF; text-align:center; } body.ty-page .missed-download .download-link { font-weight: 700; color: #FFF; } body.ty-page .missed-download a.download-link { text-decoration:none; } @media (max-width: 1060px) { .cta-download-wrapper { text-align:center; width:105%!important; padding:0px 15px 0px 75px; } } @media (max-width: 960px) { body.ty-page .missed-download{ margin-top: 30px; font-size: 18px; line-height: 32px; color: #FFF; text-align:center; } body.ty-page .container-fluid .row-fluid .centeredSection { padding:0px; } .cta-download-wrapper { text-align:center; width:105%!important; padding:0px 15px 0px 62px; } .cta-download-wrapper p { font-size:16px; } .offerDetail { padding:0px 0px 0px 5%; } } @media (max-width: 568px) { .cta-download-wrapper { text-align:center; width:103%!important; padding:0px 16%; } .offerDetail { padding:0px 5%; } .cta-download-wrapper p { font-size:14px; } body.ty-page .landing-left img { width:85%!important; } body.ty-page .customPadding { padding: 80px 0 25px 0; } } @media (max-width: 375px) { .cta-download-wrapper { text-align:center; width:102%!important; padding:0px 18%; } body.ty-page .missed-download{ font-size: 16px; padding:0px 5%; line-height:110%; } body.ty-page h3.form-title { font-size:18px; } body.ty-page .share-panel { padding:0px 5%; } body.ty-page .share-panel h4 { line-height:110%; } .landing-header { padding-bottom:10px; } } /* Three Column Template */ body.landing-page.three-column {} body.landing-page.three-column .content-wrapper {} body.landing-page.three-column .main-content {} /* System Pages ========================================================================== */ /* Error Templates 404, 500 */ body.error-template.one-column {} body.error-template.one-column .content-wrapper {} body.error-template.one-column .main-content {} .greyBaseRule { border-bottom:solid 1px #a1a5a6; } .applicationSection p.applicationsIntro { text-transform:uppercase; margin:30px 0px 0px 0px; font-size:28px; color:#878787; } .applicationSection p { margin:5px 0px 0px 0px; font-size:20px; padding:0px 25%; color:#adb0ae; } @media (max-width: 568px) { .applicationSection p { padding:0px 5%; font-size:18px; } } /* Password template */ body.password-template.one-column {} body.password-template.one-column .content-wrapper {} body.password-template.one-column .main-content {} /* Email Subscribition templates */ body.subscription-template.one-column {} body.subscription-template.one-column .content-wrapper {} body.subscription-template.one-column .main-content {} /* ========================================================================== 5. COS COMPONENTS ========================================================================== */ /* ========================================================================== Blog ========================================================================== */ /* Blog Post and Listing Body Class */ body.blog {} /* Blog Post */ body{} /* Blog Listing */ body.hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper { background-color: #f6f6f6; } .hs-blog-post .content-wrapper { background-color: #FFF; } .custom-banner { background-color:#28282d; } /* Blog Content Column ========================================================================== */ .single-blog .blog-content { padding-bottom: 70px; border-right: 1px solid #DDD; } @media all and (max-width: 999px) { .blog .blog-content{ padding-bottom: 20px; border-right: 0px; } } /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 {} .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h2 {} .post-header h2 a {} /* Blog Author and Avatar */ #hubspot-author_data {} #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img {} /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item {} .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-listing-wrapper .post-listing .post-item .post-body p { width: auto !important; } .post-listing .clear{ clear: both; } .blog-post-wrapper .post-body { padding-right: 2.564102564%; } .blog-post-wrapper .post-body table td p{ padding-right: 20px; } @media all and (max-width: 690px){ .blog-post-wrapper .post-body table td{ display: block; width: 100% !important; } .blog-post-wrapper .post-body table td img{ width: 100% !important; } } /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image { border-width: 0; max-height: 100%; max-width: 100%; height: auto; width: 100%; display: inline-block !important; float: left; margin: 0; } /* Read More Link */ a.more-link {} /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /** * Blog Social Sharing icons * * Overrides defaults to better align icons and prevent overlapping */ .hs-blog-social-share { padding: 10px 0 0 0; height: auto; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .blog-pagination a{ display:block; } li.first-posts-link, li.previous-posts-link { display:none!important; } /* .blog-pagination { clear: both; display: none; } */ .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} /** * Blog Author Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ .hs-author-profile {} .hs-author-profile h2.hs-author-name {} .hs-author-profile .hs-author-bio {} .hs-author-profile .hs-author-avatar {} .hs-author-profile .hs-author-avatar img {} h3.hs-author-listing-header {} /** * Blog All Posts Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ body.hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /* Blog Sidebar ========================================================================== */ .blog .blog-sidebar { margin-left: 2.127659574% !important; float: right; } /* Blog Modules */ .blog .blog-sidebar .widget-span {} /* ========================================================================== Forms ========================================================================== */ /* All Global Forms ========================================================================== */ /* Form Field */ body .hs-form-field {} /* Descriptions */ body .hs-field-desc {} /* Labels */ body label {} body .hs-form-field > label {} /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; padding:15px; background-color:#ffffff; border:solid 1px #b1b1b1; margin-bottom:8px; font-family: 'MyriadPro-Regular'; font-weight:100; font-size:16px; } .hs_cos_wrapper_type_form textarea { margin-bottom:0px!important; } @media (max-width: 320px){ /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { margin-bottom:15px; } } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus {} /* Separate Styles for Multiple Line Inputs */ body textarea {} body textarea:focus {} /* Separate Styles for Drop Downs */ select { -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ background: #ffffff url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/icon-arrow-down.png) no-repeat 95% center; background-size: 30px 30px; width: 100px; /*Width of select dropdown to give space for arrow image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ color: #000000; border-radius: 6px; border-style: solid; border-width: 1px; border-color: #b1b1b1; padding: 15px;; } .slide-icons select { -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ background: #ffffff url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/icon-arrow-down.png) no-repeat 95% center; background-size: 30px 30px; width: 100%; /*Width of select dropdown to give space for arrow image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ color: #b1b1b1; border-radius: 6px; border-style: solid; border-width: 1px; border-color: #ffffff; padding: 15px; line-height:130%; } body select:focus {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} span.hs-form-required { display:none; } /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {} /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ color: #b1b1b1; } :-moz-placeholder { /* Firefox 18- */ color: #b1b1b1; } ::-moz-placeholder { /* Firefox 19+ */ color: #b1b1b1; } :-ms-input-placeholder { /* IE10 */ color: #b1b1b1; } /* Form Module ========================================================================== */ /* Form Field */ .hs_cos_wrapper_type_form .hs-form-field {} /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form input[type="radio"] {} .hs_cos_wrapper_type_form input[type="checkbox"] {} /* Blog Comment Form ========================================================================== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* Error */ body .hs-common-error-message {} /* Blog Subscription Form ========================================================================== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } /* Google Search Form ========================================================================== */ /* Label */ .widget-type-google_search label {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* Multi Column Form ========================================================================== */ body .hs-form fieldset.form-columns-1 { } body .hs-form fieldset.form-columns-1 .hs-form-field {} @media (max-width: 568px) { } body .hs-form fieldset.form-columns-2 {} body .hs-form fieldset.form-columns-2 .hs-form-field {} body .hs-form fieldset.form-columns-3 {} body .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* ========================================================================== Buttons ========================================================================== */ /* All Global Buttons (Excluding CTAs) ========================================================================== */ body .hs-button.primary, body input[type="submit"], body input[type="button"] { cursor: pointer; -webkit-appearance: none; background-color:#001970 !important; color:#ffffff; text-decoration:none; font-family: 'MyriadPro-Regular'!important; font-weight:100; padding:10px 25px 7px 25px; display:inline-block; border-radius: 45px 45px 45px 45px; -moz-border-radius: 45px 45px 45px 45px; -webkit-border-radius: 45px 45px 45px 45px; border: 0px solid #000000; font-size:14px; text-transform:uppercase; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } body .slide-form .hs-button.primary, body .slide-form input[type="submit"], body .slide-form input[type="button"] { color:#000000; font-weight:400; } body .slide-form .hs-button.primary:hover, body .slide-form input[type="submit"]:hover, body .slide-form input[type="button"]:hover { color:#3E8EDE; } body.blogListings .hs-button.primary, body.blogListings input[type="submit"], body.blogListings input[type="button"] { margin:20px 0px 0px 0px!important; } .slide-form .actions::after { color:#ffffff; } .actions::after { content: "*Required Fields"; font-weight:400; display:block; font-size:12px; } body.chinese .actions::after { content: "*必填项"; font-weight:400; display:block; font-size:12px; } body.german .actions::after { content: "*Pflichtfelder"; font-weight:400; display:block; font-size:12px; } body.french .actions::after { content: "*Champs Obligatoires"; font-weight:400; display:block; font-size:12px; } body.dutch .actions::after { content: "*Verplichte velden"; font-weight:400; display:block; font-size:12px; } @media (max-width: 1060px) { } @media (max-width: 960px) { } @media (max-width: 568px) { } @media (max-width: 320px){ } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover { background-color:#104592; color:#ffffff; } body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus {} /* Form Module Button ========================================================================== */ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* Blog Comment Button ========================================================================== */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* Blog Subscription Button ========================================================================== */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* Google Search Button ========================================================================== */ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /* CTA Buttons ========================================================================== */ /** * Override global CTA styles by wrapping the CTA module in a module group * that has an ID, and use that ID to prefix your CTA selector. Example shown below. * * All overriding properties require !important tags. */ #module-group-ID .cta_button {} #module-group-ID .cta_button:hover {} #module-group-ID .cta_button:focus {} /* ========================================================================== Blog ========================================================================== */ .blogHeaderSection { background-image:url(https://2395355.fs1.hubspotusercontent-na1.net/hubfs/2395355/Matcon-File-Manager/Website-2017/blogArrowRule-01.svg); background-position:center bottom; background-repeat:no-repeat; padding-bottom:40px; } /* Blog Listing Page Styles */ .listingsBody { padding-top:60px!important; } .blogListingsHeader { text-align:center; padding:30px 0px; border-bottom:solid 1px #C6C6C6; } .blogListingsHeader h1 { font-weight:400!important; text-transform:uppercase; font-size:28px; } .blogListingsHeader p.listingsSubhead { font-size:21px; margin-top:0px; } .full-width-blog { text-align:center; } body.blogListings .post-listing { margin-top:-60px; text-align:center!important; } body.blogListings .blog-section { padding:0px 0px 20px 0px; } .post-item { width:31.33%; display:inline-block; height:auto; text-align:center; margin:0px; padding:1%; float:none; } .listing-content h2 a { display:block; height:65px; margin:10px 0 20px 0; text-align:center; font-size:21px; font-weight:100; color:#3e4543; line-height:120%!important; padding:0px 5%; } .listing-content h2 { font-size:21px; text-transform:none; } .blog-listing-wrapper { margin-top:0px; } .listing-content { padding:0px 10%; position:relative; margin:0px; } .listing-featured-image { width:180px; height:180px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; display:inline-block; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .listing-content .date { font-size:13px; } .listing-content #hubspot-author_data { font-size:16px; } .listing-content .authorStrip { display:block; padding-bottom:15px; } .listing-content .clear { clear:both; } .listing-content .readmore a { cursor: pointer; -webkit-appearance: none; font-family: 'MyriadPro-Regular', Helvetica, Arial, sans-serif; text-decoration: none !important; display:inline-block; color:#ffffff; text-decoration:none; background-color:#779fda; padding:12px 20px 9px 20px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 0px solid #000000; text-transform:uppercase; font-weight: 100; font-style:normal; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; font-size:16px; } .listing-content .readmore a:hover { background-color:#2170a8; color:#ffffff; } /* Subscribe Tier Within the Listing Template */ .blogSubscriptionTier { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/subscribeBg.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; } .SubscribeIntro { text-align:center; padding:30px 0px 40px 0px; } .SubscribeIntro h3 { font-weight:400; color:#001970; margin-bottom:0px; font-family: 'MyriadPro-Regular'; font-size:28px; } .SubscribeIntro p { color:#001970; margin:0px; padding:0px; font-size:21px; font-weight:400; } .blogSubscribeForm { padding:0px 18%; } @media (max-width: 767px) { } @media (max-width: 568px) { .post-item { width:50%; } body.blogListings .post-listing { margin:20px 0px; } .blogSubscribeForm { padding:0px 5%; } } @media (max-width: 479px) { .post-item { width:100%; } .blogSignup h2 { font-size:18px; } .blogSignup h5 { font-size:14px; } } /* Blog Article Page Styles */ .articleTitleSection { border-bottom:solid 1px #BDBBBB; position:absolute; z-index:600; top:250px; left:0px; } .articleTitleSection h3 { font-weight:100; text-transform:uppercase; padding:30px 0px 10px 0px; font-family: 'MyriadPro-Regular'; } .subheadBack { position:absolute; z-index:600; top:90px; left:0px; } .subheadBack p { margin:10px 0px 50px 0px; } .subheadBack a { text-transform:uppercase; } .horizontalSpace { display:block; height:90px; width:100%; } @media (max-width:1080px) { .centeredBlog { background-image:none!important; } } @media (max-width:960px) { .subheadBack { position:absolute; z-index:600; top:235px; left:0px; } .horizontalSpace { display:block; height:210px; width:100%; } } @media (max-width:760px) { .articleTitleSection { border-bottom:solid 1px #BDBBBB; position:relative; z-index:600; text-align:center; top:0px; } .subheadBack { position:relative; top:0px; left:0px; text-align:center; } .horizontalSpace { display:none!important; } h1.articleTitle { text-align:center; font-size:28px!important; } .blogTitleDate p { text-align:center; } } .blogTitleDate h1 { color:#232F5F; text-transform:uppercase; font-size:36px; font-family: 'MyriadPro-Cond'!important; font-weight:200!important; } body.blogListings .introPara, body.blogListings .introPara p { font-size:21px!important; } body.blogListings .ImageCaption p, body.blogListings .ImageCaption { font-size:12px; margin-top:0px; margin-bottom:20px; } .centeredBlog { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/blogSidebarBgWide.gif); background-position:right center; background-repeat:no-repeat; } .knowledgeHubTier { background-color:#182d4d; } .articleWrapperSection { padding-bottom:20px; } .articleBody { padding:0px 60px 20px 0px; } .blog-section p.intro { padding:0px; color:#000000; } .blog-section h3 { text-transform:none; } .featuredImage { margin-bottom:5px; } p#hubspot-topic_data { text-transform:uppercase; color:#b1b1b1; font-size:14px; } .blogCommentsTier { border-top:solid 1px #BDBBBB; } .blogCommentsSection h3 { font-family: 'MyriadPro-Regular'; } @media (max-width: 568px) { .articleBody { padding:20px 0px 20px 0px; border-right:none; } } /* Blog Header Module */ .blogHeader p.blogDescription { text-transform:uppercase; color:#b1b1b1; margin:0px; } .blogHeader p.blogDescription a, p#hubspot-topic_data a{ color:#575756; } p#hubspot-topic_data a{ font-weight:100; } .blogHeader p.blogDescription a:hover, p#hubspot-topic_data a:hover{ color:#779fda; } .blogHeader h1.articleTitle { font-size:28px; margin-top:4px; line-height:120%; color:#232F5F; text-transform:uppercase; width:auto; } .blogHeader p.date { color:#b1b1b1; text-transform:uppercase; } /* Blog Comment Tier within Blog Article Template */ .commentIntro h3 { margin-bottom:0px; } .commentIntro p { margin-top:0px; } /* Blog Knowledge Hub Tier within Blog Article Template */ .knowledgeIntro h3 { color:#ffffff; text-transform:uppercase; } .knowledgeIntro p.intro { color:#c6c6c5; } .knowledgeIntro .ctaWrapper { margin-bottom:5px; } /* Blog Post */ body.hs-blog-post {} /* Blog Listing */ body.hs-blog-listing { } /* Blog Content Column ========================================================================== */ .blog .blog-content {} /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 {} .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h2 {} .post-header h2 a {} /* Blog Author and Avatar */ .hs-author-profile { width:100%; display:inline-block; text-align:center; } .hs-author-profile h2, .hs-author-profile h3 { } .hs-author-profile h2, h3.hs-author-listing-header { font-size:21px; text-transform:uppercase; } .hs-author-profile h2 {; margin-bottom:5px; font-weight:700; } .hs-author-profile h3 { font-size:16px; margin-top:0px; } .hs-author-bio { margin:16px 0 0 0; } .hs-author-social-section { margin:16px 0 40px 0; text-align:center; } #hubspot-author_data { margin:0px 0px 0px 0px!important; text-transform:none; font-size:18px; font-weight:600; } #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar { } .hs-author-avatar img { width:180px; height:180px; border-radius: 90px 90px 90px 90px; -moz-border-radius: 90px 90px 90px 90px; -webkit-border-radius: 90px 90px 90px 90px; border:solid 1px #C6C6C6; } /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item {} .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {} /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ } /* Read More Link */ a.more-link {} /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /** * Blog Social Sharing icons * * Overrides defaults to better align icons and prevent overlapping */ .hs-blog-social-share { margin-top:15px; padding: 10px 0 0 0; border-top: 1px solid #cccccc; border-bottom:none!important; height: auto; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { margin-bottom: 20px; margin-top: 20px; } .comment { margin: 10px 0; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .blog-pagination {} .blog-pagination a {} .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} /** Custom Pagination **/ .paginationTopper { text-align:center; margin-top:20px; border-top:solid 1px #C6C6C6; padding-top:40px; } .paginationTopper p.alternate { color:#178fcf; margin:0px; } .paginationTopper p.tsalternate { color:#d3162d; margin:0px; } .paginationTopper h3 { margin:0px; font-weight:100; } /* Created by Scott Butler for More Business Online. AUG/2015 */ /* blog pagnation */ .blog-pagination { margin-top: 20px; clear:both; width:100%; margin-left:-60px; } .blog-pagination .previous-posts-link { float: none; } .blog-pagination ul { text-align: center; margin: 30px 0; } .blog-pagination ul span.pg { margin: 0 20px; } .blog-pagination ul li { display: inline-block; background: ; } .blog-pagination ul li a i, .blog-pagination ul li { zoom: 1.2; } .blog-pagination ul li.hide { visibility: hidden; } .blog-pagination ul li a { padding:10px 15px !important; text-decoration: none; line-height: 20px; color: #575756; font-size:12px; } .blog-pagination ul li:hover, .blog-pagination ul li.active { background: ; } .blog-pagination ul li:hover a { color:#178fcf; } .blog-pagination ul li.active a { width: 40px; height: 40px; border-radius: 20px; font-size: 14px; background-color: #178fcf; color: #ffffff; display: inline-block; } .blog-pagination .next-posts-link { float: none; } li.next-posts-link, li.last-posts-link { display:none!important; } /** * Blog Author Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ .hs-author-profile {} .hs-author-profile h2.hs-author-name {} .hs-author-profile h3.hs-author-name { font-size:18px; margin-bottom:20px; } .hs-author-profile .hs-author-bio { padding:0px 25%; display:inline-block; } @media (max-width:760px) { .hs-author-profile .hs-author-bio { padding:0px 5%; } } .hs-author-profile .hs-author-avatar {} .hs-author-profile .hs-author-avatar img {} h3.hs-author-listing-header { text-align:center; margin-top:30px; } /** * Blog All Posts Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ body.hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /* Blog Sidebar ========================================================================== */ .blogSidebar { padding:0px 40px 0px 0px; text-align:center; } .blogSidebar h3 { color:#000000; font-size:24px; } .blogSidebar ul { padding:0px; } .blogSidebar ul li a { font-weight:100; color:#3e4543; font-size:16px; } .blogSidebar ul li { list-style:none; padding:0px 10%; } .blogSidebar ul li { display:inline-block; margin-bottom:15px; } .mostPopular ul { padding:0px 10%; margin-bottom:0px; } .topicFilter ul li { text-align:left; display:block; margin-bottom:0px; } .topicFilter ul li a::before { content: "› "; color:#2170a8; } .topicFilter ul { width:auto; display:inline-block; margin:0px; } .topicFilter .widget-module { margin:0px; padding:0px; } .topicFilter h3 { margin-top:50px; } a.filter-expand-link { display:block; font-weight:100; font-size:14px; width:160px; padding-top:10px; border-top:solid 1px #2170a8!important; margin:15px auto 0px auto; } a.filter-expand-link::before { content: "› "; color:#2170a8; } .relatedPosts h3 { margin-top:55px; } .relatedPosts .related-image { width:200px; height:200px; display:inline-block; background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom:15px; background-position:center center; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border: 0px solid #000000; } .relatedPosts .related-title a { font-weight:100; color:#3e4543; padding:0px 10%; margin-bottom:15px; display:inline-block; } .relatedPosts .authorDetails, .relatedPosts .authorDetails a { font-size:14px; font-weight:100; color:#b1b1b1; text-transform:uppercase; } .relatedPosts a.readBtn { cursor: pointer; -webkit-appearance: none; font-family: 'MyriadPro-Regular', Helvetica, Arial, sans-serif; text-decoration: none !important; display:inline-block; color:#ffffff; text-decoration:none; background-color:#779fda; padding:12px 20px 9px 20px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 0px solid #000000; text-transform:uppercase; font-weight: 100; font-style:normal; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; font-size:16px; } .relatedPosts a.readBtn:hover { background-color:#2170a8; color:#ffffff; } .relatedPosts .ctaWrapper { margin:15px 0px; } .socialFollowSidebar h3 { margin:0px 0px 20px 0px; } ul.socialLogos { margin:0px; padding:0px; } ul.socialLogos li { list-style:none; display:inline-block; width:38px; height:38px; padding:0px; } ul.socialLogos li a { text-indent:-9999px; overflow:hidden; display:inline-block; width:38px; height:38px; background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/socialLogos-01.svg); background-size:170px 38px; background-repeat:no-repeat; margin-left:0px; } ul.socialLogos li:first-child a { margin-left:-0px; } ul.socialLogos li a:hover { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/socialLogosRoll-01.svg); } ul.socialLogos li.twitter a { background-position:0px 0px; } ul.socialLogos li.linkedIn a { background-position: -45px 0px; } ul.socialLogos li.youTube a { background-position: -90px 0px; } ul.socialLogos li.facebook a{ background-position:-134px 0px; } .widget-type-post_listing, .widget-type-post_filter { border-bottom:solid 1px #6F6F6E; margin-bottom:40px!important; } /* Blog Modules */ .blog .blog-sidebar .widget-span {} /** * Styles that do not fit into available sections above can go here. * For example, one would place 3rd party plugin overriding styles here. * * This section is NOT for 'Custom' styles. All custom styles must go in the * proper sections above. * * For instance, custom header and footer styles must go in the HEADER and * FOOTER sections. Custom styles for anything in-between the header and footer * (such as, styles that are unique to the HOMEPAGE only), must go in the * CONTENT section. */ /* ========================================================================== 7. MOBILE MEDIA QUERIES ========================================================================== */ /* Screen sizes smaller than site maxWidth (.page-center) ========================================================================== */ @media (min-width:1369px) { .blog .banner-content h1 { font-size: 56px; line-height: 66px; } } @media (max-width:1300px) { } @media(min-width:768px) and (max-width:1299px){ .blog-listing-wrapper .post-listing .post-item { width: 31.3333333333%; } } @media (min-width:999px) { } @media (min-width: 1000px) and (max-width: 1139px) { } @media (max-width: 999px) { } .single-meta { position: static; } .hs-blog-post div#hubspot-author_data { margin-bottom: 20px; } .hs-blog-post .body-container-wrapper { padding-top: 0px; } .blog-content { width: 100% !important; } .blog-sidebar { margin: 0 !important; padding: 30px 0 70px; width: 100% !important; } .post-blog-form { width: 100%!important; display: block; } } @media(min-width:691px) and (max-width:999px){ .custom-recent-posts, .custom-footer-form{ width: 48%!important; margin-right: 0px; margin-left: 0px!important; padding: 15px; float: left !important; } .custom-subscribe a { font-size: 13px; line-height: 24px; width: 100% !important; } .blog .banner-content h1 { font-size: 39.2px; letter-spacing: -1px; line-height: 43.2px; margin-top:0; } .blog .banner-content { text-align: center; } .blog .custom-banner { min-height: 236px !important; } .hs-blog-listing .body-container .page-center { max-width: 100% !important; float: none !important; margin: 0 auto!important; padding-left: 20px; padding-right: 20px; } .custom-toggle-buttons ul { top: 37px; } } /* Landscape tablet and smaller devices ========================================================================== */ @media (max-width: 767px) { .blog-content .blog-sidebar, .sidebar.right { margin-bottom: 40px; } .custom-useful-links { margin: 0 0 40px; } .blog-listing-wrapper .post-listing .post-item { width: 48%; } } /* Landscape phones and smaller devices ========================================================================== */ @media (max-width: 690px){ .custom-footer-social-icon ul { float: none; margin:25px 0 0; } .custom-footer-social-icon ul li { list-style: none; float: left; padding-left: 0; padding-right: 20px; } .blog-listing-wrapper .post-listing .post-item { margin: 0 0px 20px 0; width: 100% !important; } .hs-blog-listing .body-container .page-center { padding-left: 0; padding-right: 0; } .blog .banner-content { text-align: center; } .blog .banner-content h1 { font-size: 24px; letter-spacing: -1px; line-height: 30px; } .blog .custom-banner { min-height: 191px !important; } .hs-blog-post .section.post-header h1 { font-size: 24px; line-height: 30px; margin: 0 0 4px; } .hs-blog-post div#hubspot-author_data { display: none !important; } .single-meta { padding: 20px 0 0; } .hs-blog-listing .body-container .page-center { float: none !important; max-width: 100% !important; margin: 0 auto !important; padding-left: 42px !important; padding-right: 42px !important; } } @media (min-width: 480px) and (max-width: 690px){ } @media (max-width: 479px) { .hs-blog-listing .body-container .page-center { padding-left: 30px !important; padding-right: 30px !important; } } @media(max-width:470px){ .hs-blog-listing .body-container .page-center { float: none; max-width: 100%; margin: 0 auto; padding-left: 30px; padding-right: 30px; } } @media(max-width:340px){ } /* Blog Author Section ========================================================================== */ .about-author-sec{ position: relative; color: #FFF; text-align: center; padding: 105px 0 65px 0; } .about-author-sec *{ color: #FFF; } .about-author-sec .about-author-sec-avatar{ display: block; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto !important; width: 130px; border: 2px solid #FFF; border-radius: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .about-author-sec h3{ margin: 0; font-size: 36px; line-height: 40px; } .about-author-sec p{ font-size: 16px; line-height: 20px; } .hs-author-social-links{ display:block!important; text-align:center; } .hs-author-social-links a.hs-author-social-link{ height: 50px; width: 50px; display:inline-block; background-size: 40px 40px; background-position:center center; } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin{ background-image: url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/website-files/linkedInIcon-01.svg) } .hs-author-social-links a.hs-author-social-link.hs-social-twitter{ background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjEycHgiIGhlaWdodD0iNjEycHgiIHZpZXdCb3g9IjAgMCA2MTIgNjEyIiBzdHlsZT0iZmlsbDogcmdiKDAsIDEwOSwgMjQwKTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgc3R5bGU9ImZpbGw6ICNGRkY7Ij4NCgk8cGF0aCBkPSJNNjEyLDMwNkM2MTIsMTM3LjAwNCw0NzQuOTk1LDAsMzA2LDBDMTM3LjAwNCwwLDAsMTM3LjAwNCwwLDMwNmMwLDE2OC45OTUsMTM3LjAwNCwzMDYsMzA2LDMwNiAgIEM0NzQuOTk1LDYxMiw2MTIsNDc0Ljk5NSw2MTIsMzA2eiBNMTQxLjIzMyw0MTQuNzQxYzUuMjg2LDAuNjY4LDEwLjY4MiwxLjAyOSwxNi4xMzUsMS4wMjkgICBjMzEuNjg1LDAuMDU2LDYwLjgzOC0xMS4zNzgsODMuOTU1LTMwLjU3MmMtMjkuNTk5LTAuNjk1LTU0LjU1MS0yMS42MTQtNjMuMTQ3LTUwLjMyM2M0LjExNywwLjg2Miw4LjM3NCwxLjM2MywxMi43MTMsMS4zOTIgICBjNi4xNzYsMC4wMjcsMTIuMTI5LTAuODA4LDE3LjgwNC0yLjQyMWMtMzAuOTM0LTYuODQzLTU0LjI0NS0zNi4xOTEtNTQuMjQ1LTcxLjE1OWMwLTAuMzA2LDAtMC42MTIsMC0wLjkxOCAgIGM5LjEyNCw1LjUwOCwxOS41MjgsOC44NDYsMzAuNjI3LDkuMzQ3Yy0xOC4xMDktMTMuMTAzLTMwLjA0My0zNS4zNTctMzAuMDQzLTYwLjM5NGMwLTEzLjI0MSwzLjMzOC0yNS41OTMsOS4xNTItMzYuMTY0ICAgYzMzLjM1NCw0NC4wOTIsODMuMTc2LDczLjM1NiwxMzkuMzQxLDc3Yy0xLjE2OC01LjI1Ny0xLjc1My0xMC43MzgtMS43NTMtMTYuMzI5YzAtMzkuNTMsMzAuMjY3LTcxLjA3NSw2Ny41OTktNzAuNDYzICAgYzE5LjQ0NCwwLjMzNCwzNy4wMjUsOS4yNjMsNDkuMzUsMjMuMjg0YzE1LjQxMS0yLjk0OSwyOS44NzYtOC42MjQsNDIuOTIzLTE2LjU1MmMtNS4wMzUsMTYuNDk2LTE1Ljc3MiwzMC4yMzgtMjkuNzM3LDM4LjgzNCAgIGMxMy42ODctMS41MywyNi43MDUtNS4xNDYsMzguODM0LTEwLjYyNmMtOS4wNjgsMTQuMTA0LTIwLjUzLDI2LjQyNy0zMy43NDMsMzYuMjc1YzAuMTM5LDMuMDYsMC4xOTQsNi4xMiwwLjE5NCw5LjE4ICAgYzAsOTMuODU5LTY4LjAxNiwyMDIuMDk5LTE5Mi4zNjMsMjAyLjA0M0MyMDYuNjg5LDQ0Ny4yMzIsMTcxLjEzOCw0MzUuMjcxLDE0MS4yMzMsNDE0Ljc0MXoiIHN0eWxlPSJmaWxsOiAjRkZGOyI+PC9wYXRoPg0KPC9nPg0KPC9zdmc+); } .hs-author-social-links a.hs-author-social-link.hs-social-facebook{ background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJmaWxsOiByZ2IoMCwgMTA5LCAyNDApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBzdHlsZT0iZmlsbDogI0ZGRjsiPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiAjRkZGOyIgZD0iTTQ4LDBDMjEuNDksMCwwLDIxLjQ5LDAsNDhjMCwyNi41MTEsMjEuNDksNDgsNDgsNDhzNDgtMjEuNDg5LDQ4LTQ4Qzk2LDIxLjQ5LDc0LjUxLDAsNDgsMHogICAgTTU5LjM2OSwzMy4xN2gtNy4yMTdjLTAuODU0LDAtMS44MDUsMS4xMjEtMS44MDUsMi42MjN2NS4yMTFoOS4wMjF2Ny40MjhoLTkuMDIxdjIyLjMwNmgtOC41MlY0OC40MzJoLTcuNzIzdi03LjQyOGg3LjcyM3YtNC4zNzIgICBjMC02LjI2OSw0LjM1Mi0xMS4zNjgsMTAuMzI0LTExLjM2OGg3LjIxN0w1OS4zNjksMzMuMTdMNTkuMzY5LDMzLjE3eiI+PC9wYXRoPg0KPC9nPg0KPC9zdmc+); } /* Blog Related Posts Section ========================================================================== */ .blog-related-posts{ text-align: center; background-color: #dadada !important; padding-top: 65px !important; padding-bottom: 95px !important; } .blog-related-posts h3{ margin: 0; padding-bottom: 65px; } .blog-related-posts .related-post-item{ display: inline-block; margin: 0 2%; max-width: 340px; width: 29%; background-color: #FFF; padding: 20px; vertical-align: top; } .blog-related-posts .related-post-item .related-image{ height: 185px; width: 100%; background-position: center; background-size: cover; } .blog-related-posts .related-post-item .related-title{ font-weight: 700; font-size: 20px; line-height: 24px; color: #000; padding: 20px 0 15px; } .blog-related-posts .related-post-item .related-content{ font-size: 14px; line-height: 18px; color: #000; } .blog-related-posts .related-post-item .related-content p{ margin: 0; min-height: 92px; padding-bottom: 20px; } .blog-related-posts .related-post-item .cog-button{ margin: 0 auto; width: 90%; } @media(max-width:690px){ .blog-related-posts .related-post-item{ margin: 10px 1%; width: 98%; } } /* Mobile Media Queries */ @media (max-width: 1060px) {} @media (max-width: 960px) {} @media (max-width: 667px) {} @media (max-width: 568px) {} @media (max-width: 480px) {} @media (max-width: 375px) {} @media (max-width: 320px) {} /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /* GDPR Email Preferences */ /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ h1.gdprHead { margin-bottom:0px; } h3.gdprSub { margin-top:-5px; color:#3a8dde; text-transform:none; margin-bottom:25px; } body.prefCentre .gdpr-headline h2 { margin-bottom:0px; } body.prefCentre .gdpr-headline h3 { font-size:28px; } body.prefCentre .gdpr-headline h4 { color: #1d1d1b; font-family: 'Avenir-Heavy'; letter-spacing: -0.6px; margin-bottom: 10px; } body.prefCentre .gdpr-headline h6 { margin: 10px 0 25px; color: #290f85; font-family: 'Avenir-Heavy'; } body.prefCentre .gdpr-headline h5 { color: #1d1d1b; font-size: 18px; } body.prefCentre .gdpr-headline p { line-height: 24px; } body.prefCentre span.hs-form-required { display:none; width:auto; } .gdpr-top-margin { margin-top: 50px; margin-bottom:60px; } .stepBox { border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; display:block; border:solid 1px #ececec; padding:25px 20px 25px 20px; margin-bottom:16px; background-color:#ececec; } .stepBox h4 { text-transform: uppercase; margin-bottom: 0px !important; padding: 0px; font-size: 20px; font-family: 'MyriadPro-Regular' !important; color: #001970 !important; line-height:1.5; } .stepBox p { line-height: 24px; } .stepBox .success { color:#001970; font-size:18px; font-weight:600; } .stepBox h2 { color:#001970; font-size:16px; } .backupUnsubscribe #content h3 { display:none; } .backupUnsubscribe .page-header { padding-bottom:5px; } .backupUnsubscribe .page-header h1 { color:#000; font-size:16px; font-family: 'MyriadPro-Bold' !important; } .subscriptionsUpdate .page-header h1, .subscriptionsUpdate .page-header br { display:none!important; } .stepBox h3 { color: #1d1d1b; letter-spacing: -0.6px; margin-bottom: 10px; font-size: 28px; font-family:'MyriadPro-Light' !important; } .stepOne h3, .stepOne h4 { font-family: 'MyriadPro-Light'; letter-spacing: -0.6px; margin-bottom: 10px; } .stepBox .actions .hs-button { width: auto !important; color: #fff; background-color: #1b8fcf; font-weight: 600; margin-top: 20px; } #email-prefs-form .hs-button { width: auto !important; color: #fff; background-color: #1b8fcf; font-weight: 600 !important; margin-top: 20px } .backupUnsubscribe .hs-button { max-width: 220px !important; } .stepBox .actions::after { color:#000000; } .stepBox .hs-form-field label { color:#0099bc; text-transform:uppercase; font-size:14px; width:100px; float:left; margin-top:10px; } .stepOne .hs-form-field label { color:#00bbb4!important; } .stepOne li { padding-left: 5px !important; margin: 8px 0; position: relative; color: #290f85; } .stepOne li:before { content: ''; width: 0px !important; height: 0px !important; display: inline-block; background-color: #290f85; position: absolute; left: 12px; top: 6px; } body.prefCentre .hs-form-field input { background-color:#ffffff; width:100% !important; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; padding:10px; max-width: 100%; } body.prefCentre .hs-form fieldset { max-width: 100% !important; } body.prefCentre .stepOne .hs-form-field input { border: 0px; } body.prefCentre label.hs-form-booleancheckbox-display { width:300px!important; text-transform:none; color:#868686!important; float:none; margin-left: 0px !important; } body.prefCentre label.hs-form-booleancheckbox-display input:checked+span:after { visibility: visible; opacity: 1; } body.prefCentre input[type="checkbox" i] { display: block !important; } div.hs_gdpr_opt_in { margin-bottom:10px!important; } body.prefCentre #email-prefs-form .page-header, #email-prefs-form p.header { display:none; } body.prefCentre form div.checkbox-row { margin:0px; } body.prefCentre .email-prefs .hovered { box-shadow: none!important; } body.prefCentre .email-prefs .item .item-inner { background:none; border: none; padding:0px; } body.prefCentre .email-prefs .item .item-inner.selected { background:none; border: none; } body.prefCentre .email-prefs .item .item-inner p { color:#868686; margin-top:0px!important; line-height:20px; font-size:12px; } body.prefCentre .subscribe-options::before { content: "If you wish to unsubscribe"; font-size:14px; font-weight:700; color:#868686; margin-bottom:10px; margin-top:15px; display:block; line-height:21px; } body.prefCentre .subscribe-options label { font-size: 13px; margin-left: 0px; margin-right: 0px; } body.prefCentre .subscribe-options label span { font-weight: normal!important; font-size:14px; color: #868686; } body.prefCentre .subscribe-options p::before { content: "If you no longer wish to receive communications from Twintec Group tick the box below. We understand although we're sad to see you go. "; font-size:14px; color:#868686; margin-bottom:15px; display:block; line-height:21px; } body.prefCentre .check-box-row { margin:0px!important; } body.prefCentre .email-prefs .item { padding-bottom: 0px; margin: 10px 0px; cursor: auto; } body.prefCentre .checkbox-row span { color:#001970!important; font-weight:bold!important; } body.prefCentre ul.hs-error-msgs label { color:#bd1622!important; text-transform:none; width:100%; font-size:12px; margin:-8px 0px 8px 0px; } body.prefCentre ul.hs-error-msgs label span.hs-form-required::after { content:none; } body.prefCentre form div { margin:-2px 0px; } body.prefCentre .hs_email.field.hs-form-field { width: 100% !important; } .stepBox .hs-form-field label span.hs-form-required::after { content: ": "; } body.prefCentre .hs_gdpr_opt_in input { width:20px!important; } body.prefCentre ul.inputs-list { margin:0px; padding:0px; } body.prefCentre ul.inputs-list li { list-style:none; } body.prefCentre select { -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ background: #ffffff url(https://2395355.fs1.hubspotusercontent-na1.net/hubfs/2395355/Matcon-File-Manager/Website-2017/icon-arrows-grey.png) no-repeat 95% center; background-size: 25px 25px; width: 100%; /*Width of select dropdown to give space for arrow image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ color: #575756; border-radius: 6px; border-style: solid; border-width: 1px; border-color: #868686; padding:10px; } body.prefCentre .stepOne input[type="checkbox"] { width: auto!important; float: left!important; margin-bottom: 100px!important; margin-right:15px; display: none; } .relatedPages-panel { padding: 60px 40px 30px 0px; text-align:center; } .relatedPages-panel ul { padding: 0px 0 0 3px; list-style: none; margin: 0; } .relatedPages-panel ul li a { color: #000; padding: 5px 0px !important; } .relatedPages-panel ul li :before { content: "\f105"; font-family: FontAwesome; color: #fff; position: absolute; left: 0; } .relatedPages-panel h4 { color: black; margin: 0 0 20px; font-weight: 700; } .relatedPages-panel p { margin-top: 20px; } .email-confirm-text h1 { display: none; } .gdpr-landing a { color: #094; } .gdpr-form-heading-text { margin-bottom: 40px; margin-top: 10px; } .gdpr-form-yes input[type="checkbox" i] { display: none; } /* Topp and Screed Home Page */ /* Topp and Screed Intro */ .tsIntro { text-align:center; margin-top:-60px; } .tsIntro h1 { text-transform:uppercase; color:#9d9d9c; font-size:36px; } .tsIntro p.summary { color:#6f6f6e; padding:0px 25%; font-size: 18px; } .tsIntro .ts-logo { display:inline-block; width:200px; height:80px; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; margin-bottom:15px; background-repeat: no-repeat; } .ts-prod-img-round { margin-top: -165px; z-index: 10 !important; position: relative; margin-bottom: 50px; text-align: center !important; } .ts-prod-img-round img { width: 180px !important; height: 180px; border-radius: 95px 95px 95px 95px; -moz-border-radius: 95px 95px 95px 95px; -webkit-border-radius: 95px 95px 95px 95px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; display: inline-block; margin: 35px 0px 15px 0px; } .ts-our-prod-panel { text-align: center; } .ts-our-prod-panel h1 { font-size: 34px; color: #868686; } .ts-resources-wrapper { padding-bottom: 40px; } /* Topp and Screed Language Selector */ .ts-language-wrapper { text-align: right; } .ts-language-wrapper .globe_class { } @media (max-width: 960px) { .tsIntro { text-align:center; margin-top:-20px; } .tsIntro h1 { font-size:28px; } .tsIntro p.summary { color:#6f6f6e; padding:0px 5%; } } /* Topp and Screed Product Page */ .tp-productOption h4 { color:#d3162d; margin-bottom:10px; height: 40px; } .tp-productOption p { padding:0px 8%; line-height:20px; color:#adb0ae; font-size:14px; } /* Topp and Screed Landing Page */ .ts-logo-lp { position: absolute; z-index: 150; margin-bottom: 50px; height: 100px; } .ts-logo-lp img { max-width: 150px; } .ts-bodytext-lp { padding-top: 70px; } .ts-lp-form .hs-button.primary, body input[type="submit"], body input[type="button"] { cursor: pointer; -webkit-appearance: none; background-color: #d3162d !important; color: #ffffff; text-decoration: none; font-family: 'MyriadPro-Regular'!important; font-weight: 100; padding: 10px 25px 7px 25px; display: inline-block; border-radius: 45px 45px 45px 45px; -moz-border-radius: 45px 45px 45px 45px; -webkit-border-radius: 45px 45px 45px 45px; border: 0px solid #000000; font-size: 14px; text-transform: uppercase; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .ts-lp-form .hs-button.primary, body input[type="submit"], body input[type="button"]:hover { background-color: #d3162d !important; } /* Topp and Screed Blog Listing Page */ .tslisting-featured-image { width:220px; height:160px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:inline-block; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .tslisting-content .date { font-size:13px; } .tslisting-content #hubspot-author_data { font-size:16px; } .tslisting-content .authorStrip { display:block; padding-bottom:15px; } .tslisting-content .clear { clear:both; } .tslisting-content .readmore a { cursor: pointer; -webkit-appearance: none; font-family: 'MyriadPro-Regular', Helvetica, Arial, sans-serif; text-decoration: none !important; display:inline-block; color:#ffffff; text-decoration:none; background-color:#d3162d; padding:12px 20px 9px 20px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 0px solid #000000; text-transform:uppercase; font-weight: 100; font-style:normal; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; font-size:16px; margin-bottom: 30px; } .tslisting-content .readmore a:hover { background-color:#d3162d; color:#ffffff; } .tslisting-content h2 a { display:block; height:65px; margin:10px 0 20px 0; text-align:center; font-size:21px; font-weight:100; color:#3e4543; line-height:120%!important; padding:0px 5%; } .tslisting-content h2 { font-size:21px; text-transform:none; } body.blogListings .tspost-listing { margin-top:30px; text-align:center!important; } /* Topp & Screed blog pagnation */ .ts-blog-pagination { margin-top: 20px; clear:both; width:100%; margin-left:-60px; } .ts-blog-pagination .previous-posts-link { float: none; } .ts-blog-pagination ul { text-align: center; margin: 30px 0; padding-left: 110px; } .ts-blog-pagination ul span.pg { margin: 0 20px; } .ts-blog-pagination ul li { display: inline-block; background: ; } .ts-blog-pagination ul li a i, .ts-blog-pagination ul li { zoom: 1.2; } .ts-blog-pagination ul li.hide { visibility: hidden; } .ts-blog-pagination ul li a { padding:10px 15px !important; text-decoration: none; line-height: 20px; color: #575756; font-size:12px; } .ts-blog-pagination ul li:hover, .ts-blog-pagination ul li.active { background: ; } .ts-blog-pagination ul li:hover a { color:#d3162d; } .ts-blog-pagination ul li.active a { width: 40px; height: 40px; border-radius: 20px; font-size: 14px; background-color: #d3162d; color: #ffffff; display: inline-block; } .ts-blog-pagination .next-posts-link { float: none; } /* Subscribe Tier Within the Topp & Screed Listing Template */ .ts-blogSubscriptionTier { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Topp%20and%20Screed/TS-Sub-Banner.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; } .ts-SubscribeIntro { text-align:center; padding:30px 0px 40px 0px; } .ts-SubscribeIntro h3 { font-weight:400; color:#d3162d; margin-bottom:0px; font-family: 'MyriadPro-Regular'; font-size:28px; } .ts-SubscribeIntro p { color:#d3162d; margin:0px; padding:0px; font-size:21px; font-weight:400; } .ts-blogSubscribeForm { padding:0px 18%; } .twintec-blog-link-wrapper { background-image:url(https://2281284.fs1.hubspotusercontent-na1.net/hubfs/2281284/Topp%20and%20Screed/twintec-blog-link-bg.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; padding-top: 100px; padding-bottom: 100px; } .twintec-blog-link-overlay{ background-color: rgba(0, 0, 0, 0.7); padding: 50px; text-align: center; } .container-fluid .row-fluid .blog-link-center { float: none; max-width: 600px; margin: 0 auto; padding: 0px 0px; } .twintec-blog-link-overlay h2{ color: #f59c26; } .twintec-blog-link-overlay h3{ color: #fff; } .twintec-blog-link-overlay h4{ color: #fff; } .twintec-blog-link-overlay h5{ color: #fff; } .twintec-blog-link-overlay p{ color: #fff; font-size: 18px; } /* Topp and Screed Blog Article Page */ .ts-blogTitleDate h1 { color:#d3162d; text-transform:uppercase; font-size:36px; font-family: 'MyriadPro-Cond'!important; font-weight:200!important; } /* Topp & Screed Country Contact Details */ .tscountryContactDetail { text-align:center; margin-bottom:30px; } .tscountryContactDetail p { margin:0px; padding:0px; font-weight:400; line-height:140%; } .tscountryContactDetail p.telNo, .tscountryContactDetail p.email { font-size:28px; color:#d3162d; } .tscountryContactDetail p.email a { font-weight:100; color:#d3162d; } .tscountryContactDetail p.email { margin-bottom:10px; display:block; } .tspersonnelHeader h3 { color:#d3162d; text-transform:uppercase; margin:0px 0px 30px 0px; padding:0px; font-family: 'MyriadPro-Regular'; font-weight:100; } .tspersonnelHeader h2 { color:#d3162d; text-transform:uppercase; font-weight:400!important; margin-bottom:30px; } .tspersonnel { display:inline-block; margin-bottom:30px; } .tspersonnel p { margin:0px; padding:0px; line-height:140%; } .tspersonnel p.jobTitle, .tspersonnel p.emailAddress { font-size:14px; color:#575756; font-weight:400; } .tspersonnel p.emailAddress a { color:#d3162d; font-weight:600; } .tspersonnel p.tsPersonPhoneno { color:#d3162d !important; font-size:14px; font-weight: 400; } /* Topp & Screed New Header 2020 */ .ts-logo-header-block { } .ts-header-group-wrapper { border-top: 5px solid #d4d4d4; padding-top: 20px; } @media only screen and (max-width: 960px) { .ts-header-group-wrapper { padding-top: 60px; } } .ts-logo-header-block img { width: 200px !important; height: auto; } .ts-head-menu-block { position: relative; text-align: center; background-color: #d3162d; height: 60px; width: 100%; z-index: 100; margin-top: 30px; margin-bottom: -50px; } .ts-head-menu-block:after { content: ''; position: absolute; top: 100%; left: 53%; margin-left: -50px; width: 0; height: 0; border-top: solid 20px #d3162d; border-left: solid 20px transparent; border-right: solid 20px transparent; z-index: 20; } .ts-foot-top-block { position: relative; text-align: center; background-color: #d3162d; height: 30px; width: 100%; z-index: 100; margin-top: 30px; margin-bottom: -20px; } .ts-foot-top-block:after { content: ''; position: absolute; top: 100%; left: 53%; margin-left: -50px; width: 0; height: 0; border-top: solid 20px #d3162d; border-left: solid 20px transparent; border-right: solid 20px transparent; z-index: 20; } body.toppscreed .custom-menu-primary { padding-top: 0px; z-index: 30; } body.toppscreed .custom-menu-primary .hs-menu-wrapper { text-align: center; } body.toppscreed .custom-menu-primary .hs-menu-wrapper ul li a { padding-top: 0px; padding-left: 15px; padding-right: 15px; color: #fff; } body.toppscreed .custom-menu-primary .hs-menu-wrapper > ul ul { background-color: #3e4543; z-index: 1000; } body.toppscreed .ts-refurb-wrapper { border-bottom: 0px; } .ts-footer-wrapper-new { background-image: linear-gradient(#d4d4d4, #fff); padding-top: 50px; padding-bottom: 5px; } .ts-footer-about-text img { width: 180px; height: auto; margin-bottom: 15px; } .ts-footer-about-text { padding-right: 50px; } .ts-footer-right { padding-top: 80px; } .ts-footer-right h5{ font-size: 20px; color: #d3162d; text-transform: none !important; font-weight: 100; margin-bottom: 10px; } .ts-footer-menu a { padding-left: 0px !important; color: #3e4543; font-weight: 100; padding-bottom: 6px !important; padding-top: 6px !important; } .ts-footer-menu a:hover { color: #d3162d; } /* R & G New Header 2020 */ .rg-head-menu-block { position: relative; text-align: center; background-color: #25aae1; height: 60px; width: 100%; z-index: 100; margin-top: 30px; margin-bottom: -50px; } .rg-head-menu-block:after { content: ''; position: absolute; top: 100%; left: 53%; margin-left: -50px; width: 0; height: 0; border-top: solid 20px #25aae1; border-left: solid 20px transparent; border-right: solid 20px transparent; z-index: 20; } .rg-header-group-wrapper { border-top: 5px solid #074f8f; padding-top: 20px; } @media only screen and (max-width: 960px) { .rg-header-group-wrapper { padding-top: 60px; } } /* R & G New Footer 2020 */ .rg-foot-top-block { position: relative; border-top: 4px solid #25aae1 ; text-align: center; background-color: #074f8f; height: 30px; width: 100%; z-index: 100; margin-top: 0px; margin-bottom: -20px; } .rg-footer-wrapper-new { background-image: linear-gradient(#ececec, #fff); padding-top: 50px; padding-bottom: 5px; } .rg-footer-about-text img { width: 180px; height: auto; margin-bottom: 15px; } .rg-footer-about-text { padding-right: 50px; } .rg-footer-right { padding-top: 5px; } .rg-footer-right h5{ font-size: 20px; color: #074f8f; text-transform: none !important; font-weight: 100; margin-bottom: 10px; } .rg-footer-menu a { padding-left: 0px !important; color: #3e4543; font-weight: 100; padding-bottom: 6px !important; padding-top: 6px !important; } .rg-footer-menu a:hover { color: #d3162d; } .rg-lp-form .hs-button.primary, body input[type="submit"], body input[type="button"] { cursor: pointer; -webkit-appearance: none; background-color: #25aae1 !important; color: #ffffff; text-decoration: none; font-family: 'MyriadPro-Regular'!important; font-weight: 100; padding: 10px 25px 7px 25px; display: inline-block; border-radius: 45px 45px 45px 45px; -moz-border-radius: 45px 45px 45px 45px; -webkit-border-radius: 45px 45px 45px 45px; border: 0px solid #000000; font-size: 14px; text-transform: uppercase; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .rg-lp-form input[type="text"] { border-radius: 30px; padding-top: 9px; padding-bottom: 9px; } .rg-lp-form input[type="email"] { border-radius: 30px; padding-top: 9px; padding-bottom: 9px; } .rg-lp-form .hs_cos_wrapper_type_form textarea { border-radius: 30px !important; } /* R & G Country Contact Details */ .rgcountryContactDetail { text-align:center; margin-bottom:30px; } .rgcountryContactDetail p { margin:0px; padding:0px; font-weight:400; line-height:140%; } .rgcountryContactDetail p.telNo, .rgcountryContactDetail p.email { font-size:28px; color:#074f8f; } .rgcountryContactDetail p.email a { font-weight:100; color:#074f8f; } .rgcountryContactDetail p.email { margin-bottom:10px; display:block; } .rgpersonnelHeader h3 { color:#074f8f; text-transform:uppercase; margin:0px 0px 30px 0px; padding:0px; font-family: 'MyriadPro-Regular'; font-weight:100; } .rgpersonnelHeader h2 { color:#074f8f; text-transform:uppercase; font-weight:400!important; margin-bottom:30px; } .rgpersonnel { display:inline-block; margin-bottom:30px; } .rgpersonnel p { margin:0px !important; padding:0px !important; line-height:140%; } .rgpersonnel p.jobTitle, .rgpersonnel p.emailAddress { font-size:14px; color:#575756; font-weight:400; } .rgpersonnel p.emailAddress a { color:#074f8f; font-weight:600; } .rgpersonnel p.rgPersonPhoneno { color:#074f8f !important; font-size:14px; font-weight: 400; } body.randg .hs-button.primary, body input[type="submit"] { background-color: #25aae1 !important; }