/* --------------------------------------------------------------------- general -------------------------------------------------------------------------- */
body{
	__font-family:  'Montserrat', sans-serif;
	font-family: 'Roboto Slab', serif;
	font-size:16px;
	color:#000;
	margin:0;
	padding:0;
}
a{color:#E22638; text-decoration:underline;}
a:hover{color:#000; text-decoration:none;}

.corners{border-radius:6px;  -moz-border-radius:5px;-khtml-border-radius:10px;}
.corners0{border-radius:3px;  -moz-border-radius:3px;-khtml-border-radius:5px;}
.corners2{border-radius:12px;  -moz-border-radius:10px;-khtml-border-radius:20px;}

.center{text-align:center;}
.uppercase{text-transform:uppercase;}
.imgfluid{display:block; max-width:100%; height:auto;}
.clr{clear:both;}

.table_cols2{display: grid; grid-template-columns: 1fr 1fr; grid-gap:20px; }
@media screen and (max-width: 600px) {
	.table_cols2{grid-template-columns: 1fr; }
}

.bg_winter{background:url('../images/snow3.jpg'); background-size:cover; background-attachment:fixed;}

.floatright{float:right; margin-left:20px; max-width:300px; height:auto;}
@media screen and (max-width: 500px) {
	.floatright{float:none; margin:20px 0; max-width:100%;}
}


 .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}


.padding_xl{padding-top:80px; padding-bottom:80px;}
.padding_xl_top{padding-top:80px;}
.padding_xl_bottom{padding-bottom:80px;}
.padding_lg{padding-top:60px; padding-bottom:60px;}
.padding_lg_top{padding-top:60px;}
.padding_lg_bottom{padding-bottom:60px;}
.padding_md{padding-top:40px; padding-bottom:40px;}
.padding_md_top{padding-top:40px;}
.padding_md_bottom{padding-bottom:40px;}
.padding_sm2{padding-top:30px; padding-bottom:30px;}
.padding_sm2_top{padding-top:30px;}
.padding_sm2_bottom{padding-bottom:30px;}
.padding_sm{padding-top:20px; padding-bottom:20px;}
.padding_sm_top{padding-top:20px;}
.padding_sm_bottom{padding-bottom:20px;}
.padding_xs{padding-top:10px; padding-bottom:10px;}
.padding_xs_top{padding-top:10px;}
.padding_xs_bottom{padding-bottom:10px;}

.container{
	max-width:1200px; 
	padding-left:10px; 
	padding-right:10px;
	margin:0 auto;
}
.name_xl, h1{font-weight: 600; font-size: 36px; line-height: 48px; color: #111111; text-transform:uppercase;}
.name_lg, h2{font-weight: 600; font-size: 26px; line-height: 34px; color: #111111;}
.name_md, h3{font-weight: 600; font-size: 22px; line-height: 28px; color: #111111;}
.separate{display:inline-block; width:60px; height:3px; background: #E22638; margin-top:0px; margin-bottom:10px;}
.content{line-height: 160%;}
.minh{min-height:500px;}

.bt{
	text-decoration:none;
	display:inline-block; 
	text-align:center;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	box-sizing: border-box;
	padding:12px 20px;
	cursor:pointer;
	font-family: 'Roboto Slab', serif;
	font-size:14px;
	outline:none !important;
}
.btn1{background:#eeeeee; color: #333333; border: 1px solid #eeeeee;}
.btn1:hover{background: #f1f1f1; _color:#fff; border: 1px solid #f1f1f1;}
.btn1.large{font-size: 12px; padding:14px 22px;}

.btn2{background:#E22638; color: #fff; border: 1px solid #E22638;}
.btn2:hover{background: #d23141; color:#fff;}

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

.B_crumbBox{list-style:none; padding:0; margin:0; margin-bottom:30px;}
.B_crumbBox li{display:inline-block; font-size:12px;}
.B_crumbBox li a{color:#333;}
.B_crumbBox li a.B_currentCrumb{color:#E22638;}


/* --------------------------------------------------------------------- header -------------------------------------------------------------------------- */
.header_outer{background:url('../images/pano.jpg'); background-size:cover; background-position:center center; __background: #001c36;}
.header_outer_gradient{background-color: rgba(0, 28, 54, 0.8);}
.header .topline{
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-top:10px;
	padding-bottom:8px;
	border-bottom:1px solid #00305c;
}
.header .topline .hotline .comment{
	font-weight: 500;
	font-size: 11px;
	color: #A0A0A0;
}
.header .topline .hotline .phone{
	padding-top:3px;
	font-size: 13px;
	color: #ffffff;
}
.header .topline .hotline .phone a{color: #ffffff; text-decoration:none; _font-weight: 600;}
.header .topline .hotline .phone span{font-weight: 600;}
.header .topline .search{justify-self:end;}
.header .topline .search img{height:30px; width:auto; __padding:1px 5px; }
.header .topline .search input[type="text"]{
	background: #222222;
	border:0;
	padding:10px 14px;
	min-width:450px;
	font-weight: 500;
	font-size: 13px;
	color: #7D7D7D;
}
.header .topline .search input[type="submit"]{
	margin-left:-30px;
	cursor:pointer;
	border:0;
	background: url('../images/lupa.svg') no-repeat #222222;
}
.header .mainline{
	display: grid;
	grid-template-columns: 270px auto 120px;
	grid-template-areas: 
		"LOGO HEADERMENU BASKET";
	padding-top:30px;
	padding-bottom:30px;
}
.header .mainline .logo{grid-area: LOGO;}
.header .mainline .logo a{display:inline-block; font-size:20px; color:#fff; text-decoration:none; padding-left:10px; border-left:4px solid #E22638;}
.header .mainline .logo a span{display:inline-block; font-size:14px; font-weight:600; color:#E22638; text-transform:uppercase;}
.header .headermenu {grid-area: HEADERMENU; text-align:right;}
.header .headermenu ul.desktop{list-style-type:none; list-style:none; margin:0; padding:14px 0 0 0;}
.header .headermenu ul.desktop li{display:inline-block;}
.header .headermenu ul.desktop li a{display:inline-block; text-decoration:none; color: #A0A0A0; font-weight: 600; font-size: 14px; text-transform:uppercase; 
	padding-right:5px; padding-left:5px;}
.header .headermenu ul.desktop li:last-child a{padding-right:60px;}
.header .headermenu ul.desktop li:first-child a{padding-left:30px;}
.header .headermenu ul.desktop li a.current,
.header .headermenu ul.desktop li a:hover{text-decoration:none; color:#fff;}
.header .headermenu .burger{display:none; padding-top:10px;}

.header .mainline .cb{justify-self:end; padding-top:12px;}
.header .mainline .cb .link{
	margin-right:22px;
	display:inline-block;
	height:24px;
	line-height:24px;
	color: #A0A0A0;
	text-decoration:none;
	font-weight: 500;
	font-size: 14px;
	padding-right:36px;
}
.header .mainline .cb .link:hover{color:#fff;}
.header .mainline .cb .link_after{
	position:absolute; 
	margin:-10px 0 0 -18px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	background: #E22638;
	display:inline-block;
	padding:3px 6px; 
	border-radius:10px;
	text-decoration:none;
}
.header .mainline .cb.compare{grid-area: COMPARE;}
.header .mainline .cb.compare .link{background:url('../images/compare.svg') right top no-repeat;}
.header .mainline .cb.basket{grid-area: BASKET;}
.header .mainline .cb.basket .link{background:url('../images/basket.svg') right top no-repeat;}
.header .mainline .sep{justify-self:center;}
.header .mainline .sep .inner{width:1px; height:24px; background:#434343; margin-top:12px; }

@media screen and (max-width: 1200px) {
	.header .headermenu{text-align:left;}
	.header .headermenu ul.desktop{display:none;}
	.header .headermenu .burger{display:block;}
}
@media screen and (max-width: 670px) {
	.header .topline .search input[type="text"]{min-width:100px;}
	.header .mainline .logo{margin-bottom:5px;}
	.header .mainline .logo img{width:150px; height:auto;}
	.header .mainline{
		grid-template-columns: auto 130px 130px;
		padding-top:10px;
		padding-bottom:10px;
		grid-template-areas: 
		"LOGO LOGO LOGO"
		"HEADERMENU HEADERMENU 	BASKET";
	}
	.header .mainline .sep{display:none;}
}




/* --------------------------------------------------------------------- cols -------------------------------------------------------------------------- */
.cols2{
	display: grid;
	grid-template-columns: 320px auto;
	grid-template-areas: "COL_L COL_R";
}
.cols2 > .col_l{grid-area:COL_L; padding-right:10px; border-right:1px solid #dddddd;}
.cols2 > .col_r{grid-area:COL_R; padding-left:30px; padding-bottom:40px;}
.cols2 > .col_r .content_main ul{list-style:none; padding:0;}
.cols2 > .col_r .content_main ul li{padding-left:30px; background:url('../images/marker.png'); background-size:auto 30px; min-height:30px; margin-bottom:15px; background-repeat:no-repeat;}

@media screen and (max-width: 980px) {
	.cols2{grid-template-columns: auto; grid-template-areas: "COL_R" "COL_L";}
	.cols2 > .col_l{padding:10px; border-right:0px;}
	.cols2 > .col_r{padding:10px;}
}


/* for col_l */
.menu_products .lvl_1{margin-top:15px; font-weight: bold; font-size: 18px; text-transform: uppercase;}
.menu_products .lvl_1 a{font-weight: bold; font-size: 18px; text-transform: uppercase; color: #E22638; text-decoration: underline;}
.menu_products .lvl_1.current a,
.menu_products .lvl_1 a:hover{color:#111111; text-decoration:none;}
.menu_products .lvl_1 span{display:block; font-size:14px; line-height:115%;}
.menu_products sup{padding-left:5px; font-style:italic;}
.menu_products .lvl_1.current{background:#E22638; padding-bottom:2px; padding-left:5px; color:#fff !important;}
.menu_products .lvl_1.current a{color:#fff !important;}


.menu_products .lvl_2{padding-left:20px;}
.menu_products .lvl_2 a{font-size: 15px; text-transform: uppercase; font-weight: bolder; }
.menu_products .lvl_2.current{background:#E22638; padding-bottom:5px; color:#fff !important;}
.menu_products .lvl_2.current a{color:#fff !important;}
	
/*  ----------------------------------------------------- slider mainslider ----------------------------------------------------- */
.slider_outer{margin-top:24px;}
.mainslider .inner{margin-left:60px; margin-right:40px; color: #FFFFFF; margin-top:-360px;}
.mainslider .inner .txt1{font-weight: bold; font-size: 48px; line-height: 120%; }
.mainslider .inner .txt2{font-weight: 500; font-size: 24px; line-height: 120%; margin-top:16px;}
.mainslider .inner .txt3{font-weight: 500; font-size: 16px; line-height: 125%; margin-top:25px;}
.mainslider .inner a.more{display:inline-block; padding: 16px 30px; color:#fff; text-decoration:none;text-transform:uppercase;
	background: linear-gradient(90deg, rgba(17, 17, 17, 0.7) 0%, rgba(17, 17, 17, 0) 100%);
	font-weight: bold; font-size: 12px; line-height: 15px;  border: 1px solid #E22638; margin-top:30px; }
.mainslider .inner a.more:hover{color:#E22638;}

@media screen and (max-width: 1030px) {
	.mainslider .inner{margin-top:-300px;}
}
@media screen and (max-width: 850px) {
	.mainslider .inner{margin-top:-220px;}
	.mainslider .inner .txt1{font-size: 40px; }
	.mainslider .inner .txt2{font-size: 20px; margin-top:10px;}
	.mainslider .inner .txt3{font-size: 14px; margin-top:15px;}
	.mainslider .inner a.more{margin-top:15px;}
}
@media screen and (max-width: 620px) {
	.mainslider .inner{margin-top:-180px;}
	.mainslider .inner .txt1{font-size: 30px; }
	.mainslider .inner .txt2{font-size: 20px; margin-top:2px;}
	.mainslider .inner .txt3{ margin-top:2px;}
	.mainslider .inner a.more{margin-top:8px;padding:6px 30px;}
	.owl-theme .owl-nav.disabled + .owl-dots {margin-top:-25px;}
}
@media screen and (max-width: 510px) {
	.mainslider .inner{margin-top:-130px; margin-left:10px; margin-right:10px;}
	.mainslider .inner .txt1{font-size: 24px; }
	.mainslider .inner .txt2{font-size: 14px;}
	.mainslider .inner .txt3{display:none;}
}
@media screen and (max-width: 380px) {
	.mainslider .inner{margin-top:-110px;}
}


/*  ----------------------------------------------------- directions ----------------------------------------------------- */
.directions{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 24px 24px;
}
.directions .item:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.directions .item .bg{
	background-size:cover;
	background-repeat:no-repeat;
	min-height:140px;
	padding-top:80px;
	padding-left:24px;
}
.directions .item .bg .name{
	text-align:left; 
	font-size: 18px; 
	line-height: 22px; 
	text-transform: uppercase; 
	color: #FFFFFF; 
	border-left:4px solid #E22638;
	padding-left:10px;
}
.directions .item .bg .name span{
	display:block;
	padding:15px 0 4px;
	font-weight: bold; 
	font-size: 36px;
}
.directions .item .description{
	font-weight: 500;
	font-size: 12px;
	line-height: 160%;
	color: #333333;
	padding:20px 0;
}
.directions .item .btn1{margin-bottom:20px;}

@media screen and (max-width: 1000px) {
	.directions{grid-template-columns: 1fr 1fr 1fr;}
}
@media screen and (max-width: 700px) {
	.directions{grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 500px) {
	.directions{grid-template-columns: 1fr;}
}






/* --------------------------------------------------------------------- col2 -------------------------------------------------------------------------- */
.col2{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 24px 24px;
}
.col2 .newslist .item{
	display:grid;
	grid-template-columns: 180px auto;
	grid-gap: 24px 24px;
	border-bottom:1px solid #E5E5E5;
	margin:20px 0 30px;
	padding-bottom:25px;
}
.col2 .newslist .item .inner a.name{font-weight: bold;font-size: 14px; line-height: 140%;text-transform: uppercase; color: #E22638; text-decoration:underline;}
.col2 .newslist .item .inner a.name:hover{color: #333333; text-decoration:none;}
.col2 .newslist .item .inner p.description{font-size: 12px; line-height: 160%;}
.col2 .newslist .item .inner p.date{font-weight: 600; font-size: 10px; line-height: 160%; color: #BCBCBC;}
.col2 .newcard .grey {background: url('../images/newcard.png') no-repeat #f8f8f8 right center; padding:85px 0 85px 34px; }
.col2 .newcard .grey .inner{
	display:grid;
	grid-template-columns: auto 200px 75px;
}
.col2 .newcard .grey .inner .description .subname{font-size: 18px; line-height: 20px; text-transform: uppercase; color: #5A5A5A; border-left:4px solid #E22638; padding-left:10px;}
.col2 .newcard .grey .inner .description .name{font-size: 24px; line-height: 30px; text-transform: uppercase; color: #111111; font-weight: bold; border-left:4px solid #E22638; padding-left:10px; padding-top:10px;}
.col2 .newcard .grey .inner .description .txt{font-weight: 500; font-size: 12px; line-height: 160%; margin-top:40px;}

@media screen and (max-width: 1060px) {
	.col2{grid-template-columns: 1fr;}
}
@media screen and (max-width: 610px) {
	.col2 .newcard .grey {padding:35px 0 35px 5px; }
	.col2 .newcard .grey .inner{
		grid-template-columns: 1fr;
		padding-right:75px;
	}
}
@media screen and (max-width: 430px) {
	.col2 .newslist .item{grid-template-columns: 120px auto;}
}


/* --------------------------------------------------------------------- mainpage_share ------------------------------------------------------------------ */
.mainpage_share{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 24px 24px;
}
.mainpage_share .item{
	padding:60px 30px;
	background-size:cover;
	background-repeat:no-repeat;
}
.mainpage_share .item .txt{
	background-repeat:no-repeat;
	background-position:0px 5px;
	min-height:60px;
	padding-left:86px;
	font-weight: bold;
	font-size: 24px;
	line-height: 140%;
	text-transform: uppercase;
	color: #FFFFFF;
}
.mainpage_share .item .txt a{color: #FFFFFF;}

@media screen and (max-width: 960px) {
	.mainpage_share{grid-template-columns: 1fr;}
}
@media screen and (max-width: 440px) {
	.mainpage_share .item{padding:60px 10px;}
	.mainpage_share .item .txt{padding-left:76px; font-size: 16px; background-position:0px center;}
}




/* --------------------------------------------------------------------- cards ------------------------------------------------------------------ */
.cards{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:30px 10px;
}
.cards .item{padding:20px;}
.cards .item .img_outer{margin-bottom:10px;}
.cards .item .name{font-weight: 500; font-size: 16px; line-height: 120%; min-height:50px; color:#E22638;}
.cards .item .options{
	display: grid;
	grid-template-columns: 3fr 1fr;
	font-size: 12px; 
	line-height: 110%; 
	color:#777777;
	background:#ddd;
	grid-gap:1px 0px;
}
.cards .item .options > div{background:#fff; padding:10px 0 2px; justify-self:stretch;}
.cards .item .options .l{}
.cards .item .options .r{font-weight: bolder;text-align:right;}

.cards .item:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}

.cards .item 	.priceline{
	display: grid;
	grid-template-columns: auto 85px;
	grid-gap:5px;
	margin-bottom:15px;
}
.cards .item 	.priceline > div{align-self:center;}
.cards .item 	.priceline .price{font-weight: bold; font-size: 16px; line-height: 160%;}
.cards .item 	.priceline .tocart_outer{text-align:right;}
.cards .item 	.priceline .tocart{display:inline-block; box-sizing:border-box; height:36px; background:#E22638; padding:9px; border:0; cursor:pointer; line-height: normal !important; outline:none !important; color:#fff;}
.cards .item 	.priceline .tocart:hover{background:#cf2536;}
.cards .item 	.priceline .compare{display:inline-block; box-sizing:border-box; height:36px; background:#F5F5F5; padding:9px;}
.cards .item 	.priceline .compare:hover{background:#F1F1F1;}
.cards .item 	.priceline .compare i{position:absolute; font-size:14px; right:0px; bottom:0px; color:#cf2536;}
.cards .item 	.priceline .compare:hover i{color:#cf2536;}

.cards .item .params .line{
	display: grid;
	grid-template-columns: 1fr  3fr;
	grid-gap:3px;
	font-size:12px;
	margin-bottom:10px;
}
.cards .item .params .line .l{font-weight:500; }
.cards .item .params .line .r{text-align:right;}
.cards .item .params .line a{text-decoration:none; display:inline-block; border-bottom:1px dashed #E22638; color:#E22638; outline:none !important;}
.cards .item .params .sel select{margin-bottom:10px; display:block; padding:5px; width:100%; box-sizing:border-box;}

@media screen and (max-width: 1220px) {
	.cards{grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 980px) {
	.cards{grid-template-columns: 1fr 1fr 1fr;}
}
@media screen and (max-width: 800px) {
	.cards{grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 560px) {
	.cards{grid-template-columns: 1fr;}
	.cards .item .name{min-height:0; margin-bottom:20px;}
}


/* --------------------------------------------------------------------- cards_line ------------------------------------------------------------------ */
.cards.cards_line{grid-template-columns: 1fr;}
.cards.cards_line .mode_line_outer{
	display: grid;
	grid-template-columns: 300px auto;
	grid-gap:10px;
	align-items: center;
}
.cards.cards_line .item .name{min-height:0px; font-size:16px; margin-bottom:20px;}
@media screen and (max-width: 700px) {
	.cards.cards_line .mode_line_outer{grid-template-columns: 150px auto;}
}
@media screen and (max-width: 520px) {
	.cards.cards_line .mode_line_outer{grid-template-columns: auto;}
}


/* --------------------------------------------------------------------- mode ------------------------------------------------------------------ */
.mode{font-size:0;}
.mode a{display:inline-block; height:40px; width:40px; background-position:center center; background-repeat:no-repeat;
	background-color:#ddd; text-decoration:none; float:right;}
.mode .mode_default a{background-image:url('../images/mode_default.png');}
.mode .mode_line a{background-image:url('../images/mode_line.png');}
.mode .active a{background-color:#E22638;}
.mode_after{height:3px; background:#ddd; margin-bottom:20px;}



/* --------------------------------------------------------------------- product ------------------------------------------------------------------ */
.product .product_cols{
	display: grid;
	grid-template-columns: 400px auto;
	grid-gap:30px;
	grid-template-areas: "PRODUCT_L PRODUCT_R";
}
.product .product_cols .product_l{padding-top:20px; grid-area: PRODUCT_L;}
.product .product_cols .product_r{padding-top:20px; grid-area: PRODUCT_R;}
.product h1{font-size:24px; line-height:120%;}
.product .artikul{margin-bottom:30px;}
.product .priceline{margin:30px 0;}

.product 		.priceline{
	display: grid;
	grid-template-columns: 110px auto auto;
	grid-gap:5px;
	margin-bottom:15px;
}
.product 		.priceline > div{align-self:center;}
.product 		.priceline .price{font-weight: bold; font-size: 24px; line-height: 160%; justify-self:end;}
.product 		.priceline .price span{display:block; font-weight:normal; font-size:12px; line-height:110%; margin-bottom:3px; max-width:150px;}
.product 		.priceline .tocart{display:inline-block; box-sizing:border-box; height:36px; 
	background:url('../images/tocart.svg') #E22638 no-repeat; padding:9px; border:0; cursor:pointer; color:#fff;
	font-size:14px;  background-position:9px 9px; padding-left:36px; line-height: normal !important;}
.product 		.priceline .tocart:hover{background-color:#cf2536;}
.product 		.priceline .compare{display:inline-block; box-sizing:border-box; height:36px; 
	background:url('../images/compare2.svg') #F5F5F5 no-repeat; padding:9px; color:#333; text-decoration:none;
	font-size:14px; background-position:9px 9px; padding-left:36px;}
.product 		.priceline .compare:hover{background-color:#F1F1F1;}
.product	 	.priceline .compare i{color:#cf2536;}
.product 		.priceline .compare:hover i{color:#cf2536;}

@media screen and (max-width: 1160px) {
	.product .product_cols{grid-template-columns: 250px auto;}
}
@media screen and (max-width: 740px) {
	.product .product_cols{grid-template-columns: auto; grid-template-areas: "PRODUCT_R" "PRODUCT_L";}	
}
@media screen and (max-width: 460px) {
	.product .priceline{grid-template-columns:auto;}
	.product 		.priceline > div{justify-self:center !important; text-align:center;}
	.product 		.priceline .price{margin-top:20px;}
	
}


/* --------------------------------------------------------------------- .product .th ------------------------------------------------------------------ */
.product .th .cat{font-weight:bolder; font-size:16px; padding:0px 0 10px;}
.product .th .th_table{
	display:grid;
	grid-template-columns: 5fr 1fr;
	grid-gap:0 10px;
	margin-bottom:20px;
}
.product .th .th_table > div{border-bottom:1px dotted #aaa; padding-top:8px;}
@media screen and (max-width: 460px) {
	.product .th .th_table{grid-template-columns: 2fr 1fr; font-size:12px;}
}


/* --------------------------------------------------------------------- .cart_table ------------------------------------------------------------------ */
.cart_table{
	display:grid;
	grid-template-columns: 150px 1fr 1fr 1fr 30px;
	grid-gap: 10px;
	justify-items: center;
	align-items: center;
	margin:10px 0;
	padding:10px 0;
	border-bottom:1px solid #aaa;
}
.cart_table > div{text-align:center; }

.cart_table.h{font-weight:bolder;}
.cart_table.f{font-weight:bolder; padding-bottom:20px;}

.cart_table input.form-control{padding:5px; width:45px;}

.cart_table .image{line-height:120%;}
.cart_table .image img{margin-bottom:6px;}
.cart_table .image a{font-weight:bolder; font-size:14px;}

.cart_table .small{font-size:12px; color: #E22638; margin-top:10px; line-height:120%;}
.cart_table .small .sep {margin-bottom:5px;}

@media screen and (max-width: 420px) {
	.cart_table .image{grid-area:IMAGE;}
	.cart_table .count{grid-area:COUNT;}
	.cart_table .price{grid-area:PRICE;}
	.cart_table .cost{grid-area:COST;}
	.cart_table .remove{grid-area:REMOVE;}
	.cart_table{
		grid-template-columns: 1fr 1fr 1fr 30px;
		grid-template-areas: 
			"IMAGE IMAGE IMAGE IMAGE"
			"COUNT PRICE COST REMOVE";
	}
	.cart_table.h{display:none;}
	.cart_table.f{grid-template-columns: auto;}
}



/* --------------------------------------------------------------------- order_2cols -------------------------------------------------------------------------- */
.order_2cols{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	justify-items: stretch;
	align-items: stretch;
}
.order_2cols input[type="text"]{margin-bottom:10px;}
@media screen and (max-width: 440px) {
	.order_2cols{grid-template-columns: auto;}
}




/*--------------------------------------------------------------------compare -------------------------------------------------------------------------------*/
.compare_cats{margin-bottom:10px;}
.compare_cats .compare_cat{display:inline-block; font-size:13px; padding:4px 6px; margin-right:5px; font-weight:normal;}

.compare_table{border-collapse:collapse;}
.compare_table td{padding:8px 5px; background:#ffffff; border:1px dotted #bbb; font-size:12px;}
.compare_table td.th_cat{text-align:center; font-weight:bolder; font-size:14px; background:#f3f3f3;}
.compare_table td.td_item{max-width:150px;}
.compare_table td .unset{font-size:11px; font-style:italic;}
.compare_table td.price{font-size:14px; font-weight:bolder;}
/* --------------------------------------------------------------------- footer -------------------------------------------------------------------------- */
.footer_outer{background: #001c36;}
.footer{padding-top:40px; padding-bottom:35px;}
.footer .logo{padding-bottom:40px; border-bottom:1px solid #00305c; margin-bottom:35px;}
.footer .footermenu{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 24px 24px;
}
.footer .footermenu .item a.name{display:block; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 14px; 
	margin-bottom:18px; text-decoration:none; border-left:2px solid #E22638; padding-left:10px; text-transform: uppercase;}
.footer .footermenu .item a.name:hover{color:#E22638;}
.footer .footermenu .item a.subname{display:block; color: #A0A0A0; font-weight: 400; font-size: 13px; line-height: 16px; 
	margin-bottom:16px; text-decoration:none; }
.footer .footermenu .item a.subname:hover{color:#FFFFFF; text-decoration:underline;}
.footer .copyright{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 24px 24px;
	
}

.footer .copyright .author{font-size: 13px; line-height: 160%; color: #A0A0A0;}
.footer .copyright a{color: #A0A0A0; font-size: 13px; text-decoration:underline;}
.footer .copyright a:hover{color: #fff; text-decoration:none;}

.footer .copyright .secret{justify-self: center; align-self: center; color: #A0A0A0; font-size: 13px; }
.footer .copyright .social{justify-self: end; align-self: center; _font-size:0 ; color: #A0A0A0; font-size: 13px; line-height: 160%;}

.footer .copyright .social .icon{display:inline-block; background: #222222; padding:12px 13px 10px; margin-left:10px;}
.footer .copyright .social .icon:first-child{margin-left:0;}
.footer .copyright .social .icon div{display:inline-block; width:20px; height:20px;}
.footer .copyright .social .icon .youtube {background-image:url('../images/social_youtube.svg');}
.footer .copyright .social .icon:hover .youtube{background-image:url('../images/social_youtube_a.svg');}
.footer .copyright .social .icon .insta {background-image:url('../images/social_insta.svg');}
.footer .copyright .social .icon:hover .insta{background-image:url('../images/social_insta_a.svg');}
.footer .copyright .social .icon .vk {background-image:url('../images/social_vk.svg');}
.footer .copyright .social .icon:hover .vk{background-image:url('../images/social_vk_a.svg');}
.footer .copyright .social .icon .fb {background-image:url('../images/social_fb.svg');}
.footer .copyright .social .icon:hover .fb{background-image:url('../images/social_fb_a.svg');}

@media screen and (max-width: 800px) {
	.footer .footermenu{grid-template-columns: 1fr;}
	.footer .footermenu .item a.subname{display:inline-block; margin-right:20px;}
	.footer .copyright{grid-template-columns: 1fr;}
	.footer .copyright .author{justify-self: center;}
	.footer .copyright .social{justify-self: center;}
}
@media screen and (max-width: 430px) {
	.footer .footermenu{grid-template-columns: 1fr;}
	.footer .footermenu .item a.subname{display:block; margin-right:0px;}
}


/*  ----------------------------------------------------- burger menu in the header ----------------------------------------------------- */
.sidebar-menu-overlay {
	position: absolute;
	width: 200px;
	__height: 100%;
	margin-left: -20px;
	display: none;
	opacity: 0;
	transition: 1000ms ease-in;
}
.sidebar-menu {
	background-color: #122a3d;
	width: 200px;
	top: 0;
	position: absolute;
	padding: 10px 0;
}
.sidebar-menu ul, 
.sidebar-menu li{list-style-type:none; list-style:none; margin:0; padding:0;}
.show-menu {
	display: inherit;
	opacity: 1;
	z-index:2;
}
.sidebar-menu li a{display:block; text-decoration:none; color: #A0A0A0; font-weight: 600; font-size: 16px; text-transform:uppercase; padding:8px 20px;}
.sidebar-menu li a:hover{__background:#f7f7f7; color:#fff;}

.sidebar-menu-open,
.sidebar-menu-close{display:inline-block; width:24px; height:24px; background-repeat:no-repeat; background-size:24px 24px;}
.sidebar-menu-open{background-image:url('../images/burger2.svg');}
.sidebar-menu-close{background-image:url('../images/burger2.svg'); display:none;}




/* ------------------------------------------------------------- tooltip--------------------------------------------------------*/
.tooltip {
    position: relative;
    display: inline-block;
    __border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -50px;
	font-size:11px !important;
	font-family: 'Roboto Slab', 'Montserrat';
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}