*{padding:0;margin:0;font-family: 'Roboto', sans-serif;}
html,body {font-size:14px;line-height:18px;font-weight:300;background:#fff;height: 100%;color: #000;}
.main { min-height: 100%; max-width:1440px;margin:0 auto;min-width:320px;}

h1{font-size: 35px;margin: 25px 0;color: #e81e25;font-weight: 500;text-transform: uppercase;}
h2{font-size: 35px;margin: 25px 0;color: #333;font-weight: 500;text-transform: uppercase;}
p{margin: 12px 0}
img{max-width: 100%;}
.red{color: #e81e25;}
.header-node{background: url("../images/pix-index-bg.jpg") no-repeat bottom center; background-size: cover;}
.header{background: rgba(255,255,255,.8);position: relative;height: 200px;}
.logo{position: absolute;left:10%; top:30px;width:40%;font-size: 0;line-height: 0}
.phone{position: absolute;left: 62%;top:30px;font-family: Helvetica, sans-serif;font-size: 50px;line-height: 60px;}
.phone a{color: #414042;font-weight: 700}
.address{position: absolute;left: 62%;top:90px;font-family: Helvetica, sans-serif;font-size: 27px;line-height: 30px;text-transform: uppercase;font-weight: 700;color: #414042}
.menu{position: relative;text-align: center}
.desktop{position: relative;font-size: 0;line-height: 0;white-space: nowrap;}
.desktop a{display: inline-block;vertical-align: top;line-height: 55px;color: #fff; text-decoration: none;font-weight: 700;font-size: 22px;padding: 0 15px;background: #231f20}
.desktop a.active, .desktop a:hover{background: #ed1c24}
.mobile{display: none;}
.header-content{width: 55%;padding: 30px 50px 30px 230px;background: #fff;margin: 20% 0 0}
.separated-node{display: flex;align-items: stretch;}
.gray-node{flex:1 0 55%;background: #e6e6e6;padding: 30px 50px 230px 230px;position: relative}
.gray-node-image{position: absolute;left: 0;width: 100%;bottom: 0;}
.gray-node-image img{width: 100%}
.gray-node:before{position: absolute;left: 10px;top:0;background: url("../images/bg-mark.png"); width: 172px;height: 111px;content: '';overflow: hidden}
.dark-node{flex:1 0 45%;position: relative; padding: 30px 270px 30px 50px;color: #fff;background: #231f20;}
.dark-node:after{position: absolute;right: 0;top:0;background: url("../images/bg-service.jpg") no-repeat right center; content: '';overflow: hidden;width: 250px;background-size: auto 100%;bottom: 0}
.list-uppercase{font-size: 20px;list-style: none;margin: 12px 0;text-transform: uppercase;line-height: 24px;}
.partners{background: #2f2f2f;text-align: center;border-top: solid 13px #ed1c24;font-size: 0;line-height: 0}
.partners img{margin: 4px;}
.main-rez{display: none;}
.copy{position: absolute;left: 230px;top:40px;}
.everStudio{position: absolute;right: 165px;top:40px;}
.everStudio a{color: #fff;}
.everStudio th{padding-left: 12px;}
.payments{position: absolute;left: 50%;top:35px;padding: 5px;background: #000;width: 300px;text-align: center;display: flex;justify-content: space-between;margin-left: -150px;}
.copy p{margin: 0;}
.mobile{background: #ec1c24;}
.menuTitle{display: block;text-align: left;padding: 10px 22px 10px 5px;font-size: 21px;color: #fff;line-height: 30px;cursor: pointer;}
.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: #ec1c24;padding: 0 15px;}
.mobile .dropdown{max-width: 350px;margin: 0 auto}
.mobile .dropdown-menu{width: 100%;margin: 0;border-radius: 0;padding: 0;font-size: 16px;border-top: 0;}
.mobile .dropdown-menu li.active > a{background: #fac6c8 !important;color: #231f20;}
.mobile .dropdown-menu li.active > a:hover{text-decoration: none;color: #231f20;}
.mobile .dropdown-menu > li > a{color: #0d2039;text-decoration: none;padding: 5px 10px;font-weight: 400}
.mobile .dropdown-menu > li > a:hover{background: #fef3f4}
.header-title{padding: 30px 50px 30px 230px;}
.header-title h1{margin: 0;font-size: 50px;line-height: 60px;text-transform: none}
.header-title + .header-content{margin-top: 0;}
.content{padding: 30px 50px 30px 230px;}
.red-line{border-left: solid 5px #ec1c24;padding: 10px 0 10px 25px;max-width: 380px;}
.red-line h2{margin: 0 0 15px;}
.list-rows{columns: 2;max-width: 80%;padding-left: 25px;}
.header-map{background-image: url("../images/bg-map.jpg")}
.header-gallery{background-image: url("../images/bg-gallery.jpg")}
.header-contact{background-image: url("../images/bg-contact.jpg")}

.form{max-width: 600px;}
.form .label{display: block;color: #4e4e4e;text-align: left;font-weight: 400;margin: 4px 0;padding: 0;font-size: 17px;line-height: 20px;}
.form .btn{font-size: 17px;line-height: 25px;padding: 5px 20px;margin-left: 15px;font-family: "lucida_faxregular", sans-serif;color: #fff;box-shadow: none!important;outline: 0!important;}
.form .btn-gray{background: #d0cfce}
.form .btn-orange{background: #e91e25}
.form .form-control{box-shadow: none!important;outline: 0!important;border-radius: 0;}
.secMess, .errMess{font-family: "lucida_faxregular", sans-serif;font-size: 24px;line-height: 30px;color: #e16b15;margin: 20px 0;}
.errMess{color:#c1272d }
.feedback .secMess {color: #003261}


@media screen and (max-width: 1399px ){
    .header-title{padding: 30px 50px}
    .header-content{width: 50%;padding: 30px 50px}
    .content{padding: 30px 50px}
    .gray-node{flex-basis: 50%;padding: 30px 50px 200px}
    .gray-node:before{background-size: contain;width: 35px;left: 0;background: url("../images/bg-mark.png") no-repeat bottom right;}
    .dark-node{flex-basis: 50%;padding: 30px 300px 30px 50px;}
    .copy{left: 50px;}
    .everStudio{right: 50px;}
}
@media screen and (max-width: 1199px ) {
    .desktop a{font-size: 18px;}
    .header-content{width: 70%}
    .separated-node{display: block}
    .gray-node{padding: 30px 50px 0;}
    .gray-node-image{position: static;margin: 25px -50px 0;width: auto;}
    .dark-node{padding: 30px 30% 30px 50px;}
    .dark-node:after{width: 28%}
    .payments{top:15px;}
    .everStudio{top:65px;}
    .copy{top:68px;}
}
@media screen and (max-width: 991px ) {
    .dark-node{padding-right: 40%}
    .dark-node:after{width: 38%;}
    .desktop a{font-size: 14px;padding: 0 12px}
    .phone{font-size: 35px;}
    .address{font-size: 20px;}
    .list-rows{max-width: 100%}
}
@media screen and (max-width: 767px ) {
    .desktop{display: none;}
    .mobile{display: block}
    .header-node{background: none;}
    .header{background: none;height: auto;}
    .logo{position: static;padding: 35px 35px 25px;text-align: center;width: auto;}
    .phone{position: static;text-align: center;padding: 0 15px 15px;font-size: 40px;line-height: 40px;}
    .address{position: static;text-align: center;padding: 0 15px 30px;font-size: 23px;}
    .header-content{margin: 0;padding: 15px;width: auto;}
    .content{padding: 15px;}
    h1{font-size: 24px;line-height: 28px;margin: 15px 0;}
    h2{font-size: 24px;line-height: 28px;margin: 15px 0;}
    .header-title{padding: 35px 15px 0}
    .header-title h1{font-size: 35px;line-height: 35px;}
    .gray-node{padding: 0 15px;background: transparent}
    .gray-node:before{display: none}
    .gray-node-image{margin: 25px -15px 0;}
    .dark-node{padding: 15px;}
    .dark-node:after{display: none;}
    .main-rez{display: none}
    .main{min-height: 0;}
    .payments{position: static;margin: 10px 0;display: inline-flex;}
    .copy{position: static;padding: 15px;}
    .everStudio{position: static;padding: 15px;}
    .everStudio table{display: inline-table;}
    .everStudio th{padding: 0 25px 0 10px;width: 100px;}
    .list-rows{columns: 1}
    .header-map .header-title{padding: 35px 15px 15px;}
    .header-gallery .header-title{padding: 35px 15px 15px;}
    .header-contact .header-title{padding: 35px 15px 15px;}
    .gallery_wrapper{margin: 0 -15px;}
}