*, *:before, *:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body{
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-tap-highlight-color: transparent;
height: 100%;
}
.wrapper{
position:relative;
}
body {
margin:0;
padding:0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
font-weight:normal;
background-color: #000;
}
.container{
font-size:16px;
color:#000;
min-height:500px;
}
.container p{
line-height: 24px;
}
a:link, a:visited{
text-decoration:none;
color:#888;
}
.blanc{
width:100%;
height:100px;
}
.logo img{
width:100%;
height:auto;
}
.logo{
content:url("/webroot/img/side_logo.png");
width:100%;
cursor:pointer;
}
header{
background-color:#000;
width:100%;
margin:auto;
display:grid;
grid-template-columns:320px auto 300px;
grid-gap:40px;
padding:15px;
position: sticky;
top: 0;
z-index:88;
box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.65);
}
header div{
max-width:1300px;   
}
.fcontacts p{
color:#ccc;
margin-bottom:5px;
}
.fcontacts img{
width:25px;
vertical-align:middle;
}
.fcontacts a{
color:#f1f1f1;
}
.search{
position:relative;
display:flex;
align-items:center;
justify-content:center;
}
.search form{
width:100%;
padding:5px;
}
.search p{
position:absolute;
display:none;
width:calc(100% - 10px);
z-index:88888;
max-height:300px;
overflow-y: auto;
background-color:rgba(245,245,245,0.90);
}
.search p span{
display:block;
padding:5px 15px;
color:red;
font-size:14px;
}
.search a{
display:flex;
align-items:center;
height:50px;
padding:5px 15px;
color:#C4261D;
font-size:15px;
border-bottom:1px solid #ddd;
}
.search a:last-child{
border-bottom:none;	
}
.search a:hover{
color:#fff!important;
background-color:#C4261D;
}
.search a img{
height:40px;
margin-right:20px;
}
.q{
width: 100%;
padding:21px 15px;
font-size:18px;
border:1px solid #ddd;
height:40px;
background-color:rgba(255,255,255,0.3);
transition:.8s linear;
color:#fff!important;
border-radius:25px;
}
#search div{
position:relative;
height:44px;
}
#search button{
position: absolute;
right: 2px;
background-color: #000;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
top:2px;
display: flex;
align-items: center;
justify-content: center;
cursor:pointer;
}
#search button:hover{
background-color: #DA251D;    
}
#search button img{
width:20px;
}
textarea:focus, input:focus{
outline: none;
border:1px solid #DA251D;
}
.phone, .phone a {
float:left;
color:#000;
font-size:18px;
line-height:27px;
font-weight:bold;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.social a{
float:center;
font-size:28px;
display: inline-block;
margin-left:10px;
color:#fff;
}
.social a:hover{
color:#ccc;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videowrap{
width:80%;
max-width: 640px;
margin: 0 auto;
}
.footer{
width:100%;
border-top:2px solid #DA251D;
min-height:150px;
text-align:center;
color:#fff;
padding:20px 20px 50px 20px;
}
.footer .contacts p{
font-size:16px;
color:#fff;
padding:5px;
}
.footer a{
color:#f1f1f1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.halfPart{
width:50%;
float:left;
background:green;
}
.respo{
margin:0 auto;
text-align:center;
padding:18px;
}
.stitle{
color:#888;
padding:18px 0;
font-size:16px;
}
.stitler{
color:#888;
padding:18px 0;
font-size:16px;
float:right;
}
/* modal box */
.modal {
display: none;
position: fixed;
z-index: 100;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.8);
}
.modal-content {
position: fixed;
background-color: #000;
color:#DA251D;
top: calc((100% - 220px)/2);
left: calc((100% - 300px)/2);
padding: 20px;
border: 1px solid #555;
width: 300px;
height:auto;
box-sizing:border-box;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.ok {
width:100px;
color: #fff!important;
padding:8px;
border:1px solid #fff;
background-color:#DA251D;
font-size: 20px;
display: block;
text-align:center;
margin:20px auto;
}
.back a{
color:#555;
}
ul.checklist{
list-style: none;
padding: 0;
margin:0 auto;
display:block;
width:70%;
}
.checklist li {
padding-left: 1.3em;
font-size:22px;
color:#254695;
text-align:left;
font-weight:normal;
}
.checklist li::before {
content: "\f058";
font-family: "Font Awesome 5 Free";
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
line-height:25px;
color:#254695;
font-size:28px;
line-height:38px;
user-select: none;
}
.image{
height:100%;
overflow:hidden;
}
.cell_title{
border-top:1px solid #fff;
background-color:rgba(220,220,220, 0.3);
padding:10px 8px;
width:100%;
box-sizing:border-box;
text-align:center;
color:#555;
}
.cell_title a{
top:18px;
font-size:14px;
color:#555;
}
.cell_title span{
font-size:13px;
color:#2089C1;
}
/* PAGEING */
ul.paging{
padding:10px 0 10px 0;
text-align:center;
margin:18px 0;
}
ul.paging li{
display:inline;
list-style:none;
font-size:15px;
cursor:pointer;
}
ul.paging li a{
-moz-box-shadow:inset 0px 1px 0px 0px #fff;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
box-shadow:inset 0px 1px 0px 0px #fff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
background-color:#ededed;
padding:5px 10px;
margin:2px;	
color:#777;
border:1px solid #ddd;
text-decoration:none;
text-shadow:0px 1px 0px #fff;
}
ul.paging li a:hover{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
background-color:#dfdfdf;
}
ul.paging li.current{
-moz-box-shadow:inset 0px 1px 0px 0px #fff;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
box-shadow:inset 0px 1px 0px 0px #fff;
background-color:#f8f8f8;
padding:5px 10px;
cursor: default;
margin:2px;	
color:#555;
border:1px solid #ddd;
text-shadow:0px 1px 0px #fff;
}
.hhr{
width:68px;
margin:10px 0;
border: 2px solid #ff3333;
}
.shad{
-webkit-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.65);
box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.65);
}
.shad1{
-webkit-box-shadow: 0px 8px 15px -4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 8px 15px -4px rgba(0,0,0,0.15);
box-shadow: 0px 8px 15px -4px rgba(0,0,0,0.15);
}
.fop{
background: rgba(255, 255, 255, 0.95);	
}
.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
img.back-to-top{
width:30px;
margin:auto;
display:block;
z-index:88;
position: fixed;
right: 10px;
bottom: 50px;
}
/* PAGE TITLE */
.page_title{
padding:15px 0 15px 0;
text-align:center;
color: #000;
box-sizing:border-box;
border-bottom:1px solid #000;
font-size:23px;
//text-transform:uppercase;
letter-spacing:2px;
margin-bottom:25px;
}
.page_title a{
color: #000;
}
.show{
cursor:pointer;
color:#555;
margin:18px 0;
}
.hide{
display:none;
}
.hidden{
display:none;
}
.lresponser, .rresponser, .presponser{
margin:18px 0;
}
.tooltipp {
display:none;
position:absolute;
border:1px solid #555;
background-color:#fff;
padding:10px;
color:#555;
font-size:12px;
z-index:88;
}
/* FORM ELEMENTS */
.fcont {
width:100%;
//background:pink;
}
.fcol {
float: left;
width: 48%;
min-height:75px;
margin-top:0.2%;
}
.fcol img{
margin:0;
margin: 5px;
float:left;
}
.fcol:first-child {
margin-right:4%;	
}
.frow:after {
content: "";
display: table;
clear: both;
}
.filewrapper {
position: relative;
overflow: hidden;
float:left;
margin-top:8px;
clear:both;
}
.file {
border: 1px solid #1068ac;
background-color:#fff;
color: #1068ac;
padding: 8px 10px;
margin-left:5px;
font-size: 16px;
}
.filewrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
ul#fileList{
margin-top:8px;
width:90%;
float:left;
list-style:none;
}
#fileList li{
float:left;
display:block;
margin:0 5px;
color:#bbb;
}
.sendord{
text-align:center;
font-size:18px;
color:#000;
text-transform:uppercase;
letter-spacing:1px;
}
.msButton {
background-color:#f1f1f1;
border:1px solid #000;
display:inline-block;
cursor:pointer;
color:#000;
font-size:16px;
padding:8px 16px;
text-decoration:none;
}
.msButton:hover {
background-color:#DA251D;
}
.msButton:active {
position:relative;
top:1px;
}
.captcha{
margin: 10px 0;
display:block;
}
.ccontent{
max-width:1300px;
margin:auto;
}
/* ATTRIBUTES */
/* Contact form */
.cform-wrapper{
display:flex;
position:relative;
justify-content: center;
align-items: center;
//flex-direction: column;
padding:5% 0;
background-image:url("/webroot/img/bgg.jpg");
background-attachment:fixed;
background-size: cover;
}
.cform-wrapper .fwrap{
width:50%;
}
.cform-wrapper .cus{
position:relative;
text-align:center;
color:#fff;
font-size:25px;
margin-bottom:40px;
letter-spacing: 1px;
text-transform:uppercase;
}
.cform-wrapper .cusf{

}
.cform-wrapper video {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cform-wrapper form{
width:100%;
}
.multifile_remove_input {
color: #555;
font-size: 28px;
text-decoration: none;
}
.flabel{
display:block;
position:relative;
width:100%;
height:auto;
//border:2px solid #112C49;
font-size:17px;
padding:8px;
color:#fff;
margin-bottom:20px;
}
#file_input {
width:100%;
position:absolute;
color: transparent;
opacity:0;
cursor:pointer;
top:0;
left:0;
bottom:0;
right:0;
}
.multifile_container{
position:relative;
z-index:5;
margin-bottom:15px;
}
.upload_file{
padding:0 5px;
color:#555;
margin:5px 0;
}
.upload_file:hover{
color:#555555;
}
.upload_file:last-child{
margin-bottom:0;
}
.filename{
word-break: break-all;
}
textarea, input[type=text] {
font-family: inherit!important;
font-size: inherit!important;
color:#000;
min-width:30px;
}
textarea:-moz-ui-invalid:not(output), input[type=text]:-moz-ui-invalid:not(output) {
box-shadow: none;
border: 1px solid inherit;
}
.form-control {
position: relative;
//margin: 20px 0;
margin: 0 0 25px 0;
width:100%;
}
.form-control input, .form-control textarea {
border: 0;
border-bottom: 1px solid #fff;
padding: 15px;
display: block;
font-size: 17px;
font-weight:normal;
width: 100%;
transition: 0.1s ease-in;
background-color:rgba(0,0,0, 0.3);
}
.form-control input:focus, .form-control textarea:focus, .form-control input:valid, .form-control textarea:valid{
border-bottom-color: #89B485;
background-color:rgba(0,0,0, 0.8);
outline: none;
}
.form-control input:focus + label span, .form-control textarea:focus + label span, .form-control input:valid + label span, .form-control textarea:valid + label span{
color: #fff;
transform: translateY(-35px) translateX(-10px);
}
.form-control label {
position: absolute;
top: 12px;
left: 10px;
}
.form-control label span {
display: inline-block;
font-size: 18px;
min-width: 5px;
transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#mail-status{
position:relative;
background-color: rgba(0,0,0, 0.5);
border:1px solid #f1f1f1;
width:100%;
padding:8px;
text-align:center;
width:60%;
display:none;
color:#fff;
margin:0 auto;
margin-bottom:30px;
z-index:8;
}
.preloader{
display:none;
float:left;
margin-left:15px;
}
.logos{
padding: 25px 0;
}
/* Draw border button */
.draw-border {
box-shadow: inset 0 0 0 2px #bbb;
color: #fff;
transition: color 0.25s 0.08s;
position: relative;
}
.draw-border::before, .draw-border::after {
border: 0 solid transparent;
box-sizing: border-box;
content: "";
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: 0;
}
.draw-border::before {
border-bottom-width: 2px;
border-left-width: 2px;
}
.draw-border::after {
border-top-width: 2px;
border-right-width: 2px;
}
.draw-border:hover {
color: #DA251D;
}
.draw-border:hover::before, .draw-border:hover::after {
border-color: #DA251D;
transition: border-color 0s, width 0.25s, height 0.25s;
width: 100%;
height: 100%;
}
.draw-border:hover::before {
transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
transition-delay: 0s, 0.25s, 0s;
}
.btn {
display:block;
width:200px;
padding:12px 0;
text-align:center;
color:#fff;
background-color:transparent;
transition:.3s;
text-transform:uppercase;
font-size:15px;
letter-spacing:1px;
outline:none;
border:transparent;
cursor:pointer;
}
.nothing{
margin:0 auto;
width:280px;
padding:15px;
font-weight:bold;
text-align:center;
color:#000;
}
.w30{
width:30%;
min-width:200px;
}
.w50{
width:50%;
min-width:250px;
}
.w70{
width:70%;
min-width:250px;
}
.w80{
width:80%;
min-width:250px;
}
.w90{
width:90%;
min-width:250px;
}
.w95{
width:95%;
min-width:250px;
}
.w98{
width:98%;
min-width:250px;
}
.100{
width:100%;
min-width:250px;
}
.e{
color:red;
}
.s{
color:green;
}
.calr{
width:100%;
padding:10px;
margin:10px 0;
}
.response{
display:none;
width:100%;
padding:10px;
margin:10px 0;
border:1px solid #eee;
background:#f8f8f8;
text-align:center;
}
.centered_m{
margin:0 auto;
}
.centered_t{
text-align:center;	
}
.dN{
display:none;
}
/* FORM */
label{
margin-bottom:8px;
font-size:16px;
color:#000;
float:left;
font-weight:normal;
font-style: italic;
}
.fstyle{
-webkit-transition: border 0.30s ease-in-out;
-moz-transition: border 0.30s ease-in-out;
-ms-transition: border 0.30s ease-in-out;
-o-transition: border 0.30s ease-in-out;
outline: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
background: rgba(255, 255,255, 0.9);
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 12px;
color: #555;
float:left;
font-size:18px;
}
.fstyle:focus
{
border: 1px solid #1b93ec;
-webkit-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.24);
-moz-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.24);
box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.24);
}
.sw{
width:20%;
}
.h1, .h2{
width:45%;
}
.h1{
margin-right:10%;	
}
.green{
color:#4caf50;
}
.bgreen{
border:1px solid #4caf50;
}
.submit {
background-color: #337ab7;
color: #ffffff;
border: none;
padding: 10px 20px;
font-size: 17px;
border:1px solid #fff;
cursor: pointer;
}
a.submit{
background-color: #c43100;
color: #ffffff;
border: none;
padding: 10px 20px;
font-size: 22px;
border:1px solid #fff;
cursor: pointer;
text-align:center;
margin:0 auto;
display:block;
width:40%;
}
.submit:hover {
background-color: #e12516;
}
.loading {    
background-color: none;
background-image: url("/webroot/img/spinner.gif");
background-size: 25px 25px;
background-position:right center;
background-repeat: no-repeat;
}
.addi{
margin-top:15px;
display:none;
}
.slider_wrapper{
position:relative;
}
.slider_info{
position: absolute; 
left: 0; 
right: 0; 
top: 0;
bottom: 0;
margin-left: auto; 
margin-right: auto; 
margin-top: auto; 
margin-bottom: auto; 
width:350px;
height:70px;
background-color:rgba(218,37,29,0.8);
padding:18px;
z-index:8;
border:2px solid #fff;
text-align:center;
border-radius:5px;
text-transform:uppercase;
}
.slider_info a{
letter-spacing:2px;
color:#fff;
font-size:26px;
}
/* Popup */
.popup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float:right;
}
.popup .popuptext {
visibility: hidden;
width: 40px;
background-color: #ededed;
color: #555;
text-align: center;
padding: 0;
position: absolute;
z-index: 3;
top: 125%;
left: 50%;
margin-left: -20px;
border-style:solid;
border-color:#ddd;
border-width:0 1px 1px 1px;
}
.popup .popuptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #ededed transparent;
}
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
.popup p{
padding:5px 0;
margin:0;
}
.popup p:hover{
background:#ddd;
}
.popup a{
color:#555;
//display:block;
}
/* Drop down */
.langs img, #cart img{
vertical-align:middle;
}
.logos .owl-item img{
background-color:rgba(255,255,255,0.2);
border:1px solid rgba(255,255,255,0.5);
padding:8px;
}
/* Image overlay effects */
.overlay_container {
position: relative;
width:50%;
}
.image {
display: block;
width: 100%;
height: auto;
}
.text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
white-space: nowrap;
}
.overlay_fade {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #008CBA;
}
.overlay_container:hover .overlay_fade {
opacity: 1;
}
.overlay_sleft {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
.overlay_container:hover .overlay_sleft {
width: 100%;
}
.overlay_sright {
position: absolute;
bottom: 0;
left: 100%;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
.overlay_container:hover .overlay_sright {
width: 100%;
left: 0;
}
.overlay_sbottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.overlay_container:hover .overlay_sbottom {
height: 100%;
}
.overlay_zoom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform:scale(0);
transition: .3s ease;
}
.overlay_container:hover .overlay_zoom {
transform: scale(1)
}
/* Image effects */
img.rounded {
border-radius: 50%;
border:2px solid #fff;
}
img.responsive {
width: 100%;
height: auto;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
img.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
}
/* Div effects*/
.zoom {
transition: transform .2s;
}
.zoom:hover {
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5); 
}
/* Other effects */
::placeholder {
color: #999;
opacity: 1;
}
:-ms-input-placeholder {
color: #999;
}
::-ms-input-placeholder {
color: #999;
}
::-moz-placeholder{
color: #999;
}
@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

.fadeinout{
-webkit-animation: fadeinout 3s linear infinite;
animation: fadeinout 3s linear infinite;	
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {opacity: 0;} 
to {opacity: 1;}
}

@keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
}
/* GREED */
.cell{
width: 23%;
float:left;
margin: 1%;
text-align:center;
position:relative;
overflow:hidden;
}
.cell p{
font-weight:normal;
margin-top:18px;
color:#254695;
font-size:17px;
}
.cell img{
float: left;
width: 100%;
height: auto;
border-radius: 24px 24px 0 0;
}
/*menus*/
ul.bmenu {
width:350px;
position:fixed;
z-index:91;
bottom:-5px;
left: calc((100% - 350px)/2);
text-align:center;
transition:0.5s;
margin:0;
background-color:rgba(0,0,0,0.8);
border:1px solid #777;
list-style: none;
padding:10px 0;
display:block;
}
ul.bmenu li {
cursor:pointer;
display:inline-block;
color:#fff;
font-size: 16px;
}
ul.bmenu li a {
padding:10px 18px;
text-align:center;
background-color:rgba(0,0,0,0.6);
}
ul.bmenu li a:hover {
background-color:rgba(0,0,0,0.9);
}
ul.bmenu img{
vertical-align:middle;
width:25px;
}
.fsmenu-cats, .callback{
display:none;
position:fixed;
width:100%;
height:100%;
top:0;
bottom:0;
right:0;
left:0;	
background-color:rgba(0,0,0,0.95);
z-index:90;
overflow-y: auto;
}
.fsmenu-cats .close-fsmenu-cats, .callback .close-callback{
position:absolute;
top:-30px;
right:10px;
font-size:35px;
font-weight:normal;
color:#fff;
cursor:pointer;
width:30px;
height:30px;
}
.fsmenu-cats>div, .callback>div{
height:auto;
display:flex;
align-items:center;
//justify-content:center;
flex-direction:column;
padding-top:30px;
padding-bottom:30px;
}
.fsmenu-cats ul{
display:grid;
grid-template-columns:repeat(9, 1fr);
grid-gap:10px;
padding:15px;
list-style:none;
}
.fsmenu-cats ul li a{
padding:10px;
height:100%;
background-color:#fff;
display:block;
font-size:15px;
color:#000;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #fff;
}
.fsmenu-cats ul li a:hover{
background-color:#ddd;
color:#000;
border:1px solid #ccc;
}
.filter{
max-width:1300px;
margin:auto;
text-align:right;
margin-top: 25px;
margin-bottom: 25px;
}
select.fltr {
width: 300px;
padding: 4px 35px 5px 5px;
font-size: 16px;
color:#fff;
border: 2px solid #555;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('/webroot/img/adown.svg') 97% / 7% no-repeat #000;
border-radius:10px;
}
select.fltr::-ms-expand { 
display: none;
}
.vernagir{
padding:15px;
text-align:center;	
font-size:20px;
color:#DA251D;
}
.bcresp{
display:none;
padding:15px;
border:1px solid #333;
background-color:#111;
text-align:center;
margin-top:10px;
}
.fparts{
width:80%;
margin:0 auto;
margin-bottom:25px;
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap:0px;
grid-column-gap:25px;
}
.dropbtn {
cursor: pointer;
padding: 10px 20px;
text-align: center;
background-color: rgba(0,0,0,0.6);
}
.dropbtn:hover, .dropbtn:focus {
background-color: rgba(0,0,0,1);
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: rgba(0,0,0,0.9);
width: 65px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
bottom:33px;
left:0;
border-top:1px solid #555;
border-left:1px solid #555;
border-right:1px solid #555;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #DA251D;
}
/* MEDIA QUERIES */

@media screen and (min-width: 1400px) {

}
@media screen and (max-width: 1300px) {
	.fsmenu-cats ul{
	grid-template-columns:repeat(8, 1fr);
	}
	#products, .filter, .rightp{
	width:95%;
	}
}	
@media screen and (max-width: 1200px) {
	.fsmenu-cats ul{
	grid-template-columns:repeat(7, 1fr);
	}
}
@media screen and (max-width: 1000px) {
	.fsmenu-cats ul{
	grid-template-columns:repeat(7, 1fr);
	}
	.fsmenu-cats ul li a{
	font-size:13px;
	}
	.fsmenu-cats ul{
	grid-gap:5px;
	}
	.fcontacts p{
	font-size:13px;
	margin-bottom:2;
	text-align:center;
	}	
	.fcontacts img{
	width:20px;
	}
	.search form {
	padding: 2px;
	}	
	.header {
	display: grid; 
	padding:8px;
	grid-template-columns: 120px auto; 
	grid-template-rows: auto; 
	grid-row-gap: 0; 
	grid-column-gap: 10px; 
	grid-template-areas: 
	"logo fcontacts"
	"search search"; 
	}
	.logo { grid-area: logo; content:url("/webroot/img/newlogo.svg.svg");height:100%}
	.fcontacts { grid-area: fcontacts;}
	.search { grid-area: search;}
}
@media screen and (max-width: 900px) {
    .fparts{
        grid-template-columns: 100%;
    }
}
@media screen and (max-width: 800px) {
	#header {
	height: auto;
	}
	.page_title{
	font-size: 25px;	
	}
	.cform-wrapper .fwrap{
	width:90%;
	}
	.fsmenu-cats ul{
	grid-template-columns:repeat(5, 1fr);
	}
	.fsmenu-cats ul li a{
	font-size:13px;
	}
}
@media screen and (max-width: 700px) {
	.cell{
	width: 48%;
	}
	.page_title{
	font-size: 22px;	
	}
	.fsmenu-cats ul{
	grid-template-columns:repeat(5, 1fr);
	}
	.fsmenu-cats ul li a{
	font-size:12px;
	padding:4px;
	}
	.fsmenu-cats ul{
	grid-gap:4px;
	}
}
@media screen and (max-width: 600px) {
	.h1, .h2{
	width:50%;
	}
	.h1{
	margin-right:0;	
	}
	.fcol{
	width: 100%;
	margin-top: 0;
	}
	.page_title{
	font-size: 18px;	
	}
	.fsmenu-cats ul{
	grid-template-columns:repeat(4, 1fr);
	}
	.fsmenu-cats ul li a{
	font-size:12px;
	padding:5px;
	}
	.fsmenu-cats ul{
	grid-gap:5px;
	}
}
@media screen and (max-width: 500px) {
	a.submit{
	width:90%;
	}
	.videowrap{
	width:100%;
	}
}
@media screen and (max-width: 400px) {
	.fsmenu-cats ul{
	grid-template-columns:repeat(3, 1fr);
	}
	.fsmenu-cats ul li a{
	font-size:12px;
	padding:5px;
	}
	.fsmenu-cats ul{
	grid-gap:5px;
	}
	select.fltr{
	width:100%;
	}
    ul.bmenu {
    width:100%;
    left: 0;
    }
}
@media screen and (max-width: 370px) {
	.fsmenu-cats ul{
	grid-template-columns:repeat(4, 1fr);
	}
	.fsmenu-cats ul li a{
	font-size:11px;
	padding:2px;
	}
	.fsmenu-cats ul{
	grid-gap:2px;
	}
}


@media screen and (min-width:0\0) {
    select.fltr {
        background:none\9;
        padding: 5px\9;
    } 
}