body {
    position: relative;
    min-width: 320px;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    color: #000;
    -webkit-font-smoothing: antialiased;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #3D3D3D;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #3D3D3D;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #3D3D3D;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
    color: transparent;
}
a {
    color: inherit;
}
a:focus,
button:focus {
    outline: none;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
}
img {
    max-height: 100%;
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0; 
    font-weight: normal;
}
.wrapper {
    position: relative;
    overflow: hidden;
}
.sect {
    position: relative;
}
.container {
    position: relative;
}
a,
a::before,
a::after,
.button,
.mfp-close,
.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dots .owl-dot,
.information.sect .content > .right .filter .fields .field .radio input[type="radio"] + label::after,
.main.sect .calc > .bottom .form .fields .field .checkbox input[type="checkbox"] + label::after {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
input[type="text"],
textarea,
select {
    display: inline-block;
    vertical-align: bottom;
    outline: none;
    border: none;
    width: 100%;
    font-size: 14px;
    color: #3D3D3D;
    border: 1px solid  #0A0A0A;
    background-color: #fff;
    padding: 5px 10px;
}
textarea {
    height: 100px;
}
input[type="text"].error,
textarea.error {
    border-color: #f00!important;
    background-color: #FFB2B2!important;
}
.button {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: none;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #CE2031;
    border: 3px solid #CE2031;
    border-radius: 6px;
    padding: 11px 10px 12px;
}
.button:hover {
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,.5);
    box-shadow: 0 8px 24px rgba(0,0,0,.5);
}
.button.transparent {
    color: #CE2031;
    background-color: transparent;
}
.button.transparent:hover {
    color: #fff;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
form {
    font-size: 0;
}
.owl-carousel:hover .owl-nav .owl-prev,
.owl-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-right: 16px solid #CE2031;
    border-bottom: 16px solid transparent;
    opacity: 0;
    margin-top: -16px;
    z-index: 1;
}
.owl-nav .owl-next {
    left: auto;
    border-right: none;
    border-left: 16px solid #CE2031;
    right: 10px;
}
.owl-carousel:hover .owl-nav .owl-prev:hover,
.owl-carousel:hover .owl-nav .owl-next:hover {
    opacity: .8;
}
.owl-dots {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 0;
}
.owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 2px solid #CE2031;
    border-radius: 50%;
    margin-top: 5px;
    margin-left: 5px;
}
.owl-dots .owl-dot.active,
.owl-dots .owl-dot:hover {
    background-color: #CE2031;
}

.information.sect {
    display: none;
}
.information.sect .content {
    display: table;
    width: 100%;
    color: #6E6E6E;
    background-color: #e8e8e8;
    padding: 30px 35px;
}
.information.sect .content > .left {
    float: left;
    width: 735px;
    margin-right: 80px;
}
.information.sect .content > .left .result {
    overflow: auto;
    max-height: 636px;
    padding-right: 15px;
}
.information.sect .content > .left .result::-webkit-scrollbar {
    width: 14px;
}
.information.sect .content > .left .result::-webkit-scrollbar-thumb {
    background-color: #414141;
}
.information.sect .content > .left .result .items {
    font-size: 0;
    margin-left: -30px;
    margin-top: -12px;
}
.information.sect .content > .left .result .items .item {
    display: inline-block;
    vertical-align: top;
    width: 335px;
    font-size: 18px;
    margin-left: 30px;
    margin-top: 12px;
}
.information.sect .content > .left .result .items .item .text .desc {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
.information.sect .content > .right {
    float: right;
    width: 285px;
}
.information.sect .content > .right .filter .intro {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
}
.information.sect .content > .right .filter .fields {
    font-size: 0;
    margin-top: -20px;
}
.information.sect .content > .right .filter .fields .field {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 18px;
    margin-top: 20px;
}
.information.sect .content > .right .filter .fields .field .radio {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.information.sect .content > .right .filter .fields .field .radio input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.information.sect .content > .right .filter .fields .field .radio input[type="radio"] + label {
    cursor: pointer;
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: 700;
    padding-left: 35px;
}
.information.sect .content > .right .filter .fields .field .radio input[type="radio"] + label::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #0A0A0A;
}
.information.sect .content > .right .filter .fields .field .radio input[type="radio"] + label::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #0A0A0A;
    opacity: 0;
}
.information.sect .content > .right .filter .fields .field .radio input[type="radio"]:checked + label::after {
    opacity: 1;
}

.main.sect .content {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
}
.main.sect .content > .left,
.main.sect .content > .right {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
}
.main.sect .content > .left {
    width: 770px;
    margin-right: 30px;
}
.main.sect .content > .right {
    width: 370px;
}

.main.sect .header {
    display: table;
    width: 100%;
    padding: 5px 0;
}
.main.sect .header .logo {
    float: left;
    font-size: 0;
    margin-right: 20px;
}
.main.sect .header .logo > .icon,
.main.sect .header .logo > .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}
.main.sect .header .logo > .icon {
    margin-right: 30px;
}
.main.sect .header .logo > .text .desc {
    font-size: 14px;
    line-height: 1.5;
    color: #949596;
}
.main.sect .header .info {
    float: right;
    text-align: right;
}
.main.sect .header .email {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 2px;
}
.main.sect .header .phone,
.main.sect .header .phone i,
.main.sect .header .email i {
    display: none;
}
.main.sect .header .worktime {
    float: right;
    text-align: right;
    font-size: 14px;
    line-height: 1.5;
}

.main.sect .main {
    padding: 90px 135px 90px 35px;
}
.main.sect .main .intro {
    margin-bottom: 30px;
    color: #383838;
}
.main.sect .main .intro .caption {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
}
.main.sect .main .intro .desc {
    font-size: 18px;
    margin-top: 20px;
}
.main.sect .main .items.disabled {
    display: none;
}
.main.sect .main .info {
    margin-top: 20px;
}
.main.sect .main .info .text .desc {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #6E6E6E;
}

.main.sect .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    width: 770px;
    font-size: 0;
    padding: 15px 0 15px 35px
}
.main.sect .footer .copyright {
    float: left;
    font-size: 14px;
    color: #8C8C8C;
    margin-right: 20px;
    margin-top: 8px;
}
.main.sect .footer .copyright a {
    color: #CE2031;
}
.main.sect .footer .social {
    float: right;
}
.main.sect .footer .social .items {
    font-size: 0;
    margin-left: -15px;
}
.main.sect .footer .social .items .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1;
    color: #ACADAE;
    margin-left: 15px;
}
.main.sect .footer .social .items .item:hover {
   color: #CE2031;
}

.main.sect .calc {
    min-height: 100%;
    text-align: center;
    color: #fff;
    background-color: #414141;
    padding: 15px 50px 50px;
}
.main.sect .calc > .top {
    margin-bottom: 90px;
}
.main.sect .calc > .top .phone {
    font-size: 20px;
    font-weight: 700;
}
.main.sect .calc > .top .callback {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 700;
    color: #CE2031;
    border-bottom: 1px dashed;
    margin-top: 10px;
}
.main.sect .calc > .top .callback:hover {
    color: #fff;
    border-bottom-color: #fff;
}
.main.sect .calc > .bottom .intro {
    margin-bottom: 30px;
}
.main.sect .calc > .bottom .intro .caption {
    font-size: 30px;
    font-weight: 800;
}
.main.sect .calc > .bottom .intro .desc {
    font-size: 20px;
    line-height: 1.5;
    margin-top: 10px;
}
.main.sect .calc > .bottom .form .field.disabled {
    display: none!important;
}
.main.sect .calc > .bottom .form .fields {
    font-size: 0;
    margin-top: -30px;
}
.main.sect .calc > .bottom .form .fields .field {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 30px;
}
.main.sect .calc > .bottom .form .fields .field input[type="text"] {
    vertical-align: middle;
    max-width: 110px;
}
.main.sect .calc > .bottom .form .fields .field .sign {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-left: 10px;
    margin-right: 10px;
}
.main.sect .calc > .bottom .form .fields .field .checkbox {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.main.sect .calc > .bottom .form .fields .field .checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.main.sect .calc > .bottom .form .fields .field .checkbox input[type="checkbox"] + label {
    cursor: pointer;
    position: relative;
    display: block;
    text-align: left;
    font-size: 17px;
    line-height: 1.5;
    padding-left: 35px;
}
.main.sect .calc > .bottom .form .fields .field .checkbox input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #0A0A0A;
}
.main.sect .calc > .bottom .form .fields .field .checkbox input[type="checkbox"] + label::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #0A0A0A;
    opacity: 0;
}
.main.sect .calc > .bottom .form .fields .field .checkbox input[type="checkbox"]:checked + label::after {
    opacity: 1;
}
.main.sect .calc > .bottom .form .result {
    font-size: 17px;
    line-height: 1.5;
}
.main.sect .calc > .bottom .form .result .alert {
    opacity: .4;
    margin-top: 10px;
}
.main.sect .calc > .bottom .note {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
}
.main.sect .calc > .bottom .more {
    position: absolute;
    bottom: 15px;
    right: 30px;
    color: #A3A3A3;
    font-size: 14px;
    margin-top: 20px;
    margin-left: auto;
}
.main.sect .calc > .bottom .more:hover {
    color: #fff;
}

.owl-carousel .owl-item img {
    display: inline;
    width: auto;
}

.mfp-container {
    padding-left: 0;
    padding-right: 0;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: .6;
}
.mfp-inline-holder .mfp-close {
    top: 10px!important;
    right: 10px;
    font-family: serif;
    font-size: 44px;
    color: #CE2031;
    opacity: 1;
}

.popup.sect {
    position: relative;
    width: 100%;
    max-width: 500px;
    text-align: center;
    color: #fff;
    background-color: #3E3E3E;
    padding: 80px 60px;
    margin-left: auto;
    margin-right: auto;
}

.popup_callback.popup.sect .intro {
    margin-bottom: 30px;
}
.popup_callback.popup.sect {
    font-size: 18px;
    font-weight: 700;
}
.popup_callback.popup.sect form {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}
.popup_callback.popup.sect input[type="text"],
.popup_callback.popup.sect textarea,
.popup_callback.popup.sect select {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 30px;
}
.popup_callback.popup.sect .result {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 40px;
}
.popup_callback.popup.sect .result.disabled {
    display: none;
}
.popup_callback.popup.sect .result .alert {
    opacity: .4;
    margin-top: 10px;
}

.popup_complete.popup.sect .intro {
    margin-bottom: 0;
}