.slogan,h1{
    font-weight:700
}
@font-face{
    font-family:Sitka;
    src:url(../fonts/Sitka.eot);
    src:local('Sitka Small'),
	url(../fonts/Sitka.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Sitka.woff) format('woff'),
	url(../fonts/Sitka.ttf) format('truetype'),
	url(../fonts/Sitka.svg) format('svg');
    font-style:normal;
    font-weight:400
}
@font-face{
    font-family:ProximaNovaExstra;
    src:url(../fonts/ProximaNovaExtra.eot);
    src:local('Proxima Nova ExCn Rg'),
	url(../fonts/ProximaNovaExtra.eot?#iefix) format('embedded-opentype'),
	url(../fonts/ProximaNovaExtra.woff) format('woff'),
	url(../fonts/ProximaNovaExtra.ttf) format('truetype'),
	url(../fonts/ProximaNovaExtra.svg) format('svg');
    font-style:normal;
    font-weight:400
}
@font-face{
    font-family:'Franklin Gothic Medium';
    src:url('../fonts/Franklin Gothic Medium.eot');
    src:local('Franklin Gothic Medium'),
	url('../fonts/Franklin Gothic Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Franklin Gothic Medium.woff') format('woff'),
	url('../fonts/Franklin Gothic Medium.ttf') format('truetype'),
	url('../fonts/Franklin Gothic Medium.svg') format('svg')
}
body{
    background-color:#e5e5e5;
    font-family:'Franklin Gothic Medium'
}
nav{
    background:#113f25
}
p{
    text-indent:30px
}
li{
    margin-top:6px
}
hr{
    text-align:left;
    width:auto;
    size:2;
    color:gray
}
.button-circle,.modal-message__text{
    font-family:'Times New Roman',Times,serif;
    text-align:center
}
.button-circle{
    width:100px;
    height:100px;
    border-radius:80px;
    position:fixed;
    z-index:3;
    bottom:10px;
    right:10px;
    font-size:20px;
    line-height:16px
}
.btn-green{
    background:#2a6942
}
.modal-footer{
    justify-content:center
}
.modal-message__text{
    font-size:18px;
    color:#063e00;
    line-height:22px
}
.main-menu-text,h1{
    font-family:'Franklin Gothic Medium'
}
.header-contact-img,h1{
    text-align:right
}
.button-circle{
    background:radial-gradient(#85ffba,#fff);
    animation-name:blinker;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    animation-duration:2s;
    animation-direction:alternate-reverse;
    -webkit-animation-name:blinker;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
    -webkit-animation-direction:alternate-reverse
}
.button-circle>img{
    height:30px;
    margin-top:35px;
    fill:green
}
.button-circle:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
@keyframes blinker{
    from{
        opacity:1
    }
    to{
        opacity:.3
    }
}
@-webkit-keyframes blinker{
    from{
        opacity:1
    }
    to{
        opacity:.3
    }
}
.main-menu-text{
    font-size:30;
    margin-left:35px;
    margin-right:35px;
    color:#fff
}
.navbar-nav .nav-link{
    color:rgba(255,255,255,.685)
}
.main-menu-link{
    color:#fff!important
}
.main-menu-link:hover{
    color:maroon;
    text-decoration:underline
}
.navbar-nav{
    margin:0 auto
}
.banner{
    height:450px;
    background:url(../img/banner.jpg) center no-repeat #0ac65b
}
.logo{
    padding-top:40px;
    margin-left:50%
}
.logo img{
    margin-left:-85px
}
.header-green{
    height:230px;
    width:230px;
    background:#008336;
    position:relative;
    right:0;
    top:0;
    margin-left:79%;
    margin-top:-14%;
    -moz-transform:rotate(20deg);
    -ms-transform:rotate(20deg);
    -webkit-transform:rotate(20deg);
    -o-transform:rotate(20deg);
    transform:rotate(20deg)
}
.header-white{
    height:230px;
    width:230px;
    background:rgba(255,255,255,.9);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -webkit-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
}
h1{
    padding-top:35px;
    padding-right:10px;
    font-size:21pt;
    font-stretch:10%;
    line-height:40px;
    color:#063e00
}
.header-mark{
    color:#e3000f
}
.header-contacts__mail a,.header-contacts__phones a{
    color:#dd2e44;
    font-family:'Franklin Gothic Medium'
}
.header-contacts{
    height:81px;
    border-bottom:12px #26df44 solid;
    padding-top:14px
}
.header-contacts__mail a{
    font-size:20px;
    font-stretch:10%
}
.header-contacts__phones a{
    font-size:27px;
    font-stretch:20%
}
.small-numbers{
    font-size:18px
}
h2{
    font-family:'Franklin Gothic Medium';
    margin-top:65px;
    margin-bottom:50px;
    text-align:center;
    font-stretch:20%;
    font-size:40px
}
.about-block{
    display:flex;
    align-items:center;
    background:#0c7f45;
    height:123px;
    width:374px;
    margin:0 auto 65px;
    box-shadow:12px 12px 6px -7px #939393
}
.contacts-block,.directors img,.slider__slide__image img{
    box-shadow:12px 12px 0 -4px #acacac
}
.about-block__number{
    display:inline-block;
    color:#fff;
    background-image:radial-gradient(#0cbe59,transparent 70%,#0c7f45);
    font-size:60px;
    margin:0 16px;
    padding:0 14px
}
.about-block__title{
    font-stretch:20%;
    display:inline-block;
    color:#fff;
    font-size:24px;
    line-height:25px
}
.about-block__title-big{
    font-size:36px
}
.about-block__text{
    font-family:'Times New Roman',Times,serif;
    font-size:18px;
    line-height:22px
}
.about-block__text-small{
    display:none
}
.about-decoration-line img{
    height:600px
}
.slogan{
    color:red;
    font-size:22px;
    text-align:right
}
.services-block{
    display:flex;
    margin:0 -15px;
    height:218px;
    align-items:center;
    position:relative;
    z-index:1
}
.services-block:hover{
    -webkit-transform:scale(1.3);
    -ms-transform:scale(1.3);
    transform:scale(1.3);
    z-index:2
}
.services-block:hover .service-title__type{
    display:none
}
.services-block:hover .service-title__hide-type{
    display:inline
}
.service-title{
    display:flex;
    align-items:center;
    width:100%
}
.service-title img{
    margin:0 25px;
    height:40px
}
.service-title__type{
    font-size:20px;
    font-family:Sitka,Times,serif;
    text-transform:uppercase
}
.service-title__hide-type{
    display:none;
    margin-right:10px;
    margin-left:-30px;
    padding-top:15px;
    font-size:14px;
    line-height:14px;
    font-family:'Times New Roman',Times,serif
}
.advantages-block{
    background:#e0ffe9;
    border-radius:50px 0 0 50px;
    margin-bottom:13px;
    margin-left:90px;
    height:60px;
    display:flex;
    align-items:center
}
.advantages-block:hover{
    background:#c1ffd4
}
.advantages-block:hover .advantage-number{
    background:linear-gradient(green,#1beb6b)
}
.advantage-number{
    margin:0 70px 0 20px;
    font-size:24px;
    border-radius:48px;
    border:4px solid #00501f;
    display:flex;
    flex-shrink:0;
    line-height:24px;
    padding:10px 15px;
    text-align:center
}
.smi,.smi-img{
    padding-bottom:120px
}
.advantage-title{
    font-family:ProximaNovaExstra,Times,serif;
    font-size:24px
}
.smi-block{
    margin-top:60px
}
.smi{
    font-family:Gabriola;
    font-size:40px
}
.directors-name,.directors-position,.employee-position{
    font-family:'Franklin Gothic Medium';
    font-stretch:10%
}
.smi-img{
    text-align:right
}
.contacts,.directors-block,.document-block{
    text-align:center
}
.smi-blue{
    background:#84bce3;
    width:516px;
    height:400px;
    -moz-transform:rotate(8deg);
    -ms-transform:rotate(8deg);
    -webkit-transform:rotate(8deg);
    -o-transform:rotate(8deg);
    transform:rotate(8deg)
}
.smi-void{
    border-top:#fff solid 8px;
    border-bottom:#fff solid 8px;
    padding:15px 0;
    margin-left:0;
    -moz-transform:rotate(-8deg);
    -ms-transform:rotate(-8deg);
    -webkit-transform:rotate(-8deg);
    -o-transform:rotate(-8deg);
    transform:rotate(-8deg)
}
.directors-name{
    font-size:28px;
    padding:25px 0 15px;
    line-height:28px
}
.directors-position,.employee-position{
    color:#4424b8;
    font-size:22px;
    line-height:20px
}
.document-block img{
    height:360px
}
.contacts-block{
    background:#edecee;
    width:340px;
    position:absolute;
    top:30px;
    left:50px;
    padding:10px
}
.contacts,.contacts-map{
    position:relative
}
.contacts{
    font-family:'Times New Roman',Times,serif;
    height:532px
}
.contacts-block__text{
    text-align:left;
    margin-left:10px;
    margin-bottom:11px;
    font-size:18px;
    line-height:22px
}
.contacts-block__header{
    color:#e3000f;
    font-size:24px;
    margin-bottom:9px
}
.contacts-block__mark{
    margin-bottom:11px
}
.contacts-block__time{
    text-align:center
}
.contacts-text__orange{
    color:#ff4e00;
    font-size:16px
}
.footer{
    background:#0ac65b;
    padding:20px
}
.footer-logo{
    background:#fff;
    padding:10px;
    width:174px
}
.footer-logo img{
    height:155px
}
.footer-text{
    margin-top:30px;
    font-size:18px
}
.footer-adress{
    margin-top:20px;
    font-size:24px;
    color:#fff
}
.employee-name{
    font-family:'Franklin Gothic Medium';
    font-size:28px;
    font-stretch:10%;
    padding-bottom:5px;
    line-height:28px
}
.employee-description{
    display:flex;
    flex-direction:row-reverse
}
.order{
    display:flex;
    padding-top:0
}
.order>a>img{
    max-height:100px;
    padding:0 10px
}
.slider{
    margin:0 10%
}
.slider__slide__flex{
    display:flex;
    align-items:center;
    justify-content:center
}
.slider__slide__information{
    padding:0 20px;
    min-height:240px
}
.slider__slide__image{
    padding:0 20px
}
.slider__slide__image img{
    max-height:200px;
    max-width:240px
}
.slick-next:before,.slick-prev:before{
    color:#e5e5e5
}
@media (max-width:1199px){
    .main-menu-text{
        margin-left:20px;
        margin-right:20px
    }
    .banner{
        background-size:930px auto;
        height:367px
    }
    .logo img{
        width:110px;
        margin-left:-50px
    }
    .header-green,.header-white{
        height:200px;
        width:200px
    }
    h1{
        padding-top:37px;
        font-size:18pt;
        font-stretch:10%;
        line-height:30px;
        font-family:'Franklin Gothic Medium';
        font-weight:700
    }
    .header-contacts img{
        margin-left:30px
    }
    .service-title img{
        margin:0 16px;
        height:38px
    }
    .service-title__type{
        font-size:18px
    }
    .service-title__hide-type{
        font-size:14px;
        line-height:12px
    }
    .advantages-block{
        height:68px
    }
    .footer-text{
        font-size:16px
    }
    .footer-adress{
        font-size:22px
    }
}
@media (min-width:992px){
    .main-menu-brand{
        visibility:collapse;
        width:0;
        margin:0;
        padding:0
    }
    nav{
        background:url(../img/menu-bg.png) center no-repeat #113f25
    }
}
@media (max-width:991px){
    .banner{
        background-size:690px auto;
        height:272px
    }
    .logo{
        padding-top:32px
    }
    .logo img{
        width:80px;
        margin-left:-36px
    }
    .header-green,.header-white{
        height:150px;
        width:150px
    }
    h1{
        padding-top:36px;
        padding-right:4px;
        font-size:14pt;
        font-stretch:10%;
        line-height:20px;
        font-family:'Franklin Gothic Medium';
        font-weight:700
    }
    .about-block{
        height:110px;
        width:300px;
        margin:0 auto 65px
    }
    .about-block__number{
        background-image:radial-gradient(#0cbe59,transparent 78%,#0c7f45);
        font-size:47px;
        margin:0 12px;
        padding:0 12px
    }
    .about-block__title{
        font-size:20px;
        line-height:20px
    }
    .about-block__title-big{
        font-size:32px
    }
    .advantage-number,.directors-name{
        font-size:24px;
        line-height:24px
    }
    .header-contacts{
        height:91px;
        padding-top:2px
    }
    .service-title img{
        margin:0 21px;
        height:39px
    }
    .about-decoration-line{
        display:none
    }
    .advantage-number{
        margin:0 70px 0 20px;
        border-radius:48px;
        border:4px solid #00501f;
        display:flex;
        padding:10px 15px;
        text-align:center
    }
    .smi-blue{
        margin:0 auto
    }
    .smi,.smi-img{
        padding-bottom:40px
    }
    .directors img{
        height:200px
    }
    .directors-position{
        font-size:18px
    }
    .document-block img{
        height:270px
    }
    .footer-logo{
        width:140px
    }
    .footer-logo img{
        height:120px
    }
    .footer-text{
        margin-top:0;
        font-size:16px
    }
    .footer-adress{
        margin-top:10px;
        font-size:20px
    }
    .slider__slide__flex{
        flex-direction:column-reverse
    }
    .slider__slide__information{
        box-sizing:border-box;
        padding-top:20px
    }
    .slick-dots{
        bottom:-40px
    }
}
@media (max-width:767px){
    .banner{
        height:363px;
        background:url(../img/banner.jpg) right no-repeat #0ac65b;
        background-size:920px auto
    }
    .logo{
        visibility:hidden
    }
    .logo img{
        width:90px;
        margin-left:-36px
    }
    .header-green,.header-white{
        height:180px;
        width:180px
    }
    .header-green{
        margin-left:63%
    }
    h1{
        padding-top:40px;
        padding-right:4px;
        font-size:17pt;
        font-stretch:10%;
        line-height:25px;
        font-family:'Franklin Gothic Medium';
        font-weight:700
    }
    .about-block__text-small,.footer-adress,.footer-text{
        font-family:'Times New Roman',Times,serif
    }
    .about-block{
        height:80px;
        width:240px;
        margin:0 auto 30px
    }
    .about-block__number{
        font-size:30px;
        padding:0 6px
    }
    .about-block__title{
        font-size:16px;
        line-height:16px
    }
    .about-block__title-big{
        font-size:26px
    }
    .header-contacts{
        height:130px;
        padding-top:8px
    }
    .small-numbers{
        font-size:12px
    }
    .about-block__text-small{
        display:block;
        font-size:16px;
        line-height:20px
    }
    .about-block__text,.smi-block{
        display:none
    }
    .service-title img{
        margin:0 14px;
        height:34px
    }
    .service-title__type{
        font-size:15px
    }
    .services-block{
        height:186px
    }
    .services-block:hover{
        -webkit-transform:scale(1.4);
        -ms-transform:scale(1.4);
        transform:scale(1.4)
    }
    .service-title__hide-type{
        font-size:10px;
        line-height:10px
    }
    .advantages-block{
        height:88px;
        margin-left:22px
    }
    .directors img,.document-block img{
        height:200px
    }
    .advantage-number{
        margin:0 30px 0 20px
    }
    .advantage-title{
        font-size:24px;
        line-height:28px
    }
    .directors{
        margin-bottom:20px
    }
    .directors-name{
        font-size:20px;
        line-height:18px;
        padding:25px 0 0
    }
    .directors-position{
        font-size:18px;
        line-height:18px
    }
    .contacts-block{
        background:#fff;
        width:100%;
        top:auto;
        left:0;
        box-shadow:none
    }
    .footer{
        padding:5px
    }
    .footer-logo{
        width:105px
    }
    .footer-logo img{
        height:90px
    }
    .footer-text{
        margin-top:10px;
        font-size:15px;
        line-height:15px
    }
    .footer-adress{
        margin-top:14px;
        font-size:17px
    }
    .contacts{
        height:990px
    }
    .button-circle{
        height:60px;
        width:60px
    }
    .button-circle>img{
        height:20px;
        margin-top:20px
    }
}
@media (max-width:575px){
    .banner{
        background-size:1000px auto
    }
    .header-green{
        margin-left:58%
    }
    .service-title img{
        margin:0 44px;
        height:50px
    }
    .service-title__type{
        font-size:26px
    }
    .services-block{
        height:160px;
        margin:0
    }
    .services-block:hover{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
        height:300px
    }
    .service-title__hide-type{
        font-size:16px;
        line-height:16px
    }
    .advantages-block{
        height:88px;
        margin-left:18px
    }
    .advantage-number{
        margin:0 20px;
        font-size:24px;
        border-radius:48px
    }
    .document-block img{
        height:240px;
        margin-bottom:10px
    }
    .footer-adress{
        font-size:14px
    }
    .footer-logo{
        margin:15px auto
    }
}
@media (max-width:490px){
    .banner{
        background-size:828px auto;
        height:327px
    }
    .header-green,.header-white{
        height:150px;
        width:150px
    }
    .header-green{
        margin-left:60%;
        margin-top:-20%
    }
    h1{
        padding-top:28px;
        padding-right:8px;
        font-size:14pt;
        font-stretch:10%;
        line-height:25px;
        font-family:'Franklin Gothic Medium';
        font-weight:700
    }
    .service-title img{
        margin:0 24px
    }
    .advantage-number{
        display:none
    }
    .advantages-block{
        height:100px
    }
    .advantage-title{
        margin-left:24px
    }
    .directors-name{
        padding-bottom:4px
    }
    .order>a>img{
        max-height:100px;
        padding:0 0 20px
    }
    .employee-description{
        flex-direction:column-reverse
    }
}
@media (max-width:427px){
    .banner{
        background-size:715px auto;
        height:280px
    }
    .header-green,.header-white{
        height:120px;
        width:120px
    }
    .header-green{
        margin-left:57%;
        margin-top:-24%
    }
    h1{
        padding-top:20px;
        padding-right:8px;
        font-size:11pt;
        font-stretch:10%;
        line-height:20px;
        font-family:'Franklin Gothic Medium';
        font-weight:700
    }
    .service-title img{
        margin:0 20px;
        height:36px
    }
    .service-title__type{
        font-size:20px
    }
    .services-block{
        height:160px
    }
    .services-block:hover{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
        height:320px
    }
    .service-title__hide-type{
        font-size:14px
    }
}
@media (max-width:359px){
    .banner{
        background-size:560px auto;
        height:220px
    }
    .header-green{
        margin-top:-36%
    }
    .header-contacts{
        height:110px
    }
    .header-contacts__phones>a{
        font-size:20px
    }
    .service-title__type{
        font-size:14px;
        font-weight:700
    }
    .services-block{
        height:100px
    }
    .services-block:hover{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
        height:340px
    }
    .advantage-title{
        font-size:20px
    }
    .contacts-block__text{
        font-size:16px
    }
    .contacts{
        height:1010px
    }
    .footer-text{
        width:200px
    }
}