@font-face {
    font-family: "Roboto Condensed Italic";
    src: url("../fonts/RobotoCondensed-Italic.eot");
    src: url("../fonts/RobotoCondensed-Italic.woff");
    src: url("../fonts/RobotoCondensed-Italic.ttf");
    font-weight: normal;
    font-style: italic
}
@font-face {
    font-family: "Poiret One Regular";
    src: url("../fonts/PoiretOne-Regular.eot");
    src: url("../fonts/PoiretOne-Regular.woff");
    src: url("../fonts/PoiretOne-Regular.ttf");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "Myriad Pro Regular";
    src: url("../fonts/MyriadPro-Regular.eot");
    src: url("../fonts/MyriadPro-Regular.woff");
    src: url("../fonts/MyriadPro-Regular.ttf");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "Myriad Pro Bold";
    src: url("../fonts/MyriadPro-Bold.eot");
    src: url("../fonts/MyriadPro-Bold.woff");
    src: url("../fonts/MyriadPro-Bold.ttf");
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: "Myriad Pro Semibold";
    src: url("../fonts/MyriadPro-Semibold.eot");
    src: url("../fonts/MyriadPro-Semibold.woff");
    src: url("../fonts/MyriadPro-Semibold.ttf");
    font-weight: 600;
    font-style: normal
}
html {
    font-size: 10px
}
body, section {
    overflow-x: hidden
}
.on {
    display: none
}
.header-green {
    font-size: 2rem;
    font-family: "Poiret One Regular";
    font-weight: 800;
    color: #fff;
    background-color: #007a2e;
    padding: .1rem 0 .1rem 9rem
}
.header-left {
    padding-left: 6rem
}
.header-center {
    margin-top: 6rem
}
.part-slider{
    margin-left:5rem;
}
.part-slider .img-responsive{
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.header-center a, .header-center a:hover {
    font-family: "Roboto Condensed Italic";
    font-size: 2.4rem;
    border: 3px solid #dde8ea;
    border-radius: 5rem;
    color: #06588d;
    padding: .5rem 2rem;
    text-decoration: none
}
.header-center img {
    margin-bottom: .7rem;
    margin-right: 1.5rem
}
.header-center a:hover {
    border: 3px solid #06588d
}
.header-right {
    font-family: "Poiret One Regular";
    font-weight: 800;
    padding-top: 1rem
}
.header-right .phone {
    font-size: 3.4rem
}
.header-right .phone a {
    color: #000
}
.header-right p {
    line-height: 3rem
}
.header-right p img {
    padding-bottom: .5rem
}
.header-right p .work {
    font-size: 1.6rem;
    color: #06588d
}
.header .menu {
    background-color: #06588d;
    display: block
}
.header .menu .menu-hidden {
    display: none
}
.header .menu ul {
    padding-left: 0
}
.header .menu ul li {
    list-style-type: none;
    display: inline-block;
    font-family: "Poiret One Regular";
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.5rem;
    letter-spacing: 4px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}
.header .menu ul li a {
    color: #fff
}
.header .header-bg img {
    width: 100%;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.75)
}
.advantages .section-header {
    padding-bottom: 1rem
}
.advantages .section-header h2 {
    font-size: 3.3rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: sans-serif;
    color: #06588d
}
.advantages .section-header .button {
    margin-top: 3rem
}
.advantages .section-header .button a {
    color: #fff;
    background-color: #fe0000;
    font-size: 3.5rem;
    font-weight: 700;
    padding: .5rem 2rem;
    border-radius: 5rem;
    text-decoration: none
}
.advantages .section-header .button a:hover {
    text-decoration: none;
    background-color: #06588d
}
.advantages-block {
    background-color: #06588d;
    font-family: "Myriad Pro Regular";
    color: #fff;
    padding-bottom: 2rem;
}
.advantages-block h2 {
    text-transform: uppercase;
    margin-bottom: 4rem
}
.advantages-block p {
    font-size: 1.8rem;
    font-family: "Myriad Pro Bold";
    line-height: 3rem
}
.advantages-block p span {
    text-transform: uppercase;
    font-family: "Myriad Pro Regular";
    background-color: #fff;
    color: #000;
    padding: .2rem
}
.works h2 {
    background-color: #06588d;
    color: #fff;
    font-family: "Myriad Pro Bold";
    font-size: 3rem;
    text-transform: uppercase;
    padding: 1rem 0
}
.works-item {
    margin-bottom: 3rem
}
.works-item img {
    border-radius: 1rem
}
.works-slider {
    margin-top: 3rem
}
.works .slick-dots {
    width: 9rem;
    margin-left: 18rem;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    padding-left: .5rem;
    border-radius: 5rem
}
.works .slick-dots .slick-active button:before {
    color: #ff9b00
}
.works .slick-dots li {
    margin: .3rem
}
.works .slick-dots li button {
    background-color: #fff;
    border-radius: 5rem;
    height: 1.5rem;
    width: 1.5rem
}
.works .slick-dots li button:before {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 3.5rem;
    border-radius: 5rem;
    line-height: 1.7rem;
    color: transparent
}
.works .feedback {
    padding-bottom: 2rem;
    margin-top: 3rem;
    border: 2px solid #058cfc;
    border-radius: .5rem;
    border-bottom-left-radius: 0;
    box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, 0.75);
    position: relative
}
.works .feedback p {
    font-family: "Myriad Pro Semibold";
    font-size: 1.8rem
}
.works .feedback .text {
    font-family: "Myriad Pro Semibold";
    font-weight: 700;
    font-size: 1.8rem;
    padding-bottom: 1rem
}
.works .feedback span {
    content: "";
    position: absolute;
    bottom: .6rem;
    right: 3rem;
    font-family: "Myriad Pro Semibold";
    color: #999;
    font-size: 1.8rem
}
.works .feedback span img {
    margin-top: -3px;
    margin-left: .5rem;
    width: 1.8rem
}
.works .feedback-orange {
    padding: 1rem 0;
    background-image: url(../img/bg-light.jpg)
}
.works .feedback:before {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -2rem;
    border: 10px solid transparent;
    border-left: 10px solid #058cfc;
    border-top: 10px solid #058cfc
}
.works .feedback:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    border-top: 10px solid #fff
}
.works .street h3 {
    margin-top: 2.5rem;
    font-family: "Myriad Pro Regular"
}
.works .street h3 span {
    color: #fff;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    padding: .2rem .5rem;
    border-radius: 3rem
}
.works-slider-1 {
    margin-top: 2rem
}
.works-slider-1 .slick-dots {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent
}
.works .feedback-1 {
    padding-bottom: 2rem;
    background-color: #fff;
    margin-top: 2rem;
    border: 2px solid orange;
    border-radius: .5rem;
    border-bottom-right-radius: 0;
    box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, 0.75);
    position: relative
}
.works .feedback-1 p {
    font-family: "Myriad Pro Semibold";
    font-size: 1.8rem
}
.works .feedback-1 .text {
    font-family: "Myriad Pro Semibold";
    font-weight: 700;
    font-size: 1.8rem;
    padding-bottom: 1rem
}
.works .feedback-1 span {
    content: "";
    position: absolute;
    bottom: .6rem;
    right: 3rem;
    font-family: "Myriad Pro Semibold";
    color: #999;
    font-size: 1.8rem
}
.works .feedback-1 span img {
    margin-top: -3px;
    margin-left: .5rem;
    width: 1.8rem
}
.works .feedback-1 .street-1 {
    content: "";
    position: absolute;
    bottom: -6rem;
    right: 0
}
.works .feedback-1 .street-1 h3 {
    margin-top: 2.5rem;
    font-family: "Myriad Pro Regular"
}
.works .feedback-1 .street-1 h3 span {
    color: #fff;
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    padding: .2rem .5rem;
    border-radius: 3rem;
    margin-right: -1rem;
    margin-bottom: .5rem
}
.works .feedback-1:before {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -2rem;
    border: 10px solid transparent;
    border-right: 10px solid orange;
    border-top: 10px solid orange
}
.works .feedback-1:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    border: 8px solid transparent;
    border-right: 8px solid #fff;
    border-top: 8px solid #fff
}
.free {
    margin-top: 3rem;
    padding: 7rem 0;
    background: url(../img/form/form-bg.jpg) center no-repeat
}
.free h2 {
    background: linear-gradient(to top, #55c04c, #b7ea3f) repeat scroll 0 0 transparent;
    font-family: "Myriad Pro Bold";
    color: #fff;
    padding: .5rem 0;
    width: 60rem;
    margin: 0 auto;
    font-size: 2.5rem;
    text-transform: uppercase
}
.free h3 {
    font-family: "Myriad Pro Regular";
    text-transform: uppercase;
    font-size: 1.8rem;
    margin: 1rem;
    margin-bottom: 7rem;
    background-color: #fff;
    padding: 1rem 0;
    margin-top: 0
}
.free .form-double {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-radius: 3rem;
    border: 3px solid #fff;
    box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.75);
    background: url(../img/bg-light.jpg) repeat
}
.free .name {
    background: #fff url(../img/form/name.png) no-repeat;
    padding: .5rem;
    background-color: transparent
}
.free .name input {
    border: none;
    outline: none;
    font-size: 2rem;
    margin-left: 3.5rem;
    padding-left: 1rem;
    width: 19.8rem
}
.free .phone {
    background: #fff url(../img/form/phone.png) center center no-repeat;
    padding: .5rem;
    margin-left: 1rem;
    background-color: transparent
}
.free .phone input {
    background: none;
    border: none;
    outline: none;
    font-size: 2rem;
    margin-left: 3.5rem;
    padding-left: 1rem;
    width: 19.8rem
}
.free input[type="submit"] {
    text-transform: uppercase;
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    border: none;
    color: #fff;
    font-family: "Myriad Pro Bold";
    font-size: 2rem;
    padding: 1rem 5rem;
    border-radius: 1rem;
    margin-top: 3rem
}
.products {
    font-family: "Myriad Pro Regular";
    font-size: 2rem
}
.products h2 {
    font-size: 3rem;
    text-transform: uppercase;
    font-family: "Myriad Pro Bold";
    margin-bottom: 3rem;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    padding: .5rem 0
}
.products h3 {
    font-size: 2.2rem
}
.products .open span {
    font-size: 2.5rem;
    border-bottom: 2px dotted #000;
    cursor: pointer
}
.products .disable {
    display: none
}
.products-item {
    padding-bottom: 4rem;
    padding-top: 2rem;
    border-bottom: 3px solid #3c4752
}
.products-item .table {
    border-collapse: separate;
    border-radius: 10px
}
.products-item .green {
    background-color: #b4e840
}
.products-item span {
    font-size: 2.5rem;
    font-family: "Myriad Pro Bold";
    background-color: #b4e840;
    border-radius: 1rem;
    padding-left: 2.5rem
}
.products-item a, .products-item a:hover {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    text-decoration: none;
    font-family: "Myriad Pro Semibold";
    font-size: 2.5rem;
    text-align: center;
    border-radius: 1rem
}
.products-item table {
    border: 3px solid #00db86
}
.products-item table td {
    border: 1px solid #00db86;
    padding: 1rem 3rem
}
.partners .slick-dots li button::before {
    font-size: 20px;
}
.catalog {
    overflow-y: hidden;
    background-color: #F6F6F6
}
.catalog-bg {
    background: url(../img/catalog.png) top left no-repeat;
    background-size: 90% 100%;
    padding-bottom: 3rem
}
.catalog h2 {
    text-transform: uppercase;
    font-size: 3rem;
    font-family: "Myriad Pro Bold";
    color: #fff;
    background: linear-gradient(to top, #55c04c, #b7ea3f) repeat scroll 0 0 transparent;
    padding: .5rem 1rem
}
.catalog .form {
    z-index: 99;
    margin-bottom: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    background: #fff url(../img/form-top.png) no-repeat;
    background-size: 100%;
    position: relative
}
.catalog .form h4 {
    color: #fff;
    padding: 3rem;
    padding-bottom: 5rem
}
.catalog .form h4 span {
    text-transform: uppercase;
    font-size: 2rem;
    font-family: "Myriad Pro Bold"
}
.catalog .form input[type="text"], .catalog .form input[type="email"] {
    border: #fff;
    font-family: "Myriad Pro Regular";
    font-size: 1.6rem;
    padding-right: 1.5rem;
    margin-left: 3.6rem;
    padding-top: .3rem;
    padding-bottom: .3rem
}
.catalog .form input[type="submit"] {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem;
    font-family: "Myriad Pro Semibold";
    padding: 1rem 3rem;
    border-radius: 1rem;
    border: none;
    margin-bottom: 6rem;
    margin-top: 3rem;
}
.catalog .form .name {
    background: transparent url(../img/form/name.png) center no-repeat;
    padding: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.catalog .form .email {
    background: url(../img/form/email.png) center no-repeat;
    padding: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.catalog .form .phone {
    background: transparent url(../img/form/phone.png) center no-repeat;
    padding: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
	}
.catalog .form:after {
    content: "";
    position: absolute;
    left: -0.2rem;
    bottom: -24rem;
    background: url(../img/form-bottom.png) no-repeat;
    background-size: 100%;
    padding: 50%;
    z-index: -1;
}
.projects {
    margin: 3rem 0
}
.projects h2 {
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    font-family: "Myriad Pro Semibold";
    text-transform: uppercase;
    padding: .5rem;
    margin-top: 0;
    padding-top: 1rem;
}
.projects img {
    margin: 1rem;
    width: 100%
}
.partners img {
    padding: 0;
    background-color: transparent;
}
.owl-prev, .owl-next {
    background-color: transparent;
}
.partners h2 {
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    font-family: "Myriad Pro Bold";
    text-transform: uppercase;
    padding: .5rem 0;
}
.partners-slider {
    position: relative;
    margin-top: 2rem
}
.owl-prev, owl-prev:hover{
    content: '';
    position: absolute;
    top: 40%;
    left: 11rem;
    background-color: transparent!important;
}
.owl-next, owl-next:hover{
    content: '';
    position: absolute;
    top: 40%;
    right: 11rem;
    background-color: transparent!important;
}
.partners .owl-dots{
    margin-top: -1rem;
}
.partners-item {
    padding-bottom: 1rem!important;
    border-radius: 1rem;
    border: 3px solid #0087FF;
    color: #0087FF;
    width: 70%;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.partners-item h3 {
    font-family: "Myriad Pro Bold"
}
.partners-item p {
    font-family: "Myriad Pro Regular";
    font-size: 1.6rem;
    color: white!important;
    font-style: italic;
    padding: 1rem 3rem!important;
    background-color: #27b2c3;
}
.partners-item hr {
    margin: 2rem
}
.partners-img{
    margin-top: 2rem;
}
.partners .prev-ar {
    position: absolute;
    top: 5rem;
    left: -5rem;
}
.partners .next-ar {
    position: absolute;
    top: 5rem;
    right: -4.5rem;
}
.part{
    background-image: url(../img/bg-light.jpg);
    padding-bottom: 3rem;
}
.part img{
    width: 16.3%;
    margin: 1rem 0;
}
.maps-ya {
    position: absolute;
    padding: 0;
    width: 100%;
    height: 60rem;
}
.contacts {
    text-transform: uppercase
}
.contacts h2 {
    font-size: 2.5rem;
    font-family: "Myriad Pro Bold";
    font-weight: 900;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    padding: 1rem
}
.contacts .cont {
    background-color: rgba(255, 255, 255, 0.7)
}
.contacts .cont a {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    font-family: "Myriad Pro Regular";
    font-size: 1.8rem;
    border-radius: 1rem;
    padding: 1.3rem 6rem;
    margin-left: 5rem
}
.contacts h3 {
    font-size: 2.2rem;
    font-family: "Myriad Pro Bold"
}
.contacts .contacts-phone {
    margin-top: 3rem
}
.contacts h4 {
    font-size: 1.8rem;
    font-family: "Myriad Pro Regular";
    line-height: 2.5rem;
    margin-bottom: 3.7rem
}
.contacts img {
    padding-right: 1rem;
    padding-bottom: .3rem
}
.contacts-1 {
    display: none;
    text-transform: uppercase
}
.contacts-1 h2 {
    font-size: 2.5rem;
    font-family: "Myriad Pro Bold";
    font-weight: 900;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    padding: 1rem
}
.contacts-1 .cont {
    background-color: rgba(255, 255, 255, 0.7)
}
.contacts-1 .cont a {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    font-family: "Myriad Pro Regular";
    font-size: 1.8rem;
    border-radius: 1rem;
    padding: 1.3rem 6rem;
    margin-left: 5rem
}
.contacts-1 h3 {
    font-size: 2.2rem;
    font-family: "Myriad Pro Bold"
}
.contacts-1 .contacts-phone {
    margin-top: 3rem
}
.contacts-1 h4 {
    font-size: 1.8rem;
    font-family: "Myriad Pro Regular";
    line-height: 2.5rem;
    margin-bottom: 3.7rem
}
.contacts-1 img {
    padding-right: 1rem;
    padding-bottom: .3rem
}
footer {
    background: url(../img/footer-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 3rem 0
}
footer .phone {
    font-size: 3rem;
    color: #fff
}
footer .orders {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: orange;
    border-bottom: 2px dashed #fff;
    text-decoration: none
}
footer h3 {
    color: orange;
    margin-top: 1rem
}
.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
    background-color: rgba(0, 0, 0, 0.5)
}
.popup-content {
    border-radius: 1rem;
    position: fixed;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    background: #fff url(../img/popup-bg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    padding: 2rem;
    width: 35rem;
    height: 38rem
}
.popup-header {
    font-family: "Myriad Pro Regular";
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #fff;
    margin-bottom: 4rem
}
.popup-header span {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-family: "Myriad Pro Semibold"
}
.popup-close {
    position: absolute;
    top: -2rem;
    right: 0;
    border-radius: 4rem;
    text-align: center;
    background-color: transparent;
    font-size: 5rem;
    color: red;
    cursor: pointer
}
.popup-form .name {
    background: url(../img/form/name.png) no-repeat;
    background-position-x: center;
    padding: .7rem
}
.popup-form .name input {
    border: none;
    margin-left: 3.4rem;
    margin-top: -0.2rem;
    padding: .5rem 1rem
}
.popup-form .phone {
    background: #fff url(../img/form/phone.png) no-repeat;
    background-position-x: center;
    padding: .7rem
}
.popup-form .phone input {
    border: none;
    margin-left: 3.4rem;
    margin-top: -0.2rem;
    padding: .5rem 1rem
}
.popup-form input[type="submit"] {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    padding: .7rem 3rem;
    margin-top: 2.5rem;
    border-radius: 1rem;
    border: none;
    font-family: "Myriad Pro Bold"
}
.popup-form:after {
    content: "";
    position: absolute;
    left: -0.2rem;
    bottom: -22rem;
    background: url(../img/form-bottom.png) no-repeat;
    background-size: 100%;
    padding: 50%;
    z-index: -1
}
.owl-dots {
    counter-reset: dots;
}
.owl-dot:before {
    counter-increment: dots;
    content: counter(dots);
}
@media (max-width: 1200px) {
    .header-left {
        padding-left: 0
    }
    .header-left img {
        width: 100%
    }
    .header-center a, .header-center a:hover {
        font-size: 2rem
    }
    .header-right .phone {
        font-size: 2.5rem
    }
    .header-right .work {
        font-size: 1.4rem
    }
    .advantages .section-header {
        padding-bottom: 1rem
    }
    .advantages .section-header h2 {
        font-size: 2.8rem
    }
    .advantages .section-header .button a {
        font-size: 3rem
    }
    .works .feedback {
        background-size: 100%;
        padding: .5rem 3rem 6rem 3rem
    }
    .free .form .name input {
        width: 19.5rem
    }
    .products-item span, .products-item a, .products-item a:hover {
        font-size: 2.1rem
    }
    .partners-item{
        width: 100%;
    }
    .contacts a {
        padding: 1rem 2rem
    }
}
@media (max-width: 992px) {
    .off {
        display: none
    }
    .on {
        display: block
    }
    .header-left {
        margin-top: 2rem
    }
    .header-center {
        margin-top: 5rem
    }
    .header-center a, .header-center a:hover {
        padding: .5rem 1rem
    }
    .header-center img {
        display: none
    }
    .header-right .phone {
        font-size: 2.3rem
    }
    .header .menu ul li {
        font-size: 2rem
    }
    .advantages .section-header {
        padding-bottom: 1rem
    }
    .advantages .section-header h2 {
        font-size: 2.5rem
    }
    .advantages .section-header .button a {
        font-size: 2.7rem
    }
    .works h2 {
        font-size: 2rem
    }
    .works .slick-dots {
        margin-bottom: 1rem
    }
    .works .feedback-1 {
        margin-bottom: 5rem
    }
    .works .feedback-1 .street-1 {
        text-align: right;
        padding-right: 5rem
    }
    .free h2 {
        width: 100%;
        font-size: 2.2rem
    }
    .free .form .name input {
        margin-left: 2rem;
        margin-bottom: 3rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 4rem
    }
    .catalog-bg {
        background: url(../img/catalog.png) top left no-repeat;
        background-size: 100% 100%
    }
    .part{
        margin-left: 0;
    }
    .part img{
        width: 70%;
        margin-left: 15%;
    }
    .owl-prev, owl-prev:hover{
        content: '';
        position: absolute;
        top: 40%;
        left: -1rem;
        background-color: transparent!important;
    }
    .owl-next, owl-next:hover{
        content: '';
        position: absolute;
        top: 40%;
        right: -1rem;
        background-color: transparent!important;
    }
}
@media (max-width: 767px) {
    .header-green {
        text-align: center;
        padding-left: 0
    }
    .header-left {
        margin-top: 0
    }
    .header-center {
        text-align: center;
        margin: 1rem 0
    }
    .header-right {
        text-align: center
    }
    .header .menu {
        padding-bottom: 0
    }
    .header .menu .menu-hidden {
        display: block;
        padding-top: .5rem
    }
    .header .menu ul li {
        display: none;
        border: none;
        border-top: 1px solid #fff
    }
    .advantages .section-header {
        padding-bottom: 1rem
    }
    .advantages .section-header h2 {
        margin-top: -1rem;
        font-size: 1.8rem
    }
    .advantages .section-header .button {
        margin-top: 1rem
    }
    .advantages .section-header .button a {
        font-size: 2.2rem
    }
    .works .feedback {
        padding-bottom: 2.5rem;
        padding-left: 1.2rem;
        padding-right: 1rem
    }
    .free {
        padding: 3rem 0;
        background: url(../img/form/form-bg.jpg) center no-repeat
    }
    .free .form .name {
        background: url(../img/form/name.png) center no-repeat;
        margin-left: 2rem
    }
    .free .form .name input {
        margin-left: 3.5rem;
        margin-top: 3rem
    }
    .products h2 {
        font-size: 2.5rem
    }
    .catalog .form {
        width: 70%;
        margin-left: 10rem
    }
    .catalog .form h4 {
        margin-top: -1rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 3rem
    }
    .contacts {
        padding-left: 0;
        padding-right: 0
    }
    .partners h2 {
        font-size: 2.3rem
    }
    .partners-item p {
        font-family: "Myriad Pro Regular";
        font-size: 1.6rem;
        color: #000;
        padding: 0 1rem
    }
    .partners-slider img {
        display: none
    }
    .razrab {
        display: none
    }
    .contacts {
        display: none
    }
    .contacts-1 {
        display: block
    }
    footer {
        display: none;
    }
}
@media (max-width: 480px) {
    .works .slick-dots {
        margin-left: 12rem
    }
    .free .form .form-double {
        padding-left: 0;
        padding-right: 0
    }
    .free .form .name {
        margin-left: 0
    }
    .free .form .name input {
        margin-left: 3.5rem;
        width: 18rem
    }
    .free .form .phone {
        margin-left: 0
    }
    .free .form .phone input {
        width: 19rem
    }
    .catalog .form {
        width: 80%;
        margin-left: 4rem
    }
    .catalog .form h4 {
        margin-top: -1rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 0
    }
    footer {
        text-align: center
    }
    footer .phone {
        font-size: 2.3rem
    }
    footer .orders {
        font-size: 1.8rem
    }
    .projects h2 {
        font-size: 2.3rem
    }
}
@media (max-width: 425px) {
    .works .slick-dots {
        margin-left: 9rem
    }
    .products-item img {
        width: 100%
    }
    .catalog .form {
        width: 100%;
        margin-left: 0
    }
    .catalog .form h4 {
        margin-top: -1rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 2rem
    }
    .popup-content {
        width: 32rem;
        height: 35rem
    }
    .popup-close {
        margin-top: .3rem;
        font-size: 5rem
    }
    .contacts .cont a {
        margin-left: 2rem;
        padding: 1rem 5rem
    }
}
@media (max-width: 350px) {
    .works .slick-dots {
        margin-left: 7rem
    }
    .catalog .form {
        margin-bottom: 5rem;
        width: 100%
    }
    .catalog .form h4 {
        margin-top: -2rem;
        font-size: 1.6rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 5rem
    }
    .contacts-1 .cont a {
        margin-left: 2rem
    }
}
@media (max-width: 320px) {
    .free .form .name {
        margin-left: 0
    }
    
    .free .form input[type="submit"] {
        padding: 1rem 2rem
    }
    
    .popup-content {
        width: 30rem
    }
    
    .contacts-1 .cont a {
        margin-left: 1rem
    }
}
.advantages .section-header {
    padding-bottom: 1rem
}
.advantages .section-header h2 {
    font-size: 3.3rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: sans-serif;
    color: #06588d
}
.advantages .section-header .button {
    margin-top: 3rem
}
.advantages .section-header .button a {
    color: #fff;
    background-color: #fe0000;
    font-size: 3.5rem;
    font-weight: 700;
    padding: .5rem 2rem;
    border-radius: 5rem;
    text-decoration: none
}
.advantages .section-header .button a:hover {
    text-decoration: none;
    background-color: #06588d
}
.advantages-block {
    background-color: #06588d;
    font-family: "Myriad Pro Regular";
    color: #fff;
    padding-bottom: 2rem
}
.advantages-block h2 {
    text-transform: uppercase;
    margin-bottom: 4rem
}
.advantages-block p {
    font-size: 1.8rem;
    font-family: "Myriad Pro Bold";
    line-height: 3rem
}
.advantages-block p span {
    text-transform: uppercase;
    font-family: "Myriad Pro Regular";
    background-color: #fff;
    color: #000;
    padding: .2rem
}
.works h2 {
    background-color: #06588d;
    color: #fff;
    font-family: "Myriad Pro Bold";
    font-size: 3rem;
    text-transform: uppercase;
    padding: 1rem 0
}
.works-item {
    margin-bottom: 3rem
}
.works-item img {
    border-radius: 1rem
}
.works-slider {
    margin-top: 3rem
}
.works .slick-dots {
    width: 9rem;
    margin-left: 18rem;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    padding-left: .5rem;
    border-radius: 5rem
}
.works .slick-dots .slick-active button:before {
    color: #ff9b00
}
.works .slick-dots li {
    margin: .3rem
}
.works .slick-dots li button {
    background-color: #fff;
    border-radius: 5rem;
    height: 1.5rem;
    width: 1.5rem
}
.works .slick-dots li button:before {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 3.5rem;
    border-radius: 5rem;
    line-height: 1.7rem;
    color: transparent
}
.works .feedback {
    padding-bottom: 2rem;
    margin-top: 3rem;
    border: 2px solid #058cfc;
    border-radius: .5rem;
    border-bottom-left-radius: 0;
    box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, 0.75);
    position: relative
}
.works .feedback p {
    font-family: "Myriad Pro Semibold";
    font-size: 1.8rem
}
.works .feedback .text {
    font-family: "Myriad Pro Semibold";
    font-weight: 700;
    font-size: 1.8rem;
    padding-bottom: 1rem
}
.works .feedback span {
    content: "";
    position: absolute;
    bottom: .6rem;
    right: 3rem;
    font-family: "Myriad Pro Semibold";
    color: #999;
    font-size: 1.8rem
}
.works .feedback span img {
    margin-top: -3px;
    margin-left: .5rem;
    width: 1.8rem
}
.works .feedback:before {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -2rem;
    border: 10px solid transparent;
    border-left: 10px solid #058cfc;
    border-top: 10px solid #058cfc
}
.works .feedback:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    border-top: 10px solid #fff
}
.works .street h3 {
    margin-top: 2.5rem;
    font-family: "Myriad Pro Regular"
}
.works .street h3 span {
    color: #fff;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    padding: .2rem .5rem;
    border-radius: 3rem
}
.works-slider-1 {
    margin-top: 2rem
}
.works-slider-1 .slick-dots {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent
}
.works .feedback-1 {
    padding-bottom: 2rem;
    background-color: #fff;
    margin-top: 2rem;
    border: 2px solid orange;
    border-radius: .5rem;
    border-bottom-right-radius: 0;
    box-shadow: 0px 0px 19px -4px rgba(0, 0, 0, 0.75);
    position: relative
}
.works .feedback-1 p {
    font-family: "Myriad Pro Semibold";
    font-size: 1.8rem
}
.works .feedback-1 .text {
    font-family: "Myriad Pro Semibold";
    font-weight: 700;
    font-size: 1.8rem;
    padding-bottom: 1rem
}
.works .feedback-1 span {
    content: "";
    position: absolute;
    bottom: .6rem;
    right: 3rem;
    font-family: "Myriad Pro Semibold";
    color: #999;
    font-size: 1.8rem
}
.works .feedback-1 span img {
    margin-top: -3px;
    margin-left: .5rem;
    width: 1.8rem
}
.works .feedback-1 .street-1 {
    content: "";
    position: absolute;
    bottom: -6rem;
    right: 0
}
.works .feedback-1 .street-1 h3 {
    margin-top: 2.5rem;
    font-family: "Myriad Pro Regular"
}
.works .feedback-1 .street-1 h3 span {
    color: #fff;
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    padding: .2rem .5rem;
    border-radius: 3rem;
    margin-right: -1rem;
    margin-bottom: .5rem
}
.works .feedback-1:before {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -2rem;
    border: 10px solid transparent;
    border-right: 10px solid orange;
    border-top: 10px solid orange
}
.works .feedback-1:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    border: 8px solid transparent;
    border-right: 8px solid #fff;
    border-top: 8px solid #fff
}
.free {
    margin-top: 3rem;
    padding: 7rem 0;
    background: url(../img/form/form-bg.jpg) center no-repeat
}
.free h2 {
    background: linear-gradient(to top, #55c04c, #b7ea3f) repeat scroll 0 0 transparent;
    font-family: "Myriad Pro Bold";
    color: #fff;
    padding: .5rem 0;
    width: 60rem;
    margin: 0 auto;
    font-size: 2.5rem;
    text-transform: uppercase
}
.free h3 {
    font-family: "Myriad Pro Regular";
    text-transform: uppercase;
    font-size: 1.8rem;
    margin: 1rem;
    margin-bottom: 7rem;
    background-color: #fff;
    padding: 1rem 0;
    margin-top: 0
}
.free .form-double {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-radius: 3rem;
    border: 3px solid #fff;
    box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.75);
    background: url(../img/bg-light.jpg) repeat
}
.free .name {
    background: #fff url(../img/form/name.png) no-repeat;
    padding: .5rem;
    background-color: transparent
}
.free .name input {
    border: none;
    outline: none;
    font-size: 2rem;
    margin-left: 3.5rem;
    padding-left: 1rem;
    width: 19.8rem
}
.free .phone {
    background: #fff url(../img/form/phone.png) center center no-repeat;
    padding: .5rem;
    margin-left: 1rem;
    background-color: transparent
}
.free .phone input {
    background: none;
    border: none;
    outline: none;
    font-size: 2rem;
    margin-left: 3.5rem;
    padding-left: 1rem;
    width: 19.8rem
}
.free input[type="submit"] {
    text-transform: uppercase;
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    border: none;
    color: #fff;
    font-family: "Myriad Pro Bold";
    font-size: 2rem;
    padding: 1rem 5rem;
    border-radius: 1rem;
    margin-top: 3rem
}
.products {
    font-family: "Myriad Pro Regular";
    font-size: 2rem;
    padding-bottom: 3rem;
}
.products h2 {
    font-size: 3rem;
    text-transform: uppercase;
    font-family: "Myriad Pro Bold";
    margin-bottom: 3rem;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    padding: .5rem 0
}
.products h3 {
    font-size: 2.2rem
}
.products .open span {
    font-size: 2.5rem;
    border-bottom: 2px dotted #000;
    cursor: pointer
}
.products .disable {
    display: none
}
.products-item {
    padding-bottom: 4rem;
    padding-top: 2rem;
    border-bottom: 3px solid #3c4752
}
.products-item .table {
    border-collapse: separate;
    border-radius: 10px
}
.products-item .green {
    background-color: #b4e840
}
.products-item span {
    font-size: 2.5rem;
    font-family: "Myriad Pro Bold";
    background-color: #b4e840;
    border-radius: 1rem;
    padding-left: 2.5rem
}
.products-item a, .products-item a:hover {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    text-decoration: none;
    font-family: "Myriad Pro Semibold";
    font-size: 2.5rem;
    text-align: center;
    border-radius: 1rem
}
.products-item table {
    border: 3px solid #00db86
}
.products-item table td {
    border: 1px solid #00db86;
    padding: 1rem 3rem
}
.partners .slick-dots li button::before {
    font-size: 20px;
}
.catalog {
    overflow-y: hidden;
    background-color: #F6F6F6
}
.catalog-bg {
    background: url(../img/catalog.png) top left no-repeat;
    background-size: 90% 100%;
    padding-bottom: 3rem
}
.catalog h2 {
    text-transform: uppercase;
    font-size: 3rem;
    font-family: "Myriad Pro Bold";
    color: #fff;
    background: linear-gradient(to top, #55c04c, #b7ea3f) repeat scroll 0 0 transparent;
    padding: .5rem 1rem
}
.catalog .form {
    z-index: 99;
    margin-bottom: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    background: #fff url(../img/form-top.png) no-repeat;
    background-size: 100%;
    position: relative
}
.catalog .form h4 {
    color: #fff;
    padding: 3rem;
    padding-bottom: 5rem
}
.catalog .form h4 span {
    text-transform: uppercase;
    font-size: 2rem;
    font-family: "Myriad Pro Bold"
}
.catalog .form input[type="text"], .catalog .form input[type="email"] {
    border: #fff;
    font-family: "Myriad Pro Regular";
    font-size: 1.6rem;
    padding-right: 1.5rem;
    margin-left: 3.6rem;
    padding-top: .3rem;
    padding-bottom: .3rem
}
.catalog .form input[type="submit"] {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem;
    font-family: "Myriad Pro Semibold";
    padding: 1rem 3rem;
    border-radius: 1rem;
    border: none;
    margin-bottom: 6rem;
    margin-top: 3rem
}
.catalog .form .name {
    background: transparent url(../img/form/name.png) center no-repeat;
    padding: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}
.catalog .form .email {
    background: url(../img/form/email.png) center no-repeat;
    padding: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}
.catalog .form .phone {
    background: transparent url(../img/form/phone.png) center no-repeat;
    padding: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}
.catalog .form:after {
    content: "";
    position: absolute;
    left: -0.2rem;
    bottom: -24rem;
    background: url(../img/form-bottom.png) no-repeat;
    background-size: 100%;
    padding: 50%;
    z-index: -1
}
.projects {
    margin: 3rem 0 0 0;
    padding-bottom: 3rem;
}
.projects h2 {
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    font-family: "Myriad Pro Semibold";
    text-transform: uppercase;
    padding: .5rem;
    margin-top: 0;
    padding-top: 1rem
}
.projects img {
    margin: 1rem;
    width: 100%
}
.partners img {
    padding: 0;
    background-color: transparent;
}
.owl-prev, .owl-next {
    background-color: transparent;
}
.partners h2 {
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    font-family: "Myriad Pro Bold";
    text-transform: uppercase;
    padding: .5rem 0;
    margin-top: 3rem;
}
.partners-slider {
    position: relative;
    margin-top: 2rem
}
.partners-item {
    padding-bottom: 2rem;
    border-radius: 1rem;
    border: 3px solid #0087FF;
    color: #0087FF;
}
.partners-item h3 {
    font-family: "Myriad Pro Bold"
}
.partners-item p {
    font-family: "Myriad Pro Regular";
    font-size: 2rem;
    color: #000;
    padding: 0 3rem
}
.partners-item hr {
    margin: 2rem
}
.partners .prev-ar {
    position: absolute;
    top: 5rem;
    left: -5rem
}
.partners .next-ar {
    position: absolute;
    top: 5rem;
    right: -4.5rem
}
.partners-img img {
    width: 100%;
    height: 100%;
}
.maps-ya {
    position: absolute;
    padding: 0;
    width: 100%;
    height: 60rem;
}
.contacts {
    text-transform: uppercase
}
.contacts h2 {
    font-size: 2.5rem;
    font-family: "Myriad Pro Bold";
    font-weight: 900;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    padding: 1rem
}
.contacts .cont {
    background-color: rgba(255, 255, 255, 0.7)
}
.contacts .cont a {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    font-family: "Myriad Pro Regular";
    font-size: 1.8rem;
    border-radius: 1rem;
    padding: 1.3rem 6rem;
    margin-left: 5rem
}
.contacts h3 {
    font-size: 2.2rem;
    font-family: "Myriad Pro Bold"
}
.contacts .contacts-phone {
    margin-top: 3rem
}
.contacts h4 {
    font-size: 1.8rem;
    font-family: "Myriad Pro Regular";
    line-height: 2.5rem;
    margin-bottom: 3.7rem
}
.contacts img {
    padding-right: 1rem;
    padding-bottom: .3rem
}
.contacts-1 {
    display: none;
    text-transform: uppercase
}
.contacts-1 h2 {
    font-size: 2.5rem;
    font-family: "Myriad Pro Bold";
    font-weight: 900;
    background: linear-gradient(to top, #008aff, #00beff) repeat scroll 0 0 transparent;
    color: #fff;
    padding: 1rem
}
.contacts-1 .cont {
    background-color: rgba(255, 255, 255, 0.7)
}
.contacts-1 .cont a {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    font-family: "Myriad Pro Regular";
    font-size: 1.8rem;
    border-radius: 1rem;
    padding: 1.3rem 6rem;
    margin-left: 5rem
}
.contacts-1 h3 {
    font-size: 2.2rem;
    font-family: "Myriad Pro Bold"
}
.contacts-1 .contacts-phone {
    margin-top: 3rem
}
.contacts-1 h4 {
    font-size: 1.8rem;
    font-family: "Myriad Pro Regular";
    line-height: 2.5rem;
    margin-bottom: 3.7rem
}
.contacts-1 img {
    padding-right: 1rem;
    padding-bottom: .3rem
}
footer {
    background: url(../img/footer-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 3rem 0
}
footer .phone {
    font-size: 3rem;
    color: #fff
}
footer .orders {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: orange;
    border-bottom: 2px dashed #fff;
    text-decoration: none
}
footer h3 {
    color: orange;
    margin-top: 1rem
}
.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
    background-color: rgba(0, 0, 0, 0.5)
}
.popup-content {
    border-radius: 1rem;
    position: fixed;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    background: #fff url(../img/popup-bg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    padding: 2rem;
    width: 35rem;
    height: 38rem
}
.popup-header {
    font-family: "Myriad Pro Regular";
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #fff;
    margin-bottom: 4rem
}
.popup-header span {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-family: "Myriad Pro Semibold"
}
.popup-close {
    position: absolute;
    top: -2rem;
    right: 0;
    border-radius: 4rem;
    text-align: center;
    background-color: transparent;
    font-size: 5rem;
    color: red;
    cursor: pointer
}
.popup-form .name {
    background: url(../img/form/name.png) no-repeat;
    background-position-x: center;
    padding: .7rem
}
.popup-form .name input {
    border: none;
    margin-left: 3.4rem;
    margin-top: -0.2rem;
    padding: .5rem 1rem
}
.popup-form .phone {
    background: #fff url(../img/form/phone.png) no-repeat;
    background-position-x: center;
    padding: .7rem
}
.popup-form .phone input {
    border: none;
    margin-left: 3.4rem;
    margin-top: -0.2rem;
    padding: .5rem 1rem
}
.popup-form input[type="submit"] {
    background: linear-gradient(to top, #f80, #ffad00) repeat scroll 0 0 transparent;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    padding: .7rem 3rem;
    margin-top: 2.5rem;
    border-radius: 1rem;
    border: none;
    font-family: "Myriad Pro Bold"
}
.popup-form:after {
    content: "";
    position: absolute;
    left: -0.2rem;
    bottom: -22rem;
    background: url(../img/form-bottom.png) no-repeat;
    background-size: 100%;
    padding: 50%;
    z-index: -1
}
.owl-dots {
    counter-reset: slides-num 73; /* Initialize counter. */
    position: absolute;
    top: 100%;
    left: 45%;
    width: 15rem;
}
.owl-theme .owl-dots .owl-dot span{
    display: none!important;
}
.owl-dots:after {
     content: counter(slides-num); /* get total number of items - more info on http://www.sitepoint.com/a-little-known-way-to-replace-some-scripts-with-css-counters/ */
     display: inline-block;
     font-size: 20px;
     font-weight: 400;
     vertical-align: middle;
     padding-left: 5rem;
 }
.owl-dot {
    display: none;
    counter-increment: slides-num; /* Increment counter */
    margin-right: 1.2rem;
}
.owl-dots .owl-dot:before{
    display: none;
}
.owl-dots .owl-dot.active:before{
    content:  counter(slides-num) " отзыв из " ; /* Use the same counter to get current item. */
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
@media (max-width: 1200px) {
    .header-left {
        padding-left: 0
    }
    .header-left img {
        width: 100%
    }
    .header-center a, .header-center a:hover {
        font-size: 2rem
    }
    .header-right .phone {
        font-size: 2.5rem
    }
    .header-right .work {
        font-size: 1.4rem
    }
    .advantages .section-header {
        padding-bottom: 1rem
    }
    .advantages .section-header h2 {
        font-size: 2.8rem
    }
    .advantages .section-header .button a {
        font-size: 3rem
    }
    .works .feedback {
        background-size: 100%;
        padding: .5rem 3rem 6rem 3rem
    }
    .free .form .name input {
        width: 19.5rem
    }
    .products-item span, .products-item a, .products-item a:hover {
        font-size: 2.1rem
    }
    .contacts a {
        padding: 1rem 2rem
    }
}
@media (max-width: 992px) {
    .off {
        display: none
    }
    .on {
        display: block
    }
    .header-left {
        margin-top: 2rem
    }
    .header-center {
        margin-top: 5rem
    }
    .header-center a, .header-center a:hover {
        padding: .5rem 1rem
    }
    .header-center img {
        display: none
    }
    .header-right .phone {
        font-size: 2.3rem
    }
    .header .menu ul li {
        font-size: 2rem
    }
    .advantages .section-header {
        padding-bottom: 1rem
    }
    .advantages .section-header h2 {
        font-size: 2.5rem
    }
    .advantages .section-header .button a {
        font-size: 2.7rem
    }
    .works h2 {
        font-size: 2rem
    }
    .works .slick-dots {
        margin-bottom: 1rem
    }
    .works .feedback-1 {
        margin-bottom: 5rem
    }
    .works .feedback-1 .street-1 {
        text-align: right;
        padding-right: 5rem
    }
    .free h2 {
        width: 100%;
        font-size: 2.2rem
    }
    .free .form .name input {
        margin-left: 2rem;
        margin-bottom: 3rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 4rem
    }
    .catalog-bg {
        background: url(../img/catalog.png) top left no-repeat;
        background-size: 100% 100%
    }
    .partners-item{
        margin-left: 0;
    }
    .owl-dots{
        left: 42%
    }
    .part{
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .header-green {
        text-align: center;
        padding-left: 0
    }
    .header-left {
        margin-top: 0
    }
    .header-center {
        text-align: center;
        margin: 1rem 0
    }
    .header-right {
        text-align: center
    }
    .header .menu {
        padding-bottom: 0
    }
    .header .menu .menu-hidden {
        display: block;
        padding-top: .5rem
    }
    .header .menu ul li {
        display: none;
        border: none;
        border-top: 1px solid #fff
    }
    .advantages .section-header {
        padding-bottom: 1rem
    }
    .advantages .section-header h2 {
        margin-top: -1rem;
        font-size: 1.8rem
    }
    .advantages .section-header .button {
        margin-top: 1rem
    }
    .advantages .section-header .button a {
        font-size: 2.2rem
    }
    .works .feedback {
        padding-bottom: 2.5rem;
        padding-left: 1.2rem;
        padding-right: 1rem
    }
    .free {
        padding: 3rem 0;
        background: url(../img/form/form-bg.jpg) center no-repeat
    }
    .free .form .name {
        background: url(../img/form/name.png) center no-repeat;
        margin-left: 2rem
    }
    .free .form .name input {
        margin-left: 3.5rem;
        margin-top: 3rem
    }
    .products h2 {
        font-size: 2.5rem
    }
    .catalog .form {
        width: 70%;
        margin-left: 10rem
    }
    .catalog .form h4 {
        margin-top: -1rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 3rem
    }
    .contacts {
        padding-left: 0;
        padding-right: 0
    }
    .partners h2 {
        font-size: 2.3rem
    }
    .partners-item p {
        font-family: "Myriad Pro Regular";
        font-size: 1.6rem;
        color: #000;
        padding: 0 1rem
    }
    .partners-slider img {
        display: none
    }
    .razrab {
        display: none
    }
    .contacts {
        display: none
    }
    .contacts-1 {
        display: block
    }
    footer {
        display: none;
    }
}
@media (max-width: 480px) {
    .works .slick-dots {
        margin-left: 12rem
    }
    .free .form .form-double {
        padding-left: 0;
        padding-right: 0
    }
    .free .form .name {
        margin-left: 0
    }
    .free .form .name input {
        margin-left: 3.5rem;
        width: 18rem
    }
    .free .form .phone {
        margin-left: 0
    }
    .free .form .phone input {
        width: 19rem
    }
    .catalog .form {
        width: 80%;
        margin-left: 4rem
    }
    .catalog .form h4 {
        margin-top: -1rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 0
    }
    footer {
        text-align: center
    }
    footer .phone {
        font-size: 2.3rem
    }
    footer .orders {
        font-size: 1.8rem
    }
    .projects h2 {
        font-size: 2.3rem
    }
    .owl-dots{
        left: 37%
    }
}
@media (max-width: 425px) {
    .works .slick-dots {
        margin-left: 9rem
    }
    .products-item img {
        width: 100%
    }
    .catalog .form {
        width: 100%;
        margin-left: 0
    }
    .catalog .form h4 {
        margin-top: -1rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 2rem
    }
    .popup-content {
        width: 32rem;
        height: 35rem
    }
    .popup-close {
        margin-top: .3rem;
        font-size: 5rem
    }
    .contacts .cont a {
        margin-left: 2rem;
        padding: 1rem 5rem
    }
}
@media (max-width: 350px) {
    .works .slick-dots {
        margin-left: 7rem
    }
    .catalog .form {
        margin-bottom: 5rem;
        width: 100%
    }
    .catalog .form h4 {
        margin-top: -2rem;
        font-size: 1.6rem
    }
    .catalog .form input[type="submit"] {
        margin-bottom: 5rem
    }
    .contacts-1 .cont a {
        margin-left: 2rem
    }
    .owl-dots{
        left: 32%
    }
}
@media (max-width: 320px) {
    .free .form .name {
        margin-left: 0
    }
    .free .form input[type="submit"] {
        padding: 1rem 2rem
    }
    .popup-content {
        width: 30rem
    }
    .contacts-1 .cont a {
        margin-left: 1rem
    }
}
.fhi{
	display:none;
}