/*SITE WORDS-YOU-NEED*/
@charset "UTF-8";

/*========================================================
                      Main Styles
=========================================================*/
*{                 /*   *звёздочка-означает для всех тэгов*/
	padding:0;
	margin:0;
}

img {
	max-width:100%;
	height:auto;
}

html, body {
    height:100%;            /*прижимает футер к низу*/
}
.wrapper {
	max-width:1920px;
	margin:0 auto;
	min-height:100%;         /*прижимает футер к низу*/
}
.up_arrow {
    background: url(../images/bg_img/arrow_top.png) no-repeat;
    position:fixed;
    top:70%;
    left:95%;
}
    .up_arrow a { 
        display:block;
        width:40px;
        height:40px;
    }

body {
	/*background: url(../images/bg_img/bonjour-img2.jpg);no-repeat;background-size:100%;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.3;
	color:#3d3d3d;
	
}

h1, h2, h3, h4, h5, h6{
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#7d7a7f;
}

img {max-width:100%;}

#clear {
	clear:both;
}
.menu a#pull {
	display:none;
	clear:both;
}
	
/*-------------------------------------------------------------------Секция HEADER+ЛОГО-------------*/
.left_menu h1,
.left_menu h4,
.left_menu h5 {
    text-align:center;
}
.navbar .navbar-nav img {
    margin-top: -3px;
    margin-right: 10px;
}  

/*-------------------------------------------------------------------Секция Выпадающее меню--------*/
	.navbar {
	margin-bottom:0;
}
.col-md-8 {
	margin-top:20px;
}
.nav > li > a:focus, .nav > li > a {
    color:#7d7a7f;
    font-size:18px;
    
}
.nav > li > a:focus, .nav > li > a:hover {
    color:#fff;
    font-size:18px;
    background-color:#a2b75d;
}
.navbar-toggle {
    background-color:#7d7a7f;
}
.navbar-toggle .icon-bar {
    background-color:#a2b75d;
}


/*-------------------------------------------Линия VVV Горизонт-----------------------------------*/
.divider_horizont {
			overflow:hidden;
			margin: 0px 0 0 0;
			background: url(../images/);
	}
	.divider_horizont3 img {
		max-width:100%;
	}

/*-------------------------------------------ГЛАВНАЯ---------------------------------------------*/    
    
/*------------------------------------------ СЛОГАН----------------------------------------------*/
    #slogan {
        margin-bottom:2px;
        background: url(../images/bg_img/library-img2.jpg) no-repeat;
        height:400px;
        position:relative;
    }
	#slogan a {
		height:219px;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		font-size:70px;
		/*font-style:italic;*/
		font-weight:normal;
		padding:120px 0 0 0;
		display:block;	
	}
	#slogan a span {
		font-size:35px;
		font-style:italic;
	}
/*-----------------------------------------------------LANGUAGE-----------------------------------*/

.lang {
    position:absolute;
    color:#fff;
    top:77%;
    left:47%;
}
.lang li {
    font-size:22px;
	text-align:center;
}



/*------------------------------------------WELLCOME----------------------------------------------*/
	.wellcome {overflow:hidden;}
	.wellcome_fr {
	    width:50%;
	    float:left;
	    text-align:center;
	    color:#7d7a7f;
	    
	}
	    .wellcome_fr p {
	        font-size:13px;
	        margin-bottom:5px;
	    }
	    .wellcome_fr p span {font-size:20px;}
	.wellcome_ru {
	    width:50%;
	    float:left;
	    text-align:center;
	    color:#7d7a7f;
	}
		.wellcome_ru p {
		    font-size:13px;
		    margin-bottom:5px;
		}
		.wellcome_ru p span {font-size:20px;}
/*-----------------------------------------------------Начало блока FOOTER-----------------------*/
	.footer1 h4,
	.footer1 h6 {
	    text-align:center;
	}
	.footer1 a {
	    color:#a2b75d;
	}
	
	.wrapper {
		position:relative;
		min-height:100%;
	}
	.content {
		padding-bottom:90px;
	}
	.footer {
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:80px;
		border-top:1px solid #ccc;
	}
	

/*--------------------------------------------------------ABOUT-ПРЕЗЕНТАЦИЯ-----------------------*/

	.about_block1 {overflow:hidden;margin:0 19.53%;}
	
		
	.article_about {overflow:hidden;}
	.text_about {overflow:hidden;}
	.text_about h1 {color:#333;margin:5px 0 0 0;font-size:30px;text-transform:uppercase;}
		.article_about h1 a {color:#333;text-decoration:none;}
		.article_about h1 a:hover {color:#333;text-decoration:underline;}
	.article_about p img {margin:0 0 0 0;}
	.article_about_img {float:left;margin-right:20px;}
	.article_about p {padding:5px 5px 0 5px;}
	.article_about span {color:#999;}
	a.read_more {
		height:47px;
		width:139px;
		text-transform:uppercase;
		display:block;
		text-decoration:none;
		color:#FFF;
		font-size:15px;
		margin:25px 0 0 0;
		padding:14px 0 0 0;
		text-align:center;
		background:#a2b75d;             /* наложение цвета на фон и рисунка Цвет обрезает высоту рисунка*/
	
	}
	a:hover.read_more {
		text-decoration:underline;
		background:#333;
		background:url(../images/read_more1.png) no-repeat;
	}
	
		.about_block1>div {float:left;margin:50px 1% 50px 1%;width:96%;}
		.our_advantages>div {float:left;margin:50px 1% 50px 1%;width:31.33%;}
		
		.about_block_txt {}
			.about_block_txt h2 {font-size:24px;text-align:center;margin:15px 0 15px 0;}
			.about_block_txt h2 a {text-decoration:none;color:#333;}
			.about_block_txt h2 a:hover {color:#fe8f01;}
			
			
			.about_block_txt a:hover.services_link {background:#333;background:url(../images/read_more1.png) no-repeat;}
			.about_single_left {float:left; width:70%;}
			.about_single_right {float:right; width:27%;}
				.about_single_right h1 {text-transform:uppercase; font-size:24px; margin-bottom:20px;}
				.about_single_right p {margin-bottom:20px;}
	.divider_horizont_about {overflow:hidden;margin: 0px 0 0 0;background: url(../images/services_bg.jpg);}
	.divider_horizont_about img {}
	
	.our_advantages h1 {text-transform:uppercase;text-align:center;font-size:24px; margin:70px 0 0 0;}
	.our_advantages_img {float:left;width:20%;}
	.our_advantages_txt {float:right;width:75%;}
		.our_advantages_txt h2 {font-size:24px;}
		.our_advantages_txt p {padding:20px 5px 0 0;}
	
.left_dd {margin-left:25px;}

/*---------------------------------------------------ПРЕЗЕНТАЦИЯ------------------------------------*/
	.header-page-title {
	    margin:20px 0;
	}
	.header-page-title h4 {
		text-transform:uppercase;
		font-style:italic;
		color:#7d7a7f;
		text-align:center;
    	margin:10px 0 5px 0;
	}
	.header-page-title h5 {
		text-transform:uppercase;
		font-style:italic;
		color:#7d7a7f;
		text-align:center;
    	margin:10px 0 5px 0;
	}
	
	.divider_horizont_blog1 {												/*ЛИНИЯ ПРЯМАЯ ГОРИЗОНТ*/
		overflow:hidden;
		margin: 0px 0 0 0;
		background: url(../images/body_bg.jpg);
	}
	.line_hr {																/*ЛИНИЯ ПРЯМАЯ ГОРИЗОНТ*/
		color:#C3C3C3;
		border:none;
		background:#C3C3C3;
		height:1px;
	}																								
																			
																			/*КОНТЕНТ БЛОГ*/
	.content_main_wrapper {background: url(../images/services_bg.jpg);}
	.content_main {
		margin:0 19.53%;
		overflow:hidden;
		outline:0px solid #ffff00;                /*желтый*/
	}
	.content_wrapper {
		float:left;
		width:65.8119%;
		outline:0px solid #000;					/*черный*/
	}
	.content {
		outline:0px solid #FFF;                /*желтый*/
		padding:0px 0 0 0;
		padding:0 0 50px 0;
	}
	
	.articles {overflow:hidden;}
	.text {overflow:hidden;}
	.text h1 {
		color:#333;
		margin:5px 0 0 0;
		font-size:30px;
		text-transform:uppercase;
	}
		.articles h1 a {color:#333;text-decoration:none;}
		.articles h1 a:hover {color:#333;text-decoration:underline;}
	.articles p img {margin:0 0 0 0;}
	.articles_img {
		float:left;
		margin-right:20px;
	}
	.articles p {padding:5px 0 0 0;}
	.articles span {color:#999;}
	
															/*ИНФОРМАЦИЯ О СТАТЬЕ*/
	.article_footer {
		font-size:14px;
		overflow:hidden;
		color:#999;
		margin:10px 0 0 0;
		outline:0px solid #ffff00;                /*желтый*/
	}
	.article_footer p.article_meta {
		padding:5px 0 5px 10px; margin:0;
	}
	.article_footer a {
		color:#999;
		text-decoration:none;
	}
	.article_footer a:hover {
		color:#999;
		text-decoration:underline;
	}
	.article_footer img {
		vertical-align:top;
		margin-right:10px;
	}

	
	
	.widget-tags {
		font-size:11px;	color:#999;
		margin:0 0 0 10px;
	}
		.widget-tags a {
			color:#999;
			background: url(../images/tags.png) left top no-repeat;
			text-decoration:none; 
			padding:4px 10px 4px 17px;
			display:inline-block;
			line-height:1;
			margin:0 5px 15px 12px;
		}
		.widget-tags a:hover {
			color:#FFF;
			background: url(../images/tags1.png) left top no-repeat;
			text-decoration:underline; 
			padding:4px 10px 4px 17px;
			display:inline-block;
			line-height:1;
		}
	
	
															
	
																	
/*---------------------------------------------------------УСЛУГИ----------------------------------*/
 
 .services_main {padding:0px 0 0 0;margin:0 19.53%;}
 	.services_wrapper {overflow:hidden;}
		
		.services_block {overflow:hidden;}
		
		.services_block>div {float:left;margin:0 1% 50px 1%;width:31.33%;}
		
		.services_block_img1 img {width:100%;}
		.services_block_img2 img {width:100%;}
		.services_block_img3 img {width:100%;}
	
				.services_block_img1 a {background:url(../images/services/project_block_img1a.jpg) 0 0 no-repeat;display:block;background-size:100%;}
				.services_block_img1 a:hover img {visibility:hidden;}
				
				.services_block_img2 a {background:url(../images/services/project_block_img2a.jpg) 0 0 no-repeat;display:block;background-size:100%;}
				.services_block_img2 a:hover img {visibility:hidden;}
				
				.services_block_img3 a {background:url(../images/services/project_block_img3a.jpg) 0 0 no-repeat;display:block;background-size:100%;}
				.services_block_img3 a:hover img {visibility:hidden;}
				
			.services_block_txt h2 {font-size:24px;text-align:center;margin:15px 0 15px 0;}
			.services_block_txt h2 a {text-decoration:none;color:#333;}
			.services_block_txt h2 a:hover {color:#fe8f01;}
			
			.services_block_txt a.services_link {
				height:47px;
				width:139px;
				text-transform:uppercase;
				display:block;
				text-decoration:none;
				color:#FFF;
				font-size:15px;
				margin:15px 0 0 0;
				padding:14px 0 0 0;
				text-align:center;
				background:#a2b75d;             /* наложение цвета на фон и рисунка Цвет обрезает высоту рисунка*/
				
			}
			.services_block_txt a:hover.services_link {background:#333;background:url(../images/read_more1.png) no-repeat;}
			.project_single_left {float:left; width:70%;}
			.project_single_right {float:right; width:27%;}
				.project_single_right h1 {text-transform:uppercase; font-size:24px; margin-bottom:20px;}
				.project_single_right p {margin-bottom:20px;}
				
    .panel-default > .panel-heading {
        font-weight:bold;
        font-size:16px;
    }
	
	.glyphicon {
		color:#009933;
	}
	.panel-body {
		font-size:16px;
	}
			
/*=============================================ТАРИФЫ====================================================*/

.container-table .table-head,
.container-table .table-body {
    border:1px solid #000;
    margin:1px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #a2b75d;
    border-color:#a2b75d;
}
.attention {
	font-size:11px;
}
/*============================================ФОРМА  КОНТАКТЫ===========================================*/
	
	.contacts_main {overflow:hidden;margin-top:30px;}
	.contacts_main h2 {}
		.contacts_main form {}
		.contacts_main form input {}
		.contacts_main form input.ctext,.contacts_main form input.cmail, .contacts_main form textarea {
				height:47px;
				font-size:16px;                 /*обращение к определенному инпуту делается через [type=text] или [type=email]*/
				width:98%;                     /*если не указан класс input как в форме index.html*/
				padding:0 0 0 0px;
				border:none;
				margin:10px 0;
				padding:0 0 0 2%;
			}
		.contacts_main form textarea {
			height:120px;
			padding:8px 0 0 2%;
			margin-bottom:20px;
			font-family:Arial, Helvetica, sans-serif;
		}
		.contact_wrapper {overflow:hidden;margin:0 19.53% 20px 19.53%;}
		.contact_left {float:left;width:50%;}
			.contact_left h2 {text-transform:uppercase;font-weight:bold;margin:30px 0 0px 0;}
			.contact_right h2 {text-transform:uppercase;font-weight:bold;margin:30px 0 0px 0;}
			.contact_left p {margin:5px 0;padding:5px 0;}
		.contact_right {width:50%;float:left;}
		
	
	
	
/*===================================================CONTACTS==================================*/
.contacts_main .contact_left .panel-heading h3 {
	margin:0px;
}
.contacts_main .contact_right h3 {
	margin-top:0px;
}
.list-group-item-heading {
	margin-bottom:0px;
}
.link a {
	color:#7d7a7f;
}


/*===================================================RECONSTRUCTION=================================*/

.reconstruction {
	background:url(../images/bg_img/chairs.jpg);
	height:400px;
}
.reconstruction h2 {
	color:#a2b75d;
	text-transform:uppercase;
	font-size:40px;
	text-align:center;
}
				
/*--------------------------------------------------------1 й медиазапрос------------------------*/
@media screen and (max-width:1531px) {
    
	/*Blog*/
	.content_main {margin:0 7%;}
	/*Проекты*/
	.services_main {margin:0 7%;}
	
	/*ПРЕЗЕНТАЦИЯ*/
	.about_block1 {margin:0 7%;}
	.our_advantages {margin:0 7%;}
	
	/*Контактная форма*/
	.contact_wrapper {margin:0 7% 20px 7%;}
	.map {margin:50px 7% 0 7%;}
}

/*------------------------------------------------------4 й медиазапрос---------------------------*/
@media screen and (max-width:1050px) {
	
	
	/*Blog*/
	.content_main {margin:0 5%;}
	/*ПРОЕКТЫ*/
	.services_main {margin:0 5%;}
	
	/*About*/
	.about_block1 {margin:0 5%;}
	.our_advantages {margin:0 5%;}
	
	/*Контактная форма*/
	.contact_wrapper {margin:0 5% 20px 5%;}
	.map {margin:50px 5% 0 5%;}

/*------------------------------------------------------5 й медиазапрос---------------------------*/
@media screen and (max-width:960px) {
	
	/*Blog*/
	.content_main {margin:0 3%;}
	.text {float:left;}
	a.read_more {margin-top:20px;}
	
	
	/*УСЛУГИ*/
	.services_main {margin:0 3%;}
	
	.services_block_txt h2 {font-size:22px;}
	
}


/*-----------------------------------------------------7 й медиазапрос----------------------------*/
@media screen and (max-width:800px) {																
	.up_arrow a {
	    display:none;
	}
	.services_block > div {
	width:98%;
	float:none;
	}
	
	/*Контактная форма*/
	.contact_wrapper {margin:0 2% 20px 2%;}
	.map {margin:50px 2% 0 2%;}
	/*MENU*/
	.header {margin:0 2%;}
	.menu {width:100%;}
	#nav {margin:0 auto;}
	.addlogo {float:none;width:100%;margin:5px 35% 0 35%;}
	/*WELLCOME*/
	.wellcome_fr {width:100%;float:none;margin-bottom:10px;border-bottom:1px solid #ccc;}
	.wellcome_ru {width:100%;float:none;}
	
}
/*---------------------------------------------------------8 й медиазапрос-----------------------*/
@media screen and (max-width:680px) {
	
	
	/*About*/
	.about_block1 {margin:0 2%;}
	.our_advantages {margin:0 2%;}
	.about_block_txt h2 {font-size:18px;}
	.our_advantages > div {width:100%;}
	
	/*Контактная форма*/
	.contact_wrapper {margin:0 2% 20px 2%;}
	
	/*MENU*/
	#nav {margin:0 auto;}
	
}
/*------------------------------------------------------9 й медиазапрос---------------------------*/
@media screen and (max-width:640px) {
	
	/*About*/
	.about_block1 {margin:0 2%;}
	
	
	/*Контактная форма*/
	.contact_wrapper {;margin:0 2% 20px 2%;}
	.contact_left {width:100%;}
	.contact_right {width:100%;}
	
	/*MENU*/
	
}
/*--------------------------------------------------------10 й медиазапрос------------------------*/
@media screen and (max-width:600px) {
	#slogan a {font-size:55px;}
	/*ПРОЕКТЫ*/
	
	/*About*/
	.article_about_img {
	    float:none;
	}
	.up_arrow a {
	    display:none;
	}
	.about_block1 > div {
    margin: 10px 1% 10px 1%;
    }
	
	/*Контактная форма*/
	.contact_wrapper {;margin:0 2% 20px 2% ;}
}
/*-------------------------------------------------------11 й медиазапрос--------------------------*/
@media screen and (max-width:500px) {
	
	/*Контактная форма*/
	.contact_wrapper {margin:0 2% 20px 2%;}
}


/*13 й медиазапрос*/
@media screen and (max-width:450px) {
	#slogan a {font-size:40px;}
	
	/*Услуги*/
		
	.services_block>div {margin:0 2% 25px 2%;width:96%;}
	/*Контактная форма*/
	.contact_wrapper {;margin:0 2% 20px 2%;}
	.addlogo {margin:5px 27% 0 27%;}
	.menu ul#nav {margin-left: 0%;}	
}
																		/*14 й медиазапрос*/
@media screen and (max-width:400px) {
	/*About*/
	/*Контактная форма*/
	.contact_wrapper {;margin:0 2% 20px 2%;}
}
																				/*15 й медиазапрос*/
@media screen and (max-width:320px) {
	/*Контактная форма*/
	.contact_wrapper {margin:0 2% 20px 2%;}
}



/*============================================МЕНЮ BOOTSTRAP========================================*/
@media screen and (max-width:1200px) {
    #slogan {
        background: url(../images/bg_img/library-img1.jpg) no-repeat;
    }
}
@media screen and (max-width:992px) {
    
}
@media screen and (max-width:768px) {
    .left_menu h1 {
        text-align:center;
    }
}
@media screen and (max-width:400px) {
    
}