body { background: #fff; font-size: 16px; font-family: UTM-NeoSans-Intel, sans-serif; overflow-x: hidden; margin: 0; padding: 0; }
/*Banner*/
/*.bg-slide-banner { height: 720px !important; background-position: left center; }*/
.content-banner { margin-left: 0; }
ul.sf-menu > li.item--menu > a { text-transform: capitalize; }
ul.sf-menu li.item--menu { margin-right: 20px; }
.content-banner h2 { font-size: 50px; line-height: 60px; }
.content-banner { text-align: left; }
/*
    .btn__banner {
        border: navajowhite;
        background-color: #C49852;
        border-radius: 10px;
    }
    .btn__banner a {
        padding: 7px 19px;
        font-size: 15px;
        padding-bottom: 9px;
    }*/
.pagination-slider-banner { bottom: 14%; right: 17%; transform: translateX(0); left: auto; }
.circle-pagination span { background: #fff; margin: 0 8px; opacity: 1; width: 6px; outline: none; height: 6px; position: relative; }
    /*.pagination-slider-banner.circle-pagination span:before {
        left: -6.1px;
        top: -6.1px;
    }*/
    .circle-pagination span:before { content: ''; position: absolute; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 50%; transition: all .5s; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); }
    .circle-pagination span.swiper-pagination-bullet:hover:before { transform: translate(-50%,-50%) scale(1); }
.pagination-slider-banner span.swiper-pagination-bullet-active:before { transform: translate(-50%,-50%) scale(1); }

.wp-footer { padding: 40px 0; padding-bottom: 35px; background-color: #115C37; }
.title-ct-footer { margin-bottom: 10px; color: #fff; }
.item-contact-footer { margin-bottom: 0; color: #fff; }
.item-map .ct-contact:hover { color: #FFFFFF; }
.copy-right-vns p { font-size: 15px; color: #fff; }
.item-contact-footer.item-map { margin-bottom: 10px; }
.list-tab-products { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 25px; height: 43px; }
.item-tab-menu { color: #004B2B; font-size: 17px; line-height: 22px; transition: all .3s; margin-right: 35px; margin-bottom: 10px; }
    .item-tab-menu:last-child { margin-right: 0; }
    .item-tab-menu.active { font-size: 25px; line-height: 33px; font-family: fml-bold; }
.item-map .ct-contact:hover { color: #fff; }
.item-tab-menu:hover { color: #C49852; }
.item-tab-menu:focus { color: #004B2B; }
.products-item:before { display: none; }
.item-contact-footer .ct-contact:hover { color: #c39751; }

@media (min-width: 1200px) and (max-width: 1599px) {
    /*.content-banner { padding-top: 320px; max-width: 500px; }*/
    .bg-slide-banner { height: 660px !important; }
    .pagination-slider-banner { bottom: 6%; right: auto; transform: translateX(-50%); left: 50%; }
    .content-banner h2 { font-size: 38px; line-height: 47px; }
}

@media (min-width: 992px) and (max-width: 1199px) {


    /*.content-banner { padding-top: 320px; max-width: 560px; }*/
    .bg-slide-banner { height: 680px !important; }
    .pagination-slider-banner { bottom: 6%; right: auto; transform: translateX(-50%); left: 50%; }
    .content-banner h2 { font-size: 42px; line-height: 53px; }
    section.products { padding-top: 40px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*.content-banner { padding-top: 200px; max-width: 560px; }*/
    .bg-slide-banner { height: 520px !important; }
    .pagination-slider-banner { bottom: 6%; right: auto; transform: translateX(-50%); left: 50%; }
    .content-banner h2 { font-size: 40px; line-height: 49px; }
    section.products { padding-top: 40px; }
}

@media (min-width: 576px) and (max-width: 767px) {

    /*.content-banner { padding-top: 180px; max-width: 450px; }*/
    .bg-slide-banner { height: 500px !important; }
    .pagination-slider-banner { bottom: 6%; right: auto; transform: translateX(-50%); left: 50%; }
    .content-banner h2 { font-size: 30px; line-height: 40px; }
    section.products { padding-top: 40px; }
}

@media (max-width:575px) {
    .list-tab-products { height: 65px; }

    .bg-slide-banner { height: 300px !important; }
    .pagination-slider-banner { bottom: 6%; right: auto; transform: translateX(-50%); left: 50%; }
    .content-banner h2 { font-size: 22px; line-height: 28px; }
    section.products { padding-top: 30px; }
    .btn__banner a { padding: 6px 16px; padding-bottom: 8px; }
}
/*Tab*/
.products-item-img { height: 245px; }
.main-slide-products { max-width: 100%; }
    .main-slide-products .products-title a { font-size: 17px; text-align: left; color: #004B2B; padding: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 22px; }
.products-item { border-radius: 10px; padding: 0; margin-bottom: 20px; }
.btn-products-item { display: flex; padding: 15px; }
.products-title { flex: 1; margin-right: 10px; }
.icon-right-item { width: 25px; height: 25px; line-height: 19px; border-radius: 50%; background: #c59953; text-align: center; cursor: pointer; transition: all .3s; }
    .icon-right-item .icon { display: inline-block; width: 14px; }
        .icon-right-item .icon svg path { fill: #fff; transform: all .3s; }
    .icon-right-item:hover { background: #105b37; }
.products-item:hover .icon-right-item { background: #105b37; }
.pagination-slider-products.circle-pagination span { background: #231f20; margin: 0 8px; }
    .pagination-slider-products.circle-pagination span:before { border-color: #000000; }
.pagination-slider-products .swiper-pagination-bullet-active:before { transform: scale(1) translate(-50%,-50%); }
.pagination-slider-products { left: 50%; transform: translateX(-50%); }
.products-item:hover .products-title a { color: #c59953; }

@media (min-width: 768px) and (max-width: 991px) {
    .item-tab-menu { margin-right: 25px; }
        .item-tab-menu.active { font-size: 23px; line-height: 31px; }
    .main-slide-products .products-title a { font-size: 16px; }
}

@media (min-width: 576px) and (max-width: 767px) {
    .item-tab-menu { margin-right: 25px; }
        .item-tab-menu.active { font-size: 21px; line-height: 29px; }
    .main-slide-products .products-title a { font-size: 16px; }
    .products-item-img { height: 165px; }
}

@media (min-width: 575px) {
    .pagination-slider-products { display: block; }
}

@media (max-width: 575px) {
    .products-item-img { height: 180px; }
    .container-products .swiper-slide { padding: 10px; }
    .main-slide-products .products-item { box-shadow: 0 0px 10px rgba(0,0,0,.2); }
    .main-slide-products .products-title a { font-size: 16px; }
    .pagination-slider-products { bottom: -16px; }
}
/*Section IMG*/
.bg-cloud { opacity: .5; background-size: cover; background-repeat: repeat-x; animation: cloud-translate 15s linear infinite; background-image: url(../img-fix/cloud-overlay.png); height: 470px; width: 100%; }
.bg-cloud-bottom { opacity: .5; background-size: cover; background-repeat: repeat-x; animation: cloud-translate-bt 15s linear infinite; background-image: url(../img-fix/cloud-overlay.png); height: 470px; width: 100%; transform: scaleY(-1); bottom: -453px; position: relative; }

@keyframes cloud-translate-bt {
    0% { background-position: 0 top; }
    0% { background-position: 1000px 0; }
}

@keyframes cloud-translate {
    0% { background-position: 0 top; }
    0% { background-position: -1000px 0; }
}

.image-full-main-page { width: 100%; height: 1200px; background-image: url(../img-fix/img-factory-HSC.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; }
.title-home-page { color: #015C37; font-size: 29px; line-height: 35px; font-family: fml-bold; }
.main-item-message-ceo { }
.item-message-ceo .title { margin-bottom: 20px; }
.block-content-message-ceo { position: relative; }
.pagination-slider-message-ceo.circle-pagination span { background: #231f20; }
    .pagination-slider-message-ceo.circle-pagination span.swiper-pagination-bullet-active:before { border-color: #000; transform: translate(-50%,-50%) scale(1); }
.txt-content-message { font-size: 20px; line-height: 26px; margin-bottom: 20px; }
.user-name-message .name { font-size: 17px; font-family: fml-bold; color: #231F20; margin-bottom: 0; }
.user-name-message .job { font-size: 16px; color: #231F20; margin-bottom: 0; }
.pagination-slider-message-ceo { position: absolute; bottom: 5px; right: 0; z-index: 6; }
.message-ceo { padding: 30px 0; padding-bottom: 50px; }
.item-message-ceo { display: flex; align-items: center; }
.main-item-message-ceo { flex: 1; }
.img-ceo { width: 500px; margin-right: 80px; }
.item-message-ceo .title { margin-bottom: 20px; color: #015C37; line-height: 35px; font-family: fml-bold; font-size: 27px; }
.main-item-message-ceo .title-home-page { margin-bottom: 20px; }

@media (min-width: 1400px) {
    .message-ceo .container { max-width: 1100px; }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .image-full-main-page { height: 825px; }
    .img-ceo { width: 415px; margin-right: 80px; }
    .message-ceo .container { max-width: 960px; }
    .bg-cloud-bottom { bottom: -134px; }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .bg-cloud-bottom { bottom: -220px; }
    .image-full-main-page { height: 720px; }
    .img-ceo { width: 375px; margin-right: 70px; }
    .bg-cloud { height: 265px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bg-cloud-bottom { bottom: -120px; }
    .image-full-main-page { height: 600px; }
    .img-ceo { width: 270px; margin-right: 60px; }
    .txt-content-message { font-size: 16px; line-height: 23px; }
    .title-home-page { font-size: 24px; line-height: 29px; }
    .user-name-message .job { font-size: 15px; }
    .pagination-slider-message-ceo { bottom: -60px; left: 50%; right: auto; transform: translateX(-50%); }
    .message-ceo { padding-bottom: 95px; }
    .bg-cloud { height: 265px; }
}

@media (min-width:576px) and (max-width: 767px) {
    .bg-cloud-bottom { bottom: -40px; }

    .image-full-main-page { height: 500px; }
    .img-ceo { width: 240px; margin: 0 auto; margin-bottom: 30px; }
    .txt-content-message { font-size: 16px; line-height: 23px; margin-bottom: 15px; }
    .main-item-message-ceo .title-home-page { margin-bottom: 13px; }
    .title-home-page { font-size: 24px; line-height: 29px; }
    .user-name-message .job { font-size: 15px; }
    .item-message-ceo { flex-direction: column; }
    .bg-cloud { height: 265px; }
}

@media (max-width: 575px) {
    .bg-cloud-bottom { bottom: 22px; }

    .bg-cloud { height: 140px; }
    .image-full-main-page { height: 238px; }
    .img-ceo { width: 200px; margin: 0 auto; margin-bottom: 30px; }
    .txt-content-message { font-size: 16px; line-height: 23px; margin-bottom: 15px; }
    .main-item-message-ceo .title-home-page { margin-bottom: 10px; }
    .title-home-page { font-size: 22px; line-height: 29px; }
    .user-name-message .job { font-size: 15px; }
    .item-message-ceo { flex-direction: column; }
    .bg-cloud { animation: cloud-translate 25s linear infinite; }
    .pagination-slider-message-ceo { bottom: -45px; right: auto; left: 50%; transform: translateX(-50%); }
    .message-ceo { padding-bottom: 80px; }
}

/*Section new*/
.main-slide-new-home { position: relative; margin-bottom: 70px; }
.pagination-slider-new-home.circle-pagination span { background: #231f20; }
.pagination-slider-new-home .swiper-pagination-bullet-active:before { border-color: #000; transform: translate(-50%,-50%) scale(1); }
.main-slide-new-home .title-home-page { text-align: center; margin-bottom: 20px; }
.pagination-slider-new-home { left: 50%; transform: translateX(-50%); }
.item-new-home .title a { font-size: 18px; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #231F20; padding: 0; font-family: fml-bold; transition: all .3s; display: inline-block; }
.item-new-home { position: relative; border-radius: 5px; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .2); padding: 25px; margin-bottom: 0; overflow: hidden; transition: all .3s; cursor: pointer; height: 100%; }
    .item-new-home .title { padding-right: 35px; margin-bottom: 15px; }
    .item-new-home .icon-right-item { position: absolute; top: 35px; right: 25px; }
    .item-new-home .title a:hover { color: #005b36; }
.content-item-new p { font-size: 16px; line-height: 22px; margin-bottom: 0; color: #231F20; transition: all .3s; }
.bg-item-new:hover { background: transparent; }
.bg-item-new .img-item-new { width: 100%; background-repeat: no-repeat; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; display: block; transition: all 0.5s; transform: scale(1); }
.bg-item-new { padding: 0 !important; background: transparent; }
    .bg-item-new .img-item-new:hover { transform: scale(1.2); }
.item-new-home:hover .title a { color: #fff; }
.item-new-home:hover { background: #75A541; }
    .item-new-home:hover .icon svg path { fill: #75A541; }
    .item-new-home:hover .icon-right-item { background: #fff; }
    .item-new-home:hover .content-item-new p { color: #fff; }
.item-col-8 { padding-left: 55%; background: transparent; }
    .item-col-8:hover .icon-right-item { background: #c59953; }
    .item-col-8:hover { background: transparent; }
        .item-col-8:hover .content-item-new p { color: #231F20; }
        .item-col-8:hover .icon svg path { fill: #fff; }
        .item-col-8:hover .title a { color: #231F20; }
.bg-item-col-8 { height: 100%; width: 100%; position: absolute; left: 0; background-size: cover; background-position: center; z-index: -1; top: 0; transform: scale(1); overflow: hidden; transition: all .5s; }
.item-col-8:hover .bg-item-col-8 { transform: scale(1.2); }
.img-item-new img { object-fit: cover; width: 100%; height: 100%; }

@media (min-width: 1200px) and (max-width: 1399px) {
    .item-new-home .icon-right-item { top: 25px; }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .main-slide-new-home .title-home-page { margin-bottom: 20px; }
    .item-new-home { padding: 20px; }
    .item-col-8 { padding-left: 50%; }
    .item-new-home .icon-right-item { top: 20px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .item-col-8 { padding: 20px; }
    .item-new-home { padding: 20px; }
        .item-new-home .icon-right-item { top: 24px; }
}

@media (min-width: 576px) and (max-width: 767px) {
    .main-slide-new-home { margin-bottom: 30px; }
    .item-col-8 { padding: 20px; }
    .item-new-home { padding: 20px; }
    .main-slide-new-home .title-home-page { text-align: center; margin-bottom: 11px; }

    .item-new-home .icon-right-item { top: 30px; }

    .bg-item-new .img-item-new { position: relative; height: 190px; }

    .img-item-new img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
}

@media (max-width: 575px) {
    .item-col-8 { padding: 20px; }
    .item-new-home { padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, .2); height: auto; }

    .bg-item-new .img-item-new { position: relative; height: 190px; }

    .img-item-new img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
    .main-slide-new-home .title-home-page { text-align: center; margin-bottom: 11px; }
    .item-new-home .icon-right-item { top: 21px; }
    .item-new-home .title a { font-size: 17px; }
    .content-item-new p { font-size: 15px; }
    .item-new-home .title { margin-bottom: 10px; }
}
/*Map*/
.list-map-dl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 97, 97, 1); width: 6px; border-radius: 50px; width: 100%; }

.list-map-dl .mCSB_scrollTools .mCSB_dragger { height: 50px !important; opacity: 0; z-index: 6; width: 30px; left: -7px; }

.icon-scroll-dl { pointer-events: none; }

.icon-scroll-dl { position: absolute; width: 30px; right: -7px; z-index: 5; top: 0px; cursor: pointer; border-radius: 50%; box-shadow: 0 0 20px rgba(0, 0, 0, .3); }
/*.logo-footer a { max-width: 180px; }*/
.wp-custom-scroll-dl { height: 400px; display: block; width: 400px; left: 81px; top: 80px; position: absolute; }

    .wp-custom-scroll-dl .wp-big-ct-map-dl { position: relative; width: 100%; height: 100%; }

.bg-white-dl { position: absolute; width: 400px; height: 480px; box-shadow: 0 0 20px rgba(0, 0, 0, .1); background: #fff; border-radius: 10px; top: -37px; left: -43px; }

.list-map-dl { height: 100%; width: 100%; }

.bg-white-dl .ct-bg { position: relative; width: 100%; height: 100%; overflow: hidden; }

    .bg-white-dl .ct-bg .texture-bg { content: ''; position: absolute; bottom: 0; right: 0; background-image: url(../img-fix/bg-map.png); width: 100%; height: 220px; background-size: contain; background-repeat: no-repeat; background-position: right; }

.wp-item-map-dl { width: 89%; }


.name-cty { color: #231F20; font-family: fml-bold; transition: all .3s; font-size: 17px; margin-bottom: 5px; }
.map { position: relative; }
/*.item-map-dl .item-contact-footer .text-title { color: #231F20; font-family: UTM-NeoSans-Intel; font-size: 16px; }*/
/*.item-map-dl .item-contact-footer .ct-contact { color: #231F20; font-size: 16px; }*/
.item-map-dl { margin-bottom: 12px; border-bottom: 1px solid #BCBEC0; padding-bottom: 15px; }
    .item-map-dl:last-child { margin-bottom: 0; border: none; padding-bottom: 0; }
.name-cty:hover { color: #005b36; }
.item-map-dl .item-contact-footer { margin-bottom: 10px; }
.list-map-dl .mCSB_scrollTools .mCSB_draggerRail { background: white; width: 3px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.13); }
.list-map-dl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: transparent; width: 6px; border-radius: 50px; }
.list-map-dl .mCSB_scrollTools .mCSB_inside > .mCSB_container { margin-right: 20px; }

@media (min-width: 1200px) and (max-width: 1399px) {
    .wp-custom-scroll-dl { height: 360px; width: 350px; left: 75px; }
    .wp-item-map-dl { width: 86%; }

    .bg-white-dl { width: 345px; height: 434px; top: -34px; left: -38px; }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .logo-footer a { max-width: 150px; }
    .wp-custom-scroll-dl { height: 360px; width: 325px; left: 30px; }
    .wp-item-map-dl { width: 95%; }

    .bg-white-dl { width: 334px; height: 430px; top: -31px; left: -33px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo-footer a { max-width: 150px; }
    .wp-custom-scroll-dl { height: 310px; width: 266px; left: 0; }

    .wp-item-map-dl { width: 95%; }

    .bg-white-dl { width: 269px; height: 359px; top: -25px; left: -27px; }
}

@media (min-width:576px) and (max-width: 767px) {
    .logo-footer a { max-width: 150px; }
    .list-map-dl .mCSB_inside > .mCSB_container { margin-right: 18px; }
    .list-map-dl:before { height: 140px; }
    .map { padding-top: 180px; }
        .map .txt-info-item { font-size: 15px; }
    .name-cty { font-size: 16px; }

    .wp-custom-scroll-dl { height: 290px; width: 100%; left: 0; top: -230px; padding-right: 0; }

        .wp-custom-scroll-dl .wp-big-ct-map-dl { width: 94%; margin: auto; }


    .list-map-dl .mCSB_scrollTools .mCSB_draggerRail { background: #d4d4d4; box-shadow: none; }

    .map { padding-top: 300px; }


    .bg-white-dl { width: 114%; top: -33px; left: -7%; height: 360px; }

    .wp-item-map-dl { width: 90%; }
    .icon-scroll-dl { box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
}

@media (max-width: 575px) {
    .icon-scroll-dl { box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
    .item-tab-menu.active { font-size: 23px; line-height: 30px; }
    .logo-footer a { max-width: 130px; }
    .list-map-dl:before { display: none; }

    .wp-custom-scroll-dl { height: 290px; width: 100%; left: 0; top: -230px; padding-right: 0; }

        .wp-custom-scroll-dl .wp-big-ct-map-dl { width: 76%; margin: auto; max-width: 400px; }

    .bg-white-dl { width: 114%; top: -33px; left: -7%; height: 360px; }

    .wp-item-map-dl { width: 100%; }

    .list-map-dl .mCSB_inside > .mCSB_container { margin-right: 20px; }
    .map { padding-top: 255px; }
        .map .txt-info-item { font-size: 15px; }
    .name-cty { font-size: 16px; }

    .list-map-dl .mCSB_scrollTools .mCSB_draggerRail { background: #d4d4d4; box-shadow: none; }
}


/*Backtop-top*/
.back-top-page { width: 200px; height: 100px; text-align: center; line-height: 33px; position: fixed; bottom: 69px; right: 20px; z-index: 9; }
.support-online { width: 100px; height: 124px; border-radius: 10px; text-align: center; padding: 10px; padding-top: 7px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; position: relative; border-bottom-right-radius: 0; }
.txt-support-online { color: #fff; font-size: 18px; line-height: 24px; margin-bottom: 10px; }
.list-circle { display: flex; justify-content: center; }
    .list-circle span { display: block; width: 18px; height: 6px; background: #fff; margin-right: 3px; border-radius: 50%; }
        .list-circle span:last-child { margin-right: 0; }
.support-online:before { content: ''; position: absolute; top: 17px; left: 0; width: 100%; height: 100%; background: url(../img-fix/bg_backtop.png); background-size: cover; background-position: center; z-index: -1; }
.back-top { position: absolute; width: 60px; height: 60px; line-height: 88px; cursor: pointer; top: 38px; right: 38px; }
.back-icon { display: inline-block; width: 21px; transform: rotate(-90deg); }
.back-top:before { content: ''; position: absolute; top: 17px; left: 0; width: 100%; height: 72px; background: url(../img-fix/bg_backtop-small.png); background-size: cover; background-position: left; z-index: -1; }
.back-icon svg path { fill: #fff; }

@media (min-width: 1200px) and (max-width: 1399px) {
    .back-top-page { width: 170px; }
    .back-top { right: 6px; }
}

@media (min-width: 576px) and (max-width: 991px) {

    .txt-support-online { font-size: 16px; line-height: 21px; }
    .list-circle span { width: 10px; height: 5px; margin-right: 4px; }
    .support-online { padding: 5px 6px; width: 75px; height: 100px; }
        .support-online:before { top: 15px; }
    .back-icon { width: 18px; }
    .back-top { width: 42px; height: 42px; line-height: 79px; top: 38px; right: 38px; }
        .back-top:before { height: 57px; top: 17px; }
    .back-top-page { width: 159px; right: 0; }
}

@media (min-width: 576px) and (max-width: 767px) {
    .wp-footer { padding: 32px 0; padding-bottom: 20px; }
    .back-top-page { width: 140px; bottom: 45px; }
    .back-top { right: 18px; }
}

@media (max-width: 575px) {
    .txt-support-online { font-size: 14px; line-height: 19px; margin-bottom: 0; }
    .list-circle span { width: 9px; height: 4px; margin-right: 4px; }
    .support-online { background: #3d6b37; padding: 5px 6px; width: 60px; height: 70px; position: absolute; top: -25px; right: -8px; border-radius: 0; }
        .support-online:before { top: 14px; display: none; }
    .back-icon { width: 18px; }
    .back-top { width: 42px; height: 42px; line-height: 42px; top: 54px; right: -8px; border-radius: 0; background: #3d6b37; padding-right: 4px; }
    .list-circle { display: none; }
    .back-top:before { height: 57px; top: 17px; display: none; }
    .wp-footer { padding: 32px 0; padding-bottom: 20px; }
    .back-top-page { width: 100px; bottom: 45px; }
    .back-top { }
}


.map .block-map { height: 600px; }

@media(max-width:575px) {
    .map .block-map { height: 350px; }
}

@media(min-width:576px) and (max-width:767px) {
    .map .block-map { height: 400px; }
}

@media(min-width:768px) and (max-width:991px) {
    .map .block-map { height: 500px; }
}

@media(min-width:992px) and (max-width:1199px) {
    .map .block-map { height: 540px; }
}
