html, body {color: #444; margin: 0px; padding: 0px; font-size: .9em; font-family: Arial, Helvetica, sans-serif, "Arial Narrow"; line-height: 20px; }
html, body {font-family: Quicksand; }
h1, h2, h3, h5 {color: #1e1e1e; font-weight: bold; }
a {color: #333; text-decoration: none; }
a:hover {text-decoration: underline; }
p, ul, li, ol, dl, dt, dd {padding: 0; margin: 0; }
body > header {border-top: 3px #000 solid; display: block; height: 70px; }
body > header .navi {position: relative; height: 60px; background-color: #bf2c2c; }
body > header .logo img {display: inline; vertical-align: middle; position: relative; z-index: 50; max-height: 100%!important; }
.part {position: relative; padding: 50px 0 50px 0; font-family: 'open_sansregular'; }
.part h1 {position: relative; text-align: center; color: #fff; font-size: 25px; margin-bottom: 15px; margin-top: 15px; background-color: #348ec3; padding: 30px; width: 80%; margin: 0 auto; border-radius: 10px 100px 10px 100px; box-shadow: 0 0 15px rgba(162,158,158,.92); font-weight: 500; letter-spacing: 1px; }
.part img {position: relative; height: auto; margin: 0 auto;border-radius: 0px; width: auto; box-shadow: 0 0 0px rgba(162,158,158,.92); }
.part h4 {position: relative; text-align: center; color: #666; font-size: 20px; margin: 10px 0; padding-top: 20px; }
.part h5 {position: relative; text-align: center; color: #003249; margin: 0; margin-bottom: 20px; font-size: 15px; }
.part p {position: relative; text-align: center; color: #003249; font-family: 'Korolev light'; font-size: 14px; }
.part .swiper-container {max-width: 1165px; background-color: transparent; }
.part .swiper-wrapper {background-color: transparent; }
.part .swiper-slide {background-color: transparent; padding: 0 20px; box-sizing: border-box; display: block!important; }
.part {position: relative; padding: 50px 0 50px 0; font-family: 'open_sansregular'; }
.part h1 {position: relative; text-align: center; color: #fff; font-size: 25px; margin-bottom: 15px; margin-top: 15px; background-color: #23b15e; padding: 30px; width: 80%; margin: 0 auto; border-radius: 10px 100px 10px 100px; box-shadow: 0 0 15px rgba(162,158,158,.92); }
.swiper-container {width: 100%; }
.swiper-slide {text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.swiper-container .swiper-zoom-container > img {width: 100%; height: auto; object-fit: cover; object-position: center; }
.newsmain .news {background-color: #f3f3f3; }
.newsmain .news .maintile .img img {width: 100%; display: block; height: auto; transition: all 2000ms ease; background-color: #213778; }
.newsmain .news .maintile:hover .img img {transform: scale(1.1) rotate(1deg); }
.newsmain .news .maintile .img {position: relative; display: block; overflow: hidden; }
.newsmain .news .maintile {position: relative; display: block; box-shadow: 1px 1px 6px 1px rgba(0,0,0,.3); border-radius: 5px; }
.newsmain .news .maintile .content {padding: 20px; background-color: #fff; }
.newsmain .news .maintile .content h2 {color: #222222; font-size: 18px; height: 85px; }
.newsmain .news .maintile:hover h3 {color: #fff!important; }
.newsmain .news .maintile:hover p {color: #fff; }
.newsmain .news .maintile .content .date-box .left {position: relative; display: block; width: 55px; height: 55px; text-align: center; background: #e6a136; }
.newsmain .news .maintile .content .date-box .year h3 {color: #e6a136; padding-left: 10px; }
.newsmain .news .maintile .content .date-box .year h3::after {display: none; }
.newsmain .news .maintile .content .date-box .left h2 {line-height: 1px; color: #fff; font-size: 36px; height: auto; }
.newsmain .news .maintile .content .date-box .left h2::after {display: none; }
.newsmain .news .maintile .content .date-box .right {position: relative; display: block; padding-left: 15px; }
.newsmain .news .maintile .content .date-box .right h3 {font-size: 18px; line-height: 32px; font-weight: 400; color: #2d2b2b; text-transform: uppercase; padding: 0px; }
.newsmain .news .maintile .content .date-box .right h3::after {display: none; }
.newsmain .news .maintile .content .date-box {position: relative; display: flex; align-items: center; margin-bottom: 13px; }
.newsmain .news .maintile .content .btn-box {padding: 20px 0px; }
.newsmain .news .maintile .content .btn-box a {color: #e6a136; transition: all 500ms linear; }
.newsmain .news .maintile .content .tit2 {height: 80px; }
.newsmain .news .maintile:hover .content .btn-one {background-color: #e6a136; padding: 8px 15px; color: #fff; border-radius: 25px; }
.rrr1 a:hover {text-decoration: none; }
.rrr1 h2::after {content: ''; display: block; height: 5px; width: 100px; background-color: #ee3131; clear: both; margin: 20px 0; }
.rrr1 h2 {text-align: left; height: 50px; margin-bottom: 35px; color: #000; font-size: 24px; line-height: 24px; margin-bottom: 20px; font-weight: 700; margin-top: 0; }
.nav1 {position: fixed; width: 60px; margin-top: 201px; transition: all 0.3s linear; box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4); z-index: 9999; }
.nav1 ul {margin-top: 0; margin-bottom: 0rem; }
.nav1 li {height: 45px; position: relative; }
.nav1 li a {color: #fff !important; display: block; height: 100%; width: 100%; line-height: 45px; padding-left: 25%; border-bottom: 1px solid rgba(0,0,0,.4); transition: all .3s linear; text-decoration: none !important; }
.nav1 li:nth-child(5) a{

	background: #1d9bf0;
  
  }
.nav1 li:nth-child(4) a{

  background: #0072b1;

}
.nav1 li:nth-child(3) a{

  background: #ff0000;

}
.nav1 li:nth-child(2) a{

  background: #4267B2;

}
.nav1 li:nth-child(1) a{

  background: #24cc63;

}
.cookie-banner a{color: white;}
.menu > li a{color: black;}

.nav1 li a i {position: absolute; top: 14px; left: 24px; font-size: 15px; }
ul li a span {display: none; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
.nav1 a:hover {z-index: 1; width: 200px; border-bottom: 1px solid rgba(0,0,0,.5); box-shadow: 0 0 1px 1px rgba(0,0,0,.3); }

ul li:hover a span {padding-left: 30%; display: block; font-size: 15px; }
body > nav li:hover, body > nav li, body > nav li a, body > nav ul ul, body > nav:hover:before {color: #fff; text-decoration: none; }
body > nav li a {white-space: nowrap; display: block; line-height: 40px; display: inline-block; width: 100%; padding: 0px 10px; box-sizing: border-box; }
body > nav ul ul {box-sizing: border-box; transition: 1s ease; }
body > nav ul > li > ul:before {content: ''; }
body > nav li a:hover {background-color: rgba(0,0,0,.2); text-decoration: none; color: white; }
body > nav > ul > li > a {text-transform: uppercase; }
body > nav {display: block; position: absolute; z-index: 9999; }
body > nav li, body > nav ul {display: block; list-style: none; margin: 0; padding: 0; }
body .wel {position: relative; padding-left: 20px; }
body .wel h1 {position: relative; font-family: "passion one"; font-size: 60pt; text-align: center; text-transform: uppercase; margin-bottom: 40px; font-weight: bold; }
body .wel h2 {position: relative; font-family: "Berkshire Swash"; border-bottom: thin #ddd solid; padding-bottom: 10px; font-size: 30pt; text-align: center; }
body .wel p {position: relative; text-align: center; margin-top: -10px; }
body > img {width: 100%; }
body > article .prodcats {position: relative;padding-bottom: 10px; }
body > article .prodcats .catlst .prodcat {position: relative; padding: 0 20px; margin-top: 10px; height: 100%; }
body > article .prodcats .catlst .prodcat .imgwrp {position: relative; outline: 1px solid #ddd; outline-offset: 8px; margin-bottom: 20px; }
body > article .prodcats .catlst .prodcat .imgwrp .prodimg {width: 100%; height: 140px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
body > article .prodcats .catlst .prodcat h2 {text-align: center; color: #d62b2b; font-size: 14pt; margin-top: 0; padding-bottom: 5px; }
body > article .prodcats .catlst .prodcat p {text-align: center; padding: 0 5px 20px 5px; }
body > article .prodcats .catlst .prodcat .butn {position: relative; width: 100px; height: 40px; background-color: #d62b2b; margin: 0 auto; overflow: hidden; }
body > article .prodcats .catlst .prodcat .butn > a > p {position: relative; width: 100%; height: 100%; padding-top: 10px; color: #fff; text-decoration: none; font-size: 11pt; }
body > article .prodcats .catlst .prodcat .butn > a {text-decoration: none; }
body > article .prodcats .catlst .prodcat .butn > a:before {content: ''; position: absolute; width: 100px; height: 100px; background-color: white; transform: rotate(120deg) translate(-20px,-35px); opacity: .2; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -webkit-transform: rotate(120deg) translate(-20px,-35px); }
body > article .prodcats .catlst .prodcat .butn:hover a:before {transform: rotate(120deg) translate(-60px,-75px); -webkit-transform: rotate(120deg) translate(-60px,-75px); }
body .vson {position: relative; width: auto;  background-position: center; background-repeat: no-repeat; background-size: cover; padding: 70px 100px 70px 120px; }
body .vson h1 {position: relative; width: auto; text-align: center; font-size: 21pt; margin-top: 0; }
xbody .vson h1::before {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0px 0px -320px; -webkit-margin-before: 0.4em; -webkit-margin-start: 15%; }
xbody .vson h1::after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0px 0px 15px; }
body .vson p {position: relative; text-align: center; font-size: 13pt; color: #d62b2b; max-width: 1200px; margin: 0 auto; }
body .vson .mis {position: relative; margin-top: 40px; }
body .vson .val {position: relative; margin-top: 40px; }
body > article .clnts {position: relative;padding-bottom: 50px; }
body > article .clnts .ttl {float: right; position: relative; max-width: 300px; padding-right: 20px; }
body > article .clnts .ttl h1 {margin-left: 17px; font-size: 25pt; }
body > article .clnts .ttl h1:before {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0px 0 -320px; }
body > article .clnts .ttl h1:after {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
body > article .clnts .ttl:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 140px 0 0 110px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
body > article .clnts .clntlogo {position: relative; }
body > article .clnts .clntlogo .imgwrap {position: relative; overflow: hidden; }
body > article .clnts .clntlogo .imgwrap .img {position: relative; height: 180px; background-position: center; background-repeat: no-repeat; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; }
body > article .clnts .clntlogo .imgwrap .img:before {content: ''; position: absolute; width: 236px; height: 180px; background: radial-gradient(ellipse at center, #ffffff 0%,#f4f4f4 100%); opacity: .9; transition: all .3s ease 0s; transform: translate(0px,180px); -webkit-transform: translate(0px,180px); -webkit-transition: all .3s ease 0s; }
body > article .clnts .clntlogo .imgwrap:hover .img:before {transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
body > article .clnts .clntlogo .imgwrap:hover .img {filter: blur(3px); -webkit-filter: blur(3px); }
body > article .clnts .clntlogo .imgwrap p {position: absolute; text-align: center; margin: -100px 10%; font-size: 14pt; color: #d62b2b; opacity: 0; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; }
body > article .clnts .clntlogo .imgwrap:hover p {opacity: 1; }
body > article {position: relative; margin: 0px auto; box-sizing: border-box; max-width: 1220px; padding: 20px 0px 20px 0px; }
body > article .links li {list-style: none; line-height: 25px; border-bottom: 1px #ccc dotted; }
body > article .links li a {display: block; padding: 0 10px; }
body > article .links li a:hover {background-color: rgba(0,0,0,.3); color: #fff; text-decoration: none; }
body > article .links li:last-child {border-bottom: 0px transparent none; }
body > article .links h3 {border-bottom: 4px #ccc solid; margin-bottom: 0px; text-transform: uppercase; }
.article {position: relative; margin-top: 50px; }
.article h1 {background-color: #fff; width: 50%; margin-left: 17px; font-size: 25pt; padding-bottom: 10px; }
.article h1:before {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0px 0 -70px; }
.article h1:after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
.article:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 120px 0 0 -160px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.article > * {margin: 20px 0px; }
.article blockquote {border: 1px #ccc solid; border-left-width: 10px; padding: 10px 10px 10px 40px; box-sizing: border-box; background-color: white; }
.article blockquote:before {content: "\201C"; font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #ccc; position: absolute; margin-left: -35px; margin-top: 10px; }
.article blockquote h2 {margin: 0; padding: 0; }
.article ul, .article ol, .article dl {margin: 20px 0px 20px 30px; padding: 0px; }
.article ul {list-style: square; }
.article li, .article dd {margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px #ccc dotted; }
.article img {max-width: 100%; width: 100%; height: auto; }
.article p img {float: left; width: auto; margin: 5px 10px 5px 0; }
.article table {border-collapse: collapse; width: 100%; }
.article td, .article th {border: 1px solid #dddddd; text-align: left; padding: 8px; }
.article th {border-bottom: 3px #ccc solid; }
.article a {color: darkblue; }
.article a:hover {text-decoration: underline; }
.article hr {background-color: #ccc; height: 3px; border: 0px; }
tr:nth-child(even) { background-color: #eee;}
#prodview .item {position: relative; padding: 65px 0 0 40px; }
#prodview .item .imgs {padding-left: 0px; }
#prodview .item .itmimg {position: relative; height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #dddddd; }
#prodview .item .lstwrp {position: relative; padding-top: 10px; }
#prodview .item .imglst {position: relative; width: 115px; height: 70px; background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #dddddd; margin-left: 5px; margin-bottom: 5px; }
#prodview .catlst .prodcat .imgwrp .prodimg {width: 100%; height: 180px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
x#prodview .catlst .prodcat .imgwrp .prodimg:before {content: ''; position: absolute; width: 355px; height: 214px; background-color: #d62b2b; margin: 0px 0 0 0px; transform: rotate(120deg) translate(-50px,-250px); transition: all .3s ease 0s; -webkit-transform: rotate(120deg) translate(-50px,-250px); -webkit-transition: all .3s ease 0s; }
#prodview .catlst .prodcat h2 {text-align: center; padding: 10px 0 10px 0; color: #d62b2b; font-size: 15pt; }
x#prodview .catlst .prodcat .imgwrp:hover .prodimg:before {transform: rotate(0deg) translate(0px,0px); opacity: .2; -webkit-transform: rotate(0deg) translate(0px,0px); }
#prodview .prodarticle {position: relative; padding-left: 30px; padding-right: 30px; }
#prodview .prodarticle .para {position: relative; padding-bottom: 20px; }
#prodview .prodarticle .dwn a {position: relative; padding-left: 20px; color: #BF2C2C; }
#products .prodarticle .dwn a:before {position: absolute; content: "\f1c1"; font-family: FontAwesome; margin-left: -20px; font-size: 13pt; }
#prodview .imgs .callme div div .txt {position: relative; width: 100%; margin-bottom: 5px; border-radius: 4px; border-color: #ddd; border-style: solid; border-width: thin; padding-left: 5px; }
#prodview .imgs .callme div div .sub {position: relative; width: 100%; height: 73px; margin-bottom: 5px; border-radius: 4px; border-color: #ddd; border-style: solid; border-width: thin; transition: all .3s ease 0s; }
#prodview .imgs .callme div div .sub:hover {border-color: #ebacac; color: #BF2C2C; }
#prodview .item .callme div div .txt {position: relative; width: 100%; margin-bottom: 5px; border-radius: 4px; border-color: #ddd; border-style: solid; border-width: thin; padding-left: 5px; }
#prodview .item .callme div div .sub {position: relative; width: 100%; height: 73px; margin-bottom: 5px; border-radius: 4px; border-color: #ddd; border-style: solid; border-width: thin; transition: all .3s ease 0s; }
#prodview .item .callme div div .sub:hover {border-color: #ebacac; color: #BF2C2C; }
#prodview .imgs .hotline {position: relative; border: 1px #aaa solid; padding: 1px 1px; text-align: center; font-size: 13pt; border-radius: 5px; margin-top: 20px; transition: all .3s ease 0s; }
#prodview .imgs .hotline h3 {position: relative; color: #333; transition: all .3s ease 0s; }
#prodview .imgs .hotline:hover h3 {color: #fff; }
#prodview .imgs .hotline:hover {background-color: #BF2C2C; }
#prodview .item .hotline {position: relative; border: 1px #aaa solid; padding: 1px 1px; text-align: center; font-size: 13pt; border-radius: 5px; margin-top: 20px; transition: all .3s ease 0s; }
#prodview .item .hotline h3 {position: relative; color: #333; transition: all .3s ease 0s; }
#prodview .item .hotline:hover h3 {color: #fff; }
#prodview .item .hotline:hover {background-color: #BF2C2C; }
#prodview .prodnav {position: relative; padding-left: 20px; border-right: thin #ebacac solid; list-style: none; margin-top: 20px; }
#prodview .prodnav h3:before {content: ''; position: absolute; height: 1px; width: 30px; background-color: #ebacac; margin: 10px 0 0 -38px; }
#prodview .prodnav h3:after {content: ''; position: absolute; height: 1px; width: 200px; background-color: #ebacac; margin: 10px 0 0 13px; }
#prodview .prodnav ul {list-style: none; color: #ddd; }
#prodview .prodnav ul li {padding-bottom: 5px; border-left: thin #ddd dashed; padding-left: 8px; }
#prodview .prodnav ul li ul {padding-left: 8px; color: #ddd; padding-top: 5px; }
#prodview .prodnav ul li ul li a {color: #888; }
#prodview .prodnav ul li ul li ul {padding-top: 5px; }
#prodview .prodnav ul li ul li ul li a {color: #aaa; }
#prodview .prodnav a {text-decoration: none; cursor: pointer; }
#prodview .prodnav ul li ul li > a:after {content: "\f053"; position: absolute; font-family: FontAwesome; font-size: 8pt; padding-left: 20px; opacity: 0; transition: all .3s ease 0s; color: #BF2C2C; }
#prodview .prodnav ul li ul li:hover > a:after {padding-left: 5px; opacity: 1; }
#prodview .imgs .callme h3 {position: relative; border-bottom: thin #ddd solid; padding-bottom: 5px; }
#prodview .prodarticle .callme h3 {position: relative; border-bottom: thin #ddd solid; padding-bottom: 5px; }
#prodview .products {position: relative; }
#prodview .products .prodcats {position: relative; }
#prodview .products .prodcats {position: relative; }
#prodview .products .prodcats .catlst {position: relative; width: 100%; padding: 10px 0 0 10px; }
#prodview .products .prodcats .ttl {position: relative; padding-left: 10px; }
#prodview .products .prodcats .prodcat {position: relative; padding-bottom: 30px; }
.CMSgal {position: relative; margin-top: 50px; }
.CMSgal h1 {background-color: #fff; width: 50%; margin-left: 17px; font-size: 25pt; }
.CMSgal h1:before {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0px 0 -70px; }
.CMSgal h1:after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
.CMSgal .ttl:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 120px 0 0 -160px; transform: rotate(90deg); }
.CMSgal .thumbs .tbd {position: relative; max-width: 1130px; margin: 0 auto; display: table; padding-top: 50px; }
.CMSgal .thumbs .tbd .item {position: relative; border: thin #CCCCCC solid; margin-right: 10px; margin-left: 10px; overflow: hidden; padding: 5px 5px 5px 5px; width: 260px; margin-bottom: 30px; text-decoration: none; }
.CMSgal .thumbs .tbd .item a {position: relative;text-decoration: none; }
.CMSgal .thumbs .tbd .item a .img {width: 248px; height: 180px; -webkit-transition: all 0.9s; transition: all 0.9s; text-decoration: none; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.CMSgal .thumbs .tbd .item a .img:hover {transform: scale(0.9); -webkit-transform: scale(0.9); }
.CMSgal .thumbs .tbd .item a h3:hover {font-weight: bold; }
#awards {position: relative; margin-top: 50px; }
#awards h1 {background-color: #fff; width: 50%; margin-left: 17px; font-size: 25pt; }
#awards h1:before {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0px 0 -70px; }
#awards h1:after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
#awards:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 120px 0 0 -160px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#awards .awdsec {position: relative; padding-bottom: 50px; }
#awards .awdsec .awdwrap {position: relative; overflow: hidden; }
#awards .awdsec .awdwrap .awdimg {position: relative; height: 363px; background-position: center; background-repeat: no-repeat; background-size: cover; outline: 1px solid #d0a5a3; outline-offset: -15px; }
#awards .awdsec .awdwrap .awdnm {position: relative; margin-top: 10px; padding: 0 10px; text-align: center; font-weight: bold; }
#clients {position: relative; margin-top: 50px; }
#clients h1 {background-color: #fff; width: 50%; margin-left: 17px; font-size: 25pt; }
#clients h1:before {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0px 0 -70px; }
#clients h1:after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
#clients:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 120px 0 0 -160px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#clients .logos .lholder {position: relative;margin-right: 10px; width: 150px; }
#clients .logos .lholder .limg {position: relative; height: 100px; width: 150px; margin-right: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#clients .logos .lholder .ltxt {margin-top: -30px; opacity: 0; transition: 1s ease; }
#clients .logos .lholder .limg:hover + .ltxt {margin-top: 0px; opacity: 1; }
#clients .logos .lholder .ltxt p {text-align: center; font-weight: bold; }
#clients .clntlogo {position: relative; padding-bottom: 50px; }
#clients .clntlogo .imgwrap {position: relative; overflow: hidden; }
#clients .clntlogo .imgwrap .img {position: relative; height: 180px; background-position: center; background-repeat: no-repeat; transition: all .3s ease 0s; }
#clients .clntlogo .imgwrap .img:before {content: ''; position: absolute; width: 236px; height: 180px; background: radial-gradient(ellipse at center, #ffffff 0%,#f4f4f4 100%); opacity: .9; transition: all .3s ease 0s; transform: translate(0px,180px); -webkit-transform: translate(0px,180px); }
#clients .clntlogo .imgwrap:hover .img:before {transform: translate(0px,0px); -webkit- transform: translate(0px,0px); }
#clients .clntlogo .imgwrap:hover .img {filter: blur(3px); -webkit-filter: blur(3px); }
#clients .clntlogo .imgwrap p {position: absolute; text-align: center; margin: -100px 10%; font-size: 14pt; color: #d62b2b; opacity: 0; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; }
#clients .clntlogo .imgwrap:hover p {opacity: 1; }
#services .services {padding-top: 20px; }
#services .services h1 {background-color: #fff; width: 20%; margin-left: 17px; font-size: 25pt; }
#services .services h1:before {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0px 0 -70px; }
#services .services h1:after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
#services .services .ttl:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 120px 0 0 -160px; transform: rotate(90deg); }
#services .services .catlst .service {position: relative; padding-left: 50px; margin-top: 50px; height: 100%; }
#services .services .catlst .service .imgwrp {position: relative; border: 2px #2c2c2c solid; overflow: hidden; border-radius: 3px; }
#services .services .catlst .service .imgwrp .serimg {width: 100%; height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; transform: scale(1,1); transition: all .3s ease 0s; }
#services .services .catlst .service .imgwrp .artiwrap {position: absolute; margin-top: -300px; }
#services .services .catlst .service .imgwrp .artiwrap:before {content: ''; position: absolute; width: 355px; height: 500px; background-color: #d62b2b; margin: 0px 0 0 0px; transform: rotate(-20deg) translate(350px,-50px); transition: all .3s ease 0s; }
#services .services .catlst .service .imgwrp .artiwrap:after {content: ''; position: absolute; width: 10px; height: 500px; background-color: #fff; margin: 0px 0 0 0px; transform: rotate(-20deg) translate(0px,-50px); transition: all .3s ease 0s; opacity: 0; }
#services .services .catlst .service .arti {position: relative; padding: 0 15px 0 10px; }
#services .services .catlst .service .arti h2 {text-align: right; padding: 10px 0 10px 0; color: #fff; z-index: 99; }
#services .services .catlst .service .arti p {text-align: right; padding-left: 80px; color: #f29393; }
#services .services .catlst .service .imgwrp:hover .serimg {transform: scale(1.1,1.1); }
#services .services .catlst .service .imgwrp:hover .artiwrap:after {transform: rotate(-20deg) translate(350px,-50px); opacity: .2; }
#services .item {position: relative; padding-top: 60px; }
#services .item .imgs {padding-left: 0px; }
#services .item .itmimg {position: relative; height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #dddddd; }
#about {position: relative; margin-top: 50px; }
#about h1 {background-color: #fff; width: 50%; margin-left: 17px; font-size: 25pt; padding-bottom: 20px; }
#about h1:before {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0px 0 -70px; }
#about h1:after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
#about:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 120px 0 0 -160px; transform: rotate(90deg); }
#about > img {position: relative; }
.std-Careers {position: relative; margin-top: 50px; }
.std1-Careers h1 {background-color: #fff; width: 50%; margin-left: 17px; font-size: 25pt; padding-bottom: 20px; }
.stdl-Careers h1:before {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0px 0 -70px; }
.stdl-Careers h1:after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
.stdl-Careers:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 120px 0 0 -160px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.std-Careers .form table > tbody > tr > td {background-color: white; }
.stdl-Contact {position: relative; margin-top: 50px; }
.stdl-Contact h1 {background-color: #fff; width: 50%; margin-left: 17px; font-size: 25pt; padding-bottom: 20px; }
.stdl-Contact h1:before {content: ''; position: absolute; width: 50px; height: 1px; background-color: black; margin: 12px 0px 0 -70px; }
.stdl-Contact h1:after {content: ''; position: absolute; width: 300px; height: 1px; background-color: black; margin: 12px 0 0 20px; }
.stdl-Contact:before {content: ''; position: absolute; width: 250px; height: 1px; background-color: black; margin: 120px 0 0 -160px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.stdl-Contact .form input, .form textarea {border-color: #ebacac; }
.stdl-Contact .form .button {left: 0px; margin-top: 10px; background-color: #BF2C2C; }
/* Aside */
body > aside {color: #333; padding: 10px; box-shadow: 0 0 1px 3px rgba(0,0,0,.2); background-color: #2c2c2c; border-top: thick #d62b2b solid; color: #dddddd; }
body > aside > div {max-width: 1200px; margin: 0px auto 0 auto; }
body > aside a {color: #ffffff; }
body > aside h3, body > aside div > ul > li > a {color: #ffffff; margin: 0px 0px 15px 0px; padding: 0; text-transform: uppercase; border-bottom: 1px #993535 solid; padding-bottom: 1px; display: block; }
body > aside div > ul li {list-style: none; display: block; font-size: 11pt; padding-bottom: 3px; color: #ffffff; }
body > aside > div {padding: 20px 0 20px 0; }
body > aside h3 {padding-bottom: 3px; }
body > aside .con a { color: inherit; }
body > aside .con a:before {content: ', '; }
body > aside .con a:first-child:before {content: ''; }
body > aside .con div {padding: 5px 5px 5px 35px; font-size: 11pt; }
body > aside .con div address {font-style: normal!important; }
body > aside .con div:last-child {border-bottom-width: 0px; }
body > aside .con div:before {font-family: FontAwesome; position: relative; display: inline-block; float: left; width: 30px; height: 30px; margin-left: -35px; margin-top: -4px; font-size: 20px; text-align: center; position: absolute; }
body > aside .con .address:before {content: '\f041'; color: #993535; }
body > aside .con .hotline:before {content: '\f10b'; color: #993535; }
body > aside .con .general:before {content: '\f095'; color: #993535; }
body > aside .con .fax:before {content: '\f02f'; color: #993535; }
body > aside .con .email:before {content: '\f003'; color: #993535; }
body > aside input, body > aside textarea {color: #ffffff; display: inline-block; width: 100%; box-sizing: border-box; border: 1px #666 solid; padding: 4px 10px; margin: 0 0 5px 0; background-color: transparent; }
body > aside textarea {height: 70px; width: 60%; vertical-align: top; }
body > aside input[type=submit] {height: 70px; width: calc(40% - 6px); vertical-align: top; ; color: #ffffff; padding-top: 40px; position: relative; left: 5px; font-weight: bold; padding: 20px 10px; border: 1px #993535 solid; }
/* ::-moz-placeholder, :placeholder {color: #999; } */
body > aside .qr {position: relative; padding-top: 20px; }
body > aside .qr .qrimg {position: relative; height: 100px; background-repeat: no-repeat; }
/* Footer */
body > footer {background: #fff; font-size: .8em; color: #666; padding: 10px 10px 0 0; }
body > footer > div {max-width: 1200px; margin: 0 auto; box-sizing: border-box; height: 30px; }
body > footer a {line-height: 30px!important;  color: rgb(0, 0, 0);}
body > footer > div > *, body > footer > div > .menu {text-align: center; display: table; float: right; padding-left: 10px; margin-left: 10px; border-left: 1px #ccc solid; }
body > footer > div > *:first-child {padding-left: 0px; margin-left: 0px; border-left-width: 0px; float: left; }
body > footer > div > *:last-child {padding-left: 0px; margin-left: 0px; border-left-width: 0px; float: right; }
body > footer .developed {}
body > footer .copyright {}
body > footer .social {}
.social {padding: 0px; }
.social a {font-size: 0px; }
.social a:before {font-family: FontAwesome; position: relative; display: inline-block; color: #fff; float: left; width: 30px; height: 30px; font-size: 20px; text-align: center; }
.social .FB:before {content: '\f09a'; background-color: #3B5999; }
.social .TW:before {content: '\f099'; background-color: #06B7FA; }
.social .RS:before {content: '\f09e'; background-color: #F7A42E; }
.social .LI:before {content: '\f0e1'; background-color: #1484C6; }
.social .YT:before {content: '\f167'; background-color: #dd0000; }
.social .IG:before {content: '\f16d'; background-color: #5F1E84; }
.social .BL:before {content: 'B'; background-color: #FF6100; font-family: Arial; font-weight: bolder; }
.social .GP:before {content: '\f0d5'; background-color: #DA4935; }
body > footer .social a {display: block; float: left; }
body > footer .social a:before {height: 40px;width: 40px; margin: 0px 0px 0px 0px; transition: all 0.2s ease; background-color: #fff!important; color: #333; font-size: 20px; position: relative; }
body > footer .social a:hover:before {background-color: #666!important; color: #fff; height: 50px; margin-top: -50px; z-index: 100; }
body > footer .social a:hover {background-color: #666; }

@media (min-width:1000px){
body > nav {margin: 10px; width: 50%; max-width: 640px; left: 48%; top: 5px; }
body > nav > ul {float: right; }
body > nav > ul > li:first-child > a:before {display: none; }
body > nav > ul > li {float: left; background-color: transparent;position: relative; }
body > nav > ul > li:before {content: ''; background-color: #1E1E1E; width: 100px; height: 2px; position: absolute; margin-left: -100px; transition: 1s ease; opacity: 0; margin-top: auto; }
body > nav > ul > li:hover:before {content: ''; background-color: #1E1E1E; width: 100%; height: 2px; position: absolute; margin-left: 0px; opacity: 1; margin-bottom: 100%; }
body > nav > ul ul {display: none; position: absolute; min-width: 130px; border-radius: 0 0 5px 5px; border-bottom: 5px rgba(0,0,0,.5) solid; background-color: #bf2c2c; }
body > nav > ul ul li:first-child {padding-top: 23px; }
body > nav > ul ul li {border-bottom: thin #ac2929 solid; }
body > nav > ul li:hover > ul {display: block; }
body > nav > ul > li > a {width: auto; border-top: 0px; background-color: transparent; color: #f8f8f8; font-size: 16px; padding-left: 20px; padding-right: 20px; }
body > nav > ul > li:hover > a {color: #fff; }
body > header .logo {display: block; max-width: 1200px; margin: 0 auto; }
body>nav>ul>li>a:not(:link),body>nav>ul>li>a.activ{ background-color:rgba(0,0,0,.1)}
        
}


@media only screen and (min-width: 1000px) and (max-width: 1016px) {
body > nav > ul > li:nth-child(5){display: none!important;}
}   

 

@media only screen and (max-width: 1000px)  {
body > header .navi {margin-top: 0!important; }
body > header .logo img {margin-top: -19px; }

}
 
@media (max-width:999px){
body > header {line-height: 60px; height: 60px; }
body > header .navi {margin-top: 5px; }  
body > nav:before {top: -90px; }
.logo img {max-height: 70px; margin: 15px 10px 10px 10px; }
body > nav:before {text-align: center; content: '☰'; font-family: Arial, Helvetica, sans-serif, "Arial Narrow"; height: 40px; width: 40px; line-height: 40px; display: block; color: #333; background-color: rgba(100,100,100,.2); font-size: 46px; position: absolute; top: -60px; right: 0px; z-index: 9999; }
body > nav {right: 0px; z-index: 9997; width: 0px; height: 0px; transition: all .3s ease 0s; background-color: rgba(191,44,44,.9); }
body > nav:hover {width: 300px; height: auto; box-shadow: 0 0 100px 100px rgba(0,0,0,.4); }
body > nav ul {overflow: hidden; }

body > nav ul ul a:before {content: ' - '; }
body>aside>div>ul>li:not(.hsp2){ display:none }
}




@media only screen and (max-width: 700px)  {
body > header .logo img {margin-top: 4px; }
}
@media (max-width:640px){
footer > div > ul.menu {display: none; }
}
@media (max-width:500px){
body > header .navi {margin-top: 5px; height: 55px; }
body > nav:before {top: -50px; }
.logo img {max-height: 50px; margin: 15px 10px 10px 10px; }
/* .swiper-container{height:200px; width:100%  }

	.swiper-slide{height:200px;}



	.swiper-container .qot { display:none }

	.swiper-wrapper:hover:not{ filter: grayscale(0%); } */
body > article .prodcats h1 {font-size: 18pt; }
body > article .prodcats h1:before {display: none; }
body > article .prodcats h1:after {display: none; }
body > article .prodcats .ttl:before {display: none; }
body > article .prodcats .catlst .prodcat h2 {font-size: 14pt; }
body > article .prodcats .catlst .prodcat .imgwrp .prodimg {height: 150px; }
body .vson {padding: 10px 10px 10px 12px; }
body .vson h1 {font-size: 18pt; }
body .vson h1::before {display: none; }
body .vson h1::after {display: none; }
body .vson p {font-size: 11pt; }
body > article .clnts .ttl h1 {font-size: 18pt; }
body > article .clnts .ttl h1:before {display: none; }
body > article .clnts .ttl h1:after {display: none; }
body > article .clnts .ttl:before {display: none; }
body > article .clnts .clntlogo .imgwrap .img {width: 100%; height: 140px; background-position: center; background-repeat: no-repeat; background-size: cover; }
#prodview .products .item {padding: 10px 40px; }
#prodview .prodcats h1 {font-size: 18pt; }
#prodview .prodcats h1:before {display: none; }
#prodview .prodcats h1:after {display: none; }
#prodview .prodcats .ttl:before {display: none; }
#prodview .prodcats .catlst .prodcat h2 {font-size: 14pt; }
#prodview.prodcats .catlst .prodcat .imgwrp .prodimg {height: 150px; }
#prodview .item .itmimg {height: 200px; }
#prodview .prodnav {position: relative; padding-left: 20px; border-left: thin #ebacac solid; list-style: none; min-height: 450px; width: 100%; }
#prodview .prodnav h3:before {display: none; }
#prodview .prodarticle h1 {font-size: 15pt; }
#prodview .prodarticle h3 {font-size: 10pt; color: #a7a7a7; }
.CMSgal h1 {font-size: 18pt; }
.CMSgal h1:before {display: none; }
.CMSgal h1:after {display: none; }
.CMSgal .ttl:before {display: none; }
#about h1 {font-size: 18pt; }
#about h1:before {display: none; }
#about h1:after {display: none; }
#about:before {display: none; }
body > article > div > div > h1 {font-size: 18pt!important; width: 200px!important; }
body > article > div > div:before {display: none; }
body > article > div > div > h1:before {display: none; }
body > article > div > div > h1:after {display: none; }
body > article > div > div > table {height: 50px; width: 50px; }
#clients .clntlogo .imgwrap .img {width: 100%; height: 140px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.stdl-Contact h1 {font-size: 18pt; }
.stdl-Contact h1:before {display: none; }
.stdl-Contact h1:after {display: none; }
.stdl-Contact:before {display: none; }
footer > div > ul.menu {display: none; }
}
