@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:160%;
	font-size:14px;
	color:#939598;
	margin-top:5%;
}

a{
	color:#939598;
	text-decoration:none;
}

a:hover{
	color:#000;
}

#logo_menu_column{
	width:220px;
	display:inline-block;
	bottom:5%;
	position:fixed;
}

#logo{
	width:100%;
}

#logo img{
	width:100%;
}

#logo hr{
	margin-top:20px;
	margin-bottom:20px;
	width:20%;
	border:none;
	border-top:thin solid #000;
}

h1{
	color:#000;
	margin-bottom:10px;
	font-weight:normal;
}

.wrapper{
	width:1200px;
	margin:auto;
}

#site_menu{
	list-style:none;
	padding-left:0;
	width:90%;
	margin-bottom:20px;
}

#site_menu a{
	color:#939598;
	text-decoration:none;
}

#site_menu a:hover, #site_menu .active a{
	color:#000;
}

#site_menu li{
	padding-top:5px;
	padding-bottom:5px;
}

#site_menu li.has-sub{
	border-bottom:0;
}

#site_menu li .sub_menu{
	list-style:none;
	padding-left:20px;
}

#site_menu .sub_menu a{
	color:#D4D9DD;
}

#site_menu .sub_menu a:hover{
	color:#000;
}

#site_menu li.active .sub_menu{
	display:block;
	color:#D4D9DD;
}

#main{
	margin-left:300px;
	width:calc(70% - 300px);
}

.right{
	float:right;
}

/*
html, body, .wrapper, .full_width_block, .three_of_four_columns_last, .slide{
	height:100%;
}*/

#slider_wrap{
	position:relative;	
}

.slider{
	max-height:80%;
	width:100%;
	display:inline-block;
}

.slider .slide{
	display:inline-block;
}

.slider img{
	max-height:100%;
	max-width:100%;
}

.cycle-pager{
	font-size:1em;
	margin-top:10px;
	display:inline-block;
	float:left;
	margin-right:30px;
}

.cycle-pager span{
	margin-right:10px;
	cursor:pointer;
}

.cycle-pager-active{
	color:#000;
}

.tools{
	margin-top:10px;
	float:left;
}

.slide_descr{
	margin-top:40px;
}

/*
#projects .row{
	opacity:0.2;
}*/

.description{
	background-image:url(../images/black-80.png);
	width:90%;
	padding:5%;
	display:none;
	z-index:900;
	position:absolute;
	bottom:0%;
	left:0%;
	opacity:0;
}

.description.active{
	display:inline-block;
}

.description table{
	margin:auto;
}

#contact ul{
	padding-left:0;
	list-style:none;
	margin-top:50px;
}

#contact li span{
	margin-right:5%;
}

.close-btn{
	display:inline-block;
	float:right;
	margin-top:10px;
}

.cycle-prev, .cycle-next{
	position:absolute;
	left:5px;
	z-index:999;
	display:inline-block;
	color:#FFF;
	margin-top:55%;
	font-size:2.5em;
}

.cycle-next{
	right:5px;
	text-align:right;
}

@media all and (max-width:1300px), (max-device-width:1300px){
	.wrapper{
		width:960px;
	}
}

@media all and (max-width:1100px), (max-device-width:1100px){
	.wrapper{
		width:800px;
	}
}

@media all and (max-width:900px), (max-device-width:900px){
	.wrapper{
		width:45%;
	}
	
	#main{
		width:100%;
		margin-left:0;
	}
	
	#logo_menu_column{
		width:100%;
		position:static;
		bottom:0;
		text-align:center;
	}
	
	html, body, .wrapper, .full_width_block, .three_of_four_columns_last, .slide{
		height:auto;
	}
	
	.slider img{
		height:auto;
	}
	
	.slider{
		height:auto;
	}
	
	body{
		padding-bottom:5%;
	}
	
	#site_menu{
		width:100%;
		display:inline-block;
		text-align:center;
		float:initial;
		margin-bottom:30px;
	}
	
	#site_menu li{
		display:inline-block;
		margin-left:5%;
		margin-right:5%;
		float:initial;
	}
	
	#logo{
		width:250px;
		display:inline-block;
	}
}

@media all and (max-width:700px), (max-device-width:700px){
	.wrapper{
		width:65%;
	}
}

@media all and (max-width:500px), (max-device-width:500px){
	#site_menu li{
		margin-left:2.5%;
		margin-right:2.5%;
	}
	
	#logo{
		width:220px;
	}
}