@font-face {
    font-family: 'PFDinCP Light';
    src: url('../fonts/compro/PFDinTextCompPro-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'PFDinCP';
    src: url('../fonts/compro/PFDinTextCompPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Euro 30';
    src: url('../fonts/eurof55_0.ttf') format('truetype');
}
@font-face {
    font-family: 'PFDinConP Light';
    src: url('../fonts/condpro/PFDinTextCondPro-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'PFDinConP';
    src: url('../fonts/condpro/PFDinTextCondPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'PFDinConP';
    src: url('../fonts/condpro/PFDinTextCondPro-Bold.ttf') format('truetype');
    font-weight: bold;
}


html{color:#000;background:none;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
.container
{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.wrap
{
	position: relative;
	width: 930px;
	margin: 0 auto;
}
.clears
{
	clear: both;
}
.header
{
	position: relative;
	height: 623px;
	width: 100%;
	background:	url(../images/header.png) top right no-repeat #01214c;
}
.header .container
{
	height: 623px;
	
}
.header .logo
{
	display: block;
	position: relative;
	float: left;
	margin-top: 21px;
}
.header .zasek
{
	position: absolute;
	width: 238px;
	height: 80px;
	right: 0px;
	left: 0px;
	margin: auto;
	top: 21px;
	background: url(../images/zasek.png) no-repeat;
}
.header .phone-wrap
{
	float: right;
	margin-top: 21px;
	position: relative;
}
.header .phone-wrap .text
{
	font-family: 'PFDinCP Light';
	font-size: 45px;
	color: #f1c40f;
	position: relative;
}
.header .phone-wrap .text span
{
	font-size: 30px;
	color: #f39c12;
	display: block;
	position: absolute;
	left: -80px;
	top: 5px;
}
.header .phone-wrap .button
{
	position: absolute;
	right: 0px;
	bottom: -30px;
	width: 178px;
	height: 28px;
	border: 2px solid #ffffff;
	font-family: 'PFDinConP Light';
	font-size: 15px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	line-height: 28px;
	transition: all .5s ease;
}
.header .phone-wrap .button:hover
{
	background: #ffffff;
	color: #01204a;
}
.header .main-text
{
	position: relative;
	font-family: 'Euro 30';
	font-size: 30px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
}
.header h2.main-text
{
	font-size: 40px;
	padding-top: 23px;
}
.header .main-text span
{
	font-size: 50px;
	color: #f1c40f;
}
.header .stick
{
	position: absolute;
	bottom: 45px;
	width: 21px;
	height: 3px;
	background: #f1c40f;
	display: block;
	z-index: 3;
	right: 222px;
}
.header .block-top
{
	float: left;
	position: relative;
	margin: 15px 45px 0px 45px;
	height: 54px;
	min-width: 125px;
	padding-left: 70px;
	font-family: 'PFDinConP Light';
}
.header .block-top .up-text
{
	font-size: 20px;
	color: #f39c12;
	text-transform: uppercase;
}
.header .block-top .down-text
{
	font-size: 15px;
	color: #ffffff;
}
.header .block-top.first
{
	background: url(../images/top/1.png) left top no-repeat;
}
.header .block-top.second
{
	background: url(../images/top/2.png) left top no-repeat;
}
.header .block-top.third
{
	background: url(../images/top/3.png) left top no-repeat;
}
.header .plane
{
	position: absolute;
	width: 311px;
	height: 191px;
	bottom: 83px;
	left: 768px;
	background: url(../images/top/plane.png) no-repeat;
	z-index: 200;
}
.header .slider-con
{
	position: relative;
	width: 765px;
	overflow: hidden;
	height: 300px;
	top: 10px;
}
.header .slider-con .slider-wrap
{
	position: absolute;
	left: 0px;
	top: 0px;
	min-width: 765px;
	height: 300px;
}
.header .slider-con .slider-wrap .title
{
	font-family: 'PFDinCP';
	font-size: 70px;
	color: #ffffff;
}
.header .slider-con .slider-wrap .title span
{
	font-size: 95px;
}
.header .slider-con .slider-wrap .text
{
	float: right;
	margin-right: 295px;
	font-family: 'PFDinConP';
	font-size: 20px;
	color: #ffffff;
	margin-top: -16px;
	letter-spacing: 0.6px;
	position: relative;
	z-index: 15;
}
.header .slider-con .slider-wrap .text .or
{
	color: #dd9023;
	text-transform: uppercase;
}
.header .slider-con .slider-wrap .flower
{
	display: block;
	position: absolute;
	right: 7px;
	bottom: -108px;
}
.header .slider-con .slider-wrap .slide-button
{
	position: absolute;
	bottom: 45px;
	left: 94px;
	width: 248px;
	height: 43px;
	border: 1px solid #ffffff;
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
	z-index: 15;
	font-family: 'PFDinConP Light';
	overflow: hidden;
}
.header .slider-con .slider-wrap .slide-button:hover
{
	background: url(../images/but-tr.png) 220px center no-repeat #FFFFFF;
	color: #01224c;
}
.header .slider-con .slider-wrap .slide-button:hover p
{
	left: -30px;
}
.header .slider-con .slider-wrap .slide-button p
{
	position: absolute;
	left: 0px;
	width: 100%;
	margin-top: 10px;
	transition: left .5s ease;
}
.header .sticks
{
	position: absolute;
	background: url(../images/sticks.png) no-repeat;
	width: 757px;
	height: 208px;
	bottom: -17px;
	left: 17px;
}
.yellow
{
	position: relative;
	width: 100%;
	height: 537px;
	background: url(../images/yellow/back.png) right center no-repeat #f1c40f;
	z-index: 3;
}
.yellow .top
{
	position: absolute;
	top: -92px;
	left: 0px;
	right: 0px;
	margin: auto;
	background: url(../images/top-yellow.png) no-repeat;
	width: 1201px;
	height: 93px;
}
.yellow .top .left
{
	position: absolute;
	left: -50px;
	top: 5px;
	background: #f1c40f;
	height: 87px;
}
.yellow .top .right
{
	position: absolute;
	right: -50px;
	top: 55px;
	background: #f1c40f;
	height: 38px;
}
.yellow .main-title
{
	font-family: 'PFDinConP';
	font-size: 30px;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	text-shadow: 0px 0px 0px;
	padding-top: 40px;
}
.yellow .econom-block
{
	float: left;
	width: 180px;
	padding-left: 90px;
	height: 45px;
	margin: 0px 20px;
	font-family: 'PFDinConP';
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	margin-top: 35px;
	text-shadow: 0px 0px 0px;
}
.yellow .econom-block p
{
	margin-top: 7px;
}
.yellow .econom-block.first
{
	background: url(../images/yellow/1.png) top left no-repeat;
	margin-left: 170px;
}
.yellow .econom-block.second
{
	padding-left: 70px;
	background: url(../images/yellow/2.png) top left no-repeat;
	margin-right: 170px;
}

.yellow .yell-block
{
	float: left;
	padding-top: 70px;
	width: 250px;
	margin: 40px 30px 0px 30px;
}
.yellow .yell-block .text
{
	font-family: 'PFDinConP Light';
	font-size: 20px;
	color: #000000;
	text-align: center;
}
.yellow .yell-block.first
{
	background: url(../images/yellow/blocks/1.png) center top no-repeat;
}
.yellow .yell-block.second
{
	background: url(../images/yellow/blocks/2.png) center top no-repeat;
}
.yellow .yell-block.third
{
	background: url(../images/yellow/blocks/3.png) center top no-repeat;
}
.yellow .yell-block.forth
{
	background: url(../images/yellow/blocks/4.png) center top no-repeat;
}
.yellow .yell-block.fifth
{
	background: url(../images/yellow/blocks/5.png) center top no-repeat;
}


.gray
{
	position: relative;
	width: 100%;
	height: 400px;
	background: #d0d0d0;
}
.gray .container
{
	z-index: 10;
}
.gray .block
{
	float: left;
	position: relative;
	width: 244px;
	height: 300px;
	text-align: center;
	font-family: 'PFDinConP';
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	text-shadow: 0px 0px 0px;
	margin: 33px 33px 0px 33px;
}
.gray .block.first
{
	background: url(../images/gray/1.png) center 50px no-repeat;
}
.gray .block.second
{
	background: url(../images/gray/2.png) center 50px no-repeat;
}
.gray .block.third
{
	background: url(../images/gray/3.png) center 50px no-repeat;
}
.gray .block .button
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: auto;
	width: 198px;
	height: 38px;
	border: 1px solid #3498db;
	cursor: pointer;
	font-size: 20px;
	font-family: 'PFDinConP Light';
	color: #3498db;
	overflow: hidden;
}
.gray .block .button:hover
{
	background: url(../images/gray/tr.png) 170px center no-repeat #3498db;
	color: #FFFFFF;
}
.gray .block .button:hover p
{
	left: -20px;
}
.gray .block .button p
{
	position: absolute;
	left: 0px;
	width: 100%;
	top: 5px;
	transition: left .5s ease;
}

.footer
{
	position: relative;
	width: 100%;
	height: 335px;
	background: #3498db;
}
.footer .plane
{
	position: absolute;
	top: -103px;
	left: 0px;
	height: 390px;
	width: 100%;
	background: url(../images/footer/plane.png) no-repeat;
	background-size: 100% 100%;
	min-width: 930px;
}
.footer .title
{
	font-family: 'PFDinConP';
	font-size: 30px;
	text-align: center;
	color: #fffefe;
	text-transform: uppercase;
	padding-top: 40px;
}
.footer .title span
{
	color: #f1c40f;
}
.footer .block
{
	float: left;
	position: relative;
	width: 184px;
	height: 80px;
	margin-top: 45px;
}
.footer .block img
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
}
.black-wrap
{
	display: none;
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 300;
}
.fixed-con
{
	position: fixed;
	top: 15%;
	left: 0px;
	height: 0px;
	width: 100%;
	z-index: 400;
	display: none;
	opacity: 0;
}
.fixed-con .fixed-wrap
{
	position: relative;
	width: 400px;
	height: 350px;
	margin: 0 auto;
	background: #f1c40f;
}
.fixed-con .fixed-wrap .title
{
	font-family: 'PFDinConP';
	font-weight: bold;
	font-size: 25px;
	color: #000;
	text-align: center;
	padding-top: 25px;
	text-transform: uppercase;
}
.fixed-con .fixed-wrap form
{
	display: block;
	width: 350px;
	margin: 0 auto;
	position: relative;
	padding-top: 18px;
}
.fixed-con .fixed-wrap form .txt
{
	position: relative;
	width: 188px;
	padding:0px 80px;
	height: 43px;
	border: 1px solid #FFFFFF;
	background: none;
	outline: none;
	text-align: center;
	font-family: 'Euro 30';
	font-size: 15px;
	text-shadow:0px 0px 0px;
	margin:6px 0px;
}
.fixed-con .fixed-wrap form .sbm
{
	display: block;
	position: relative;
	width: 248px;
	height: 43px;
	border: 1px solid #FFFFFF;
	background: none;
	outline: none;
	text-align: center;
	font-family: 'PFDinConP Light';
	font-size: 15px;
	text-shadow:0px 0px 0px;
	margin-top: 3px;
	text-transform: uppercase;
	margin: 8px auto;
	cursor: pointer;
}
.fixed-con .fixed-wrap .under
{
	font-family: 'PFDinConP';
	font-size: 15px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 0px 0px;
	margin-top: 20px;
}
.fixed-con .fixed-wrap .img
{
	display: block;
	position: absolute;
	bottom: -71px;
	left: -93px;
}