/**** Resets ****/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit; font-weight: 600; line-height: 1.1; color:#201b51 ; margin:0;}
h1{margin:0;font-size:26px;}
h2{font-size:18px;margin-bottom:15px;}
h2.title{font-size:24px;}
h3{margin-bottom:10px;}
p{margin: 0 0 10px;font-size:16px;line-height:26px;/*clear:both;*/}
img{height: auto;}
ol li{margin:15px;}

.container-fluid{width:100%;max-width:1500px;margin:0 auto;}

/*** Buttons ***/
.btn { width: 100%; border: 2px solid #ddd; color: #201b51; background: transparent; border-radius: 8px; z-index: 1; display: inline-block; padding: 8px 0; text-align: center; font-size: 16px; position: relative; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; text-transform: capitalize;}
.btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; } /* Button 1c */
.btn:after { width: 0%; height: 100%; top: 0; left: 0; background: #201b51; border-radius: 5px; }
.btn:hover, .btn:active { color: #fff; border-color: transparent; }
.btn:hover:after, .btn:active:after { width: 100%; }
.btn:focus { outline: 1px dotted; }
.btn.small { width: 300px; }
.btn.yellow { background: #f6b220; border: transparent; }
.btn.blue { background: #211651; color: #fff; border: transparent; }
.btn.blue:hover { color: #201b51; }
.btn.blue:after { background: #f6b220; }
.btn.active { background: #e0dcd9; pointer-events: none; color: #211651; }
.inner-content .btn { text-decoration: none; }

/**** Helpers ****/
ul{margin:0;padding:0;list-style:none;}
a, a:hover{text-decoration:none;color:#201b51;}
.text-right{text-align:right;}
.text-center{text-align:center;}
table{width:100%;}
hr{display:inline-block;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%;} 
.embed-container:hover{cursor:pointer;}
.embed-container:hover span{opacity:0.85;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  pointer-events:none;}
.embed-container span { color: #fff; position: absolute; bottom: 0; right: 0; z-index: 999; background: #201b51; width: 100%; text-align: center; font-weight: 600; height: 70px; line-height: 70px;opacity:0.7; }

/**** Form Elements *****/

fieldset { padding: 0; border: 0; }
fieldset > legend { visibility: hidden; font-size: 0; }
fieldset > ol { margin-left: 0; padding-left: 0; list-style: none; }
fieldset > ol > li { position: relative; }

.form-group{margin-bottom:10px;}
.form-group .radio{margin:0;}
.form-group:last-of-type{margin-bottom:0;}
.form-group select{margin-bottom:10px;}

.radio{margin-bottom:15px;}

input[type='radio'], input[type='checkbox']{-webkit-appearance: none; border: 2px solid #ddd; border-radius: 50%; height: 20px; width: 20px;margin:0;position: relative; left: 0;}
input[type="radio"]:focus, input[type='checkbox']:focus { outline: none; }
input[type='radio']:after, input[type='checkbox']:after { width: 15px; height: 15px; border-radius: 15px; content: ''; display: inline-block; visibility: visible; padding:5px; } 
input[type='radio']:checked:after, input[type='checkbox']:checked:after { width: 15px; height: 15px; position: relative; background-color: #ffa500; content: ''; display: inline-block; visibility: visible; border: 3px solid #fff; border-style: solid; }
input[type="password"],input[type="text"],input[type="email"], textarea{border: transparent;box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.35); padding:11px 0; width: 100%; text-indent: 10px; margin-bottom: 10px; color:#000;border-radius:8px;border:1px solid #ddd;}
::-webkit-input-placeholder { color: #a3a3a3; } 
:-moz-placeholder { /* Firefox 18- */ color: #a3a3a3; } 
::-moz-placeholder { /* Firefox 19+ */ color: #a3a3a3; } 
:-ms-input-placeholder { color: #a3a3a3; }

.selection {margin-bottom: 10px;}
.selection span {display: inline-block;padding-right:20px;margin-bottom:10px;}
select{border: 2px solid #ddd;border-radius: 8px;padding: 7px 10px;width: 100%;color: #211651;font-size: 16px;}
select:focus{outline: none; box-shadow: 0 0 1px 1px #ddd;}

.form-field-element-enumeration ol { margin: 0; padding: 0; list-style: none; }
.form-field-element-enumeration li > label { padding-left: 1.5em; font-weight: normal; }
.form-field-element-enumeration li > label > input[type='checkbox'] { float: left; margin: 1px 0 0 -1.5em; }

.validation-summary-errors { margin: 0 0 15px; padding: 15px; border: 1px solid; color: #b3283d; }

/**** Top ****/
body{overflow-x: hidden; font-family:"proxima-nova", sans-serif;color:#000;font-size:16px;}

#top {font-size:15px;background:#f4f3f3;color:#201b51;border-bottom:1px solid #ddd;}
#top a{padding:10px 15px;display:inline-block;border-right:1px solid #ddd;margin: 0;vertical-align: top;float: left;}
#top a:hover { background: #201B51; color: #fff; }
#top i{margin-right:5px;}
#top .language-select{width: 145px; height: 42px; overflow: hidden; display: inline-block; float: left; margin-left: -16px; border-right: 1px solid #ddd; position: relative;}
#top .language-select:hover { overflow: visible; } 
#top .language-select a { position: absolute; top: 0; left: 0; width: 141px; border: none; background: #f4f3f3; } 
#top .language-select a:last-of-type { top: 42px; box-shadow: -5px 10px 20px 0px #00000026; z-index: 99; } 
#top .language-select a:hover { background: #201c51; color: #fff; }
#top .language-select img{margin:-3px 5px -3px 0;}
#top .catalogue{background:#f6b220;float:right;border:none;}
#top .login{background:#201b51; color:#fff;float:right;}

.search-form { position: relative; margin: 3px 15px 3px 0; }
.search-form input { position: relative; width: 100%; margin: 0; padding: 4px 0; border: 1px solid #c3c3c3; border-radius: 3px; }
.search-form label { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; padding: 8px 10px; font-size: 12px; font-weight: normal; cursor: text; color: #b2b2b2; transition: 0.2s; }
.search-form input:valid + label,
.search-form input:focus + label { display: none; }
.search-form .button { position: absolute; right: 10px; top: 5px; background: none; border: none; }
.search-form .button .fa { font-size: 15px; }

/**** Navigation ****/
.site_header{height:100px;display:flex;align-items:center;text-align:center;}
.site_header .logo{display:inline-block;}
.site_header .logo{width:271px;max-width:100%;}


.site_nav { background: #e0dcd9; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; position: relative; z-index: 2; }
ul.menu-main-menu{z-index:99;position:relative;}
.menu-label{vertical-align: super; display: inline-block;}
.menu li a{padding:8px 6px;font-size:15px}
.site_nav .primary-navigation .menu li { display: inline-block;float: left;}
.site_nav .primary-navigation .menu li > a:hover {background:#201b51; color:#fff;}
.site_nav .primary-navigation .menu li a {font-size: 16px;display:block;}
.site_nav .primary-navigation .menu li.first{padding-left:0;}
.site_nav .primary-navigation .menu li.dropdown > a:after{content: "\f078"; font-family: FontAwesome; margin-left: 5px; font-weight: 100; font-size: 13px;}
.site_nav .primary-navigation .menu > li ul{position:absolute;background: #fff;display:none;left:0;padding:0;border-radius: 2px;box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.35);border-top:1px solid #c3c3c3;} 
.site_nav .primary-navigation .menu > li ul li a {padding:15px 20px;display:block;font-weight:100;font-size:14px;min-width:220px;}
.site_nav .primary-navigation .menu > li ul li a:hover,
.site_nav .primary-navigation .menu li.current > a {background: #201B51;color:#fff;}
.site_nav .primary-navigation .menu > li ul li a:hover{color: #fff;}
.site_nav .not-desktop { float: left; }

.col-md-3 nav{border:none;background:transparent;margin-bottom:40px;}
.col-md-3 nav ul li{margin-bottom:10px;}
.col-md-3 nav ul li.current .btn{background:#f6b220;pointer-events:none;color:#201b51;}

/**** Main ****/
.main { position: relative; margin-top: -20px; border: 1px solid #ddd; border-top: 0; }
.main .container-fluid { position: relative; padding-bottom: 30px; }
.main h1 { color: #201b51; margin-bottom: 25px; margin-top: 20px; }
.main p { margin-bottom: 20px; font-size: 14px; }
.main .btn { max-width: 320px; }


/**** Breadcrumbs ****/
.breadcrumbs{background:transparent;border:none;}
ul.breadcrumb{padding-top:20px;}
ul.breadcrumb li:after {content:"\00bb"; font-family: sans-serif;}
ul.breadcrumb li:last-child:after { color:#fff; display:none; } 
ul.breadcrumb li { display: inline-block;}
ul.breadcrumb li a {border-bottom:1px solid #c7c6d3;font-weight:500;}
ul.breadcrumb li:last-child a { pointer-events: none;font-weight:600; }


/**** Faqs *****/
.faq-list{margin-bottom:20px;}
.faq-list:last-of-type{margin-bottom:0;}
.faq-list .faq-question{background:#211651;padding:15px;margin:0;color:#fff;align-content:center;position:relative;cursor:pointer;}
.faq-list .faq-question span{top: 0; height: 100%; -js-display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; float: right; right: 5%; transition: transform 550ms ease; -moz-transition: -moz-transform 550ms ease; -ms-transition: -ms-transform 550ms ease; -o-transition: -o-transform 550ms ease; -webkit-transition: -webkit-transform 550ms ease; font-size: 14px;}
.faq-list .faq-question.active .toggle { transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.faq-list .faq-answer { background: #ddd; padding: 15px;display:none; }
.faq-list .faq-answer p:last-of-type{margin:0;}

/**** Careers *****/

.p-cta { margin-top: 40px; padding: 15px; text-align: center; font-size: 17px; background: #ddd; }
.p-cta a { text-decoration: underline; font-weight: 600; }

/*** Sections ***/

section{padding:20px 0 40px 0;}

#intro{border-top:1px solid #ddd;padding-top:40px;}
#intro img{width:100%;margin-bottom:30px;}
#intro p{margin-bottom:15px;}
#intro .btn{margin-bottom:40px;}
#intro .col-sm-4:last-of-type .btn{margin-bottom:0;}


#contact-cta {background:#201b51;padding:35px 0;text-align:center;}
#contact-cta b { display: block; width: 100%; margin: 10px 0; } 
#contact-cta h3 { display: block; color:#fff;font-size:24px;margin:0;}
#contact-cta .btn{color:#fff;vertical-align:initial;margin-left:20px;}
#contact-cta .btn:hover{color:#201b51;border:2px solid #fff;}
#contact-cta .btn:after{background:#fff;}
.widget-form-widget { margin-top: 40px; }

#updates{background:#f4f3f3;border-bottom:1px solid #ddd;}
#updates h2{display:inline-block;}
#updates .follow .btn{width: 150px; padding: 3px 30px; font-size: 14px; margin-left: 10px; vertical-align: super;}
#updates .btn.half{margin-top:35px;}
#updates .col-md-6{padding:0 5%;}
#updates .col-md-6:nth-child(1n) { border-right: 1px solid #ddd; }

#twitter-feed li {margin-bottom: 25px; padding: 0 15px 25px; border-bottom: 1px solid #ccc;}
#twitter-feed .tweet{color:#201b51;}
#twitter-feed .tweet a{color:#b3283d;font-weight:600;text-align:left;margin:5px 0;padding-left:5px;}
#twitter-feed .timePosted {margin:0; font-size:13px;}
#twitter-feed .interact {display: none;}


/**** Inner Pages  ****/
h3.side-title { background: #211651; color: #fff; font-size: 20px; text-align: center; padding: 19px 0;margin:0; }

.banner { position: relative; left: 50%; width: 100vw; min-width: 100%; margin: -20px 0 20px -50vw; padding: 20px calc(50vw - 50%); border-bottom: 1px solid #ddd; background: #f4f2f3; }
.banner .pad { display: flex; }
.banner_image { max-width: 150px; }
.banner_image img { display: block; }
.banner_content { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding-left: 20px; }
.banner_content p { font-size: inherit; }
.banner_content a { font-weight: 600; text-decoration: underline; }
.banner_content > :first-child { margin-top: 0; }
.banner_content > :last-child { margin-bottom: 0; }

hero{background: url("img/banner-holder.png") center center no-repeat; height: 170px; width: 100%; background-size: cover; display: flex; background-size: cover; align-items: center;}
hero h1{padding:20px;background: rgba(255,255,255,0.8);display:inline-block;font-size:18px;line-height:1.4;}


.inner-content h2 {margin: 25px 0 10px 0;font-size: 24px;}
.inner-content h2:first-child { margin-top: 0; }
.inner-content a{text-decoration:underline;font-weight: 600;}
.inner-content ul { margin: 0 0 10px 2em; list-style: disc; }

.cta { margin-bottom:30px; }
.cta-title { padding: 19px 0; margin: 0; text-align: center; font-size: 20px; background: #211651; color: #fff; }
.cta-image { display: none; }
.cta-content { padding: 25px 30px; font-size: 16px; background: #f4f3f3; }
.cta-content p { margin-bottom: 20px; }

.side-container{margin-bottom:30px;display:none;}
.side-container.side-menu{display:block;}
.side-content{background:#f4f3f3;font-size:16px;padding:25px 30px;}
.side-container h2 { margin-bottom: 5px;}
.side-container p { margin-bottom: 15px; }

span.registerd{font-size: 0.8em;vertical-align: top; font-family: arial; padding-left: 2px;}

.widget-SectionNavigation { display: none; }

/**** Case Studies  ****/

.caseStudies-carousel{border-top:1px solid #c3c3c3;margin:20px 0;padding:20px 40px;}
.caseStudies-carousel .qoute{font-size:18px;}
.caseStudies-item {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #c3c3c3;}
.caseStudies-item h2{margin-top:0;}

.teamMemberList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.teamMember { margin-bottom: 60px; }
.teamMember h2 { margin-top: 0; }
.teamMember .postition { font-size: 18px; }

/****** News ******/
.inner-content .blog-posts,
.inner-content .archives-list { margin: 0; list-style: none; }
.archive-trail { margin: 0 0 25px; }
.blogPost{ border-bottom: 1px solid #ccc; padding-bottom: 25px; margin-bottom: 25px; } 
.blogPost a{text-decoration:none;}
.blogPost h2 { margin-top: 0; }
.blogPost .blogPost_date{font-size:13px;}
.blogPost p{margin-bottom:5px;}
.blog-description{margin-bottom: 40px;}

/**** Products List  ****/
.product-grid { clear: both; }
.product-list{margin:15px 0;}
.product-list img{width:100%; border: 1px solid #f4f3f3;}
.product-list h2{min-height:2.235em; font-size:17px;font-weight:600;}
.product-list p{margin:20px 0;}

.product-border { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.product-data-table { margin: 20px 0 0; }
.product-data-table thead > tr > th[rowspan] { border-right: 2px solid; }

/* calculator */
.calcIntro { margin-bottom: 20px; }
.calcIntro_steps { padding: 30px; background: #e0dcd9; }
.calcIntro_steps h3 { margin-top: 0; font-weight: bold; }
.calcIntro_steps ol { margin: 0; padding: 0 0 0 15px; }
.calcIntro_steps ol > li { margin: 15px 0 0 0; }
.calcIntro_steps ol > li a { font-weight: bold; }

.calc { margin: 20px 0; }
.calc_step_head { margin: 0; padding: 15px; padding: 15px 3vw; border: 1px solid #201b51; border-width: 0 2px; font-size: 24px; background: #201b51; color: #fff; }
.calc_step_head button { position: relative; left: -2px; box-sizing: content-box; width: 100%; margin: -15px; margin: -15px -3vw; padding: 15px; padding: 15px 3vw; border: 1px solid #201b51; border-width: 0 2px; text-align: left; }
.calc_step_head button:focus,
.calc_step_head button:hover { text-decoration: underline; }
.calc_step_head button[aria-expanded='false'] { border-color: #f6b220; background: #f6b220; }
.calc_step_head button[aria-expanded='true'] { border-color: #201b51; background: #201b51; }
.calc_step_content { padding: 15px; padding: 15px 3vw; border: 2px solid #ddd; border-top: 0; }
.calc h4 { margin: 0 0 15px; font-size: 18px; font-weight: bold; }
.calc_form h3 { margin-top: 0; }
.calc_filter select,
.calc_filter input {background: #fff;padding: 5px;border: 2px solid #a59b8f;box-shadow: none;line-height: 1.375;}
.calc_filter select{background: #fff url('img/dropdown_bg.png') no-repeat;background-position: right 0 center;-webkit-appearance: none;-moz-appearance: none;-moz-border-radius: 4px;}
select::-ms-expand {
    display: none;
}

.calc_filter select:disabled,
.calc_filter input:disabled { background: #ccc; }
.calc_filter label { margin: 0; }
.calc_filter .table { text-align: left; }
.calc_filter .table td:first-child { width: 30%; }
.calc_filter .table.table-striped { min-width: 0; }
.calc_filter .table > tfoot { background: #fff; }
.calc_results { margin: 20px 0 0; }
.calc_results h4 { margin: 0 0 2px; padding: 8px; text-align: center; background: #211651; color: #fff; }
.calc_results .table { margin-bottom: 0; }
.calc_results .cell-partNumber { white-space: nowrap; }
.calc_results .p-cta { margin-top: 10px; }
.calc_step[data-calc-step-enabled='false'] .calc_step_head { border-color: #ddd; background: #ddd; color: #a3a3a3; }
.btn + .calc_results { margin-top: 40px; }
.widget-product-calculator-widget section[data-calc-step="1"] { padding: 0 0 20px; }

.productImagery { display: none; text-align: center; }
.productImagery_item p { margin: 0 0 15px; font-size: 18px; font-weight: bold; color: #201b51; }

.productDetail_overview { min-height: 220px; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ddd; }
.productDetail_overview h3 { margin: 0; font-size: 22px; font-weight: bold; }
.productDetail_overview h3 + p { margin-top: 0.5em; }
.productDetail_pv td { text-align: left; }
.productDetail_pv .cell-pvHead { width: 50%; }
.productDetail_pv .cell-pvHead:last-child { border-left: 2px solid #fff; }
.productDetail_pv .cell-pvLabel { text-align: left; }
.productDetail_pv .cell-pvMaxVal { width: 25%; border-left: 2px solid #fff; text-align: right; }
.productDetail_pv_result { display: block; padding: 5px; text-indent: 10px; }
.productDetail_pv.m-outOfBounds tbody tr:last-of-type { background: #b3283d; color: #fff; }
.productDetail_cta { padding-bottom: 0; }
.productDetail_cta h3 { font-size: 28px; font-weight: bold; }
.productDetail_cta_action { color: #211651; }
.productDetail_cta_action .btn { margin-left: 1em; }

.tabs-container { margin-bottom: 20px; }
.tabs-container .table { margin-bottom: 0; }
.tabpanel { margin: 20px; padding: 0; }
.tablist { margin: 0 0px; padding: 0; list-style: none; }

.tab { padding: 10px; background: #dddddd; border-top-left-radius: 5px; border-top-right-radius: 5px; float: left; display: inline; color: #201b51; background-color: #ddd; border-bottom: 1px solid white; padding: 10px 0; cursor: pointer; width: 50%; text-align: center; }

.panel { clear: both; display: block; margin: 0; padding: 20px; border: 1px solid #ddd; background: #fff; }

ul.controlList { list-style-type: none; }

li[aria-selected='true'] { color: #fff; background-color: #201b51; border-bottom: 1px solid white; }

.tablist  li:hover{background: #d2cfcf;}
.tablist  li[aria-selected='true']:hover{background:#201b51;pointer-events:none;}

div[aria-hidden='true'] { display: none; }
div[aria-hidden='false'] { display: block; }

.focus { margin-top: 0; height: 1.2em; }

/**** News Main  ****/

.pager { padding-left: 0; text-align: right; list-style: none; }
.pager li { display: inline; }
.pager li > a,
.pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; }
.pager li > span { background: #201B51; color: #fff; }
.pager li > a:hover,
.pager li > a:focus { text-decoration: none; background-color: #eee; }
.pager .next > a,
.pager .next > span { float: right; }
.pager .previous > a,
.pager .previous > span { float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }

.blogPost h2{font-size:22px;}
.archives ul.archiveMonthList li { padding: 10px; text-align: center; font-size: 16px; background: #eee; margin: 0; border-bottom: 1px solid #ddd; }

.site_footer { overflow-x: hidden; padding: 40px 0; font-weight: 500; }
.site_footer h4 { margin-bottom: 20px; font-size: 22px; }
.site_footer .menu h4 > a { font-size: 22px; }
.site_footer .menu a { padding: 0; }
.site_footer_addresses { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.site_footer_addresses > address { font-style: inherit; }
.site_footer_addresses .office-contact { padding: 0 20px 20px; font-size: 14px; line-height: 1.6; }
.site_footer_addresses .office-contact > strong { display: block; text-transform: uppercase; font-weight: 700; font-size: 16px; color: #201b51; }
.site_footer_addresses .office-contact_address { display: block; margin: 0 0 12px; }
.site_footer_addresses .office-contact_comm { display: block; margin: 3px 0 0; font-weight: bold; white-space: nowrap; }
.site_footer_addresses .office-contact_comm > .fa { width: 16px; vertical-align: middle; text-align: center; color: #201b51; }
.site_footer_addresses a.office-contact_comm { margin: 3px -3px 0; padding: 0 3px; border-radius: 3px; color: #b3283d; }
.site_footer_addresses a.office-contact_comm:focus,
.site_footer_addresses a.office-contact_comm:hover { text-decoration: none; background: #f6b220; color: #201b51; }
.site_footer_logos { display: flex; align-items: center; margin: 0 -10px; }
.site_footer_logos li { max-width: 180px; margin: 0 10px 20px; }
.site_footer_logos img { max-width: 100%; }

.news-letter p{margin-bottom:20px}

/**** Search ****/

.inner-content .search-results { margin: 0; list-style: none; }
.inner-content .search-results > li + li { margin-top: 1em; }
.search-result-item.product .numeric-field { display: inline-block; margin: 0; }
.search-result-item.product .numeric-field:not(:last-of-type):after { content: ","; display: inline-block; margin-left: -0.3em; }

/**** Footer ****/

.social {margin-top:20px;}
.social .fa{font-size:35px;margin-left:15px;vertical-align:middle;}
.social .fa.fa-twitter{color:#5ea9dd;}
.social .fa.fa-linkedin-square{color:#0274b3;}
.social .fa.fa-youtube{color:#FF0000;}


#end {color:#978b82;font-size:10px;padding:15px 0;background:#f0eeec;}
#end a{color:#978b82;}
#end .menu li { display: inline-block; color: #978b82; }
#end .menu li + li:before { content: " | "; }
#end .menu a { padding: 0; font-size: inherit; }

.footer-trademarks { margin: 15px 0 0; }

/**** Initial device settings ****/

.tablet{display:none;}
.desktop{display:none;}
.small-tablet{display:none;}


/* General styles for all menus */
#showLeftPush { padding: 8px 15px; border: 0; background: none; }
#showLeftPush:focus,
#showLeftPush:hover { background: #201b51; color: #fff; }
#close-menu { position: absolute; top: 0; right: 0; padding: 15px; font-size: 28px; }

.cbp-spmenu { background: #f4f3f3; position: fixed; }
.cbp-spmenu-push-toright #overlay { position: absolute; background: rgba(0,0,0,0.20); height: 100%; width: 100%; z-index: 999; }
.cbp-spmenu { padding: 20px; }
.cbp-spmenu h3 { color: #201b51; font-size: 22px; margin: 0; font-weight: 600; margin-bottom: 15px; }
.cbp-spmenu a { display: block; color: #201b51; font-size: 16px; }
.cbp-spmenu button:focus,
.cbp-spmenu button:hover,
.cbp-spmenu a:focus,
.cbp-spmenu a:hover { background: #201b51 !important; color: #fff; }
.cbp-spmenu a:active { background: #afdefa; color: #47a3da; }
.cbp-spmenu .menu { margin-left: -6px; }
.cbp-spmenu .dropdown { padding-right: 30px; }
.cbp-spmenu .dropdown:after { content: ""; display: block; clear: both; }
.cbp-spmenu .dropdown > a { float: left; width: 100%; }
.cbp-spmenu .dropdown > button { float: right; margin-right: -30px; padding: 7px 5px 8px; border: 0; background: none; }
.cbp-spmenu .dropdown .second { clear: both; margin-left: 10px; }

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical { width: 240px; height: 100%; top: 0; z-index: 1000; overflow: auto; }
.cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0; z-index: 1000; }
.cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left; }
.cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; }
.cbp-spmenu-left { left: -240px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; left: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); }

/* Push classes applied to the body */
/*.cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; }*/
.cbp-spmenu-push-toright { overflow: hidden; position: relative; left: 240px;  }
.cbp-spmenu-push-toleft { left: -240px; }

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

/* Example media queries */

@media screen and (max-width: 55.1875em)
{
    .cbp-spmenu-horizontal { font-size: 75%; height: 110px; }
    .cbp-spmenu-top { top: -110px; }
    .cbp-spmenu-bottom { bottom: -110px; }
}

@media screen and (max-height: 26.375em)
{
    .cbp-spmenu-vertical { font-size: 90%; width: 190px; }
    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft { left: -190px; }
    .cbp-spmenu-right { right: -190px; }
    .cbp-spmenu-push-toright { left: 190px; }
}

/* tables */
.table.table-striped{min-width:500px;}
.table-container{overflow:auto;}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
.table thead th { text-align: center; }
.table tbody th { text-align: left; }
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  text-align: center;
  background:#f4f2f3;
}
.table-results{text-align:left;}
.table-results .btn{padding:5px;}
.table-results a{border-bottom:1px dotted #000;}
.table-results tr > th {text-align:left;}
.table-results tr > th:first-of-type { padding-left: 20px; } 
.table-results tbody tr td:first-of-type { padding-left: 20px; }

.table > thead{background:#211651;color:#fff;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
}
.table.table-border > thead > tr > th,
.table.table-border > tbody > tr > th,
.table.table-border > tfoot > tr > th,
.table.table-border > thead > tr > td,
.table.table-border > tbody > tr > td,
.table.table-border > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-left: 2px solid #fff;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > thead > tr > th:first-child, .table > tbody > tr > th:first-child{
border-left:0;    
}

.table input[type=text] {margin:0;padding:5px;}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody:not([class|="alt"]) > tr:nth-of-type(even),
.table-striped > tbody.alt > tr:nth-of-type(odd) {
  background-color: #dfddde;
}

.table-balanced tr *:nth-last-child(3):first-child, 
.table-balanced tr *:nth-last-child(3):first-child ~ * { width: 33.3333%; }
.table-balanced tr *:nth-last-child(4):first-child, 
.table-balanced tr *:nth-last-child(4):first-child ~ * { width: 20%; }
.table-balanced tr *:nth-last-child(5):first-child, 
.table-balanced tr *:nth-last-child(5):first-child ~ * { width: 25%; }
.table-balanced tr *:nth-last-child(6):first-child, 
.table-balanced tr *:nth-last-child(6):first-child ~ * { width: 16.6667%; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (min-width: 430px) {
.table-container{background:none;}
.table.table-striped{display:table;}
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@media (min-width:600px)
{
    .table.table-striped { min-width: 0; }
}

@media only screen and (max-width:767px){
.pull-right{float:none!important;}
.teamMember img, .blogPost img { margin-bottom: 20px; }
.faq-list:last-of-type {margin-bottom:20px;}
.faq-list .faq-question { font-size: 18px; padding-right: 25px; }
}

@media only screen and (max-width:992px){
.productDetail_overview_actions .btn + .btn { margin-top: 10px; display: block; }
}

@media only screen and (min-width: 768px)
{
    .banner_content { font-size: 26px; }

    .image-left { float: left; clear: left; margin: 0.25em 1em 1em 0; }
    .image-left > img { width: auto; max-height: 12em; }
    .image-right { float: right; clear: right; margin: 0.25em 0 1em 1em; }
    .image-right > img { width: auto; max-height: 12em; }

    .tablet{display:inline-block;}
    .pad{padding:0 1%;}
    .btn.half{width:50%;}
    .radio{margin-bottom:20px;}
    h2{font-size:28px;margin-bottom:20px;}
    h2.faq-question{font-size:22px;}
    h3{margin-top:30px;font-size:22px;}
    hr + h3 {margin-top: 0;}
    .site_header{text-align:left;}
    hero{height:230px;}
    hero h1{font-size:25px;}
    .main .container-fluid {position:absolute;top: 0; left: 0;height:100%;display:flex;align-items:center; flex-direction: row-reverse;padding-bottom:0;}
    .main h1{margin-top:0;margin-bottom:15px;}

    .site_footer .news-letter h4 { margin-top: 55px; }

    .search-form { width: 13.5em; }
    .search-form label { padding: 6px 10px; font-size: 14px; }

    .pageWrapper-withSide > .inner-content { float: right; }

    #intro p{min-height:6.5em; margin-bottom:30px;}
    #intro .btn{margin-bottom:0;}
    #contact-cta h3{font-weight:400;font-size:21px;display:inline-block;}
    #contact-cta b{margin-left:20px;display:inline-block;width:auto;}

    .cta-image { display: block; }

    .side-container{display:block;}
    .side-container.side-menu select{display:none;}
    .side-container.side-menu ul{display:block;}

    .widget-SectionNavigation { display: block; }

    .selection{margin-bottom:20px;}
    .selection span {width:60%;margin:0;}
    .selection select{width:39%;}

    .table-multicol { display: block; background: none; }
    .table-multicol > tbody { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .table-multicol > tbody > tr { display: flex; width: 100%; border-bottom: 1px solid #fff; }
    .table-multicol > tbody > tr > * { display: block; width: 50%; }
    .table-multicol > tbody > tr > th { background-color: #dfddde; }
    .table-multicol > tbody > tr > td { background: #f4f2f3; }
    .table-multicol > tbody:not([class*='m-noSplit']) > tr { width: 50%; }
    .table-multicol.m-split3 > tbody:not([class*='m-noSplit']) > tr { width: 33.3333%; }
    .table-multicol .m-noSplit tr > * { border-bottom: 10px solid #fff; }
    .table-multicol .m-noSplit tr > th { width: 25%; }
    .table-multicol .m-noSplit tr > td { width: 75%; text-align: left; }

    .table-results tr > th:first-of-type{width:75%;}

    .calc_filter label { white-space: nowrap; }
    .calc_filter.m-primary { float: left; clear: left; width: 59%; margin-right: 2%; }
    .calc_filter.m-secondary { clear: both; }
    .calc_filter.m-secondary tr { float: left; width: 50%; }
    
    .productImagery { display: block; float: right; width: 29%; }
    .productDetail .productImagery_item { float: left; width: 50%; }
    
    .product-list p { min-height: 5em; }

    .product-border:nth-child(2n) { border-right: 1px solid transparent; }
    .product-border:nth-child(2n+1) { clear: left; }
    .product-border:nth-last-child(2n+2):first-child ~ .product-border:nth-last-child(2) { border-bottom: none; }
    .product-border:last-child { border-bottom: none; }

    #end {font-size:12px;}
}

@media only screen and (min-width:992px)
{
    .tablet { display: none; }
    .not-desktop { display: none; }
    .desktop { display: inline-block; }

    .banner_content { font-size: 32px; }

    .product-list { margin: 25px 0; }
    .form-group .radio { margin-top: 38px; }
    .tab { margin-right: 20px; width: 240px; }
    .menu li a { padding: 8px 14px; font-size: 16px; }
    .site_nav .desktop { display: block; }
    #intro p { min-height: 5em; }
    .calc_step_content > .btn{width:20%;}
    .calc_filter.m-primary { clear: none; width: 35%; }
    
    .productImagery { width: 26%; }
    .productImagery_item { float: left; width: 50%; }

    /* overide small widths */
    .product-border:nth-child(2n) { clear: none; border-right: 1px solid #ccc; }
    .product-border:nth-child(2n+1) { clear: none; }
    .product-border:nth-last-child(2n+2):first-child ~ .product-border:nth-last-child(2) { border-bottom: 1px solid #ccc; }
    /* 3 col for wider widths */
    .product-border:nth-child(3n) { border-right: 1px solid transparent; }
    .product-border:nth-last-child(3n+2):first-child ~ .product-border:nth-last-child(2) { border-bottom: none; }
    .product-border:nth-last-child(3n+3):first-child ~ .product-border:nth-last-child(2) { border-bottom: none; }
    .product-border:nth-last-child(3n+3):first-child ~ .product-border:nth-last-child(3) { border-bottom: none; }

    .teamMember { max-width: 48%; }
}

@media only screen and (min-width: 1240px)
{
    #top { font-size: 16px; }
    h1, h2.title { font-size: 34px; }
    .main p { font-size: 16px; }
    #intro p { min-height: 4em; }
    #contact-cta { padding: 65px 0; }
    #contact-cta h3 { font-size: 28px; }
    .teamMember { max-width: 32%; }
}

@media only screen and (min-width: 1400px)
{
    .pad { padding: 0 40px; }
    .row.nopadding { padding: 0; }
    .menu { margin-left: -16px; }
    .menu li a { padding: 8px 30px; }
    .search-form { width: 298px; }
}

@media print
{
    #overlay { display: none; }
    #top { display: none; }
    .site_header { display: none; }
    .site_nav { display: none; }
    .zone-before-content { display: none; }
    .zone-breadcrumbs { display: none; }
    #updates { display: none; }
    .site_footer { display: none; }

    .detail-product-calculator .zone-content { display: none; }
    .detail-product-calculator .calc { margin: 0; }
    .detail-product-calculator .calc_form > .row:first-of-type { display: none; }
    .detail-product-calculator [data-calc-step='1'] { display: none; }
    .detail-product-calculator [data-calc-step='2'] .calc_step_head { display: none; }
    .detail-product-calculator [data-calc-step='2'] .calc_step_content { padding: 0; border: 0; }
    .detail-product-calculator .productDetail_overview_actions { display: none; }
    .detail-product-calculator .productDetail .productImagery { display: block; float: right; width: 26%; }
    .detail-product-calculator .productDetail .productImagery_item { float: left; width: 50%; }
}