@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

@media screen and (max-width: 860px) {
	.block-center {
		margin: 0 2% !important;
		width: 96% !important;
	}
	.slider .block-center {
		margin: 0 !important;
		width: 100% !important;
	}
	.content img { margin: 0 !important; padding: 10px 0 !important; max-width: 100% !important; height: auto !important; float: none !important; clear: both !important; }
	header .col-menu { width: 30% !important; }
	header .col-logo { width: 40% !important; }
	header .col-login { width: 30% !important; }
	header .col-menu ul.menu { display: none; }
	header .col-menu .mobile-menu-button { display: block; }
	.b-col {
		padding: 20px 0 !important;
		margin: 0 2% !important;
		width: 96% !important;
		border-bottom: 5px solid #fff;
	}
	.block-whywe h2 { font-size: 26px !important; }
	.block-whywe { font-size: 18px !important; }
}
@media screen and (max-width: 700px) {
	.b-panel { width: 100%; }
	header .col-menu { width: 40% !important; }
	header .col-logo { width: 60% !important; }
	header .col-login { display: none !important; }
	.block-whywe h2 { font-size: 22px !important; }
	.block-whywe { font-size: 16px !important; }
	.block-whywe ul {
		height: 200px !important;
		-webkit-column-count:1 !important;
		-moz-column-count:1 !important;
		column-count:1 !important;
		overflow: hidden !important;
	}
	.app-block { padding: 30px 0 !important; font-size: 18px !important; }
	.app-block h2 { font-size: 36px !important; }
	.app-block h3 { font-size: 22px !important; }
}
@media screen and (max-width: 450px) {
	header .col-logo a { position: relative; margin: 0; width: 100%; height: 120px !important; }
	header .col-logo img { position: absolute; top: 0; bottom: 0; margin: auto; display: block !important; width: 100%; }
	.app-block a.effect img { height: 80px; }
}

* {
    margin: 0;
    padding: 0;
}

html {height: 100%;}

* html body {height: 100%;}

body {
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    width: 100%;
    height: 100%;
    color: #0d0b0c;
    line-height: 120%;
    background-color: #0d0b0c;
}
a {
	color: #e7a800;
	text-decoration: none;
	transition: all 0.2s ease 0s;
}
a:hover {
	color: #ffc424;
}
p { padding: 10px 0px; }
img { border: 0 none; }
ul, ol {
	padding: 10px 20px;
}
h1, h2, h3 { line-height: 120%; text-transform: uppercase; }
h1 { padding: 20px 0;font-size: 36px; color: #e7a800; } 
h2 { padding: 20px 0;font-size: 32px; } 

/* Classes */
.clr {
	clear: both;
}
.center { text-align: center; }
.block-center {
	position: relative;
	max-width: 1000px;
	margin: auto;
}

.b-panel {
	position: fixed;
	top: 0;
	left: -700px;
	max-width: 700px;
	height: 100%;
	background-color: #0d0b0c;
	border-right: 1px solid #ffc70d;
	z-index: 9999;
	transition: all 0.2s ease 0s;
}
.close-b-panel {
	display: inline-block;
	margin: 20px 0 0 50px;
	padding: 0 0 0 46px;
	line-height: 36px;
	background: transparent url('../images/icon_hide.png') 0 center no-repeat;
	text-align: left;
	font-size: 18px;
	color: #fff;
}
.close-b-panel:hover { color: #ffc70d; }
.b-panel .alogin { margin: 20px 0 0 50px; }
.b-panel .logo img {
	width: 160px;
}
.b-panel ul.menu {
	list-style: none;
	padding: 20px 50px;
	border-top: 5px solid #ffc70d;
	border-bottom: 5px solid #ffc70d;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}
.b-panel ul.menu li { padding: 10px 0; }
.b-panel ul.menu li a { color: #ffc70d; }
.b-panel ul.menu li a:hover { color: #fff; }
.mobile-menu-button {
	display: none;
	position: relative !important;
	left: 20px;
	top: 0px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	background: transparent url('../images/mobile_menu_icon.png') 0 center no-repeat;
	text-align: left;
	text-indent: 60px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	z-index: 2;
	overflow: hidden;
}
.mobile-menu-button.active { background-color: #ffc70d; }

header {
	position: relative;
	height: 120px;
	background-color: #0d0b0c;
	border-bottom: 1px solid #ffc70d;
}
header a { color: #ffc70d; }
header a:hover { color: #fff; }
.hcol {
	position: relative;
	float: left;
	height: 120px;
	text-align: center;
}
.col-logo { width: 30%; }
.col-menu { width: 55%; border-bottom: 1px solid #b18a09; }
.col-login { width: 15%; }
.col-login p { padding: 0; }
.col-logo a { display: inline-block; margin: 25px 0 0 0; }
.col-menu nav { position: relative; }
.col-menu nav ul.menu {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 120px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}
.col-menu nav ul.menu li {
	display: inline-block;
	padding: 0 7px;
}
.alogin {
	position: relative;
	display: inline-block;
	margin: 40px 0 0 0;
	padding: 0 0 0 46px;
	width: 120px;
	height: 40px;
	line-height: 20px;
	background: transparent url('../images/icon_user.png') 0 center no-repeat;
	text-align: left;
	font-size: 18px;
	color: #fff;
}
.alogin:hover { color: #ffc70d; }

.slider {
	position: relative;
	width: 100%;
	height: 482px;
	overflow: hidden;
}
.owl-stage-outer {
	position: relative;
	width: 100%;
	height: 482px;
}
.slide-item, .owl-item {
	position: relative;
	float: left;
	width: 100%;
	height: 482px;
	-moz-user-select: none;
	-webkit-user-select: none;
	overflow: hidden;
}
.slide-item2 {
	position: absolute;
	width: 100%;
	min-width: 1600px;
	height: 482px;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
	z-index: 0;
}
.slider .owl-dots {
	display: block;
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	text-align: center;
	z-index: 99;
}
.slider .owl-dots .owl-dot {
	display: inline-block;
	padding: 0 7px;
}
.slider .owl-dots .owl-dot span {
	display: inline-block;
	width: 16px !important;
	height: 16px !important;
	background: transparent !important;
	border: 2px solid #fff;
	border-radius: 16px;
	opacity: 1 !important;
	cursor: pointer;
}
.slider .owl-dots .owl-dot.active span {
	background: #fff !important;
}
.app-block { padding: 35px 0; line-height: 120%; text-align: center; font-weight: bold; font-size: 24px; color: #fff; }
.app-block h2 { font-size: 56px; }
.app-block h3 { padding: 10px 0; font-weight: normal; font-size: 26px; color: #ffc70d; }
a.effect img { box-shadow: 0 none; transition: all 0.2s ease 0s; }
a.effect img:hover { box-shadow: 0 5px 25px #7ff4ff; }
.content {
	padding: 50px 0;
	min-height: 300px;
	background-color: #fff;
}
.content.main {
	line-height: 160%;
	text-align: center;
	font-size: 22px;
}
.block-whywe {
	position: relative;
	height: 500px;
	font-size: 22px;
	color: #fff;
	overflow: hidden;
}
.block-whywe2 {
	position: absolute;
	height: 500px;
	width: 100%;
	min-width: 1600px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
.block-whywe .block-center {
	padding: 40px 0;
}
.block-whywe h2 {
	text-align: center;
	font-weight: normal;
	font-size: 36px;
}
.block-whywe ul {
	list-style: none;
	padding: 10px 0;
	margin: 0;
	-webkit-column-count:2;  
	-moz-column-count:2;  
	column-count: 2;
}
.block-whywe ul li {
	display: block;
	padding: 15px 0 15px 36px;
	background: transparent url('../images/icon_point.png') 0 center no-repeat;
}
footer {
	padding: 50px 0;
	color: #fff;
}
footer a { text-decoration: underline; color: #fff; }
footer .b-col {
	float: left;
	width: 33%;
}
.b-logo img {
	width: 200px;
}
.copy { line-height: 160%; font-size: 16px; color: #e7a800; }
.b-phone {
	padding: 0 0 0 40px;
	margin: 20px 0 20px 0;
	line-height: 32px;
	background: transparent url('../images/icon_phone.png') 0 center no-repeat;
	font-size: 26px;
}
.b-email {
	padding: 0 0 0 40px;
	margin: 0 0 20px 0;
	line-height: 32px;
	background: transparent url('../images/icon_email.png') 0 center no-repeat;
	font-size: 18px;
}
.b-address {
	padding: 0 0 0 40px;
	margin: 0 0 20px 0;
	line-height: 32px;
	background: transparent url('../images/icon_address.png') 0 center no-repeat;
	font-size: 18px;
}
.b-link img { width: 160px; border-radius: 12px; }

/* Other classes */
.button {
	display: inline-block;
	padding: 0 30px;
	height: 60px;
	line-height: 60px;
	background-color: #e7a800;
	border: 2px solid #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}
.button:hover {
	background-color: #fff;
	border-color: #e7a800;
	color: #e7a800;
}
.button.white {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
}
.button.white:hover {
	background: #fff;
	color: #0d0b0c;
}