@font-face{
font-family: Intro;
src: url(/fonts/Intro.eot),
url(/fonts/Intro.otf),
url(/fonts/Intro.ttf),
url(/fonts/Intro.svg),
url(/fonts/Intro.woff);
}
@font-face{
font-family: Hattori_Hanzo;
src: url(/fonts/Hattori_Hanzo.eot),
url(/fonts/Hattori_Hanzo.otf),
url(/fonts/Hattori_Hanzo.ttf),
url(/fonts/Hattori_Hanzo.svg),
url(/fonts/Hattori_Hanzo.woff);
}

/*****************************/
/*  CSS Temlate santek-m.ru  */
/*****************************/
 
.clear{clear:both;}
.padding_top_100{padding-top:100px;}
.padding_top_90{padding-top:90px;}
.padding_top_80{padding-top:80px;}
.padding_top_70{padding-top:70px;}
.padding_top_60{padding-top:60px;}
.padding_top_50{padding-top:50px;}
.padding_top_40{padding-top:40px;}
.padding_top_30{padding-top:30px;}
.padding_top_20{padding-top:20px;}
.padding_top_10{padding-top:10px;}

.shadow_top{position:absolute; top:0px; width:100%; height:20px; box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.35);}

h2{font-weight: normal; text-transform: uppercase; color: #363636; font-family: 'Intro'; margin-bottom: 30px; line-height: 50px; font-size: 35px;}

/**************/
/*  Fancybox  */
/**************/
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/templates/aqualux-m/images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/templates/aqualux-m/images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/templates/aqualux-m/images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/templates/aqualux-m/images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/* \\End Fancybox */
 
 
 
 
/******************/
/* Модальное окно */
/******************/
#call_back_modal_form {
	width: 300px; 
	height: 400px; /* Размеры должны быть фиксированы */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -150px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 999; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке) */
#call_back_modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 998; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}


#container-call-back {
  display: none;
}

#wrapper-call-back{
	width:250px;
	text-align:center;
}

#wrapper-call-back p.p-zag{font-size:22px;}
.p-zag1{font-size:14px;}
#wrapper-call-back p.p-price{}
#wrapper-call-back p.p-price span{color: #ff3350; display:inline;}
#wrapper-call-back span{display: inline-block; position: relative; width:50px; height: 40px; right: -4px; border-radius:5px 0 0 5px; vertical-align: top;}
#wrapper-call-back span.name{background:url('/images/dop_teh/lico.png')no-repeat; background-size: 100% 100%;}
#wrapper-call-back span.tel{background:url('/images/dop_teh/telefon.png')no-repeat; background-size: 100% 100%;}
#wrapper-call-back input.input_text{padding: 5px 10px; font-size:14px; border-radius:0 5px 5px 0; height: 40px;}

#wrapper-call-back h1, #wrapper-call-back h2, #wrapper-call-back h3{color: #4b4b4b; font-size: 18px; margin:0px; /*margin-bottom:10px;*/}
#wrapper-call-back p{/*color: #4b4b4b;*/ font-size: 14px; padding: 3px 0px 5px 0px;}
#wrapper-call-back span{color: #4357ad; font-size: 16px;}
#wrapper-call-back input{width: 170px; text-align: left; background-color: #ffffff; position: relative; border: 1px solid #D4D4D4; border-radius: 3px; padding: 2px;  font-size: 1.2em;}
#wrapper-call-back input:hover {box-shadow: 0 0 3px #b4b4b4;}

#wrapper-call-back button.zakaz-call-back{
	width: 82%;
    margin-left: 7px;
    background: #e6311f;
    background: linear-gradient(to top, #e6311f, #ec5d52);
    padding: 10px 5px;
    color: #fff;
    border-radius: 5px;
    border: none;
    margin-top: 20px;
}
a{color:#0089FF; text-decoration:undeline}
#wrapper-call-back button.zakaz-call-back:hover{
	background: linear-gradient(to top, #ec5d52, #e6311f);
    padding: 10px 5px;
    color: #fff;
    border-radius: 5px;
}

.error{background: rgba(234, 71, 71, 0.42) !important;}



 
/* \\END modal form */




/***********************/
/* Модальное окно MAXI */
/***********************/
#call_back_modal_form_maxi {
	width: 700px; 
	height: 450px; /* Размеры должны быть фиксированы */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 40%; /* половина экрана слева */
	margin-top: -150px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 999; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке) */
#call_back_modal_form_maxi #modal_close_maxi {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}


#container-call-back-maxi {
  display: none;
}

#wrapper-call-back-maxi{
	width:100%;
	text-align:center;
}

#wrapper-call-back-maxi #wrapper_info_img{float:left; width:150px;}
#wrapper-call-back-maxi #wrapper_info_img img{width:100%;}
#wrapper-call-back-maxi .wrapper_input{float:right; margin-right:70px;}
#wrapper-call-back-maxi p.input_p{padding:0px;}
#wrapper-call-back-maxi p.input_p span{height:30px; display: inline-block; position: relative; width:120px; border-radius:5px 0 0 5px; text-align:left; color: #4357ad; font-size: 16px;}
#wrapper-call-back-maxi p.input_p input{height:30px; width:250px; text-align: left; /*background-color: #ffffff; */ position: relative; border: 1px solid #315a78; border-radius: 3px; padding: 2px 5px;  font-size: 1.2em;}
#wrapper-call-back-maxi p.p-zag{font-size:22px; color:#295271;}
#wrapper-call-back-maxi span.red{color:red !important;}
#wrapper-call-back-maxi p.gray{color:#7f7f7f;}
#wrapper-call-back-maxi input.input_text{padding: 5px 10px; font-size:14px; border-radius:0 5px 5px 0; height: 40px;}

#wrapper-call-back-maxi h1, #wrapper-call-back h2, #wrapper-call-back h3{color: #4b4b4b; font-size: 18px; margin:0px; /*margin-bottom:10px;*/}
#wrapper-call-back-maxi p{/*color: #4b4b4b;*/ font-size: 14px; padding: 3px 0px 5px 0px;}
#wrapper-call-back-maxi span{/*font-size: 12px;*/}
/*#wrapper-call-back-maxi input{text-align: left; background-color: #ffffff; position: relative; border: 1px solid #D4D4D4; border-radius: 3px; padding: 2px;  font-size: 1.2em;}*/
#wrapper-call-back-maxi input:hover {box-shadow: 0 0 3px #b4b4b4;}

#wrapper-call-back-maxi button.zakaz-call-back{
	background: #e6311f;
    background: linear-gradient(to top, #e6311f, #ec5d52);
    padding: 5px 36px;
    color: #fff;
    border-radius: 5px;
    border: none;
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: none;
	text-align: center;
	font: 16px;
	font-weight: bold;
	color: #ffffff;
	-webkit-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff;
	-moz-box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff;
	box-shadow: 2px 3px 2px #bababa, inset 0px 0px 2px #ffffff;
}

#wrapper-call-back-maxi button.zakaz-call-back:hover{
	cursor: pointer;
	background: #ec5d52;
    background: linear-gradient(to top, #ec5d52, #e6311f);
}
 
 /* \\END modal form maxi*/


/*******************************/
/* Модуль фиксированных ссылок */
/*******************************/
#modul_fix_links_off{position:fixed; right:0px; top:50%; border:1px solid #ccc; background:rgba(222, 243, 255, 0.82); font-size:20px; cursor:pointer; padding: 3px 7px; z-index: 200;}

#modul_fix_links {position:fixed; right:0px; top:30%; display:inline-block; width:220px; z-index: 200;}
#modul_fix_links ul{padding:0px; margin:0px; border:1px solid #ccc; background:rgba(222, 243, 255, 0.82); font-weight:bold;}
#modul_fix_links ul li{list-style:none; padding:0px; border-bottom:1px solid #ccc;}
#modul_fix_links ul li:last-child{border-bottom:none;}
#modul_fix_links ul li a {padding-left: 40px; color:#444; text-decoration:none; padding: 13px 20px; display: block;}
#modul_fix_links ul li a:hover {background-color: rgb(202,223,235);}
#modul_fix_links ul li span {width:20px; height:24px; display:inline-block; vertical-align:top; margin-right: 20px;}
#modul_fix_links ul li span#calculyator_link {background-image: url(/images/dop_teh/menu_icon.png); background-position: 0 -15px; background-repeat: no-repeat;}
#modul_fix_links ul li span#our_works_link {background-image: url(/images/dop_teh/menu_icon.png); background-position: 0 -177px; background-repeat: no-repeat;}
#modul_fix_links ul li span#map_link {background-image: url(/images/dop_teh/menu_icon.png); background-position: 0 -231px; background-repeat: no-repeat;}
#modul_fix_links ul li span#garantii_link {background-image: url(/images/dop_teh/menu_icon.png); background-position: 0 -282px; background-repeat: no-repeat;}
#modul_fix_links #toogle_modul_fix_links {width: 130px; float: right; background:rgba(222, 243, 255, 0.82); cursor:pointer; color:#444; font-size:16px;}
#modul_fix_links #toogle_modul_fix_links b {font-size:20px;}
#modul_fix_links #toogle_modul_fix_links:hover {background:rgba(222, 243, 255, 1);}


body {
    background: #fff;
    color: #000000;
    font-size: 100.1%;
    padding: 0px;
    margin: 0px;
    /*text-align: center;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size:18px; font-family: 'Open Sans', sans-serif;
	min-width:320px;
}

body.contentpane {
	width:auto;
	margin:10px;
	text-align: left;
}

/* Подгружаем локальные шрифты */
@font-face {
  font-family: 'Movavi-black';

  src: url('/fonts/Movavi-Grotesque-Black-Italic.otf');
  src: url('/fonts/Movavi-Grotesque-Black-Italic.ttf');
  src: url('/fonts/Movavi-Grotesque-Black.otf');
  src: url('/fonts/Movavi-Grotesque-Black.ttf');
}

@font-face {
  font-family: 'Intro-Cond-Black-Free';
  src: url('/fonts/Intro-Cond-Black-Free.otf');
}


img { border: 0 none; }
.margin-top-bottom-50{margin-top:50px; margin-bottom:50px;}
.margin-top-50{margin-top:50px;}
.margin-bottom-50{margin-bottom:50px;}
.center{text-align:center;}
.center_block0{margin:0 auto;}
.green{color:#6eaf2d;}
.red{color:#ec1c24;}
.price-block img{border-radius:7px;}
.plus1 {
    list-style-image: url("/images/plus.png");
}
.minus1 {
    list-style-image: url("/images/minus.png");
}

.font-normal{font-weight: normal;}
.text-align-left{text-align:left;}
.text-align-center{text-align:center;}
.text-align-justify{text-align:justify;}
.text-transform-up{text-transform:uppercase;}
.font-size-36{font-size:36px;}
.font-size-30{font-size:30px;}
.font-size-24{font-size:24px;}
.font-size-22{font-size:22px;}
.font-size-20{font-size:20px;}
.font-size-19{font-size:19px;}
.font-size-18{font-size:18px;}
.font-size-17{font-size:17px;}
.font-size-16{font-size:16px;}
.font-size-15{font-size:15px;}
.font-size-14{font-size:14px;}

.font-bold{font-weight:bold;}

.div-img-150 > div{width:150px; margin:15px; display:inline-block; vertical-align:top;}
.div-img-150 > div img{width:100%;}

h1{font-family: 'Intro'; font-weight: bold;}
h2, h3, h4, h5, h6{font-family: 'Intro';}

h2{color:#3b536f;}
h3{color:#4ba2d4;}

a.knopka_forma_full{display:inline-block; background: #e62918; background: linear-gradient(to top, #e62918, #ea5b50); padding: 10px 20px; color: #fff; border-radius: 5px; border: none; margin: 20px auto; margin-bottom:10px; text-decoration:none;}
a.knopka_forma_full:hover{background: #ea5b50; background: linear-gradient(to top, #ea5b50, #e62918);}

a.knopka_green{display:inline-block; background: #3cb868; background: linear-gradient(to top, #3cb868, #35a05a); padding: 10px 20px; color: #fff; border-radius: 5px; border: none; margin: 20px auto; margin-bottom:10px; text-decoration:none;}
a.knopka_green:hover{background: #35a05a; background: linear-gradient(to top, #35a05a, #3cb868);}


/* ШАПКА */
header{font-family: 'Didact Gothic', sans-serif; /*height:200px;*/ z-index:99;}
header h3{font-weight: normal; font-family: 'Didact Gothic', sans-serif; font-size:20px; color: #3b536f;}

.navbar-default {/*background-color: #f8f8f8;*/ border-color: #e7e7e7; background:none; box-shadow: none; border: none;}


.top_menu{background:#1d9697; height: 35px;}
.top_menu ul.nav.menu.navbar-nav{text-align:right; margin:0px; padding:0px; float:none;}
.top_menu ul.nav.menu.navbar-nav li{display:inline-block; margin:0px 10px; float:none;}
.top_menu ul.nav.menu.navbar-nav li a{color:#fff; border-bottom:1px solid #1d9697; text-decoration:none; font-size:14px; padding: 5px 10px;}
.top_menu ul.nav.menu.navbar-nav li a:hover{color:#ff5445; border-bottom:1px solid #ff5445; background:none; 
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; text-shadow: 1px 1px 5px #ca2b2b;}
.top_menu ul.nav.menu.navbar-nav li.current.active a{color:#00aaf2; border-bottom:1px solid #00aaf2; background:none; 
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}

.logo img{margin-top:15px;}
.center-header .krug {width:100%;}
.center-header .krug img{display:inline-block; width:100px; /*margin:0px auto;*/ margin:0px 20px;}

.header-right{margin-left:0px; text-align: right;}
.top_phone{text-transform: uppercase; font-size:28px; font-weight:normal; color:#ff3029; line-height: 40px; margin-top: 10px; /*margin-bottom:10px;*/}
.header-right span{display: inline-block; font-size:14px; color:#2b2b2b; margin: 3px 0px 10px 0px;}

.header-right a.call_back_modal{display: inline-block; font-size: 16px; padding: 5px 20px 5px 15px; background: #e6311f; /*background: linear-gradient(to top, #ea3e2f, #ec5d51);*/background:#4c8a49; color: #fff; text-decoration: none; border-radius: 20px 0px; /*width: 255px;*/}
.header-right a.call_back_modal:hover{/*background: linear-gradient(to top, #ec5d51, #ea3e2f);*/ background:#347731;}
.header-right a.call_back_modal img{margin-top: -5px; margin-right: 15px;}

/* Второе верхнее меню  */

										/****************************/
										/* ГОРИЗОНТАЛЬНАЯ НАВИГАЦИЯ */
										/****************************/
.top_menu_2{z-index: 100; position: relative; /*top: -35px;*/ float:none; box-shadow: none; font-family: 'Didact Gothic', sans-serif; display: table; width:100%; background:#e8e8e8;}
.navbar{border:none; margin-bottom:0px;}
.navbar-nav{float:right;}					
.navbar-inverse .navbar-toggle {border-color: #333333; background-color: #444;}

.navbar-toggle {background: #333;}
.navbar-toggle .icon-bar {background: #fff;}


.menu-top{background-color:#f6f6f6; /*border:1px solid #c0c0c0;*/}
#top_menu_2 .menu-top-main{text-align: center; padding:0px;}
#top_menu_2 ul#menu.all_top_menu {margin:0px; padding:0px; border:1px solid #e3e3e3; /*background:#f6f6f6;*/ display: table; width:100%; border-radius:5px;}
#top_menu_2 ul#menu.all_top_menu li{position:relative; display:inline-block; margin:0px; margin-left: -4px; border-right:1px solid #d0d0d0; float:none; display: table-cell;}
#top_menu_2 ul#menu.all_top_menu > li:first-child{border-left:1px solid #d0d0d0;}
#top_menu_2 ul#menu.all_top_menu > li:last-child{border-right:1px solid #d0d0d0;}
#top_menu_2 ul#menu.all_top_menu li a{display: block; border-bottom:2px solid #e8e8e8; padding:18px; font-size:18px; text-decoration:none; color:#646464; line-height: 20px;}
#top_menu_2 ul#menu.all_top_menu > li:hover > a{border-bottom:2px solid #628a57;}

/* Target all Firefox */
@-moz-document url-prefix() { #top_menu_2 ul#menu.all_top_menu li a{font-size:16px;} } 

#top_menu_2 ul#menu.all_top_menu > li > a{text-transform:uppercase; background-color:#e8e8e8;}
#top_menu_2 ul#menu.all_top_menu li a:hover{color:#e84031; background-color:#ebebeb;}
#top_menu_2 ul#menu.all_top_menu li ul{display:none; background:#f6f6f6; padding:10px 3px; text-align:left; width:310px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:1001; margin:0px; margin-top: -10px;}
#top_menu_2 ul#menu.all_top_menu li ul li{display:block; margin:0; border:none;}
#top_menu_2 ul#menu.all_top_menu li ul li a{display:block; padding:5px 10px; color:#646464 !important; background-color:#f6f6f6 !important;}
#top_menu_2 ul#menu.all_top_menu li ul li a:hover{background-color:#e3e3e3 !important; color:#e84031 !important;}
#top_menu_2 ul#menu.all_top_menu > li:hover a{color:#e84031; /*background-color:#ebebeb;*/}
#top_menu_2 ul#menu.all_top_menu > li:hover ul{display:block !important; position:absolute; top:68px; min-width:200px; z-index:999;}

/* Target all Firefox */
@-moz-document url-prefix() { #top_menu_2 ul#menu.all_top_menu > li:hover ul{display:block !important; position:absolute; top:62px; min-width:200px; z-index:999;} }

.menu-top-wrap nav.menu-top ul.all_top_menu li a{color:#fff; padding:5px 7px; font-size:17px; text-decoration:none; border-radius:10px 10px 0px 0px;}
.menu-top-wrap nav.menu-top ul.all_top_menu li a:hover{color:#000; background-color:#c1d6e9;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul{display:none; background:#c1d6e9; padding:10px 3px; border:1px solid #ddd; text-align:left; width:6em; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:100; margin:0px;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul li{display:block; margin:0; line-height:1.1;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul li:last-child{margin:0px;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul a{ display:block; padding:5px 10px; border-radius:0px; color:#000;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul a:hover{ background:#f1f1f1;}
.menu-top-wrap nav.menu-top ul.all_top_menu > li:hover a{color:#000; background-color:#c1d6e9;}
.menu-top-wrap nav.menu-top ul.all_top_menu > li:hover ul{display:block !important; position:absolute; top:100%; min-width:200px; z-index:999;}



/***********************/
.top-menu-2{float:none; background:none; box-shadow: none; margin-top: -26px; position: relative; z-index: 1000; font-family: 'Didact Gothic', sans-serif; display: table; width:100%;}
.top-menu-2 li{float:none; display:inline-block; border: 1px solid #b4b5b8; background:#f8f9fb; border-right:none; display: table-cell;}
.top-menu-2 li:first-child{border-radius:3px 0px 0px 3px;}
.top-menu-2 li:last-child{border-right:1px solid #b4b5b8; border-radius:0px 3px 3px 0px;}
.top-menu-2 li a{display: block; font-size:18px; color:#4b4b4b; text-transform:uppercase;}
.top-menu-2 li a:hover{color:#f42524 !important; background-color: #EFEFEF !important; 
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
.top_menu_2 .navbar{margin-bottom:0px;}

/* Выпадающие подпункты */
.top-menu-2 li ul{display:none; background:#f6f6f6; padding:10px 3px; text-align:left; width:300px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:100; margin:0px; margin-top: -5px;}
.top-menu-2 li ul li{display:block; margin:0; border:none !important;}
.top-menu-2 li ul li a{display:block; padding:5px 10px; color:#646464 !important; background-color:#f6f6f6 !important; text-decoration:none; text-transform: lowercase;}
.top-menu-2 li ul li a:first-letter{text-transform: capitalize;}
.top-menu-2 li ul li a:hover{background-color:#e3e3e3 !important; color:#e84031 !important; text-decoration:none;}
.top-menu-2 > li:hover a{color:#e84031 !important; background-color:#e3e3e3 !important;}
.top-menu-2 > li:hover ul{display:block !important; position:absolute; top:56px; min-width:200px; z-index:999;}

/***********************************************/
/* ГЛАВНОЕ МЕНЮ САЙТА ГОРИЗОНТАЛЬНОЕ МОДУЛЬ!!! */
/***********************************************/
.top_menu_2{z-index: 100; position: relative; /*top: -35px;*/ float:none; box-shadow: none; font-family: 'Didact Gothic', sans-serif; display: table; width:100%; background:#e8e8e8;}
.navbar{border:none; margin-bottom:0px;}
.navbar-nav{float:right;}					
.navbar-inverse .navbar-toggle {border-color: #333333; background-color: #444;}

.navbar-toggle {background: #333;}
.navbar-toggle .icon-bar {background: #fff;}


.menu-top{background-color:#f6f6f6; /*border:1px solid #c0c0c0;*/}
#top_menu_2 {text-align: center; padding:0px;}
#top_menu_2 ul.top-menu-2 {margin:0px; padding:0px; /*border:1px solid #e3e3e3;*/ /*background:#f6f6f6;*/ display: table; width:100%; /*border-radius:5px;*/}
#top_menu_2 ul.top-menu-2 li{position:relative; display:inline-block; margin:0px; margin-left: -4px; border-right:1px solid #d0d0d0; float:none; display: table-cell; border:0px;}
#top_menu_2 ul.top-menu-2 > li:first-child{/*border-left:1px solid #d0d0d0;*/ border-left:0px;}
#top_menu_2 ul.top-menu-2 > li:last-child{/*border-right:1px solid #d0d0d0;*/ border-right:none;}
#top_menu_2 ul.top-menu-2 > li:last-child a{/*border-right:1px solid #d0d0d0;*/ border-right:none;}
#top_menu_2 ul.top-menu-2 li {border-bottom:2px solid #e8e8e8;}
#top_menu_2 ul.top-menu-2 li a{display: block; padding:18px; font-size:18px; text-decoration:none; color:#646464; line-height: 20px; border-right: 1px solid #c7c7c7;}
#top_menu_2 ul.top-menu-2 > li:hover {border-bottom:2px solid #628a57;}
#top_menu_2 ul.top-menu-2 > li.active {border-bottom:2px solid #628a57;}
#top_menu_2 ul.top-menu-2 > li.active > a{color:#e84031; background: #e8e8e8; box-shadow:none;}

/* Target all Firefox */
@-moz-document url-prefix() { #top_menu_2 ul#menu.all_top_menu li a{font-size:16px;} } 

#top_menu_2 ul.top-menu-2 > li {background-color:#e8e8e8;}
#top_menu_2 ul.top-menu-2 > li > a{text-transform:uppercase; background-color:#e8e8e8;}
#top_menu_2 ul.top-menu-2 li a:hover{color:#e84031; background-color:#ebebeb;}
#top_menu_2 ul.top-menu-2 li ul{display:none; background:#f6f6f6; padding:10px 3px; text-align:left; width:310px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:1001; margin:0px; margin-top: -4px;}
#top_menu_2 ul.top-menu-2 li ul li{display:block; margin:0; border:none;}
#top_menu_2 ul.top-menu-2 li ul li a{display:block; padding:5px 10px; color:#646464 !important; background-color:#f6f6f6 !important;}
#top_menu_2 ul.top-menu-2 li ul li a:hover{background-color:#e3e3e3 !important; color:#e84031 !important;}
#top_menu_2 ul.top-menu-2 > li:hover a{color:#e84031; /*background-color:#ebebeb;*/}
#top_menu_2 ul.top-menu-2 > li:hover ul{display:block !important; position:absolute; top:62px; min-width:200px; z-index:999;}

/* Target all Firefox */
@-moz-document url-prefix() { #top_menu_2 ul.top-menu-2 > li:hover ul{display:block !important; position:absolute; top:62px; min-width:200px; z-index:999;} }

.menu-top-wrap nav.menu-top ul.top-menu-2 li a{color:#fff; padding:5px 7px; font-size:17px; text-decoration:none; /*border-radius:10px 10px 0px 0px;*/}
.menu-top-wrap nav.menu-top ul.top-menu-2 li a:hover{color:#000; background-color:#c1d6e9;}
.menu-top-wrap nav.menu-top ul.top-menu-2 li ul{display:none; background:#c1d6e9; padding:10px 3px; /*border:1px solid #ddd;*/ text-align:left; width:6em; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:100; margin:0px;}
.menu-top-wrap nav.menu-top ul.top-menu-2 li ul li{display:block; margin:0; line-height:1.1;}
.menu-top-wrap nav.menu-top ul.top-menu-2 li ul li:last-child{margin:0px;}
.menu-top-wrap nav.menu-top ul.top-menu-2 li ul a{ display:block; padding:5px 10px; /*border-radius:0px;*/ color:#000;}
.menu-top-wrap nav.menu-top ul.top-menu-2 li ul a:hover{ background:#f1f1f1;}
.menu-top-wrap nav.menu-top ul.top-menu-2 > li:hover a{color:#000; background-color:#c1d6e9;}
.menu-top-wrap nav.menu-top ul.top-menu-2 > li:hover ul{display:block !important; position:absolute; top:100%; min-width:200px; z-index:999;}



/***********************/
.top-menu-2{float:none; background:none; box-shadow: none; margin-top: -26px; position: relative; z-index: 1000; font-family: 'Didact Gothic', sans-serif; display: table; width:100%;}
.top-menu-2 li{float:none; display:inline-block; border: 1px solid #b4b5b8; background:#f8f9fb; border-right:none; display: table-cell;}
.top-menu-2 li:first-child{border-radius:3px 0px 0px 3px;}
.top-menu-2 li:last-child{border-right:1px solid #b4b5b8; border-radius:0px 3px 3px 0px;}
.top-menu-2 li a{display: block; font-size:18px; color:#4b4b4b; text-transform:uppercase;}
.top-menu-2 li a:hover{color:#f42524 !important; /*background-color: #EFEFEF !important; */
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
.top_menu_2 .navbar{margin-bottom:0px;}

/* Выпадающие подпункты */
.top-menu-2 li ul{display:none; background:#f6f6f6; padding:10px 3px; text-align:left; width:300px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:100; margin:0px; margin-top: -5px;}
.top-menu-2 li ul li{display:block; margin:0; border:none !important;}
.top-menu-2 li ul li a{display:block; padding:5px 10px; color:#646464 !important; background-color:#f6f6f6 !important; text-decoration:none; text-transform: lowercase;}
.top-menu-2 li ul li a:first-letter{text-transform: capitalize;}
.top-menu-2 li ul li a:hover{background-color:#e3e3e3 !important; color:#e84031 !important; text-decoration:none;}
.top-menu-2 > li:hover {color:#e84031 !important; background-color:#e3e3e3 !important;}
/*.top-menu-2 > li:hover a{}*/
.top-menu-2 > li:hover ul{display:block !important; position:absolute; top:56px; min-width:200px; z-index:999;}
/********************************************************************/
/********************************************************************/




/* Хлебные крошки */
.breadcrumbs {background:#f2f2f2; min-height: 40px; /*border-top:2px solid #d2d2d4; border-bottom:2px solid #d2d2d4;*/} 
.breadcrumbs .container{text-align:left;} 
.breadcrumbs a {color:#4e8a51; padding: 6px 15px; line-height: 36px;} 
.breadcrumbs span.separator {color: #4e8a51; padding-right: 10px;} 
.breadcrumbs img {margin-top: -5px; width: 20px;} 

/* Контент в целом */
#contentarea{/*margin-top:-65px;*/}


/* Банеры */
.baner-h1-white h1{color:#fff !important;}
.main-page-wrapper-baner {min-height:650px;}

.baner-info.backgraund_grey {background:rgba(128,128,128,0.68);}
.baner-info {min-height:550px; /*background: url('/images/banners/fon-baner-info-main-page.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/}
.baner-info h1{margin-top:50px; font-weight: bold; text-transform:uppercase; text-align: right; font-size: 40px; margin-right: 70px; color:#3b536f; font-family: 'Intro'; margin-bottom: 30px; line-height:50px;}
.baner-info .container{position:relative;}
.baner-info .container .girl-baner-info{position: absolute; bottom: -103px;}
.baner-info .container .girl-baner-info img{width:90%;}

.inf_sl_forma{width: 343px; min-height:352px; text-align:center; /*border: 1px solid #ef5655;*/ border-radius:30px 0px; padding: 10px; background:rgba(255,255,255,0.90); float: right; margin-right: 15px; font-family: 'Open Sans', sans-serif; font-size: 22px; color:#4e4e4e; box-shadow:0px 0px 2px 2px #a7a7a7;}
/*.inf_sl_forma:hover{box-shadow: inset 0px 0px 2px 2px #a7a7a7; transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	}
*/
/*.inf_sl_forma div.forma_zayavki > p > span.name {background: url('/images/dop_teh/lico.png')no-repeat; background-size: 100% 100%; display: inline-block; position: relative; width: 50px; height: 40px; right: -4px; border-radius: 5px 0 0 5px; vertical-align: top;}
.inf_sl_forma div.forma_zayavki > p > span.name > b {display:none;}
.inf_sl_forma div.forma_zayavki > p > span.tel {background: url('/images/dop_teh/telefon.png')no-repeat; background-size: 100% 100%; display: inline-block; position: relative; width: 50px; height: 40px; right: -4px; border-radius: 5px 0 0 5px; vertical-align: top;}
.inf_sl_forma div.forma_zayavki > p > span.tel > b {display:none;}*/
.inf_sl_forma div.forma_zayavki > p > input {padding: 5px; font-size: 22px; height: 40px; width: 85%; text-align: center; border:1px solid #5d8550; border-radius:10px; font-family: Hattori_Hanzo;}
	
.inf_sl_forma div.forma_zayavki > p > button.zakaz_zayavki {width: 85%; margin-left: 7px; background: #58874e; /*background: linear-gradient(to top, #e6311f, #ec5d52);*/ padding: 10px 5px; color: #fff; border-radius: 10px; border: none; margin-top: 20px;}	

.inf_sl_forma #forma_full h4 {color:#bc160d; font-size: 25px; font-weight: normal; text-transform: uppercase;}
.inf_sl_forma #forma_full p {font-size: 22px; color:#554239; width: 85%; margin: 10px auto; font-family: Hattori_Hanzo;}
.inf_sl_forma #forma_full p.p-zag {margin-bottom: 20px;}
	
div.forma_zayavki > p > button.zakaz_zayavki:hover {background: #486b41; /*background: linear-gradient(to top, #ec5d52, #e6311f);*/ padding: 10px 5px; color: #fff; border-radius: 5px;}

.description-baner-info{text-align:left; width: 50%;}
.description-baner-info.color_white{color:#fff; text-align:left; float: left;}
.description-baner-info.color_white h2{color:#fff; margin-bottom: 25px;}
.description-baner-info.color_white h1{color:#fff; margin-bottom: 25px; text-align:left; font-weight: normal; font-size: 35px;}
.description-baner-info h2{/*font-weight: bold;*/ text-transform: uppercase; /*text-shadow: 1px 1px 5px #000;*/}
.description-baner-info ul, .description-baner-info ol{padding-left:0px; font-size: 28px; line-height: 30px; counter-reset: myCounter;}
.description-baner-info li{padding-bottom:7px; padding-left: 0px; list-style: none; /*text-shadow: 1px 1px 5px #000;*/ font-family: Hattori_Hanzo;}
.description-baner-info li:before {counter-increment: myCounter; content:counter(myCounter); color: #000; background: #fff; display: inline-block; text-align: center; margin: 5px 0px; margin-right:10px; line-height: 30px; width: 30px; height: 30px; border-radius:5px; text-shadow:none;}


/* Основные услуги компании на гл.странице */
.fon-uslugi-main{background:#fff; padding-bottom:50px; text-align:center;}
.fon-uslugi-main h2{/*font-weight: bold;*/ text-transform:uppercase; color:#363636; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 30px; line-height:50px; margin-top: 50px;}
.uslugi-main .item-uslugi-main > a {display:inline-block; margin:15px; background:#fff; width:200px; vertical-align:top; text-decoration:none;}
.uslugi-main .item-uslugi-main > a img {display: block; padding: 10px; max-width: 200px; max-height: 156px; margin: 0 auto;}
.uslugi-main .item-uslugi-main > a i {display:block; /*background:#295271;*/ color:#363636; text-align:center; font-style: normal; padding: 3px; font-size: 14px; min-height:50px; text-transform:uppercase; font-weight:bold;}
.uslugi-main .item-uslugi-main > a:hover {box-shadow: 0px -2px 20px #777;}


/* Основные преимущества компании на гл.странице */
.fon-preimushestvo-main{background:#faf2f2; padding-bottom:50px; text-align:center; min-height: 550px;}
.fon-preimushestvo-main h2{/*font-weight: bold;*/ text-transform:uppercase; color:#363636; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 30px; line-height:50px; margin-top: 50px;}
.preimushestvo-main .item-uslugi-main > span {display:inline-block; margin:15px; /*background:#fff;*/ width:300px; vertical-align:top; text-decoration:none;}
.preimushestvo-main .item-uslugi-main > span img {display: block; padding: 10px; max-width: 220px; max-height: 220px; margin: 0 auto;}
.preimushestvo-main .item-uslugi-main > span i {display:block; color:#009a9d; text-align:center; font-style: normal; padding: 3px; font-size: 14px; min-height:50px; text-transform:uppercase; font-weight:bold;}


/* Наша техника */
.fon-machine-main > .custom{overflow:hidden;}
.our-machine-main {background-color: rgba(255, 255, 255, 0.7); margin-top:40px; margin-bottom:40px; text-align:center;}
.our-machine-main  h2{/*font-weight: bold;*/ text-transform: uppercase; color: #363636; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 30px; line-height: 50px;}
.our-machine-main .item-machine-main {margin-bottom:20px; padding:20px; background-color:#fff; text-align:left;}
.our-machine-main .item-machine-main img {width:100%;}
.our-machine-main .item-machine-main a {color:red; font-size:24px; font-weight:bold; text-transform:uppercase; display: inline-block; margin-bottom: 30px;}


/* Часто задаваемые вопросы */
.questions-main  {padding-top: 30px; padding-bottom: 50px;}
.questions-main  h2{/*font-weight: bold;*/ text-transform: uppercase; color: #363636; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 30px; line-height: 50px; text-align:center;}
.questions-main .item_question {text-align:left; margin-bottom:30px; font-size:16px;}
.questions-main .item_question img{width:100%;}
.questions-main .item_question .item_text_questions{background-color:#ededed; padding:10px; position:relative;}
.questions-main .item_question .item_text_questions span.strelka_left{width: 0; height: 0; line-height: 0; border-left: 20px solid transparent; border-top: 10px solid rgb(237, 237, 237); top: 0; left: -20px; position: absolute;}
.questions-main .item_question .item_text_questions span.strelka_right{width: 0; height: 0; line-height: 0; border-right: 20px solid transparent; border-top: 10px solid rgb(237, 237, 237); top: 0; right: -20px; position: absolute;}



/* Вторая форма заказа на главной странице */
.baner-info_two {min-height:600px; position:relative;}
.baner-info_two.red_fon {background:#a90000;}
.baner-info_two h2{/*font-weight: bold;*/ text-transform: uppercase; color: #363636; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 60px; line-height: 50px; text-align:center;}
.baner-info_two.red_fon h2{color: #fff;}
.baner-info_two .container{position:relative;}
.baner-info_two .container .girl-baner-info{position: absolute; bottom: -103px;}
.baner-info_two .container .girl-baner-info img{width:90%;}

.baner-info_two .inf_sl_forma{width: 480px; min-height:310px; border: 3px solid #399c9b; border-radius:0px; padding: 40px 10px; background:#fff; float: right; font-family: 'Open Sans', sans-serif; font-size: 22px; color:#4e4e4e; box-shadow:0px 0px 2px 2px #a7a7a7; /*margin-right:225px;*/}
.baner-info_two .inf_sl_forma div.forma_zayavki > p > input {padding: 5px; font-size: 22px; height: 60px; width: 80%; text-align: center; border:1px solid red; border-radius:10px; font-family: Hattori_Hanzo;}
	
.baner-info_two .inf_sl_forma div.forma_zayavki > p > button.zakaz_zayavki {width: 80%; margin-left: 7px; background: #e21e23; /*background: linear-gradient(to top, #e6311f, #ec5d52);*/ padding: 10px 5px; color: #fff; border-radius: 10px; border: none; margin-top: 20px; text-transform: uppercase; font-weight: normal; height:60px; font-family: Intro;}	
.baner-info_two .inf_sl_forma div.forma_zayavki > p > button.zakaz_zayavki:hover{background: #1d9697;}	

.baner-info_two .inf_sl_forma #forma_full h4 {color:#bc160d; font-size: 22px; font-weight: bold; text-transform: uppercase;}
.baner-info_two .inf_sl_forma #forma_full p {font-size: 18px; color:#554239; width: 90%; margin: 10px auto;}
.baner-info_two .inf_sl_forma #forma_full p.p-zag {margin-bottom: 20px;}
	
div.forma_zayavki > p > button.zakaz_zayavki:hover {background: #ad1e21; /*background: linear-gradient(to top, #ec5d52, #e6311f);*/}

.description-baner-info{text-align:right; width: 47%; float:left; color:#1d9697; margin-left: 20px;}
.baner-info_two.red_fon .description-baner-info{color:#fff;}

.baner-info_two .description-baner-info p{font-weight: bold; text-transform: uppercase; font-size:30px; max-width:456px;}
.baner-info_two .description-baner-info ul, .description-baner-info ol{padding-left:0px; font-size: 28px; line-height: 30px; counter-reset: myCounter;}
.baner-info_two .description-baner-info li{padding-bottom:7px; padding-left: 0px; list-style: none; text-shadow: 1px 1px 5px #000;}
.baner-info_two .description-baner-info li:before {counter-increment: myCounter; content:counter(myCounter); color: #000; background: #fff; display: inline-block; text-align: center; margin: 5px 0px; margin-right:10px; line-height: 30px; width: 30px; height: 30px; border-radius:5px; text-shadow:none;}

/* Что мы можем */
.our_power{padding-top: 30px; padding-bottom: 50px; text-align:center;}
.our_power h2{text-align:center; line-height: 50px;}
.our_power .item{display:inline-block; width:32%; margin:30px 5px; text-align:center; color:#1497a1; text-decoration:none; font-style: inherit; text-transform: uppercase; font-size: 16px; font-weight: bold; background:#eaeaea; border-radius:10px; padding:20px;}
.our_power .item img{margin-bottom:10px; border-radius: 30px; width:100%;}
.our_power .item a{color:#1497a1; font-style: inherit !important;}
.our_power .item a i{color:#1497a1; font-style: inherit !important;}

/* Немного текста для SEO на главной */
.text_seo_main  {padding-top: 30px; padding-bottom: 50px;}
.text_seo_main div {text-align:left;}
.text_seo_main h2 {text-align:center;}


/* КОНТАКТЫ */
.kontacti-fon {padding-top: 30px; padding-bottom: 30px;}
.kontacti-fon h1{text-align:center; margin-bottom: 30px;}
.kontacti-map-detail{margin-bottom:50px;}






/****************************************************************************************************************************************************************************************************************************************************************************************/


/* Профессиональное водоснабжение загородного дома на гл. странице */
.fon-vodosnabjenie-main {min-height:600px; /*background: url('/images/fon-vodosnabjenie-main.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/}
.fon-vodosnabjenie-main .vodosnabjenie-main h2{width:80%; font-weight: bold; text-transform:uppercase; color:#fff; /*font-family: 'Intro-Cond-Black-Free';*/ margin:50px auto; margin-bottom: 30px; line-height:50px;}
.fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block {text-align:center;}
.fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block > div {width:45%; background:#fff; text-align:left; display:inline-block; margin:10px; padding:10px 5px; vertical-align:top; border-radius:5px; box-shadow:5px -5px 15px 5px rgba(0, 0, 0, 0.61);}
.fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block > div.text-video-main {padding:10px; min-height: 341px;}
.fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img {margin:50px 0px; text-align: center;}
.fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img img {display: inline-block; width: 200px; margin: 10px; border-radius: 200px; box-shadow:5px -5px 15px 5px rgba(0, 0, 0, 0.61);}



/* 4 шага к вашей скважине на гл. странице */
.fon-4-shaga{background:#fff; padding-bottom:50px;}
.fon-4-shaga h2{/*font-weight: bold;*/ text-transform:uppercase; color:#3b536f; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 30px; line-height:50px; margin-top: 50px;}
.shaga-4-img {text-align:center;}
.shaga-4-img > div{display:inline-block; width:220px; margin:10px; vertical-align:top; color:#295271;}
.shaga-4-img > div img{width:200px; border-radius:200px; border:1px solid #3b536f; /*box-shadow:0px -10px 10px 0px rgba(0, 0, 0, 0.61);*/}

/* Узнайте стоимость вашей скважины на гл. странице */
.fon-stoimost-skvajiny-main{min-height:600px; background: url('/images/fon-uznat-stoimost.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position:relative; }
.stoimost-skvajiny h2{/*font-weight: bold;*/ text-transform:uppercase; color:#fff; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 30px; line-height:50px; margin-top: 50px;}
.stoimost-skvajiny .inf_sl_forma{margin: 0 auto; float: none; width: 500px; border: none; box-shadow: none; border-radius: 0px; background: rgba(255, 255, 255, 0.71); padding:10px; margin-bottom: 130px;}
.stoimost-skvajiny .inf_sl_forma p.p-zag{ color:#334f65; font-size: 20px; margin-top: 20px;}
.stoimost-skvajiny .inf_sl_forma p.ps-form{line-height:20px;}
.stoimost-skvajiny .inf_sl_forma p.ps-form span{color:#544e4d; font-size: 14px;}
.stoimost-skvajiny .inf_sl_forma div.forma_zayavki > p > input{width:55%;}
.stoimost-skvajiny div.forma_zayavki > p > button.zakaz_zayavki{width:64%;}

.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main {background:#f2f2f2; padding:10px; position:absolute; bottom:0px; width: 100%;}
.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul{margin:0px; padding:0px; text-align:center;}
.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{display:inline-block; margin:0px 20px; list-style:none;}
.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li img{margin: 0px 10px;}


/* Наши работы на гл. странице */
.fon-our-works-main{background:#fff; padding-bottom:50px; text-align:center;}
.fon-our-works-main h2{/*font-weight: bold;*/ text-transform:uppercase; color:#3b536f; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 30px; line-height:50px; margin-top: 50px;}
.fon-our-works-main hr{height:10px; background:#3b536f;}
.fon-our-works-main div.item{display:inline-block; width:47%; text-align:left; vertical-align:top; margin:5px; color:#3b536f;}
.fon-our-works-main div.item > p {color:#3b536f; text-transform:uppercase; font-size: 20px;}
.fon-our-works-main div.item .item-wrapper-user-our-works .item-img-user-our-works{display:inline-block; vertical-align:top; margin-right:15px;}
.fon-our-works-main div.item .item-wrapper-user-our-works .item-img-user-our-works img{width:100px; border-radius:100px;}
.fon-our-works-main div.item .item-wrapper-user-our-works .item-info-user-our-works{display:inline-block; width: 70%;}

.fon-our-works-main .item-wrapper-gallery-our-works {text-align:center;}
.fon-our-works-main .item-wrapper-gallery-our-works a {color:#fff; background:#e62918; border-radius:5px; display:block; margin:10px auto; width:60%; padding:10px; text-decoration:none;}
.fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works {text-align:center;}
.fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{display:inline-block; margin:10px; width:200px; background:none; padding:0px;}
.fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works img{width:100%;}

/* Много текста на гл. странице */
.fon-full-text-main{min-height:600px; background: url('/images/fon-full-text-main.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position:relative;}
.fon-full-text-main .full-text-main {text-align:center; padding-top:50px; padding-bottom:50px;}
.fon-full-text-main .full-text-main .item {display:inline-block; vertical-align:top; text-align:left; width:540px; padding:20px; background:#fff; border-radius:10px;}
.fon-full-text-main .full-text-main .item:first-child {margin-right:20px;}
.fon-full-text-main .full-text-main .item:last-child {margin-left:20px;}


/* Карта глубин на гл. странице */
.fon-map-glubin {padding-bottom:70px;}
.fon-map-glubin .map-glubin h2{font-weight: bold; text-transform:uppercase; color:#3b536f; /*font-family: 'Intro-Cond-Black-Free';*/ margin-bottom: 30px; line-height:50px; margin-top: 50px;}



/* Зачем скважины (большой блок с текстами) */
.fon-zachem-skvajina {padding-bottom:50px;}
.zachem-skvajina > div {/*border:1px solid #ccc; border-radius:5px;*/ padding:20px; text-align:left;}
.zachem-skvajina > div.item-gorizont {text-align: justify; solid #ccc; border-radius:5px; margin:20px;}
.zachem-skvajina > div.item-vertical {display:inline-block; margin:20px; width:524px; vertical-align:top;}
.zachem-skvajina h2{/*text-transform:uppercase;*/ color:#3b536f; /*font-family: 'Intro-Cond-Black-Free';*/ line-height:50px; margin: 0px; margin-bottom: 20px;}
.zachem-skvajina h3{font-weight: bold; /*text-transform:uppercase;*/ color:#4ba2d4; /*font-family: 'Intro-Cond-Black-Free';*/ line-height:30px; margin: 0px; margin-bottom: 10px;}
.zachem-skvajina p{text-align: justify;}

/* Зачем скважины (большой блок с текстами) */
.fon-preimushestva-bur-izvestnyak {padding-bottom:50px;}
.preimushestva-bur-izvestnyak{margin:20px; border-radius:5px; padding:20px; text-align:left;}
.preimushestva-bur-izvestnyak h2{color:#3b536f; /*font-family: 'Intro-Cond-Black-Free';*/ line-height:50px; margin: 0px; margin-bottom: 20px;}
.preimushestva-bur-izvestnyak h3{ /*font-family: 'Intro-Cond-Black-Free';*/ line-height:30px; margin: 0px; margin: 20px 0px; }


/* Стоимость работ */
.fon-stoimost-rabot {padding-bottom:50px;}
.stoimost-rabot {text-align:left;}
.stoimost-rabot h3{margin-bottom: 30px;}
.stoimost-rabot .item {width:270px; display:inline-block; vertical-align:top; padding:10px; margin:3px; border:1px solid #ccc; border-radius:5px; min-height:230px;}
.stoimost-rabot .item p{color: #32424d; font-size:14px;}
.stoimost-rabot .item p.blue_p{min-height:80px; color:#547591;}
.stoimost-rabot .item p.gray{color: #4c4c4c;}
.stoimost-rabot .item p span{color: #20784d; font-size:25px;}
.stoimost-rabot .item a{display:block; width: 82%; background: #e62918; background: linear-gradient(to top, #e62918, #ea5b50); padding: 10px 5px; color: #fff; border-radius: 5px; border: none; margin: 20px auto; margin-bottom:10px; text-decoration:none;}
.stoimost-rabot .item a:hover{background: #ea5b50; background: linear-gradient(to top, #ea5b50, #e62918); padding: 10px 5px; color: #fff; border-radius: 5px;}
.stoimost-rabot .center.include-price > div{display:inline-block; width:250px; margin:10px; vertical-align:top; color:#295271;}
.stoimost-rabot .center.include-price > div img{width:150px; border-radius:200px; border:1px solid #3b536f; margin-bottom:15px;}


/* C чего начать */
.fon-start {padding-bottom:50px;}
.start{text-align: justify;  text-justify: newspaper; zoom: 1; text-align-last: justify;}
.start:after{width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: "";}
.start .item{display:inline-block; vertical-align:top; text-align: justify; width:545px; border-radius:5px; padding:0px 20px 20px 20px; min-height:500px; margin:5px;}
/*.start .item:first-child{margin-right:20px;}
.start .item:last-child{margin-left:20px;}*/
.start .item-other{padding:53px 20px 20px 20px;}
.start .item a{color:#00b8f4; text-decoration:underline;}
.start .item h2{margin:10px 0px; display: inherit;}


/* Этапы бурения */
.fon-etap-bur {padding-bottom:50px;}
.fon-etap-bur h2{text-align:left; margin:40px 0px;}
.etap-bur{text-align: justify;  text-justify: newspaper; zoom: 1; text-align-last: justify;}
.etap-bur:after{width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: "";}
.etap-bur .item{display:inline-block; vertical-align:top; text-align: left; width:350px; min-height:305px; border:1px solid #ccc; padding:20px; margin-bottom: 20px; text-align-last: center;}
.etap-bur .item p{text-align: center;}



/* Фотогалерея в лендинге - слайдер */


											/**********************/
											/*  СЛАЙДЕР КАРУСЕЛЬ  */
											/**********************/
#slider{margin-top:3px;}
#slider #myCarousel .carousel-indicators{bottom:-50px;}
.carousel-caption{top: 10%; right: 100px; left: auto; width: 50%; padding-top: 0px;}
.carousel-caption p{text-align:left; color: #676767; text-shadow: none;}										

.carousel-control.left{background-image:none;}
.carousel-control.right{background-image:none;}
										
span.glyphicon.glyphicon-chevron-right{ width:50px; height:50px; margin-top: -25%; margin-right:-50px;}
span.glyphicon.glyphicon-chevron-left{width:50px; height:50px; margin-top: -25%; margin-left:-50px;}
span.glyphicon.glyphicon-chevron-right:before{content:url(/images/gallery-landing/right-contol-slider.png);}
span.glyphicon.glyphicon-chevron-left:before{content:url(/images/gallery-landing/left-contol-slider.png);}


.carousel-indicators li{background-color: rgba(137, 137, 137, 1); border:1px solid #000;}



.fon-gallary-landing-artez {background: url('/images/wave.jpg') repeat;
	position:relative; min-height:450px; padding-bottom:60px; margin-top:50px;}
.fon-gallary-landing-artez h2{text-align:left; position:relative; top:-50px;}
.fon-gallary-landing-artez img{border-radius:10px;}
.gallery-landing-bur-artez #slider #myCarousel .carousel-inner .item {padding:0px 40px;}
.gallery-landing-bur-artez #slider #myCarousel .carousel-inner .item > div {display:inline-block; width:270px; margin:10px;}
.gallery-landing-bur-artez #slider #myCarousel .carousel-inner .item > div img{width:100%;}




											/***************************/
											/*  МИНИ СЛАЙДЕР КАРУСЕЛЬ  */
											/***************************/
#slider-mini{margin-top:10px; position:relative; z-index:100;}
/*#slider-mini #myCarousel-mini .carousel-inner{overflow:inherit;}*/
#slider-mini #myCarousel-mini .carousel-indicators{bottom:-50px;}
#slider-mini #myCarousel-mini .carousel-indicators li{background-color: rgba(137, 137, 137, 1); border:1px solid #000;}
/*.carousel-caption{top: 10%; right: 100px; left: auto; width: 50%; padding-top: 0px;}
.carousel-caption p{text-align:left; color: #676767; text-shadow: none;}										
*/
#slider-mini #myCarousel-mini .carousel-control.left{background-image:none; width:45px; height:150px; margin-top:30px;}
#slider-mini #myCarousel-mini .carousel-control.right{background-image:none; width:45px; height:150px; margin-top:30px;}
										
#slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-right{ width:50px; height:80px; margin-right:-25px; margin-top: 0px; top: 0px;}
#slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-left{width:50px; height:80px; margin-left:-25px; margin-top: 0px; top: 0px;}
#slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-right:before{content:url(/images/gallery-landing/right-contol-slider-mini.png);}
#slider-mini #myCarousel-mini span.glyphicon.glyphicon-chevron-left:before{content:url(/images/gallery-landing/left-contol-slider-mini.png);}






/*
.fon-gallary-slider-mini {background: url('/images/gallery-landing/fon-gallery.png') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position:relative; min-height:850px; padding-bottom:50px; margin-top:50px;}
*/
.fon-gallary-slider-mini {min-height:370px; margin-top:30px; clear:both;}
.fon-gallary-slider-mini h2{text-align:left; margin-bottom: 30px;}
.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item {padding:40px;}
.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div {display:inline-block; vertical-align:top; width:200px; margin:5px; min-height:80px; line-height:14px; text-align:center; border:1px solid #466782; border-radius:5px; min-height:130px;}
.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div img{width:130px; display:block; margin:0 auto; margin-top: -40px;}
.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div span{font-size:14px; text-align:center; display:block; padding:10px 0px;}





/* Глубина залегания артезианской воды в районах Подмосковья */
.fon-glubina-vody-v-podmoskovie h2{margin:20px 0px; text-align: left;}
.glubina-vody-v-podmoskovie{text-align: justify;  text-justify: newspaper; zoom: 1; text-align-last: justify;}
.glubina-vody-v-podmoskovie:after{width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: "";}
.glubina-vody-v-podmoskovie .item{display:inline-block; vertical-align:top; text-align: justify; width:545px; border:1px solid #ccc; border-radius:5px; padding:20px 40px; min-height:500px; margin:5px;}
.glubina-vody-v-podmoskovie .item table{width:80%; text-align-last:left;}



/* Карта глубин и только */
.fon-map-glubin-only h2 {text-align:left; margin:30px 0px;}



/*********************************/
/* Список материалов в категории */
/*********************************/
.fon-category-articles-header {text-align:left; min-height:150px;}
.fon-category-articles-header h1{margin:80px 20px 40px 20px; width:70%; font-size:36px; line-height:50px; color:#fff;}

.category-list {/*margin-top:50px;*/}
.category-list .category-desc{margin:20px; text-align:left; border: 1px solid #ccc; border-radius: 5px; padding: 20px;}
.category-list .cat-items{/*padding:20px;*/ text-align:justify;}
.category-list .cat-items .category_articles .item_article{display:inline-block; width:300px; margin:20px; padding:10px; text-align:left; border: 1px solid #ccc; border-radius: 5px;}
.category-list .cat-items .category_articles .item_article h2{font-size:18px; margin:5px 0px;}
.category-list .cat-items .category_articles .item_article img{display:block; width:100%;}


/* Навигация материалов (Пагинация) */
.pagination{display:block;}
.pagination ul{float: left; padding-left: 0px;}
.pagination ul li{display:inline-block; float:left; margin:5px 10px; text-align: center; vertical-align: top; font-size: 20px;}
.pagination ul li span{display:block; background:#a8a8a8; color:#fff; padding: 10px; border:1px solid #a8a8a8; border-radius:50px; width: 50px; height: 50px;}
.pagination ul li a{display:block; padding: 10px; border:1px solid #a8a8a8; border-radius:50px; width: 50px; height: 50px;}
.pagination ul li a:hover{background:#a8a8a8; color:#fff; text-decoration:none;}


/*********************/
/* Материал Детально */
/*********************/
.item_article_detail {text-align:left; margin-top:20px; margin-bottom:70px; padding:20px; border: 1px solid #ccc; border-radius: 5px;}
.item_article_detail img.image_full_text_article_detail{float:left; margin:0px 10px 10px 0px; border-radius:10px;}
.fon-category-articles-header h1{margin:80px 20px 40px 20px; width:70%; font-size:36px; line-height:50px; color:#fff;}

.category-list {/*margin-top:50px;*/}
.category-list .category-desc{margin:20px; text-align:left; border: 1px solid #ccc; border-radius: 5px; padding: 20px;}
.category-list .cat-items .category_articles .item_article{display:inline-block; width:335px; margin:20px; padding:10px; text-align:left; border: 1px solid #ccc; border-radius: 5px; vertical-align:top;}
.category-list .cat-items .category_articles .item_article h2{font-size:18px; margin:5px 0px; min-height: 42px;}
.category-list .cat-items .category_articles .item_article img{display:block; width:100%;}



/*********************************************/
/* Страница Спасибо за обращение в Аквалюкс! */
/*********************************************/
.thanks_wrapper .thanks_info{margin-top: 150px; background: rgba(255, 255, 255, 0.84); padding: 50px;}
.thanks_wrapper .thanks_info h1{color: #0096f7; font-family: 'Open Sans', sans-serif; margin-top:10px;}
.thanks_wrapper .thanks_info p a{color: #0096f7; border-bottom: 2px dashed #0096f7; text-decoration:none;}




/***************************************/
/*              Калькулятор            */
/***************************************/
.display_none{display:none !important;}

.wrapper_calc{text-align:left; padding:10px; border:1px solid #444;}

.wrapper_calc .ul_list_number ul{margin: 0px; padding: 0px; display: table; width: 100%; border-radius:5px;}
.wrapper_calc .ul_list_number li{position: relative; display: table-cell; color:#7a7a7a;}
.wrapper_calc .ul_list_number li > div {float: left; width:97%; margin: 0px 5px; padding:5px; border-bottom: 4px solid #e3e3e3; border-radius:5px 5px 0px 0px;}
.wrapper_calc .ul_list_number li > div.selected_red{background:#be0002; color:#fff;}
.wrapper_calc .ul_list_number li span.li_list_number{display:block; float:left; width:20%; font-size:30px; text-align:center; font-weight:bold;}
.wrapper_calc .ul_list_number li span.li_list_number_text{display:block; float:left; width:80%; font-size:16px; text-align:left;}

.wrapper_calc .body_calc {display:block; text-align:left; padding:10px;}
.wrapper_calc .body_calc h3{text-align:center; color:#000; font-size:30px; margin:30px 0px;}
.wrapper_calc .body_calc #shag1 {display:block; float:left; width:100%; clear:both;}
.wrapper_calc .body_calc #shag1 > div input[type=radio]{display:none;}
.wrapper_calc .body_calc #shag1 > div span{width: 200px; display: inline-block; vertical-align: top; text-align:left; margin-left:20px;}
.wrapper_calc .body_calc #shag1 > div label {cursor:pointer; position:relative;}
.wrapper_calc .body_calc #shag1 > div label img {width:80%;}

.wrapper_calc .body_calc #shag1 > div label:before {content: ""; display: inline-block; width: 28px; height: 28px;	position: absolute;	left: 50px; top: 0px; border:1px solid #aaa; border-radius:5px;}
.wrapper_calc .body_calc #shag1 > div input[type=radio]:checked + label:before {content: "\25A0"; color: #be0002; font-size: 40px; text-align: center; line-height: 14px;}

.wrapper_calc .body_calc #shag1 > div.left_div {display:block; text-align:center; padding:30px; float:left; width:49%;}
.wrapper_calc .body_calc #shag1 > div.right_div {display:block; text-align:center; padding:30px; float:right; width:49%;}

.wrapper_calc .body_calc #shag2  {text-align:center; clear:both;}
.wrapper_calc .body_calc #shag2 > ul {display:inline-block; text-align:left; margin-right:30px; vertical-align:top; list-style:none;}
.wrapper_calc .body_calc #shag2 > ul li input[type=radio] {display:none;}
.wrapper_calc .body_calc #shag2 > ul li label {/*border-bottom:1px dashed #111111;*/ color:#4c4c4c; cursor:pointer; padding:4px 7px; font-weight:normal;}
.wrapper_calc .body_calc #shag2 > ul li:hover label {color:#fff; background:#FF8C8D;}
.wrapper_calc .body_calc #shag2 > ul li input[type=radio]:checked + label {color:#fff; background:#be0002;}

.wrapper_calc .body_calc #shag3 {text-align:center; clear:both;}
.wrapper_calc .body_calc #shag3 > div {display:inline-block; vertical-align:top; margin:20px 50px; width:20%;}
.wrapper_calc .body_calc #shag3 > div input[type=radio] {display:none;}
.wrapper_calc .body_calc #shag3 > div img {width:100%;}
.wrapper_calc .body_calc #shag3 > div label {cursor:pointer; border:2px solid #fff; border-radius:5px; padding:10px; min-height:300px; font-size:18px; font-weight:normal;}
.wrapper_calc .body_calc #shag3 > div:hover label {border:2px solid #FF8C8D;}
.wrapper_calc .body_calc #shag3 > div input[type=radio]:checked + label {border:2px solid #be0002;}

.wrapper_calc .body_calc #shag4 {clear:both;}
.wrapper_calc .body_calc #shag4 > div {display:block; text-align:center; margin: 100px 0px 150px 0px;}
.wrapper_calc .body_calc #shag4 > div input[type=text]{width:300px;}

.wrapper_calc .body_calc #shag5 {clear:both; text-align: center;}
.wrapper_calc .body_calc #shag5 > div {display:inline-block; width:100%; border:1px solid #4c4c4c; border-radius:5px; text-align: center;}
.wrapper_calc .body_calc #shag5 > div .info_raschet {display:inline-block; width:59%; padding:10px; text-align:left; vertical-align:top;}
.wrapper_calc .body_calc #shag5 > div .info_raschet img{width: 100%; margin-top: 40%;}
.wrapper_calc .body_calc #shag5 > div .info_raschet .img {padding:0px;}
.wrapper_calc .body_calc #shag5 > div h3 {color:#00669b; font-size: 28px;}
.wrapper_calc .body_calc #shag5 > div h2 {color:#bc0000;}
.wrapper_calc .body_calc #shag5 > div h2 span {font-size:36px;}
.wrapper_calc .body_calc #shag5 > div .info_raschet p {color:#5f5f5f;}
.wrapper_calc .body_calc #shag5 > div .info_raschet p b{color:#000000;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet {display:inline-block; width:40%; padding:10px; text-align:center; vertical-align:top; border-left:1px solid #4c4c4c;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet .forma{padding:10px;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p span.name{background: url('/images/dop_teh/lico.png')no-repeat; background-size: 100% 100%; display: inline-block; position: relative; width: 50px; height: 40px; right: -4px; border-radius: 5px 0 0 5px; vertical-align: top;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p span.name b{display: none;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p span.tel{background: url('/images/dop_teh/telefon.png')no-repeat; background-size: 100% 100%; display: inline-block; position: relative; width: 50px; height: 40px; right: -4px; border-radius: 5px 0 0 5px; vertical-align: top;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p span.tel b{display: none;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p input{padding: 5px; font-size: 18px; height: 40px; width: 70%; text-align: center;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p button{width: 82%; margin-left: 7px; background: #ec5d52; background: linear-gradient(to top, #be0002, #ec5d52); padding: 10px 5px; color: #fff; border-radius: 5px; border: none; margin-top: 20px;}
.wrapper_calc .body_calc #shag5 > div .forma_rachet .forma > p button:hover{width: 82%; margin-left: 7px; background: #be0002; background: linear-gradient(to top, #ec5d52, #be0002);}

.wrapper_calc .nav_calc{background:#dedede; padding:10px; float: left; width: 100%;}
.wrapper_calc .nav_calc span{background:#be0002; color:#fff; border-radius:5px; padding:10px 20px; cursor:pointer; font-size:18px;}
.wrapper_calc .nav_calc span.left{display:block; float:left; width:300px; font-size:16px; text-align:center;}
.wrapper_calc .nav_calc span.right{display:block; float:right; width:300px; font-size:16px; text-align:center;}

.wrapper_calc .nav_calc span.gray{background:#E29A9B; cursor: text;}
			




/****************/
/*    Подвал    */
/****************/
#footer {color:#393939; background:#faf2f2; text-align:left; padding-top: 30px; min-height: 200px;}
#footer .container{position:relative;}
#footer .container > div{/*float: none; display: inline-block; margin: 0 auto; vertical-align:top; text-align:left;*/}
#footer .container > div > div{padding:5px 15px;}
#footer .container h3{text-transform: uppercase; font-weight: bold; color:#393939; text-align:center;}
#footer .container p{font-size:16px;}
#footer .container ul{font-size:16px; margin-left: 10px; padding-left: 0;}
#footer .container ul li{/*list-style-type: none;*/ list-style-image: url(/images/tilda.png); margin-bottom: 10px;}
#footer .container ul li a{color:#8a8a8a; text-decoration:none;}
#footer .container ul li a:hover{color:#009dde; transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}

/*#footer .container .footer-uslugi > div{border-left:1px solid #808080; border-right:1px solid #808080;}*/
/*#footer .container .machine-footer {display: block; position: absolute; bottom: 0px; right: 10px;}
#footer .container .machine-footer img{width: 82%;}
*/


								/**********************/
								/* АДАПТИВНАЯ ВЕРСТКА */
								/**********************/
@media screen and (max-width: 1200px) {
	.description-baner-info{width:57%;}
	.our_power .item{width:25%;}
	
	.preimushestvo-main .item-uslugi-main > span {width:250px;}
	#top_menu_2 ul#menu.all_top_menu > li:hover ul{top: 68px;}
	.description-baner-info{margin-left:0px;}
	.baner-info_two .inf_sl_forma{width:400px;}
	.baner-info_two .description-baner-info{width: 50%;}
	#footer .container > div{width:30%;}
	#footer .container > div.logo_footer img{width:100%;}
	
	
	
	
	.top_phone{font-size:28px;}
	
	#top_menu_2 ul#menu.all_top_menu li a{font-size:14px;}
	#top_menu_2 ul#menu.all_top_menu li ul{margin-top: -10px;}
	
	.shaga-4-img > div{width:170px;}
	.shaga-4-img > div img{width:150px;}
	
	.fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:150px;}
	
	.fon-full-text-main .full-text-main .item{width:450px;}
	.fon-full-text-main .full-text-main .item h2{margin-top:0px;}
	.fon-full-text-main .full-text-main .item:first-child{margin-right: 10px;}
	.fon-full-text-main .full-text-main .item:last-child{margin-left: 10px;}
	
	.zachem-skvajina > div.item-gorizont{margin:20px 0px;}
	.zachem-skvajina{text-align:center;}
	
	.zachem-skvajina > div.item-vertical{width:430px; margin:15px;}
	.zachem-skvajina > div.item-vertical img{width:100%;}
	
	.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{margin: 0px 5px;}
	.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li img{margin:0px;}
	
	.stoimost-rabot .item{width:220px;}
	.stoimost-rabot .item p.gray{font-size:13px;}
	.stoimost-rabot .item a{width:100%;}
	
	.glubina-vody-v-podmoskovie .item{width: 90%;}
	.glubina-vody-v-podmoskovie .item table tr:hover{background: rgba(63, 193, 222, 0.32);}
	.glubina-vody-v-podmoskovie .item table tr td{padding:10px;}
	
	.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div{width:180px; padding: 0px 10px 10px 10px;}
	.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div img{width: 110px;}
	
	
	/*#footer .container > div{width:300px;}*/
	
	
	
	.stoimost-rabot .center.include-price > div{width:200px;}
	
	.start .item{width:400px;}
	
	.etap-bur .item{width:300px; min-height:330px;}
	
	.gallery-landing-bur-artez #slider #myCarousel .carousel-inner .item > div{width:200px;}
	
	/* Модальное окно расчета стоимости MAXI */
	#call_back_modal_form_maxi{top: 40% !important; left: 35%;}
	/****************/
	
	
	.category-list .cat-items{text-align:center;}
	.category-list .cat-items .category_articles .item_article{width: 280px; margin: 10px;}
	
}

@media screen and (max-width: 1000px) {

	#call_back_modal_form_maxi{left:28%;}

	/*.logo{float:left; padding-left:0px;}
	.logo img{width:100px;}*/
	
	/*.center-header{float:left; width:350px; padding-left:0px;}
	.center-header .krug img{width:80px; margin:0px 5px;}*/
	
	/*.header-right{float:right; width:250px; padding-left:0px;}
	.header-right .top_phone{font-size:25px; margin-top: 15px;}
	.header-right span{    margin: 3px 0px 10px 0px;}
	.header-right a.call_back_modal{width:220px; font-size:14px;}
	.header-right a.call_back_modal img {margin-right: 5px;}*/
	
	#top_menu_2{padding:0px;}
	#top_menu_2 ul#menu.all_top_menu {min-height:60px;}
	#top_menu_2 ul#menu.all_top_menu li a{padding: 10px; min-height:40px;}
	.top_menu_2 #top_menu_2.navbar{min-height: auto;}
	#top_menu_2 ul#menu.all_top_menu > li:hover ul{top: 52px;}
	#footer .container > div.logo_footer {text-align:center;}
	#footer .container > div.logo_footer img{width:40%;}
	
	
	.baner-info .container .girl-baner-info {text-align: left; width: 250px;}
	.baner-info .container .girl-baner-info img{width: 100%;}
	
	.fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block > div{display:block; width:100%; margin:0px;}
	.fon-vodosnabjenie-main .vodosnabjenie-main .wrapper_block > div.text-video-main{display:block; width:100%; min-height: auto; margin-top: 20px;}
	.fon-vodosnabjenie-main .vodosnabjenie-main .preimuchestva-img img{width:150px;}
	
	.shaga-4-img > div{width:150px;}
	.shaga-4-img > div img{width:130px;}
	
	.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{font-size:14px;}
	
	.fon-our-works-main div.item .item-wrapper-user-our-works .item-info-user-our-works{width:100%;}
	.fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:250px;}
	
	.fon-full-text-main .full-text-main .item{width:100%;}
	
	.zachem-skvajina > div.item-vertical{width:100%; height:auto; min-height:auto; margin:10px 0px;}
	
	.start{text-align:left; text-align-last: left;}
	.start .item{display:block; width:100%; margin:10px 0px; min-height:auto;}
	.start .item.item-other{padding:20px;}
	
	.etap-bur{text-align:left; text-align-last: center;}
	.etap-bur .item{display:block; float:left; width: 200px; margin:10px; padding:10px; min-height:330px;}
	.etap-bur .item img{width: 100%;}
	
	.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div{width:130px;}
	
	.category-list .cat-items .category_articles .item_article {width: 320px; margin: 10px; display: block; float: left;}
	.category-list .cat-items .category_articles {padding:15px;}
	
	#footer .container > div {display:block; width:100%; margin:10px 0px 20px 0px;}
	#footer .container .machine-footer{width:220px;}
	#footer h3{margin:10px 0px;}
	
}

@media screen and (max-width: 991px) {
	.kontacti-fon .container > div {margin-bottom:20px;}
	.kontacti-fon h4{margin-bottom:10px;}
	
	.our_power .item{width:30%;}
	.logo{float:left; width:50%;}
	#top_menu_2 ul.top-menu-2 > li:hover ul{top:82px;}
	.description-baner-info{width:52%;}
	.baner-info .inf_sl_forma {width: 330px; margin-right:0px;}
	.baner-info .description-baner-info h2{line-height: 40px; font-size: 25px;}
	.baner-info .description-baner-info ol li{font-size: 18px; line-height: 20px; font-weight: bold;}
	.uslugi-main .item-uslugi-main > a{width:250px;}
	.preimushestvo-main .item-uslugi-main > span{width:200px;}
	
	.questions-main .item_question img{display:none;}
	
	.baner-info_two .description-baner-info{float:none; clear:both; text-align:center; width:100%;}
	.baner-info_two h2{margin-bottom:30px;}
	.baner-info_two .description-baner-info p{width:100%; max-width: 100%; font-size:22px;}
	.baner-info_two .inf_sl_forma{float:none; clear:both; margin:20px auto;}
}

@media screen and (max-width: 990px) {
	.wrapper_calc .ul_list_number li span.li_list_number_text {font-size:13px;}
	.wrapper_calc .body_calc #shag1 > div label::before {left: 20px;}
	.wrapper_calc .body_calc #shag1 > div span {margin-left: 70px;}
	.wrapper_calc .body_calc #shag2{text-align:left;}
	.wrapper_calc .body_calc #shag2 > ul {display:block; float:left;}
	.wrapper_calc .body_calc #shag2 > ul li {display:inline-block;}
	
	.wrapper_calc .body_calc #shag3 > div {margin: 20px 30px;}
	
	.wrapper_calc .body_calc #shag5 > div .info_raschet .img {display:none;}
	.wrapper_calc .body_calc #shag5 > div .info_raschet {width: 54%;}
	.wrapper_calc .body_calc #shag5 > div .forma_rachet{width: 45%;}
	.wrapper_calc .body_calc #shag5 > div h2{font-size:28px;}
	.wrapper_calc .body_calc #shag5 > div h3{font-size:26px;}
	.wrapper_calc .body_calc #shag5 > div .info_raschet p {font-size:16px;}
}



@media screen and (max-width: 800px) {
	#call_back_modal_form_maxi{left:24%;}
}



@media screen and (max-width: 767px) {
	#header{height:auto;}
	.logo {float: none; width: 50%; margin: 10px auto;}
	.logo img{width:100%;}
	.center-header{width:70%;}
	.header-right{float: none; width: 100%; margin: 0px; clear: both; text-align: center; margin-bottom:40px;}
	
	.baner-info .description-baner-info.color_white {float:none; clear:both; width:100%;}
	.baner-info .description-baner-info ol li{font-size: 24px; line-height: 20px;}
	.baner-info .description-baner-info h2{font-size:30px; text-align:center;}
	.baner-info .inf_sl_forma{float:none; clear:both; margin:30px auto; width: 350px;}
	
	
	
	
	
	.top_menu {height:auto;}
	.top_menu ul.nav.menu.navbar-nav{text-align:left;}
	.top_menu ul.nav.menu.navbar-nav li{display:block;}
	.top_menu ul.nav.menu.navbar-nav li:last-child a{border:none;}
	.top_menu ul.nav.menu.navbar-nav li a{min-height:50px;}
	
	.top_menu_2 {display:block; background-color: #f6f6f6; border: 1px solid #c0c0c0;}
	#top_menu_2 .menu-top-main{text-align:left;}
	#top_menu_2 ul.top-menu-2 {display: block; margin: 0px; padding: 0px; width: 100%; border-collapse: collapse;}
	#top_menu_2 ul.top-menu-2 li{display: block; margin-left: 0px; /*border: 1px solid #e3e3e3;*/ border-collapse: collapse;}
	#top_menu_2 ul.top-menu-2 li:hover{border: none;}
	#top_menu_2 ul.top-menu-2 li a{display: block; min-height: 50px;}
	#top_menu_2 ul.top-menu-2 li:first-child{border: none;}
	#top_menu_2 ul.top-menu-2 li:last-child{border: none;}
	#top_menu_2 ul.top-menu-2 li ul{display: block; background: #868686; padding: 10px 30px; text-align: left; width: 100%; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 4px 6px; box-shadow: rgba(0,0,0,0.2) 0px 4px 6px; margin: 0px;}
	#top_menu_2 ul.top-menu-2 li ul li{display: block; margin: 0px; border: none;}
	#top_menu_2 ul.top-menu-2 li ul li a{display: block; padding: 5px 10px; color: #fff !important; background-color: #868686 !important; min-height: 30px;}
	#top_menu_2 ul.top-menu-2 > li:hover ul{display:block !important; position:inherit; top:0px; width:100%; z-index:100;}
	
	#contentarea{margin-top:-35px;}
	
	.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li img{margin:0px 10px;}
	
	#modul_fix_links_off{display:none;}
	#modul_fix_links {display:none;}
}

@media screen and (max-width: 750px) {
	.wrapper_calc .body_calc #shag5 > div .info_raschet {display:block; width:100%;}
	.wrapper_calc .body_calc #shag5 > div .forma_rachet {display:block; width: 100%; margin: 0 auto; border: none;}
	.wrapper_calc .body_calc #shag5 > div .forma_rachet h2{margin-top:0px;}
	.wrapper_calc .body_calc #shag5 > div .forma_rachet h3{margin-bottom:0px;}
	.wrapper_calc .body_calc #shag5 > div .forma_rachet p{width: 60%; margin: 10px auto;}
}



@media screen and (max-width: 735px) {
	
	#call_back_modal_form_maxi{left:30%; width: 500px;}
	#wrapper-call-back-maxi #wrapper_info_img{width: 90px; position: absolute; float: right; margin-right: 0px;}
	#wrapper-call-back-maxi .wrapper_input{margin-right:0px;}
	#wrapper-call-back-maxi button.zakaz-call-back{margin:0px;}
	
	
	.etap-bur{text-align:center;}
	.etap-bur .item{display: inline-block; float: none; width:220px;}
	
	.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div{width:100px; padding:0px;}
	.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div img{width: 70px; margin-top: -15px;}
	
	.category-list .cat-items .category_articles .item_article{width: 80%; display: block; float: none; margin: 10px auto;}
	
	.fon-gallary-slider-mini{margin-bottom:20px;}
	
	.stoimost-skvajiny .inf_sl_forma{margin-bottom: 250px;}
	
	.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul {text-align:left;}
	.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{display: block; width: 100%; text-align: left; padding-left: 13%; margin: 10px 0px;}
	
}

@media screen and (max-width: 720px) {
	.wrapper_calc .ul_list_number li span.li_list_number{display: block; float:none; width:100%;}
	.wrapper_calc .ul_list_number li span.li_list_number_text{display: block; float:none; width:100%; text-align:center;}
	
	.wrapper_calc .body_calc #shag1 > div span{width: 50%; font-size: 16px;}
	
	.wrapper_calc .body_calc #shag3 > div{margin: 20px;}
	.wrapper_calc .body_calc #shag3 > div label{font-size:14px; min-height: 220px;}
	
	.wrapper_calc .nav_calc span.right{width:220px;}
	.wrapper_calc .nav_calc span.left{width:220px;}
}




@media screen and (max-width: 700px) {
	.our_power .item{width:40%;}
	#footer .container > div.logo_footer img {width:50%;}
}

@media screen and (max-width: 640px) {
	/*.header-right{margin: 190px 0px 80px 0px;}*/
	
	/*.baner-info .container .girl-baner-info{display:none;}*/
	
	.gallary-slider-mini #slider-mini #myCarousel-mini .carousel-inner .item > div{width:150px; margin-bottom:20px;}
	.fon-gallary-slider-mini{margin-bottom:50px;}
	
	.fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:200px;}

}

@media screen and (max-width: 600px) {
	.our_power .item{width:70%;}
	.wrapper_calc .body_calc #shag3 > div {width:25%; margin:10px;}
	#footer .container > div.logo_footer img {width:60%;}
}

@media screen and (max-width: 550px) {
	
	#call_back_modal_form_maxi{left:38%; width: 400px;}
	#wrapper-call-back-maxi #wrapper_info_img{display:none;}
	#wrapper-call-back-maxi .wrapper_input{float:none;}
	#wrapper-call-back-maxi .wrapper_input > div{text-align:center !important;}
	#wrapper-call-back-maxi button.zakaz-call-back{margin:0px;}
	#wrapper-call-back-maxi p.gray{font-size:10px;}
	
	
	.baner-info{min-height:auto;}
	.category-list .cat-items .category_articles .item_article{width: 100%; margin: 20px auto;}
	.fon-gallary-slider-mini{display:none;}
	.fon-gallary-landing-artez{display:none;}
	
	.inf_sl_forma{width:350px;}
	
	.glubina-vody-v-podmoskovie .item{display:block; padding:20px; width:100%;}
	.glubina-vody-v-podmoskovie .item table{width:100%;}
	
	.etap-bur .item{width:200px;}
	
	.stoimost-skvajiny .inf_sl_forma{width:350px;}
	
	.wrapper_calc .body_calc #shag5 > div .forma_rachet p{width: 90%;}
	
	#footer .container .machine-footer{width:150px;}
}

@media screen and (max-width: 520px) {
	.stoimost-rabot .item{display:block; margin:10px 0px; margin: 10px auto; width: 70%;}
}


@media screen and (max-width: 500px) {
	.our_power .item{width:80%;}
	#footer .container > div.logo_footer img {width:70%;}
	.logo{float:none; width:100%;}
	.center-header{float:none; width:100%;}
	.header-right{float:none; width:100%; margin:20px 0px 70px 0px;}
	
	.baner-info h1{text-align:center; margin-right:0px;}
	.baner-info .inf_sl_forma{float:none; margin:0 auto; width:100%; margin-bottom:50px;}
	.baner-info_two .inf_sl_forma{width:100%;}
	
	.uslugi-main .item-uslugi-main > a{width:60%;}
	.uslugi-main .item-uslugi-main > a i{font-size:18px;}
	
	.fon-our-works-main div.item{display:block; width:100%;}
	.fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:180px;}
	
	.etap-bur .item{width:60%; min-height:auto;}
	
	.wrapper_calc .body_calc #shag1 > div.left_div {display: block; padding: 20px; float: none; width: 100%;}
	.wrapper_calc .body_calc #shag1 > div label img{width:40%;}
	.wrapper_calc .body_calc #shag1 > div.right_div{display: block; padding: 20px; float: none; width: 100%;}
	
	.wrapper_calc .body_calc #shag1 > div span {width:70%;}
	
	.wrapper_calc .body_calc #shag3 > div{width: 90%;}
	.wrapper_calc .body_calc #shag3 > div label {display:block; font-size: 18px;}
	.wrapper_calc .body_calc #shag3 > div img {width:40%;}
	
	.wrapper_calc .nav_calc span.left{width:150px;}
	.wrapper_calc .nav_calc span.right{width:150px;}
	
	
}

@media screen and (max-width: 455px) {
	
	#call_back_modal_form_maxi {left: 50%; width: 300px; top: 30% !important;}
	#wrapper-call-back-maxi p{font-size:13px;}
	#wrapper-call-back-maxi p.p-zag{font-size:18px;}
	#wrapper-call-back-maxi p.input_p input{width:150px;}
	
	.fon-our-works-main .item-wrapper-gallery-our-works .item-img-gallery-our-works a{width:90%; margin:0px 0px 10px 0px;}
	
	.etap-bur .item{width:75%;}
	
	.glubina-vody-v-podmoskovie .item{padding:5px;}
	
	.stoimost-skvajiny .inf_sl_forma{width:100%; max-width:350px; margin-bottom: 280px;}
	.fon-stoimost-skvajiny-main .fon-niz-stooimost-skvajiny-main ul li{padding-left:0px;}
	
	.preimushestva-bur-izvestnyak{margin:10px 0px;}
	
	h2 {font-size:25px;}
}

@media screen and (max-width: 430px) {
	.wrapper_calc .ul_list_number li > div {height:132px;}
	.wrapper_calc .body_calc #shag5 > div .forma_rachet p{width: 100%;}

	
}

@media screen and (max-width: 420px) {
	.our_power .item{width:90%;}
	.wrapper_calc {display:none;}
	#footer .container > div.logo_footer img {width:80%;}
}



@media screen and (max-width: 350px) {
	#footer .container > div.logo_footer img {width:100%;}
	.fon-category-articles-header h1{width:90%; font-size:30px;}
	
	.uslugi-main .item-uslugi-main > a{width:70%;}
	.stoimost-rabot .item{width:90%;}
	.etap-bur .item{width:85%;}
	
	.glubina-vody-v-podmoskovie .item{margin:10px 0px; padding:2px;}
	.glubina-vody-v-podmoskovie .item table tr td{padding:5px;}
	
	.category-list .category-desc{margin:20px 0px;}
	.category-list .cat-items .category_articles{padding:10px;}
	
	#footer .container .machine-footer{width:120px;}

}/* ЯНДЕКС КАРТА */
#map {
	float: left;
	width: 100%;
	height: 550px;
}
.ballon {
	background-color: #0f5194;
	padding:10px;
	width: 270px;
	height: 95px;
	float: left;
	text-align: left;
	color: #fff;
	position: absolute;
	border-radius: 5px;
}
.ballon img.ll {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 5px 5px 0;
	border-radius: 25px;
}
.ballon span {
	font-size: 14px;
	font-weight: bold;
}
.ballon p {
	font-size: 14px;
}
.ballon .close {
	position: absolute;
	float: left;
	font-size: 15px;
	font-weight: bold;
	top: 0;
	right: 0px;
	cursor: pointer;
	margin: 3px;
}
.ballon .close:hover {
	color: #ccc;
}
.text1 img {magin: 2px 10px 10px 2px;}
.pricel{color: #fff; font-size: 20px; text-align: center; font-style: italic;}

.green-block {
    height: 100%;
    border: 2px dashed #3cb868;
    border-radius: 10px;
    padding: 10px;
}

.red-block {
    height: 100%;
    border: 2px dashed #ed001f;
    border-radius: 10px;
    padding: 10px;
}
.cont-img{
    width: 99%;
    border-radius: 10px;
	margin-bottom: 15px;
}

.documentation{
  display: flex;
}
.documentation img{
  max-width: 500px;
  width: 100%;
}
.documentation-title{
  text-transform: uppercase;
  color: #363636;
  font-size: 35px;
  text-align: center;
      margin: 70px 0;
}
.documentation > div{
  padding: 40px;
  background: #faf2f2;
}
.documentation > div{
  margin-right: 30px;
}
.documentation > div:last-childe{
  margin-right: 0;
}
.documentation-wrapper{
  border-bottom: 1px solid #faf2f2;
      padding-bottom: 50px;

}
@media all and (max-width: 992px) {
  .documentation > div:first-child{
    margin-right: 30px;
  }
}
@media all and (max-width: 768px) {
  .documentation{
        flex-direction: column;
  }
  .documentation > div{
    display: flex;
    justify-content: center;
    padding: 20px;
  }
  .documentation > div:first-child{
    margin-right: 0;
    margin-bottom: 30px;
  }
  
}