@media screen and (min-width: 924px)
     {
     	   .captcha {width: 600px;}
     	   .capt {float: none; margin: 10px auto;}
		   .area a:before {margin-left:-45px !important; top: 65px; }
			.area a{padding-bottom:20px !important;  line-height:7 ; font-size:21px !important ; height:10em }
			.area a:after{right:70; bottom: 60px; left: 180px;}
			.block-title{margin: 1px 0 23px 0 !important; }
			.hard_cover{/*float: right; margin-top: -131px;*/}
			.tel{text-align:left;}

			.locate{float:left;}
			.person{float:right;}
			

			.varianti_tovarov_price{text-align:right;}
			.varianti_tovarov_cost p{text-align:right;}

			.podel{left:40px;}
			.grid-column{grid-template-columns: repeat(3,300px);}
     }

          @media screen and (min-width: 768px) and (max-width: 1023px)
     {
     	   .captcha {width: 355px;}
     	   .captcha_li {float: none; max-width: 350px; min-width: 295px; margin: 0 auto;}
		   
		   .captcha {width: 300px;}
		   .person {text-align:right; display: inline-block;}
		   .locate {text-align:left; display: inline-block;}
		   .search { margin-left: auto !important; margin-right: auto !important; }
		   .site-logo {margin: 5%; text-align:center }
		   .brands {padding-bottom:5%;}
			.area a:before {margin-left:-45px !important;}
			.area {padding-bottom:40px !important;}
			.area a:after{right:270}
			.tel{margin-top:5%}
			.site-logo a img{ max-height: 70px !important; }
			
			.vibor{margin-left: -10%; margin-top: -4%;}
			 
			 .varianti_tovarov_cost p{text-align:center;}
			 
			.podel{left:1px;}
			.grid-column{grid-template-columns: repeat(3,300px);}
     }
		

          @media screen and (max-width: 767px) 
     {
     	   .captcha {width: 300px;}
		   
		   .search {margin: 5% !important; margin-left: auto !important; margin-right: auto !important; }
		   .site-logo { text-align:center; }
		   .brands {padding-bottom:5%;}
		   .site-logo a img {max-height: 50px !important;}
		   .area a:before {margin-left:-45px !important;}
			.area {padding-bottom:30px !important;}
			.area a:after{right:70}
		   .main-submit{width:100%}
		   hr{border-top:none !important;}
		   #fly{position:inherit}
		   .hard_cover{float:none;margin-top:0;}
		   .podel{left:1px;}
		 .grid-column{grid-template-columns: repeat(2,300px) !important;}
				 .header_main{text-align:center !important;}
		.header_person{text-align-last: center !important;}
		.locate{border-bottom: none !important;}
		.city{text-align:center !important;}
		.person{float:none !important;}

		.owl-prev{position: inherit !important; display:none !important;}
		.owl-next{position: inherit !important; display:none !important;}
		
		
     }
	 
	 @media screen and (max-width: 1023px){
		.product-right-sidebar{margin:3%}
		.owl-carousel .owl-item img{width:auto,height:auto}
		
		.h3{text-align:center !important}
		.smallText{text-align:center !important}
		div#fly{text-align:center;}
		.vartovar{text-align:center;}
			
	 }		 
	 
	 @media screen and (max-width:414px) {
		 
		 
		.grid-column{grid-template-columns: repeat(1,300px) !important;}
		.varianti_tovarov_name{width:auto!important;}
		
		.vibor{margin-top: -20%;margin-left: -30%;}
		.varianti_tovarov_cost p{text-align:center;}
		.list .tovar h4 {float: initial !important; padding-top: 50px;}
		.list .tovar .knopka {float: initial !important;}
		.list .tovar img {display: inline !important; max-width: 200px;}
		.podel{left:1px;}
		.list .tovar {height: 320px !important; display: inline-table !important}
		.list .tovar * {display: inline-block !important;}
		.list .tovar h4 {padding-left: 1px !important;padding-right:1px; float: right; margin-left: 15px;}
		.changesize{display:none}
		

	 }
	

body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.8);
}
 
body::-webkit-scrollbar-thumb {

  background: linear-gradient(180deg,#55BC74,#3C9D59);
  outline: 1px solid slategrey;
  border-radius:30px;
  box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25), inset -2px -2px 2px rgba(0,0,0,.25);
}
.tovar h4 {
	margin-bottom: 0px;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Roboto', sans-serif}
body{font-family: 'Roboto', sans-serif!important; color: #000000!important; margin:0;}
div#main_catalog.container.wrapper.grid{display: table-footer-group;text-align: center;}
div#main_catalog.container.wrapper.list{display: table-caption; text-align: center; }
#dropTop {padding: 5px;}
#dropTop a {display: block;}
.list {width: 100%;}
.top{background: #2C2C2C; padding: 5px;}
.burger{
	z-index:55;
    margin: auto;
    width: -webkit-fill-available;
    background-color: #2C2C2C;
    position: relative;
    color: white;
    text-align: center;
    height: 40px;
    font-family: 'Arial';
}

#burger-check{
    display: none;
}

.burger-label{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
	width:-webkit-fill-available;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    line-height: 40px;
	margin-left: 80%;
}

.burger-line{
    position: absolute;
    top: 8px;
    right: 10px;
    width: 35px;
    height: 2px;
    background-color: #fff;
    transition: .5s all;
}

.second, .third{
    top: 18px;
}

.fourth{
    top: 28px;
}

.burger-menu{
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    max-height: 0;
    font-size: 0;
    overflow: hidden;
    transition: .5s all;
	transition-timing-function: cubic-bezier(0,0,1,1);
}
table a{
	    color: #01962e;
		
	
	
}

table a:hover{
	color: grey;
	cursor:pointer;
	text-decoration:underline;
	
}
.burger_a{
    display: block;
    width: 100%;
    padding: 10px;
    text-decoration: none;
    border-top: 1px solid rgba(255,255,255,.3);
    background-color: #000;
	color: #fff;
	font-weight: 300;
	font-size: 16px; 
	cursor: pointer;
	white-space: nowrap; 
}

.burger_a:hover{
	text-decoration: none; 
	color: #ccc;
}

#burger-check:checked ~ .burger-menu{
    max-height: 500px;
    font-size: 16px;
}

#burger-check:checked ~ .first{
    display: none;
}

#burger-check:checked ~ .second{
    transform: rotate(45deg);
}

#burger-check:checked ~ .third{
    transform: rotate(-45deg);
}

#burger-check:checked ~ .fourth{
    display: none;
}

.form-control {padding: 3px 5px !important;}
.logo_burger{max-width:150px !important; }
.locate, .person{color: #fff;font-weight: 300;border-bottom: 1px dotted #fff; font-size: 16px; cursor: pointer;     white-space: nowrap; }
.locate span{font-weight: unset;}
.locate:hover, .person, .top-menu a:hover, .top-call a:hover, .user-data a:hover, .bottom-mail:hover, .person:hover{text-decoration: none; color: #ccc;}
#form34{text-align:center;}
.top-menu a{font-size: 14px;font-weight: normal;color: #fff;  font-style: normal;  line-height: 16px;  align-items: center; text-decoration: none;}
.top-menu a:hover {border-bottom: 1px solid #828282;}
.person {margin: 1px auto; float:right;}
.tovar_var{display: block;}

.knopka_outOf {
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    user-select: none;
    background: #828282;
    padding: 12px 16px;
    outline: none;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}
.knopka_outOf:hover {
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    user-select: none;
    background: #BDBDBD;

}


.knopka {
	text-align:center;
	color: #fff;
    text-decoration: none;
   display: block;
	user-select: none;
    background: #55BC74;
    padding: 12px 16px;
    outline: none;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}
a.knopka:hover { background: #3C9D59; color: #fff; text-decoration: none;}
a.knopka:active { background: #3C9D59; color: #fff; text-decoration: none;}
.container:before, .container:after{display:none}
.smallText {

font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #828282;
display: block;
text-align: center;
}

.h3 {font-family: Roboto!important;
font-style: normal;
font-weight: bold!important;
font-size: 28px!important;
line-height: 33px;
text-align: left;
}
.tovar {margin: 5px; text-align: center;}


.dopolnitelno{text-align: -webkit-center;}
 .flex-container {display: -webkit-flex;-webkit-align-items: stretch;display: flex;align-items: stretch;flex-wrap: wrap;justify-content: center;}
.izdat_next:hover{color:#55BC74; text-decoration: underline;}
.izdat_next{text-decoration: underline; }
.series_next{ text-decoration: underline;}
.series2_next{text-decoration: underline; }
.series_next:hover{color:#55BC74; text-decoration: underline;}
.series2_next:hover{color:#55BC74; text-decoration: underline;}
.grid .main_text2 {overflow: hidden;height: 100px;line-height: 25px;}
.grid .main_text2:before { content: "";float: left;width: 5px;height: 200px;}
.grid .main_text2 > *:first-child {float: right; width: 100%;margin-left: -5px;}		
.grid .main_text2:after { content: "\02026";box-sizing: content-box;float: right;position: relative;top: -25px;left: 100%; width: 3em;margin-left: -3em;padding-right: 5px;	text-align: right;background-size: 100% 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);}
.main_text2 {overflow: hidden;height: 100px;line-height: 25px;}
.main_text2:before { content: "";float: left;width: 5px;height: 200px;}
.main_text2 > *:first-child {float: right; width: 100%;margin-left: -5px;}		
.main_text2:after { content: "\02026";box-sizing: content-box;float: right;position: relative;top: -25px;left: 100%; width: 3em;margin-left: -3em;padding-right: 5px;	text-align: right;background-size: 100% 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);}
.grid .button_price{  height: 36px;cursor: pointer;width: 240px;}
.grid .block_price{display: grid; }
.list .block_price{float: right;display:inline-grid; margin: 30px; }

.list .text_theme{float: left; display: inline !important; }
.list .tovar .price_tovar{}
.list .tovar .button_price{margin-top: 40px;}
.list .tovar .knopka {width: 250px; margin-right: 1%; float: right;}
.list .tovar h2 {width: 700px; }
.list .tovar img {float: left; width: 120px; margin:20px;}
.list .tovar * {display: inherit }
.list .tovar h2 {display: contents;}
.tovar a { text-decoration: none;}
.tovar a h2 {display:contents; font-size: 14px; line-height: 14px; font-weight: normal; text-align: left; color: #2C2C2C;}
.tovar{display: grid;}
.tovar img { height: 160px; max-width: 100%;}
.grid{width: 250px;height: 370px;}
.fa-th + .active #tovars{grid-template-columns: repeat(3,300px);}
.list .tovar {display: inline ;  width: 100%;}
.list .tovar * {text-align: center;}
.list .tovar h2 {font-weight: bold; text-align: left; max-width:580px; line-height: 30px; font-size: 17px;}
h4{margin:0;}
#vibor_check:checked ~.vibor { background-color:#F2F2F2;}
.row-full{width: 100vw;position: relative;margin-left: -50vw;height: 100px;margin-top: 100px;left: 50%;}
.top-menu li{list-style: 0; display: inline; margin-right: 20px}
.top-call a{color: #fff;font-size: 20px;font-weight: 300;padding-left: 25px;}
.top-call:before{content: "";position: absolute;background: url(../img/icons/ph.png);margin-left: -10px;width: 30px;height: 30px;}
.top-call span{font-size: 12px;color: #fff;padding-left: 10px;font-weight: 300;}
.site-info{padding: 15px; padding-left:0px; padding-right:0px;}
img{max-width: 100%}
.left-input{width: 50%;float: left;display: inline-block;padding: 8px 20px;border: none;background: #f8f8f8;border-right: 1px solid #55bc75;font-family: "Roboto", sans-serif;font-weight: 300;font-style: italic;font-size: 20px;}
.main-select{width: 30%;float: left;display: inline-block;padding: 9px 9px;border: none;background: #f8f8f8;font-family: "Roboto", sans-serif;font-weight: 300;font-style: italic;font-size: 20px;}
.search{margin-top: 15px}
.submit{background-color: #55bc75;background-image: url(../img/src.png);background-position: center;border:none;width: 10%;float: left;padding: 12px 0;background-repeat: no-repeat;}
.user-image{width: 30%;float: left;display: inline-block;}
.user-data{width: 70%;float: left;padding-left: 10px;padding-top:10px;}
.user-data a, .user-data span{color: #555555;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 400;border-bottom: 1px solid #555;}
.user-data span{border: none}
.user{margin-top: 5px}
.main-menu{background: bottom; padding: 10px 15px}
.dropdown-toggle{margin-left: 25px;background: transparent; border: none; margin-top: 5px;font-family: 'Roboto', sans-serif;font-size: 20px;font-weight: 300;} 
.nav>li>a {position: relative;display: block;padding: 10px 15px;font-family: 'Roboto', sans-serif;font-size: 20px;font-weight: 300;color: #555;}
.dropdown:before{content: "";position: absolute;background: url(../img/icons/toggle.png) no-repeat;width: 22px;height: 20px;margin-top: 10px;}
.dropdown-toggle:hover{color: #55bc75}
.nav>li>a:hover  {text-decoration: none;background-color: #ff9800;color: white;}
.nav>li>a:focus {text-decoration: none;background-color: #ff9800 /*#55BC75*/;color: black;}
.home{background: url(../img/home.png) no-repeat; background-size: cover; background-position: center; height: 400px}
.home-right{background: url(../img/rb.png);background-position: center;background-size: cover;width: 100%;height: 230px;position: absolute;right: 0;top: 100px;}
.main-container{display: block;width: 100%;padding-left: 15px;padding-right: 15px; max-width: 1280px; margin: 0 auto;}
.home-title{font-size: 40px;color: #fff;font-family: 'Roboto', sans-serif;font-weight: 300;line-height: 30px;align-items: center;align-content: center;display: grid;width: 55%;margin: 50px auto 10px auto;}
.home-title span{font-size: 28px}
.home-button{display: block;background: #ff9800;color: #fff;text-transform: uppercase;font-size: 20px;font-family: 'Roboto', sans-serif;font-weight: 500;width: 300px;text-align: center;border: 2px solid #fff;transition: 0.5s;border-radius: 35px;padding: 5px;max-width: 300px;margin: 25px 23%;}
.home-button:hover{color: #ff9800; border: 2px solid #ff9800; background: #fff; text-decoration: none; transition: 0.3s}
.home-button:before{content: "";position: absolute;background: url(../img/icons/btn.png) no-repeat;width: 25px;height: 20px;margin-left: -30px;margin-top: 5px;}
.last-title h2, .block-title h2{font-size: 26px; font-weight: 300}
.last-title{margin: 50px 0 30px 0}
.last-title h2:before{content: "";position: absolute;background: url(../img/icons/last.png) no-repeat;width: 40px;height: 45px;margin-left: -50px;}
.product-item{margin: 10px auto;padding: 5px 15px;max-width: 240px;}
.product-item a, .price-item, .cart-button, .line-separator{display: block}
.product-item a{font-size: 16px;font-weight: 300;}
.price-item{font-size: 30px;padding: 5px;color: #55bc75;}
.cart-button{transition: 0.5s;width: 100%;margin: 0 auto;border: 2px solid #55bc75;color: #55bc75;font-weight: 500!important;text-transform: uppercase;padding: 5px!important;border-radius: 35px;}
.cart-button:hover{transition: 0.3s; background: #55bc75; color: #fff; text-decoration: none;}
.cart-button:before{content: "";position: absolute;background: url(../img/icons/cart.png) no-repeat;width: 25px;height: 20px;margin-left: -25px;margin-top: -2px;}
.disabled{display: block!important;}
.owl-prev{background: url(../img/arrow-circle-left.svg) no-repeat;width: 40px;height: 30px;top: 35%;position: absolute;left: -40px;}
.owl-next{background: url(../img/arrow-circle-right.svg) no-repeat;width: 40px;height: 30px;top: 35%;position: absolute;right: -40px;}
.register{background: url(../img/reg.png) no-repeat;background-position: center;background-size: cover;padding: 0 0 10px 0;margin: 50px 0 0 0;}
.register h2{font-size: 32px;font-weight: bold;color: #fff; line-height: 25px;}
.register span{font-size: 24px}
.line {border-bottom: 2px solid #fff67a}
.main-form input{width: 100%;color: #fff!important;background: transparent;border: 2px solid #fff;border-radius: 35px;padding: 10px;font-size: 16px;font-weight: 300;}
.main-form{margin-top: 25px}
.main-submit{padding: 10px;border: 2px solid #fff;border-radius: 35px;background: #fff;text-transform: uppercase;color: #55bc75;transition: 0.5s;}
.up{margin-top: -30px;}
.down{margin-top: 5px;}
.block-title h2 {margin-top: 0}
.block-title{margin: 50px 0 30px 0}
.area{margin-top: 50px;background: url(../img/area.png) no-repeat;background-position: bottom;padding-bottom: 15px;}
.block-title span{font-size: 20px; font-weight: 300}
.area a{margin-left: -15px;align-items: center;align-content: center;vertical-align: middle;margin-top: 65px;font-size: 16px;font-weight: 300;color: #55bc75; text-decoration:none; color: green; }
.area a:before{content: "";position: absolute;background: url(../img/icons/flag.png) no-repeat;width: 20px;height: 15px;margin-left: -220px; }
.area a:after{content: "";position: absolute;background: url(../img/icons/toright.png) no-repeat;width: 10px;height: 20px; }
.area a:hover {text-decoration: none; color: green}
.main-col{float: left; max-width: 100%; margin-left: 15px; margin-right: 15px}
.bottom-contact{background: #337247; padding: 20px 0}
.bottom-data{margin-left: 20px;}
.bottom-mail{color: #fff;font-size: 20px;font-weight: 300;padding-left: 30px;}
.bottom-mail:before{content: "";position: absolute;background: url(../img/icons/mail.png) no-repeat;width: 25px;height: 20px;margin-left: -30px;margin-top: 5px;}
.footer{background: #387d4e; padding: 50px 0}
.footer-widget ul{margin: 0; padding: 0; text-align: left; padding-left: 27%;}
.footer-widget li{list-style: none;}
.footer-widget a{color: #fff; font-weight: 300; font-size: 14px}
.footer-widget a:hover{color: #fff;}
.footer-widget h3{color: #55bc75; text-transform: uppercase; font-weight: 300; margin-bottom: 20px}
.bottom-social, .ya{margin-top: 10px; display: block}
.bottom-social a{ margin-top: 10px;display: block;}
.develop img{display: inline-block;width: 50%;float: left;}
.develop a{display: inline-block;width: 50%;float: left; color: #fff;font-size: 12px;margin-top: 10px;;}
.develop a:hover{color: #fff}
.develop{margin-top: 10px}
.copyright{background-color: #387d4e;background-image: url(../img/area.png);padding: 50px 0 20px 0;background-position: top;background-repeat: no-repeat;}
.copyright p{color: #fff; font-size: 16px; font-weight: 300}
.bc{padding: 0}
.bc li{list-style: none; display: inline;}
.breadcrumbs{border-bottom: 1px solid #e9e9e9;padding: 15px 0 0px 0;margin-bottom: 10px;}
.bc a{color: #000; font-weight: 300; padding-right: 20px }

.bc a:hover{color: #c2c2c2;}
.label_zhurnal{margin-left: -1.2em;line-height: 3px;padding-bottom: 12px;font-size: 14px;font-weight: 400;}
.bc a:after{content: "";position: absolute;background: url(../img/icons/bc.png) no-repeat;width: 15px;height: 5px;margin-top: 7px;margin-left: 5px;}
.site-content h1{font-weight: 300;font-family: 'Roboto';margin-bottom: 30px;}
.site-content p{font-size: 16px; color: #000; font-weight: 300;font-family: 'Roboto';}
.site-content img{margin: 20px 0;}
.img-description{display: block;text-align: center; padding-bottom: 60px; color: #444444; font-weight: 300;font-family: 'Roboto'; font-size: 14px; font-style: italic; padding-top: 30px}
/*.site-content ul{margin-bottom: 50px}*/
.site-content li{font-size: 14px; font-weight: 300; font-family: 'Roboto'; list-style: none;/* padding-left: 30px*/}
.site-content li:before{content: "";position: absolute;background: url(../img/icons/circle.png) no-repeat;width: 20px;height: 20px;margin-left: -30px;}
.site-content h3{color: #55bc75; font-family: 'Roboto'; font-weight: bold;margin-bottom: 30px;}
.site-content h2{font-family: 'Roboto'; font-weight: bold;margin-bottom: 30px;}
.site-content {margin-bottom: 10px}
.sb-title{display: block;text-align: center;font-size: 20px;font-family: Roboto;font-weight: 300;}
.sidebar{margin-top: 100px; padding: 20px}
.sb{margin-top: 30px}
.posts{background: #f8f8f8;padding: 30px;border-radius: 10px;width: 110%;display: inline-block; margin-top: 30px}
.posts a{display: block;margin-top: 20px;color: #55bc75;border-left: 2px solid #ff9800;padding-left: 5px;}
.posts a:hover{color: #55bc75;}
.sidebar-lrft-content a{display: block; color: #444; font-size: 14px; font-family: 'Roboto'; font-weight: 300}
.sidebar-lrft-content a:hover{color: #444}
.sidebar-lrft-content img{display: block;text-align: center;width: 150px;margin: 0 auto;padding: 20px 5px;}
.sidebar-lrft-content{width: 80%; float: right;}
.shop-sidebar-left{padding-right: 20px;background: #f8f8f8;display: inline-block;padding-bottom: 100px; }
.sidebar-menu span{color: #999999; font-size: 16px; font-family: 'Roboto'; font-weight: 300; padding-bottom: 20px; display: block;}
.sidebar-menu{margin-top: 30px}
.sidebar-menu ul{padding: 0;}
.sidebar-menu li{list-style: none; margin-top: 10px}
.product-filter span{color: #999999; font-size: 13px; font-family: 'Roboto'; font-weight: 300; display: block;margin-left: 20px;}
.product-filter select{font-family: Roboto;font-weight: 500; color: #000; font-size: 16px;width: 100%;padding: 7px 10px;border: 2px solid #c2c2c2;border-radius: 35px;margin: 5px 0;}
.sort ul, .sort-item{padding: 0}
.sort li, .sort-item li{list-style: none; display: inline;}
.sort-item a{font-size: 16px;font-weight: 300;font-family: Roboto;padding: 0 10px;color: #444;}
.sort-item a:hover{color: #444;}
.active-sort, .active-sort:focus{background: #55bc75;color: #fff!important;border-radius: 35px;padding: 3px 0;display: inline-block;}
.sort-item {margin-top: 13px;}
.selector ul{padding: 0}
.selector li{list-style: none; margin-top: 15px; display: inline;}
.selector a{margin-right: 15px;display: inline-block;font-family: Roboto;font-weight: 500;font-size: 16px;color: #55bc75;transition: 0.5s;border: 2px solid #55bc75;padding: 2px 15px;border-radius: 35px;margin-top: 15px;}
.selector a:hover{color: #fff; background: #55bc75;transition: 0.5s; text-decoration: none!important;}
.selector{display: inline-block;float: left;width: 65%;margin-left: 15px;}
.counter{text-align: center;padding-right: 40px;margin-top: 10px;}
.page-title h1{ font-weight: 500; color: #000; font-size: 25px}
iframe{width: 100%}
.left-col{width: 70%; float: left;display: block; border-radius: 10px}
.right-col{width: 30%; float: left;display: block; padding-left: 15px; padding-right: 15px}
.right-col a{font-family: Roboto; font-weight: 300; color: #55bc75; margin-left: 30px;  display: block;}
.right-col a:hover{color: #55bc75}
.right-col a:before{content: "";position: absolute;background: url(../img/icons/print.png) no-repeat;width: 25px;height: 25px;margin-left: -30px;margin-top: -3px;}
.entrance a{margin-top: 35px!important;}
.entrance a:before{background: none; width: 1px}
.phones{line-height: 0.3;padding-top: 20px;}
.fax{display: block;padding-bottom: 20px;}
.info{font-style: italic;font-family: Roboto;font-weight: 300;}
.left-text-column h4, .right-text-column h4{font-family: Roboto;font-weight: 300;font-size: 20px; margin-bottom: 20px}
.left-text-column, .right-text-column{margin: 20px 0;display: inline-block;}
.left-text-column a, .right-text-column a{color: #55bc75;}
.left-text-column a:hover, .right-text-column a:hover{color: #55bc75;}
.main-cart{margin-top:20px;}
.name{color: #ff9800; font-weight: bold;margin-top: 10px;}
.main-cart:hover{cursor: pointer;}
.total{background: #55bc75;color: #fff;border-radius: 35px;width: 20px;display: inline-flex;align-items: center;align-content: center;padding-top: 2px;height: 20px;padding-left: 5px;position: absolute;left: 10px;top: 15px;}
.attention > p > a {
    color: #55bc75;
}
.tooltip {border-bottom: 1px dotted #000000; color: #000000; outline: none;cursor: help; text-decoration: none;position: relative;}
.tooltip span {margin-left: -999em;position: absolute;}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Roboto, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {border: 0; margin: -10px 0 0 -55px;float: left; position: absolute;}
.tooltip:hover em { font-size: 1.2em; font-weight: bold;display: block; padding: 0.2em 0 0.6em 0;}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.col-img{width: 20%;float: left;display: inline-block;}
.cart-item-title{width: 50%;float: left;display: inline-block;padding-left: 10px;padding-right: 10px;}
.cart-item-title a{color: #444; display: block; font-family: Roboto; font-weight: 300}
.art{position: relative;margin-top: 30px;display: block;}
.number{width: 25%;float: left;display: inline-block;text-align: center;}
.cart-items{width: 100%;display: inline-block;border-bottom: 1px solid #ccc;padding-bottom: 10px; margin-top: 20px;}
.prod-number{width: 50%;display: inline-block;font-size: 18px;border: 1px solid;border-radius: 35px;margin: 0 10px;font-weight: 500;}
.minus{color: #55bc75;font-size: 30px;font-weight: bold; webkit-user-select: none; user-select: none;}
.minus:hover{cursor: pointer; }
/*.close{display: inline-block;width: 25px;float: left!important;font-size: 18px!important;background: #ccc;height: 25px;margin-top: 10%;position: absolute;right: 0px;border-radius: 35px;padding-left: 7px;padding-top: 3px;}*/
.product-right-sidebar{ display: inline-block; background: #FAFAFA; border: 1px solid rgba(224, 224, 224, 0.15); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 10px;}
.right-sidebar-content{width: 80%;}
.right-title{font-size: 28px;padding-bottom: 30px;display: block;font-family: Roboto;font-weight: 300; }
.contact_form_right label{font-family: Roboto;font-size: 13px;font-weight: 300;color: #444;padding-left: 15px}
.contact_form_right input{width: 90%;padding: 7px 20px;border: 2px solid #c5c5c4;border-radius: 35px;background: transparent;font-size: 16px;color: #55bc75;font-weight: bold;}
.right-form{border-left: 2px solid #55bc75;padding-left: 15px;}
.right-form select{    background: transparent;width: 90%;padding: 10px;border-radius: 35px;border: 2px solid #c5c5c4;font-size: 16px;font-family: Roboto;font-weight: bold; color: #55bc75}
.right-subtitle{color: #999999; font-size: 20px; padding: 30px 0; display: block;}
 label{font-size: 13px;color: #444;}
.select-button{display: inline-block;width: 100%;margin-bottom: 10px}
.button-sel{float: left;display: inline-block;width: 50%;padding: 10px;color: #444;font-family: Roboto;font-weight: 300;border: 2px solid #999;border-radius: 35px 0 0 35px;border-right: none;}
.city{margin-bottom: 10px}
.button-sel:hover{border: 2px solid #55bc75; background: #55bc75; color: #fff; text-decoration: none;}
.sel-active{color: #fff;border: 2px solid #55bc75;padding: 10px;background: #55bc75;display: inline-block;width: 50%;float: left;border-radius: 0 35px 35px 0;font-family: Roboto;font-weight: 300;}
.sel-active:hover{text-decoration: none; color: #fff}
.textarea{background: transparent;width: 100%;border: 2px solid #999;border-radius: 5px;padding: 10px;font-family: Roboto;color: #55bc75;font-weight: 500;}
.check{font-size: 12px;display: inline-block;width: 85%; margin: 15px 0}
.check a, .check a:hover{color: #999; text-decoration: underline;}
.checkbox{width: 15%;float: left;display: inline-block; border: 1px solid #55bc75;}
.checkout{display: inline-block;min-width: 220px;max-width: 250px;text-align: center;padding: 8px 0!important;margin: 5px;}
.published-on{color: #cbcbcb;display: inline-block;width: 25%;float: left;margin-right: 15px;padding-top: 5px;}
.stars{width: 25%;display: inline-block;float: left;margin-right: 15px;}
.testimonials-link{color: #000;font-family: Roboto;font-weight: 300;font-size: 15px;display: inline-block;width: 25%;float: left;padding-top: 5px;}
.meta{display: inline-block;width: 100%;margin-top: 25px;}
.testimonials-link:hover{color: #000}
.single-product .owl-next{top: 25%;}
.single-product .owl-prev{top: 25%;}
.tabs {min-width: 320px;max-width: 900px;padding: 0px;margin: 0 auto;}
.tabs>section {display: none;padding: 15px;background: #fff;}
.tabs>section>p {margin: 0 0 5px;line-height: 1.5;color: #383838;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
 @-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}


.razmer{opacity:0;}
#another:checked ~.razmer{opacity:1;}
.tabs>input {display: none;position: absolute;}
.tabs>label {display: inline-block!important;padding: 10px 25px;font-weight: bold!important;text-align: center;color: #000;font-size: 16px;}
.tabs>label:hover {color: #55bc75;cursor: pointer;}
.tabs>input:checked+label {color: #55bc75;border-bottom: 2px solid #009933;background: transparent;font-weight: bold!important;font-size: 16px;text-shadow: none;}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {display: block;}

#content-tab2>p>a{color:#3f8b57;}
.rec-title{color: #999;font-weight: 300!important;text-align: center;margin-top: 30px;}
.rec-title {overflow: hidden;}
.rec-title:before,
.rec-title:after {content: '';display: inline-block;vertical-align: middle;box-sizing: border-box;width: 100%;height: 2px;background: #999;border: solid #FFF;border-width: 0 10px;}
.rec-title:before {margin-left: -100%;}
.rec-title:after {margin-right: -100%;}
.product_price{font-size: 24px;font-weight: bold;color: #55bc75;}
.prod_num{display: block; width: 100%;/*45%*/ }
.prod_num_1{border-color:#55bc75 }
.right_1{border-left: none!important;padding-left: 0;}
.variate{font-size: 18px; font-family: Roboto; font-weight: 300; color: #000; display: inline-block; margin: 30px 0; width: 100%;}
.setting {position: relative; margin-bottom: 30px;}
.setting-one{position: absolute; bottom: -32px; left: -55px;}
.boock {position: absolute; left: -40px; top:-35px;}
.page-block{ position: absolute; font-family: Roboto;}
.arrow-one {position: relative; bottom: 60px; left: 70px ;}
.arrow-one-text {color:#55bc75; font-family: Roboto;font-size: 18px; font-style: italic }
.page-block h4 {font-size: 18px;padding-left: 20px; margin-top: 22px; }
.count {font-size: 20px; border: 2px solid #55bc75; position: absolute; left: 200px; margin-top: 21px; top: -15px; border-radius: 10px;padding: 10px; }
.progres-bar-9 {position:relativeH;}
.band {width: 145px;background:#55bc75; border: 2px solid #55bc75; float: left; margin-left: 30px; font-family: Roboto; }
.band-container {width: 225px; position: absolute;bottom: 40px;}
.band-one{ width: 45px;background: #e4e4e4;border: 2px solid #e4e4e4; float: right;}
.number-one {margin-left: 30px; }
.plus-one {position: relative; bottom: 42px; left: 240px; }
.numder-two{font-size: 13px; cursor: pointer; padding-left: 3px;  }
.numder-two:hover{color:#55bc75; }
.prikrepite{padding-bottom: 15px; font-size: 15px;}
.radio-button {font-family: Roboto; margin-top: 30px;}
.radio-button h4 {font-size: 18px;margin-bottom: 20px ;padding-left: 10px}
.radio {display: none;}
.label {display: inline-block; margin: 0 5px 20px; padding: 3px 8px; color: #000000; text-shadow: 0 1px black; border-radius: 3px; cursor: pointer;}
.radio:checked + .label {color: #000000; background:#B8C9D9;}
[type="radio"] {border: 0; clip: rect(0 0 0 0);height: 1px; margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
label {cursor: pointer;font-size: 13px;}
[type="radio"] + span {display: -webkit-inline-box;}
[type="radio"] + span:before {content: '';display: flex;width: 1em;height: 1em;vertical-align: -0.25em;border-radius: 1em;border: 0.125em solid #fff;box-shadow: 0 0 0 0.15em #55bc75;margin-right: 1.75em;transition: 0.5s ease all;}
[type="radio"]:checked + span:before {background: #55bc75;}
[type="radio"]:focus + span:after {font-size: 1.5em;line-height: 1;vertical-align: -0.125em;}
fieldset {font-size: 1em;border-radius: 0.5em;}
.p {text-align: center;font-size: 14px;padding-top: 120px;}
.p:hover {background-color:#efefef;}
.checkbox-one h4 {margin-bottom: 20px; }
.container-checkbox-one:hover input ~ .checkmark {background-color: #ccc;}
.container-checkbox-one input:checked ~ .checkmark {background-color: #55bc75;}
.checkmark:after {content: "";position: absolute;display: none;}
.container-checkbox-one input:checked ~ .checkmark:after {display: block;}
.container-checkbox-one .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.question {border: 1px solid #55bc75; width: 15px; height: 15px; text-align: center; border-radius: 100%; font-size: 11px;position: absolute; bottom: 200px; left: 190px}
.question-two {border: 1px solid #55bc75; width: 15px; height: 15px; text-align: center; border-radius: 100%; font-size: 11px;position: absolute; bottom: 155px; left: 190px}
.question-three {border: 1px solid #55bc75; width: 15px; height: 15px; text-align: center; border-radius: 100%; font-size: 11px;position: absolute; bottom: 120px; left: 190px}
.question-four {border: 1px solid #55bc75; width: 15px; height: 15px; text-align: center; border-radius: 100%; font-size: 11px;position: absolute; bottom: 75px; left: 190px}
.question-five {border: 1px solid #55bc75; width: 15px; height: 15px; text-align: center; border-radius: 100%; font-size: 11px;position: absolute; bottom: 30px; left: 190px}
.radio-button-one { float: left; margin-right: 60px}
.binding {position: relative;}
.question-six {border: 1px solid #55bc75; width: 15px; height: 15px; text-align: center; border-radius: 100%; font-size: 11px;position: absolute; bottom: 20px; left: 90px}
.binding h4 {font-size:18px;font-family: Roboto;margin-bottom: 20px;padding-left: 10px;}
.cover {font-family: Roboto; margin-top: 30px; }
.cover h4 { font-size:18px; display: block; float: left;padding-left: 10px;}
.cover span {font-size:16px; display: block;padding-top:8px;padding-right: 5px;}
.cover span a{color:#55bc75 ;}
.cover h5 {margin-top: 30px; font-family: Roboto; color: #999999;font-size: 16px; padding-left: 10px; }
.color {}
.color-one{float: left; }
.option-input {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #900f14;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input:hover {background: #900f14;}
.option-input:checked {background: #900f14;}
.option-input:checked::before {height: 40px;width: 40px;position: absolute;display: inline-block;font-size: 26px;text-align: center;line-height: 40px;}
.option-input:checked::after {background: #900f14;display: block;position: relative;z-index: 100;}
.option-input.radio {border-radius: 50%;}
.option-input.radio::after {border-radius: 50%;}
.color label {display: block;line-height: 40px;}
.color-two {float: left; }
.option-input-two {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #1b1311;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-two:hover {background: #1b1311;}
.option-input-two:checked {background: #1b1311;}
.option-input-two.radio {border-radius: 50%;}
.option-input-two.radio::after {border-radius: 50%;}
.color-three {float: left;}
.option-input-three {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #011e48;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-three:hover {background: #011e48;}
.option-input-three:checked {background: #011e48;}
.option-input-three.radio {border-radius: 50%;}
.option-input-three.radio::after {border-radius: 50%;}
.color-fire {float: left; }
.option-input-fire {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #8d0c11;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-fire:hover {background: #8d0c11;}
.option-input-fire:checked {background: #8d0c11;}
.option-input-fire.radio {border-radius: 50%;}
.option-input-fire.radio::after {border-radius: 50%;}
.color-five {float: left;}
.option-input-five {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #1b110f;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-five:hover {background: #1b110f;}
.option-input-five:checked {background: #1b110f;}
.option-input-five.radio {border-radius: 50%;}
.option-input-five.radio::after {border-radius: 50%;}
.color-six {float: left;  }
.option-input-sixe {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #011e48;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-sixe:hover {background: #011e48;}
.option-input-sixe:checked {background: #011e48;}
.option-input-sixe.radio {border-radius: 50%;}
.option-input-sixe.radio::after {border-radius: 50%;}
.color-seven {float: left;padding-bottom: 10px}
.option-input-seven {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #021f4b;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-seven:hover {background: #021f4b;}
.option-input-seven:checked {background: #021f4b;}
.option-input-seven.radio {border-radius: 50%;}
.option-input-seven.radio::after {border-radius: 50%;}
.color-eight { float: left; }
.option-input-eight {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #901215;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-eight:hover {background: #901215;}
.option-input-eight:checked {background: #901215;}
.option-input-eight.radio {border-radius: 50%;}
.option-input-eight.radio::after {border-radius: 50%;}
.color-nine { float: left; }
.option-input-nine {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #281e1d;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-nine:hover {background: #281e1d;}
.option-input-nine:checked {background: #281e1d;}
.option-input-nine.radio {border-radius: 50%;}
.option-input-nine.radio::after {border-radius: 50%;}
.color-ten { float: left; }
.option-input-ten {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #281e1d;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-ten:hover {background: #281e1d;}
.option-input-ten:checked {background: #281e1d;}
.option-input-ten.radio {border-radius: 50%;}
.option-input-ten.radio::after {border-radius: 50%;}
.color-eleven { float: left; }
.option-input-eleven {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 13px;right: 0;bottom: 0;left: 0;height: 30px;width: 30px;transition: all 0.15s ease-out 0s;background: #281e1d;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input-eleven:hover {background: #281e1d;}
.option-input-eleven:checked {background: #281e1d;}
.option-input-eleven.radio {border-radius: 50%;}
.option-input-eleven.radio::after {border-radius: 50%;}
.leatherette {margin-top: 30px;}
.leatherette h5 {font-size: 16px;}
.load   {margin-bottom: 20px; position: relative; font-family: Roboto; margin-left: 10px;}
.load h4{margin-bottom: 20px; font-size: 18px;padding-left: 5px;}
.clear-text {position: absolute; bottom: 35px; left: 190px; color: #a0a09e; font-size: 13px;}
.krestic {position: absolute; bottom: 40px; left: 260px;}
.list-group-item{background-color: #2C2C2C; border: none;}
a.list-group-item {color: white;}
a.list-group-item:hover{color: white; background-color:#55BC74;}

button.owl-next{color:#4cae4c !important;}
button.owl-prev{color:#4cae4c !important;}








.clear-text-two{color: #a0a09e; font-size: 13px; position: absolute; bottom: 40px; left: 190px}
.krestic-two {position: absolute; bottom: 45px; left: 260px;}
.uploadButton {display: block;width: 170px;height: 40px; background: #fffde5;padding: 0 10px 13px 10px;color: #55bc75;font-size: 16px;font-weight: bold;font-family: Roboto;text-align: center;border: 2px solid #55bc75;border-radius: 20px;cursor: pointer;overflow: hidden;}
.uploadButton:hover {color: #fffde5;background: #55bc75;}
#mdiv {width:15px;height:15px;background-color:#f3f1d9;border:1px solid #f3f1d9;border-radius: 50%;}
#mdiv-one {width:15px;height:15px;background-color:#f3f1d9;border:1px solid #f3f1d9;border-radius: 50%;}
.mdiv {height:15px;width:2px;margin-left:12px;background-color:#cfccb5;transform: rotate(45deg);-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Safari and Chrome */Z-index:1;}
.md {height:15px;width:2px;background-color:#cfccb5;transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Safari and Chrome */Z-index:2;}
.variante-one {margin-bottom: 20px; margin-top: 130px; margin-left: 10px;}

.progres-bar-9 {overflow: hidden; margin-left: 330px;}
/*fix.css*/
fieldset.fix {border-radius: 7px; /*background-color: #f7f7f7;*/ width: calc(100% - 1px); margin: 0;     /*box-shadow: 0px 3px 9.3px 0.7px rgba(0, 0, 0, 0.75); */ padding-left: 5px;}
fieldset.fix legend div {cursor: pointer; display: inline-block; padding: 15px 3px 15px 65px; background-size: contain; background-repeat: no-repeat; background-position: left;}
fieldset.fix legend {/*background-color: #fffde5;*/ width: auto!important; margin-left: 10px; margin-bottom: 0; border-bottom: none;}
fieldset.fix>img:last-child {height: 15px; width: 25px; float: right; clear: both; cursor: pointer; display: block;}
fieldset.fix .skrit {display: none;} 
.fix h4 {
    font-size: 15px;}


.page-block, .binding, .checkbox-one  {
    
    margin-top: 3px;
}
 
.razv1 {color: green; text-decoration: dotted; cursor:pointer; display: block; float: right; margin-right: 15px; clear: both; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px green solid;}
/*.razv:hover {border-bottom: 1px green dotted;}
.razv1:before {content: "Íàñòðîéêè"; padding: 3px 15px 3px 3px; width: 85px; height: 20px;  color: #FFF; margin-right: 5px; background: url(http://www.centrmag.ru/pict/bg-vkladka.png) 100% 100% no-repeat;  } 
*/
/*Конец fix.css*/


#kol_stran {width: 77px; text-align: center; outline: none; /*background-color: #fffde5;*/}

.obl, .tobl {
	width: 38px;
	height: 38px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	float: left;
	margin: 8px;
	background-size: 100% 100%;
	cursor: pointer;
}

.obl, .tobl{
   transition: 0.3s;
}



.obl_selected, .tobl_selected, .tobl:hover, .obl:hover {
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.9);
    transform: scale(1.2);
}
.obls {width: 52px; height: 52px; display: inline-block; padding: 5px;}

.cover {clear: both;}

.hard_cover {display: none;}



.shadow h4
{
	
margin-bottom: 3px!important;
}
#kol{padding: 4px 0;}




#ttt div {border: 1px red solid;}

.podmenu {    
	
	
	display: none;
	clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
	/*max-height: 300px;
	overflow-x: auto;*/
	
	}

.podmenu li	{list-style: none;}	
	
.podmenu a	{color: #333;}



.podmenu:before {
    content: "";
	position: absolute;
    background: url(../img/icons/toggle.png) no-repeat;
    width: 100px;
    height: 20px;
    /*margin-bottom: 15px;*/
	clear:both;
	border: 1px red solid;
	display: block!important;
}



.slider-size {
  height: 400px; 
  width:100%;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


#poz_fixed {position:sticky;top:10px; }
#telo{display: flex;}
.right {order: 2; flex-basis:200px; margin-left: 50px;}
.left {order: 0; flex-grow: 0; width: 300px; padding: 10px; }
.center  {order: 1; flex-basis: auto;  }

.mygal img {height: 80px;}


/*
.right {float: right; width:300px;}
.left {float: left; width:30%; padding: 10px;}
.center  {float: left; width: calc(70% - 350px); padding: 10px;}
.right, .left, .center  {border: 0 red solid;}*/
.suggestions-promo.suggestions-promo-desktop {display: none!important;}
#login_vhod,#passw_vhod,#login_reg,#fam_reg,#passw_reg,#login_vost {width: 100%;}
#vhod,#registr,#vislat {min-width: 100px; margin: 5px;}
#login-informer {width: 100%; font-weight: bold; color: red; margin: 5px 0; padding: 0 5px; }
#login_block{display: block}
.vkladki {
	display: flex;
	flex-direction: column;
	flex-wrap: no-wrap;
	flex-basis: 100%;
}



#login_block{
	width: 70%;
	padding: 10px;
	background-color: #fff;
	z-index: 99999999999;
	position: absolute;
	border-radius: 5px;
	display: none;
	border: 3px solid #55bc75;
}

.tab-pane{
	text-align: center;
}

.vkladki .nav-link {
    font-weight: 500!important;
    padding: 5px;
}

.vkladki .nav-item {
    background-color: #fff;
}

.tab-pane>input {
	width: 80%;
	padding: 5px 15px;
    border: 2px solid #c5c5c4;
    border-radius: 35px;
    background: #fff;
    font-size: 14px;
	outline: none;
	margin-bottom: 5px;
}

#address_block {
 padding: 10px;
 background: #fff;
 position: absolute;
 border-radius: 5px;
 width: 250px;
 z-index:10000;
 display: none;	
 border: 3px solid #55bc75;
}



#address_block>input {
	width: 100%;
	padding: 5px 15px;
    border: 2px solid #c5c5c4;
    border-radius: 35px;
    background: #fff;
    font-size: 14px;
	outline: none;
	margin: 5px auto 5px auto;
}


.login_button{max-width: 300px; min-width: 250px; background-color: #fff; margin: 0 auto;border: 2px solid #55bc75;color: #55bc75;font-weight: 500!important;text-transform: uppercase;padding: 5px!important;border-radius: 35px; outline: none}
.login_button:hover {
    transition: 0.3s;
    background: #55bc75;
    color: #fff;
    text-decoration: none;
}

.vkladki {border: none; margin-bottom:10px; clear: both; padding: 0; background: transparent; }
.vkladki li {list-style: none;}
.vkladki li a{width: 100%; position: relative; display: block; border: 0!important; text-decoration: none; } 
.vkladki>.active>a{border-bottom: 2px solid #55bc75!important;border-top: 2px solid #55bc75!important; border-radius: 0; color: #55bc75!important}

.vihod_modal_content{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: nowrap;
}

.vihod_modal_content a{
	text-decoration: none;
	border: 0;
	font-weight: 500;
	font-size: 16px;
	margin: 5px;
	padding: 5px;
	width: 80%;
	text-align: center;
	color: #000;
}

.vihod_modal_content a:hover{
	color: #55bc75;
}

.vihod_modal_content .login_button{
	margin-top: 10px;
	min-width: 50px;
}

.overlay {  
  display: none;
  top: 0;
  left:0;
  width: 100%;
  height:100%;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9000;
  
  background: rgba(39, 42, 43, 0.7);
  transition: opacity 200ms ease-in-out;
  border-radius: 4px;
  margin: 0;

}
#kupit_up span {cursor: pointer;}
#vibgor {margin-top: 1.2em;}
#vibgor li {list-style: none; color: #000; font-weight: 400; }
#vibgor li span:hover {border-bottom: 1px #FFF solid;  cursor: pointer; color: #55bc75;}



     .captcha {margin: 0 auto; padding: 3px;list-style: none; border: 0 rgb(85, 188, 117) solid;  text-align: center;}
     .captcha_li {margin: 5px; text-align: right; }
     .capt {  margin-top: 5px;}
     
rect {cursor: pointer;}

.green {color: #55bc75;} 
.hrgreen {border-color: #55bc75!important; margin-top: 3px;} 
.grey {color: #7d7d7d;}
.clear {clear: both;}
.container-checkbox-one label span {font-weight: normal;}

.knopochka{
    width:100%;
    max-width: 500px;  
    border:1px solid green; 
    
    padding:8px; 
    margin-top:15px; 
    border-radius:2px;
    text-align: justify;
}
/*.knopochka:hover{color: #fffde5;background: #55bc75;}*/
.knopochka  a {text-decoration:none; color: #428bca; font-size:14px; font-weight:bold;}
.knopochka a:hover {text-decoration:underline;}


.content{
    margin-top: 50px;
   }


.gallery-block1
border: 1px solid red; width:350px; height: 350px; background:#f1f1f1; float:left; margin: 0 15px 15px 0; text-align:center;

}

.tablica{
    padding-left: 100px;
    max-width: 100%;
    
}

.tovar1
    width: 250px;
    height: 175px;
    border: 1px solid red;
    background: #f1f1f1;    
}

.kartinka-tovara
    display: block;
}

.inline-label {display: inline;}

.top-menu {margin: 5px 0; padding: 0; text-align:center}
.center_top {text-align: center; padding:none}
.site-logo a img {max-height: 40px;}
.site-info .container-fluid .row div[class~="col-"] {text-align: center;}
.city { padding: 0!important;}

.search 
{
	border: 2px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	height: 40px;
	width: 100%;
	margin: 0 auto;
}

.search  #search {width: calc(100% - 88px); height: 36px; border: none; margin:0; outline: none;}

.tel {text-align: center;

font-style: normal;
font-size: 18px;
line-height: 21px;
color: #000;
white-space: nowrap;
}

.tel a {color: #000; font-weight: bold; }
.tel a:hover {text-decoration: none;}
.tel span {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
white-space: nowrap;}



.cart_button {

color: #55BC74;

font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
display: inline-block;
padding: 7px;
align-items: center;
border: 2px solid #47AB55;
box-sizing: border-box;
border-radius: 4px;
white-space: nowrap;
}
.cart_button:hover {text-decoration: none; background-color: #47AB55; color: #FFF;} 
.cart_button b {display: inline-block; }
.cart_button b::before	{height: 18px; width: 18px; content: ""; background: url("https://www.centrmag.ru/new/icon/shopping-cart.svg") no-repeat center center; display: inline-block; margin: 0 5px; } /* Удаление    */
.cart_button:hover b::before	{background: url("https://www.centrmag.ru/new/icon/shopping-cart_white.svg") no-repeat center center;} /* Удаление    */


.button_green::before	{height: 14px; width: 23px; content: "";  display: inline-block; margin: 0 5px;  }
.button_green:hover {text-decoration: none;  background-color: #FFF; color: #55BC74;} 
.button_green:active {text-decoration: none; background-color: #FFF; color: #55BC74;} 


.icon_menu::before	{background: url("https://www.centrmag.ru/new/icon/menu_white.svg") no-repeat center center; color:white;} /* Удаление    */
.icon_menu:hover:before {background: url("https://www.centrmag.ru/new/icon/menu_white.svg") no-repeat center center;} /* Удаление    */
.icon_menu:focus:before {background: url("https://www.centrmag.ru/new/icon/menu_white.svg") no-repeat center center;} /* Удаление    */


.icon_menu_white::before	{background: url("https://www.centrmag.ru/new/icon/menu.svg") no-repeat center center;color:white;} /* Удаление    */
.icon_menu_white:hover:before {background: url("https://www.centrmag.ru/new/icon/menu_white.svg") no-repeat center center;} /* Удаление    */ 

.icon_cart_white::before	{background: url("https://www.centrmag.ru/new/icon/shopping-cart_white.svg") no-repeat center center;} /* Удаление    */
.icon_cart_white:hover:before {background: url("https://www.centrmag.ru/new/icon/shopping-cart.svg") no-repeat center center;} /* Удаление    */


button.owl-next{outline-style: none !important; background:none !important;}
button.owl-prev{outline-style: none !important; background:none !important;}
.product-status {
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
padding: 7px 20px;
align-items: center;
box-sizing: border-box;
border-radius: 4px;
margin: 10px auto;
clear: both;
display: table;

}
.InStock
{
    background: url(../icon/checkmark-circle-2.svg) no-repeat;
    color: #55BC74;
    background-size: 1.1em;
    background-position: left;
	
}
.PreOrder
{
 background: url(../icon/alert-circle-2.svg) no-repeat;
    color: #55BC74;
    background-size: 1.1em;
    background-position: left;
}

.OutOfStock
{ background: url(../icon/close.svg) no-repeat;
    color: #FF0000;
    background-size: 1.1em;
    background-position: left;
}

#kupit {text-align: center; margin: 5px;}
#share_div {display: none; }
#share_div hr {margin: 5px;}



a.button_green.icon_menu.btn.btn-success.d-inline:hover{color:white}
a.button_green.icon_menu.btn.btn-success.d-inline:active{color:white}

.radio_knopki{
    width:204px;
    height:119px;
    display:block;

}

.knopka__small__light1{
    color: #55BC74;
    text-decoration: none;
    user-select: none;
    padding: 12px 16px;
    outline: none;
    border-radius: 4px;
    width: 226px;
    height: 44px;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    border: 2px solid #55BC74;
}
.knopka__small__light1:hover{
    border: 2px solid #3C9D59;
    color: #3C9D59;
  
}

.ya-share2__list li {margin: 3px!important;}

.modal-body{padding: 20px 20px 0 20px !important;}
.slr {width:50px; display: inline-block; color: #2C2C2C; font-size: 20px; border: 1px solid #e6e6e6;border-radius: 5px;padding: 4px 9px;}
.slr:hover, span.slr {color: #55BC74; background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0)); text-decoration: none;}
.inline {display: inline!important;}
#lists {font-size: 1.8em;	cursor: pointer;}
#lists i.active {color: #55BC74;}
#lists i:hover {color: #3C9D59;}

@media screen and (max-width:984px){
	.list .tovar h4 {padding-left: 1px;padding-right:1px;}
	.list .tovar h2 {display: contents !important;}
	
	}
	
	@media screen and (min-width:768px) and (max-width:983px){
		.list .tovar h4 {padding-left: 340px;padding-top: 9px; padding-right: 55px;}
	
	}
	
	@media screen and (min-width:415px) and (max-width:759px){
	.list .tovar h4 {padding-left: 220px;padding-right: 1px; clear:both;}
	
	}
	
	
.potomki {
   
    list-style: none;
    counter-reset: li;
	
	
}    
.potomki li {
    position: relative;
    padding:12px 20px 20px 28px;
    margin-left: 40px;
    transition-duration: 0.3s;
	display: inline-flex;
    width: 500px;
	border: 2px solid;
	border-radius: 4px;
	border-color: #398439;
	margin: 5px;
    height: 100px;
	
}
.flex-item.list{
	
	display: inline-table !important;
	width: inherit;
}
.flex-item {display: flex;  border: 1px #ece2e2 solid; margin: 5px; border-radius: 3px;}
.flex-item:hover { border: 1px #55BC74 solid; }


.potomki li:hover {
    background: #E2FFEB;
	
}
.ctlg_a:hover, .ctlg_a:focus{
	text-decoration:none !important;
	color:black;
}
.ctlg_a:before{
	
	
	
}
.ctlg_a{
	
	    text-decoration: none;
    display: inline-block;
    width: 100%;
}


@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.3, 1.3, 1.3);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
@media screen and (max-width:583px){
.potomki li {
   width: 270px;
    height: 200px;
    text-align: end ;
	
}

.img_list{height: 90px !important;margin-bottom: 10px !important;float: none !important;padding-right: 0 !important;  }
	 .opisanie_cat{text-align: center;font-size: 15px; padding-right: inherit !important;}
	 .potomki{padding:0 !important;}
	.ctlg_a{text-align: center !important;}
	    
div#main_catalog.container.wrapper.list {
display:grid !important;}
@media screen and (max-width:414px){
.list .tovar * {display: inline-block !important;}
}

.numb1 {
    color: black;

}

input[type=checkbox]:checked ~ .numb1 {

    color: red;

}


@media screen and (max-width:372px){
.seriya__nomer{width:max-content !important}

}




.modal-footer{
	text-align: center;
}

.close {
	top: 7px;
	right: 7px;
}

.close>span{
	font-size: 40px!important;

}
}

@media screen and (max-width:760px){
	

	#header_row{margin-right: 0px !important;margin-left: 0px !important; display: grid;}
	#header_main{padding-right: 0px !important;padding-left: 0px !important; }
}


@media screen and (max-width:767px) and (min-width: 500px){
	 #cata{display: block;padding-right: 70px !important; padding-left: 70px !important;}
	a.button_green.icon_menu.btn.btn-success.d-inline{    padding: 9px 30px !important;}
	 .input-group[class*="col-"]{padding-right: 50px !important; padding-left: 50px !important;}
	 a.cart_button { padding: 7px 20px;}
	 
 }

@media screen and (max-width:500px){
	 #cata{display: block;padding-right: 40px !important; padding-left: 40px !important;}
    a.button_green.icon_menu.btn.btn-success.d-inline{    padding: 9px 10px !important;}
	 .input-group[class*="col-"]{padding-right: 40px !important; padding-left: 40px !important;}
	 
	#sostav{    text-align: center;}
}


@media screen and (max-width: 523px){
	 
	 #file_upload{width:150px !important;}
	 #file_area{width:150px !important; line-height:2 !important;}
	 .dopolnitelno {display: flow-root !important;}
	 article a.podrazdel { background: url(/new/icon/arrowhead-right.svg) 100% 5px no-repeat; /* Рисунок */ padding-right: 18px; /* Отступ справа */     padding: 10px;}
	 
	 
	 
 }
 @media screen and (max-width: 992px) and (min-width: 768px){
	.right, .left, .center{ float: left !important;}
	 
	 
 }
 
 @media screen and (max-width: 1200px) and (min-width: 992px){
 .dopolnitelno {display: flow-root !important;}
 
 }
 @media screen and (max-width:767px){
	 .clearfix{display: contents;}
	 .product-right-sidebar{display:flow-root;}
	 .right{margin-left: 0px !important;}
	 #cata{margin-bottom: 10px;}
	 #korz{margin-bottom: 10px;}
	 .input-group[class*="col-"]{margin-bottom: 10px;}
	 .left {width:inherit;}
	 	 a.dropdown-toggle{
	text-align: -webkit-center;
    margin-bottom: 0.5em;
		 
	 }
	 .nav-catalog>li>a{
		 text-align: -webkit-center;
    
		 
	 }
	 
	 .dropdown-menu>li>a{
		 white-space: pre-wrap;
		 
	 }


 }
 
 @media screen and (min-width:1025px) and (max-width:1200px){
	 
	 .nav-catalog>li>a {
    position: relative;
    display: block;
    padding: 1px 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: white;
	margin-top: 10px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 10px;
}

 }
 
form {margin: 0;}

#var_deliver {text-align: center;}

 
 #podskaz{display:none;
    position: absolute;
    margin-top: 44px;
    z-index: 1000;
    background: rgba(255,255,255,0.8);
 
 }


.row > div {border: 0 red solid;}
.preloader {
  /*фиксированное позиционирование*/
  position: fixed;
  /* координаты положения */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* фоновый цвет элемента */
  background: #e0e0e0;
  /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
  z-index: 1001;
}

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #55BC74;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {

  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.loaded_hiding .preloader {
  transition: 0.1s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}

.person > embed > svg >path{fill: black;}


.img_menu_small {height: 70px!important;}
.main_text_small {
    overflow: hidden;
    height: 65px;
    /* line-height: 25px; */
}
.knopka_small {
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    user-select: none;
    background: #55BC74;
    padding: 3px 7px;
    outline: none;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
	cursor: pointer;
}

.nav-catalog {margin-bottom: 15px;}
.nav-catalog>li{float:left}
.nav-catalog>li>a{border-radius:4px}
.nav-catalog>li+li{border-right-width: 0px;border-left-width: 0px;}
.nav-catalog>li.active>a,.nav-catalog>li.active>a:hover,.nav-catalog>li.active>a:focus{color:#ffffff;background-color:#55bc75!important}
.nav-catalog>li>a {
    position: relative;
    display: block;
    padding: 1px 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: white;
	margin-top: 10px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 10px;
}


.nav>li:last-child {border-right: 0 solid #d8d7d7;}

#voice-trigger {color: #828282; cursor: pointer;}
#voice-trigger.active	{color: #55BC74;}

.justify-content-center {text-align: center;}
.justify-content-center >div {float: none; display: inline-block;}

.cw-variants-container {left: 0;}
span#kcena {font-size: 40px;}
.h3	.fa-ruble-sign{font-size: 24px;}
.ctlg_a1:hover {text-decoration: underline;}

@media screen and (min-width :1200px){
	.nav-catalog{width:1135px !important;}
}

#skidka     {padding: 5px;
	color: red;
    display: table;
    text-align: left;
    margin: 0 auto;}
#skidka b {color: #333;}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.badge-success {
    color: #fff;
    background-color: #28a745;
}
.badge-warning {
    color: #212529;
    background-color: #ffc107;
}
.SelectGrastin {
    float: right;
    cursor: pointer;
    border-radius: 3px;
    font-size: 13px;
    line-height: 28px;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 3px 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    white-space: nowrap;
    outline: 0;
	border: 1px #000 solid;
	background-color: ffdb4d;
	color: #000;
	
}

#izmGrastin, #izmYD {display: none;}