@charset "utf-8";

/* ---------------Style to null--------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,dl, dt, dd, 
ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, 
video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%
}
html{
	overflow-y:scroll;
	overflow-x:hidden
}
html, body{
	height:100%
}
/*-------------- fonts ---------------------*/
@font-face {
    font-family: 'pt_serifregular';
    src: url('/bitrix/templates/main/fonts/pt_serif-webfont.eot');
    src: url('/bitrix/templates/main/fonts/pt_serif-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/main/fonts/pt_serif-webfont.woff2') format('woff2'),
         url('/bitrix/templates/main/fonts/pt_serif-webfont.woff') format('woff'),
         url('/bitrix/templates/main/fonts/pt_serif-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*-------------- /fonts ---------------------*/
body{
	font:15px/19px "pt_serifregular", Arial, sans-serif;
	color:#1f1f1f;
	text-align:left;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block
}
sub, sup{
	vertical-align:sub;
	font-size:smaller
}
ul,ol{
	 list-style:none
}
.instagram{ float: right; margin: 30px 20px 10px 0px; }
a, a:visited{
	text-decoration:none;
	color:#fff;
	font-family:"pt_serifregular", Arial, sans-serif;
}
a:hover{
	text-decoration:none;
	color:#c69c6d;
}
a:focus, a:active{
	text-decoration:none
}
table{						
	border-collapse: collapse; 
	border-spacing:0
}
td, td img{
	vertical-align:top			
} 
input, select, button, textarea{
	margin:0; 		
	outline:none;		
	font-size:100%			
}
input[type="text"], input[type="password"], textarea, input[type="email"], input[type="phone"], input[type="number"]{
	padding:0; 	
	font:14px "pt_serifregular", Arial, sans-serif
}
input[type="checkbox"]{ 		
	vertical-align:bottom
}
input[type="radio"]{
	vertical-align:text-bottom
}
textarea{
	resize:none; 
	overflow:auto
}
label, input[type="button"], input[type="submit"], button{
	cursor:pointer
}
input[type="search"]:focus{ 
	outline:none
}
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner{ 
	padding:0; 
	border:0 
}
:focus{
	outline: none
}
::-webkit-input-placeholder{ 
	color:#6b6b6b
}
:-moz-placeholder{
	color:#6b6b6b
}
img{border:none;}
p,a,h1,h2,h3,div{font-family:"pt_serifregular", Arial, sans-serif;}
/*-----------------Main Wrap----------------*/
.fon{background: #fff url("../img/body_fon.jpg") no-repeat center top; padding-bottom: 60px;background-size: 100%  100%;} 
.mainWrap{
	width:1136px;
	margin:0 auto;
	overflow: hidden;
}

header{height:152px;}
.logo{float:left; width:245px; height:126px; margin-top: 10px;}
.phone{
	color: #b79137;
    float: right;
    font-size: 21px;
    width: 170px;
	text-align: right;
	line-height: 1.3;
}
nav ul li{float:left; margin-left:53px; font-size: 18px; line-height: 1.9;}
nav ul li a{color:#fff;}
nav ul li.active a{color:#c69c6d;}
nav {background:url('../img/head_pol.png') no-repeat center bottom; width:699px; display: block; margin-left:20px; float: left; margin-top: 70px;padding-bottom: 34px;}
nav  ul{background:url('../img/nav_fon.jpg') no-repeat; border-radius: 3px; height: 38px; }

section.mainContent{background:url('../img/content_fon.jpg') no-repeat center top; min-height:152px; overflow: hidden; background-size: 100%  100%; width: 100%; color:#fff;}
section.mainContent p{ font-size:18px; line-height: 1.2;}
.camera_pag{height:38px; background:url('../img/slide_fon.jpg') no-repeat; border-radius: 3px; margin-top: -32px; text-align:center;z-index: 2;position: relative;}
.slide{position:relative; z-index:1;}
.slide .slogan{color: #fff; font-size: 44.93px; position: absolute; text-align: center; width: 100%; z-index: 2; padding-top: 100px; background:url('../img/slogan_fon.png') no-repeat center bottom; padding-bottom: 70px; top: 0px;}
.slide .slogan h3{font-weight:normal;}
.slide .slogan p{color:#c69c6d; font-size:30px; padding-top: 15px;}
.camera_pag ul li{float:left; width:32px; height:6px; display:block; margin-right:5px; background:url('../img/slide_bot.png') no-repeat; text-indent:-9999px; cursor:pointer;}
.camera_pag ul{display: inline-block;margin-top: 17px !important;}
.camera_pag ul li:nth-child(1){background:url('../img/slide_bot1.png') no-repeat;}
.camera_pag ul li:nth-child(2){background:url('../img/slide_bot2.png') no-repeat;} 
.camera_pag ul li:nth-child(3){background:url('../img/slide_bot3.png') no-repeat;}
.camera_pag ul li:nth-child(4){background:url('../img/slide_bot4.png') no-repeat;}
#camera_wrap_1{margin-bottom: 6px !important;}

.block_gold{height:79px; margin-top:20px; font-size:24px; color:#fff; line-height: 1.5; text-align: center; background:#705327 url('../img/gold_fon.png') no-repeat center 42px;}
.block_gold.title{background-image:none;}
.block_gold.title h1#pagetitle{margin:0;}

.blocks_wrap{background:url('../img/block_wrap.png') no-repeat center bottom;     margin-bottom: 40px;
    overflow: hidden;  padding-bottom: 60px;  margin-top:40px;}
.blocks_wrap .blocks{width:563px; float:left; margin-right:10px; color:#bfbfbf; font-size:17px; position:relative;}
.blocks_wrap .blocks:nth-child(2n){margin-right:0;}
.blocks_wrap .blocks:nth-child(1),.blocks_wrap .blocks:nth-child(2){margin-bottom:56px;}
.blocks_wrap .blocks img{float:left; margin-right:30px;}
.blocks_wrap .blocks h2{font-size:28px; color:#a67c52; font-weight:normal; margin-bottom:15px; line-height: 1;}
.blocks_wrap .blocks p{font-size:16px;}

.button{text-align:center; background:url('../img/button.png') no-repeat; width:158px; height:38px; line-height:2;}
.blocks_wrap .blocks .button{ position:absolute; left:310px; bottom:0px;}
.blocks_wrap .blocks .button.sm{left:320px;}

.blocks_wrap .blocks span{width:47px; height:47px;  background:url('../img/ugol.png') no-repeat; position:absolute; left:0; top:0;}

h1#pagetitle{font-size:36px; text-align:center;line-height: 2;margin-bottom: 5px; overflow:hidden;}
h1#pagetitle span{display:block; float: left; padding-left: 340px; width: 636px;}
div.company .left{float:left; width:300px; margin-right:40px;  margin-top: -25px;}
div.company .left img{margin-bottom:30px;}
div.company .right{float:left; width:636px; text-align:center; background:url('../img/gold_fon.png') no-repeat center bottom; padding-bottom: 24px; margin-bottom: 45px;}
div.company .right p{margin-bottom:35px;}

div.gallery{background:url('../img/gallery_line.png') no-repeat center bottom; padding-bottom:20px; margin-bottom:50px; } 
.block_gold .left{float:left; width:330px; padding-left:50px; padding-right:50px; font-size:25px; text-align:left; line-height: 1.2; padding-top:10px;}
.block_gold .right{font-size:18px; text-align:left; line-height: 1.2; padding-top:5px; padding-right:10px;}
ul.news-list{margin-top:60px; margin-bottom:20px;}
ul.news-list li.news-item{margin-bottom:60px; margin-right:115px; float:left;}
ul.news-list li.news-item a{display: block; width: 300px; height: 206px; overflow: hidden; }
ul.news-list li.news-item a img{ max-width: 100%; }
ul.news-list li.news-item:nth-child(3n){margin-right:0px;}

.pagenav{font-size:18px; color:#7b521f;}
.pagenav a{color:#fff; margin-right: 5px;}
span.nopage{margin-right: 5px;}
.button.prev{background:url('../img/button_prev.png') no-repeat; font-size: 16px; padding: 9px 18px;}

.cont_left{float:left; width:166px; margin-top:57px; margin-bottom:57px;}
.cont_left a{color:#c49357; font-size:18px;}
.cont_left a:hover{color:#fff;}
.cont_left li{margin-bottom:15px;}
.cont_right a.fans{display:block; clear:both; overflow: hidden;}
.cont_right p a{margin-left:100px;}
.cont_right div.news-detail h3{font-size:24px; color:#fff; margin-top:30px;}
.cont_right div.news-detail p{font-size:18px; color:#fff; margin-top:20px; line-height: 1.3;}
.cont_right div.news-detail{margin-left:100px; margin-bottom:50px;}
.cont_right{width:970px; float:right; margin-top:57px;}
.cont_right ul.news-list{margin:0;}
.cont_right ul.news-list li.news-item p{margin-top:5px; color:#fff; text-align:center;}
.cont_right ul.news-list li.news-item{margin-right: 50px; margin-bottom:35px; width:154px; height: 190px;}
.cont_right ul.news-list li.news-item:nth-child(3n) {margin-right: 50px;}
.cont_right ul.news-list li.news-item:nth-child(5n) {margin-right: 0;}

.catalog{background:url('../img/cont_fon.png') center bottom no-repeat; padding-bottom:40px; margin-bottom:30px;overflow:hidden;}

footer{background:url('../img/footer.jpg') no-repeat center top; height:37px; color:#fff; padding-top: 10px; background-size: 100%  100%;}
footer .copyright{float:left;}
footer nav{margin:0; padding:0; background:none;}
footer nav ul{margin:0; padding:0; background:none;}
footer nav ul li{line-height:1; font-size: 17px; margin-left: 60px;}
footer .phone{margin:0; color: #fff; float: right; font-size: 17px; text-align: right; width: 278px; line-height:1.2;}
footer .phone span{margin-right:5px;}

.mnu, #sha{ display: none; }

@media(max-width:920px){
	html{ min-height: 100vh; box-sizing: border-box; }
	.fon{ min-height: 100vh; box-sizing: border-box; }
	body{ min-height: 100vh; box-sizing: border-box; text-size-adjust: none; -webkit-text-size-adjust: none; }
	.mainWrap{ width: 800px; }
header .phone{ clear: both; }
.mnu{ display: block; position: fixed; z-index: 100; left: 50px; top: 60px; width: 50px; height: 50px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	.mnu span { display: block; position: absolute; height: 7px; width: 100%; background: #f5f5f5; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.mnu span:nth-child(1) { top: 0px; }
	.mnu span:nth-child(2), .mnu span:nth-child(3){ top: 15px; }
	.mnu span:nth-child(4){ top: 30px; }

.mnu.open span{ background: #525252; }
	.mnu.open span:nth-child(1){ top: 10px; width: 0%; left: 50%; }
	.mnu.open span:nth-child(2){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.mnu.open span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.mnu.open span:nth-child(4){ top: 10px; width: 0%; left: 50%; }

	#sha{ display: none; content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 6; }

	header nav{ position: fixed; left: -305px; top: 0; width: 300px; transition: all 0.4s ease; background: #fff; height: 100vh; margin: 0; z-index: 99; }
header nav.open{ transform: translateX(305px); transition: all 0.4s ease; }
	header nav ul{ margin-top: 160px; background: none; }
	header nav ul li{ display: block; float: none; font-size: 26px; }
	header nav ul li a{ color: #000; }
	header nav ul li a:visited{ color: #000; }
	header nav ul li a:hover{ color: #c69c6d; }
	header nav ul li.active a{ color: #c69c6d; }
	footer nav, footer .phone{ display: none; }
	.logo{ float: none; position: absolute; left: 0; right: 0; margin: 10px auto 0 auto; }
	.slide .slogan h3{ font-size: 90%; }
	.block_gold{ margin-top: 0px; padding-top: 15px; font-size: 21px; background-position: center bottom 12px; }
	.blocks_wrap .blocks{ width: 100%; float: none; clear: both; box-sizing: border-box; margin-bottom: 0!important; padding: 20px 30px 0px; }
	.blocks_wrap .blocks .button{ left: auto; position: static; margin: 20px 0 0 310px; }
	.blocks_wrap .blocks span{ left: 30px; top: 20px; }
	.blocks_wrap .blocks img{ max-width: 280px; }
	footer .copyright{ display: table; float: none; margin: 0 auto; }
	h1#pagetitle span{ float: none; padding-left: 0; width: auto; }
	div.company .left{ float: none; width: auto; margin: auto auto 30px auto; text-align: center; }
	div.company .left img{ display: inline-block; margin: 0 10px; }
	div.company .right{ float: none; width: auto; padding-left: 40px; padding-right: 40px; }
	.block_gold{ height: auto; min-height: 79px; }
	.block_gold .left{ float: none; width: auto; padding: 0; text-align: center; padding-bottom: 15px; }
	.block_gold .right{ float: none; width: auto; text-align: center; padding-bottom: 25px; }
	.cont_left{ display: none; }
	.cont_right{ float: none; width: auto; padding-left: 40px; box-sizing: border-box; }
	.cont_right ul.news-list li.news-item{ margin: 0px 12px; }
	.cont_right ul.news-list li.news-item:nth-child(3n){ margin-right: 12px; }
	.cont_right ul.news-list li.news-item:nth-child(5n){ margin-right: 12px; }
	.cont_right div.news-detail{ margin-left: 0; padding-right: 30px; }
	.bx_catalog_tile .bx_catalog_tile_ul li{ width: 100%; height: auto; margin-bottom: 0; }
.inlt{ float: left; margin-top: 30px; margin-right: 30px; }
	.inlt img{  }
	.bx_catalog_tile_ul .button{ margin-left: 330px; }
	div.gallery{ padding-bottom: 50px; }
ul.news-list{ margin-bottom: 30px; }
ul.news-list li.news-item{ float: none; display: inline-block; width: 33%; margin-right: 0; margin-bottom: 0; box-sizing: border-box; padding: 10px; }
ul.news-list li.news-item img{ max-width: 100%; }



}