@media (min-width: 992px) {
    body {
        padding-left: 300px;
    }
}

.navbar-header{
    height: 50px;
    line-height: 50px;
}

.adaptive_logo{
    width: auto;
    height: 100%;
    display: none;
    vertical-align: middle;
}

.tel-mob{
    display: none;
}

.address-mob{
    display: none !important;
}

.zayavka
{
    font-size: 25px;
    font-family: 'Bad Script', sans-serif;
    color: #3ca630;
}

.dot
{
    list-style: none;

}
.dot li::before {
    color: #3ca630;
    content: "●";
    padding-right:10px;
}
.contact_form
{
    margin-top: 30px;
}
.contact_form label
{
color:white;
    float: left;
}
.contact_form .form-control
{
    background: transparent;
    border:none;
    border-bottom: 2px solid grey;
    border-radius: 0;
    color:white;
    font-size:20px;
}

.contact_form .form-group:nth-child(2), .contact_form .form-group:nth-child(3) {
    height: 115px;
    vertical-align: top;
}

.contact_form .form-control:focus
{
    background: transparent;
    border:none;
    border-bottom: 3px solid #3ca630;
    box-shadow: none;
}
.contact_form .purple_button
{
   border: 1px solid #3ca630;
    background: transparent;
}

.contact_form .form-group:nth-child(2)
{
    margin-right: 30px;
}
.contact_form .form-group:nth-child(2),
.contact_form .form-group:nth-child(3)
/*.contact_form .form-group:nth-child(4)*/
{
    display: inline-block;
}
html, body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    /*height: 100%;*/
}
.politic_link
{
    font-size: 14px;
    color: gray;
}
.politic_link a
{
    color: #3ca630;
}
#logo_tree {
    width: 92px;
    vertical-align: middle;
    float: left;
    left: 13%;
    top: 10%;
    position: absolute;
    display: none;
}

#email_nav {

    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: mail;
    vertical-align: middle;
    float: right;
    right: 12%;
    top: 20%;
    position: absolute;
    width: 35px;
    cursor: pointer;

}
 .breadcrumb-container
 {
    background-color: #f9f9f9;
     padding-left: 0;
 }

.breadcrumb {
    padding: 8px 15px;

    margin-bottom: 0;
    list-style: none;
    background-color: #f9f9f9;
    border-radius: 4px;
}

.breadcrumb > li a {
    color: #989898;
}

.breadcrumb > .active {
    color: #3ca630;
}

.breadcrumb > .active {
    display: inline-block;
    border-bottom: none;
    padding-bottom: 0px;
    background-color: transparent;
}
.slogan_index
{
    font-size: 25px;
    float:right;
    font-family: 'Bad Script', sans-serif;
    color: #3ca630;
    margin-bottom: 45px
}

.help-block-error
{
    margin-top: 10px !important;
    font-size: 15px !important;
}


.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url('/img/icon_top.png') no-repeat;
}

.whatsapp{
    position: fixed;
    bottom: 120px;
    right: 98px;
    opacity: 0.4;
}

.scrollup:hover, .whatsapp:hover{
    opacity: 1;
}

.hr {
    width: 60%;
    border: 1px solid #c7c7c7;
    opacity: 0.6;
}

.text_logo {
    /*color: #3ca630;*/
    color: #ffa825;
    font-family: 'Bad Script', cursive;
    font-size: 38px;
    line-height: 35px;
}

.img_div {
    overflow: hidden;
    position: relative;
    text-align: center;
}

.img_div img {
    margin-bottom: 20px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.cursive_text {
    font-family: 'Bad Script', cursive;
    color: white;
    /*width: 550px;*/
    font-size: 24px;
    text-align: left;
    padding-left: 20px;
    border-left: 5px solid #3ca630;
}

.hidden-animate {
    opacity: 0;
}

.visible-animate {
    opacity: 1;
}

h1 {
    font-size: 48px;
    color: #333333;
    /*font-family: 'Poiret One', cursive;*/
	font-family: 'Open Sans','Comfortaa', sans-serif;
}

h2 {
    font-size: 44px;
    color: #333333;
    font-family: 'Open Sans','Comfortaa', sans-serif;;
}

h3 {
    font-size: 38px;
    color: #333333;
    font-family: 'Open Sans','Comfortaa', sans-serif;;
}

.main_h2{
    text-align: center;
}

.main_h2:after {
    content: "";
    width: 80%;
    height: 2px;
    background: linear-gradient(to left,rgba(255, 255, 255, 0.0),rgb(255, 162, 0));
    display: block;
    margin-top: 16px;
    margin-bottom: 15px;
}
/*
h3 {

    font-size: 48px;
    font-family: 'Open Sans','Comfortaa', sans-serif;
    color: #333333;
}*/

.h3_main {
    font-size: 32px;
    color: #333333;
    /*font-weight: bold;*/
    font-family: 'Open Sans','Comfortaa', sans-serif;
    margin-bottom: 15px;
}

.main-menu {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.84);
    opacity: 0.9;
    color: white;
    z-index: 5;
    width: 100%;
}

.main-menu .container {
    min-height: 0;
}

.main-menu .nav {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fixed-menu {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2;
    /*background-color: rgba(0, 0, 0, 0.84);*/
}

.unfixed-menu {
    position: relative;
    width: 100%;

}


.mp-main_arrow {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: arrow;
    /*bottom:4vh;*/
    left: 48%;
    position: absolute;
    bottom: 10%;
}

@keyframes arrow {
    0%, 100% {
        bottom: 10%;
    }
    50% {
        bottom: 7%;
    }
}

.navbar-nav > li > .dropdown-menu {

    margin-top: 8px;
}

.dropdown-menu {
    background: rgba(255, 255, 255, 1);
    transform: translateX(-50%);
    left: 50%;

    font-size: 12px;
    border-bottom: 3px solid #3ca630;
    padding-bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.dropdown-menu > li {
    border: none !important;
    text-align: center;
    padding: 0 !important;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none;
    border-bottom: 1px solid #3ca630;
    color: black;
    transition-duration: 0.3s;
}

.dropdown-menu > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    text-transform: none;
    clear: both;
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-top: 9px;

}

.dropdown-menu {
    margin-top: 0px;
}

.caret{
    margin-left: 10px;
}

.main_slogan {
    color: white;
    font-size: 54px;
    font-weight: bold;
    font-family: 'Comfortaa', sans-serif;
}

.modal-header {
    background: #3ca630;
    text-align: center;
    color: white;
    font-size: 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.modal-header .close {
    color: white;
    opacity: 0.8;
    font-size: 24px;
}

.divider {
    display: block;
    color: inherit;
    padding: 0;
    border-width: 4px;
    width: 55px;
    border-style: none none solid none;
}

.divider-1 {
    border-color: #82B064;
    margin: 25px auto 22px;
}



.purple_button {
    background-color: #ffa825;
    /*background-color: #3ca630;*/
    border: medium none;
    border-radius: 4px;
    color: white;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    padding-left: 0;
    vertical-align: middle;
    width: 250px;
    margin-top: 20px;
    margin-right: 10px;
}

.tab_button{
	width: 100%;
}

.purple_button_top
{
    /*position: absolute;*/
    /*right:10%;*/
    float:right;
    margin-top: 0;
    font-size: 18px;
    margin-left: -300px;
}

.purple_button_top_phone
{
    display:none;
    width: 50px;
    float:right;
    margin-top: 0;
    font-size: 18px;
    margin-left: -300px;
}

.purple_button:hover {
    /*background: rgb(53, 145, 42) none repeat scroll 0 0;*/
    background: rgb(255, 188, 37) none repeat scroll 0 0;
}

.purple_button img {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border-right: 1px white solid;
    float: left;
    width: 50px;
}
.purple_button_top_phone img
{
    border-right: none;
}

.small_btn {
    width: 200px;
    height: 75px;
    padding: 5px;
}

.green_button {
    border: 1px solid #3ca630;
    border-radius: 4px;
    padding: 5px;
    background: transparent;
    font-size: 22px;
    color: #333333;
    width: 160px;
    /*text-transform: uppercase;*/;

}

.green_button:hover {

    color: white;
    -webkit-transition: color 1s;
    transition: background-color 1s;
    background: #3ca630;
}

.green_button_solid {
    border: none;
    border-radius: 4px;
    padding: 5px;
    background: #3ca630;
    font-size: 22px;
    color: white;
    width: 180px;

}

.green_button_solid:hover {

    color: #3ca630;
    -webkit-transition: color 1s;
    transition: background-color 1s;
    background: white;
}

.main_link {

    color: #3ca630;
    text-decoration: none;
    cursor: pointer;
}

.main_link:hover {
    text-decoration: none;
    color: white;
}

p {
    font-size: 18px;
}

.green {
    color: #3ca630;
}

.green_bold {
    font-weight: bold;
    color: #3ca630;
}

.slogan {
    font-size: 36px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.slogan_small {
    font-size: 28px;
}

.top_bg {
    /*background-color: rgba(0, 0, 0, 0.5);*/
}

.top {
    background: url(/img/BG_web.jpg) no-repeat center fixed;
    background-size: cover;
    height: calc(100vh - 150px);
    position: relative;
}

.top_main {

    height: 70px;

}
.index_city
{
    text-transform:capitalize;
    font-size:50px;
    color:white;
    border-bottom:3px solid #ffa825;
}

.index_slogan
{
    /* font-family: 'Bad Script','sans-serif';
    font-weight: bold;  */
    margin-top: 20px ;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 10px;
    font-size: 24px !important;
}
.validator
{
display:none;
}
/* Header */
.header {
    /*padding: 10px 0;*/
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1)), url(/img/BG_web.jpg) no-repeat center fixed;
    background-size: cover;
}

.logo {
    margin: 0;
}

.contacts {
    margin-top: 25px;
    /*padding-bottom: 100px;*/
    vertical-align: top;
    line-height: 24px;
}

.phone, .phone_footer{
    font-size: 24px;
    /*margin-bottom: 10px;*/
    display: inline-block;
    color: #383838;
    text-decoration: none;
}

.phone:hover, .phone_footer:hover {
    text-decoration: none;
    color: #3ca630;
}

#address:hover{
    color: #383838;
}

/*@media (min-width: 992px)*/

.gray_block {
    background-color: #ebebeb;
    padding-top: 100px;
    padding-bottom: 100px;
}

.open > .dropdown-menu {
    display: inline;
}

.nav > li > a:hover, .nav > li > a:focus {
    color: white !important;
}

.nav > li:hover, .nav > li:focus {
    background: #42b635 !important;
}

.active {
    /* border-bottom: 3px white solid; */
    /* padding-bottom: 6px; */
    /* background-color: #42b635; */
    /*border-left: 2px white solid;*/
}

.mousehoverimage .active{
    background-color: transparent;
}

.nav li:last-child {
    border-right: none;
}

.nav li:hover {
    cursor: pointer;
    color: #3ca630;
    -webkit-transition: color 1s;
    transition: color 1s;
    background-color: #42b635;
    border-bottom: 3px #3ca630 solid;
}

.dropdown-menu li:hover {
    cursor: pointer;
    color: #3ca630;
    -webkit-transition: color 1s;
    transition: color 1s;
    background-color: transparent;
    border-bottom: 3px white solid;
}

.nav > li > a {
    color: white;
}

.navbar-nav {
    float: none;
    text-align: center;
    margin: 0 -15px;
}

.navbar-nav li {
    float: none;
    display: inline-block;
}

.dropdown-menu li {
    display: block;
}

.parent {
    display: table;
}

.child {
    display: table-cell;
    vertical-align: middle;
}

#address {
    /*margin-top:-10px;*/
}

.city {
    font-size: 27px;
}

.img-title {
    font-size: 3.4rem !important;
}

#adaptive_menu {
    background: #3ca630;
    border-radius: 0;
    color: white;
    border: none;
    text-align: center !important;
    height: 50px;
    z-index: 50;

    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

.nav li {
    font-size: 14px;
    text-transform: uppercase;
    /*display:inline;*/
    color: white;
    /*border-right: 2px white solid;*/
    /*padding: 20px;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/

}


.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
    background-color: #4bd03d !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #4bd03d !important;
}

.navbar-toggle {
    background-color: #42b635;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
.navbar-toggle {
    border: none;
    border-radius: 4px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: white;
    background-color: #42b635;
}

/* Jumbotron */
.jumbotron {

    background: none;
    /*position: relative;*/
    bottom: 20%;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .4);
    height: 600px;
    color: white;
    text-align: center;
}

.jumbotron h1 {
    text-align: center;
    color: #fff;

}

.jumbotron p {
    font-size: 30px;
    margin-bottom: 70px;
}

.jumbotron h2 {
    text-transform: uppercase;
    font-size: 54px;
    font-weight: bold;
    font-family: "Open Sans Condensed", sans-serif;
    color:white;
    margin:0;
}

.jumbotron button {

    border: 3px white solid;
    border-radius: 10px;
    padding: 15px;
    background: transparent;
    font-size: 24px;
}

.jumbotron button:hover {

    color: rgba(41, 43, 43, 0.77);
    -webkit-transition: color 1s;
    transition: background-color 1s;
    background: white;
}


.introduction {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 21px;
    background-color: #f9f9f9;
}
.introduct_index
{
    padding-left: 30px;
}

.introduct_h1
{
    margin-bottom: 50px;
    font-size: 32px;
    font-family: Oswald, sans-serif;
    color: #20272f;
    /*text-transform: uppercase;*/
}

.introduction p {
    font-family: 'Open Sans', sans-serif;
    /*color: #959595;*/
	color: black;
    font-size: 16px;
    line-height: 30px;
}

.spb {
    margin-bottom: 20px;
    margin-top: 0px;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    color: #20272f;
}

.nav-images h2 {
    font-family: 'Comfortaa', sans-serif;

}

.nav-images {
    padding: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
}

/*
.classhe
{
background:none;
 -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-bottom: 2px solid white;

}*/

.img-title {
    z-index: 1;
    display: table;
    position: absolute;
    top: 150px;
    width: 100%;
    text-align: center;
    font-size: 38px;
    color: white;
    cursor: pointer;
    /*font-family: 'Comfortaa', 'Open Sans', sans-serif;*/
    font-family: 'Open Sans','Comfortaa', sans-serif;
}

.img-container {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.img-container img {
    height: 300px;
}

.img-container img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

.img-container h2,
.img-container p {
    text-shadow: black 0 0 10px;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

.img-container h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.img-container p {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

.img-container:hover img,
.img-container:hover p {
    opacity: .8;
}

.img-container:hover img,
.img-container:hover h2,
.img-container:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.img-container:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/* Supporting */
.supporting {
    text-align: center;

    color: #fff;
    margin-top: 40px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .4);
}

.button {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}

.btn-default {
    font-size: 18px;
    padding: 10px 40px;
    color: white;
    background-color: rgba(0, 255, 188, 0.5);
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari 4 */
    border-radius: 5px; /* IE 9, Safari 5, Chrome */
}

.btn-default:hover {
    color: white;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .5);
}

.banner {
    background-color: #464646;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/img/wall_bg.jpg) no-repeat center fixed;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/img/wall_bg.jpg) no-repeat center fixed;
    background-size: cover;
    /*height: 550px;*/
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
}


.banner_title {
    font-family: 'Open Sans';
    color: white;

    font-size: 32px;
    /*position: absolute;*/
    /*left: 0;*/
}

.support-new {
    background-size: cover;
    height: 300px;
    text-align: center;
}

.support-new .container {
    position: relative;
    top: 100px;
}

.support-new h1,
.support-new h2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 40px;
    margin: 0 0 20px 0;
    padding: 50px 0 0;
}

.advantages {
    background-color: #FFF;
    padding: 10px;
    padding-top: 50px;
    padding-bottom: 50px;

}

.cont {
    background-color: #fff;
}

blockquote {
    /*height:110px;*/
    height: auto;
    text-align: left;
    border-left: 3px solid #82B064;
    padding-top: 13px;

}

.addDiv {
    padding: 10px;
    width: 100%;
    /*text-align: center;*/
    background: #F0F0F0;
    padding-top: 50px;
    padding-bottom: 50px;
}

.addBlock {
    background-color: #fff;
    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.11);
    padding: 57px 50px 95px;
    height: 520px;

}

.addBlock img {
    width: 60px;
    height: 60px;
    line-height: 56px;
    font-size: 60px;
}

.addBlock a {
    color: grey;
    text-decoration: none;

}

.addBlock p {
    font-family: 'Comfortaa', sans-serif;
    margin-top: 49px;

    text-align: left;
    font-size: 16px;
}
.slider-block
{
    height: 600px;
    overflow: hidden;
}
.slick-next {
    right: 25px;
}
.slick-prev {
    left: 25px;
}
.slick-prev, .slick-next {
    top: 19%;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 2;
    opacity: 0.6;
}
.slick-prev:hover, .slick-next:hover
{
     opacity: 1;
}

.text-bold {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.price-block
{
    background-color: #fff;
    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.11);
    padding: 28px 13px 40px;
    border-radius: 10px;
    flex: 1; /* заполняет всё доступное пространство внутри .package */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* равномерно распределяет элементы по высоте */
}
.price-block
{
        background: #f4fff3;
}
.price-block.sec-block
{
        background: #e2ffdf;
}.price-block.third-block
{
          background: #ccf7c8;
}
.packages-container{
    display: flex;
    overflow-x: auto;
    align-items: stretch; /* Растягивает все .package по высоте */
    gap: 15px; /* добавляем отступы между карточками */
    padding-bottom: 20px;
}
.package{
    flex: 1 0 310px;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

@media (min-width: 1800px) {
    .packages-container {
        gap: 100px; /* Увеличиваем расстояние между пакетами на широких экранах */
    }
}

.before-after-gallery{
    margin-top: 30px;
}

.package ul{
    padding-left: 10px;
}
.package .signup{
    margin-top: auto; /* прижимает кнопку к низу */
    width: 100%;
}
p.price
{
        font-size: 24px;
    font-weight: bold;

}
p.price span
{
      color: #ffa825
}
.price-block li {
      font-family: 'Comfortaa', sans-serif;
    margin-top: 10px;
    text-align: left;
    font-size: 16px;
    list-style-type: none;
    position: relative;
    padding-left: 15px;
}

.price-block li:before {
 content: "";
    background: #ffa825;
    width: 8px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 9px;
}

/* Footer */
.feature {
    background-color:#464646;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/img/table.jpg) no-repeat center fixed;
    background-size: cover;
    padding-bottom:10px;
    padding-top: 25px;
    text-align: center;
}
.feature-short
{
    padding-bottom: 30px;
    padding-top: 30px;
}
.contacts_footer
{
    vertical-align: top;
    line-height: 24px;
}

.feature_h3
{
    font-family: 'Open Sans','Comfortaa', sans-serif;
	color: white;
}

#foot_address_div
{
    display:none;
}

.btn-foot {
    color: #1c1c1c;
    background-color: #fff;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;
}

.btn-foot:hover {
    background: #ffa800;
    cursor: pointer;
}

.footer_upper {
    padding: 20px;
    color: #fff;
    background-color: #454342;
}

.footer_upper p {
    font-size: 28px;
}
.footer_h3
{
    font-size: 40px;
    font-family: "Open Sans", sans-serif;
	color: #fff;
}
.footer a {
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.footer p {
    margin-bottom: 0;
}

.foot_address_h3 {
    margin-top: 0;
    font-size: 30px;
    font-family: "Open Sans", sans-serif;
}

.footer {
    background-color: #2D2E2F;
    color: #fff;
    padding: 30px;
}

.footer span {
    color: #fff;
    font-weight: bold;
}

.footer img {
    width: 28px;
    height: 28px;
    padding-left: 10px;
}

.main_link {
    font-size: 28px;
    margin-bottom: 12px;
    color: #3ca630 !important;
}

.main_link a {
    /* font-size: 22px; */
    margin-bottom: 8px;
    /*color: #3ca630 !important;*/
}

/*--------------------------CONTACS----------------------*/
.site-contact {

    padding-bottom: 50px;
}

#map {
    height: 390px;
    width: 100%;
}

.gm-style-iw * {
    display: block;
    width: 100%;
}

.gm-style-iw h4, .gm-style-iw p {
    margin: 0;
    padding: 0;
}

.gm-style-iw a {
    color: #4272db;
}

#img_cont_proj, #img_cont_blag {
    height: 300px;
}

#img_index_proj, #img_index_blag {
    height: 500px;
}

#build_index {
    overflow: hidden;
    height: 300px;
    position: relative;
}

#build_img {
    height: auto;
    top: -35%;
    left: 0%;
    position: relative;
}
	#email_nav_mobile
{
		display:none;
	}
#address_div
	{
		display:none;
	}
	
.tel-ya{
    margin-top: 10px;
}
.contacts_footer .tel-ya{
    color: #fff;
}
/*--------------------------MEDIA----------------------*/
/* .portfolio__project:hover .project__image
{
        transform: scale(1.05);
} */
.portfolio__project:hover a
{
        color: #3ca630;
}
.portfolio__project a
{
    color: #333;
    text-decoration: none;
    transition: 0.5s;
}
.portfolio__project a:hover,
.portfolio__project a:active
{
   color: #3ca630;
    text-decoration: none;
}
.project__name
{
  font-family: 'Open Sans','Comfortaa', sans-serif;
  color:#3ca630;
}
.portfolio__project-img-container {
    height: 270px;
    position: relative;
    /* box-shadow: 5px 5px 6px grey;
    overflow: hidden; */
}

.project__image
{
        width: 100%;
        /* box-shadow: 5px 5px 6px gray; */
        transition: 0.5s;
        /*position: absolute;*/
    height: 100%;
}

.twentytwenty-container img{
    transition: none;
}

.main_block p.project__description
{
        font-size: 24px;
        line-height: 1.5;
}
.main_block p.project__price span
{
    font-size: 28px;
     color:#3ca630;
}
.main_block p.project__price
{
        font-size: 24px;
        line-height: 1.5;
        font-weight: bold;
}
.main_block p.project__description-text
{
        font-size: 20px;
        line-height: 1.5;
}
.portfolio__view h1
{
    margin-bottom: 25px;
}
.portfolio__view-text
{
    padding: 30px 0;
}

.main_block .portfolio__view-text li:before,
.article-content li:before {
    content: "•";
    position: absolute;
    left: -19px;
    top: -8px;
    color: #3ca630;
    display: block;
    font-size: 29px;
}
.article-content img
{
    max-width: 100%;
}
.article-content h3
{
    font-size: 20px;
    font-family: 'Open Sans','Comfortaa', sans-serif;
    color: #333333;
    font-weight: bold;
}
.main_block .portfolio__view-text li,
.article-content li {
    font-size: 20px;
    line-height: 1.7;
    list-style-type: none;
    position: relative;
}
 
.portfolio__view-text p
{
    font-size: 20px !important;
        line-height: 1.5;
}
.portfolio__gallery
{
    padding-bottom: 50px;
}
.main_block p.project__description-tags
{
    color: #ffa825;
    font-family: 'Bad Script', sans-serif;
      font-size: 20px;
        line-height: 1.5;
    /*font-family: 'Dancing Script', cursive;*/
}

.same-height-textarea textarea.form-control {
    height: 84px;
}
.discr__tab 
{
      display: inline-block;
    font-size: 26px;
    color: #333333;
    font-family: 'Open Sans','Comfortaa', sans-serif;
    cursor: pointer;
    margin-right: -5px;
    /* opacity: 0.5; */
    padding: 10PX 25PX;
    border-bottom: 3px solid #ffa825;
}
.discr__tab:hover
{
    opacity:0.7;
}
.discr__tabs
{
    margin-bottom: 30px;
    
}
.discr__tab.m--active
{
    border-bottom: 3px solid #ffa825;
    opacity: 1;
    background: #ffa825;
    padding: 10px 25px;
    color: white;
    box-shadow: 4px -2px 10px 0px #0000004a;
}

.c-center{
    margin: 0 auto;
    width: max-content;
}














@media (max-width: 1092px) {
   
    .jumbotron .container {
        left: 1%;
    }
    .purple_button_top_phone
    {
        display: inherit;
    }
    .purple_button_top
    {
        display: none;
    }

    #img_cont_blag, #img_cont_proj, #img_index_proj, #img_index_blag {
        height: 300px !important;
		
    }
    #adv_img
    {
        opacity:0.2
    }
    .adress_icon {
        display: none;
    }
}

@media (max-width: 992px) {
    .discr__tab {
        border-bottom: none;
        font-size: 20px;
    }
}

@media (max-width: 770px) {
    .logo {
        display: none;
    }
}

@media (max-width: 768px) {
    .index_slogan
      {
        font-size: 20px !important;
    }

    .index_city
    {
        font-size: 30px;
    }

    .portfolio__project-img-container{
        height: auto;
    }
    
    #zayavka_button
    {
        display: none;
    }
    h1, .main_slogan {
        font-size: 32px !important;
    }

    h2 {
        font-size: 28px;
    }
	
	h3 {
        font-size: 22px;
    }

    .h3_main
    {
        font-size: 22px;
    }
    .adress_icon_footer
    {
        float:left;
    }
    #foot_address_div
    {
        margin-top: 20px;
        display:inherit;
    }
    .feature_h3
    {
        font-size: 36px;
    }
    .cursive_text
    {
        font-size: 16px;
    }
    .introduct_index
    {
        padding-left: 25px;
        padding-right: 25px;
    }
	#address_div
	{
		display:inherit;
	}
	.foot_logo_div, .foot_phone_div, .foot_mail_div
	{
		text-align: center;
	}
	
	
	#logo_tree, #email_nav, .footer
	{
		display:none !important;
	}
	#email_nav_mobile
	{
		display:inherit;
		float:right;
		margin-right:20px;
	}
    .jumbotron {
        bottom: 55vh !important;
    }

    .whatsapp{
        bottom: 100px;
        right: 30px;
    }
    .scrollup
    {
/*
        display: none !important;
*/
        right: 30px;
        bottom: 30px;
    }
    .price_div {
        padding: 0px !important;
    }

    .price_div .container {
        padding: 2px !important;
    }


    .adaptive_logo {
        display: initial !important;
        border-bottom: 3px white solid;
        padding: 10px 0;
        float: left;
    }

    .city {
        font-size: 15px !important;
    }

    .street {
        font-size: 10px;
    }

    .phone {
        font-size: 15px;
    }
    .phone_footer {
        font-size: 22px;
        float:right;
    }
}

@media (max-width: 750px) {
    /*.logo*/
    /*{*/
    /*display: none;*/
    /*}*/
    /*#address*/
    /*{*/
    /*margin-top:0 !important;*/
    /*}*/
    /*.city*/
    /*{*/
    /*padding-top: 0 !important;*/
    /*font-size: 1rem !important;*/
    /*font-weight: bold ;*/
    /*}*/
    /*.contacts*/
    /*{*/
    /*margin-top: 0 !important;*/
    /*}*/
    #build_img {
        height: auto;
        width: 700px;
    }

    .intr_img {
        width: 100%;
        height: auto;
    }

    .img-title {
        font-size: 27px !important;
    }

    .top {
        height: 60vh !important;
    }

    .jumbotron h2 {
        font-size: 3rem;
    }

    .jumbotron p {
        font-size: 1.6rem;
    }

    .mp-main_arrow {
        display: none !important;
    }

    .addBlock {

        padding: 23px !important;
        height: auto !important;
    }

    /*.adaptive_logo*/
    /*{*/
    /*display: initial !important;*/
    /*border-bottom: 3px white solid;*/
    /*padding-top: 5px;*/
    /*background-color: #42b635;*/
    /*}*/
    .navbar-nav li {
        display: block !important;
        border-bottom: 3px solid #3ca630;
        background: #3ca630 !important;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 30px;
    }

    .dropdown-menu li {
        background: white !important;
    }

    #adv_img, #banner_tags {
        display: none;
    }

    footer .main_link {
        text-align: center;
        font-size: 14px !important;
    }

    .footer {

        padding: 0px !important;

    }

    .footer_upper p {
        float: left;
        font-size: 2rem !important;
    }
    .footer_h3
    {
    font-size: 35px;
    }
}

@media (min-width: 600px) {
    .main h1 {
        font-size: 200px;
    }

    .supporting .col {
        width: 30%;
    }

    .supporting h2 {
        font-size: 40px;
    }

    .supporting p {
        font-size: 14px;
    }

}
@media (max-width: 425px) {
	   .street {
        font-size: 9px;
    }
    .jumbotron p
    {
    	margin-bottom: 0;
    }
}
@media (max-width: 320px) {

    h1, .main_slogan {
        font-size: 36px;
    }
}
@media (max-width: 640px) {
    .top, .proekt_top, .banner, .feature, .blag_banner {
        background-attachment: initial !important;
    }

}

/* iPhone 5 in portrait & landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .top, .proekt_top, .banner, .header, .feature, .blag_banner {
        background-attachment: initial !important;
    }
}

.listtags {
    overflow: hidden;
    display: inline-block;
    height: 65px;
    overflow-x: scroll;
    width: 100%;
}

.listtags::-webkit-scrollbar {
    width: 5px;
    background-color: #f9f9fd;
}

.listtags::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #ffa825;
}

.listtags::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color: #f9f9fd;
}

.listtags ul.tegs {
    width: max-content;
    list-style: none !important;
    margin: 0 !important;
}

ul.tegs li {
    float: left;
}

ul.tegs li a {
    padding: 7px 7px;
    border: 1px solid #ffa825;
    color: #ffa825;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    transition: .5s;
}

ul.tegs li a:hover {
    background: #ffa825;
    color: #fff;
    transition: .5s;
    text-decoration: none;
}

.h-phone, .h-email{
    position: relative;
}

.h-phone a, .h-email a{
    font-size: 16px;
}

.on-copy {
    position: absolute;
    top: -15px;
    left: -45px;
    background: #6b6b6b;
    display: none;
    padding: 1px 3px 3px;
    border-radius: 5px;
    width: 95px;
    text-align: center;
    z-index: 3;
}

.on-copy-hover {
    position: absolute;
    top: -15px;
    left: -45px;
    background: #6b6b6b;
    display: none;
    padding: 1px 3px 3px;
    border-radius: 5px;
    width: 95px;
    text-align: center;
    z-index: 1;
}

.copy-click {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    cursor: pointer;
    background-image: url(/img/copy.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.street{
    float: left;
    font-weight: bold;
    font-size:16px;
}

.galTitle{
    color: red;
    margin-top: 0px;
}

.myrow{
    display: flex;
    flex-direction: row;
}

.lineR{
    position: absolute;
    background: gray;
    right: 20px;
    top: 0;
    height: 100%;
    width: 4px;
}

@media (max-width: 768px) {
    .lineR{
        border-right: none;
    }

    .myrow{
        display: block;
    }

    #adaptive_menu{
        height: 64px;
    }

    .navbar-header{
        height: 64px;
        line-height: 64px;
    }

    .navbar-nav{
        width: 100vw;
    }

    .tel-mob .h-phone, .tel-mob .h-email{
        line-height: 20px;
        text-align: left;
        padding-left: 4px;
        margin-top: 6px;
    }

    .tel-mob .h-phone a, .tel-mob .h-email a{
        font-size: 16px;
        color: #fff;
    }

    .copy-click {
        width: 16px;
        height: 16px;
        background-image: url(/img/copy-mob.svg);
        vertical-align: middle;
    }

    .on-copy, .on-copy-hover{
        left: -88px;
        top: 1px;
    }

    .navbar-toggle{
        margin: 16px 4px 16px;
    }

    .purple_button_top_phone{
        width: 32px;
        height: 32px;
        margin: 16px 5px 16px;
    }

    .purple_button_top_phone img{
        width: 32px;
    }

    .tel-mob{
        display: block;
        float: left;
    }
    .address-mob{
        text-transform: unset !important;
        border-top: 1px solid white;
        text-align: left;
        padding: 10px;
    }
    .address-mob:hover{
        color: #fff !important;
    }
}