body{
        
    background: #f5f5f5;
	/*background: #EEE url(img/bg.png) repeat;*/
    }
/*----------------- Main (Content) ----------------*/

.top-category-back-element
{
	/*background: #90000088;*/
	min-height: 1400px;
	position: absolute;
	z-index: 28;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	
}
.top-category-back-element-off
{
	position: absolute;
	right: 0px;
	top: 0px;
	left: 0px;
	bottom: 0px;
	z-index: 29;
	/*background: #00000077;*/
}

#category-top
{
	background: #fff;
	margin: 0px 10px;
	min-height: 500px;
	margin-top: 108px;
	border: 1px solid #474787;
	display: flex;
	z-index: 30;
	position: relative;
}
#category-top .block-one
{
	width: 250px;
	border-right: 1px solid #eaeaea;
	background: #f5f5f5;
}
#category-top .block-one a
{
	padding: 15px;
	padding-left: 20px;
	display: block;
	text-decoration: none;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	color: #777;
}
#category-top .block-one a:hover
{
	
}
#category-top .block-one a:hover, #category-top .block-one a.act
{
	background: #fff;
	font-weight: bold;
	margin-right: -1px;
	color: #474787;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
#category-top .block-one a .icon
{
	float: right;
}
#category-top .block-two
{
	width: calc(100% - 250px);
	height: 500px;
	overflow-x: auto;
}
#category-top .block-two .scroll{
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	align-content: space-between;
	padding: 5px;
}

#category-top .block-two .blocks
{
	display: block;
	-webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
	//float: left;
	///width: 33.33333333%;
	height: auto;
	box-sizing: border-box;
	vertical-align: top;
	padding: 5px;
}
#category-top .block-two .blocks a:hover
{
	text-decoration: underline;
}
#category-top .block-two .blocks a
{
	display: block;
	color: #000;
	padding: 3px;

}
#category-top .block-two .blocks a.title
{
	color: #3867d6;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
}
.category-top-bl
{
	border-bottom: 20px solid #ced6e0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: " ";
	left: 40%;
    position: absolute;
    bottom: -11px;
	z-index: 31;
	text-align: center;
}
.category-top-bl::after
{
	border-bottom: 17px solid #fff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
	margin-left: -17px;
    content: "";
    position: absolute;
    top: 3px;
	z-index: 21;
}
#main{
	width: 100%;
    min-height: 80%;
	max-width: 1600px;
    //background: #eaeaea;
    margin: 5px auto 0px;
}
#button-ScrollTopPage{
    display: none;
    position: fixed;
    z-index: 999;
    left: 8px;
    bottom: 6px;
}
#button-ScrollTopPage i {
    cursor: pointer;
    color: #299a0b;
    text-shadow: 0px 0px 1px #FFF;
}
#content {
	box-sizing: border-box;
	width: calc(100% - 270px);
    margin: 5px 5px 5px 10px;
    display: inline-block;
    min-height: 648px; 
    height: 100%;
    position: relative;
	vertical-align: top;
}
#column-left{
    display: inline-block;
    padding: 16px 0px;
    width: 240px;
    min-height: 648px;
    height: 100%; 
    position: relative;
}
#column-left + #content {margin-right: 254px;}



#banner-box{
    width: 768px;
    height: 380px;
    padding-top: 0;
}
.capacity{
    text-align: center;
    padding:8px 10px;	
    font-size: 15px;
    font-family: 'bold', Tahoma;
    color: #0072BC;
    cursor:pointer;
}

/*----------------------- header -----------------------*/
#header-top{
    width: 100%;
    padding: 7px 0px;
    height: 18px;
	background: #535c68;
}
#header-top-inside-box{
    max-width: 1200px;
    margin: 0 auto;
}
.b-sitemenu{
    list-style: none;
    padding: 0 0 0 4px;
    margin: 0;
    display: inline-block;
    width: auto;
}
.b-sitemenu li {
    display: block;
    float: left;
    position: relative;
    margin-right: 30px;
    white-space: nowrap;
}
.b-sitemenu a
{
	color: #ced6e0;
	padding: 3px;
	text-decoration: none;
}
.b-sitemenu a:hover
{
	color: #fff;
	text-decoration: underline;
}

.sitemenu__link__inner span, .user_tools__link__inner span{
    color:#fff;
}
.user-menu i
{
	color: #fff;
}
.user_tools__link__inner .fa-caret-down{
    padding-bottom: 0px;
    color:#3A6DC2;
}
.sitemenu__link__inner:hover, .user_tools__link__inner:hover{
    color:#599CFF;
    cursor: pointer;
}
.sitemenu__link__special{
    border: 1px dashed #FCDA81;
    border-radius: 3px;
    font-weight: bold;
    background: #FFC;
    padding: 2px 10px 5px;
    color: #EA1653;
}
.sitemenu__link__special:hover{
    color: #BC1242;
}
.sub-sitemenu, .user-tools-menu{
    float: none;
    display: none;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #CCC;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.220);
    left: -22px;
    line-height: 28px;
    padding: 8px 14px 10px;
    position: absolute;
    top: 26px;
    z-index: 1500;
}
.sub-sitemenu::after { 
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    content: " ";
    left: 26px;
    position: absolute;
    top: -16px;
}
.sub-sitemenu::before{
    border-bottom: 8px solid #CCC;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    content: " ";
    left: 26px;
    position: absolute;
    top: -17px;
}
.user-menu{
    float: right;
    position: relative;
    margin-right: 20px;
	color: #000;
}
.user-menu a
{
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #273c75;
	border-top: 1px solid #f5f5f5;
	border-bottom: 3px solid #fff;
}
.user-menu a:hover
{
	border-bottom: 3px solid #fbc531;
}
.user-menu a i
{
	color: #273c75;
}
.user-menu .fa-user{
    border: 1px solid #ABABAB;
    background: #ABABAB;
    color: #000;
    border-radius: 36px;
    padding: 2px 4px;
}
.user-tools-menu{
	position: absolute;
    padding: 10px 8px;
    min-width: 220px;
    right: 0px;
	left: auto;
    top: 18px;
}
.user-tools-menu .fa{
    width: 13px;
    height: 13px;
    padding: 4px;
}
.user-tools-menu::after { 
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    content: " ";
	right: 25px;
    position: absolute;
    top: -16px;
}
.user-tools-menu::before{
    border-bottom: 8px solid #CCC;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    content: " ";
    right: 25px;
    position: absolute;
    top: -17px;
}

.header-catalog
{
	flex-grow: 1;
	text-align: center;
	display: inline-block;
	position: relative;
	padding: 0px 30px;
	color: #2f3542;
	color: #fff;
	padding: 22px;
	padding-top: 23px;
	border-radius: 0px;
	//border: 2px solid #57606f;
	//border-radius: 6px;
	font-size: 1.8em;
	background: #6ab04c;
	cursor: pointer;
	z-index: 30;
	//overflow: hidden;
}
#header-base{
    background: #2f3640;
    width: 100%;
	color: #fff;
    margin: 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	//border-bottom: 4px solid #f9ca24;
}
.b-logo2 {
    //background: url(/style/img/logo_n2.png) 50px 0px no-repeat transparent;
    display: inline-block;
    height: 75px;
    width: 75px;
	text-align: center;
	flex-grow: 3;
	position: relative;
}
.b-logo2 img
{
	max-width: 100%;
	max-height: 100%;
}
.header_search {
	flex-grow: 9;
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

#search-box .se{
    padding: 9px 9px 9px 15px;
	background: #fff;
    font-size: 17px;
    border: 1px solid #ced6e0;
    width: calc(100% - 110px);
	max-width: 400px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-radius: 3px 0px 0px 3px;
}
#search-box .start{
	background: #6ab04c;
	width: auto;
	padding: 10px;
	font-size: 17px;
	border-radius: 0px 3px 3px 0px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	height: auto;
	margin: 0px;
	text-align: center;
	border: none;
}
#search-box .se:active, #search-box .se:hover
{
	box-shadow: none !important;
}

#search-result-box {
    background: rgba(255,255,255,1.0);
    border: 1px solid #757575;
    padding: 2px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 39px;
    z-index: 200;
    display: none;
    overflow: auto;
    max-height: 450px;
}
/*------------------- cart -----------------*/
.header_cart
{
	//flex-grow: 1;
	color: #fff;
	//background: #535c68;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	height: 76px;
	width: 130px;
	padding-top: 15px;
	cursor: pointer;
	text-decoration: none;
}
.header_cart.more-info
{
	padding-top: 14px;
}
.header_cart:hover
{
	color: #fff;
}
.header_cart .count
{
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	padding: 3px;
	text-align: center;
	font-size: 1.4em;
	top: 10px;
	right: 15px;
	background: tomato;
	color: #fff;
	width:30px;
	height:30px;
	border-radius: 50%;
}
.header_cart .hover-block
{
	height: 4px;
	margin-top: 11px;
	text-align: center;
}

.header-catalog .hover-block
{
	position: absolute;
	bottom: 0px;
	height: 4px;
	left: 0px;
	right: 0px;
}
.header_cart .hover-block .hover, .header-catalog .hover-block .hover
{
	width: 0%;
	vertical-align: top;
	display: inline-block;
	transition: width .3s;
	background: #474787;
	height: 100%;
}
.header_cart:hover .hover-block .hover, .header-catalog.hov .hover-block .hover
{
	width: 100%;
}
#div-empty-cart{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #FFF;
    border-radius: 3px;
    padding: 8px;
}
#edit-cart-link{
    font-size: 12px;
    margin: 0;
    padding: 0px 16px 4px;
    border-top: none;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-radius: 0 0 3px 3px;
    text-decoration: none !important;
}

.white
{
	background: #fff;
}
#index-bans
{
	//display: flex;
	//background: #fff;
}
.cart-more
{
	cursor: default;
}

.cart-more .cart-more-info
{
	position: absolute;
	overflow: hidden;
	background: #fff;
	width: 200px;
	box-sizing: border-box;
	z-index: 20;
	color: #000;
	margin-top: 15px;
	right: 0px;
	display: none;
}
.cart-more:hover .cart-more-info
{
	display: block;
	border-radius: 0px;
	border: 1px solid #474787;
}
.cart-more-info a
{
	color: #000;
	cursor: pointer;
	padding: 10px;
	margin-top: 2px;
	display: block;
	font-weight: normal;
}
.cart-more .cart-more-info .checkout
{
	color: #fff;
	padding: 10px;
	text-align: center;
	display: block;
	background: #474787;
	text-decoration: none;
}

/*-------------------------- Table ----------------------*/
.data-table{
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-spacing: 0px;
    border-collapse: separate;    
}
.data-table thead th{
    background: #FF9;
    font-family: 'bold';
    text-align: center;
}
.data-table thead th, .data-table tbody td{
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 2px 4px;
}
.data-table tbody td{
    position: relative;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*--------------------------- menu ----------------------*/
#menu {
    width: 1200px;
    background: #299a0b;
    margin: 8px auto 0px;
    text-align: center;
    padding: 4px 0px 4px;
    height: 32px;
}
#menu ul{
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 0;
}
#menu ul li{
    position: relative;
    list-style: none;
    float: left;
    margin: 0px 12px 0px;
}
#menu ul li a{
    display: block;
    text-decoration: none;        
    padding: 6px 8px 8px;
    word-spacing: 2px;
    color: #FFF;
    font-size: 14px;
    border-radius: 5px 5px 0px 0px;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}
.selected-menu-category{
    border-left: 1px solid #757575 !important;
    border-top: 1px solid #757575 !important;
    border-right: 1px solid #757575 !important;
    background: #FCF5B7;
    text-shadow: 0px 1px 1px #FFF;
    color: #C40 !important;
    z-index: 299;
    position:relative;
}
#menu ul li:hover > ul{
    display: block;
    border: 1px solid #F00;
}
/*------------- submenu ----------*/
#menu .menu-box-item{
    display: none;
    border: 1px solid #757575;
    box-shadow: 0px 2px 5px #111;
    border-radius: 5px;
    background: #fcf5b8;
	background: -moz-linear-gradient(top,  #fcf5b8 0%, #efd947 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf5b8), color-stop(100%,#efd947));
	background: -webkit-linear-gradient(top,  #fcf5b8 0%,#efd947 100%);
	background: -o-linear-gradient(top,  #fcf5b8 0%,#efd947 100%);
	background: -ms-linear-gradient(top,  #fcf5b8 0%,#efd947 100%);
	background: linear-gradient(to bottom,  #fcf5b8 0%,#efd947 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf5b8', endColorstr='#efd947',GradientType=0 );
    z-index: 298;
    position: absolute;
    left: -70px;
    top: 31px;
    padding: 1px;
    text-align: left; 
}
#menu .menu-box-item table div{
    position: relative;
    margin: 0px 0px;
    padding: 2px 8px 2px 14px;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 13px;
    max-width: 256px;
    min-width: 120px;
}
#menu .menu-box-item table div div{
    max-width: 258px;
    padding: 0px;
    text-shadow: 0px 1px 1px #FFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#menu .menu-box-item table div:hover{
    cursor: pointer;
    background: #E9C73C !important;
}
#menu .menu-box-item table div:hover::after{
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid #E9C73C;
    border-top: 10px solid transparent;
    content: " ";
    right: -20px;
    position: absolute;
    top: 0px;
    z-index: 1180;
}
#menu .menu-box-item table div div:hover{
    background: transparent;
}
.activ-categor{
    background: #299A0B !important;
    color: #FFF !important;
    text-shadow: none !important;
}
.activ-categor div{
    text-shadow: none !important;
}
.activ-categor::after { 
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid #299A0B;
    border-top: 10px solid transparent;
    content: " ";
    right: -20px;
    position: absolute;
    top: 0px;
    z-index: 1200;
}

#menu .menu-box-item table{
    width: 100%;
    padding: 10px 10px 10px 0px;
    min-height: 160px;
}
.left-td-table-menu{
    border-right: 1px dashed #ABABAB;
}
.right-td-table-menu{
    min-width: 120px;    
}
#menu .menu-box-item table ul{
    display: none;
    margin: 0;
    padding: 0px 0px 10px 0px;
}
#menu .menu-box-item table ul:first-child{
    display: block;
}
#menu .menu-box-item table ul li{
    float: none;    
    white-space: nowrap;
}
#menu .menu-box-item table ul li a{
    padding: 0px;
    margin: 2px 1px;
    font-size: 14px;
    text-decoration: underline;
    color: #3A6DC2;
}
#menu .menu-box-item table ul li a:hover{
    text-decoration: underline;
    color: #599CFF;
}
#menu .menu-box-item table ul li a .fa{
    font-size: 10px;
    color: #9ACD32;
}


#speedbar{
    padding: 2px 2px;
    font-size: 13px;
    color: #454545;
}
#speedbar span{
    color:#666;
}
#speedbar h1{
    font-size: 20px;
    line-height: 20px;
    margin: 10px 0px 8px;
}
#speedbar .fa{
    color: #ABABAB;
    margin: 0px 2px -2px 4px;
}
#speedbar .fa-angle-double-right{
    font-size: 11px;
}

/*-------------------- products list -------------------*/
.panel-option{
    padding: 4px 0px 6px 5px;
    height: 22px;
    margin-top: -4px;
    margin-bottom: 5px;
}
.panel-option div .fa{
    cursor: pointer;
    display: block;
    float: right;
    border: 1px solid #CCC;
    color: #CCC;
    margin: -1px 3px -1px;    
    padding: 4px 5px 3px;
}
.panel-option div .fa:hover{
}
.grid-list{
    cursor: default !important;
    border: 1px solid #FFF !important;
    box-shadow: 0px 0px 0px 1px #73B028;
    color: #FFF !important;
    background: #9ACD32;
}
.panel-option div select{
    padding: 1px 3px;
    height: 22px;
    font-size: 14px;
    font-family: 'decima';
}

.product-box{
    border-bottom: 1px dotted #DDD;
    border-right: 1px dotted #DDD;
    border-left: 1px dotted #DDD;
    border-top: 1px solid transparent;
    box-sizing: border-box;
    float: left;
    padding: 5px 6px;
    margin: 0px;
    vertical-align: top;
    background: #FFF;
    width: 187px;
    height: 304px;
    text-align: center;
    position: relative;
    display: block;
}
.product-box * {z-index: 19;}
.product-box:hover * {z-index: 20;}
.product-box-disable{
    background: #F3F3F3;
}
.product-box-disable .product-image{ opacity: 0.4;}
.product-box-disable .product-image:hover{ opacity: 0.9;}

.hover-box{
    visibility: hidden;
    position: absolute;
    top: -8px;
    left: -32px;    
    width: 248px;
    height: 380px;
    padding: 0px 0px;
    border: 1px solid #F00;
    background: #FFF;
}
.product-box:hover .hover-box{
    visibility: visible;
    display: block;
    border: 1px solid #999;
    background: #FFF;
    box-shadow: 0px 0px 0px 1px #FFF inset,0px 0px 0px 2px #BEE189 inset,0px 2px 9px #333;
}
.product-description{
    position: absolute;
    bottom: 10px;
    font-size: 11px;
    font-family: Tahoma,'Century Gothic';
    padding: 2px 14px;
    text-overflow: clip;
    color: #757575;
    width: 220px;
    height: 58px;
    overflow: hidden;
    line-height: 13px;
}

.manufacturer{
    position: absolute;
    top: 1px;
    right: 2px;
    font-size: 13px;
    background: #F9F9F9;
    color: #ABABAB;
    padding: 0px 4px;
    visibility: visible;
}
.product-image{
    text-align: center;
    width: 200px;
    height: 162px;        
    display: table-cell; 
    vertical-align: middle;
    position: relative;
    visibility: visible;
}
.product-image img{
    display: block;
    margin: 0 auto;
    max-width: 168px;
    max-height: 140px;
}
.special{
    position: absolute;
    left: -2px;
    top: 2px;
	width: 70px;
	height: 42px;
	background: url(/style/img/special.png) no-repeat center center;
}
.product-name{
    padding: 2px 0px;
    text-align: center;
    line-height: 15px;
    height: 42px;
    overflow: hidden;
    position: relative;
    visibility: visible;
}
.product-code{
    font-size: 12px;
    color: #ABABAB;
    text-align: left;
    padding: 2px 0px 0px;
    position: relative;
    visibility: visible;
}
.product-code span{
    float: right;
    background: #FFA;
    padding: 0px 4px;
}
.product-price{
    font-size: 14px;
    color: #111111;
    text-align: center;
    padding: 4px 0px;
    position: relative;
    visibility: visible;
}
.product-price span,.product-price strike{
    font-size: 14px;       
}
.product-price strike{
    font-size: 13px;
}
.product-compare{
    text-align: center;
    font-size: 11px;        
    padding: 2px 0px;
    position: relative;
    visibility: visible;
}
.product-compare a{
    text-decoration: none;
    border-bottom: 1px dotted currentColor;
}
.product-cart-button{
    text-align: center;
    padding: 2px 0px;
    position: relative;
    visibility: visible;
}
.addToCart{
    background: #299A0B;
    border: 1px solid green;
    box-shadow: none;
    text-shadow: none;
    color: #FFF;
    border-radius: 0;
    padding: 2px 2px 2px 24px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    height: 32px;
    position: relative;
}
.addToCart:hover{
    background: #FF9;
    color: green;
}
.addToCart::after { 
    border-bottom: 15px solid #299A0B;
    border-right: 15px solid #299A0B;
    border-top: 15px solid #299A0B;
    border-left: 15px solid #299A0B;    
    content: " ";
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 2;
}
.addToCart i{
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 20;
    color: #FFF;
}

.navigation-page-products{
    text-align: center;
}
.navigation-page-products a{    
    text-align: center;
    margin: 0px 2px;
    padding: 8px 14px;
    background: #299A0B;
    border: 1px solid green;
    color: #FFF;
}

/*-------------------- product single -------------------*/
.table-product-single{
    margin-top: 8px;
    padding: 2px 0px 2px 4px;
    width: 100%;
}
.table-product-single td{
    padding: 3px 0px 3px 0px;
}
.single{
    max-width: 300px !important;
    max-height: 300px !important; 
    cursor: pointer;
}
.special-big{
    position: absolute;
    top: -8px;
    left: 8px;    
}

.product-image-more{
    float: left;
    width: 56px;
    height: 56px;
    border: 1px solid #F4F4F4;
    margin: 3px;
    color: #CCC;
    text-align: center;
    position: relative;
}
.product-image-more img{
    max-width: 56px;
    max-height: 56px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-single-manufacturer{
    position: relative;
    padding-right: 110px;
    
}
.product-single-manufacturer span{
    position: absolute;
    right: 0px;
    bottom: -44px;
}
.product-single-manufacturer span img{
    border: 1px dashed #EEE;
    padding: 4px;
    max-width: 80px;
    max-height: 80px;
}

.product-single-price{
    width: 320px;
    color: #1D1D1D;
    font-family: Tahoma;
    font-size: 27px;
    line-height: 30px;
    padding: 20px 0px 8px;
}
.product-single-price span, .product-single-price strike{    
    font-size: 19px;
    color: #757575;
}
.product-single-price div{
    font-size: 11px;
    color: #900;
    line-height: 14px;
    padding: 10px 18px;
    margin: 10px 0px 5px;
    border: 2px dashed #900;
    border-radius: 5px;
    background: #FFD;
}
.product-single-code{
    padding: 3px 8px 4px;
    margin: 0;
    display: inline-block;
    width: auto;
    color: #111;
    background: #f6ee38;
}
.product-single-quantity{
    padding: 14px 5px 0px;
    font-size: 15px;
}
.product-single-quantity i{
    font-size: 16px;
}

.product-single-button-pay{
    padding: 8px 5px;    
    font-size: 16px;
}
.product-single-button-pay input[type="number"]{
    padding: 1px 4px;
    font-size: 20px;
    font-weight: bold;
    color: #111111;
    width: 76px;
    height: 30px;
}
#button-pay{
    background: #299A0B;
    border: 1px solid green;
    box-shadow: none;
    text-shadow: none;
    color: #FFF;
    border-radius: 0;
    padding: 2px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    min-width: 140px;
    height: 40px;
    letter-spacing: 0px;
    position: relative;
}

/*-------------------- analog products ----------------*/
#analog-products{
    border: 1px solid #DFB81A;
    font-size: 13px;
    padding: 1px 0px 1px 1px;
    position: relative;
    z-index: 10; 
    text-align: left;
}
#analog-preview-box{
    display: none;
    position: absolute;
    top: -12px;
    right: 237px;
    width: 176px;
    height: 250px;
    border: 2px solid #DFB81A;
    padding: 8px 12px;
    background: #FFF;
    box-shadow: 0px 0px 0px 1px #FFFFFF inset, 0px 0px 12px #EFDC8F inset;
}
#analog-products ul{
    margin: 0;
    padding: 0;
    max-height: 246px;
    overflow-x: hidden;
    overflow-y: visible;
}
#analog-products ul li{
    display: block;
    max-width: 214px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px 1px 2px 4px;
    color: #222; 
    position: relative;
    z-index: 13;
}

.zero-count{
    color: #999 !important;
}
.zero-count:hover{
    background: #E4E4E4 !important;
}
#analog-products ul li:hover{
    cursor: default;
    background: #E9C73C;
}

.tooltops{
    display: none;
}
/*------------------ tabs product single ----------------*/
#product-tabs{
    display: block;
    position: relative;
    border: 2px solid #299A0B;
    clear: both;
    min-height: 56px;
}
#product-tabs > div{ padding: 20px 20px;}
#product-tabs ul{
    list-style: none;  
    margin: 0;
    position: absolute;
    top: -39px;
}
#product-tabs ul li {
    cursor: pointer;
    font-family: 'decima';
    font-size: 15px;
    float: left;
    border-left: 1px solid yellowgreen;
    border-top: 1px solid yellowgreen;
    border-right: 1px solid yellowgreen;
    padding: 10px 24px 6px;
    height: 20px;
    margin: 0px 5px;
    background: #FFF;
    box-shadow: 0px 0px 0px 1px #FFFFFF inset, 0px 0px 14px #BEE189 inset;
}
.product-tab-active{
    background: #FFF !important;
    box-shadow: none !important;
    border-left: 2px solid #299A0B !important;
    border-top: 2px solid #299A0B !important;
    border-right: 2px solid #299A0B !important;
    padding: 8px 24px 9px !important;
}

/*---------------------- left column --------------------*/
#contact-box, .contact-box{
	margin-top: 10px;
    padding: 4px 14px 14px;
    border-bottom: 4px solid #f9ca24;
    text-align: center;
	background: #fff;
}
.ul-contacty{
    display: block; 
    list-style: none; 
    margin: 0; 
    padding: 0 0 0 24px;
    text-align: left;
}
.ul-contacty li {
    line-height: 20px;
    font-family: 'decima', Tahoma;
    font-size: 14px;
}

/************* range *************/
#range-slider{    
    padding-bottom: 10px;
    font-size: 15px;
}
#range-scale{
    padding: 0px 5px; 
    margin: 0px 2px;
}
#range-scale div:first-child{
    float: left;
    text-align: right;
    background: url("img/slider-range/slider_range_scale.gif") 1% 0px no-repeat;
}
#range-scale div:last-child{
    float: right;
    text-align: left;
    background: url("img/slider-range/slider_range_scale.gif") 98% 0px no-repeat;
}
#range-scale div{ 
    padding: 8px 2px 4px 2px;
    font-size: 11px;
    color:#ABABAB;
}
.ui-slider { 
    background: url("img/slider-range/slider-range.png") 0px 0px no-repeat transparent;
    height: 9px;
    position: relative;
    width: 192px;
}
.ui-slider-handle { 
    background: url("img/slider-range/slider_handle.png") 0px 0px no-repeat transparent;
    height: 19px;
    margin: 0px 0px 0px -9px;
    position: absolute;
    top: -3px;
    width: 19px;
}
.ui-slider-range { 
    background: url("img/slider-range/widget_range.png") 0px 0px repeat-x transparent;
    height: 12px;
    position: absolute;
    top: 1px;
}


/*---------------------- footer ---------------------*/
#footer{
    display: block;
    position: relative;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    background: url(img/footer_bg.jpg) repeat;
    height: 200px;
    color: #DDD;
}
#footer table{
    width: 1200px;
    padding: 8px 14px 0px;    
    border-spacing: 20px 0px;
    margin: 0 auto;
}
#footer table td{
    width: 20%;
    text-align: left;
}
#footer table td hr{
    border-bottom: 1px solid #474C51;
    border-left: medium none currentColor;
    border-right: medium none currentColor;
    border-top: 1px solid #26292E;
}
.footer-title{
    font: 17px "decima";
    padding: 4px 0px;
    color: #bfcef0;
    text-shadow: 0 1px 1px #333;
}
#footer table td ul{
    margin: 0;
    padding: 0 0 0 2px;
    list-style: none;
}
#footer table td ul li{
    line-height: 17px;
}
#footer table td ul li .fa-angle-double-right{
    font-size: 12px;    
    color: #757575;
}
#footer table td ul li a{
    text-decoration: none;
    color: #ABABAB;    
}
#footer table td ul li a:hover{
    color: #FFF;
    text-decoration: underline;
}

#footer-copyright{
    position: relative;
    text-align: center;
    background: url(img/copyright_bg.jpg) repeat-x;
    padding: 4px;
    height: 20px;
    color: #DDD;
}
#footer-copyright b{
    color: #FF6;
}
/*-------------------- popup-developer ---------------------*/
#creator-link{
    text-decoration: underline;
    cursor: pointer;
}
#popup-box-creator-link{
    cursor: default;
    display: none;
    opacity: 0.9;
    position: absolute;
    top: -112px;
    right: -14px;
    font: 14px 'decima';
    color: #111111;
    text-decoration: none;    
    background: #FFD;
    border: 1px solid #000000;
    box-shadow: 0px 1px 3px #000000;
    border-radius: 5px;
    padding: 16px 18px;
    z-index: 999;
}
#popup-box-creator-link:before, #popup-box-creator-link:after{
    content: ''; 
    position: absolute;
    right: 40px; 
    bottom: -23px;
    border: 10px solid transparent;
    border-top: 10px solid #000000;
}
#popup-box-creator-link:after {
    border-top: 10px solid #FFD;
    bottom: -20px; 
}
#close-button__popup-box-creator-link{
    position: absolute;
    top: 2px;
    right: 1px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    padding: 1px;
    background: url('img/tooltip.close.png') 0px 0px no-repeat;
}
#close-button__popup-box-creator-link:hover{
    background: url('img/tooltip.close.png') 0px -18px no-repeat;
}
#close-button__popup-box-creator-link:active{
    background: url('img/tooltip.close.png') 0px -36px no-repeat;
}


/*------------------ Modal Window Overlay ------------------*/
#div-overlay-loading{
    width: 100% !important;
    position: absolute; 
    background: rgba(0,0,0,0.6);
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    height: 100%;
    z-index: 999634;
    text-align: center;
}
#div-overlay-loading-gif{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: url(img/load.gif) center center no-repeat;
}

#modal-window-overlay{ 
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF,endColorstr=#90FFFFFF);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    z-index: 999631;
}

/*------------------ Modal Window ------------------*/
#modal-window{    
    position: relative;
    display: inline-block;
    width: auto;
    border: 1px solid #999;
    background: #e5e5e5;
    box-shadow: 0px 0px 0px 1px #FFF inset, 0px 0px 6px #000;
    border-radius: 3px;
}
#modal-window *{
    cursor: default;
}
#modal-window button, #modal-window a{
    cursor: pointer;
}
#modal-window input[type="text"], #modal-window input[type="password"], #modal-window input[type="number"], #modal-window textarea{
    cursor: text;
}
#modal-window input:read-only{
    cursor: not-allowed;
}
#modal-window-title{
    cursor: move;
    text-align: left;
    padding: 4px 30px 4px 8px;
    background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    margin: 1px;
    border-radius: 3px 3px 0px 0px; 
    color: #454545;
    font: 18px 'bold', Tahoma; 
    text-shadow: 0px 1px 1px #FFF;
    position: relative;
}
#modal-window-close{
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 3px 4px;
    border: 1px solid #ABABAB;
    border-radius: 2px;
    background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    box-shadow: 0px 0px 0px 1px #FFF, 0px 0px 0px 1px #FFF inset;
}
#modal-window-close:hover{
    background: #DDD;
    text-shadow: 1px 1px 1px #FFF,-1px 0px 1px #FFF;
}
#modal-load{
    min-height: 100px;    
}

#modal-window-content{
    position: relative;
    border: 1px solid #BBB;
    box-shadow: 0px 0px 0px 1px #F6F6F6;
    background: #F9F9F9;
    font: 13px 'web', Tahoma;   
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 8px;
    margin: 0px 5px 5px 5px;
    max-width: 1100px;
    min-width: 320px;
    max-height: 526px;
}
#modal-content-data-span{
    display: table-cell;
    vertical-align: middle;
}

#modal-window-content table{
    color: #555;
}
#modal-window-content table p{
    word-spacing: 2px;
}


.tablesorter-headerAsc{
    background: #E9EFF8 url(img/sort_asc.png) no-repeat !important;
    background-position: center top !important;
}
.tablesorter-headerDesc{
    background: #E9EFF8 url(img/sort_desc.png) no-repeat !important;
    background-position: center bottom !important;
}


.carousel {
    height: 100px;
}
.carousel li a {
    display: inline-block;
    position: relative;
}
.carousel li a img{
    max-width: 80px;
    max-height: 80px;
}
#errors-registration{
    list-style: none;
    color: #900;
}




.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }






#IA{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	z-index: 31;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	justify-content: center;
	align-items: center;
}
#IA .IA_back, .back-element
{
	background: #00000055;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 0;
}
.back-element
{
	z-index: 0;
	transition-property: all;
	transition-duration: 0.5s;
	display: block;
}
#IA .IA_modale
{
	background: #fff;
	overflow: hidden;
	max-width: 90%;
	max-height: 99%;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position: absolute;
}
#IA .IA_top
{
	//background: #0fb9b1;
	color: #7f8c8d;
	text-align: center;
	font-size: 1.4em;
	padding: 10px;
	position: relative;
}
#IA .IA_close
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#IA .IA_content
{
	overflow-x: auto;
	max-height: 90%;
	padding: 20px 10px;
	min-width: 310px;
}
#load
{
	z-index: 28;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #fff;
	text-align: center;
	color: #6ab04c;
}
.notifications
{
	position: fixed;
	z-index: 5;
	top: 40px;
	left: 0px;
	right: 0px;
}
.notifications .close
{
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 6;
	color: #718093;
}
.notifications .inf
{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	margin: 20px 10px;
	width: calc(100% - 40px;);
	background: #fafafa;
	color: #000;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.notifications .inf-l
{
	width: 70px;
	height: 70px;
	display: inline-block;
	text-align: center;
}
.inf-l i
{
	background: #fff;
	border-radius: 6px;
	padding: 4px;
	margin: 3px;
}
.notifications .inf-r
{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 140px);
	font-size: 1.3em;
}
.inf.success
{
	color: #44bd32;
}
.inf.error
{
	color: #c23616;
}
.inf.success .inf-r, .inf.error .inf-r
{
	padding: 10px;
}







.now-cart
{
	width: 550px;
}
.now-cart .l
{
	width: 70px;
	display: inline-block;
}
.now-cart .r
{
	display: inline-block;
	width: calc(100% - 70px);
	vertical-align: top;
	position: relative;
}
.now-cart .image
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 70px;
	padding: 3px;
}
.now-cart .image img
{
	max-width: 100%;
	max-height: 100%;
	border-radius: 4px;
}
.now-cart .name
{
	font-size: 1.2em;
	padding: 10px;
}
.now-cart .name a
{
	color: #34495e;
}
.now-cart a
{
	text-decoration: none;
}
.now-cart .nums
{
	padding: 10px;
}
.now-cart .nums .nu
{
	text-align: center;
	padding: 5px 0px;
	font-size: 1.2em;
	border: #dadfe1 1px solid;
	width: 80px;
}
.now-cart .nums .minus, .carts .minus
{
	width: 40px;
	//padding: 5px 0px;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	
}
.now-cart .ri, .now-cart .le
{
	box-sizing: border-box;
}
.now-cart .ri
{
	display: inline-block;
	width: calc(100% - 145px);
	//padding: 7px 5px;
	font-size: 1.3em;
	//background: #f0f0f0;
	text-align: right;
}
.now-cart .le
{
	display: inline-block;
	width: 200px;
}
.now-cart .bo
{
	border-top: 1px solid #f5f5f5;
	margin-top: 5px;
	padding: 5px;

}
.now-cart .buy
{
	font: 12px Arial,Helvetica,sans-serif;
	padding: 12px 20px;
	height: auto;
	color: #fff;
	//font-size: 1em;
	background: #303952;
	border: 0px;
	border-radius: 4px;
}
.now-cart .buy:hover
{
	background: #474787;
}
.now-cart .pric
{
	padding: 10px;
	color: #303952;
}
.now-cart .pric .ic
{
	vertical-align: middle;
	height: 100%;
	padding: 20px 3px;
}
.now-cart .te
{
	font-size: 1.5em;
}
.cart-top-info
{
	display: flex;
	border-radius: 4px;
	border: 1px solid #eaeaea;
	overflow: hidden;
	background: #fafafa;
}
.now-cart .flex-num{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}
.preorder{
	color: #e74c3c;
}
#cart .cart-preorder{
	text-align: right;
	padding: 5px 10px;
	color: #e74c3c;
}



.nul .product-image
{
	color: #f5f5f5;
}
.nul .product-name
{
	height: 15px;
	background: #f5f5f5;
	border-radius: 7px;
	margin: 5px;
}
.nul .product-code .product-name
{
	display: inline-block;
	width: 10px;
}
.nul .no-q
{
	border: 0px;
	background: #f5f5f5;
}
.mt-10{
	margin-top: 10px;
}
.p-10{
	padding: 10px;
}





.auth_top
{
	background: #A3CB38;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	min-width: 250px;
	font-size: 1.3em;
	font-family: 'Roboto', sans-serif;
}
.auth_form
{
	border: 1px solid #eaeaea;
	//padding: 3px;
	border-radius: 3px;
	width: 100%;
	margin-bottom: 8px;
	box-sizing: border-box;
	display: flex;
}
.auth_block .IA_content
{
	width: 100%;
	box-sizing: border-box;
}
.auth_form input
{
	width: calc(100% - 35px);
	border: none;
	padding: 7px;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
}
.auth_form input:focus
{
	box-shadow: none;
	background: none;
	border: none;
	text-decoration: none;
}
.auth_form .l
{
	padding: 10px;
	border-right: 1px solid #eaeaea;
	text-align: center;
	width: 34px;
	box-sizing: border-box;
	color: #A3CB38;
}
.auth_block .stri
{
	padding: 8px 4px 4px 10px;
	color: #2f3542;
	font-family: 'Roboto', sans-serif;
}
.auth_block .but i
{
	position: relative;
	right: -20px;
}
.auth_block .but
{
	padding: 10px;
	text-align: center;
	display: block;
	width: calc(100% - 1px);
	border: none;
	border-radius: 3px;
	position: relative;
	background: #A3CB38;
	margin-top: 10px;
	height: auto;
	color: #fff;
}

.auth_block .socseti
{
	color: #000;
	padding: 4px;
	text-align: center;
	border-top: 1px solid #efefef;
}

.auth_block .soc
{
	padding: 4px;
	margin: 0px 8px;
	border-radius: 3px;
	background: #fafafa;
	box-sizing: border-box;
	width: 35px;
	height: 35px;
	text-align: center;
}
.auth_block .regi
{
	display: block;
	padding: 10px;
	margin-top: 10px;
	text-decoration: none;
	color: #000;
}
.auth_block .soc.instasran
{
	color: #fff;
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.auth_block .forgot-password
{
	padding: 8px;
	text-align: right;
}



#cart
{
	background: #fafafa;
	padding: 3px;
	//padding-bottom: 40px;
}
#cart .gf
{
	font-size: 1.5em;
	color: #636e72;
	font-weight: 800;
	padding: 10px;
}

#cart .ga
{
	font-size: 1.3em;
	color: #40739e;
	font-weight: 800;
	padding: 7px;
	text-align: right;
}

.carts
{
	overflow-x: auto;
	height: 450px;
    width: 600px;

}
#cart .buy-button
{
	display: block;
	text-align: center;
	padding: 10px;
	background: #6ab04c; /*#e74c3c;*/
	width: 99%;
	color: #fff;
	height: auto;
	margin-top: 10px;
	text-decoration: none;
	font-weight: bold;
	border: none;
	border-radius: 4px;
}

.carts .nu
{
	padding: 3px;
	text-align: center;
	width: 40px;
	vertical-align: middle;
	border: 1px solid #4b6584;
	border-radius: 2px;
	color: #40739e;
}

.carts .pric
{
	font-size: 1.2em;
	color: #2f3640;
	font-weight: bold;
}
.carts .nu:active, .carts .nu:hover
{
	background: none;
	box-shadow: none;
	border: 1px solid #eaeaea;
}
.carts .minus
{
	padding: 0px;
	margin: 2px;
	width: auto;
}
.carts .nums
{
	font-size: 1.4em;
	color: #40739e;
}

.carts-bl
{
	border: 1px solid #eaeaea;
	background: #fff;
	padding: 4px;
	border-radius: 4px;
	margin: 3px;
}
.carts-bl-no-buyable{
	border: 1px solid #d63031;
	opacity: 0.8;
}
.carts-bl .img
{
	width: 70px;
	height: 70px;
	display: inline-block;
	position: relative;
}
.carts-bl .img img
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	border-radius: 4px;
	text-align: center;
}
.carts-bl .carts-right
{
	display: inline-block;
	width: calc(100% - 75px);
	vertical-align: top;
	padding: 5px;
	min-height: 75px;
	box-sizing: border-box;
	position: relative;
}
.carts .dell
{
	position: absolute;
	top: 1px;
	right: 1px;
	color: #d63031;
}
#cart .empty
{
	color: #95a5a6;
	text-align: center;
	font-size: 2em;
	margin: 10px;
}


.hea a
{
	padding: 6px;
	color: #000;
	font-size: 1.1em;
	text-decoration: none;
}
.hea a:hover
{
	text-decoration: underline;
	color: #40739e;
}
.hea
{
	padding-left: 15px;
	color: #7f8c8d;
	position: relative;
	width: calc(100% + 240px);
}

.cursor
{
	cursor: pointer;
}

.product-section {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
	margin-top: 15px;
	overflow: hidden;
}
.restore-password .section{
	padding: 10px;
	max-width: 500px;
}
.restore-password {
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	min-height: 500px;
}

.d
{
	margin: 10px 6px;
	border-bottom: 1px solid #ced6e0;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.d *
{
	box-sizing: border-box;
}
.e
{
	display: inline-block;
	width: 43px;
	font-size: 1.5em;
	padding: 5px 10px;
	text-align: center;
	color: #A3CB38;
}
input.inp, select.inp, .kom textarea, .d .inp
{
	border: 1px solid #fff;
	width: calc( 100% - 43px );
	padding: 9px;
	margin: 0px;
	vertical-align: top;
	display: inline-block;
}
select.inp, .kom textarea, .inp
{
	padding: 8px;
}
input.inp:focus, select.inp:focus, .kom textarea:focus
{
	border: none;
	box-shadow: none;
	background: #fff;
}

.but, .but-ok {
	padding: 15px;
	height: auto;
	text-align: center;
	width: 100%;
	border: none;
}
.but-ok{
	background: #e74c3c;
}

#cart{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 31;
	width: 600px;
}



.loader{height:100%;width:100%}
.loader .l_main{position:absolute;top:50%;left:50%;width:172px;height:128px;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media (max-width:550px){.loader{-webkit-transform:scale(0.75);transform:scale(0.75)}}
@media (max-width:440px){.loader{-webkit-transform:scale(0.5);transform:scale(0.5)}}
.l_square{position:relative}
.l_square:nth-child(1){margin-left:0px}
.l_square:nth-child(2){margin-left:44px}
.l_square:nth-child(3){margin-left:88px}
.l_square:nth-child(4){margin-left:132px}
.l_square span{position:absolute;top:0px;left:20px;height:36px;width:36px;border-radius:2px;background-color:#badc58}
.l_square span:nth-child(1){top:0px}
.l_square span:nth-child(2){top:44px}
.l_square span:nth-child(3){top:88px}
.l_square:nth-child(1) span{-webkit-animation:animsquare1 2s infinite ease-in;animation:animsquare1 2s infinite ease-in}
.l_square:nth-child(2) span{-webkit-animation:animsquare2 2s infinite ease-in;animation:animsquare2 2s infinite ease-in}
.l_square:nth-child(3) span{-webkit-animation:animsquare3 2s infinite ease-in;animation:animsquare3 2s infinite ease-in}
.l_square:nth-child(4) span{-webkit-animation:animsquare4 2s infinite ease-in;animation:animsquare4 2s infinite ease-in}
.l_square span:nth-child(1){-webkit-animation-delay:0.00s;animation-delay:0.00s}
.l_square span:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}
.l_square span:nth-child(3){-webkit-animation-delay:0.30s;animation-delay:0.30s}
@-webkit-keyframes animsquare1{0%,5%,95%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}30%,70%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare1{0%,5%,95%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}30%,70%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@-webkit-keyframes animsquare2{0%,10%,90%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}35%,65%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare2{0%,10%,90%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}35%,65%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@-webkit-keyframes animsquare3{0%,15%,85%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}40%,60%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare3{0%,15%,85%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}40%,60%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@-webkit-keyframes animsquare4{0%,20%,80%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}45%,55%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare4{0%,20%,80%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}45%,55%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}