/* FONTS */
@font-face {
    font-family: 'Roboto CnBold';
    src: url('font/Roboto-BoldCondensed.eot');
    src: url('font/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('font/Roboto-BoldCondensed.woff2') format('woff2'),
        url('font/Roboto-BoldCondensed.woff') format('woff'),
        url('font/Roboto-BoldCondensed.ttf') format('truetype'),
        url('font/Roboto-BoldCondensed.svg#Roboto-BoldCondensed') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('font/Roboto-Condensed.eot');
    src: url('font/Roboto-Condensed.eot?#iefix') format('embedded-opentype'),
        url('font/Roboto-Condensed.woff2') format('woff2'),
        url('font/Roboto-Condensed.woff') format('woff'),
        url('font/Roboto-Condensed.ttf') format('truetype'),
        url('font/Roboto-Condensed.svg#Roboto-Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('font/OpenSans-Light.eot');
    src: url('font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('font/OpenSans-Light.woff2') format('woff2'),
        url('font/OpenSans-Light.woff') format('woff'),
        url('font/OpenSans-Light.ttf') format('truetype'),
        url('font/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans.eot');
    src: url('font/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('font/OpenSans.woff2') format('woff2'),
        url('font/OpenSans.woff') format('woff'),
        url('font/OpenSans.ttf') format('truetype'),
        url('font/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.eot');
    src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff'),
        url('Roboto-Regular.ttf') format('truetype'),
        url('Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('font/Roboto-Light.eot');
    src: url('font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Roboto-Light.woff2') format('woff2'),
        url('font/Roboto-Light.woff') format('woff'),
        url('font/Roboto-Light.ttf') format('truetype'),
        url('font/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('font/Roboto-Bold.eot');
    src: url('font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Roboto-Bold.woff2') format('woff2'),
        url('font/Roboto-Bold.woff') format('woff'),
        url('font/Roboto-Bold.ttf') format('truetype'),
        url('font/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


* {
	padding:0; margin:0; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.clear {clear:both;}
.none {display:none;}

a {text-decoration:none;}
body {
	font-size:15px;	
}
h1, h2, h3 {
	color: #dcbe7f; /* Для старых браузеров */    
	background: linear-gradient(to bottom, #f6eabf, #dcbe7f);
	-webkit-background-clip: text; 
	color: transparent;
	text-transform:uppercase;
	font-family: 'Roboto CnBold';
}
h1 {
	font-size: 56px;
    padding-left: 44px;
    padding-top: 90px;
}
ul {list-style-type:none;}

.wrap {
	width:1280px;
	margin:0 auto;
}
.banner a, .banner, #menu a {
	color:#fff;	
}
.banner a:hover {
	color:#e3bf85;
}

#head-banner {
	font-family:'Roboto Cn';
	width:100%;	
	height:600px;	
	background:url('img/bg/bg-1.jpg') no-repeat;
	background-size:cover;
	position:relative;
}

#mobile-menu {
	display:none;
	vertical-align: middle;
	background:url(img/icons/mobile-menu.png);
	width:40px;
	height:25px;
	cursor:pointer;
}

#main-menu {
	padding-top:30px;	
}
#main-menu img {vertical-align:middle;}
#main-menu ul, #main-menu div:not(.wrap) {display:inline-block;}

#menu {list-style-type:none;width: 46%;font-family:'Roboto Cn';}
#menu li {
	display:inline-block;
	padding-left: 45px;
	
}

#main-menu .phone {
	text-transform:uppercase;
	font-family:'Roboto CnBold';
	font-size: 24px;
	margin: 0 30px 0 90px;
}

#main-menu .head-right {	
	width: 52%;
}
#main-menu .cube {
	display:none;
}

#main-menu.fixed {
	position: fixed;
    padding: 0;
    width: 100%;
    top: 0;
    background: #110c09;
	z-index:999;
}
#main-menu.fixed .login, 
#main-menu.fixed .phone img {
	opacity:0;
}

#main-menu.fixed .cube {
	display:inline-block;
}
#main-menu.fixed .sphere {
	display:none;
}


ul#menu>li {
	position:relative;
	font-size:16px;
}

ul#menu ul {
	display:none;
	position:absolute;
	left:0;		
	padding-top: 15px;
    box-sizing: border-box;
    width: 270px;
}
ul#menu ul li {
	background:rgba(17,11,11, 0.9);
	display:block;
	line-height:33px;
	margin:0;
	padding:0 0 0 50px;
	font-size:14px;
}
ul#menu ul li:first-child {
	padding-top:20px;
}
ul#menu ul li:last-child {
	padding-bottom:25px;
}
ul#menu li a:hover {
	color:#e3bf85;
}
ul#menu .parent:hover ul {
	display:block;
}

.login {
	margin-right: 58px;
}

.cart div {
	font-family: 'Roboto CnBold';
    font-size: 24px;
	position:relative;
}
.cart div span {
	font-size:13px;
	font-family: 'Open Sans Light';
	display:block;
	position: absolute;
    bottom: -14px;
    left: 0;
}

.ico.arrow {
	display:inline-block;
	vertical-align:middle;
	background:url('img/arrow.png');
	width:13px;
	height:9px;
	margin-left: 10px;
}

#head-banner h1 {
	margin-bottom:65px;
}

#head-banner .big.button {	
	padding:29px 0;
	width:275px;	
	border-radius:36px;	
	text-transform:uppercase;
	display:block;
	float:left;
	text-align:center;	
	margin-right: 33px;
}

#head-banner .big.button.callback {
	border:1px solid #fff;	
}
#head-banner .big.button.callback:hover {
	background:#392a23;
	color:#fdfeff;
	border-color:#392a23;
}

#head-banner .big.button.catalog {
	background:#392a23;
	box-shadow:0 0 30px #000;	
}
#head-banner .big.button.catalog:hover {
	background:#dcbe7e;
	color:#372823;
}

#head-banner .main-buttons {
	padding-left:44px;
}






#block-suitable {
	background:url('img/bg/bg-2.jpg') no-repeat;	
	background-size:cover;
	text-align:center;
	width:100%;	
	padding:100px 0;
}
#block-suitable h2 {
	font-size:34px;
	font-family: 'Roboto Bold';
}
#block-suitable ul {
		list-style-type:none;
		width:1198px;
		margin:0 auto;
}
#block-suitable ul li {
	display:inline-block;
	font-family:'Open Sans';
	margin-right:115px;
}
#block-suitable ul li:last-child {
	margin-right:0;
}


.best-product {
	margin-top:100px;
}
h2.best-prod {
	color:#392a23;
	text-align:center;
	font-size:42px;
}

.listing {
	width:100%;
	position:relative;	
}
.listing .product {
	float:left;
	width:25%;
	height:360px;
	box-sizing:border-box;
	padding:20px 25px 0 25px;
	position:relative;
}
.listing .product .img {
	display:block;
	text-align:center;
}
.listing .product img {
	max-width:100%;
	margin-bottom:30px;
	
}
.listing .product .name {
	font-size:15px;
	display:block;
	color:#000;
	font-family: 'Open Sans';
}
.listing .product .price, 
.listing .product .add_to_cart {
	position:absolute;	
}
.listing .product .price {
	font-weight:bold;
	text-transform:uppercase;
	font-size:21px;
	font-family: 'Open Sans';
}
.listing .product .price_old {
	font-size: 15px;
	text-decoration: line-through;
	bottom: 48px;
	color: #392a23;
}
.listing .product .price_old:after {
	width: 13px;
	height: 12px;
}
.listing .product .price_new {
	bottom:22px;
}
.listing .product .price_new:after {
	bottom:32px;
	width: 15px;
	height: 14px;
}
.listing .product .price:after {
	content:'';
	display: inline-block;
    background: url(img/rur.png) no-repeat;
    background-size: contain;
	margin-left:3px;
}
.listing .product .add_to_cart {
	bottom:22px;
	right:19px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Roboto Cn';
	background:#392a23;
	padding:15px 33px;
	border-radius:25px;
}

.listing .product:hover {
	box-shadow:0 0 20px #dad8d8;		
}
.listing .product:hover .add_to_cart:not(.added) {
	background:#dcbe7f;
	color:#493a2c;
}
.listing .product .add_to_cart.added {
	background:#eaeaea;
	color:#000;
}

.more-button {
	display:block;
	position: absolute;
    left: 40%;
	bottom:120px;
	text-transform:uppercase;
	border:1px solid #cfcbca;
	color:#392a23;
	border-radius:30px;
	padding:20px 0;
	text-align:center;
	width:300px;	
	font-family: 'Roboto Cn';
	margin-top:25px;
	z-index:993;
}
.more-button:hover {
	background:#392a23;
	color:#fff;
}

.more-product {
	overflow:hidden;
	height:220px;
	position:relative;	
	opacity:0.2;
	cursor:pointer;
	z-index:991;
	margin-top:35px;
	clear:both;
}

.more-product .gradient {
	position:absolute;
	width:100%;
	height:220px;
	background: linear-gradient(to bottom, transparent 12%, #fff 80%);
	z-index:990;
}


.catalog-banner {
	width:100%;
	background-size:cover;	
	padding:95px 10px;
	box-sizing:border-box;	
}
.catalog-banner h2 {
	font-size: 34px;
	font-family: 'Roboto Bold';
	margin-bottom: 15px;
}
.catalog-banner span {
	line-height: 24px;	
}
#trubki {
	background:url('img/bg/trubki.jpg') no-repeat;	
	padding-top:50px;
}
#most-popular {
	background:url('img/bg/most-popular.jpg') no-repeat;		
}
#sigary {
	background:url('img/bg/sigary.jpg') no-repeat;		
	padding-top:25px;
}
#tabaki {
	background:url('img/bg/tabaki.jpg') no-repeat;		
	padding-top:30px;
}
#sigarilly {	
	background:url('img/bg/sigarilly.jpg') no-repeat;		
}
#zazhigalki {	
	background:url('img/bg/zazhigalki.jpg') no-repeat;	
	padding-top: 50px;	
}
#aksses-trubki {	
	background:url('img/bg/aksses-trubki.jpg') no-repeat;	
	padding-top: 50px;	
}
#samokrutki {	
	background:url('img/bg/samokrutki.jpg') no-repeat;	
		
}
#upakovka {	
	background:url('img/bg/upakovka.jpg') no-repeat;	
		
}
#aks-sigary {	
	background:url('img/bg/aksess-sigary.jpg') no-repeat;	
		
}
#upakovka h2 {
	font-size:44px;
}

.banner .right-block {
	float:right;
	width:50%;
	font-family: 'Open Sans Light';
}
.banner .left-block {
	float:left;
	width:50%;
	font-family: 'Open Sans Light';
}





.end-banner {
	padding:140px 0;	
	background:#0e0906;
	text-align:center;
}
.end-banner h3 {
	font-family: 'Roboto Bold';
	font-size: 30px;
}
.end-banner p {
	font-size:22px;
	line-height:28px;
	color:#fff;
	font-family: 'Roboto Light';
}

#callbackform {
	width:400px;
	padding:60px 0;
	overflow:auto;
	text-align:center;	
	background:#fff;	
}
#callbackform, #callbackform input:placeholder {
	color:#7d7573;
	font-size:16px;
	font-family: 'Open Sans Light';
}
#callbackform a {
	color:#7d7573;
	font-size:16px;
	font-family: 'Open Sans Light';
	text-decoration:underline;
}
#callbackform input[type=text] {
	padding: 15px 0;
    width: 230px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
	font-size:16px;
	font-family: 'Open Sans Light';
}
#callbackform, #fancybox-outer, #fancybox-content, #fancybox-wrap {
	border-radius:10px;
}
#fancybox-close {    
    top: 10px;
    right: 10px;
	background:url('img/close-popup.jpg') no-repeat !important;
	width:16px;
	height:17px;
}
#callbackform input[type=submit] {
	font-size:16px;	
	background:#392a23;
	color:#fff;
	padding:15px 0;
	text-align:center;
	width:150px;
	margin:0 auto;
	display:block;
	border: none;
    border-radius: 25px;
	font-family: 'Roboto CnBold';
	cursor:pointer;
}
#callbackform input[type=submit]:hover {
	background:#dcbe7e;
	color:#3c2724;
}

footer {
	background:#0b0705;
	width:100%;
	padding-bottom:30px;
}
footer .col {
	box-sizing:border-box;
	width:19%;
	display:inline-block;
	vertical-align:top;	
	font-family: 'Roboto Cn';
	color:#fff;	
}
footer .col a {
	text-decoration:underline;
	color:#fff;	
}
footer .col li {
	line-height:37px;
}

footer .col .callback {
	border: 1px solid #fff;
	width:190px;
	text-transform:uppercase;
	padding:18px 0;
	text-decoration:none;
	display:block;
	border-radius: 30px;
    text-align: center;
	float:right;
}
footer .col .callback:hover {
	background:#dcbe7e;
	color:#382624;
	border-color:#dcbe7e;
}

footer .col:last-child {
	text-align:right;
}





/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-loaded,.owl-loaded .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-loaded{display:none;width:100%;z-index:1}.owl-loaded .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-loaded .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-loaded .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-loaded .owl-item,.owl-loaded .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-loaded .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-loaded .owl-item img{display:block;width:100%}.owl-loaded .owl-dots.disabled,.owl-loaded .owl-nav.disabled{display:none}.no-js .owl-loaded,.owl-loaded.owl-loaded{display:block}.owl-loaded .owl-dot,.owl-loaded .owl-nav .owl-next,.owl-loaded .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-loaded .owl-nav button.owl-next,.owl-loaded .owl-nav button.owl-prev,.owl-loaded button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-loaded.owl-loading{opacity:0;display:block}.owl-loaded.owl-hidden{opacity:0}.owl-loaded.owl-refresh .owl-item{visibility:hidden}.owl-loaded.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-loaded.owl-grab{cursor:move;cursor:grab}.owl-loaded.owl-rtl{direction:rtl}.owl-loaded.owl-rtl .owl-item{float:right}.owl-loaded .animated{animation-duration:1s;animation-fill-mode:both}.owl-loaded .owl-animated-in{z-index:0}.owl-loaded .owl-animated-out{z-index:1}.owl-loaded .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-loaded .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-loaded .owl-item .owl-lazy:not([src]),.owl-loaded .owl-item .owl-lazy[src^=""]{max-height:0}.owl-loaded .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-loaded .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-loaded .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-loaded .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-loaded .owl-video-playing .owl-video-play-icon,.owl-loaded .owl-video-playing .owl-video-tn{display:none}.owl-loaded .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-loaded .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}