body{
	margin: 0;
    font: 16px/21px 'Futura PT Book';
    color: #4b4f58;
    overflow-x: hidden;
}

a{
	text-decoration: none;
}

header a{
	line-height: 0;
}

.shop-center{
	min-height: calc(100vh - 194px - 124px - 24px - 81px - 55px - 30px);
	display: grid;
	justify-items: center;
	align-items: center;
}

.header-in{
	position: relative;
	max-width: 1279px;
	margin: 0 auto;
	display: flex; 
	justify-content: space-between;
	align-items: center;
}

.animated,
.shop-menu-li{
	transition: all .2s;
}

nav{
	position: relative;
    left: -160px;
}

#logo{
	width: 180px;
	background: #213a36;
	padding: 12px 50px 10px;
}

#logo-footer{
	width: 180px;
}

#logo-footer:hover{
	transform: scale(1.1);
}

.nav-item{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #9A7739;
	font-weight: bold;
	margin-right: 55px;
	text-transform: uppercase;
	font-family: "Tenor Sans";
}

.nav-item:last-child{
	margin: 0;
}

.nav-item a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.nav-item:before{
	position: absolute;
	content: '';
	width: 0%;
	display: block;
	background: #C4A278;
	bottom: -10px;
	left: 0;
	height: 4px;
	transition: all .2s;
}

.nav-item:hover:before,
#nav-selected:before{
	width: 100%;
}

footer{
	background: #213A36;
	color: #BE9955;
	padding: 40px 35px;
}

.footer-in{
	position: relative;
	max-width: 1279px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-in .footer-logo-a{
	position: absolute;
    left: 50%;
    margin-left: -90px;
    top: 50%;
    margin-top: -53px;
}

.footer-info{
	font-size: 14px;
}

footer a{
	color: #BE9955;
}

.footer-address{
	line-height: 38px;
	font-size: 14px;
}

.footer-media{
	width: 24px;
	height: 24px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 10px 0 0;
	border-radius: 4px;
	border: 2px solid transparent;
}

.footer-media a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.footer-address img{
	width: 18px;
	margin-right: 10px;
	vertical-align: sub;
}

.footer-address div:nth-child(2) img{
	width: 16px;
	margin-right: 12px;
}

.footer-media:nth-child(2):hover,
.footer-media:nth-child(3):hover{
	opacity: .9;
}

.footer-media:nth-child(2){
	background: url('../images/f1.png') no-repeat center;
}

.footer-media:nth-child(3){
	background: url('../images/f2.png') no-repeat center;
}

#contacts .footer-media{
	margin-top: 0;
	padding: 0;
	width: 26px;
	height: 26px;
}

/* Main */

#rules{
	text-align: justify;
	max-width: 900px;
	font: 20px/26px "Futura PT Book";
    line-height: initial;
}

#rules .title{
    text-transform: uppercase;
    padding: 0;
    font: 24px/31px "Futura PT Medium";
    color: #C4A278;
}

.photo{
	display: none;
	position: fixed;
	top: -1px;
	left: 0;
	width: 100%;
	height: calc(100% + 1px);
	background: #fff;
	z-index: 9999;
}

.photo-in{
	position: absolute;
	top: 0;
	left: 50%;
	width: 1280px;
	height: 90vh;
	padding: 5vh 0;
	overflow: hidden;
	transform: translate(-50%, 0);
}

#photo-img{
	position: relative;
	left: 130px;
	text-align: center;
	height: 100%;
	width: calc(100% - 260px);
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	align-items: center;
	overflow: hidden;
}

#photo-img img{
	max-height: 90vh;
	width: auto !important;
}

.photo-next{
	position: absolute;
	top: 50%;
	right: 0;
	width: 100px;
	height: 100px;
	border-right: 4px solid #C4A278;
	background: url('../images/arrowRightBrown.svg') no-repeat center;
	transition: all .2s;
	opacity: .7;
	cursor: pointer;
	transform: translate(0, -50%);
}

.photo-previous{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100px;
	height: 100px;
	border-right: 4px solid #C4A278;
	background: url('../images/arrowRightBrown.svg') no-repeat center;
	transition: all .2s;
	opacity: .7;
	cursor: pointer;
	transform: translate(0, -50%) rotate(180deg);
}

.photo-next:hover,
.photo-previous:hover{
	opacity: 1;
}

.photo-close{
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background: #213A36 url('../images/close2.png') no-repeat center;
	transition: all .2s;
	opacity: .9;
	cursor: pointer;
}

.photo-close:hover{
	opacity: 1;
}

.content{
	max-width: 1279px;
	padding: 0 35px;
	margin: 20px auto;
	font: 18px/32px 'Futura PT Book';
}

.catalogue-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 50px;
}

.catalogue img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 150px;
	padding: 25px 0 40px;
}

.catalogue{
	position: relative;
	background: #f8f3ec;
	transition: all .6s;
	color: #9a7b54;
}

.catalogue a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.catalogue:hover{
    background: #fff;
}

.catalogue div{
	display: block;
	text-align: center;
    padding: 20px 0 0;
	font: 26px/32px "Futura PT Medium";
}

/* Contacts */

#contacts{
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-auto-rows: 85vh;
	line-height: 0;
}

#contacts iframe{
	height: 85vh;
	border: 0;
}

#contacts .right{
	font: 16px/34px 'Tenor Sans';
	padding: 5px 0;
	padding-left: 30px;
	color: #BC944A;
}

#contacts a{
	color: #BC944A;
}

#contacts b{
	display: block;
	margin-top: 15px;
}

#contacts .footer-media{
	margin-top: 15px;
}

#contacts .footer-media:nth-child(1){
	background: url('../images/f1.png') no-repeat center;
}

#contacts .footer-media:nth-child(2){
	background: url('../images/f2.png') no-repeat center;
}

#contacts .footer-media:nth-child(1):hover,
#contacts .footer-media:nth-child(2):hover{
	opacity: .9;
}

.shop-menu-li{
	position: relative;
	text-align: center;
	cursor: pointer;
	padding: 12px;
	background: #F8F3EC;
	color: #9a7b54;
	text-transform: uppercase;
	border-bottom: 1px solid #f3d5b2;
	font-family: "Futura PT Medium";
}

.shop-menu-li:last-child{
	border: 0;
}

.shop-menu-li a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #7b533c;
}

.shop-menu-li img{
	display: block;
	margin: 0 auto 5px;
	width: 20px;
}

.shop-menu-li:hover,
#shop-selected{
	background: #C4A278;
	color: #fff;
}

.shop-content{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

.shop-item{
	position: relative;
}

.shop-item img{
	max-width: 100%;
}

.shop-item-title{
	display: block;
	color: #9a7b54;
    background: #f8f3ec;
    border-left: 4px solid #c4a278;
    padding: 12px 18px;
	font: 26px/32px "Futura PT Medium";
	margin-bottom: 25px;
	transition: all .2s;
}

.shop-item a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.shop-item:hover .shop-item-title{
	color: #fff;
    background: #c4a278;
    border-left: 4px solid #907d66;
}

.shop-item-gallery,
.shop-main-image{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 15px;
	justify-items: center;
    align-items: center;
    padding: 15px 35px;
    text-align: center;
	height: calc(100% - 81px);
}

.shop-item-gallery div{
	height: 65px;
	overflow: hidden;
}

.breadcrumbs{
	max-width: 1279px;
    margin: 0 auto;
    color: #9d773f;
    font: 17px/24px 'Futura PT Book';
    margin-top: 15px;
}

.delimeter{
	display: inline-block;
    margin: 0 10px;
}

.delimeter:first-child{
	margin: 0 10px 0 0;
}

.breadcrumbs a{
	color: #9d773f;
}

.breadcrumbs a:hover{
	text-decoration: underline;
}

/* Item */

.item{
	margin-top: 35px;
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-auto-rows: minmax(50vh, auto);
	grid-gap: 50px;
}

table{
	width: 100%;
	margin: 15px 0;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #efe2d4;
	border-spacing: 0;
}

td,
th{
	padding: 10px;
	border-right: 1px solid #efe2d4;
	font-size: 16px;
}

td:last-child,
th:last-child{
	border-right: 0;
}

table tr:nth-child(odd){
	background: #fdf3e7;
}

.item-table{
	display: grid;
	grid-template-columns: 130px 1fr;
	border: 1px solid #efe2d4;
	border-radius: 4px;
	font-size: 16px;
}

.item-table div{
	padding: 5px 10px;
}

.item-table div:nth-child(odd){
	font-weight: bold;
	border-right: 1px solid #efe2d4;
}

.item-table div:nth-child(4n+3),
.item-table div:nth-child(4n+4){
	background: #fdf3e7;
}

.item-title{
	color: #9a7b54;
    font: 36px/32px "Futura PT Medium";
    margin-bottom: 20px;
}

.item-gallery-main{
	text-align: center;
}

.item-gallery img{
	max-width: 100%;
	max-height: 370px;
}

.item-gallery-set{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	margin: 15px 0 0;
	grid-gap: 50px;
	align-items: center;
}

#item-gallery-selected{
	opacity: 1;
}

.item-gallery-set img{
	opacity: .7;
	cursor: pointer;
}

.item-price{
	font: 42px/24px 'Futura PT Medium';
	color: #9A7739;
	display: none !important;
	text-align: center;
}

.item button,
.box-button{
	font: 24px/24px 'Futura PT Medium';
    cursor: pointer;
    width: 100%;
    font-size: 26px;
    padding: 15px;
    outline: none;
    border: 0;
    background: #C4A278;
	color: #fff;
	transition: all .2s;
}

.item button:hover,
.box-button:hover{
	background: #e2b781;
}

.item-order{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	margin-top: 20px;
}

/* Box */

.box{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}

.box-shadow{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 999;
}

.box-in{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	padding: 25px 20px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .7);
	z-index: 10000;
}

.box-header{
	position: relative;
	margin-bottom: 35px;
}

.box-title{
	color: #9a7b54;
    font: bold 22px/32px "Tenor Sans";
    margin-bottom: -15px;
}

.box-close{
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
    height: 35px;
    background: url(../images/close.png) no-repeat 100% 0;
    background-size: cover;
	opacity: .4;
    cursor: pointer;
    transition: all .2s;
}

.box-close:hover{
	opacity: 1;
}

.box-button{
	margin-top: 15px;
	padding: 18px;
}

.box-input{
	padding: 12px 18px;
	color: #333;
	margin: 15px 0;
	width: 100%;
	background: #F8F3EC;
	color: #9a7b54;
	font: 20px/32px "Futura PT Book";
	outline: none;
	box-sizing: border-box;
	border: none;
}

.company{
	max-width: 1279px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 2fr 2fr;
	background: #F8F3EC;
	color: #C4A278;
	border-right: 4px solid #C4A278;
	margin-bottom: 80px;
}

.company img{
	max-width: 100%;
}

.company div{
	padding: 0 40px;
	font-size: 30px;
	font-family: "Tenor Sans";
	align-self: center;
	line-height: initial;
}

.philo{
	max-width: 1279px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 2fr 2fr;
	color: #000;
	font: 19px/26px "Futura PT Book";
	line-height: initial;
	border-left: 4px solid #C4A278;
	margin-bottom: 80px;
}

.philo img{
	max-width: 100%;
}

.philo div{
	text-align: justify;
	justify-self: center;
    max-width: 425px;
	align-self: center;
}

.philo div div{
	text-transform: uppercase;
	padding: 0;
	font: 24px/31px "Futura PT Medium";
	color: #C4A278;
}

.wrapper{
	min-height: calc(100vh - 194px - 124px);
}

@font-face {
    font-family: 'Futura PT Medium';
    src: url('../fonts/FuturaPT-Medium.eot');
    src: local('Futura PT Medium'), local('FuturaPT-Medium'),
        url('../fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPT-Medium.woff') format('woff'),
        url('../fonts/FuturaPT-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Book';
    src: url('../fonts/FuturaPT-Book.eot');
    src: local('Futura PT Book'), local('FuturaPT-Book'),
        url('../fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPT-Book.woff') format('woff'),
        url('../fonts/FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.gallery{
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 280px;
	grid-gap: 30px 50px;
}

.gallery div{
	overflow: hidden;
	position: relative;
	height: 245px;
}

.gallery img{
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
}

.old-price{
	text-decoration: line-through;
	font-size: 20px;
	margin-bottom: 15px;
	display: none;
}

.old-price + div{
	display: none;
}

.discount{
	margin-top: 25px;
	font-size: 30px;
	color: #d83636;
	display: none;
}

#information{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 250px;
	grid-gap: 50px;
	min-height: calc(100vh - 440px);
}

.info-block{
	position: relative;
	border-radius: 10px;
	text-align: center;
	font: 34px/44px "Futura PT Medium";
	overflow: hidden;
}

.info-block:hover .shadow{
	background: rgba(0, 0, 0, .4);
}

.info-block a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	transition: all .2s;
}

.text{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	padding: 0 15px;
	box-sizing: border-box;
	color: #fff;
	z-index: 3;
}

.info-block:nth-child(1){
	background: url(../images/info/1.jpg) no-repeat center;
}

.info-block:nth-child(2){
	background: url(../images/info/2.jpg) no-repeat center;
}

.info-block:nth-child(3){
	background: url(../images/info/3.jpg?h=123) no-repeat center;
}

.info-block:nth-child(4){
	background: url(../images/gallery/4.jpg) no-repeat center;
}

.info-block{
	background-size: cover !important;
}

#rules li{
	padding: 5px 0;
}

@media (max-width: 1366px) and (orientation: landscape) {
	nav{
		left: 0;
	}
}