/*



_$$$$___$$$$$$___$$$$___$$___$$__$$$$___$$______$$__$$___$$$$

$$________$$____$$______$$$_$$$_$$__$$__$$__$$__$$_$$___$$__$$

_$$$$_____$$____$$_$$$__$$_$_$$_$$__$$__$$$$$$__$$$$____$$$$$$

____$$____$$____$$__$$__$$___$$_$$__$$______$$__$$_$$___$$__$$

_$$$$___$$$$$$___$$$$___$$___$$__$$$$_______$$__$$__$$__$$__$$



Sigmo4ka sigm@ukr.net 



*/



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



html, body {

     height: 100%;

     font-size: 100%;

     font-family: 'PT Sans', sans-serif;

     color: #3d5563;

     width: 100%;

     max-width: 1980px;

     margin-left: auto;

     margin-right: auto;

}

 img {

     max-width: 100%;

}



 .mobill {

     display: none !important;

}

 .logo-mob {

     display: none;

}

 .logo-desct {

     display: block;

}



@font-face {

     font-family: 'UniSansHeavy';

     src: url('../fonts/UniSansHeavy/UniSansHeavy.ttf');

     src: local('UniSansHeavy'), local('UniSansHeavy'),

      url('../fonts/UniSansHeavy/UniSansHeavy.eot?#iefix') format('embedded-opentype'),

       url('../fonts/UniSansHeavy/UniSansHeavy.woff') format('woff'),

        url('../fonts/UniSansHeavy/UniSansHeavy.ttf') format('truetype');

     font-weight: 400;

     font-style: normal;

}

 @font-face {

     font-family: 'UniSansThin';

     src: url('../fonts/UniSansThin/UniSansThin.eot');

     src: local('UniSansThin'), local('UniSansHeavy'),

      url('../fonts/UniSansThin/UniSansThin.eot?#iefix') format('embedded-opentype'),

       url('../fonts/UniSansThin/UniSansThin.woff') format('woff'),

        url('../fonts/UniSansThin/UniSansThin.ttf') format('truetype');

     font-weight: 400;

     font-style: normal;

}



/*input placeholder color*/

.map-form ::-webkit-input-placeholder {color:#c4c4c4;}

.map-form ::-moz-placeholder          {color:#c4c4c4;}/* Firefox 19+ */

.map-form :-moz-placeholder           {color:#c4c4c4;}/* Firefox 18- */

.map-form :-ms-input-placeholder      {color:#c4c4c4;}



/*grid*/

 .dflex {

     display: flex;

}

 .w20 {

     width: 20%;

}

 .w30 {

     width: 30%;

}

 .w40 {

     width: 40%;

}

 .w50 {

     width: 50%;

}

 .w60 {

     width: 60%;

}

 .w70 {

     width: 70%;

}

 .w80 {

     width: 80%;

}

 .w90 {

     width: 90%;

}

/*end grid*/

 #wrapper {

     min-width: 316px;

     margin: 0 auto;

}

 .container {

     width: 100%;

     max-width: 1170px;

     margin: 0 auto;

     padding: 0;

}

 header {

     position: absolute;

     width: 100%;

     bottom: 0;

     left: 0;

     z-index: 4;

}

 header .container {

     display: flex;

     justify-content: space-between;

     align-items: flex-end;

}

 header.fixed {

     position: fixed;

     background: rgba(0,0,0,0.7);    

     border-bottom: 1px solid #000;

     z-index: 7;

     padding-top: 0px;

     padding-bottom: 0;

     top: 0;

}

 header.fixed .documents {

     display: none;

}

 header.fixed .free {

     display: none;

}

 header.fixed .phone-flex {

     display: none;

}

 .logo-small {

     display: none;

}

 header.fixed .container {

     align-items: center;

}

 header.fixed .logo-text {

     display: none;

}

 header.fixed .logo img {

     width: 72px;

     margin-top: 0px;

}

 header.fixed .logo {

     width: auto;

     margin-right: 50px;

}

 header .contacts a {

     display: block;

     color: #FFF;

     width: 149px;

     font-size: 19px;

     text-decoration: none;

}

 header.fixed .contacts a:hover {

     opacity: 0.8;

}

 .screen1-r2 a:hover {

     opacity: 0.8;

}

 .top-nav ul {

     display: flex;

     list-style-type: none;

     justify-content: center;

     height: 100%;

     align-items: stretch;

     align-items: center;

     padding: 0;

     background: #E09347;

     margin-top: 51px;

     border-bottom: 3px solid #66769a;

}

 .fixed .top-nav ul {

     margin-top: 0;

     background: transparent;

     border: none;

}

 .top-nav li {

     line-height: 56px;

     padding: 0;

}

 .top-nav li:last-child {

     padding: 0;

     border: none;

}

 .fixed .top-nav li {

     line-height: 100%;

     padding: 0;

     border-right: none;

}

 .fixed.sga-nav {

     height: 57px;

     overflow-y: hidden;

}

 .contacts > ul {

     display: flex;

     -webkit-flex-direction: column;

     -ms-flex-direction: column;

     flex-direction: column;

     list-style-type: none;

}

 .logo {

     width: 18%;

     position: relative;

     padding-right: 0px;

}

 .fixed .logo-a {

     margin-left: 0;

}

 .logo-a {

     display: block;

     text-decoration: none;

     text-align: center;

     margin-left: -33px;

}

 .logo-a:hover {

     opacity: 0.9;

}

/* magnific popup*/

 .mfp-iframe-holder .mfp-close {

     color: #ff7019;

}

 .mfp-fade.mfp-bg {

     opacity: 0;

     -webkit-transition: all 0.5s ease-out;

     transition: all 0.5s ease-out;

}

 .mfp-fade.mfp-bg.mfp-ready {

     background-color: #f2f1f0;

     opacity: 0.7;

}

 .mfp-fade.mfp-bg.mfp-removing {

     opacity: 0;

}

 .mfp-fade.mfp-wrap .mfp-content {

     opacity: 0;

     -webkit-transition: all 0.5s ease-out;

     transition: all 0.5s ease-out;

}

 .mfp-fade.mfp-wrap.mfp-ready .mfp-content {

     opacity: 1;

}

 .mfp-fade.mfp-wrap.mfp-removing .mfp-content {

     opacity: 0;

}

 .mfp-fade1.mfp-bg {

     opacity: 0;

     -webkit-transition: all 0.5s ease-out;

     transition: all 0.5s ease-out;

}

 .mfp-fade1.mfp-bg.mfp-ready {

     opacity: 0.85;

}

 .mfp-fade1.mfp-bg.mfp-removing {

     opacity: 0;

}

 .mfp-fade1.mfp-wrap .mfp-content {

     opacity: 0;

     -webkit-transition: all 0.5s ease-out;

     transition: all 0.5s ease-out;

}

 .mfp-fade1.mfp-wrap.mfp-ready .mfp-content {

     opacity: 1;

     max-width: 550px;

     max-width: 1000px;

}

 .mfp-fade1.mfp-wrap.mfp-removing .mfp-content {

     opacity: 0;

}

 .popup-bl {

     width: 100%;

     padding: 100px 0;

     background: #000;

}

 .br-form {

     height: 150px;

     width: 100%;

     display: block;

}

 .closed-c {

     width: 40px;

     height: 40px;

     cursor: pointer;

     background: url("../images/close.png") no-repeat center center;

     position: absolute;

     top: 6px;

     right: 10px;

     -webkit-transform: rotate(90deg);

     transform: rotate(90deg);

     -webkit-transition: -webkit-transform linear 0.5s;

     transition: -webkit-transform linear 0.5s;

     transition: transform linear 0.5s;

     transition: transform linear 0.5s, -webkit-transform linear 0.5s;

     -webkit-border-radius: 50%;

     border-radius: 50%;

}

 .closed-c:hover {

     -webkit-transform: rotate(0deg);

     transform: rotate(0deg);

     -webkit-transition: -webkit-transform linear 0.5s;

     transition: -webkit-transform linear 0.5s;

     transition: transform linear 0.5s;

     transition: transform linear 0.5s, -webkit-transform linear 0.5s;

}

 .mfp-close-btn-in .mfp-close {

     display: none;

}

/* end of magnific popup*/

/* popup styles*/

 .popup-zap {

     max-width: 618px;

     margin: 0 auto;

     position: relative;

     background: #fff;

     padding: 39px 43px 42px;

     border: 1px solid #c4c4c4;

     border-top: 11px solid #d65a54;

     border-radius: 0px;

}

 .titel-h2 {

     font-size: 48px;

     line-height: 48px;

     -ms-text-align-last: center;

     text-align-last: center;

     text-align: center;

     color: #000;

     margin-bottom: 23px;

     font-family: 'UniSansHeavy', sans-serif;

}

 .in-form {

     width: 100%;

     height: 59px;

     line-height: 59px;

     padding: 4px 23px;

     font-size: 18px;

     border-radius: 3px;

     margin-bottom: 11px;

     border: 1px solid #c4c4c4;

     outline: none;

}

 .white-popup .btn {

     padding-bottom: 6px;

}

 textarea.in-form {

     height: 139px;

}

 .btn-gradient {

     background: #000;

     width: 152px;

     height: 50px;

     border: 1px solid #000;

     border-radius: 2px;

     cursor: pointer;

     font-size: 15px;

     color: #fff;

     cursor: pointer;

     font-family: 'UniSansHeavy', sans-serif;

}

 .btn-gradient:hover {

     background: #e43b33;

}

 .before-btn-modal {

     color: #666666;

     font-size: 14px;

     max-width: 100%;

     position: relative;

     padding-left: 0;

     text-align: left;

     padding-left: 33px;

     padding-right: 10px;

     margin-bottom: -7px;

     margin-top: 1px;

     font-family: 'PT Sans', sans-serif;

     font-weight: 400;

}

/* .before-btn-modal:before {

     display: block;

     content: "";

     width: 30px;

     height: 29px;

     background: url(../images/agree.png) top center no-repeat;

     position: absolute;

     left: -3px;

     top: 0;

}*/

 .twosec-wrap {

     background: url(../images/bg1.jpg) top center no-repeat;

     -webkit-background-size: 100%;

     -o-background-size: 100%;

     background-size: 100%;

}

 .sec-1 {

     padding: 39px 0 90px;

     position: relative;

}

 .logo-text {

     color: #000;

     font-family: 'UniSansThin', sans-serif;

     font-size: 24px;

     text-align: center;

     letter-spacing: 5px;

     margin-left: 20px;

     line-height: 137%;

     margin-top: -18px;

}

 .logo-text span {

     font-size: 48px;

     font-family: 'UniSansHeavy', sans-serif;

     letter-spacing: 10px;

}

 .nav a {

     font-family: 'UniSansHeavy', sans-serif;

     font-size: 18px;

     color: #FFF;

     margin-left: 26px;

     margin-right: 26px;

     text-transform: uppercase;

     width: 100%;

     border-bottom: 1px solid #fff;

     text-decoration: none;

}

 .fixed .nav a {

     font-size: 16px;

}

 header.fixed .container {

     background: none;

     padding-top: 0;

     height: 53px;

     overflow-y: hidden;

}

 .nav a:hover {

     color: #66769A;

     border-bottom: 1px solid #66769A;

}

 .want-call {

     height: 60px;

     display: flex;

     -webkit-justify-content: center;

     justify-content: center;

     -webkit-align-items: center;

     align-items: center;

     color: #FFF;

     text-decoration: none;

     margin-top: -5px;

     margin-bottom: 3px;

     background: #d65a54;

     -webkit-border-radius: 2px;

     border-radius: 2px;

     font-size: 19px;

     padding-right: 15px;

     letter-spacing: 0;

     padding-bottom: 5px;

     padding: 0 29px;

     font-family: 'UniSansHeavy', sans-serif;

     font-size: 18px;

     margin-left: 44px;

}

 .sec-1 .screen1-r2_adr {

     margin-top: -6px;

}

 .sec-1 .screen1-r2 {

     margin-top: -17px;

}

 .want-call:hover {

     background: #E43B33;

}

 .one-page__center {

     margin: auto;

     height: 137px;

     display: flex;

     justify-content: space-between;

     width: 100%;

}

 .logo-big {

     position: relative;

     z-index: 3;

     display: flex;

     align-items: center;

     margin-left: -10px;

}

 h1 {

     color: #FFF;

     background: rgba(140,162,211,0.7);

     font-size: 48px;

     line-height: 107%;

     text-align: center;

     padding: 63px 15px 44px;

     text-transform: uppercase;

     font-family: 'UniSansHeavy', sans-serif;

}

 .sec-1 .container {

     position: relative;

     display: flex;

}

 .screen1-r {

     display: flex;

     align-items: center;

     z-index: 3;

     margin-top: -10px;

}

 .logo {

     display: none;

}

 .fixed .logo {

     display: block;

}

 header .contacts {

     display: none;

}

 header.fixed .contacts {

     display: block;

     margin-left: 43px;

}

 .top-nav {

     width: 100%;

     height: 100%;

}

 .sga-nav {

     height: 87px;

}

/*sec-2*/

 .sec-2 {

     position: relative;

     background-size: cover;

     padding: 0px 0 87px;

     color: #FFF;

}

 .sec-2_flex-cont {

     margin-top: 99px !important;

}

 .sec-2_flex-cont p {

     margin-bottom: 22px;

     font-family: 'OfficinaSansBook';

     font-weight: 400;

     font-size: 18px;

     line-height: 142%;

     padding-right: 0px;

}

 .sec-2 .w30 {

     width: 30%;

     text-align: right;

     margin-top: 74px;

}

 .sec-2 .w30 img {

     margin-right: -13px;

}

 h2 {

     font-family: 'UniSansThin', sans-serif;

     font-size: 24px;

     letter-spacing: -0.2px;

     line-height: 160%;

     text-align: left;

     margin-bottom: 12px;

     color: #535353;

     letter-spacing: -0.2px;

}

 h2 span {

     text-transform: uppercase;

     font-family: 'UniSansHeavy', sans-serif;

     font-size: 48px;

     color: #000;

}

 .undertitle {

     font-family: 'Raleway', sans-serif;

     font-weight: 400;

     font-size: 16px;

     text-align: center;

     max-width: 870px;

     width: 90%;

     margin-left: auto;

     margin-right: auto;

}

 .sec-2_text p {

     color: #000;

     font-family: 'PT Sans', sans-serif;

     font-size: 18px;

     margin-bottom: 25px;

     margin-bottom: 23px;

     letter-spacing: -0.1px;

}

 .sec-2_text {

     display: flex;

     flex-direction: column;

     align-items: center;

     justify-content: center;

     padding-top: 116px;

     padding-left: 32px;

}

 .sec-2_text p:nth-child(1) {

     font-size: 22px;

     letter-spacing: -0.1px;

     font-style: italic;

     margin-bottom: 44px;

     line-height: 115%;

}

 .sec-2_text p:last-child {

     margin-bottom: 0;

}

 .flex-cont {

     display: flex;

     margin-top: 47px;

}

 .screen1-r2 a {

     font-family: 'UniSansHeavy', sans-serif;

     font-size: 48px;

     text-decoration: none;

     color: #000;

}

 .screen1-r2_adr {

     color: #000;

     font-family: 'PT Sans', sans-serif;

     font-size: 18px;

     margin-top: 4px;

}

 .sec-3 {

     padding-bottom: 35px;

}

/*slider */

 .gallery-wrap {

     display: flex;

     list-style: none;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;

     margin-top: 50px;

     justify-content: space-between;

}

 .gallery-wrap li {

     width: 33.33333%;

     max-width: 370px;

     margin-bottom: 33px;

}

 .gallery-wrap li a {

     position: relative;

     font-size: 0;

}

 .gallery-wrap_text {

     font-family: 'UniSansHeavy', sans-serif;

     font-size: 15px;

     text-decoration: none;

     color: #fff;

     position: absolute;

     bottom: 0;

     left: 0;

     width: 100%;

     background: rgba(0,0,0,0.4);

     padding: 10px 15px;

}

 .gallery-wrap_text:after {

     content: "";

     background: url(../images/zoom.png);

     width: 29px;

     height: 29px;

     position: absolute;

     right: 20px;

     top: 14px;

}

/*sec-4*/

 .about-ul_img-wrap {

     background: url(../images/bg-icon.png) center center no-repeat;

     width: 109px;

     height: 109px;

     display: flex;

     align-items: center;

     justify-content: center;

     margin-left: 2px;

     margin-right: 34px;

     margin-top: -7px;

}

 .about-ul_right {

     width: 70%;

     text-align: left;

}

 .best-ul {

     display: flex;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;

     -webkit-justify-content: space-between;

     justify-content: space-between;

     margin-top: 61px;

}

 .best-ul li {

     margin-bottom: 54px;

     display: flex;

     text-align: center;

     margin-bottom: 42px;

     width: 32%;

}

 .best-sec {

     background: #0e234f;

}

 .about-ul_img-wrap img {

     -webkit-border-radius: 25px;

     border-radius: 25px;

}

 .sec-4 {

     padding: 64px 0 33px;

     position: relative;

     background: linear-gradient(to bottom, #8ca2d3, #fff);

}

 .about-ul_titl {

     font-family: 'UniSansHeavy', sans-serif;

     font-size: 20px;

     color: #4d679f;

     margin-top: 10px;

     margin-bottom: 32px;

}

 .about-ul_text {

     font-size: 16px;

     color: #FFF;

     font-family: 'PT Sans', sans-serif;

     font-weight: 400;

     margin-top: 10px;

     color: #333;

     line-height: 151%;

}

/*sec-5*/

 .sec-5 {

     position: relative;

}

 .container-map-form {

     position: absolute;

     top: 235px;

     left: 0;

     right: 0;

     border: 1px solid #ccc;

}

 .map-form {

     padding: 37px 38px 19px 39px;

     background: #fff;

     border: 1px solid #cfccc1;

}

 .map-wrap {

     min-height: 720px;

     background: #CCC;

}

 .sec-5 .flex-cont {

     padding-top: 50px;

     margin-top: 0;

}

 .contacts_line {

     background: #FFF;

     padding: 52px 0 46px;

}

 .map-form form{

     display: flex;

     justify-content: space-between;

}

 .map-form input {

     -webkit-border-radius: 3px;

     border-radius: 3px;

     margin-bottom: 5px;

     height: 60px;

     padding: 13px 24px;

     outline: none;

     color: #000;

     border: none;

     font-size: 18px;

     border: 1px solid #c4c4c4;

     line-height: 60px;

     margin-left: -7px;

     letter-spacing: -1px;

}

 .map-form textarea {

     width: 100%;

     height: 215px;

     -webkit-border-radius: 3px;

     border-radius: 3px;

     padding: 10px 20px;

     outline: none;

     color: #000;

     margin-bottom: 11px;

     resize: none;

     font-size: 18px;

}

 .copyright {

     display: flex;

     justify-content: center;

     align-items: center;

     background: #8CA2D3;

     color: #FFF;

     padding: 19px 15px;

}

 .copyright p {

     font-size: 14px;

     font-family: 'PT Sans', sans-serif;

     font-weight: 400;

     padding: 0 11px 0 0;

     letter-spacing: 0.2px;

}

 .footer_menu a {

     font-size: 16px;

     font-weight: 200;

     color: #FFF;

     text-transform: uppercase;

     line-height: 31px;

     margin-left: 17px;

}

 .footer_menu a:hover {

     opacity: 0.8;

}

 .footer_menu {

     width: 100%;

}

 .footer_menu ul {

     display: flex;

     -webkit-justify-content: center;

     justify-content: center;

     list-style-type: none;

     background: #E09347;

}

 .footer_menu ul a {

     font-family: 'UniSansHeavy', sans-serif;

     font-size: 18px;

     color: #FFF;

     margin-left: 35px;

     margin-right: 35px;

     text-transform: uppercase;

     width: 100%;

}

 footer .screen1-r2 {

     width: 35%;

     margin-top: -10px;

}

 footer .screen1-r2 a {

     font-size: 36px;

}

 .btn {

     width: 100% !important;

     height: 60px !important;

     color: #FFF !important;

     border: 1px solid #d65a54 !important;

     background: #d65a54 !important;

     -webkit-border-radius: 3px !important;

     border-radius: 3px !important; 

     font-size: 18px !important;

     font-family: 'UniSansHeavy', sans-serif;

     padding: 0px 46px !important;

     cursor: pointer;

     outline: none;

     line-height: 60px !important;

}

 .contacts_right_bottom_btn-wrap .btn {

     padding-bottom: 5px;

}

 .btn:hover {

     background: #E43B33;

}

 

 .footer_logo {

     font-size: 0;

}

 .popup-lick p {

     /*color: #FFF;*/

}

 .before-map {

     max-width: 450px;

     position: absolute;

     right: 231px;

     top: 561px;

     background: #fff;

     padding: 18px 51px 38px 44px;

     border: 1px solid #cfccc1;

     border-top: 8px solid #d65a54;

}

 .container_before-map {

     position: absolute;

     left: 0;

     right: 0;

     top: -51px;

}

 .before-map .screen1-r2_adr {

     font-size: 18px;

     color: #000;

     font-family: 'PT Sans', sans-serif;

     font-weight: 400;

     margin-top: -7px;

}

 .screen1-r2_mail a {

     color: #8CA2D3;

     font-size: 18px !important;

     font-family: 'PT Sans', sans-serif;

     font-weight: 400;

     text-decoration: underline;

}

 footer {

     margin-top: -108px;

     z-index: 99999;

     position: absolute;

     left: 0;

     right: 0;

}

 .footer_menu li {

     line-height: 52px;

}

 .btn-wrap {

     display: flex;

     justify-content: space-between;

     align-items: center;

}



.agree {

     font-size: 14px;

     color: #666666;

     font-family: 'PT Sans', sans-serif;

     font-weight: 400;

     margin-bottom: 10px;

     max-width: 242px;

     text-align: left;

     padding-left: 25px;

     position: relative;

     margin-top: -5px;

}

 .map-form .checkbox label::after {

    width: 26px;

    height: 25px;

    }



/*begin media*/

 @media all and (max-width: 1730px) {

}

@media all and (max-width: 1600px) {

   

 }

 @media all and (max-width: 1500px) {

}

 @media all and (max-width: 1400px) {

     .sec-4:after {

         width: 100%;

         height: 368px;

         left: 0;

    }

     .slick-dots {

         left: 32px;

    }

     .slick-next {

         right: 30px;

    }

     .slick-prev {

         left: 20px;

    }

}

 @media all and (max-width: 1300px) {

     .fixed .nav a {

         font-size: 17px;

    }

}

 @media all and (max-width: 1220px) {

     .sec-5 {

         background-position-x: 21%;

    }

     .container {

         width: 96%;

    }

     .nav a {

         font-size: 19px;

         margin-left: 25px;

         margin-right: 25px;

    }

     .top-nav li {

         padding: 0 0px 0 0;

         border: none;

    }

     .footer_menu a {

         font-size: 14px;

         margin-left: 0;

    }

     .agree {

         max-width: 197px;

    }

     .about-ul_titl {

         font-size: 23px;

    }

     .fixed .nav a {

         font-size: 15px;

    }

     h1 {

         font-size: 34px;

         padding: 53px 15px 32px;

    }

     h2 span {

         font-size: 41px;

    }

     h2 {

         font-size: 21px;

    }

     .logo-text span {

         font-size: 37px;

         letter-spacing: 4px;

         margin-top: 5px;

    }

     .logo-text {

         font-size: 19px;

         line-height: 155%;

         letter-spacing: 3px;

    }

     .sec-1 .screen1-r2 a {

         font-size: 41px;

    }

     .screen1-r2_adr {

         text-shadow: 0 0 5px #fff;

         font-weight: bold;

         font-size: 15px;

    }

     .want-call {

         margin-left: 22px;

    }

     .gallery-wrap li {

         max-width: 342px;

    }

     .best-ul li {

         width: 50%;

    }

     .btn {

         font-size: 17px;

         padding: 3px 22px;

    }

     .sec-1 .screen1-r2_adr {

         margin-top: 0px;

    }

     .sec-1 .screen1-r2 {

         margin-top: -15px;

    }

    /*1220*/

}

 @media all and (max-width: 1200px) {

     .sec-5 {

         background-position-x: 35%;

    }

     .before-map {

         right: 29px;

    }

    .map-form input {

      width: 216px;

    }

}

 @media all and (max-width: 1100px) {

     .sec-1 .screen1-r2 {

         margin-top: -11px;

    }

     .nav a {

         font-size: 17px;

    }

     .sec-1 .screen1-r2 a {

         font-size: 39px;

    }

     .want-call {

         width: auto;

         font-size: 16px;

         margin-top: -2px;

         padding-right: 27px;

         padding-left: 27px;

         padding-bottom: 0;

    }

     .map-form input {

         max-width: 185px;

    }

     .sec-2_flex-cont h2 {

         position: absolute;

         left: 20px;

         top: 225px;

    }

     .sec-2_flex-cont img {

         max-width: 250px;

         margin-top: 80px;

    }

     .sec-2_flex-cont .w40 {

         width: 29%;

         text-align: center;

    }

     .sec-2_flex-cont .w60 {

         width: 70%;

         padding-top: 72px;

    }

     .sec-2_text p {

         font-size: 16px;

    }

     .sec-2_text p:nth-child(1) {

         font-size: 19px;

         margin-bottom: 23px;

    }

     .gallery-wrap li {

         max-width: 315px;

    }

    /*1100*/

}

 @media all and (max-width: 1000px) {

     .fixed .top-nav li {

         padding: 10px;

    }

     .sec-2_flex-cont h2 {

         top: 200px;

    }

     .want-call {

         height: 42px;

         margin-top: 5px;

    }

     .gallery-wrap li {

         max-width: 282px;

    }

     .before-map .screen1-r2_adr {

         font-size: 14px;

         font-weight: 900;

         margin-top: 0;

    }

     .want-call {

         margin-left: 0;

    }

     .sec-1 .screen1-r2_adr {

         display: none;

    }

     .logo-big {

         max-width: 80px;

         z-index: 11;

    }

     .logo-text {

         font-size: 17px;

         margin-top: -10px;

    }

     .map-form input {

        max-width: 159px;

    font-size: 15px;

    }

     .btn {

         font-size: 14px;

         padding: 3px 20px;

    }

     .sec-1 .screen1-r {

         margin-top: 9px;

         flex-direction: column;

    }

     .sec-1 .screen1-r2 a {

         font-size: 24px;

         text-shadow: 3px 3px 4px #fff;

         color: #000;

         background: rgba(255,255,255,0.2);

         border-radius: 46px;

         box-shadow: 0 0 10px 10px rgba(255,255,255,0.3);

         z-index: 12;

    }

     .sec-1 .screen1-r2 {

         margin-left: 0;

    }

     .sec-1 {

         padding: 0;

         -ms-background-position-y: bottom;

         background-position-y: bottom;

         position: relative;

         height: 132px;

    }

     h1 {

         padding: 31px 15px 32px;

    }

     .sga-nav {

         height: 15px;

         bottom: -15px;

    }

     .sec-5 {

         background-position-x: 44%;

    }

     html, body {

         height: auto;

    }

     .logo-big {

         max-width: 94px;

    }

     .top-nav {

         width: 100%;

         height: auto;

         z-index: 0;

    }

     .sec-1 .screen1-r2 a {

         font-size: 24px;

    }

     .screen1-r2_adr {

         font-size: 11px;

    }

     .before-map .screen1-r2 a {

         font-size: 37px;

    }

     .before-map {

         top: 572px;

         padding: 18px 51px 29px 44px;

    }

     .sec-2_flex-cont p {

         font-size: 16px;

    }

     .sec-2 .w30 img {

         margin-right: 0;

         width: 214px;

    }

     .pr_item_text_title {

         font-size: 33px;

         margin-bottom: 17px;

    }

     .pr_item_text_long {

         font-size: 16px;

         min-height: 154px;

    }

     .pr_item {

         max-width: 390px;

         padding: 28px 25px 29px 25px;

         margin-right: 70px;

         margin-top: 61px;

    }

    /*begin menu 1 button*/

     #top-menu li {

         display: none;

         text-align: center;

         width: 100%;

         background: #000;

    }

     #top-menu li:nth-child(1) {

         padding-top: 71px;

    }

     #top-menu li:last-child {

         padding-bottom: 68px;

    }

     .toggleMenu {

         border: none;

         border-radius: 0;

         height: 40px;

         width: 49px;

         z-index: 10000;

         padding: 6px 6px 9px;

         border-radius: 0px;

         position: relative;

         box-sizing: border-box;

         display: block;

         position: absolute;

         left: calc((100% - 46px) / 2);

         top: 22px;

         background: rgba(140,162,211,0.9);

    }

     .fixed .toggleMenu {

         top: 9px;

    }

     .sandwich {

         height: 24px;

         left: 9px;

         margin: auto;

         position: absolute;

         top: 9px;

         width: 28px;

         z-index: 200;

    }

     .sandwich.active .sw-topper {

         top: 9px;

         -webkit-transform: rotate(-45deg);

         -ms-transform: rotate(-45deg);

         transform: rotate(-45deg);

    }

     .sw-topper {

         position: relative;

         top: 0;

         width: 28px;

         height: 3px;

         background: #fff;

         border: none;

         border-radius: 4px 4px 4px 4px;

         -webkit-transition: -webkit-transform 0.5s, top 0.2s;

         transition: transform 0.5s, top 0.2s;

         display: block;

    }

     .fixed .sw-topper {

         height: 3px;

    }

     .sandwich.active .sw-bottom {

         top: 6px;

         -webkit-transform: rotate(45deg);

         -ms-transform: rotate(45deg);

         transform: rotate(45deg);

    }

     .sw-bottom {

         position: relative;

         width: 28px;

         height: 3px;

         top: 5.6px;

         background: #fff;

         border: none;

         border-radius: 4px 4px 4px 4px;

         -webkit-transition: -webkit-transform 0.5s, top 0.2s;

         transition: transform 0.5s, top 0.2s;

         -webkit-transition-delay: 0.2s, 0s;

         transition-delay: 0.2s, 0s;

    }

     .sandwich.active .sw-footer {

         opacity: 0;

         top: 0;

         -webkit-transform: rotate(180deg);

         -ms-transform: rotate(180deg);

         transform: rotate(180deg);

    }

     .sw-footer {

         position: relative;

         width: 28px;

         height: 3px;

         top: 12.5px;

         background: #fff;

         border: none;

         border-radius: 4px 4px 4px 4px;

         -webkit-transition: all 0.5s;

         transition: all 0.5s;

         -webkit-transition-delay: 0.1s;

         transition-delay: 0.1s;

    }

     .toggleMenu span{

         display: block;

    }

     .navigation {

         display: block;

         height: auto;

         top: 0px;

         right: 0;

         margin: 0;

         margin-top: 0;

         line-height: 25px;

         width: 100%;

         display: flex;

         flex-direction: column;

         justify-content: center;

    }

     .navigation li a {

         width: 100%;

         color: #fff;

         font-size: 24px;

         line-height: 240%;

    }

     .nav a {

         font-size: 16px;

    }

     .navigation li a {

         font-size: 16px;

    }

     .top-nav li {

         line-height: 100% !important;

         padding: 4px 0;

    }

     nav {

         background: transparent;

    }

     .top-nav ul {

         height: auto;

         padding: 0;

    }

     nav {

         background: transparent;

         position: fixed;

         left: 0;

         top: 0;

         width: 100%;

    }

     .top-nav ul {

         margin-left: 0;

         margin-top: 131px;

    }

    /*end menu*/

     .logo-a {

         margin-left: 0;

    }

     .pr_item_text_inner_line .w60 {

         font-size: 20px;

         line-height: 168%;

    }

     .slider-bg {

         min-height: 550px;

    }

     .about-ul_titl {

         font-size: 23px;

    }

     .about-ul_text {

         font-size: 16px;

         margin-top: -4px;

    }

     .map-form:before {

         top: 43%;

    }

     .toggleMenu {

         top: 154px;

    }

     .toggleMenu {

         top: 41px;

    }

     .sga-nav {

         height: 49px;

         top: 23px;

    }

     .top-nav ul {

         border: none;

    }

     nav {

         background: transparent;

         position: fixed;

    }

     .sga-nav .container {

         width: 100%;

    }

     header.fixed .logo {

         margin-left: 15px;

    }

     header.fixed .contacts a {

         margin-right: 15px;

    }

     header.fixed .logo img {

         width: 50px;

    }

     .footer_logo {

         display: none;

    }

     .sec-1 .screen1-r2 {

         margin-top: 17px;

    }

     .map-form {

         padding: 34px 27px 19px 32px;

    }

     .footer_menu ul a {

         font-size: 16px;

         margin-left: 20px;

         margin-right: 20px;

    }

    /* * Spin */

     .hamburger {

         display: inline-block;

         cursor: pointer;

         transition-property: opacity, filter;

         transition-duration: 0.15s;

         transition-timing-function: linear;

         font: inherit;

         color: inherit;

         text-transform: none;

         background-color: transparent;

         border: 0;

         margin: 0;

         overflow: visible;

    }

     .hamburger:hover {

         opacity: 0.7;

    }

     .hamburger-box {

         width: 40px;

         height: 24px;

         display: inline-block;

         position: relative;

    }

     .hamburger-inner {

         display: block;

         top: 50%;

         margin-top: -2px;

    }

     .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {

         width: 30px;

         height: 1px;

         background-color: #000;

         border-radius: 4px;

         position: absolute;

         transition-property: transform;

         transition-duration: 0.15s;

         transition-timing-function: ease;

    }

     .hamburger-inner::before, .hamburger-inner::after {

         content: "";

         display: block;

    }

     .hamburger-inner::before {

         top: -10px;

    }

     .hamburger-inner::after {

         bottom: -10px;

    }

     .hamburger-inner{

         width: 20px;

    }

     .is-active .hamburger-inner {

         width: 30px;

    }

     .hamburger--spin .hamburger-inner {

         transition-duration: 0.22s;

         transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

     .hamburger--spin .hamburger-inner::before {

         transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;

    }

     .hamburger--spin .hamburger-inner::after {

         transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

     .hamburger--spin.is-active .hamburger-inner {

         transform: rotate(225deg);

         transition-delay: 0.12s;

         transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

     .hamburger--spin.is-active .hamburger-inner::before {

         top: 0;

         opacity: 0;

         transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;

    }

     .hamburger--spin.is-active .hamburger-inner::after {

         bottom: 0;

         transform: rotate(-90deg);

         transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    /*1000*/

}

 @media all and (max-width: 950px) {

    /* tablet*/

     footer .screen1-r2 {

         width: 30%;

    }

     .footer_menu a {

         margin-left: 0;

    }

     .titel-h2 {

         font-size: 34px;

    }

     .gallery-wrap li {

         max-width: 271px;

    }

    /*950*/

}

 @media all and (max-width: 900px) {

     .map-form form {

         flex-direction: column;

    }

     .map-form input {

         max-width: 100%;

         margin-left: 0;

         margin-bottom: 12px;

         width: 100%;

    }

     .agree {

         max-width: 100%;

         margin-bottom: 16px;

         margin-top: 0px;

         padding-left: 35px;

    }

     .agree:before {

         left: 0px;

         top: -4px;

    }

     .map-form {

         padding: 34px 27px 32px 32px;

    }

     .map-form input {

         height: 45px;

    }

     .btn {

         height: 45px;

    }

     .before-map {

         top: 635px;

         right: 0px;

    }

}

 @media all and (max-width: 870px) {

     .sec-2_flex-cont img {

         max-width: 216px;

    }

     .gallery-wrap li {

         width: 50%;

         max-width: 370px !important;

    }

     .gallery-wrap {

         justify-content: space-around;

    }

     footer .screen1-r2 {

         width: 100%;

         text-align: center;

    }

     .about-ul_titl {

         font-size: 20px;

    }

    /*870*/

}

 @media all and (max-width: 850px) {

}

 @media all and (max-width: 800px) {

     .gallery-wrap li {

         max-width: 324px !important;

    }

}

 @media all and (max-width: 767px) {

     .sec-2_flex-cont h2 {

         left: 0;

    }

     .logo-big {

         margin-left: -8px;

    }

     html, body {

         width: 100%;

         overflow-x: hidden;

    }

     .sec-2_flex-cont .w40 {

         width: 100%;

    }

     .sec-2_flex-cont h2 {

         top: 0;

         position: relative;

    }

     .sec-2_flex-cont {

         margin-top: 53px !important;

    }

     .sec-2_flex-cont .w60 {

         width: 100%;

         padding-top: 44px;

         padding-left: 0;

    }

     .sec-2_flex-cont img {

         margin-top: 21px;

    }

     footer {

         margin-top: -56px;

    }

     .best-ul li {

         width: 100%;

         max-width: 568px;

         margin-left: auto;

         margin-right: auto;

         text-align: center;

         padding-left: 25px;

    }

     .footer_menu {

         width: 100%;

         display: none;

    }

     h2 {

         text-align: center;

    }

     h1 {

         font-size: 28px;

    }

     .sec-2_flex-cont {

         flex-direction: column;

    }

     .sec-2 .w30 {

         width: 100%;

         text-align: center;

         margin-top: 22px;

    }

     .sec-2 .w70 {

         width: 100%;

    }

     .sec-2_flex-cont p {

         padding-right: 0;

         text-align: justify;

         padding: 0 5px;

    }

     .sec-4 {

         padding: 46px 0 0px;

    }

     h2 {

         color: #000;

         font-weight: bold;

    }

     .logo-text {

         margin-left: 4px;

    }

     .before-map {

         top: 540px;

         left: calc((100% - 349px)/2);

         width: 349px;

         padding-left: 35px;

         padding-right: 35px;

    }

     .container-map-form {

         top: 197px;

    }

    /*767*/

}

 @media all and (max-width: 730px) {

     .agree:before {

         left: 0px;

         top: 5px;

    }

}

 @media all and (max-width: 700px) {

     .gallery-wrap li {

         max-width: 285px !important;

    }

     footer {

         margin-top: -75px;

    }

     .pr_item {

         margin-right: auto;

    }

     .slick-dots {

         position: absolute;

         bottom: 17px;

         display: block;

         width: 100%;

         padding: 0;

         margin: 0;

         list-style: none;

         text-align: center;

         width: 100%;

         margin-left: auto;

         margin-right: auto;

         left: auto;

         right: auto;

    }

     .pr_item {

         margin-top: 61px;

         margin-bottom: 78px;

    }

     h2 {

         text-align: center;

    }

     .pr_item_text_long {

         min-height: 200px;

    }

     .copyright {

         flex-direction: column;

    }

     h2 span {

         font-size: 32px;

    }

     h2 {

         font-size: 17px;

    }

}

 @media all and (max-width: 600px) {

     .gallery-wrap li {

         max-width: 252px !important;

    }

    /*600*/

}

 @media all and (max-width: 570px) {

     .gallery-wrap li {

         max-width: 370px !important;

         width: 100%;

    }

     .phone li:nth-child(1) a {

         font-size: 20px;

    }

     .fixed .phone li:nth-child(1) a {

         font-size: 19px;

    }

     .popup-zap {

         padding: 55px 25px 42px;

    }

     #popup1 textarea.in-form {

         height: 160px;

    }

     .best-ul li {

         width: 100%;

         max-width: 568px;

         margin-left: auto;

         margin-right: auto;

         text-align: center;

         padding-left: 0;

         flex-direction: column;

         justify-content: center;

         align-items: center;

         text-align: center;

    }

     .about-ul_titl {

         text-align: center;

         margin-bottom: 14px;

    }

     .about-ul_img-wrap {

         margin-left: 0;

         margin-right: 0;

    }

     .about-ul_text {

         text-align: center;

    }

     .copyright p {

         padding: 5px;

         text-align: center;

    }

    /*570*/

}

 @media all and (max-width: 530px) {

     .toggleMenu {

         top: 18px;

         left: auto;

         right: 20px;

         z-index: 26;

    }

     .sec-1 .screen1-r {

         margin-top: 64px;

         z-index: 27;

    }

     .sec-1 .screen1-r2 {

         margin-top: 0px;

    }

     .fixed.sga-nav {

         z-index: 28;

    }

     header.fixed .contacts {

         display: none;

    }

     .sec-1 {

         height: 138px;

    }

     .top-nav ul {

         margin-top: 138px;

    }

     .no500 {

         display: none;

    }

     .btn-wrap {

         flex-direction: column;

    }

     .before-btn-modal {

         margin-bottom: 11px;

         margin-top: -4px;

    }

}

 @media all and (max-width: 450px) {

     h2 span {

         font-size: 28px;

    }

}

 @media all and (max-width: 430px) {

     .before-map {

         top: 562px;

    }

     .logo-text {

         display: none;

    }

     .logo-big {

         max-width: 96px;

         margin-left: 30px;

         margin-top: 8px;

    }

     .pr_item_text_title {

         font-size: 29px;

    }

     .pr_item_text_inner_line .w40 {

         font-size: 20px;

    }

     h1 {

         font-size: 24px;

    }

     footer .container {

         width: 100%;

    }

}

 @media all and (max-width: 380px) {

     .contacts_line {

         padding: 52px 0 20px;

    }

}

 @media all and (max-width: 360px) {

     .logo-big {

         max-width: 70px;

    }

     .agree {

         font-size: 12px;

    }

}

 



 .checkbox input[type="checkbox"] {

    opacity: 0;

    display: none;

}



.checkbox label {

    position: relative;

    display: inline-block;

    

    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/

    padding-left: 22px;

}



.checkbox label::before,

.checkbox label::after {

    position: absolute;

    content: "";

    

    /*Needed for the line-height to take effect*/

    display: inline-block;

}



/*Outer box of the fake checkbox*/

.checkbox label::before{

  border: 1px solid #c4c4c4;

    left: -9px;

    top: 5px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    width: 21px;

    height: 20px;

     

    

}



/*Checkmark of the fake checkbox*/

.checkbox label::after {

  width: 25px;

    height: 25px;

    background: url(../images/agree.png) top center no-repeat;

    position: absolute;

    left: -9px;

    top: 2px;

    

}



/*Hide the checkmark by default*/

.checkbox input[type="checkbox"] + label::after {

    content: none;

}



/*Unhide on the checked state*/

.checkbox input[type="checkbox"]:checked + label::after {

    content: "";

}

























/***************END**************/





/* .agree:before {

     display: block;

     content: "";

     width: 26px;

     height: 25px;

     background: url(../images/agree.png) top center no-repeat;

     position: absolute;

     left: -9px;

     top: 2px;

}*/

.popup-zap .checkbox label {

     padding-left: 33px;

}

.popup-zap .checkbox label::after {

       left: 0;

    }

    .popup-zap .checkbox label::before {

    

    left: -1px;

    }

 

 @media all and (max-width: 900px) {



    .map-form .checkbox label::after {   

         left: 2px;

         top: -3px;

     }

      .map-form .checkbox label {

        padding-left: 36px;

     }

      .map-form .checkbox label::before {

       left: 1px;

    top: 0px;

    }



} 


#submit:disabled, #submit2:disabled {
background: #999 !important;
    border: 1px solid #666 !important;
}