/* Шрифты */

@font-face {
	font-family: 'EugustoFreePersonalUse-Regular';
	src: local('☺'), url('/fonts/EugustoFreePersonalUse-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
} 


/* Основное */



body, html {
    
    padding: 0;
    margin: 0;
    font-family: "EugustoFreePersonalUse-Regular";
    font-size: 16px;
    
}

html {
    
    width: 100%;
    overflow-x: hidden
    
}

.mobile {
    
    display: none
    
}

h2 {
    
    color: #129700;
    font-size: 42px;
    font-weight: normal;
    
}

h1 {
    
    font-weight: normal
    
}

.wrapper {
    
    width: calc(100% - 20px);
    padding: 0 10px;
    max-width: 1600px;
    margin: auto;
    
}
.wrapper.inside {
    
    min-height: 450px;
    
}

.qfmodalform {
    
    padding: 30px!important;
    
    
}

.qfmodalform  div {
    
    opacity: 1!important;
    
}

.qfmodalform h1 {
    
    font-size: 32px!important;
    color: #1aa641;
    margin-bottom: 25px!important;
    text-align: center
    
}

.qfsubmit input {
    
    padding: 15px 80px 15px 20px!important;
    color: #FFF!important;
    background: #1aa641!important;
    border-radius: 5px!important;
    font-size: 18px!important;
    font-family: "EugustoFreePersonalUse-Regular";
    
}



/* Верх */

.top {
    
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    z-index: 2;
    
}

.top .topmenu {
    
    padding: 20px 0px;
    
    
}

.top .topmenu ul {
    
    list-style: none;
    padding: 0;
    margin: 0;
    
    position: relative;
    
}

.top .topmenu ul li {
    
    padding: 10px 30px;
    display: inline-block;
    border-right: 1px solid #eaeaea;
    vertical-align: middle;
    -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
    
}

.top .topmenu li.active {
    
    background: #1aa641;
    color: #FFF
    
}

.top .topmenu li.active:hover {
    
    color: #000
    
}

.top .topmenu li.active:hover a {
    
    color: #000
    
}

.top .topmenu li.active a {
    
    color: #fff;
    -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
    
}
.top .topmenu li.active ul li a {
    
    color: #000
    
}

.top .topmenu li.active ul li.active a {
    
    color: #fff
    
}

.top .topmenu ul li:last-of-type {
    
    border: none
    
}

.top .topmenu ul li a {
    
    color: #000;
    text-decoration: none;
    font-weight: normal
    
}

.top .topmenu ul li ul {
    
    display: none;
    background: rgba(249,249,249,0.9);
    margin-top: 10px;
    border-right: 5px solid #129700
    
}

.top .topmenu ul li:hover ul {
    
    display: block;
    position: absolute;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-left: -30px;
    
}

.top .topmenu ul li:hover {
    
    background: #f9f9f9
    
}

.top .topmenu ul li:hover ul li {
    
    display: block;
    border: none;
    
    
}

.top .topmenu ul li ul li:hover {
    
    background: #129700;
    
    
}

.top .topmenu ul li ul li:hover a {
    
    color: #fff
    
}

/* Хлебные крошки */

.breads {
    
    margin: 10px 0;
    font-family: "Exo 2";
    font-size: 12px;
    
}

.breads a {
    
    color: #1aa641
    
}

.breads ol {
    
    list-style: none;
    margin: 0;
    padding: 0;

    
}

.breads ol li {
    
    display: inline-block;
    vertical-align: middle;
    background: #f9f9f9;
    border-radius: 100px;
    padding: 5px 10px;
    margin-right: 2px;
    
}

.breads ol li.float-start {
    
    display: none
    
}

.breads ol li a {
    
    text-decoration: none
    
}

/* Лого и т.д. */

.logoetc {
    
    padding: 60px 0;
    position: relative;
    z-index: 0
    
}

.logoetc .right {
    
    float: right;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px
    
}

.logoetc .logo, .logoetc .phone, .logoetc .messagers, .logoetc .callback {
    
    display: inline-block;
    vertical-align: middle
    
}

.logoetc .phone a {
    
    font-size: 20px;
    color: #000000;
    text-decoration: none;
    -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
    
}

.logoetc .phone a:hover {
    
    color: #129700
    
}

.logoetc .phone .small {
    
    font-family: "Exo 2";
    color: #129700;
    font-size: 12px;
    
    
}

.logoetc .messagers {
    
    margin-left: 30px;
    margin-top: 5px
    
}

.logoetc .messagers a {
    
    display: inline-block;
    margin-right: 3px;
    -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
    
}

.logoetc .messagers a:last-of-type {
    
    margin-right: 0;
    
}

.logoetc .messagers a:hover img {
    
    transform: scale(1.2);
    -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
    
}

.logoetc .messagers img {
    
    width: 38px;
    
}

.logoetc .callback {
    
    margin-left: 20px;
    
}

.logoetc .callback a {
    
    background: #129700;
    color: #FFF;
    font-size: 14px;
    padding: 15px 30px;
    text-decoration: none;
    -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
    
}

.logoetc .callback a:hover {
    
    background: #0c6400
    
}

/* Меню на главной */

.homemenu {
    
    background: #f9f9f9;
    
}

.homemenu ul {
    
    list-style: none;
    padding: 0;
    margin: 0;
    
}

.homemenu ul li {
    
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #eaeaea;
    
}

.homemenu ul li:last-of-type {
    
    border: none
    
}

.homemenu ul li a {
    
    color: #000;
    padding: 30px 60px;
    display: block;
    text-decoration: none;
    -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
    
}

.homemenu ul li a:hover {
    
    background: #363636;
    color: #FFF
    
}

/* Фокус на главной */

.focus {
    
    font-size: 0;
    padding: 50px 0;
    
}

.focus .image {
    
    display: inline-block;
    vertical-align: top;
    width: 489px;
    margin-right: 80px;
    margin-left: 30px;
    
}

.focus .right {
    
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 599px);
    
}

.focus .right h1 {
    
    color: #129700;
    font-size: 34px;
    line-height: 42px;
    padding: 0;
    margin: 0;
    
}

.focus .right .zayavka {
    
    margin-top: 40px;
    
}

.focus .right .zayavka .qf3txt,  .focus .right .zayavka .qfsubmit {
    
    display: inline-block;
    vertical-align: middle
    
}

.focus .right .zayavka .qf3txt input {
    
    color: #000;
    border: 1px solid #cbcbcb;
    padding: 10px 60px 10px 20px;
    border-radius: 100px;
    font-family: "EugustoFreePersonalUse-Regular";
    font-size: 16px!important;
    
    
}

.focus .right .zayavka .qfsubmit {
    
    margin-left: 30px;
    
}

.focus .right .zayavka .qfsubmit input {
    
    color: #FFF;
    border: none;
    padding: 12px 22px!important;
    border-radius: 100px!important;
    font-family: "EugustoFreePersonalUse-Regular";
    font-size: 16px!important;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
    
}

.focus .right .zayavka .qfsubmit:hover input {
    
    background: #129700!important
    
}

.focus .right .text {
    
    font-size: 16px;
    margin-top: 30px;
    color: #757575;
    
}

.focus .right .icons {
    
    margin-top: 30px;
    
}

.focus .right .icons .icon {
    
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    
}

.focus .right .icons .icon .image {
    
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    padding: 0;
    margin: 0;
    
}

.focus .right .icons .icon .text {
    
    display: inline-block;
    width: auto;        
    margin: 0;
    vertical-align: middle;
    color: #000
    
}

/* Процесс */

.process {
    
    background: #f9f9f9;
    padding: 40px 0;
    
}

.process h2 {
    
    margin-bottom: 80px;
    
}

.process ol {
    
    list-style: none;
    counter-reset: section;
    
    
}

.process ol li::before {
    counter-increment: section; 
    content: counters(section, ".") " ";
    display: inline-block;
    text-align: center;
    background: #129700;
    width: 56px;
    margin-right: 20px;
    font-size: 42px;
    padding-top: 10px;
    margin-top: -10px;
    float: left;
    color: #fff;
    border-radius: 10px;
}

.process ol li:hover::before {
    
    background: #0c4c1e;
    
}

.process ol li:hover {
    
    color: #1aa641
    
}

.process ol li {
    
    position: relative;
    clear: both;
    display: inline-block;
    width: 32%;
    vertical-align: top;
    margin-bottom: 70px;
}

/* Почему? */

.why {
    
    padding: 50px 0;
    
}

.why h2 {
    
    color: #000;
    margin-top: 0;
    
}

.why .text {
    
    color: #717171;
    font-size: 20px;
    width: 70%;
    
}

/* Консультация на главной */

.cons {
    
    background: #f9f9f9 url("/images/zamlya_white.png") no-repeat right bottom;
    padding: 60px 0;
    position: relative
    
}

.cons h2 {
    
    color: #000;
    margin-top: 0;
    
}

.cons .text {
    
    color: #000;
    font-size: 16px;
    
}

.cons .form .qf3txt {
    
    display: inline-block;
    vertical-align: middle;
    margin-top: 70px;
    
}

.cons .form .qf3txt input {
    
    padding: 20px 10px;
    width: 300px;
    border: none;
    display: block;
    background: #fff;
    border-radius: 10px;
    margin-right: 20px;
    font-size: 16px;
    font-family: "EugustoFreePersonalUse-Regular"
    
}

.cons .form .qfsubmit {
    
    display: inline-block;
    vertical-align: middle
    
}

.cons .form .qfsubmit input {
    
    padding: 20px 10px!important;
    width: 320px;
    display: block;
    text-align: left;
    font-size: 16px;
    border: none;
    margin-top: 40px;
    font-weight: 100
    
}

.cons .form .small {
    
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    font-size: 12px;
    font-family: "Exo 2";
    color: #000;
    line-height: 12px;
    margin-top: 40px;
    
}

.cons .form .qfcapt  {
    
    display: none
    
}

.cons .mugchina {
    
    background: url("/images/mugchina.png");
    width: 481px;
    height: 572px;
    position: absolute;
    bottom: 0;
    right: 15vw;
    
}

/* Сео текст */

.about {
    
    color: #262626;
    font-size: 16px;
    padding: 50px 0;
    
}

/* Эффекты */

  /* Общие стили для всех DIV */
  div {
    opacity: 0;
    transition: all 2s ease;

  }

  /* Эффекты для появления */
  /* 1. Появление с масштабом и сдвигом */
  div.effect1 {
    transform: scale(0.8) translateY(20px);
  }
  div.effect1.show {
    opacity: 1;
    transform: scale(1) translateY(0);
  }

  /* 2. Вращение и свечения */
  div.effect2 {
    filter: blur(4px);
    
  }
  div.effect2.show {
    opacity: 1;
    filter: blur(0);
  }

div.effect3 {
    
    transform: rotate(5deg);
}
  /* Для эффектов с анимацией старт при появлении */
  div.effect3.show {
    opacity: 1;
      transform: none;
      
  }

/* Подвал */

.footer {
    
    color: #FFF;
    background: url("/images/zamlya_gray.png") no-repeat left bottom #515151;
    padding: 40px 0 20px 0;
    
    
}

.footer .column {
    
    display: inline-block;
    vertical-align: top;
    width: 30%;
    
}

.footer .column ul {
    
    list-style: none;
    padding: 0;
    margin: 0;
    
}

.footer .column ul li {
    
    line-height: 35px;
    
}

.footer .column ul li a {
    
    color: #fff;
    text-decoration: none

    
}

.footer .smalltext {
    
    font-family: "Exo 2";
    font-size: 10px;
    color: #979797;
    margin-top: 180px;
    
}

.footer .column .time {
    
    font-size: 12px;
    
}

.footer .column .phone {
    
    margin-top: 10px;
    
}

.footer .column .phone a {
    
    color: #FFF;
    font-size: 32px;
    text-decoration: none;
    
}

.footer .column .adres {
    
    margin-top: 20px;
    
}

.footer .column .mail {
    
    margin-top: 10px
    
}

.footer .column .mail a {
    
    color: #fff;
    text-decoration: none;
    
}

.copyrights {
    
    padding: 20px 0;
    font-size: 14px;
    
}

.copyrights .sfera {
    
    display: inline-block;
    vertical-align: middle
    
}

.copyrights .merbal {
    
    display: inline-block;
    vertical-align: middle;
    float: right;
    text-align: right
    
}

.copyrights .merbal a {
    
    color: #1aa641;
    text-decoration: none
    
}


@media screen and (max-width: 850px) {
    
    .mobile {
        
        display: block;
       
        
    }
    
    .site {
        
        overflow-x: hidden;
        width: 100%;
        height: auto
        
    }
    
    
/* Верх */
    
    .mobmenu {
        
        position: fixed;
        top: 15px;
        left: 10px;
        background: url("/images/mobmenu.svg") no-repeat;
        background-size: 100% 100%;
        z-index: 10;
        width: 35px;
        height: 35px;
        -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
        
    }
    
    .mobmenu.active {
        
        left: calc(100% - 45px);
        
        
    }
    
    

    .top {

        display: none 

    }

    .mobilemenu {
        
        position: fixed;
        top:0;
        left: -100%;
        background: rgba(255,255,255,0.7);
        backdrop-filter: blur(4px);
        padding: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        z-index: 10;
        
    }
    
    .mobilemenu .callback {
        
        margin-top: 30px;
        
    }
    
    .mobilemenu .callback a {
    
        background: #129700;
        color: #FFF;
        font-size: 14px;
        padding: 15px 30px;
        text-decoration: none;


    }
    
    .showw {
        
        left: 0;
        
    }
    
    .mobilemenu ul {
        
        list-style: none;
        padding: 0;
        margin: 0;
        
    }
    
    .mobilemenu ul li {
        
        line-height: 34px;
        
    }
    
    .mobilemenu ul li a {
        
        color: #000;
        text-decoration: none;
        font-size: 18px;
        
    }
    
    .mobilemenu .nav-header {
        
        display: none
        
    }
    
    /* Лого и т.д. */

    .logoetc {

        padding: 20px 0;


    }

    .logoetc .right {

        float: right;

    }

    .logoetc .phone {

        display: none;


    }
    
    .logoetc .logo {
        
        margin-left: 40px;
        
    }

    .logoetc .logo img {
        
        width: 160px;
        height: auto
        
    }
    
    .logoetc .messagers {
        
        margin-top: -5px
        
    }

    .logoetc .messagers img {

        width:26px;

    }

    .logoetc .callback {

        display: none

    }
    
    /* Меню на главной */

    .homemenu {

        display: none

    }
    
    /* Фокус на главной */

    .focus {

        font-size: 0;
        padding: 50px 0;
        text-align: center

    }

    .focus .image {

        display: block;
        width: auto;
        max-width: 100%;
        margin-right: 0px;
        margin-left:  0px;

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

    .focus .right {

        display: block;
        vertical-align: top;
        width: 100%;

    }

    .focus .right h1 {

        color: #129700;
        font-size: 26px;
        line-height: 32px;
        text-align: center

    }

    .focus .right .zayavka {

        margin-top: 30px;

    }

    .focus .right .zayavka .qf3txt,  .focus .right .zayavka .qfsubmit {

        display: block;
        vertical-align: middle;

    }
    
    .focus .right .zayavka .qf3txt {
        
        margin-bottom: 10px;
        
    }

    .focus .right .zayavka .qf3txt input {

        color: #000;
        border: 1px solid #cbcbcb;
        padding: 10px 60px 10px 20px;
        border-radius: 100px;
        font-family: "EugustoFreePersonalUse-Regular";
        font-size: 16px!important;

    }

    .focus .right .zayavka .qfsubmit {

        margin-left: 0px;

    }

    .focus .right .zayavka .qfsubmit input {

        color: #FFF;
        border: none;
        padding: 12px 22px!important;
        border-radius: 100px!important;
        font-family: "EugustoFreePersonalUse-Regular";
        font-size: 16px!important;
        cursor: pointer

    }

    .focus .right .zayavka .qfsubmit:hover input {

        background: #129700!important

    }

    .focus .right .text {

        font-size: 16px;
        margin-top: 30px;
        color: #757575;

    }

    .focus .right .icons {

        margin-top: 30px;

    }

    .focus .right .icons .icon {

        display: inline-block;
        vertical-align: middle;
        width: 45%;

    }

    .focus .right .icons .icon .image {

        display: inline-block;
        vertical-align: middle;
        width: 70px;
        padding: 0;
        margin: 0;

    }

    .focus .right .icons .icon .text {

        display: inline-block;
        width: auto;        
        margin: 0;
        vertical-align: middle;
        color: #000

    }
    
    /* Процесс */

    .process {

        background: #f9f9f9;
        padding: 10px 0;

    }

    .process h2 {

        margin-bottom: 80px;

    }

    .process ol li::before {
        counter-increment: section; 
        content: counters(section, ".") " ";
        display: inline-block;
        text-align: center;
        background: #129700;
        width: 56px;
        margin-right: 20px;
        font-size: 42px;
        padding-top: 10px;
        margin-top: -10px;
        float: left;
        color: #fff;
        border-radius: 10px;
    }

   

    .process ol li {

        position: relative;
        clear: both;
        display: block;
        width: 100%;
        vertical-align: top;
        margin-bottom: 70px;
    }
    
    /* Консультация на главной */

    .cons {

        padding: 40px 0;

    }

    .cons h2 {

        font-size: 28px

    }

    .cons .form .qf3txt {

        display: block;
        vertical-align: middle;
        margin-top: 20px;

    }

    .cons .form .qf3txt input {

        width: calc(100% -40px);
        display: block;
        background: #fff;
        margin-right: 0px;

    }

    .cons .form .qfsubmit {

        display: inline-block;
        vertical-align: middle

    }

    .cons .form .qfsubmit input {

        padding: 20px 10px!important;
        width: 320px;
        display: block;
        text-align: left;
        font-size: 16px;
        border: none;
        margin-top: 40px;
        font-weight: 100

    }

    .cons .form .small {

        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
        font-size: 12px;
        font-family: "Exo 2";
        color: #000;
        line-height: 12px;
        margin-top: 40px;

    }

    .cons .form .qfcapt  {

        display: none

    }
    
    .cons .mugchina {
    
        display: none
    }
    
    /* Почему? */

    .why h2 {

        font-size: 28px

    }

    .why .text {


        font-size: 14px;
        width: 90%;

    }
    
    /* Подвал */

    .footer {

        color: #FFF;
        background: url("/images/zamlya_gray.png") no-repeat left bottom #515151;

    }

    .footer .column {

        display: block;
        width: 100%;
        margin-bottom: 30px;
        text-align: center

    }


    .footer .column ul li .nav-header {

        display: none

    }

    .footer .column ul li a {

        color: #fff;
        text-decoration: none


    }

    .footer .smalltext {

        line-height: 14px;
        text-align: center;
        margin-top: 40px;

    }

    .footer .column .phone a {

        font-size: 26px;

    }
    
    .footer .column .logo img {
        
        max-width: 90%;
        height: auto
        
    }

    .copyrights {

        padding: 20px 0;
        font-size: 14px;

    }

    .copyrights .sfera {

        display: block;
        text-align: center

    }

    .copyrights .merbal {

        display: block;
        float: none;
        text-align: center

    }
    
}