html,body {font-size:18px;line-height:24px;font-weight:300;background:#fff;height: 100%;min-width: 320px;color: #000;font-family: 'Roboto', sans-serif;}
p{margin: 15px 0}
img{max-width: 100%;}
a{color: #4066b2;text-decoration: none}
a:hover, a:focus, a:active{color: #4066b2;text-decoration: none}
a[href^="tel:"], a[href^="mailto:"]{color: #000}
ul{padding: 0 0 0 20px}
h1{font-size: 55px;line-height: 60px;font-weight: 300;color: #4066b2;margin: 20px 0}
h3{font-size: 24px;line-height: 30px;font-weight: 300;margin: 15px 0}
h3.strong{margin: 20px 0 -10px;font-weight: 500;color: #4066b2}
.page-title h1{color: #4066b2;margin: 0;}
.main { min-height: 100%; min-width:320px;max-width: 1920px; margin: 0 auto}
.header{background: url("../images/bg-head.jpg") no-repeat 0 0;height: 250px;position: relative}
.logo{position: absolute;left: 120px;top:90px;font-size: 0;line-height: 0;}

.social{position: absolute;right: 20px;top:80px;font-size: 0;line-height: 0;}
.social a{display: inline-flex;font-size: 0;line-height: 0;margin: 0 5px;width: 40px;height: 40px;justify-content: center;align-items: center;background: #fff;border-radius: 50%;overflow: hidden}
.social svg{width: 30px;height: 30px}
.social svg path{fill: #000}
.desktop{position: absolute;white-space: nowrap;left: 550px;top:80px;font-size: 0;}
.desktop a, .desktop .item{font-size: 24px;color: #0f1c43; line-height: 44px;padding: 0 15px;position: relative;cursor: pointer;margin: 0 15px;text-decoration: none;display: inline-block; font-weight: 400;}
.desktop .item{padding: 0!important;}
.desktop .item > a{margin: 0!important;}
.desktop a.active, .desktop a:hover, .desktop .item.active, .desktop .item:hover{color: #fff;text-decoration: none;background: #4066b2;}
.desktop .item:hover .inner{display: block;}
.menuTitle{display: block;text-align: left;padding: 10px 22px 10px 5px;font-size: 21px;color: #fff;line-height: 30px;cursor: pointer;font-weight: 300;z-index: 15;background: #4066b2;position: relative}
.menuTitle .caret{display: block;position: absolute;right: 5px;top: 20px;border: solid 7px transparent;width: 0;height: 0;border-top-color: #fff;}
.mobile{margin: 0 auto; text-align: left;display: none;background: #4066b2;padding: 0 15px}
.mobile .dropdown{max-width: 350px;margin: 0 auto}
.mobile .dropdown-menu{width: 100%;margin: 0;border-radius: 0 0 5px 5px;padding: 0;font-size: 16px;border-top: 0;box-shadow: 0 0 5px #666;z-index: 5000;overflow: hidden}
.mobile .dropdown-menu li.active > a, .mobile .dropdown-menu li.active > span{color: #fff; background:#ed8b2e }
.mobile .dropdown-menu li.active > a:hover{text-decoration: none;color: #fff;}
.mobile .dropdown-menu li a, .mobile .dropdown-menu li span{color: #58595b;text-decoration: none;padding: 5px 10px;font-weight: 400;display: block}
.mobile .dropdown-menu li:hover span, .mobile .dropdown-menu li a:hover{color: #ed8b2e;background: #fff;}
.mobile .dropdown-menu li.active span:hover, .mobile .dropdown-menu li.active a:hover{color: #fff; background:#ed8b2e }
.mobile .dropdown-menu ul {padding: 0;list-style: none;}
.mobile .dropdown-menu ul li a {color: #58595b;;font-weight: 400;display: block;font-size: 14px;padding: 2px 10px 2px 20px;}
.inner-slider{overflow: hidden}
.inner-slider img{width: auto;max-width: inherit;}
.item .inner{position: absolute;left: 0;top:100%;z-index: 8;padding: 0;border: solid 1px #4066b2;background: #fff;display: none;}
.item .inner a{font-size: 18px;display: block;white-space: nowrap;color: #004692;line-height: 26px;margin: 5px;text-transform: none;padding: 5px 15px;}
.item .inner a.active, .item .inner a:hover{color: #fff;}
.main-bg{background: url("../images/bg-main.jpg") no-repeat 0 0;min-height:760px; }
.main-bg-inner{background: url("../images/bg-main-inner.jpg") no-repeat 1725px top;min-height: 0}
.goMid{max-width:1600px;margin:0 auto;position: relative;padding: 0 50px}
.page-title{min-height: 180px;display: flex;align-items: center;padding: 0 65px 30px;margin-bottom: 30px;}
.goMid:not(.page-title) + .goMid{margin-top: 60px;}
.goMid .col-sm-7{padding-right: 45px;}
.goMid .col-sm-5{padding-left: 45px;}
.form{max-width: 600px;margin: 15px auto}
.form .form-group{margin-bottom: 10px;}
.form .form-control{border-radius: 0;background: #fff;font-size: 14px;resize: vertical;border: solid 1px #000;color: #000;}
.form textarea {min-height: 80px;}
.form-actions{text-align: right}
.btn-green{color: #fff;background: #4066b2;border-radius: 8px;padding: 10px 25px;text-transform: uppercase;font-size: 22px;line-height: 30px;border: none}
.testimonials{overflow: hidden}
.testimonials > .row{margin: 0 -65px;display: flex;flex-wrap: wrap}
.testimonials-item{position: relative;margin: 25px 0;padding:0 50px; font-size: 18px; line-height: 22px;}
.testimonials-stars{position: relative;height: 26px;width: 152px;overflow: hidden;background: url("../images/icon-stars.png") no-repeat 0 0;}
.testimonials-stars:before{position: absolute;left: 0;top:0;height: 26px;content: '';background: url("../images/icon-stars.png") no-repeat 0 -26px;}
.testimonials-stars.s-05:before{width: 14px}
.testimonials-stars.s-1:before{width: 30px}
.testimonials-stars.s-15:before{width: 45px}
.testimonials-stars.s-2:before{width: 60px}
.testimonials-stars.s-25:before{width: 76px}
.testimonials-stars.s-3:before{width: 92px}
.testimonials-stars.s-35:before{width: 107px}
.testimonials-stars.s-4:before{width: 125px}
.testimonials-stars.s-45:before{width: 138px}
.testimonials-stars.s-5:before{width: 152px}
.testimonials-date{font-size: 100%;line-height: 120%;margin: 10px 0;}
.testimonials-title{font-size: 110%;line-height: 160%;font-weight: 500}
.testimonials-captions{font-size: 100%;line-height: 140%;}
.testimonials-rating{font-size:100%;line-height: 120%;margin-top: 20px;}
.main-rez{height: 350px; clear:both}
.footer {height: 365px;margin:-365px auto 0;min-width:320px;position: relative;background: url("../images/bg-footer.png") no-repeat top center;max-width: 1920px;}
.footer .goMid{position: relative}
.everStudio{position: absolute;right: 120px;bottom: 80px;text-align: right;white-space: nowrap}
.everStudio a{font-size: 16px;line-height: 24px;color: #0f1c43;display: inline-block;margin: 0 0 0 10px; font-weight: 500;}
.footer-logo{position: absolute;left: 120px;bottom:80px;}
.main-bg ul li{margin: 3px 0}
.testimonials-wrapper{position: relative;margin: 30px 0;}
.testimonials-bg{width: 100%;position: relative;z-index: 10}
.testimonials-wrapper .testimonials-item{margin: 0;position: absolute;right: 5%;width: 40%;top:50%;transform: translateY(-50%);z-index: 20;color: #fff;font-size: 16px;line-height: 22px;}
.file-list{font-size: 24px;line-height: 30px;list-style: none;padding: 0}
.main-bg .file-list li{margin: 8px 0}
.main-bg .file-list a:hover{text-decoration: underline}
.map{padding: 50px 0;position: relative}
.map iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.map .goMid{min-height:450px;display: flex;align-items: center;pointer-events: none}
.map .map-form{margin: 0 20px 0 auto;width: 460px;position: relative;z-index: 10;pointer-events: all}
.alert{font-size: 14px;line-height: 18px;padding: 8px 12px; margin-bottom: 8px;}
.grecaptcha-badge{z-index: 500}
.f-warap{position: absolute;left: 25%;bottom: 30px;color: #0f1c43;right: 30%;display: flex;justify-content: space-around;align-items: center;font-size: 16px;line-height: 20px;font-weight: 500;}
.f-menu{list-style: none;margin: 0;padding: 0}
.f-warap a{color: #0f1c43;text-decoration: none;}
.f-social a{display: inline-flex;font-size: 0;line-height: 0;margin: 0 5px;width: 40px;height: 40px;justify-content: center;align-items: center;background: #fff;border-radius: 50%;overflow: hidden}
.f-social svg{width: 30px;height: 30px}
.f-social svg path{fill: #000}
.gallery .slick-slide img{width: 100%}
.gallery .slick-arrow {position: absolute;top: 50%;width: 32px;height: 68px;margin-top: -34px;transform: none;z-index: 20}
.gallery .slick-arrow:before {display: none}
.gallery .slick-next {background: url("../images/icon-next.png") no-repeat center center;right: 60px}
.gallery .slick-prev {background: url("../images/icon-prev.png") no-repeat center center;left: 60px}

@media screen and (max-width: 1899px){
    .social{top: 25px;}
}
@media screen and (max-width: 1599px){
    .header{background-position: 20% 0;}
    .logo{left: 45px;}
    .desktop{left: 450px;}
    .desktop a, .desktop .item{margin: 0 10px;}
    .footer-logo{left: 45px;}
    .everStudio{right: 45px;}
    .testimonials-wrapper .testimonials-item{font-size: 14px}
}

@media screen and (max-width: 1439px) {
    .logo{left: 30px;width: 25%;top:70px;}
    .header{background-position: 20% -40px;height: 190px;}
    .desktop{left: 33%;top:40px;}
    .desktop a, .desktop .item{font-size: 18px;padding: 0 15px;}
    .main-bg{background-position: 0 -40px;}
    .main-bg-inner{background: none}
    .page-title{min-height: 160px;margin: 0;padding: 0 30px 30px;}
    h1{font-size: 40px;line-height: 50px;}
    h3{font-size: 20px;line-height: 26px;}
    .file-list{font-size: 20px;line-height: 26px;}
    .goMid{padding: 0 15px;}
    .page-title{padding: 0 30px 30px}
    .footer-logo{left: 30px;}
    .everStudio{right: 30px;}
    .testimonials-wrapper .testimonials-item{font-size: 13px}
    .map .map-form{margin-right: 95px}
    .social{top: 125px;}

}
@media screen and (max-width: 1199px) {
    .header{background: none;height: auto}
    .logo{position: static;padding: 30px;width: auto}
    .desktop{background: #4066b2;padding: 20px;text-align: center;position: static}
    .desktop a, .desktop .item{line-height: 40px;}
    .inner{text-align: left}
    .item .inner a{font-size: 16px;}
    .main{min-height: 0;}
    .main-rez{display: none}
    .footer{height: auto;margin: 20px 0 0;background: #7c9de1;text-align: center}
    .f-warap{position: static;flex-direction: column}
    .footer-logo{display: block;padding: 20px;width: auto;position: static;}
    .everStudio{position: static;margin: 0 auto;display: block;max-width: 300px;padding: 5px 0 15px}
    .everStudio img{max-width: 60px;}
    .everStudio p{margin: 0;padding: 5px 0;line-height: 18px;}
    .everStudio a{font-size: 14px;line-height: 18px;}
    .inner-slider img{max-width: 100%}
    .testimonials-wrapper .testimonials-item{font-size: 11px;right: 2%;width: 48%}
    .social{top: 25px;}
}
@media screen and (max-width: 991px) {
    .desktop a, .desktop .item{margin: 0 5px;}
    .main-bg{background: none;}
    .goMid{padding: 0;}
    .page-title{padding: 0 15px;min-height: 0;}
    .page-title h1{color: #4066b2;margin: 25px 0;font-size: 30px;line-height: 40px;}
    h1{margin: 25px 0;font-size: 30px;line-height: 40px;}
    h3{font-size: 18px;line-height: 24px;}
    .file-list{font-size: 18px;line-height: 24px;}
    .testimonials-wrapper{margin: 0 15px;background:#4066b2 url("../images/pix-test-small.jpg") no-repeat right top;border-radius: 23px;overflow: hidden;background-size: 80px auto}
    .testimonials-bg{display: none}
    .testimonials-wrapper .testimonials-item{position: static;width: auto;padding: 30px 90px 30px 30px;transform: none;font-size: 12px}
    .gallery .slick-prev {left: 20px;background-size: 20px auto}
    .gallery .slick-next {right: 20px;background-size: 20px auto}

}
@media screen and (max-width: 767px) {
    .desktop{display: none}
    .mobile{display: block}
    .logo{padding: 40px 0;margin: 0 20px 25px;border-bottom: solid 10px #4066b2;text-align: center}
    html, body{font-size: 14px;line-height: 18px;}
    .page-title{padding: 25px 15px 0;}
    .page-title h1{margin: 0;font-size: 25px;line-height: 32px;}
    h1{margin: 25px 0 15px;font-size: 25px;line-height: 32px;}
    h3{font-size: 16px;line-height: 20px;}
    .file-list{font-size: 16px;line-height: 20px;}
    .testimonials-rating{margin-top: 10px;}
    .testimonials-date{margin: 10px 0 5px}
    .btn-green{font-size: 16px;line-height: 20px;padding: 6px 12px;}
    .goMid:not(.page-title) + .goMid{margin-top: 20px;}
    .testimonials-wrapper{background:#4066b2 url("../images/pix-test-small.jpg") no-repeat right top; background-size: 40px auto}
    .testimonials-wrapper  .testimonials-item{padding: 15px 25px 15px 15px}
    .map{padding: 80px 15px}
    .map .goMid{display: block;min-height: 0}
    .map .map-form{margin: 0;width: auto}
}
