/* Start Reset */

* {margin: 0;padding: 0;}
html {height: 100%;}
a{text-decoration: none;}
img {display:block;max-width:100%;height:auto;border:0px;}
li{list-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
input[type='submit'], a {outline: none!important;}
textarea {resize: none;}
::-webkit-input-placeholder {color:#b0b0b0;}
::-moz-placeholder {color:#b0b0b0;}
:-moz-placeholder {color:#b0b0b0;}
:-ms-input-placeholder {color:#b0b0b0;}

/* End Reset */

/* Start Подключение шрифтов */

/* font-family: "BankGothicBT-Light"; */
@font-face {
	font-family: "BankGothicBT-Light";
	src: url("/fonts/BankGothicBT-Light/BankGothicBT-Light.eot");
	src: url("/fonts/BankGothicBT-Light/BankGothicBT-Light.eot?#iefix")format("embedded-opentype"),
	url("/fonts/BankGothicBT-Light/BankGothicBT-Light.woff") format("woff"),
	url("/fonts/BankGothicBT-Light/BankGothicBT-Light.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
/* font-family: "BankGothicBT-Medium"; */
@font-face {
	font-family: "BankGothicBT-Medium";
	src: url("/fonts/BankGothicBT-Medium/BankGothicBT-Medium.eot");
	src: url("/fonts/BankGothicBT-Medium/BankGothicBT-Medium.eot?#iefix")format("embedded-opentype"),
	url("/fonts/BankGothicBT-Medium/BankGothicBT-Medium.woff") format("woff"),
	url("/fonts/BankGothicBT-Medium/BankGothicBT-Medium.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

/* End Подключение шрифтов */

/* Start Body */

body {font-family: "BankGothicBT-Medium";font-size: 18px;/*background: url(/img/bg.png) center no-repeat;background-size: cover;background-attachment: fixed;*/}
.wrap{width: 760px;height:680px;margin:114px auto 0px;position: relative;}
.wrap .header{position: absolute;top: -114px;left: -264px;}
.wrap .header .logo{width: 500px;height: 130px;padding: 30px 0px 0px 20px;background: url(/img/shadow.png) center no-repeat;background-size: 100%;position: relative;}
.wrap .header .logo img{width: 420px;}
.wrap_menu{width: 760px;background: rgba(255, 255, 255, 0.55);padding: 20px 0px 10px 0px;float: right;position: relative;z-index: 1;}
.wrap_menu .menu{padding: 10px 0px;text-align: center;background: rgba(0, 0, 0, 0.55);}
.wrap_menu .menu li{display: inline-block;vertical-align: top;margin: 0px 2px;}
.wrap_menu .menu li a{color: #000;font-size: 17px;text-shadow: 1px 2px 6px #fff, 0px -2px 6px #fff;text-transform: uppercase;padding: 4px 8px;}
.wrap_menu .menu li.active a, .wrap_menu .menu li a:hover{color: #000;text-shadow: 1px 2px 6px #fff, 0px -2px 6px #fff;text-transform: uppercase;padding: 4px 8px;background: rgba(255, 255, 255, 0.4);}
.lang{position: absolute;top: 72px;right: -52px;z-index: 0;width: 50px;}
.lang ul li{text-align: center;}
.lang ul li a{display: block;color: #000;font-size: 17px;text-shadow: 1px 2px 6px #fff, 0px -2px 6px #fff;text-transform: uppercase;}
.lang ul li.active a, .lang ul li a:hover{background: rgba(0, 0, 0, 0.55);}
.content{width:760px;border: 2px solid rgba(255, 255, 255, 0.7);box-sizing: border-box;clear:both;float:right;}
.content .content_box{border: 15px solid rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0.9);height:522px;box-sizing: border-box;overflow: auto;font-size:0px;}
.content .content_box .post{width: 232px;display: inline-block;vertical-align: top;margin: 15px 15px 0px;}
.content .content_box .post:nth-child(1), .content .content_box .post:nth-child(2), .content .content_box .post:nth-child(3){margin-top:0px;}
.content .content_box .post:nth-child(1n){margin-left:0px;}
.content .content_box .post:nth-child(3n){margin-right:0px;}
.copy{width: 760px;font-size: 15px;text-shadow: 1px 2px 6px #fff, 0px -2px 6px #fff;padding: 4px 0px;clear:both;float:right;}
.content p, .content td{font-family: "Verdana";font-size: 13px;margin-bottom: 15px;text-align: left;}
.wrap_gallery{width: 100%;height: 86vh;position: relative;margin-top: 13.6vh;padding: 0px 1%;box-sizing: border-box;}
.wrap_gallery .header{width: 100%;position: absolute;top: -13.6vh;left: 0px;}
.wrap_gallery .header .logo{width: 37%;max-width: 700px;height: 15vh;padding: 3vh 0px 0px 20px;background: url(/img/shadow.png) center no-repeat;background-size: 100%;position: relative;}
.wrap_gallery .header .logo img{width: 89%;max-width: 620px;}
.wrap_gallery .back{position: absolute;right: 1%;top: -60px;color: #000;font-size: 48px;text-shadow: 1px 2px 6px #fff, 0px -2px 6px #fff;text-transform: uppercase;}
.wrap_gallery .content{width: 100%;border: 2px solid rgba(255, 255, 255, 0.7);box-sizing: border-box;float:none;}
.wrap_gallery .content .content_box{border:0px;background: rgba(255, 255, 255, 0.9);height: 81.4vh;box-sizing: border-box;overflow: auto;font-size: 0px;text-align: center;padding-top: 15px}
.wrap_gallery .content .content_box .post{width: 210px;margin: 0px 9px 13px;display: inline-block;vertical-align: top;}
.wrap_gallery .content .content_box .post:nth-child(1n){margin-left:9px;}
.wrap_gallery .content .content_box .post:nth-child(3n){margin-right:9px;}
.wrap_gallery .copy{width: 100%;font-size: 22px;text-shadow: 1px 2px 6px #fff, 0px -2px 6px #fff;padding: 4px 0px;text-align: right;}
.wrap_box{width: 1024px;position: relative;box-sizing: border-box;margin: 108px auto 0px;}
.wrap_box2{max-width: 600px;position: relative;box-sizing: border-box;margin: 108px auto 0px;}
.wrap_box .header, .wrap_box2 .header{width: 100%;position: absolute;top: -110px;left: 0px;}
.wrap_box .header .logo, .wrap_box2 .header .logo{max-width: 420px;height: 120px;padding: 30px 0px 0px 20px;background: url(/img/shadow.png) center no-repeat;background-size: 100%;position: relative;}
.wrap_box .header .logo img, .wrap_box2 .header .logo img{width: 89%;max-width: 620px;}
.wrap_box .back, .wrap_box2 .back{position: absolute;right: 1%;top: -60px;color: #000;font-size: 48px;text-shadow: 1px 2px 6px #fff, 0px -2px 6px #fff;text-transform: uppercase;}
.wrap_box .content, .wrap_box2 .content {width: 100%;border: 2px solid rgba(255, 255, 255, 0.7);box-sizing: border-box;float: none;}
.wrap_box .content .content_box, .wrap_box2 .content .content_box {border: 0px; min-height: 600px;background: rgba(255, 255, 255, 0.9);height: auto;box-sizing: border-box;overflow: auto;font-size: 0px;text-align: center;padding-top: 15px;}
.wrap_box .content .content_box .post, .wrap_box2 .content .content_box .post {width: 230px;margin: 0px 9px 13px;display: inline-block;vertical-align: top;}
.wrap_box .content .content_box .post:nth-child(1n), .wrap_box2 .content .content_box .post:nth-child(1n) {margin-left: 9px;}
.wrap_box .content .content_box .post:nth-child(3n), .wrap_box2 .content .content_box .post:nth-child(3n) {margin-right: 9px;}
.wrap_box .copy, .wrap_box2 .copy {width: 100%;font-size: 14px;text-shadow: 1px 2px 6px #fff, 0px -2px 6px #fff;padding: 10px 0px;text-align: right;}
.mobile-menu{display:none;position: relative;top: -2px;width: 36px;height: 20px;padding: 8px;color: #ffffff;text-transform: uppercase;text-indent:-9999px;}
.icon-reorder{position: absolute;top: 8px;right: 8px;width: 36px;height: 3px;background-color: #000;}
.icon-reorder:before, .icon-reorder:after{content:'';position: absolute;top: 8px;right: 0px;width: 36px;height: 3px;background-color: #000;}
.icon-reorder:after{top: 16px;}

/* End Body */

/* End Media */

@media only screen and (max-width : 1366px) {
	.wrap_gallery .header .logo{min-width:505px;}
}

@media only screen and (max-width : 1034px) {
	.wrap .header{left: -16%;}
	.wrap_box, .wrap_box2{width:100%;max-width: 1024px;}
}

@media only screen and (max-width : 940px) {
	.wrap .header{left:0px;}
	.lang{top: -82px;right: 0px;}
}

@media only screen and (max-width : 768px) {
	.wrap, .wrap_box, .wrap_box2{width:100%;height: auto;margin-top: 70px;}
	.wrap .header, .wrap_box .header, .wrap_box2 .header{top: -90px;}
	.wrap .header .logo, .wrap_box .header .logo, .wrap_box2 .header .logo{width: 100%;max-width: 300px;min-width: 300px;height: 120px;padding: 30px 0px 0px 1%;}
	.wrap .header .logo img, .wrap_box .header .logo img, .wrap_box2 .header .logo img{width: 250px;margin-top: 10px;}
	.wrap_menu{width: 98%;margin: 0px 1% 0px 1%;float: none;box-sizing: border-box;}
	.lang{top: -62px;right: 1%;}
	.content{width: 98%;float: none;margin: 0px 1%;}
	.content .content_box .post{width: 32%;margin: 15px 2% 0px;}
	.content .content_box{height:auto;}
	.wrap_gallery .content{margin:0px;}
	.wrap_box .content, .wrap_box2 .content{width:98%;}	
}

@media only screen and (max-width : 767px) {
	.wrap_gallery{height: auto;margin-top: 70px;}
	.wrap_gallery .header{top: -90px;}
	.wrap_gallery .header .logo{width: 100%;max-width: 300px;min-width: 300px;height: 120px;padding: 30px 0px 0px 1%;}
	.wrap_gallery .header .logo img{width: 250px;margin-top: 10px;}
	.wrap_gallery .back, .wrap_box .back, .wrap_box2 .back{font-size: 32px;}
	.wrap_gallery .content .content_box{height:auto;}
	.copy{width:98%;margin-left:1%;}
	.wrap_gallery .copy, .copy{font-size:14px;}
	.mobile-menu{display: block;}
	.wrap_menu .menu{display: none;position:absolute;left: 0px;width: 100%;background: rgba(0, 0, 0, 0.8);}
	.wrap_menu{position:relative;padding: 10px 0px 0px 0px;}
	.wrap_menu .menu li{display: block;height: 26px;margin: 0px 0px 5px;}
	.wrap_menu .menu li:last-child{margin: 0px 0px 0px;}
	.wrap_menu .menu li a{line-height:26px;}
	.content .content_box{padding-top:15px;border: 0px solid rgba(255, 255, 255, 0.2);min-height: 350px;}
	.content p{padding:0px 1%;font-size:14px;}
}

@media only screen and (max-width : 600px) {
	.content .content_box{text-align: center; min-height: 350px;}
	.wrap_gallery .content .content_box .post, .content .content_box .post, .wrap_box .content .content_box .post, .wrap_box2 .content .content_box .post{width: 48%;margin: 0px 1% 13px;}
	.wrap_gallery .content .content_box .post:nth-child(1n), .content .content_box .post:nth-child(1n), .wrap_box .content .content_box .post:nth-child, .wrap_box2 .content .content_box .post:nth-child(1n){margin-left:1%;}
	.wrap_gallery .content .content_box .post:nth-child(3n), .content .content_box .post:nth-child(3n), .wrap_box .content .content_box .post:nth-child, .wrap_box2 .content .content_box .post:nth-child(3n){margin-right:1%;}
}

@media only screen and (max-width : 480px) {
	.content .content_box{text-align: center; min-height: 350px;}
	.wrap_gallery .copy, .copy{font-size:12px;}
}

@media only screen and (max-width: 853px) and (orientation: landscape) {
	.wrap_gallery {height: auto;margin-top: 70px;}
	.wrap_gallery .header{top: -90px;}
	.wrap_gallery .header .logo{width: 100%;max-width: 300px;min-width: 300px;height: 120px;padding: 30px 0px 0px 1%;}
	.wrap_gallery .header .logo img{width: 250px;margin-top: 10px;}
}

@media print  {
body {font-family: "BankGothicBT-Medium";font-size: 18px;background: url(/taustad/bg_post.png) center no-repeat;background-size: cover;background-attachment: fixed;}
}

/* End Media */