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

*       {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; vertical-align: middle;}
.goto {cursor: pointer;}
h1,h2,h3 {font-weight: inherit;}
* + 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;}
.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;}

h2 {font-size: 35px;}
.fs42 {font-size: 42px;}

.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;}

.span                    {display: inline-block;}
.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-left: 0;
		margin-right: 0;
	}
	.cell {
		margin: 15px 0 0 !important;
	}
}

.red {color: #CF1D41;}

body {
	max-width: 1920px;
	margin: 0 auto;
	font-family: 'Ubuntu', sans-serif;
	font-size: 20px;
	line-height: 1.3;
}
[class^="scr"] {
	padding: 40px 10px;
}
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 1140px;
}

h1, h2 {
	font-family: 'Iskra', 'Ubuntu', sans-serif;
}

ul.nav {
	list-style: none;
	padding: 0;
}

.scr-popup {
	background: #CF1D41;
	color: #FFFFFF;
	font-family: 'Iskra', 'Ubuntu', sans-serif;
	font-weight: 700;
	padding: 10px 10px;
}
.scr-popup .btn {
	background: #FFFFFF;
	color: #CF1D41;
	text-decoration: none;
	display: inline-block;
	max-width: none;
	width: auto;
	vertical-align: middle;
	padding: 4px 20px 6px;
	border-radius: 100px;
	font-size: 0.75em;
	margin: 0 15px;
}

.scr-menu {
	background: #FFFFFF;
	padding: 5px 10px;
	font-family: 'Iskra', 'Ubuntu', sans-serif;
}
.scr-menu .nav > li {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 8px;
	padding: 10px 0;
	position: relative;
}
.scr-menu .nav > li ul {
	position: absolute;
	list-style: none;
	text-align: left;
	background: #FFFFFF;
	padding: 10px;
	border-radius: 5px;
	width: 380px;
	font-weight: 400;
	border: 1px solid #F1F1F1;
	top: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,0.20);
	left: 0;
	font-size: 0.9em;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 1;
}
.scr-menu .nav > li:hover ul {
	opacity: 1;
	visibility: visible;
}
.scr-menu .nav > li > a {
	color: #CF1D41;
}
.scr-menu .nav a {
	text-decoration: none;
	display: block;
	color: inherit;
}
.scr-menu .nav a.more {
	padding-right: 15px;
}
.scr-menu .nav a.more:after {
	content: '';
	display: block;
	position: absolute;
	border: 4px solid rgba(0,0,0,0.00);
	border-top-color: #171717;
	top: 50%;
	right: 0;
}
.scr-menu .social img {
	width: 30px;
	padding: 6px;
	background: #1B1B1B;
	border-radius: 100%;
	margin-top: 8px;
}

.scr1 {
	background: url(../img/scr1.jpg) center top no-repeat #1F272A;
	background-size: cover;
	padding: 400px 10px 100px;
}
.scr1 .shadow {
	text-shadow: 0 0 10px #fff, 0 0 20px #FFFFFF, 0 0 30px #FFFFFF, 0 0 40px #FFFFFF, 0 0 50px #FFFFFF, 0 0 60px #FFFFFF, 0 0 70px #FFFFFF;
}
.scr1 h2 {
	color: #CF1D41;
}
.scr1 h1 {
	font-size: 60px;
	color: #FFFFFF;
	text-shadow: 0 0 10px rgba(0,0,0,0.50),  0 0 20px rgba(0,0,0,0.50), 0 0 30px rgba(0,0,0,0.50), 0 0 40px rgba(0,0,0,0.50);
	text-shadow: 0 0 10px #CF1D41,  0 0 20px #CF1D41, 0 0 30px #CF1D41, 0 0 40px #CF1D41;
}
.data {
	background: #ffe8e8;
	padding: 8px 25px;
	border-radius: 100px;
}
.in-text {
	border: 1px solid #c1c1c1;
	border-radius: 10px;
	padding: 12px 20px;
	font: inherit;
	background: #f4f4f4;
	display: block;
	width: 100%;
}
.in-text:hover,
.in-text:focus {
	background: #ffffff;
}
.button {
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CF1D41;
	display: block;
	width: 100%;
	max-width: 370px;
	border: none;
	padding: 10px 15px 15px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Iskra', 'Ubuntu', sans-serif;
	font-weight: 700;
	border-radius: 100px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.20) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.20) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.20) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.20) 100%);
}
.button:hover {
	background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.20) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.20) 100%);
	background-image: -o-linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.20) 100%);
	background-image: linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.20) 100%);
}


@media screen and (max-width: 767px) {
	body {
		font-size: 17px;
	}
	.scr-menu * {
		text-align: center;
	}
	.scr-menu .nav a.more + ul {
		width: 100%;
		max-width: 100%;
	}
	.scr1 {
		/*padding-top: 300px;
		background-image:  url(../img/scr1-mob.jpg);*/
	}
	.scr1 h1 {
		font-size: 2.2em;
	}
	h2 {
		font-size: 1.7em;
	}
	.fs42 {
		font-size: 1.5em;
	}
	.big {
		font-size: 1.2em;
	}
}