/* @import url('http://example.com/example_style.css'); */ /** * CSS @imports must be at the top of the file. * Add them above this section. */ @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900'); /*font-family: 'Roboto', sans-serif;*/ /* ========================================================================== HS COS Boilerplate v1.5.0 ========================================================================== */ /* 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;} /* ========================================================================== Index: 0. WILDERNESS CUSTOM STYLES 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 ========================================================================== */ /* ========================================================================== 0. WILDERNESS CUSTOM STYLES ========================================================================== */ .body-cans-image img { max-width: 740px; } .get-in-touch-button a { text-decoration: 0; padding: 12px 30px; font-weight: 700; } .get-in-touch-hero-form { background-color: #ffffff; padding: 0 2em 4em; box-shadow: 0px 1px 5px 5px #dcdcdc; /* height: 435px; */ } .get-in-touch-hero-form .submitted-message { height: 298px; } .get-in-touch-hero-form input { border: 1px solid #A90533; margin-bottom: 1em; } .get-in-touch-hero-form input[type="submit"] { background-color: #A90533; color: white; font-weight: 700; padding: 12px 30px; border: 0; } .get-in-touch-footer-form input { border: 0; border-bottom: 1px solid #A90533; margin-bottom: 1em; } .get-in-touch-footer-form input[type="submit"] { background-color: #A90533; color: white; font-weight: 700; padding: 12px 30px; border: 0; } .get-in-touch-footer-form .submitted-message { } @media (max-width: 980px) { .hero-can-01, .hero-can-02, .hero-can-04, .hero-can-05 { display: none !important; } } @media (max-width: 1150px) { .hero-can-03 { display: none !important; } } @media (max-width: 1300px) { #contact-footer { margin-top: 0 !important; } } @media (max-width: 767px) { .get-in-touch-hero-form .submitted-message { height: auto; } } /* ========================================================================== 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: #3C3D43; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 1.5; letter-spacing:1px; font-weight: 400; } /** * Page Center * * Apply .page-center to full-width modules. */ .page-center{float: none;max-width: 960px;margin: 0 auto;} .container-fluid .row-fluid .page-center { float: none; max-width: 960px; margin: 0 auto; } /*.doublesheet-lp .container-fluid .row-fluid .page-center { float: none; max-width: 1200px; margin: 0 auto; }*/ a { color: #a30025; } a:hover, a:focus { color: #e3002d; } hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #3C3D43; text-shadow: none; } ::selection { color: #fff; background: #3C3D43; 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 {} small {} strong {} em {} cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 {} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 {font-size:60px; line-height: 70px; font-family: 'Roboto', sans-serif; margin:15px 0 15px 0; font-weight: 700;} h2 {font-size:50px; line-height: 60px; font-family: 'Roboto', sans-serif; margin:15px 0 15px 0; font-weight: 700;} h3 {font-size:40px; line-height: 50px; font-family: 'Roboto', sans-serif; margin:15px 0 20px 0; font-weight: 700;} h4 {font-size:24px; line-height: 36px; font-family: 'Roboto', sans-serif;} h5 {} h6 {} /* 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 {} /* ========================================================================== Header ========================================================================== */ .header-container-wrapper {z-index: 9999;position: relative;} .header-container {} /* Logo styling */ .header-container .hs_cos_wrapper_type_logo {} .header-container .hs_cos_wrapper_type_logo a {} .header-container .hs_cos_wrapper_type_logo a img {} /* ========================================================================== Content ========================================================================== */ .body-container-wrapper { margin-top: 28px; } .body-container {} /* Unique Pages ========================================================================== */ /* Homepage */ /* Contact Us */ /* About Us */ /* Modular & Reusable Components ========================================================================== */ /* Callouts */ /* Social Media Custom Icons */ /* Additional Menus aside from the Main Nav */ /* ========================================================================== Footer ========================================================================== */ .footer-container-wrapper {} .footer-container {} /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Set ul background color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:; } .custom-menu-primary .hs-menu-wrapper > ul > li{ background:; } .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:first-child { display: none; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color:#000; padding: 15px 0px; text-transform:uppercase; font-size: 12px; } .hs-menu-wrapper.hs-menu-flow-vertical li a{white-space: normal !important;} .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:; } .custom-menu-primary .hs-menu-wrapper > ul > li:hover a:before {content: "";background: #7a1117;width: 10px;height: 20px;position: absolute;left: 0px;} .custom-menu-primary .hs-menu-wrapper > ul > li:hover a, .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch a {color: #7a1117;} .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch a:before {content: "";background: #7a1117;width: 10px;height: 20px;position: absolute;left: 0px;} .mobile-open .custom-menu-primary .hs-menu-wrapper > ul > li:hover a, .mobile-open .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch a {color: #fff;} /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{} .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:#000; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:981px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } @media (max-width: 981px){ .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:first-child {display: block;} .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:last-child {display: none;} /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 11.5px 15px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#ffffff; } /* Toggle Button ========================================================================== */ .mobile-trigger, .mob-icon { display: inline-block !important; /* Show button on mobile */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 0px; /* Position Button at right of screen */ right: 0px; /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ /*padding: 20px;*/ background: #7c0006; /* Background color */ border: 1px solid #7c0006; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #fff; } .mob-icon{right: 46px;padding: 16px;} .mobile-trigger:hover, .mob-icon:hover{ text-decoration: none; /* Removes link text underline on button */ color:#ffffff; background-color: #393B41; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger , .mobile-open .mob-icon{ color:#ffffff; background-color: #393B41 !important; border-color: transparent; } .mobile-trigger, .mob-icon{ background:#7c0006 !important; } /* Toggle Button Icon ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: -7px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 22px; /* Icon line width */ height: 2px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #fff; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ top: -6px; /* Position top line */ } .mobile-trigger i:after{ top: 6px; /* Position bottom line */ } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #ffffff; /* Icon color */ } .mobile-trigger img {margin-right: 15px;} /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#ffffff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled{ position: relative; padding-top: 44px; /* Makes room for button */ /*margin: 10px 0 10px 0;*/ } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 46px; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#393B41; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 35px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ /*border-top: 1px dotted rgba(255, 255, 255, .35);*/ /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color:#ffffff; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ /* Common Template Selectors ========================================================================== */ body.one-column {} body.two-column {} body.three-column {} .content-wrapper {} .main-content {} .sidebar{} .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 ========================================================================== */ /* One Column Template */ body.landing-page.one-column {} body.landing-page.one-column .content-wrapper {} body.landing-page.one-column .main-content {} /* Two Column Template */ body.landing-page.two-column {} body.landing-page.two-column .content-wrapper {} body.landing-page.two-column .main-content {} body.landing-page.two-column .sidebar.right {} /* Three Column Template */ body.landing-page.three-column {} body.landing-page.three-column .content-wrapper {} body.landing-page.three-column .main-content {} /* System Pages ========================================================================== */ /* Error Templates 404, 500 */ body.error-template.one-column {} body.error-template.one-column .content-wrapper {} body.error-template.one-column .main-content {} /* Password template */ body.password-template.one-column {} body.password-template.one-column .content-wrapper {} body.password-template.one-column .main-content {} /* Email Subscribition templates */ body.subscription-template.one-column {} body.subscription-template.one-column .content-wrapper {} body.subscription-template.one-column .main-content {} /* ========================================================================== 5. COS COMPONENTS ========================================================================== */ /* ========================================================================== Blog ========================================================================== */ /* Blog Post and Listing Body Class */ body.blog {} /* Blog Post */ body.hs-blog-post {} /* Blog Listing */ body.hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} /* Blog Content Column ========================================================================== */ .blog .blog-content {} /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 {} .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-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{ border-width: 0; max-height: 170px; max-width: 210px; height: auto; width: auto; display: inline-block !important; float: right; margin: 20px 0 20px 20px; } /* Read More Link */ a.more-link, .blog-pagination a.all-posts-link {font-weight: 700;text-transform: uppercase;font-size: 12px;} /* 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; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 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: 12px; 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 {} /** * 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 {} /* 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 { width: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; } 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 */ body select {} body select:focus {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {} /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ /* color: #555; opacity: 1; */ } :-moz-placeholder { /* Firefox 18- */ /* color: #555; opacity: 1; */ } ::-moz-placeholder { /* Firefox 19+ */ /* color: #555; opacity: 1; */ } :-ms-input-placeholder { /* IE10 */ /* color: #555; opacity: 1; */ } /* Form Module ========================================================================== */ /* Form Field */ .hs_cos_wrapper_type_form .hs-form-field {} /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form 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 {} 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; } } /* Grey sections ========================================================================== */ .event-news-wrapper, .support-fifth-section-wrapper {background-color: #f1f2f1;} /* ========================================================================== Buttons ========================================================================== */ /* All Global Buttons (Excluding CTAs) ========================================================================== */ body .hs-button.primary, body input[type="submit"], body input[type="button"] { cursor: pointer; -webkit-appearance: none; font-family: 'Roboto', sans-serif; font-size: 13px; text-decoration: none !important; } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover {} 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 {} /* ========================================================================== 6. MISCELLANOUS ========================================================================== */ /** * Styles that do not fit into available sections above can go here. * For example, one would place 3rd party plugin overriding styles here. * * This section is NOT for 'Custom' styles. All custom styles must go in the * proper sections above. * * For instance, custom header and footer styles must go in the HEADER and * FOOTER sections. Custom styles for anything in-between the header and footer * (such as, styles that are unique to the HOMEPAGE only), must go in the * CONTENT section. */ /*DevTeam Styling*/ /*Home Page Style*/ .home .language-section-wrapper .sticky-left-nav-wrapper {position:fixed;top:0;left:0;width:11% !important;height:100%;z-index:999;background: #fff;padding: 5% 10px 5% 12px;box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);display:none !important;z-index: 1002;transform: translate3d(-170px,0,0);will-change: transform;} .left-nav-bottom-content {position: absolute;bottom: 20px;width: 80%;} .left-nav-bottom-content a{text-decoration:none;font-weight: 700;font-size:12px;text-transform: uppercase;} .language-section-wrapper .sticky-left-nav-wrapper {position:fixed;top:0;left:0;width:11% !important;height:100%;z-index:1002;background: #fff;padding: 5% 10px 5% 12px;box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);} .custom-search {padding-right: 50px;} /*.search {cursor: pointer;} .search-wrapper {position: absolute;top: 45px;left: 0;background: rgba(255,255,255,0.8);padding: 100px 20%;} .widget-type-google_search input[type="text"] {max-width: 80%;float: left;height: 49px;border: solid 1px #000;} .widget-type-google_search .hs-button.primary {background: #a30025;padding: 15px 30px;float: left;color:#fff;} .widget-type-google_search label {font-size: 20px;font-weight: 700;} */ /*.language-section-wrapper .sticky-left-nav-wrapper {position:fixed;top:0;left:0;width:12.5% !important;height:100%;z-index:999;background: #fff;padding: 5% 20px;box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);display:none !important;z-index: 1002;transform: translate3d(-170px,0,0);will-change: transform;}*/ .left-nav-logo img {width: 110px;} .left-nav-logo {margin-bottom: 50px;} .home a.header-click {cursor: pointer;} a.header-click {cursor: inherit;} /*.language-section-wrapper .search-cta-wrap {float: right;padding: 16px 0 0px 0;}*/ .language-section-wrapper .page-center {max-width: 98% !important;} .language-wrapper {margin-left: 0 !important;} .language-wrapper .language{list-style:none;padding: 0 5px;float: right;margin:0;width: 130px;height: 20px;overflow: hidden;-webkit-transition: height 1s; transition: height 1s;} .language-wrapper .language li {list-style: none;padding: 5px 20px 5px 20px;border-top: solid 1px #b7b7b7;text-align: right;background: #fff;} .language-wrapper .language li:first-child {border-top: none;background:transparent;} .language-wrapper .language li a{text-decoration:none;font-size: 10px;color: #b6b7b9;font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 12px;text-transform: uppercase;} .language-wrapper .language li:hover a {color:#000;} .language-wrapper .language li a.active {color: #e3002d;border-bottom: 1px solid #f1d4d7;} /*.language-wrapper .language li a:hover, .language-wrapper .language li a:focus{text-decoration:none;color: #212121;} .language-wrapper .language .oth-lang {display: none;} .language-wrapper .language .oth-lang li{float: left;float: none;border-top: solid 1px #b7b7b7;} .language-wrapper .language li:hover .oth-lang {display: block;padding: 15px 5px 5px 5px;background: #fff;position: absolute;right: 0px; width: 130px;text-align: right;box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.2);} .language-wrapper .language .oth-lang li a{padding: 10px 25px 10px 0;display: inline-block; width: 100%;}*/ .lang-wrap {position: absolute;top: -7px;right: 0;/*margin-top: 5px;padding-top: 5px;*/} .lang-wrap:hover .language {background:#fff;box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.2);height: 120px; width: 130px;-webkit-transition: height 1s; transition: height 1s;} .home .language-wrapper .language{list-style:none;padding: 0 5px;float: right;margin:0;width: 130px;height: 120px;overflow: hidden;-webkit-transition: height 1s; transition: height 1s;} /*.home .lang-wrap .language {background:#fff;box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.2);height: 120px; width: 130px;-webkit-transition: height 1s; transition: height 1s;}*/ .canmaking-page .language-wrapper .language, .doublesheet-page .language-wrapper .language{list-style:none;padding: 0 5px;float: right;margin:0;width: 130px;height: 20px;overflow: hidden;-webkit-transition: height 1s; transition: height 1s;} .custom-search-form {width: 300px;float: right;} .custom-search-form .hs-form {width: 300px ;float: right;} .custom-search-form .hs-form:hover{width: 100% ;} .custom-search-form .input input[type=text] {border: none;border-radius: 0;float: left;padding: 0;margin: 0;border-bottom: solid 1px #000;background:rgba(255,255,255, 0.8);} .custom-search-form .input input[type=text]:focus {border:none;border-bottom:solid 1px #000;box-shadow:none;outline:none;} .custom-search-form .search-cta {width: 5%;float: right;text-align:right;padding: 15px 0 5px 0;} .custom-search-form .field {width: 0%;float: right;margin-top: 10px;} .custom-search-form:hover .field{width:95%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;} .custom-search-form:hover .input input[type=text]{padding: 5px 5px 5px 10px;} .custom-search-form .hs-button .fa-search {font-size: 14px;color: #000;} .custom-search-form .hs-button:hover .fa-search {color: #a30025;} .double-sheet, .can-solution {color: #fff;background: #a30025;padding: 10px 30px;text-decoration: none;font-size: 14px;line-height: 20px;margin: 20px;display: inline-block;font-family: 'Roboto', sans-serif;text-transform: uppercase;border:solid 2px #a30025;} .double-sheet:hover, .can-solution:hover {color: #FFF;background: #e3002d;border:solid 2px #e3002d;} .banner-title h2 {font-size: 50px;text-align: center;max-width: 600px;margin: 30px auto;font-family: 'Roboto', sans-serif;line-height:60px;font-weight: 900;} .body-content-wrapper {position: relative;overflow:hidden;} /*.body-content-wrapper:before{content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/home-assets/cans-roll.jpg);position: absolute;z-index: 0;left: -14%;top: 0%;}*/ .body-content-wrapper:before{content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/New-img-770x578px-v2.png);position: absolute;z-index: 0;left: -14%;top: 0%; z-index:-1;} .body-content-wrapper:after{content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/home-assets/cans.jpg);position: absolute;z-index: -1;right: -20%;top: 6%;} .canmaking-wrapper {position: absolute; display:none !important;z-index: 1001;top: 60px;right: 0;margin: 0 !important;width: 100%;transform: translate3d(100%,0,0);will-change: transform;} .top-section-wrapper{background: rgba(142,0,10,0.89);padding: 0.6em 1.5em 1em 1em;max-width:90% !important;float:none !important;margin:0 auto !important;color: #fff;padding: 5% 0;} .canmaking-wrapper-close{position: absolute;top: 20px;right: 50px;font-weight: bold;} .desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{text-align:center;width:100%;} .desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {float: none;} .desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {max-width: 100%;color:#a30025;font-size: 12px;text-transform: uppercase;font-weight: 700;} /*.get-a-quote, .contact-us-cta {width: 50%;float: left;}*/ .get-a-quote{position: fixed;bottom: 0;left: 0;} .contact-us-cta {position: fixed;bottom: 0;right: 0;} .contact-us-cta {text-align: right;} .get-a-quote a, .contact-us-cta a {background: #959799;padding: 20px 30px;text-transform: uppercase;text-decoration: none;color: #fff;display: inline-block; font-weight: 700; font-size: 12px;} /*Top Section Style*/ .top-section-wrapper h2 {font-size: 100px;max-width: 66%;font-family: 'Roboto', sans-serif;line-height: 96px;margin: 0; font-weight: 900;} .top-section-wrapper h3 {text-transform: uppercase;font-size: 14px;} .white-seprator {background: #fff;height: 1px;margin-top: 30px;max-width: 60%;margin-left: -40px;} .top-section-wrapper p{font-size: 18px;font-family: 'Roboto', sans-serif;max-width: 44%; line-height: 26px;} .top-section-wrapper .fromsheet-tocan:before, .top-section-wrapper .fromcan-tosheet:before{position:absolute;top:2px;left:0px;content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/home-assets/left-arrow.png);} .top-section-wrapper .fromsheet-tocan, .top-section-wrapper .fromcan-tosheet{padding-left:30px;font-size: 12px;margin-top:60px;position:relative;font-family: 'Roboto', sans-serif;text-transform: uppercase;font-weight: 700; cursor: pointer;} /*canmaking first section*/ .relative-div{position:relative;z-index:1;} .can-cta-clicked .body-content-wrapper {height: 800px;} .can-cta-clicked .body-content-wrapper:before{left: -50%;top: 0%;transition: all 1s;transform: translate3d(-2%,0,0);} .can-cta-clicked .body-content-wrapper:after{right: -15%;top: 21%;transition: all 2s;transform: scale(1.8);} .can-solution-clicked{visibility: hidden;opacity: 0;transition: visibility 0s 2s, opacity 2s linear;} .canmaking-first-section, .doublesheet-first-section {text-align:center;} .canmaking-first-section h1, .doublesheet-first-section h1 {font-size:50px; font-family: 'Roboto', sans-serif;margin-bottom:0; line-height: 60px; font-weight: 700;} .canmaking-first-section .secondary-header, .doublesheet-first-section .secondary-header {font-size:40px;font-family: 'Roboto', sans-serif;margin-top: 0;line-height: 50px; font-weight: 300;} .canmaking-first-section, .doublesheet-first-section {padding: 10% 0 5% 0;} /*canmaking Second section*/ .canmaking-second-section, .doublesheet-second-section {position:relative;overflow:hidden;font-size: 18px;padding-bottom:50px;margin-bottom: 50px;line-height: 26px;} .canmaking-second-section iframe, .doublesheet-second-section iframe {width:100% !important;height:350px !important;} .canmaking-second-section:after, .doublesheet-second-section:after {content: '';background: #f1f2f1;width: 100%;height: 410px;position: absolute;top: 20%;left: 58%;} .canmaking-second-section .can-sec-left, .doublesheet-second-section .ds-sec-left {padding-right:8%;} .doublesheet-second-section .ds-sec-left {height: 370px;align-items: center;display: flex !important;} .canmaking-second-section .can-sec-left b, .canmaking-second-section .can-sec-left strong, .doublesheet-second-section .ds-sec-left b, .doublesheet-second-section .ds-sec-left strong {font-size:24px; line-height: 36px;} .canmaking-second-section .can-sec-right, .doublesheet-second-section .ds-sec-right {padding-left: 8%;} /*canmaking Third section*/ .canmaking-third-section, .doublesheet-third-section {position:relative;overflow:hidden;font-size: 18px;line-height: 26px;} .canmaking-third-section iframe, .doublesheet-third-section iframe {width:100% !important;height:350px !important;} .canmaking-third-section:before, .doublesheet-third-section:before {content: '';background: #7c0006;width: 100%;height: 100%;position: absolute;top: 0%;right: 60%;z-index:1;} .canmaking-third-section .can-third-left, .doublesheet-third-section .ds-third-left {padding-right:8%;color:#fff;font-size:40px;font-family: 'Roboto', sans-serif;line-height: 45px;padding-top:40px; font-weight: 700;} .canmaking-third-section .can-third-right b, .canmaking-third-section .can-third-right strong, .doublesheet-third-section .ds-third-right b, .doublesheet-third-section .ds-third-right strong {font-size:24px;line-height: 36px;} .canmaking-third-section .can-third-right, .doublesheet-third-section .ds-third-right {padding-left: 8%; padding-top:50px;} /*canmaking Fourth section*/ .canmaking-fourth-section, .doublesheet-fourth-section {position:relative;font-size: 18px;padding-bottom:50px;line-height: 26px;} .canmaking-fourth-section:after{content: '';background: #f1f2f1;width: 100%;height: 107%;position: absolute;top: -7%;right: 14%;} .doublesheet-fourth-section:after {content: '';background: #f1f2f1;width: 100%;height: 100%;position: absolute;top: -7%;right: 14%;} .canmaking-fourth-section img, .doublesheet-fourth-section img {width:100% !important;height:auto !important;} /*canmaking Fourth Inner section*/ .canmaking-fourth-inner-section .can-fourth-left, .doublesheet-fourth-inner-section .ds-fourth-left {padding-top: 8%;} .canmaking-fourth-inner-section .can-fourth-left h3, .doublesheet-fourth-inner-section .ds-fourth-left h3 {font-family: 'Roboto', sans-serif;font-size: 40px;margin-bottom: 0;line-height: 50px; font-weight: 700;} .canmaking-fourth-inner-section .can-fourth-left a, .doublesheet-fourth-inner-section .ds-fourth-left a {text-transform: uppercase;font-size: 12px;font-family: 'Roboto', sans-serif; font-weight: 700;} .canmaking-fourth-inner-section .can-fourth-right img, .doublesheet-fourth-inner-section .ds-fourth-right img {/*margin: -160px -140px 10px 10px;*/float: right;} /*canmaking Fourth Inner Second section*/ .canmaking-fourth-inner-second-section, .doublesheet-fourth-inner-second-section {position:relative;overflow:hidden;font-size: 18px;margin-top:7%;line-height: 26px;} .canmaking-fourth-inner-second-section:before {content: '';background: #7c0006;width: 100%;height: 100%;position: absolute;top: 0%;left: 45%;z-index:1;} .doublesheet-fourth-inner-second-section:before {content: '';background: #3c3d43;width: 100%;height: 100%;position: absolute;top: 0%;left: 45%;z-index:1;} .canmaking-fourth-inner-second-section .can-in-second-left-content img {margin-left: -55px;margin-top: 60px;} .doublesheet-fourth-inner-second-section .ds-in-second-left-content img {margin-left: -60px;margin-top: 60px;transform: scale(0.9);width: 100%;height: auto;} .canmaking-fourth-inner-second-section .can-in-second-right-content, .doublesheet-fourth-inner-second-section .ds-in-second-right-content {color:#fff;padding: 60px 0px;} .canmaking-fourth-inner-second-section .can-in-second-right-content h3, .doublesheet-fourth-inner-second-section .ds-in-second-right-content h3 {font-family: 'Roboto', sans-serif;font-size: 40px;margin-bottom: 0;line-height: 50px; font-weight: 700;} .canmaking-fourth-inner-second-section .can-in-second-right-content a, .doublesheet-fourth-inner-second-section .ds-in-second-right-content a {color:#fff;text-transform: uppercase;font-size: 12px;font-family: 'Roboto', sans-serif; font-weight: 700;} /*canmaking Fourth Inner Third section*/ .canmaking-fourth-inner-third-section{position:relative;overflow:hidden;font-size: 18px;padding: 5% 0 0% 0;line-height: 26px;} .doublesheet-fourth-inner-third-section {position:relative;overflow:hidden;font-size: 18px;padding: 8% 0 8% 0;line-height: 26px; display:none !important;} .canmaking-fourth-inner-third-section .can-in-third-left-content h3, .doublesheet-fourth-inner-third-section .ds-in-third-left-content h3, .doublesheet-fourth-inner-third-section .ds-in-third-desc{font-family: 'Roboto', sans-serif;font-size: 40px;margin-bottom: 0;line-height: 50px; font-weight: 700;} .canmaking-fourth-inner-third-section .can-in-third-left-content a, .doublesheet-fourth-inner-third-section .ds-in-third-left-content a {text-transform: uppercase;font-size: 12px;font-family: 'Roboto', sans-serif; font-weight: 700;} .canmaking-fourth-inner-third-section .can-in-third-right-content, .doublesheet-fourth-inner-third-section .ds-in-third-right-content {padding-bottom: 30px;} .canmaking-fourth-inner-third-section .can-in-third-right-content img, .doublesheet-fourth-inner-third-section .ds-in-third-right-content img {margin-right: 0px;margin-top: 0px;float: right;} /*canmaking Fifth section*/ .canmaking-fifth-section{text-align:center;padding:10% 0;background-repeat: no-repeat;background-size: cover;color:#fff;} .canmaking-fifth-section h2{font-size:50px; font-family: 'Roboto', sans-serif;margin-bottom:0;line-height: 60px; font-weight: 700;} .canmaking-fifth-section .can-fifth-desc{font-size:40px;font-family: 'Roboto', sans-serif;margin-top: 0;line-height: 45px;} .canmaking-fifth-section .can-fifth-cta{margin:30px 0;} /*canmaking Sixth section*/ .canmaking-sixth-section{position:relative;font-size: 18px;padding:5% 0;line-height: 26px;} .canmaking-sixth-section:after{content: '';background: #7c0006;width: 41%;height: 128%;position: absolute;top: -14%;left: 59%;} .canmaking-sixth-section .can-sixth-left{padding: 0% 15% 5% 0;} .canmaking-sixth-section .can-sixth-left h3{font-family: 'Roboto', sans-serif;font-size: 40px;margin-bottom: 0;margin-top: 20px;line-height: 50px;font-weight: 700;} .canmaking-sixth-section .can-sixth-right{color:#fff;font-size:24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} /*canmaking Seventh section*/ .canmaking-seventh-section{padding:5% 0;background-repeat: no-repeat;background-size: cover;color:#fff;font-size:16px;} .canmaking-seventh-section .can-seventh-left h2{font-size:50px; font-family: 'Roboto', sans-serif;margin-bottom:0;margin-top: 0;line-height: 60px;} .canmaking-seventh-section .can-seventh-left a{color:#fff; font-weight: 700;} /*******************************/ /**********DoubleSheet**********/ /******************************/ .doublesheet-wrapper {position: absolute; display:none !important;z-index: 1001;top: 60px;right: 0;margin: 0 !important;width: 100%;transform: translate3d(-100%,0,0);will-change: transform;} .doublesheet-wrapper .top-section-wrapper{background: rgba(57,59,65,0.8);padding: 0.6em 1.5em 1em 1em;max-width:90% !important;float:none !important;margin:0 auto !important;color: #fff;padding: 5% 0;} .doublesheet-wrapper-close{position: absolute;top: 20px;right: 50px;font-weight: bold;} .doublesheet-solution-clicked{visibility: hidden;opacity: 0;transition: visibility 0s 2s, opacity 2s linear;} .doublesheet-cta-clicked .body-content-wrapper {height: 800px;} .doublesheet-cta-clicked .body-content-wrapper:before{left: 38%;top: 12%;transition: all 2s;transform: scale(1.4);} .doublesheet-cta-clicked .body-content-wrapper:after{right: -50%;top: 0%;transition: all 1s;transform: translate3d(2%,0,0);} /*Doublesheet Fifth section*/ .Doublesheet-fifth-section{position:relative;font-size: 18px;padding:5% 0;line-height: 26px;} .Doublesheet-fifth-section:before{content: '';background: #7c0006;width: 40%;height: 91%;position: absolute;top: 0%;right: 60%;} .Doublesheet-fifth-section a, .Doublesheet-sixth-section a{text-transform:uppercase; font-weight: 700; font-size: 12px;} .Doublesheet-fifth-section .ds-fifth-left{color:#fff;font-size:24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} .Doublesheet-fifth-section .ds-fifth-right{padding: 0% 0% 5% 15%;} .Doublesheet-fifth-section .ds-fifth-right h2{font-family: 'Roboto', sans-serif;font-size: 50px;margin-bottom: 0;margin-top: 20px;line-height: 60px;font-weight: 700;} /*Doublesheet Sixth section*/ .Doublesheet-sixth-section{position:relative;font-size: 18px;padding:5% 0;line-height: 26px; linear-gradient(to left, #eee 49%, white 48%)} /*.Doublesheet-sixth-section {content: '';background: #f1f2f1;width: 100%;height: 100%;position: absolute;top: -7%;right: 14%;}*/ .Doublesheet-sixth-section .ds-sixth-right {} .Doublesheet-sixth-section .ds-sixth-left{} .Doublesheet-sixth-section .ds-sixth-left h3{font-family: 'Roboto', sans-serif;font-size: 40px;margin-bottom: 0;margin-top: 20px;line-height: 50px;font-weight: 700;} .Doublesheet-sixth-section .ds-sixth-right img{width:100% !important;height:auto !important;margin-top:50px;} /*Doublesheet Seventh section*/ .parts-detection-solutions{background:#3c3d43;padding:10% 11%;max-width:600px; margin:0 auto !important;float:none !important;color:#fff;text-align:center;font-size: 18px;line-height: 26px;} .parts-detection-solutions h3{font-family: 'Roboto', sans-serif;font-size: 40px;margin-bottom: 0;margin-top: 20px;line-height: 50px; font-weight: 700;} .parts-detection-solutions a{color:#fff; font-weight: 700; text-transform: uppercase; font-size: 12px;} .parts-detection-solutions-wrapper{position:relative;margin: 12% 0;} .parts-detection-solutions-wrapper:before{content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/home-assets/doublesheet/part-detection.png);position: absolute;top: -18%;left: 0%;} .parts-detection-solutions-wrapper:after{content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/home-assets/doublesheet/part-detection.png);position: absolute;bottom: -21%;right: -6%;z-index: -1;} /*Doublesheet Eighth section*/ .doublesheet-eighth-section {padding: 5% 0 3% 0;} .doublesheet-eighth-section #hs_cos_wrapper_module_1521473603536215 {margin-top: 60px !important;} .doublesheet-eighth-section h2 {font-family: 'Roboto', sans-serif;font-size: 50px;margin-bottom: 0;margin-top: 20px;margin-bottom:30px;line-height: 60px;font-weight: 700;} .doublesheet-fourth-inner-third-section .ds-in-third-desc {max-width: 830px;margin: 0 auto !important;float: none;} /*Doublesheet Ninth section*/ .doublesheet-ninth-section{position:relative;font-size:18px;padding: 0 0 5% 0;line-height: 26px;} .doublesheet-ninth-section .ds-nine-most-left {position:relative;} .doublesheet-ninth-section .ds-nine-most-left:before{content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/ds-nine-left.jpg);position: absolute;top: -70px;left: -60%;transform: scale(0.8);} .doublesheet-ninth-section .ds-ninth-left {padding-right:25px;} /*Footer How can we help Section Style*/ .how-can-we-help-wrapper{padding:150px 0;font-size: 16px;} .how-can-we-help-wrapper .help-left-content h3{font-family: 'Roboto', sans-serif;font-size: 40px;margin-bottom: 30;margin-top: 20px;line-height: 50px; font-weight: 700;} .help-right-content .help-right-content-form{} .help-right-content .help-right-content-form label {text-transform: uppercase;margin-bottom: 8px !important;display: inline-block;font-size: 12px;font-family: 'Roboto', sans-serif; font-weight: 700;} .help-right-content .help-right-content-form .input {margin: 0px 0 25px 0;} .help-right-content .help-right-content-form .input input {padding: 12px 5px;} .help-right-content .help-right-content-form input.hs-button.primary.large {background: #7c0006;border:solid 1px #7c0006;color: #fff;padding: 12px 25px;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;} .help-right-content .help-right-content-form input.hs-button.primary.large:hover {background: #e3002d;border:solid 1px #e3002d;color: #fff;} .help-left-content a{text-transform:uppercase;font-weight:bold;font-size:12px;} .help-right-content .help-right-content-form textarea, .help-right-content .help-right-content-form input[type="text"], .help-right-content .help-right-content-form input[type="button"], .help-right-content .help-right-content-form input[type="email"], .help-right-content .help-right-content-form input[type="submit"] { -webkit-appearance: none; border-radius: 0; } /*Gray Footer Styling*/ .gray-footer-wrapper{padding:10px 0;} .gray-footer-wrapper:before{content: '';background: #f1f2f1;width: 100%;height: 100%;position: absolute;top: 0%;z-index: -1;} .gray-footer-left-content{} .gray-footer-left-content h3 {margin: 0; font-size: 16px; line-height: 20px;} .gray-footer-social-icons{} .gray-footer-social-icons ul {list-style: none;margin-top: -4px;} .gray-footer-social-icons ul li {float: left;margin: 0 10px;} .gray-footer-navigation-wrapper{margin:5%;} .gray-footer-navigation-wrapper a {color: #393b41;text-decoration: none;} .gray-footer-navigation-wrapper a:hover {color: #b6b7b9;} .gray-footer-navigation-wrapper h3{margin:0 0 10px 0;font-size: 12px;text-transform: uppercase;line-height: 20px;font-weight: 700;} .gray-footer-navigation-wrapper .widget-type-simple_menu ul li a {padding:10px 0px !important;font-size: 12px;} .footer-links a {font-size: 12px;font-weight: 700;color: #000;text-decoration: underline; text-transform: uppercase;} /*Metpak Cta Styling*/ .metpak-cta-wrapper{padding:10% 0;background-repeat: no-repeat !important;background-size: cover !important;color:#fff;font-size:16px;position:relative;} .metpak-cta-wrapper .metpak-cta-left h5{font-size:18px; line-height:26px;font-weight: 700;margin: 0;} .metpak-cta-wrapper .metpak-cta-left h3{font-size:40px; font-family: 'Roboto', sans-serif;margin-bottom:0;margin-top: 0;line-height: 50px;font-weight: 300;} .metpak-cta-wrapper .metpak-cta-left a{color:#fff;margin-right: 20px;margin-top: -6px; font-size: 12px;text-transform: uppercase; font-weight: 700;} .metpak-cta-wrapper .metpak-cta-left .hs-cta-wrapper{float: left;margin-right: 80px;} .metpak-cta-overlay{position: absolute;min-width: 100%;min-height: 100%;object-fit: cover;z-index: 101;top: 0;background:rgba(0,0,0,0.5);} .metpak-cta-wrapper .row-fluid-wrapper {position:relative;z-index:103;} /*News and Events Styling*/ .container-header{padding:7% 0 14% 0;background-repeat: no-repeat !important;background-position: 90px 0% !important;margin-top: -45px !important;background-size:95% !important;position:relative;overflow:hidden;} .inner-header-wrapper {color: #3c3d43;z-index:99;overflow: hidden;} .inner-header-wrapper .inner-header-left {width: 62% !important;} .inner-header-wrapper .inner-header-left h3{font-size:12px;margin-bottom:0;margin-top: 0;line-height: 20px;text-transform:uppercase;} .inner-header-wrapper .inner-header-left h1{font-size:60px; font-family: 'Roboto', sans-serif;margin-bottom:10px;margin-top: 10px;line-height: 70px; font-weight: 700;} .inner-header-wrapper .inner-header-left h1 span {font-size:60px; font-family: 'Roboto', sans-serif;margin-bottom:0;margin-top: 0;line-height: 70px;margin:0;font-weight: 300;display: inline; letter-spacing: 0;} /*.inner-header-wrapper .inner-header-left p{font-size:50px; font-family: 'Roboto', sans-serif;margin-bottom:0;margin-top: 0;line-height: 50px;margin:0;}*/ .inner-header-wrapper .without-background {padding:5% 0;} /*.inner-header-wrapper .span9:after {content: '';background: #f0f1f0;height: 5px;width: 90%;position: absolute;bottom: -30px;right: 0;}*/ .without-background:after {content: '';background: #f0f1f0;height: 5px;width: 110%;position: absolute;bottom: 30px;left: 10.2%;} .support-page .container-header{background-position: 90px 0% !important;margin-top: -45px !important;background-size:100% !important;} .blog-companies-wrapper{padding:3% 0;} .company-box{color:#3c3d43;font-size:18px;line-height: 26px;} .company-box .company-logo{height:135px;display: flex;align-items: center;} .company-box .company-logo img { max-width: 100% ; height: auto; margin: auto; } .company-box a{text-transform:uppercase;font-size:12px;font-weight: 700;/*margin-top: 30px; */display: inline-block;} .event-news-wrapper{position:relative;} .event-news-wrapper:before{content: '';background: #f1f2f1;width: 100%;height: 100%;position: absolute;top: 0%;right: 14%} .press-releases{padding:2% 0 5% 0;} .press-releases h2{font-size:50px; font-family: 'Roboto', sans-serif;margin-bottom:0px;margin-top: 0px;line-height: 60px; font-weight: 700;} .event-news-wrapper .blog-section {padding: 5% 0;} .event-news-wrapper .blog-listing-wrapper .post-listing .post-item, .event-news-wrapper .blog-listing-wrapper .post-listing-simple .post-item {width: 48%;float: left;} .event-news-wrapper .post-item {font-size:18px;padding-bottom: 40px;line-height: 26px;} .event-news-wrapper .post-item .post-header h2 {font-size:24px;color:#3c3d43;font-family: 'Roboto', sans-serif;margin-bottom:20px;margin-top: 0px;line-height: 34px;min-height:70px; font-weight: 700;} .event-news-wrapper .post-item .post-header h2 a{color:#3c3d43;text-decoration:none; font-weight: 700;} .event-news-wrapper .blog-pagination {clear: both;padding: 5% 0 0% 0;} .post-event-news-wrapper .post-header{max-width: 70%;margin-bottom: 5%;} .post-event-news-wrapper .post-header h1{font-size:60px; font-family: 'Roboto', sans-serif;margin-bottom:0px;margin-top: 0px;line-height: 70px; font-weight: 700;} .post-event-news-wrapper .post-body img.hs-image-widget {width:100% !important; height:auto !important;} .post-event-news-wrapper .single-post{width:70%; font-size:18px;line-height: 26px;margin-top:5%;} .single-social{font-size: 14px !important;line-height: 22px;font-weight: 700;} .single-post em, .single-post i {font-size: 14px;line-height: 22px !important;} .single-post p:first-child {font-weight: bold;font-size: 24px;line-height: 36px;} .related-posts-section{position:relative;padding: 2% 0;margin: 3% 0;} .related-posts-section:after{content: '';background: #7c0006;width: 52%;height: 100%;position: absolute;top: 0%;right: 0%;z-index:-1;} .related-posts-section .related-posts-left-section{font-size:18px;padding-right: 10%;line-height: 26px;} .related-posts-section .related-posts-left-section h3{font-size:24px; font-weight: 700;} .related-posts-section .related-posts-left-section a{font-size:12px;display:inline-block;width:100%; font-weight: 700; text-transform:uppercase;} .related-posts-section .related-posts-left-section .hs-rss-title{display:none;} .related-posts-section .related-posts-right-section h3{font-size:40px;font-family: 'Roboto', sans-serif;margin-bottom:20px;line-height: 40px; font-weight: 700;} .related-posts-section .related-posts-right-section{color:#fff;font-size:18px;line-height: 26px;} .related-posts-section .related-posts-right-section a{color:#fff;font-size:12px;display:inline-block;width:100%; font-weight: 700;} .single-post-footer {padding: 5% 0;display: inline-block;width: 100%;} .next-artical {text-transform: uppercase;font-size: 12px;width: 40%;float: left;margin-top: 5px;} .next-artical a{font-weight: 700;} .single-social {width: 60%;float: left;text-transform:uppercase;} /*.single-social img{width:auto !important;height:auto !important;}*/ .single-social ul.share-buttons {list-style: none;padding: 0;margin: -4px 0 0 ;float: right;} .single-social ul li {float: left;margin-right: 15px;} #hubspot-topic_data a.topic-link, .hs-rss-description a {font-weight: 700;font-size: 12px; text-transform: uppercase;} .hs-rss-title {font-size: 20px !important;text-decoration: none;} /*Tech Support Styling*/ .tech-inner-wrapper {max-width: 70%;padding: 5% 0;} .tech-inner-wrapper h2{font-size:50px;font-family: 'Roboto', sans-serif;margin-bottom:70px;line-height: 60px;font-weight: 300;} .table-content{font-size: 18px;line-height: 26px;} .table-content a {font-size: 14px;-weight: 700;} .table-content h4 a {font-size: 24px; font-weight: 700;} .tech-inner-wrapper table {width: 100%;} .tech-inner-wrapper table th {background:#3c3d43;color:#fff;text-align:left;border:none;padding:15px;} .tech-inner-wrapper table td {width: 50%;padding: 10px 15px;vertical-align: top;border-bottom:solid 1px #a8a8a8;border-bottom:none;border-right:none;border-left:none;} .table-content p {margin: 5px 0;} .white-paper-wrapper h2{font-size:50px;font-family: 'Roboto', sans-serif;margin-bottom:30px;line-height: 60px; font-weight: 700;} .white-paper-custom {font-size:18px;line-height: 26px;} .white-paper-custom h4{font-size:24px;line-height: 36px;} .white-paper-custom a{font-size:12px;text-transform:uppercase;margin-top:30px;display: block; font-weight: 700;} /*Support Page Styling*/ /*Support First Section*/ .support-first-section-wrapper {padding: 5% 0;} .support-first-section-wrapper iframe{width:100% !important;} .support-first-section-wrapper .supp-left-content {} .support-first-section-wrapper .supp-right-content {display:flex;height: 315px;align-items: center;font-size:18px;padding-left: 8%;line-height: 26px;} .support-first-section-wrapper .supp-right-content h4{font-size:24px; line-height: 36px;} .support-first-section-wrapper .supp-right-content a {font-size: 12px; font-weight: 700; text-transform: uppercase;} /*Support Second Section*/ .support-second-section-wrapper{position:relative;font-size:18px;padding: 0% 0 5% 0;line-height: 26px;} .support-second-section-wrapper:after{content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/support/GettyImages-113542333.png);position: absolute;top: 1.8%;right: 0%;z-index:-1;} .support-second-section-wrapper .box {padding: 5% 5% 5% 0px;} .support-second-section-wrapper .box a{text-transform:uppercase;font-size:12px; font-weight: 700;} .support-second-section-wrapper .fourth-box h2{font-size:50px;font-family: 'Roboto', sans-serif;margin-bottom:30px;line-height: 60px; font-weight: 700;} /*Support Third Section*/ .support-third-section-wrapper{font-size:18px;padding: 0% 0 5% 0;line-height: 26px;} .support-third-section-wrapper .supp-left-content img {width: 100% !important;height: auto;margin-top: -20px;margin-left: -55px;} .support-third-section-wrapper .supp-right-content {} .support-third-section-wrapper .supp-right-content b, .support-third-section-wrapper .supp-right-content strong {font-size: 24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} /*Support Fourth Section*/ .support-fourth-section-wrapper {font-size:18px;padding: 0% 0 5% 0;line-height: 26px;} .support-fourth-section-wrapper .supp-left-content b, .support-fourth-section-wrapper .supp-left-content strong {font-size: 24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} .support-fourth-section-wrapper .supp-right-content {} .support-fourth-section-wrapper .supp-right-content img {width: 100% !important;height: auto;} /*Support Fifth Section*/ .support-fifth-section-wrapper {position:relative;font-size:18px;padding: 5% 0;line-height: 26px;} .support-fifth-section-wrapper b, .support-fifth-section-wrapper strong {font-size: 18px;font-family: 'Roboto', sans-serif;line-height: 26px; font-weight: 700;} .support-fifth-section-wrapper a{text-transform:uppercase;font-size: 12px; font-weight: 700;} .support-fifth-section-wrapper:before {content: '';background: #f1f2f1;width: 100%;height: 100%;position: absolute;top: 0%;right: 10%;z-index: -1;} .support-fifth-section-wrapper .supp-left-content {padding-right: 5%;} .support-fifth-section-wrapper .supp-right-content {} /*Canmaking Landing Page Styling*/ /*Canmaking Landing Page First Section*/ .canmaking-lp-first-section-wrapper {padding: 5% 0;} .canmaking-lp-first-section-wrapper .can-lp-left-content {padding-right:25px;} .canmaking-lp-first-section-wrapper .can-lp-left-content img {width:100% !important; height:auto;margin-left: -50px;} .canmaking-lp-first-section-wrapper .can-lp-right-content {display:flex;height: 315px;align-items: center;font-size:18px;/*padding-left: 8%;*/line-height: 26px;} .canmaking-lp-first-section-wrapper .can-lp-right-content h2{font-size:24px;} .canmaking-lp-first-section-wrapper .can-lp-right-content b, .canmaking-lp-first-section-wrapper .can-lp-right-content strong {font-size: 24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} /*Canmaking Landing Page Second Section*/ .canmaking-lp-second-section-wrapper{position:relative;font-size:18px;padding: 5% 0 4% 0;line-height: 26px;} /*Canmaking Landing Page Third Section*/ .canmaking-lp-third-section-wrapper{font-size:18px;padding: 5% 0;position:relative;margin:3% 0 5% 0;line-height: 26px;} .canmaking-lp-third-section-wrapper:after {content: '';background: #7c0006;width: 50%;height: 100%;position: absolute;top: 0%;right: 0%;z-index: -1;} .canmaking-lp-third-section-wrapper .can-lp-left-content img {height: auto;margin-top: 20px;margin-left: -90px;} .canmaking-lp-third-section-wrapper .can-lp-right-content {color:#fff; padding-left:5%;} .canmaking-lp-third-section-wrapper .can-lp-right-content h2{font-size:50px;font-family: 'Roboto', sans-serif;margin-bottom:30px;line-height: 60px; font-weight: 700;} .canmaking-lp-third-section-wrapper .can-lp-right-content a{color:#fff;font-size:12px;text-transform:uppercase; font-weight: 700;} /*Canmaking Landing Page Fourth Section*/ .canmaking-lp-fourth-section-wrapper {font-size:18px;padding: 0% 0 150px 0;line-height: 26px;} .canmaking-lp-fourth-section-wrapper h2 {margin-bottom: 50px;} .canmaking-lp-fourth-section-wrapper h3{font-size:40px;font-family: 'Roboto', sans-serif;margin-bottom:30px;line-height: 50px; font-weight: 700;} .canmaking-lp-fourth-section-wrapper .can-lp-left-content {position: relative;} .industeries-lp .canmaking-lp-fourth-section-wrapper .can-lp-left-content:before {content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/industries-stamped-metal.jpg);position: absolute;top: 25px;left: -96px;} .canmaking-lp-fourth-section-wrapper .can-lp-left-content {padding-right: 25px;} .canmaking-lp-fourth-section-wrapper .can-lp-left-content img {margin-top: 28px; width: 100%;} .canmaking-lp-fourth-section-wrapper b, .canmaking-lp-fourth-section-wrapper strong {font-size: 18px;font-family: 'Roboto', sans-serif;line-height: 26px; font-weight: 700;} .canmaking-lp-fourth-section-wrapper .can-lp-right-content, .doublesheet-ninth-section .ds-ninth-right {padding-left: 25px;} .canmaking-lp-fourth-section-wrapper .can-lp-right-content img {width: 100% !important;height: auto;} .canmaking-lp-fourth-section-wrapper a{font-size:12px; text-transform:uppercase; font-weight:700;} /*Canmaking Landing Page Fifth Section*/ .canmaking-lp-fifth-section-wrapper {position:relative;font-size:18px;padding: 5% 0;line-height: 26px;} .canmaking-lp-fifth-section-wrapper:before {content: '';background: #7c0006;width: 60%;height: 100%;position: absolute;top: 0%;left: 0%;z-index: -1;} .canmaking-lp-fifth-section-wrapper .can-lp-left-content {padding-right: 125px; color:#fff;} .canmaking-lp-fifth-section-wrapper .can-lp-left-content a{color:#fff;font-size:12px;text-transform:uppercase; font-weight: 700;} .canmaking-lp-fifth-section-wrapper .can-lp-right-content {padding-left: 5%;} .canmaking-lp-fifth-section-wrapper .can-lp-right-content a{font-size:12px;text-transform:uppercase; font-weight: 700;} /*DoubleSheet Landing Page Styling*/ /*DoubleSheet Landing Page First Section*/ .doublesheet-lp-first-section-wrapper {padding: 5% 0;font-size:18px;line-height: 26px;} .doublesheet-lp-first-section-wrapper .ds-lp-left-content {padding-right: 5%;} .doublesheet-lp-first-section-wrapper .ds-lp-left-content img {width:100% !important; height:auto;} .doublesheet-lp-first-section-wrapper .ds-lp-right-content {padding-top:5%;} .doublesheet-lp-first-section-wrapper .ds-lp-right-content h2{font-size:24px;} .doublesheet-lp-first-section-wrapper .ds-lp-left-content b, .doublesheet-lp-first-section-wrapper .ds-lp-left-content strong, .doublesheet-lp-first-section-wrapper .ds-lp-right-content b, .doublesheet-lp-first-section-wrapper .ds-lp-right-content strong {font-size: 24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} .doublesheet-lp-first-section-wrapper .ds-lp-right-content iframe{width:100% !important;} /*DoubleSheet Landing Page Second Section*/ .doublesheet-lp-second-section-wrapper{position:relative;font-size:18px;padding: 5% 0;line-height: 26px;} /*DoubleSheet Landing Page Third Section*/ .doublesheet-lp-third-section-wrapper {font-size:18px;padding: 0% 0 5% 0;line-height: 26px;} .doublesheet-lp-third-section-wrapper h2{font-size:50px;font-family: 'Roboto', sans-serif;margin:0px 0 60px 0;line-height: 60px; font-weight: 700;} .doublesheet-lp-third-section-wrapper .ds-lp-left-content {padding-right:25px;} .doublesheet-lp-third-section-wrapper .ds-lp-left-content img {width: 100% !important;height: auto;} .doublesheet-lp-third-section-wrapper .ds-lp-middle-content b, .doublesheet-lp-fourth-section-wrapper .ds-lp-middle-content strong {font-size: 24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} .doublesheet-lp-third-section-wrapper .ds-lp-right-content {padding-left:25px;} /*DoubleSheet Landing Page Fifth Section*/ .doublesheet-lp-fifth-section-wrapper {position:relative;font-size:18px;padding: 5% 0;line-height: 26px;} .doublesheet-lp-fifth-section-wrapper:before {content: '';background: #7c0006;width: 54%;height: 100%;position: absolute;top: 0%;left: 0%;z-index: -1;} .doublesheet-lp-fifth-section-wrapper .ds-lp-left-content {padding-right: 25%; color:#fff;} .doublesheet-lp-fifth-section-wrapper .ds-lp-left-content h3{font-size:40px;font-family: 'Roboto', sans-serif;margin:0px 0 30px 0;line-height: 50px; font-weight: 700;} .doublesheet-lp-fifth-section-wrapper .ds-lp-left-content a{color:#fff;font-size:12px;text-transform:uppercase; font-weight: 700;} .doublesheet-lp-fifth-section-wrapper .ds-lp-right-content {padding-left: 2.4%;} .doublesheet-lp-fifth-section-wrapper .ds-lp-right-content h4{font-size:24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} .doublesheet-lp-fifth-section-wrapper .ds-lp-right-content a{font-size:12px;text-transform:uppercase; font-weight: 700;} /*Full Width Cta With Text Align Center Styling*/ .fullwidth-cta-wrapper .page-center {max-width: 830px !important;} .fullwidth-cta-wrapper{padding:5% 0 4.1% 0;background-repeat: no-repeat !important;background-size: cover !important;color:#fff;font-size:20px;text-align:center;margin-bottom:5%;line-height: 26px;} .fullwidth-cta-wrapper h2{font-size:50px; font-family: 'Roboto', sans-serif;margin-bottom:0;margin-top: 0;line-height: 60px;} /*Our Top System Styling*/ .our-top-system{} .our-top-system .our-top-system-header {padding-bottom: 0%;} .our-top-system .our-top-system-header h2{font-size:50px;font-family: 'Roboto', sans-serif;margin:0px;line-height: 60px; font-weight: 700;} .our-top-system .our-top-system-products-section{padding:2% 0; margin-left: 0px;} .our-top-system .our-top-system-products-section h4{font-size:24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} .our-top-system .our-top-system-products-section .row-fluid-wrapper{padding:0% 0 5% 0;} .our-top-system .our-top-system-products-section a{text-transform:uppercase;font-size:12px;display:inline-block;width:100%;margin-top:30px; font-weight: 700;} .our-top-system-products-section .span6 {margin-left: 120px;width: 43% !important;} .industries{} .industries .industries-section{padding:5% 0 0 0;} .industries .industries-section h4{font-size:24px;font-family: 'Roboto', sans-serif; line-height: 36px; font-weight: 700;} .industries .industries-section .row-fluid-wrapper{padding:0% 0 5% 0;} .industries .industries-section a{text-transform:uppercase;font-size:12px;display:inline-block;width:100%;margin-top:30px; font-weight: 700;} .industries-cta {text-align: left !important;padding: 0 !important;} /*Company Page Styling*/ /*Comapny Page First Section*/ .company-lp .container-header {padding: 4% 0 120px 0;} .company-first-section-wrapper {padding: 0% 0 5% 0;font-size:18px;line-height: 26px;} .company-first-section-wrapper .comp-left-content {padding-right: 5%;} .company-first-section-wrapper .comp-left-content img {width:100% !important; height:auto;} .company-first-section-wrapper .comp-right-content {} .company-first-section-wrapper .comp-right-content h2{font-size:24px;} .company-first-section-wrapper .comp-left-content b, .company-first-section-wrapper .comp-left-content strong, .company-first-section-wrapper .comp-right-content b, .company-first-section-wrapper .comp-right-content strong {font-size: 24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} .company-first-section-wrapper .comp-right-content iframe{width:100% !important;} .company-first-section-wrapper .comp-left-content a{font-size:12px;text-transform:uppercase; font-weight: 700;} /*Comapny Page Second Section*/ .company-second-section-wrapper {position:relative;font-size:18px;padding: 5% 0;line-height: 26px;} .company-second-section-wrapper:before {content: '';background: #7c0006;width: 50%;height: 100%;position: absolute;top: 0%;left: 0%;z-index: -1;} .company-second-section-wrapper .comp-left-content {padding-right: 5%; color:#fff;display: flex;height: 450px;align-items: center;text-align: right;} .company-second-section-wrapper .comp-left-content .cell-wrapper {width: 100%;} .company-second-section-wrapper .comp-left-content h2{font-size:50px;font-family: 'Roboto', sans-serif;margin:0px 0 30px 0;line-height: 60px; font-weight: 700;} .company-second-section-wrapper .comp-left-content a{color:#fff;font-size:12px;text-transform:uppercase; font-weight: 700;} .company-second-section-wrapper .comp-right-content {padding-left: 5%;} .company-second-section-wrapper .comp-right-content a{font-size:12px;text-transform:uppercase; font-weight: 700;} /*Comapny Page Third Section*/ .company-third-section-wrapper {font-size:18px;padding: 5% 0 8% 0;position:relative;line-height: 26px;} .company-third-section-wrapper:before {content: url(https://2309012.fs1.hubspotusercontent-na1.net/hubfs/2309012/company/company-wall-final-2.jpg);position: absolute;bottom: -1%;left: 11%;z-index:-1;} .company-third-section-wrapper b, .company-third-section-wrapper strong {font-size: 18px;font-family: 'Roboto', sans-serif;line-height: 26px; font-weight: 700;} .company-third-section-wrapper h2{font-size:50px;font-family: 'Roboto', sans-serif;margin:0px 0 80px 0;line-height: 60px; font-weight: 700;} .company-third-section-wrapper .comp-left-content img {width: 100% !important;height: auto;padding-top:50px;} .company-third-section-wrapper .comp-middle-content b, .company-fourth-section-wrapper .comp-middle-content strong {font-size: 24px;font-family: 'Roboto', sans-serif;line-height: 36px; font-weight: 700;} .company-third-section-wrapper .comp-right-content a {text-transform:uppercase;font-size:12px; font-weight: 700;} /*Employees Section Styling*/ .employees-section-wrapper{font-size:18px;line-height: 26px;} .employees-section-wrapper .title h3{font-size:40px;font-family: 'Roboto', sans-serif;line-height: 50px; font-weight: 700;margin-bottom:0;} .employees-section-wrapper .title h2{font-size:50px;font-family: 'Roboto', sans-serif;line-height: 60px; font-weight: 700;} .fifty-per-employees{float:left;width:45%;margin:20px;padding-top:15px;} .fifty-per-employees img {width: 100%;height: auto;} .fifty-per-employees .about-wrapper{display:inline-block;padding:20px;width: 100%;} .fifty-per-employees .about-wrapper h4{font-size:24px;font-family: 'Roboto', sans-serif;margin-bottom: 10px;font-weight: 700;} .fifty-per-employees .about-wrapper .designation{font-size:16px;margin-bottom: 10px;} .fifty-per-employees .about-wrapper .about{font-size:18px;line-height: 26px;} .twenty-per-employees{float:left;width:22%;margin:10px;padding-top:15px;} .twenty-per-employees img {width: 100%;height: auto;} .twenty-per-employees .about-wrapper{display:inline-block;width: 100%;} .twenty-per-employees .about-wrapper h4{font-size:24px;font-family: 'Roboto', sans-serif;margin-bottom: 10px; font-weight: 700;} .twenty-per-employees .about-wrapper .designation{font-size:16px;margin-bottom: 10px;} .row-number-19 .hs_cos_wrapper_type_custom_widget:nth-child(4n+1) {clear: both;} .production-administration-wrapper .fifty-per-employees{margin:10px;} .production-administration-wrapper .fifty-per-employees .about-wrapper{padding:0px;} /*Support Fifth Section*/ .company-fifth-section-wrapper {position:relative;font-size:18px;padding: 5% 0;line-height: 26px;} .company-fifth-section-wrapper:before {content: '';background: #f1f2f1;width: 100%;height: 100%;position: absolute;top: 0%;right: 0%;z-index: -1;} .company-fifth-section-wrapper h2 {font-size:50px;font-family: 'Roboto', sans-serif;line-height: 60px;margin-top: 0px; font-weight: 700;} .company-fifth-section-wrapper p:first-child {margin: 0;font-size: 14px;} .company-fifth-section-wrapper h4{margin-top:0px;margin-bottom:15px;} /*Industres*/ .industries-left-section {padding-right: 12px;} .industries-right-section {padding-left: 12px;} /*Modules Page Styling*/ .tech-support .inner-header-wrapper .inner-header-left h1 span {display: block;} .modules .sticky-left-nav-wrapper {display: none;} .splash-logo{text-align:center;} .left-nav-social-section{display:none !important;} /* .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7), */ .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(8), .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(9), .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(10), .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(11), .custom-menu-primary .hs-menu-wrapper > ul > li:last-child {display: none;} .mob-footer-wrapper {display: none !important;} .post-item:nth-child(even){clear:right;padding-left: 60px;} .post-item:nth-child(odd){clear:left;padding-right: 60px;} .hcwh-left-info a {font-weight: 700; text-transform:uppercase;font-size:12px;} a.red-button {cursor: pointer;display: inline-block;font-weight: 700;text-align: center;text-decoration: none;background: #a30025;color: #ffffff;border: none;text-shadow: none;line-height: 1.5em;padding: 12px 25px;text-transform: uppercase;font-size: 12px;font-family: 'Roboto', sans-serif;} a.red-button:hover {background: #e3002d;} /*Animations Styling */ .animated {-webkit-animation-duration: 2s;-moz-animation-duration: 2s;-o-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;} .how-can-we-help-wrapper strong a, .how-can-we-help-wrapper .hcwh-left-info a strong {font-size:16px;} .desktop-data{} .mobile-data{display:none !important;} @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDown {-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-o-animation-name: fadeInDown;animation-name: fadeInDown;} .hidden{opacity: 0;display: none;visibility: hidden;} .visible{opacity: 1;display: block;visibility: visible;} .hs-rss-description p {margin-top: 5px !important;margin-bottom: 30px !important;} .product-img{height: 300px;overflow: hidden;text-align: center;} .product-img img{width: 395px !important; height: auto;} .section.post-header .view-all {margin-bottom: 20px;display: inline-block;} .company-fifth-section-wrapper a{font-size: 12px;font-weight: 700;text-transform: uppercase;} .cta_button:hover {background: #e3002d !important;} .section-header {max-width: 830px;margin: 0 auto;} .cta_red_text, .cta_white_text {text-transform: uppercase; font-size: 12px !important; font-family: 'Roboto', sans-serif !important; display: inline-block !important; font-weight: 700 !important; background-color: transparent !important; text-decoration: underline !important;} .cta_red_text {color: #a30025 !important;} .cta_white_text, .cta_white_text span {color: #fff !important;} .cta_red_text span {color: #a30025 !important; font-size: 12px !important;} .cta_red_text:hover, .cta_red_text:hover span {background-color: transparent !important; color: #e3002d !important;} .cta_white_text:hover, .cta_white_text:hover span {background-color: transparent !important; color: #fff !important;} .video-container-wrapper{ position:relative;height: 350px;} .videoWrapper{width: 470px;} .video-overlay{ position:absolute; left: 0; left :0;cursor: pointer;} iframe { border:none;} #hs_cos_wrapper_module_1521531076186166 .video-container {-moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);} /*Product finder*/ .product-finder .container-header {padding: 4% 0 18.8% 0;} /* ========================================================================== 7. MOBILE MEDIA QUERIES ========================================================================== */ /* Screen sizes smaller than site maxWidth (.page-center) ========================================================================== */ @media (max-width: 960px) {} /* Landscape tablet and smaller devices ========================================================================== */ /*@media (max-width: 980px) { .page-center{margin:0 15px !important;} }*/ @media (max-width: 5000px) { .container-fluid .row-fluid .page-center{max-width: 1400px;} .body-content-wrapper::before {left: -0%;top: 9%;transform: scale(1.2);} .body-content-wrapper::after {right: -8%;top: 17%;transform: scale(1.3);} .doublesheet-cta-clicked .body-content-wrapper::before {left: 44%;top: 14%;transition: all 2s;transform: scale(1.4);} .container-header{padding:8% 0 8% 0;} .doublesheet-lp-first-section-wrapper .ds-lp-right-content{padding-top: 0px;} .company-lp .inner-header-wrapper .inner-header-left {padding-right: 110px;} .industeries-lp .canmaking-lp-fourth-section-wrapper .can-lp-left-content:before, .doublesheet-ninth-section .ds-nine-most-left:before {left: -20px;transform: scale(0.8);top: 0;} .parts-detection-solutions-wrapper:before{left: 14%;} .parts-detection-solutions-wrapper:after{right: 12%;} .support-first-section-wrapper .supp-right-content{padding-left:0; padding-right:8%;} .canmaking-lp-third-section-wrapper .can-lp-left-content img {margin-left: 0px;} /*.canmaking-lp .container-header {padding:4% 0 4% 0;}*/ .canmaking-fourth-inner-second-section .can-in-second-left-content img {margin-left: -82px;} } @media (max-width: 1920px) { .container-fluid .row-fluid .page-center{max-width: 1200px;} /*.body-content-wrapper::before {left: -12%;top: 7%;transform: scale(1.3);}*/ .body-content-wrapper::before {left: -2%;top: 10%;transform: scale(1.05);} .body-content-wrapper::after {right: -13%;top: 18%;transform: scale(1.3);} .container-header{padding:4% 0 8% 0;} .product-finder .container-header {padding: 4% 0 10% 0;} .doublesheet-lp-first-section-wrapper .ds-lp-right-content{padding-top: 0px;} /*.company-lp .inner-header-wrapper::after {top: 0px;right: 0px; transform: scale(0.8);}*/ .industeries-lp .canmaking-lp-fourth-section-wrapper .can-lp-left-content::before, .doublesheet-ninth-section .ds-nine-most-left:before {left: -20px;transform: scale(0.9);top: 0;} .doublesheet-lp .doublesheet-lp-first-section-wrapper .ds-lp-left-content {height: 388px;display: flex;align-items: center;} .doublesheet-lp-fifth-section-wrapper:before {width:52%;} .parts-detection-solutions-wrapper:before{left: 8%;} .parts-detection-solutions-wrapper:after{right: 5%;} .canmaking-lp .container-header {padding:8% 0 16% 0;} .doublesheet-lp .container-header{padding:7% 0 18% 0;} .industeries-lp .container-header{padding:4% 0 4% 0;} .doublesheet-lp-fifth-section-wrapper .ds-lp-right-content {padding-left: 0;margin-left: 0;} .canmaking-fourth-inner-second-section .can-in-second-left-content img {margin-left: -68px;} .doublesheet-fourth-inner-second-section .ds-in-second-right-content {display: flex !important;min-height: 582px !important;align-items: center;} } @media (max-width: 1600px) { .container-fluid .row-fluid .page-center{max-width: 1070px;} /*.body-content-wrapper:before{left: -14%;top: 0%;transform: scale(1);}*/ .body-content-wrapper:before{left: -5%;top: 13.5%;transform: scale(0.95);} .body-content-wrapper:after{right: -16%;top: 12%;transform: scale(1.1);} .container-header{padding:4% 0 14% 0;} .doublesheet-lp .container-header{padding:7% 0 24% 0;} .doublesheet-lp .inner-header-wrapper::after {top: 0px;} .doublesheet-lp-first-section-wrapper .ds-lp-right-content{padding-top: 0px;} /*.company-lp .inner-header-wrapper::after {top: 0px;right: 0px; transform: scale(0.8);}*/ .industeries-lp .container-header{padding: 4% 0 7% 0;} .industeries-lp .canmaking-lp-fourth-section-wrapper .can-lp-left-content:before, .doublesheet-ninth-section .ds-nine-most-left:before {top: 25px;left: -85px;transform: scale(1);} .doublesheet-lp-fifth-section-wrapper:before {width:54%;} .doublesheet-eighth-section {padding: 5% 0;} .hs-blog-listing .container-header{padding:7% 0 120px 0;} .parts-detection-solutions-wrapper:before{left: 3%;} .parts-detection-solutions-wrapper:after{right: 0%;} .support-first-section-wrapper .supp-right-content{padding-left:8%; padding-right:0%;} .canmaking-lp-first-section-wrapper .can-lp-left-content img {margin-left: 0;} .canmaking-lp-third-section-wrapper .can-lp-left-content img {margin-left: -10px;} .canmaking-lp .container-header {padding:8% 0 18% 0;} .doublesheet-lp-fifth-section-wrapper .ds-lp-right-content {padding-left: 2.4%;margin-left: 2.564102564%;} .industeries-lp .container-header{padding:4% 0 7% 0;} .canmaking-fourth-inner-second-section .can-in-second-left-content img {margin-left: -60px;} .tech-inner-wrapper {padding: 3% 0 5% 0;} .product-finder .container-header {padding: 4% 0 18.8% 0;} } @media (max-width: 1400px) { .container-fluid .row-fluid .page-center{max-width: 960px;} /*.company-lp .inner-header-wrapper::after {top: 0px;right: 0px; transform: scale(0.8);}*/ .doublesheet-lp-first-section-wrapper .ds-lp-right-content{padding-top: 0px;} /*.tech-support .inner-header-wrapper::after {top: 0px;right: 0px;transform: scale(0.8);}*/ .hs-blog-listing .container-header {: 7% 0 120px 0;} .industeries-lp .canmaking-lp-fourth-section-wrapper .can-lp-left-content:before, .doublesheet-ninth-section .ds-nine-most-left:before {position: absolute;top: 25px;left: -96px;} .doublesheet-ninth-section:before {left: -14%;} .doublesheet-ninth-section .ds-ninth-left {padding-right: 0 ;} .doublesheet-cta-clicked .body-content-wrapper::before {left: 38%;} .parts-detection-solutions-wrapper:before{left: 0%;} .parts-detection-solutions-wrapper:after{right: -6%;} .canmaking-fourth-inner-second-section .can-in-second-left-content img {margin-left: -55px;} } @media (max-width: 1368px) { .body-content-wrapper:before {left: -8%;top: 13%;transform: scale(0.9);} .body-content-wrapper:after {right: -18%;top: 14%;transform: scale(1.1);} .parts-detection-solutions-wrapper:before {top: -24%;left: -3%;transform: scale(0.8);} .parts-detection-solutions-wrapper:after {right: -6%;transform: scale(0.8);bottom: -26%;} } @media (max-width: 1300px) { .container-fluid .row-fluid .page-center {max-width: 900px;} .doublesheet-wrapper .top-section-wrapper, .top-section-wrapper{max-width:100% !important;} .language-section-wrapper .sticky-left-nav-wrapper{width: 10% !important;} .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {font-size: 11px;} .body-content-wrapper::before {left: -15%;top: 14%;transform: scale(.9);} .body-content-wrapper::after {right: -21%;top: 12%;transform: scale(1);} .doublesheet-cta-clicked .body-content-wrapper::before {left: 31%;top: 9%;transition: all 2s;transform: scale(1.4);} .canmaking-fourth-inner-section .can-fourth-right img, .doublesheet-fourth-inner-section .ds-fourth-right img {/*margin: -160px -20px 10px 10px;*/float: right;} .canmaking-fourth-inner-second-section .can-in-second-left-content img {margin-left: -52px; margin-top: 60px;} .doublesheet-fourth-inner-second-section .ds-in-second-left-content img {margin-left: -40px;margin-top: 60px; width: 100%;height: auto;} .parts-detection-solutions::before {left: -40%;transform: scale(0.8);} .parts-detection-solutions::after {right: -37%;transform: scale(0.8);} .doublesheet-ninth-section::before {left: -24%;transform: scale(0.8);} .can-cta-clicked .body-content-wrapper::before {left: -75%;} .can-cta-clicked .body-content-wrapper::after {right: -24%;top: 16%;transition: all 2s;transform: scale(1.6);} /*.inner-header-wrapper::after{transform: scale(0.8);}*/ .tech-support .inner-header-wrapper::after {top: -20px;right: -50px;} /* .company-lp .inner-header-wrapper::after {top: -80px;right: -50px; transform: scale(0.8);}*/ .doublesheet-lp .inner-header-wrapper::after {top: -54px;right: 0px;/*transform: scale(0.75);*/} .company-third-section-wrapper::before {bottom: -9%;left: -24%;transform: scale(0.8);} .company-fifth-section-wrapper::before {right:0;} .gray-footer-wrapper::before {right:5%;} .inner-header-wrapper::after{top: -45px;} .event-news-wrapper::before {height: 100%;right: 5%;} .post-event-news-wrapper .post-header, .post-event-news-wrapper .single-post {width: 100%;max-width: 100%;} .company-lp .inner-header-wrapper .inner-header-left {padding-right: 0px;} .doublesheet-lp .doublesheet-lp-first-section-wrapper .ds-lp-left-content {height: auto;display: flex;align-items: center;} .doublesheet-lp-fifth-section-wrapper:before {width:54%;} .doublesheet-ninth-section:before {left: -14%;} .parts-detection-solutions-wrapper:before {top: -24%;left: -5%;transform: scale(0.8);} .parts-detection-solutions-wrapper:after {right: -10%;transform: scale(0.8);bottom: -26%;} .industeries-lp .canmaking-lp-fourth-section-wrapper .can-lp-left-content:before, .doublesheet-ninth-section .ds-nine-most-left:before {left: -165px;} .doublesheet-lp-third-section-wrapper .ds-lp-left-content {padding-top:50px;} .support-page .inner-header-wrapper::after {right: -123px;} .company-lp .container-header {padding: 4% 0 230px 0;} } @media (max-width: 1150px) { .body-content-wrapper::before {left: -21%;top: 8%;transform: scale(.7);} .body-content-wrapper::after {right: -28%;top: 12%;transform: scale(0.7);} .container-fluid .row-fluid .page-center {max-width: 780px;} .doublesheet-ninth-section::before {left: -30%;} .hs-blog-listing .container-header{padding:7% 0 120px 0;} .doublesheet-ninth-section:before {left: -30%;} .parts-detection-solutions-wrapper:before {left: -19%;transform: scale(0.6);top: -32%;} .parts-detection-solutions-wrapper:after {right: -24%;transform: scale(0.6);bottom: -34%;} .metpak-cta-wrapper .metpak-cta-left .hs-cta-wrapper{margin-right: 0px;} .our-top-system-products-section .span6 {margin-left: 28px;width: 48% !important;} .language-section-wrapper .sticky-left-nav-wrapper {width: 13% !important;} .canmaking-fourth-inner-second-section .can-in-second-left-content img {margin-left: -46px;} .canmaking-sixth-section .can-sixth-left {padding: 0% 10% 5% 0;width: 50%;} .canmaking-sixth-section .can-sixth-right {width: 47%;} .canmaking-sixth-section::after {width: 51%;left: 49%;} .company-lp .container-header {padding: 4% 0 130px 0;} .product-finder .container-header {padding: 8% 0 18.8% 0;} } @media (max-width: 1050px) { .container-fluid .row-fluid .page-center {max-width: 720px;} .left-nav-logo {margin-bottom: 20px;} .left-nav-logo img {width: 90px;} .canmaking-fourth-inner-second-section .can-in-second-left-content img {margin-left: -40px;} .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {letter-spacing:0;} .company-lp .container-header {padding-bottom: 100px !important;} } @media (max-width: 980px) { body.test .custom-menu-primary {height:auto !important;} .custom-search {display: none !important;} .left-nav-logo {margin-bottom: 0px;} .search {display: none;} .container-fluid .row-fluid .page-center {max-width: 980px;} .page-center{padding:0 15px !important;} /*.custom-menu-primary {margin-top: 70px;}*/ .home .language-section-wrapper .sticky-left-nav-wrapper {display:block !important; width:100% !important;} .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {font-size: 20px;} .language-section-wrapper .sticky-left-nav-wrapper {position: absolute !important;top: 0;left: 0;width: 100% !important;padding: 0 !important;box-shadow: none !important;display: block !important;z-index: 1002 !important;transform: translate3d(0,0,0) !important;will-change: transform;background:none !important;} .language-wrapper {z-index: 99999;position: relative !important;width: 75% !important;} .left-nav-bottom-content, .home .left-nav-logo{display:none !important;} .mobile-open .language-section-wrapper{background:#393B41 !important;color:#fff;} .mobile-open .language-section-wrapper .language-wrapper .language li a {color:#fff;} .mobile-open .mobile-trigger {padding-bottom:0px;} .mobile-open .left-nav-social-section {display: block !important;width: 100%;padding: 14px 42px;margin-top: 46px;background: #393B41;border-top: solid 1px #6b6b6f;font-size: 12px;line-height: 30px;color: #e0e0e1;line-height:26px;} .mobile-open .left-nav-social-section a{color:#e0e0e1;text-transform:uppercase;font-weight: 700;} .mobile-open .left-nav-social-section b, .mobile-open .left-nav-social-section strong {font-size: 12px !important;line-height: 26px !important;} .inner-header-wrapper .inner-header-left h1, .inner-header-wrapper .inner-header-left h1 {font-size: 45px; line-height: 55px;} .left-nav-social-section ul {padding: 0;list-style: none;display: inline-block;width: 100%; margin:0;} .left-nav-social-section ul li{float:left;width:75px;} .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7), .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(8), .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(9), .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(10), .custom-menu-primary .hs-menu-wrapper > ul > li:last-child {display: block;} .mobile-open .mobile-trigger i::after {top: 2px;transform: rotate(45deg);} .mobile-open .mobile-trigger i::before {top: 2px;transform: rotate(-45deg);} .mobile-open .mobile-trigger i {background: none !important;} .language-wrapper .language {float: left;text-transform: uppercase;margin-top:22px;} /*.mobile-open .language-wrapper .language {margin-top:22px;}*/ .language-section-wrapper {border-bottom: 1px solid #cdcdcd;} .splash-logo {margin-top: 50px;} .splash-logo img {max-width: 160px; height: auto;} .desktop-menu{display:none !important;} .banner-title h2 {font-size:45px; line-height:55px;} .splash-ctas{margin-top:40px;} .body-content-wrapper::before {left: -20%;top: 17%;transform: scale(.7);} .body-content-wrapper::after {right: -30%;top: 25%;transform: scale(.7);} .double-sheet, .can-solution{width:300px;padding:20px 30px;} .can-solution{margin-top:0;} .content-sliding {padding-bottom: 150px;} /*CanMaking LP*/ .canmaking-wrapper {transform: translate3d(100%,0,0);top: 56px;width: 100% !important;} .can-cta-clicked .body-content-wrapper::before {transform: scale(0);} .can-cta-clicked .body-content-wrapper::after {right: -20%;top: 2%;transition: all 2s;transform: scale(.9);} .canmaking-third-section::before {right: 64%;height: 100%;} .canmaking-fourth-inner-second-section::before {left:0%;} .canmaking-fourth-inner-third-section .can-in-third-right-content img, .doublesheet-fourth-inner-third-section .ds-in-third-right-content img{margin-right:0;} .canmaking-fifth-section h2 {font-size: 45px; line-height:55px;} .canmaking-fifth-section .can-fifth-desc {font-size: 18px;line-height: 26px;} .canmaking-fifth-section {background-position: 50% 50% !important;} .canmaking-sixth-section{overflow:hidden;} .canmaking-sixth-section .can-sixth-left {padding: 0% 5% 5% 0;} .canmaking-sixth-section::after {width: 100%;height: 100%;top: 0%;left: 50%;} .canmaking-sixth-section .can-sixth-right {padding-left: 20px;} /*a#cta_button_2309012_c5659f33-be63-481c-818d-83bbe3ae8b0d{display:block;}*/ .how-can-we-help-wrapper {padding: 30px 0;} /*DoubleSheet LP*/ .doublesheet-wrapper {transform: translate3d(-100%,0,0);top: 56px;width: 100% !important;} .doublesheet-cta-clicked .body-content-wrapper::before {left: -50%;top: -20%;transition: all 2s;transform: scale(0.5);} .doublesheet-cta-clicked .body-content-wrapper::after {transform: scale(.0);} .doublesheet-third-section::before {right:62%;height: 100%;} .Doublesheet-fifth-section {overflow:hidden;} .Doublesheet-fifth-section::before {height: 100%;top: 0%;right: 52%;width:100%;} .Doublesheet-fifth-section .ds-fifth-left {padding: 0 30px 0 0px;} .Doublesheet-fifth-section .ds-fifth-right {padding: 0;margin-top:00px;} .parts-detection-solutions::after {display: none !important;} .parts-detection-solutions{padding-bottom: 120px;} .parts-detection-solutions::before {bottom: -22%;left: 19%;transform: scale(0.8);} .doublesheet-eighth-section {margin-top: 100px;} .metpak-cta-left{text-align:center;} /*Common CSS*/ b, strong {font-size: 18px !important;line-height: 26px !important;} h2{line-height: 45px !important; line-height: 55px;} .top-section-wrapper, .doublesheet-wrapper .top-section-wrapper {max-width:100% !important;padding:0 !important;margin-top:-5px !important;} .top-section-wrapper h2 {font-size: 45px;max-width: 100%;line-height: 55px;} .top-section-wrapper p{max-width:100%;} .white-seprator {max-width: 100%;margin-left: 0px;} .header-click {text-decoration: none;cursor: inherit;} .canmaking-page .mobile-trigger, .doublesheet-page .mobile-trigger {padding-bottom: 14px;} .canmaking-first-section, .doublesheet-first-section{text-align:left;} .canmaking-first-section h1, .doublesheet-first-section h1 {font-size: 45px;margin-bottom: 20px;line-height: 55px;} .canmaking-first-section .secondary-header, .doublesheet-first-section .secondary-header {font-size: 18px;font-family: 'Roboto', sans-serif;margin-top: 0;line-height: 26px; font-weight: 300;} .canmaking-second-section .can-sec-left, .doublesheet-second-section .ds-sec-left {padding-right: 0%;} .canmaking-second-section::after, .doublesheet-second-section::after {height: 39%;top: 44%;left: 44%;width: 88%;} .canmaking-second-section .can-sec-right, .doublesheet-second-section .ds-sec-right {padding-left: 5%;} .canmaking-third-section .can-third-left, .doublesheet-third-section .ds-third-left {padding-right: 8%;font-size: 32px;line-height: 38px;padding-top: 0px;} .canmaking-third-section .can-third-right, .doublesheet-third-section .ds-third-right {padding-left: 0%;margin-top:60px;} .canmaking-fourth-section::after, .doublesheet-fourth-section::after {height: 100%;top: 0.5%;right: 0%;} .canmaking-fourth-inner-section .can-fourth-right img, .doublesheet-fourth-inner-section .ds-fourth-right img {margin: 0px;float: none;text-align: center;} .canmaking-fourth-inner-second-section .can-in-second-left-content img, .doublesheet-fourth-inner-second-section .ds-in-second-left-content img {margin-left: -4px;margin-top: 60px;} .doublesheet-fourth-inner-second-section::before {left:0%;width:100%;} .canmaking-fourth-inner-second-section .can-in-second-right-content, .doublesheet-fourth-inner-second-section .ds-in-second-right-content{padding-left:20px;padding-right:20px;} .canmaking-fourth-inner-second-section .can-in-second-right-content h3, .doublesheet-fourth-inner-second-section .ds-in-second-right-content h3 {line-height: 55px; font-size: 45px;} .canmaking-fourth-inner-third-section .can-in-third-left-content h3, .doublesheet-fourth-inner-third-section .ds-in-third-left-content h3, .doublesheet-fourth-inner-third-section .ds-in-third-desc { font-size: 30px;margin-bottom: 0;line-height: 40px;} .how-can-we-help-wrapper .help-left-content h2{font-size:45px;line-height: 55px;} .metpak-cta-wrapper {padding-bottom:0;background-position: 50% 50% !important; position: relative;} .metpak-cta-wrapper:before {content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5);} .metpak-cta-wrapper .row-fluid-wrapper {position: relative;} .metpak-cta-wrapper .metpak-cta-left a{float: left;margin-right: 0px;padding-top: 0px;padding-bottom:20px;width:100%; font-weight: 700;} .metpak-cta-wrapper .metpak-cta-left .hs-cta-wrapper{float: left;margin-left: -15px;} .metpak-cta-wrapper .metpak-cta-left .hs-cta-wrapper{width:100% !important;} .metpak-cta-wrapper .metpak-cta-left .hs-cta-wrapper a {width:100% !important;padding: 20px 15px !important;} .metpak-cta-wrapper .widget-type-space{display:none !important;} .custom-menu-primary .hs-menu-wrapper > ul > li:hover a:before {content: "";background: #fff;width: 10px;height: 20px;position: absolute;left: 0px;top:21px;} .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch a:before {content: "";background: #fff;width: 10px;height: 20px;position: absolute;left: 0px;top:21px;} .language-wrapper{display:none !important;} .home .language-wrapper, .mobile-open .language-wrapper {display:block !important;} .mobile-trigger{padding:18px 25px 18px 5px;} .home .mobile-trigger{padding:18px 20px;} .doublesheet-page .mobile-trigger, .canmaking-page .mobile-trigger{padding:16px 20px;} .language-section-wrapper {border-bottom: 1px solid #cdcdcd;height: 54px;} .left-nav-logo img {width: 90px !important;margin-top: 8px;margin-left: 10px;margin-bottom: 5px;} /*.left-nav-logo {background: rgba(0,0,0,0.1);}*/ .mobile-open .left-nav-logo {display:none;} .doublesheet-ninth-section::before {left: -35%;transform: scale(0.8);} .span6.metpak-cta-left {width: 100%;} /*.mobile-open .language-wrapper {display:none !important;} .mobile-open .language-section-wrapper {background: rgba(215,215,215,0.3) !important;color: #fff;display: inline-block;width: 100%;height: 60px;}*/ .doublesheet-cta-clicked .body-content-wrapper::before {left: 35%;top: -12%;transition: all 2s;transform: scale(0.8);} .body-container-wrapper {padding-top: 0px;margin-top: 50px;position:relative;} .container-header{margin-top: 0px !important;} .header-container > .row-fluid-wrapper > .row-fluid {position: fixed; background-color: #f2f2f2;} /*.sticky-left-nav-wrapper {overflow: auto !important;}*/ .ds-sixth-right, .ds-in-second-left-content, .can-in-second-left-content {display: none !important;} span#hs_cos_wrapper_module_1521125666913403 p:first-child {display: none !important;} /*.custom-menu-primary .hs-menu-wrapper {height: 600px; overflow: auto;}*/ .contact-phone-mail .mail-address {font-size: 12px !important; text-transform: uppercase; text-decoration: underline;} .canmaking-lp-first-section-wrapper .can-lp-right-content{height:auto;padding-left: 0px;} .our-top-system .our-top-system-header h2, .company-third-section-wrapper h2 {font-size: 45px;margin-bottom: 20px; line-height:55px;} .our-top-system .our-top-system-products-section .row-fluid-wrapper .span6 {padding: 5% 0;} .our-top-system .our-top-system-products-section {margin: 0;} .inner-header-wrapper .span9::after {bottom:0;} .tech-inner-wrapper{max-width: 100%;width: 100%;} .canmaking-lp .inner-header-wrapper::after {top: -121px !important;right: -280px !important;transform: scale(0.7);} .canmaking-lp-first-section-wrapper .can-lp-left-content img {margin-left: 0px;} .support-page .container-header {margin-top: 0px !important;} .canmaking-lp .container-header, .doublesheet-lp .container-header, .support-page .container-header, .tech-support .container-header, .company-lp .container-header, .hs-blog-listing .container-header{padding-bottom: 120px !important;} .doublesheet-lp .inner-header-wrapper::after {top: -156px;right: -311px;transform: scale(0.56);} .support-second-section-wrapper{overflow: hidden;} .support-second-section-wrapper::after {right: -170px;z-index: -1;transform: scale(0.6);} .support-fifth-section-wrapper::before, .gray-footer-wrapper::before {right:0;} .support-page .inner-header-wrapper::after {top: -64px;right: -205px;transform: scale(0.8);} .tech-support .inner-header-wrapper::after {top: -61px;right: -254px;transform: scale(0.7);} .company-lp .inner-header-wrapper::after {top: -80px;right: -190px;transform: scale(0.7);} .hs-blog-listing .inner-header-wrapper::after {top: -62px;right: -192px;transform: scale(0.7);} .company-third-section-wrapper::before {bottom: -18%;left: -27%;transform: scale(0.6);} .company-fifth-section-wrapper::before {right:0;} .fifty-per-employees{width: 44%;} .post-event-news-wrapper .post-header h1{font-size: 45px;line-height: 55px;} .inner-header-wrapper .inner-header-left {width: 70% !important;} .how-can-we-help-wrapper .help-left-content h3{font-size:30px;line-height:40px;} .lang-wrap {position: relative !important; padding:0 !important;margin-top:10px;} .language-wrapper .language {float: left !important;margin: 0;width: auto !important;height: auto !important; padding:0 !important;} .language-wrapper .language li {list-style: none;padding: 5px 8px 5px 8px !important;border-top: none !important;text-align: left !important;background: transparent !important; float:left !important;} .lang-wrap:hover .language {background: transparent !important;box-shadow: none !important;height: auto !important;width: auto !important;} .get-a-quote, .contact-us-cta {display:none !important;} .Doublesheet-fifth-section .ds-fifth-left, .Doublesheet-fifth-section .ds-fifth-right {width: 48%;} .parts-detection-solutions-wrapper::before {left: -3%;transform: scale(0.8);top: -22%;} .parts-detection-solutions-wrapper::after {right: -5%;transform: scale(0.8);bottom: -23%;} .inner-header-left {padding-top:20px;} .goog-te-gadget {margin-top: -5px;} .doublesheet-page .left-nav-logo, .canmaking-page .left-nav-logo {display: block !important;} .home .lang-wrap, .mobile-open .lang-wrap {display:block !important;} .doublesheet-page .lang-wrap, .canmaking-page .lang-wrap, .mobile-open .left-nav-logo {display:none !important;} .doublesheet-page .language-wrapper, .canmaking-page .language-wrapper {display:none !important;} .mobile-open .lang-wrap, .mobile-open .language-wrapper {display:block !important;} .mobile-trigger{display: inline-block !important;} .body-container-wrapper {overflow-x:hidden;} .custom-menu-primary .hs-menu-wrapper > ul > li > a {text-transform: capitalize;} .mobile-open .language-wrapper {position: inherit !important;} .doublesheet-lp-fifth-section-wrapper .ds-lp-left-content {padding-right: 17%;} .doublesheet-lp-fifth-section-wrapper .ds-lp-right-content {padding-left: 0;margin-left: 0;} .industeries-lp .inner-header-wrapper::after {top: -99px;right: -251px;z-index: -1;transform: scale(0.6);} .company-lp .container-header {padding-bottom:130px !important;} .home .body-container-wrapper {overflow-x: visible;} .support-first-section-wrapper .supp-right-content {padding-left:0;} .doublesheet-fourth-inner-second-section .ds-in-second-right-content {display: inline-block !important;min-height: auto !important;} .desktop-data{display:none !important;} .mobile-data{display:block !important;} } /* Landscape phones and smaller devices ========================================================================== */ @media (max-width: 800px) { .splash-logo {text-align: center;margin-top:50px;margin-bottom:50px;} .body-content-wrapper::before {left: -30%;top: 17%;transform: scale(.7);} .body-content-wrapper::after {right: -44%;top: -5%;transform: scale(.7);} .doublesheet-eighth-section h2 {font-size:30px;line-height:40px;} .doublesheet-cta-clicked .body-content-wrapper::before {left: 23%;top: -16%;transition: all 2s;transform: scale(0.7);} .doublesheet-third-section::before {right: 62%;height: 100%;} .canmaking-second-section::after, .doublesheet-second-section::after {height: 30%;top: 54%;left: 42%;width: 100%;} .Doublesheet-fifth-section::before {height: 100%;top: 0%;right: 52%;width: 100%;} .doublesheet-ninth-section::before {left: -42%;transform: scale(0.5);} .can-cta-clicked .body-content-wrapper::after {right: -27%;top: 0%;transition: all 2s;transform: scale(.9);} .canmaking-sixth-section::after {left: 47%;} .canmaking-sixth-section .can-sixth-left {padding: 0% 8% 5% 0;} .canmaking-sixth-section .can-sixth-right {padding-left: 0px;margin-left:0px;} .support-page .inner-header-wrapper::after {top: -47px;right: -255px;transform: scale(0.8);} .hcwh-left-info, .help-left-content .span6 {width: 100% !important;margin: 0;} .parts-detection-solutions-wrapper::before {left: -14%;transform: scale(0.7);top: -28%;} .parts-detection-solutions-wrapper::after {right: -18%;transform: scale(0.7);bottom: -30%;} .inner-header-wrapper::after {top: -82px;right: -251px;z-index: -1;transform: scale(0.67);} .industeries-lp .inner-header-wrapper::after {top: -82px;right: -251px;z-index: -1;transform: scale(0.67);} .canmaking-page iframe, .doublesheet-page iframe, .doublesheet-lp iframe, .support-page iframe, .canmaking-lp iframe, .industeries-lp iframe, .company-first-section-wrapper .comp-right-content iframe {width: 360px !important;height: 320px;} } @media (max-width: 768px) { .splash-logo {text-align: center;margin-top:50px;margin-bottom:50px;} .canmaking-lp .inner-header-wrapper::after {top: -105px !important;right: -270px !important;transform: scale(0.7);} .parts-detection-solutions-wrapper::before {left: -17%;transform: scale(0.6);top: -28%;} .parts-detection-solutions-wrapper::after {right: -21%;transform: scale(0.6);bottom: -30%;} .banner-content-wrapper{background-size:100% !important; background-repeat:no-repeat !important;} } /*@media (max-width: 36px) { .body-content-wrapper::before {left: -36%;top: 17%;transform: scale(.55);} .body-content-wrapper::after {right: -53%;top: -5%;transform: scale(.7);} }*/ @media (max-width: 767px) { h1, h2, h3 {font-size:30px; line-height: 40px;} h4 {font-size:20px; line-height: 30px;} /*h2{font-size: 40px !important;}*/ .language-wrapper .language {float: left;text-transform: uppercase;} .language-section-wrapper {border-bottom: 1px solid #cdcdcd;} .splash-logo{text-align:left;margin-bottom:20px;margin-top: 0px;} .splash-logo img {max-width: 160px; height: auto;} .desktop-menu{display:none !important;} .banner-title h2 {font-size:40px;line-height:50px;} .splash-ctas{margin-top:40px;} .body-content-wrapper::before {left: -30%;top: 35%;transform: scale(.7);} .body-content-wrapper::after {right: -50%;top: -7%;transform: scale(.7);} .doublesheet-cta-clicked .body-content-wrapper::before {left: 8%;top: -13%;transition: all 2s;transform: scale(0.8);} .can-cta-clicked .body-content-wrapper::after {right: -40%;top: -1%;transition: all 2s;transform: scale(.9);} .double-sheet, .can-solution{width:300px;padding:20px 30px;} .can-solution{margin-top:0;} .content-sliding {padding-bottom: 150px;} .desc-footer-wrapper, .hcwh-left-info {display: none !important;} .mob-footer-wrapper {display: block !important;padding-top: 50px;border-top: solid 1px #cdcdcd;margin-top: 50px;} .mob-footer-wrapper img {margin-bottom: 30px;} .canmaking-fourth-inner-second-section .can-in-second-right-content, .doublesheet-fourth-inner-second-section .ds-in-second-right-content{padding-left:0px;padding-right:10px;} .Doublesheet-fifth-section .ds-fifth-left, .canmaking-sixth-section .can-sixth-right {padding-left:0px;} .parts-detection-solutions {margin-left: -15px !important;padding-bottom: 120px;text-align: left;max-width: 109% !important;margin-right: -15px !important;} .doublesheet-third-section::before {right:0%;height: 68%;} .canmaking-second-section::after, .doublesheet-second-section::after {height: 100%;top: 45%;left: 0%;width: 100%;} .Doublesheet-fifth-section::before {height: 40%;top: 0%;right: 0%;width:100%;} .parts-detection-solutions::before {bottom: -22%;left: 19%;transform: scale(0.8);} .doublesheet-ninth-section::before {display:none !important;} .canmaking-second-section .can-sec-right, .doublesheet-second-section .ds-sec-right {padding-left: 0%;margin-top:30px;} .canmaking-third-section::before {right:0%;height: 51%;} .canmaking-sixth-section::after {width: 100%;height: 44%;top: 52%;left: 0%;} a#cta_button_2309012_c5659f33-be63-481c-818d-83bbe3ae8b0d {display: inline-block;} .canmaking-lp-first-section-wrapper .can-lp-right-content{height:auto;padding-left: 0px;} .canmaking-lp-first-section-wrapper .can-lp-left-content img {margin-left:0;} .our-top-system .our-top-system-header h2 {font-size: 30px;margin-bottom: 20px; line-height:40px;} .our-top-system .our-top-system-products-section .row-fluid-wrapper .span6 {padding: 5% 0;} .canmaking-lp-third-section-wrapper .can-lp-left-content img{display:none !important;} .canmaking-lp-third-section-wrapper::after {width: 100%;} .canmaking-lp-third-section-wrapper .can-lp-right-content{padding-left: 0px;} .canmaking-lp-third-section-wrapper .can-lp-right-content h2 {font-size: 30px; margin-top: 0px; line-height:40px;} .canmaking-lp-fourth-section-wrapper .can-lp-left-content, .doublesheet-lp-third-section-wrapper .ds-lp-left-content {padding-right:0; text-align:center !important;} .canmaking-lp-fourth-section-wrapper .can-lp-left-content img, .doublesheet-lp-third-section-wrapper .ds-lp-left-content img {max-width:250px; height:auto;} .canmaking-lp-fifth-section-wrapper::before {width: 100%;height: 60%;left: 0%;} .canmaking-lp-fifth-section-wrapper .can-lp-right-content {padding-left: 0%;padding-top: 50px;} .canmaking-lp-fourth-section-wrapper .can-lp-right-content, .doublesheet-ninth-section .ds-ninth-right {padding-left:0;} .canmaking-lp-fourth-section-wrapper {padding-bottom:50px;} .canmaking-lp-fifth-section-wrapper .can-lp-left-content, .doublesheet-lp-fifth-section-wrapper .ds-lp-left-content {padding-right:0px;} .canmaking-fourth-section {background-color: #f1f2f1;} .canmaking-lp-fourth-section-wrapper h3, .inner-header-wrapper .inner-header-left h1, .inner-header-wrapper .inner-header-left h1 span {font-size:40px;line-height:50px;} .industries-left-section, .industries-right-section {margin-top:20px;} .industries-left-section img, .industries-right-section img {width: 102% !important; max-width: 102%;} .industries-left-section img {margin-left: -15px;} .industries-right-section img {margin-right: -15px;float: right;} .industries .industries-section h3 {float: left;width: 100%; font-size:30px; line-height:40px;} .industries .industries-section a{font-weight: 700;} /*.can-lp-left-content img{display:none !important;}*/ .fullwidth-cta-wrapper {background-position: 50% 50% !important;} .doublesheet-lp-fifth-section-wrapper::before {width: 100%;height: 60%;left: 0%; } .doublesheet-lp-fifth-section-wrapper .ds-lp-right-content {padding-left: 0%;padding-top: 50px;} .support-page .container-header{margin-top: 0px !important;} .canmaking-lp .inner-header-wrapper::after {top: -141px !important;right: -300px !important;transform: scale(0.6);} .canmaking-lp .container-header, .doublesheet-lp .container-header, .support-page .container-header, .tech-support .container-header {padding-bottom: 90px !important;} .doublesheet-lp .inner-header-wrapper::after {top: -177px;right: -388px;transform: scale(0.5);} .support-page .inner-header-wrapper::after {top: -70px;right: -267px;transform: scale(0.7);} .support-second-section-wrapper::after {display:none;} .support-third-section-wrapper .supp-left-content img{margin-left: 0px;} .tech-support .inner-header-wrapper::after {top: -61px;right: -353px;transform: scale(0.7);} .company-lp .inner-header-wrapper::after {top: -79px;right: -275px;transform: scale(0.68);} .company-second-section-wrapper .comp-left-content {height:auto;} .company-second-section-wrapper::before{width: 100%;height: 27%;left: -5%;} .company-second-section-wrapper .comp-left-content{text-align:left;} .company-second-section-wrapper .comp-right-content {padding-left: 0;padding-top: 30px;} .company-third-section-wrapper h2, .fullwidth-cta-wrapper h2, .press-releases h2 {font-size:30px; line-height:40px;} .company-third-section-wrapper::before{display:none;} .fifty-per-employees {width: 45%;margin: 10px;} .twenty-per-employees {width: 45%;margin: 10px;} /*, .production-administration-wrapper .fifty-per-employees*/ .company-fifth-section-wrapper::before{right:0 ;} .hs-blog-listing .inner-header-wrapper::after {top: -100px;right: -300px;transform: scale(0.55);} .blog-companies-wrapper .company-box {width: 31% !important;float: left !important;margin: 0 8px;} .related-posts-section::after {width: 100%;height: 50%;top: 60%;right: 0%;} .how-can-we-help-wrapper .help-left-content h3 {font-size:30px; line-height:40px;} .inner-header-wrapper .inner-header-left {width: 55% !important;} .parts-detection-solutions-wrapper:before, .parts-detection-solutions-wrapper:after {display:none !important;} .canmaking-sixth-section .can-sixth-left {padding: 0% 0% 5% 0;width: 100%;} .canmaking-sixth-section .can-sixth-right {width: 100%;} a#cta_button_2309012_c5659f33-be63-481c-818d-83bbe3ae8b0d {display: inline-block !important;border: solid 2px #ffffff !important;padding: 12px 25px !important;text-decoration: none !important;} .canmaking-sixth-section::after {height: 50%;top: 55%;} .doublesheet-eighth-section {margin-top: 0px;} .Doublesheet-fifth-section .ds-fifth-left, .Doublesheet-fifth-section .ds-fifth-right {width: 100%; padding-right:0;} .Doublesheet-fifth-section .ds-fifth-right {padding-top:80px;} .industeries-lp .canmaking-lp-fourth-section-wrapper .can-lp-left-content::before, .doublesheet-ninth-section .ds-nine-most-left:before {display:none !important;} .industries-right-section, .doublesheet-lp-third-section-wrapper .ds-lp-right-content {padding-left: 0px;} .industries .industries-section h4 {display: inline-block;width: 100%;} .our-top-system-products-section .span6 {width:100% !important;margin:0;} .canmaking-lp-fourth-section-wrapper h2, .doublesheet-lp-third-section-wrapper h2 {margin-bottom:15px; font-size:30px !important;} .how-can-we-help-wrapper .help-left-content h2 {font-size: 30px;line-height: 45px;} .supp-left-content img {width:100%; height:auto;} .mobile-open .language-section-wrapper .sticky-left-nav-wrapper {height: 480px;overflow-y: scroll;} .canmaking-lp .container-header, .doublesheet-lp .container-header, .support-page .container-header {padding-bottom: 140px !important;} .tech-support .container-header {padding-bottom: 70px !important;} .canmaking-page iframe, .doublesheet-page iframe, .doublesheet-lp iframe, .support-page iframe, .canmaking-lp iframe, .industeries-lp iframe, .company-first-section-wrapper .comp-right-content iframe {width: 472px !important;height: 314px;} } @media (max-width: 540px) { #hs_cos_wrapper_module_1521122634045320 p:nth-child(3) {margin-bottom: 48px;} #hs_cos_wrapper_module_1521122634045320 p:first-child { margin-top: 48px; padding-left: 0px;} .canmaking-fifth-section h2 {margin-bottom: 10px;} .canmaking-fifth-section .can-fifth-desc {font-size: 24px;line-height: 35px;} .canmaking-fifth-section .can-fifth-cta {margin: 50px 0 30px 0;} .canmaking-fourth-section::after, .doublesheet-fourth-section::after { height: 99%;} .canmaking-fifth-section {background-size: auto 100%;padding: 26% 0;background-position: top center !important;} .fullwidth-cta-wrapper {padding: 50px 0 50px 0;} .inner-header-wrapper .inner-header-left {width: 70% !important;} .canmaking-lp .inner-header-wrapper::after {top: -150px !important;right: -400px !important;transform: scale(0.57);} } @media (max-width: 480px) { .language-wrapper .language {float: left;text-transform: uppercase;} .language-section-wrapper {border-bottom: 1px solid #cdcdcd;} .splash-logo{text-align:left;} .splash-logo {margin-top: 20px;} .splash-logo img {max-width: 160px; height: auto;} .desktop-menu{display:none !important;} .banner-title h2 {font-size:28px;line-height:30px !important;margin-top:0;} .splash-ctas{margin-top:140px;} .body-content-wrapper::before {left: -55%;top: 35%;transform: scale(.7);z-index:-1;} .body-content-wrapper::after {right: -70%;top: -7%;transform: scale(.7);} .double-sheet, .can-solution{margin:20px 0;width:300px;padding:20px 30px;} .can-solution{margin-top:0;} .content-sliding {padding-bottom: 150px;} .canmaking-sixth-section .can-sixth-right {padding-left:0px;} .parts-detection-solutions::before {bottom: -22%;left: 12%;transform: scale(0.6);} .industries-left-section img, .industries-right-section img {width: 104% !important; max-width: 104%;} .canmaking-lp .inner-header-wrapper::after {top: -142px !important;right: -460px !important;transform: scale(0.6);} .doublesheet-lp .inner-header-wrapper::after {top: -200px; right: -660px;transform: scale(0.7);} .support-page .inner-header-wrapper::after {top: -4px;right: -483px;transform: scale(0.8);} .tech-support .inner-header-wrapper::after {top: -110px;right: -388px;transform: scale(0.5);} .tech-inner-wrapper {margin-top: -50px;} .company-lp .inner-header-wrapper::after {top: -78px;right: -465px;transform: scale(0.68);} .company-second-section-wrapper .comp-left-content {height:auto;} .company-second-section-wrapper::before{width: 100%;height: 21%;left: 0%;} .company-second-section-wrapper .comp-right-content {padding-left: 0;padding-top: 30px;} .company-third-section-wrapper h2, .fullwidth-cta-wrapper h2 {font-size:30px; line-height:40px;} .company-third-section-wrapper::before{display:none;} .fifty-per-employees, .twenty-per-employees, .production-administration-wrapper .fifty-per-employees {width: 100%;margin: 0;padding-top: 0px;} .company-fifth-section-wrapper::before, .event-news-wrapper::before{right:0 ;} .twenty-per-employees img, .production-administration-wrapper .fifty-per-employees img {display:none;} .hs-blog-listing .inner-header-wrapper::after {top: -84px;right: -520px;transform: scale(0.6);} .blog-companies-wrapper .company-box {width: 100% !important;text-align:center;margin:10px 0;} .event-news-wrapper .blog-listing-wrapper .post-listing .post-item, .event-news-wrapper .blog-listing-wrapper .post-listing-simple .post-item {width: 100%;padding-right: 0px;} .next-artical, .single-social {width: 100%;font-size: 17px;margin: 20px 0;} .mobile-open .language-section-wrapper .sticky-left-nav-wrapper {height: 320px;overflow-y: scroll;} .canmaking-page iframe, .doublesheet-page iframe, .doublesheet-lp iframe, .support-page iframe, .canmaking-lp iframe, .industeries-lp iframe, .company-first-section-wrapper .comp-right-content iframe {width: 450px !important;height: 325px !important;} } @media (max-width: 479px) { .body-content-wrapper::before {left: -95%;top: 35%;transform: scale(.7);} .body-content-wrapper::after {right: -100%;top: -7%;transform: scale(.7);} .doublesheet-cta-clicked .body-content-wrapper::before {left: -50%;top: -13%;transition: all 2s;transform: scale(0.7);} .can-cta-clicked .body-content-wrapper::after {right: -85%;top: -1%;transition: all 2s;transform: scale(.7);} .parts-detection-solutions::before {bottom: -22%;left: 0%;transform: scale(0.8);} .mobile-open .language-section-wrapper .sticky-left-nav-wrapper {height: 480px;overflow-y: scroll;} .inner-header-wrapper .inner-header-left {width: 100% !important;} .canmaking-lp .inner-header-wrapper::after {top: -142px !important;right: -640px !important;transform: scale(0.7);} .canmaking-page iframe, .doublesheet-page iframe, .doublesheet-lp iframe, .support-page iframe, .canmaking-lp iframe, .industeries-lp iframe, .company-first-section-wrapper .comp-right-content iframe {width: 340px !important;height: 265px !important;} } @media (max-width: 360px) { .mobile-open .language-section-wrapper .sticky-left-nav-wrapper {height: 640px;overflow-y: scroll;} .support-page .inner-header-wrapper::after {top: -98px;right: -514px;transform: scale(0.9);} .canmaking-page iframe, .doublesheet-page iframe, .doublesheet-lp iframe, .support-page iframe, .canmaking-lp iframe, .industeries-lp iframe, .company-first-section-wrapper .comp-right-content iframe {width: 330px !important;height: 260px !important;} } @media (max-width: 320px) { .canmaking-page iframe, .doublesheet-page iframe, .doublesheet-lp iframe, .support-page iframe, .canmaking-lp iframe, .industeries-lp iframe, .company-first-section-wrapper .comp-right-content iframe {width: 290px !important;height: 260px !important;} } #google_translate_element .skiptranslate .goog-te-gadget-simple {border: none;} #google_translate_element .skiptranslate a {font-size: 10px;font-family: 'Roboto', sans-serif;text-transform: uppercase;font-weight:700;} #google_translate_element .skiptranslate a:hover {color: #e3002d !important;text-decoration:underline;} #google_translate_element .skiptranslate a:hover .goog-te-menu-frame {display:block !important;} #google_translate_element .goog-te-gadget-icon {display:none !important;} .goog-te-menu-frame .goog-te-menu2 {border: none !important;} .goog-te-menu-frame a{border-top: solid 1px #b7b7b7 !important;} /* 06-07-2018 */ .doublesheet-fourth-section::after { right:0% !important; } .canmaking-fourth-section::after { right:0% !important; } .span12.widget-span.widget-type-cell.Doublesheet-sixth-section { background-color: #f1f2f1; } .video-container{ z-index:-1 !important; } .span12.widget-span.widget-type-cell.doublesheet-ninth-section { z-index: -1; } .span12.widget-span.widget-type-cell.canmaking-sixth-section { z-index: -1; }