/* CSS Stylesheet */
.b1 {width:100%;position:relative;}
.b1 > div {display: flex;flex-wrap: nowrap;height:468px;}
.b1 h1 {font-size:24px; font-weight:400;margin-bottom: 3rem;}
.b1 .main__slider {margin: 0 auto 26px; max-width: 640px;position:relative;}
.b1 .main__slider img {border-radius: 10px;width:100%;height: 328px;}
.b1 .thumbs__slide.width_slide {width: 92%;margin-left: 24px;margin-top: 16px}
.b1 .thumbs__slide img {cursor:pointer;}
.b1 .thumbs__slide img {border-radius: 6px; border:2px solid transparent; opacity:0.5;width: 96%;height: 64px;}
.b1 .thumbs__slide .slick-current img {border:2px solid #00A8E8; opacity:1;}
.b1 .main__slider {}

.b1 .forms {display:flex; flex-wrap: wrap;align-content: flex-start;align-items: center;}
.b1 .forms div.item-1, .b1 .forms div.item-2 {width:100% /* 636px */;height:196px;position:relative;margin-left:8px;padding:10px 17px;border:1px solid #CCC;border-radius:10px;}
.b1 .forms div.item-2 {margin-top: 23px;}
.b1 .forms div.item-1 .bg1 {z-index:1;display: block;width: 100%;}
.b1 .forms div.item-1 .bg1 img {position: absolute;right: 0;bottom: 0;width: 50%;}
.b1 .forms div.item-2 .bg2 {z-index:1;display: block;width: 100%;}
.b1 .forms div.item-2 .bg2 img {position: absolute;right: 0;bottom: 0;width: 50%;}
.b1 .forms .title {width:53%;font-size:14px; font-weight:400;}
.b1 .forms .title .h2 {text-transform: none;font-size:18px;font-weight:400;}
.b1 .forms {width:100%;height: 418px;}
.b1 .forms .form_button {display:block;text-align:center;padding:10px;position: absolute;bottom: 25px;left: 12px;width: 242px;border:1px solid #00A8E8;background: #00A8E8;color:#FFF;z-index:99;border-radius:8px;}

.parent__b2 {position: relative;}
.parent__b2 .parent__bg {width: 200%;height: 300px;position: absolute;left: -50%;background: #f8f9fa;}
body {width:100%;overflow:hidden;overflow-y: visible;}
.b2 {position:relative;width:100%;height:278px;margin-bottom:6rem;overflow: hidden;}
.b2 h2 {margin-bottom:3rem;font-size:24px;font-weight:400;color:#000;}
.b2 .b2_wrapper {display: flex;flex-wrap: wrap;align-content: center; height:90%;/* background: #F8F9FA;*/padding: 0 1em;justify-content: flex-start;}
.b2 .box2 {display: flex;flex-wrap: nowrap;justify-content: flex-start;}
.b2 .box2__item {width: 100%;}
.b2 .box2 .wrap {width: 3em;}
.b2 .box2__item img {width: 60px;height: 60px;}
.b2 .box2__item p {font-size:16px; font-weight:400;}

.b3 {position:relative;width:100%;margin:3rem auto;}
.b3 .b3_wrapper {display: flex;flex-wrap: nowrap;}
.b3 .wrap {width: 3em;}
.b3 .item {position:relative;overflow: hidden;}
.b3 .item:before {content: '';width: 100%;height: 50%;opacity: 0;position: absolute;top: 100%;left: 0;z-index: 2;-webkit-transition-property: top, opacity;transition-property: top, opacity;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.b3 .item .title {border-radius:0 0 5px 5px;position:absolute;background: rgba(0,168,232,0.5);z-index: 1;bottom: 0;width: 100%;max-height:94px;padding: 16px 29px;transition: all 0.2s;font-size:18px;line-height:23px;font-weight: 700;color:#FFF;}
.b3 .item .image {border-radius:5px;width: 100%;z-index: 1;position:relative;margin: auto;text-align: center;height:305px;}
.b3 .item .description {color:#FFF;transform: translateY(100%);-webkit-transform: translateY(100%);position: absolute;bottom: 0;z-index: 2;background: rgba(0,168,232,0.8);left: 0;padding:7px;transition: all 0.2s;}
.b3 .item .description p {font-size:16px;font-weight:400;line-height:25px;}
.b3 .item:hover .description {height:100%;background: rgba(0,168,232,0.9);transform: translateY(0);-webkit-transform: translateY(0);transition: all 0.2s;border-radius:5px;}
.b3 .item:hover .title {opacity: 0;transition: all 0.5s;}


.b4 {position:relative;width:100%;margin: 6rem auto;font-weight:400;}
.b4 h2 {font-size:24px;font-weight:400;margin-bottom: 3rem}
.b4 .box3 {display:flex;flex-wrap: nowrap;}
.b4 .box3 .wrap {width: 3em;}
.b4 .box3:nth-child(3) {margin-top:2em;}
.b4 .box3 .box__item3 {display:flex;align-items:center;width:100%;border:1px solid #E9E9E9;border-radius:15px;height:164px;}
.b4 .box3 .box__item3.time {border:1px solid #E9E9E9;background:#00A8E8;color:#FFF;font-size: 2rem;}
.b4 .box3 .box__item3 .image {margin: 0;}
.b4 .box3 .box__item3 .image img {margin: 10px 29px;}
.b4 .box3 .box__item3 .description {}
.b4 .box3 .box__item3 .description h3 {font-size:18px;}
.b4 .box3 .box__item3 .description p {font-size:14px;line-height: 19px;}
.b4 .box3 .box__item3 .description.time p {font-size:24px;line-height: 33px;}

.b5 {position:relative;font-size:14px; font-weight:400;margin:6rem auto;color:#444444;}
.b5 h3 {font-size:18px;line-height:18px;margin-bottom: 23px;}
.b5 p {font-size:14px;line-height:25px;width:96%;}
.b5 .box6 {display:flex; flex-wrap: nowrap;width:100%;max-height:327px;border:1px solid #E9E9E9;padding: 20px 2rem;border-radius:10px;}
.b5 .box6 div {width:100%;}
.b5 .box6 img {width:100%;vertical-align: baseline;border-radius:10px;}

.b5 .box7 {margin-top:6rem;margin-bottom:3rem;}
.b5 .box7 h3 {color:#000;font-size:18px;font-weight:400;}
.b5 .box7 p {color:#444;font-size:14px; font-weight:400;}

.b5 .box8 {display: flex; flex-wrap: nowrap;justify-content: center;align-items: flex-start;}
.b5 .box8 .wrap {width:3em;}
.b5 .box8 .box__item8 {display: flex;flex-wrap: wrap;width: 100%;}
.b5 .box8 .box__item8 div {}
.b5 .box8 .box__item8 img {width:100%;vertical-align: baseline;border-radius:10px;}
.b5 .box8 .box__item8 p {color:#444;font-size:14px;font-weight:400;line-height: 25px;}
.b5 .box8 .box__item8 p span {color:#000;font-weight:700;}

/* form */
.b_form {}
.b_form .box5 {border:1px solid #00A8E8;padding:20px;display:flex;flex-wrap: nowrap;border-radius:10px;justify-content: space-between;align-items: center;}
.b_form .box5 h3 {color:#00A8E8;font-size:24px;font-weight:400;margin:0;}
.b_form .box5 .form_button {display:block;text-align:center;padding:10px;position: relative;width: 242px;border:1px solid #00A8E8;background: #00A8E8;color:#FFF;border-radius:8px;text-transform: uppercase;font-size:14px;font-weight:600;}

/* modal forms */
.modal__forms {background: #222;max-width: 500px;padding: 32px 36px 40px;width: 50%;}
.modal__forms .form_button {display:block;text-align:center;padding:10px;position: relative;width: 242px;border:1px solid #00A8E8;background: #00A8E8;color:#FFF;border-radius:8px;text-transform: uppercase;font-size:14px;font-weight:600;margin-top: 20px;}
.modal__forms .title {text-align:center;color: #fff;font-size: 24px;font-weight: 400;margin-bottom: 30px;}
.modal__forms .subtitle {color: #fff;font-size: 14px;font-weight: 400;line-height: 22px;margin-bottom: 25px;padding: 0 20px;}
.modal__forms input[type='text'] {background: #fff;border: 1px solid #acab9e;border-radius: 24px;box-sizing: border-box;color: #000;font-size: 14px;height: 52px;line-height: 46px;padding: 0 24px;width: 100%;}
.modal__forms input::-webkit-input-placeholder {color: #CCC;}
.modal__forms .field__text {display: flex;justify-content: space-between;position: relative;width: 100%;margin: 15px auto;}
.modal__forms .field__text:nth-child(2) {margin-top:21px;}
.modal__forms .field__button {display: flex;justify-content: space-around;position: relative;width: 100%;margin-top: 3em;flex-direction: column;align-content: center;flex-wrap: wrap;align-items: center;}
.modal__forms .field__checkbox {color:#FFF;}
.modal__forms .field__checkbox a {color:#666;text-decoration: underline;}
.modal__forms .field__checkbox a:hover {text-decoration: none;}
.fancybox-button svg {color:#FFF;}

.slick-next:before {content: '';display: block;width: 13px;height: 23px;background: url('/image/catalog/page1/slider/navNext.png') no-repeat center;}
.slick-prev:before {content: '';  display: block;  width: 13px;  height: 23px;  background: url('/image/catalog/page1/slider/navPrev.png') no-repeat center;}

/* Media Screen 768px */
@media (max-width:768px) {
    .b1 .main__slider {margin-bottom: 3em;max-width: 100%;}
    .b1 .forms div.item-1 .bg1 img, .b1 .forms div.item-2 .bg2 img {width:auto;}

    .b1 .forms {width: 90%;}
    .b1 > div {justify-content: center;}
    .b1 > div {flex-wrap: wrap;height: auto;}
    .b1 .forms div.item-2 {margin-top: 2em;}
    .b2 {padding-bottom: 14px;padding-top: 14px;/*background:#F8F9FA;*/height: 360px;}
    .b2 .b2_wrapper {position: absolute;left: -7%;right: -7%;padding-left: 50px;/*background: #f8f9fa;*/padding-top: 20px;padding-bottom: 20px;}
    .b2 .box2 {flex-wrap: wrap;}
    .b2 .box2__item {width:44%;margin:0 14px;}
    .b2 .box2 .wrap {display:none;}
    .b2 .box2__item:nth-child(2) {margin-left:10px;}
    .parent__b2 .parent__bg {height: 100%;top: 23px;}

    .b3 {margin-top: 4em;}
    .b3 .wrap {height:3em;}
    .b3 .b3_wrapper {display: flex;flex-wrap: wrap;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
    .b4 .box3 {display: flex;flex-wrap: wrap;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
    .b4 .box3 .wrap {height:2em;}
    .b_form .box5 {padding: 38px 11px;display: flex;flex-wrap: wrap;border-radius: 10px;justify-content: center;align-items: center;flex-direction: column;align-content: center;}
    .b_form .box5 div:nth-child(1) {width: 80%;text-align: center;margin-bottom: 3em;}
    .b5 .box6 {max-height: none;flex-direction: column-reverse;}
    .b5 h3 {margin-top: 24px;}
    .b5 .box8 {flex-wrap: wrap;flex-direction: column;}
    .b5 .box8 .box__item8 img {margin-bottom: 10px;}
    .b5 .box8 .box__item8 {margin-bottom:20px;}
    .modal__forms {width: 75%;}
}

/* Media Screen 480px */
@media (max-width:480px) {
    .b1 {margin-bottom:3em;}
    .b1 .forms {width:100%;}
    .b1 .main__slider {width:100%;}
    .b1 .main__slider img {width: 100%;}
    .b1 .thumbs__slide.width_slide {width:86%;}
    .b2 {height:auto;/*background:#f8f9fa;*/}
    .b2 .b2_wrapper {position: relative;/*width:120%;*/background: none;left: 0;right: 0;padding-left: 0;}
    .b2 .box2 {justify-content: flex-start;flex-direction: column;}
    .b2 .box2 .wrap {display:block;height:2em;}
    .b2 .box2__item {width:100%;}
    .parent__b2 .parent__bg {display:none;top: 0;left: 0;position: relative;width: 100%;height: auto;background: none;}
    .b3 {margin-top: auto;}
    .b4 .box3 .box__item3 {height:auto;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 14px;}
    .b4 .box3 .box__item3.time {justify-content: center;align-items: center;text-align: center;}
    .b_form .box5 {padding: 28px 0px;}
    .b_form .box5 div:nth-child(1) {width:94%;}
    .b5 .box6 {padding:17px 1rem;}
    .b5 .box8 .box__item8 img, .b5 .box6 img, .b1 .main__slider img {height: 225px;}
    .b1 .thumbs__slide img {height:60px;}
    .modal__forms {width: 100%;}

}