/* Parnas Oil site.css: generated by tools/build.py. Sources: src/css/fonts.css, the old theme CSS in source-assets/css (bootstrap build purged to used selectors, slick-theme dots, layout.css verbatim) and src/css/overrides.css. */
/* Roboto (self-hosted, variable files declared as discrete weights like the old site's static Roboto) */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/roboto-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:'Roboto',sans-serif;font-size:14px;line-height:1.42857143;color:#000;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#000;text-decoration:none}a:focus,a:hover{color:#c20e1a;text-decoration:none}a:focus{outline:0;}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}[role=button]{cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:400;line-height:1;color:#777}h1,h2,h3{margin-top:20px;margin-bottom:10px}h1 small,h2 small,h3 small{font-size:65%}h4,h5,h6{margin-top:10px;margin-bottom:10px}h4 small,h5 small,h6 small{font-size:75%}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}p{margin:0 0 10px}small{font-size:85%}mark{padding:.2em;background-color:#fcf8e3}.text-center{text-align:center}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:0;}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}input[type=search]{-webkit-appearance:none}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox][disabled],input[type=radio][disabled]{cursor:not-allowed}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active:focus,.btn:active:focus,.btn:focus{outline:0;}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}fieldset[disabled] a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active:focus,.btn-primary:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active{background-image:none}.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active:focus,.btn-warning:active:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active{background-image:none}.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.open>a{outline:0}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.show{display:block!important}.hidden{display:none!important}
@charset 'UTF-8';


.slick-slider :focus{
    outline: 0;
}.slick-dots{position: absolute; bottom: 10px; left: 0; display: block; width: 100%; padding: 0 0 0 40px; list-style: none; text-align: left;}.slick-dots li{position: relative; display: inline-block; vertical-align: middle; width: 17px; height: 17px; margin: 0 4px 0 4px; padding: 0; cursor: pointer;}.slick-dots li:first-child{margin-left: 0;}.slick-dots li:last-child{margin-right: 0;}.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 17px; height: 17px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{}.slick-dots li button:before{background: url(../img/bullet-off.png) no-repeat 0 0; position: absolute; top: 0; left: 0; width: 17px; height: 17px; content: '';}.slick-dots li.slick-active button:before{background-image: url(../img/bullet-on.png);}@media only screen and (max-width: 1199px){.slick-dots{padding-left: 0; text-align: center; bottom: 0;}}
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 *********************/
}
/* ---------- overrides.css: invisible fixes on top of the old layout.css (phase 1 = same look) ---------- */
picture{display:contents}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.skip{position:absolute;left:-9999px;top:8px;z-index:10000;background:#000;color:#fff;padding:12px 16px}
.skip:focus{left:8px;color:#fff}
:focus-visible{outline:2px solid #c20e1a;outline-offset:2px}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img{max-width:100%;height:auto}

/* Font Awesome 4 glyphs as inline SVG (same shapes, no icon font) */
.fa{display:inline-block;line-height:1;font-style:normal}
.fa svg{display:inline-block;height:1em;width:auto;vertical-align:-.14em;fill:currentColor}

/* old <div> controls are real buttons now: reset the browser button look */
button.mob-menu-toggle,.srch-btn,button.sttl,button.closebtn,#rgt-arrow,.sel-item button.lbl,.slick-dots button{font:inherit;color:inherit;background-color:transparent;border:0;padding:0;margin:0;-webkit-appearance:none;appearance:none;cursor:pointer;text-align:inherit}
.srch-btn{display:inline-block;line-height:1;padding:10px 11px!important;margin:-10px -11px!important}
header .pull-right .srch i{font-size:25px}
button.mob-menu-toggle{padding:12px 0!important;margin:-12px 0 -12px!important}
header .pull-right .mob-menu-toggle i{margin-right:8px}
button.sttl{display:inline-block;min-height:44px}
button.closebtn{min-height:44px}
.sel-item button.lbl{background:url(../img/plus.png) no-repeat center right 18px;text-align:left;width:100%}
#rgt-arrow{background-color:#727272;background-repeat:no-repeat;background-position:center}

/* home slider: stacked slides with a fade (replaces slick) */
.home .slider .responsive-1{position:relative}
.home .slider .slide{transition:opacity 1s linear}
.home .slider .slide + .slide{position:absolute;inset:0}
.home .slider .slide:not(.is-active){opacity:0;pointer-events:none}
.home .slider .slick-dots{z-index:2}
.home .slider .rgt{transition:right .6s ease}
.home .slider .rgt.is-closed{right:-100px}
@media only screen and (max-width:767px){.home .slider .rgt.is-closed{right:auto}}
.home .slider .slick-dots li button{min-width:17px}

/* home advisor box: the form is a <form> now */
.eng-form{margin:0}
.home .bot .cnt .ins .ins2 .inpt .bg .lft .ins3 input,.find .model .lft .ins3 input{cursor:text}
.home .bot .cnt .ins .ins2 .ttl h3{margin:0;font-size:17px;font-weight:600}
.cats-lst ul li[role=button]{outline-offset:4px}

/* headings that were <div> on the old site and are real headings now */
.prod-item h1.ttl,.prod-item h3.ttl,.news .item h1.ttl{margin:0;font-family:inherit;line-height:1.42857143}
.prod-item h3.ttl{font-size:25px;font-weight:600}
.prod-item .ttl a{color:inherit}
.news .item h1.ttl{font-size:25px;font-weight:600;line-height:32px}
@media only screen and (max-width:1199px){.news .item h1.ttl{font-size:20px;line-height:24px}}

/* product share icons are links now (Google+ closed in 2019, so it is gone) */
.f-soc ul li.ico a{display:block}

/* contact: Google map iframe in the old map area */
.contact .gmap-content iframe{display:block;width:100%;height:100%;border:0}
.contact .det.is-closing{opacity:0;transition:opacity .3s}

/* search dialog (replaces BootstrapDialog) */
.srch-dialog{border:0;padding:0;width:min(600px,calc(100vw - 32px));box-shadow:0 5px 15px rgba(0,0,0,.5);border-radius:6px}
.srch-dialog::backdrop{background:rgba(0,0,0,.5)}
.srch-dialog-head{padding:15px;border-bottom:1px solid #e5e5e5;font-size:18px;font-weight:600}
.srch-dialog-body{padding:15px}
.srch-dialog-body .custom-input{height:44px;cursor:text}
.srch-dialog-foot{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.srch-dialog-foot .btn{display:inline-block;min-height:44px;padding:6px 16px;border:1px solid transparent;border-radius:4px;color:#fff;cursor:pointer;font:inherit}
.srch-dialog-foot .btn-warning{background:#f0ad4e}
.srch-dialog-foot .btn-primary{background:#c20e1a}

/* products page: search results reuse the category list style */
.search-results .search-none{text-align:center;margin-top:30px}

/* advisor */
.find .adv-pending{text-align:center;margin:30px 0;font-size:16px}
.autocomplete-suggestions{box-sizing:border-box;overflow-y:auto}
.autocomplete-suggestion{cursor:pointer;min-height:32px}

/* news article body (Markdown) inside the old .news .item .txt */
.news .item .txt h2{font-size:20px;font-weight:600;margin:24px 0 8px}
.news .item .txt h3{font-size:17px;font-weight:600;margin:18px 0 6px}
.news .item .txt ul,.news .item .txt ol{padding-left:20px;margin:0 0 10px}
.news .item .txt a{color:#c20e1a;text-decoration:underline}
.news .item .img img{max-width:min(100%,640px)}
@media only screen and (min-width:992px){.news .item .img{max-width:45%}}

/* legal pages (Markdown) inside the old .simple page */
.simple .legal{max-width:1000px;margin-left:auto;margin-right:auto}
.simple .legal h2{font-size:18px;font-weight:600;margin:24px 0 8px;color:#000}
.simple .legal a{color:#c20e1a}
.simple .legal ul{padding-left:20px}
.legal-upd{color:#726d6d;font-size:12px}
.draft-note{background:#fdecee;border:1px solid #c20e1a;color:#9c1f1e;padding:8px 12px;font-weight:600}

/* bigger tap areas without moving anything: padding cancelled by an equal negative margin (layout-neutral) */
header .pull-right .lngs a{display:inline-block;padding:14px 13px;margin:-14px -13px}
footer .ins .cnt .lst .col2 a{padding-left:12px!important;padding-right:12px!important;margin-left:-12px!important;margin-right:-12px!important}
footer .ins .rgt .nsl .inpt input{min-height:24px}
footer .ins .rgt .nsl .btns .btnR input{min-height:24px;min-width:44px}
.contact .det .pull-left .subscr label{padding:4px 0}
footer .ins a,.copy a,.prodIns .lnks a,.prodIns .back a,.news .lnk a,.news .dt a,.news .lst .ttl a,.prods .lst .ttl a,.prods .lst .txt a,.prods .lst .lnk a,
.aboutus .lst .ittl a,.aboutus .lst .itxt a,.contact .txt a,.find .prod-item .ttl a,.cats .lst .ttl a{display:inline-block;padding:14px 0;margin:-14px 0}
.home .slider .slick-dots li button{padding:14px;margin:-14px;box-sizing:content-box}
.cats-lst ul li a{position:relative;width:auto!important;min-width:45px;margin:0 -5px}
@media only screen and (max-width:767px){
  .mob-menu ul li a{min-height:44px;display:flex;align-items:center;justify-content:center}
  .home .bot .box .boxIns .lnk a{padding-top:9px;padding-bottom:11px}
  .contact .det .pull-right .inpt input{height:44px}
  .contact .det .pull-right .mybtn,.contact .det .pull-right .mybtn input{height:44px}
  .contact .det .pull-left .subscr input{width:24px;height:24px;vertical-align:middle}
  .contact .det .pull-left .subscr label{padding:12px 0}
  footer .ins .rgt .nsl .inpt input{height:44px}
  footer .ins .rgt .nsl .btns .btnR input{min-height:44px}
  .f-soc ul li.ico a{position:relative}
  .f-soc ul li.ico a::after{content:"";position:absolute;inset:-8px -6px}
  .sel-item ul li{min-height:44px}
  .autocomplete-suggestion{min-height:44px;display:flex;align-items:center}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}