@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.2.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

@font-face {
    font-family: 'Roboto Light';
    font-style: normal;

    src: url("fonts/RobotoCondensed-Light.ttf") format('truetype');
}
@font-face {
    font-family: 'Poiret';
    font-style: normal;
    font-weight: 300;
    src: url("fonts/Poiret-One.ttf") format('truetype');
}
@font-face {
    font-family: 'BravoRG';
    font-style: normal;
    src: url("fonts/BravoRG.otf");
}
body{
	background-color:  #120F16;
	margin: 0;
	padding: 0;
    font-family: 'Roboto Light';
    color:white;
    overflow-x: hidden;
    background-image: url('images/bg.jpg');
    background-size: 100% auto;
    background-attachment: fixed;
    background-repeat: no-repeat;

}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
*:focus{
	outline: none!important;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  vertical-align: middle;
}




.toast-container{margin-top: 50px;width:340px;z-index:9999;cursor: pointer;padding-right: 30px;
padding-bottom: 10px;}
* html .toast-container{position:absolute;}
.toast-item{height:auto;background:#239E7C;opacity:.96;-moz-border-radius:10px;-webkit-border-radius:10px;color:#eee;padding-top:0px;padding-bottom:0px;padding-left:6px;font-family: 'Poiret';padding-right:6px;font-size:14px;border:1px solid rgba(255,255,255,0.2);display:block;position:relative;margin:0 0 12px 0;}
.toast-item p{text-align:left;margin-left:50px;}
.toast-item-close{cursor: pointer;background:url(images/cross.png);width:14px;height:14px;position:absolute;top:7px;right:7px;background-size: 14px 14px;}
.toast-item-image{width:32px;height:32px;margin-left:10px;margin-top:10px;margin-right:10px;float:left;}
.toast-item-image-success{background:url(images/success.png);background-size: 32px 32px;}

.toast-type-success{color:white;}
.toast-position-top-left{position:fixed;left:20px;top:20px;}
.toast-position-top-center{position:fixed;top:20px;left:50%;margin-left:-140px;}
.toast-position-top-right{position:fixed;top:20px;right:20px;}
.toast-position-middle-left{position:fixed;left:20px;top:50%;margin-top:-40px;}
.toast-position-middle-center{position:fixed;left:50%;margin-left:-140px;margin-top:-40px;top:50%;}
.toast-position-middle-right{position:fixed;right:20px;margin-left:-140px;margin-top:-40px;top:50%;}




.dummy-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	display: block;
	height: 70px;
	z-index: 3;
	background:#1e1c21;
	text-align: center;
}


.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.float-left:hover, .float-left:focus, .float-left:active {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}
.bb{
	border: 1px solid #fff;
}
.menu-head{
	color:#120F16;
	padding-right: 60px;
	padding-left: 60px;
	margin:0;
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 10px;
	z-index: 9;
	text-align: center;

	background: rgba(217, 180, 156,1);
	background: -moz-linear-gradient(top, rgba(217, 180, 156,1) 0%, rgba(230, 230, 101,1) 75%, rgba(230, 230, 101,1) 100%);
	background: -webkit-linear-gradient(top, rgba(217, 180, 156,1) 0%, rgba(230, 230, 101,1) 75%, rgba(230, 230, 101,1) 100%);
	background: -o-linear-gradient(top, rgba(217, 180, 156,1) 0%, rgba(230, 230, 101,1) 75%, rgba(230, 230, 101,1) 100%);
	background: -ms-linear-gradient(top, rgba(217, 180, 156,1) 0%, rgba(230, 230, 101,1) 75%, rgba(230, 230, 101,1) 100%);
	background: linear-gradient(to bottom, rgba(217, 180, 156,1) 0%, rgba(230, 230, 101,1) 75%, rgba(230, 230, 101,1) 100%);

}
.menu-head.menu_exc{
	background: #000!important;
	z-index: 1;
	text-align: left;
	margin-top: -9px
}
.menu-head.menu_exc ul li a{
	color:orange;
	background-color: #000;
}
.menu-head.menu_exc ul li.active a{
	color:orange;
	background-color: #111;
}
.menu-head.menu_exc ul li a:hover{
	color:#000;
}
.menu-head ul{
	padding-top: 0;
	margin: 0;
}
.menu-head ul li{
	display: inline-block;
	padding: 2px;

	position: relative;
	transition: all .4s ease;
}
.menu-head.fixed ul li{
	padding-top: 0;
	padding-bottom: 0;
}
.menu-head ul li a{
	border: 1px solid transparent;
	border-radius: 10px
}
.menu-head ul li.sub.active a{
	border: 1px solid #B6B537;
	outline: none;
}
.menu-head ul li.sub.active a:focus{
	outline: none;
}
.menu-head ul li.sub.active ul li a{
	border: none;
	background: #B6B537
}
.menu-head ul li.sub.active ul li a:hover{
	background: transparent;
}
.menu-head ul li a{
	color:#120F16;
	text-decoration: none;
	font-size: 25px;
	text-transform: uppercase;
    font-family: 'BravoRG';
    letter-spacing: 2px;
    padding: 7px 15px;
    transition: all .4s ease;
}

.menu-head ul li a{
	text-align: center;
	display: inline-block;
}
.menu-head ul li a span{
	width: 100%;
	display: block;
}
.menu-head ul li a img{
	display: inline-block;
	width: 60px;
	filter: invert(1);
	transition: all .4s ease;
}
.menu-head.fixed ul li a img{
	width: 35px;
	margin-bottom: 5px
}

.menu-head ul li.sub a{
	padding-right: 10px;
}
.menu-head ul li a:hover{
	background: #E1E543;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}


.menu-head ul li i{
	transition: all .4s ease;
	font-size: 15px;
}
.menu-head ul li.sub:hover i{
	transform: rotate(180deg);
}
.menu-head ul li ul{
	position: absolute;
    padding-left: 0;
    right: 0;
    width: 250px;
    top: 110px;
    border: 1px solid #B6B537;
    padding: 0;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    z-index: -1;


	background: rgba(148,122,109,1);
	background: -moz-linear-gradient(top, rgba(148,122,109,1) 0%, rgba(182,182,55,1) 75%, rgba(182,182,55,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(148,122,109,1)), color-stop(75%, rgba(182,182,55,1)), color-stop(100%, rgba(182,182,55,1)));
	background: -webkit-linear-gradient(top, rgba(148,122,109,1) 0%, rgba(182,182,55,1) 75%, rgba(182,182,55,1) 100%);
	background: -o-linear-gradient(top, rgba(148,122,109,1) 0%, rgba(182,182,55,1) 75%, rgba(182,182,55,1) 100%);
	background: -ms-linear-gradient(top, rgba(148,122,109,1) 0%, rgba(182,182,55,1) 75%, rgba(182,182,55,1) 100%);
	background: linear-gradient(to bottom, rgba(148,122,109,1) 0%, rgba(182,182,55,1) 75%, rgba(182,182,55,1) 100%);
}
.menu-head.fixed  ul li ul{
    top: 85px;	
}
.menu-head ul li.active a{
	background: transparent;
}
.menu-head ul li:hover ul{
	z-index: 1;
	visibility: visible;
	opacity: 1;
}
.menu-head.menu_exc ul li ul{
	top:49px;
	background: #000
}

/*
.menu-head ul li ul li{
	width: 100%;
    padding: 5px;
}
.menu-head ul li ul li a{
	width: 100%;
    display: inline-block;
    padding: 5px 10px;
}*/




.fotorama__dot,.fotorama__active .fotorama__dot{
	border-radius: 100px;
	padding: 3px;
}
.fotorama__active .fotorama__dot{
	background-color:#7F7F7F;
}
.fotorama__nav__frame--dot {
	margin-left: 10px;
}
.fotorama{
	margin-top:-15px;
}
.fotorama .item{
	width: 100%;
}
.line-2{
	display: inline-block;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;	
	height: 4px;
	width: 200px;
	margin: 15px;
}
.line-2-price{
	border-top: 1px solid rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.1);	
	width: 30px;
	margin: 5px;
	position: absolute;
	top:10px;
	left:0;
}
.price .line-2:nth-child(1){
	left: auto;
	right: 0
}

.pr{
	display: table;
	width: 100%;
	text-align: center;
}
.price{
	color:white;
	font-size: 30px;
	font-weight:bold;
	display:table-cell;
	text-align: center;
	position: relative;
}
.price-val{
	color:grey;
	font-size: 16px;

	text-align: center;
	letter-spacing: 3px;
}
.price_discount{
	color:#F1543F!important;
	transition: all .4s ease;
}
.pr_discount{
	font-size: 16px;
	text-decoration: line-through;
	font-weight: normal;
	padding: 0 5px;	
	color:#fff!important;
}



.line-2-bask{
	display: inline-block;
	border-top: 1px solid rgba(255,255,255,0.1);
	width: 20px;
	height: 1px;
	margin: 5px;
}
.title{
    font-family: 'BravoRG';
	width: 100%;
	text-align: center;
	color:#E1E543;
	padding:5px;
	font-size: 60px;
	text-transform: uppercase;
}
.tovar-title,.tovar-title:active,.tovar-title:focus{
	font-size: 30px;
	padding: 10px;
	text-align: center;
    font-family: 'Poiret';
	text-transform: uppercase;
	color:#fff;
	text-decoration: none;

}
.tovar-title:hover{
	text-decoration: underline;
	color:#fff;
}
.category-garn .capt{
	font-size: 40px;
	width: 70%;
	text-transform: uppercase;
}
.category-garn .ves{
	width: 20%;
	text-align: right;
}

.tovar-ingr{
	color: grey;
	text-align: center;
}


.massa{
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}
.pr{
	display: table;
	width: 100%;
	text-align: center;
}
.price{
	color:white;
	font-size: 30px;
	font-weight:bold;
	display:table-cell;
	text-align: center;

}
.price-val{
	color:grey;
	font-size: 16px;

	text-align: center;
	letter-spacing: 3px;
}



.tovar-block{
	margin:5px;
	padding: 10px;
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid rgba(0,0,0,0);
	vertical-align: top;
	position: relative;
}
.tovar-block:hover{
	border: 1px solid rgba(255,255,255,0.1);
}
.fl_bl{
	display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}
.abs-prod{
	position: relative;
	bottom: 0;
	width: 100%;
	left: 0;
	display: inline-block;
	padding: 10px;
	padding-right: 20px;
}
.category{
	margin-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
	line-height: normal;
}
.tovar-image{
	display: block;
}
.tovar-image img{
	width: 100%;
}



header{
	padding: 10px 50px 50px
}
header div{
	vertical-align: middle;
	display: inline-block;
	width: 32%;
}
header div.tel div{
	width: 100%;
}
.logo{
	text-align: center;
	width:37%;
	height: 160px;
}
.logo img{
    padding-top: 20px;
    width: 90%;
}
.logo a{
		text-decoration: none;
}
.logo a p{
	color:white;

}
.tel{
	width: 30%;
	margin-top: -50px;
}
.tel a{
	color:white;
	display: inline-block;
	text-decoration: none;
	
	font-size: 21px;

	text-align: center;
	padding: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-weight: bolder;

}
.color_h{
	color:#E1E543;
}
.tel a:hover{
	text-decoration: underline;
}
.tel img{
	float: left
}
.basket{
	text-align: right;
	vertical-align: middle;
	display: inline-block;
}
.basket a{
	width:20%;
}
.basket .price{
	height: 100%;
	display: inline-flex;
  	justify-content: center;
  	flex-direction: column;
  	vertical-align: middle;

	width: 30%;
	padding-top: 30px;

}
#basket-val{
	width: 100%;
}
.basket .price .valut{
	letter-spacing: 5px;
	font-size: 15px;
	font-weight: lighter;

	display: block;
	width: 100%;
}
.basket .price .pr{
	font-size: 18px;
}
.buy,.garn{
	display: inline-block;
	padding: 10px;
	z-index: 1;
}
.buy:hover,.garn:hover,.tooltip-content:hover{
	cursor: pointer;
}



footer{
	font-family: 'BravoRG';
	width: 100%;
	background-color: #E1E543;
	color:#120F16;
	text-transform: uppercase;

}
.copy{
	padding: 20px;
	padding-left: 90px;


	font-family: 'Roboto Light';
	font-size: 20px;
	display: inline-block;
}
.social{
	margin-top:15px;
	display: block;
	padding-right: 90px;
	text-align: right;
	position: relative;
	right: 0;
	float: right;
}
.social img{
	margin-left: 5px;
}


.up{
	position: fixed;
	right: 20px;
	bottom: 180px;
	display: none;
}
.up:hover{
	cursor: pointer;
}

.call{
	position: fixed;
	right: 20px;
	bottom: 90px;
	   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.call:hover{
	cursor: pointer;
}
.call.active{
	-webkit-filter: blur(4px);
	filter: blur(4px);
	opacity: 0.2;
}


.col-5{
	display: table-cell;
	width: 40%;
	padding: 40px;
	padding-left: 10px;
}
.col-7{
	display: table-cell;
	width: 60%;
	padding: 40px;
	padding-right: 10px;
}

.title-b{
	width: 100%;
	display: block;
}

















/* General styles for the modal */

/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	background: #e74c3c;
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 600px;
	min-width: 320px;
	height: auto;

	z-index: 999999;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-close{
	position: absolute;
	right: 10px;
	top:15px;
	background-color: transparent;
	border-width:0;
	font-family: 'Raleway';
	font-size: 40px;
	cursor: pointer;
	width:50px;
	height: 50px;
}
.md-show {
	visibility: visible;
}

.md-overlay {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: fixed;
    display: none;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
	z-index: 12;
    background-color: #1c1a16;
}
.md-overlay.active {
	/*-webkit-filter: blur(4px);
	filter: blur(4px);	*/
    display: block;
    opacity: 0.9;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
.md-trigger{
	z-index: 3;
}
/* Content styles */
.md-content {
	color: #120F16;
	background: white;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}



.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;

}

.md-content > div p {
	margin: 0;
	color:grey;
	padding: 10px 0;
	font-size: 20px;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}
.md-content .md-title{
	margin: 0;
	padding: 10px;
	display: block;
	opacity: 0.8;
	background: #E1E543;
	border-radius: 3px 3px 0 0;
}
.md-content .md-title h3{
	font-size: 2.4em;
	font-family: BravoRG;
	text-align: center;
	padding: 5px;
	margin:0;
	font-weight: 300;
	color: #120F16;

}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.second-sector--title{
	font-family: BravoRG;
	padding: 20px;
	padding-bottom: 10px;
	color:#0c0c0c;
	text-align: center;
	font-size: 50px;
}
.no-padding{
	padding:0;
}
.ok-img{
	text-align:center;
	float:left;
	padding-right: 20px;
}
.jFiler-theme-default .jFiler-input {

	padding-left: 10px;
	width: 100%;
	background: transparent;
	color: #595F6E;
	font-size: 20px;
	padding-top: 8px;
}

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
margin:10px;

	width: calc(100% - 2em);
	vertical-align: top;
}
.div-input-callback{
	margin-top: 15px;
}
.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #0C0C0C;
	font-weight: bold;


	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.2em 0;
	margin-top: -15px;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}
/* Hoshi */
.input--hoshi {
	overflow: hidden;
}

.input__field--hoshi {
	margin-top: 0.4em;
	padding: 0.85em 0.15em;
	padding-left: 10px;
	width: 100%;
	background: transparent;
	color: #595F6E;
	font-size: 20px;

}

.input__label--hoshi {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0.25em;
	width: 100%;
	height: calc(100% - 1em);
	text-align: left;
	pointer-events: none;
}

.input__label-content--hoshi {
	position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
	border-bottom: 1px solid #B9C1CA;
}

.input__label--hoshi::after {
	margin-top: 1px;
	border-bottom: 2px solid red;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
	border-color: #E1E543;
}

.input__label--hoshi-color-2::after {
	border-color: #E1E543;
}

.input__label--hoshi-color-3::after {
	border-color: #E1E543;
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	-webkit-animation: anim-1 0.3s forwards;
	animation: anim-1 0.3s forwards;
}
#callback-num{
	letter-spacing: 1px;
}
@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}





























/* Common button styles */
.button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	font-size:25px;
	margin-top:20px;
	padding: 0.5em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
.button:hover{
	cursor: pointer;
}

/* Wapasha */
.button.button--wapasha {
	background: #37474f;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--wapasha.button--inverted {
	background: #fff;
	color: #37474f;
}
.button--wapasha::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #4F1167;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--wapasha.button--inverted::before {
	border-color: #FF943D;
}
.button--wapasha:hover {
	background-color: #fff;
	color: #4F1167;
}
.button--wapasha.button--inverted:hover {
	background-color:transparent;
	color: #FF943D;
}
.button--wapasha:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}
.button--text-thick {

}
.button--round-l {
	border-radius: 40px;
}


.button--wapasha-invert{
	margin-top: 30px;
	background: #fff;
	color: #4F1167;
	border: 2px solid #4F1167;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--wapasha-invert::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--wapasha-invert:hover {
	background-color: #37474f;
	color: #fff;
	border: 2px solid white;
}
.button--wapasha-invert:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}





/* Naira */
.button--naira {
	padding: 0;
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--naira::before {
	content: '';
	position: absolute;
	left: -50%;
	width: 200%;
	height: 200%;
	background: #37474f;
	top: -50%;
	z-index: -1;
	-webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
	transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}
.button--naira.button--inverted::before {
	background: #7986cb;
}
.button--naira-up::before {
	-webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
	transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
}
.button--naira > span {
	display: block;
}
.button--naira .button__icon {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	color: #fff;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	font-size: 20px;
	margin-top: -8px;
}
.button--naira-up .button__icon {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--naira > span,
.button--naira .button__icon {
	padding: 1em 2em;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--naira:hover::before {
	-webkit-animation: anim-naira-1 0.3s forwards ease-in;
	animation: anim-naira-1 0.3s forwards ease-in;
}
.button--naira-up:hover::before {
	-webkit-animation: anim-naira-2 0.3s forwards ease-in;
	animation: anim-naira-2 0.3s forwards ease-in;
}
@-webkit-keyframes anim-naira-1 {
	50% {
		-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes anim-naira-1 {
	50% {
		-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@-webkit-keyframes anim-naira-2 {
	50% {
		-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes anim-naira-2 {
	50% {
		-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}

.button--naira{
	color:black;

}
.button--round-s {
	border-radius: 5px;
}
.button--naira:hover {
	background-color: #37474f;
	-webkit-transition: background-color 0s 0.3s;
	transition: background-color 0s 0.3s;
}
.button--naira.button--inverted:hover {
	background-color: #7986cb;
}
.button--naira:hover .button__icon {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--naira:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--naira-up:hover > span {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.button--border-thin {
	border: 1px solid black;
}

.button-callback span{
	font-size: 18px;
	padding: 10px;
}
.button-callback{
	padding-top: 20px;

	display: flex;
  	justify-content: center;
  	flex-direction: row;
}
.button-info{
	font-size: 17px;
}


.button-callback1 span{
	font-size: 18px;
	padding: 10px;
}
.button-callback1{
	padding-top: 20px;

	display: flex;
  	justify-content: center;
  	flex-direction: row;
}












.product-details-right.style2 .quantity{
    min-width: 160px;
    display: table;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #35373A;
    margin-right: 20px;
    padding-right: 20px;
    padding-left: 20px;
}
.product-details-right.style2 .quantity a{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-style: 100px;
    height: 20px;
    font-family: 'Poiret';
    font-weight: 300;
    color: #fff;
}
.product-details-right.style2 .quantity a img{
    width:16px;
}
.product-details-right.style2 .quantity input{
    border: none;
    text-align: center;
    display: table-cell;
    width: 100%;
    background-color: #222325;
}

/* CART */
table{
    width: 100%;
}
.shop_table td{
    border-top: 1px solid #35373A;
    padding: 10px 0;
}
.shop_table th{
    padding: 15px 0;

}
.shop_table.cart .product-thumbnail,
.shop_table.cart .product-name{
    padding-left: 10px;    text-align: left;
}
.shop_table.cart .product-thumbnail{
    width: 100px;
}
.shop_table.cart .product-thumbnail img{
    width: 100px;
}

.shop_table.cart td,
.shop_table.cart th{
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;

    font-weight: lighter;
}
.shop_table.cart thead td,
.shop_table.cart thead th{
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.shop_table.cart .product-name a{
    font-weight: lighter;
    color: #fff;
    text-decoration: none;

}
table.group-product div.quantity .qty{
    border: 1px solid #ccc;
    width: 40px;
    margin: 0 10px;
}
.shop_table.cart .qty{
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border:none;
    background-color: transparent;
    color:white;
}
.shop_table.cart .product-remove{
    padding-right: 0;
}
.shop_table.cart .product-remove a{
    color: #555;
}
.product-remove-img{
    width: 16px;
}

.product-remove img{
	cursor: pointer;
}
.box-coupon {
    border: 3px dashed #a2a2a2;
    padding: 15px;
    padding-bottom: 80px;
}
.box-coupon .coupon-box-title {
    margin-bottom: 45px;
    font-size: 18px;
    font-style: italic;
    color: #222;
    font-family: 'PlayfairDisplay';
}
.box-coupon .inner-box {
    display: table;
    margin: 0 auto;
}
.box-coupon .input-text {
    padding: 8px 15px;
    min-width: 370px;
    margin-right: 5px;
}
.box-cart-total {
    border: 1px solid #dddddd;
    padding: 26px 30px;
    margin-bottom: 40px;
    font-family: 'Poiret', sans-serif;
    padding-bottom: 55px;
}
.box-cart-total .title {
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 9px;
}
.box-cart-total table td{
    padding: 10px 0;
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
    padding-right: 10px;
}
.box-cart-total .price{
    font-family: 'Poiret', sans-serif;
    color: #222;
}
.box-cart-total label{
    display: block;
    margin: 0;
    font-weight: normal;
    margin-bottom: 10px;
}
.box-cart-total label  .price{
    display: block;
    padding-left: 20px;
}
.box-cart-total label  input[type="radio"]{
    margin: 0;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.box-cart-total .order-total td{
    border-top: 1px solid #ddd;
    padding-top: 30px;
    padding-bottom: 30px;
    vertical-align: middle;
}

.box-cart-total .order-total .price{
    font-size: 24px;
    display: inline-block;
    float: right;

}
.box-cart-total .button{
    width: 100%;
    margin-bottom: 20px;
}
.box-cart-total .checkout-button{
    margin-bottom: 0;
}


.shop_table{
    border-bottom:1px solid #35373A;
}
.total-main{
    display: table;
    width: 100%;
    padding-top: 20px;
}
.total{
    padding-right: 15px;
    width: 100%;
    display: table;
    float: none;
}
.total-div{
    border-bottom:1px solid #35373A;
    color:grey;
    width:50%;
    float: right;
}

.l-total-title, .r-total{
    padding: 10px;
    font-weight: lighter;
    text-transform: uppercase;
    font-family: 'Roboto Light';
    float: left;
    width: 50%;
    vertical-align: bottom;

}
.r-total{
    text-align: right;
}
.r-total.rend{
    font-size: 25px;

    color:#FBAE2E;


}

#total{
	display: inline;
}
#total-top-js{
	display: inline;
}



.shop_table{
    border-bottom:1px solid #35373A;
}
.total-main{
    display: table;
    width: 100%;
    padding-top: 20px;
}
.total{
    padding-right: 15px;
    width: 100%;
    display: table;
    float: none;
}
.total-div{
    border-bottom:1px solid #35373A;
    color:grey;
    width:50%;
    float: right;
}
.l-total-title, .r-total{
    padding: 10px;
    font-weight: lighter;
    text-transform: uppercase;
    font-family: 'Roboto Light';
    display: inline-block;
    line-height: 20px;
    padding-top: 10px;


}
.r-total{
    text-align: right;
}
.r-total.rend{
    font-size: 25px;
    font-weight: lighter;
    color:#E1E543;
	text-transform: none;
}


.tel{
	padding-left: 20px;
}
.tel a{
	color:white;
	display: inline-block;
	text-decoration: none;

	font-size: 18px;

	text-align: center;
	padding: 5px;


}
.tel a:hover{
	text-decoration: underline;
}
.tel img{
	padding-top: 10px;
	float: left;

}

tr{
	height: auto;
}

.div_anim{
	display: block;
	width: 100%;

}


.addr,
.img-addr{
	float: left;
	width: 80%;
}
.img-addr{
	width: 20%;
}
.basket{
	text-align: right;
	vertical-align: middle;
	display: inline-block;
	width: 35%;
}
.basket p{
	display: inline-block;
	padding:0;
	margin:0;
}
.basket p.m{
	font-size: 20px;
}
.basket img{
	display: inline-block;
}
.footer-zag{
	height: 70px;
	opacity: 0;
}
tr.toping-tr td.product-name{
	text-align: right!important;
}
tr.toping-tr td.price{
	font-size: 15px;
}
tr.toping-tr{
	border-left: 5px solid yellow;
	border-top: 2px dotted rgba(255,255,255,0.1);
	width: 100%;
	text-align: center;
	margin-right: 20px;
	z-index: 1;

}
tr.toping-tr .zag{
	opacity: 0;
}



.addr a{
	color: white;
}
.addr:hover a{
	text-decoration: underline;
}
.basket-button{
		border: 1px solid #fff;
		color:#fff;
}
.hidden{
	display: none;
}
.basket-info{
	color:grey;
	font-family: 'Poiret';
	text-align: left;
	padding-left: 60px;
	font-size: 20px;
}
.basket-info b{
	color:#fff;
}
.basket-min-info{
	color:#E1E543;
	font-family: 'Poiret';
	text-align: left;
	padding-left: 60px;
	font-size: 20px;
}
.div-24{
	display: inline-block;
	width: 13%;	font-size: 16px;
}
.div-24 p{

	padding:0;
	margin:0;
}
.div-24 img{
	padding-top: 10px;
	float: left;
	margin-right: 10px;
}
.div-24 p.m24{
	font-size: 20px;
	font-weight: bolder;
	color:#fff;
}
.div-242{
	padding-left: 10px;
	white-space: nowrap;
	padding-top: 0px;
}
.div-242 a{
	color:#fff;
	font-size: 18px;
	text-decoration:none;
}
.div-242 a:hover{
	color:#fff;
	text-decoration: underline;
}
.div-2422 a{
	color:#fff;
	font-size: 18px;
	text-decoration:none;
}
.div-2422 a:hover{
	color:#fff;
	text-decoration: underline;
}
.basket-block img{
	padding-bottom: 50px;
}

.thank{
	margin-bottom: 50px;
	text-align: center;
	width: 100%;
	padding: 20px;
	font-family: 'Poiret';
	font-size: 40px;
	line-height: 0px;
}
.factive{
	position: absolute;
	width: 100%;
	height: 60px;
	display: none;
	z-index: 999999999;
}
.factive.active{
		display: block;
}
.alert-min{
	background-color: #E52148;
	color:white;
	font-size: 20px;
	margin-top: 10px;
	padding: 10px;
	padding-left: 20px;
	border-radius: 50px;
}
.basket-ico{
	position: fixed;
    right: 20px;
    top: 210px;
    text-align: right;
    z-index: 11;
    background: #E1E543;
    border-radius: 100px;
    padding: 10px;
    width: 80px;
    height: 80px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
    transition: all .4s ease
}
.basket-ico .img{
	text-align: center;
	margin-top: 5px
}
.basket-ico .img img{
	width: 80%;
}
.basket-ico .col{
	position: absolute;
	bottom: 0px;
	left: 0;
	border-radius: 100px;
	color:#fff;
	background-color: #F1543F;
	display: inline-block;
	width: 30px;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	border:1px solid #333;
}

.fl_bl{
	display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}
.parametr{
	display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: 15px 0;
}
.food_block .parametr{
	display: block;
	text-align: left;
}

.food_block .parametr a{
	font-size: 14px;
    padding: 10px 25px;	
    margin-right: 15px;
}
.parametr a{
	font-family: 'Poiret';
	color:#201E21;
	background-color: #D5D776;
	font-size: 12px;
	padding: 10px;
	text-align: center;
	border-radius: 20px;
	font-weight: bold;
	opacity: .8;

	text-decoration: none;
}
.parametr.parametr_grid-1 a{width: 100%;}
.parametr.parametr_grid-2 a{width: 48%;}
.parametr.parametr_grid-3 a{width: 32%;}
.parametr.parametr_grid-4 a{width: 24%;font-size: 12px}
.parametr.parametr_grid-5 a{width: 19%;}


.parametr a:hover,.parametr a:focus,.parametr a.active{
	color:#201E21;
	background-color: #DFE443;
	text-decoration: none;
	opacity: 1;
}
@media all and (max-width: 1100px) {
    .tovar-block{
		width: 27%;
    }
    .basket-ico .img img{
    	width: 70%;
    }
	.menu-head ul li{
		padding: 10px;
	}
}

@media all and (max-width:700px) {
    .tovar-block{
		width: 40%;
    }
    .basket-ico .img img{
    	width:40%;
    	right: 0px;
    }
}
.button-buy{
	font-family: 'Poiret';
	width: 100%;
	background-color: #219777;
	font-size: 20px;
	display: inline-block;
	padding: 20px;
	text-align: center;
	margin:5px;
	border-radius: 30px;
	font-weight: bold;
}
.button-buy-toping{
	background-color: #E1E543;
	color:#120F16;
	border:none;
}
.button-buy-toping:hover{
	cursor: pointer;
}

.vis-mobile{
	display: none;
}
.button-buy:hover {
	opacity: .7;
}

.burger-block .tovar-image{
	height: 200px;
	overflow-y: hidden;
	overflow-x:hidden;
}
.burger-block .tovar-image img{
	height: 100%;
	width: auto;
}
/*.burger-block{
	height: 500px;
}*/




.pivo-block .tovar-image{
	height: 300px;
	overflow-y: hidden;
	overflow-x:hidden;
}
.pivo-block .tovar-image img{
	height: 100%;
	width: auto;
}
/*.pivo-block{
	height: 600px;
}*/


.hot-block .tovar-image{
	height: 150px;
	overflow-y: hidden;
}
/*.hot-block{
	height: 500px;
}
.drink-block{
	height: 600px;
}
.garn-block{
	height: 450px;
}*/

.fotorama__wrap{
	margin-right: 0;
}
.descr{
	text-align: left;
	font-size: 18px;
	padding: 0 90px;
}
.seo_block{
	padding: 20px 90px;
	font-size: 20px
}



.menu-head_p{
	background-color: #232326;
	padding-right: 60px;
	padding-left: 60px;
	margin:0;
	width: 100%;
	display: block;
	z-index: 9;
}
.menu-head_p ul{
	padding-top: 0;
	margin: 0;
}
.menu-head_p ul li{
	display: inline-block;
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 15px;

}
.menu-head_p ul li a{
	color:#fff;
	text-decoration: none;
	font-size: 20px;
    letter-spacing: 2px;
    padding: 5px 20px;
    font-family: 'BravoRG';    
}
.menu-head_p ul li a:hover{
	color:#ccc;
}
.menu-head_p ul li:first-child a{
	padding-left: 0;
}
.menu-head_p ul li:last-child a{
	padding-right: 0;
}




.r-total.rend.disc{
    color:#ad5486;
    font-weight: bolder;
}
#total_disc{
	color:#ad5486;
	display: inline-block;
	margin:0;
}











.control {
  margin-bottom: 1.3em;
}


.control.op{
  text-align: left;
}

.control.op [type="radio"]:checked,
.control.op [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.control.op [type="radio"]:checked + label,
.control.op [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 18px;
}
.control.op [type="radio"]:checked + label:before,
.control.op [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 100%;
}
.control.op [type="radio"]:checked + label:after,
.control.op [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.control.op [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.control.op [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.control.op [type="radio"]:checked + label,
.control.op [type="radio"]:not(:checked) + label
{
    color: #fff;
}
.control.op [type="radio"]:checked + label:before,
.control.op [type="radio"]:not(:checked) + label:before {
    border: 1px solid #fff;
    background: #1C1D1F;
}
.control.op [type="radio"]:checked + label:after,
.control.op [type="radio"]:not(:checked) + label:after {
    background: #E1E543;
}



#toping-modal .md-content{
	max-height: 95vh;
	overflow-y: auto;
}
#toping-modal .md-content .md-title{
	z-index: 1;
    position: sticky;
    top: 0;
}




.col_buy{
	display: inline-block;
    padding: 20px 0;
    padding-bottom: 25px;
    font-size: 18px;
    font-weight: lighter;
}

.minus_prod, .plus_prod {
    margin: 5px;
    font-size: 35px;
    padding-top: 5px;
    font-weight: lighter;
    color: #ccc;
    text-decoration: none;
    vertical-align: middle;
    font-family: 'Poiret';
    text-align: center;
}
.minus_prod:hover, .plus_prod:hover {
	color:#E1E543;
}
.col_buy b {
    color: #fff;
    font-size: 14px
}
.col_buy span.g{
	font-size: 12px;
	color:#ccc;
}
.col_buy span.label_col {
    color: #E1E543;
    padding-left: 20px;
    border-left: 1px solid #777;
    font-size: 19px;
    font-weight: bolder;
}


.hidden{
	display: none;
}


.col_buy i{
	color:grey;
	font-size: 13px;
	text-align: center;
	font-style: normal;
}










.toggle {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
  zoom:1.1;
}
.toggle:before {
  content: "";
  position: relative;
  top: 3px;
  left: 3px;
  width: 34px;
  height: 14px;
  display: block;
  background: #9A9999;
  border-radius: 8px;
  transition: background 0.2s ease;
}
.toggle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: white;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
  transition: all 0.2s ease;
}
.toggle span:before {
  content: "";
  position: absolute;
  display: block;
  margin: -18px;
  width: 56px;
  height: 56px;
  background: rgba(79, 46, 220, 0.5);
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}
.cbx{
  display: none;
}
.cbx:checked + .toggle:before {
  background: #74f2cf;
}
.cbx:checked + .toggle span {
  background: #4bbf9e;
  transform: translateX(20px);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
  box-shadow: 0 3px 8px #5FC6A9;
}
.cbx:checked + .toggle span:before {
  transform: scale(1);
  opacity: 0;
  transition: all 0.4s ease;
}


.bonuse_use{
  padding-bottom: 30px;
  padding-top: 30px;

}
.bonuse_use label{
  font-size: 16px;
  vertical-align: top;
  margin-top: 5px;
  margin-left: 10px;
  vertical-align: super;
}

.bonuse_input{
  margin-top: -7px;
}


.user_section{
	text-align: right;
	float: right;
	padding-right: 40px;
    font-family: 'BravoRG';

}
.user_icon{
	display: inline-block;
	margin-right: 20px;
}
.user_icon img{
	width: 30px;
    height: 30px;
    margin-top: -5px;
}
.user_section a{
	color: #fff;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 5px 20px;
}
.user_section a:hover{
	color:#ccc;
}
.user_links{
	line-height: 40px;
	display: inline-block;
	padding: 7px 0;
}
.user_links a {
	background-color: #FFB454;
	color: #120F16;
	border-radius: 5px;
	margin: 0 5px;
}
.user_links a:nth-last-child(2) {
	margin-right: 0px;
}
.user_links a:hover{
	color: black;
}
.tttotal{
	color: #ccc;
	font-size: 18px; 
	padding-left: 15px
}
.tttotal b{
	color:#FFED00;
	font-size: 22px;
}
.user_links .tttotal {
	font-size: 22px;
}
.user_links .tttotal b {
	font-size: 24px;
}




.nav_my{
  display: block;
  width: 100%;
  text-align: center;
  padding: 40px 0 20px;
  list-style: none;
}
.nav_my li{
  display: inline-block;
  padding: 0 10px

}
.nav_my li a{
  display: inline-block;
  transition: all .4s ease;
  font-size: 25px;
  color:#fff;
  text-decoration: none;
  font-family: 'BravoRG';

  background-color: #FFB454;
  border-radius: 5px;
  padding: 7px 24px;
  line-height: 1;
  color: #120F16;
  text-decoration: none;
}
.nav_my li a.active{
	background-color: #F1CA6A;
}
.nav_my li a:hover,.nav_my li a:focus,.nav_my li a:active{
  color: black;
}





table#acrylic {
    border-collapse: separate;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 50px auto;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#acrylic thead {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#acrylic thead th {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 20px;
    background-size: 100%;

    border: 1px solid #333;
}

#acrylic thead th:first-child {
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

#acrylic thead th:last-child {
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

#acrylic tbody tr td {
    font-weight: 400;
    font-size: 13px;
    padding: 20px 20px 20px 20px;
    border-bottom: 1px solid #333;
}


#acrylic tbody tr:last-child td {
    border-bottom: none;
}

#acrylic tbody tr:last-child td:first-child {
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#acrylic tbody tr:last-child td:last-child {
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#acrylic tbody:hover > tr td {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

#acrylic tbody:hover > tr:hover td {
    text-shadow: none;
    color: #fff;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    transition: 0.2s all;
}


.mob_menu_n{
	position: static;
	color:#120F16!important;
	text-decoration: none;
	display:inline-block;
	background-color: #FFB454;
	font-size: 20px;
	padding: 10px 30px!important;
	font-weight: bolder;
	border-radius: 10px;
	text-align: center;
}

/* Страница товаров за бонусы */
.BonusContainer{
	padding: 23px 50px;
}
.BonusContainer .title{
	margin-bottom: 23px;
}
#not-enough-money{
	display: none;
	max-width: 480px;
}
#not-enough-money .md-content .md-close{
	padding: 0px;
	font-size: 28px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
}
#not-enough-money .md-content .title-content{
	padding: 36px 20px 28px;
	text-align: center;
	font-size: 22px;
}