@charset "utf-8";
/*
        Михаил Бабидов
        skype: compo_life
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import "http://fonts.fontstorage.com/import/unisansac.css";

*       {box-sizing: border-box; margin: 0;}
*:focus {outline: none;}
input,a {font-size: 100%; font: inherit; background: none; border: none; color: inherit;}
a:hover {text-decoration: none;}
img     {max-width: 100%;height: auto;}
* + li,
* + p   {margin-top: 15px;}
.left   {text-align: left;}
.right  {text-align: right;}
.center {text-align: center;}
.just   {text-align: justify;}
.under  {text-decoration: underline;}
.tourch {text-decoration: line-through;}
.upper  {text-transform: uppercase;}
.fw300  {font-weight: 300;}
.fw400  {font-weight: 400;}
.fw600  {font-weight: 600;}
.fw700  {font-weight: 700;}
.em     {font-style: italic;}
.top10  {margin-top: 10px;}
.top15  {margin-top: 15px;}
.top20  {margin-top: 20px;}
.top25  {margin-top: 25px;}
.top30  {margin-top: 30px;}
.top35  {margin-top: 35px;}
.top40  {margin-top: 40px;}
.top45  {margin-top: 45px;}
.top50  {margin-top: 50px;}
.top55  {margin-top: 55px;}
.top60  {margin-top: 60px;}
.top65  {margin-top: 65px;}
.top80  {margin-top: 80px;}
.row.middle [class*="span"],
.table.middle .cell,
.middle       {vertical-align: middle;}
.row.bottom [class*="span"],
.bottom       {vertical-align: bottom;}
.big, big     {font-size: 1.3em;}
.small, small {font-size: 0.85em;}

.yellow {color: #fff100;}
.red {color: #e53835;}
.uni {font-family: 'Uni Sans', Impact, sans-serif;}

.table {display: table; width: 100%; width: calc(100% + 15px); margin-left: -7.5px; margin-right: -7.5px;}
.cell  {display: table-cell; padding-left: 7.5px; padding-right: 7.5px;}

.row                     {text-align: center; list-style: none; padding: 0;}
.row [class*="span"]     {display: inline-block; min-height: 1px; width: 100%; vertical-align: top;}
@media screen and (min-width: 720px) {
	.span2               {max-width: calc(50% - 0.3em);}
	.span3               {max-width: calc(33.333% - 0.2em);}
	.span3full           {max-width: calc(66.666% - 0.2em);}
	.span4               {max-width: calc(25% - 0.2em);}
	.row [class*="span"] {text-align: center;}
}
@media (max-width: 767px) {
	.table,
	.cell {
		display: block !important;
		width: 100% !important;
		margin: 15px 0 0 !important;
	}
}

body {
	max-width: 1920px;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.4;
	font-size: 16px;
	color: #232323;
}
[class^="scr"] {
	padding: 40px 10px;
}
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 1140px;
}
.scr1 {
	background: url(../img/scr1.jpg) center center #8d4d37;
	background-size: cover;
	color: #FFFFFF;
	padding-top: 25px;
}
.menu,
.scr-footer {
	font-size: 15px;
	line-height: 1.6;
}
.menu {
	color: #FFFFFF;
	padding-bottom: 15px;
	border-bottom: 1px solid;
	margin-bottom: 25px;
}
.menu a {
	display: inline-block;
	padding: 6px 20px;
	text-decoration: none;
	border-radius: 5px;
	transition: 0.2s;
	margin: 0 7px 10px;
}
.menu a.actv,
.menu a:hover {
	background: #ffd400;
	color: #151515;
}
.scr1 .title {
	font-family: 'Uni Sans', Impact, sans-serif;
	font-weight: 900;
	font-size: 56px;
	line-height: 1.1;
}
.scr1 .title-after {
	font-family: 'Uni Sans', Impact, sans-serif;
	font-weight: 100;
	font-size: 22px;
	max-width: 480px;
}
.btn {
	display: inline-block;
	text-align: center;
	padding: 14px 22px;
	background-color: #fad71e;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px 1px 3px;
	border-color: #dcb904;
	font-size: 19px;
	color: #1F1F1F;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
.btn:hover {
	background-color: #f7d105;
    border-color: #b09404;
}
.btn:active {
	background-color: #f7d105;
	border-color: #c6a704;
	border-top-width: 3px;
	border-bottom-width: 1px;
	box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
.in-text {
	display: block;
	width: 100%;
	padding: 8px 12px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.in-text:focus {
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.close {
	display: block;
	clear: both;
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	padding: 20px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9;
	cursor: default;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
}
.close:target {
	opacity: 0.75;
	visibility: visible;
}
.popup {
	position: fixed;
	background-color: #FFFFFF;
	color: #313131;
	padding: 20px;
	max-width: 500px;
	top: 10%;
	max-height: 80%;
	margin: auto;
	left: 0;
	right: 0;
	transition: 0.3s;
	visibility: hidden;
	opacity: 0;
	z-index: 10;
}
.close:target + .popup {
	top: 15%;
	opacity: 1;
	visibility: visible;
	overflow: auto;
}
.popup .name {
	border-bottom: 1px solid #CCCCCC;
	padding: 20px;
	margin: -20px -20px 20px;
}
@media screen and (max-width: 767px) {

}