@charset "utf-8";
/* CSS Document */
.logo{
	top:15px !important;
}

.logo img{
	width:80px;
}

.menu_container .menu_button{
	margin-top:20px !important;
	margin-right:-55px !important;
}

.menu_container.open .menu_button{
	margin-right:324px !important;
}

.select_custom{
	width:233px;
	overflow:hidden;
	background:url(/images/menu_arrow.png) center right 10px no-repeat;
	border:1px solid #cdcdcd;
	border-radius:20px;
}

.select_custom select{
	border:none;
	background-color:transparent;
	color:#36404b;
	font-family:"Roboto Condensed", sans serif;
	width:250px;
	padding:9px 10px;
	font-size:18px;
	font-weight:400;
}

.content_container{
	width:100%;
	padding:20px 0px 20px 0px;
	position:relative;
	background-color:#f3f3f3;
}

.content_container .content_content{
	width:96%;
	margin:auto;
	max-width:1360px;
}

/*
.content_container .content_content .content_left{
	width:18%;
	float:left;
	box-sizing:border-box;
	margin-top:9px;
}*/

.content_container .content_content .content_right{
	width:100%;
	float:right;
	box-sizing:border-box;
}

.banners_container,
.contact_container{
	background-color:#fff;
}

.banners_container .banners_content{
	width:1100px;
	padding:20px 0px;
	margin:auto;
}

.banners_container .banners_content span img{
	padding-bottom:13px;
}

.articles_container{
	background-color:#fff;
	padding:0px 0px 20px 0px;
}

.articles_container .articles_content{
	width:1100px;
	margin:auto;
}

.contact_container{
	padding-bottom:50px;
}

.contact_container .contact_content{
	width:1100px;
	margin:auto;
	background:url(/images/contact_bg.jpg) center center no-repeat;
	background-size:cover;
	padding:35px 0px;
	text-align:center;
	color:#fff;
	font-weight:500;
	margin-bottom:50px;
}

.contact_container .contact_content h1{
	font-size:30px;
	color:#fff;
	font-family:"Roboto Condensed", sans-serif;
	font-weight:400;
	text-transform:uppercase;
	margin-top:0px;
}

.contact_container .contact_content .contact_text{
	width:785px;
	margin:auto;
	margin-bottom:30px;
}

.contact_container .contact_content input{
	width:230px;
	padding:12px 6px;
	border:1px solid #5c1c1d;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

.contact_container .contact_content textarea{
	width:478px;
	padding:12px 6px;
	border:1px solid #5c1c1d;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	font-size:11px;
	font-weight:bold;
	margin-top:15px;
	font-family:"Raleway",sans-serif;
}

.contact_container .contact_content a{
	display:inline-block;
	background-color:#ff0000;
	padding:8px 40px;
	color:#fff;
	text-decoration:none;
	margin-top:15px;
	font-size:12px;
	font-weight:bold;
}

.articles_content h1{
	font-size:30px;
	font-weight:400;
	margin:0px;
	margin-bottom:20px;
}

.top_location {
	width: 100%;
	padding: 30px 0px 0px 0px;
	margin-bottom: 20px;
}

.top_location .location {
	margin: auto;
	max-width: 1360px;
	width:96%;
}

.top_location a {
    color: #555555;
    text-decoration: none;
    font-size: 16px;
}

.top_location span{
	color:#555555;
}

.top_location a.selected{
	color:#555555;
	font-weight:500;
}

.content_container{
	color:#000;
}

.content_container h4{
    font-size:24px;
    color:#cabfa5;
    margin:10px 0px 10px 0px;
}

.articles .art_item{
	width:calc(25% - 5px) !important;
	margin-left:0px;
	margin-bottom:0px;
	float:left;
/*	margin-right: 0px;*/
/*	border: 1px solid #e4e4e4;*/
/*	border-left: 4px solid #e4e4e4*/
}

.articles .art_item:nth-child(3n){
/*	margin-right:0px !important;*/
}

.articles .art_item .image2{
    opacity: 0;
    position: absolute;
    top: 1px;
    left: 1px;
    transition: all ease-in 0.3s;
	 width:calc(100% - 2px);
	 height:calc(100% - 2px);
	 display:block;
	 box-sizing:border-box;
}

.articles .art_item .top{
	display:block;
	position:relative;
}

.articles .art_item .top:hover .image2{
	opacity:1;
}

.content_container .content_content .content_right.articles h2{
	color:#343434;
	font-weight: 300;
	font-size:30px;
	text-transform: uppercase;
	margin:9px 0px 0px 0px;
}

.container-catalog h2::after{
	display:none;
}

.content_container .content_content .content_left{
	position:absolute;
	width:360px;
	box-sizing:border-box;
	left:-360px;
	transition:all ease-in-out 0.3s;
	top:0px;
	height:100%;
	overflow:auto;
	background-color:#fff;
	padding:0px 0px;
	z-index:2;
}

.content_container .content_content .content_left.open{
	left:0px;
}

@media (min-width:0px) and (max-width: 768px) {
	.footer_container,
	.responsive-hidden{
		display:none !important;
	}
}