body{line-height: 1.4;font-weight: 400;font-size: 15px;color: #fff;background: #0a2145;min-width: 320px;font-family: 'Montserrat', sans-serif;}
h1{font-size: 82px;font-weight: 700;margin: 0;line-height: 1}
h1.small{font-size: 70px;}
h1 span{text-decoration: underline;text-decoration-color: #33a676;}
.bgGreen h1 span{text-decoration-color: #fff;}
h2{font-size: 28px;font-weight: 700;margin: 0 0 15px;}
h3{font-size: 23px;font-weight: 700;margin: 0 0 15px}
p{margin: 0 0 15px}
img{max-width: 100%}
.bgGreen{background: #33a676}
.bgBlue{background: #0a2145}
.goMid{margin: 0 auto;max-width: 1200px;padding: 0 20px;}
.header{display: flex;height: 116px;padding: 8px 0;align-items: center;justify-content: space-between}
.logo{font-size: 0;line-height: 0}
.menu{display: flex;align-items: center;}
.menu a{text-transform: uppercase;color: #fff;text-decoration: none;font-size: 23px;padding: 0 15px;margin: 0 10px;font-weight: 500}
.container{padding: 50px 0 0}
.slider{position: relative;font-size: 0;line-height: 0}
.sliderLogo{position: absolute;left: 7.5%;top: 10%;z-index: 10;max-width: 20%}
.slider > img{width: 100%;position: relative;z-index: 5;}
.types{display: flex;align-items: center;justify-content: center;font-size: 32px;line-height: 40px;padding: 35px 0;font-weight: 700}
.types i{width: 6px;background: #fff;height: 36px;overflow: hidden;content: '';margin: 0 20px;}
.rows{display: flex;align-items: stretch;}
.w25{flex: 0 0 28%;padding:  40px}
.w35{flex: 0 0 35%;padding: 0 40px}
.wAuto{flex: 1 0 auto;width: 0;padding: 0 40px}
.w50{flex: 0 1 50%;padding: 0 70px}
.aboutList .rows{padding: 0 0 55px}
.aboutList .w50{padding-left: 80px;}
.rows > div{padding-top: 35px;padding-bottom: 35px}
.rows > div:first-child{padding-left: 0}
.rows > div:last-child{padding-right: 0}
.rows > .p0{padding-left: 0;padding-right: 0}
.contentPic{margin: 55px 0 0;}
.contentPic img {width: 100%}
.why{position: relative}
.whyItem{padding-left: 90px;background: url("../images/icon_plus.png") no-repeat 0 0;margin-bottom: 40px;}
.footer{position: relative}
.footerText{margin-top: 30px;font-size: 12px;font-weight: 700}
.footerText +.footerText{margin-top: 20px}
.footerText p{margin: 0}
.form .w50{padding: 0 8px 0;}
.form-control{width: 100%;background: #fff;border: 0;padding: 10px 16px;font-size: 14px;line-height: 20px;height: 40px;font-weight: 500;margin-bottom: 16px;color: #466cb3}
textarea.form-control{resize: none;min-height: 80px;}
::placeholder {color: rgb(70, 108, 179, .6);font-weight: 500}
.contact-form-controls{margin-top: -8px}
.btn-submit{width: 100%;text-align: center;background: #0a2145;color: #fff;text-transform: uppercase;font-weight: 700;font-size: 13px;line-height: 20px;padding: 10px 15px}
.alert{text-align: center;padding: 25px 0 0;font-size: 18px;font-weight: 500}
.alert-danger{color: red}
.alert-info{color: #0a2145}
.grecaptcha-badge{position: absolute;right: 0;top: 0}
@media screen and (max-width: 1100px){
    .menu a{font-size: 21px;padding: 0 8px}
    .w25{padding: 20px}
    .w50{padding: 0 30px}
    .rows > div{padding-top: 25px;padding-bottom: 25px;}
    h1{font-size: 72px;}
    h1.small{font-size: 60px;}
    h2{font-size: 24px}
    h3{font-size: 19px}
}
@media screen and (max-width: 991px) {
    .container{padding: 0}
    .slider{margin: 0 -20px}
    .types{font-size: 22px;line-height: 30px;padding: 20px 0 0;flex-wrap: wrap}
    .types i{width: 4px;height: 30px;}
    .rows{display: block;margin: 0 -20px;}
    .rows > div{padding: 20px;width: auto}
    .rows > div:first-child, .rows > .p0{padding-left: 20px;}
    .rows > div:last-child, .rows > .p0{padding-right: 20px;}
    h1 br{display: none}
    h1{font-size: 40px;padding: 15px 0}
    h1.small{font-size: 35px;}
    h2{font-size: 24px}
    h3{font-size: 19px;margin: 0}
    .aboutList .w50{padding: 0 20px}
    .aboutList .rows{padding-bottom: 25px}
    .contentPic{margin: 0 -20px}
    .form .w50{padding: 0 20px}
    .header{justify-content: center;position: relative}
    .menu-toggle {display: block;margin: 0;background: url("../images/icon-menu.png") no-repeat center;height: 50px;width: 50px;flex-shrink: 0;cursor:pointer;position: absolute;right: 20px;top: calc(50% - 25px);}
    .menu {position: fixed;margin: 0;padding: 50px 0 0;left: 0;overflow: hidden;background: #fff;height: 100vh;top: 0;width: 0;max-width: 450px;z-index: 100;transition: width .2s ease;display: block;border-radius: 0;color: #0a2145;}
    .menu.open {width: 80%;}
    .menu a, .menu span {color: #0a2145;padding: 15px 15px;line-height: 20px;display: block}
    .menu li {padding: 0 15px;}
    .menu li ul {display: block;position: static;background: transparent;padding: 0;}
    .menu li ul a {font-size: 14px;}
    .menu span:hover, .menu .active > span, .menu li:hover > span,
    .menu a:hover, .menu .active > a, .menu li:hover > a {font-weight: 700;color: #33a676}
    .menu-fade:before {position: fixed;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .5);content: '';z-index: 30;}
    .menu-fade .header .goMid:before {position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);content: '';z-index: 30;}
    .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: #0a2145;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(45deg)}
    .menu li.menu-close:after {width: 3px;height: 40px;background: #0a2145;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(-45deg)}
}
@media screen and (max-width: 679px) {
    .types{flex-direction: column;}
    .types i {width: 35px;height: 4px;margin: 6px 0}
    .aboutList{padding-top: 0!important;margin-top: -25px}
    .menu-toggle{right: 0}
    .whyItem{background-size: 35px;padding-left: 55px;background-position: 0 8px}
}