/* @import url('http://example.com/example_style.css'); */ @font-face { font-family: 'calibri_bold'; src: url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri-Bold.eot'); src: url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri-Bold.eot#iefix') format('embedded-opentype'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri-Bold.woff2') format('woff2'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri-Bold.woff') format('woff'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri-Bold.ttf') format('truetype'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri-Bold.svg#Calibri-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'calibri_normal'; src: url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri.eot'); src: url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri.eot#iefix') format('embedded-opentype'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri.woff2') format('woff2'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri.woff') format('woff'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri.ttf') format('truetype'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibri.svg#Calibri') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'calibre_light'; src: url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibre-Light.eot'); src: url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibre-Light.eot#iefix') format('embedded-opentype'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibre-Light.woff2') format('woff2'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibre-Light.woff') format('woff'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibre-Light.ttf') format('truetype'), url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/Fonts/Calibre-Light.svg#Calibre-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'DIN Next LT Pro'; src: url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Bold.eot'); src: local('DIN Next LT Pro Bold'), local('DINNextLTPro-Bold'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Bold.eot#iefix') format('embedded-opentype'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Bold.woff') format('woff'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'DIN Next LT Pro'; src: url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Medium.eot'); src: local('DIN Next LT Pro Medium'), local('DINNextLTPro-Medium'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Medium.eot#iefix') format('embedded-opentype'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Medium.woff') format('woff'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'DIN Next LT Pro'; src: url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Regular.eot'); src: local('DIN Next LT Pro Regular'), local('DINNextLTPro-Regular'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Regular.eot#iefix') format('embedded-opentype'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Regular.woff') format('woff'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'DIN Next LT Pro CN'; src: url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-BoldCondensed.eot'); src: local('DIN Next LT Pro Bold Condensed'), local('DINNextLTPro-BoldCondensed'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-BoldCondensed.eot#iefix') format('embedded-opentype'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-BoldCondensed.woff') format('woff'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-BoldCondensed.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'DIN Next LT Pro CN'; src: url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-MediumCond.eot'); src: local('DIN Next LT Pro Medium Condensed'), local('DINNextLTPro-MediumCond'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-MediumCond.eot#iefix') format('embedded-opentype'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-MediumCond.woff') format('woff'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-MediumCond.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'DIN Next LT Pro'; src: url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Light.eot'); src: local('DIN Next LT Pro Light'), local('DINNextLTPro-Light'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Light.eot#iefix') format('embedded-opentype'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Light.woff') format('woff'), url('https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/fonts/DINNextLTPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Border Radius */ /* Box Shadow */ /* Transition */ /* Transform */ *, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } body { margin:0; padding:0; font-family: 'DIN Next LT Pro' , sans-serif, sans-serif; font-size:20px; line-height:1.6em; color:#3c4043; /*background:#fff url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/latice-pattern-background.png') repeat;*/ overflow-x:hidden } img { border:0; vertical-align: top; height:auto; max-width:100%; } hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } .clear { clear:both } p { padding:15px 0; margin:0; } h1 { color:#53565a; font-family: 'DIN Next LT Pro CN' , sans-serif, sans-serif; font-size:55px; margin:0; padding:15px 0 25px; line-height:62px; font-weight:normal; clear:both } h2 { color:#101820; font-family: 'DIN Next LT Pro' , sans-serif; font-size:40px; line-height:44px; margin:0; padding:10px 0 10px; clear:both } h3 { color:#101820; font-family: 'DIN Next LT Pro CN' , sans-serif; font-size:30px; line-height:36px; margin:0; padding:10px 0 10px; clear:both } h4 { color:#101820; font-family: 'DIN Next LT Pro CN' , sans-serif; font-size:28px; line-height:34px; margin:0; padding:10px 0 10px; clear:both } h5 { color:#101820; font-family: 'DIN Next LT Pro CN' , sans-serif; font-size:24px; line-height:30px; margin:0; padding:10px 0 10px; clear:both; } h6 { color:#101820; font-family: 'DIN Next LT Pro CN' , sans-serif; font-size:22px; margin:0; padding:10px 0; line-height:26px; clear:both } a { text-decoration:none; outline:none; color:#1d4f91; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } a:hover { color:#3c4043; } .din-font, .din-font h1, .din-font h2, .din-font h3, .din-font h4, .din-font h5, .din-font h6{font-family: 'DIN Next LT Pro' , sans-serif;} /*Button Link Option*/ .row-fluid .link-style a , .row-fluid a.link-style , .hs_cos_wrapper_type_google_search a.hs-button { margin:5px 0 0; padding:10px 25px; cursor:pointer; font-size:14px; line-height:24px; z-index:5; position:relative; display:inline-block; text-transform: uppercase; background-color:#e40046; color:#fff; overflow: hidden; border:2px solid #e40046; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; } .row-fluid .link-style a:hover , .row-fluid a.link-style:hover , .hs_cos_wrapper_type_google_search a.hs-button:hover { background:transparent; color:#3c4043; border-color:#3c4043; } .row-fluid .link-style2 a , .row-fluid a.link-style2 { margin:5px 0 0; padding:10px 25px; cursor:pointer; font-size:14px; line-height:24px; z-index:5; position:relative; display:inline-block; text-transform: uppercase; background-color:transparent; color:#3c4043; overflow: hidden; border:2px solid #3c4043; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; } .row-fluid .link-style2 a:hover , .row-fluid a.link-style2:hover { background:#e40046; color:#fff; border-color:#e40046; }*/ .row-fluid .btn_width a , .row-fluid a.btn_width { border-color:#fff; color:#fff; } .row-fluid .btn_width a:hover , .row-fluid a.btn_width:hover { border-color:#fff; color:#fff; } .row-fluid .btn_width1 a , .row-fluid a.btn_width1 { border-color:#fff; color:#fff; } .row-fluid .btn_width1 a:hover , .row-fluid a.btn_width1:hover { border-color:#3c4043; color:#3c4043; } textarea, select, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){ outline:none; border:1px solid #c8c8c8; background-color:#fff; padding:15px 15px; font-family: 'DIN Next LT Pro' , sans-serif, sans-serif; font-size:18px; line-height:18px; width:100%;} input[type=checkbox] , input[type=radio] { width:auto; height:auto; } textarea { padding:15px 20px; height:150px; } select { padding:12px 35px 12px 15px; background:#fff url(https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Arrow.png) no-repeat right 15px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; } input[type=submit]{ width:auto; border:none; cursor:pointer; background:url(images/blank.png) no-repeat left top #e40046; border:2px solid #fff; font-size:14px; line-height:18px; height:auto; padding:14px 20px 10px; color:#fff; display:inline-block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; font-family: 'DIN Next LT Pro' , sans-serif; font-weight:300; min-width:180px; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;; text-transform:uppercase; } input[type=submit]:hover{ background-color:#1d4f91; } textarea{resize:none;} .hs_error_rollup { display:none; } ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; } .hs-form .input { margin:0; } .hs-form .hs-form-field { padding:0 0 20px; } .row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 } .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 20px 10px } .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 20px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 20px 10px } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 20px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 20px; } .row-fluid .hs-form fieldset .hs-input { width:100% !important; } .row-fluid .hs-form fieldset { max-width:none; } .row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid .hs-form fieldset input[type="radio"] { width:auto !important; } .row-fluid .hs-form .hs-form-field > label{display:block;font-size:15px;line-height:normal;padding:0 0 2px;text-transform:uppercase;font-weight:700;} ul.inputs-list { margin:0; padding:5px 0; list-style:none; } .row-fluid .inputs-list .hs-form-checkbox-display,.row-fluid .inputs-list .hs-form-booleancheckbox,.row-fluid .inputs-list li.hs-form-radio{display:block;padding:0 0 8px 0;position:relative;cursor: pointer;} .row-fluid .inputs-list input[type="checkbox"],.row-fluid .inputs-list input[type="radio"]{position:absolute;left:0;margin:0;top:0;opacity:0;width:20px;height:20px;} .row-fluid .inputs-list input[type="radio"]{top:3px;} .row-fluid .inputs-list input[type="checkbox"] + span{line-height:22px;position:relative;display:block;font-size:15px;font-weight:700;padding:0 0 0 19px;} .row-fluid .inputs-list input[type="checkbox"] + span:before{position:absolute;left:0;top:5px;content:'';width:12px;height:12px;border:1px solid #c1c2c0;color:#fafafa;background:#fafafa;} .row-fluid .inputs-list input[type="checkbox"]:checked + span:before{background:#1d4f91;color:#ffff;border-color:#1d4f91;} .row-fluid .inputs-list input[type="radio"] + span:before{position:absolute;left:-2px;top:2px;content:'';width:20px;height:20px;border:1px solid #dadada;background:#fafafa;border-radius:100%;} .row-fluid .inputs-list input[type="radio"]:checked + span:after{position:absolute;left:2px;top:6px;content:'';width:12px;height:12px;border-color:#333;background:#3333;border-radius:100%;} @media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) { .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 } .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 } .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; } } .row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; } .row-fluid [class*="span"] { min-height:1px; } .header-container-wrapper .row-fluid [class*="span"] { min-height:0; } ul.slides , ul.flex-direction-nav , ol.flex-control-nav , ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;} .row-fluid ol.flex-control-nav , ul.slick-dots { text-align:center; padding:10px 0 0; } .row-fluid ol.flex-control-nav li , ul.slick-dots li { display:inline-block; padding:0 5px; } .row-fluid ol.flex-control-nav li a , ul.slick-dots li button { padding:0; display:inline-block; border:none; min-width:auto; width:15px; height:15px; font-size:0; cursor:pointer; background-color:#9ca0a3; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px;; } .row-fluid ol.flex-control-nav li a:hover , .row-fluid ol.flex-control-nav li a.flex-active , ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#3c4043; } .slick-initialized .slick-slide { outline:none; } /*.slick-arrow {border:none; padding:0; cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:#3c4043; min-width:auto; width:35px; height:35px; line-height:33px; font-size:0; cursor:pointer; } .slick-arrow:before { font-family:'FontAwesome'; font-size:14px; } .slick-arrow:hover { background:#fff; color:#3c4043; } .slick-arrow.slick-prev { left:5px; } .slick-arrow.slick-prev:before { content: "\f104"; } .slick-arrow.slick-next { right:5px; } .slick-arrow.slick-next:before { content: "\f105"; } .slick-arrow.slick-disabled { display:none; }*/ .default-form .hs-form .hs-form-field > label span.hs-form-required{display:none;} .default-form .hs-form .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inline-block;} .default-form .hs-form .hs-form-field .input{margin:0;} .default-form .hs-form fieldset{max-width: none;} .default-form .hs-form fieldset.form-columns-2{margin:0 -6px;} .default-form .hs-form fieldset.form-columns-2 .hs-form-field{width:calc(50% - 12px); margin:0 6px;} .default-form .hs-form fieldset.form-columns-3{margin:0 -6px;} .default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:calc(33.33% - 12px); margin:0 6px;} .default-form .hs-form .hs_submit{padding:25px 0 0;} .default-form .hs-form .legal-consent-container{font-size:13px;padding:17px 0 0;} .default-form .hs-form .legal-consent-container p{line-height: normal;} .default-form .hs-form fieldset[class*="form-columns-"] select{width: 100%;} .default-form div.hs_error_rollup{display: none;} .default-form .hs-form .hs_submit input[type="submit"]{cursor:pointer; transition:400ms; background:#fff url("https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/right-chevron.png") no-repeat right 30px center;border:none;border-radius:500px;box-shadow:0 0 17px rgba(0,0,0,0.17);color:#737375;font-family: 'DIN Next LT Pro' , sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;min-width:200px;padding:20px 50px 17px 20px;} .default-form .hs-form .hs_submit input[type="submit"]:hover{color:#0080c8;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .default-form .hs-error-msgs{color:#f00;font-size:14px;margin:-8px 0 0;} @media (max-width:767px){ .default-form .hs-form fieldset.form-columns-2, .default-form .hs-form fieldset.form-columns-3{margin:0;} .default-form .hs-form fieldset.form-columns-2 .hs-form-field, .default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:100%; margin:0;} .default-form .hs-form fieldset .input .hs-input, .default-form .hs-form fieldset.form-columns-2 .input .hs-input, .default-form .hs-form fieldset.form-columns-3 .input .hs-input{width:100%;} } .row-fluid .bgimg-main { background-size:cover; background-repeat:no-repeat; background-position:center center; } .row-fluid .bg-img { display:none; } .row-fluid .bgimg-main2 { background-size:cover; background-repeat:no-repeat; background-position:center center; } .row-fluid .bgimg-main2 img { display:none; } .row-fluid .set-bg { background-size:cover; background-repeat:no-repeat; background-position:center center; } /*Text Option*/ .row-fluid .text-uppercase , .row-fluid .title-uppercase h1 , .row-fluid .title-uppercase h2 , .row-fluid .title-uppercase h3 , .row-fluid .title-uppercase h4 , .row-fluid .title-uppercase h5 , .row-fluid .title-uppercase h6 { text-transform:uppercase; } .row-fluid .text-center { text-align:center; } .row-fluid .text-left { text-align:left; } .row-fluid .text-right { text-align:right; } .row-fluid .text-white , .row-fluid .text-white h1 , .row-fluid .text-white h2 , .row-fluid .text-white h3 , .row-fluid .text-white h4 , .row-fluid .text-white h5 , .row-fluid .text-white h6 { color:#fff; } .row-fluid .text-italic { font-style:italic; } .row-fluid .bg_dark { background:rgba(0,0,0,0.1); } .custompopup.fancybox-content { margin-top:60px; padding:30px 25px; width:100%; max-width:800px; overflow:visible; line-height:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; border:2px solid #3c4043; } .custompopup.fancybox-content p { padding:6px 0; } .custompopup.fancybox-content .fancybox-close-small { padding:0; top:-50px; color:#fff; min-width:auto; } .custompopup.fancybox-content .fancybox-close-small:hover { background-color:transparent; } .custompopup.fancybox-content .fancybox-close-small svg { opacity:1; } .body-container-wrapper{margin-top: 133px;} .row-fluid .padding_spacing { padding:80px 0; } .row-fluid .list_style ul { margin:0; padding:0 0 0 10px; list-style-type:none; } .row-fluid .list_style ul li { margin:0; padding:0 0 0 15px; display:block; position:relative; } .row-fluid .list_style ul li:before { content:''; width:6px; height:6px; background:#101820; position:absolute; top:10px; left:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;; } .fl100 { width:100%; float:left; } .row-fluid .main_title h2 {font-weight:300; } /* .row-fluid .main_title h2 span { color:#e40046; } */ .row-fluid .sub_text { margin:0 0 10px; font-size:20px; line-height:28px; } .row-fluid .main_title2 h2 {font-weight:bold;font-family: 'DIN Next LT Pro CN' , sans-serif;letter-spacing: -0.03px;line-height: 60px; } /* .row-fluid .main_title2 h2 span {font-weight:700; color:#e40046; } */ .row-fluid .wrapper { margin:0 auto !important; width:1250px; float:none !important; } .row-fluid .top { padding:0; background:rgba( 200, 201, 199,0.5); } .row-fluid .top_inner { margin:0 auto !important; padding:0 15px; width:100%; max-width:1550px; float:none; } .row-fluid .top_inner .logo { padding:10px 0; } .row-fluid .header_top { padding:7px 15px; background:#53565A; text-align:right; } .row-fluid .topsocial ul { margin:0; padding:0; list-style-type:none; } .row-fluid .topsocial ul li { margin:0; padding:5px; width:auto; display:inline-block; line-height:0; } .row-fluid .topsocial ul li a { color:#fff; } .row-fluid .topsocial ul li a:hover { color:#3c4043; } .row-fluid .menu_right { text-align:right; } /*menu*/ .row-fluid .mainmenu { width:auto; margin:0; display:inline-block; float:none; vertical-align: middle; } .row-fluid .mainmenu .hs-menu-wrapper > ul { vertical-align: top; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited , .row-fluid .mainmenu .hs-menu-wrapper ul li a { text-transform:uppercase; padding:35px 15px; font-size:14px; line-height:20px; color:#101820; vertical-align: top; font-weight:700; letter-spacing: 0.2px; } @media (min-width: 1001px){ .row-fluid .top { position:absolute; top:0; left:0; width:100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .top.fixed { position:fixed; top:-35px; left:0; z-index:99; background:#C8C9C7; box-shadow:0 0 5px rgba(0,0,0,0.3); } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:hover > a { color:#1d4f91; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { position:relative; overflow: inherit; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:after { content:''; position:absolute; bottom:0; left:15px; right:15px; border-bottom:2px solid #e40046; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; opacity:0; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { content:''; position:absolute; bottom:-10px; left:50%; border:7px solid transparent; border-top-color:#e40046; z-index:99; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; opacity:0; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:hover:after , .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:hover:before { opacity:1; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:hover:before { bottom:-14px; opacity:1; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li { position:relative; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { width:auto; min-width:180px; padding:10px 20px; margin: 0px; background:rgba(200,201,199,0.95); position: absolute; top:100%; left:0px; text-align:left; } .row-fluid .mainmenu .hs-menu-wrapper ul li ul li { padding: 0px; margin: 0px; display: block; float: none; text-transform: none; } .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:link , .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:visited { padding:5px 0; line-height:20px; color:#101820; width:100%; font-size:14px; font-weight:700; opacity:0.6; } .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:hover { opacity:1; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul { width:100%; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child { position:inherit; } } .row-fluid .manufacturing_menu { margin:0; } .row-fluid .menu_section { padding:5px 0 15px; width:100%; text-align:center; float:left; } .row-fluid .menu_inner { margin:0 auto; max-width:800px; width:100%; display:inline-block; } .row-fluid .menu_list { margin:0 -2px; width:200px; display:inline-block; vertical-align:middle; text-align:left; } .row-fluid .menu_list ul { margin:0; padding:0; list-style-type:none; } .row-fluid .menu_list ul li { margin:0; padding:0; display:block; } body .row-fluid .mainmenu .hs-menu-wrapper .menu_section .menu_list ul li a { padding:5px 0 5px 25px; font-weight:700; text-transform:uppercase; color:#101820; width:100%; float:left; position:relative; opacity:0.6; } body .row-fluid .mainmenu .hs-menu-wrapper .menu_section .menu_list ul li a:hover , body .row-fluid .mainmenu .hs-menu-wrapper .menu_section .menu_list ul li.active a { opacity:1; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child ul.hs-menu-children-wrapper .manufacturing_menu .menu_list a:before { content:''; width:18px; height:18px; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/globe.png') no-repeat; background-position:center center; background-size:18px; position:absolute; top:5px; left:0; } .row-fluid .menu_main { margin:0; display:inline-block; vertical-align:middle; width:calc(100% - 200px); text-align:left; } .row-fluid .menu_box .title { display:none; } .row-fluid .menu_img { width:200px; height:170px; background-size:cover; background-position:center center; background-repeat:no-repeat; display:inline-block; vertical-align:middle; } .row-fluid .menu_text { padding:0 0 0 15px; width:calc(100% - 200px); max-width:350px; text-align:left; display:inline-block; vertical-align:middle; } .row-fluid .menu_btn { margin:15px 0 0; } body .row-fluid .mainmenu .hs-menu-wrapper .menu_section .menu_btn a { padding:0; font-weight:700; color:#1d4f91; white-space: inherit; } body .row-fluid .mainmenu .hs-menu-wrapper .menu_section .menu_btn a:before { content:"\f063"; margin:0 5px 0 0; display:inline-block; font-family:'fontAwesome'; vertical-align:middle; } body .row-fluid .mainmenu .hs-menu-wrapper .menu_section .menu_btn a:hover { color:#e40046; } .row-fluid .request_btn { margin:0; padding:0 0 0 10%; width:auto; float:none; display:inline-block; vertical-align: middle; } .row-fluid .request_btn a { margin:0; } .row-fluid .hero_box { /*padding:220px 0 200px;*/ position:relative; background-repeat:no-repeat; background-position:center center; } /* .row-fluid .hero_box:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#53565a; opacity:0.5; } */ /*.row-fluid .hero_box:after { content:''; width:100%; height:61px; position:absolute; bottom:-1px; left:0; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Homepage/hero_shape_grey.png') no-repeat; background-size:100% 61px; }*/ .row-fluid .hero_box .wrapper {align-items:flex-end;display:flex;min-height:740px;padding:20px 0 120px;position:relative;z-index:1;} .row-fluid .hero_text h1 { color:#fff; text-transform: uppercase;} .row-fluid .hero_text .sub { font-size:24px; line-height:32px; color:#fff; font-weight:300; } .row-fluid .hero_video { width:100%; height:100%; position:absolute; top:0; left:0; } .row-fluid .hero_video video { width:100%; height:100%; min-width:100%; max-width: 100%; object-fit: cover; } .row-fluid .hero_btns { margin-top:80px; } .row-fluid .hero_btns .btn { margin:5px 20px; width:auto; display:inline-block; } .row-fluid .hero_slider ul.slick-dots { padding:20px 0; width:30px; position:absolute; right:100px; left:auto; bottom:100px; } .row-fluid .hero_slider ul.slick-dots li button { background:#fff; } .row-fluid .hero_slider ul.slick-dots li.slick-active button { background:#e40046; } .row-fluid .zigzag_section { padding:80px 0 50px; } .row-fluid .zigzag_text { padding:30px 50px 50px; width:calc(100% - 600px); float:left; text-align:right; } .row-fluid .zigzag_text h2 { font-weight:300; } .row-fluid .zigzag_text h2 span{font-weight:700; color:#e40046; } .row-fluid .zigzag_img { width:600px; float:left; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; } .row-fluid .zigzag_img:before { content:''; position:absolute; top:-15px; left:-15px; right:-15px; bottom:-15px; border:1px solid #707070; background:#fff; z-index:-1; } .row-fluid .zigzag_box:nth-child(2n) .zigzag_text { float:right; text-align:left; } .row-fluid .zigzag_btn { margin-top:30px; } .row-fluid .zigzag_box:last-child .zigzag_text { padding-bottom:20px; } .row-fluid .offer_section { padding:60px 0 80px; text-align:center; position:relative; } /* .row-fluid .offer_section:after { content:''; border-bottom:1px solid #3c4043; position:absolute; bottom:0; right:20%; left:0; } */ .row-fluid .offer_main { padding-top:30px; text-align:center; } .row-fluid .offer_box { margin:0 -2px; padding:40px 0 0; width:25%; display:inline-block; vertical-align:bottom; position:relative; float:none; } .row-fluid .offer_inner { padding:0; background-color:rgba(0,0,0,0.8); border:3px solid #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; position:relative; background-size:cover; background-position:center center; } .row-fluid .offer_inner:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; } .row-fluid .offer_inner > div { position:relative; } .row-fluid .offer_img { height:115px; } .row-fluid .offer_img img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; height:100%; } .row-fluid .offer_text { padding:80px 10px 150px; color:#fff; } .row-fluid .offer_text h3 { padding:30px 0 0; color:#fff; font-weight:700; font-size: 50px; line-height: 50px;} .row-fluid .offer_content { margin-top:50px; } .row-fluid .offer_content ul { margin:0; padding:0; list-style-type:none; } .row-fluid .offer_content ul li { margin:0; padding:0; display:block; } .row-fluid .offer_btn { position:absolute; bottom:0; left:0; border-right:3px solid #fff; border-left:3px solid #fff; } .row-fluid .offer_btn a { padding:15px 15px; color:#53565a; background-color:#fff; border:2px solid #53565a; text-transform:uppercase; display:inline-block; width:100%; } .row-fluid .offer_btn a:hover { color:#0080c8; } .row-fluid .offer_box:hover .offer_img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);; } .row-fluid .offer_box:hover .offer_inner { -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -o-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px);; } .row-fluid .manufacturing_section { padding:80px 0; background:rgba(0,0,0,0.1); } .row-fluid .manufacturing_text { padding:20px 50px 30px; width:50%; background-color:#fff; background-position:center center; background-size:cover; } .row-fluid .manufacturing_text p { padding:0 0 15px; } .row-fluid .manufacturing_img { margin:0; width:50%; } .row-fluid .product_left { width:50%; float:left; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .product_right { padding:30px 25px 0; width:50%; float:left; background:#53565a url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Base.png') no-repeat; background-size:cover; background-position:center center; color:#fff; position:relative; } .row-fluid .btn_arrow { padding:10px 30px; position:absolute; bottom:0; right:0; } .row-fluid .btn_arrow a { color:#fff; font-size:12px; } .row-fluid .btn_arrow a:after { content:"\f061"; margin-left:5px; display:inline-block; font-family:'fontAwesome'; font-size:12px; } .row-fluid .btn_arrow a:hover { color:#e40046; } .row-fluid .product_right h3 { padding:0 0 15px; color:#fff; } .row-fluid .person_image { width:80px; height:80px; background-size:cover; background-position:center center; float:left; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px;; } .row-fluid .product_text { padding:20px 5px 50px 40px; width:calc(100% - 80px); float:left; position:relative; } .row-fluid .product_slider ul.slick-dots { padding:20px 0; width:30px; position:absolute; right:10px; left:auto; top:10px; } .row-fluid .product_slider ul.slick-dots li { padding:3px 0; line-height:0; display:block; } .row-fluid .product_slider ul.slick-dots li button { width:8px; height:8px; background:#fff; } .row-fluid .product_slider ul.slick-dots li.slick-active button { background:#e40046; } .row-fluid .engineered_section { padding:30px 0; position:relative; } /* .row-fluid .engineered_section:before { content:''; border-bottom:1px solid #3c4043; position:absolute; top:0; right:20%; left:0; } .row-fluid .engineered_section:after { content:''; border-bottom:1px solid #3c4043; position:absolute; bottom:0; left:20%; right:0; } */ .row-fluid .engineered_img { width:350px; float:none; display:inline-block; vertical-align:middle; } .row-fluid .engineered_content { padding:10px 0 30px; } .row-fluid .engineered_text { margin:0 0 0 -4px; padding:20px 0 20px 80px; width:calc(100% - 355px); float:none; display:inline-block; vertical-align:middle; } .row-fluid .engineered_cta [class*="button-"]{ margin:0; width:auto; float:none; display:inline-block; vertical-align: middle;} .row-fluid .engineered_cta [class*="button-"] + [class*="button-"]{margin-left: 40px;} /* .row-fluid .engineered_cta .link-style , .row-fluid .engineered_cta .link-style2 { margin:5px; width:auto; float:none; display:inline-block; } */ .row-fluid .latest_news { padding:80px 0; } .row-fluid .latest_news .main_title { padding:0 0 40px; } .row-fluid .recent_row { padding:8px; width:33.33%; float:left; } .row-fluid .recent_inner { background:#fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .recent_image { height:200px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .recent_text { padding:20px; } .row-fluid .recent_content { padding:15px 0 20px; } .row-fluid .recent_top { padding:0 50px 0 0; position:relative; } .row-fluid .recent_title { font-size:20px; line-height:26px; font-weight:700; } .row-fluid .recent_author { width:40px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px;; position:absolute; top:15px; right:0; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .recent_link { font-weight:700; text-align:right; } .row-fluid .recent_inner:hover { background:#3c4043; color:#fff; } .row-fluid .recent_inner:hover .recent_title a , .row-fluid .recent_inner:hover .recent_link a { color:#fff; } .row-fluid .recent_second { width:66.66%; } .row-fluid .recent_second .recent_inner { position:relative; font-size:20px; line-height:26px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .recent_second .recent_inner:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#53565a; opacity:0.60; } .row-fluid .recent_second .recent_inner > div { position:relative; } .row-fluid .recent_second .recent_text { padding:15%; color:#fff; font-weight:300; } .row-fluid .recent_second .recent_title h2 { color:#fff; } .row-fluid .tweets_section h3.title { font-size:24px; line-height:26px; color:#1d4f91; } .row-fluid .tweets_main ul { margin:0; padding:0; list-style-type:none; } .row-fluid .tweets_main ul li { margin:0 0 10px; padding:15px 0; display:inline-block; width:100%; border-bottom:1px solid #3c4043; } .row-fluid .twee_content { margin:7px 0 5px; } .row-fluid .tweet_link a { padding:0 0 0 22px; color:#3c4043; font-weight:700; position:relative; } .row-fluid .tweet_link a:before { content:''; width:16px; height:16px; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Path_1.png') no-repeat; position:absolute; left:0; top:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; overflow:hidden; opacity:1; } .row-fluid .tweet_link a:hover:before { background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Path_1_hover.png') no-repeat; top:0; opacity:1; } .row-fluid .project_started { padding:50px 0 60px; text-align:center; } .row-fluid .project_form { margin-top:10px; } .row-fluid .project_form .hs-form-field { padding:5px; width:33.33%; float:none; display:inline-block; vertical-align:top; } .row-fluid .project_form .hs-form-field > label { display:none; } .row-fluid .project_form form { padding:0 190px 0 0; position:relative; } .row-fluid .project_form .hs_submit.hs-submit { position:absolute; top:0; right:0; } .row-fluid .project_inner { margin:0 auto !important; width:100%; max-width:800px; float:none; display:block; } .row-fluid .map_location { padding:60px 0; overflow: hidden; } .row-fluid .map_location .main_title { padding:0 0 50px; } .row-fluid .map_locsection { margin:0 auto !important; width:100%; max-width:1500px; float:none; } .row-fluid .location_section { padding:30px 0; } .row-fluid .location_top { padding:20px 0 0; } .row-fluid .location_title_box { padding:2px; width:25%; float:left; position:relative; text-align:center; } .row-fluid .location_box_inside { padding:12px 15px; font-size:22px; line-height:28px; font-weight:700; background-color:#1d4f91; color:#fff; position:relative; cursor:pointer; } .row-fluid .location_bottom_box { padding:20px 0; } .row-fluid .location_bottom_box h2 { padding:0 0 30px; color:#e40046; } .row-fluid .location_title_box.active .location_box_inside { background-color:#e40046; } .row-fluid .location_box { padding:20px; width:25%; float:left; border:2px solid #fff; font-size:16px; line-height:22px; background-color:#53565a; color:#fff; position:relative; } .row-fluid .location_box_inner h4 { padding:10px 0; font-size:24px; line-height:30px; color:#fff; } .row-fluid .location_box_inner p { padding:10px 0; } .row-fluid .location_box_inner a { color:#fff; } .row-fluid .footer { padding:30px 15px; background:#53565a; color:#fff; } .row-fluid .footer_inner { margin:0 auto !important; max-width:1550px; float:none; display:block; } .row-fluid .footer_inner a { color:#fff; } .row-fluid .footer_add a:hover { color:#e40046; } .row-fluid .footer_cta { padding:50px 0 0; text-align:center; } .row-fluid .footer_cta .link-style2 { margin:0 8px; width:auto; float:none; display:inline-block; vertical-align:middle; } .row-fluid .footer_bottom { padding:10px 30px; background:#e3e4e3; text-align:right; } .row-fluid .social_icon ul { margin:0; padding:0; list-style-type:none; } .row-fluid .social_icon ul li { margin:0; padding:5px; display:inline-block; line-height:0; } .row-fluid .social_icon ul li a { color:#53565a; } .row-fluid .social_icon ul li a:hover { color:#e40046; } /** **/ .row-fluid .hero_inner { position:relative; color:#fff; font-size:24px; line-height:32px; font-weight:300;} .row-fluid .hero_inner:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#53565a; opacity:0.7; } .quality .row-fluid .hero_inner:before { opacity:0.2; } .row-fluid .hero_inner > div + div{min-height: 650px; padding:150px 0; display: flex; align-items: center; justify-content: center;} .quality .row-fluid .hero_inner > div + div {padding: 300px 0;} .row-fluid .hero_inner > div { position:relative; } .row-fluid .hero_inner .wrapper{max-width:1000px;} .row-fluid .hero_inner h1 { color:#fff; text-transform: uppercase;} .row-fluid .hero_inner p:last-child{padding:0;} .row-fluid .hero_inner .hero_inner_sub, .row-fluid .hero_inner .widget-type-rich_text{ /*text-transform: uppercase;*/ font-weight: 400; font-weight: 300; } .row-fluid .hero_inner .widget-type-rich_text{padding: 0 0 60px;} .row-fluid .hero_inner .link-style { margin-top:50px; } .row-fluid .hero_inner .link-style a , .row-fluid .hero_inner .link-style2 a { padding:14px 25px 8px; } .row-fluid .hero_inner.hero_height > div + div{min-height:auto;} body.blog .row-fluid .hero_inner > div + div {min-height: auto;padding: 0;} .row-fluid .contamination_section { padding:80px 0; } .row-fluid .contamination_img { position:relative; } /* .row-fluid .contamination_img:before { content:''; border:1px solid #707070; position:absolute; top:-15px; right:-15px; left:-15px; bottom:-15px; background:#fff; z-index:-1; } */ .row-fluid .contamination_right { padding:0 0 30px; } .row-fluid .contamination_right .link-style { margin-top:30px; } .row-fluid .contamination_right h3 { font-weight:300; } .row-fluid .strip_section { padding:50px 0; position:relative; color:#fff; background: rgb(151,153,155); background: -moz-linear-gradient(-45deg, rgba(151,153,155,1) 0%, rgba(2,3,3,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(151,153,155,1) 0%,rgba(2,3,3,1) 100%); background: linear-gradient(135deg, rgba(151,153,155,1) 0%,rgba(2,3,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97999b', endColorstr='#020303',GradientType=1 ); } .row-fluid .strip_section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/latice-pattern-2.png') no-repeat; background-size:cover; background-position:center center; } .row-fluid .strip_section > div { position:relative; } .row-fluid .strip_section .main_title2 h2 , .row-fluid .strip_section .main_title2 h2 span { color:#fff; } .row-fluid .strip_btns { margin-top:50px; text-align:right; } .row-fluid .strip_btns .btn { margin:5px; width:auto; display:inline-block; float:none; } .row-fluid .traceability_section { padding:60px 0; } .row-fluid .traceability_section .main_title2 { padding:0 0 40px; } .row-fluid .productv2_list { width:200px; float:left; min-height:850px; } .row-fluid .productv2_list ul { margin:0; padding:0 10px 0 0; list-style-type:none; } .row-fluid .productv2_list ul li { margin:0; padding:0; display:inline-block; font-size:18px; line-height:26px; font-weight:700; width:100%; } .row-fluid .productv2_list ul li a { margin:3px 0; padding:1px 0; color:#53565a; text-transform:uppercase; position:relative; display:inline-block; width:100%; } .row-fluid .productv2_list ul li a:hover , .row-fluid .productv2_list ul li.active a { color:#1d4f91; } .row-fluid .productv2_list ul li.active a { /*font-family:calibri_bold;*/ font-weight:700; } .row-fluid .productv2_list ul li a:after { content:''; position:absolute; top:0; left:0; right:0; border-top:2px solid #e40046; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; opacity:0; } .row-fluid .productv2_list ul li a:before { content:''; position:absolute; top:0; left:50%; border:7px solid transparent; border-top-color:#e40046; z-index:99; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .productv2_list ul li a:hover:after , .row-fluid .productv2_list ul li.active a:after { opacity:1; } .row-fluid .productv2_list ul li a:hover:before , .row-fluid .productv2_list ul li.active a:before { opacity:1; } .row-fluid .productv2_main { padding:15px; width:calc(100% - 200px); float:left; background:#fff; border:1px solid #3c4043; } .row-fluid .productv2_main ul { margin:0; padding:0; list-style-type:none; } .row-fluid .productv2_main ul li { margin:0; display:block; } .row-fluid .productv2_main ul li i { margin-right:10px; vertical-align:middle; font-size:24px; color:red; } .row-fluid .productv2_row { padding:0 0 30px; } .row-fluid .productv2_row .title { display:none; cursor:pointer; } .row-fluid .productv2_img { height:400px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .productv2_text { padding:20px 0 0; } .row-fluid .productv2_text h3 { color:#1d4f91; } .row-fluid .productv2_text .link-style { padding:10px 0 0; } .row-fluid .productv2_inner_box.list_style ul { padding:0 0 0 20px; } .row-fluid .productv2_inner_box.list_style ul li:before { top:8px; } .row-fluid .company_logos{display:flex;align-items:center;flex-flow:row wrap;margin:30px 65px 0 65px;} .row-fluid .company_row{margin:0;padding:0 15px;width:calc(100% / 4);} .row-fluid .company_row img{width:100%;} .row-fluid .productv2_main .mCSB_inside > .mCSB_container { margin-right:0; } .row-fluid .productv2_main .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .row-fluid .productv2_main .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background:#C8C9C7; } .row-fluid .productv2_main .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#101820; } .row-fluid .certified_section { padding:80px 0 80px; } .row-fluid .certified_section .main_title2 { padding:0 0 20px; } /*** ***/ .row-fluid .hero_inner_btn { margin-top:60px; } .row-fluid .hero_inner_btn .btn { margin:5px; display:inline-block; width:auto; float:none; vertical-align:middle; } .row-fluid .contamination_right.text-right { padding-right:20px; } .row-fluid .production_section { padding:0 0 50px; } .row-fluid .production_main { margin:30px 0 50px; position:relative; } .row-fluid .production_main_inner { margin:0 auto; max-width:650px; width:100%; display:table; position:relative; } .row-fluid .production_main_inner:before { content:''; position:absolute; top:70px; left:50%; bottom:70px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; border-left:1px solid #1D4F91; } .row-fluid .production_box { padding:50px 0; min-height:145px; float:left; width:100%; position:relative; } .row-fluid .production_box:before { content:''; height:1px; background:#1D4F91; position:absolute; left:0; right:50%; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } .row-fluid .production_img { margin:0 auto; width:145px; height:145px; background-size:cover; background-position:center center; background-repeat:no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; position:absolute; top:50%; left:0; right:0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; border:1px solid #1D4F91; } .row-fluid .production_text { padding:15px; width:170px; background:#1D4F91; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; color:#fff; text-align:left; font-size:12px; line-height:18px; float:left; position:relative; } .row-fluid .production_text:after { content:''; border:10px solid transparent; border-left-color:#1D4F91; position:absolute; left:100%; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } .row-fluid .production_text h3 { padding:0 0 10px; font-size:12px; line-height:18px; color:#fff; text-transform:uppercase; } .row-fluid .production_content { color:#fff; } .row-fluid .production_box:nth-child(2n) .production_text { float:right; } .row-fluid .production_box:nth-child(2n) .production_text:after { left:auto; right:100%; border-left-color:transparent; border-right-color:#1D4F91; } .row-fluid .production_box:nth-child(2n):before { left:50%; right:0; } .row-fluid .production_popup { display:none; } .row-fluid .request_right { padding:30px 0 0; } .row-fluid .request_content { padding:20px 0 30px; max-width:600px; } .row-fluid .latest_thought { padding:80px 0; } .row-fluid .latest_thought_inner { margin:0 auto !important; width:100%; max-width:1000px; float:none; display:block; } .row-fluid .latest_thought_inner .main_title2 { margin:0 0 40px; } /** Careers Section **/ .row-fluid .contamination_inner { margin:0 auto !important; width:100%; max-width:1000px; float:none; } .row-fluid .contamination_inner .contamination_right { padding:40px 0 0 20px; } .row-fluid .careers_contamination { padding:0 0 80px; } .row-fluid .careers_contamination .contamination_img { margin-top:-50px; position:relative; z-index:1; } .row-fluid .contamination_careers_right .contamination_img:before { display:none; } .row-fluid .contamination_careers_right .row-fluid .contamination_right.text-right { padding-right:0; } .row-fluid .contamination_slider { margin-top:30px; } .row-fluid .contamination_slider .hs_cos_wrapper_type_module { padding:8px 10px; display:inline-block; vertical-align:middle; } .row-fluid .contamination_slider .hs_cos_wrapper_type_module img { max-height:38px; width:auto; } .row-fluid .map_section { padding:80px 0; overflow:hidden; } .row-fluid .map_main { margin:80px 0; position:relative; height:600px; } .row-fluid .map_designation { line-height:20px; } .row-fluid .work_section { padding:70px 0 80px; } .row-fluid .service_main { margin:20px auto 0; max-width:1200px; width:100%; display:block; } .row-fluid .service_row { padding:30px 50px; width:50%; display:inline-block; vertical-align:top; font-size:18px; line-height:26px; display:none; float:left; } .row-fluid .service_icon { margin:10px 0 0; width:90px; text-align:center; float:left; } .row-fluid .service_text { padding:0 0 0 10px; width:calc(100% - 90px); float:left } .row-fluid .service_row h4 { padding:0 0 15px; font-size:24px; line-height:30px; color:#1d4f91; } .row-fluid .service_btn { margin-top:30px; } .row-fluid .service_btn a { min-width:180px; } .row-fluid .people_section { padding:70px 0 80px; } .row-fluid .people_team { padding:5px; width:25%; float:left; } .row-fluid .people_team_inner { padding:50px 25px; background:#407ec9; color:#fff; } .row-fluid .people_team_inner h2 { padding:0; line-height:1; /*font-family:calibre_light;*/ color:#fff; font-weight:300; } .row-fluid .people_team_sub { padding:10px 0; /*font-family:calibri_bold;*/ font-weight:700; font-size:10px; line-height:16px; } .row-fluid .people_team_text { margin-top:80px; /*font-family:calibre_light;*/ font-weight:300; } .row-fluid .people_main { margin:30px 0 0; width:100%; float:left; } .row-fluid .people_slider { width:75%; float:left; } .row-fluid .people_row { padding:5px; width:33.33%; float:left; } .row-fluid .people_row_inner { background-size:cover; background-position:center center; background-repeat:no-repeat; overflow:hidden; position:relative; } .row-fluid .people_name { padding:18px 15px; font-size:20px; line-height:26px; position:absolute; bottom:-10px; left:0; width:100%; background:rgba(83,86,90,0.4); /*font-family:calibri_bold;*/ font-weight:700; color:#fff; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .people_row_inner:hover .people_name { opacity:1; bottom:0; } .row-fluid .people_slider ul.slick-dots { padding:0; } .row-fluid .people_slider ul.slick-dots li button { width:20px; height:4px; } .people_popup { display:none; } body .people_popup { padding:15px; max-width:1100px; line-height:22px; } .people_popup_img { width:250px; height:350px; background-position:center center; background-repeat:no-repeat; background-size:cover; float:left; position:relative; } .people_popup_right { padding:0 0 0 30px; width:calc(100% - 250px); float:left; } .people_popup_right h3 { color:#1d4f91; } .people_popup_social { padding:0; background:#1d4f91; position:absolute; bottom:0; left:0; width:100%; } .people_popup_social ul { margin:0; padding:0; list-style-type:none; text-align:center; } .people_popup_social ul li { margin:10px 2px; padding:0; display:inline-block; } .people_popup_social ul li a { width:25px; height:25px; line-height:23px; border:1px solid #fff; color:#fff; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; } .people_popup_social ul li a:hover { background:#fff; color:#1d4f91; } .row-fluid .building_section { padding:0 0 80px; } .row-fluid .building_title { padding:0 0 50px; font-size:20px; line-height:28px; } .row-fluid .building_title .main_title2 h2 { font-size:50px; line-height:56px; } .row-fluid .charities_box { width:33.33%; min-height:280px; float:left; border:1px solid #fff; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; } .row-fluid .charities_box:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#1d4f91; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .charities_box:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Team_Member.png') no-repeat; background-size:cover; background-position:center center; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .charities_btn { width:100%; position:absolute; top:50%; left:0; text-align:center; -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -o-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%);; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; z-index:1; } .row-fluid .charities_btn a { color:#fff; border-color:#fff; } .row-fluid .charities_box:hover:before { opacity:1; } .row-fluid .charities_box:hover:after { opacity:0.15; } .row-fluid .charities_box:hover .charities_btn { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; opacity:1; } .row-fluid .building_text { margin-top:50px; } /** Get The Right Powder **/ .row-fluid .powder_hero { min-height:650px; } .row-fluid .quality_box { margin:20px 0; padding:0 0 0 70px; font-size:30px; line-height:34px; font-weight:700; position:relative; min-height:45px; display: table; } .row-fluid .quality_img { width:45px; position:absolute; top:0; left:0; } .row-fluid .quality_text { display: table-cell; vertical-align: middle; } .row-fluid .reliability_section { padding:80px 0} .reliability-wrap{padding: 0 0 100px;} .row-fluid .reliability_left { padding:8px 0; } .row-fluid .reliability_left .main_title h2 { padding:0 0 30px; font-size:30px; line-height:36px; } .row-fluid .reliability_form { margin-top:-160px; padding:30px 30px 60px; border:1px solid #53565a; background:#fff; position: relative; -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.1); -moz-box-shadow: 0 20px 20px rgba(0,0,0,0.1); -o-box-shadow: 0 20px 20px rgba(0,0,0,0.1); -ms-box-shadow: 0 20px 20px rgba(0,0,0,0.1); box-shadow: 0 20px 20px rgba(0,0,0,0.1);; } .row-fluid .reliability_cta .link-style { margin:0 -2px; padding:5px; width:50%; float:none; display:inline-block; } /* .row-fluid .reliability_cta .link-style a { margin:0; background:#e40046; border-color:#e40046; color:#fff; width:100%; width:300px; padding-left:3em; } */ .row-fluid .reliability_cta .button-4 a{display:block;letter-spacing:1px;margin-bottom:15px;padding:10px 10px 10px 35px;position: relative;text-align: left;} .row-fluid .reliability_cta .button-4 a:before{content:"\f1c1";font-family:'FontAwesome';color:#53565a;font-size:16px;position:absolute;top:9px;left:13px;} /* .row-fluid .reliability_cta .link-style a:hover { background:#3c4043; border-color:#1d4f91; } */ .row-fluid .reliability_form .main_title2 h2 { padding:20px 0 30px; font-size:30px; line-height:36px; text-align:center; } /* .row-fluid .reliability_form .inputs-list .hs-form-booleancheckbox { padding-left:0; } */ .row-fluid .reliability_form .inputs-list input[type="checkbox"] + span { margin:0; } .row-fluid .reliability_form .hs-submit { text-align:center; } .row-fluid .reliability_cta [class*="button-"].phone a{max-width: 210px; margin: 20px auto 15px; text-align:center;} .row-fluid .reliability_cta [class*="button-"].phone a:before { content:''; margin:7px 0 0; width:17px; height:20px; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Phone.png') no-repeat; background-size:17px; display:inline-block; filter: invert(1); vertical-align: top; opacity: 0.6;} .row-fluid .reliability_cta [class*="button-"].chat a:before { content:''; margin:7px 0 0; width:22px; height:20px; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/chat.png') no-repeat; background-size:20px; display:inline-block; filter: invert(1); vertical-align: top; opacity: 0.6;} .row-fluid .reliability_form .inputs-list.multi-container:after{display:table; content:''; clear:both; } .row-fluid .reliability_form .inputs-list.multi-container > li{width:50%; float:left;} .row-fluid .reliability_form .hs-richtext{color:#707070;} .row-fluid .reliability_form .hs-richtext p{line-height: normal;} .row-fluid .reliability_form .pfd-click{background:#f0f0f0 url(https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/file-resize.svg) no-repeat scroll 17px 17px / auto 37px;color:#707070;font-size:14px;margin:4px -30px 10px;padding:19px 10px 16px 60px;} .row-fluid .reliability_form .pfd-click:after{clear:both;display:table;content:'';} .row-fluid .reliability_form .pfd-click .hs-richtext{line-height:16px;} .row-fluid .reliability_form .pfd-click > fieldset:nth-child(1){float:left;max-width:202px; padding:0 5px 0 0;} .row-fluid .reliability_form .pfd-click > fieldset:nth-child(2){float:left;} .row-fluid .reliability_form .pfd-click > fieldset:nth-child(2) .input{margin:0;} .row-fluid .reliability_form .pfd-click > fieldset:nth-child(2) > .hs-form-field{padding:0;} .row-fluid .reliability_form .pfd-click .inputs-list li{margin:0 !important;} .row-fluid .aluminum_list { padding:0 0 100px; text-align:center; } .row-fluid .aluminum_list ul { margin:0; padding:0; list-style-type:none; } .row-fluid .aluminum_list ul li { margin:0; padding:2px 15px; display:inline-block; font-size:22px; line-height:26px; /*font-family:calibri_bold;*/ font-weight:700; position:relative; } .row-fluid .aluminum_list ul li:after { content:'|'; position:absolute; top:2px; right:-7px; vertical-align:middle; } .row-fluid .aluminum_list ul li:last-child:after { display:none; } .row-fluid .markets_section { padding:80px 0; } .row-fluid .markets_section .main_title2 { padding:0 0 50px; } .row-fluid .markets_left { width:50%; float:left; } .row-fluid .markets_img { background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .markets_right { padding:0 0 0 10px; width:50%; float:left; } .row-fluid .markets_service { padding:0 0 15px 8px; } .row-fluid .markets_service h4 { font-size:30px; line-height:36px; /*font-family:calibre_light;*/ font-weight:300; } .row-fluid .markets_img_row { padding:8px; width:33.33%; float:left; text-align:center; } .row-fluid .markets_img_inner { height:150px; width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; display: table; } .row-fluid .markets_img_inner:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#53565a; opacity:0.9; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .markets_img_inner:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Team_Member.png') no-repeat; background-size:cover; background-position:center center; opacity:0.2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .markets_img_inner h3 { padding:5px; font-size:20px; line-height:24px; width:100%; /*font-family:calibri_normal;*/ font-weight:300; color:#fff; position:absolute; top:50%; left:0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } .row-fluid .markets_bottom_row { padding:10px 0; } .row-fluid .markets_bottom_row h3 { color:#1d4f91; } .row-fluid .markets_bottom_row p { padding:10px 0; } .row-fluid .markets_img_inner:hover:before , .row-fluid .markets_img_row.active .markets_img_inner:before{ background:#1d4f91; opacity:0.8; } .row-fluid .certified_space { padding:60px 0 80px; } .row-fluid .strip_section2 { padding:70px 0; } .row-fluid .strip_inner { margin:0 auto !important; width:100%; max-width:860px; float:none; display:block; } .row-fluid .strip_text { max-width:580px; } .row-fluid .strip_inner .strip_btns { margin-top:0; } .row-fluid .production .productv2_list { width:335px; } .row-fluid .production .productv2_main { width:calc(100% - 335px); } .row-fluid .production .productv2_list ul li { width:100%; background:#53565a; position:relative; float:left; border-bottom:1px solid #fff; color:#fff; } /* .row-fluid .production .productv2_list ul li:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Team_Member_1.png') no-repeat; background-size:cover; background-position:center center; opacity:0.2; } */ .row-fluid .production .productv2_list ul li a { margin:0; padding:50px 15px; } .row-fluid .product_list_inner { margin:0 auto; max-width:180px; width:100%; display:block; } .row-fluid .production .productv2_list ul li a:before , .row-fluid .production .productv2_list ul li a:after{ display:none; } .row-fluid .production .productv2_list ul li .icon { width:40px; float:left; } .row-fluid .production .productv2_list ul li .text { padding:0 0 0 15px; width:calc(100% - 40px); float:left; } .row-fluid .production .productv2_list ul li .text h4 { padding:10px 0 20px; font-size:22px; line-height:28px; color:#fff;text-transform: capitalize; } .row-fluid .production .productv2_list ul li .learn_more { color:#fff; font-size:14px; line-height:20px; text-transform: capitalize; } .row-fluid .production .productv2_list ul li.active { background:#1d4f91; } .row-fluid .production .productv2_list ul li.active a { /*font-family:calibri_normal;*/ } .row-fluid .traceability_v2 { padding:80px 0; } .row-fluid .request_v2 { padding:80px 0 0; } .row-fluid .request_btns .btn { margin:0 5px; width:auto; float:none; display:inline-block; } .row-fluid .solutions_main { padding:50px 0 80px; text-align:center; } .row-fluid .solutions_box { margin:0 -2px; width:20%; float:none; display:inline-block; line-height:0; } .row-fluid .solutions_box a { margin:0; padding:50px 15px; display:inline-block; width:100%; position:relative; background:#53565a; border:1px solid #fff; color:#fff; } /* .row-fluid .solutions_box a:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Team_Member_1.png') no-repeat; background-size:cover; background-position:center center; opacity:0.2; } */ .row-fluid .solutions_box_inner { margin:0 auto; max-width:200px; width:100%; display:inline-block; } .row-fluid .solutions_icon { width:40px; float:left; } .row-fluid .solutions_text { padding:0 0 0 15px; width:calc(100% - 40px); float:left; color:#fff; font-size:13px; line-height:20px; text-transform: capitalize; text-align:left; } .row-fluid .solutions_text h3 { padding:10px 0; font-size:18px; line-height:24px; color:#fff; } .row-fluid .solutions_box a:hover { background:#1d4f91; } .row-fluid .top_header { box-shadow: 0 0 5px rgba(0,0,0,0.3); border-top: 40px solid #53565a; background: #e3e4e3 } .row-fluid .manufactured_production { padding:0 0 80px; } .row-fluid .manufactured_inner { margin-top:20px; } .row-fluid .manufactured_inner h2 { /*font-family:calibre_light;*/ font-weight:300; } .row-fluid .request_space { padding:70px 0; } .row-fluid .form { text-align:center; } .row-fluid .form form { text-align:left; } /** Contact Page **/ .row-fluid .contact_hero { padding:100px 0; position:relative; } .row-fluid .contact_hero:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #53565a; opacity: 0.5; } .row-fluid .contact_hero .wrapper { position:relative; } .row-fluid .contact_left { margin:0 -2px; padding:0 7% 0 0; width:50%; font-size:25px; line-height:32px; color:#fff; float:none; display:inline-block; vertical-align:middle; text-align:right; /*font-family:calibre_light;*/ font-weight:300; } .row-fluid .contact_left h1 { color:#fff; } .row-fluid .contact_form { margin:0 -2px; padding:40px; width:50%; float:none; display:inline-block; vertical-align:middle; background:#fff; border:5px solid #3c4043; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px;; } .row-fluid .contant_box { padding:60px 30px 40px 30px; margin:0; width:25%; float:left; background:#eaeaea; font-size:20px; line-height:26px; } .row-fluid .contant_box a { color:#3c4043; } .row-fluid .contant_box:nth-child(2n) { background:#C8C9C7; } .row-fluid .contant_box .icon { margin:0 0 15px; width:60px; height:60px; font-size:20px; line-height:60px; color:#fff; background:#e40046; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; text-align:center; } .row-fluid .social-icon ul { margin:0; padding:0; list-style-type:none } .row-fluid .social-icon ul li { margin:0; padding:0; display:inline-block; } .row-fluid .social-icon ul li a { margin:2px; width:45px; height:45px; line-height:43px; color:#e40046; border:2px solid #e40046; display:inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;; text-align:center; } .row-fluid .social-icon ul li a:hover { background:#e40046; color:#fff; } .row-fluid .directions_section { padding:80px 0; position:relative; color:#fff; font-size:22px; line-height:30px; border-top:10px solid #e40046; background:#53565A; text-align:center; position:relative; } .row-fluid .directions_section:before { content:''; border:40px solid transparent; border-top-color:#3c4043; position:absolute; top:100%; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; } .row-fluid .directions_section h2 { padding:0; color:#fff; } .row-fluid .map_iframe iframe { height:650px; width:100%; } .row-fluid .without_btn_hero.news-event{padding: 100px 0;} .row-fluid .without_btn_hero { padding:233px 0; } .row-fluid .nav_menu { background:#3c4043; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .nav_menu.fixed { position:fixed; top:94px; left:0; width:100%; z-index:5; } .row-fluid .nav_menu ul { margin:0; padding:0; list-style-type:none; width:100%; line-height:0; } .row-fluid .nav_menu ul li { margin:0; padding:0; display:inline-block; float:none; /*font-family:calibri_bold;*/ font-weight:700; text-transform:uppercase; } .row-fluid .nav_menu ul li a { padding:18px 15px; color:#fff; font-size:16px; line-height:22px; display:inline-block; } .row-fluid .nav_menu ul li.active a { background:#fff; color:#3c4043; } .row-fluid .resources_section { padding:80px 0; } .row-fluid .box_section { margin:60px 0 30px 0; padding:60px 30px; border:2px solid #3c4043; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; position:relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .box_section .icon { width:60px; height:60px; font-size:20px; line-height:60px; color:#fff; background:#3c4043; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;; text-align:center; position:absolute; top:-30px; left:20px; } .row-fluid .box_left { margin:0 -2px; padding:0 30px 0 0; font-size:18px; line-height:26px; width:40%; display:inline-block; vertical-align:middle; } .row-fluid .box_left_inner { width:100%; } /* .row-fluid .resources_section .hs_cos_wrapper_type_module:nth-child(2n) .box_section { background:#fff; } */ .row-fluid .box_left h2 { padding:0; } .row-fluid .box_link { display:none;margin-top:20px; } .row-fluid .box_link a, .row-fluid .box_content a { color:#e40046; } .row-fluid .box_link a:after { content:"\f178"; margin-left:10px; display:inline-block; display:inline-block; font-family:'fontAwesome'; vertical-align:middle; } .row-fluid .box_link a:hover, .row-fluid .box_content a:hover { color:#1d4f91; } .row-fluid .box_right { margin:0 -2px; width:60%; display:inline-block; vertical-align:middle; } .row-fluid .studies_box { padding:0 10px; } .row-fluid .studies_slider { padding:0 50px; } .row-fluid .studies_img { height:180px; background-size:inherit; background-position:center center; background-repeat:no-repeat; position:relative; } .row-fluid .studies_content h3 { padding:20px 10px; font-size:18px; line-height:24px; color:#53565a; /*font-family:calibri_bold;*/ font-weight:700;} .row-fluid .studies_slider .slick-arrow:hover { background-color:#53565a; color:#fff; } .row-fluid .faq_box { margin:5px 0; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); -o-box-shadow: 0 2px 4px rgba(0,0,0,.1); -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1);; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; display:inline-block; width:100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .faq_box:hover { -webkit-box-shadow: 0 2px 10px -2px rgba(0,0,0,0.2), 0 20px 60px -10px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 10px -2px rgba(0,0,0,0.2), 0 20px 60px -10px rgba(0,0,0,.3); -o-box-shadow: 0 2px 10px -2px rgba(0,0,0,0.2), 0 20px 60px -10px rgba(0,0,0,.3); -ms-box-shadow: 0 2px 10px -2px rgba(0,0,0,0.2), 0 20px 60px -10px rgba(0,0,0,.3); box-shadow: 0 2px 10px -2px rgba(0,0,0,0.2), 0 20px 60px -10px rgba(0,0,0,.3);; } .row-fluid .faq_box h3 { padding:10px 15px 10px 40px; font-size:18px; line-height:24px; cursor:pointer; position:relative; } .row-fluid .faq_box h3:before { content:"\f067"; font-family:'fontAwesome'; position:absolute; top:11px; left:17px; font-size:14px; font-weight:300; } .row-fluid .faq_box h3.active:before { content:"\f2d1"; top:6px; } .row-fluid .faq_content { padding:5px 15px 20px 40px; display:none; } .row-fluid .documentation_row { margin:0 -2px; padding:15px; width:50%; display:inline-block; vertical-align:top; } .row-fluid .documentation_row h3 { font-size:24px; line-height:30px; } .row-fluid .documentation_row ul { margin:0; padding:0; list-style-type:none; } .row-fluid .documentation_row ul li { margin:0; padding:0 0 0 15px; display:block; position:relative; } .row-fluid .documentation_row ul li:before { content:''; width:6px; height:6px; background:#3c4043; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; position:absolute; top:11px; left:0; } .row-fluid .studies_img a.play { width:70px; height:70px; border:5px solid #fff; color:#fff; font-size:26px; line-height:62px; position:absolute; top:50%; left:50%; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px;; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);; text-align:center; letter-spacing:-8px; opacity:0.7; } .row-fluid .studies_img a.play:hover { opacity:1; } .row-fluid .video_play { display:none; } .row-fluid .blog_top_text { padding: 0 0 30px 0; font-size: 18px; line-height: 26px; } .row-fluid .featured_row { padding:10px; width:33.33%; float:left; } .row-fluid .featured_image { height:230px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .featured_title h3 { font-size:24px; line-height:30px; } .row-fluid .featured_content { padding:5px 0 15px; } .hs-blog-post .post-bg-image .hs-featured-image-wrapper { margin-top:30px; } .row-fluid .metal_section { padding:60px 0 80px; } .row-fluid .metal_section .main_title_text { font-size:20px; line-height:28px; } .row-fluid .metal_main { margin-top:30px; } .row-fluid .metal_box { padding:10px; } .row-fluid .metal_inner { margin:0; padding:15px 10px 30px; color:#1D4F91; background-position:center center; background-size:cover; border:2px solid #53565A; text-align:center; /*font-family:calibri_bold;*/ font-weight:700; position:relative; } .row-fluid .metal_inner:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#53565a; opacity:0.6; } .row-fluid .metal_inner .sameheight { margin:0 auto; display: flex; align-items: center; min-height:100px; } .row-fluid .metal_inner .metal_text { margin:0 auto; color:#fff; } .row-fluid .metal_inner .metal_text .metal_full { position:relative; } .row-fluid .metal_box_text { padding:10px; position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(64, 126, 201,0.8); color:#fff; font-size:16px; line-height:22px; /*font-family:calibre_light;*/ font-weight:300; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; text-align:center; } .row-fluid .metal_box_text > div { padding:10px; width:100%; position:absolute; top:50%; left:50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);; } .row-fluid .metal_shot { font-size:110px; line-height:110px; } .row-fluid .metal_full { font-size:30px; line-height:34px; } .row-fluid .metal_inner:hover .metal_box_text { opacity:1; } .row-fluid a.metal_link { width:100%; height:100%; position:absolute; top:0; left:0; } .row-fluid .metal_slider .slick-arrow:hover { color: #fff; background: #53565A; } .row-fluid .metal_slider .slick-arrow.slick-prev { left:-31px; } .row-fluid .metal_slider .slick-arrow.slick-next { right:-34px; } .row-fluid .metal_content { margin:30px 0 0; font-size:18px; line-height:24px; width:100%; float:left; text-align:center; } .row-fluid .metal_content a { /*font-family:calibri_bold;*/ font-weight:700; } .row-fluid .methods_list { width:200px; float:left; } .row-fluid .methods_list ul { margin:0; padding:0 10px 0 0; list-style-type:none; } .row-fluid .methods_list ul li { margin:0; padding:0; display:inline-block; font-size:18px; line-height:26px; /*font-family:calibri_normal;*/ width:100%; } .row-fluid .methods_list ul li a { margin:3px 0; padding:1px 0; color:#53565a; text-transform:uppercase; position:relative; display:inline-block; width:100%; } .row-fluid .methods_list ul li a:hover , .row-fluid .methods_list ul li.active a { color:#1d4f91; } .row-fluid .methods_list ul li.active a { /*font-family:calibri_bold;*/ font-weight:700; } .row-fluid .methods_list ul li a:after { content:''; position:absolute; top:0; left:0; right:0; border-top:2px solid #e40046; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; opacity:0; } .row-fluid .methods_list ul li a:before { content:''; position:absolute; top:0; left:50%; border:7px solid transparent; border-top-color:#e40046; z-index:99; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .row-fluid .methods_list ul li a:hover:after , .row-fluid .methods_list ul li.active a:after { opacity:1; } .row-fluid .methods_list ul li a:hover:before , .row-fluid .methods_list ul li.active a:before { opacity:1; } .row-fluid .methods_main { padding:15px; width:calc(100% - 200px); float:left; background:#fff; border:1px solid #3c4043; } .row-fluid .methods_row { padding:0; display:none; } .row-fluid .methods_row .title { display:none; } .row-fluid .methods_img { height:400px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .methods_text { padding:20px 0 0; } .row-fluid .methods_text h3 { color:#1d4f91; } .row-fluid .methods_text .link-style { padding:10px 0 0; } .row-fluid .methods_main .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .row-fluid .productv2_main .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background:#C8C9C7; } .row-fluid .methods_main .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#101820; } .row-fluid .methods_mainv2 .methods_img { width:50%; float:left; } .row-fluid .methods_mainv2 .methods_text { padding:20px 0 20px 20px; width:50%; float:left; } .row-fluid .marketsv2_img_box { padding:8px; width:16.666%; float:left; text-align:center; } .row-fluid .marketsv2_img_inner { height:150px; width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; display: flex; align-items: center; cursor:pointer; } .row-fluid .marketsv2_img_inner:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#53565a; opacity:0.9; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } /* .row-fluid .marketsv2_img_inner:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Team_Member.png') no-repeat; background-size:cover; background-position:center center; opacity:0.2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } */ .row-fluid .marketsv2_img_title { margin:0 auto; position:relative; } .row-fluid .marketsv2_img_title h3 { padding:5px; font-size:22px; line-height:28px; width:100%; /*font-family:calibri_bold;*/ font-weight:700; color:#fff; } .row-fluid .marketsv2_img_inner:hover:before , .row-fluid .marketsv2_main_top .slick-current.slick-active .marketsv2_img_inner:before { background:#1d4f91; opacity:0.8; } .row-fluid .marketsv2_row { padding:10px 0; } .row-fluid .marketsv2_row h3 { color:#1d4f91; } .row-fluid .marketsv2_row p { padding:10px 0; } .row-fluid .marketsv2_main_bottom { margin-top:30px; } .row-fluid .marketsv2_img { margin:0; width:400px; height:400px; background-size:cover; background-position:center center; background-repeat:no-repeat; display:inline-block; vertical-align:middle; } .row-fluid .marketsv2_text { margin:0 0 0 -4px; padding:30px 0 30px 30px; width:calc(100% - 405px); display:inline-block; vertical-align:middle; } .row-fluid .marketsv2_nav .slick-arrow:hover { color: #fff; background: #53565A; } .row-fluid .marketsv2_nav .slick-arrow.slick-prev { left:-31px; } .row-fluid .marketsv2_nav .slick-arrow.slick-next { right:-34px; } /** Blog Section **/ .row-fluid .blog_section { padding:60px 0; } .row-fluid .post_box { padding:10px; width:50%; float:left; } .row-fluid .post_inner { padding:15px; border:2px solid #3c4043; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;; background:#fff; } .row-fluid .post_img { width:100%; height:200px; background-size:contain; background-position:center center; background-repeat:no-repeat; } .row-fluid .not_post_img { background-size:200px; } .row-fluid .post_text { padding:10px 0 0; } .row-fluid .post_top_date { font-size:16px; line-height:22px; /*font-family:calibri_normal;*/ } .row-fluid .post_top_date .date , .row-fluid .post_top_date .author { display:inline-block; } .row-fluid .post_top_date .author { padding:0 5px; } .row-fluid .post_top_date .author a { color:#e40046; } .row-fluid .post_top_date .author a:hover { color:#3c4043; } .row-fluid .post_text h2 { font-size:24px; line-height:30px; } .row-fluid .post_content { padding:15px 0; } .row-fluid .blog_subscription { margin:10px 0 0; padding:30px; background:#e40046; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;; text-align:center; color:#fff; } .row-fluid .blog_subscription h3 { padding:0 0 15px; color:#fff; font-size:22px; line-height:28px; text-align:center; } .row-fluid .blog_subscription .hs-form-field > label { display:none; text-align:left; } .row-fluid .input_search { margin:30px 0; } .row-fluid .input_search .hs-search-field__bar { position:relative; } .row-fluid .input_search .hs-search-field__input { padding:0 63px 0 15px; height:50px; } .row-fluid .input_search button.search_btn { padding:14px 20px; min-width:auto; height:48px; position:absolute; right:1px; top:1px; } .row-fluid .input_search .hs-search-field__bar button svg { height: 18px; fill: #fff; } .row-fluid .topic_list { margin:0 0 30px; padding:20px; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;; font-size:16px; line-height:24px; border:2px solid #53565a; } .row-fluid .topic_list h3 { padding:0 0 10px; font-size:24px; line-height:30px; } .row-fluid .topic_list ul { margin:0; padding:0; list-style-type:none; } .row-fluid .topic_list ul li { margin:0; padding:0; display:inline-block; width:100%; } .row-fluid .topic_list ul li a { padding:0 0 0 15px; color:#53565a; width:100%; position:relative; display:inline-block; width:100%; } .row-fluid .topic_list ul li a:hover { color:#e40046; } .row-fluid .topic_list ul li a:before { content:"\f054"; font-family:'fontAwesome'; position:absolute; top:1px; left:0; color:#e40046; font-size:12px; } .row-fluid .topic_list ul li a span.filter-link-count { display:none; } .row-fluid .about-author-sec { margin:10px 0; width:100%; float:left; padding:35px 20px; background:#fafafa; border:2px solid #53565a; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;; } .row-fluid .about-author-sec .author_img{ float:left; width:110px; border:1px solid #E8E5E5; height:110px; background-size:cover !important; border-radius:50%} .row-fluid .about-author-sec .author_text{ width:calc(100% - 110px); float:left; padding-left:40px} /* .row-fluid .about-author-sec .author-link{ width:100%; float:left; color:#1f1f1f; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.5px} */ .row-fluid .about-author-sec .author-content { width:100%; float:left; font-size:14px; line-height:20px;color:#86939e; letter-spacing:.5px; font-weight:400; margin:15px 0 20px} .row-fluid .about-author-sec .hs-author-social-section{ width:100%;float:left} .row-fluid .about-author-sec .hs-author-name { padding:0; } .row-fluid .about-author-sec .hs-author-name a { color:#53565a; } .row-fluid .about-author-sec .hs-author-name a:hover { color:#e40046; } .row-fluid .about-author-sec .hs-author-social-label { color:#000; float:left; width:100%; margin-bottom: 10px; font-size:16px; line-height:24px; } .row-fluid .blog_hero { background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .blog_hero:before { opacity:0.7; } .row-fluid .blog_hero .post_top_date { font-size:22px; line-height:28px; /*font-family:calibre_light;*/ font-weight:300; } .row-fluid .blog_hero .post_top_date .author a { color:#fff; } .row-fluid .blog_hero .post_top_date .author a:hover { color:#e40046; } .hs-blog-listing .blog_form { display:none; } .row-fluid .blog_form { margin-top:30px; } .row-fluid .author_social ul { margin:0; padding:0; list-style-type:none; font-size:20px; line-height:24px; } .row-fluid .author_social ul li { margin:0; padding:5px; width:auto; display:inline-block; line-height:0; } .row-fluid .author_social ul li a { color:#e40046; } .row-fluid .author_social ul li a:hover { color:#53565a; } .row-fluid .search_results { padding:60px 0; } .row-fluid .search_results ul { margin:0; padding:0; list-style-type:none; } .row-fluid .search_results ul li { margin:10px 0; padding:15px; display:inline-block; width:100%; background:#fff; border:2px solid #3c4043; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;; } .row-fluid .search_results ul li p { padding:5px 0 0; } .row-fluid .search_results ul li a { font-size:16px; line-height:24px; /*font-family:calibri_bold;*/ font-weight:700; } .row-fluid .blog-pagination ul { margin:30px 0 0; padding:0; list-style-type:none; text-align:center; display:inline-block; width:100%; } .row-fluid .blog-pagination ul li { margin:0; padding:3px; display:inline-block; } .row-fluid .blog-pagination ul li a { padding:11px 24px; display:inline-block; color:#fff; border:2px solid #e40046; background:#e40046; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;; } .row-fluid .blog-pagination ul li a:hover { border-color:#3c4043; color:#3c4043; background:transparent; } .row-fluid .privacy_section { padding:80px 0; font-size:18px; line-height:26px; } .row-fluid .notice_section { padding:80px 0; } .row-fluid .notice_box { margin:0 -2px; padding:10px; width:33.33%; display:inline-block; vertical-align:top; } .row-fluid .notice_inner { padding:20px; background:#fff; font-size:16px; line-height:26px; min-height:190px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -o-box-shadow: 0 0 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1);; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;; } .row-fluid .notice_inner h3 { padding:0 0 15px; font-size:24px; line-height:30px; } .row-fluid .cookies_policy { font-size:16px; line-height:26px; font-size:16px; line-height:24px; } .row-fluid .cookies_table { margin:30px 0; border:1px solid #ccc; } .row-fluid .cookies_table ul { margin:0; padding:0; list-style-type:none; } .row-fluid .cookies_table ul li { margin:0; padding:10px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; float:left; width:130px; word-break: break-word; } .row-fluid .cookies_table ul li:last-child { border-right:none; } .row-fluid .cookies_table ul li span { display:inline-block; width:100%; } .row-fluid .cookies_table ul li:nth-child(4) { width:calc(100% - 520px); } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {max-width:90% !important} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {margin: 0 !important; padding: 0 !important;} .row-fluid ul.table_title li { font-size:18px; font-weight:600; background:#93CC00; color:#fff; letter-spacing:1px; } .row-fluid .table_text ul:nth-child(2n) li { background:rgba(0,0,0,0.1); } .row-fluid .error_section { padding:80px 0; } .row-fluid .error_inner { margin:0 auto !important; padding:60px 10%; width:100%; float:none; font-size:18px; line-height:28px; max-width:800px; background:rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -o-box-shadow: 0 0 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1);; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;; } .row-fluid .error_inner h2 { padding:0 0 20px; } .row-fluid .error_inner .link-style { margin-top:20px; } .row-fluid .password { margin-top:10px; } .row-fluid .password input { padding:0 15px !important; height:50px !important; } .row-fluid .password input.hs-button { margin-top:30px; } .row-fluid .subscribeprefers_cover { padding:60px 0 80px; } .row-fluid .subscribeprefers_cover .page-header { text-align:center; width:100%; float:left; margin-bottom:30px; } .row-fluid .subscribeprefers_cover .page-header h1 { padding:0 0 10px; width:100%; float:left; font-size:40px; line-height:48px; font-weight:500; } .row-fluid .subscribeprefers_cover .page-header h1 span { color:#e40046; } .row-fluid .subscribeprefers_cover .page-header h2 { padding:0; width:100%; float:left; font-size:20px; line-height:28px; font-weight:500; margin-bottom:20px; } .row-fluid .subscribeprefers_cover .page-header p { color: #282828; } .row-fluid .subscribeprefers_cover .email-prefs { width:100%; float:left; } .row-fluid .subscribeprefers_cover .email-prefs .header { width:100%; float:left; margin: 0 0 30px; padding: 0; font-weight: bold; font-size: 24px; line-height: 30px; } .row-fluid .subscribeprefers_cover .email-prefs .item { width:100%; float:left; margin-bottom:20px; margin-top: 0; } .row-fluid .subscribeprefers_cover .email-prefs .item .item-inner { width:100%; float:left; border:none; background:#F1F1F1; padding:40px 20px 40px 60px; border-radius: 0; } .row-fluid .subscribeprefers_cover .email-prefs .item .fakelabel span { font-size:24px; line-height:30px; color:#e40046; font-weight: 500; padding:0 10px 5px 20px; margin:0; } .row-fluid .subscribeprefers_cover .email-prefs .item .fakelabel { overflow:visible; } .row-fluid .subscribeprefers_cover .email-prefs .item .item-inner p { margin: 0; padding: 0 20px; color:#282828; } .row-fluid .subscribeprefers_cover .email-prefs .item .checkbox-row { overflow:visible; } .row-fluid .subscribeprefers_cover input[type="checkbox"] { width:30px !important; } .row-fluid .subscribeprefers_cover input[type="checkbox"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; } .row-fluid .subscribeprefers_cover input[type="checkbox"] + span { margin:0; padding:9px 20px; line-height: 22px; position:relative; display: block; } .row-fluid .subscribeprefers_cover input[type="checkbox"] + span:before { position:absolute; left:-40px; top:0; content:''; width:40px; height:40px; border:1px solid #DBDBDB; color:#fafafa; background:#fff; } .row-fluid .subscribeprefers_cover input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; } .row-fluid .subscribeprefers_cover input[type="checkbox"]:checked + span:after { text-align:center; color:#059EA6; position:absolute; left:-40px; top:0; font-size:16px; line-height:24px; content: ""; font-family:'FontAwesome'; width: 40px; height:40px; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/done-icon.png') no-repeat center center #fff; border:1px solid #DBDBDB; } .row-fluid .subscribeprefers_cover .hs-button { font-weight:400; letter-spacing:0.5px; } .row-fluid .subscribeprefers_cover .subscribe-options { width:100%; overflow: visible; float:left; } .row-fluid .subscribeprefers_cover .subscribe-options p.header { margin:0; padding:0; } .row-fluid .subscribeprefers_cover .subscribe-options label { margin:0; } .row-fluid .subscribeprefers_cover .subscribe-options p { padding:20px 0 10px 38px; display:inline-block; width:100%; } .row-fluid .backup_section h1 { padding:0; font-size:40px; line-height:48px; } .row-fluid .backup_section h1 span { color:#e40046; } .row-fluid .backup_section .email-edit { height:50px !important; padding:0 15px !important; width:100% !important; } .row-fluid .backup_section input.hs-button { margin-top:30px; } .row-fluid .update .error_inner h2 { padding:0; font-size:26px; line-height:34px; } /** landing page **/ .row-fluid .news_section { padding:80px 0; font-size:18px; line-height:26px; } /* .row-fluid .news_section a { text-decoration:underline; } */ .row-fluid .product_inquiry .list_style ul li:before { top:7px; } .row-fluid .facimlity_img img { width:100%; } .row-fluid .landing_technology { padding:80px 0; } .row-fluid .reliability_cta .btn { width:auto; float:none; display:inline-block; } .row-fluid .lp_top { border-top:40px solid #53565a; } .row-fluid .consistency .main_title h2 { padding:0 0 5px; } .row-fluid .speakers_box_popup { display:none; } .row-fluid .speakers_main { margin-top:15px; text-align:center; } .row-fluid .speakers_box { margin:0 -2px; padding:30px 15px; width:25%; display:inline-block; vertical-align:top; } .row-fluid .speakers_img { height:247px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .row-fluid .speakers_box_inner { margin:0 auto; max-width:242px; width:100%; } .row-fluid .speakers_details { font-size:14px; line-height:22px; color:#3c4043; padding: 10px 0 0;} .row-fluid .speakers_details h3 { padding:0; font-size:24px; line-height:30px; /*font-family:calibri_normal;*/ font-weight:300; } .row-fluid .speakers_details h3 span { /*font-family:calibri_bold;*/ font-weight:700; /*color:#e40046;*/ } .row-fluid .facimlity_highlights { padding:60px 0 100px; } body .speakers_box_popup { max-width:1000px; } .speakers_popup_left { margin:0 -2px; width:220px; display:inline-block; vertical-align:top; text-align:center; font-size:14px; line-height:22px; } .speakers_popup_left h3 { padding:10px 0 0; font-size:24px; line-height:30px; font-family:calibri_normal; font-weight:300; } .speakers_popup_img { width:100%; height:190px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .speakers_popup_details { margin:0 -2px; padding:0 0 0 30px; width:calc(100% - 220px); display:inline-block; vertical-align:top; } .row-fluid .quality_section { padding:80px 0 0 0; } .row-fluid .quality_download_text { margin:0 0 20px; font-size:26px; line-height:36px; } .row-fluid .quality_main h3 { font-size:26px; line-height:36px; font-weight:300; /*font-family:calibri_normal;*/ color:#3c4043; text-align:left; } .row-fluid .quality_down_box { margin:0 -2px; padding:15px; width:33.33%; display:inline-block; vertical-align:top; position:relative; } .row-fluid .quality_top_img { padding:0; border:1px solid #707070; position:relative; height:425px; vertical-align:middle; display:table-cell; } .row-fluid .quality_down_img { background-size:contain; background-position:center center; background-repeat:no-repeat; display: flex; align-items: center; } .row-fluid .quality_down_img img { margin:0 auto; } .row-fluid .quality_down_title { margin-top:20px; font-size:18px; line-height:24px; text-transform:uppercase; text-decoration:underline; word-break: break-all; } .quality .row-fluid .quality_down_title { text-transform: none; color:#101820; } .quality_main h2{font-size:55px;line-height:60px;color:#101820;text-transform:uppercase;font-weight:500;padding:10px 0 0 0;font-weight:bold;font-family: 'DIN Next LT Pro CN' , sans-serif;} .quality_main .subtext{font-size:18px;line-height:32px;font-weight:500;color:#101820;} .quality_main .quality_down_title{text-decoration:none!important;text-align:center;} .quality_main .quality_down_title{margin-top:0!important;} .quality_main .quality_down_title:before{content:'';background:url('https://www.carpenter-additive.com/hubfs/Icons/download-icon-small.png');background-repeat:no-repeat;display:inline-block;margin-right:2px;height:30px;width:32px;margin-bottom:-1px;background-position:bottom center;background-size:55%;} .quality_main .quality_down_main{margin-top:20px;margin-left:20px;} .quality_main .quality_top_img:after{content:'';position:absolute;top:100%;left:100%;right:100%;bottom:100%;background:#333;opacity:.70;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;} .quality_main .quality_down_box:hover .quality_top_img:after{top:0;left:0;right:0;bottom:0;} .quality_main .quality_down_box .post-download{font-size:30px;width:66px;height:53px;line-height:61px;color:#FFF;border:0;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;text-align:center;z-index:1;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;} .quality_main .quality_down_box:hover .post-download{opacity:1;} .quality_main:not(:first-child){margin:50px 0 0 0;} body.quality {background-color: #fdfdfd;} .row-fluid .quality_section{position:relative;} .row-fluid .quality_section:After{background:url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/products-hero-bg-small.png) no-repeat 0 0;content:'';height:887px;left:-100px;position:absolute;top:-130px;width:332px;} .row-fluid .conditions_section { padding:60px 0; } .row-fluid .conditions_box { padding:20px 0; font-size:22px; line-height:28px; text-transform:uppercase; } .row-fluid .conditions_box a { text-transform:none; text-decoration:underline; } .row-fluid .conditions_box h3 { font-size:24px; line-height:30px; } .row-fluid .media_inquiries { padding:60px 0; } .row-fluid .media_inquiries_inner { margin:0 auto !important; max-width:700px; width:100%; float:none; } .row-fluid .media_inquiries_title { margin:0 -2px; display:inline-block; vertical-align:middle; float:none; } .row-fluid .media_inquiries_title h2 { /*font-family:calibri_normal;*/ font-weight: 300; } .row-fluid .media_inquiries_text { margin:0 -2px; padding:0 0 0 30px; font-size:20px; line-height:30px; display:inline-block; vertical-align:middle; float:none; } .row-fluid .media_inquiries_text a { /*font-family:calibri_bold;*/ font-weight:700; } .row-fluid .media_inquiries_text a:hover { color:#53565a; } .cirtificates-inner-group,.certified_section {background-color: #fdfdfd;padding: 65px 0 0 0;} .row-fluid .jump-bar{padding:12px 0 31px 0;margin:30px 0 0 0;position:relative;box-shadow:0 3px 6px rgba(0,0,0,0.16);background-color: #fff;} .row-fluid .jump-bar .hs-menu-wrapper{padding:10px 0 0;} .row-fluid .jump-bar.sticky .hs-menu-wrapper {padding: 20px 0 35px 0;} .row-fluid .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal{} .row-fluid .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul{margin:0; display:flex;justify-content:center;} .row-fluid .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{float:none;} .row-fluid .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 > a{color:#101820;overflow:visible;font-size:18px;font-weight:600;padding:0 0 4px;text-transform:uppercase;position:relative;border-bottom:1px solid #dbdbdb;} .row-fluid .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 > a:after{background-color:#00bfff;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:66px; transition:300ms;} .row-fluid .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 > a:hover:after{width:100%;} .row-fluid .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {margin: 0 50px;} .row-fluid .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child {margin-left:0;} .row-fluid .jump-bar.sticky > div{position:fixed;top:15px;z-index:2;width:100%;left:0;background-color:#fff;padding:65px 0 0 0;} /* */ .row-fluid .whitepaper.hero_inner { background-position: center; } .hero_inner.whitepaper { padding: 140px 0; text-align: left; min-height: auto; } .hero_inner.whitepaper .wrapper >div { max-width: 650px; } .hero_inner.whitepaper h1 { padding: 0; } .row-fluid .whitepaper .form form { max-width: 310px; margin: 0 auto; } .row-fluid .whitepaper .form form .hs-form-field { padding: 0 0 14px; margin: 0; } .row-fluid .whitepaper .form form .hs-form-field label { color: #53565a; font-size: 14px; font-weight: 700; } .row-fluid .whitepaper .form form .hs-form-field .hs-input { border: 2px solid #c8c9c7; } .row-fluid .whitepaper .form form .hs-form-field ul.no-list.hs-error-msgs { display: none !important; } .row-fluid .whitepaper .form form .hs-form-field .hs-input.invalid.error { border-color: #d90000; background-color: #ffe0e0; } .row-fluid .whitepaper .form form .inputs-list .hs-form-booleancheckbox { margin: 13px -26px 0; } .row-fluid .whitepaper .form p { padding: 0; font-size: 14px; line-height: 21px; } .row-fluid .whitepaper .form form .inputs-list .hs-form-booleancheckbox span { font-weight: 400; font-size: 14px; line-height: 21px; } .row-fluid .whitepaper .form form .actions { padding: 30px 0 0; } .row-fluid .whitepaper .form form .actions input { border-radius: 4px; padding: 17px 10px 13px; font-size: 14px; border: none; } .row-fluid .whitepaper .simple-info { padding: 70px 0 0; } .row-fluid .whitepaper .reliability_form { margin-top: -260px; } /* */ .row-fluid .whitepaper .reliability_left .main_title h2 { padding: 0; } .powder_equivalency_box { height: 730px; position: relative; width: 100%; margin: 120px 0 0; } .powder_equivalency_box img.powder-thumb { height: 480px; position: absolute; top: 0; bottom: 0; margin: auto 0; } .powder_equivalency_box .equivalency-box-wrapper { width: 390px; margin-left: auto; height: 100%; position: relative; left: -80px; } .powder_equivalency_box .equivalency-box > div { } .powder_equivalency_box .single-box { position: relative; height: 110px; width: 110px; border-radius: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .powder_equivalency_box .single-box { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; transition: all 0.3s ease; padding:8px; border: 10px solid transparent; position: absolute; z-index: 1; background: #fff; text-align: center; } .powder_equivalency_box .single-box .hover-content { font-size: 14px; line-height: 14px; opacity: 0; visibility: hidden; height: 0; transition: all 0.3s ease; width: 200px; transition-delay: 0s; } .powder_equivalency_box .single-box > div > span { color: #53565a; font-size: 22px; font-weight: 700; line-height: 50px; text-transform: uppercase; display: block; text-align: center; line-height:normal; padding:0 0 4px; } .powder_equivalency_box .single-box .hover-content p { padding: 0; } .powder_equivalency_box .single-box:hover { width: 260px; height: 260px; border-color: #2a5a97; } .powder_equivalency_box .single-box:hover .hover-content { opacity: 1; visibility: visible; height: auto; display: block; margin:0 auto; transition-delay: 0.5s; } .powder_equivalency_box .single-box:hover > div > span { color: #2a5a97; } .powder_equivalency_box .line:after { content: ''; position: absolute; height: 100%; width: calc(100% * 2); border: 2px solid; right: 0; border-radius: 100%; } .powder_equivalency_box .line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; } .powder_equivalency_box .equivalency-box { position: relative; z-index: 2; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .powder_equivalency_box .single-box:nth-child(1) { top: -52px; } .powder_equivalency_box .single-box:nth-child(2) { top: calc(20px * 2); } .powder_equivalency_box .single-box:nth-child(3) { top: -210px; bottom: 0; margin: auto 0; } .powder_equivalency_box .single-box:nth-child(6) { bottom: -52px; } .powder_equivalency_box .single-box:nth-child(5) { bottom: calc(20px * 2); } .powder_equivalency_box .single-box:nth-child(4) { bottom: -210px; top: 0; margin: auto 0; } .powder_equivalency_box .single-box:nth-child(1), .powder_equivalency_box .single-box:nth-child(6) { left: 0; } .powder_equivalency_box .single-box:nth-child(2), .powder_equivalency_box .single-box:nth-child(5) { right: 80px; } .powder_equivalency_box .single-box:nth-child(3), .powder_equivalency_box .single-box:nth-child(4) { right: -40px; } .powder_equivalency_box .single-box:hover:nth-child(1) { top: -110px; left: -90px; } .powder_equivalency_box .single-box:hover:nth-child(2) { right: 20px; top: -30px; } .powder_equivalency_box .single-box:hover:nth-child(3) { top: -170px; right: -90px; } .powder_equivalency_box .single-box:hover:nth-child(4) { right: -100px; } .powder_equivalency_box .single-box:hover:nth-child(5) { bottom: -10px; right: 30px; } .powder_equivalency_box .single-box:hover:nth-child(6) { bottom: -110px; left: -100px; } .powder_equivalency_box .single-box img.hover-content { width: 100px; object-fit: contain; transition: all 0.3s ease; display:none; } .powder_equivalency_box .single-box img.hover-content { height: 120px !important; width: 190px !important; } .powder_equivalency_box .single-box > div{ width:100%; } .row-fluid .sacrifice-stripe { border: 2px solid #1d4f91; border-left: 0; border-right: 0; } .row-fluid .sacrifice-stripe > div > div { display: flex; flex-wrap: wrap; } .row-fluid .sacrifice-stripe .content { padding: 45px 0 60px; } .row-fluid .sacrifice-stripe .thumb { position: relative; } .row-fluid .sacrifice-stripe .thumb *{display:block;height:100%;width:100%;} .row-fluid .sacrifice-stripe .thumb img{position:relative;top:50%;transform:translateY(-50%);} /*.row-fluid .sacrifice-stripe .thumb img { position: absolute; top: 0; width: 100%; height: 100% !important; object-fit: cover; }*/ .row-fluid .sacrifice-stripe .content .btn_style { text-align: right; padding: 10px 0 0; } .row-fluid .sacrifice-stripe .content > div { max-width: 850px; padding-right: 15px; } .row-fluid .sacrifice-stripe .content .widget-type-rich_text { max-width: 640px; } .Innovative-Solutions-section { padding: 60px 0 0; text-align: center; } .row-fluid .v2 .top_inner > div > div { display: flex; align-items: center; justify-content: space-between; width: 100%; } .row-fluid .v2 .top_inner .btn-style { text-align: right; } .powder_equivalency_box .single-box:hover{width:350px;height:350px;z-index:2;} .powder_equivalency_box .single-box img.hover-content{height:175px!important;width:275px!important;} .powder_equivalency_box .single-box .hover-content{width:270px;} /** Medical Manufacturing Lp **/ .row-fluid .medical_hero { padding:100px 0; position:relative; color:#fff; font-size:24px; line-height:32px; } .row-fluid .medical_hero:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: transparent linear-gradient(270deg, #53565A 0%, #111112 100%) 0% 0% no-repeat padding-box; opacity: 0.5; } .row-fluid .medical_hero > div { position:relative; } .row-fluid .medical_hero h1 { color:#fff; font-style: normal; text-transform: inherit; } .row-fluid .medical_hero_inner { max-width:800px; width:100%; } .row-fluid .medical_hero_inner .text { max-width:600px; width:100%; } .row-fluid .medicalform_left { height:500px; width:50%; float:left; } .row-fluid .medicalform_right { padding:50px 5%; width:50%; float:left; } .row-fluid .medicalform_inner { width:100%; max-width:670px; } .row-fluid .medicalform_right .main_title .sub { margin:0 0 15px; font-size:20px; line-height:26px; } .row-fluid .medicalform_right .inputs-list .hs-form-booleancheckbox { padding-left:5px; } .row-fluid .medicalform_right .hs-form .hs-form-field { padding-bottom:0; } .row-fluid .medicalform_right .hs_submit { text-align:center; } .row-fluid .innovative_section { padding:70px 0; } .row-fluid .innovative_main { margin-top:50px; } .row-fluid .innovative_row { margin:0 -2px; padding:2px; width:20%; display:inline-block; vertical-align:top; } .row-fluid .innovative_row a { padding:50px 15px; width:100%; background:#53565a; position:relative; display:inline-block; color:#fff; } .row-fluid .innovative_row a:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/Team_Member_1.png') no-repeat; background-size:cover; background-position:center center; opacity:0.3; } .row-fluid .innovative_row_inner { margin:0 auto; max-width:180px; width:100%; display:inline-block; } .row-fluid .innovative_row_inner .icon { width:40px; float:left; } .row-fluid .innovative_row_inner .title { padding:0 0 0 15px; width:calc(100% - 40px); float:left; } .row-fluid .innovative_row_inner .title h4 { padding:10px 0 20px; font-size:18px; line-height:24px; color:#fff; } .row-fluid .innovative_row_inner .text { color:#fff; font-size:14px; line-height:20px; text-transform: capitalize; } /**/ .news_section #popup_textbox { display:none; } .news_section .touchicon_btn.cta_button span { vertical-align:middle; display:inline-block; float:none; } .fancybox-slide #popup_textbox { height:80vh; max-width:1100px; } #popup_textbox .popup_textbox { width:100%; height: 100%; overflow-y: scroll; overflow-x: hidden; } /**/ .support-journey-sec { padding: 125px 0; background-color: #f7f7f8; position: relative; z-index: 1; } .support-journey-sec:after { background: url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/products-hero-bg-small.png) no-repeat 0 0; content: ''; height: 1157px; left: -120px; position: absolute; top: 510px; width: 472px; background-size: cover; z-index: -1; } .support-journey-sec .inner { display: flex; align-items: center; } .support-journey-sec .inner .left { width: calc(100% - 475px); padding-right: 10px; } .support-journey-sec .inner .left .tag-line { padding: 0 0 15px; } .support-journey-sec .inner .left .tag-line h3 { font-family: 'DIN Next LT Pro' , sans-serif; padding: 0 0; } .support-journey-sec .inner .left .title { } .support-journey-sec .inner .left .title h1 { font-family: 'DIN Next LT Pro' , sans-serif; font-size: 65px; line-height: 75px; font-weight: 700; color: #101820; padding: 15px 0 5px; } .support-journey-sec .inner .left .content { padding: 0 0 15px; font-size: 30px; line-height: 40px; color: #101820; max-width: 632px; } .support-journey-sec .inner .left .image { padding: 0 0 0 31px; } .support-journey-sec .inner .left .help { padding: 30px 0 0; } .support-journey-sec .inner .left .help .help-title h3 { font-family: 'DIN Next LT Pro' , sans-serif; font-size: 40px; line-height: 50px; font-weight: 500; } .support-journey-sec .inner .left .help .list-wrap { padding: 50px 0 0; } .support-journey-sec .inner .left .help .list-wrap .list { display: flex; padding: 0 0 80px; } .support-journey-sec .inner .left .help .list-wrap .list .icon { width: 70px; padding-right: 15px; } .support-journey-sec .inner .left .help .list-wrap .list .icon img { max-height: 60px; } .support-journey-sec .inner .left .help .list-wrap .list .list-content { width: calc(100% - 70px); padding-left: 15px; } .support-journey-sec .inner .left .help .list-wrap .list .list-content h3 { margin: 0; padding: 0 0 3px; } .support-journey-sec .inner .right { width: 475px; padding-left: 10px; } .support-journey-sec .inner .right .default-form { background-color: #fff; box-shadow: 5px 5px 20px rgba(83, 86, 90, 0.16); padding: 50px; margin: 50px 0 0; } .support-journey-sec .inner .right .default-form .form-title { display: none; } .support-journey-sec .inner .right .default-form ul.inputs-list.multi-container > li { width: 50%; float: left; } .support-journey-sec .inner .right .default-form textarea { height: 66px; } .support-journey-sec .inner .right .default-form .hs-form .legal-consent-container { padding: 0 0 0; } .hs-form .hs-form-field.hs-fieldtype-textarea { padding: 15px 0 0; } .support-journey-sec .inner .right .default-form .hs-form .legal-consent-container .hs-richtext p { line-height: 18px; font-size: 12px; font-weight: 700; } .support-journey-sec .inner .right .default-form ul.inputs-list li.hs-form-booleancheckbox span { margin: 0; padding: 0 0 0 20px; } .support-journey-sec .inner .right .default-form .hs-fieldtype-booleancheckbox { padding: 0; margin: 0; } .support-journey-sec .inner .right .default-form .actions { text-align: center; } /* */ @media (min-width:1450px) { .row-fluid .wrapper.wrapper1430{max-width:1430px;padding-left:15px;padding-right:15px;width:100%;} } .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6{color:#fff;} .white-button a{background:#fff url("//7407324.fs1.hubspotusercontent-na1.net/hubfs/7407324/icons/right-arrow.svg") no-repeat right 20px center; text-transform:uppercase; font-weight:500; border-radius:100px;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);color:#565658;display:inline-block;font-size:13px;font-weight:500;letter-spacing:2px;min-width:170px;padding:10px 35px 10px 15px;text-align:center;} .white-button a:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);color:#0080c8;} .button-2 a{background:transparent url(//7407324.fs1.hubspotusercontent-na1.net/hubfs/7407324/icons/right-arrow.svg) no-repeat right 20px center;text-transform:uppercase; font-weight:500;border: 2px solid #fff;border-radius:100px;box-shadow:0 0 17px rgba(0,0,0,0.17);color:#fff;display:inline-block;font-size:13px; letter-spacing:2px;min-width:170px;padding:10px 35px 10px 15px;text-align:center;} .button-2 a:hover{background-color:#FFF;border-color:#fff;color:#0080c8;} .button-3 a, a.button3{background:url(https://7407324.fs1.hubspotusercontent-na1.net/hubfs/7407324/images/global/buttons/gray-arrow.svg) no-repeat scroll right 21px center / 16px auto; text-transform:uppercase; color:#53565a;display:inline-block;font-size:20px;font-weight:500;/* min-width:267px */ ;padding:22px 77px 16px 0;text-align:center; position:relative;} .button-3 a:after, a.button3:after{border:1px solid #c8c9c7;border-radius:100%;content:'';height:58px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:58px;} .button-3 a:before, a.button3:before{border-color:#00bfff transparent;border-style:solid;border-width:2px;border-radius:100%;content:'';height:58px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(31deg);width:58px;transition:1s} .button-3 a:hover:before, a.button3:hover:before{transform:translateY(-50%) rotate(300deg);} .button-3.light a, a.button3.light{color:#fff; background:url(https://7407324.fs1.hubspotusercontent-na1.net/hubfs/7407324/images/global/buttons/white-arrow.svg) no-repeat scroll right 21px center / 16px auto;} .button-3.light a:after, a.button3.light:after{border-color:#fff;} .button-4 a, a.button4{background-color:#fff;border:2px solid #fff;border-radius:20px;box-shadow: 0 -10px 20px rgba(86, 86, 88, 0.05);color:#53565a;display:inline-block;text-transform:capitalize; font-weight:400;font-size:13px;letter-spacing:2px;min-width:170px;padding:10px 25px;text-align:center;} .button-4 a:hover, a.button4:hover{background-color:#FFF;border-color:#fff;color:#0080c8;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .button-5 a{background-color:transparent;border:1px solid #fff;border-radius:100px;color:#fff;display:inline-block;font-size:13px;min-width:170px;padding:10px 25px;text-align:center;letter-spacing:2px;text-transform:uppercase; font-weight:500;} .button-5 a:hover{background-color:#FFF;border-color:#FFF;color:#0080c8;} .button-6 a{background-color:#E40046;border:1px solid #707070;border-radius:100px;box-shadow: 0 -10px 20px rgba(86, 86, 88, 0.05);color:#fff;display:inline-block;font-size:13px;letter-spacing:2px;text-transform:uppercase; font-weight:500;min-width:170px;padding:10px 25px;text-align:center;} .button-6 a:hover{background-color:#fff; color:#E40046; } /* Header footer 2021 */ .header.header-nonav{padding:13px 0px;} .header{background-color:#fff;position:fixed;top:0;width:100%;z-index:9;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); transition:400ms;line-height:normal;} .header .topstrip{background-color:#101820;color:#fff;} .header .topstrip a{color:#fff;} .header .topstrip a:hover{color:#00bfff;} .header .topstrip .inner{display:flex;justify-content:flex-end;} .header .topstrip .search-bar{height:40px;position:relative;width:40px;margin:0 20px 0 0;} .header .topstrip .search-bar a{background:url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/search-icon.svg) no-repeat center center;height:100%;left:0;position:absolute;top:0;width:100%;} .header .topstrip .search-bar .hs-search-field{position:absolute;right:0;top:41px;width:300px;display:none;} .header .topstrip .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{font-size:17px;background:url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/website-globe.svg) no-repeat left center / 22px auto;padding-left:30px;} .header .topstrip .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child a{padding-right:0;} .header.sub-active{box-shadow:none;} .header .header-main{padding:0px 0;} .header .header-main .inner{display:flex;align-items:center; min-height:91px;} .header .header-main .logo{width:255px;} /* .header .header-main .logo img{max-height:60px; width:auto;} */ .header .header-main .main-menu{width:calc(100% - 255px); text-transform: uppercase; display:none;} .header .header-main .main-menu > .hs-menu-wrapper{text-align:right;} .header .header-main .main-menu .hs-menu-wrapper > ul{text-align:left;display: inline-block;} .header .main-menu .nav-toggle{background-color:#e40046;border:0 none;cursor:pointer;min-width:auto;padding:10px 0;position:absolute;right:20px;top:58px;width:43px;} .header .main-menu .nav-toggle .icon-bar{margin: auto; background-color:#fff; border-radius:1px; display:block; height:3px; position:relative; width:22px;transition:400ms; } .header .main-menu .nav-toggle .icon-bar + .icon-bar{margin-top:4px;} .header .main-menu .nav-toggle .icon-bar:nth-child(1), .header .main-menu .nav-toggle .icon-bar:nth-child(3){top:0; transform:rotate(0deg); } .header .main-menu .nav-toggle.nav-menuopen .icon-bar:nth-child(1){top:7px; transform:rotate(45deg);} .header .main-menu .nav-toggle.nav-menuopen .icon-bar:nth-child(2){opacity:0;} .header .main-menu .nav-toggle.nav-menuopen .icon-bar:nth-child(3){top:-7px; transform:rotate(-45deg);} .header .main-menu .mobile-menu span.mobile-toggle{width:36px;height:36px;position:absolute;right:15px;top:0px;transition:400ms;} .header .main-menu .mobile-menu span.mobile-toggle:after,.main-menu .mobile-menu span.mobile-toggle:before{content:'';background-color:#000;height:16px;width:2px;position:absolute;left:17px;top:10px;transition:400ms;} .header .main-menu .mobile-menu span.mobile-toggle:before{transform:rotate(90deg); transition:400ms;} .header .main-menu .mobile-menu span.mobile-toggle.nav-subopen:after{transform:rotate(90deg);} .header .main-menu .mobile-menu span.mobile-toggle.nav-subopen:before{opacity:0;background-color:#fff;transform:rotate(180deg);} .header .main-menu .hs-menu-wrapper ul{padding:0;margin:0;list-style:none;text-align:left;} .header .main-menu .hs-menu-wrapper ul li a{padding:38px 0;display:block;color:#101820;font-size:14px;} .header .main-menu .hs-menu-wrapper > ul{text-align:right;} .header .main-menu .hs-menu-wrapper > ul > li{display:inline-block;vertical-align:middle; opacity:0;} .header .main-menu .hs-menu-wrapper > ul > li:not(:first-child){margin-left:25px;} .header .main-menu .hs-menu-wrapper > ul > li > a{max-width:none;width:auto;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-mega > a:after, .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after{background:url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/down-chevron.svg) no-repeat;content:'';display:inline-block;height:5px;margin:0 0 0 4px;vertical-align:middle;width:9px;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children{position:relative;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper{box-shadow:0 3px 6px rgba(0, 0, 0, 0.16);background-color:#f7f7f8;padding:8px 0;min-width:250px;left:0;top:100%;opacity:0;position:absolute;visibility:hidden;z-index:10;transform:translateY(20px);transition:400ms;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{color:#101820; font-size:17px; padding:6px 15px;} .header .mega-drop{padding:40px 0;left:0;top:135px;opacity:0;position:absolute;visibility:hidden;z-index:10;transform:translateY(20px);transition:400ms;width: 100%;background-color:#fff;border-top:1px solid #f2f2f3;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16);} .header .mega-drop .content{font-size:20px;font-weight:300;line-height:29px;color:#2d343b;min-height:210px;text-transform: none;} .header .mega-drop .content h3{color:#101820;font-size:32px;font-weight:300;letter-spacing:2px;} .header .mega-drop .download-bottom{} .header .mega-drop .download-bottom h6{color:#101820;font-size:14px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;padding-bottom:0;} .header .main-menu .hs-menu-wrapper .mega-drop .download-bottom a{color:#53565a;display:block;font-size:15px;line-height:normal;} .header .main-menu .hs-menu-wrapper .mega-drop .download-bottom a:after{background:url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/download-down.svg) no-repeat left center;content:'';display:inline-block;filter:invert(100%);height:22px;margin:0 0 0 10px;vertical-align:middle;width:17px;} .header .main-menu .hs-menu-wrapper .mega-drop .download-bottom a:hover{color:#00030C;} .header .main-menu .inner{align-items:flex-start;} .header .main-menu .inner .left-text{width:365px;} .header .main-menu .inner .links-wrap{width:calc(100% - 365px);padding:0 0 0 100px;display:flex;} .header .main-menu .inner .links-wrap > div{min-width:370px;} .header .main-menu .inner .links-wrap > div + div{margin:0 0 0 70px;} /*.header .main-menu .links-wrap h5{color:#101820;overflow:visible;font-size:18px;font-weight:500;padding:0 0 4px;text-transform:uppercase;position:relative;} .header .main-menu .links-wrap h5:after{background-color:#00bfff;bottom:0;content:'';height:2px;left:0;position:absolute;width:66px;} .header .main-menu .links-wrap h5 img{filter:invert(1); max-width:27px; margin:0 6px 0 0;}*/ .header .main-menu .links-wrap .hs-menu-wrapper > a{position:relative; padding:10px 0 6px 0; color:#101820;} .header .main-menu .links-wrap .hs-menu-wrapper > a:after{background-color:#00bfff;bottom:0;content:'';height:2px;left:0;position:absolute;width:66px;} .header .main-menu .links-wrap .hs-menu-wrapper > a:hover{font-weight:500;} .header .main-menu .links-wrap .hs-menu-wrapper ul{display:block; padding:0 0 11px;} .header .main-menu .links-wrap .hs-menu-wrapper ul li{display:block;float:none;margin:0;} .header .main-menu .links-wrap .hs-menu-wrapper ul li a{padding:6px 0; color:#53565a; text-transform:none;font-size:16px;} .header .main-menu .links-wrap .hs-menu-wrapper ul li a:hover{color:#00030C;} .header.show .header-main .main-menu{display:block;} .header.show .main-menu .hs-menu-wrapper > ul > li{opacity:1;} .footer-wrapper{background-color:#101820; padding:50px 0;} .footer-wrapper h6{font-size:13px;font-weight:300;letter-spacing:1.3px;text-transform:uppercase;color:#c8c9c7;} .footer-wrapper a{color:#fff;} .footer-wrapper a:hover{color:#c8c9c7;} .footer-wrapper .section-wrap{display:flex;} .footer-wrapper .section-wrap .left-links{width:calc(100% - 370px); padding:0 50px 0 0;} .footer-wrapper .section-wrap .right-form{width:370px;} .footer-wrapper .main-links{max-width:590px;} .footer-wrapper .menu-wrap{margin: 0 -30px; display:flex; padding:18px 0 0 0;} .footer-wrapper .menu-wrap > div{margin:0 30px;width:calc(50% - 60px);} .footer-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{float:none;} .footer-wrapper .hs-menu-wrapper ul li a{display:block;font-size:25px;font-weight:300;line-height:normal;padding:0;} .footer-wrapper .hs-menu-wrapper ul li + li{margin:15px 0 0;} .footer-wrapper .three-links{padding:75px 0 95px;} .footer-wrapper .three-links .hs-menu-wrapper > ul{display:flex;} .footer-wrapper .three-links .hs-menu-wrapper > ul > li{display:block;flex:1 1 auto;margin:0;} .footer-wrapper .three-links .hs-menu-wrapper > ul > li > a{font-family: 'DIN Next LT Pro CN' , sans-serif;font-size:35px;} .footer-wrapper .three-links .hs-menu-wrapper > ul > li > a{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#00BFFF),color-stop(50%,#00BFFF),color-stop(50%,#ffffff));background-size:200% 100%;background-position:100%;transition:1s;} .footer-wrapper .three-links .hs-menu-wrapper > ul > li > a:hover{background-position:0%;} .footer-wrapper .copy-text{color:#666;font-size:14px;} .footer-wrapper .copy-text a{color:#666; display:inline-block; margin:0 0 0 90px;} .footer-wrapper .copy-text a:hover{color:#00BFFF;} .footer-wrapper .right-form{} .footer-wrapper .right-form .form-div{padding:20px 75px 0 0;} .footer-wrapper .right-form .form-div h3{font-size:24px;font-weight:400;line-height:36px;margin:0 0 15px 0;} .footer-wrapper .right-form .form-div .hs-form-field{} .footer-wrapper .right-form .form-div .hs-form-field > label{display:block;font-size:14px;padding:0 0 10px;text-transform:uppercase;} .footer-wrapper .right-form .form-div .hs-form-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){color:#fff; background-color:transparent;border:1px solid #fff;border-radius:0;height:auto;padding:10px 15px;} .footer-wrapper .right-form .form-div .hs_submit{padding:20px 0 0;} .footer-wrapper .right-form .form-div .hs_submit input[type="submit"]{cursor:pointer;text-transform:uppercase;border: 0; border-radius: 100px; box-shadow: 0 0 20px rgb(0 0 0 / 10%); font-size: 13px; color: #53565a; letter-spacing: 2px; font-family: 'DIN Next LT Pro' , sans-serif; font-weight: 400; padding: 12px 25px; width: 170px; background: #fff;} .footer-wrapper .right-form .form-div .hs_submit input[type="submit"]:hover{color:#0080c8;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .footer-wrapper .right-form .social{padding:17px 0 0 0;} .footer-wrapper .right-form .social h6{margin:0 0 22px 0;} .footer-wrapper .right-form .social a{display:inline-block;font-size:22px;margin:0 50px 0 0;vertical-align:middle;} .footer-wrapper .right-form .leader-text{font-family: 'DIN Next LT Pro CN' , sans-serif; color:#ccc; font-size:28px; line-height:30px; padding:44px 0 0;} .product{position:relative; padding:82px 0 90px;background-color: #f7f7f8;} .product:after{background:url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/applications-aerospace.png) no-repeat center;content:'';height:700px;left:-110px;position:absolute;top:100px;width:600px;} .product h2{font-size: 55px;font-family: 'DIN Next LT Pro CN' , sans-serif; font-weight:500;text-transform: uppercase;color: #101820;line-height: 60px;} .product .content-1{font-size:25px;line-height:40px;} .product .content-2{font-size:20px;line-height:32px;} .product .inner{padding:0 0 0 385px;max-width: 1120px;} .product .list-wrapper{display: flex; flex-flow:row wrap; padding:50px 0 0 0;} .product .list-wrapper .list{font-family: 'DIN Next LT Pro CN' , sans-serif;font-size:20px;font-weight:500;margin:0 0 70px;padding:0 0 0 60px;position:relative;width:33.33%;color: #101820;} .product .list-wrapper .list a{color: #101820;} .product .list-wrapper .list span{position: relative;border-bottom:1px solid #dbdbdb;display:inline-block;text-transform: uppercase;} .product .list-wrapper .list span:after{background-color:#00bfff;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:37px; transition:400ms;} .product .list-wrapper .list span:hover:after{width:100%;} .product .list-wrapper .list .icon{left:0;position:absolute;top:50%;transform:translateY(-50%);width: 50px;} .product .list-wrapper .list .icon img{display:block;margin:0 auto;max-height:55px;max-width:50px;} .product .btn-group > div{display:inline-block;vertical-align:middle;} .product .btn-group > div + div{margin:0 0 0 90px;} @media (min-width:999px){ .header .main-menu .hs-menu-wrapper ul li:hover > a, .header .main-menu .hs-menu-wrapper ul li.active > a, .header .main-menu .hs-menu-wrapper ul li.active-branch > a{color:#00030C;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-mega:hover .mega-drop, .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper{opacity:1;visibility:visible;transform:translateY(0);} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children span.mobile-toggle, .nav-toggle{display:none;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a{color:#00030C;} .header.headerfixed{transform:translateY(-42px);} .header .main-menu .hs-menu-wrapper > ul > li{transition:400ms;} } /* /Header footer 2021 */ .cta-box{font-size:22px; line-height:32px; padding:80px 0;} .cta-box .inner{background: linear-gradient(to bottom, #da274d 0%,#fe6966 100%); display:flex; padding:60px 60px 70px;} .cta-box .inner .image{width:70px;} .cta-box .inner .content{padding:0 100px 0 33px; width:calc(100% - 460px);} .cta-box .inner .content h3{font-family: 'DIN Next LT Pro CN' , sans-serif;font-size:39px;padding:0 0 30px;text-transform:uppercase;} .cta-box .inner .button-div{width:390px;/*padding:50px 0 0;*/ margin:30px 0 -20px;} .cta-box .inner .button-div > div + div{padding:30px 0 0;} .cta-box .inner .button-div .button-5 a{display:block; min-width:auto;} .cta-white{background-color:#F2F2F3; padding:80px 0;} .cta-white .widget-type-text{color:#575a5f;letter-spacing:2px;text-transform:uppercase;} .cta-white h3{color:#1a212a;font-size:31px;font-weight:400;text-transform: uppercase;} .cta-white .hs-form{display:flex;} .cta-white .hs-form .hs-form-field label{font-size:13px;letter-spacing:1px;text-transform:uppercase;} .cta-white .hs-form .hs-form-field{margin:0 15px 0 0;padding:0 0 20px;width:calc(100%);} .cta-white .hs-form .hs-form-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){background-color:#f2f2f3;border-radius:0;font-size:19px;height:auto;padding:20px 14px;} .cta-white .hs-form .hs_submit{width:200px;/*margin: 35px 0 0;*/} .cta-white .hs-form .hs_submit input[type="submit"]{cursor:pointer; transition:400ms; background:#fff url("https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/right-chevron.png") no-repeat right 30px center;border:none;border-radius:500px;box-shadow:0 0 17px rgba(0,0,0,0.17);color:#737375;font-family: 'DIN Next LT Pro' , sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;min-width:200px;padding:20px 50px 17px 20px;} .cta-white .hs-form .hs_submit input[type="submit"]:hover{color:#0080c8;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .cta-white .text-module{float:none;text-align:center;width:auto;} .cta-white .form-right{float:none;margin:0;padding:30px 0 0;width:auto;} .cta-white .wrapper > div{margin:0 auto;max-width:calc(100% - 100px);} .cta-white .hs-form fieldset.form-columns-1 .input{margin:0;} .benefits{background-color:#f7f7f8; font-size: 25px;line-height:normal; padding:85px 0 0 0;} .benefits h2{font-size: 55px;font-family: 'DIN Next LT Pro CN' , sans-serif; font-weight:500;text-transform: uppercase;color: #101820;} .benefits .list-wrapper{display:flex; flex-flow:row wrap; justify-content:space-between; padding:50px 0 0;} .benefits .list-wrapper .list{max-width:640px;margin-bottom: 80px;} .benefits .list-wrapper .list h3{color:#101820;font-size:50px;font-weight:300;letter-spacing:-0.03px;line-height:normal;} .hero_section{position:relative;} .hero_section .button-4 a:hover ,.hero_inner .button-4 .cta_button:hover{background-color:#FFF;border-color:#fff;color:#0080c8;box-shadow:0 10px 20px rgb(0 0 0 / 10%);} .hero_section .engineered_video{} .hero_section .engineered_video a{display:none;width:60px;height:60px;font-size:25px;line-height:52px;border:5px solid #e40046;color:#e40046;position:absolute;right:15px;bottom:15px;border-radius:100px;text-align:center;letter-spacing:-6px;} .hero_section .engineered_video a:hover{background:#e40046;border-color:#e40046;color:#fff;} .tab-alloys{color:#fff; padding:65px 0 155px;} .tab-alloys h2, .tab-alloys h3, .tab-alloys h4, .tab-alloys a{color:#fff;} .tab-alloys a:hover{color:#00bfff;} .tab-alloys .container-full{padding-left:calc((100% - 1430px) / 2);} .tab-alloys .sub-text{font-size:13px; padding:0 0 20px 0;} .tab-alloys .tab-wrapper{display:flex;} .tab-alloys .tab-wrapper .dots-dv{width:515px; padding:95px 0 60px; position:relative;} .tab-alloys .tab-wrapper .dots-dv .slick-dots{float:none; width:auto;} .tab-alloys .tab-wrapper .dots-dv .slick-dots > li{display:block;font-size:24px;line-height:normal;position:relative;text-align:left;padding:0 0 0 33px;cursor:pointer;} .tab-alloys .tab-wrapper .dots-dv .slick-dots > li a{color:#c8c9c7;} .tab-alloys .tab-wrapper .dots-dv .slick-dots > li + li{margin-top:35px;} .tab-alloys .tab-wrapper .dots-dv .slick-dots > li:after{background-color:#00bfff;border:2px solid #00bfff;border-radius:100%;content:'';height:10px;left:0;position:absolute;top:9px;width:10px;transition:400ms;} .tab-alloys .tab-wrapper .dots-dv .slick-dots > li:hover, .tab-alloys .tab-wrapper .dots-dv .slick-dots > li.slick-active a{color:#FFF; font-weight:700; font-size:28px;} .tab-alloys .tab-wrapper .dots-dv .slick-dots > li:hover:after{background-color:transparent;height:30px;transform:translate(-11px,-10px);width:30px;} .tab-alloys .tab-wrapper .dots-dv .slick-arrow{background:transparent url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/blue-caret.png) no-repeat center;border:1px solid #ffffff;border-radius:100%;bottom:50px;height:45px;left:0;top:auto;width:45px;} .tab-alloys .tab-wrapper .dots-dv .slick-arrow:before{display:none;} .tab-alloys .tab-wrapper .dots-dv .slick-arrow.slick-next{left:75px;transform:scale(-1);} .tab-alloys .tab-wrapper .dots-dv .slick-arrow:hover{background-color:#fff;} .tab-alloys .tab-wrapper .slide-wrapper{clear:both; width:calc(100% - 515px);} .tab-alloys .tab-wrapper .slide-wrapper .dot-name{display:none;} .tab-alloys .tab-wrapper .slide-wrapper .right-part{display:flex;align-items:center;} .tab-alloys .tab-wrapper .slide-wrapper .right-part .middle-part{width:585px; padding:0 20px 0 0;} .tab-alloys .tab-wrapper .slide-wrapper .right-part .image{width:480px;} .tab-alloys .tab-wrapper .slide-wrapper .rich-text{font-size: 25px; line-height: 40px;} .tab-alloys .tab-wrapper .slide-wrapper .rich-text h2{font-size:35px;font-weight:500;} .tab-alloys .tab-wrapper .slide-wrapper .download-div{} .tab-alloys .tab-wrapper .slide-wrapper .download-div h4{font-size:18px;font-weight:400;} .tab-alloys .tab-wrapper .slide-wrapper .download-div a{background:url(https://7407327.fs1.hubspotusercontent-na1.net/hubfs/7407327/carpenterelectrification/images/download-down.svg) no-repeat left center;display:block;font-size:25px;font-weight:500;line-height:normal;padding:0 0 0 30px;} .tab-alloys .tab-wrapper .slide-wrapper .download-div a:hover{padding:0 0 0 35px;} .tab-alloys .tab-wrapper .slide-wrapper .download-div a + a{margin-top:20px;} .tab-alloys .tab-wrapper .slide-wrapper .button-2{padding:50px 0 0;} @media (max-width:1500px) { .tab-alloys .container-full{padding-left:30px;} } @media (max-width:1449px) { .benefits .list-wrapper .list{max-width:47%;} .support-journey-sec { padding: 120px 0 90px; } .support-journey-sec .inner .left .title h1 { font-size: 57px; } .support-journey-sec .inner .right .default-form { margin: 30px 0 0; } .support-journey-sec:after { width: 412px; } .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 > a{font-size:14px;} } @media (max-width:1350px) { .row-fluid .metal_slider { padding:0 35px; } .row-fluid .metal_slider .slick-arrow.slick-prev { left:0; } .row-fluid .metal_slider .slick-arrow.slick-next { right:0; } .row-fluid .marketsv2_main_top { padding:0 35px; } .row-fluid .marketsv2_main_top .slick-arrow.slick-prev { left:0; } .row-fluid .marketsv2_main_top .slick-arrow.slick-next { right:0; } .row-fluid .whitepaper .reliability_form{margin-top:-90px;} } @media(max-width:1280px){ .powder_equivalency_box img.powder-thumb{height:270px;} } @media (max-width:1300px) { .header .header-main .logo{width:175px;} .header .header-main .main-menu{width:calc(100% - 175px);} .header .main-menu .hs-menu-wrapper > ul > li:not(:first-child){margin-left:15px;} .header .main-menu .hs-menu-wrapper ul li a{font-size: 12px;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{font-size: 14px;} .header .mega-drop .content h3{font-size: 28px; letter-spacing: 0;} .header .main-menu .hs-menu-wrapper .links-wrap .hs-menu-wrapper ul li{margin:0;} .header .main-menu .inner .links-wrap{justify-content:space-between;} .header .main-menu .inner .links-wrap > div{min-width:auto;} .footer-wrapper .copy-text a{margin:0 0 0 20px;} .footer-wrapper .right-form .form-div{padding:20px 0 0;} .footer-wrapper .three-links .hs-menu-wrapper > ul > li > a{font-size:24px;} .footer-wrapper .hs-menu-wrapper ul li a{font-size:18px;} .cta-box .inner{padding:40px 30px 30px;} .cta-box .inner .content{padding:0 40px 0 33px;} .benefits .list-wrapper .list h3{font-size:37px;} .cta-white{padding:70px 0;} .cta-white .text-module{max-width:none;width:100%;} .cta-white .form-right{margin:0;padding:30px 0 0;width:100%;} .row-fluid .engineered_cta [class*="button-"] + [class*="button-"]{margin-left:0; margin-top:40px;display:block;} .tab-alloys .tab-wrapper .dots-dv{width:285px;} .tab-alloys .tab-wrapper .dots-dv .slick-dots > li{font-size:20px;} .tab-alloys .tab-wrapper .dots-dv .slick-dots > li:after{top:4px;} .tab-alloys .tab-wrapper .slide-wrapper{width:calc(100% - 285px);} .tab-alloys .tab-wrapper .slide-wrapper .rich-text{font-size:18px;line-height:30px;} .tab-alloys .tab-wrapper .slide-wrapper .download-div a{font-size:20px;} .support-journey-sec { padding: 90px 0 50px; } .support-journey-sec .inner .left .tag-line h3 { font-size: 24px; } .support-journey-sec .inner .left .title h1 { font-size: 50px; line-height: 58px; padding: 5px 0 15px; } .support-journey-sec .inner .left .content { font-size: 26px; line-height: 34px; padding: 0 0 30px; } .support-journey-sec .inner .left .help .help-title h3 { font-size: 30px; line-height: 42px; } .support-journey-sec .inner .left .help .list-wrap { padding: 30px 0 0; } .support-journey-sec .inner .left .help .list-wrap .list { padding: 0 0 30px; } .support-journey-sec .inner .right { width: 435px; } .support-journey-sec .inner .left { width: calc(100% - 435px); } .support-journey-sec .inner .left { width: calc(100% - 375px); } .support-journey-sec .inner .right { width: 375px; } .support-journey-sec .inner .right .default-form { padding: 40px 30px; } .support-journey-sec .inner .left .image { padding: 0 0; } } @media (min-width: 1002px) and (max-width: 1300px){ h1 { font-size:48px; line-height:55px; } h2 { font-size:34px; line-height:40px; } h3 { font-size:28px; line-height:34px; } h4 { font-size:26px; line-height:30px; } h5 { font-size:22px; line-height:28px; } h6 { font-size:20px; line-height:26px; } .row-fluid .wrapper { width:980px; } .row-fluid .header-main .wrapper { width: 1080px; } .row-fluid .hero_box { padding:160px 0 200px; } .row-fluid .zigzag_img { width:460px; } .row-fluid .zigzag_text { width:calc(100% - 460px) } .row-fluid .people_team_text { margin-top:40px; } .row-fluid .service_row { padding:20px 20px; } .row-fluid .building_title .main_title2 h2 { font-size:44px; line-height:50px; } .row-fluid .charities_box { min-height:220px; } .row-fluid .building_text { margin-top:10px; } } @media (max-width:1200px) { .header .topstrip .inner { justify-content: center; } .jump-bar .hs-menu-wrapper{margin:0 auto;max-width:1000px;} .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul{flex-flow:row wrap;} .product:after{height:100%;width:380px;background-size:contain;} .product .inner{padding:0 0 0 185px;} } @media (min-width: 1001px) and (max-width: 1200px){ h1 { font-size:46px; line-height:52px; } h2 { font-size:32px; line-height:38px; } h3 { font-size:28px; line-height:34px; } h4 { font-size:26px; line-height:30px; } h5 { font-size:22px; line-height:28px; } h6 { font-size:20px; line-height:26px; } .row-fluid .wrapper { width:920px; } .row-fluid .header-main .wrapper { width:920px; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited , .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:35px 13px; } .row-fluid .request_btn { padding:0 0 0 15px; } .row-fluid .hero_box { padding:160px 0 200px; } .row-fluid .zigzag_img { width:430px; } .row-fluid .zigzag_text { width:calc(100% - 430px) } .row-fluid .contamination_right { padding:0 0 0 20px; } .row-fluid .map_main { margin:20px 0; height: 490px; } .row-fluid .quality_box { font-size:24px; line-height:28px; } .row-fluid .markets_img_inner { height:110px; } .row-fluid .solutions_box { width:33.33%; } .row-fluid .innovative_section { padding:50px 0; } .row-fluid .innovative_row { width:33.33%; } .row-fluid .innovative_main { margin-top:30px; } .support-journey-sec { padding: 70px 0 50px; } .support-journey-sec .inner .left .tag-line h3 { font-size: 22px; line-height: 28px; } .support-journey-sec .inner .left .title h1 { font-size: 40px; line-height: 44px; } .support-journey-sec .inner .left .content { padding: 0 0 20px; } .support-journey-sec .inner .left .help .help-title h3 { font-size: 24px; line-height: 32px; } .support-journey-sec .inner .left .help .list-wrap .list { padding: 0 0 20px; } .support-journey-sec .inner .left .content { font-size: 24px; } .support-journey-sec .inner .right .default-form { padding: 40px 25px; } .support-journey-sec .inner .right .default-form textarea, .support-journey-sec .inner .right .default-form select, .support-journey-sec .inner .right .default-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding: 10px 15px; } } @media (max-width: 1000px) { .body-container-wrapper{margin-top: 110px;} .header .header-main .inner{min-height:auto;} .row-fluid .jump-bar {padding: 15px 0;margin: 0px 0 0 0;} .row-fluid .padding_spacing { padding:60px 0; } .jump-bar .hs-menu-wrapper{padding:10px 0;} .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul{flex-flow:row wrap;justify-content:center;} .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{margin:0 20px 20px;} .row-fluid .top { border-top:10px solid; } .row-fluid .header_top .top_inner { padding:0; } .row-fluid .top_inner .logo { width:100%; } .row-fluid .menu_right { line-height:0; } .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited, .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:15px 15px; color:#fff; } .row-fluid .mainmenu .hs-menu-wrapper ul li a { padding:5px 15px; } .row-fluid .menu_section { padding:0; display:none; } .mainmenu ul.hs-menu-children-wrapper { padding:10px 0; background:rgba(200,201,199,0.80); } .row-fluid .header_top { margin:0; padding:10px 0; } .row-fluid .topsocial ul li a { padding:5px !important; } .row-fluid .manufacturing_menu { margin:0 0 10px; width:100%; float:left; } .row-fluid .top_inner .logo img { max-width:200px; } .row-fluid .request_btn { padding:20px 0 0; width:100%; } .row-fluid .request_btn a { display: inline-block; width: auto; } .row-fluid .menu_list { display:none; } .row-fluid .menu_main { width:100%; } .header .header-main {padding: 13px 0;} .header.header-nonav{padding:0px 0px;} .row-fluid .menu_box_inner , .row-fluid .menu_text { text-align:center; } body .row-fluid .mainmenu .hs-menu-wrapper .menu_section .menu_btn a { text-align:center; color:#fff; } .row-fluid .menu_text { margin-left:-4px; padding:0 0 0 15px; width:calc(100% - 150px); text-align:left; } .row-fluid .menu_img { width:150px; height:130px; } .row-fluid .menu_box .title { display:block; position:relative; cursor:pointer; } .row-fluid .menu_box .title a:after { content:"\f078"; display:inline-block; font-family:'fontAwesome'; position:absolute; top:3px; right:18px; } .row-fluid .menu_box_inner { display:none; padding:15px; background:rgba(0,0,0,0.1); } .row-fluid .hero_box { padding:110px 0 160px; } .row-fluid .hero_slider ul.slick-dots { bottom:50px; right:20px; } .row-fluid .hero_box:after { height:30px; background-size:100% 30px; } .row-fluid .hero_btns { margin-top:20px; } .row-fluid .zigzag_section { padding:30px 0 50px; } .row-fluid .zigzag_img { width:100%; height:250px !important; } .row-fluid .zigzag_text , .row-fluid .zigzag_box:nth-child(2n) .zigzag_text { width:100%; padding:20px 15px 30px; text-align:left; } .row-fluid .zigzag_img:before { top:-7px; bottom:-7px; right:-7px; left:-7px; } .row-fluid .offer_section { padding:20px 0 60px; } .row-fluid .offer_main { padding-top: 20px; } .row-fluid .offer_box { margin:0; padding:20px 0 0; width:50%; } .row-fluid .offer_box:hover .offer_inner { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);; } .row-fluid .offer_box:hover .offer_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);; } .row-fluid .manufacturing_text { margin:0; width:100%; } .row-fluid .manufacturing_img { margin:0; width:100%; height:300px !important; } .row-fluid .product_slider { margin-top:30px; } .row-fluid .product_left { width:100%; height:200px !important; } .row-fluid .product_right { width:100%; } .row-fluid .recent_top { padding:0; } .row-fluid .recent_second .recent_text { padding:15% 7%; } .row-fluid .recent_author { position:relative; top:0; display:inline-block; } .row-fluid .engineered_img { width:230px; } .row-fluid .engineered_text { padding:20px 0 20px 40px; width:calc(100% - 235px); } .row-fluid .hero_inner > div + div { padding:100px 0; min-height: auto;} .row-fluid .contamination_section { padding:70px 0 60px; text-align:center } .row-fluid .contamination_img { margin:0 auto !important; width:100%; max-width:350px; float:none; display: inline-block; } .row-fluid .contamination_right { margin:30px 0 0; padding:0; width:100%; } .row-fluid .strip_btns { margin-top:15px; } .row-fluid .traceability_section { padding:40px 0; } .row-fluid .traceability_section .main_title2 { padding:0 0 20px; } .row-fluid .productv2_list { width:100%; min-height:auto; } .row-fluid .productv2_main { padding:10px; width:100%; margin-top:20px; } .row-fluid .productv2_row { padding:0; display:block; } .row-fluid .productv2_list { position:relative; } .row-fluid .productv2_list span.mobile-select { padding:13px 15px; width:100%; float:left; text-align:center; background:#3c4043; color:#fff; font-size:16px; line-height:22px; text-transform:uppercase; font-family: 'DIN Next LT Pro' , sans-serif; font-weight:700; cursor:pointer; } .row-fluid .productv2_list ul { padding:15px; width:100%; background:#fff; border:1px solid #3c4043; position:absolute; top:100%; left:0; display:none; } .row-fluid .productv2_list ul li { width:100%; } .row-fluid .productv2_img { height:260px; } .row-fluid .company_row { width:50%; margin:0 0 10px 0; } .row-fluid .certified_section { padding:0 0 60px; } .row-fluid .strip_section { padding:30px 0 40px; text-align:center; } .row-fluid .strip_btns { text-align:center; } .row-fluid .contamination_right_side { padding:40px 0 60px; } .row-fluid .contamination_right_side .contamination_right { margin:0 0 40px; padding:0; } .row-fluid .latest_news { padding:50px 0; } .row-fluid .latest_news .main_title { padding:0 0 20px; } .row-fluid .latest_news_list { width:100%; } .row-fluid .twitter_list { margin:0; padding:20px 10px 0; width:100%; } .row-fluid .project_form form { padding:0; } .row-fluid .project_form .hs_submit.hs-submit { padding:20px 0 0; position:relative; } .row-fluid .careers_contamination .contamination_right { padding:10px 0 0; } .row-fluid .work_section { padding:40px 0 50px; } .row-fluid .service_row { padding:15px; } .row-fluid .contamination_careers_right { padding:0 0 70px; } .row-fluid .contamination_careers_right .contamination_right { margin:0; } .row-fluid .contamination_slider { margin-top:10px; } .row-fluid .contamination_careers_right .contamination_img { margin-top:30px !important; } .row-fluid .people_section { padding:40px 0 50px; } .row-fluid .people_team { width:100%; } .row-fluid .people_slider { width:100%; } .row-fluid .people_row_inner { height:auto!important; min-height:320px; } .row-fluid .map_section { padding:60px 0 40px; } .row-fluid .map_main { margin:20px 0 0; height: 410px; } .row-fluid .latest_thought { padding:60px 0; } .row-fluid .building_title { padding:0 0 30px; } .row-fluid .building_title .main_title2 h2 { font-size:38px; line-height:46px; } .row-fluid .charities_box { min-height:220px; } .row-fluid .building_text { margin-top:10px; } .row-fluid .building_text { margin:0; width:100%; } .row-fluid .building_row { margin:20px 0 0; width:100%; } .row-fluid .powder_hero { min-height:auto; } .row-fluid .reliability_left { width:100%; } .row-fluid .reliability_form { margin:0; width:100%; } .row-fluid .quality_box { margin:10px 0; font-size:22px; line-height:28px; } .row-fluid .aluminum_list { padding:0 0 60px; } .row-fluid .solutions_box_inner{max-width:none;} .row-fluid .markets_section { padding:60px 0; } .row-fluid .markets_section .main_title2 { padding:0 0 30px; } .row-fluid .markets_left { width:100%; } .row-fluid .markets_img { height:460px !important; } .row-fluid .markets_right { width:100%; padding:0; } .row-fluid .markets_service { padding:15px 0; } .row-fluid .certified_space { padding:50px 0; } .row-fluid .markets_img_row { padding:2px; } .row-fluid .strip_section2 { padding:50px 0; } .row-fluid .production .productv2_list { width:100%; } .row-fluid .production .productv2_main { margin:0; width:100%; } .row-fluid .production .productv2_list ul li a { padding:10px 15px; } .row-fluid .production .productv2_list ul li .text h4 { padding:0 0 5px; } .row-fluid .productv2_main { padding:0; border:none; background: transparent; } .row-fluid .productv2_row { margin: 5px 0; padding: 0; display: block; } .row-fluid .productv2_row .title { padding:13px 30px 13px 15px; width:100%; float:left; background:#3c4043; color:#fff; font-size:16px; line-height:22px; text-transform:capitalize; font-family: 'DIN Next LT Pro' , sans-serif; font-weight:700; cursor:pointer; display:block; position:relative; cursor:pointer; } .row-fluid .productv2_row .title:after { content:"\f107"; font-family:'fontAwesome'; position:absolute; top:13px; right:15px; } .row-fluid .productv2_row .title.active:after { content:"\f106"; } .row-fluid .productv2_inner_box { padding:10px; border:1px solid #3c4043; background:#fff; float:left; display:none; } .row-fluid .solutions_box { width:33.33%; } .row-fluid .top_header { border-top:10px solid; } .row-fluid .manufactured_production { padding:0 0 50px; } .row-fluid .location_section { padding:50px 0 30px; } .row-fluid .location_box { width:50%; } .row-fluid .location_box_inside { padding:12px 15px; font-size:20px; line-height:24px; text-align:left; } .row-fluid .location_title_box { width:50%; } .row-fluid .location_top_main { position:relative; } .row-fluid .location_main span.mobile-select { padding:13px 15px; width:100%; float:left; text-align:center; background:#3c4043; color:#fff; font-size:16px; line-height:22px; text-transform:uppercase; font-family: 'DIN Next LT Pro' , sans-serif; font-weight:700; cursor:pointer; } .row-fluid .location_top { padding:15px; width:100%; background:#fff; border:1px solid #3c4043; position:absolute; top:100%; left:0; display:none; z-index:99; } .row-fluid .location_title_box { width:100%; } .row-fluid .location_box_inside .sameheight { height:auto !important; } /** Contact page **/ .row-fluid .contact_hero { padding:50px 0; } .row-fluid .contact_left { margin:0; padding:0; width:100%; float:left; text-align:left; } .row-fluid .contact_form { margin:0; width:100%; float:left; } .row-fluid .contant_box { width:100%; } .row-fluid .contant_box .sameheight { height:auto !important; } .row-fluid .resources_section { padding:50px 0; } .row-fluid .box_section { margin:40px 0 20px 0; } .row-fluid .box_left { margin:0; width:100%; } .row-fluid .box_right { margin:30px 0 0; width:100%; } .row-fluid .featured_row { width:50%; } .row-fluid .studies_slider { padding:0 20px; } .row-fluid .studies_slider .slick-arrow.slick-prev { left:-15px; } .row-fluid .studies_slider .slick-arrow.slick-next { right:-15px; } body .people_popup { text-align:center; } .people_popup_img { margin:0 auto; width:100%; max-width:250px; height:300px; float:none; display:inline-block; } .people_popup_right { padding:20px 0 0; width:100%; text-align:center; } .people_popup_right h3 { padding:0; } .row-fluid .nav_menu.fixed { top:0; } .row-fluid .nav_menu { position:relative; } .row-fluid .nav_menu .wrapper { padding:0; } span.select_nav { padding:15px 15px; width:100%; background:#e40046; float:left; font-size:18px; line-height:26px; color:#fff; font-family: 'DIN Next LT Pro' , sans-serif; font-weight:700; text-transform:uppercase; text-align:center; } .row-fluid .nav_menu ul { float:left; width:100%; display:none; position:absolute; top:100%; left:0; width:100%; z-index:999; background:#e40046; } .row-fluid .nav_menu ul li , .row-fluid .nav_menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width:100%; } .row-fluid .resources_section .hs_cos_wrapper_type_module { width:100%; float:left; } .row-fluid .methods_list { width:100%; min-height:auto; display:none; } .row-fluid .methods_main { margin:0; padding:0; width:100%; border:none; height:auto; } .row-fluid .methods_row { margin:5px 0; padding:0; display:block; } .row-fluid .methods_inner_box { padding:10px; display:none; border:1px solid #3c4043; } .row-fluid .methods_list { position:relative; } .row-fluid .methods_row .title { padding:13px 30px 13px 15px; width:100%; float:left; background:#3c4043; color:#fff; font-size:16px; line-height:22px; text-transform:uppercase; font-family: 'DIN Next LT Pro' , sans-serif; font-weight:700; cursor:pointer; display:block; position:relative; } .row-fluid .methods_row .title:after { content:"\f107"; font-family:'fontAwesome'; position:absolute; top:13px; right:15px; } .row-fluid .methods_row .title.active:after { content:"\f106"; } .row-fluid .methods_list ul { padding:15px; width:100%; background:#fff; border:1px solid #3c4043; position:absolute; top:100%; left:0; display:none; } .row-fluid .methods_list ul li { width:100%; } .row-fluid .methods_img { height:260px; } .row-fluid .methods_mainv2 .methods_img { width:100%; float:left; } .row-fluid .methods_mainv2 .methods_text { padding:20px 0 20px 20px; width:100%; float:left; } .row-fluid .aluminum_list ul li { font-size:18px; } .row-fluid .marketsv2_img { width:100%; } .row-fluid .marketsv2_text { padding:20px 10px 0; width:100%; } .row-fluid .blog_section { padding:60px 0 30px; } .row-fluid .blog_left { width:100%; } .row-fluid .blog_sidebar { margin:20px 0 0; width:100%; } .row-fluid .privacy_section { padding:60px 0; } .row-fluid .notice_box { width:50%; } .row-fluid .news_section { padding:50px 0; } /** Update **/ .row-fluid .contamination_right ul { text-align:left; } .row-fluid .speakers_box { width:33.33%; } .row-fluid .quality_down_box { width:50%; } .row-fluid .quality_download_text { font-size:20px; line-height:28px; } .row-fluid .conditions_section { padding:40px 0; } .row-fluid .conditions_box { padding:10px 0; font-size:20px; line-height:28px; } .row-fluid .whitepaper .reliability_form { margin: 0; } .row-fluid .whitepaper .reliability_form_wrapper { width: 100%; margin: 0; padding: 40px 0 0; } .row-fluid .whitepaper .form form { width: 100%; max-width: 500px; } .powder_equivalency_box { width: 500px; margin: 0 auto 0; } .powder_equivalency_box .equivalency-box { } .powder_equivalency_box .equivalency-box-wrapper { transform: rotate(-90deg) translateY(-50%); left: 44%; } .powder_equivalency_box .single-box { transform: rotate(90deg); } .powder_equivalency_box img.powder-thumb { margin-bottom: 0; left: 50%; transform: translateX(-50%); margin-left: 30px; } .powder_equivalency_box { height: 540px; } .powder_equivalency_box .single-box:nth-child(2) { right: 110px; top: -10px; } .powder_equivalency_box .single-box:nth-child(5) { bottom: 0px; right: 120px; } .powder_equivalency_box .single-box:hover { z-index: 2; } .row-fluid .whitepaper { } .row-fluid .whitepaper .reliability_left { text-align: center; } .row-fluid .sacrifice-stripe > div > div{display:block;} .row-fluid .sacrifice-stripe > div > div > div {float: none; width: auto;} .row-fluid .sacrifice-stripe .thumb img {position: static;transform: none;} .row-fluid .sacrifice-stripe .content .widget-type-rich_text{max-width:none;} .row-fluid .medical_form { padding:50px 0 0; } .row-fluid .medicalform_left { margin: 0 auto; max-width: 500px; width:100%; height:500px !important; float: none; } .row-fluid .medicalform_right { width:100%; } .row-fluid .medicalform_inner { margin:0 auto; } .row-fluid .medicalform_right { padding:30px 15px 0; } .row-fluid .innovative_section { padding:50px 0; } .row-fluid .innovative_row { width:33.33%; } .row-fluid .innovative_main { margin-top:30px; } .row-fluid .header .wrapper{padding:0 15px;width:auto;} .header .main-menu .hs-menu-wrapper ul li a{color:;padding:10px 15px;} .header .main-menu .hs-menu-wrapper > ul{background-color:#fff;display:none;left:0;margin:0;position:absolute;text-align:left;top:114px;width:100%;padding:10px 0 0;overflow:auto;max-height:calc(100vh - 130px);} .header .main-menu .hs-menu-wrapper > ul > li{display:block;float:none;} .header .main-menu .hs-menu-wrapper > ul > li:not(:first-child){margin-left:0;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper{background-color:#F7F7F8; box-shadow:none; position:static;opacity:1;visibility:visible;display:none;width:100%;transform:translateY(0); transition:none !important;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding:6px 15px 6px 30px;} .header .header-main .main-menu .hs-menu-wrapper > ul{display:none;} .header .mega-drop{background-color:#F7F7F8; position:static;opacity:1;visibility:visible;display:none;width:100%;transform:translateY(0); transition:none !important;padding:10px 0 20px 0;} .header .main-menu .inner{display:block;} .header .main-menu .inner .left-text{width:auto;} .header .mega-drop{box-shadow:none;} .header .mega-drop .content{font-size:16px;line-height:23px;min-height:auto; padding:0 0 20px;} .header .mega-drop .content h3{font-size:18px;font-weight:500;padding-bottom:0;} .header .mega-drop .content p{padding:0;} .header .main-menu .inner .links-wrap{display:block;padding:20px 0 0;width:auto;} .header .main-menu .inner .links-wrap .hs-menu-wrapper ul{background-color:transparent;display:block;opacity:1;position:static;visibility:visible;} .header .main-menu .links-wrap .hs-menu-wrapper ul li a{padding:3px 0;} .header .main-menu .inner .links-wrap > div + div{margin:30px 0 0 0;} .header .main-menu .hs-menu-wrapper .mega-drop .download-bottom a{font-size:14px;padding-left:0;} .header .main-menu .hs-menu-wrapper > ul > li.hs-item-has-mega{position:relative;} .header .main-menu .links-wrap .hs-menu-wrapper > a img{display:inline-block;max-width:22px;vertical-align:middle;} .footer-wrapper .menu-wrap{display:block;margin:0;} .footer-wrapper .menu-wrap > div{margin:0;width:auto;} .footer-wrapper .menu-wrap > div + div{margin:19px 0 0;} .footer-wrapper .three-links .hs-menu-wrapper > ul{display:block;} .cta-box .inner{flex-flow:row wrap;} .cta-box .inner .content{width:calc(100% - 70px);} .cta-box .inner .button-div{width: 100%; margin:40px 0 0 0;} .cta-white{padding:60px 0;} .cta-white .wrapper > div{max-width:none;} .cta-white .text-module{float:none; max-width:none; width:auto;} .cta-white .form-right{padding:20px 0 0;width:auto;float: none;} .cta-white .hs-form{flex-flow:row wrap; justify-content:center;} .cta-white .hs-form .hs-form-field{float:none;max-width:none;width:auto;} .tab-alloys{padding:65px 0 95px;} .tab-alloys .container-full{padding:0 15px;} .tab-alloys .title-part{padding:0 0 40px 0;} .tab-alloys .tab-wrapper{display:block;} .tab-alloys .tab-wrapper .dots-dv{display:none;} .tab-alloys .tab-wrapper .slide-wrapper{width:auto;} .tab-alloys .tab-wrapper .slide-wrapper .slick-dots li a{background-color:#fff;border-radius:100%;color:transparent;display:block;font-size:0;height:15px;opacity:0.4;transition:all 400ms ease 0s;width:15px;} .tab-alloys .tab-wrapper .slide-wrapper .slick-dots li.slick-active a{opacity:1;} } @media (min-width: 768px) and (max-width: 1000px){ h1 { font-size:46px; line-height:52px; } h2 { font-size:32px; line-height:38px; } h3 { font-size:28px; line-height:34px; } h4 { font-size:26px; line-height:30px; } h5 { font-size:22px; line-height:28px; } h6 { font-size:20px; line-height:26px; } .row-fluid .wrapper { width:720px; } .row-fluid .zigzag_img { width:100%; height:500px; } .row-fluid .zigzag_text { width:100%; } .row-fluid .map_iframe iframe { height:550px } } @media(max-width: 1000px){ .support-journey-sec { padding: 60px 0 30px; } .support-journey-sec .inner .left { width: auto; padding: 0 0 10px; } .support-journey-sec .inner { display: block; } .support-journey-sec .inner .right { width: auto; padding: 0 0 20px; } .support-journey-sec .inner .right .default-form { margin: 20px 0 0; } .support-journey-sec .inner .left .title h1 { font-size: 38px; line-height: 44px; } .support-journey-sec .inner .left .tag-line h3 { font-size: 22px; } .support-journey-sec .inner .left .help { padding: 20px 0 0; } .support-journey-sec .inner .left .help .help-title h3 { font-size: 26px; line-height: 36px; } .support-journey-sec .inner .left .help .list-wrap { padding: 20px 0 0; } .support-journey-sec .inner .left .content { padding: 0 0 15px; } .support-journey-sec .inner .left .help .list-wrap .list { padding: 0 0 20px; } .support-journey-sec .inner .left .help .list-wrap .list .list-content h3 { font-size: 24px; } .support-journey-sec .inner .left .content { font-size: 24px; } } @media(max-width: 767px){ #hubspot-messages-iframe-container{display: none !important;} .row-fluid .hero_video { height: 100vh; } .row-fluid .hero_text{ padding-left: 15px; padding-right: 15px; min-height: 450px;} .hero_section .engineered_video a{z-index: 5;display:none;} .product:after{display:none;} .product .inner{padding:0;max-width:1120px;} .product .list-wrapper .list{width:100%;margin: 0 0 30px 0;} .product .btn-group > div + div{margin:30px 0 0 0;width:100%;} .product .btn-group > div + div a{min-width:100%;} .product h2{font-size:40px;line-height:44px;} .product .list-wrapper .list .icon img {max-height: 25px;} .row-fluid .company_row { width:100%; margin:0 0 30px 0; } .quality_main .quality_down_main {margin-left: 0;} .quality .row-fluid .hero_inner h1 { padding-left: 50px; } .quality .row-fluid .hero_inner > div + div { padding: 200px 0; } .row-fluid .jump-bar { padding: 15px 20px; margin: 0 auto; } .jump-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{margin: 12px auto;} .support-journey-sec { padding: 40px 0 30px; } .support-journey-sec .inner .left .tag-line h3 { font-size: 20px; } .support-journey-sec .inner .left .title h1 { font-size: 34px; line-height: 40px; } .support-journey-sec .inner .left .content { font-size: 22px; line-height: 26px; } .support-journey-sec .inner .left .help .help-title h3 { font-size: 24px; line-height: 32px; } .support-journey-sec .inner .right .default-form { margin: 0 0; } .row-fluid .hs-form fieldset.form-columns-2 .field { padding: 0 0; } .support-journey-sec .inner .right .default-form .hs-fieldtype-checkbox { padding: 20px 0 0; } body.blog .row-fluid .without_btn_hero {padding: 60px 0;} .hero_section{overflow:hidden;} .row-fluid .hero_box .wrapper{min-height: auto;padding: 0px 0 90px;} } @media(max-width: 500px){ .support-journey-sec .inner .left .title h1 { font-size: 30px; line-height: 36px; } .support-journey-sec .inner .left .content { font-size: 20px; line-height: 24px; padding: 0 0 25px; } .support-journey-sec .inner .left .help .help-title h3 { font-size: 20px; line-height: 26px; } .support-journey-sec .inner .right .default-form { padding: 35px 15px; } } @media (min-width: 30px) and (max-width: 767px){ body{font-size:15px;} h2 { font-size:30px; line-height:32px; } h3 { font-size:26px; line-height:32px; } h4 { font-size:24px; line-height:30px; } h5 { font-size:22px; line-height:28px; } h6 { font-size:20px; line-height:26px; } .row-fluid ol.flex-control-nav li a, ul.slick-dots li button { width:10px; height:10px; } .row-fluid .wrapper { width:100%; padding:0 15px; float:left !important; } body.blog .row-fluid .wrapper {float:none !important} .row-fluid .hero_box { padding:70px 0 100px; } .row-fluid .hero_btns .btn { margin: 10px 5px; } .row-fluid .hero_inner > div + div { font-size:20px; line-height:26px;} .row-fluid .hero_slider ul.slick-dots { bottom:30px; right:10px; width:100%; } .row-fluid .manufacturing_section { padding:60px 0; } .row-fluid .manufacturing_text { padding:20px 15px 30px; } .row-fluid .engineered_img { margin:0 auto !important; float:none; width:100%; max-width:240px; display:block; } .row-fluid .engineered_text { width:100%; padding:15px 0 0; text-align:center;margin:0px auto; } .row-fluid .engineered_cta { text-align:center; } .row-fluid .footer_cta { padding:20px 0 15px; text-align:left; } .row-fluid .footer_bottom { text-align:center; } .row-fluid .footer_cta .link-style2 { margin:5px; } .row-fluid .request_img { height:270px !important; } .row-fluid .hero_inner_btn { margin-top:30px; } .row-fluid .production_box { padding:20px 0; } .row-fluid .production_text { margin: 0 auto; width:100%; max-width: 300px; float: none; display: block; text-align:center; } .row-fluid .production_box:nth-child(2n) .production_text { float:none; } .row-fluid .production_img { margin:0 auto 20px; position:relative; top:auto; -webkit-transform: inherit; -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; transform: inherit;; } .row-fluid .production_box:nth-child(2n):before , .row-fluid .production_main_inner:before , .row-fluid .production_box:before , .row-fluid .production_text:after { display:none; } .row-fluid .recent_row { padding:8px 0; width:100%; } .row-fluid .twitter_list { padding:20px 0 0; float:left; } .row-fluid .service_row { width:100%; padding:15px 0; } .row-fluid .map_section { padding:40px 0 40px; } .row-fluid .reliability_form { padding:30px 15px 40px; } .row-fluid .markets_img { height:380px !important; } .row-fluid .markets_service h4 { font-size:24px; line-height:30px; } .row-fluid .request_btns { text-align:center; } .row-fluid .solutions_main { padding:30px 0 60px; } .row-fluid .solutions_box { width:50%; } .row-fluid .contact_form { padding:30px 15px; } .row-fluid .directions_section { padding:40px 0 55px; } .row-fluid .contant_box { padding:30px 15px; font-size:18px; } .row-fluid .map_iframe iframe { height:400px } .row-fluid .box_section { padding:40px 15px; } .row-fluid .studies_slider .slick-arrow.slick-prev { left:-9px; } .row-fluid .studies_slider .slick-arrow.slick-next { right:-9px; } .row-fluid .about-author-sec .author_img { margin:0 auto; float:none; display:block; } .row-fluid .about-author-sec .author_text { padding:10px 0 0; width:100%; text-align:center; } .row-fluid .notice_section { padding:60px 0; } .row-fluid .cookies_table ul li , .row-fluid .cookies_table ul li:nth-child(4) { width:100%; } .row-fluid .cookies_table ul li span { height:auto !important; } .row-fluid .facimlity_highlights { padding:50px 0 70px; } .row-fluid .speakers_box { margin:0; padding:20px 15px; width:260px; } body .speakers_box_popup { padding:20px; text-align:center; } .speakers_popup_left { margin:0; } .speakers_popup_details { padding:30px 0 0; width:100%; } .row-fluid .landing_technology { padding:60px 0; } .row-fluid .quality_section { padding:60px 0; } .row-fluid .media_inquiries { padding:40px 0; text-align:center; } .row-fluid .media_inquiries_title { margin:0; width:100%; } .row-fluid .media_inquiries_text { margin:10px 0 0; padding:0; width:100%; } .row-fluid .main_title2 h2{line-height:40px;} .powder_equivalency_box .equivalency-box { position: static; display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 0 0; } .powder_equivalency_box .line { display: none; } .powder_equivalency_box .equivalency-box-wrapper { transform: none; position: static; margin: 0; width: 100%; } .powder_equivalency_box { transform: none; width: 100%; height: auto; } .powder_equivalency_box .single-box { position: static !important; transform: none; border-width: 3px; } .powder_equivalency_box .single-box { width: 50%; height: 230px; border-color: #2a5a97; border-radius: 0; } .powder_equivalency_box .single-box .hover-content { height: 100%; opacity: 1; visibility: visible; width: 100%; } .powder_equivalency_box img.powder-thumb { position: static; margin: 30px auto 0; display: block; transform: none; } .powder_equivalency_box .equivalency-box > div { width: calc(50% - 30px) !important; margin: 15px 15px !important; } .powder_equivalency_box .single-box:hover .hover-content { width: 100%; transition-delay: 0; } .row-fluid .whitepaper .reliability_form_wrapper { padding: 0; } .row-fluid .sacrifice-stripe .thumb { min-height: 100px; width: 100%;} .row-fluid .sacrifice-stripe .thumb img { } .row-fluid .sacrifice-stripe > div > div > div { width: 100%; margin: 0; } .row-fluid .sacrifice-stripe .content { padding: 40px 15px 50px; } .Innovative-Solutions-section { padding: 40px 0 0; } .powder_equivalency_box .single-box { height: auto !important; display: block; pointer-events: none; } .powder_equivalency_box .single-box:hover > div > span { line-height: normal; } .powder_equivalency_box .single-box > div > span { line-height: normal; padding: 0 0 4px; } .powder_equivalency_box .single-box:hover .hover-content { width: auto; margin: 0 auto; } .row-fluid .whitepaper .form form .inputs-list .hs-form-booleancheckbox { margin: 13px 0px 0; } .row-fluid .whitepaper .simple-info { padding: 40px 0 0; } .row-fluid .v2 .top_inner > div > div { flex-wrap: wrap; } .row-fluid .v2 .top_inner .logo { width: 220px; } .row-fluid .v2 .top_inner .logo + div { width: calc(100% - 220px); } .row-fluid .v2 .top_inner .btn-style a { margin: 0; } .hero_inner.whitepaper { text-align: center; padding:0; } .hero_inner.whitepaper .wrapper >div { max-width: 100%; } .row-fluid .sacrifice-stripe .content > div{ padding:0px; } .powder_equivalency_box .single-box img.hover-content { display:block !important; margin:0 auto; } .row-fluid .reliability_form .pfd-click{margin: 4px 0 10px;} .row-fluid .reliability_form .pfd-click > fieldset:nth-child(1){float:none;width:auto;} .row-fluid .reliability_form .pfd-click > fieldset:nth-child(2){float:none;padding:10px 0 0;width:auto;} .row-fluid .medical_hero { padding:70px 0; font-size: 20px; line-height: 28px; } .row-fluid .medicalform_left { height:420px !important; max-width:100%; } .row-fluid .innovative_row { width:50%; } .news_section .touchicon_btn.cta_button { margin-bottom:15px; } .news_section #hs-cta-wrapper-f18d2929-002d-4deb-b0e3-b30c5c60ed85 { margin-bottom:15px; display: inline-block; vertical-align: middle; } .row-fluid .header .wrapper, .row-fluid .footer-wrapper .wrapper{float:none !important;} .footer-wrapper .section-wrap{display:block;} .footer-wrapper .section-wrap .left-links{padding:0 0 50px;width:auto;} .footer-wrapper .section-wrap .right-form{width:auto;} .footer-wrapper .three-links{padding:35px 0 0;} .footer-wrapper .right-form .form-div{padding:0;} .footer-wrapper .copy-text{padding:50px 0 0;} .footer-wrapper .right-form .form-div .hs_submit{padding:0;} .cta-box{font-size:18px;line-height:28px;} .cta-box .inner{display:block;} .cta-box .inner .content{padding:30px 0 0;width:auto;} .cta-box .inner .button-div{width:auto;} .cta-box .inner .button-div [class*="button-"] a{display:block;font-size:16px;letter-spacing:0;min-width:auto;padding:13px 15px 11px;} .cta-white h3{font-size:26px;} .row-fluid .cta-white .hs-form [class*="columns-"] .hs-form-field{float:none; padding:0 0 20px; width:100%;} .row-fluid .cta-white .hs-form fieldset.form-columns-2 .field:first-child{padding-right:0;} .cta-white .hs-form{display:block;} .cta-white .hs-form .hs-form-field{margin:0;} .cta-white .hs-form .hs-form-field.hs-email{max-width:none;} .cta-white .hs-form .hs_submit{float:none;margin:20px 0 0;width:auto;} .benefits{font-size:18px;line-height:28px;overflow: hidden;padding:85px 0 40px;} .benefits h2{font-size:32px;line-height:42px;} .benefits .list-wrapper{display:block;} .benefits .list-wrapper .list{max-width:none;margin-bottom:30px;} .benefits .list-wrapper .list h3{font-size:28px;} .tab-alloys{padding:65px 0 95px;} .tab-alloys .tab-wrapper .slide-wrapper .right-part{display:block;} .tab-alloys .tab-wrapper .slide-wrapper .right-part .middle-part{padding:0 0 50px;width:auto;} .tab-alloys .tab-wrapper .slide-wrapper .right-part .image{margin:0 auto;max-width:240px;width:auto;} .tab-alloys .tab-wrapper .slide-wrapper .rich-text h2{font-size:26px;} .quality .row-fluid .hero_inner h1 { padding-left: 0px; text-align: center; } .quality .row-fluid .hero_inner > div + div { padding: 200px 0; } } @media(max-width:600px) { .row-fluid .featured_row { width:100%; } .row-fluid .featured_inner { height:auto !important; } .row-fluid .documentation_row { padding:0 0 10px; width:100%; } .row-fluid .post_box { padding:10px 0; width:100%; } .row-fluid .quality_down_box { padding:20px 0; width:100%; } } @media(max-width:500px) { .row-fluid .project_form .hs-form-field { padding:5px 0; width:100%; } .row-fluid .offer_box { width:100%; } .row-fluid .offer_text { padding:50px 10px 100px; } .row-fluid .product_right { padding:30px 15px; text-align:center } .row-fluid .person_image { margin:0 auto; width:100%; max-width:80px; float:none; display:block; } .row-fluid .product_text { padding:15px 0 0; width:100%; } .row-fluid .btn_arrow { position:relative; } .row-fluid .hero_inner > div + div { padding:70px 0; } .row-fluid .menu_img { display:block; margin: 0 auto; } .row-fluid .menu_text { margin:0; padding:10px 0 0; width:100%; } .row-fluid .service_icon { margin:0 auto; display:block; float:none; } .row-fluid .service_text { padding:15px 0 0; width:100%; text-align:center; } .row-fluid .people_slider { margin:0 auto; max-width:300px; float:none; display:inline-block; } .row-fluid .charities_box { width:50%; } .row-fluid .markets_img_row { width:50%; } .row-fluid .solutions_box { margin:0; width:100%; } .row-fluid .location_box { width:100%; } .row-fluid .marketsv2_img { height:270px; } .row-fluid .notice_box { margin:0; padding:15px 0; width:100%; } .row-fluid .notice_box .sameheight { height:auto !important; } .row-fluid .v2 .top_inner .logo { width: 100%; text-align: center; } .row-fluid .v2 .top_inner .logo + div { width: 100%; text-align: center; padding-bottom: 10px; } .powder_equivalency_box .equivalency-box > div { width: 100% !important; margin: 15px 0 !important; } .powder_equivalency_box img.powder-thumb { height: 170px; } .row-fluid .sacrifice-stripe .content .btn_style { text-align: left; padding: 0; } .row-fluid .innovative_row { width:100%; } .row-fluid .medicalform_left { height:280px !important; } .certified_section .hs_cos_wrapper_type_text{margin:0 0 20px;display:block} .cta-box .inner .button-div .button-3 a{text-align:left;} } /******************** New Menu Toggle **************************/ @media (min-width: 1001px){ .row-fluid .location_box_inside .sameheight { display: table; } .row-fluid .location_box_inside .sameheight span { display: table-cell; vertical-align: middle; } a.mobile-trigger, span.child-triggerm { display: none !important; /* Hide button on Desktop */ } .row-fluid .mainmenu .hs-menu-wrapper { display: block !important; } } @media (max-width: 1000px){ /* 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 */ .mainmenu, .mainmenu *{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: #fff; } /* Child Toggle Button ========================================================================== */ span.child-triggerm { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 55px !important; /* Button height */ padding: 0 !important; } span.child-triggerm:hover { text-decoration: none; } /* Child Toggle Button Icon & Animations ========================================================================== */ span.child-triggerm:before { content:''; width:55px; height:55px; background:url('https://6205315.fs1.hubspotusercontent-na1.net/hubfs/6205315/carpenter_additive/image/angle-down.svg') no-repeat; background-size:18px; background-position:center center; display:inline-block; } .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; } .menu-trigger { width:auto; position:absolute; top:33px; right:18px; cursor:pointer; } .menu-trigger span { margin: 0 auto; position: relative; top: 12px; } .menu-trigger span:before, .menu-trigger span:after { position: absolute; content: ''; } .menu-trigger span, .menu-trigger span:before, .menu-trigger span:after { width: 30px; height: 5px; background-color:#e40046; display: block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .menu-trigger span:before { margin-top: -10px; } .menu-trigger span:after { margin-top: 10px; } .example5 span { -webkit-transition-duration: 0.001s; transition-duration: 0.001s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .mobile-open .example5 span { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .example5 span:before { -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0.001s; transition-delay: 0.2s, 0.001s; } .mobile-open .example5 span:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.001s, 0.2s; transition-delay: 0.001s, 0.2s; } .example5 span:after { -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0.001s; transition-delay: 0.2s, 0.001s; } .mobile-open .example5 span:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0.001s, 0.2s; transition-delay: 0.001s, 0.2s; } .top.fixed .menu-trigger span, .top.fixed .menu-trigger span:before, .top.fixed .menu-trigger span:after { background:#00bbd2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;; } .mobile-open .top.fixed .example5 span { background-color: rgba(0,0,0,0.0); } /* Hide menu on mobile */ .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .mainmenu.js-enabled .hs-menu-flow-horizontal{ position: absolute; /**************************************************************/ top: 85px; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 100%; } .mainmenu .hs-menu-flow-horizontal{ padding:5%; /* Padding to add room for close button */ background-color: #53565a; /* Menu background color set off global mobile-menuColor variable */ width: 100%; /* Full screen width */ z-index: 8888; } /* Level 1 Menu List Styles */ .mainmenu .hs-menu-flow-horizontal > ul > li{ position: relative; } .mainmenu .hs-menu-flow-horizontal > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } .mainmenu .hs-menu-flow-horizontal ul li a:hover{ color: #fff; /* link hover color set by global mobile-aColorHover variable */ } } .main-menu .mobile-menu > li:last-child a { background-color: #E40046; padding: 10px 30px !important; border-radius: 10px; margin-bottom: 5px; color: white !important; } @media (max-width: 1000px) { .main-menu .mobile-menu > li:last-child a { border-radius: 0px; text-align: center; } }