html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/*font-family: 'Roboto Condensed', sans-serif;*/
/*font-family: 'Work Sans', sans-serif;*/

body {min-width:320px;}
body, input, select, textarea {font-family: 'Work Sans', sans-serif; font-weight:300; background-color:#f2f2f2; font-size:18px; line-height:24px; -webkit-appearance:none; -moz-appearance:none; border-radius:0;}

a {text-decoration:none; transition:all .3s; -webkit-transition:all .3s;}

.aligncenter {max-width:100%; height:auto;}

#search-label {display:none;}

.line {font-family: 'Roboto Condensed', sans-serif; font-size:48px; color:#234585; display:inline-block; position:relative; text-transform: uppercase; margin: 0 0 55px; line-height:1; width:100%; overflow:hidden;}
.line span {display: block; position: relative; float: left; left:-1px;}
.line span::after {content: ""; height: 1px; background-color: #234585; display: block; position: absolute; left: calc(100% + 30px); top: 23px; width: 9999px;}

.button {background-color:#0f2349; padding:0 52px; height:56px; display:inline-block; color:#fff; font-size:16px; text-transform:uppercase; font-weight:500; transition:all .3s; -webkit-transition:all .3s; position:relative;}
/*.button::after {content: ""; position: absolute; width: 0; height: 4px; background-color: #0f2349; left: 50%; bottom: -4px; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition:all .3s; -webkit-transition:all .3s; transition-delay:.15s; -webkit-transition-delay:.15s; opacity: 0;}*/
.button::before {content: ""; position: absolute; left: 50%; width: 0;top: 0; bottom: 0; background-color: #234585; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition:all .3s; -webkit-transition:all .3s; opacity: 0;}
/*.button:hover::after,*/
.button:hover::before {width:100%; opacity:1;}
.button span {line-height:57px; transition:all .3s; -webkit-transition:all .3s; color:#fff; position:relative;}
.button span::after {content: ""; width: 11px; height: 18px; background: url(img/next.png); display: inline-block; position: relative; margin: 0 0 0 28px; top: 2px;  transition:all .3s; -webkit-transition:all .3s;}

.shop-nav {display: block; float: left; width: 100%; clear: both; margin: 0 0 30px; border-bottom: 1px solid #e1e1e1; padding: 0 0 30px;}
.shop-nav .my-contact {float: right; font-size: 16px; margin:7px 20px 0 0;}
.shop-nav .my-contact p {display:inline-block; margin:0; font-size:16px;}
.shop-nav .my-contact a {display: inline-block; color: #234585; text-decoration: underline;}
.shop-nav .my-contact a:hover {text-decoration:none;}

.shop-nav-goback {height: 44px; background-color: #234585; display: block; line-height: 46px; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; position: absolute; right: 0; top: 40px; padding: 0 20px; transition:all .3s; -webkit-transition:all .3s;}
.shop-nav-goback:hover {background-color: #0f2349;}

.my-cart {float:right;}
.my-cart * {height:44px; background-color: #234585; display: block; float: left; line-height:46px; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase;}
.my-cart span {padding: 0 25px; transition:all .3s; -webkit-transition:all .3s;}
.my-cart big {background-color: #0f2349; padding: 0 25px; font-size:20px;}
.my-cart:hover span {background-color:#0f2349;}

.aws-container {width: 350px; float: left;}
.aws-container .aws-search-field {font-size:16px;}

.clearfix::after {content:""; display:table; clear:both;}

.container {box-sizing:border-box; padding:0 80px; position:relative; max-width: 1920px; margin: 0 auto;}
.container-inner {box-sizing:border-box; margin:0 8.5%; position:relative;}
.container-indent {box-sizing:border-box; padding:0 0 0 8.5%; position:relative;}

#wrapper {overflow-x:hidden;}

#header {height:80px; position:fixed; width:100%; z-index:9; margin-top:-70px; opacity:0; transition:all .3s; -webkit-transition:all .3s;}
#header .logo {width:241px; height:130px; display:block; background-position: center left; background-repeat: no-repeat; background-size:contain; text-indent:-9999px; float:left; position:absolute;}
#header.fixed .logo {height:80px;}
#header .container {}
#header .layer {position: fixed; width: 100%; background-color: #234585; height: 0; transition: all .3s; -webkit-transition: all .3s;}

@media screen and (min-width:1270px)
{
    #menu {float: right; width: calc(100% - 420px); margin-top: -50px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transition-delay:.15s; -webkit-transition-delay:.15s;}
    #menu ul {height: 80px; display: flex; width: 100%; justify-content: space-between;}
    #menu li {display:inline-block; height:inherit;}
    #menu li:last-child a::after {display:none !important;}
    #menu a {display:block; padding:0; height:inherit; line-height:82px; font-weight:500; color:#234585; text-transform:uppercase; transition:all .3s; -webkit-transition:all .3s; position:relative;}
    #menu a::after {content: ""; width: 0; height: 5px; background-color: #234585; display: block; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; transition: all .3s; -webkit-transition: all .3s;}
    #menu a:hover::after,
    #menu .current_page_parent a::after,
    #menu .current-menu-item a::after {width:100%; opacity:1;}
}

#header.fixed {}
#header.fixed .layer {height:80px; box-shadow: 0px 3px 4px rgba(0,0,0,0.11);}
#header.fixed #menu a {color:#fff;}
#header.fixed #menu a::after {background-color:#fff;}

#header.visible, 
#header.visible #menu {margin-top:0; opacity:1;}

#container {padding-top:80px;}

.header-bg {background-color: #234585; position: absolute; top: -80px; bottom: 0; width: 330px; transform: skewX(-15deg); -webkit-transform: skewX(-15deg); left: -72px; z-index:2; margin-left:-150px;}
.header-bg::before {content: ""; width: 999px; height: 100%; display: block; background: #234585; right: 99%; position: absolute;}

.index-slider {height:80vh; min-height:700px; background-color:#e6e6e6; position:relative;}
.index-slider-container {height:inherit; min-height:700px; left:-70px; opacity:0; transition:all .3s; -webkit-transition:all .3s; transition-delay:.3s; -webkit-transition-delay:.3s;}
.index-slider-container .slick-slide {background-size:cover; background-position:top center; position:relative;}
.index-slider-container::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.8; z-index:1; background: -moz-linear-gradient(left, rgba(0,53,99,1) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(left, rgba(0,53,99,1) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(0,53,99,1) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003563', endColorstr='#007db9e8',GradientType=1 );}
.index-slider .index-slider-txt {position:absolute; height:inherit; min-height:700px; z-index:2; width:100%; color:#fff; margin-left:-70px; opacity:0; transition:all .3s; -webkit-transition:all .3s; transition-delay:.6s; -webkit-transition-delay:.6s;}
.index-slider-desc {top:50%; position:absolute; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.index-slider-desc h2 {font-family: 'Roboto Condensed', sans-serif; font-size:100px; line-height:100px; padding:0 0 60px; margin-left:60px; opacity:0; transition:all .3s; -webkit-transition:all .3s; transition-delay:.45s; -webkit-transition-delay.45s; border-top:1px solid transparent;}
.index-slider-desc h2 span {color:#c2c2c2;}
.index-slider-desc p {padding:0 0 45px;  margin-left:60px; opacity:0; transition:all .3s; -webkit-transition:all .3s; transition-delay:.6s; -webkit-transition-delay.6s; border-top:1px solid transparent;}
.index-slider-desc .button { margin-left:60px; opacity:0; transition:all .3s; -webkit-transition:all .3s; transition-delay:.75s; -webkit-transition-delay.75s; border-top:1px solid transparent; display:block; float:left;}

.index-slider-s {position: absolute; right: 0; z-index: 3; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.index-slider-s #show-search {width:58px; height:58px; display:block; background:#0f2349 url(img/search-icon.png) center no-repeat; cursor:pointer; float:right;}
.index-slider-s .searchform {position: absolute; right: 0; width: 0; height: 58px; transition: all .3s; -webkit-transition: all .3s; overflow: hidden; opacity:0;}
.index-slider-s .searchform.visible {width:560px; opacity:1;}
.index-slider-s .searchform::after {content: ""; position: absolute; height: 1px; bottom: 12px; left: 20px; right: 70px; background-color: #4c5a76;}
.index-slider-s #s {background-color: #0f2349; color: #fff; border: none; height: 58px; width: 502px; box-sizing: border-box; padding: 0 20px; font-size: 16px;}
.index-slider-s #searchsubmit {position: absolute; right: 0; top: 0; border: none; width: 58px; height: 58px; opacity: 0; cursor: pointer;}

.index-slider-container.visible {left:0; opacity:1;}
.index-slider .index-slider-txt.visible,
.index-slider .slick-active .index-slider-desc h2,
.index-slider .slick-active .index-slider-desc p,
.index-slider .slick-active .index-slider-desc .button {margin-left:0; opacity:1;}

.index-sub {margin-top: -80px; position: relative; z-index: 2;}
.index-sub-prod {width:332px; float:left;}
.index-sub-prod div {width:100%; height:190px; background:#0f2349 url(img/latest-arrow.png) 45px center no-repeat; color:#fff; position:relative;}
.index-sub-prod p {font-family: 'Roboto Condensed', sans-serif; font-size: 30px; text-transform: uppercase; font-weight: 400; position: absolute; top: 50%; left: 30%; line-height: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.index-sub-prod .button {padding: 0; width: 100%; text-align: center; margin: 40px 0 0; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; background-color: #234585;}
.index-sub-prod .button span::after {width: 17px; height: 10px; background-image: url(img/down.png); top: 0;}
.index-sub-prod .button::before {background-color:#0f2349;}
.index-sub-news {width:calc(100% - 395px); float:right;}
.index-sub-news h2 {font-family: 'Roboto Condensed', sans-serif; line-height:80px; color:#fff; font-size:30px; text-transform:uppercase; font-weight:400;}
.index-sub-slider {width:calc(100% - 40px); float:left;}
.index-sub-news-entry {height:110px; padding:26px; display:block; background-color:#fff; box-sizing:border-box; border-left:3px solid #234585; transition:all .3s; -webkit-transition:all .3; position:relative;}
.index-sub-news-entry::before {content: ""; background-color: #234585; position: absolute; top: 0; left: 0; bottom: 0; width: 0; opacity: 0; transition: all .3s; -webkit-transition: all .3s;}
.index-sub-news-entry h3 {font-size:20px; font-weight:400; color:#252525; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; line-height:1; transition:all .3s; -webkit-transition:all .3; position:relative;}
.index-sub-news-entry span {font-size: 16px; color: #707070; transition:all .3s; -webkit-transition:all .3; position:relative;}
.index-sub-news-entry .intro { transition:all .3s; -webkit-transition:all .3; position:relative;}
@media screen and (min-width:1025px)
{
    .index-sub-news-entry:hover::before {width:100%; opacity:1;}
    .index-sub-news-entry:hover h3,
    .index-sub-news-entry:hover .intro {color:#fff;}
    .index-sub-news-entry:hover span {color:#c2c2c2;}
}

.slick-slide {padding:0 16px 0 0;}
.slick-arrow {position: absolute; padding: 0; right: -40px; width: 40px; height: 55px; border: none; cursor:pointer; text-indent: -9999px; background-color: #234585; background-repeat: no-repeat; background-position: center; transition:all .3s; -webkit-transition:all .3s;}
.slick-arrow:hover {background-color:#0f2349;}
.slick-prev {bottom:0; background-image:url(img/prev.png); height:54px;}
.slick-next {top:0; background-image:url(img/next.png);}

.index-prod {background-color:#fff; padding:40px 0;}
.index-prod ul {display: flex; justify-content: space-between; margin:0 !important;}
.index-prod li {width:390px; text-align:center; background-color: #f2f2f2; position:relative; padding:0 0 23px !important; left:-60px; opacity:0; transition:all .3s; -webkit-transition:all .3s; display:none;}
.index-prod li:nth-child(2) {transition-delay:.15s; -webkit-transition-delay:.15s;}
.index-prod li:nth-child(3) {transition-delay:.30s; -webkit-transition-delay:.30s;}
.index-prod li:nth-child(1),
.index-prod li:nth-child(2),
.index-prod li:nth-child(3) {display:block;}
.index-prod.visible li {opacity:1; left:0;}
.index-prod li * {position:relative; transition:all .3s; -webkit-transition:all .3s; z-index:2;}
.index-prod li::after {content: ""; position: absolute; left: -15px; top: -15px; right: -15px; height:0; background-color: #234585; transition:all .3s; -webkit-transition:all .3s;}
.index-prod li::before {display:none;}
.index-prod li:hover::after {height: calc(100% + 80px);}
.index-prod li:hover .button {opacity:1; margin-top:0;}
.index-prod li:hover p,
.index-prod li:hover h3 {color:#fff;}
.index-prod h3 {color:#234585; padding:25px 0 12px; font-size:30px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;}
.index-prod li p {}
.index-prod .button {position: absolute; margin-top:30px; opacity:0; white-space: nowrap; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top:calc(100% + -8px);}
.index-prod .button span::before {display:none;}
.index-prod-photo {height: 0; padding-bottom: 53%; background-size: cover; background-position: center; background-color: #eeeeee;}
.index-prod-photo-empty {}

.index-about {padding:70px 0; background-color:#234585; color:#fff; border-top: 90px solid #f2f2f2;}
.index-about-col {width: 50%; float: left; left: -60px; position: relative; opacity: 0; transition: all .3s; -webkit-transition: all .3s;}
.index-about-col:last-of-type {width:580px; float:right;}
.index-about.visible .index-about-col {left:0; opacity:1;}
.index-about.visible .index-about-col:last-child {transition-delay:.15s; -webkit-transition-delay:.15s;}
.index-about h2 {font-family: 'Roboto Condensed', sans-serif; padding:0 0 65px; font-size:48px; font-weight:300; text-transform:uppercase;}
.index-about-map img {width:100%;}

.index-about-no {display: flex; justify-content: space-between; text-align: center; padding: 50px 0 0;}
.index-about-no li {}
.index-about-no big {font-weight: 600; font-size: 72px;}
.index-about-no p {font-family: 'Roboto Condensed', sans-serif; font-size: 28px; color: #c2c2c2; text-transform: uppercase; display: block; margin: 25px 0 0; line-height: 1.1;}

.index-prodlist {}
.index-prodlist a {color:#fff;}
.index-prodlist h3 {border-bottom:1px solid #fff; font-size:24px; text-transform:uppercase; padding:12px 0;}
.index-prodlist > li {position:relative; margin:0 50px 0 0; margin:0 0 24px;}
.index-prodlist > li:last-child {display:none;}
.index-prodlist ul {display:none; padding:30px 0 0;}
.index-prodlist ul > li {position: relative; display: inline-block; padding: 0 0 0 15px; margin: 0 20px 10px 0;}
.index-prodlist ul > li::before {content: ""; width: 5px; height: 5px; display: block; background-color: #fff; top: 9px; position: absolute; left:0;}
.index-prodlist-pdf {width:30px; height:36px; background:url(img/prod-pdf.png) 0 0 no-repeat; position:absolute; right: -50px; top:7px;}
.index-prodlist-expand {width:100%; height:26px; cursor:pointer; position: absolute; right: 0; top:11px; display:block; background:url(img/expand.png) top right no-repeat; transition:all .3s; -webkit-transition:all .3s;}
.index-prodlist-expand.active {opacity:0; cursor:default;}

.index-news {padding:40px 0 60px; position:relative;}
.index-news h2 {left: -60px; transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
.index-news-container {margin: 0 120px 0 0; padding:20px 0 0;} 
.index-news-wrapper {left: -60px; transition: all .3s; -webkit-transition: all .3s; transition-delay:.3s; -webkit-transition-delay:.3s; opacity: 0; position:relative;}
.index-news-wrapper > div {width:calc(50% - 10px); margin-bottom:20px; float:left;}
.index-news-wrapper > div:nth-child(2n+1) {margin-right:20px;}
.index-news::before {content: ""; position: absolute; top: 0; bottom: 0; width: 28%; right: 0; background: url(img/news-photo.jpg) center right no-repeat; background-size:cover;}
.index-news-photo {width: 175px; top: 25px; bottom: 25px; position: absolute; left: 25px; background-size: cover; background-position: center;}
.index-news-photo img {width:100%;}
.index-news .button {background-color:#234585; margin:20px 0 0;}
.index-news .button::before {background-color:#0f2349;}
.index-news .button span::after {top:3px;}

.index-news-wrapper > div.career-entry,
.index-news-wrapper > div.career-entry:nth-child(2n+1) {margin: 0; width: 100%;}
.index-news .career-entry .index-sub-news-entry {padding: 25px 25px 6px;}
.index-news .career-entry .index-sub-news-entry h3 {float:left; width: calc(100% - 290px);}
.index-news .career-entry .index-sub-news-entry .date {float: right; margin: 0 30px 0 0;}
.index-news .career-entry .index-sub-news-entry .more {float:right;}

.index-news.visible {}
.index-news.visible h2,
.index-news.visible .index-news-wrapper {left:0; opacity:1;}

.index-news .index-sub-news-entry {height:auto; padding: 25px 25px 25px 230px; position:relative;}
.index-news .index-sub-news-entry h3 {min-height:40px;}
.index-news .index-sub-news-entry .date {display: block; margin: 4px 0 20px;}
.index-news .index-sub-news-entry .intro {font-size: 16px; color: #636363; display: block; margin: 0 0 15px; position:relative;}
.index-news .index-sub-news-entry .more {position:relative; color: #234585; transition:all .3s; -webkit-transform:all .3s;}
@media screen and (min-width:1025px)
{
    .index-news .index-sub-news-entry:hover .intro,
    .index-news .index-sub-news-entry:hover .more {color:#fff;}
    .index-news .index-sub-news-entry .more::after {content: ""; width: 11px; height: 11px; display: inline-block; position: relative; background: url(img/more.png); margin: 0 0 0 12px; top: 1px;}
}

.career-list {width: calc(100% - 380px);}
.career-col {float: right; width: 350px; background-color: #e7e7e7; box-sizing: border-box; padding: 26px 30px;}
.career-col strong {font-weight: 400; font-size: 20px;}
.career-col p {margin: 0 0 22px;}
.career-col p:last-child {margin:0;}
.career-col a {color: #234585;}

.career-steps {display: flex; justify-content: space-between; padding: 0 0 70px; flex-wrap: wrap;}
.career-steps li {max-width: 15%; position:relative; flex-grow:1;}
.career-steps li p {position: relative; font-size: 17px;}
.career-steps li span {position: absolute; font-size: 100px; font-weight: 700; opacity: 0.06; left: -30px;}
.career-steps li::before {}
.career-steps li:last-child p {font-weight: 500;}

.news-lead-photo {max-width: 39%; float: right; margin: 0 0 20px 40px;}

.prodlist {}
.prodlist a {color:#000;}
.prodlist h3 {border-bottom:1px solid #000;}

.container-header {padding-right:0;}
.container-header.container {padding-right:0;}
.container-header .header-bg {width:29%;}

#breadcrumbs {padding: 50px 0; font-weight:300; display: block; color: #b7b7b7; font-size: 20px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; border-bottom: 1px solid #ddd; margin:0 0 50px;}
#breadcrumbs a {color: #b7b7b7; transition:all .3s; -webkit-transition:all .3s;}
#breadcrumbs a:hover {color:#3365c3}
#breadcrumbs strong {font-weight:400; color:#234585;}

.text-page {}
.text-page-header {position: absolute; z-index: 3; color: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:90px; text-transform:uppercase; margin-left:-8px; line-height:1; margin-left: -40px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transition-delay:.45s; -webkit-transition-delay:.45s;}
.text-page-header.visible {margin-left:0; opacity:1;}
.text-page-photo {background-color:#d6ddea; height:300px; position:relative; background-size:cover; background-position:center;}
.text-page-photo::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.8; z-index:1; background: -moz-linear-gradient(left, rgba(0,53,99,1) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(left, rgba(0,53,99,1) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(0,53,99,1) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003563', endColorstr='#007db9e8',GradientType=1 );}
.text-page-photo-default {background-image: url(img/header-default.jpg);}

.text-page .index-news {padding-top:0;}
.text-page .index-news::before {display:none;}
.text-page .index-news-container {margin:0; padding:0;}

.fade-content {position:relative; left: -40px; opacity: 0; transition:all .3s; -webkit-transition:all .3s; transition-delay:.45s; -webkit-transition-delay:.45s;}
.fade-content.visible {left:0; opacity:1;}

.text-content {background-color:#fff; font-size: 20px; margin:0 0 50px; padding:50px; color: #515151; box-shadow: 0px 0px 40px rgba(0,0,0,0.04);}
.text-content .line span::after {background-color: #e9e9e9;}
.text-content h2,
.text-content h3,
.text-content h4 {color: #234585; line-height:1; font-family: 'Roboto Condensed', sans-serif; font-size: 40px; margin: 0 0 30px; padding:0; text-transform:uppercase;}
.text-content h3 {font-size:34px;}
.text-content h4 {font-size:28px;}
.text-content p {margin: 0 0 30px; font-size: 20px; line-height: 30px;}
.text-content a {color: #335aa4;}
.text-content strong {font-weight: 400; color: #363636;}
.text-content ul {margin: 0 0 30px 20px;}
.text-content li {line-height: 30px; position:relative; padding: 0 0 0 20px;}
.text-content li::before {content: ""; width: 6px; height: 6px; display: block; background: #000; position: absolute; top: 13px; left: 0;}
.text-content .index-prod h3 {padding: 25px 0 12px; font-size: 30px; margin:0;}
.text-content .index-prod li p {margin:0; font-size:18px;}
.text-content .index-prod {padding: 10px 0 75px;}

.text-content.error404 {text-align:center;}
.text-content.error404 h3 {font-size: 34px; padding: 10px 0 20px;}
.text-content.error404 .button {}

ul.text-gallery {margin: 60px 0 50px; text-align: center; display: flex; justify-content: center; flex-wrap: wrap;}
ul.text-gallery li {padding: 0 0 20px; display: inline-block; margin: 0 10px 10px;}
ul.text-gallery li::before {display:none;}
ul.text-gallery a {display:block;}
ul.text-gallery img {display: block; margin: 0 auto; border: 13px solid #f2f2f2; max-width: 250px; height: auto; max-height: 167px; width: auto;}
ul.text-gallery .caption {padding: 10px 20px 0; font-size: 16px; line-height: 1.3;}

#nav-below {border-top: 1px solid #e7e7e7; padding: 43px 0 0; margin: 49px 0 0; clear:both;}
#nav-below::after {content:""; display:table; clear:both;}
#nav-below > div {width: 50%; float: left;}
#nav-below > div:last-of-type {text-align: right; float: right;}
#nav-below a {color: #335aa4;}

.product #breadcrumbs {border:none; margin:0; position:relative; z-index:2;}
.product-header {position:absolute; z-index: 2; color:#fff; right: 0; width: 434px; top: 0; bottom: 0; display: flex; align-items: center;}
.product-header * {position:relative; display:block;}
.product-header p {padding:25px 0; line-height:1.4;}
.product-header span {font-size:16px; color:#b7b7b7; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;}
.product-header big {font-size:22px;}
.product-header big.date {font-size:36px; font-weight:300;}
.product-header img {height: 30px; display: inline-block; position: relative; top: 6px; margin-right:7px;}
.product-header-txt {padding: 0 80px 0 75px; box-sizing: border-box; z-index:2;}
.product-header-bg {content: ""; position: absolute; top: 0; bottom: 0; right: -400px; left: 0; background-color: #234585; transform: skew(-15deg); -webkit-transform: skew(-15deg); padding:0; margin-left:-70px;}
.product-header-similar {margin:0 0 40px;}
.product .text-page-photo {height:500px; background-position:center; margin:0 300px 0 0;}
.product .container-header .header-bg {width: 26%;}
.product-gallery {background-color: #e7e7e7; margin:0 0 50px;}
.product-gallery-container {width: 67.5%; height:800px; float:left;}
.product-gallery aside {width: 32.5%; color:#fff; box-sizing:border-box; padding:0; background-color: #234585; float:right; min-height:800px;}
.product-gallery aside > div {padding: 55px 30px 55px 55px;}
.product-gallery .scroll-wrapper {height:690px;}
.product-gallery h3 {font-family: 'Roboto Condensed', sans-serif; font-size:36px; text-transform:uppercase; padding:0 0 44px; line-height:1;}
.product-gallery p {padding:0 0 55px; color:#d7d7d7; line-height: 28px;}
.product-gallery ul {}
.product-gallery li {position: relative; margin: 0 0 22px;}
.product-gallery li::before {content: ""; width: 100%; height: 1px; display: block; position: absolute; background-color: #4f6a9d; bottom: 6px;}
.product-gallery li p {display: block; float: left; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; text-transform: uppercase; position: relative; background-color: #234585; padding: 0 12px 0 0;}
.product-gallery li p:last-child {float: right; text-transform: none; padding: 0 0 0 12px;}
.product-gallery .slick-slide {min-height:inherit; background-size: cover; background-position:center;}
.product-gallery .slick-arrow {position: absolute; bottom: 22px; right: 22px; z-index: 2;}
.product-gallery .slick-next {top:auto; bottom:22px;}
.product-gallery .slick-prev {margin-bottom:56px;}

.product-spec {margin:0 0 50px;}
.product-spec .text-content {margin:0;}
.product-spec .contact-details li,
.product-spec .contact-details li:nth-child(2) {width:100%; margin-top:40px;}
.product-spec .contact-details li {position: relative; margin-left: 128px;}
.product-spec .spec-icon {position: absolute; left: -130px;}
.product-spec .spec-icon img {max-width: 80px; max-height: 80px; display: block;}

.product .index-news {padding-bottom:0;}
.product .index-prod {border-bottom: 90px solid #f2f2f2; padding: 50px 0;}

.product-list {}
.product-list h2 {margin:0 0 40px;}
.product-list ul {margin:0 0 50px;}
.product-list li {width: 31.5%; float: left; margin: 0 2.6666% 2.6666% 0;}
.product-list li:nth-child(3n+3) {margin-right:0;}
.product-list li > a {}
.product-list h4 {float: left; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 24px; font-weight: 400; padding: 17px 0 0; color:#000;}
.product-list h3 {font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 32px; margin: -10px 0 35px; min-height:24px;}
.product-list h3 span {float:left; position:relative; padding: 0 0 0 25px;}
.product-list h3 span::after {content: ""; left: 2px; width: 8px; height: 8px; background-color: #1e1e1e; display: block; position: absolute; top: 9px;}
.product-list .button {float:right; padding:0 30px; overflow:hidden;}
.product-list-photo {height: 240px; background-color: #e7e7e7; background-size: cover; background-position: center; position:relative;}
.product-list-photo::before {content: ""; width: 0; top: 0; bottom: 0; position: absolute; background-color: #234585; opacity: 0.8; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; transition:all .3s; -webkit-transition:all .3s;}
.product-list-photo::after {content: ""; width: 60px; height: 60px; display: block; position: absolute; background: url(img/info.png) center no-repeat; background-size: contain; top: 34%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); opacity:0; transition:all .3s; -webkit-transition:all .3s; transition-delay:.22s; -webkit-transition-delay:.22s;}
.product-list li:hover .product-list-photo::before {width:100%; opacity:0.8;}
.product-list li:hover .product-list-photo::after {top:50%; opacity:1;}
.product-list li:hover .button::before {width:100%; opacity:1;}
.product-list .index-prodlist-pdf {background: url(img/prod-pdf2.png) 0 0 no-repeat; position: relative; right: 0px; top: 5px; display: inline-block; float: left; margin: 0 20px 0 0;}
.product-list .docs-list-txt a {color:#2c5199;}

.product-breadcrumbs {position: absolute; left: 0; right: 8.5%; top: 0; bottom: 0;}
.product .index-slider-s {}

.news-page .text-page-header, 
.page-child .text-page-header {font-size: 64px;}

.frame,
ul.contact-details,
div.contact-details {margin: 0; padding: 40px; border: 1px solid #eaeaea; box-shadow: 0px 7px 6px rgba(0,0,0,0.03);}
.contact-details li {padding: 0 0 0 40px; float: left; display: block; width: 50%; box-sizing: border-box; border-left: 3px solid #234585; margin: 40px 0 0;}
.contact-details li::before {display:none;}
.contact-details li:nth-of-type(1),
.contact-details li:nth-of-type(2) {margin-top:0;}
.contact-details li:nth-of-type(2n+2) {border-right:none;}
.contact-details li:nth-of-type(2n+1) {clear:left;}
.contact-details h2 {width: 100%; clear: both;}
.contact-details h3 {padding: 0; text-transform: uppercase; font-weight: 400; font-size:24px; margin:0 0 20px;}
.contact-details p {margin:0; font-size: 18px; color: #7e7e7e;}
.contact-details small {}
.contact-details a {color: #7e7e7e;}
.contact-details a:hover {color:#2959b4;}

.contact-details dl {}
.contact-details dt {font-size: 18px; position: relative; padding: 0 0 2px 25px;}
.contact-details dt::after {content: ""; position: absolute; display: block; width: 6px; height: 6px; background-color: #d8d8d8; top: 12px; left: 3px;}
.contact-details .contact-details-info {display: block; padding: 0 0 12px; color: #5d5d5d;}

.contact-details li.contact-item-smaller { width: 100%; }
.contact-details li.contact-item-smaller > h3 { font-size: 18px; }
.contact-details li.contact-item-smaller > small { font-size: 14px; }

.contact-form {margin:0;}
h2.contact-form-header {margin-top: 50px;}
.contact-form-col {width:50%; float:left;}
.contact-form p {margin:0; display:block; clear:both; position:relative;}
.contact-form p::after {content:""; display:table; clear:both;}
.contact-form .wpcf7-text,
.contact-form input[type="text"],
.contact-form textarea {background: #f6f6f6; border: none; margin: 0 0 20px; height: 40px; box-sizing: border-box; border-left: 3px solid #234585; padding: 0 12px; width:90%; transition:all .2s; -webkit-transition:all .2s;} 
.contact-form .wpcf7-text:focus,
.contact-form input[type="text"]:focus,
.contact-form textarea:focus {border-left-width:10px; background-color:#fff; border-bottom:1px solid #eeeeee;}
.contact-form textarea {width:100%; height:159px; padding:12px;}
.contact-form .wpcf7-submit {float: right; text-transform: uppercase; color: #fff; background-color: #0f2349; border: none; height: 56px; font-size: 18px; font-weight: 400; padding: 0 50px; cursor: pointer; transition: all .3s; -webkit-transition: all .3s;}
.contact-form #prod-list {display:none;}

.contact-form div.wpcf7 .ajax-loader {right: 200px; position: absolute; top: 18px;}
.contact-form input.wpcf7-not-valid,
.contact-form textarea.wpcf7-not-valid {border-left-color:#f68989;}
.contact-form span.wpcf7-not-valid-tip {color: #e94949; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 17px; margin: -13px 0 -5px;}
.contact-form div.wpcf7-response-output {clear: both; margin:20px 0 0; border: none; padding: 20px; font-family: 'Roboto Condensed', sans-serif;}
.contact-form div.wpcf7-validation-errors, 
.contact-form div.wpcf7-acceptance-missing {color: #e94949; background-color: #fcf3f3;}
.contact-form div.wpcf7-mail-sent-ok {color: #6dba5a; background-color: #f0f9eb;}

.cart .contact-form .wpcf7-text {width:100%;}
.cart .contact-form div.wpcf7 .ajax-loader {right: -28px;}
.cart .contact-form-cols3 {margin:0 0 20px;}
.cart .contact-form-cols3 li {float: left; width: 32%; padding: 0; margin: 0 2% 0 0; box-sizing: border-box;}
.cart .contact-form-cols3 li:nth-child(3) {margin-right:0;}
.cart .contact-form-cols3 li::before {display:none;}

.contact-page .contact-details {margin:1px 0 0; padding: 19px 40px 11px; transition:all .3s; -webkit-transition:all .3s;}
.contact-page .contact-details.active {padding-top:40px; padding-bottom:40px;}
.contact-page .contact-details.active .line span::after {width:9999px; top: 16px;}
.contact-page .contact-details ul {display:none; margin:40px 10px 0;}
/*.contact-page .contact-details:first-of-type ul {display:block;}*/
.contact-page .contact-details h2 {font-size:24px; cursor:pointer; margin: 0; padding: 0 0 0 2px; transition:all .3s; -webkit-transition:all .3s; position:relative; padding: 0 0 0 47px; box-sizing:border-box;}
.contact-page .contact-details h2::before {content: ""; width: 23px; height: 23px; display: block; background: url(img/plus.png) 0 0 no-repeat; position: absolute; left: 0;}
.contact-page .contact-details.active h2 {font-size:34px;}
.contact-page .contact-details.active h2::before {background:url(img/minus.png) 0 0 no-repeat; top:5px;}
.contact-page .line span::after {top: 12px; width: 0; transition: all .3s; -webkit-transform: all .3s;}
.contact-page .contact-details h3 {margin:0;}
.contact-page .contact-details p {line-height: 1.5; font-size: 16px;}
.contact-page .contact-details small, .contact-details .small {font-size: 18px; margin: 3px 0 10px; display: block; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 400; color: #000; line-height: 1;}

ul.search-list {margin: 0; padding: 10px 0 0;}
ul.search-list li {border-top: 1px solid #e7e7e7; width: 100%; padding: 20px 0 20px 20px;}
ul.search-list li::before {top:31px;}
ul.search-list li:first-child {border:none;}
ul.search-list p {float:left; margin:0; display:block;}
ul.search-list a {float:right; display:block; margin: 16px 0 0;}
ul.search-list small,
ul.search-list small a {font-size: 16px; color: #787878; margin:0;}

ul.about-list {margin:0 0 70px; display: flex; flex-wrap: wrap;}
ul.about-list > li {padding: 0 0 0 40px; float: left; display: block; width: 50%; font-size:16px; box-sizing: border-box; border-left: 3px solid #f0f0f0; margin: 40px 0 0;}
ul.about-list > li::before {display:none;}
ul.about-list h3 {font-size:28px; font-weight:400;}
ul.about-list p,
ul.about-list ul {font-size: 16px; margin-bottom: 12px; line-height: 1.5;}
ul.about-list ul li::before {background: #c5c5c5;}

.about-cert-wrapper {}
.about-cert-wrapper h2 {margin:0 0 50px;}
ul.about-cert {display: flex; margin:30px 0 0; flex-wrap:wrap;}
ul.about-cert li {flex-grow: 1; flex-basis: 0; border-left: 3px solid #f0f0f0; padding: 20px 30px 20px; box-sizing: border-box; text-align: center; position:relative; transition:all .3s; -webkit-transition:all .3s; margin:0 0 30px;}
ul.about-cert li::before {display:none;}
ul.about-cert li .photo {width:140px; height:40px; margin: 0 auto;}
ul.about-cert img {opacity: 0.2; filter: grayscale(100%); -webkit-filter: grayscale(100%); transition:all .3s; -webkit-transition:all .3s; max-width: 110px; max-height: 40px;}
ul.about-cert h3 {font-size: 16px; margin: 10px 0 0; line-height: 1.2;}
ul.about-cert p {background-color: #234585; color: #fff; font-size: 14px; line-height: 1.2; position: absolute; top: 100%; width: 300px; left: 50%; padding: 20px; z-index: 2; visibility: hidden; opacity: 0; transform:translateX(-50%) translateY(-20px); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
ul.about-cert p::before {content: ""; width: 20px; height: 20px; display: block; position: absolute; background: #234585; top: -2px; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%); left: 50%;}
ul.about-cert li:hover p {visibility: visible; opacity: 1; z-index: 3; transform:translateX(-50%) translateY(0%); transition-delay: 0s, 0s, 0.3s;}
ul.about-cert li:hover img {filter:none; -webkit-filter:none; opacity:1;}
 
h2.about-hist-header {padding:50px 0 0;}
ul.about-hist {text-align: center; padding: 0; margin: 80px 0; position: relative;}
ul.about-hist::before {content: ""; width: 3px; top: 0; bottom: 0; display: block; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border: 2px dotted #e4e4e4;}
ul.about-hist li {padding:0;}
ul.about-hist li::before {display:none;}
ul.about-hist li h3 {margin: 0 auto 40px; padding: 30px 0 0; text-align: center; font-weight: 400;}
ul.about-hist li h3 span {background-color: #234585; color: #fff; display: inline-block; padding: 9px 6px 7px; border: 10px solid #fff;}
ul.about-hist li h3 .short {font-size: 26px; line-height: 1; font-weight: 400;}
ul.about-hist li h3::before {content: ""; width: 7px; height: 7px; border: 3px solid #234585; display: block; position: absolute; left: 50%; top:0; border-radius: 7px; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: #fff; z-index:2;}
ul.about-hist li h3::after {content: ""; width:100px; height: 3px; background-color: #234585; display: block; position: absolute; right: 50%; top:6px; z-index: 1; border-radius:3px;}
ul.about-hist li img {float: right; margin: 0 0 0 20px;}
ul.about-hist li:nth-child(even) img {float:left; margin:0 20px 0 0;}
ul.about-hist li:nth-child(even) h3::after {right:auto; left:50%;}
.about-hist-desc {position: absolute; left: 0; width: 40%; top:-7px; text-align:right; font-size: 18px; line-height: 1.4;}
ul.about-hist li:nth-child(even) .about-hist-desc {left: auto; right: 0; text-align: left;}

ul.no-list {margin: 0; display: flex; flex-wrap: wrap; padding: 20px 0 0;}
ul.no-list li {padding: 20px; box-sizing: border-box; border-left: 3px solid #f0f0f0; flex-grow: 1; flex-basis: 0; text-align: center; min-width: 16.6666%; margin: 0 0 30px;}
ul.no-list li::before {display:none;}
ul.no-list big {font-weight: 400; font-family: 'Roboto Condensed', sans-serif; font-size: 40px; color: #234585;}
ul.no-list h3 {font-size: 17px; line-height: 1.2; color: #808080; margin: 3px 0 20px;}
ul.no-list p {font-size: 16px; line-height: 1.3; margin: 0;}

.docs-list li,
.docs-entry {display: flex; align-content: center; align-items: center;}
.docs-entry .docs-list-img {min-width:200px;}
.docs-list h2 {font-size: 26px; padding: 0 0 5px; font-weight: 400;}
.docs-list-img {float: left; max-width: 200px; display: block; box-shadow: 0px 0px 20px rgba(0,0,0,0.06);}
.docs-list-txt {float: left; width: auto; box-sizing: border-box; padding: 0 40px 0 30px; right: 0; margin-top: -15px;}
.docs-list-txt h3 {font-size:28px;}
.docs-list-txt h3 small {font-size:18px;}
.docs-list-txt a {background-image: url(img/prod-pdf2.png); background-repeat: no-repeat; padding: 0 0 0 32px; display: block; height: 24px; background-size: contain; line-height: 25px; font-size:18px; white-space:nowrap;}

.news-archive {margin: 0 0 60px;}
.news-archive .contact-details li {width: 100%; margin: 20px 0 0 0;}
.news-archive .contact-details li:first-child {margin-top:0;}
.news-archive .contact-details li h3 {font-size:20px;}
.news-archive .contact-details li h3 small {display: inline-block; margin: 0px 35px 0 0; position: relative; top: -1px;}

.form-suplier h2 {font-size: 30px; margin: 0; display: block; padding: 30px 0 22px; line-height: 1.1;}
.form-suplier textarea {height: 100px;}
.form-suplier .info {display: block; margin: 0 0 13px; font-size: 18px;}
.form-suplier input[type="file"] {margin: 0 0 17px;}
.form-suplier .contact-form input[type="text"], 
.form-suplier .contact-form textarea {width:100%;}
.form-suplier .contact-form-col {width:47%;}
.form-suplier .contact-form-col:nth-of-type(3) {float:right;}
.form-suplier .contact-form-col h2:first-of-type {padding-top:0;}
.form-suplier span.wpcf7-list-item {margin: 0px 20px 15px 0;}

.products-sidebar {width: 350px; float: left; background-color: #234585; color: #fff; padding: 40px; box-sizing: border-box;}
.products-sidebar h3 {color: #fff; font-size:22px; font-weight: 400;}
.products-sidebar ul {margin:0;}
.products-sidebar li {padding:0;}
.products-sidebar li::before {display:none;}
.products-sidebar li#cat15386 {display:none;}
.products-sidebar a {color:#fff;}
.products-sidebar .product-categories {}
.products-sidebar .product-categories li {font-size: 18px; padding: 8px 0 6px 25px; position: relative; line-height: 1.2;}
.products-sidebar .product-categories li:first-child {display:none;}
.products-sidebar .product-categories .current-cat a {font-weight:400;}
.products-sidebar .product-categories .current-cat::after {width:16px;}
.products-sidebar .product-categories span {color: #89a5da;}
.products-sidebar .product-categories li::after {content: ""; position: absolute; width: 6px; height: 6px; background: #4e72b6; left: 0; top: 15px; transition:all .3s; -webkit-transition:all .3s;}
.products-sidebar .product-categories li:hover::after {width:16px;}
.products-sidebar .product-categories-select {display:none;}

.products-content {width: calc(100% - 400px); float: right;}
.products-content > h2 {margin: 3px 0px 49px;}
/*.products-content .contact-form {display:none;}*/
.products-content .contact-form {margin:15px 0 0;}

.career {}
.career-rodo {opacity: 0.7; margin: 50px 0 0; padding: 30px 38px; background-color: #f3f3f3;}
.career-rodo p,
.career-rodo ul {font-size:0.75em;}

#footer {background-color:#0f2349;}

.footer-map {height: 450px; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.footer-map iframe {width:100%; height:inherit;}
.footer-cols {padding:50px 0;}
.footer-col {width:50%; float:left; color:#b7b7b7;}
.footer-col:last-of-type {width: 41%; float: right;}
.footer-col h3 {font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#fff; margin:25px 0 0;}
.footer-col .menu::after {content:""; display:table; clear:both;}
.footer-col .menu ul {padding:0 0 35px;}
.footer-col .menu ul::after {content:""; display:table; clear:both;}
.footer-col .menu li {width:50%; display: block; float: left; margin: 0 0 18px;}
.footer-col .menu a {color: #fff; text-transform: uppercase; font-weight: 400; font-size: 16px;}
.footer-col .menu a:hover {border-bottom:1px solid #fff;}
.footer-col .searchform {padding:20px 0 0;}
.footer-col .searchform::after {content:""; display:table; clear:both;}
.footer-col #s {display:block; font-size:16px; float:left; padding:0 12px; width:calc(100% - 225px); height:50px; background-color:transparent; border:1px solid #234585; box-sizing:border-box; color:#3960aa;}
.footer-col #searchsubmit {width: 225px; height: 50px; border: 1px solid #234585; background: #234585; display: block; float: left; box-sizing: border-box; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 400; cursor: pointer; transition:all .3s; -webkit-transition:all .3s; border-left:none;}
.footer-col #searchsubmit:hover {background-color:#0e2f6e;}
.footer-phone {height:85px; border:1px solid #fff; display:block; width:100%; box-sizing:border-box; padding:0 40px;}
.footer-phone p {display:block; float:left; font-size:22px; line-height:85px;}
.footer-phone p:last-of-type {float:right; font-size:36px; color:#fff; font-family: 'Roboto Condensed', sans-serif;}
.footer-misc {padding:0; display:block; font-size:14px; line-height:22px;}
.footer-social {padding:35px 0 0;}
.footer-social * {display:block; float:left; margin:0 32px 0 0;}
.footer-social h3 {line-height:40px; margin:0 30px 0 0;}
.footer-social a {width:40px; height:40px; transition:all .3s; -webkit-transition:all .3s;}
.footer-social a:hover {opacity:0.5;}
.footer-social .facebook {background-image:url(img/facebook.png); margin:0 20px 0 0;}
.footer-social .youtube {background-image:url(img/youtube.png); margin:0 20px 0 0;}
.footer-social .linkedin {background-image:url(img/linkedin.png);}
.footer-copy {height:70px; border-top:1px solid #2f446b;}
.footer-copy p {color:#b7b7b7; font-size:14px; display:block; float:left; line-height:70px;}
.footer-copy p:last-child {float:right; text-align:right;}
.footer-copy a {color:#b7b7b7;}

.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus {outline:none; }
.slick-list.dragging {cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); height:inherit; min-height:inherit;}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,.slick-track:after {display:table; content:''; }
.slick-track:after {clear:both; }
.slick-loading .slick-track {visibility:hidden; }
.slick-slide {display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide {float:right; }
.slick-slide img {display:block; }
.slick-slide.slick-loading img {display:none; }
.slick-slide.dragging img {pointer-events:none; }
.slick-initialized .slick-slide {display:block; }
.slick-loading .slick-slide {visibility:hidden; }
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden {display:none; }

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {float:left; width:47%;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {display:none;}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {float:left; width:55%; clear:none;}
.product_meta {text-align:center;}

.woocommerce table.shop_attributes th {white-space: nowrap; box-sizing: border-box; width: 50%; text-align: right;}
.woocommerce table.shop_attributes td {box-sizing: border-box; text-align: left; padding: 0 0 0 20px;}

.woocommerce div.product {display:block; clear:both;}
.woocommerce div.product form.cart {margin:0 0 20px;}
.woocommerce div.product big.price {font-size: 30px;}

.product_meta {text-align: center; width: 50%; float: right;}

.woocommerce .woocommerce-ordering select {border: none; padding:9px 10px 8px; position: relative; margin: 0 0 15px;}
.woocommerce .woocommerce-ordering select::after {content:"";}
.woocommerce .woocommerce-result-count {display: block; margin: 7px 0 0;}
.woocommerce .button.wc-forward {display:none;}
.woocommerce .woocommerce-ordering {position:relative;}
.woocommerce .woocommerce-ordering::before {content: ""; width: 6px; height: 6px; border-right: 3px solid #000; border-bottom: 3px solid #000; display: block; position: absolute; z-index: 2; transform: rotate(45deg); right: 18px; top: 17px; opacity: 0.2;}

.woocommerce nav.woocommerce-pagination ul li::before {display:none;}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {position: relative; width: 100%; height: 0; padding-bottom:90%; display: block; transition:all .3s; -webkit-transition:all .3s;}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover {box-shadow: 0px 0px 25px rgba(0,0,0,0.08);}
.woocommerce ul.products li.product {text-align:center;}
.woocommerce ul.products li.product::before {display:none;}
.woocommerce ul.products li.product a img {position: absolute; max-width: 72%; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); top: 0; max-height: 58%; width: auto;}
.woocommerce ul.products li.product a h2 {position: absolute; bottom:40px; width: 100%; text-align: center; font-weight: 400; font-size:18px !important;}
.woocommerce ul.products li.product .button {height: auto; border-radius: 0; margin: 20px auto 0; float: none; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 19px; padding: 11px 22px 9px;}
.woocommerce ul.products li.product .button::before {display:none !important;}
.woocommerce ul.products li.product .price {position:absolute; bottom:0; width:100%; color: #000;}

.woocommerce ul.products li.product .woocommerce-placeholder {border:none;}

.woocommerce .related {clear: both; padding: 50px 0 0;}
.woocommerce .related h2 {margin:0 0 50px;}
.woocommerce .related ul {margin:0;}
.woocommerce .related li {margin-bottom:0 !important;}

/*.cart-collaterals {display:none;}*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {width:100%;}
.woocommerce .cart-collaterals .wc-proceed-to-checkout {display:none;}
.woocommerce .cart-collaterals .cart_totals h2 {margin: 40px 0 40px;}

.woocommerce table.shop_table {border-radius:0;}
/*
.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-subtotal {display:none;}
*/
.woocommerce table.shop_table .actions {display:none;}

/*.woocommerce table.shop_attributes tr:nth-child(2) *,*/
/*.woocommerce table.shop_attributes tr:nth-child(4) * {display:none;}*/

.woocommerce div.product form.cart div.quantity {display: inline-block; margin: 0 0 20px; float:none;}
.woocommerce div.product form.cart .quantity-label {margin: 0 7px 3px 0; font-size: 18px; display: inline-block;}

.woocommerce-notices-wrapper {clear:both;}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { height: 100px; width: auto;}

/*.woocommerce div.product form.cart div.quantity {display:none;}*/
.woocommerce div.product form.cart .button {background-color: #0f2349; height: 52px; font-size: 16px; line-height: 50px; font-weight: 500; border-radius: 0; padding: 0 35px; margin: 0 auto; display: block; float: none;}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {height: auto; background: #0f2349; font-size: 18px; border-radius: 0;}
.woocommerce #respond input#submit.alt::before, 
.woocommerce a.button.alt::before, 
.woocommerce button.button.alt::before, 
.woocommerce input.button.alt::before {display:none !important;}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {background-color: #234585;}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {border: none; padding: 10px 14px;}
.select2-container--default .select2-selection--single {background-color: #f2f2f2; border: none; border-radius: 0; height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:7px; right:10px;}

.woocommerce #customer_details {padding-bottom:40px;}

.woocommerce-error li::before, 
.woocommerce-info li::before, 
.woocommerce-message li::before,
.woocommerce ul.order_details li::before {display:none !important;} 

body.woocommerce #menu-item-37 a::after {display:none;}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0 35px 0 0;
    position: relative !important;
    top: 0;
    width: auto !important;}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SCROLLBAR DYNAMIC ***************/
 
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    background: #14336f;
}
 
.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
 
.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}
 
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;
 
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
 
.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #718cbf;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}
 
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
 
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}
 
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
 
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}
 
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

.ipt_fsqm_form_logo img, 
.ipt-eform-width-restrain, 
.ipt_fsqm_form_message_restore, 
.ipt_fsqm_form_message_success, 
.ipt_fsqm_form_message_error, 
.ipt_fsqm_form_message_process, 
.ipt_fsqm_form_validation_error, 
.eform-ui-estimator  {min-width:100% !important; max-width:100% !important;}

.ipt_fsqm_main_tab.ui-tabs > .ipt-eform-tab-nav-wrap .ui-tabs-nav li::before {display:none !important;}


@media screen and (max-width:1680px)
{
    .container {padding:0 80px;}
    .container-indent {padding:0 0 0 80px;}
    .container-inner {margin:0 80px;}
    
    .index-news-container {margin:0 80px 0 0;}
}

@media screen and (max-width:1560px)
{
    #menu a {font-size:16px;}
    
    .container-indent {padding:0;}
    .container-inner {margin:0;}
    
    .index-news-container {margin:0;}
    
    .index-slider-desc h2 {font-size: 85px; line-height: 85px;}
    .line,
    .index-about h2 {font-size:42px;}
    .index-about-no big  {font-size:56px;}
    .index-about-no p {font-size: 24px;}
    
    .footer-col .menu a {font-size:14px;}
    
    .docs-list-txt h3 {font-size: 22px;}
}

@media screen and (max-width:1400px)
{
    body, input, select, textarea {font-size:16px;}
    
    #menu {width:calc(100% - 357px);}
    #menu a {font-size: 15px;}
    
    .header-bg {width:280px;}
    
    .button {padding: 0 30px; height:50px;}
    .button span {line-height:51px;}
    
    .line {margin:0 0 50px;}
    .line, .index-about h2 {font-size: 38px;}
    
    .container {padding:0 50px;}
    
    .career-steps {padding: 0 0 30px 30px;}
    .career-steps li {min-width:30%; margin: 0 0 60px;}
    
    .index-prodlist {padding: 0 60px 0 0;}
    .index-prodlist > li {margin: 0 0 18px;}
    .index-prodlist h3 {font-size: 21px; padding:10px 0;}
    
    .index-about-no big {font-size: 50px;}
    .index-about-no p {font-size: 20px;}
    
    .index-slider-desc h2 {font-size: 76px; line-height: 76px; padding:0 0 40px;}
}

@media screen and (max-width:1270px)
{
    #mobile {width:50px; height: 45px; position: relative; float:right; margin:20px 0 0 35px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
    #mobile span {display: block; position: absolute; height: 4px; width: 100%; background: #0f2349; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
    #mobile span:nth-child(1) {top: 0px;}
    #mobile span:nth-child(2),
    #mobile span:nth-child(3) {top: 18px;}
    #mobile span:nth-child(4) {top: 36px;}
    #mobile.open span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
    #mobile.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    #mobile.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
    #mobile.open span:nth-child(4) {top: 18px; width: 0%; left: 50%;}
    
    #header.fixed #mobile span {background-color:#fff;}
    
    .text-page-photo {height:220px;}
    .text-page-header {font-size:60px;}
    
    #breadcrumbs {padding: 37px 0 30px; margin: 0 0 30px; font-size: 18px;}
    
    #menu {display: block; position: absolute; top: 80px; background-color: #234585; right: -110%; width: 100%; padding:25px 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; text-align: center; color: #fff;}
    #menu li {}
    #menu a {color: #fff; font-size: 24px; padding: 15px 0; display: block;}
    #menu.visible {right:0;}
    
    .line, .index-about h2 {font-size: 34px;}
    
    .index-sub-news h2 {font-size:24px;}
    
    .index-slider-desc h2 {font-size: 70px; line-height: 70px; padding: 0 0 30px;}
    .index-slider-desc p {padding: 0 0 30px;}
    
    .container {padding:0 40px;}
    
    .index-prod li {width:31%;}
    
    .index-about {border-top: 40px solid #f2f2f2;}
    .index-about-col,
    .index-about-col:last-of-type {width:46%;}
    
    .docs-entry {display:block;}
    .docs-entry .docs-list-img {min-width: 100%; float: none;}
    .docs-list-txt {padding: 30px 0 0;}
    .docs-list-txt h3 {margin-bottom:20px;}
    
    ul.about-cert {flex-wrap:wrap;}
    ul.about-cert li {min-width: 25%;}
    
    ul.about-hist li h3::after {width:50px;}
    .about-hist-desc {font-size:15px;}
    
    .product-list .index-prodlist-pdf {top:-1px;}
    
    ul.no-list li {min-width:25%;}
    
/*    .my-cart {top:20px;}*/
    
    .shop-nav-goback {top:24px;}
    
    .index-news .career-entry .index-sub-news-entry .more {float: right; margin: -10px 0 13px; clear: both; width: 100%; display: block;}
    .index-news .career-entry .index-sub-news-entry .date {display:none;}
    .index-news .career-entry .index-sub-news-entry h3 {float: none; min-height: auto; padding: 0 0 15px; width:auto;}
}

@media screen and (max-width:1200px)
{
    .products-content {width: 100%; float: none; padding: 60px 0 0;}
    
    .products-sidebar {width:100%; float:none; clear:both;}
    .products-sidebar h3,
    .products-sidebar .product-categories {display:none;}
    .products-sidebar .product-categories-select {display: block; width: 100%; border: none; box-sizing: border-box; padding: 8px 11px; background-color:transparent; color: #fff; position:relative;}
    .products-sidebar .product-categories-select-wrapper {display:block; position:relative;  background-color: #0f2349;}
    .products-sidebar .product-categories-select-wrapper::before {content: ""; display: block; width: 6px; height: 6px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 18px; top: 16px;}
}

@media screen and (max-width:1100px)
{
    .product-header {width:320px;}
    .product-header big {font-size: 16px; line-height: 1.3;}
    .product .text-page-photo {margin:0 220px 0 0; height:360px;}
    
    .product-gallery-container {width:100%; min-height:600px; float:none;}
    .product-gallery aside {width: 100%; float: none; min-height: auto;}
    .product-gallery .scroll-wrapper {height:auto;}
    
    .product-header-similar {margin: 40px 0 30px;}
    
    .text-content h2, .text-content h3, .text-content h4 {font-size:34px;}
    
    .contact-details h3 {font-size:22px;}
}

@media screen and (max-width:1025px)
{
    .text-content ,
    .text-content p {font-size: 16px; line-height: 24px;}
    
    .news-page .text-page-header, .page-child .text-page-header {font-size: 44px;}
    
    #menu {background-color: #0f2349;}
    
    .index-slider-desc h2 {font-size: 60px; line-height: 60px;}
    
    #header.fixed .layer, #header .layer {height: 80px; box-shadow: 0px 3px 4px rgba(0,0,0,0.11);}
    #header.fixed #mobile span, #mobile span {background-color: #fff;}
    
    .slick-initialized .slick-slide {background-position-y: 0px !important;}
    
    .header-bg {margin-left: 0px !important;}
    
    .career-steps li {min-width: 45%; margin: 0 0 60px;}
    .career-steps li p {font-size: 15px; line-height: 1.4;}
    
    .text-page-header {font-size: 50px;}
    
    .product-list h4 {width: 100%; display: block; padding: 20px 0 15px;}
    .product-list .button {float:left;}
    
    .index-prod li {padding:0 0 15px !important;}
    .index-prod li::after,
    .index-prod li:hover::after {height:100%; left: 0; right: 0; top: 0;}
    .index-prod li .button {opacity:1; margin-top:0; top:100%; width: 100%; box-sizing: border-box;}
    .index-prod li p {padding: 0 15px;}
    .index-prod li p,
    .index-prod li h3 {color:#fff;}
    
    .index-about h2 {padding:0 0 35px;}
    .index-about-col, 
    .index-about-col:last-of-type {width: 100%;}
    .index-about-col:last-of-type {padding-top:80px;}
    
    .index-about-map {text-align:center;}
    .index-about-map img {width:700px; margin:0 auto;}
    
    .index-news-wrapper > div,
    .index-news-wrapper > div:nth-child(2n+1) {width: 100%; float: none; margin: 0 0 20px;}
    
    .index-news .career-entry .index-sub-news-entry {padding: 20px 20px 13px;}
    .index-news .career-entry .index-sub-news-entry h3 {width:100%; float:none; clear:both;}
    .index-news .career-entry .index-sub-news-entry .date {float:left; margin:0;}
    
    .news-archive .contact-details li h3 small {margin:0; width:100%; display:block;}
    
    ul.no-list li {min-width:33.333%;}
    ul.about-cert li {min-width:33.3333%;}
    ul.about-list > li {float:none; width:100%;}
    
    .about-hist-desc {position: relative; margin: 0 auto; text-align:center;}
    .about-hist-desc::after {content:""; display:table; clear:both;}
    ul.about-hist {margin:0 0 50px;}
    ul.about-hist::before {display:none;}
    ul.about-hist li h3 {margin:0 auto 13px;}
    ul.about-hist li img,
    ul.about-hist li:nth-child(2n) img {float: none; display: block; text-align: center; margin: 0 auto 14px;}
    ul.about-hist li h3::before,
    ul.about-hist li h3::after {display:none;}
    
    .footer-col,
    .footer-col:last-of-type {width: 100%; float: none; text-align:center;}
    .footer-col:last-of-type {padding:50px 0 0;}
    .footer-col .menu li {width: 100%; display: block; float: none; margin: 0 0 13px; text-align: center;}
    .footer-phone {height:60px;}
    .footer-phone p {font-size: 20px; line-height: 61px;}
    .footer-phone p:last-of-type {font-size:28px;}
    .footer-social {display:inline-block;}
    
    .career-col {float: none; width: 100%; margin:0 0 30px;}
    .career-list {width:100%;}
    
    .index-news .index-sub-news-entry h3 {min-height:auto;}
    .index-news .career-entry .index-sub-news-entry .more {margin:0;}
}

@media screen and (max-width:860px)
{
    .index-sub-prod {display:none;}
    .index-sub-news {width:100%;}
    
    .index-prod li {width: 48%;}
    .index-prod li:nth-child(3) {display:none;}
    
    .index-news::before {display:none;}
    
    .product-list li,
    .product-list li:nth-child(3n+3) {width: 48%; margin: 0 4% 4% 0;}
    .product-list li:nth-child(2n+2) {margin-right:0;}
    
    .footer-copy p,
    .footer-copy p:last-child {}
    
    .contact-form-col {width:100%; float:none;}
    .contact-form .wpcf7-text, .contact-form input[type="text"], .contact-form textarea {width:100%;}
    .contact-form .wpcf7-submit {height: 44px; padding: 0 30px; font-size: 16px;}
    
    .cart .contact-form-cols3 li {width:100%; float:none; margin:0;}
    
    .form-suplier .contact-form-col {width:100%; float:none;}
    
    .shop-nav-goback {top: auto; position: relative;}
}

@media screen and (max-width:750px)
{
    .text-content {padding:20px;}
    .text-content ,
    .text-content p {font-size: 13px; line-height: 20px;}
    
    .container {padding:0 15px;}
    
    .aws-container {width:100%;}
    
    .my-cart {float:left;}
    .my-cart * {font-size: 14px; float: left;}
    
    .line {margin:0 0 30px;}
    .line, .index-about h2 {font-size: 25px;}
    .line span::after {display:none;}
    .product-list h2 {margin:0 0 20px;}
    
    .button {padding: 0 20px; height: 42px;}
    .button span {line-height:43px; font-size: 12px;}
    .button span::after {margin: 0 0 0 16px; top: 4px;}
    
    #header, #header.fixed .layer, #header .layer {position:absolute;}
    
    #mobile {width: 40px; height: 40px; margin: 17px 0 0;}
    #mobile span {height:3px;}
    #mobile span:nth-child(2), #mobile span:nth-child(3) {top: 13px;}
    #mobile span:nth-child(4) {top: 26px;}
    
    #container {padding-top:60px;}
    
    .header-bg {width: 160px;}
    
    .index-slider,
    .index-slider .index-slider-txt,
    .index-slider-container {height:440px; min-height:440px;}
    .index-slider-desc h2 {font-size: 32px; line-height: 32px;}
    .index-slider-desc p {padding: 0 0 30px; font-size: 14px; line-height: 20px; width:90%;}
    .index-slider-s #show-search {display:none;}
    
    .index-slider .index-slider-txt,
    .index-slider .index-slider-desc h2,
    .index-slider .index-slider-desc p,
    .index-slider .index-slider-desc .button {margin-left:0; opacity:1;}
    
    .index-sub-news h2 {font-size: 20px; line-height: 60px;}
    .index-sub-news-entry h3 {font-size: 18px;}
    
    .index-prod h3 {font-size:24px;}
    .index-prod ul {display:block;}
    .index-prod li {width:100%; margin: 0 0 43px;}
    .index-prodlist > li {margin: 0 0 8px;}
    .index-prodlist h3 {font-size: 15px; padding: 9px 30px 9px 0;}
    
    .index-about {padding:30px 0;}
    .index-about-map img {width:100%;}
    .index-about-no big {font-size: 38px;}
    .index-about-no p {font-size: 15px;}
    .index-about-col:last-of-type {padding-top: 50px;}
    
    .index-news {padding:40px 0 30px;}
    .index-news .index-sub-news-entry {padding: 25px 25px 25px 25px;}
    .index-news .index-sub-news-entry .date {font-size:14px;}
    .index-news .index-sub-news-entry .intro {font-size: 13px; line-height: 19px;}
    .index-news .index-sub-news-entry .more {font-size:14px;}
    .index-news .button {background-color: #234585; margin: 0; width: 100%; box-sizing: border-box;}
    .index-news-photo {display:none;}
    
    .product-list li, .product-list li:nth-child(3n+3) {margin: 0 4% 8% 0;}
    .product-list-photo {height: 120px;}
    .product-list h4 { padding: 17px 0 13px; font-size: 20px;}
    .product-list .button {width: 100%; box-sizing: border-box; padding: 0; text-align: center;}
    .product-list h2 {padding:0 0 3px;}
    .product-list h2 span {top: 6px; position: relative;}
    .product-list h3 {font-size: 24px;}
    
    .product-header {width: 320px; position: relative; display: block; height: auto;}
    .product .text-page-photo {margin: 0 0 0 -20px; height: 260px;}
    
    .index-news-container {padding:0;}
    
    ul.no-list {padding:0;}
    ul.no-list li {min-width: 100%; padding: 10px 20px 10px 0; border: none; margin: 0 0 10px; text-align: left;}
    ul.no-list big {font-size:32px;}
    ul.no-list h3 {font-size: 16px; margin: 4px 0 10px;}
    ul.no-list p {font-size:14px;}
    
    .career-steps li {min-width: 100%; margin: 0 0 30px;}
    .career-steps li p {font-size: 13px; line-height: 1.4;}
    .career-steps li span {font-size: 80px;}
    
    .text-content .index-prod {padding:10px 0 45px;}
    
    .container-header .header-bg {width: 44%;}
    .text-page-photo {height: 160px;}
    .text-page-header, .news-page .text-page-header, .page-child .text-page-header {font-size: 30px;}
    .news-lead-photo {width: 100%; height: auto; float: none; margin: 0 0 32px; min-width: 100%;}
    .product-header-txt {padding:20px 0;}
    .product-header p {padding:0;}
    .product-header-bg {transform:none; -webkit-transform:none; margin-left:-20px !important;}
    .product-header big.date {font-size:30px;}
    .product-gallery-container {min-height: 300px; height: 300px;}
    .product-gallery aside > div {padding: 30px 20px 20px; font-size:14px;}
    .product-gallery h3 {font-size: 28px; padding: 0 0 24px;}
    .product-gallery p {line-height:21px;}
    .product-gallery li {margin:0 0 15px;}
    .product-gallery li::before {display:none;}
    .product-gallery li p:last-child {float: left; clear: both; margin: 0; padding: 0; font-weight: 500;}
    .product .text-page-header {margin:0;}
    .product .header-bg {display:none;}
    
    .product-spec {margin:20px 0 0;}
    .product-spec h2 {margin:0 0 20px;}
    .product-spec .spec-icon {display:none;}
    .product-spec .contact-details li {margin:0; border:none; padding-left:0;}
    .product .index-prod {padding:20px 0;}
    
    .docs-entry .docs-list-img {min-width: auto; width: 100%; height: auto;}
    .docs-list-txt h3 {font-size:18px;}
    .docs-list-txt a {font-size:15px;}
    
    .text-content h2, .text-content h3, .text-content h4 {font-size:24px;}
    
    .contact-details li {padding: 0 0 0 20px; width: 100%; margin: 0 0 25px;}
    .contact-details h3 {font-size:18px; margin:0 0 5px;}
    .contact-details dt {font-size:14px;}
    .contact-page .contact-details,
    .contact-page .contact-details.active {padding:20px 20px 13px;}
    .contact-page .contact-details h2,
    .contact-page .contact-details.active h2 {font-size: 19px; padding: 0 0 0 40px;}
    .contact-page .contact-details h2::before,
    .contact-page .contact-details.active h2::before {top: -1px; width: 16px; height: 17px; background-position: center;}
    .contact-page .contact-details ul {margin: 20px 0 0;}
    .contact-page .contact-details p {font-size:13px;}
    .contact-page .contact-details small, .contact-details .small {font-size: 16px; margin: 0px 0 7px;}
    
    .product-header-similar {margin:40px 0 30px;}
    
    .frame, ul.contact-details, div.contact-details {padding:20px;}
    
    .fade-content {left:0; opacity:1;}
    
    #breadcrumbs {padding: 17px 0 13px; margin: 0 0 20px; font-size: 13px;}
    
    #nav-below {padding: 20px 0 0; margin: 30px 0 0; font-size: 13px;}
    
    #menu {top:60px; right:0; left:-110%;}
    #menu.visible {right:0; left:0;}
    #menu a {font-size: 20px; padding: 11px 0;}
        
    #header.fixed .layer, #header .layer {height: 60px;}
    #header .logo {width: 160px; height: 60px;}
    
/*
    .my-cart {position: relative; top: auto; display: block; height: 50px; width: 100%; float: right; clear: both; background-color: #234585;}
    .my-cart:hover span {background-color: #234585;}
    .my-cart big {float:right;}
*/
    
    .products-sidebar {padding:20px;}
    .products-sidebar h3 {font-size: 20px; margin: 0 0 10px;}
    .products-sidebar .product-categories li {font-size: 14px; padding: 10px 0 1px 17px; position: relative; line-height: 1.2;}
    .products-content {padding:30px 0 0;}
    .products-content > h2 {margin:0 0 20px;}
    
    .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {width:100%; margin:0 0 20px !important;}
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: none; width: 100%;}
    .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {float: none; width: 100%; clear: none;}
    
    .woocommerce .related {padding:20px 0 0;}
    .woocommerce .related h2 {margin: 0 0 20px;}
    
    .fade-content {clear:both;}
    
    .text-content li {line-height: 20px;}
    .text-content li::before {top:6px;}
    
    .cart .contact-form-cols3 {margin:0;}
    .cart .contact-form .wpcf7-submit {width: 100%; height: auto; white-space: inherit; line-height: 1.1; padding: 10px 0;}
    
    .news-archive .contact-details li h3 {font-size: 17px;}
    
    .docs-list-img {width:60px; max-width:60px; min-width:60px;}
    .docs-list-txt {padding: 15px 0 0 12px;}
    .docs-list-txt a {font-size: 14px;}
    
    .about-cert-wrapper h2 {margin:0 0 20px;}
    
    ul.about-list {margin:0 0 40px;}
    ul.about-list > li {padding:0 0 0 20px;}
    ul.about-list h3 {font-size:22px;}
    ul.about-list p, ul.about-list ul {font-size: 14px; line-height: 1.4;}
    
    ul.about-cert li {min-width: 100%;}
    ul.about-cert p {display:none !important;}
    
    .about-hist-desc {width:100%;}
    ul.about-hist li h3 {padding:10px 0 0;}
    h2.about-hist-header {padding:20px 0 0; margin:0;}
    
    .footer-cols {padding:40px 0;}
    .footer-col .menu li {margin:0 0 7px;}
    .footer-col #s {width: calc(100% - 110px); font-size:14px;}
    .footer-col #searchsubmit {width: 110px; font-size:14px;}
    .footer-col:last-of-type {padding: 30px 0 0;}
    
    .footer-phone {padding:25px 20px; height:auto; text-align:center;}
    .footer-phone p {float:none; line-height: 35px;}
    .footer-phone p:last-of-type {float:none;}
    
    .footer-copy {height: 0; padding: 30px 0 0; height: 77px;}
    .footer-copy p, .footer-copy p:last-child {float: none; line-height: 25px; text-align: center; font-size: 11px;}
}

.footer-cols .files_box{
    display: flex;
    flex-direction: column;
}
.footer-cols .files_box a{
    color: white;
    font-size: 14px;
}
.footer-cols .files_box h3{
    margin-bottom: 12px;
}
.footer-cols .files_box a:hover{
    text-decoration: underline;
}