@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;}
* + 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;}
.fw100  {font-weight: 100;}
.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;}

.fs15 {font-size: 15px;}
.fs18 {font-size: 18px;}

.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: 'Roboto', Arial, sans-serif;
	font-size: 13px;
	line-height: 1.7;
	color: #3c4251;
}
[class^="scr"] {
	padding: 70px 10px;
}
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 1150px;
}
.scr-menu {
	background: #FFFFFF;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
	padding: 15px 10px;
}
@media screen and (min-width: 767px) {
	.scr-menu {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		padding: 0 10px;
		z-index: 5;
	}
	.scr1 {
		margin-top: 78px;
	}
}
.scr-menu .logo {
	margin: 10px 0 5px;
}
.scr-menu .table {
	width: auto;
	margin: 0;
	margin-left: auto;
}
.scr-menu .table .cell {
	padding: 0;
}
.scr-menu .table a {
	display: block;
	padding: 0 15px;
	line-height: 78px;
	white-space: nowrap;
	text-decoration: none;
	color: inherit;
	transition: 0.3s;
}
.scr-menu .table a.link:hover {
	background: #03a9f4;
	color: #FFFFFF;
}
.scr-menu .table a img {
	vertical-align: middle;
}
.scr1 {
	position: relative;
	padding: 0;
	overflow: hidden;
	background: #333333;
}
.scr1 .content {
	padding: 90px 67px 40px;
	min-height: 500px;
	position: relative;
	max-width: 1300px;
	z-index: 2;
}
.scr1 .button {
	position: relative;
	transform: scale(0.5,0.5);
}
.scr1 .button:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-top: 2px solid;
	border-right: 2px solid;
	transform: rotate(45deg);
	margin-right: 10px;
}
.scr1 .actv .button {
	transform: scale(1,1);
}
.scr1 .title {
	font-size: 26px;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 15px;
	padding: 15.5px 26px;
	background: #03a9f4;
	color: #FFFFFF;
	position: relative;
	transition: 0.5s;
	left: 400px;
	opacity: 0;
}
.scr1 .actv .title {
	left: 0px;
	opacity: 1;
}
.scr1 .description {
	background: rgba(0, 0, 0, 0.7);
	color: #FFFFFF;
	padding: 15.5px 26px;
	font-size: 15px;
	display: inline-block;
	max-width: 960px;
	position: relative;
	transition: 0.5s;
	left: -400px;
	opacity: 0;
}
.scr1 .actv .description {
	left: 0px;
	opacity: 1;
}
.slider-wrap{ /* Оболочка слайдера и кнопок */
    width: 100%;
	position: relative;
}
.slider{ /* Оболочка слайдера */
	width: 100%;
}
.slide { /* Слайд */
	overflow: hidden;
}
.slide .bg {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	transition: 20s;
	min-height: 100%;
}
.slide.actv .bg {
	transform: scale(1.2,1.2);
}
.sli-links {
	display: none;
}
#prewbutton,
#nextbutton {
	position: absolute;
	z-index: 3;
	top: 50%;
	opacity: 0.7;
	transform: translateY(-50%);
	transition: 0.3s;
}
#prewbutton:hover,
#nextbutton:hover {
	opacity: 1;
}
#prewbutton {
	left: 0;
}
#nextbutton {
	right: 0;
}

@media screen and (max-width: 767px) {
	.scr-menu {
		text-align: center;
	}
	.scr-menu .table a {
		line-height: 2;
	}
	.scr-menu .table .cell {
		margin-top: 5px 0 0 !important;
		display: inline-block !important;
		width: auto !important;
	}
}