@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-regular.ttf'),
         url('../fonts/roboto-regular.woff2') format('woff2'),
         url('../fonts/roboto-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.clearfix::after{
    clear: both;
    display: table;
    content: '';
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold.ttf'),
         url('../fonts/roboto-bold.woff') format('woff');
}

@font-face {
    font-family: 'bitter_bold';
    src: url('../fonts/bitter_bold.otf.html'),
         url('../fonts/bitter-bold.woff') format('woff');
}


@font-face {
    font-family: 'bitter';
    src: url('../fonts/Bitter.ttf'),
         url('../fonts/bitter.woff') format('woff');
}

@font-face {
    font-family: 'roboto-medium';
    src: url('../fonts/roboto-medium.ttf'),
         url('../fonts/roboto-medium.woff') format('woff');
}

@font-face {
    font-family: 'bitter-italic';
    src: url('../fonts/bitter-italic.ttf'),
         url('../fonts/bitter-italic.woff') format('woff');
}

@font-face {
    font-family: 'bitter-bolditalic';
    src: url('../fonts/bitter-bold-italic.ttf'),
         url('../fonts/bitter-bold-italic.woff') format('woff');
}

@font-face {
    font-family: 'roboto-italic';
    src: url('../fonts/roboto-italic.ttf'),
         url('../fonts/roboto-italic.woff') format('woff');
}

*{
    margin: 0;
    padding:0;
    outline: none;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    outline: none;
}

body{
    width:100%;
    /*min-width:1100px;*/
    min-width: 1250px;
    position: relative;
}
/*** Стили относящиеся к модальному окну и содержанию ***/
.popup2 h1,
.popup2 h2,
.popup2 h3 {
color: #008000;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font-weight: normal;
}
.popup2 h1 { /* заголовок 1 */
font-size:24px;
}
.popup2 h2 { /* заголовок 2 */
font-size: 1.5em;
}
.popup2 h3 { /* заголовок 3 */
font-size: 1.2em;
}
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}

/* стили модального окна */
.popup2 {
top: 0;
right: 0;
left: 50%;
font-size: 14px;
font-family: 'Tahoma', Arial, sans-serif;
z-index: 10000;
margin: 0 auto;
width: 100%;
min-width: 320px;
max-width: 820px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
/* внешняя тень */
-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-o-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
/* трансформация */
-webkit-transform: translate(-50%, -150%);
-ms-transform: translate(-50%, -150%);
-o-transform: translate(-50%, -150%);
transform: translate(-50%, -150%);
/* анимируем трансформацию */
-webkit-transition: transform 0.6s ease-out;
-moz-transition: transform 0.6s ease-out;
-ms-transition: transform 0.6s ease-out;
-o-transition: transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}
/* активируем мод. окно */
.overlay:target+.popup2 {
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* формируем кнопку закрытия */
.close {
position: absolute;
padding: 0;
top: -10px;
right: -10px;
width: 22px;
height: 22px;
border: 2px solid #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 20px;
-webkit-transition: background-color ease .7s;
-moz-transition:  background-color ease .7s;
-ms-transition:  background-color ease .7s;
-o-transition:  background-color ease .7s;
transition: background-color ease .7s;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: '\2715';
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
 
}

.close:hover {
background-color: rgba(252, 20, 0, 0.8);
}
.popup2 p {
margin: 0;
padding: 10px;
}
/* планшет */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.popup2 {
		width: 95%;
	}
}
/* смарт */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.popup2 {
		width:85%;
	}
}
/* изображения внутри окна */
.popup2 img {
display: block;
border: none;
width: 100%;
height: auto;
}
/* миниатюры слева/справа */
.pic-left, 
.pic-right {
    width: 25%;
    height: auto;
}
.pic-left {
    float: left;
    margin: 5px 15px 5px 0;
}
.pic-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* встроенные элементы м-медиа, фреймы */
/* адаптивный блок видео */
.video { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow:hidden; 
} 
.video iframe, 
.video object, 
.video embed {
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 100%; 
}
.clearfix {
    content: "";
    clear: both;
}

ul li{
    list-style: none;
}

.numlist li{
	display: list-item;
	list-style: square outside;
	margin-left: 18px;
}

a,  i, button{
    text-decoration: none;
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    -ms-transition: all 120ms ease-in-out;
    -o-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img{
    border: none;
}

.wrap{
    width:100%;
    min-height:100%;
    position:relative;
    overflow-x: hidden;
}

.wrap-background-home {
    width:100%;
    background: url(../img/background-wrap1.png) no-repeat;
    background-size: cover;
    background-position: center center;
}

.background-slider{
    width:100%;
    height:550px;
    position: relative;
    top: -150px;
}

.wrap-background-2{
    width:100%;
    height: 780px;
}


.slider-element {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.background-slider.uslugi{
    top: 10px;
    height: 770px;
}
.background-slider.uslugi .slider-element{
    background-size: contain;
    top: 10px;
    background-position: center bottom 0px;
}

.wrap-inside-page{
    width:100%;
    background: url(../img/background-main.jpg);
    min-height:100%;
    position:relative;
    color: #1d1d1d;
    font-family: 'robotoregular';
}

header{
    width:100%;
    height: 8em;
    background-image: url(../img/background-header-pattern.jpg);
    /*font-family: 'robotoregular';*/
    font-family: 'robotoregular';
}

header span, header a{
    color:#1d1d1d;
}

.top-navigation{
    position: relative;
}

.container {
    margin: 0 auto;
    width:990px;
}
.container-mi {
    margin: 0 auto;
    width:990px;
}

.logo{
    width: 176px;
    float: left;
}

.logo img{
    margin-top: 17px;
}

.home{
    background: url(../img/home-icons.png) no-repeat;
    background: url(../img/home-icons.png) no-repeat;
    width:16px;
    height:16px;
}

.message{
    background: url(../img/mail-icons.png) no-repeat;
    width:16px;
    height:16px;
    right: 3px;
    top: 6px;
}

.icons-links{
    width: 50px;
    height:16px;
    position: relative;
    top: 5px;
}

.icons-links i{
    display: inline-block;
    position: absolute;
}

.icons-links i.message:hover,
.icons-links i.message:active{
    background: url(../img/message-hover.png) no-repeat;
}

.icons-links i.home:hover,
.icons-links i.home:active{
    background: url(../img/home-hover.png) no-repeat;
}

header nav{
    margin: 0 auto;
    width: 460px;
    padding-top:40px;
    padding-right: 65px;
}

header nav ul li{
    display: inline-block;
    /*padding-right: 25px;*/
}

header nav ul li:nth-child(1){
    width: 19.4%;
}
header nav ul li:nth-child(2){
    width: 29.4%;
}
header nav ul li:nth-child(3){
    width: 19.2%;
}
header nav ul li:nth-child(4){
    width: 16.2%;
}

header nav ul li a {
    text-transform: uppercase;
    font-size: 14px;
}

header nav ul li:last-child{
    padding-right: 0px;
}

header nav ul:last-child{
    padding-top: 10px;
}

header nav ul li a:hover{
    color:#876e27;
    text-decoration: underline;
}

header .contacts{
    position: absolute;
    right: 0;
    top: 25px;
    text-align: right;
}

.contacts span:first-child{
    font-size: 14px;
}

.contacts span{
    display: block;
    font-family: 'robotobold';
    text-transform: uppercase;
    font-size: 21px;
    line-height: 23px;
}

.icon_vf {height:20px;background:url(../img/vodafone-logo.png) no-repeat}
.icon_ks {height:20px;background:url(../img/kyivstar-logo.png) no-repeat}
.icon_lc {height:20px;background:url(../img/lifecell-logo.png) no-repeat}

.contacts a.phone{
    display: block;
	padding-left:35px;
    font-family: 'robotobold';
    text-transform: uppercase;
    font-size: 21px;
    line-height: 20px;
    background: none;
}

.contacts i{
    width: 14px;
    height:14px;
    display: inline-block;
    position: relative;
    left: -7px;
    top: 3px;
}

.contacts a{
    background: url(../img/background-line.png) repeat-x bottom;
    font-size: 14px;
}
.contacts a:hover{
    color: #dd563f;
    background: url(../img/background-line-red.png) repeat-x bottom;
}

.contacts .i-links div{
    display: inline-block;
    margin-left: 19px;
}

.contacts .i-links i.icon-1{
    background: url(../img/mobile-phone.png) no-repeat;
}
.contacts .i-links i.icon-2{
    background: url(../img/questions.png) no-repeat;
}


section.slider{
    width:100%;
    height: 930px;
}

.wrap-background-2 h1, .wrap-background-2 h4 {
    font-family: 'bitter_bold';
    width: 850px;
    margin: 40px auto;
    text-align: center;
    font-size: 26px;
}

.button-calculator{
    text-align: center;
}

footer{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:170px;
    font-family: 'robotoregular';
}

.footer-wrap{
    height:170px;
    position: relative;
}
.right-block-footer{
    height:170px;
    width:50%;
    background-image: url(../img/background-header-pattern.jpg);
    position: absolute;
    left: 0;
}
.right-block-mi{
    background-color:#fec311;
}

.left-block-footer{
    height:170px;
    width:50%;
    position: absolute;
    right: 0;
    background-image: url(../img/background-footer-left.jpg);
}

.footer-navigation-right{
    float: right;
    height: 100%;
    width: 496px;
    padding: 20px 30px 10px 0;
}

.footer-navigation-left{
    float: left;
    height: 100%;
    width: 496px;
    padding: 20px 20px 20px 30px;
}

.footer-navigation-left a.seofactory{
    display: block;
    position: relative;
    /*top: 50px;*/
    /*right: -95px;*/
    text-align: right;
}

.footer-navigation-left a.seofactory.clearfix:before{
    content: '';
    display: table;
    clear: both;
}

.footer-navigation-left a.seofactory img{
    width: 120px;
}

footer a{
    color: #1d1d1d;
}

footer nav{
    float: right;
}

footer ul{
    display: inline-block;

}

footer nav ul:first-child{
    margin-right: 50px;
}

footer ul li {
    line-height: 27px;
}

footer  nav ul li a{
    text-transform: uppercase;
    font-size: 14px;
}

footer nav ul li a:hover{
    color:#876e27;
    text-decoration: underline;
}

span.copyright{
    display: block;
    clear: both;
    font-size: 12px;
    /*padding-top: 10px;*/
}

footer  span{
    display: block;
    font-size: 14px;
    line-height: 19px;
}

footer .footer-contacts span{
    text-align: right;
}

footer .address{
    float:left;
}

footer .address i{
    background: url(../img/map.png);
    width: 13px;
    height:15px;
    display: inline-block;
}


.address a{
    background: url(../img/background-line.png) repeat-x bottom;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
    font-family: 'robotobold';
}

.address a:hover{
    color: #dd563f;
    background: url(../img/background-line-red.png) repeat-x bottom;
}

.footer-contacts{
    float: right;
    display: inline-block;
    vertical-align: top;
    font-family: 'robotobold';
}

.footer-contacts a:hover{
    color: #dd563f;
}

.phone-i i{
    background: url(../img/mobile-phone.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.chat-i i{
    background: url(../img/questions.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 15px;
}

.helper-footer{
    width:100%;
    margin:0;
    margin-top: 50px;
    padding-bottom: 368px;
    height:170px;
    background: url(../img/footer-background-city.png) repeat-x;

    clear: both;
}

section.calculator{
    display:block;
    width:100%;
    height:500px;
    margin-bottom: 170px;
}

.right_block-calculator{
    width:50%;
    height:100%;
    background-image: url(../img/background-header-pattern.jpg);
    float: left;
    position: relative;
}

.left_block-calculator{
    width:50%;
    height:100%;
    background-image: url(../img/background-footer-left.jpg);
    float: right;
}

.block-calculator{
    background: url(../img/background-calculator-ipad2.png);
    width:495px;
    height:698px;
    position: absolute;
    top: -95px;
    right: 0;
}

.container-calculator{
    width: 380px;
    margin: 0 auto;
}

.container-calculator h1,
.container-calculator h2,
.container-calculator h4{
    text-align: center;
}


h1.white-h1, h4.white-h1{
    padding: 15px;
    width:100%;
    margin-top: 100px;
    background: #fff;
    font-size:24px;
    font-family: 'bitter';
    -webkit-box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
    box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
}

.block-calculator .count{
    width:100%;
    height:423px;
    background: #fff;
    margin-top: 13px;/*25*/
    -webkit-box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
    box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
}

.count{
    padding:20px 35px;
    color: #1d1d1d;
    position: relative;
}

.one-block-criteria h2 {
    font-family: 'roboto-medium';
    font-size: 16px;
    padding-bottom: 15px;
}
.one-block-criteria .topic{
    margin-top: 15px;
}

.one-block-criteria ul {
    display: inline-block;
    vertical-align: top;
}

.one-block-criteria ul  li{
    padding-bottom: 20px;
    padding-right: 16px;
    font-family: 'robotoregular';
    font-size: 14px;
}

.one-block-criteria ul:last-child  li{
    padding-right: 0px;
}

.one-block-criteria label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 14px;
}

.one-block-criteria input[type=radio] {
    display: none;
}

.one-block-criteria label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border:1px solid #959595;
    border-radius: 8px;
}

.one-block-criteria input[type=radio]:checked + label:before {
    background-color: #f4c839;
    background-image: url(../img/background-radio-checked.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

ul.asphalt{
    position: absolute;
    right: 0px;
}

select{
    margin-right: 5px;
    padding-left: 3px;
    width: 2.3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none!important;
    background: url(../img/arrow.png) no-repeat 80% 5px;
}

.one-block-criteria span {
    position: absolute;
    right: 40px;
    bottom: 229px;
}


.price{
    width:100%;
    height:40px;
}

.output-prices{
    width:50%;
    float: left;
    padding: 5px;
    border:1px dashed #f4c839;
    font-family: 'bitter';
    font-size: 24px;
    text-align: center;
}

.output-prices i{
    width:12px;
    height:17px;
    background: url(../img/money.png);
    display: inline-block;
}

.price button{
    width:50%;
    float:right;
    border:none;
    background: #f4c839;
    font-family: 'roboto-medium';
    font-size: 16px;
    padding:10px;
    cursor: pointer;
}

.price button:hover{
    border-bottom: none;
    background: #d9a603;
}

.left_block-calculator{
    padding: 100px 35px;
}

h1.main-h1, h4.main-h1{
    font-size:36px;
    font-family: 'bitter';
    margin-bottom: 20px;
    text-align: center;
}

.left_block-calculator h1, .left_block-calculator h4{
    text-align: left;
    font-size:36px;
    font-family: 'bitter';
    margin-bottom: 20px;
}

.left_block-calculator p{
    font-size: 16px;
    font-family: 'robotoregular';
    width: 24em;
    line-height: 28px;
}


section.table-value-sale_sand{
    width:100%;
    /*height:575px;*/
    font-family: 'bitter';
    margin-bottom: 95px;
    position: relative;
    z-index: 2;
}

section.table-value-sale_sand h1, section.table-value-sale_sand h4{
    text-align: center;
}

section.table-value-sale_sand table{
    width:100%;
    border: 1px solid #bab9b6;
    border-right:none;
    border-top:none;
    border-collapse: collapse;
}

section.table-value-sale_sand table td{
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #bab9b6;
    background: #ffffff;
    font-size: 14px;
    font-family: 'robotoregular';
    padding: 9px 15px;
    text-align: center;
}

section.table-value-sale_sand table th{
    padding: 10px;
    border-right: 1px solid #fff;
    background-image: url(../img/background-header-pattern.jpg);
}

section.table-value-sale_sand table td.first{
    background-image: url(../img/background-header-pattern.jpg);
    border-bottom: 1px solid #fff;
    border-color: #fff;
    font-family: 'bitter_bold';
}

section.table-value-sale_sand .name-sand{
    text-align: left;
}

section.table-value-sale_sand .order{
    background-image: url(../img/background-header-pattern.jpg);
    border: 1px solid #fff;
    font-family: 'roboto-medium';
}

.name-1 th{
    border-bottom: 1px solid #fff;
}

.name-1 th:last-child{
    border-right: none;
}

section.table-value-sale_sand tr td:last-child{
    border-right: none;
}
section.table-value-sale_sand tr td:nth-child(4){
    /*border-right: 1px solid #fff;*/
}

section.table-value-sale_sand table tr.hover:hover{
    cursor: pointer;
    /*border:2px solid #efc232;*/
    outline:2px solid #efc232;
}

section.table-value-sale_sand table tr.hover:hover td{
    /*padding:15px;**/
    border-width: 0px 0px 0 0;
    border-top:0px;
}

section.table-value-sale_sand table tr.hover:hover a{
    background: none;
    color:#ff0000;
}

section.table-value-sale_sand table tr.hover:hover .order {
    background-image: none;
    backgound-color:#ffffff;
}

section.table-value-sale_sand table a{
    display: block;
    background: url(../img/background-line.png) repeat-x bottom;
    width: 70px;
    margin: auto;
    color: #1d1d1d;
    font-size: 16px;
}

section.table-value-sale_sand2{
    width:100%;
    /*height:575px;*/
    font-family: 'bitter';
    margin-bottom: 95px;
    position: relative;
    z-index: 2;
}

section.table-value-sale_sand2 h1, section.table-value-sale_sand2 h4{
    text-align: center;
}

section.table-value-sale_sand2 table{
    width:100%;
    border: 1px solid #bab9b6;
    border-right:none;
    border-top:none;
    border-collapse: collapse;
}

section.table-value-sale_sand2 table td{
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #bab9b6;
    background: #ffffff;
    font-size: 14px;
    font-family: 'robotoregular';
    padding: 9px 15px;
    text-align: center;
}

section.table-value-sale_sand2 table th{
    padding: 10px;
    border-right: 1px solid #fff;
    background-image: url(../img/background-header-pattern.jpg);
}

section.table-value-sale_sand2 table td.first{
    background-image: url(../img/background-header-pattern.jpg);
    border-bottom: 1px solid #fff;
    border-color: #fff;
    font-family: 'bitter_bold';
}

section.table-value-sale_sand2 .name-sand{
    text-align: left;
}

section.table-value-sale_sand2 .order{
    background-image: url(../img/background-header-pattern.jpg);
    border: 1px solid #fff;
    font-family: 'roboto-medium';
}

.name-1 th{
    border-bottom: 1px solid #fff;
}

.name-1 th:last-child{
    border-right: none;
}

section.table-value-sale_sand2 tr td:last-child{
    border-right: none;
}
section.table-value-sale_sand2 tr td:nth-child(4){
    /*border-right: 1px solid #fff;*/
}

section.table-value-sale_sand2 table tr.hover:hover{
    cursor: pointer;
    /*border:2px solid #efc232;*/
    outline:2px solid #efc232;
}

section.table-value-sale_sand2 table tr.hover:hover td{
    /*padding:15px;**/
    border-width: 0px 0px 0 0;
    border-top:0px;
}

section.table-value-sale_sand2 table tr.hover:hover a{
    background: none;
    color:#ff0000;
}

section.table-value-sale_sand2 table tr.hover:hover .order {
    background-image: none;
    backgound-color:#ffffff;
}

section.table-value-sale_sand2 table a{
    display: block;
    background: url(../img/background-line.png) repeat-x bottom;
    width: 70px;
    margin: auto;
    color: #1d1d1d;
    font-size: 16px;
}


section.three-reasons{
    width: 100%;
    height:520px;
    background-image: url(../img/background-footer-left.jpg);
}

section.three-area{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
	font-family: 'bitter';
    width: 100%;
    background-image: url(../img/background-footer-left.jpg);
}

section.three-reasons h1, section.three-reasons h4{
    padding-top: 20px;
}

.reason-wrapper{
    margin-top: 60px;
}

section.three-reasons .reasons{
    width:279px;
    display: inline-block;
    margin-right: 68px;
    font-family: 'robotoregular';
    font-size:14px;
    vertical-align: top;
}

section.three-reasons .reasons-3{
    margin-right: 0px;
}

section.three-reasons .reasons i{
    width: 90px;
    height:85px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}


section.three-reasons .reasons p{
    line-height: 25px;
}

section.three-reasons blockquote{
    display: block;
    float: right;
    width: 322px;
    height:53px;
    background: url(../img/cite.png) no-repeat left;
    margin-top: 45px;
    font-size: 14px;
    font-family: 'bitter-italic';
    padding-top:7px;
}


section.species{
    height:990px;
}

section.species h1, section.species h4{
    text-align: left;
    padding-top: 70px;
    width:410px;
    margin-bottom: 35px;
}

section.species .species-block {
    width:50%;
    height:900px;
    display: inline-block;
    margin-right: 25px;
    font-size: 14px;
}

.species-block .kind{
    margin-bottom: 30px;
}

.species-block .kind img{
    float: left;
    margin: 0 15px 15px 0;
}


.species-block .kind  p:last-child{
    /*clear: both;*/
}

.species-block .kind.three-kind  p{
    clear: none;
}

.species-block .kind  p{
    font-family: 'robotoregular';
    line-height:25px;
    padding-top: 10px;
}

.species-block .kind  p span{
    font-family: 'robotobold';
    font-size: 18px;
}

.species-block .kind::after{
    content: '';
    width: 150px;
    height: 4px;
    background: #f4c839;
    display: block;
    margin-top: 30px;
}

.species-block .kind:last-child::after{
    display: none;
}

.order-request-wrap{
    float: right;
    position: relative;
}
.order-request{
    padding: 30px;
    width:440px;
   /* height: 486px;*/
    background-color:#fec311;
    position: relative;
    z-index: 2;
}

.order-request h1.white-h1, .order-request h4.white-h1 {
    text-align: center;
    margin-bottom: 15px;
    padding: 15px;
    width: 100%;
    margin-top: 0px;
    background: #fff;
    font-size: 24px;
    font-family: 'bitter';
    -webkit-box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
    box-shadow: 0px 1px 3px 0px rgba(117,59,21,1);
}

.order-request-contacts {
    text-align: center;
    font-family: 'robotobold';
}

.order-request-contacts a{
    color: #1d1d1d;
}

.order-request-contacts .phone-i{
    margin-right:0;
    display:block;
    margin-bottom:15px;
}
.order-request-contacts span:last-child{
    font-family: 'robotoregular';
    margin-top: 8px;
    display: block;
    line-height:28px;
}

.order-request form{
    width: 100%;
    /*height: 240px;*/
    background: #fff;
    padding:30px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(117,59,21,1);
    -moz-box-shadow:  0px 1px 1px 0px rgba(117,59,21,1);
    box-shadow: 0px 1px 1px 0px rgba(117,59,21,1);
    margin-top: 13px;
}
.field {
    clear:both;
    text-align:right;
    margin-bottom: 27px;
}


.order-request label {
    float:left;
    font-family: 'robotobold';
    margin-right: 10px;
    position: relative;
}

.order-request  .field:first-child label{
    top:10px;
}

.order-request .field:last-child label{
    top: 13px;
}
.order-request .field:last-child{
    margin-bottom: 30px;
}

.form-wrap{
    float: left;
}

.order-request form input, .order-request form textarea {
    width: 230px;
    padding: 10px;
    font-family: 'robotoregular';
    font-size: 16px;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    resize: none;
}


.order-request form button {
    display: block;
    border: none;
    border-bottom: 1px solid #735f20;
    background: #f4c839;
    font-family: 'roboto-medium';
    font-size: 16px;
    padding: 10px 20px;
    cursor: pointer;
    margin: auto;
}

.order-request form input:focus, .order-request form textarea:focus{
    border: 1px solid #f4c839;
}

.species blockquote{
    display: block;
    width: 465px;
    background: url(../img/cite-2.png) no-repeat left top;
    font-size: 18px;
    padding: 33px;
    font-family: 'bitter-italic';
    margin-top: 35px;
}

.ribbon {
    font-family: 'bitter-italic'!important;
    font-size: 24px !important;
    width: 180px!important; /*50%*/
    position: relative;
    background: #f4c737;
    color: #1d1d1d;
    text-align: center;
    padding:5px 10px;
    margin: 2em auto 3em;
    transform: rotate(-6deg);
    font-weight: normal;
}
p.ribbon-content{
    font-weight: normal;
}


.ribbon:before, .ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -14px;
    border: 20px solid #f4c737;
    z-index: -1;
}
.ribbon:before {
    left: -35px;
    border-right-width: 45px;
    border-left-color: transparent;
}
.ribbon:after {
    right: -35px;
    border-left-width: 45px;
    border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #ac8e30 transparent transparent transparent;
    bottom: -14px;
}
.ribbon .ribbon-content:before {
    left: 0;
    border-width: 15px 0 0 30px;
}
.ribbon .ribbon-content:after {
    right: 0;
    border-width: 15px 30px 0 0;
}
.non-semantic-protector {position: relative; z-index: 1;}



/*СТИЛИ ГАЛЕРЕИ*/

.gallery{
    width:100%;
}

.services-ob{
    padding: 80px 0 0 0;
    overflow: hidden;
    margin: 0 auto;
    width: 1193px;
    margin-top: -75px;
    height: 370px;
}

.services{
    padding: 0 0 55px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.services.clearfix a{
    display: inline-block;
}

.services .item{
    width: 190px;
    margin: 0 0 0 5px;
    padding: 20px 0 0;
    text-align: center;
    border: 7px solid transparent;
    border-bottom: none;
    position: relative;
    font-family: 'bitter_bold';
}

.services .item:before{
    background: url(../img/services-moore.png) center top no-repeat;
    width: 253px;
    height: 77px;
    margin: 0 0 0 -126.5px;
    content: '';
    display: none;
    position: absolute;
    top: -40px;
    left: 50%;
}

.services .item:after{
    background: url(../img/services-bottom.png) center top no-repeat;
    width: 192px;
    height: 55px;
    margin: 0 0 0 -96px;
    content: '';
    display: none;
    position: absolute;
    bottom: -55px;
    left: 50%;
}

.services .item-text{
    padding: 24px 0 0;
    position: relative;
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    -ms-transition: all 120ms ease-in-out;
    -o-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
    color: #1d1d1d;
}

.services .item-text:before{
    background: url(../img/services-bottom-before.png) center top no-repeat;
    width: 133px;
    height: 17px;
    margin: 0 0 0 -66.5px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
}

.services .item:hover{
    border-color: #fff;
    font-family: 'bitter-bolditalic';
}

.services .item:hover:before,
.services .item:hover:after{
    display: block;
}

.services .item:hover .item-text{
    padding-top: 0;
}

.services .item:hover .item-text:before{
    display: none;
}

.background-slider.mainpage .services .item:hover{
    border-color: #ffc51b;
    font-family: 'bitter-bolditalic';
}

.background-slider.mainpage .services .item:after{
    background: url(../img/services-bottom-mainpage.png) center top no-repeat;
}

/*CТИЛИ СТРАНИЦЫ О КОМПАНИИ*/
.wrap-about-us{
    background: url(../img/background-about-us.jpg) no-repeat  left -400px;
    width:100%;
    background-size: cover;
    min-height:100%;
    position:relative;
    color: #1d1d1d;
    font-family: 'robotoregular';
}

.bread_crumbs{
    color:#848383;
    font-size: 12px;
    margin: 25px 0 25px 0;
}
.bread_crumbs a {
    font-weight: bold;
    color: #1d1d1d;
}

.services-ob.main{
    padding: 50px 0 0 0;
    overflow: hidden;
    margin: 0 auto;
    width: 1033px;
    height: 330px;
}

.about-us{
    padding-bottom: 80px;
}

.about-us h1, .about-us h4{
    margin-bottom: 20px;
    text-align: center;
}

.about-us p{
    width: 600px;
    font-size: 14px;
    line-height: 25px;
}

section.about-us-description{
    padding-top: 100px;
}

.about-us-description p{
    width: 400px;
    font-size: 14px;
    line-height: 25px;
}

.about-us-description p::after{
    content: '';
    width: 150px;
    height: 4px;
    background: #f4c839;
    display: block;
    margin-top: 30px;
}

.background-tractor {
    width: 100%;
    height: 435px;
}

.background-tractor.backg-even{
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 100px;
}

.description-second p{
    float: right;
    margin-right: 90px;
}


/*СТИЛИ СТРАНИЦЫ С ОТЗЫВАМИ*/
.wrap-comments h1, .wrap-comments h4{
    margin-bottom: 20px;
}

.comments-container {
}

.info-block{
    float: left;
    width: 472px;
    height:259px;
    margin:0 40px 40px 0;
    vertical-align: top;
    background: url(../img/background-footer-left.jpg);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.info-block:nth-child(even){
    margin-right: 0px;
}

.information-window-block {
    height:100%;
    width:120px;
    float: left;
    margin-right: 10px;
}

.wrap-comments .information-window-block img{
    border-bottom:5px solid #f4c737;
}

.wrap-comments .information-window-block span{
    font-family: 'roboto-italic';
    padding-left:10px;
    display: block;
}

.wrap-comments .information-window-block span.name-withdraw{
    color:#1d1d1d;
    font-size: 14px;
    font-weight: bold;
}

.wrap-comments .information-window-block span:last-child{
    color:#838383;
    font-size: 12px;
}

.wrap-comments .info-block p{
    padding: 10px;
    font-size:14px;
}

.i-links{
    text-align: right;
    clear: both;
}

.i-links div {
    display: inline-block;
    margin-left: 19px;
}

.i-links div a {
    cursor: pointer;
    font-size: 14px;
    color: #1d1d1d;
    background: url(../img/background-line.png) repeat-x bottom;
}


.i-links div  i {
    background: none;

}

.i-links div  a:hover{
    color: #dd563f;
    background: url(../img/background-line-red.png) repeat-x bottom;
}

.i-links div i {
    color: #d84141;
}


.i-links div a.icon {
    display: inline-block;
    background:none;
    position: relative;
    right: 5px;
    top: 1px;
}

.comments-7, .comments-8{
    display: none;
}

.vis {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.add-block-comment{
    display: none;
}

/*НОВОСТИ*/
.wrap-news a{
    color: #1d1d1d;
}

.wrap-news .info-block{
    padding:30px 30px 30px 20px;
}
.wrap-news .info-block .information-window-block span{
    display: block;
}

.wrap-news .info-block .information-window-block span.number-news{
    font-size: 88px;
}

.wrap-news .information-window-block {
    width:95px;
}
.wrap-news .info-block .information-window-block span.number-news::after{
    content: '';
    width: 75px;
    height: 5px;
    background: #f4c839;
    display: block;
    margin: auto;
}

.wrap-news .info-block .information-window-block span.data-news{
    color:#838383;
    font-size: 12px;
    font-family: 'roboto-italic';
    text-align: center;
    padding-top: 15px;
}

.wrap-news .info-block .news-title{
    float: right;
    width:309px;
    position: relative;
    height:200px;
}

.wrap-news .info-block .news-title .news-img{
    height:155px;
    overflow: hidden;
}
.wrap-news .info-block .news-title .news-img p {
    position: absolute;
    bottom: 0;
    font-family: 'robotobold';
    font-size: 14px;
}

.wrap-news .info-block:hover{
    cursor: pointer;
    -webkit-box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.32);
    box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.32);
    background: url(../img/background-header-pattern.jpg);
}

.wrap-news .info-block:hover  span.number-news::after{
    background: #fff;
}

/*CТИЛИ СТРАНИЦЫ С КОНКРЕТНОЙ НОВОСТЬЮ*/

.block-news-inner{
    height:100%;
    width:100%;
    background: url(../img/background-footer-left.jpg);
}
.block-news-inner  h1, .block-news-inner  h4{
    font-family: 'bitter_bold';
    font-size: 46px;
    padding-bottom: 30px;
    padding-top: 25px;
}

.block-news-inner  p{
    font-family: 'robotoregular';
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 25px;
    margin-right: 150px;
}

.block-news-inner p:last-child{
    margin-bottom: 26px;
}

.block-news-inner  .image-news{
    float: right;
    margin: 15px 0 15px 16px;
}

.wrap-news .helper-footer{
    margin-top: 100px;
}

.block-news-inner a{
    text-decoration: underline;
    color: #3578f6;
}

.block-news-inner a:hover{
    text-decoration: underline;
    opacity: 0.8;
}

.block-news-inner ul {
    margin-left: 60px;
    /*margin-bottom: 40px;*/
    display: block;
}

.block-news-inner ul li{
    font-family: 'roboto-italic';
    font-size: 14px;
    list-style-image: url(../img/markers.png);
    margin-bottom: 10px;
    line-height: 24px;
    margin-top: 10px;
}

/*УСЛУГИ*/
section.attendance{
    width:100%;
    background: url(../img/background-footer-left.jpg);
    padding-bottom: 60px;
}

.three-service{
    display: block;
    height:350px;
    margin-bottom: 50px;
}

.block-service{
    width: 300px;
    float: left;
    height:350px;
    position: relative;
    margin-right: 44px;
}


.block-service img {
    display: block;
    position: absolute;
    bottom:40px;
}

.block-service a {
    display: block;
    position: absolute;
    bottom:0;
    text-decoration: underline;
    font-size:19px;
    font-family: 'bitter_bold';
    color: #1d1d1d;
    width: 205px;
    text-align: center;
    margin: 0 auto;
    left:50px;
}

.block-service a:hover {
    color: #dd563f;
}

.block-service:last-child{
    margin-right: 0;
}

.block-service img{
    right:0px;
}

.service-1 img{
    left:0px;
}

.description-services p{
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 40px;
}

section.attendance ul{
    margin-left: 60px;
    margin-bottom: 40px;
    display: block;
}

section.attendance ul li{
    font-family: 'roboto-italic';
    font-size: 14px;
    list-style-image: url(../img/markers.png);
    margin-bottom: 10px;
    line-height: 26px;
}

.description-services img{
    float: left;
    margin: 0 40px 40px 0;
}

.description-services ul.streamlined-ul{
    margin-left: 580px;
    margin-bottom: 0px;
}

.description-services p.streamlined{
    padding-top: 50px;
}

section.attendance .order-request-wrap {
    display: block;
    width: 440px;
    margin: auto;
    float: none;
}

/*СТРОИТЕЛЬНЫЕ РАБОТЫ*/
.wrap-services.specific .three-service {
    width: 50%;
    float: left;
}

.wrap-services.specific .service-main{
    width:45%;
    display: inline-block;
    vertical-align: top;
    margin-right: 80px;
}

.wrap-services.specific .service-main.marg_right{
    margin-right: 0px;
}

.marg_bottom-none{
    margin-bottom: 0px!important;
}

.wrap-services.specific .service-main:first-child{
    margin-right: 85px;
}

.wrap-services.specific .block-service{
    margin-left: 80px;
}

.service-container{
    height:350px;
}


/*СНОС ЗДАНИЙ*/
.wrap-services.demolition section.attendance{
    background: none;
}

.wrap-services.demolition  .description-services img {
    margin: 0 85px 40px 0;
}

.description-demolition h2{
    font-size: 19px;
    font-family: 'bitter_bold';
    margin-bottom: 30px;
}

.wrap-services.demolition section.attendance ul {
    margin-left: 510px;
}

.wrap-services.demolition section.attendance ul li {
    margin-bottom: 0px;
}

.our-dignity  ul {
    margin-left: 60px!important;
}

.our-dignity .description-demolition{
    width:50%;
    display: inline-block;
    margin-right: 20px;
}

section.attendance .our-dignity .order-request-wrap {
    display: inline-block;
    width: 440px;
}

.wrap-services.demolition .helper-footer {
    margin-top: 0px;
}

/*уТИЛИЗАЦИЯ ОТХОДОВ*/
.wrap-services.removal .block-service a {
    width: 215px;
}

.wrap-description-services{
    width:100%;
    height: 1068px;
    margin-bottom: 60px;
}

.wrap-services.removal .description-services{
    display: inline-block;
    width:325px;
    border-right: 4px solid #f4c737;
    padding: 0 20px 0 20px;
    vertical-align: top;
    height: 100%;
}

.wrap-services.removal .description-services.three{
    border-right: none;
}

.wrap-services.removal .block-service.service-2 a{
    bottom:-20px;
}

/*МАТЕРИАЛЫ*/
.materials-wrapp section.calculator{
    margin-top: 150px;
}

.wrap-price section.table-value-sale_sand{
    height:auto;
}
.wrap-price section.table-value-sale_sand2{
    height:auto;
}
.table-materials{
    position: relative;
}

.table-materials img{
    position: absolute;
    z-index: 1;
    left:-115px;
    top: -30px;
}

.table-materials section.table-value-sale_sand tr td:nth-child(4) {
    /*border-right: 1px solid #bab9b6;*/
}

.table-materials section.table-value-sale_sand tr td:nth-child(6) {
    border-right: 1px solid #fff;
}

.table-materials section.table-value-sale_sand td.first:nth-child(4) {
    border-right: 1px solid #fff;
}
.table-materials section.table-value-sale_sand2 tr td:nth-child(4) {
    /*border-right: 1px solid #bab9b6;*/
}

.table-materials section.table-value-sale_sand2 tr td:nth-child(6) {
    border-right: 1px solid #fff;
}

.table-materials section.table-value-sale_sand2 td.first:nth-child(4) {
    border-right: 1px solid #fff;
}
.table-width {
    font-size: 10px;
    padding: 0px!important;
    width:0px;
}

.table-materials section.table-value-sale_sand td.first:nth-child(5) {
    width: 185px;
}


.table-materials section.table-value-sale_sand table {
    font-size: 14px;
}
.table-materials section.table-value-sale_sand2 td.first:nth-child(5) {
    width: 185px;
}


.table-materials section.table-value-sale_sand2 table {
    font-size: 14px;
}

.materials-wrapp .our-dignity .description-demolition {
    width: 50%;
    display: inline-block;
    margin-right: 50px;
}

.materials-wrapp section.attendance {
    background: none;
}

.soil-types p, .materials-wrapp  p {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 40px;
}

.soil-types footer p,
.materials-wrapp footer p {
    margin-bottom:0;
}

.materials-wrapp  .order-request-wrap img{
    position: relative;
    left: 350px;
    top: -70px;

}

.soil-types .varieties{
    display: inline-block;
    margin-right: 90px;
    width: 400px;
    vertical-align: top;
}

.soil-types .varieties .varieties-image{
    height:307px;
}

.soil-types .varieties .varieties-image.image-1{
    background: url(../img/grunt-one.png) no-repeat center;
}

.soil-types .varieties .varieties-image.image-2{
    background: url(../img/grunt-second.png) no-repeat center 5px;
}

.soil-types .varieties h1, .soil-types .varieties h4{
    text-align: left;
}

.soil-types ul, .soil-types .varieties ul{
    margin-left: 60px;
    margin-bottom: 40px;
    display: block;
}

.soil-types ul li, .soil-types .varieties ul li{
    font-family: 'roboto-italic';
    font-size: 14px;
    list-style-image: url(../img/markers.png);
    margin-bottom: 10px;
    line-height: 26px;
}


/*КОНТАКТЫ*/
.contacts-wrapp{
    width:100%;
    height:890px;
}

.contacts-information{
    width:50%;
    height:890px;
    background: url(../img/background-footer-left.jpg);
    float: left;
}

.contacts-infoblocks{
    height:445px;
}

.form-popup{
background: url(../img/background-header-pattern.jpg);
    height:445px;
}

 .map_wrap {
     width: 50%;
     display: inline-block;
     vertical-align: top;
     position: relative;
     top: 0;
     z-index: 1;
     text-align: center;
}

 .form-popup .order-request-wrap{
     height:auto;
     float: right;
     padding-right: 57px;
 }

 .form-popup .order-request{
     height:auto;
 }

.form-popup .order-request .order-request-contacts{
    padding: 10px;
}

.information-icons{
    float: right;
    padding-top: 60px;
}

.block-info-1, .block-info-2{
    display: inline-block;
    padding: 0px 20px;
    vertical-align: top;
    height: 308px;
}

.information-icons .wrap-icon{
    display: inline-block;
    width: 165px;
}

.information-icons h2{
    font-family: 'bitter_bold';
    padding-bottom: 10px;
    font-size: 19px;
}

.information-icons   .wrap-icon{
    margin-bottom: 115px;
}

.information-icons .wrap-icon span {
    font-size: 14px;
}

.block-info-1{
    border-right: 4px solid #f4c737;
}

.wrap-icon{
    height: 115px;
}

.information-icons i{
    height: 55px;
    width: 47px;
    display: inline-block;
    background: url(../img/sprite-icons-contacts.png);
    vertical-align: top;
    transition: none;
}

.information-icons .phone-contacts i {
    background-position: -53px 0px;
}

.information-icons .email i {
    background-position: -152px -11px;
}

.information-icons  .clock i{
    background-position: -102px -7px;
}

.information-icons  .address i{
    background-position: -3px 0px;
}

/*ПРАЙС-ЛИСТ*/

.wrap-price div.tpl-block-list h1.main-h1, .wrap-price div.tpl-block-list h4.main-h1{
    text-align: left;
}

.wrap-price section.table-value-sale_sand {
    margin-bottom: 50px;
}
.wrap-price section.table-value-sale_sand2 {
    margin-bottom: 50px;
}

/*КНОПКИ КАЛЬКУЛЯТОРЫ В ПРАЙСЕ*/
.calculator-block-main{
    width:100%;
    height: 100px;
}

.calculator-button{
    background: #efc232;
    border-radius: 5px;
    font-family: 'bitter_bold';
    color: #000;
}

a .calculator-button:hover{
    background: #645011;
}
.calculator-button {
    padding: 5px 10px;
    display: block;
    box-shadow: 0px 2px 1px 0px #826a1f;
}

.calculator-btn i{
    width:37px;
    height:53px;
    display: inline-block;
    background: url(../img/calculator-btn.png);
}

.calculator-btn {
    width:195px;
    position: fixed;
    top:50%;
    right:10px;
    z-index: 11;
}

.calculator-button.button-1{
    text-align: center;
    width: 62px;
    float: right;
    margin-bottom: 15px;
}

.calculator-button.button-2{
    clear: both;
    text-align: right;
}
.calculator-button span{
    display: block;
    float: left;
    margin: 18px 0 0 11px;
}

/*CЛАЙДЕР В МАТЕРИАЛАХ*/
.materials-wrapp .left_block-calculator {
    padding: 35px
}

.materials-wrapp .left_block-calculator #slider-wrap{ /* Оболочка слайдера и кнопок */
    width: 425px;
}

.materials-wrapp #slider{ /* Оболочка слайдера */
    width:425px;
    height:257px;
    overflow: hidden;
    position:relative;
}

.materials-wrapp .slide{ /* Слайд */
    width:100%;
    height:100%;
}

.materials-wrapp .sli-links { /* Кнопки смены слайдов */
    margin-top:10px;
    text-align:center;
    display: none;
}
.materials-wrapp .sli-links .control-slide{
    margin:2px;
    display:inline-block;
    width:16px;
    height:16px;
    overflow:hidden;
    text-indent:-9999px;

}

.materials-wrapp .sli-links .control-slide:hover{
    cursor:pointer;
    background-position:center center;
}
.materials-wrapp .sli-links .control-slide.active{
    background-position:center top;
}


.materials-wrapp .slider-img{
    width: 425px;
    height:257px;
    overflow: hidden;
    margin-top: 3px;
}

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

.materials-wrapp .paginator-wrapp{
    text-align: right;
    margin-top: 15px;
}

.materials-wrapp .paginator-wrapp a{
    display: inline-block;
    color: #989898;
    text-align: center;
    width: 21px;
    height: 21px;
    border:2px solid #efc232;
    font-family: 'robotoregular';
    margin-left: 5px;
}

.materials-wrapp .paginator-wrapp a:active,
.materials-wrapp .paginator-wrapp a:hover {
    background: #efc232;
    cursor: pointer;
    color: #000000;
}

.materials-wrapp .paginator-item.active {
    background: #efc232;
    cursor: pointer;
    color: #000000;
}

.materials-wrapp .paginator-wrapp a:last-child{
    margin-right: 0px
}

.materials-wrapp .materials-wrapp .left_block-calculator {
    padding: 35px 0 0 35px;
}

.materials-wrapp .minimal{
    width:425px;
    padding: 15px 40px;
    border:3px solid #efc232;
    text-align: center;
    font-size: 20px;
}

.materials-wrapp .left_block-calculator p {
    margin-bottom: 10px;
}

/*ВСПЛЫВАЮЩЕЕ ОКНО*/
.popup_request, .popup_callback, .popup_question, .popup_sended {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 1000;
}

.popup-calculator, .popup-calck_sended {
    position: fixed;
    display: none;
    top: 27%;
    left: 60%;
    z-index: 1000;
}

.zones-inner_wrap ul li{
    position: relative;
}
.zones-inner_wrap ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    top: 13%;
    background: url(../img/markers.png);
    width: 20px;
    height: 20px;
}

.zones-inner_wrap ul{
    padding-left: 60px;
}

.wrap-inside-page.zone .table-materials section.table-value-sale_sand{
    margin-bottom: 40px;
}
.wrap-inside-page.zone .table-materials section.table-value-sale_sand2{
    margin-bottom: 40px;
}
.overlay {
    width:100%;
    height:120%;
    position:fixed;
    top:0;
    left:0;
    display:none;
    background:#000;
    opacity:.8;
    z-index: 999;
}

.fa-times {
    color: #fff;
    font-size: 18px;
}

div.close_popup, div.close_popup-calculator{
    position: absolute;
    right: 7px;
    top: 0px;
    font-family: 'robotoregular';
    color: #000;
    font-size: 15px;
}

div.close_popup:hover, div.close_popup-calculator:hover{
    cursor: pointer;
}
/*ваша заявка отправлена в header*/
.popup.drawn-up_header{
    left:15%;
}

.popup.drawn-up_header .order-request{
    height:375px;
}

.info-drawn-up{
    width: 100%;
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(117,59,21,1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(117,59,21,1);
    box-shadow: 0px 1px 1px 0px rgba(117,59,21,1);
    height: 315px;
    padding-top: 90px;
}

.info-drawn-up h2, .info-drawn-up h4{
    font-family: 'bitter';
    font-size: 24px;
    text-align: center;
}
.info-drawn-up p{
    font-family: 'bitter';
    font-size: 16px;
    text-align: center;
    width: 155px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}

.wrap-price .popup{
    top:30%;
    left:65%;
}

.wrap-price .container-calculator {
    height: 100%;
}

.wrap-price .popup-calck_sended.drawn-up .count {
    height: 320px;
    padding-top: 70px;
}

.wrap-price .popup-calck_sended.drawn-up .count h4 {
    display: block;
    font-family: 'bitter_bold';
    font-size: 24px;
}

.wrap-price .popup-calck_sended.drawn-up .count p {
    font-family: 'roboto-medium';
    text-align: center;
    width: 160px;
    margin: auto;
    margin-top: 30px;
}

.wrap-price .block-calculator {
    padding: 105px 30px 90px 30px;
}

.wrap-price  .block-calculator .count {
    /*height: 100%;*/
    /*margin-top: 0px*/
}

.wrap-price .popup input[type="tel"]{
    width: 220px;
    margin: auto;
    display: block;
    padding: 10px;
    border:1px solid #000;
    margin-bottom: 20px;
}

.wrap-price .popup div.close_popup, .wrap-price .popup-calculator div.close_popup-calculator, .wrap-price .popup-calck_sended div.close_popup-calculator{
    right: -16px;
    top: -120px;
    color: #fff;
    font-size: 15px;
    width: 82px;
}


/*popup калькулятор - заявка отправлена*/
.wrap-price .popup.drawn-up {
    left:35%;
}


.wrap-price .popup.drawn-up .count{
    height:320px;
    padding-top: 70px;
}

.wrap-price .popup.drawn-up .block-calculator {
    padding: 200px 30px 90px 30px;
}


.wrap-price .popup.drawn-up .count h1, .wrap-price .popup.drawn-up .count h4 {
    font-family: 'bitter_bold';
    font-size: 24px;
}

.wrap-price .popup.drawn-up .count p {
    font-family: 'roboto-medium';
    text-align: center;
    width: 160px;
    margin: auto;
    margin-top: 30px;
}


/*иконки в футере*/
.footer-contacts i  {
    position: relative;
    left: -6px;
    top: 5px;
}

.popup-calculator .one-block-criteria input{
    width: 230px;
    padding: 10px;
    font-family: 'robotoregular';
    font-size: 16px;
    border: 1px solid #000;
    cursor: pointer;
    margin-left: 35px;
}

/* ОБЩАЯ СТРАНИЦА */

.wrap-services.single-page section.attendance{
    background: none;
}

.wrap-services.single-page  .description-services img {
    margin: 0 85px 40px 0;
}

.wrap-services.single-page .description-services h2{
    font-size: 19px;
    font-family: 'bitter_bold';
    margin-bottom: 30px;
}

.our-dignity  ul {
    margin-left: 60px!important;
}

.our-dignity .description-single-page{
    width:50%;
    display: inline-block;
    margin-right: 20px;
}

section.attendance .our-dignity .order-request-wrap {
    display: inline-block;
    width: 440px;
    vertical-align: top;
}

.wrap-services.single-page .helper-footer {
    margin-top: 0px;
}


.wrap-services.single-page section.attendance ul li {
    margin-bottom: 0px;
}


.description-demolition.text-left{
    width:50%;
    display: inline-block;
    vertical-align: top;

}


.description-demolition.text-right{
    float: right;
}


ul.right_ul{
    position: relative;
    left: 75px;
}

.wrap-background-home .container .wrap-background-2{
    height:auto;
}

/*правки верстки Created 12.08.2016 */

.block-calculator   h1.white-h1, .block-calculator   h4.white-h1 {
    padding: 10px;
    margin-top: 80px;
    background: none;
    box-shadow: none;
}

.block-calculator .count{
    /*margin-top: 57px;*/
}

.calculator .mainpage-calc{
    margin-top: 15px;
}


.selection-area_block,
.choice-kilometers_block {
    float: left;
    position: relative;
}

.selection-area_block button,
.choice-kilometers_block button {
    border:none;
    width:185px;
    height:50px;
   background: #fff;
    border-bottom: 1px solid #735f20;
    font-family: 'roboto-medium';
    cursor: pointer;
    font-size: 16px;
    position: relative;
}

.popup-calculator .selection-area_block ,
.popup-calculator  .choice-kilometers_block {
    margin-bottom: 10px;
    margin-top: -57px;
}

.popup-calculator  .count {
    margin-top: 45px;
    height: 465px;
}


.selection-area_block button{
    margin-right: 10px;
}

.selection-area_block button:hover,
.choice-kilometers_block button:hover {
    border-bottom: none;
    padding:11px;
    background: #f9f9f9;
}

.selection-area_block  ul.popup-moscow_area,
.choice-kilometers_block ul.popup-moscow_area{
    position: absolute;
    width:185px;
    z-index: 111;
    background: #fff;
    top: 49px;
    display: none;
}

.selection-area_block  ul.popup-moscow_area li,
.choice-kilometers_block ul.popup-moscow_area li  {
    border: 1px solid #d0d0d0;
    padding: 5px 5px 5px 60px;
    border-top:none;
    font-family: 'robotoregular';
    cursor: pointer;
}
.selection-area_block  ul.popup-moscow_area li:first-child,
.choice-kilometers_block ul.popup-moscow_area li:first-child {
    border-top: 1px solid #d0d0d0;
}

.selection-area_block ul.popup-moscow_area li label,
.choice-kilometers_block ul.popup-moscow_area li  label {
    cursor: pointer;
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 122px;
}

.selection-area_block ul.popup-moscow_area li input[type=radio],
.choice-kilometers_block ul.popup-moscow_area  li input[type=radio]  {
    display: none;
}

.selection-area_block ul.popup-moscow_area li label:before,
.choice-kilometers_block ul.popup-moscow_area  li label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: absolute;
    left: -25px;
    bottom: 1px;
    background-color: #fff;
    border:1px solid #959595;
    border-radius: 8px;
}

.selection-area_block ul.popup-moscow_area li  input[type=radio]:checked + label:before,
.choice-kilometers_block ul.popup-moscow_area li input[type=radio]:checked + label:before
{
    background-color: #f4c839;
    background-image: url(../img/background-radio-checked.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.wrap-calculator-background{
    width: 433px;
    height: 577px;
    display: block;
    position: absolute;
    top: 61px;
    left: 30px;
    background: #000;
    opacity: 0.5;
    z-index: 1;
    display: none;
    transition: 0.5s;
    cursor: pointer;
}

.popup-calculator .block-calculator .one-block-criteria .topic {
    margin-top: 7px;
}


.materials-wrapp section.attendance {
    padding-bottom: 0px;
}

ol {
    margin-left: 60px;
    display: block;
}

ol li{
    font-family: 'roboto-italic';
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 26px;
    margin-top: 10px;
}

.header_contacts .container_block .registration.right-location {
    right: 97px;
}

.background-slider.mainpage .container .wrap-background-2{ margin-top: 160px;}
.background-slider.mainpage .wrap-background-2.slider-element { margin-top: -407px; height: 715px; }
section#calculator.mainpage-calc {margin-top: -245px; }

.information-icons .address i:last-child {
    display: none;
}

.our-dignity{
    margin-bottom: 50px;
}


/*стили для страницы 404*/
.add_bg_404 {
    background: url(../img/404_bg.png) no-repeat top center;
    background-size: cover;
}
.error_404_page{
    min-height:520px;
    text-align:center;
}
.error_404_page h1{
    padding-top:430px;
    font-family: 'bitter_bold';
    font-size:36px;
}
.error_404_page a {
    display: block;
    width:215px;
    border: none;
    border-bottom: 1px solid #735f20;
    background: #f4c839;
    font-family: 'roboto-medium';
    font-size: 16px;
    color:#000000;
    padding: 10px 20px;
    cursor: pointer;
    margin: 20px auto 0;
}


/*блок с грузовиками для страницы Перевозка сыпучих материалов*/
section.attendance .track_list{
    list-style:none;
    min-height:390px;
    width:100%;
    margin:0;
    margin-top:60px;
    clear:both;
}
section.attendance .track_list li{
    list-style:none;
    float:left;
    width:300px;
    height:390px;
    margin-right:45px;
    border:10px solid #fec311;
    background-color:#ffffff;
}
section.attendance .track_list li:last-child{
    margin-right:0;
}
section.attendance .track_list li div.track_img{
    height:200px;
}
section.attendance .track_list li[data-track="1"] div.track_img{
    background:url(../img/track_1.jpg) no-repeat top center;
    background-size: cover;
}
section.attendance .track_list li[data-track="2"] div.track_img{
    background:url(../img/track_2.jpg) no-repeat top center;
    background-size: cover;
}
section.attendance .track_list li[data-track="3"] div.track_img{
    background:url(../img/track_3.jpg) no-repeat top center;
    background-size: cover;
}
.description-services .track_desc{
    padding: 25px 10px;
    font-family: 'bitter';
    font-size:16px;
}
.description-services .track_desc h3{
    font-family: 'bitter_bold';
    font-size:19px;
    margin-bottom:18px;
}
.description-services .track_desc p{
    margin:0;
    line-height: 190%;
}
.description-services .track_desc p span{
    font-family: 'bitter_bold';
}


.wrap-background-home .background-slider.mainpage .container,
.container.intestine{
    width: 1240px;
}

/*таблица в перевозке сыпучих материалов*/
.table-value-sale_sand.auto table{
    border:none;
}


.table-value-sale_sand.auto tr.name-1 th {
    font-size: 14px;
    height: 72px;
}

.table-value-sale_sand.auto td.auto-avatar{
    padding:0;
    line-height: 0;
}

.table-value-sale_sand.auto td.auto-avatar img {
    margin: 0;
}

th.auto-avatar {
    height: 144px;
}

section.table-value-sale_sand.auto table th {
    padding: 3px;
}

section.table-value-sale_sand.auto .text-left {
    text-align: left;
    padding-left: 10px;
}

section.table-value-sale_sand.auto tr td:nth-child(4) {
    border-right: 1px solid #bab9b6;
}
/*Стили при наведении на строку убираем*/
section.table-value-sale_sand.auto table tr.hover:hover {
    outline: none;
}

section.table-value-sale_sand table tr.hover:hover .order{
    background-image: url(../img/background-header-pattern.jpg);
    border-top: 1px solid #fff;
    border-right: none;
}

section.table-value-sale_sand table tr.hover:hover td {
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #bab9b6;
}

.table-value-sale_sand.auto tr.name-1 th:last-child{
    width: 149px;
}

.table-value-sale_sand.auto-2 .text-left{
    padding: 3px 15px;
    padding-left: 15px;
}

.name-1 th:first-child {
    border-bottom: none;
}

section.table-value-sale_sand.auto table  td:last-child {
    border-bottom: none;
}

.table-value-sale_sand.auto-2 table tr.name-1 th:nth-child(2){
    width: 205px!important;
}

.table-value-sale_sand.auto-2 table tr.name-1 th:nth-child(3){
    width: 156px!important;
}

section.table-value-sale_sand.auto,
section.table-value-sale_sand.auto.auto2 {
    margin-bottom: 50px;
}

section.table-value-sale_sand.auto{
    margin-bottom: 49px;
}

.table-value-sale_sand.auto.table_first{
    margin-top: -59px;
}

.table-value-sale_sand2.auto table{
    border:none;
}


.table-value-sale_sand2.auto tr.name-1 th {
    font-size: 14px;
    height: 72px;
}

.table-value-sale_sand2.auto td.auto-avatar{
    padding:0;
    line-height: 0;
}

.table-value-sale_sand2.auto td.auto-avatar img {
    margin: 0;
}

th.auto-avatar {
    height: 144px;
}

section.table-value-sale_sand2.auto table th {
    padding: 3px;
}

section.table-value-sale_sand2.auto .text-left {
    text-align: left;
    padding-left: 10px;
}

section.table-value-sale_sand2.auto tr td:nth-child(4) {
    border-right: 1px solid #bab9b6;
}
/*Стили при наведении на строку убираем*/
section.table-value-sale_sand2.auto table tr.hover:hover {
    outline: none;
}

section.table-value-sale_sand2 table tr.hover:hover .order{
    background-image: url(../img/background-header-pattern.jpg);
    border-top: 1px solid #fff;
    border-right: none;
}

section.table-value-sale_sand2 table tr.hover:hover td {
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #bab9b6;
}

.table-value-sale_sand.auto2 tr.name-1 th:last-child{
    width: 149px;
}

.table-value-sale_sand2.auto-2 .text-left{
    padding: 3px 15px;
    padding-left: 15px;
}

.name-1 th:first-child {
    border-bottom: none;
}

section.table-value-sale_sand2.auto table  td:last-child {
    border-bottom: none;
}

.table-value-sale_sand2.auto-2 table tr.name-1 th:nth-child(2){
    width: 205px!important;
}

.table-value-sale_sand2.auto-2 table tr.name-1 th:nth-child(3){
    width: 156px!important;
}

section.table-value-sale_sand2.auto,
section.table-value-sale_sand2.auto.auto2 {
    margin-bottom: 50px;
}

section.table-value-sale_sand2.auto{
    margin-bottom: 49px;
}

.table-value-sale_sand.auto2.table_first{
    margin-top: -59px;
}

.species h4.main-h1.tablet{
    display: none!important;
}


/*28.02.2017 ЗОНЫ ОБСЛУЖИВАНИЯ*/
.zones_wrap{
    height: 668px;
}

.zones_wrap h1{
    text-align: center;
    font-size: 36px;
    font-family: 'bitter';
    margin-bottom: 20px;
}

ul.tabs{
    position:relative;
    padding: 0;
}

li.tab{
    display:inline-block;
}

.tab  .btn-a{
    cursor:pointer;
    font-size: 16px;
    color:#000;
    width:180px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    background: url(../img/background-line.png) repeat-x bottom;
    background-image: none;
}

.tab .btn-a.selected{
    color:#000;
    background-image: url(../img/background-header-pattern.jpg);
}

.tab-content{
    display:none;
    position:absolute;
    left:0;
    top:38px;
    background:#fff;
    color:white;
    width:100%;
    border:4px solid #ffc31a;
}
.content-1{
    height:420px;
}

.content-2{
    height:588px;
}

.list-areas{
    float: left;
    width:355px;
}

.list-areas{
    float: left;
    width:355px;
    padding: 0 15px;
    border-right: 1px solid #d6d6d6;
    height:100%;
}

.list-areas h6{
    color:#c2c2c2;
    font-size: 14px;
    margin-bottom: 20px;
    padding-top: 20px;
}

.map-wrap{
    float: right;
    width: 625px;
    height:100%;
    text-align: center;
    padding: 35px 10px 0 10px;
}
.list-areas ul{
    display: inline-block;
    vertical-align: top;
}

.list-areas ul li a{
    text-decoration: none;
    color:#000;
    font-size: 14px;
    line-height: 20px;
}

.list-areas ul li a:hover{
    color:red;
    text-decoration: underline;
}

.content-2 .list-areas ul{
    margin-right: 70px;
}

.content-2 .list-areas ul:last-child{
    margin-right: 0px;
}


.content-moscow{
    height:100%;
}

.content-moscow-region{
    height:100%;
}

svg{
    width:300px;
}


.area.active path{
    fill:#ffc31a;
}

.area.active-hover path{
    fill:#ffc31a;
}

.area{
    cursor:pointer;
}

.tooltip {
    z-index: 9999;
    position: absolute;
    display: none;
    top:0px;
    left:0px;
    color: #000;
    width:175px;
    font-family: 'robotobold';
    font-size: 14px;
}

.content-2 svg{
    width: 550px;
}


/*зона обслуживания внутренняя*/

.zones-inner_wrap h1{
    text-align: center;
    font-size: 36px;
    font-family: 'bitter';
    margin-bottom: 20px;
}
.zones-inner_wrap .info-price_box{
    width:450px;
    height:213px;
    float:right;
    background: #fff;
    margin-left: 30px;
    padding: 25px 20px;
    position: relative;
}

.zones-inner_wrap .info-price_box h6{
    text-align: center;
    font-size: 36px;
    font-family: 'bitter';
    margin-bottom: 20px;
}

.zones-inner_wrap .info-price_box span{
    font-family: 'roboto-italic';
    font-size: 12px;
    color:#676767;
    display: block;
    text-align: center;
    line-height: 18px;
}

.zones-inner_wrap p{
    margin-bottom: 20px;
    font-family: 'robotoregular';
    font-size: 14px;
    line-height: 25px;
}

.zones-inner_wrap .info-price_box button{
    display: block;
    border: none;
    border-bottom: 1px solid #735f20;
    background: #f4c839;
    font-family: 'roboto-medium';
    font-size: 16px;
    padding: 10px 20px;
    cursor: pointer;
    margin: auto;
    position: absolute;
    bottom:6px;
    left: 50%;
    transform: translate(-50%, -50%);
}





/*cкрытые стили для адаптации*/
.menu-responsive:before {
    content: '';
    display: none;
    background: url(../img/right-arrow.png);
    width: 32px;
    height: 32px;
    position: fixed;
    z-index: 140;
    right: 376px;
}

.contacts-responsive{
    display: none;
}

.icons-links-responsive{
    display: none;
}

 .menu-btn-responsive{
    display: none;
}

.heading-mobile{
    display: none;
}

.table-mobile{
    display: none;
}

.table-toggle-title{
    display: none;
}

/*выпадающее меню сбоку*/
#menu-side.menu-responsive{
    background-color: #dcdcdc;
    z-index: 100;
    top: -20px;/*134*/
    position: absolute;
    width: 355px;
    right:-410px;
    transition: right 0.5s;
    /*height: 100vh;
    overflow: auto;*/
    display: none;
}

.overlay-responsive{
    width: 100%;
    height: 120%;
    position: fixed;
    top: 0px;
    left: 0;
    display: none;
    background: #000;
    opacity: .7;
    z-index: 99;
	overflow:none;
}

#menu-side.menu-responsive ul li{
    position: relative;
}

#menu-side.menu-responsive ul li a{
    font-family: robotoregular;
    font-size: 18px;
    text-transform: uppercase;
    color:#000;
    padding: 25px;
    border-bottom: 2px solid #e9e9e9;
    display: block;
}

.menu-responsive ul .menu-section-list-inner li a{
    background: #fff;
    border-color:#cdcccc;
    font-family: 'bitter_bold'!important;
    text-transform: capitalize!important;
    padding: 3px 15px!important;
}

.menu-responsive ul .menu-section-list-inner li a span{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    margin-left: 25px;
}

/*меню на главной под слайдером*/
.menu-section-list-inner.menu-block{
    display: none;
}

/*Описание материала с кнопкой*/
.mobile-block.description-material{
    display: none;
    width: 50%;
}

.left_block-calculator #slider-wrap {
    width: 425px;
}

.about-us-description .description-one img{
    display: none;
}
.about-us-description .description-second img{
    display: none;
}



    /*СТИЛИ СТРАНИЦЫ С ОТЗЫВАМИ*/

.wrap-comments h1, .wrap-comments h4{
    margin-bottom: 20px;
}

.wrap-comments .comments-container {
    display:table;
    width:100%;
    margin-bottom: 46px;
}

.wrap-comments .info-block_wrap{
    display: table-row;
}

.wrap-comments .info-block.emty{
    background: none;
}

.wrap-comments .info-block{
    /*float: left;
    width: 472px;*/
    /*height:259px;*/
    margin:0 40px 40px 0;
    vertical-align: top;
    background: url(../img/background-footer-left.jpg);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background-size: 45% 100%;
    display: table-cell;
    width: 50%;
    position: relative;
    float: none;
    height:auto;
}

.wrap-comments .info-block:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 100%;
    position: absolute;
    background: url(../img/background-main.jpg);
    right: 0;
    top: 0;
}
.wrap-comments .info-block:nth-child(odd):before {
    right:0;
}
.wrap-comments .info-block:nth-child(even):before {
    left: 0;
}

.wrap-comments .info-block:nth-child(even){
    margin-right: 0px;
    padding-left: 20px;
}

.wrap-comments .info-block:nth-child(odd){
    margin-right: 0px;
    padding-right: 20px;
}

.wrap-comments .information-window-block {
    height:100%;
    width:120px;
    float: left;
    margin-right: 10px;
}

.wrap-comments .information-window-block img{
    border-bottom:5px solid #f4c737;
}

.wrap-comments .information-window-block span{
    font-family: 'roboto-italic';
    padding-left:10px;
    display: block;
}

.wrap-comments .information-window-block span.name-withdraw{
    color:#1d1d1d;
    font-size: 14px;
    font-weight: bold;
}

.wrap-comments .information-window-block span:last-child{
    color:#838383;
    font-size: 12px;
}

.wrap-comments .info-block p{
    padding: 10px;
    font-size:14px;
}

.i-links{
    text-align: right;
    clear: both;
}

.i-links div {
    display: inline-block;
    margin-left: 19px;
}

.i-links div a {
    cursor: pointer;
    font-size: 14px;
    color: #1d1d1d;
    background: url(../img/background-line.png) repeat-x bottom;
}


.i-links div  i {
    background: none;

}

.i-links div  a:hover{
    color: #dd563f;
    background: url(../img/background-line-red.png) repeat-x bottom;
}

.i-links div i {
    color: #d84141;
}


.i-links div a.icon {
    display: inline-block;
    background:none;
    position: relative;
    right: 5px;
    top: 1px;
}

.comments-7, .comments-8{
    display: none;
}

.vis {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.add-block-comment{
    display: none;
}

span.more{
    float: right;
    font-family: 'roboto-medium';
    background: url(../img/background-line.png) repeat-x bottom;
}

.menu-responsive .top-page img, .menu-responsive  .service-page img,.menu-responsive  .price-page img{
    width: 25px;
    display: inline-block;
    margin-right: 14px;
    position: relative;
    top: 3px;
}

/*форма для мобилках на страницах услуги*/

.order-request-wrap.mobile{
    width:440px;
    margin: auto;
    float: none;
    display: none;
}

/*cтили header*/
header{
    height: 118px;
}
header .contacts{
    top:10px;
}

header nav{
    width: 525px;
    padding-right: 120px;
}

header .zones-menu_wrap{
    margin-top: 7px;
}

header .contacts_wrap{
    float: right;
}

header .i-links{
    text-align: left;
    clear: both;
    padding-top: 4px;
}

header .i-links .i-links_wrap div{
    margin-left: 19px;
    line-height: 28px;
}

.wrap-services.removal .three-service.two-columns .description-services {
     height:auto;
    margin-bottom: 40px;
}

.zones-menu_wrap{
    position: relative;
}
.zones-menu_wrap a.zones-btn{
    font-size: 12px;
    font-family: 'robotoregular';
    background: #dcac25;
    display: block;
    padding: 8px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    transition: none;
}

 a.zones-btn:before {
     top: 14px;
     right: 6px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
     display: block;
}


a.zones-btn:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-left: 32px;
}

.zones-menu_wrap .zones-menu{
    width:731px;
    height:379px;
    background: #fff;
    position: absolute;
    right: 0;
    z-index: 111;
    display: none;
}

.zones-menu_wrap:hover .zones-menu {
    display: block;
}

.zones-menu_wrap:hover .zones-btn{
    background: #ffffff;
}

.zones-menu_wrap:hover a.zones-btn:before{
    transform: rotate(180deg);
    top:8px;
    border-top-color: #000;
}

.zones-menu_wrap .moscow-zone .header-block, .zones-menu_wrap .moscow-regions .header-block{
    text-align: left;
    background: #e8e8e8;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
}

.zones-menu_wrap .moscow-zone{
    width:193px;
    float: left;
    border-right: 1px solid #cfcfcf;
}

.zones-menu_wrap .moscow-regions{
    width:538px;
    float: right;
}

.zones-menu_wrap .zone-box{
    height:100%;
}
.zones-menu_wrap .content-menu{
    padding: 15px 20px;
    text-align: left;
}

.zones-menu_wrap .content-menu ul li{
    text-align: left;
    line-height: 23px;
}

.zones-menu_wrap  .content-menu ul li a{
    font-family: 'robotoregular';
    text-transform: uppercase;
    text-decoration: none;
    background: none;
    font-size: 14px;
    cursor: pointer;
}

.zones-menu_wrap .moscow-regions ul{
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-right: 72px;
}
.zones-menu_wrap .moscow-regions ul:last-child{
    margin-right: 0;
}

.zones-menu_wrap .moscow-regions ul li a{
    text-transform: capitalize;
}

.zones-menu_wrap  .content-menu ul li a:hover{
    color:#d84141;
    text-decoration: underline;
}

.wrap-services h1{
    display: none;
}

.list-areas ul li a.active-hover{
    color: red;
    text-decoration: underline;
}

g.area-32 path{
    fill:#c2c2c2;
}


/*для нового компонента Услуги*/

.wrap-services.removal .block-service.service-2 .service_img-wrap{
    margin-bottom: 0;
}

.wrap-services.removal .description-services{
    margin-top: 30px;
    height: 1150px;
}

.wrap-services.removal .block-service.service-3 .description-services{
    border-right:none;
}


.clearfix:after{
    content: '';
    display: table;
    clear: both;
}
.wrap-services.removal .service_img-wrap{
    height:100%;
    margin-bottom: 30px;
}

.wrap-services.removal .three-service{
    height:100%;
    padding-top: 83px;
}

.wrap-services.removal .block-service img{
    position: static;
    margin: auto;
}

.wrap-services.removal .block-service{
    height:auto;
}

.wrap-services.removal .block-service a {
    position: static;
}

.wrap-services.removal .block-service.service-1 .service_img-wrap{
    margin-top: 65px;
}
.wrap-services.removal .block-service.service-3 .service_img-wrap{
    margin-top: 37px;
}

.wrap-services.removal .block-service i{
    display: none;
}

.gradientHide{
    display: none;
}

/*Cтили для раскрывающегося до конца текста без теней*/
.hidden_text_wrap .slide-text{
    display: none;
}

.three-service.two-columns{
    width:700px;
    margin: auto;
}
#menu-side .calc-li img{
    width: 19px;
    margin-right:18px;
    position: relative;
    top: 5px;
    left: 2px;
}

.menu-responsive span.arrow-hide{
    display: none;
}

/*добавленные стили 15.05.2017*/
footer .address .zones{
    text-decoration: underline;
    background: url(../img/background-header-pattern.jpg);
    padding: 7px 20px;
}

.chat-i i{
    margin-top: 0;
}

footer .call-me{
    float: right;
    font-size: 14px;
    background: url(../img/background-line.png) repeat-x bottom;
}

.zones-inner_wrap{
    margin-bottom: 20px;
    font-family: 'robotoregular';
    font-size: 14px;
    line-height: 25px;
}

.zones-inner img{
    float: left;
}

.zones-inner.info-zones-block  img{
    max-width: 300px;
    max-height: 300px;
    float: none;
}

.zones-inner_wrap table{
    width: 100%;
    height: 200px;
}
table.image td{
    text-align: center;
}

.zones-inner.info-zones-block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.right-zones-block img{
    float: none;
}
.left-zones-block, .right-zones-block {
    width:50%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.zones-inner_wrap .info-price_box {
    float: none;
    margin-left: 0;
}

.right-zones-block .image-zone_wrap{
    text-align: center;
    padding-top: 40px;
    margin-bottom: 20px;

}

.right-zones-block .image-zone_wrap img{
    min-width: 100px;
    min-height:122px;
}

.right-zones-block .minimal{
    width: 100%;
    padding: 15px 40px;
    border: 3px solid #efc232;
    text-align: center;
    font-size: 20px;
    background: #fff;
    clear: both;
    /*position: absolute;
    bottom: 0;*/
}
.wrap-inside-page{
    overflow-y: hidden;
}

.zones-block-text, .image-zone_wrap{
    flex-grow: 1;
}

.consent-check.consent-check_mobile{
    display: none;
}
/*!*кнопка согласия*!
.consent-check{    width: 75%!important;padding-left: 0!important;float: none!important;top:auto!important;margin: auto;}
.consent-check input{  display: none!important;}
.consent-check  .checkbox-custom {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    position: relative!important;
    background: #fff;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d0d0d0;
    bottom:auto;
    right:auto;}
.consent-check  .label{text-align: left;cursor:pointer; display: inline-block;width: 82%;vertical-align: middle;color: #cecece;     position: relative!important;
    right: auto;
    bottom: auto;}
.consent-check .read-pdf{font-size: 13px;  width: 100%;padding-left: 2px; color: #000;display: block;}
.consent-check .checkbox-custom{cursor:pointer;}
.consent-check .checkbox:checked + .checkbox-custom:before{content: ''; position:absolute; cursor:pointer;  width: 20px;  height: 20px;  background: url(../img/check-symbol.png) no-repeat center;  top: -1px;  left: 0px;  }
.consent-check:before{display: none!important;}*/

consent-check.consent-check_mobile{
    display: none;
}
/*кнопка согласия*/
.consent-check{    width: 75%!important;padding-left: 0!important;float: none!important;top:auto!important;margin: auto;}
.consent-check input{  display: none!important;}
.consent-check  .checkbox-custom {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    position: relative!important;
    background: #fff;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d0d0d0;
    bottom:auto;
    right:auto;
    top:auto!important;}
.consent-check  .label{text-align: left;cursor:pointer; display: inline-block;width: 82%;vertical-align: middle;color: #cecece;     position: relative!important;
    right: auto;
    bottom: auto;
top:auto!important;}
.consent-check .read-pdf{font-size: 13px;  width: 100%;padding-left: 2px; color: #000;display: block;}
.consent-check .checkbox-custom{cursor:pointer;}
.consent-check .checkbox:checked + .checkbox-custom:before{content: ''; position:absolute; cursor:pointer;  width: 20px;  height: 20px;  background: url(../img/check-symbol.png) no-repeat center;  top: -1px;  left: 0px;  }
.consent-check:before{display: none!important;}

.block-calculator .consent-check{
    margin: 10px 0 16px 0;
}
.contacts-wrapp .form-wrap .field{
    margin-bottom: 14px;
}
.contacts-wrapp .order-request form{
    padding: 23px;
}

.section.table-value-sale_sand table a{
    width: auto;
}
.section.table-value-sale_sand2 table a{
    width: auto;
}

.contacts-wrapp  .order-request form{
    height: 237px;
}

.popup-calculator .one-block-criteria ul  li{
    padding-bottom: 9px;
    height: 24px;
}
.popup-calculator .one-block-criteria ul  li span{
    bottom: 255px;

}

select{
    margin-right: 0;
    padding-left: 0;
    height:17px;
}

@media screen and (max-width: 1024px) { /*800*/

    body{min-width:inherit;}

    section.species h1, section.species h4{
        width:100%;
    }
    .zones-inner_wrap h1,.zones-inner_wrap h6 {
        line-height: 36px;
    }
    table.image td {
        width: 30%;
        padding: 10px;
    }
    .zones-inner_wrap .image img {
        max-width: 100%;
        max-height: 100%;}
    .zones-inner.info-zones-block{
        flex-direction: column;
    }
    .left-zones-block, .right-zones-block{
        width:100%;
    }
    .left-zones-block .info-price_box{
        margin: auto;
    }
    .right-zones-block .minimal.desktop{
        display: block;
    }

    .right-zones-block .image-zone_wrap{
        margin-bottom: 83px;
    }

    .popup-calculator .block-calculator {
        padding: 20px;
        background-image: url(../img/background-header-pattern.jpg);
        height: auto;
    }

    .popup-calculator .selection-area_block,
    .popup-calculator .choice-kilometers_block {
        margin-top: 0;
    }

    .popup-calculator  .block-calculator .count {
        padding-bottom: 46px;
    }

    section.table-value-sale_sand h1, section.table-value-sale_sand h4 {
        text-align: left;
    }
	section.table-value-sale_sand2 h1, section.table-value-sale_sand2 h4 {
        text-align: left;
    }

    #menu-side{
    }

    p{
        font-size: 14px;
        color:#000;
        font-family: 'robotoregular';
    }

    .container.heading {
        display: none;
    }

    #menu-side.menu-responsive, .heading-mobile {
        display: block;
    }

    #some_link {
        display: none;
    }

    .background-slider.mainpage .wrap-background-2 h1 {
        padding: 20px;
    }

    .background-slider.mainpage .container .wrap-background-2.heading {

    }

    .background-slider.mainpage .container .wrap-background-2 {
        height: auto;
    }

    .background-slider {
        position: static;
    }

    .background-slider.mainpage .container .wrap-background-2,
    .background-slider.mainpage .wrap-background-2.slider-element,
    section#calculator.mainpage-calc {
        margin-top: 0 !important;
    }

    body {
        min-width: 320px;
    }

    .container {
        width: 100%;
        padding: 0 20px;
        margin: 0;
    }
    .container-mi {
        width: 100%;
        padding: 0 20px;
        margin: 0;
    }
    .icons-links {
        display: none;
    }

    header {
        height: 80px;
        padding: 20px 0;
    }

    header .logo img {
        margin-top: -6px;
    }

    .top-navigation {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }

    header nav {
        display: none;
    }

    header .contacts{
        position: static;
    }

    header .title-phone{
        display: none;
    }

    .contacts .i-links{
        display: none;
    }

    header .contacts .contacts_wrap{
        margin-top: -14px;
    }


    .contacts-responsive a {
        font-family: 'robotobold';
        font-size: 18px;
        position: relative;
        top: 10px;
    }

    .icons-links-responsive {
        display: block;
    }

    .icons-links-responsive a {
        height: 28px;
        display: block;
        float: left;
        margin-right: 29px;
        top: 6px;
        position: relative;

    }

    .icons-links-responsive a.phone-i {
        width: 28px;
        background: url(../img/image-adaptation/phone-i.svg);
    }

    .icons-links-responsive a.chat-i {
        width: 32px;
        background: url(../img/image-adaptation/chat-i.svg);
    }

    .icons-links-responsive a.calc-i {
        height: 29px;
        width: 22px;
        background: url(../img/image-adaptation/calc-i.svg);
    }

    .menu-btn-responsive {
        background: #fff;
        display: block;
        width: 125px;
        padding: 10px 20px;
        position: relative;
    }

    .menu-btn-responsive i {
        display: block;
        position: absolute;
        width:20px;
        height:20px;
    }

    .menu-btn-responsive .menu-hamburger-i {
        background: url(../img/hamburger-i.svg) no-repeat;
        top: 10px;
        left: 11px;

    }
    .menu-btn-responsive .menu-close-i {
        background: url(../img/close.svg) no-repeat;
        display: none;
    }

    .menu-btn-responsive span {
        display: block;
        float: right;
        font-family: 'robotobold';
        font-size: 17px;
        color: #1d1d1d;
    }
    
    .menu-responsive span.arrow-hide{
        display: block;
        background: url(../img/right-arrow.png);
        width:32px;
        height: 32px;
        position: absolute;
        left: -47px;
        top: 21px;

    }

    .wrap-background-2 h1 {
        width: 100%;
        margin: 0;
    }

    .intestine {
        display: none;
    }
    footer .footer-contacts .call-me{
        float: left;
        margin-top: 10px;
    }
    footer, .helper-footer, .footer-wrap, .right-block-footer, .left-block-footer {
        height: 320px;
    }

    .right-block-footer, .left-block-footer {
        width: 50%;
        float: none;
        padding: 20px;
    }

    .footer-navigation-right, .footer-navigation-left {
        width: 100%;
        float: none;
        padding: 0;
    }

    footer .logo {
        display: none;
    }

    footer nav {
        float: none;
    }

    footer nav ul {
        float: left;
    }

    footer ul li {
        line-height: 48px;
    }

    .background-slider.mainpage .wrap-background-2.slider-element {
        margin-top: -103px; /*-71*/
    }

    span.copyright {
        width: 225px;
        padding-top: 50px;
    }

    footer nav ul:first-child {
        margin-right: 100px;
    }

    .footer .address, .footer-contacts {
        float: none;
        padding-left: 80px;
    }

    .footer-contacts i {
        position: relative;
        left: 0px;
        top: 5px;
    }

    footer .footer-contacts span {
        text-align: left;
    }

    .footer-navigation-left a.seofactory {
        position: absolute;
        right: 0;
        bottom: 0;
        top: auto;
    }

    footer .address i {
        position: absolute;
        left: 30px;
        top: 1px;
    }

    .footer-navigation-left {
        position: relative;
    }

    .footer-navigation-left .address {
        padding-left: 80px;
        margin-bottom: 20px;
    }

    footer .footer-contacts i {
        position: absolute;
        left: 30px;
        top: auto;
    }

    .chat-i {
        font-size: 18px;
    }

    .chat-i i {
        margin-top: 0;
    }

    .phone-i {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .reason-wrapper {
        display: flex;
    }

    section.three-reasons {
        height: auto;
        padding: 20px 0
    }

    section.three-reasons h4 {
        text-align: left;
    }

    section.three-reasons blockquote, .species blockquote {
        display: none;
    }

    section.species .species-block {
        width: 45%;
        margin-right: 5%;
    }

    .order-request-wrap {
        width: 50%;
    }

    .order-request {
        width: 100%;
        padding: 20px;
    }

    .order-request-wrap .order-request h4.white-h1 {
        padding: 15px 0 !important;
    }

    .order-request-contacts {
        display: none;
    }

    .order-request form {
        padding: 20px;
        height: auto!important;
    }

    .field {
        text-align: left;
    }

    .order-request-wrap .form-wrap .field label {
        float: none;
        position: static;
        display: block;
        text-align: left;
        text-align: left;
        margin-bottom: 10px;
    }

    .order-request-wrap .form-wrap,
    .order-request .form-wrap .field,
    .order-request form input,
    .order-request form button {
        width: 100%;
    }

    section.species, section.species .species-block {
        height: auto;
    }

    .species-block .kind.second-kind:nth-child(n+3) {
        display: none;
    }

    .kind.second-kind img {
        display: none;
    }

    .helper-footer {
        background: none;
    }

    section.calculator {
        height: auto;
        margin-bottom: 51px;
    }

    #calculator .right_block-calculator {
        width: 100%;
        float: none;
    }

    #calculator .right_block-calculator .block-calculator {
        width: 100%;
        height: 100%;
        background: none;
        position: static;
    }

    .container-calculator {
        width: 100%;
        margin: 0;
        padding: 20px;
    }

    #calculator .right_block-calculator .block-calculator h4.white-h1 {
        width: 50%;
        margin-top: 0;
        text-align: left;
        padding: 0;
        font-size: 29px;
        display: inline-block;
    }

    .select-btn_wrap {
        width: 45%;
        float: right;
        vertical-align: text-bottom;
    }

    .selection-area_block, .choice-kilometers_block {
        width: 150px;
    }

    .selection-area_block button, .choice-kilometers_block button {
        width: 100%;
    }

    .block-calculator .count {
        clear: both;
        margin-top: 35px;
        padding: 20px;
        height: auto;
    }

    .choice-kilometers_block {
        float: right;
    }

    .selection-area_block ul.popup-moscow_area,
    .choice-kilometers_block ul.popup-moscow_area {
        width: 100%;
    }

    .selection-area_block ul.popup-moscow_area li,
    .choice-kilometers_block ul.popup-moscow_area li {
        padding: 5px 5px 5px 35px;
    }

    .wrap-calculator-background {
        width: 100%;
        height: 100%;
        top: auto;
        left: auto;
    }

    .criteria-1, .criteria-2 {
        float: left;
        width: 50%;
    }

    ul.asphalt {
        position: static;
    }

    .one-block-criteria .topic {
        margin-top: 0;
        clear: both;
    }

    .ul_wrap {
        padding: 20px;
        border: 1px dashed #e8b830;
    }

    .one-block-criteria h2 {
        text-align: left;
    }

    .criteria-2 {
        padding-left: 10px;
    }

    .criteria-1 {
        padding-right: 10px;
    }

    .one-block-criteria span {
        right: 28px;
        top: 73px;
    }

    .price_wrap {
        padding-top: 20px;
    }

    #send_request_calc {
        width: 175px;
        border-bottom: 1px solid;
    }

    .left_block-calculator {
        float: none;
        width: 100%;
        padding: 20px;
    }

    .left_block-calculator p {
        width: 100%;
    }

    .background-slider, .background-slider.mainpage .wrap-background-2.slider-element {
        height: 420px;
    }

    .wrap-background-home .background-slider.mainpage .container, .container.intestine {
        width: 100%;
    }

    footer .address:before {
        display: none !important;
        width: 0;
    }

    .species h4.main-h1.tablet {
        display: block !important;
        margin-bottom: 0;
        width: auto;
        padding-top: 6px;
        margin-bottom: 20px;
        font-size: 30px;
    }

    .species h4.main-h1.desktop {
        display: none;
    }

    .species .order-request-wrap {
        margin-top: 20px;
    }

    .species-block .kind::after {
        margin-top: 15px;
    }

    .hide-mobile {
        display: none;
    }

    /*контакты*/
    .contacts-wrapp {
        height: auto;
    }

    .contacts-information {
        width: 100%;
        height: 380px;
    }

    .contacts-infoblocks {
        width: 50%;
        display: inline-block;
        height: 100%;
    }

    .information-icons {
        height: 100%;
        padding: 20px;
    }

    .contacts-wrapp .form-popup {
        float: right;
        width: 50%;
        height: 100%;
    }

    .contacts-wrapp .map_wrap {
        width: 100%;
    }

    .contacts-wrapp .order-request-wrap {
        width: 100%;
        padding-right: 0;
    }

    .contacts-wrapp .map_wrap, .contacts-wrapp #map {
        height: 486px !important;
    }

    .contacts-wrapp .block-info-1, .contacts-wrapp .block-info-2 {
        padding: 0;
        width: 50%;
        float: left;
        height: 100%;
        border: none;
        position: relative;
    }

    .contacts-wrapp .information-icons .wrap-icon {
        margin-bottom: 85px;
        width: 100%;
        margin-top: 10px;
        padding: 0 10px 0 5px;
        height: 60px;
    }

    .address:before, .clock:before {
        content: '';
        display: block;
        width: 4px;
        background: #f4c737;
        height: 109px;
        position: absolute;
        right: 0;
    }

    .contacts-wrapp .clock .wrap-icon, .contacts-wrapp .email .wrap-icon {
        margin-bottom: 0;
    }

    .contacts-wrapp .address, .contacts-wrapp .clock,
    .contacts-wrapp .phone-contacts, .contacts-wrapp .email {
        position: relative;
    }

    .contacts-wrapp .address h2, .contacts-wrapp .clock h2,
    .contacts-wrapp .phone-contacts h2, .contacts-wrapp .email h2 {
        position: absolute;
        top: 15px;
        left: 52px;
    }

    .contacts-wrapp .phone-contacts, .contacts-wrapp .email {
        padding-left: 15px;
    }

    .contacts-wrapp .phone-contacts h2, .contacts-wrapp .email h2 {
        left: 67px;
    }

    .contacts-wrapp .field {
        margin-bottom: 17px;
    }

    /*новости*/
    .wrap-news .info-block {
        width: 47%;
        height: 206px;
    }

    .wrap-news .info-block .news-title {
        width: 63%;
        height: 166px;
    }

    .wrap-news .info-block .news-title .news-img img {
        width: 100%;
    }

    /*галерея*/
    .intestine, .gallery, .calculator-btn {
        display: none !important;
    }

    .materials-wrapp section.calculator {
        margin-top: 20px;
    }

    .soil-types {
        display: none;
    }

    .about-us {
        padding-bottom: 40px;
    }

    .about-us p {
        width: 100%;
    }

    h1.main-h1 {
        text-align: left;
        padding-left: 10px;
    }

    .background-tractor {
        background: none !important;
        height: 100% !important;
    }

    .description-one p, .description-second p {
        width: 100%;
        margin-right: 0;
        float: none;
        font-size: 16px;
    }

    .background-tractor .description-one img {
        float: right;
    }

    .background-tractor .description-second img {
        float: left;
    }

    .wrap-about-us, .wrap-background-home {
        background: url(../img/image-adaptation/bg-mobile.png);
        overflow: hidden;
    }

    .block-news-inner .image-news {
        width: 364px;
        height: 195px;
    }

    .block-news-inner .image-news img {
        width: 100%;
        height: 100%;
    }

    /*Новая таблица для планшетов и мобилок*/
    .table-mobile {
        width: 100%;
        display: block;
        margin-bottom: 22px;
    }

    .image-box_mobile_header {
        display: none;
    }

    .header_table-mobile {
        width: 100%;
        padding: 10px;
        background-image: url(../img/background-header-pattern.jpg);
    }

    .image_name {
        width: 50%;
        float: left;
    }

    .btn_order {
        width: 50%;
        float: right;
    }

    .btn_order a {
        display: block;
        background: url(../img/background-line.png) repeat-x bottom;
        width: 70px;
        float: right;
        margin-right: 30px;
        color: #1d1d1d;
        font-size: 16px;
        font-weight: bold;
    }

    .image-box_mobile {
        /*width: 158px;*/
        width:20%;
        height: 108px;
        float: left;
    }

    .image-box_mobile img{
        height:100%;
        width:100%;
    }

    .content_table-mobile {
        background: #fff;
    }

    .data-list{
        width:80%;
        float: left;
    }

    .link{
        display: flex;
        padding: 5px 5px 5px 15px;
        font-family: 'bitter_bold';
        font-size: 14px;
        display: block;
        position: relative;
    }

    .link:before{
        content: '';
        width: 96%;
        height: 1px;
        position: absolute;
        bottom: 8px;
        display: block;
        border-bottom: 2px dotted #ccc;
        z-index: 0;
    }

    .caption{
        display: block;
        float: right;
        text-align: left;
        width: 104px;
        font-family: robotoregular;
        z-index: 1;
        position: relative;
        background: #fff;
    }

    .description-demolition.text-right {
        width:50%;
    }

    .description-demolition.text-left {
        padding: 0 30px 0 0;
    }

    section.attendance{
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .section.attendance .order-request-wrap{
        width:100%;
    }

    .table-value-sale_sand.auto.table_first{
      margin-top: 0;
    }
	.table-value-sale_sand2.auto.table_first{
      margin-top: 0;
    }

    .description-services p {
        margin-bottom: 22px;
        clear: both;
    }

    .description-services{
        clear: both;
        margin-bottom: 20px;
    }

    .caption-link{
        background: #fff;
        display: inline-block;
        position: relative;
        z-index: 1;
        padding-right: 5px;
    }

    .wrap-price .table-value-sale_sand .container{
        padding:0;
    }
	.wrap-price .table-value-sale_sand2 .container{
        padding:0;
    }

    .table-toggle{
        width:100%;
        display: block;
        margin-bottom: 20px;
    }

    .table-toggle-title{
        width:100%;
        padding: 10px 20px;
        background: #fff;
        border-bottom: 1px solid #817f7a;
        position: relative;
        display: block;
    }

    .table-toggle-title span{
        font-size: 24px;
        font-family: 'bitter';
    }

    .table-toggle-title i{
        position: absolute;
        right: 21px;
        top: 13px;
        font-size: 25px;
        color:#d94747;
    }

    .table-toggle-title .fa-chevron-up{
        display: none;
    }


    /*меню на главной под слайдером*/
    .menu-section-list-inner.menu-block{
        display: block;
    }

    .wrap-li{
        float: left;
        width:50%;
        border-right: 1px solid #f2ecd9;
    }

    .wrap-li li{
        background: #fff;
        border-bottom: 1px solid #f2ecd9;
    }
    .wrap-li li a{
        display: block;
        padding: 10px 20px;
        position: relative;
    }

    .wrap-li li a span{
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        font-family: 'bitter_bold';
        color:#000;
        font-size: 24px;
        margin-left: 25px;
    }

    /*Cтраница Услуги*/
    .block-service{
        width:30%;
        margin-right:20px;
    }

    .block-service img{
        width: 97%;
    }

    .block-service a{
        left:auto;
        margin: auto;
        width: 100%;
    }
    
    .three-service{
        justify-content: space-between;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .streamlined img{
        width: 50%!important;
    }

    section.attendance ul{
        margin-left: 28px;
    }

    section.attendance .description-services ul.streamlined-ul{
        margin-left: 427px;
    }

    section.attendance .order-request-wrap{
        width:100%;
    }

    /*материал внутренняя*/
    .materials-wrapp .our-dignity .description-demolition{
        margin-right: 0;
        padding-right: 50px;
    }

    section.attendance .our-dignity .order-request-wrap{
        width:50%;
        float: right;
    }

    .materials-wrapp .calculator .left_block-calculator{
        padding: 20px;
    }

    .materials-wrapp .calculator  .left_block-calculator #slider-wrap {
        width: 50%;
        float: right;
    }

    .materials-wrapp .calculator .left_block-calculator #slider-wrap #slider,
    .materials-wrapp .calculator .left_block-calculator  #slider-wrap .slider-img {
        width: 100%;
    }

    .mobile-block.description-material{
        display: inline-block;
        padding-right: 50px;
    }

    .minimal.desktop{
        display: none;
    }

    .mobile-block.description-material .minimal{
        width:100%;
        padding:15px 0;
        font-size: 16px;
    }

    .materials-wrapp .left_block-calculator p {
        margin-bottom: 25px;
    }

    .materials-wrapp  .table-materials img{
        display: none;
    }


    /*услуги строй работы*/
    .wrap-services.specific .three-service{
        width:100%;
    }

    .wrap-services.specific .block-service{
        margin-left: 0;
    }

    .wrap-services.specific  .order-request-wrap{
        width:367px;
        clear: both;
    }

    /*услуги вывоз отходов*/
    .wrap-services.removal .order-request-wrap{
        width: 367px;
        margin: auto;
        float: none;
    }

    .wrap-services.removal .wrap-description-services{
        display: none;
    }

    .wrap-services.removal .three-service{
        display: block;
        height:100%;
    }

    .wrap-services.removal .block-service{
        width:100%;
        float: none;
    }

    .wrap-services.removal .block-service img{
        width:auto;
        top: 50px;
    }

    .block-service img{
        left:0;
        right:auto;
    }

    /*О компании*/
    .about-us-description .description-one img, .about-us-description .description-second img{
        display: block;
    }

    .about-us-description .description-one img{
        padding-left: 90px;
    }

    .about-us-description .description-second img{
        padding-right: 50px;
    }

    span.more{
        display: block;

    }

    section.three-reasons h1, section.three-reasons h4 {
        padding-top: 0px;
    }

    .reason-wrapper {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    /*попап заявка*/
    .popup_question .order-request-wrap,
    .popup_callback .order-request-wrap {
        width: 440px;
    }
    
    .desktop-h{
        display: none;
    }

    .wrap-price .table-value-sale_sand {
        display: none;
    }
	.wrap-price .table-value-sale_sand2 {
        display: none;
    }

    .wrap-services.single-page .description-demolition.text-left{
        width:100%;
    }

    .order-request-wrap.mobile{
        display: block;
    }

    .wrap-services .order-request-wrap.desktop-block{
        display: none;
    }

    .wrap-services.specific .service-main{
        display: none;
    }

    .wrap-services.specific .service-container{
        height:100%;
        margin-bottom: 50px;

    }

    .fixed{
        position: fixed;
        top: 0;
        z-index: 9999;
    }

    .zones-btn-menu{
        background: #dcac25;
    }
    
    .zones-menu_wrap a.zones-btn{
        display: none;
    }
    
    .gradientHide{
        display: none;
    }

    .wrap-news .info-block .information-window-block span.number-news {
        font-size: 60px;
    }

    .wrap-news .information-window-block {
        width: 66px;
    }

    .wrap-news .info-block .information-window-block span.number-news::after {
        width: 66px;
    }

    .wrap-news .info-block .news-title .news-img{
        height:126px;
    }

    .wrap-news .info-block .news-title .news-img img{
        height: 100%;
    }

    .block-news-inner h1, .block-news-inner h4 {
        font-size: 37px;
    }

    .wrap-inside-page{
        overflow-x: hidden;
    }

    .wrap-services .three-service, .wrap-services .three-service .block-service{
        height:300px;
    }

    .map-wrap, .list-areas{
        width:50%;
    }

    .map-wrap svg {
        width: 100%;
    }

    .content-2  .list-areas ul {
        margin-right: 30px;
    }

    /*материалы*/
    .materials-wrapp .hidden_text{
        height:336px;
    }

    /*Услуги утиль отходов*/
    .wrap-services.removal .three-service{
        padding-top: 30px;
        width: auto;
    }

    .wrap-services.removal .block-service{
        height:auto;
        clear: both;
       /* margin-bottom: 80px;*/
    }

    .wrap-services.removal .block-service .description-services{
        width:55%;
        height:auto;
        border-right: none;
        display: inline-block;
        padding: 0;
        float: right;
    }

    .wrap-services.removal .block-service .service_img-wrap{
        margin-bottom: 0;
        position: relative;
        width: 300px;
        display: inline-block;
    }

    .wrap-services.removal .block-service .service_img-wrap a{
        position: absolute;
        top: -45px;
        left: 0px;
        width:auto;
    }

    .wrap-services.removal .block-service img {
        margin-top: 22px;
    }

    .hidden_text_wrap .slide-text {
        display: block;
    }

    .hidden_text{
        height:239px;
        overflow: hidden;
    }

    .hidden_text.active{
        height:auto;
        overflow: auto;
    }

    .hidden_text_wrap .slide-text{
        float: right;
        text-decoration: none!important;
        display: block;
        cursor: pointer;
        font-size: 14px;
        color: #000!important;
        background: url(../img/background-line.png) repeat-x bottom;
        margin-bottom: 57px;
        margin-top: 25px
    }

    .slide-text:hover{
        color: #000!important;
    }

    .block-news-inner  p{
        margin-right: 0;
    }

    .wrap-news .slide-text{
        display: none;
    }


    #menu-side.menu-responsive ul li a.calc-li{
        display: none;
    }
    .wrap-services.single-page .description-services h2{
        clear: both;
    }
    .wrap-services.single-page  .description-services img{
        display: block;
        float: none;
        text-align: center;
        margin: auto;
    }

    section.table-value-sale_sand.auto{display:none;}
    section.table-value-sale_sand2.auto{display:none;}
    .order-request-wrap.mobile {
        margin-bottom: 20px;
    }
}

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

    .icons-links-responsive .chat-i{
        display: none;
    }
    #calculator .right_block-calculator .block-calculator h4.white-h1{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .select-btn_wrap{
        width:320px;
        float: none;
        margin: auto;
    }

    .one-block-criteria span{
        display: none;
    }

    .criteria-1 .material-group2 .group-2 label{
        width: 121px;
        margin-right: 0;
    }

    .criteria-1 .material-group2 .group-2 label:before{
        bottom: 12px;
    }

    .wrap-news .info-block{
        width:46%;
        padding: 30px 20px 30px 20px;
    }
}


@media screen and (max-width: 665px) {
    .selection-area_block ul.popup-moscow_area li label,
    .choice-kilometers_block ul.popup-moscow_area li  label{
        width: 100%;
    }
    .popup-calculator, .popup-calck_sended{
        width:100%;
        left: 0;
        top:0;
        overflow: auto;
        height:100%;
    }
    .popup-calculator .block-calculator{
        width:100%;
        top:10px;
    }

    .zones-inner_wrap h1{
        text-align: left;
    }
    .zones_wrap ul.tabs{
        width:100%;
    }

    li.tab {
        width:50%;
        display: block;
        float: left;
    }

    .zones_wrap ul.tabs .tab .btn-a{
        width:100%;
    }

    .error_404_page {
        min-height: 660px;
    }

    #menu-side.menu-responsive ul li a.calc-li{
        display: block;
    }

    .wrap-news .slide-text{
        display: block;
    }

    .wrap-services.removal .block-service .description-services .slide-text{
        width: auto;
        font-family: inherit;
        font-size: 14px;
        margin-top: 14px;
    }

    .wrap-services.removal .block-service .description-services{
        height:auto;
        border-right: none;
        display: block;
        width:100%;
        padding: 0;
        padding-top: 78px;
    }

    section.attendance .order-request-wrap.desktop-block{
        width:100%;
        float: none;
    }

    .gradientHide{
        display: block;
    }

    .map-wrap, .list-areas{
        float: none;
        width:100%;
    }

    .map-wrap{
        display: none;
    }

    .content-moscow, .content-moscow-region {
        padding-bottom: 20px;
    }
    .content-1, .content-2{
        height:auto;
    }

    .wrap-services h1{
        font-family: 'bitter_bold';
        text-align: left;
        font-size: 26px;
        display: block;
        margin-bottom: 20px;
        padding-top: 20px;
    }
    
    .wrap-services .three-service{
        display: block;
        height:auto;
        margin-bottom: 0;
    }

    .wrap-services .three-service .block-service{
        width:100%;
        border:1px solid #e5e5e5;
        margin-right: 0;
        height: 87px;
        margin-bottom: 40px;
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.55);
    }

    .wrap-services .three-service .block-service img{
        bottom: auto;
        width: 119px;
        position: static;
        float: left;
        margin: 3px 17px 0 3px;
        margin-right: 17px;
        margin-left: 3px;
        max-height: 87px;
    }

    .block-service a {
        margin: 0;
        text-align: left;
        position: static;
        width: auto;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
    }

    .streamlined img{
        width: 100%!important;
    }

    .streamlined-ul{
        margin-left: 25px!important;
    }

    .order-request-wrap.mobile{
        margin-bottom: 20px;
    }

    .table-toggle-title {
        background-image: url(../img/background-header-pattern.jpg);
    }

    .table-toggle-title i {
        color: #000;
    }


    header .logo img {
        margin-top: 1px;
    }

    .logo{
       width: auto;
    }
    .logo img{
        width:125px;
    }

    .icons-links-responsive{
        display: none;
    }
    /*Главная*/
    .background-slider.mainpage .wrap-background-2.slider-element,
    .background-slider, .background-slider.mainpage .wrap-background-2.slider-element{
        height: 281px;
    }

    .wrap-li{
        width:100%;
        float: none;
    }
    
    .selection-area_block, .choice-kilometers_block {
        width: 150px;
        margin-right: 10px;
    }

    .block-calculator .count {
        margin-top: 10px;
    }

    .criteria-1, .criteria-2 {
        width: 100%;
        padding: 0;
        margin-bottom: 27px;
    }
    .criteria-2 .ul_wrap li:last-child{
        display: none;
    }

    .price_wrap {
        padding-top: 0px;
    }

    .one-block-criteria h2 {
        text-align: center;
    }

    .ul_wrap {
        border: none;
        padding: 0;
        -webkit-box-display: flex;
        -moz-box-display:flex ;
        -ms-flexbox-display: flex;
        display: flex;
        justify-content: space-around;
    }

    .criteria-2 .ul_wrap{
    }
    
    #send_request_calc {
        width:50%;
        border-bottom: 1px solid;
    }

    .reason-wrapper{
        display: block;
    }

    section.three-reasons .reasons{
        width:100%;
        margin: 0 0 60px 0;
    }

    section.three-reasons .reasons-3{
        margin: 0;
    }

    section.three-reasons .reasons i {
        display: block;
        float: left;
        margin: 0px 27px 15px 0;
    }

    section.species, section.species .species-block{
        width:100%;
        margin: 0;
    }

    section.species .species-block{
        position: relative;
    }

    .order-request-wrap{
        width:100%;
        margin-bottom: 40px;
    }

    .right-block-footer, .left-block-footer{
        width:100%;
    }

    .helper-footer, footer, .footer-wrap{
        height: 580px;
    }
    .right-block-footer{
        height:278px;
    }
    .right-block-footer, .left-block-footer{
        position: static;
    }
    .left-block-footer{
        /*height: 353px;*/
        height: auto;
    }

    footer .copyright{
        display: none;
    }

    footer .left-block-footer .address{
        float: none;
    }
    footer .left-block-footer .address span{
        display: inline-block;
    }

    footer .left-block-footer .address a.call-me{
        display: block;
        width:101px;
    }

    footer nav ul:first-child {
        margin: 0 150px 0 35px;
    }

    footer ul li {
        line-height: 59px;
    }

    footer nav ul li a{
        color:#000;
        text-decoration: underline;
    }

    .footer-navigation-left a.seofactory {
        display: block;
        position: relative;
        right: 0;
        bottom: 0;
        top:0;
        text-align: center;
        margin-top: 35px;
    }
    
    .species-block .kind.second-kind:nth-child(n+3){
        display: block;
    }

    .left_block-calculator{
        position: relative;
    }
    .left_block-calculator span.more,

    .kind-wrap span.more{
        display: block;
        float: none;
        background: url(../img/arrow-span.png) no-repeat;
        width: 30px;
        height: 30px;
        margin: 18px auto 0;
        position: relative;
        z-index: 1;
    }

    .kind-wrap{
        font-family: 'robotoregular';
        line-height: 25px;
        padding-top: 10px;
        font-size: 16px;
        overflow: hidden;
        position: relative;
        height: 250px;
    }

     .gradientHide {
        display: block;
        position: absolute;
        width: 100%;
        height: 170px;
        bottom: 0;
        left: 0;
        cursor: pointer;
        box-shadow: inset 0px -185px 195px -45px #e9e6d9;
    }

    .left_block-calculator.hiddenBlock .gradientHide{
        box-shadow: inset 0px -171px 83px -49px #fff;
    }

    .description-services.hiddenBlock{
        position: relative;
        overflow: hidden;
        height:245px;
    }

    .hiddenBlock.compact{
        height:auto;
        overflow: auto;
    }

    .description-services.hiddenBlock .gradientHide{
        box-shadow: rgb(255, 255, 255) 0px -171px 83px -49px inset;
    }



    .gradientHide .fa {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 24px;
        font-size: 29px;
        color: #000;
    }

    .gradientHide .fa-chevron-up {
        display: none;
    }

    .compact {
        height: auto;
        overflow: auto;
        padding-bottom: 50px;
    }

    .compact .fa-chevron-up {
        display: inline;
        top: 115px;
    }

    .compact .fa-chevron-down {
        display: none;
    }

    .left_block-calculator .more.active{
        transform: rotate(180deg);
    }

    .shadow-block{
        width: 100%;
        height: 100%;
        box-shadow: inset 0px -190px 190px -15px #fafafa;
        position: absolute;
        top: 0;
        left:0;
    }

    .left_block-calculator p{
        font-family: 'roboto-medium';
    }


    #menu-side.menu-responsive{
        width:270px;
    }

    .wrap-news .info-block{
        width:100%;
        margin-right: 0;
    }

    .block-news-inner .image-news{
        float: none;
        margin: auto;
        width: 100%;
        height: auto;
        padding-top: 20px;
    }

    .block-news-inner  p{
        margin-right: 0;
    }

    .block-news-inner  h1, .block-news-inner  h4{
        font-size: 30px;
    }

    .wrap-news .info-block .news-title {
        width: 70%;
    }

    .about-us-description .description-one img{
        padding-left: 0;
        float: none;
        margin: auto;
    }

    section.about-us-description {
        padding-top: 50px;
    }

    .about-us-description.hiddenBlock{
        position: relative;
        height: 600px;
        overflow: hidden;
    }

    .about-us-description.hiddenBlock.compact {
        height: auto;
        overflow: auto;
        padding-bottom: 50px;
    }

    .background-tractor.backg-even{
        margin-top: 0px;
    }

    .helper-footer{
        margin-top: 0;
        display:none;
    }

    footer{position:static;}

    .helper-footer, footer, .footer-wrap {
        height: auto;
    }

    .species .order-request-wrap{float:none;}

    .about-us-description.hiddenBlock .gradientHide {
        height: 160px;
        box-shadow: inset 0px -220px 80px -85px #e9e6d9;
    }

    .about-us-description.hiddenBlock .gradientHide .fa{
        bottom: 46px;
    }

    .species .order-request-wrap{
        margin-top: 0;
    }

    .contacts-information{
        height:auto;
        background: none;
    }

     .contacts-infoblocks{
        width:100%;
         background: url(../img/background-footer-left.jpg);
    }

    .contacts-wrapp .form-popup {
        width: 100%;
        float: none;
    }

    .contacts-wrapp .block-info-1,
    .contacts-wrapp .block-info-2{
        width:100%;
        float: none;
    }

    .address:before, .clock:before{
        display: none;
    }

    .contacts-wrapp .information-icons .wrap-icon{
        margin-bottom: 25px;
        margin-top: 0;
        height:auto;
        padding-left: 48px;
        position: relative;
        top: -18px;
    }

    .contacts-wrapp .address h2, .contacts-wrapp .clock h2,
    .contacts-wrapp .phone-contacts h2, .contacts-wrapp .email h2 {
        top: 6px;
        left: 52px;
    }
    .contacts-wrapp .phone-contacts, .contacts-wrapp .email{
        padding-left: 0;
    }

    .contacts-wrapp .address h2,
    .contacts-wrapp .clock h2,
    .contacts-wrapp .phone-contacts h2,
    .contacts-wrapp .email h2 {
        top: -33px;
    }

    .wrap-comments .comments-container, .wrap-comments .comments-container .info-block_wrap,
    .wrap-comments .comments-container .info-block_wrap .info-block {
        display: block;
        width:100%;
    }

    .wrap-comments .info-block:before{
        display: none;
    }

    .wrap-comments .info-block:nth-child(even) {
         padding-left: 0px;
    }

    .wrap-comments .info-block:nth-child(odd) {
        padding-right: 0px;
    }

    /*скрываем текст отзыва*/
    .wrap-comments .info-block.hiddenBlock{
        position: relative;
        height: 261px;
        overflow: hidden;
    }

    .wrap-comments .info-block.hiddenBlock.compact {
        height: auto;
        overflow: auto;
        padding-bottom: 50px;
    }

    .wrap-comments .info-block.hiddenBlock .gradientHide {
        height: 100px;
        box-shadow: inset 0px -170px 70px -85px #fff;
    }

    /*.wrap-comments .info-block.hiddenBlock .gradientHide.active_gradient{
        box-shadow: inset 0px -150px 70px -85px #fff;
    }
*/
    .wrap-comments .info-block.hiddenBlock .gradientHide .fa{
        bottom: 46px;
        bottom: 19px;
        font-size: 24px;
    }

    .wrap-comments .information-window-block{
        float: none;
        width: 100%;
        height: auto;
    }

    .wrap-comments .information-window-block img{
        float: left;
        width: 78px;
    }

    .wrap-comments .information-window-block .span-wrap{
        float: left;
        width: 180px;
        max-width: 665px;
        margin: 23px 0 0 15px;
    }

    .wrap-comments .information-window-block .span-wrap .name-withdraw{
        font-size: 18px;
        width: 200px;
    }

    .wrap-comments .information-window-block .span-wrap .date_span{
        font-size: 14px;
        display: block;
        margin-top: 15px;
    }

    .mobile-block.description-material{
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0;
    }

    .mobile-block.description-material p{
        display: none;
    }

    .materials-wrapp .calculator  .left_block-calculator #slider-wrap{
        float: left;
        width: 100%;
    }

    .text_wrap{
        font-family: 'robotoregular';
        font-size: 14px;
        margin-bottom: 30px;
        line-height: 25px;
    }

    .block-news-inner .container{
        padding-bottom: 100px;
    }

    .block-btn a{
        float: right;
        cursor: pointer;
        font-size: 14px;
        color: #1d1d1d;
        background: url(../img/background-line.png) repeat-x bottom;
        text-decoration: none;
    }

    .text_wrap.show-text{
        overflow: auto;
        height:auto;
    }

    .block-btn a.active, .block-btn a.active:hover{
        text-decoration: none!important;
    }


    .block-news-inner a:hover {
         text-decoration: none;
    }

    .materials-wrapp section.attendance .our-dignity .order-request-wrap.desktop-block{
        width: 100%;
        margin-bottom: 20px;
    }

    .materials-wrapp section.attendance .our-dignity  .description-demolition{
        width: 100%;
        padding-right: 0;
        height:245px;
        overflow: hidden;
        position: relative;
    }

    .materials-wrapp section.attendance .our-dignity  .description-demolition.compact{
       overflow: auto;
        height: auto;
    }

    /*Услуги Утиль отходов*/
    .wrap-services.removal .three-service .block-service{
        height:auto;
        box-shadow: none;
        border:none;
        position: relative;
        clear: both;
    }

    .wrap-services.removal .block-service .service_img-wrap{
        width: 100%;
        border: 1px solid #e5e5e5;
        margin-right: 0;
        height: 87px;
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.55);
        margin-top: 0!important;
        padding-right: 0;
        margin-bottom: 20px!important;
    }

    .wrap-services.removal .block-service .service_img-wrap img {
        position: relative;
        margin-top: 0;
        left: 7px;
        top:14px;
        height: 70px;
        margin-right: 30px;
        width: 82px;
    }

    .wrap-services.removal .block-service.service-2 .service_img-wrap img {
        top:14px;
    }

    .wrap-services.removal .block-service .service_img-wrap a{
        top: 58%;
        transform: translateY(-50%);
        position: absolute;
        left: 98px;
        font-size: 17px;
    }

    .wrap-services.removal .block-service .description-services {
        display: none;
        padding-top: 0;
        clear: both;
    }

    .wrap-services.removal .block-service .description-services p{
        clear: both;
    }

    .wrap-services.removal .block-service  i{
        position: absolute;
        right: 15px;
        top: 36px;
        display: block;
        font-size: 20px;
        color:#d94747;
        z-index: 800;
    }

    .wrap-services.removal .block-service.service-2 .service_img-wrap a {
        top: 66%;
        bottom:inherit;
    }

    /*внутренняя услуг*/
    .wrap-services.single-page .description-demolition.text-left{
        width:100%;
        padding-right: 0;
    }

    /*перевозка сып материалов*/
    .table-mobile .table-box{
        margin-bottom: 25px;
    }

    /*Стили для расскрыв текста*/
    .hidden_text{
        height:180px;
        overflow: hidden;
    }

    .hidden_text.active{
        height:auto;
        overflow: auto;
    }

    .hidden_text_wrap .slide-text{
        float: right;
        text-decoration: none!important;
        display: block;
        cursor: pointer;
        font-size: 14px;
        color: #000!important;
        background: url(../img/background-line.png) repeat-x bottom;
    }

    .slide-text:hover{
        color: #000!important;
    }
    .materials-wrapp .slide-text{
        display: none;
    }
    .background-slider.mainpage .wrap-background-2 h1 {
        font-size: 20px;
    }

    .wrap-news .i-links{
        margin-bottom: 35px;
    }

}

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

    table.image td {
        width: 100%;
        display: block;
    }
    .zones-inner_wrap img{
        float: none;
        display: block;
        margin: auto;
        margin-bottom: 14px;
    }
    .table-box{
        margin-bottom: 25px;
    }


    .header_table-mobile{
        padding: 0;
        height:94px;
        position: relative;
        background: none;
    }
    .content_table-mobile .image-box_mobile{
        display: none;
    }

    .header_table-mobile .image-box_mobile_header{
        display: inline-block;
        position: absolute;
        width:35%;
        left:0;
        height:100%;
        overflow: hidden;
        background-image: url(../img/background-header-pattern.jpg);
    }
    .header_table-mobile .image-box_mobile_header img{
        /*width:100%;
        height:100%;*/
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    
    .btn-name-box_wrap{
        width:65%;
        position: absolute;
        right:0;
        height:100%;
    }
    .btn-name-box_wrap > div{
        width:100%;
        height: 50%;
        position: relative;
        background-image: url(../img/background-header-pattern.jpg);
    }

    .btn-name-box_wrap .image_name{
        text-align: center;
        background: #fff;
        padding-left: 10px;
    }

    .btn-name-box_wrap .image_name span{
        width:100%;
    }

    .btn-name-box_wrap .image_name span, .btn_order a{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }

    .btn_order a {
        display: block;
        width: 70px;
        float: none;
    }

    .content_table-mobile  .data-list{
        width:100%;
    }

    .data-list .caption-link{
        padding: 0 0 0 10px;
    }

    .data-list .caption-link,  .data-list .caption{
        top: 50%;
        transform: translateY(-50%);
        position: relative;
    }

    .data-list .caption {
        width: 72px;
    }

    .data-list .link{
       border-bottom: 1px solid #bab9b6;
        height: 45px;
        padding: 0;
    }

    .data-list .link:before {
         width: auto;
         border-bottom: none;
    }

    .wrap-comments .i-links {
        margin-bottom: 20px;
    }

    .popup_request, .popup_callback, .popup_question, .popup_sended {
        /*width:100%;
        transform: translate(-50%, -50%);*/
        width: 100%;
        /* transform: translate(-50%, -50%); */
        /* position: absolute; */
        /* top: 0; */
        /* left: 0; */
        top: 15px;
        left: auto;
        transform: none;
        height: 100%;
        overflow: auto;
        z-index: 10000;
    }
    .popup_question .order-request-wrap, .popup_callback .order-request-wrap {
        width: 100%;
    }

    .wrap-price .popup div.close_popup,
    .wrap-price .popup-calculator div.close_popup-calculator,
    .wrap-price .popup-calck_sended div.close_popup-calculator {
        right: 19px;
        top: 15px;
        z-index: 10;

}

@media screen and (max-width: 610px) {
    section.table-value-sale_sand table td{
        padding: 9px 7px;
    }
	section.table-value-sale_sand2 table td{
        padding: 9px 7px;
    }
}

@media screen and (max-width: 550px) {
    .right-zones-block .minimal.desktop {
        font-size: 16px;
        padding: 15px 5px;
    }
    .contacts .contacts_wrap .phone{
        display: none;
    }

    .order-request-wrap.mobile {
        width:100%;
    }

    .data-list .caption-link{
        width:208px;
    }

    .left-zones-block .info-price_box{
        width:100%;
        height:auto;
    }
    .left-zones-block .info-price_box button{
        position: static;
        transform: none;
        margin-top: 15px;
    }
}

@media screen and (max-width: 530px){
    #calculator .one-block-criteria input{
       margin-left: 0;
        width:100%;
    }
    #calculator .one-block-criteria ul  li{
        padding-right: 0;
    }

    #calculator .one-block-criteria label{
       margin-right: 10px;
    }

     .table-value-sale_sand table,
     .table-value-sale_sand table tbody,
     .table-value-sale_sand table tr.hover,
     .table-value-sale_sand table td.name-sand{
        display: block;
        border: none;
    }

     .table-value-sale_sand table tr.name-1{
        display: none;
    }

     .table-value-sale_sand table td.first{
        display: none;
    }
     .table-value-sale_sand table tr.hover{
        background: #fff;
        margin-bottom: 10px;
        border: none;
        border: 1px solid #c2c2c2;
        height:45px;
        overflow: hidden;
    }

     .table-value-sale_sand table tr.hover.show-overflow-text{
        overflow: auto;
        height:auto;
    }

     .table-value-sale_sand table tr.hover td{
        min-width:108px;
        border:none;
    }

    .table-value-sale_sand table tr.hover td:nth-child(1){
        padding: 9px 30px 0 15px;
    }

    .table-value-sale_sand table tr.hover td:nth-child(2){

    }

     .table-value-sale_sand table td.name-sand{
        margin-bottom: 25px;
        position: relative;
    }

     .table-value-sale_sand table td:nth-child(2),
     .table-value-sale_sand table td:nth-child(3){
        position: relative;
        /*left:80px;*/
         right: -79px;
    }

     .table-value-sale_sand table td:nth-child(3){
        float: left;
    }

     .table-value-sale_sand table td:nth-child(2):before{
        content:'тонна';
        position: absolute;
        left: -61px;
        font-family: 'bitter_bold';
        font-size: 14px;
    }

    .table-value-sale_sand table td:nth-child(3):before{
        content:'мешок';
        position: absolute;
        left: -61px;
        font-family: 'bitter_bold';
        font-size: 14px;
    }

     .table-value-sale_sand table td.order{
        float: right;
        /*width: 40%;*/
        position: relative;
        top: -17px;
        right: 15px;
        width:32%;
        min-width:initial!important;
        padding:8px 10px;
    }
	     .table-value-sale_sand2 table,
     .table-value-sale_sand2 table tbody,
     .table-value-sale_sand2 table tr.hover,
     .table-value-sale_sand2 table td.name-sand{
        display: block;
        border: none;
    }

     .table-value-sale_sand2 table tr.name-1{
        display: none;
    }

     .table-value-sale_sand2 table td.first{
        display: none;
    }
     .table-value-sale_sand2 table tr.hover{
        background: #fff;
        margin-bottom: 10px;
        border: none;
        border: 1px solid #c2c2c2;
        height:45px;
        overflow: hidden;
    }

     .table-value-sale_sand2 table tr.hover.show-overflow-text{
        overflow: auto;
        height:auto;
    }

     .table-value-sale_sand2 table tr.hover td{
        min-width:108px;
        border:none;
    }

    .table-value-sale_sand2 table tr.hover td:nth-child(1){
        padding: 9px 30px 0 15px;
    }

    .table-value-sale_sand2 table tr.hover td:nth-child(2){

    }

     .table-value-sale_sand2 table td.name-sand{
        margin-bottom: 25px;
        position: relative;
    }

     .table-value-sale_sand2 table td:nth-child(2),
     .table-value-sale_sand2 table td:nth-child(3){
        position: relative;
        /*left:80px;*/
         right: -79px;
    }

     .table-value-sale_sand2 table td:nth-child(3){
        float: left;
    }

     .table-value-sale_sand2 table td:nth-child(2):before{
        content:'марка';
        position: absolute;
        left: -61px;
        font-family: 'bitter_bold';
        font-size: 14px;
    }

    .table-value-sale_sand2 table td:nth-child(3):before{
        content:'цена';
        position: absolute;
        left: -61px;
        font-family: 'bitter_bold';
        font-size: 14px;
    }

     .table-value-sale_sand2 table td.order{
        float: right;
        /*width: 40%;*/
        position: relative;
        top: -17px;
        right: 15px;
        width:32%;
        min-width:initial!important;
        padding:8px 10px;
    }

    .trig-block{
        position: absolute;
        border: 6px solid transparent;
        border-top: 10px solid #ffe837;
        right: 17px;
        top: 17px;
    }

    .trig-block.active{
        border: 6px solid transparent;
        border-bottom: 10px solid #ffe837;
        top: 9px;
    }

    section.table-value-sale_sand table tr.hover:hover {
        cursor: pointer;
        outline: none;
    }

    section.table-value-sale_sand table tr.hover:hover td {
        border-style: none;
        border-width: 0;
        border-color: none;
    }

    section.table-value-sale_sand table tr.hover:hover a {
        color: #000;
        background: none;
    }

    section.table-value-sale_sand table{
        border:none!important;
    }

    .materials-wrapp section.table-value-sale_sand table tr.hover{
        padding-bottom: 45px;
        min-width: 290px;
    }

    .materials-wrapp .table-value-sale_sand table td.order{
        top:26px;
        float:right;
        width:32%;
        min-width:initial;
        padding:8px 10px;
    }

    .materials-wrapp  section.table-value-sale_sand tr td:nth-child(5){
        position: relative;
        top: 35px;
        left: -28px;
        right: 8px;
        float: left;
    }

    .materials-wrapp  section.table-value-sale_sand tr td:nth-child(6){
        position: relative;
        top: 65px;
        left: -135px;
        float: left;
    }

    .materials-wrapp  section.table-value-sale_sand tr td:nth-child(5):before,
    .materials-wrapp  section.table-value-sale_sand tr td:nth-child(6):before {
        content: '10 м³';
        position: absolute;
        font-family: 'bitter_bold';
        font-size: 14px;
    }

    .materials-wrapp  section.table-value-sale_sand tr td:nth-child(5):before{
        left: -62px;
        content: '5 м³';
    }

    .materials-wrapp  section.table-value-sale_sand tr td:nth-child(6):before {
        left: -64px;
    }
	
	section.table-value-sale_sand2 table tr.hover:hover {
        cursor: pointer;
        outline: none;
    }

    section.table-value-sale_sand2 table tr.hover:hover td {
        border-style: none;
        border-width: 0;
        border-color: none;
    }

    section.table-value-sale_sand2 table tr.hover:hover a {
        color: #000;
        background: none;
    }

    section.table-value-sale_sand2 table{
        border:none!important;
    }

    .materials-wrapp section.table-value-sale_sand2 table tr.hover{
        padding-bottom: 45px;
        min-width: 290px;
    }

    .materials-wrapp .table-value-sale_sand2 table td.order{
        top:26px;
        float:right;
        width:32%;
        min-width:initial;
        padding:8px 10px;
    }

    .materials-wrapp  section.table-value-sale_sand2 tr td:nth-child(5){
        position: relative;
        top: 35px;
        left: -28px;
        right: 8px;
        float: left;
    }

    .materials-wrapp  section.table-value-sale_sand2 tr td:nth-child(6){
        position: relative;
        top: 65px;
        left: -135px;
        float: left;
    }

    .materials-wrapp  section.table-value-sale_sand2 tr td:nth-child(5):before,
    .materials-wrapp  section.table-value-sale_sand2 tr td:nth-child(6):before {
        content: '10 м³';
        position: absolute;
        font-family: 'bitter_bold';
        font-size: 14px;
    }

    .materials-wrapp  section.table-value-sale_sand2 tr td:nth-child(5):before{
        left: -62px;
        content: '5 м³';
    }

    .materials-wrapp  section.table-value-sale_sand2 tr td:nth-child(6):before {
        left: -64px;
    }

}

@media screen and (max-width: 400px) {
    #send_request_calc{
        font-size: 12px;
        height:100%;
    }
}
    .add_bg_404 {
        background: url(../img/image-adaptation/error-404-mob.png) no-repeat center 100px;
        background-size: contain;
    }

    .wrap-services.removal .order-request-wrap {
        width: 100%;
    }

    .criteria-1 .ul_wrap, .criteria-2 .ul_wrap {
        display: block;
    }

    .select-btn_wrap {
        width: 100%;
    }

    .selection-area_block, .choice-kilometers_block {
        margin-right: 0;
        width: 45%;
    }

    footer nav ul:first-child {
        margin: 0 100px 0 0;
    }

    .wrap-news .info-block .information-window-block span.number-news {
        font-size: 54px;
    }

    .wrap-news .information-window-block {
        width: 57px;
    }

    .wrap-news .info-block .information-window-block span.number-news::after {
        width: 57px;
    }
}

@media screen and (max-width: 440px) {
    .wrap-services.single-page  .description-services img{
        width:100%!important;
    }
    .zones_wrap {
        height: 780px;
    }

    .wrap-services.removal .block-service.service-2 .service_img-wrap a {
        top: 50%;
        width: 120px;
    }
}

@media screen and (max-width: 360px) {
    .zones_wrap{
        height: 1090px;
    }
    .materials-wrapp  section.table-value-sale_sand tr td:nth-child(6){
        top: 33px;
        left: 82px;
    }
	.materials-wrapp  section.table-value-sale_sand2 tr td:nth-child(6){
        top: 33px;
        left: 82px;
    }
    .zones-inner_wrap img{
        width:100%!important;
        height:auto!important;
    }
}

@media screen and (max-width: 340px) {
    .wrap-services .block-service a {
        font-size: 15px !important;
    }

    .data-list .caption-link {
        font-size: 12px;
        width: 205px;
    }
}