/* Theme Name: DEV ZEKVN Theme URI: https://zek.vn/ Author: Zekvn Author URI: https://zek.vn/ Version: 1.0 Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng. */ body{overflow-x: hidden; font-family: "Montserrat", sans-serif;background: #fff;color: #414042;} *{margin:0;padding:0;line-height:1.5} a{text-decoration:none;color:#87ab69;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} .zek_layout2 a{color: #515e66;} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a:active,a:hover{color: #87ab69;} .zek_layout2 a:active,.zek_layout2 a:hover{color: #00a796;} ul{padding-left:0} img{max-width:100%;border:none;height:auto} h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0;margin-bottom: 1rem;} .table{max-width: 100%;table-layout: fixed;word-wrap: break-word;} .img img{width:100%;height:auto;object-fit:cover} .background{background-size:cover;background-repeat:no-repeat;background-position:center} .relative{position: relative;} .overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);} .linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} #header{padding: 17px 0} .capt a,.title a,.title span,.title a,.name a,.name span,.capt strong,.title strong,.name strong{line-height:normal} .zek_cta a{ position: relative; min-width: 150px; height: 45px;display: flex;justify-content: center;align-items: center; background: #87ab69; color: #fff;font-size: 15px; padding: 2px 30px 0; text-transform: uppercase; letter-spacing: 1px;transition: all .5s;} .zek_cta a:hover{transform: translateY(5px);background: #87ab69;} .zek_cta a:active{transform: translateY(5px);background: #87ab69;} .screen-reader-text{display:none} .head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff} @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } /* Image */ .img_hover{overflow:hidden;position:relative} .img_hover img{transition:all 1.5s} .img_hover:hover img{transform:scale(1.1)} .img_hover:before,.button_home:before{position:absolute;top:0;left:-100%;display:block;content:'';width:50%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);z-index:2} .img_hover:hover:before,.button_home:hover:before{-webkit-animation:shine 1.3s;animation:shine 1.3s} @-webkit-keyframes shine { 100%{left:125%} } @keyframes shine { 100%{left:125%} } /* Container (FAKE theo từng web) */ @media (min-width: 576px){ .container, .container-sm {max-width: 540px;} } @media (min-width: 768px){ .container, .container-md, .container-sm { max-width: 720px;} } @media (min-width: 992px){ .container, .container-lg, .container-md, .container-sm {max-width: 960px;} } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;} } @media (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1170px;} } .row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));} .row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)} .container-fluid,.container,.row{--bs-gutter-x: 30px;} .flex{display:flex;flex-wrap:wrap} .align-center{align-items:center} .align-end{align-items:flex-end;} .align-start{align-items:flex-start;} .justify-between{justify-content: space-between;} .justify-center{justify-content: center;} .justify-end{justify-content: flex-end;} .justify-start{justify-content: flex-start;} .row-reverse{flex-direction:row-reverse;} .column-reverse{flex-direction:column-reverse;} /* input-button */ .btn,input[type="submit"]{height: 45px;display: flex;align-items: center;justify-content: center;min-width: 160px;text-align: center;background: transparent; border: 1px solid #87ab69;color: #87ab69;transition: all .3s;padding: 0 30px;} .btn:hover,input[type="submit"]:hover{background: #87ab69;color: #fff;} .zek_layout2 .btn,.zek_layout2 input[type="submit"]{border-color: #00a796;color: #00a796;} .zek_layout2 .btn:hover,.zek_layout2 input[type="submit"]:hover{color: #fff;background: #00a796;} input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select{border:1px solid #c4c4c4;padding:10px;width:100%;max-width:100%;display:block;line-height:18px;outline:none} .wpcf7-spinner{position: absolute;} /* ninja-form */ .nf-form-title, .nf-after-field { display: none; } .nf-field-container { margin: 0 !important; } /* Content-post */ .wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;} #ftwp-container #ftwp-contents.ftwp-border-medium,#ftwp-container #ftwp-trigger.ftwp-border-medium{border-width:1px} .content-post{text-align: justify;} .content-post ul,.content-post ol{padding-left:20px;} .content-post li{position:relative;margin-bottom:10px} .content-post strong,.content-post b,.content-post i,.content-post a{line-height:normal} .content-post .gca-column+br{display:none} .content-post h1{font-size:28px;} .content-post h2{font-size:24px;} .content-post h3{font-size:20px;} .content-post h4{font-size:18px;} .content-post h5,.content-post h6{font-size:16px;} .content-post blockquote{padding:15px 15px 15px 25px;border-left:5px solid #000;background:#f6f6f6} .content-post .gallery{display:flex;flex-wrap:wrap;margin:-12px!important} .content-post .gallery br{display:none} .content-post .gallery .gallery-item{padding:12px} .content-post .gallery.gallery-columns-2 .gallery-item{width:50%!important} .content-post .gallery.gallery-columns-3 .gallery-item{width:calc(100% / 3)!important} .content-post .gallery.gallery-columns-4 .gallery-item{width:25%!important} .content-post .gallery.gallery-columns-5 .gallery-item{width:20%!important} .content-post .gallery.gallery-columns-6 .gallery-item{width:calc(100% / 6)!important} .content-post .gallery.gallery-columns-7 .gallery-item{width:calc(100% / 7)!important} .content-post .gallery.gallery-columns-8 .gallery-item{width:calc(100% / 8)!important} .content-post .gallery.gallery-columns-9 .gallery-item{width:calc(100% / 9)!important} .content-post .gallery .gallery-item .gallery-icon{width:100%;position:relative;overflow:hidden;padding-top:56.25%} .content-post .gallery .gallery-item .gallery-icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0!important} .content-post a{color: #87ab69;} .content-post a:hover{text-decoration:underline} .zek_layout2 .content-post a{color: #00a796;} .content-post .wp-caption.aligncenter{max-width:100%!important} img.aligncenter{display:block;margin:0 auto} .content-post .alignnone{margin:0 15px 15px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:15px auto} .content-post .alignright{float:right;margin:10px 0 15px 15px} .content-post .alignleft{float:left;margin:10px 15px 15px 0} a img.alignright{float:right;margin:10px 0 15px 15px} a img.alignnone{margin:10px 15px 15px 0} a img.alignleft{float:left;margin:10px 15px 15px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{border:none;max-width:100%;padding:0;} .wp-caption.alignnone{margin:10px 15px 15px 0} .wp-caption.alignleft{margin:10px 15px 15px 0} .wp-caption.alignright{margin:10px 0 15px 15px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .wp-caption p.wp-caption-text{margin:0;padding:10px 10px 0;text-align: center;} div.wpcf7 .ajax-loader{position:absolute} .widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word} .tabs-2 li{width:50%} .nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff} .nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} .widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px} .widget .gallery br{display:none} .widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none} .widget .gallery-item img{border:none!important} .columns-2{grid-template-columns:repeat(2,1fr);display:grid;grid-gap:30px} .columns-3{grid-template-columns:repeat(3,1fr);display:grid;grid-gap:30px} .columns-4{grid-template-columns:repeat(4,1fr);display:grid;grid-gap:30px} .columns-5{grid-template-columns:repeat(5,1fr);display:grid;grid-gap:30px} .columns-6{grid-template-columns:repeat(6,1fr);display:grid;grid-gap:30px} .sticky{position:-webkit-sticky;position:sticky;top:10px} .block_slider{margin:-15px} .item_slider{padding:15px} .zek_supports{position: fixed;right: 0;bottom: 0;z-index: 999;width: 170px;height: 170px;display:flex;align-items:center;justify-content:center} .zek_supports .toggle{position:relative;height:60px;width:60px;background:#fff;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;color:#333;font-size:36px;cursor:pointer;transition:1.25s;z-index:5} .zek_supports.active .toggle{transform:rotate(360deg);box-shadow:0 6px 8px rgba(0,0,0,0.15),0 0 0 2px #333,0 0 0 8px #fff} .zek_supports .item{position:absolute;left: -20px;list-style:none;transition:.5s;transform: rotate(calc(130deg/3 * var(--i)));transform-origin: 110px;scale:0;transition-delay:calc(0.05s * var(--i))} .zek_supports.active .item{scale:1;} .zek_supports .item a{position:relative;display:flex;transform:rotate(calc(360deg/-8 * var(--i)));width: 50px;height: 50px;background-color:#FFF;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);transition:.5s;background: #362097} .zek_supports .item svg{transition: .3s} .zek_supports .item:hover svg{transform: scale(1.1);} .zek_backtop{position: fixed;right: 20px;bottom: 80px;transition: .5s;z-index: 999;} .zek_supports.active .zek_backtop{opacity: 0;visibility: hidden;} .zek_backtop a{height:40px;width:40px;background:#fff;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;color:#333;font-size:24px} .zek_backtop img{object-fit: contain;max-height: 20px;} /* Header */ .zek_layout2 #header:after{background: #00a796;top: 100%;height: 6px;border-top: 2px solid #fff;} #zek_menu_mobile{display: none;} .zek_header_logo{ position: absolute; z-index: 99; top: 0; left: 50%; transform: translateX(-50%); padding: 10px 68px; width: 245px; display: flex; justify-content: center; align-items: flex-start; background: #fff;} .zek_header_logo img{object-fit: contain;max-height: 75%;} .zek_header_logo a{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;} .zek_layout2 .zek_header_logo{background-image: url(images/line_logo2.png);} .zek_header_top .header_flex{background: #fff;} .zek_header_top .hotline{width: calc(50% - 85px);} .zek_header_top .hotline a{font-size: 14px;font-weight: 500;color: #414042;} .zek_header_top .hotline a:hover{color: #87ab69;} .zek_layout2 .zek_header_top .hotline a img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .zek_layout2 .zek_header_top .hotline a{color: #fff;} .zek_header_top .hotline a img{margin-right: 5px;} .zek_header_top .navs{width: calc(50% - 85px);} .zek_header_top ul{list-style: none;margin-bottom: 0;} .zek_header_top .socials li:not(:last-child){margin-right: 15px;} .zek_header_top .socials li a{display: block;width: 24px;height: 24px;} .zek_header_top .socials li img{width: 100%;height: 100%;object-fit: contain;} .zek_header_top .socials li img.icon2{position: absolute;transition: all .5s; top: 0;left: 0;z-index: 2;opacity: 0;} .zek_layout2 .zek_header_top .socials li img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .zek_header_top .socials li:hover img.icon2{opacity: 1;} .zek_header_polylang{background: #fff;border-radius: 30px;} .zek_layout2 .zek_header_polylang{background: transparent;} .zek_header_polylang .main{width: 66px;height: 24px;border-radius: 30px;background: #e9e9e9;cursor: pointer;padding: 3px;font-size: 12px;text-transform: uppercase;color: #a7a7a7;} .zek_header_polylang .main img{object-fit: cover;width: 18px;height: 18px;margin-right: 8px;border-radius: 50%;} .zek_header_polylang .main svg{width: 9px;height: 9px;fill: #a7a7a7;margin-left: 8px;} .zek_layout2 .zek_header_polylang .main svg{fill: #fff;} .zek_layout2 .zek_header_polylang .main{background: transparent;color: #fff;} .zek_layout2 .zek_header_polylang .widget{border-radius: 8px;} .zek_header_polylang .widget ul{width: 100%;background: #fff;padding: 5px;} .zek_header_polylang .widget ul li:not(:last-child){margin-bottom: 5px;} #polylang-2{display: flex; align-items: center;} #polylang-2 ul li{display: inline-block; margin-bottom: 0;} #polylang-2 ul li a{color: #000} #polylang-2 .zek_sidebar_title{width: 200px} .zek_layout2 .zek_header_menu{background: #00a796;} .zek_touch_menu{display: none;} .zek_header_menu .zek_header_polylang{display: none;} .zek_header_menu .zek_header_polylang .capt{display: none;} .zek_header_menu ul{list-style: none;margin-bottom: 0;} .zek_header_menu .menu{width: calc(50% - 85px); border-top: 1px solid #515e66;} .zek_header_menu .menu>li{display: block;position: relative;} .zek_header_menu .menu_left>li:not(:last-child){margin-right: 35px;} .zek_header_menu .menu_right>li:not(:first-child){margin-left: 35px;} .zek_header_menu .menu>li>a{display: flex;text-transform: uppercase;color: #515e66;font-weight: bold; font-size: 15px;height: 50px;align-items: center;position: relative;z-index: 2;} .zek_header_menu .menu>li:not(:last-child)>a:after{background: #515e66; width: 1.2px; height: 23px; position: absolute; right: -20px; top: 12px; content: '';} .zek_header_menu .menu>li.menu-item-has-children>a{padding-right: 16px;} .zek_header_menu .menu>li>.icon{position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .zek_header_menu .menu>li>.icon svg{width: 12px;height: 12px;fill: #fff;position: relative;top: -1px;transition: all .3s;} .zek_header_menu .menu>li:hover>a,.zek_header_menu .menu>li.current-menu-item>a,.zek_header_menu .menu>li.current-menu-parent>a{color: #87ab69;} .zek_header_menu .menu>li:hover>.icon svg,.zek_header_menu .menu>li.current-menu-item>.icon svg,.zek_header_menu .menu>li.current-menu-parent>.icon svg{fill: #87ab69;} .zek_layout2 .zek_header_menu .menu>li:hover>a,.zek_layout2 .zek_header_menu .menu>li.current-menu-item>a,.zek_layout2 .zek_header_menu .menu>li.current-menu-parent>a{color: #f1ea0c;} .zek_layout2 .zek_header_menu .menu>li:hover>.icon svg,.zek_layout2 .zek_header_menu .menu>li.current-menu-item>.icon svg,.zek_layout2 .zek_header_menu .menu>li.current-menu-parent>.icon svg{fill: #f1ea0c;} .zek_header_menu .menu ul{position: absolute;opacity:0;visibility:hidden;z-index:99;width: auto;padding: 8px 0 0;transition: all .3s;} .zek_header_menu .menu ul>li{padding: 0 25px;display: flex;align-items: center;transition: all .3s;background: #fff;} .zek_header_menu .menu ul>li:first-child{padding-top: 12px;border-top-left-radius: 6px;border-top-right-radius: 6px;} .zek_header_menu .menu ul>li:last-child{padding-bottom: 12px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;} .zek_header_menu .menu ul>li>a{display: flex;align-items: center;height: 32px;white-space: nowrap;font-weight: 600;color: #87ab69;padding-right: 25px;font-size: 15px;} .zek_layout2 .zek_header_menu .menu ul>li>a{color: #00a796;} .zek_header_menu .menu ul>li> svg{fill: #87ab69;height: 12px;transition: all .3s;transform: scale(0);width: 0;} .zek_header_menu .menu ul>li:hover>a{color: #87ab69;} .zek_layout2 .zek_header_menu .menu ul>li:hover>a{color: #00a796;} .zek_header_menu .menu ul>li:hover> svg{fill: #87ab69;margin-right: 3px;transform: scale(1);width: 10px;} .zek_layout2 .zek_header_menu .menu ul>li:hover> svg{fill: #00a796;} .zek_header_menu .menu ul>li:hover{padding-right: 12px;} .zek_header_menu .menu>li>ul{top:100%;left:0;transform:scaleY(0);transform-origin:0 0;} .zek_header_menu .menu>li>ul ul{top:0;left:100%;transform:scaleX(0);transform-origin:0 0;padding-left: 2px;} .zek_header_menu .menu li:hover>ul{opacity:1;visibility:visible;} .zek_header_menu .menu>li:hover>ul{transform:scaleY(1);} .zek_header_menu .menu>li>ul li:hover>ul{transform:scaleX(1);} .zek_layout2 #header:before{content: "";display: block;width: 100%;height: 200%;position: absolute;top: 0;left: 0;z-index: -1; background-image: url(images/bg_header2.png);background-size: 100% auto;background-repeat: no-repeat;background-position: top center;opacity: .7;} .zek_layout2 .zek_header_top .header_flex{background: transparent;} .zek_layout2 .zek_header_menu{background: transparent;} .zek_layout2 #header:after{display: none;} /* Footer */ .zek_maps iframe{width: 100%;height: 300px;object-fit: cover;} #footer{color: #5c6870; font-size: 15px;} .zek_layout2 #footer{background: #00a796;} #footer .container{position: relative;z-index: 2;} #footer .line{position: absolute;top: 0;height: 100%;max-width: 10%;width: 140px; background-size: auto;background-repeat: no-repeat;} #footer .line1{left: 0;background-image: url(images/line_footer1.png);background-position: right top;} #footer .line2{right: 0;background-image: url(images/line_footer2.png);background-position: left top;} #footer a{color: #5c6870;} #footer a:hover{color: #87ab69;} .zek_layout2 #footer a:hover{color: #f1ea0c;} #footer ul,#footer ol{margin-bottom: 0;list-style: none;} #footer li{margin-bottom: 12px;} #footer p{margin-bottom: 12px;} .zek_footer_main .footer_logo{margin-bottom: 20px;} .zek_footer_main .footer_logo.layout2{display: none;} .zek_footer_main .footer_logo img{object-fit: contain;height: 70px;} .zek_layout2 .zek_footer_main .footer_logo.layout2{display: block;} .zek_layout2 .zek_footer_main .footer_logo.layout1{display: none;} .zek_footer_title{text-transform: uppercase;font-weight: 700;font-size: 18px;line-height: 1.33333333;margin-bottom: 20px;height: 70px;display: flex;align-items: flex-end;} .zek_footer_main{padding: 50px 0; border-bottom: 2px solid #5c6870;} .zek_footer_main .widget:first-child{width: calc(100% / 3);} .zek_footer_main .widget:nth-child(2){width: calc(100% / 6);} .zek_footer_main .info li{padding-left: 40px;margin-bottom: 24px !important;position: relative;} .zek_footer_main .info li i{position: absolute;left: 0;top: 1px;width: 20px;height: 20px;object-fit: contain;display: block;background-size: contain;background-repeat: no-repeat;background-position: center;} .zek_footer_main .info li.address i{background-image: url(images/icon_place.png);} .zek_footer_main .info li.hotline i{background-image: url(images/icon_phone.png);} .zek_footer_main .info li.email i{background-image: url(images/icon_email.png);} .zek_layout2 .zek_footer_main .info li.address i{background-image: url(images/icon_place4.png);} .zek_layout2 .zek_footer_main .info li.hotline i{background-image: url(images/icon_phone4.png);} .zek_layout2 .zek_footer_main .info li.email i{background-image: url(images/icon_email4.png);} .zek_footer_main .social{display: flex;flex-wrap: wrap;} .zek_footer_main .social li{margin-right: 20px;margin-bottom: 0 !important;} .zek_footer_main .social li:last-child{margin-right: 0;} .zek_footer_main .social li a{height: 32px;width: 32px;display: flex;align-items: center;justify-content: center;position: relative;} .zek_footer_main .social li a img{width: 100%;height: 100%;object-fit: contain;transition: all .3s;} .zek_footer_main .social li a img.icon2{opacity: 0;z-index: 2;position: absolute;top: 0;left: 0;} .zek_footer_main .social li a:hover img.icon2{opacity: 1;} .zek_layout2 .zek_footer_main .social li a img.icon2{display: none;} .zek_footer_bot{padding: 20px 0;border-top: 1px solid #5c6870;} .zek_layout2 .zek_footer_bot{border-top-color: #fff;} /* Page */ .zek_breadcrumbs{padding:10px 0;} .zek_breadcrumbs *{margin-bottom: 0;} .zek_breadcrumbs .separator{margin:0 3px;font-size: 14px;} .zek_breadcrumbs *{margin-bottom:0} .zek_home_title{margin-bottom: 40px;text-align: center;} .zek_home_title .big_title{margin-bottom: 0;font-size: 44px;color: #87ab69;} .zek_home_title .title{font-size: 44px;font-weight: 500;color: #414042;margin-bottom: 6px;line-height: 1.2;} .zek_home_title .title a{color: #414042;} .zek_home_title .title a:hover{color: #414042;} .zek_home_title .sub_title{margin-bottom: 12px;text-transform: uppercase;color: #fff;letter-spacing: 0.5px;line-height: 1.2;font-size: 14px;} .zek_layout2 .zek_home_title .sub_title{color: #00a796;} .zek_home_title .text{margin-bottom: 12px;letter-spacing: 0.5px;} .zek_button{display: inline-flex;align-items: center;justify-content: center;letter-spacing: 1px; height: 40px;border: 1px solid #87ab69;padding: 0 30px;color: #87ab69;border-radius: 40px;font-weight: bold;} .zek_button:hover{background: #87ab69;color: #fff;} .zek_layout2 .zek_button{color: #00a796;border-color: #00a796;} .zek_layout2 .zek_button:hover{background: #00a796;color: #fff;} .zek_page_banner{height: 640px;background-color: #000;} .zek_layout2 .zek_page_banner{height: 734px;} .zek_page_banner .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:1;} .zek_page_banner.light .background{opacity: 1;} .zek_page_banner .inner{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;z-index: 2;padding-top: 40px;} .zek_page_banner .zek_home_title .title{color: #fff;text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);margin-bottom: 12px;font-size: 48px;} .zek_page_banner .zek_home_title .sub_title{text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);letter-spacing: 3.5px;color: #fff;font-size: 16px;margin-bottom: 10px;} .zek_page_banner .zek_button{border: 1px solid #fff;color: #fff;} .zek_page_banner .zek_button:hover{background: #fff;color: #87ab69;} .zek_page_body{padding: 60px 0 100px;} .zek_page_title{text-transform: uppercase;color: #87ab69;font-size: 24px;font-weight: 700;margin-bottom: 12px;} .zek_layout2 .zek_page_title{color: #00a796;} .zek_page_menu{background: #fbf5e9;padding: 15px;display: flex;justify-content: center;align-items: center;list-style: none;margin-bottom: 0;flex-wrap: wrap;} .zek_page_menu .capt{margin-right: 25px;} .zek_page_menu .item{margin: 5px;} .zek_page_menu .item a{height: 36px;display: flex;align-items: center;color: #333; padding: 0 15px;background: transparent;font-weight: 600;border-radius: 15px;} .zek_page_menu .item:hover a{background: #fff;color: #87ab69;} .zek_page_menu.white{background: #fff;} .zek_page_menu.white .item:hover a{background: #fbf5e9;color: #87ab69;} .swiper-button-next, .swiper-button-prev{width: 50px;height: 50px;background: #fff;border-radius: 50%;color: #87ab69;transition: all .3s;} .zek_layout2 .swiper-button-next,.zek_layout2 .swiper-button-prev{color: #00a796;} .swiper-button-next:hover, .swiper-button-prev:hover{color: #fff;background: #87ab69;} .zek_layout2 .swiper-button-next:hover,.zek_layout2 .swiper-button-prev:hover{background: #00a796;} .swiper-button-next:after, .swiper-button-prev:after{font-size: 18px;font-weight: bold;} .swiper-button-next{right: 2%;} .swiper-button-prev{left: 2%;} .swiper-pagination-bullet{width: 14px;height: 14px;opacity: 1;background: #ccc;border: 1px solid #fff;} .swiper-pagination-bullet-active{background: #87ab69;} .zek_layout2 .swiper-pagination-bullet-active{background: #00a796;} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 12px;} /* Contact */ .zek_contact_body .info_ct{max-width: 500px;border: 1px solid #cccccc;border-radius: 10px;padding: 30px 40px;} .zek_contact_body .info_ct .list{list-style: none;} .zek_contact_body .info_ct .list li{padding: 15px 0;border-bottom: 1px solid #ccc;position: relative;padding-left: 40px;} .zek_contact_body .info_ct .list li:last-child{border-bottom: 0;} .zek_contact_body .info_ct .list li span.capt{display: inline-block;min-width: 76px;} .zek_contact_body .info_ct .list li i{position: absolute;left: 0;top: 16px;width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;background-position: center;} .zek_contact_body .info_ct .list li.address i{background-image: url(images/icon_place.png);} .zek_contact_body .info_ct .list li.hotline i{background-image: url(images/icon_phone.png);} .zek_contact_body .info_ct .list li.email i{background-image: url(images/icon_email.png);} .zek_layout2 .zek_contact_body .info_ct .list li.address i{background-image: url(images/icon_place1.png);} .zek_layout2 .zek_contact_body .info_ct .list li.hotline i{background-image: url(images/icon_phone1.png);} .zek_layout2 .zek_contact_body .info_ct .list li.email i{background-image: url(images/icon_email1.png);} .zek_contact_body .info_ct .social{list-style: none;display: flex;flex-wrap: wrap;align-items: center;} .zek_contact_body .info_ct .social .capt{margin-right: 40px;} .zek_contact_body .info_ct .social .it:not(:last-child){margin-right: 30px;} .zek_contact_body .info_ct .social .it a{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;position: relative;} .zek_contact_body .info_ct .social .it a img{object-fit: contain;transition: all .3s;} .zek_contact_body .info_ct .social .it a img.icon2{position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;display: none;} .zek_contact_body .info_ct .social .it a:hover img.icon2{opacity: 1;} .zek_contact_body .form_ct{padding-top: 30px;} .zek_contact_body .form_ct .text{font-size: 15px;color: #666;} .zek_contact_body .form_ct form{margin-top: 16px;} .zek_contact_body .form_ct .form-group{border-bottom: 1px solid #ccc;margin-bottom: 15px;display: flex;align-items: flex-start;} .zek_contact_body .form_ct .form-group .name{height: 40px;line-height: 40px;width: 100px;color: #666;} .zek_contact_body .form_ct .form-group .name span{color: #cc0000;} .zek_contact_body .form_ct .form-group .wpcf7-form-control-wrap{display: block;width: calc(100% - 100px);} .zek_contact_body .form_ct input[type="text"],.zek_contact_body .form_ct input[type="search"],.zek_contact_body .form_ct input[type="password"],.zek_contact_body .form_ct input[type="email"],.zek_contact_body .form_ct input[type="file"],.zek_contact_body .form_ct input[type="number"],.zek_contact_body .form_ct input[type="tel"],.zek_contact_body .form_ct textarea,.zek_contact_body .form_ct select{line-height: 20px; padding: 10px;border: 0;color: #666;} .zek_contact_body .form_ct select{height: 40px;} .zek_contact_body .form_ct textarea{height: 120px;} .zek_contact_body .form_ct input[type="text"]::-webkit-input-placeholder,.zek_contact_body .form_ct input[type="search"]::-webkit-input-placeholder,.zek_contact_body .form_ct input[type="password"]::-webkit-input-placeholder,.zek_contact_body .form_ct input[type="email"]::-webkit-input-placeholder,.zek_contact_body .form_ct input[type="file"]::-webkit-input-placeholder,.zek_contact_body .form_ct input[type="number"]::-webkit-input-placeholder,.zek_contact_body .form_ct input[type="tel"]::-webkit-input-placeholder,.zek_contact_body .form_ct textarea::-webkit-input-placeholder,.zek_contact_body .form_ct select::-webkit-input-placeholder{color: #666;} .zek_contact_body .form_ct .form-button{display: flex;align-items: flex-start;margin-top: 20px;flex-direction: row-reverse;justify-content: space-between;} .zek_contact_body .map_ct{margin-top: 30px;} .zek_contact_body .map_ct iframe{width: 100%;height: 440px;} /* About */ .zek_about_body .content_ab{max-width: 945px;display: block;margin: 0 auto;} .zek_about_body .zek_block>div:not(:last-child){margin-bottom: 40px;} .zek_about_body .gallery_ab .img{height: 640px;border-radius: 10px;overflow: hidden;} .zek_about_body .gallery_ab .img img{height: 100%;transition: all 4s;transform: scale(1.1);} .zek_about_body .gallery_ab .swiper-slide-active .img img{transform: scale(1);} /* Album */ .zek_album_body .socials .list{list-style: none;margin: -10px 0 30px;} .zek_album_body .socials .list li{padding: 0 10px;} .zek_album_body .socials .list li a{display: block;border: 1px solid #87ab69;position: relative;width: 41px;height: 41px;border-radius: 50%;} .zek_album_body .socials .list li a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);object-fit: contain;transition: all .3s;height: 20px;width: 20px;} .zek_album_body .socials .list li a:hover{border-color: #87ab69;} .zek_layout2 .zek_album_body .socials .list li a:hover{border-color: #00a796;} .zek_album_body .socials .note{font-style: italic;font-weight: 500;} .zek_album_body .zek_block>div:not(:last-child){margin-bottom: 40px;} .zek_album_body #video{position: relative;aspect-ratio: 16/9;height: auto !important;cursor: pointer;} .zek_album_body #video #ytdefer_vid0{height: 100% !important;} .zek_album_body #video button{width: 99px !important;height: 99px !important;background-image: url(images/icon_play.png) !important;background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important;left: 50% !important;top: 50% !important;transform: translate(-50%,-50%) !important;opacity: .8;transition: all .3s;} .zek_album_body #video:hover button{opacity: 1;} @media(min-width:992px) { .zek_album_body .grid_box{position: relative;margin: -10px;} .zek_album_body .grid_box .item{width: 290px;height: 290px;float: left;padding: 10px;} .zek_album_body .grid_box .item a{display: block;border-radius: 10px;overflow: hidden;height: 100%;width: 100%;} .zek_album_body .grid_box .item a img{height: 100%;width: 100%;object-fit: cover;transition: all 1s;} .zek_album_body .grid_box .item a:hover img{transform: scale(1.05);} /* Các ảnh lặp lại 14 vị trí */ .zek_album_body .grid_box .item:nth-child(14n+2), .zek_album_body .grid_box .item:nth-child(14n+3), .zek_album_body .grid_box .item:nth-child(14n+5), .zek_album_body .grid_box .item:nth-child(14n+6), .zek_album_body .grid_box .item:nth-child(14n+8), .zek_album_body .grid_box .item:nth-child(14n+9), .zek_album_body .grid_box .item:nth-child(14n+11), .zek_album_body .grid_box .item:nth-child(14n+12) { width: 210px; height: 210px; } .zek_album_body .grid_box .item:nth-child(14n+1), .zek_album_body .grid_box .item:nth-child(14n+10) { width: 280px; } .zek_album_body .grid_box .item:nth-child(14n+4), .zek_album_body .grid_box .item:nth-child(14n+7) { width: calc(100% - 280px - 210px - 210px); } .zek_album_body .grid_box .item:nth-child(14n+1), .zek_album_body .grid_box .item:nth-child(14n+4), .zek_album_body .grid_box .item:nth-child(14n+7), .zek_album_body .grid_box .item:nth-child(14n+10) { height: 420px; } .zek_album_body .grid_box .item:nth-child(14n+3) { position: absolute; top: 210px; left: 280px; } .zek_album_body .grid_box .item:nth-child(14n+6) { position: absolute; top: 210px; right: 0; } .zek_album_body .grid_box .item:nth-child(14n+9) { position: absolute; top: 630px; left: calc(100% - 280px - 210px - 210px); } .zek_album_body .grid_box .item:nth-child(14n+12) { position: absolute; top: 630px; right: 0; } .zek_album_body .grid_box .item:nth-child(14n+13) { width: calc(100% - 490px); } .zek_album_body .grid_box .item:nth-child(14n+14) { width: 490px; } .zek_album_body .grid_box .item:nth-child(14n+13), .zek_album_body .grid_box .item:nth-child(14n+14) { height: 400px; } } /* Category */ .zek_category_body{padding: 40px 0 60px;} .zek_item_news .img{overflow: hidden;border-radius: 10px;aspect-ratio: 18/13;background-image: url(images/woocommerce-placeholder.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .zek_item_news .img img{height: 100%;transition: all .5s;} .zek_item_news .img:hover img{transform: scale(1.05);} .zek_item_news .info{padding: 20px 10px;} .zek_item_news .info .name{font-size: 22px;margin-bottom: 8px;font-weight: 500;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;height: 60px;} .zek_item_news .info .date{color: #87ab69;margin-bottom: 15px;font-size: 14px;} .zek_item_news .info .date i{display: inline-block;width: 17px;height: 17px;background-image: url(images/icon_calendar.png);background-size: cover;background-repeat: no-repeat;background-position: left center;margin-right: 8px;position: relative;top: 3px;} .zek_item_news .info .desc{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;height: 48px;} .zek_item_news .info .desc *{margin-bottom: 0;} .pagination{justify-content: center;padding: 20px 0 0;} .pagination ul{margin-bottom: 0;list-style: none;} .pagination ul li{display: inline-block;margin: 5px;} .pagination ul li span,.pagination ul li a{display: block;padding: 5px;height: 40px;width: 40px;text-align: center; background: #87ab69;color: #fff; line-height: 30px;border-radius: 50%;} .pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #87ab69;color: #fff;} /* Single */ .zek_page_banner.zek_single_banner{height: 400px;} .zek_layout2 .zek_page_banner.zek_single_banner{height: 494px;} .zek_single_body{padding: 50px 0;} .zek_single_meta .title{text-transform: uppercase;font-size: 30px;font-weight: bold; color: #87ab69;width: 100%;max-width: 860px;display: block;margin: 0 auto 22px;} .zek_single_meta .meta{color: #87ab69;margin-bottom: 40px;} .zek_single_meta .meta .date i{display: inline-block;position: relative;top: 3px;width: 17px;height: 17px;background-image: url(images/icon_calendar.png);background-size: cover;background-repeat: no-repeat;background-position: center;margin-right: 8px;} .zek_single_meta .meta .dash{margin: 0 24px;} .zek_single_meta .meta a{color: #87ab69;} .zek_single_meta .meta a:hover{color: #87ab69;} .zek_single_meta .meta .share{margin-left: 24px;} .zek_single_meta .meta .share img{height: 28px;object-fit: contain;} .zek_single_thumb{aspect-ratio: 16/9;overflow: hidden;margin-bottom: 40px;} .zek_single_thumb img{height: 100%;} .zek_single_content{display: block;margin: 0 auto;width: 100%;max-width: 945px;} .zek_single_related{background: #fbf5e9;padding: 50px 0;} .zek_single_related .title{font-size: 30px;color: #87ab69;margin-bottom: 32px;font-weight: 700;} .zek_layout2 .zek_single_related{background: #faf8f5;} .zek_layout2 .zek_single_related .title{color: #00a796;} /* Service */ .zek_item_service{padding: 50px 0;} .zek_item_service:nth-child(odd){background: #fbf5e9;} .zek_layout2 .zek_item_service:nth-child(odd){background: #faf8f5;} .zek_item_service .img{overflow: hidden;border-radius: 10px;height: 500px;} .zek_item_service .img img{height: 100%;} .zek_item_service .zek_home_title .title{font-size: 30px;} .zek_item_service .info{background: #fff;border-radius: 10px; border: 1px solid #87ab69;position: relative;z-index: 2;display: block;margin: -50px auto 0;width: calc(100% - 80px);max-width: 780px;padding: 25px 60px 35px;} .zek_layout2 .zek_item_service .info{border-color: #00a796;} .zek_item_service .info .name{ font-size: 24px;color: #87ab69;font-weight: 700; margin-bottom: 12px;} .zek_layout2 .zek_item_service .info .name{color: inherit;} .zek_item_service .info .text{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;} .zek_item_service .info .link{display: inline-block;border-bottom:1px solid #87ab69;color: #87ab69;line-height: 1.2;position: relative;} .zek_item_service .info .link svg{fill: #87ab69;width: 10px;height: 14px;position: absolute;left: calc(100% + 3px);top: 50%;transform: translateY(-50%);transition: all .3s;} .zek_item_service .info .link:hover svg{left: calc(100% + 6px);fill: #87ab69;} .zek_item_service .info .link:hover{color: #87ab69;border-bottom-color: #87ab69;} .zek_layout2 .zek_item_service .info .link{color: #00a796;border-bottom-color: #00a796;} .zek_layout2 .zek_item_service .info .link svg{fill: #00a796;} /* Service-single */ .zek_service_meta{padding: 100px 0;background: #fffaf0;} .zek_layout2 .zek_service_meta{background: #faf8f5;} .zek_service_meta .box_title .sub_title{font-size: 15px;font-weight: 600;margin-bottom: 12px;} .zek_service_meta .box_title .title{font-size: 36px;font-weight: 600;color: #87ab69;margin-bottom: 30px;} .zek_layout2 .zek_service_meta .box_title .title{color: #00a796;} .zek_service_meta .description{font-size: 18px;} .zek_service_meta .inner{margin-left: auto;max-width: 390px;} .zek_service_meta .open_time{list-style: none;margin-bottom: 0;} .zek_service_meta .open_time li{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 16px;font-size: 18px;} .zek_service_meta .open_time li .key{font-weight: 600;} .zek_service_meta .hotline{border-top: 2px solid #87ab69;margin-top: 20px;padding-top: 10px;} .zek_layout2 .zek_service_meta .hotline{border-top-color: #00a796;} .zek_service_meta .hotline a{color: #414042;font-size: 24px;} .zek_service_meta .hotline a img{margin-right: 10px;width: 20px;height: 20px;} .zek_layout2 .zek_service_meta .hotline a{color: #00a796;} .zek_service_body{padding: 100px 0;} .zek_service_body>div:not(:last-child){margin-bottom: 100px;} .zek_service_body .service_menu .title{font-size: 36px;font-weight: 600;color: #dda332;margin-bottom: 60px;} .zek_layout2 .zek_service_body .service_menu .title{color: #00a796;} .zek_service_body .service_menu .link{margin-top: 60px;} .zek_gallery_mb{display: none;} .zek_grid_album{margin: -7px;} .zek_grid_album .item{padding: 7px;float: left;width: 20%;} .zek_grid_album .item a{display: block;overflow: hidden;} .zek_grid_album .item img{width: 100%;object-fit: cover;border-radius: 10px;height: 343px;} .zek_grid_album .item:nth-child(1){width: 23%;} .zek_grid_album .item:nth-child(4){width: 37%;} .zek_grid_album .item:nth-child(1) img{height: 700px;} .zek_grid_album .item:nth-child(4) img{height: 700px;} .zek_grid_album .item:nth-child(5) img{height: 700px;} .zek_grid_album .item:nth-child(2) img,.zek_grid_album .item:nth-child(3) img{} .zek_grid_album .item:nth-child(3){position: absolute;top: 357px;left: 23%;} /* Tour */ .zek_categorytour_body{padding:100px 0;} .zek_list_tour{display: block;margin: 0 auto;width: 100%;max-width: 945px;} .zek_item_tour{display: flex;background: #fff;overflow: hidden;} .zek_item_tour:not(:last-child){margin-bottom: 30px;} .zek_item_tour .img{width: 455px;min-height: 300px;overflow: hidden;border-radius: 10px;} .zek_item_tour .img img{height: 100%;transition: all .5s;} .zek_item_tour .img:hover img{transform: scale(1.05);} .zek_item_tour .info{width: calc(100% - 455px);padding: 30px 30px 30px 60px;} .zek_item_tour .info .name{font-size: 22px;font-weight: 700;color: #87ab69;margin-bottom: 12px;} .zek_item_tour .info .price{display: inline-block;width: calc(100% + 30px);margin-right: -30px;color: #fff;font-weight: 600;background: #87ab69;padding: 6px 20px;border-radius: 6px;} .zek_layout2 .zek_item_tour .info .price{background: #00a796;} .zek_item_tour .info .text{margin-top: 16px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-bottom: 0;} .zek_item_tour .info .link{display: inline-block;margin-top: 20px;line-height: 20px;border-bottom: 1px solid #87ab69;color: #87ab69;position: relative;} .zek_item_tour .info .link svg{transition: all .3s;position: absolute;left: calc(100% + 3px);top: 50%;transform: translateY(-50%);fill: #87ab69;width: 10px;height: 14px;} .zek_item_tour .info .link:hover svg{left: calc(100% + 6px);fill: #87ab69;} .zek_item_tour .info .link:hover{color: #87ab69;border-bottom-color: #87ab69;} .zek_layout2 .zek_item_tour .info .link{color: #00a796 !important;border-bottom-color: #00a796 !important;} .zek_layout2 .zek_item_tour .info .link svg{fill: #00a796 !important;} /* Tour-single */ .zek_tour_meta{background: #fbf5e9;padding: 45px 0;} .zek_layout2 .zek_tour_meta{background: #faf8f5;} .zek_tour_meta .zek_block{display: block;margin: 0 auto;width: 100%;max-width: 945px;} .zek_tour_meta .description{font-weight: 600;font-size: 20px;text-align: justify;} .zek_tour_meta .infomation .meta{background: #fff;border-radius: 5px;padding: 16px;list-style: none;margin-bottom: 28px;} .zek_tour_meta .infomation .meta li{display: flex;flex-wrap: wrap;margin-bottom: 6px;} .zek_tour_meta .infomation .meta li:last-child{margin-bottom: 0;} .zek_tour_meta .infomation .meta .key{font-weight: 600;width: 164px;} .zek_tour_meta .infomation .meta .key svg{width: 13px;height: 13px;position: relative;top: -1px;margin-right: 6px;} .zek_tour_meta .infomation .meta .value{width: calc(100% - 164px);} .zek_tour_meta .infomation .support{list-style: none;margin-bottom: 0;} .zek_tour_meta .infomation .support li:not(:last-child){margin-bottom: 12px;} .zek_tour_meta .infomation .support li{display: flex;flex-wrap: wrap;font-size: 18px;} .zek_tour_meta .infomation .support li .value{line-height: 20px;width: calc(100% - 30px)} .zek_tour_meta .infomation .support li .icon{width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;margin-right: 10px;} .zek_tour_meta .infomation .support li .icon img{max-width: 20px;max-height: 20px;object-fit: contain;} .zek_tour_body{padding: 40px 0 60px;} .zek_tour_body .zek_block{display: block;margin: 0 auto;width: 100%;max-width: 945px;} .zek_tour_body .gallerys{margin-bottom: 40px;} .zek_tour_body .gallerys .img{overflow: hidden;border-radius: 10px;height: 600px;} .zek_tour_body .gallerys .img img{height: 100%;transition: all 4s;transform: scale(1.1);} .zek_tour_body .gallerys .swiper-slide-active .img img{transform: scale(1);} .zek_tour_body .contents .title{font-size: 30px;color: #87ab69; margin-bottom: 32px;font-weight: 700;} .zek_layout2 .zek_tour_body .contents .title{color: inherit;} .zek_tour_body .contents .item:not(:last-child){margin-bottom: 20px;} .zek_tour_body .contents .item .name{font-size: 20px;font-weight: bold;color: #87ab69;padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 16px;} .zek_layout2 .zek_tour_body .contents .item .name{color: #00a796;} /* Offer */ .zek_categoryoffer_head{background: #fff;} .zek_categoryoffer_head .line { position: absolute;top: 0;height: 100%;max-width: 10%;width: 140px;background-size: cover;background-repeat: no-repeat;} .zek_categoryoffer_head .line1 {left: 0;background-image: url(images/line_footer1.png);background-position: right top;} .zek_categoryoffer_head .line2 {right: 0;background-image: url(images/line_footer2.png); background-position: left top;} .zek_categoryoffer_head .container{position: relative;z-index: 2;} .zek_categoryoffer_head .inner{width: 100%;max-width: 690px;display: block;margin: 0 auto;padding: 70px 15px 180px;position: relative;} .zek_categoryoffer_head .inner .title{text-transform: uppercase;font-size: 44px;font-weight: 500;color: #87ab69;margin-bottom: 12px;} .zek_categoryoffer_head .inner .stars{height: 30px;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;margin-top: 12px;} .zek_categoryoffer_head .inner .stars i{width: 20px;height: 20px;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url(images/icon_star.png);display: block;margin: 0 8px;} .zek_categoryoffer_head .inner .text{margin-bottom: 30px;} .zek_categoryoffer_head .inner .link{display: inline-block;position: relative;line-height: 20px;color: #87ab69;border-bottom: 1px solid #87ab69;} .zek_categoryoffer_head .inner .link svg{transition: all .3s;position: absolute;left: calc(100% + 3px);top: 50%;transform: translateY(-50%);fill: #87ab69;width: 10px;height: 14px;} .zek_categoryoffer_head .inner .link:hover{color: #87ab69;border-bottom-color: #87ab69;} .zek_categoryoffer_head .inner .link:hover svg{left: calc(100% + 6px);fill: #87ab69;} .zek_categoryoffer_head .inner .logo{position: absolute;max-height: 220px;object-fit: contain;top: calc(100% - 130px);left: 50%;transform: translateX(-50%);z-index: 2;} .zek_categoryoffter_body{padding: 100px 0;} .zek_categoryoffter_body .zek_home_title .title{font-size: 30px;} .zek_item_offer{height: 100%;background: #fff;border-radius: 10px;overflow: hidden;} .zek_item_offer .img{aspect-ratio: 18/13;overflow: hidden;border-radius: 10px;background-image: url(images/woocommerce-placeholder.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .zek_item_offer .img img{height: 100%;} .zek_item_offer .info{padding: 18px 10px 18px 12px;} .zek_item_offer .info .name{font-size: 18px;font-weight: 700;margin-bottom: 10px;} .zek_item_offer .info .name a{color: #87ab69;} .zek_item_offer .info .sub{padding-left: 36px;background-image: url(images/icon_price.png);background-size: 24px;background-repeat: no-repeat;background-position: top left;color: #87ab69;} .zek_item_offer .info .description{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top: 8px;} .zek_item_offer .info .meta{margin-top: 20px;} .zek_item_offer .info .meta .link a{display: inline-flex;align-items: center;padding: 0 10px;border-radius: 5px; color: #fff;text-transform: uppercase;background: #87ab69;height: 34px;font-size: 14px;} .zek_item_offer .info .meta .price{text-align: right;line-height: 1;font-size: 14px;color: #686868;} .zek_item_offer .info .meta .price b{display: block;font-size: 18px;color: #000;} .zek_layout2 .zek_item_offer .info .meta .link a{background: #00a796;} .zek_layout2 .zek_item_offer .info .sub{color: #00a796;} /* Room */ .zek_room_body{padding: 130px 0;} .zek_room_body .info_room .zek_booking{margin-top: 48px;} .zek_room_body .info_room .inner{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 430px;max-width: 100%;background: #fff;box-shadow: 0px 6px 13px 0px rgba(196, 196, 196, 0.56);z-index: 2;padding: 45px 30px;} .zek_room_body .info_room .inner .price{color: #87ab69;font-size: 18px;font-weight: 600;margin-bottom: 8px;} .zek_layout2 .zek_room_body .info_room .inner .price{color: #00a796;} .zek_room_body .info_room .inner .description{margin-bottom: 24px;} .zek_room_body .info_room .inner .info{list-style: none;margin-bottom: 0;} .zek_room_body .info_room .inner .info li{margin-bottom: 18px;padding-left: 40px;position: relative;} .zek_room_body .info_room .inner .info li:last-child{margin-bottom: 0;} .zek_room_body .info_room .inner .info li img{position: absolute;left: 0;top: 2px;object-fit: contain;max-height: 20px;max-width: 20px;} .zek_room_body .info_room .zek_gallery{width: 960px;max-width: 100%;margin-left: auto;} .zek_gallery .img{overflow: hidden;border-radius: 10px;height: 620px;overflow: hidden;} .zek_gallery .img img{height: 100%;} .zek_gallery .swiper-slide-active .img img{transform: scale(1);} .zek_gallery .swiper-pagination{display: block;bottom: 70px;left: auto;width: auto;right: 30px;} .zek_gallery .swiper-pagination-bullet{display: block;margin: 10px 0 !important;} .zek_room_body .detail_room{margin-top: 40px;} .zek_room_body .related_room{margin-top: 40px;} .title_r{font-size: 36px;font-weight: 700;color: #5d5d5d;margin-bottom: 40px;} .zek_room_body .related_room .container{max-width: 1590px;} /* Hotel */ .zek_hotel_sec1{padding: 100px 0;} .zek_hotel_sec1 .col-left{width: calc(100% - 760px);padding-right: 15px;max-width: 100%;} .zek_hotel_sec1 .col-right{width: 760px;padding-left: 15px;max-width: 100%;} .zek_hotel_sec1 .zek_home_title .sub_title{text-transform: unset;margin-bottom: 6px;} .zek_hotel_sec1 .zek_home_title .title{color: #5d5d5d;margin-bottom: 16px;} .zek_hotel_sec1 .zek_home_title .text{color: #7a7a7a;} .zek_hotel_sec1 .booking{margin-top: 60px;} .zek_hotel_sec1 .booking .zek_button{height: 44px;} .zek_item_room:not(:last-child){margin-bottom: 80px;} .zek_item_room .zek_gallery .img{height: 520px;} .zek_item_room .info{background: #fff;color: #58595b; position: relative;z-index: 2;display: block;margin: -120px 70px 0;width: calc(100% - 140px);box-shadow: 0px 6px 13px 0px rgba(196, 196, 196, 0.56);padding: 28px 28px 24px 30px;} .zek_item_room .info .price{color: #e3b769;} .zek_layout2 .zek_item_room .info .price{color: #00a796;} .zek_item_room .info .name{font-size: 24px;font-weight: 600;color: #5c5c5c;margin-bottom: 16px;} .zek_item_room .info .text{font-size: 14px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .zek_item_room .info .meta{list-style: none;margin: 0;display: flex;flex-wrap: wrap;} .zek_item_room .info .meta li{padding-left: 30px;margin-bottom: 16px; display: flex;align-items: center;font-size: 14px;position: relative;width: 50%;padding-right: 10px;} .zek_item_room .info .meta li img{position: absolute;left: 0;top: 2px;object-fit: contain;max-height: 20px;max-width: 20px;} .zek_item_room .info .buttons{margin-top: 10px;} .zek_item_room .info .buttons .zek_button.view{border-color: #808285;color: #808285;} .zek_item_room .info .buttons .zek_button.view:hover{background: #808285;color: #fff;} .zek_hotel_sec2 {background: #503a26;display: flex;align-items: center;margin-bottom: 100px;} .zek_layout2 .zek_hotel_sec2{background: #008678;} .zek_hotel_sec2 .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .zek_hotel_sec2 .overlay{background: #2e1e15;opacity: .8;} .zek_layout2 .zek_hotel_sec2 .overlay{background: #008678;} .zek_hotel_sec2 .inner{position: relative;z-index: 3;padding: 70px 0;width: 100%;color: #fff;} .zek_hotel_sec2 .inner .box_title {margin-bottom: 60px;} .zek_hotel_sec2 .inner .box_title .sub_title{color: #e5bb72;font-size: 18px;margin-bottom: 10px;} .zek_layout2 .zek_hotel_sec2 .inner .box_title .sub_title{color: #fff;} .zek_hotel_sec2 .inner .box_title .title{color: #e5bb72;font-size: 40px;font-weight: bold;margin-bottom: 0;} .zek_hotel_sec2 .inner .item .icon{display: flex;align-items: flex-end;justify-content: center;margin-bottom: 30px;height: 65px;} .zek_hotel_sec2 .inner .item .icon img{object-fit: contain;max-height: 100%;} .zek_hotel_sec2 .inner .item .name{font-size: 18px;font-weight: bold;} /* Home */ .zek_layout2 #main {margin-top: -94px;} .zek_home_banner .zek_page_banner{height: 860px;} .zek_layout2 .zek_home_banner .zek_page_banner{height: 954px;} .zek_home_banner .swiper-slide{overflow: hidden;} .zek_home_banner .swiper-pagination-bullet{background: #ccc;opacity: .7;border-color: #ccc;} .zek_home_banner .swiper-pagination-bullet-active{background: #fff;border-color: #fff;opacity: 1;} .zek_home_banner .swiper-horizontal>.swiper-pagination-bullets,.zek_home_banner .swiper-pagination-bullets.swiper-pagination-horizontal,.zek_home_banner .swiper-pagination-custom,.zek_home_banner .swiper-pagination-fraction{bottom: 10px;} .zek_home_banner .zek_page_banner .background{transform: scale(1.1);transition: all 4s;opacity: 1;} .zek_home_banner .zek_page_banner .zek_home_title .title{transition: all 0.8s;opacity: 0;transform: translateY(30px);} .zek_home_banner .zek_page_banner .zek_home_title .sub_title{transition: all 1.1s;opacity: 0;transform: translateY(30px);} .zek_home_banner .check_book {display: block;margin: 0 auto;max-width: 100%;width: 1000px;transition: all 1.4s;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 2;} .zek_home_banner .check_book form{background: #87ab69;border-radius: 10px;padding: 20px 30px 15px 15px;} .zek_layout2 .zek_home_banner .check_book form{background: #00a796;} .zek_home_banner .check_book form .group{display: flex;flex-wrap: wrap;margin: -15px;} .zek_home_banner .check_book form .group>div{padding: 15px;width: 25%;} .zek_home_banner .check_book form .group .col1{width: calc(50% - 160px);} .zek_home_banner .check_book form .group .col4{width: 160px;} .zek_home_banner .check_book form input,.zek_home_banner .check_book form select{border-radius: 8px;border: none;height: 40px;} .zek_home_banner .check_book form input[type="submit"]{color: #fff;border-radius: 40px;background: #87ab69;width: 100%;padding: 0 15px;height: 40px;min-width: inherit;} .zek_home_banner .swiper-slide-active .zek_page_banner .background{transform: scale(1);} .zek_home_banner .swiper-slide-active .zek_page_banner .zek_home_title .title{opacity: 1;transform: translateY(0);} .zek_home_banner .swiper-slide-active .zek_page_banner .zek_home_title .sub_title{opacity: 1;transform: translateY(0);} .zek_home_banner .zek_cta{position: absolute;left: 50%;transform: translateX(-50%);bottom: 5%;z-index: 3;} .zek_home_about{padding: 80px 0 70px;} .zek_home_about .zek_block{width: 100%;display: block;margin: 0 auto;} .zek_home_title .sub_title{color: #fff;} .zek_home_title .title{ color: #87ab69; font-weight: 600; text-transform: uppercase;} .zek_layout2 .zek_home_about .zek_home_title .title{color: #00a796;} .zek_home_about .container{position: relative;z-index: 2;} .zek_home_about .line { position: absolute;top: 0;height: 100%;max-width: 10%;width: 140px;background-size: cover;background-repeat: no-repeat;} .zek_home_about .line1 {left: 0;background-image: url(images/line_footer1.png);background-position: right top;} .zek_home_about .line2 {right: 0;background-image: url(images/line_footer2.png); background-position: left top;} .zek_home_about .zek_button{margin-top: 20px;} body.home #main >div:nth-child(odd){background-color: #87ab69;} body.page-template-home2 #main >div:nth-child(odd){background-color: #faf8f5;} .zek_home_hotel{padding: 60px 0;} .zek_home_hotel .links{margin-top: 30px;} .zek_home_hotel .zek_home_title .title{font-size: 36px;color: #414042;} .swiper-button-next-ht{right: -80px;} .swiper-button-prev-ht{left: -80px;} .zek_item_hotel{background: #fff;height: 100%;border-radius: 10px;overflow: hidden;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.35);margin: 10px;} .zek_item_hotel:after{content: "";display: block;width: 100%;height: 32%;position: absolute;bottom: 0;left: 0;transform: translateY(70px);transition: all .5s;opacity: .8;} .zek_layout2 .zek_item_hotel:after{background-image: linear-gradient(to top, #00a796 0%, #00a796 30%, #00a796bf 50%, #00a796a6 70%, transparent 100%);} .zek_item_hotel:hover:after{transform: translateY(0);opacity: 1;} .zek_item_hotel .img{border-radius: 10px 10px 0 0;overflow: hidden;aspect-ratio: 10/11;} .zek_item_hotel .img img{transition: all .6s;height: 100%;} .zek_layout2 .zek_item_hotel .img{aspect-ratio: unset;height: 500px;} .zek_item_hotel:hover .img img{transform: scale(1.05);} .zek_item_hotel .info{padding: 30px 30px 40px;width: 100%;position: absolute;z-index: 2;bottom: 0;left: 0;color: #fff;transform: translateY(70px);transition: all .5s;} .zek_item_hotel:hover .info{transform: translateY(0);} .zek_item_hotel .info .name{font-weight: 700;font-size: 22px;margin-bottom: 12px;} .zek_item_hotel .info .meta{list-style: none;margin-bottom: 20px;} .zek_item_hotel .info .meta li:not(:last-child){margin-bottom: 8px;} .zek_item_hotel .info .meta li{position: relative;line-height: 24px;padding-left: 28px;} .zek_item_hotel .info .meta li .icon{width: 24px;height: 24px;position: absolute;left: 0;top: 0;background-size: auto;background-repeat: no-repeat;background-position: center center;} .zek_item_hotel .info .meta li .icon.address{background-image: url(images/icon_address2.png);} .zek_item_hotel .info .meta li .icon.hotline{background-image: url(images/icon_hotline3.png);} .zek_item_hotel .info .meta li .icon.email{background-image: url(images/icon_email3.png);} .zek_item_hotel .info .link{display: inline-block;padding-bottom: 2px;position: relative;opacity: 0;visibility: hidden;transition: all .5s;} .zek_item_hotel .info .link:after{content: "";display: block;height: 2px;background: #fff;transition: all .5s;position: absolute;bottom: 0;left: 0;opacity: 0;visibility: hidden;width: 0;} .zek_item_hotel:hover .info .link{opacity: 1;visibility: visible;} .zek_item_hotel:hover .info .link:after{width: 100%;opacity: 1;visibility: visible;} .swiper_hotel2 .swiper-slide{width: 33.33%;} .swiper_hotel2 .swiper-slide-active{width: 33.33%;} .swiper_hotel2 .zek_item_hotel .info{padding: 28px;transform: translateY(50px);} .swiper_hotel2 .zek_item_hotel:hover .info{transform: translateY(0);} .swiper_hotel2 .zek_item_hotel .info .name{} .zek_home_facility{padding: 60px 0 100px;} .zek_home_facility .zek_home_title .title{font-size: 36px;color: #fff;text-transform: uppercase;} .zek_home_facility .zek_block{margin: 0 -45px;padding: 30px 0 0;} .zek_layout2 .zek_home_facility .col-item:after{background: #00a796;} .zek_home_facility .col-item:nth-child(4n):after{display: none;} .zek_home_facility .item{padding: 10px 5px 0;} .zek_home_facility .item .icon{display: flex;justify-content: center;align-items: center;height: 65px;} .zek_home_facility .item .icon img{object-fit: contain;max-height: 100%; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);} .zek_home_about .zek_home_title{ display: flex; justify-content: center; gap: 10px;} .zek_home_facility .item .name{font-size: 18px;font-weight: 600;margin: 20px 0 22px;color: #fff} .zek_home_facility .item .text{margin-bottom: 0;color: #fff} .zek_home_offer{padding: 70px 0 90px;background-color: #87ab69 !important;} .zek_home_offer.notpad{padding: 0 !important;} .zek_layout2 .zek_home_offer{background-color: transparent !important;} .zek_home_offer .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .2; filter: blur(3px);} .zek_home_offer .container{position: relative;z-index: 2;} .swiper-button-next-of{right: -80px;} .swiper-button-prev-of{left: -80px;} .zek_home_offer .zek_home_title .title{color: #fff;font-size: 36px;} .zek_layout2 .zek_home_offer .zek_home_title .title{color: #00a796;} .zek_home_offer .zek_home_title .stars{height: 30px;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;margin-top: 12px;} .zek_home_offer .zek_home_title .stars i{width: 20px;height: 20px;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url(images/icon_star2.png);display: block;margin: 0 8px;} .zek_layout2 .zek_home_offer .zek_home_title .stars i{background-image: url(images/icon_star3.png);} .zek_home_offer .swiper-slide{height: auto;} .zek_home_service{padding: 80px 0;} .zek_home_service .zek_home_title .title{font-size: 36px;} .zek_home_service .zek_slider{width: 100%;max-width: 740px;margin: 0 auto;display: block;} .zek_home_service .swiper{overflow: unset;} .zek_home_service .zek_item_service{padding: 0;background: transparent !important;} .zek_home_service .swiper-slide{opacity: 0.6;transform: scale(0.9);} .zek_home_service .swiper-slide .zek_item_service{margin-top: 60px;} .zek_home_service .swiper-slide .zek_item_service .info{opacity: 0;max-width: 600px;border-radius: 0;margin: -110px auto 0;} .zek_home_service .swiper-slide .zek_item_service .img{height: auto;aspect-ratio: 10/7;border-radius: 15px;box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.25);} .zek_home_service .swiper-slide-active{opacity: 1;position: relative; z-index: 2;} .zek_home_service .swiper-slide-active .zek_item_service .info{opacity: 1;} .zek_home_service .swiper-slide-active .zek_item_service{margin: 0 -100px;} .swiper-button-next-sv{right: -125px;} .swiper-button-prev-sv{left: -125px;} .zek_home_news .zek_block{padding: 50px 0;border-bottom: 1px solid #87ab69;} .zek_home_news .zek_home_title .title{font-size: 36px;} .zek_home_gallery{padding:60px 0;} .zek_home_gallery .links{display: flex;align-items: center;justify-content: center;margin-top: 30px;} .zek_home_gallery .zek_home_title .title{font-size: 36px;} @media (max-width: 1399px) { } @media (max-width: 1199px) { body{font-size: 15px;} .btn, input[type="submit"]{min-width: 140px;padding: 0 20px;} .zek_header_polylang{margin-left: 22px;} .zek_header_menu .menu>li>a{font-size: 14px;height: 44px;} .zek_header_menu .menu_left>li:not(:last-child){margin-right: 20px;} .zek_header_menu .menu_right>li:not(:first-child){margin-left: 20px;} .zek_header_menu .menu ul>li>a{font-size: 14px;} .zek_header_menu .menu ul>li{padding: 0 20px;} .zek_footer_main{padding: 40px 0;} .zek_footer_title{margin-bottom: 24px;font-size: 16px;height: 42px;} .zek_home_title .title{font-size: 40px;} .zek_home_title .big_title{font-size: 40px;} .zek_page_banner{height: 400px;} .zek_layout2 .zek_page_banner{height: 494px;} .zek_page_banner .zek_home_title .sub_title{font-size: 15px;} .zek_page_banner .zek_home_title .title{font-size: 42px;} .zek_page_body{padding: 50px 0 80px;} .zek_contact_body .info_ct{padding: 20px 30px;} .zek_page_title{} .zek_contact_body .form_ct{padding-top: 20px;} .zek_contact_body .map_ct{margin-top: 20px;} .zek_about_body .gallery_ab .img{height: 520px;} .zek_hotel_sec1 .col-right{width: 600px;} .zek_hotel_sec1 .col-left{width: calc(100% - 600px);} .zek_hotel_sec1 .booking{margin-top: 50px;} .zek_item_room:not(:last-child){margin-bottom: 60px;} .zek_item_room .info{padding: 20px 30px;margin: -80px 50px 0;width: calc(100% - 100px);} .zek_item_room .info .price{font-size: 16px;} .zek_item_room .info .name{font-size: 22px;margin-bottom: 10px;} .zek_item_room .info .text{font-size: 16px;} .zek_item_room .info .meta{margin: 25px -10px -7px;} .zek_item_room .info .meta li{padding: 7px 10px;padding-left: 30px;} .zek_item_room .info .meta li .icon{max-height: 22px;margin-right: 10px;} .zek_hotel_sec2 .inner .box_title{margin-bottom: 50px;} .zek_hotel_sec2 .inner .box_title .sub_title{font-size: 16px;} .zek_hotel_sec2 .inner .box_title .title{font-size: 38px;} .zek_hotel_sec2 .inner .item .icon{height: 60px;margin-bottom: 20px;} .zek_hotel_sec2 .inner .item .name{font-size: 16px;} .zek_page_menu{padding: 10px;} .zek_item_news .info{padding: 10px;} .zek_item_news .info .name{font-size: 20px;height: 50px;} .zek_single_meta .title{font-size: 32px;} .zek_single_related .title{} .zek_item_service .img{height: 460px;} .zek_item_service .info .name{} .zek_tour_body .contents .title{} .zek_categoryoffer_head .inner .title{font-size: 40px;} .zek_categoryoffer_head .inner{padding: 60px 0 160px;} .zek_categoryoffer_head .inner .logo{max-height: 180px;top: calc(100% - 100px);} .zek_categoryoffter_body{padding: 80px 0;} .zek_item_offer .info{padding: 10px;} .zek_item_offer .info .name{} .zek_home_banner .zek_page_banner{height: 600px;} .zek_layout2 .zek_home_banner .zek_page_banner{height: 694px;} .zek_home_hotel{padding: 50px 0;} .zek_item_hotel .info{padding: 25px 25px 45px;} .zek_item_hotel .info .name{font-size: 20px;margin-bottom: 15px;} .zek_home_offer{padding: 60px 0 80px;} .zek_service_meta{padding: 70px 0;} .zek_service_meta .description{font-size: 16px;} .zek_service_meta .open_time li{font-size: 16px;margin-bottom: 12px;} .zek_service_meta .hotline a{font-size: 20px;} .zek_service_meta .hotline a img{width: 18px;height: 18px;position: relative;top: -1px;margin-right: 8px;} .zek_service_body{padding: 70px 0;} .zek_service_body .service_menu .title{font-size: 32px;margin-bottom: 40px;} .zek_service_body .service_menu .link{margin-top: 40px;} .zek_service_body > div:not(:last-child){margin-bottom: 70px;} .zek_room_body{padding: 100px 0;} .title_r{font-size: 32px;} } @media (max-width: 991px) { body{font-size: 14px;} .zek_header_logo{width: 120px;height: 120px;padding: 20px 20px 0;} .zek_header_top .header_flex{height: 40px;} .zek_header_top .socials li:not(:last-child){margin-right: 10px;} .zek_header_polylang{margin-left: 15px;} .zek_header_top .hotline{width: calc(50% - 60px);} .zek_header_top .navs{width: calc(50% - 60px);} .zek_header_menu .container>.flex{height: 50px;align-items: center;} .zek_header_menu .menu{display: none;} .zek_touch_menu{display: block;width: 28px;height: 28px;position: relative;cursor: pointer;background: #fff;border: 1px solid #87ab69;} .zek_touch_menu:after,.zek_touch_menu:before{content: "";display: block;width: 16px;height: 2px;background-color: #87ab69;position: absolute;left: 5px;} .zek_touch_menu span{display: block;width: 16px;height: 2px;background-color: #87ab69;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);} .zek_touch_menu:after{bottom: 7px;} .zek_touch_menu:before{top: 7px;} .zek_header_top .zek_header_polylang{display: none;} .zek_header_polylang .main{padding: 3px 3px 3px 10px;} .zek_header_menu .zek_header_polylang{display: flex;} .zek_header_polylang .widget{border-radius: 8px;} #zek_menu_mobile .title{display: block;padding: 24px;background-color: #fff;text-transform: uppercase;font-weight: bold;font-size: 20px;text-align: center;} #zek_menu_mobile .title span{display: block;height: 48px;line-height: 48px;background-color: #87ab69;color: #fff;padding: 0 20px;} #zek_menu_mobile{display: block; width: 300px;height: 100%; background-color: #87ab69;-webkit-transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s;z-index: 9999;position: fixed; top: 0; left: 0; -webkit-transform: translateX(-300px); transform: translateX(-300px);border: 1px solid #fff;} body.zek_active{overflow-y: hidden;} body.zek_active #zek_menu_mobile{ -webkit-transform: translateX(0); transform: translateX(0);} #zek_menu_mobile .box_menu{max-height: calc(100% - 96px);overflow-y: auto;padding-top: 20px;} #zek_menu_mobile ul{list-style: none;padding-left: 0;margin-bottom: 0;} #zek_menu_mobile .menu{display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; list-style: none; padding: 0; margin: 0;} #zek_menu_mobile .menu li{position: relative;margin-left: 0;} #zek_menu_mobile .menu>li{} #zek_menu_mobile .menu>li>a{display: flex;padding: 10px 24px;color: #fff;text-transform: uppercase;} #zek_menu_mobile .menu>li ul{display: none;width: calc(100% - 36px);margin-left: 24px;background: #fff;padding: 5px 0;} #zek_menu_mobile .menu li>.icon{width: 30px;height: 30px;position: absolute;top: 5px;right: 5px;cursor: pointer;display: flex;align-items: center;justify-content: center;} #zek_menu_mobile .menu li>.icon svg{fill: #fff;width: 13px;height: 13px;} #zek_menu_mobile .menu li.menu-item-has-children>a{padding-right: 30px;} #zek_menu_mobile .menu>li>ul li{} #zek_menu_mobile .menu>li>ul li>a{padding: 5px 10px;color: #5b5b5b;display: block;} #zek_web{-webkit-transition: margin .5s; transition: margin .5s;} body.zek_active #zek_web{margin-left: 300px;margin-right: -300px;} .zek_line_dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 9999} body.zek_active .zek_line_dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 15 15,default;} .zek_button{height: 40px;padding: 0 20px;} .zek_footer_main{padding: 30px 0;} .zek_footer_main .widget{width: 35% !important;} .zek_footer_main .widget:first-child{width: 100% !important;} .zek_footer_main .widget:nth-child(2){width: 30% !important;} .zek_footer_title{height: auto;margin-bottom: 16px;} #footer li{margin-bottom: 10px;} #footer p{margin-bottom: 10px;} .zek_footer_main .info li{margin-bottom: 12px !important;padding-left: 30px;} .zek_footer_bot{padding: 15px 0 10px;} .zek_footer_main .social li{margin-right: 12px;} .zek_home_title{margin-bottom: 30px;} .zek_home_title .big_title{font-size: 32px;} .zek_home_title .title{font-size: 32px;} .zek_page_banner .inner{padding-top: 20px;} .zek_page_banner{height: 320px;} .zek_layout2 .zek_page_banner{height: 410px;} .zek_page_banner.zek_single_banner{height: 320px;} .zek_layout2 .zek_page_banner.zek_single_banner{height: 410px;} .zek_page_banner .zek_home_title .title{font-size: 34px;margin-bottom: 10px;} .zek_page_banner .zek_home_title .sub_title{font-size: 14px;letter-spacing: 2px;} .zek_page_body{padding: 40px 0 60px;} .zek_contact_body .form_ct{padding-top: 0;} .zek_page_title{} .zek_contact_body .info_ct .social .capt{margin-right: 20px;} .zek_contact_body .info_ct .social .it:not(:last-child){margin-right: 20px;} .zek_contact_body .info_ct .social .it a{width: 40px;height: 40px;} .zek_contact_body .info_ct .list li{padding: 10px 0;padding-left: 30px;} .zek_contact_body .info_ct .list li img{top: 10px;} .zek_contact_body .map_ct{margin-top: 0;} .zek_contact_body .map_ct iframe{height: 320px;} .zek_about_body .zek_block > div:not(:last-child){margin-bottom: 30px;} .zek_about_body .gallery_ab .img{height: 400px;} .zek_album_body .socials .list{margin: -10px 0 20px;} .zek_album_body .zek_block > div:not(:last-child){margin-bottom: 30px;} .zek_album_body #video button{width: 70px !important;height: 70px !important;} .zek_album_body .grid_box{position: relative;margin: -10px;} .zek_album_body .grid_box .item{width: 25%;float: left;padding: 10px;} .zek_album_body .grid_box .item a{display: block;border-radius: 10px;overflow: hidden;aspect-ratio: 1/1;width: 100%;} .zek_album_body .grid_box .item a img{height: 100%;width: 100%;object-fit: cover;transition: all .5s;} .zek_album_body .grid_box .item:first-child{width: 50%;} .zek_album_body .grid_box .item:nth-child(8){width: 50%;float: right;} .zek_album_body .grid_box .item:nth-child(11){width: 50%;} .zek_hotel_sec1{padding: 60px 0;} .zek_hotel_sec1 .col-right{width: 420px;} .zek_hotel_sec1 .col-left{width: calc(100% - 420px);} .zek_hotel_sec1 .booking{margin-top: 30px;} .zek_hotel_sec1 .booking a{font-size: 15px;height: 44px;} .zek_item_room:not(:last-child){margin-bottom: 40px;} .zek_item_room .info{margin: -50px 30px 0;width: calc(100% - 60px);padding: 15px 20px;} .zek_item_room .info .price{font-size: 14px;} .zek_item_room .info .name{font-size: 18px;margin-bottom: 8px;} .zek_item_room .info .text{font-size: 14px;} .zek_item_room .info .meta{margin: -5px -7px;} .zek_item_room .info .meta li img{top: 4px;} .zek_item_room .info .meta li{padding: 5px 7px;padding-left: 30px;} .zek_item_room .info .meta li .icon{max-height: 20px;margin-right: 8px;top: -3px;} .zek_hotel_sec2 .inner{padding: 50px 0;} .zek_hotel_sec2 .inner .box_title{margin-bottom: 40px;} .zek_hotel_sec2 .inner .box_title .sub_title{font-size: 14px;} .zek_hotel_sec2 .inner .box_title .title{font-size: 30px;} .zek_hotel_sec2 .inner .item .name{font-size: 14px;} .zek_page_menu .item a{height: 32px;} .zek_page_menu .capt{margin-right: 15px;} .zek_item_news .info .desc{height: 42px;} .zek_item_news .info .name{font-size: 18px;} .zek_item_news .info .date{margin-bottom: 10px;} .zek_single_body{padding: 40px 0;} .zek_single_meta .title{font-size: 26px;margin: 0 auto 16px;} .zek_single_meta .meta{margin-bottom: 30px;} .zek_single_thumb{margin-bottom: 30px;} .zek_single_related{padding: 40px 0;} .zek_single_related .title{} .swiper-button-next, .swiper-button-prev{width: 40px;height: 40px;} .swiper-button-next-n{right: -50px;} .swiper-button-prev-n{left: -50px;} .zek_item_service{padding: 40px 0;} .zek_item_service .img{height: 400px;} .zek_item_service .info .name{} .zek_grid_album .item img{height: 193px;} .zek_grid_album .item:nth-child(1) img{height: 400px;} .zek_grid_album .item:nth-child(4) img{height: 400px;} .zek_grid_album .item:nth-child(3){top: 207px;} .zek_grid_album .item:nth-child(5) img{height: 400px;} .zek_service_meta{padding: 50px 0;} .zek_service_meta .box_title .title{font-size: 28px;margin-bottom: 20px;} .zek_service_meta .inner{margin: 0 auto;} .zek_service_meta .description{font-size: 14px;} .zek_service_meta .open_time li{font-size: 14px;margin-bottom: 10px;} .zek_service_meta .hotline a{font-size: 16px;} .zek_service_body{padding: 50px 0;} .zek_service_body .service_menu .title{font-size: 28px;margin-bottom: 30px;} .zek_service_body .service_menu .link{margin-top: 30px;} .zek_service_body > div:not(:last-child){margin-bottom: 50px;} .zek_categorytour_body{padding: 60px 0;} .zek_item_tour .img{width: 300px;min-height: 200px;} .zek_item_tour .info{width: calc(100% - 300px);padding: 15px 15px 15px 25px;} .zek_item_tour .info .name{font-size: 18px;} .zek_item_tour .info .price{width: calc(100% + 15px);margin-right: -15px;padding: 5px 15px;} .zek_item_tour .info .text{margin-top: 12px;} .zek_item_tour .info .link{margin-top: 10px;} .zek_tour_meta{padding: 40px 0;} .zek_tour_meta .description{font-size: 16px;} .zek_tour_meta .infomation .meta{margin-bottom: 20px;} .zek_tour_body .gallerys .img{height: 400px;} .zek_tour_body .gallerys{margin-bottom: 30px;} .zek_tour_body .contents .title{} .zek_tour_body .contents .item .name{font-size: 18px;} .zek_categoryoffer_head .inner .title{font-size: 32px;} .zek_categoryoffer_head .inner{padding: 40px 0 120px;} .zek_categoryoffer_head .inner .text{margin-bottom: 20px;} .zek_categoryoffer_head .inner .logo{max-height: 150px;top: calc(100% - 90px);} .zek_categoryoffter_body{padding: 60px 0;} .zek_home_banner .zek_page_banner{height: 540px;} .zek_layout2 .zek_home_banner .zek_page_banner{height: 630px;} .zek_home_hotel{padding: 40px 0;} .zek_home_about{padding: 60px 0;} .zek_item_hotel .info{padding: 15px 15px 30px;} .zek_item_hotel .info .name{font-size: 18px;margin-bottom: 10px;} .zek_item_hotel .zek_button{bottom: -20px;right: 30px;} .zek_item_hotel{margin-bottom: 20px;} .zek_item_hotel .info .meta li{padding-left: 30px;} .swiper-button-next-ht{right: -50px;} .swiper-button-prev-ht{left: -50px;} .swiper-button-next-of{right: -50px;} .swiper-button-prev-of{left: -50px;} .zek_home_offer{padding: 40px 0 60px;} .zek_home_service{padding: 40px 0 60px;} .swiper-button-next-sv{right: -50px;} .swiper-button-prev-sv{left: -50px;} .zek_home_news .zek_block{padding: 40px 0;} .zek_home_gallery{padding: 40px 0;} .zek_home_gallery.zek_album_body .grid_box .item:nth-child(6){display: none;} .swiper_hotel2 .swiper-slide{width: calc(100% / 3);} .swiper_hotel2 .swiper-slide-active{width: calc(200% / 3);} .zek_layout2 .zek_item_hotel .img{height: 400px;} .swiper_hotel2 .zek_item_hotel .info{padding: 20px;transform: translateY(40px);} .zek_home_hotel .links{display: none;} .zek_home_facility{padding: 40px 0 70px;} .zek_layout2 #header::before{background-size: auto;height: 170%;opacity: .8} .zek_layout2 #main{margin-top: -90px;} .zek_item_room .zek_gallery .img{height: 360px;} .zek_item_room .info .meta li{width: 100%;} .zek_room_body{padding: 70px 0;} .zek_room_body .info_room .inner{padding: 30px 20px;} .title_r{font-size: 28px;margin-bottom: 30px;} } @media(max-width:767px) { table td,table th{width: auto !important;} #polylang-2 .zek_sidebar_title{display: none;} .zek_footer_main .widget{width: 100% !important;} .zek_home_about .zek_home_title{flex-direction: column;} .zek_footer_main .widget:nth-child(2){width: 50% !important;} .zek_footer_main .widget:nth-child(3){width: 50% !important;} .zek_home_title .title{font-size: 28px;} .zek_home_title .big_title{font-size: 28px;} .zek_page_banner .zek_home_title .title{font-size: 30px;} .zek_page_banner .zek_home_title .sub_title{letter-spacing: 1px;} .zek_contact_body .info_ct{padding: 15px 20px;} .zek_page_title{} .zek_about_body .gallery_ab .img{height: 320px;} .zek_hotel_sec1 .col-left{width: 100%;padding-right: 0;padding-bottom: 30px;} .zek_hotel_sec1 .booking{margin-top: 20px;} .zek_hotel_sec1 .zek_home_title{margin-bottom: 20px;} .zek_hotel_sec1 .col-right{width: 100%;padding-left: 0;} .zek_hotel_sec2 .inner .box_title .sub_title{font-size: 13px;} .zek_hotel_sec2 .inner .box_title .title{font-size: 26px;} .zek_hotel_sec2 .inner .box_title{margin-bottom: 30px;} .zek_hotel_sec2 .inner .item .icon{height: 50px;margin-bottom: 15px;} .zek_hotel_sec2 .inner .item .name{font-size: 13px;} .zek_single_meta .title{font-size: 24px;} .zek_single_related .title{} .zek_item_service .img{height: 320px;} .zek_item_service .info{padding: 20px 25px;width: calc(100% - 60px);} .zek_item_service .info .name{} .zek_item_tour .img{width: 240px;min-height: 180px;} .zek_item_tour .info{width: calc(100% - 240px);padding: 10px 10px 10px 20px;} .zek_item_tour .info .name{font-size: 16px;margin-bottom: 8px;} .zek_item_tour .info .text{margin-top: 10px;} .zek_item_tour .info .link{margin-top: 4px;} .zek_item_tour .info .price{width: calc(100% + 10px);margin-right: -10px;} .zek_tour_body .gallerys .img{height: 320px;} .zek_categoryoffer_head .inner .title{font-size: 28px;} .zek_item_offer .info .name{font-size: 16px;} .zek_item_offer .info .price{} .zek_home_banner .zek_page_banner{height: 460px;} .zek_layout2 .zek_home_banner .zek_page_banner{height: 550px;} .zek_item_hotel .info{padding: 10px 10px 30px;} .zek_item_hotel .info .name{font-size: 16px;} .zek_home_about{padding: 40px 0 30px;} .zek_home_about .zek_button{margin-top: 10px;} .zek_home_hotel{padding: 40px 0 30px;} .zek_home_hotel .zek_home_title .title{font-size: 28px;} .zek_home_facility .zek_home_title .title{font-size: 28px;} .zek_home_facility .zek_block{margin: 0;padding: 20px 0 0;} .zek_home_facility{padding: 20px 0 40px;} .zek_home_service{padding: 40px 0;} .zek_home_service .zek_home_title .title{font-size: 28px;} .zek_home_service .swiper-slide .zek_item_service{margin-top: 0;} .zek_home_service .swiper-slide-active .zek_item_service{margin: 0;} .zek_home_offer .zek_home_title .title{font-size: 28px;} .zek_home_offer{padding: 40px 0;} .zek_item_offer .info .meta{margin-top: 12px;} .zek_item_offer .info .meta .price{font-size: 12px;} .zek_item_offer .info .meta .price b{font-size: 14px;} .zek_home_news .zek_home_title .title{font-size: 28px;} .zek_home_news .zek_block{padding: 30px 0;} .zek_home_gallery{padding: 30px 0;} .zek_home_gallery .zek_home_title .title{font-size: 28px;} .zek_categoryoffter_body{padding: 40px 0;} .zek_tour_meta{padding: 30px 0;} .zek_tour_body .contents .title{font-size: 26px;margin-bottom: 20px;} .zek_tour_body{padding: 40px 0;} .zek_single_related .title{font-size: 26px;margin-bottom: 20px;} .zek_single_related .swiper-slide{height: auto;} .zek_single_related .swiper-slide>*{height: 100%;} .zek_item_news .info{padding: 10px 10px 0;} .zek_tour_meta .infomation .support li{font-size: 16px;} .zek_home_hotel .links{display: none;} .zek_room_body .info_room .inner{position: unset;transform: none;width: 100%;} .zek_room_body{padding: 50px 0;} .zek_room_body .info_room .zek_booking{margin-top: 30px;} .zek_hotel_sec1{padding: 50px 0;} .zek_room_body .related_room .container{max-width: 540px;} .zek_hotel_sec2{margin-bottom: 70px;} } @media(max-width:575px) { .btn, input[type="submit"]{min-width: 120px;height: 40px;} #footer .line{display: none;} .zek_page_banner{height: 260px;} .zek_page_banner.zek_single_banner{height: 260px;} .zek_layout2 .zek_page_banner{height: 350px;} .zek_layout2 .zek_page_banner.zek_single_banner{height: 350px;} .zek_home_title{margin-bottom: 24px;} .zek_home_title .title{font-size: 26px;} .zek_page_banner .zek_home_title .title{font-size: 26px;} .zek_header_top .hotline span{display: none;} .zek_album_body #video button {width: 60px !important;height: 60px !important;} .zek_hotel_sec1{padding: 40px 0;} .zek_hotel_sec2 .col-item{width: 50%;} .zek_list_news .col-item{width: 100%;} .zek_item_news .info .name{height: auto;} .swiper-button-next-n{right: -15px;} .swiper-button-prev-n{left: -15px;} .swiper-button-next-ht{right: -15px;} .swiper-button-prev-ht{left: -15px;} .swiper-button-next-of{right: -15px;} .swiper-button-prev-of{left: -15px;} .swiper-button-next-sv{right: -15px;} .swiper-button-prev-sv{left: -15px;} .zek_item_service .img{height: 260px;} .zek_item_service .info{padding: 15px 20px;} .zek_item_service .info .name{} .zek_item_tour{flex-wrap: wrap;} .zek_item_tour .img{width: 100%;min-height: 200px;} .zek_item_tour .info{width: 100%;padding-left: 15px;} .zek_item_tour .info .price{width: 100%;margin-right: 0;border-radius: 5px 5px 0 0;} .zek_tour_meta .description{font-size: 14px;} .zek_tour_body .gallerys .img{height: 260px;} .zek_tour_body .contents .title{} .zek_categoryoffer_head .line{display: none;} .zek_categoryoffer_head .inner .title{font-size: 26px;} .zek_list_offer .col-item{width: 100%;} .zek_item_offer .info .name{} .zek_home_banner .zek_page_banner .inner{padding-top: 0;top: 45%;} .zek_home_about .line{display: none;} .zek_home_facility .zek_home_title .title{font-size: 26px;} .zek_home_hotel .zek_home_title .title{font-size: 26px;} .zek_home_service .zek_home_title .title{font-size: 26px;} .zek_home_offer .zek_home_title .title{font-size: 26px;} .zek_home_gallery .zek_home_title .title{font-size: 26px;} .swiper_hotel2 .swiper-slide-active{width: 100%;} .zek_item_service .info .name{font-size: 20px;} .zek_grid_album{display: none;} .zek_gallery_mb{display: block;} .zek_gallery_mb .img{aspect-ratio: 16/9;overflow: hidden;} .zek_gallery_mb .img img{height: 100%;transition: all .5s;} .zek_gallery_mb .swiper_album_bot{margin-top: 10px;} .zek_gallery_mb .img:hover img{transform: scale(1.05);} .zek_gallery .img{height: 400px;} .zek_hotel_sec2 .inner{padding: 40px 0;} .zek_hotel_sec2{margin-bottom: 50px;} } @media(max-width:429px) { .zek_contact_body .form_ct .form-button{display: block;} .zek_contact_body .form_ct .form-button input[type="submit"]{margin-top: 10px;} .zek_album_body .grid_box .item{width: 50%;} .zek_album_body .grid_box .item:first-child{width: 100%;} .zek_album_body .grid_box .item:nth-child(8){width: 100%;float: left;} .zek_album_body .grid_box .item:nth-child(11){width: 50%;} .zek_album_body .grid_box .item:nth-child(15){width: 100%;} .zek_footer_main .widget:nth-child(2){width: 100% !important;} .zek_footer_main .widget:nth-child(3){width: 100% !important;} .zek_home_banner .check_book form .group{margin: -5px;} .zek_home_banner .check_book form .group > div{width: 50%;padding: 5px;} .zek_home_banner .check_book form .group .col1{width: 50%;} .zek_home_banner .check_book form .group .col4{width: 50%;} .zek_home_banner .check_book form input[type="submit"]{border-radius: 8px;} .zek_home_about{padding: 30px 0 20px;} .zek_home_hotel{padding: 30px 0 20px;} .zek_home_facility{padding: 10px 0 30px;} .zek_home_facility .item .icon{height: 50px;} .zek_home_facility .item .name{font-size: 16px;margin: 15px 0 10px;} .zek_home_facility .item .text{font-size: 13px;} .zek_home_service{padding: 30px 0;} .zek_home_offer{padding: 30px 0;} } @media(max-width:375px){ .zek_header_logo{width: 100px;height: 100px;padding: 15px 15px 25px;} .zek_header_top .hotline{width: calc(50% - 50px);} .zek_header_top .navs{width: calc(50% - 50px);} .zek_header_menu .container > .flex{height: 40px;} .zek_touch_menu{width: 26px;height: 26px;} .zek_touch_menu:after,.zek_touch_menu:before{left: 4px;} .zek_touch_menu span{left: 4px;} .zek_home_banner .zek_page_banner{height: 400px;} .zek_layout2 .zek_home_banner .zek_page_banner{height: 490px;} .zek_cta a{min-width: 130px;padding: 2px 20px 0;font-size: 13px;height: 40px;} .zek_item_service .info{padding: 15px;width: calc(100% - 40px);} }