a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.main-content { max-width: 1920px; margin-left: auto; margin-right: auto; }
.main-content-ins { max-width: 1664px; margin: auto auto; padding: 0 20px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

#toTop { position: fixed; bottom: 14px; right: 14px; display: none; z-index: 10; }
#toTop i { font-size: 38px; color: #7ad3f7; cursor: pointer; }

.custom-input { background: #e1e1e1; border: 0; margin: 0; padding: 0 10px; width: 100%; height: 30px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input, textarea { outline: 0 !important; }

strong,b { font-weight: 700; }
em { font-style: italic; }

.no-disp { display: none; }

/********************* HEADER *********************/
header { padding-bottom: 18px; }
header .pull-left { padding: 31px 0 0 52px; }
header .pull-right { padding: 44px 20px 0 0; }
header .pull-right .col { display: inline-block; vertical-align: bottom; }
header .pull-right .main-menu ul li { margin-right: 48px; }
header .pull-right .main-menu ul li:last-child { margin-right: 0; }
header .pull-right .main-menu ul li a { display: block; font-size: 12px; border-top: 4px solid #fff; padding-top: 13px; }
header .pull-right .main-menu ul li a:hover { border-top-color: #c20e1a; }
header .pull-right .main-menu ul li a.active { color: #c20e1a; border-top-color: #c20e1a; }
header .pull-right .mob-menu-toggle { display: none; vertical-align: middle; cursor: pointer; margin-top: 3px; font-weight: 600; }
header .pull-right .mob-menu-toggle i { margin-right: 8px; }
header .pull-right .srch { margin-left: 48px; }
header .pull-right .srch i { font-size: 25px; cursor: pointer; }
header .pull-right .lngs { margin-left: 48px; }
header .pull-right .lngs a { font-weight: 600; }
header .pull-right .lngs a.active { color: #c20e1a; }

.mob-menu { display: none; text-align: center; }
.mob-menu ul li { display: block; border-top: 1px solid #aba5a5; }
.mob-menu ul li.sep { display: none; }
.mob-menu ul li a { display: block; padding: 5px 10px; font-size: 16px; }
.mob-menu ul li a.active { color: #c20e1a; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { background: #f5f5f5; margin-top: 100px; }
footer .ins { max-width: 1770px; margin: 0 auto; padding: 0 20px 24px 20px; }
footer .ins .lft { float: left; width: 33.33%; margin-top: 28px; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
footer .ins .lft .txt { font-size: 12px; color: #4d4b4b; font-weight: 600; line-height: 26px; margin-top: 40px; }
footer .ins .lft .txt a { color: #4d4b4b; }
footer .ins .lft .txt a:hover { color: #c20e1a; }
footer .ins .cnt { float: left; width: 38.33%; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
footer .ins .cnt .ttl { font-size: 30px; font-weight: 600; margin-top: 18px; }
footer .ins .cnt .lst { }
footer .ins .cnt .lst .col1 { float: left; margin-right: 56px; margin-top: 8px; }
footer .ins .cnt .lst .col2 { float: left; margin-top: 8px; }
footer .ins .cnt .lst .col1 ul li,
footer .ins .cnt .lst .col2 ul li { margin-top: 6px; }
footer .ins .cnt .lst ul li a { font-size: 12px; color: #868282; font-weight: 600; }
footer .ins .cnt .lst ul li a span { color: #c20e1a; }
footer .ins .cnt .lst ul li a:hover { color: #c20e1a; }
footer .ins .rgt { float: left; width: 28.33%; }
footer .ins .rgt .ttl { display: inline-block; vertical-align: top; font-size: 30px; font-weight: 600; margin-top: 18px; }
footer .ins .rgt .nsl { margin-top: 32px; }
footer .ins .rgt .nsl .txt { float: left; position: relative; font-size: 13px; color: #868282; font-weight: 300; text-align: right; }
footer .ins .rgt .nsl .frm { float: right; width: 100%; }
footer .ins .rgt .nsl .frm .frmIns { }
footer .ins .rgt .nsl .frm .frmIns .inpt { border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; }
footer .ins .rgt .nsl .frm .frmIns .inpt input { margin: 0; padding: 0 0 3px 0; background: none; border: 0; border-bottom: 1px solid #a4a1a1; width: 100%; font-size: 13px; color: #868282; font-weight: 600; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
footer .ins .rgt .nsl .frm .frmIns .inpt input::-webkit-input-placeholder { color: #868282; opacity: 1; }
footer .ins .rgt .nsl .frm .frmIns .inpt input:-moz-placeholder { /* Firefox 18- */ color: #868282; opacity: 1; }
footer .ins .rgt .nsl .frm .frmIns .inpt input::-moz-placeholder {  /* Firefox 19+ */ color: #868282; opacity: 1; }
footer .ins .rgt .nsl .frm .frmIns .inpt input:-ms-input-placeholder { color: #868282; opacity: 1; }
footer .ins .rgt .nsl .frm .frmIns .btns { }
footer .ins .rgt .nsl .frm .frmIns .btns .btnL { float: left; }
footer .ins .rgt .nsl .frm .frmIns .btns .btnL a { float: left; font-size: 13px; color: #868282; font-weight: 600; }
footer .ins .rgt .nsl .frm .frmIns .btns .btnL a:hover { color: #c20e1a; }
footer .ins .rgt .nsl .frm .frmIns .btns .btnR { float: right; text-align: right; }
footer .ins .rgt .nsl .frm .frmIns .btns .btnR input { display: inline-block; margin: 0; padding: 0; background: none; border: 0; cursor: pointer; font-size: 13px; color: #868282; font-weight: 600; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; }
footer .ins .rgt .nsl .frm .frmIns .btns .btnR input:hover { color: #c20e1a; }
footer .ins .rgt .soc { margin-top: 60px; }
footer .ins .rgt .soc .sttl { float: left; position: relative; font-size: 30px; font-weight: 600; text-align: right; }
footer .ins .rgt .soc .lst { float: right; width: 100%; }
footer .ins .rgt .soc .lst .lstIns { }
footer .ins .rgt .soc .lst .lstIns div { margin-top: 18px; }
footer .ins .rgt .soc .lst .lstIns div:first-child { margin-top: 11px; }
footer .ins .rgt .soc .lst .lstIns div a { }
footer .ins .rgt .soc .lst .lstIns div a i { display: inline-block; vertical-align: middle; font-size: 17px; color: #d7d7d7; width: 36px; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; }
footer .ins .rgt .soc .lst .lstIns div a:hover i { color: #868282; }
footer .ins .rgt .soc .lst .lstIns div a span { display: inline-block; vertical-align: middle; font-size: 13px; color: #d7d7d7; font-weight: 600; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; }
footer .ins .rgt .soc .lst .lstIns div a:hover span { color: #868282; }

.copy { max-width: 1770px; margin: 0 auto; padding: 18px 20px 20px 20px; }
.copy .lft { float: left; font-size: 12px; color: #726d6d; padding-top: 2px; }
.copy .lft a { color: #726d6d; }
.copy .lft a:hover { color: #c20e1a; }
.copy .rgt { float: right; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home { }
.home .slider { position: relative; overflow: hidden; }
.home .slider .box { position: absolute; bottom: 56px; left: 40px; background: #c20e1a; background:rgba(194,14,26,0.9); font-size: 25px; color: #fff; font-weight: 300; max-width: 480px; text-align: center; padding: 26px 20px 28px 20px; }
.home .slider .box strong { font-weight: 700; }
.home .slider .rgt { position: absolute; top: 50%; right: 0; margin-top: -50px; }
.home .slider .rgt .arrow { display: inline-block; vertical-align: middle; background: url(../img/arrow-right-19x34.png) no-repeat center; background-color: #727272; width: 36px; height: 64px; cursor: pointer; }
.home .slider .rgt .arrow.closeBTN { background-image: url(../img/arrow-left-19x34.png); }
.home .slider .rgt .icon { display: inline-block; vertical-align: middle }
.home .slider .rgt .icon a { display: flex; justify-content: center; flex-direction: column; text-align: center; background-color: #c20e1a; width: 100px; height: 100px; font-size: 13px; color: #fff; font-weight: 600; }
.home .slider .rgt .icon a span { display: inline-block; background: url(../img/graph-oil-small.png) no-repeat top center; min-width: 63px; padding-top: 40px; }
.home .bot { max-width: 1868px; margin: 20px auto 0 auto; padding: 0 20px; position: relative; }
.home .bot .box { float: left; width: 26%; }
.home .bot .box.rgt { float: right; }
.home .bot .box .boxIns { position: relative; }
.home .bot .box .boxIns .lnk { position: absolute; top: 18px; right: 18px; }
.home .bot .box .boxIns .lnk a { display: block; background: #241008; font-size: 17px; color: #fff; font-weight: 600; padding: 1px 16px 3px 16px; }
.home .bot .box .boxIns .pdf { position: absolute; top: 18px; left: 18px; }
.home .bot .box .boxIns .pdf a { display: block; background: url(../img/pdf.png) no-repeat 0 0; width: 50px; height: 50px; }
.home .bot .cnt { position: absolute; top: 0; left: 26%; width: 48%; padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.home .bot .cnt .ins { border: 1px solid #ebebeb; background: url(../img/home-form-left.jpg) no-repeat center left, url(../img/home-form-right.jpg) no-repeat center right; text-align: center; display: flex; justify-content: center; flex-direction: column; }
.home .bot .cnt .ins .ins2 { margin: 0 auto; width: 100%; max-width: 388px; }
.home .bot .cnt .ins .ins2 .ttl { }
.home .bot .cnt .ins .ins2 .ttl h3 { margin: 0; font-size: 17px; font-weight: 600; }
.home .bot .cnt .ins .ins2 .inpt { margin-top: 28px; }
.home .bot .cnt .ins .ins2 .inpt .bg { }
.home .bot .cnt .ins .ins2 .inpt .bg .lft { float: left; width: 100%; margin-right: -75px; }
.home .bot .cnt .ins .ins2 .inpt .bg .lft .ins3 { padding-right: 75px; }
.home .bot .cnt .ins .ins2 .inpt .bg .lft .ins3 input { background: #fff; border: 1px solid #d4d2d2; border-right: 0; margin: 0; padding: 0 26px; width: 100%; height: 59px; font-size: 16px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }
.home .bot .cnt .ins .ins2 .inpt .bg .lft .ins3 input::-webkit-input-placeholder { color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.home .bot .cnt .ins .ins2 .inpt .bg .lft .ins3 input:-moz-placeholder { /* Firefox 18- */ color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.home .bot .cnt .ins .ins2 .inpt .bg .lft .ins3 input::-moz-placeholder {  /* Firefox 19+ */ color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.home .bot .cnt .ins .ins2 .inpt .bg .lft .ins3 input:-ms-input-placeholder { color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.home .bot .cnt .ins .ins2 .inpt .bg .rgt { float: right; width: 75px; position: relative; }
.home .bot .cnt .ins .ins2 .inpt .bg .rgt input { background: url(../img/search-btn.png); border: 0; margin: 0; padding: 0; width: 75px; height: 59px; cursor: pointer; }
.home .bot .cnt .ins .ins2 .txt { font-size: 15px; color: #979595; font-weight: 300; margin-top: 10px; }
.home .bot .cnt .ins .ins2 .inpt2 { margin-top: 8px; }
.home .bot .cnt .ins .ins2 .inpt2 input { margin: 0; padding: 0 26px; background: #fff; border: 1px solid #d1cfcf; width: 100%; height: 58px; font-size: 16px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.home .bot .cnt .ins .ins2 .inpt2 input::-webkit-input-placeholder { color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.home .bot .cnt .ins .ins2 .inpt2 input:-moz-placeholder { /* Firefox 18- */ color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.home .bot .cnt .ins .ins2 .inpt2 input::-moz-placeholder {  /* Firefox 19+ */ color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.home .bot .cnt .ins .ins2 .inpt2 input:-ms-input-placeholder { color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
/********************* HOMEPAGE *********************/

/********************* CONTACT *********************/
.contact { margin-top: 40px; position: relative; }
.contact .det { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.contact .det .insDet { max-width: 950px; margin: auto auto; background: #fff; padding: 0 50px 50px 50px; position: relative; }
.contact .det .pull-left { width: 270px; position: relative; }
.contact .det .pull-left .ttl { font-size: 25px; font-weight: 600; line-height: 30px; }
.contact .det .pull-left .txt { font-weight: 300; margin-top: 13px; }
.contact .det .pull-left .txt span { color: #c20e1a; }
.contact .det .pull-left .subscr { color: #c20e1a; margin-top: 30px; }
.contact .det .pull-left .subscr input { display: inline-block; margin: 0; padding: 0; margin-right: 5px; }
.contact .det .pull-left .subscr label { display: inline-block; font-weight: 300; color: #000; }
.contact .det .pull-right { width: 100%; margin-left: -270px; }
.contact .det .pull-right .ins { padding-left: 290px; }
.contact .det .pull-right .inpt { margin-bottom: 7px; }
.contact .det .pull-right .inpt input { background: #e7e9ea; border: 0; width: 100%; height: 28px; margin: 0; padding: 0 12px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contact .det .pull-right .inpt textarea { background: #e7e9ea; border: 0; width: 100%; height: 180px; margin: 0; padding: 12px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contact .det .pull-right .captcha { float: right; max-width: 312px; margin-top: 4px; }
.contact .det .pull-right .mybtn { float: right; max-width: 114px; margin-top: 11px; }
.contact .det .pull-right .mybtn input { margin: 0; padding: 0 20px; background: #c20e1a; border: 0; width: 114px; height: 28px; font-size: 13px; color: #fff; font-weight: 600; text-align: center; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.contact .det .closebtn { position: absolute; bottom: 10px; left: 10px; cursor: pointer; font-weight: 600; }
.contact .gmap-content { height: 578px; }
/********************* CONTACT *********************/

/********************* ABOUT US *********************/
.aboutus { }
.aboutus .top { }
.aboutus .bot { max-width: 1410px; margin: -66px auto 0 auto; position: relative; }
.aboutus .bot .ins { background: #fff; padding: 30px 60px 40px 60px; box-shadow: 5px 5px 5px #bebebe; -webkit-box-shadow: 5px 5px 5px #bebebe; -moz-box-shadow: 5px 5px 5px #bebebe;  }
.aboutus .bot .ins .ttl { }
.aboutus .bot .ins .ttl h2 { margin: 0; font-size: 19px; color: #c20e1a; font-weight: 600; }
.aboutus .bot .ins .txt1 { font-size: 23px; font-weight: 600; line-height: 44px; margin-top: 40px; }
.aboutus .bot .ins .txt1 span { color: #c20e1a; }
.aboutus .bot .ins .txt2 { font-size: 15px; margin-top: 20px; }
.aboutus .bot .ins .lst { margin-left: -0.5%; margin-right: -0.5%; }
.aboutus .bot .ins .lst ul li { width: 15.66%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 36px; text-align: center; vertical-align: top; }
.aboutus .bot .ins .lst ul li .liIns { max-width: 204px; margin: auto auto; }
.aboutus .bot .ins .lst ul li .ittl { }
.aboutus .bot .ins .lst ul li .ittl a { font-size: 20px; font-weight: 600; }
.aboutus .bot .ins .lst ul li .itxt { margin-top: -4px; }
.aboutus .bot .ins .lst ul li .itxt a { font-size: 15px; }
.aboutus .bot .ins .lst ul li .img { margin-top: 10px; display: flex; justify-content: center; flex-direction: column; }
.aboutus .bot .ins .lst ul li .img a img { margin-left: auto; margin-right: auto; }
.aboutus .bot .ins .txt3 { font-size: 15px; margin-top: 85px; }
/********************* ABOUT US *********************/

/********************* NEWS *********************/
.news { max-width: 1684px; padding: 0 30px; }
.news .mttl { text-align: center; margin-top: 26px; }
.news .mttl .ins { display: inline-block; border-top: 1px solid #aaa; text-align: center; margin: auto auto; }
.news .mttl h2 { margin: 0; font-size: 25px; font-weight: 600; border-top: 1px solid #555; padding: 13px 100px 0 100px; }
.news .lst { margin-left: -2.5%; margin-right: -2.5%; margin-top: 5px; }
.news .lst ul li { width: 20%; margin-left: 2.5%; margin-right: 2.5%; margin-top: 35px; vertical-align: top; }
.news .lst ul li .dt { margin-top: 15px; }
.news .lst ul li .dt a { color: #a19697; font-weight: 600; }
.news .lst ul li .ttl { }
.news .lst ul li .ttl a { font-size: 25px; font-weight: 600; line-height: 32px; }
.news .lst ul li .lnk { margin-top: 23px; }
.news .lst ul li .lnk a { color: #c20e1a; font-weight: 600; }
.news .item { margin-top: 40px; }
.news .item .img { float: left; margin: 0 20px 20px 0; }
.news .item .dt { color: #a19697; font-weight: 600; }
.news .item .ttl { font-size: 25px; font-weight: 600; line-height: 32px; }
.news .item .txt { margin-top: 10px; }
.news .item .lnk { margin-top: 23px; }
.news .item .lnk a { color: #c20e1a; font-weight: 600; }

.pagin { margin-top: 35px; padding-top: 20px; border-top: 1px solid #ddd; text-align: right; }
.pagin ul li { margin-left: 10px; }
.pagin ul li a { }
.pagin ul li.active a { color: #c20e1a; }
/********************* NEWS *********************/

/********************* CATEGORIES *********************/
.cats { }
.cats .mttl { text-align: center; margin-top: 26px; padding: 0 10px; }
.cats .mttl .ins { display: inline-block; border-top: 1px solid #aaa; text-align: center; margin: auto auto; }
.cats .mttl h2 { margin: 0; font-size: 25px; font-weight: 300; border-top: 1px solid #555; padding-top: 13px; }
.cats .pdf { margin: 30px; }
.cats .pdf a { display: block; background: url(../img/pdf.png) no-repeat 0 0; width: 50px; height: 50px; margin: auto auto; }
.cats .lst { margin-top: 16px; }
.cats .lst ul li { width: 25%; margin-top: 28px; vertical-align: top; }
.cats .lst ul li .ttl { margin: -36px 12px 0 12px; position: relative; text-align: center; }
.cats .lst ul li .ttl a { display: block; background: #fff; border: 1px solid #000; font-size: 25px; line-height: 30px; padding: 23px 20px 15px 20px; }
.cats .lst ul li .ttl a span { color: #c20e1a; font-weight: 600; }
/********************* CATEGORIES *********************/

/********************* PRODUCTS *********************/
.prods { padding: 0 30px; background: url(../img/bg-products.jpg) no-repeat 0 0; }
.prods .mttl { text-align: center; margin-top: 26px; padding: 0 10px; }
.prods .mttl .ins { display: inline-block; border-top: 1px solid #aaa; text-align: center; margin: auto auto; }
.prods .mttl h2 { margin: 0; font-size: 25px; font-weight: 600; border-top: 1px solid #555; padding-top: 13px; }
.prods .mttl h2 span { color: #c20e1a; }
.prods .sttlC { text-align: center; padding-top: 10px; }
.prods .sttl { display: inline-block; font-size: 20px; color: #7c7878; cursor: pointer; }
.prods .smenu { }
.prods .smenu ul li { margin-top: 10px; }
.prods .smenu ul li a.active { color: #c20e1a; }
.prods .lst { max-width: 1580px; margin: 0 auto auto; }
.prods .lst ul { margin-left: -2%; margin-right: -2%; }
.prods .lst ul li { width: 29.33%; margin-left: 2%; margin-right: 2%; margin-top: 24px; }
.prods .lst ul li .img { border: 1px solid #e9ebec; }
.prods .lst ul li .ttls { border-bottom: 1px solid #777; padding-bottom: 18px; }
.prods .lst ul li .ttl { margin-top: 10px; }
.prods .lst ul li .ttl a { font-size: 20px; font-weight: 600; }
.prods .lst ul li .txt { margin-top: -5px; }
.prods .lst ul li .txt a { font-size: 20px; color: #7c7878; }
.prods .lst ul li .lnk { border-top: 1px solid #ddd; padding-top: 6px; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prodIns { max-width: 1160px; padding: 0 30px; }
.prodIns .lnks { border-bottom: 1px solid #111; font-size: 12px; padding-bottom: 5px; margin-top: 26px; }
.prodIns .lnks a { font-size: 12px; }
.prodIns .lnks a.active { color: #c20e1a; }
.prodIns .prod-item { margin-top: 30px; }
.prod-item .pull-left { width: 46.6%; padding-right: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.prod-item .pull-right { width: 53.4%; display: flex; justify-content: center; flex-direction: column; }
.prod-item .pull-right .arrow { float: left; width: 24px; height: 47px; position: relative; background: url(../img/arrow-left.jpg) no-repeat left center; }
.prod-item .pull-right .box { float: right; width: 100%; margin-left: -24px;display: flex; justify-content: center; flex-direction: column; }
.prod-item .pull-right .box .ins { padding-left: 23px; }
.prod-item .pull-right .box .ins2 { border: 1px solid #e1e4e5; padding: 20px 24px 32px 24px; }
.prod-item .pull-right .box .ins2 .ttl { font-size: 25px; font-weight: 600; }
.prod-item .pull-right .box .ins2 .sttl { font-size: 20px; color: #c20e1a; font-weight: 600; margin-top: -6px; }
.prod-item .pull-right .box .ins2 .txt { font-size: 18px; line-height: 26px; margin-top: 30px; }
.prod-item .pull-right .box .ins2 .codes { font-size: 18px; margin-top: 27px; }
.prod-item .pull-right .box .ins2 .sysk { font-size: 18px; margin-top: 29px; }
.prod-item .pull-right .box .ins2 .sysk span { color: #c20e1a; }
.prodIns .back { margin-top: 30px; border-top: 1px solid #111; padding-top: 20px; }
.prodIns .back a { display: inline-block; vertical-align: top; font-size: 12px; text-decoration: underline }

.f-soc { margin: 14px 0 0 23px; }
.f-soc ul { }
.f-soc ul li { vertical-align: middle; font-size: 14px; }
.f-soc ul li.ico { margin-left: 5px; }
.f-soc ul li.ico a { display: block; background: url(../img/social.png) no-repeat; width: 30px; height: 30px; }
.f-soc ul li.fb a { background-position: -60px center; }
.f-soc ul li.fb a:hover { background-position: -90px center; }
.f-soc ul li.tw a { background-position: -300px center; }
.f-soc ul li.tw a:hover { background-position: -330px center; }
.f-soc ul li.gp a { background-position: -120px center; }
.f-soc ul li.gp a:hover { background-position: -150px center; }
.f-soc ul li.pi a { background-position: -180px center; }
.f-soc ul li.pi a:hover { background-position: -210px center; }
.f-soc ul li.tu a { background-position: -240px center; }
.f-soc ul li.tu a:hover { background-position: -270px center; }
/********************* PRODUCT *********************/

/********************* FIND *********************/
.find { background: url(../img/bg-find-lft.jpg) no-repeat top left, url(../img/bg-find-rgt.jpg) no-repeat top right; }
.find .mttl { background:rgba(220,220,220,0.35); text-align: center; padding: 28px 10px; }
.find .mttl h2 { margin: 0; font-size: 17px; font-weight: 600; }
.find .top { max-width: 410px; margin: auto auto; padding: 0 10px; }
.find .model { margin-top: 24px; }
.find .model .lft { float: left; width: 100%; margin-right: -75px; }
.find .model .lft .ins3 { padding-right: 75px; }
.find .model .lft .ins3 input { background: #fff; border: 1px solid #d4d2d2; border-right: 0; margin: 0; padding: 0 26px; width: 100%; height: 59px; font-size: 16px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }
.find .model .lft .ins3 input::-webkit-input-placeholder { color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.find .model .lft .ins3 input:-moz-placeholder { /* Firefox 18- */ color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.find .model .lft .ins3 input::-moz-placeholder {  /* Firefox 19+ */ color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.find .model .lft .ins3 input:-ms-input-placeholder { color: #afafaf; opacity: 1; font-weight: 300; font-style: italic; }
.find .model .rgt { float: right; width: 75px; position: relative; }
.find .model .rgt input { background: url(../img/search-btn.png); border: 0; margin: 0; padding: 0; width: 75px; height: 59px; cursor: pointer; }
.find .mtxt { text-align: center; font-size: 15px; font-weight: 300; color: #979595; margin-top: 16px; }
.find .cats-lst { margin-top: 28px; padding-bottom: 4px; }
.cats-lst { text-align: center; }
.cats-lst ul li { vertical-align: middle; background-repeat: no-repeat; background-position: top center; cursor: pointer; height: 44px; margin: 0 14px; transition: all 0.3s; }
.cats-lst ul li:hover,
.cats-lst ul li.active { background-position: bottom center; }
.cats-lst ul li.car { width: 35px; background-image: url(../img/icon-car.png); }
.cats-lst ul li.moto { width: 33px; background-image: url(../img/icon-moto.png); }
.cats-lst ul li.van { width: 35px; background-image: url(../img/icon-van.png); }
.cats-lst ul li.truck { width: 33px; background-image: url(../img/icon-truck.png); }
.cats-lst ul li.tractor { width: 39px; background-image: url(../img/icon-tractor.png); }
.cats-lst ul li.boat { width: 44px; background-image: url(../img/icon-boat.png); }
.cats-lst ul li a { display: block; height: 44px; }
.cats-lst ul li.car a { width: 35px; }
.cats-lst ul li.moto a { width: 33px; }
.cats-lst ul li.van a { width: 35px; }
.cats-lst ul li.truck a { width: 33px; }
.cats-lst ul li.tractor a { width: 39px; }
.cats-lst ul li.boat a { width: 44px; }

.find .sel-item { margin-top: 10px; }
.sel-item { position: relative; }
.sel-item.z-index-1 { z-index: 1; }
.sel-item.z-index-2 { z-index: 2; }
.sel-item.z-index-3 { z-index: 3; }
.sel-item .lbl { display: flex; justify-content: center; flex-direction: column; background: url(../img/plus.png) no-repeat center right 18px; border: 1px solid #d4d2d2; margin: 0; padding: 0 80px 0 26px; width: 100%; height: 59px; font-size: 16px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.sel-item ul { display: none; position: absolute; top: 54px; left: 0; width: 100%; max-height: 200px; overflow-y: scroll; border: 1px solid #d4d2d2; border-top: 0; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }
.sel-item ul li { background-color: #f3f3f3; padding: 8px 26px; color: #4f4d4d; border-top: 1px solid #d4d2d2; cursor: pointer; }
.sel-item ul li:last-child { -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }
.sel-item ul li:hover,
.sel-item ul li.active { color: #000; }
.find .mybtn { margin-top: 36px; }
.find .mybtn input { border: 0; width: 100%; height: 59px; text-align: center; cursor: pointer; font-size: 16px; color: #fff; font-weight: 600; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: rgb(202, 37, 36);
background: -moz-linear-gradient(90deg, rgb(202, 37, 36) 30%, rgb(156, 31, 30) 70%);
background: -webkit-linear-gradient(90deg, rgb(202, 37, 36) 30%, rgb(156, 31, 30) 70%);
background: -o-linear-gradient(90deg, rgb(202, 37, 36) 30%, rgb(156, 31, 30) 70%);
background: -ms-linear-gradient(90deg, rgb(202, 37, 36) 30%, rgb(156, 31, 30) 70%);
background: linear-gradient(180deg, rgb(202, 37, 36) 30%, rgb(156, 31, 30) 70%); }
.find .bot { max-width: 1220px; margin: auto auto; padding: 0 30px; }
.find .lnks { font-size: 12px; text-align: justify; text-align: center; margin-top: 44px; border-bottom: 1px solid #111; padding: 0 10px 6px 10px; }
.find .lnks span { font-size: 12px; }
.find .lnks span:last-child { color: #c20e1a; }
.find .prod-items-ttl { margin-top: 30px; background: #c20e1a; padding: 5px 10px; font-size: 18px; color: #fff; text-align: center; }
.find .prod-item { margin-top: 30px; }

.autocomplete-suggestions { border: 1px solid #d4d2d2; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 5px 10px; font-size: 14px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #d4d2d2; }
.autocomplete-suggestion:last-child { border-bottom: 0; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #c20e1a; }
/********************* FIND *********************/

/********************* ERROR 404 *********************/
.error404 { padding: 60px 30px 0 30px; text-align: center; }
.error404 .ttl { }
.error404 .ttl h1 { margin: 0; font-size: 30px; font-weight: 700; }
.error404 .ttl2 { margin-top: 8px; }
.error404 .ttl2 h2 { margin: 0; font-size: 24px; font-weight: 600; }
.error404 .txt { margin-top: 10px; }
/********************* ERROR 404 *********************/

/********************* SIMPLE *********************/
.simple { max-width: 1684px; margin: 0 auto; padding: 0 30px; }
.simple .ttl { margin-top: 40px; }
.simple .ttl h2 { margin: 0; font-size: 24px; font-weight: 600; color: #c20e1a; }
.simple .txt { margin-top: 30px; }
.simple .lst { margin-top: 20px; }
.simple .lst ul li { margin-top: 10px; }
/********************* SIMPLE *********************/

@media only screen and (max-width: 1600px) {
/********************* FOOTER *********************/
footer .ins .cnt .lst .col1 { margin-right: 30px; max-width: 200px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .bot .cnt .ins { background-position: center left -100px, center right -100px; }
.home .bot .cnt .ins .ins2 .inpt { margin-top: 10px; }
.home .bot .cnt .ins .ins2 .inpt2 input { height: 38px; }
/********************* HOMEPAGE *********************/
}

@media only screen and (max-width: 1512px) {
/********************* NEWS *********************/
.news .lst { margin-left: -1%; margin-right: -1%; }
.news .lst ul li { width: 23%; margin-left: 1%; margin-right: 1%; }
/********************* NEWS *********************/
}

@media only screen and (max-width: 1460px) {
/********************* ABOUT US *********************/
.aboutus .bot .ins { padding-bottom: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
/********************* ABOUT US *********************/
}

@media only screen and (max-width: 1400px) {
/********************* FOOTER *********************/
footer .ins .lft { width: 31.33%; }
footer .ins .rgt { width: 30.33%; }
/********************* FOOTER *********************/
}

@media only screen and (max-width: 1280px) {
/********************* HEADER *********************/
header .pull-left { padding-left: 20px; }
/********************* HEADER *********************/

/********************* HOMEPAGE *********************/
.home .bot .box { width: 50%; margin-top: 20px; }
.home .bot .box .boxIns { margin-right: 10px; }
.home .bot .box.rgt .boxIns { margin-right: 0; margin-left: 10px; }
.home .bot .cnt { position: relative; top: auto; left: auto; width: 100%; padding: 0; }
.home .bot .cnt .ins { background-position: center left 0, center right 0; min-height: 296px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.aboutus .bot .ins { padding-left: 30px; padding-right: 30px; }
/********************* ABOUT US *********************/
}

@media only screen and (max-width: 1199px) { /* .col-lg- */
/********************* HEADER *********************/
header .pull-left { float: none !important; padding-top: 30px; padding-left: 10px; padding-right: 10px; }
header .pull-left img { margin: auto auto; }
header .pull-right { float: none !important; text-align: center; padding-top: 20px; padding-left: 10px; padding-right: 10px; }
/********************* HEADER *********************/

/********************* HOMEPAGE *********************/
.home .slider .box { font-size: 20px; max-width: 360px; padding: 20px; }
/********************* HOMEPAGE *********************/

/********************* FOOTER *********************/
footer .ins .lft { float: none; width: 100%; padding-right: 0; }
footer .ins .lft img { margin-left: auto; margin-right: auto; }
footer .ins .lft .txt { margin-top: 20px; text-align: center; }
footer .ins .cnt { width: 50%; margin-top: 20px; }
footer .ins .rgt { width: 50%; margin-top: 20px; }
footer .ins .rgt .nsl { margin-top: 10px; }
footer .ins .rgt .nsl .frm { margin-top: 14px; }
/********************* FOOTER *********************/

/********************* ABOUT US *********************/
.aboutus .bot .ins .txt1 { line-height: 30px; margin-top: 30px; }
.aboutus .bot .ins .lst ul li { width: 32.33%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 34px; text-align: center; vertical-align: top; }
.aboutus .bot .ins .txt3 { margin-top: 40px; }
/********************* ABOUT US *********************/

/********************* NEWS *********************/
.news .lst ul li { width: 31.33%; }
.news .lst ul li .dt { margin-top: 10px; }
.news .lst ul li .ttl a { font-size: 20px; line-height: 24px; }
.news .lst ul li .lnk { margin-top: 14px; }
.news .item .ttl { font-size: 20px; line-height: 24px; }
/********************* NEWS *********************/

/********************* CATEGORIES *********************/
.cats .lst ul li .ttl a { display: block; background: #fff; border: 1px solid #000; font-size: 20px; line-height: 24px; padding: 16px 10px 10px 10px; }
/********************* CATEGORIES *********************/

/********************* PRODUCTS *********************/
.prods .lst ul { margin-left: -1%; margin-right: -1%; }
.prods .lst ul li { width: 31.33%; margin-left: 1%; margin-right: 1%; }
/********************* PRODUCTS *********************/
}

@media only screen and (max-width: 991px) { /* .col-md- */
/********************* HEADER *********************/
header .pull-right .main-menu ul li { margin-right: 30px; }
header .pull-right .srch { margin-left: 30px; }
header .pull-right .lngs { margin-left: 30px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .ins .cnt .ttl { font-size: 20px; }
footer .ins .cnt { text-align: center; }
footer .ins .cnt .lst .col1 { float: none; max-width: 100%; margin-right: 0; }
footer .ins .cnt .lst .col2 { float: none; }
footer .ins .rgt { text-align: center; }
footer .ins .rgt .ttl { font-size: 20px; }
footer .ins .rgt .nsl .txt { float: none; text-align: center; }
footer .ins .rgt .nsl .frm { float: none; }
footer .ins .rgt .soc { margin-top: 30px; }
footer .ins .rgt .soc .sttl { font-size: 20px; float: none; text-align: center; }
footer .ins .rgt .soc .lst { float: none; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .slider .box { position: relative; bottom: auto; left: auto; max-width: 100%; background:rgba(194,14,26,1); }
.home .slider .rgt { position: relative; top: auto; right: auto; max-width: 100%; margin: 0 auto 0 auto; }
.home .slider .rgt .arrow { display: none; }
.home .slider .rgt .icon { display: block; }
.home .slider .rgt .icon a { width: 100%; height: auto; padding-bottom: 10px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.aboutus .bot .ins { padding-left: 20px; padding-right: 20px; }
.aboutus .bot .ins .txt1 { margin-top: 20px; font-size: 19px; }
.aboutus .bot .ins .lst ul li { margin-top: 24px; }
.aboutus .bot .ins .lst ul li .ittl a { font-size: 19px; }
.aboutus .bot .ins .txt3 { margin-top: 30px; }
/********************* ABOUT US *********************/

/********************* NEWS *********************/
.news { padding-left: 20px; padding-right: 20px; }
.news .lst ul li .ttl a { font-size: 16px; line-height: 20px; }
.news .lst ul li { margin-top: 30px; }
.news .lst ul li .dt { margin-top: 10px; }
.news .lst ul li .lnk { margin-top: 10px; }
.news .item { margin-top: 35px; }
/********************* NEWS *********************/

/********************* PRODUCTS *********************/
.prods { padding-left: 20px; padding-right: 20px; background: none; }
.prods .lst ul li { width: 48%; }
/********************* PRODUCTS *********************/

/********************* PRODUCT *********************/
.prodIns { padding-left: 20px; padding-right: 20px; background: none; }
.prodIns .prod-item { margin-top: 20px; }
.prod-item .pull-left { float: none !important; width: 100%; padding-right: 0; }
.prod-item .pull-right { float: none !important; width: 100%; text-align: center; margin-top: 10px; }
.prod-item .pull-right .arrow { display: none; }
.prod-item .pull-right .box { float: none; width: 100%; margin-left: 0; }
.prod-item .pull-right .box .ins { padding-left: 0; }
.prod-item .pull-right .box .ins2 { border: 0; padding: 0; }
.prod-item .pull-right .box .ins2 .ttl { font-size: 20px; }
.prod-item .pull-right .box .ins2 .sttl { font-size: 18px; color: #c20e1a; font-weight: 600; margin-top: 0; }
.prod-item .pull-right .box .ins2 .txt { font-size: 16px; line-height: auto; margin-top: 20px; }
.prod-item .pull-right .box .ins2 .codes { font-size: 16px; margin-top: 20px; }
.prod-item .pull-right .box .ins2 .sysk { font-size: 16px; margin-top: 20px; }

.f-soc { margin-left: 0; }
/********************* PRODUCT *********************/

/********************* CONTACT *********************/
.contact .det { position: relative; top: auto; left: auto; }
.contact .det .insDet { padding: 0 0 20px 0; }
.contact .det .closebtn { display: none; }
/********************* CONTACT *********************/

.find { background: none; }
}

@media only screen and (max-width: 960px) {
/********************* CATEGORIES *********************/
.cats .lst ul li { width: 50%; }
/********************* CATEGORIES *********************/
}

@media only screen and (max-width: 950px) {
/********************* CONTACT *********************/
.contact .det { padding: 0 20px 20px 20px; margin-bottom: 0; }
.contact .gmap-content { height: 300px; }
/********************* CONTACT *********************/
}

@media only screen and (max-width: 768px) { /* .col-sm- */
/********************* PRODUCTS *********************/
.prods .lst ul li .ttls { padding-bottom: 10px; }
.prods .lst ul li .ttl a { font-size: 18px; }
.prods .lst ul li .txt { margin-top: 0; }
.prods .lst ul li .txt a { font-size: 18px; }
/********************* PRODUCTS *********************/
}

@media only screen and (max-width: 767px) { /* .col-xs- */
/********************* HEADER *********************/
header .pull-right .main-menu { display: none; }
header .pull-right .mob-menu-toggle { display: inline-block; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
.copy { text-align: center; }
.copy .lft { float: none; padding-top: 0; }
.copy .rgt { float: none; margin-top: 10px; }
.copy .rgt img { margin-left: auto; margin-right: auto; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .bot .cnt .ins { background: none; min-height: auto; padding: 20px 0; }
/********************* HOMEPAGE *********************/

/********************* CONTACT *********************/
.contact .det { padding: 0 10px 10px 10px; }
.contact .det .pull-left { float: none !important; width: 100%; text-align: center; }
.contact .det .pull-left .subscr { margin-top: 20px; }
.contact .det .pull-right { float: none !important; margin-left: 0; margin-top: 20px; }
.contact .det .pull-right .ins { padding-left: 0; }
.contact .det .pull-right .captcha { float: none; max-width: 312px; margin-left: auto; margin-right: auto; }
.contact .det .pull-right .mybtn { float: none; max-width: 114px; margin-left: auto; margin-right: auto; }
/********************* CONTACT *********************/

/********************* ABOUT US *********************/
.aboutus .bot .ins .lst ul li { width: 49%; }
/********************* ABOUT US *********************/

/********************* NEWS *********************/
.news { padding-left: 10px; padding-right: 10px; }
.news .lst ul li { width: 48%; }
.news .item .img { float: left; margin: 0 10px 10px 0; }
/********************* NEWS *********************/

/********************* CATEGORIES *********************/
.cats .lst { margin-top: 0; }
/********************* CATEGORIES *********************/
}

@media only screen and (max-width: 650px) {
/********************* HOMEPAGE *********************/
.home .bot .box { float: none; width: 100%; }
.home .bot .box.rgt { float: none; }
.home .bot .box .boxIns { margin-right: 0; }
.home .bot .box.rgt .boxIns { margin-left: 0; }
/********************* HOMEPAGE *********************/

/********************* NEWS *********************/
.news .item .img { float: none; margin-right: 0; margin-bottom: 20px; }
/********************* NEWS *********************/
}

@media only screen and (max-width: 480px) {
/********************* FOOTER *********************/
footer .ins .cnt { float: none; width: 100%; padding-right: 0; }
footer .ins .rgt { float: none; width: 100%; }
footer .ins .rgt .nsl { margin-top: 0; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .bot { padding-left: 10px; padding-right: 10px; }
.home .bot .cnt .ins { padding-left: 10px; padding-right: 10px; }
/********************* HOMEPAGE *********************/

/********************* ABOUT US *********************/
.aboutus .bot .ins { padding-left: 10px; padding-right: 10px; }
.aboutus .bot .ins .txt1 { margin-top: 16px; font-size: 16px; line-height: 20px; }
.aboutus .bot .ins .txt2 { margin-top: 16px; }
.aboutus .bot .ins .lst ul li { margin-top: 20px; }
.aboutus .bot .ins .lst ul li .ittl a { font-size: 16px; }
.aboutus .bot .ins .txt3 { margin-top: 20px; }
/********************* ABOUT US *********************/

/********************* NEWS *********************/
.news .mttl { margin-top: 20px; }
.news .mttl h2 { padding-left: 0; padding-right: 0; }
.news .lst ul { margin-left: 0; margin-right: 0; }
.news .lst ul li { width: 100%; margin-left: 0; margin-right: 0; }
/********************* NEWS *********************/

/********************* CATEGORIES *********************/
.cats .mttl { margin-top: 20px; }
.cats .lst ul li { width: 100%; }
/********************* CATEGORIES *********************/

/********************* PRODUCTS *********************/
.prods .lst ul { margin-left: 0; margin-right: 0; }
.prods .lst ul li { width: 100%; margin-left: 0; margin-right: 0; }
/********************* PRODUCTS *********************/

.cats-lst ul li { margin: 0 8px; }
.cats-lst ul li:first-child { margin-left: 0; }
.cats-lst ul li:last-child { margin-right: 0; }
}

@media only screen and (max-width: 479px) {
/********************* ABOUT US *********************/
.aboutus .bot .ins .lst ul { margin-left: 0; margin-right: 0; }
.aboutus .bot .ins .lst ul li { width: 100%; margin-left: 0; margin-right: 0; }
/********************* ABOUT US *********************/
}