@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-reg-webfont.eot');
	src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato-reg-webfont.woff') format('woff'),
		url('../fonts/lato-reg-webfont.ttf') format('truetype'),
		url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latolight';
	src: url('../fonts/lato-lig-webfont.eot');
	src: url('../fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato-lig-webfont.woff') format('woff'),
		url('../fonts/lato-lig-webfont.ttf') format('truetype'),
		url('../fonts/lato-lig-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latobold';
	src: url('../fonts/lato-bold-webfont.eot');
	src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato-bold-webfont.woff') format('woff'),
		url('../fonts/lato-bold-webfont.ttf') format('truetype'),
		url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'latoregular';
		src: url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
	}
	@font-face {
		font-family: 'latolight';
		src: url('../fonts/lato-lig-webfont.svg#latolight') format('svg');
	}
	@font-face {
		font-family: 'latobold';
		src: url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
	}
}
/* General Reset */
body{
	margin:0;
	color:#2d3946;
	font: 16px/24px 'latolight', sans-serif;
	background:#fff;
	min-width:320px;
}
h2{
	font: 48px/52px 'latolight', sans-serif;
	color:#000;
}
img{border-style:none;}
input,
textarea,
select{
	color:#000;
	vertical-align:middle;
	font:100% Verdana, Geneva, sans-serif;
	-webkit-appearance: none;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before,
q:after {content: '';}
a{
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
a:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
header, nav, section, article, aside, footer{display:block;}
/* General settings */
.container{
	max-width:960px;
	margin:0 auto;
}
.container:after{
	clear:both;
	content:'';
	display:block;
}
/*header*/
#header{
	min-height:700px;
	position:relative;
	background:#110f0a url(../images/bg-header.jpg) no-repeat 50% 0;
}
nav .logo{
	position:fixed;
	z-index:10000;
	left:71px;
	top:50px;
	text-indent:-9999px;
	overflow:hidden;
	background:#fff url(../images/logo.png) no-repeat 50% 44%;
	width:87px;
	height:87px;
	padding:21px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
nav .logo a{
	display:block;
	height:100%;
}
nav .logo.sticked{
	padding:0;
	background:url(../images/logo.png) no-repeat 0 0;
	width: 110px;
	height:47px;
	margin:-8px 0 -8px 93px;
	position:static;
	float:left;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
nav .login{
	position:fixed;
	z-index:10000;
	right:55px;
	top:23px;
	font: 12px/18px 'latoregular', sans-serif;
	color:#808080;
	background:#000;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	padding: 6px 16px;
	max-width:70px;
}
.is-sticky nav .login{
	background:#fff;
	color:#000;
}
nav .login:hover{text-decoration:none;}
#header h1{
	position:absolute;
	left:115px;
	bottom:70px;
	font: 42px/48px 'latoregular', sans-serif;
	color:#fff;
	margin:0;
}
#header h1 span{
	color:#00bff3;
	font: 52px/48px 'latoregular', sans-serif;
	padding-right:14px;
}
.slicknav_menu{display:none;}
/*main-nav*/
.main-nav{
	border-bottom:8px solid #00bff3;
	background:#000;
	overflow:hidden;
	padding:27px 0 35px;
}
.is-sticky .main-nav{
	left:0;
	right:0;
}
.main-nav ul{
	padding:0;
	list-style:none;
	display:table;
	margin:0 auto;
	font:900 16px/19px 'Lato', sans-serif;
	text-transform:uppercase;
}
.main-nav ul li{
	display:table-cell;
	vertical-align:top;
	background:url(../images/sep-01.png) no-repeat 0 50%;
	padding-right:55px;
}
.main-nav ul li a{
	color:#fff;
	display:block;
	padding-left:10px;
	min-height: 39px;
}
.main-nav ul li a:hover{
	text-decoration:none;
	background:url(../images/ico-menu-hover.png) no-repeat 50% 100%;
	margin-bottom:-35px;
	padding-bottom:35px;
}
.main-nav .selected{
	background:url(../images/ico-menu-hover.png) no-repeat 50% 100%;
	margin-bottom:-35px;
	padding-bottom:35px;
}
.nav-container{
	position:relative;
	z-index:999;
}
/*main*/
/*proffilates*/
.proffilates .info{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.proffilates .info li{
	float:left;
	width:29%;
	margin-left:4.5%;
}
.proffilates .info li:first-child{margin-left:2%;}
.proffilates .info li .img{
	text-align:center;
	min-height:191px;
	position:relative;
}
.proffilates .info li h3{
	font: 24px/28px 'latobold', sans-serif;
	text-align:center;
	margin:0 0 40px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color:#000;
}
.proffilates .info li p{margin:0;}
.proffilates .info li strong{font: 16px/24px 'latoregular', sans-serif;}
.proffilates{padding:66px 0 150px;}
.proffilates h2{margin:0 0 96px;}
.proffilates .info li:hover h3{color:#00bff3;}
.proffilates .info li .img img{
	vertical-align:top;
	position:absolute;
	left:50%;
	margin-left:-54px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.proffilates .info li:hover .img img{opacity:0;}
.proffilates .info li .img .active{opacity:0;}
.proffilates .info li:hover .img .active{
	opacity:1;
}
/*intro-block*/
.intro-block{
	background:#eff5f8;
	padding:75px 0 1px;
	overflow:hidden;
}
.intro-block .ttl{
	border-bottom:2px solid #000;
	padding-bottom:58px;
}
.intro-block h2{text-align:center;}
.intro-block h3{
	text-transform:uppercase;
	font:900 28px/30px 'Lato', sans-serif;
	color:#000;
	text-align:center;
	margin:0;
	letter-spacing:1px;
}
.intro-boxes{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.intro-boxes li{
	display:inline-block;
	vertical-align:text-top;
	width:29%;
	margin-left:4%;
	text-align:center;
	margin-bottom:25px;
}
.intro-boxes li:first-child{margin-left:2%;}
.intro-boxes li .top{
	text-align:center;
}
.intro-boxes li img{
	vertical-align:top;
	margin-bottom:17px;
}
.intro-boxes li h4{
	font: 24px/28px 'latobold', sans-serif;
	margin:0 0 38px;
}
.intro-boxes li p{
	margin:0;
	text-align:left;
}

.online-info span{
	background:#eff5f8;
	padding:0 45px;
	display:inline-block;
}
.online-info h3{
	margin:-17px 0 54px;
}
.list-info{
	background:#eff5f8;
	padding:48px 0 119px;
}
.list-info h3 span{
	border-bottom:2px solid #000;
	padding-bottom:16px;
	display:inline-block;
}
.list-info h3{
	margin:0 0 37px;
	text-align:center;
	font:900 28px/30px 'Lato', sans-serif;
	color:#000;
	text-transform:uppercase;
	letter-spacing:1px;
}
/*team-block*/
.team-block{
	background:#679ea8 url(../images/bg-team.png) no-repeat 0 50%;
	overflow:hidden;
	position:relative;
}
.team-block .text{
	float:right;
	width:49%;
	padding-top:86px;
	background:#dde8ea;
	margin-right:-9999px;
	padding-right:9999px;
	min-height:714px;
	padding-left: 38px;
	position:relative;
}
.team-block .text:after{
	content:'';
	position:absolute;
	background:url(../images/bg-team-02.png) no-repeat;
	left:-314px;
	top:0;
	width:316px;
	height:100%;
}
.team-block .text h2 span{
	font: 30px/32px 'latolight',sans-serif;
	margin:0 0 5px;
	color:#2d3946;
	display:block;
	padding-bottom: 3px;
}
.team-block .text h2{
	font: 72px/72px 'latolight',sans-serif;
	margin:0;
	color:#005e6e;
}
.subttl{
	font: 22px/32px 'latolight',sans-serif;
	color:#2d3946;
	margin:0;
}
.team-block .text .subttl{
	margin:0 0 66px;
}
.team-block .text p{margin:0 0 19px;}
.team-block .text strong{
	font: 16px/24px 'latoregular',sans-serif;
}
/*contact*/
.contact .container{padding:89px 0 65px;}
.contact h2{margin:0 0 58px;}
.contact address{
	overflow:hidden;
	float:left;
	font: 18px/24px 'latolight',sans-serif;
}
.contact address a{
	font: 18px/24px 'latobold', sans-serif;
	color: #756d4c;
}
.contact address .directions{
	background:url(../images/ico-address.png) no-repeat 100% 60%;
	padding-right:13px;
}
.contact address .col{
	float:left;
	margin-right: 49px;
}
.contact address .col .phone{
	background: url(../images/ico-contact-01.png) no-repeat 1px 5px;
	margin-bottom: 43px;
	display:block;
	padding-left: 50px;
}
.contact address .col .email{
	display:block;
	background: url(../images/ico-contact-02.png) no-repeat 0 2px;
	padding-left: 48px;
}
.contact address .street-addr{
	float:left;
	background: url(../images/ico-contact-03.png) no-repeat 0 5px;
	padding-left: 77px;
}
.contact address .street-addr span{
	display:block;
	margin-bottom:20px;
}
.contact .map{
	background-size:cover;
	border-top:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	overflow:hidden;
	background-position:50% 50%;
}
.contact .map img{display:none;	}
/*footer*/
#footer{
	background:#1b1811;
	overflow:hidden;
	font: 12px/18px 'latoregular', sans-serif;
	color:#8d8c88;
	padding:42px 0 20px;
}
#footer .holder{
	overflow:hidden;
	margin-bottom:28px;
}
#footer .links{
	margin:0 0 0 3px;
	padding:0 0 0 15px;
	list-style:none;
	float:left;
	border-left:1px solid #5a5853;
}
#footer .links li{padding-top:7px;}
#footer .links li:first-child{
	padding-top:0;
	margin-top:-3px;
}
#footer .links li a{color:#8d8c88;}
#footer .partners{
	margin:0 -6px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	float:right;
	font: 12px/12px 'latoregular', sans-serif;
	color:#a8a8a6;
}
#footer .partners li{
	float:left;
	margin-left:12px;
}
#footer .partners li img{
	float:left;
	margin-right:5px;
}
#footer .partners li span{
	float:left;
}
#footer .copy{
	clear:both;
	text-align:center;
	color:#9b8d55;
	margin:0;
}
/*media*/
@media only screen and (min-width:768px) and (max-width:1190px) {
	.container{padding:0 10px;}
	.main-nav ul{font:900 13px/19px 'Lato',sans-serif;}
	.is-sticky .main-nav ul{
		float:left;
		display:block;
	}
	#header{
		min-height: 450px;
		background-size:cover;
	}
	#header .login{
		right: 3px;
		top:3px;
	}
	.main-nav ul li{padding-right: 17px;}
	nav .logo{
		height:70px;
		width:70px;
		top:25px;
		left:20px;
	}
	.is-sticky nav .login{
		right:15px;
		top:30px;
		padding:2px 10px;
	}
	nav .logo.sticked{
		margin:-10px 0 0 40px;
		height: 49px;
	}
	.proffilates{padding:40px 0;}
	#header h1{
		font: 35px/48px 'latoregular',sans-serif;
		left:35px;
		bottom:37px;
	}
	.intro-block{padding:75px 0 30px;}
	.list-info{padding-bottom: 70px;}
	.team-block .text{
		padding-top:55px;
		min-height:655px;
	}
	.team-block .text h2{font: 55px/56px 'latolight',sans-serif;}
	.subttl{font: 19px/32px 'latolight',sans-serif;}
	.team-block .holder .text .subttl{margin: 0 0 30px;}
	.team-block .holder{min-height: 700px}
	.contact .container{padding:25px 10px 33px;}
}
@media screen and (max-width:767px) {
	.container{padding:0 10px;}
	#header{
		min-height: 300px;
		background-size:cover;
		position:relative;
	}
	#header h1{
		font: 21px/23px 'latoregular',sans-serif;
		bottom:145px;
		left: 10px;
		text-shadow:2px 2px 2px rgba(0, 0, 0, 1);
	}
	#header h1 span{font: 28px/39px 'latoregular',sans-serif;}
	.slicknav_menu{display:block;}
	.nav-container nav ul{display:none;}
	.main-nav{
		background:none;
		border-bottom:none;
		padding:0;
	}
	nav .logo{
		position:absolute;
		top:-120px;
		left:10px;
		height:60px;
		width:60px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	nav .logo.sticked{
		position:absolute;
		left:25px;
		top:0;
		margin:0;
		background:url(../images/logo-mob.png) no-repeat;
		width:76px;
		height:41px;
	}
	nav .login.sticked{
		top:9px;
		left:20px;
	}
	nav .login{
		right:10px;
		display:none;
	}
	.sticky-wrapper{min-height:51px;}
	.main-nav{
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		overflow:visible;
	}
	
	.main-nav ul{
		margin:0;
		padding:5px 0;
		border-top:2px solid #00BFF3;
	}
	.main-nav ul li{
		display:block;
		background:none;
		margin:0 0 4px;
		padding:0;
	}
	.main-nav ul li a br{display:none;}
	.main-nav ul li a{
		padding:10px 0;
		min-height:20px;
	}
	.main-nav ul li a:hover{
		background:#00bff3;
		margin:0;
		padding:10px 0;
		color:#fff;
		min-height:20px;
	}
	.main-nav ul li .selected{
		background:#00bff3;
		margin:0;
		padding:10px 0;
		min-height:20px;
	}
	.proffilates .info li{
		width:100%;
		margin-bottom:15px;
		margin:0;
	}
	.proffilates .info li .img{min-height: 130px;}
	.proffilates .info li h3{margin: 0 0 6px;}
	.proffilates h2{
		text-align:center;
		margin: 0 0 30px;
	}
	.proffilates{padding:15px 10px;}
	.proffilates .info li:first-child{margin-left:0;}
	.proffilates .info li{margin-bottom:15px;}
	.intro-block{padding: 30px 0 1px;}
	.list-info{padding-bottom: 35px;}
	.intro-boxes li{
		width:100%;
		margin:0 0 25px;
	}
	.team-block .text{
		padding-top:20px;
		min-height:430px;
		width:100%;
		padding-left:0;
	}
	.team-block .text h2{font: 40px/40px 'latolight',sans-serif;}
	.subttl{font: 16px/26px 'latolight',sans-serif;}
	.team-block .text .subttl{margin: 0 0 35px;}
	.contact .container{padding:10px;}
	.contact address{
		text-align:center;
		float:none;
		margin-bottom:15px;
	}
	.contact address .col{
		margin-right:0;
		float:none;
		margin-bottom:30px;
	}
	.contact address .street-addr{
		float:none;
		padding-left:62px;
	}
	.contact address .col .phone {padding-left: 80px;}
	.contact address .col .email{padding-left:80px;}
	.contact address span{display:inline-block;}
	.contact h2{
		margin: 0 0 30px;
		text-align: center;
	}
	#footer{font: 16px/18px 'latoregular',sans-serif;}
	#footer .links{
		float:none;
		text-align:center;
		border-left:none;
		margin:0 0 30px;
		padding:0;
	}
	#footer .partners{
		float:none;
		text-align:center;
		margin:0;
	}
	#footer .partners li{
		float:none;
		display:inline-block;
		vertical-align:top;
		margin-bottom:10px;
	}
	.nav-container{height:51px;}
}
.hide {display:none !important;}