.row:after,
.clearfix:after,
.container:after{
	content: '';
	display: table;
	clear: both;
}
html,body{
	height: 100%;
}
body{
	min-width: 320px;
	font: 14px/24px 'Raleway', sans-serif;
	color: #434251;
	background: #fff;
	margin: 0;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust:none;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.text-md{
	font-size: 16px;
	line-height: 30px;
}
.fs-bg{font-size: 18px;}
.text-center{text-align: center;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb50{margin-bottom: 50px !important;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
p{
	margin: 0 0 24px;
}
p:last-child{
	margin: 0;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{
	vertical-align:top;
	border-style:none;
	max-width: 100%;
	height: auto;
}
a{
	color: #434251;
	text-decoration: underline;
	transition: all 0.2s ease;
}
a:hover{
	text-decoration: none;
}
.row{
	margin: 0 -15px;
}
h2{
	font-size: 36px;
	line-height: 46px;
	font-weight: 300;
	margin: 0;
}
h3{
	font-size: 30px;
	line-height: 40px;
	font-weight: 300;
	margin: 0;
}

/* header */
#header{
	background-color: #e0ac39;
	padding: 27px 0 19px;
}
.logo{
	margin: 0 0 0 -100px;
	width: 345px;
	float: left;
}
.btn-navbar{
	display: none;
}
#nav{
	float: right;
	margin: 44px -95px 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
}
#nav ul{
	float: left;
}
#nav li{
	float: left;
	margin: 0 0 0 2px;
}
#nav a{
	display: block;
	padding: 12px 20px;
	border: 2px solid transparent;
	border-radius: 25px;
	color: #f8f8f8;
	text-decoration: none;
}
#nav .active a,
#nav a:hover{
	border-color: #fff;
}
#nav a.blog{
	color: #434251;
}
#nav .active a.blog,
#nav a.blog:hover{
	border-color: #434251;
}

/* promo-section */
.promo-section{
	min-height: 502px;
	position: relative;
	overflow: hidden;
	padding: 30px 0;
}
.promo-bg{
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	max-width: none;
	min-height: 100%;
}
.promo-section .container{
	position: relative;
	z-index: 2;
	padding: 0;
}
.promo-text{
	background: rgba(255,255,255,0.9);
	padding: 24px 30px;
	display: inline-block;
	vertical-align: top;
	max-width: 502px;
	min-width: 360px;
}
.promo-text h2{
	margin: 0 0 15px;
}
.promo-text h3{
	margin: 0 0 15px;
}
.promo-text h4{
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	margin: 0 0 15px;
}
.promo-text h2:last-child,
.promo-text h3:last-child,
.promo-text h4:last-child{
	margin: 0;
}
.promo-text ul{
	margin: 0 0 25px;
}
.promo-text ul:last-child{
	margin: 0;
}
.promo-text ul li{
	padding: 0 0 18px;
}
.promo-text ul li:last-child{
	padding: 0;
}
.promo-part{
	margin: 0 0 25px;
}
.promo-part:last-child{
	margin: 0;
}
.schedule-list,
.contact-list{
	font-size: 18px;
}
.schedule-list span{
	font-weight: 900;
}
.contact-list address{
	font-style: normal;
}
.promo-section.history{
	text-align: right;
	padding: 110px 0;
}
.promo-section.history .promo-text{
	text-align: left;
	max-width: none;
	width: 682px;
}
.date-list{
	font-size: 0;
}
.date-list > li{
	display: inline-block;
	vertical-align: top;
	width: 42%;
	font-size: 14px;
	padding: 0;
}
.date-list > li:first-child{
	width: 58%;
	padding: 0 20px 0 0;
}
.promo-text .date-list ul li{
	padding: 0 0 5px;
}
.date-list ul span{
	font-size: 18px;
	font-weight: bold;
}
.promo-section.mission{
	padding: 185px 0 30px;
}
.promo-section.mission .promo-text{
	max-width: none;
	display: block;
}

/* gray-section */
.gray-section{
	background-color: #434251;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	padding: 39px 0 46px;
}

/*main*/
.main{
	padding: 40px 0 45px;
}
.main h2{
	margin: 0 0 4px;
}
.main h3{
	margin: 0 0 4px;
}
.main h4{
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
	margin: 0 0 14px;
}
.main h5{
	font-size: 18px;
	line-height: 31px;
	margin: 0 0 10px;
	text-decoration: underline;
}
.main h2:last-child,
.main h3:last-child,
.main h4:last-child,
.main h5:last-child{
	margin: 0;
}
.main .img-holder{
	margin: 0 0 10px;
}
.main ul{
	margin: 0 0 18px;
}
.main ul:last-child{
	margin: 0;
}
.main ul li{
	position: relative;
	padding: 0 0 12px 8px;
}
.main ul.item-list li{
	padding: 0 0 6px 8px;
}
.main ul li:last-child{
	padding-bottom: 0;
}
.main ul li:before{
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	background: #434251;
	width: 3px;
	height: 3px;
	border-radius: 50%;
}
.main.text-md{
	padding-top: 20px;
}
.main.text-md h2{
	font-size: 48px;
	line-height: 62px;
	margin: 0 0 20px;
}

/* map-section */
.map-section{
	height: 470px;
	overflow: hidden;
}

/* footer */
#footer{
	background-color: #434251;
	color: #f2f4f6;
	line-height: 22px;
	padding: 45px 0;
}
#footer h3{
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	margin: 0;
}
/*back-top-link*/
#back-top-link{
	position: fixed;
	bottom: 10px;
	right: 10px;
	background: url("../images/icon-top.svg") no-repeat 50% 50%;
	width: 44px;
	height: 44px;
	border-radius: 5px;
	border: 1px solid #000;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 5;
}
#back-top-link.show{
	visibility: visible;
	opacity: 0.6;
}
#back-top-link.show:hover{
	opacity: 1;
}

/* container */
.container{
	margin: 0 auto;
}
@media (min-width: 768px) {
	.container {
		width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}
/* grid system */
[class^='col-lg'],
[class*=' col-lg'],
[class^='col-md'],
[class*=' col-md'],
[class^='col-sm'],
[class*=' col-sm']{
	padding: 0 15px;
}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

[class^='col-xs'],
[class*=' col-xs']{
	float: left;
}

@media (min-width: 768px) {
	[class^='col-lg'],
	[class*=' col-lg'],
	[class^='col-md'],
	[class*=' col-md'],
	[class^='col-sm'],
	[class*=' col-sm']{float: left;}
	.col-sm-12 {width: 100%;}
	.col-sm-11 {width: 91.66666667%;}
	.col-sm-10 {width: 83.33333333%;}
	.col-sm-9 {width: 75%;}
	.col-sm-8 {width: 66.66666667%;}
	.col-sm-7 {width: 58.33333333%;}
	.col-sm-6 {width: 50%;}
	.col-sm-5 {width: 41.66666667%;}
	.col-sm-4 {width: 33.33333333%;}
	.col-sm-3 {width: 25%;}
	.col-sm-2 {width: 16.66666667%;}
	.col-sm-1 {width: 8.33333333%;}
}

@media (min-width: 992px) {
	.show-sm {display: none !important;}
	.col-md-12 {width: 100%;}
	.col-md-11 {width: 91.66666667%;}
	.col-md-10 {width: 83.33333333%;}
	.col-md-9 {width: 75%;}
	.col-md-8 {width: 66.66666667%;}
	.col-md-7 {width: 58.33333333%;}
	.col-md-6 {width: 50%;}
	.col-md-5 {width: 41.66666667%;}
	.col-md-4 {width: 33.33333333%;}
	.col-md-3 {width: 25%;}
	.col-md-2 {width: 16.66666667%;}
	.col-md-1 {width: 8.33333333%;}
}

@media (min-width: 1200px){
	.show-md {display: none !important;}
	.col-lg-12 {width: 100%;}
	.col-lg-11 {width: 91.66666667%;}
	.col-lg-10 {width: 83.33333333%;}
	.col-lg-9 {width: 75%;}
	.col-lg-8 {width: 66.66666667%;}
	.col-lg-7 {width: 58.33333333%;}
	.col-lg-6 {width: 50%;}
	.col-lg-5 {width: 41.66666667%;}
	.col-lg-4 {width: 33.33333333%;}
	.col-lg-3 {width: 25%;}
	.col-lg-2 {width: 16.66666667%;}
	.col-lg-1 {width: 8.33333333%;}
}

/* media queries */
@media(max-width: 1349px){
	.logo{
		margin: 0 0 0 -25px;
	}
	#nav{
		margin: 44px -25px 0 0;
	}
}
@media(max-width: 1199px){
	#header{
		padding: 20px 0 15px;
	}
	.logo{
		margin: 0 0 0 -15px;
		width: 250px;
	}
	#nav{
		margin: 32px -15px 0 0;
		font-size: 16px;
	}
	#nav a{
		padding: 5px 13px;
	}
	.promo-section.history{
		padding: 70px 0;
		min-height: 418px;
	}
	.promo-section.mission{
		padding: 120px 0 30px;
		min-height: 475px;
	}
    #footer{
	    padding: 25px 0;
    }
}
@media(max-width: 991px){
	h2{
		font-size: 30px;
		line-height: 40px;
	}
	h3{
		font-size: 26px;
		line-height: 36px;
	}
	.logo{
		width: 200px;
	}
	#nav{
		font-size: 13px;
		margin: 21px -15px 0 0;
	}
	#nav a{
		padding: 5px 7px;
	}
    .promo-section,
    .promo-section.history,
    .promo-section.mission{
	    padding: 20px 0;
	    min-height: 0;
    }
	.promo-section.mission{
		margin: 0;
		padding: 100px 0 20px;
	}
	.promo-section.history .promo-text{
		width: auto;
	}
	.promo-text{
		padding: 15px 20px;
		min-width: 280px;
	}
	.promo-text h2{
		margin: 0 0 10px;
	}
	.promo-text ul{
		margin: 0 0 15px;
	}
	.promo-text ul li{
		padding: 0 0 10px;
	}
	.schedule-list,
	.contact-list{
		font-size: 16px;
		margin: 0 0 20px;
	}
	.gray-section{
		padding: 20px 0;
	}
	.main{
		padding: 20px 0;
	}
	.main.text-md h2 {
		font-size: 40px;
		line-height: 50px;
		margin: 0 0 10px;
	}
	.main h4{
		font-size: 20px;
		line-height: 24px;
	}
}
@media(max-width: 767px){
	.fs-bg{font-size: 16px;}
	.text-md{line-height: 26px;}
	p{
		margin: 0 0 15px;
	}
	h2{
		font-size: 26px;
		line-height: 34px;
	}
	h3{
		font-size: 22px;
		line-height: 32px;
	}
	.container,
	.promo-section .container{
		padding: 0 15px;
	}
	.row{
		margin-bottom: 0 !important;
	}
	.row > div{
		margin-bottom: 15px !important;
	}
	.row:last-child > div:last-child{
		margin-bottom: 0 !important;
	}
	#header{
		padding: 15px 0;
		position: relative;
		z-index: 3;
	}
	.logo{
		margin: 0;
	}
	.btn-navbar{
		display: block;
		margin: 10px 0 0;
		float: right;
		border: 1px solid #fff;
		border-radius: 5px;
		background: url("../images/icon-menu.svg") no-repeat 50% 50%;
		width: 44px;
		height: 34px;
	}
	.btn-menu:hover{
		opacity: 0.8;
	}
	#nav{
		display: none;
		margin: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background-color: #e0ac39;
		font-size: 14px;
	}
	#nav ul{
		float: none;
	}
	#nav ul li{
		float: none;
		margin: 0;
		border-top: 1px solid rgba(255,255,255,0.3);
	}
	#nav li a{
		border-radius: 0;
		border: none;
		padding: 10px 15px;
	}
	#nav .active a,
	#nav a:hover{
		background: rgba(255,255,255,0.2);
	}
    .open-menu #nav{
	    display: block;
    }
	.promo-section,
	.promo-section.mission{
		padding: 15px 0;
	}
	.promo-text{
		max-width: none;
		display: block;
		padding: 15px;
	}
	.promo-text h4{
		font-size: 16px;
		line-height: 26px;
		margin: 0 0 5px;
	}
	.promo-part{
		margin: 0;
		display: inline-block;
		vertical-align: top;
		width: 49%;
	}
	.promo-part:last-child{
		text-align: right;
	}
	.schedule-list,
	.contact-list{
		font-size: 15px;
	}
	.gray-section{
		padding: 15px 0;
		font-size: 16px;
		line-height: 24px;
	}
    .main{
	    padding: 15px 0;
    }
	.main.text-md{
		padding-top: 15px;
	}
	.main.text-md h2{
		font-size: 34px;
		line-height: 42px;
	}
	.main h4{
		font-size: 18px;
		line-height: 22px;
	}
	.main h5{
		font-size: 16px;
		line-height: 24px;
	}
	.main ul li{
		padding: 0 0 5px 12px;
	}
    #footer{
	    padding: 15px 0;
	    font-size: 13px;
	    line-height: 18px;
    }
	#footer h3{
		font-size: 15px;
		line-height: 22px;
	}
}

@media(max-width: 479px){
	.promo-part{
		display: block;
		width: 100%;
		margin: 0 0 15px;
	}
	.promo-part:last-child{
		text-align: left;
	}
	.date-list > li,
	.date-list > li:first-child{
		display: block;
		padding: 0;
		width: 100%;
	}
}