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

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

*       {box-sizing: border-box; margin: 0;}
*:focus {outline: none;}
input,a {font-size: 100%; font: inherit; background: none; border: 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;}
.top20  {margin-top: 20px;}
.top30  {margin-top: 30px;}
.top40  {margin-top: 40px;}
.row.middle [class*="span"],
.middle       {vertical-align: middle;}
.row.bottom [class*="span"],
.bottom       {vertical-align: bottom;}
.big, big     {font-size: 1.3em;}
.small, small {font-size: 0.85em;}

.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);}
}
@media screen and (min-width: 720px) {
	.row [class*="span"] {text-align: center;}
}

body {
	max-width: 1920px;
	margin: 0 auto;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 1.4;
}
.fs18 {
	font-size: 1.125em;
}
[class^="scr"] {
	padding: 40px 10px;
}
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 1068px;
}
.scr1 {
	padding: 20px 10px 45px;
	background: url(../img-v/head.jpg) #333 center top;
	background-size: auto 100%;
	color: #FFFFFF;
	position: relative;
}
.scr1:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.60);
}
.scr1 .content {
	position: relative;
	z-index: 1;
}
.scr1 [src="img-v/logo.png"] {
	width: 200px;
}
.scr1 .fs18.right {
	font-size: 0.9em;
}
.scr1 .top30 {
	margin-top: 15px;
}
.scr1 .title {
	font-size: 1.875em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3;
}
.scr1 .btn-red {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.btn-red {
	display: block;
	width: 100%;
	max-width: 300px;
	font-size: 1.375em;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
	margin: 20px auto 0;
	text-decoration: none;
	border-radius: 500px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.64);
	background: rgba(247,57,57,0.8);
	line-height: 1.3;
	padding: 20px 15px 22px;
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus,
.btn-red.actv {
    background: #fe4646;
    background: -moz-linear-gradient(top, #fe4646 0%, #e92222 50%, #d60202 100%);
    background: -webkit-linear-gradient(top, #fe4646 0%,#e92222 50%,#d60202 100%);
    background: linear-gradient(to bottom, #fe4646 0%,#e92222 50%,#d60202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4646', endColorstr='#d60202',GradientType=0 );
}
.btn-red.actv:hover {
    background: #fe4646;
    background: -moz-linear-gradient(bottom, #fe4646 0%, #e92222 50%, #d60202 100%);
    background: -webkit-linear-gradient(bottom, #fe4646 0%,#e92222 50%,#d60202 100%);
    background: linear-gradient(to top, #fe4646 0%,#e92222 50%,#d60202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4646', endColorstr='#d60202',GradientType=0 );
}
@media screen and (max-width: 920px) {

}