html,body {font-size:15px;line-height:21px;font-weight:300;background:#f3f3f4;height: 100%;min-width: 320px;color: #797a7d;font-family: 'Inter', sans-serif;}
p{margin: 16px 0;}
b{font-weight: 700}
img{max-width: 100%}
.main { min-height: 100%; min-width:320px;position: relative;}
.goMid{max-width: 1520px;margin: 0 auto}
.darkNode{background: #333a56;color: #eff9fa}
.header{height: 75px;display: flex;align-items: stretch}
.logo{align-self: center;margin: 0 0 0 65px}
.menu{margin: 0 auto;padding: 0;display: flex;align-items: stretch;}
.menu li{display: flex;align-items: center;margin: 0 45px;position: relative}
.menu a{color: #eff9fa;text-decoration: none;text-transform: uppercase;font-size: 15px;font-weight: 500}
.menu a:hover:after, .menu a.active:after{background: #667dbe;height: 3px;position: absolute;left: 0;right: 0;bottom: 0;content: ''}
.service{position: relative;display: flex;font-size: 0;line-height: 0;overflow: hidden;flex-wrap: wrap;align-items: stretch}
.serviceItem{flex:0 0 50%;background:no-repeat center;background-size: cover;position: relative}
.serviceItem > img{width: 100%;opacity: 0;}
.serviceLink{position: absolute;left: 0;top:0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center}
.serviceLink a{padding: 15px 35px;line-height: 50px;font-size: 40px;font-weight: 700;color: #eff9fa;text-decoration: none;text-transform: uppercase;text-align: center;background: rgb(42, 53, 65,.8);max-width: 60%}
.main-rez{height: 600px; clear:both}
.footer {height: 600px;margin:-600px auto 0;min-width:320px;position: relative;display: flex;align-items: stretch;color: #eff9fa}
.footer a{color: #eff9fa;text-decoration: none;}
.footerInfo{flex: 0 0 35%;padding: 50px 0 120px 130px;position: relative;}
.footerLogo{font-size: 0;line-height: 0;margin-bottom: 40px;}
.footerAddress{font-size: 18px;line-height: 24px;}
.footerAddress p{margin: 0 0 16px;}
.footerCertify{position: absolute;left: 130px;bottom: 50px;display: flex;align-items: center}
.footerCertify img{margin-right: 15px}
.footerMenu{padding: 50px 130px 50px 50px;display: flex;flex-direction: column}
.footerLinks a, .footerLinks span{color: #979eac;text-transform: uppercase;cursor: pointer}
.footerLinks li:hover > a, .footerLinks li:hover > span{color: #ebecf1}
.partners{flex: 1;height: 0}
.partners img{display: block;margin:16px 0;max-height: calc(33.333% - 32px) }
.footerLinks {display: flex;align-items: flex-start;flex-wrap: wrap}
.footerLinks > li{min-width: 33.333%;position: relative;margin: 0 0 40px}
.footerLinks > li ul{position: absolute;display: none}
.footerLinks span{position: relative}
.footerLinks span:after{content: '';width: 6px;height: 6px;border-right: solid 2px #979eac;border-bottom: solid 2px #979eac;position: absolute;left: 100%;margin: -6px 0 0 10px;top: 50%;transform: rotate(45deg)}
.footerLinks span.active {color: #eff9fa}
.footerLinks li:hover > span:after, .footerLinks span.active:after{border-right-color: #ebecf1;border-bottom-color: #ebecf1}
.footerLinks span.active:after{transform: rotate(225deg);margin-top: -2px}
.footerLinks span.active ~ ul{display: block;position: static}
.menu-toggle{display: none}
.menu-close{display: none}
.content{position: relative;max-width: 1200px;display: flex;align-items: flex-start;justify-content: flex-start;margin: 0 auto;padding: 50px 25px}
.contentSidebar{flex: 0 0 300px;text-align: right}
.contentText{flex: 1;max-width: 550px;padding: 0 30px}
h1{font-size: 35px;line-height: 40px;font-weight: 300;color: #333a56;margin: 10px 0;text-transform: uppercase}
h1 b{font-weight: 700}
p{margin: 15px 0;}
.preview{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;max-width: 900px;margin: 0 auto;padding: 0 0 60px}
.previewItem{margin: 40px;text-align: center;font-size: 0;line-height: 0;max-width: calc(50% - 80px)}
.previewItemFull{margin: 40px 0 0;max-width: 100%}
.previewItem img, .previewItem iframe{max-width: 100%}
.previewItemFull img, .previewItemFull iframe{max-width: calc(33.333% - 20px);margin: 10px}
.preview p {margin: 25px 0 0;text-align: center}
.btn{padding: 8px 20px;background: #333a56;color: #eff9fa;text-decoration: none;border: none;border-radius: 6px;font-size: 15px; line-height:20px;text-transform: uppercase;font-weight: 400;display: inline-block}
.form{position: relative;margin: 0 auto;max-width: 1200px;padding: 0 25px 50px}
.formLine{display: flex;align-items: flex-start;width: 100%;margin-bottom: 12px}
.formLabel{flex: 0 0 300px;text-align: right;font-weight: 500;font-size: 16px;text-transform: uppercase;color: #333a56;line-height: 20px;margin: 10px 0 0}
.formField{flex: 1;max-width: 500px;padding: 0 30px;}
.formField .form-control{height: 40px;border: solid 1px #9d9d9d;border-radius: 10px;background: #fff;padding: 10px 15px;font-size: 17px;line-height: 20px;width: 100%}
.formField textarea.form-control{resize: none;height: 120px}
.formField .form-control[type="file"]{font-size: 10px;background: #fff url("../images/icon-file.png") no-repeat right center}
.form-radio{display: inline-block;margin-right: 25px;position: relative}
.form-radio span{position: relative;padding: 0 0 0 50px;display: flex;align-items: center;height: 40px;font-size: 16px;line-height: 20px;}
.form-radio span:before{position: absolute;left: 0;top: 0;width: 40px;height: 40px;border: solid 1px #9d9d9d;border-radius: 50%;content: '';background: #fff;box-sizing: border-box}
.form-radio span:after{position: absolute;left:7px;top: 7px;width: 26px;height: 26px;border-radius: 50%;content: '';background: transparent;box-sizing: border-box}
.form-radio input{width: 1px;height: 1px;overflow: hidden;position: absolute;opacity: 0.01}
.form-radio input:checked ~ span:after{background-color: #333a56}
.formActions{text-align: right;}
.formField .btn{min-width: calc(45% - 10px);margin: 0 10px 10px 0;text-align: center}
.help{position: relative;margin-top: 35px}
.helpLine{display: flex;align-items: flex-start;font-weight: 500;color: #333a56;padding: 0 0 10px}
.helpLabel{flex: 0 0 240px;}
.helpText{flex: 1;padding: 0 0 0 15px}
.helpText a{color: #333a56;text-decoration: none;white-space: nowrap}

@media screen and (max-width: 1399px) {
    .menu li{margin: 0 25px}
    .serviceLink a{font-size: 30px;line-height: 35px}
    .footerInfo{padding-left: 65px;}
    .footerMenu{padding-right: 65px;}
    .footerCertify{left: 65px}
}
@media screen and (max-width: 1199px) {
    .header{height: 60px;}
    .logo{margin-left: 30px;}
    .menu li{margin: 0 15px}
    .serviceLink a{font-size: 25px;}
    .footerInfo, .footerMenu{padding: 30px}
}
@media screen and (max-width: 991px) {
    .header{padding: 0 0 0 60px;}
    .logo{margin: 0 auto}
    .menu-toggle {display: block;margin: 0;background: url("../images/icon-menu.png") no-repeat center; background-size:20px auto;height: 60px;width: 60px;flex-shrink: 0;}
    .menu-fade:before {position: fixed;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .5);content: '';z-index: 30;}
    .menu {position: fixed;margin: 0;padding: 50px 0 30px;left: 0;overflow: hidden;background: #eff9fa;height: 100vh;top: 0;width: 0;max-width: 450px;z-index: 100;transition: width .2s ease;display: block;border-radius: 0;color: #231f20;}
    .menu li.menu-close {display: block;position: absolute;right: 0;top: 0;width: 50px;height: 50px;cursor: pointer;padding: 0;}
    .menu li.menu-close:before {width: 3px;height: 40px;background: #231f20;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(45deg)}
    .menu li.menu-close:after {width: 3px;height: 40px;background: #231f20;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(-45deg)}
    .menu li:not(.menu-close){width: 80vw;max-width: 450px;margin: 0;}
    .menu.open {width: 80%;}
    .menu a {padding: 10px 15px;line-height: 20px;color: #333a56;margin: 5px 0}
    .menu a:hover:after, .menu a.active:after{right: auto;height: auto;top: 0;width: 10px;}
    .menu a:hover, .menu a.active{color: #667dbe}
    .main{min-height: 0}
    .main-rez{display: none}
    .footer{height: auto;margin: 0;display: block}
    .footerMenu{display: none}
    .footerCertify{position: static;margin-top: 30px}
    .footerInfo{max-width: 450px}
    .serviceLink a{font-size: 20px;line-height: 26px}
    .content{display: block;padding: 25px}
    .contentSidebar{text-align: left}
    .contentText{max-width: 100%;padding: 0}
    .preview{max-width: 100%;padding: 0 0 25px;margin: 0;}
    .previewItem{flex: 0 0 calc(50% - 50px);padding: 25px;margin: 0;max-width: 100%}
    .previewItemFull{flex: 0 0  calc(100% - 50px)}
    .form{max-width: 600px}
    .formLine{display: block}
    .formLabel{text-align: left;margin: 0 0 4px}
    .formField{padding: 0;max-width: 100%}
}
@media screen and (max-width: 767px) {
    .service{display: block}
    .serviceLink a{font-size: 35px;line-height: 40px}
    h1, h2{font-size: 25px;line-height: 30px;}
    html, body{font-size: 14px;line-height: 18px;}
}
@media screen and (max-width: 679px) {
    .preview{display: block;padding: 0}
    .previewItem{padding: 0 25px 45px}
    .preview p{margin-top: 15px}
    .helpLine{flex-wrap: wrap}
    .helpLabel{flex: inherit;padding-right: 8px}
    .helpText{font-weight: 400;padding: 0}
}
@media screen and (max-width: 479px) {
    .serviceLink a{font-size: 18px;line-height: 24px;padding: 15px;max-width: 70%}
    .footerAddress{font-size: 14px;line-height: 20px}
}
.hero-craft {
    width: 100%;
    min-height: 660px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-craft-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 660px;
    background-image: url('/images/original_b58ddf1b-0f88-405f-a031-cf63f588aefe-png-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-craft h2 {
    font-size: 23pt;
    font-weight: 700;
    color: #fff;
    margin: 0;
    position: relative;
    text-align: center;
}