@font-face {
	font-family: 'DinC';
	font-weight: normal;
	font-style: normal;
	src:   url("fonts/PFDinDisplay.eot") format('embedded-opentype'),
	       url("fonts/PFDinDisplay.eot?#iefix") format('embedded-opentype'),
	       url("fonts/PFDinDisplay.ttf") format("truetype"),
	       url("fonts/PFDinDisplay.otf") format("opentype"),
	       url("fonts/PFDinDisplay.woff") format("woff");
}

html, body {
	display: block;
	height: 100%;
	font-family: "DinC";
	font-size: 24px;
}

.page {
	height: 100%;
}

.page__content {
	height: 100%;
}

.section {
	position: relative;
	color: #fff;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}


.container{
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.container {
		width: 1170px;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
	.container {
		width: 1370px;
	}
}

@media screen and (min-width: 1600px) {
    .container {
		width: 1570px;
	}	
}

.container-absolute {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.slider {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto !important;
}

.slider-list {
	height: 100%;
	width: 100%;
}

.section-one,.section-two, .section-three {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}

.section-one:before, .section-two:before, .section-three:before {
		content: "";
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #000;
		opacity: .83;
}

.section-one {
	background: url("../i/bg1.jpg") no-repeat center center;
	background-size: cover;
}

.section-two {
    background: url("../i/bg2.jpg") no-repeat center center;
	background-size: cover;	
}

.section-three {
	background: url("../i/bg3.jpg") no-repeat center center;
	background-size: cover;
}

@media screen and (min-width: 1400px) {
	h1 {
		font-size: 120px;
	}
}

@media screen and (min-width: 1200px)  and (max-width: 1400px) {
	h1 {
		font-size: 90px;
	}
}

@media screen and (min-width: 970px) and (max-width: 1200px) {
	h1 {
		font-size: 70px;
	}
}

@media screen and (max-width: 970px) {
	h1 {
		font-size: 50px;
	}
}

.btn-custom-yellow {
	color: #000;
	background: #fcd833;
	box-shadow: 0px 2px 0px 0px #e6c320;
	width: 190px;
	border: 0px;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	font-size: 24px;
	font-weight: 300;
	outline: 0 !important;
	height: 50px;
	transition: all 0.1s ease 0s;
	position: relative;
	padding: 0 10px;
}

.btn-custom-yellow:hover, .btn-custom-yellow:active {
	background: #ffe15a;
	color: #000 !important;
}

.btn-custom-yellow:active {
	box-shadow: 0px 2px 0px 0px #cbac1d;
	line-height: 54px;
}

.btn-custom-yellow-big {
	width: 235px;
	height: 65px;
	font-size: 28px;
}

.btn-custom-yellow-big:active {
	line-height: 69px;
}

.col-cell {
	display: table-cell;
	vertical-align: middle;
	float: none;
	height: 100%;
}

.col-cell:last-child {
	border-left: 1px solid rgba(255,255,255,.3);
	padding-left: 30px;
}

.load-h1 {
	-webkit-animation: from_left 0.5s linear 0s 1;
	animation: from_left 0.5s linear 0s 1;
}

@-webkit-keyframes from_left {
    0%   {margin-left: -15px;opacity: 0;}
    100% {margin-left: 0px; opacity: 1;}
}

@keyframes from_left {
    0%   {margin-left: -15px;opacity: 0;}
    100% {margin-left: 0px; opacity: 1;}
}

.unslider-nav {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 20px;
}

.unslider-nav ol li {
	display: block;
	float: none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	background: #fff;
	width: 4px;
	height: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	border-radius: 100%;
}

.unslider-nav ol li:hover:not(.unslider-active) {
	width: 8px;
	height: 8px;
	margin-bottom: 10px;
}

.unslider-nav ol li.unslider-active {
	width: 13px;
	height: 13px;
}

.form-control {
	height: 45px;
}

.form-group {
	margin-bottom: 25px;
}

.modal-dialog {
	position: absolute;
	width: 100%;
	max-width: 700px;
}

.modal-header-custom {
	padding-left: 25px;
}

.modal-body-custom {
	padding-top: 0;
	padding-left: 25px;
	padding-bottom: 25px;
}

.modal-body-custom form {
	width: 50%;
}

.modal-header-custom {
	border: 0;
}



.modal-content {
	background-image: url("../i/form-bg3.jpg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}

.btn-wrap {
	margin-top: 40px;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(-50%,-65%);
	-ms-transform: translate(-50%,-65%);
	-o-transform: translate(-50%,-65%);
	transform: translate(-50%,-65%);
	top: 50%;
	left: 50%;
}

.modal.in .modal-dialog {
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
}

.help-block {
	font-size: 14px;
}