@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; color: inherit;}
a,input[type="submit"] {cursor: pointer;}
img     {max-width: 100%;height: auto;}
.goto {cursor: pointer;}
* + 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;}

.nav-btn {display: none;}
.nav-btn ~ ul.nav {padding: 0; list-style: none;}
.nav-btn ~ ul.nav > li {margin: 0; display: inline-block;}
@media screen and (max-width: 767px) {
	.nav-btn {display: block; position: relative; width: 40px; height: 40px; background: #F1F1F1; border: 1px solid; color: #CCCCCC; border-radius: 3px; cursor: pointer;}
	.nav-btn.actv {box-shadow: inset 2px 2px 3px rgba(0,0,0,0.20);}
	.nav-btn:before, .nav-btn:after {content: ''; display: block; width: 60%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-top: 2px solid;}
	.nav-btn:after  {border-bottom: 2px solid; height: 10px;}
	.nav-btn ~ ul.nav {display: none; margin-top: 15px;}
	.nav-btn ~ ul.nav > li {display: block; margin-left: 0; margin-right: 0; width: 100%;}
	.nav-btn.actv ~ ul.nav {display: block;}
}

.table {display: table; width: 100%; width: calc(100% + 15px); margin-left: -7.5px; margin-right: -7.5px;}
.table .item {display: table-row;}
.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: 767px) {
	.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,
	.table .item,
	.cell {
		display: block !important;
		width: 100% !important;
		margin-left: 0;
		margin-right: 0;
	}
	.cell {
		margin: 15px 0 0 !important;
	}
}

body {
	max-width: 1920px;
	margin: 0 auto;
	font-family: Calibri, sans-serif;
	font-weight: 300;
	font-size: 21px;
	line-height: 1.5;
}
[class^="scr"] {
	padding: 40px 10px;
}
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 940px;
}
.scr1 {
	padding: 150px 10px;
	background: #CCCCCC url(../img/scr1.jpg) center bottom no-repeat;
	background-size: cover;
	color: #FFFFFF;
}
.scr1 h1 {
	font-family: "Arial Black", sans-serif;
	text-transform: uppercase;
	font-size: 3em;
	line-height: 1.3;
	text-shadow: 
		-0   -5px 4px #6100EB,
		 0   -5px 4px #6100EB,
		-0    5px 4px #6100EB,
		 0    5px 4px #6100EB,
		-5px -0   4px #6100EB,
		 5px -0   4px #6100EB,
		-5px  0   4px #6100EB,
		 5px  0   4px #6100EB,
		-1px -5px 4px #6100EB,
		 1px -5px 4px #6100EB,
		-1px  5px 4px #6100EB,
		 1px  5px 4px #6100EB,
		-5px -1px 4px #6100EB,
		 5px -1px 4px #6100EB,
		-5px  1px 4px #6100EB,
		 5px  1px 4px #6100EB,
		-2px -5px 4px #6100EB,
		 2px -5px 4px #6100EB,
		-2px  5px 4px #6100EB,
		 2px  5px 4px #6100EB,
		-5px -2px 4px #6100EB,
		 5px -2px 4px #6100EB,
		-5px  2px 4px #6100EB,
		 5px  2px 4px #6100EB,
		-3px -5px 4px #6100EB,
		 3px -5px 4px #6100EB,
		-3px  5px 4px #6100EB,
		 3px  5px 4px #6100EB,
		-5px -3px 4px #6100EB,
		 5px -3px 4px #6100EB,
		-5px  3px 4px #6100EB,
		 5px  3px 4px #6100EB,
		-4px -5px 4px #6100EB,
		 4px -5px 4px #6100EB,
		-4px  5px 4px #6100EB,
		 4px  5px 4px #6100EB,
		-5px -4px 4px #6100EB,
		 5px -4px 4px #6100EB,
		-5px  4px 4px #6100EB,
		 5px  4px 4px #6100EB,
		-5px -5px 4px #6100EB,
		 5px -5px 4px #6100EB,
		-5px  5px 4px #6100EB,
		 5px  5px 4px #6100EB,
		-5px -5px 4px #6100EB,
		 5px -5px 4px #6100EB,
		-5px  5px 4px #6100EB,
		 5px  5px 4px #6100EB;
}
.pl {
	background-color: #6100EB;
	color: #FFFFFF;
	padding: 15px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(212,94,176,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(212,94,176,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(212,94,176,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(212,94,176,1.00) 100%);
}
.pl > div {
	padding: 15px;
	border: 1px solid;
}
.black-bg {
	position: relative;
}
.black-bg:before {
	position: absolute;
	background-color: rgba(0,0,0,0.50);
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.black-bg .content {
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	body {font-size: 15px;}
}