html { color: #222222; } :root { --main-color: #ffd8a9; --sub-color: #df1515; --extra-color: #fac686; --black-color: #23232b; --blue-color: #df6726; --border-color: #e3e3e3; --white-color: #ffffff; } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-Regular.ttf"); src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 450; font-display: swap; src: url("../templates/mamahomestay/css/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf"); src: url("../templates/mamahomestay/css/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-Medium.ttf"); src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 550; font-display: swap; src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-MediumItalic.ttf"); src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-SemiBold.ttf"); src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 650; font-display: swap; src: url("../templates/mamahomestay/css/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf"); src: url("../templates/mamahomestay/css/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-Bold.ttf"); src: url("../templates/mamahomestay/css/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 750; font-display: swap; src: url("../templates/mamahomestay/css/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf"); src: url("../templates/mamahomestay/css/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf") format("truetype"); } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, legend, input, button, textarea, p, blockquote { margin: 0; padding: 0; } body { font: 16px/23px Montserrat, Helvetica, Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif; margin: 0; padding: 0; width: 100%; font-weight: 500; background: #fff; line-height: 1.5; } a { text-decoration: none !important; } @media screen and (min-width: 1440px) { body { font: 0.833vw/1.198vw Montserrat, Helvetica, Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif; margin: 0; padding: 0; width: 100%; font-weight: 500; background: #fff; line-height: 1.5; } } input[type="text"], input[type="number"], input[type="password"], textarea, select { -webkit-appearance: none; -moz-appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } blockquote { position: relative; padding: 8px 0px 8px 13px; border-left: 3px solid #f15123; margin-bottom: 12px; margin-left: 25px; } blockquote p, blockquote div, blockquote li, blockquote h2, blockquote h3 { margin-bottom: 0px !important; } .fieldset { margin: 0; padding: 10px; } th, td { margin: 0; } a { color: #222; text-decoration: none; -moz-transition: all 0.2s ease-in 0; -webkit-transition: all 0.2s ease-in; -webkit-transition-delay: 0; transition: all 0.2s ease-in 0; } a:hover { color: var(--extra-color); } table { border-collapse: collapse; border-spacing: 0; } ::-webkit-input-placeholder { font-family: "Montserrat"; } :-ms-input-placeholder { font-family: "Montserrat"; } ::placeholder { font-family: "Montserrat"; } .red, .label_error { color: red; } .label_error { position: absolute; } .redborder { border: 1px solid red; } .bold { font-weight: bold; } .over { overflow: hidden; } img { border: 0; max-width: 100%; } del, ins { text-decoration: none; } li { list-style: none; } .content_li li { list-style: initial; margin-left: 40px; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; font-weight: 650; line-height: 1.5; } q:before, q:after { content: ""; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } legend { color: #000000; font-weight: bold; padding: 0 8px; } figure { margin: 0; text-align: center; margin-bottom: 12px; } .figcaption { font-style: italic; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: none; font-size: 15px; font-weight: 400; display: block; padding: 5px; box-sizing: border-box; color: var(--black-color); } @media screen and (min-width: 1440px) { input, button, textarea, select, optgroup, option { font-size: 0.781vw; } } input::-ms-input-placeholder, button::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, optgroup::-ms-input-placeholder, option::-ms-input-placeholder { font-size: 15px; font-weight: 600; color: var(--black-color); } @media screen and (min-width: 1440px) { input::-ms-input-placeholder, button::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, optgroup::-ms-input-placeholder, option::-ms-input-placeholder { font-size: 0.781vw; } } @media screen and (max-width: 450px) { input::-ms-input-placeholder, button::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, optgroup::-ms-input-placeholder, option::-ms-input-placeholder { font-size: 14px; } } input::placeholder, button::placeholder, textarea::placeholder, select::placeholder, optgroup::placeholder, option::placeholder { font-size: 15px; font-weight: 600; color: var(--black-color); } @media screen and (min-width: 1440px) { input::placeholder, button::placeholder, textarea::placeholder, select::placeholder, optgroup::placeholder, option::placeholder { font-size: 0.781vw; } } @media screen and (max-width: 450px) { input::placeholder, button::placeholder, textarea::placeholder, select::placeholder, optgroup::placeholder, option::placeholder { font-size: 14px; } } option { font-size: 16px; font-weight: 500; } @media screen and (min-width: 1440px) { option { font-size: 0.833vw; } } input, button, textarea, select { *font-size: 100%; } table { font: 100%; border-collapse: collapse; } pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; } select { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: url(templates/mamahomestay/images/drop_select.svg); background-position: 96% center; background-size: 13px; background-repeat: no-repeat; } select:focus { background-image: url(https://mamashomestay.com/templates/mamahomestay/images/up_select.svg); background-position: 96% center; background-size: 13px; background-repeat: no-repeat; } .onchange_trigger { background-image: url(https://mamashomestay.com/templates/mamahomestay/images/drop_select_cart.svg); background-size: 8px; } .onchange_trigger:focus { background-image: url(https://mamashomestay.com/templates/mamahomestay/images/up_select_cart.svg); background-size: 8px; } .padding-top { padding-top: 100px; } .clear, .clearfix { clear: both; } .cls::after { content: ""; display: block; clear: both; } .hidden, .hide, .hiden { display: none; } .pagination { text-align: center; width: 100%; margin-bottom: 80px; } @media screen and (min-width: 1440px) { .pagination { margin-bottom: 4.167vw; } } .scroll_bar::-webkit-scrollbar-track { border-radius: 10px; background-color: #ebebeb; } .scroll_bar::-webkit-scrollbar { width: 8px; background-color: #ebebeb; border-radius: 10px; } .scroll_bar::-webkit-scrollbar-thumb { border-radius: 10px; background: scroll center center var(--main-color); border: 1px solid #ebebeb; } .pagination .current { background: none repeat scroll 0 0 #000000; color: #ffffff; display: inline-block; font-size: 14px; margin-left: 10px; font-size: 18px; padding: 7px 0; box-sizing: border-box; border-radius: 50px; width: 40px; height: 40px; border: 2px solid #000; } @media screen and (min-width: 1440px) { .pagination .current { font-size: 0.938vw; margin-left: 0.521vw; padding: 0.265vw 0; height: 2.083vw; width: 2.083vw; } } .block_testimonials .title_icon { width: 40px; height: 40px; float: left; position: relative; } .block_videos .title_icon { width: 40px; height: 40px; float: left; position: relative; } .pagination a, .pagination b { background: none repeat scroll 0 0 #fff; color: #4c4c4c; display: inline-block; font-size: 18px; margin-left: 10px; padding: 7px 0; border-radius: 50px; text-decoration: none; box-sizing: border-box; border: 1px solid #eee; margin-bottom: 10px; height: 40px; width: 40px; border: 2px solid #000; } @media screen and (min-width: 1440px) { .pagination a, .pagination b { font-size: 0.938vw; margin-left: 0.521vw; padding: 0.265vw 0; height: 2.083vw; width: 2.083vw; } } .pagination a:hover, .pagination b:hover { background: none repeat scroll 0 0 var(--main-color); color: #ffffff; -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; } .next-page:hover { -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; } .pre-page:hover { -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; } .left { float: left; } .right { float: right; } .right-col .block { background: #fff; margin-top: 20px; box-sizing: border-box; } .fr { float: right; } .fl { float: left; } .benmarch { display: none; } .hide { display: none; } .hidetime { display: none; } .submit_bt, .reset_bt { padding: 5px 14px; border-radius: 4px; font-size: 15px; cursor: pointer; } .submit_bt { border: 1px solid #2080ca; background: #2080ca; color: #fff; } .submit_bt:hover { border: 1px solid #c90008; background: #c90008; } .reset_bt { border: 1px solid #b3b1b1; background: #f9f9f9; color: #000; } .reset_bt:hover { border: 1px solid #b3b1b1; background: #cecdcd; } .redborder { border-color: #ed1c24 !important; } .scroll-bar::-webkit-scrollbar-track { border-radius: 15px; background-color: #ebebeb; } .scroll-bar::-webkit-scrollbar { width: 5px; background-color: #ebebeb; border-radius: 15px; } .scroll-bar::-webkit-scrollbar-thumb { border-radius: 15px; background: #2080ca; border: 1px solid #ebebeb; } .right-col { width: 290px; float: right; position: relative; } .main-area-2col-right { width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(100% - 290px); float: left; padding-right: 40px; box-sizing: border-box; } .container { max-width: 1170px; margin: 0 auto; box-sizing: border-box; } @media screen and (min-width: 1440px) { .container { max-width: 75vw; } } @media screen and (max-width: 1170px) { .container { padding: 0 10px; } } .container_tour { max-width: 1170px; margin: 0 auto; box-sizing: border-box; } @media screen and (min-width: 1440px) { .container_tour { max-width: calc(90vw + 40px); } } @media screen and (max-width: 1170px) { .container_tour { padding: 0 10px; } } .container1170 { max-width: 1170px; margin: 0px auto; } @media screen and (min-width: 1440px) { .container1170 { max-width: 60.938vw; } } @media screen and (max-width: 1300px) { .container1170 { padding: 0 10px; } } @media screen and (max-width: 500px) { .container1170 { padding: 0 10px; } } .container1750 { max-width: 1320px; margin: 0 auto; } @media screen and (min-width: 1440px) { .container1750 { max-width: 91.146vw; } } @media screen and (max-width: 1320px) { .container1750 { padding: 0px 10px; } } .container_right { margin: 0 0 0 auto; } @media only screen and (max-width: 1100px) { .container_right { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } .container1920 { max-width: 1920px; margin: 0 auto; } @media screen and (min-width: 1440px) { .container1920 { max-width: 100vw; } } @media only screen and (max-width: 1260px) { .container_main_wrapper { background: #fff; } } .lazy { opacity: 0; } .after-lazy { display: inline-block !important; } .header_wrapper_wrap { width: 100%; z-index: 9; } .header_wrapper { width: 100%; z-index: 100; transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); position: fixed !important; } @media all and (max-width: 768px) { .header_wrapper { padding: 4px 0px 4px; } } .header_menu { display: flex; justify-content: center; align-items: center; position: relative; top: -7px; } .header-l { width: 20%; flex-grow: 1; } @media all and (max-width: 1024px) { .header-l { float: left; justify-content: start; } } .top_menu { width: 60%; float: left; } .search_home { position: relative; float: right; top: -4px; margin-right: 2.083vw; } @media screen and (min-width: 1440px) { .search_home { top: -0.417vw; margin-right: 40px; } } .shopcart { width: 50px; float: right; margin-top: -8px; } .logo_img { max-width: 232px; width: auto !important; } @media all and (max-width: 990px) { .logo_img { max-width: 118px; } } @media all and (max-width: 600px) { .logo_img { height: 26px; } } .logo_img_small { display: none; height: 40px; width: auto !important; } @media all and (max-width: 600px) { .logo_img_small { height: 26px; } } .regions_search { float: right; width: calc(100% - 380px); padding: 15px 0px 0px; box-sizing: border-box; } @media all and (max-width: 1024px) { .regions_search { width: calc(100% - 332px); padding: 11px 55px 0px; } } @media all and (max-width: 760px) { .regions_search { padding: 0px 37px 0px; width: calc(100% - 290px); } } @media all and (max-width: 700px) { .regions_search { padding: 0px; } } .regions_search #search { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } @media screen and (max-width: 550px) { .regions_search #search { right: -50px; position: absolute; width: 300px; top: 45px; z-index: 6; display: none; } } .regions_search .click_search_mobile { display: none; } @media all and (max-width: 550px) { .regions_search .click_search_mobile { display: block; position: absolute; right: 6px; top: 13px; } .regions_search .click_search_mobile svg { width: 20px; height: 20px; fill: #7f7f7f; } } .regions_search .block_regions { width: 100px; float: left; } @media all and (max-width: 800px) { .regions_search .block_regions { display: none; } } .regions_search select { border: none; height: 40px; box-sizing: border-box; background: #eee; border-radius: 4px 0 0 4px; font-size: 13px; display: inline-block; font: inherit; padding: 10px; width: 100px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%), linear-gradient(to right, #eee, #eee); background-position: calc(100% - 19px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; } .regions_search_mb { float: right; width: 200px; margin-top: 6px; } .regions_search_mb select { border: none; height: 40px; box-sizing: border-box; background: #eee; border-radius: 4px; padding: 0 5px; float: right; margin-right: 5px; } .header .logo { display: inline-block; float: left; } .header .logo img { max-width: 130px; height: auto; } @media screen and (min-width: 1440px) { .header .logo img { max-width: 9.271vw; height: auto; } } @media screen and (max-width: 760px) { .header .logo { width: 154px; margin-top: 3px; } } .address_header label { font-weight: bold; text-transform: uppercase; font-size: 14px; color: #5d5a5c; margin-top: 10px; } .address_header:hover label { color: #000; } .support_phone li { margin-bottom: 10px; border-bottom: 1px solid #f9f9f9; padding-bottom: 10px; position: relative; padding-left: 39px; } .support_phone li::before { position: absolute; background: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; content: " "; width: 33px; height: 33px; top: 1px; left: 0px; border: 1px solid #ddd; border-radius: 50%; box-sizing: border-box; background-position: center; } .support_phone li:last-child { margin-bottom: 0px; border-bottom: none; padding-bottom: 10px; } .address_header_head::before { background-position: -133px 1px; } .header .site-info { color: #fff; padding-top: 10px; display: flex; justify-content: end; font-weight: 400; } @media screen and (min-width: 1440px) { .header .site-info { padding-top: 1.042vw; } } .header .site-info .hotline { display: flex; align-items: center; color: #fff; font-size: 12px; font-weight: 400; } .header .site-info .hotline:hover { color: var(--main-color); } @media screen and (min-width: 1440px) { .header .site-info .hotline { font-size: 0.729vw; } } .header .site-info .hotline svg { margin-right: 10px; } @media screen and (min-width: 1440px) { .header .site-info .hotline svg { margin-right: 0.521vw; height: 0.938vw; width: 0.938vw; } } .header .site-info .header_social { margin-left: 15px; display: flex; align-items: center; } .header .site-info .header_social svg { width: 12px; height: 12px; } .header .site-info .header_social svg:hover { fill: var(--main-color); } @media screen and (min-width: 1440px) { .header .site-info .header_social { margin-left: 0.781vw; } .header .site-info .header_social svg { height: 0.781vw; width: 0.781vw; } } .header .site-info .header_social a { margin-left: 20px; display: flex; align-items: center; } @media screen and (min-width: 1440px) { .header .site-info .header_social a { margin-left: 1.042vw; } } .header .more_info { color: #999999; font-size: 12px; margin-top: 0px; position: relative; padding-right: 23px; } .header .more_info::before { position: absolute; content: " "; width: 10px; height: 10px; top: 3px; right: 0px; background-position: -45px -70px; background-repeat: no-repeat; z-index: 100; background-color: #fff; } .sb-toggle-left { width: 24px; float: right; margin-top: 10px; display: none; } @media all and (max-width: 1024px) { .sb-toggle-left { margin-top: 0px; display: block; margin-left: 15px; } } .navicon-line { width: 24px; height: 3px; border-radius: 0px; margin-bottom: 5px; background-color: #fff; } @media all and (max-width: 330px) { .navicon-line { width: 20px; margin-bottom: 3px; } } .modal-menu-full-screen { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; display: none; background: #000000cc; z-index: 5; } .modal-menu-full-screen_white { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; display: none; background: #ffffffc9; z-index: 2; } .text-compare { margin-top: 4px; text-align: right; } .text-compare a { color: #999999; display: block; font-size: 12px; } .div_megamenu1 { background: var(--extra-color); width: 100%; z-index: 99; } .div_megamenu1 .top_menu { width: calc(100% - 282px); float: right; } @media screen and (max-width: 1024px) { .div_megamenu1 .top_menu { display: none; } } .div_megamenu1 .div_megamenu_left { width: 282px; float: left; box-sizing: border-box; background: var(--sub-color); } @media screen and (max-width: 1024px) { .div_megamenu1 .div_megamenu_left { width: 100%; float: none; text-align: center; border: none; box-shadow: 0px 0px #ccc; display: none; } } .div_megamenu1 .div_megamenu_left:hover .product_menu_fix_top { display: block; } .div_megamenu1 .div_megamenu_left .product_menu_fix_top { display: none; } @media only screen and (max-width: 1140px) { .slideshow_countdown { width: 100%; float: none; } } @media only screen and (max-width: 780px) { .slideshow_countdown { padding-top: 0px; } } .login_icon { float: right; width: 95px; } @media screen and (max-width: 760px) { .login_icon { width: 25px; float: left; } } .login_icon a { color: #fff; display: block; } @media screen and (max-width: 760px) { .login_icon .my-account, .login_icon .log-out { display: none; } } .login_icon .my-account { margin-top: -10px; } .login_icon .login_icon_inner { position: relative; padding-left: 33px; box-sizing: border-box; display: inline-block; color: #fff; } @media screen and (max-width: 760px) { .login_icon .login_icon_inner span { display: none; } } .login_icon .login_icon_inner svg { width: 23px; height: 23px; fill: #ffffff; left: 0px; top: -4px; position: absolute; } @media screen and (max-width: 760px) { .login_icon .login_icon_inner svg { top: -17px; } } @media screen and (max-width: 600px) { .login_icon .login_icon_inner svg { top: -20px; } } .support_top { float: right; position: relative; color: #222; padding-left: 44px; width: 146px; box-sizing: border-box; } .support_top svg { width: 33px; height: 33px; position: absolute; fill: var(--extra-color); left: 0px; top: 0px; } .support_top a { color: red !important; font-size: 16px; } .support_top div { font-size: 12px; } @media all and (max-width: 1090px) { .support_top { display: none; } } .slideshow_countdown .slideshow { width: 100%; position: relative; } .slideshow_countdown > .countdown { width: 280px; } .slideshow_countdown > .countdown .item { margin-bottom: 20px; } .slideshow_countdown > .countdown .item:nth-child(2) { margin-bottom: 0px; } .slideshow_countdown > .countdown .item a { display: grid; } @media all and (max-width: 1140px) { .slideshow_countdown > .countdown { width: 32%; } } @media all and (max-width: 1024px) { .slideshow_countdown > .countdown { width: calc(32% - 6px); } } .slideshow_countdown > .countdown .block { margin-top: 15px; } .slideshow_countdown > .countdown .block:first-child { margin-top: 0px; } .home_pos { margin-top: 30px; } @media all and (max-width: 600px) { .home_pos { display: none; } } .home_pos .banners { display: flex; flex-wrap: wrap; margin: 0px -10px; } .home_pos .banners .item { width: calc(100% / 3 - 20px); margin: 0px 10px; } .block_banner_3_colunm { margin-left: -15px; margin-right: -15px; } .block_banner_3_colunm .banner_item { display: block; float: left; width: 33.333%; box-sizing: border-box; padding: 0 15px; overflow: hidden; } .block_banner_3_colunm .banner_item img { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } @media only screen and (min-width: 768px) { .pos_mixed { margin-top: 15px; } } .main_wrapper .left-col .block, .main_wrapper .right-col .block { margin-bottom: 20px; border: 1px solid #ebebeb; } .main_wrapper .right-col .newslist_0 { border: 1px solid var(--extra-color); margin-top: 0px; } .right-col .block_title, .left-col .block_title { color: #2080ca; cursor: pointer; font-size: 15px; text-transform: uppercase; font-weight: 500; text-align: center; padding-bottom: 10px; padding-top: 10px; background: var(--extra-color); font-weight: bold; color: #fff; } .main_wrapper_home { padding: 0px; } .title-block-lr { font-family: "Montserrat"; text-transform: uppercase; font-size: 18px; margin-bottom: 22px; } .block_title { font-size: 32px; text-align: center; display: block; font-weight: 650; padding: 60px 0px 50px 0px; } @media screen and (min-width: 1440px) { .block_title { padding: 4.688vw 0 2.604vw 0; font-size: 2.083vw; } } @media all and (max-width: 768px) { .block_title { font-size: 26px; padding: 30px 0px 30px; line-height: 34px; } } @media all and (max-width: 480px) { .block_title { font-size: 23px; line-height: 28px; } } @media all and (max-width: 768px) { .pos9 { padding: 40px 0px 0px; } } .pos7 { margin-top: 80px; } @media all and (max-width: 768px) { .pos7 { margin-top: 50px; } } .pos6 { margin-top: 110px; } @media all and (max-width: 768px) { .pos6 { margin-top: 90px; } } .pos1 .container { width: 100vw; } .pos3, .pos8, .pos9 { margin-top: 110px; } @media all and (max-width: 768px) { .pos3, .pos8, .pos9 { margin-top: 50px; } } @media all and (max-width: 480px) { .pos3, .pos8, .pos9 { margin-top: 40px; } } @media screen and (min-width: 1440px) { .pos3, .pos8, .pos9 { margin-top: 6.59vw; } } .pos3 { position: relative; } .pos3 .bg_logo { position: absolute; bottom: -8%; left: 2%; } .pos3 .bg_logo img { opacity: 0.06; } @media screen and (min-width: 1440px) { .pos3 .bg_logo img { width: 23.646vw; height: 27.604vw; } } @media screen and (max-width: 1440px) { .pos3 .bg_logo img { width: 360px; height: 440px; } } @media screen and (max-width: 1080px) { .pos3 .bg_logo img { width: 340px; height: 420px; } } @media screen and (max-width: 420px) { .pos3 .bg_logo img { width: 300px; height: 360px; } } @media screen and (max-width: 1300px) { .pos3 .bg_logo { bottom: -10%; } } @media screen and (max-width: 1024px) { .pos3 .bg_logo { bottom: 0; top: -7%; left: 15%; } } @media screen and (max-width: 768px) { .pos3 .bg_logo { top: -2%; left: 4%; } } @media screen and (max-width: 420px) { .pos3 .bg_logo { top: -2%; } } .pos5 { margin-top: 167px; } @media screen and (min-width: 1440px) { .pos5 { margin-top: 8.698vw; } } @media screen and (max-width: 1440px) { .pos5 { margin-top: 120px; } } @media screen and (max-width: 768px) { .pos5 { margin-top: 40px; } } .pos6 .block_title, .pos7 .block_title { text-align: center; margin-bottom: 76px; } @media all and (max-width: 768px) { .pos6 .block_title, .pos7 .block_title { margin-bottom: 50px; } } .pos6 .block_title:before, .pos7 .block_title:before { transform: translateX(-50%); left: 50%; } .pos6 .block_title:after, .pos7 .block_title:after { display: none; } .pos6 .block_title span, .pos7 .block_title span { position: relative; } .pos6 .block_title span:before, .pos6 .block_title span:after, .pos7 .block_title span:before, .pos7 .block_title span:after { content: " "; width: 100px; height: 1px; background: #dedede; top: 78px; left: 45%; transform: translateX(-100%); position: absolute; } @media all and (max-width: 768px) { .pos6 .block_title span:before, .pos6 .block_title span:after, .pos7 .block_title span:before, .pos7 .block_title span:after { top: 58px; } } @media all and (max-width: 420px) { .pos6 .block_title span:before, .pos6 .block_title span:after, .pos7 .block_title span:before, .pos7 .block_title span:after { top: 41px; width: 60px; } } .pos6 .block_title span:after, .pos7 .block_title span:after { left: auto; right: 45%; transform: translateX(100%); } .pos6 .summary-block, .pos7 .summary-block { font-size: 16px; margin-bottom: 46px; text-align: center; line-height: 22px; } @media all and (max-width: 420px) { .pos6 .summary-block, .pos7 .summary-block { font-size: 14px; } } .pos11 .block_title { padding: 140px 0 40px 0; } @media screen and (min-width: 1440px) { .pos11 .block_title { padding: 7.088vw 0 1.304vw 0; } } @media screen and (max-width: 990px) { .pos11 .block_title { padding: 70px 0 40px 0; } } @media screen and (max-width: 768px) { .pos11 .block_title { padding: 30px 0 30px 0; } } .pos12 { background: #f2f2f2; padding-bottom: 50px; } @media screen and (min-width: 1440px) { .pos12 { padding-bottom: 6.771vw; } } .btn-register-bl { text-align: center; margin-top: 54px; } .btn-register-bl a { background: var(--main-color); border: none; color: #fff; padding: 11px 10px 10px; width: 224px; box-sizing: border-box; border-radius: 40px; cursor: pointer; transition: 0.2s; border: 1px solid transparent; font-size: 16px; display: inline-block; text-align: center; text-transform: uppercase; } .btn-register-bl a:hover { background: #fff; color: #222; border: 1px solid #fce0b7c7; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; } @media all and (max-width: 500px) { .btn-register-bl { margin-top: 30px; } .btn-register-bl a { width: 170px; padding: 7px 10px 6px; font-size: 14px; } } footer { background: #252525; padding: 145px 0px 0px; width: 100%; opacity: 1 !important; position: relative; } @media screen and (min-width: 1440px) { footer { padding: 6.771vw 0 0; } } footer .container { display: flex; flex-wrap: wrap; } footer .container1170 { display: flex; flex-wrap: wrap; } footer .logo_footer { max-width: 263px; margin-right: 80px; max-width: 13.698vw; } @media screen and (min-width: 1440px) { footer .logo_footer { margin-right: 4.167vw; max-width: 13.698vw; } } footer .logo_footer img { max-width: 100%; height: auto; } footer .footer_info { width: calc(100% - 263px - 80px); } @media screen and (min-width: 1440px) { footer .footer_info { width: calc(100% - 13.698vw - 4.167vw); } } footer .footer_info .footer_address { display: flex; flex-wrap: wrap; } footer .footer_info .title { margin: 20px 0; text-transform: uppercase; font-size: 16px; font-weight: 500; display: flex; white-space: nowrap; align-items: center; } @media screen and (min-width: 1440px) { footer .footer_info .title { margin: 1.823vw 0 1.302vw; font-size: 0.938vw; } } footer .footer_info .address { width: 55%; margin-right: 3.125vw; } @media screen and (max-width: 550px) { footer .footer_info .address { width: 100%; margin-bottom: 30px; } } footer .footer_info .address p { font-weight: 400; } footer .footer_info .address p a { color: var(--main-color); text-decoration: underline; } footer .footer_info .address .text_add { margin-bottom: 5px; } @media screen and (min-width: 1440px) { footer .footer_info .address .text_add { margin-bottom: 0.365vw; } } footer .footer_info .address .text_map, footer .footer_info .address .hotline_add { margin-bottom: 10px; } @media screen and (min-width: 1440px) { footer .footer_info .address .text_map, footer .footer_info .address .hotline_add { margin-bottom: 0.781vw; } } footer .footer_info .address .title::after { content: ""; width: 80%; height: 1px; background-color: gray; display: inline-block; margin-left: 10px; } @media screen and (min-width: 1440px) { footer .footer_info .address .title::after { height: 0.052vw; } } footer .footer_info .social { width: 35%; } @media screen and (max-width: 550px) { footer .footer_info .social { width: 100%; } } footer .footer_info .social .title::after { content: ""; width: 40%; height: 1px; background-color: gray; display: inline-block; margin-bottom: 5px; margin-left: 10px; } @media screen and (min-width: 1440px) { footer .footer_info .social .title::after { height: 0.052vw; } } footer .footer_info .social .qr-img img { width: 65%; height: auto; } @media screen and (max-width: 1024px) { footer { padding: 35px 0px 0px; } } footer .bg_footer { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; background-image: -webkit-linear-gradient( bottom, transparent, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.6117647059), rgba(0, 0, 0, 0.8), #000 ); } footer .bg_footer img { width: 100%; height: 100%; opacity: 0.07; vertical-align: middle; } footer .footer_info { padding: 10px 0; color: #fff; margin: 0 auto; width: 67%; } @media screen and (min-width: 1440px) { footer .footer_info { padding: 0.521vw 0; } } @media screen and (max-width: 768px) { footer .footer_info { width: 100%; } } footer .logo_footer { max-width: 250px; } @media screen and (min-width: 1440px) { footer .logo_footer { max-width: 13.542vw; } } @media screen and (max-width: 768px) { footer .logo_footer { max-width: 150px; height: auto; margin: 0px auto; } } footer .top-ft { padding-bottom: 54px; position: relative; z-index: 1; } @media screen and (max-width: 1024px) { footer .top-ft { padding-bottom: 10px; } } footer .top-ft .top-ft-l { width: 23%; float: left; text-align: center; } @media screen and (max-width: 768px) { footer .top-ft .top-ft-l { width: 100%; float: none; margin-bottom: 18px; text-align: center; } footer .top-ft .top-ft-l .footer_info { margin-top: 10px; font-size: 14px; } } footer .top-ft .top-ft-c { width: calc(17% - 20px); float: left; margin-left: 20px; color: #fff; line-height: 22px; font-size: 14px; } @media screen and (max-width: 768px) { footer .top-ft .top-ft-c { width: 100%; margin-left: 0px; float: none; margin-bottom: 20px; } } footer .top-ft .top-ft-c2 { width: calc(25% - 20px); float: left; margin-left: 20px; line-height: 22px; font-size: 14px; } @media screen and (max-width: 768px) { footer .top-ft .top-ft-c2 { width: 100%; margin-left: 0px; margin-bottom: 15px; float: none; } } footer .top-ft .img-map { margin-top: 14px; width: 100%; height: auto; } footer .top-ft .top-ft-r { width: calc(35% - 25px); margin-left: 20px; float: right; box-sizing: border-box; } footer .top-ft .top-ft-r .dmca { width: 53px; } footer .top-ft .top-ft-r .bct { width: 158px; } @media screen and (max-width: 768px) { footer .top-ft .top-ft-r { width: 100%; float: none; padding-left: 0px; margin-left: 0px; } } @media screen and (max-width: 430px) { footer .top-ft .top-ft-r { width: 100%; float: none; padding-left: 0px; position: relative; height: 52px; } footer .top-ft .top-ft-r .share_fast_small { text-align: center; margin-top: 10px; position: absolute; left: 50%; transform: translateX(-50%); width: 200px; } } footer .top-ft .top-ft-l .title, footer .top-ft .top-ft-r .title, footer .top-ft .top-ft-c2 .title { text-transform: uppercase; margin-bottom: 6px; font-size: 18px; color: #222; } @media screen and (max-width: 500px) { footer .top-ft .top-ft-l .title, footer .top-ft .top-ft-r .title, footer .top-ft .top-ft-c2 .title { margin-bottom: 10px; font-size: 14px; } } footer .bot-ft { background: #f6f6f6; padding: 18px 0px; } footer .bot-ft .bot-ft-l { width: 70%; float: left; line-height: 20px; } footer .bot-ft .bot-ft-r { width: 30%; float: right; } @media screen and (max-width: 680px) { footer .bot-ft .bot-ft-l { width: 100%; float: none; text-align: center; } footer .bot-ft .bot-ft-r { width: 100%; float: none; text-align: center; } } @media screen and (max-width: 500px) { footer .bot-ft { margin-bottom: 50px; } } footer .adv_footer { width: 33%; float: right; } @media all and (max-width: 800px) { footer .adv_footer { width: 100%; float: none; } } footer .adv_footer h3 { text-transform: uppercase; margin-bottom: 30px; font-size: 16px; color: #fff; font-weight: bold; display: block; } @media all and (max-width: 600px) { footer .adv_footer h3 { margin-bottom: 15px; } } footer .regions #regions_footer { height: 34px; background: #f3f3f3; border: none; border-radius: 4px; padding-left: 10px; box-sizing: border-box; } .footer_im { padding: 20px 0; margin-top: 20px; border-top: 1px dashed #bbbbbb; border-bottom: 1px dashed #bbbbbb; } .footer_im .dtb { display: inline-block; margin-left: 20%; margin-top: -10px; margin-bottom: -32px; float: left; } @media all and (max-width: 800px) { .footer_im .dtb { margin-left: 20px; } } @media all and (max-width: 600px) { .footer_im .dtb { margin-left: 0; margin-top: 0; } } .footer_im .copyright { float: right; line-height: 40px; color: #848484; } .footer_im .copyright span { color: #222; } footer .regions { width: 30%; padding-left: 50px; box-sizing: border-box; } @media all and (max-width: 800px) { footer .regions { width: 30%; padding-right: 10px; box-sizing: border-box; } } @media all and (max-width: 600px) { footer .regions { width: 50%; padding-left: 0; } } footer .info { width: 20%; float: left; box-sizing: border-box; } @media all and (max-width: 800px) { footer .info { padding-left: 50px; width: 30%; padding-right: 10px; box-sizing: border-box; } } @media all and (max-width: 600px) { footer .info { width: 50%; padding-left: 20px; padding-right: 0px; } } footer .info h3 { text-transform: uppercase; margin-bottom: 20px; font-weight: bold; font-size: 15px; } @media all and (max-width: 600px) { footer .info h3 { margin-bottom: 15px; } } footer .info p { line-height: 18px; margin-bottom: 12px; } @media all and (max-width: 600px) { footer .info p { line-height: 15px; margin-bottom: 10px; } } .region_name { text-transform: uppercase; margin-top: 15px; text-decoration: underline; } .footer_title { text-transform: uppercase; margin-bottom: 20px; font-weight: bold; font-size: 15px; color: #222; } @media all and (max-width: 600px) { .footer_title { margin-bottom: 15px; } } .address_regions ul { margin-top: 12px; color: #252525; position: relative; } .address_regions ul li { position: relative; padding-left: 20px; } .address_regions ul li svg { width: 15px; height: 15px; position: absolute; left: 0; fill: var(--main-color); } @media all and (max-width: 600px) { .address_regions ul { margin-top: 5px; } } .address_regions ul:before { width: 9px; height: 20px; display: inline-block; margin-right: 10px; background: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; position: absolute; top: 2px; left: 0px; } .address_regions ul li:nth-child(1) i { width: 9px; height: 20px; display: inline-block; margin-right: 10px; background: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; position: absolute; top: 4px; left: 0; } .address_regions ul li:nth-child(2) { color: #cccccc; } .address_regions ul li:nth-child(2) a { color: #cccccc; } .address_regions > span { margin-right: 10px; } .banner_top { text-align: center; background: var(--main-color); position: relative; } .banner_top img { margin-bottom: -4px; } .banner_top .close_banner_top { position: absolute; right: 30px; top: 50%; cursor: pointer; transform: translate(0, -50%); } .banner_top .close_banner_top svg { fill: #ccc; width: 20px; height: 20px; } .banner_top .close_banner_top svg:hover { fill: red; } .banner-off { display: none; } .top1 { background-image: url("https://mamashomestay.com/templates/mamahomestay/images/bg_top1.jpg"); background-size: 100% 100%; padding: 35px 0 15px 35px; } .number1 { color: #fff; } .number1 .stt1 { display: inline-block; font-size: 60px; font-weight: bold; line-height: 60px; transform: scale(0.9, 1); text-shadow: 2px 2px #868686cc; } @media all and (max-width: 600px) { .number1 .stt1 { font-size: 40px; } } @media all and (max-width: 325) { .number1 .stt1 { font-size: 30px; } } .number1 font { font-size: 45px; display: inline-block; font-weight: bold; line-height: 60px; margin: 0 3px; width: 65px; position: relative; height: 30px; } @media all and (max-width: 600px) { .number1 font { width: 45px; } } @media all and (max-width: 325px) { .number1 font { width: 30px; } } .number1 font:after { content: ""; height: 90px; background-image: url("https://mamashomestay.com/templates/mamahomestay/images/bg1.png"); width: 65px; position: absolute; top: -30px; left: 0px; animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-2-bh; } @media all and (max-width: 600px) { .number1 font:after { background-size: 100% 100%; top: -8px; height: 55px; width: 40px; } } .number1 .stt2 { display: inline-block; font-size: 22px; text-transform: uppercase; line-height: 25px; transform: scale(0.85, 1); text-shadow: 2px 2px #868686cc; } @media all and (max-width: 600px) { .number1 .stt2 { font-size: 16px; } } .countdown .number1 { color: #fff; } @media all and (max-width: 800px) { .countdown .number1 { display: none; } } .bot1 { background-size: 100% 100%; text-align: center; } .bot1 img { width: 100%; } @media all and (max-width: 1250px) { .bot1 { margin-top: 0px; } } @media all and (max-width: 800px) { .bot1 { width: 48%; float: left; padding-right: 10px; box-sizing: border-box; } } @media all and (max-width: 600px) { .bot1 { margin-top: 0; width: 100%; padding-right: 0px; } } .newtop { margin-top: 10px; } @media all and (max-width: 800px) { .newtop { width: 52%; float: left; margin-top: 0px; } } @media all and (max-width: 600px) { .newtop { margin-top: 0; width: 100%; padding-right: 0px; display: none; } } @media all and (min-width: 800px) { .banner-home-top .number1 font:after { animation: unset; } } .time-dow-event .time { display: inline-block; margin: 3px; background: #f3f1f2; padding: 3px 0px; width: 56px; } @media all and (max-width: 1200px) { .time-dow-event .time { width: 50px; } } .time-dow-event .time_1 { font-weight: bold; } .footer_l { width: 25%; } @media all and (max-width: 1000px) { .footer_l { width: 100%; } } .footer_r_w { width: 25%; } .footer_r_w .block_title { padding: 0; text-transform: uppercase; margin-bottom: 30px; font-weight: bold; font-size: 15px; color: #222; background: none; } .footer_r { width: 270px; float: right; } @media all and (max-width: 800px) { .footer_r { width: 50%; float: left; margin-top: 20px; } } @media all and (max-width: 500px) { .footer_r { width: 100%; float: left; margin-top: 20px; } } .footer_r .block_title { background: none; padding: 0; font-size: 15px; margin-bottom: 20px; } footer .tags { margin-top: 15px; } footer .tags, footer .tags a { color: #929292; font-size: 12px; color: #929292; font-size: 12px; } .footer2 { background: #1b1b1b; color: #ccc; padding: 8px 0; text-align: center; border-top: 1px solid #7d7d7d; } #menu-fixed-bar { width: 40%; z-index: 999; transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1); float: right; } .slide-down { -ms-transform: translateY(-100%); transform: translateY(-100%); transition: 0.5s; } .slide-up { -ms-transform: translateY(0); transform: translateY(0); transition: 0.5s; } .m-slide-down { -ms-transform: translateY(-100%); transform: translateY(-100%); } .m-slide-up { -ms-transform: translateY(0); transform: translateY(0); background: #fdfdfd; z-index: 1000; box-shadow: 0px 0px 2px 2px #ccc; } #fixed-bar { position: fixed; bottom: 0; height: 45px; z-index: 999; } #fixed-bar > div { float: left; max-width: 22%; cursor: pointer; text-align: center; text-transform: uppercase; font-size: 11px; width: 35px; } #fixed-bar > div .wrap_icon { margin-top: 5px; margin-bottom: 3px; } #fixed-bar > div .wrap_icon i { padding: 5px 15px; } #fixed-bar .buy_now_bt .wrap_icon i { background-position: 0px -351px; } #fixed-bar .call .wrap_icon i { background-position: -34px -351px; } #fixed-bar #bar-inner .wrap_icon i { background-position: -64px -351px; } .certified_bct { background-position: 0px -92px; content: " "; height: 36px; display: block; margin-top: 11px; padding-top: 12px; width: 131px; } .suntory-alo-phone { background-color: transparent; cursor: pointer; height: 120px; position: fixed; transition: visibility 0.5s ease 0s; width: 120px; z-index: 200000 !important; display: none; left: -13px; bottom: -25px; } .suntory-alo-ph-circle { animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; background-color: transparent; border: 2px solid rgba(30, 30, 30, 0.4); border-radius: 100%; height: 100px; left: 0px; opacity: 0.1; position: absolute; top: 0px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 100px; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle { border-color: #1aa23ee8; opacity: 1; } .suntory-alo-ph-circle-fill { animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim; border: 2px solid transparent; border-radius: 100%; height: 70px; left: 15px; position: absolute; top: 15px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 70px; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill { background-color: #1aa23ee8; } .suntory-alo-ph-img-circle { border: 2px solid transparent; border-radius: 100%; height: 50px; left: 25px; position: absolute; top: 25px; transform-origin: 50% 50% 0; width: 50px; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle { background-color: #1aa23ee8; } .suntory-alo-ph-img-circle svg { position: absolute; top: 13px; left: 13px; } .description { font-size: 16px; color: var(--black-color); font-weight: 500; line-height: 1.6; } @media screen and (min-width: 1400px) { .description { font-size: 0.833vw; } } .description strong { font-weight: 700; } .description a { color: var(--main-color); } .description h2 { font-size: 22px; font-weight: 700; color: var(--black-color); } @media screen and (min-width: 1400px) { .description h2 { font-size: 1.146vw; } } .description h3 { font-size: 20px; font-weight: 700; color: var(--black-color); } @media screen and (min-width: 1400px) { .description h3 { font-size: 1.042vw; } } .description h2, .description h3, .description h4, .description ul { margin-bottom: 10px; } @media screen and (min-width: 1400px) { .description h2, .description h3, .description h4, .description ul { margin-bottom: 0.521vw; } } .description p { margin-bottom: 5px; } @media screen and (min-width: 1440px) { .description p { margin-bottom: 0.26vw; } } .description img { max-width: 100%; height: auto !important; } .description ul li { margin-left: 30px; list-style: initial; } .description table { border: 1px solid #ccc; font-size: 15px; width: 100% !important; margin-bottom: 10px; } .description table tr, .description table td { border: 1px solid #ccc; } .description table td { padding-left: 10px !important; padding-top: 5px !important; padding-bottom: 5px !important; } .description table td p span { font-size: 13px !important; } .description table td span strong { font-size: 13px !important; } .description table td span span strong { font-size: 13px !important; } .description ol { padding-left: 30px; } .description ol li { list-style: decimal !important; } .description figure { width: 100% !important; } @keyframes suntory-alo-circle-anim { 0% { opacity: 0.1; transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.6; transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes suntory-alo-circle-img-anim { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes suntory-alo-circle-fill-anim { 0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(1deg); } 100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } } #cfacebook a.chat_fb_openned:before { content: "x"; position: absolute; right: 10px; color: #fff; top: 3px; } #cfacebook .fchat { float: left; width: 100%; height: 270px; overflow: hidden; display: none; background-color: #fff; } #cfacebook .fchat .fb-page { margin-top: -130px; float: left; } #cfacebook a.chat_fb:hover { color: #ff0; text-decoration: none; } #cfacebook { position: fixed; bottom: 30px; left: 10px; z-index: 99999; height: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } @media all and (max-width: 600px) { #cfacebook { display: none; } } #cfacebook a.chat_fb { float: left; padding: 6px 6px 0px 6px; color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-repeat: repeat-x; background-size: auto; background-position: 0 0; background-color: #3a5795; border: 0; z-index: 9999999; font-size: 15px; box-sizing: border-box; text-align: center; font-weight: bold; border-radius: 50%; display: block; position: relative; } #cfacebook a.chat_fb:after { display: block; width: 19px; height: 19px; color: #fff; content: "2"; position: absolute; top: 0px; right: 0px; background: red; border-radius: 50%; font-size: 13px; line-height: 18px; } #cfacebook a.chat_fb svg { width: 45px; height: 45px; } #cfacebook a.chat_fb span { display: none; } #cfacebook .fchat .fb-page { margin-top: 0px; float: left; } #cfacebook a.chat_fb_openned { border-radius: 0; width: 100%; } #cfacebook a.chat_fb_openned svg { display: none; } #cfacebook a.chat_fb_openned i { display: none; } #cfacebook a.chat_fb_openned::after { display: none; } #cfacebook a.chat_fb_openned span { display: block; } .fixed_icons { position: fixed; right: 0; top: 40%; transform: translate(0, -50px); z-index: 100; display: none; } .fixed_icons .icon_v1 { width: 44px; height: 44px; display: inline-block; background-color: var(--extra-color); } .address_header .more_info { position: relative; } .address_header .more_info::before { position: absolute; content: " "; width: 10px; height: 10px; top: 3px; right: 0px; background-position: -45px -70px; background-repeat: no-repeat; z-index: 100; background-color: #fff; } .address_header { display: none; } .address_fixed_popup { margin-top: -3px; } .hotline_fixed_popup, .address_fixed_popup { position: relative; } .hotline_fixed_popup .icon_v1:after { content: ""; background: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; width: 28px; height: 28px; display: block; margin: 8px; } .address_fixed_popup .icon_v1:after { content: ""; background: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; width: 28px; height: 28px; display: block; margin: 8px; } .hotline_fixed_popup_content, .address_header { position: absolute; width: 260px; top: 0; right: 100%; padding-right: 10px; display: none; margin-top: 0; } .hotline_fixed_popup:hover .hotline_fixed_popup_content { display: block; } .address_fixed_popup:hover .address_header { display: block; max-height: 166px; overflow-y: auto; overflow-x: hidden; } .add_full, .support_phone { position: relative; width: 100%; right: 0; background: #fff; border: 1px solid #f5f5f5; padding: 10px; border-radius: 0 0 4px 4px; border-top: 3px solid #0183bf; z-index: 101; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; box-sizing: border-box; } .add_full ul { position: relative; padding-left: 18px; margin-bottom: 10px; } .add_full ul::before { position: absolute; content: " "; width: 14px; height: 20px; top: 4px; left: 0px; position: absolute; background: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; content: " "; top: 1px; left: 0px; } .add_full ul li:nth-child(2) { color: #999999; font-size: 13px; margin-top: 2px; } .support_phone ul li .name { font-weight: bold; } .support_phone ul li .phone { color: #afafaf; font-size: 15px; margin-top: 6px; } .support_phone ul li .phone a { color: #777; font-size: 13px; } .address_header:hover .add_full { display: block !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .header .hotline:hover .support_phone { display: block !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .arrow_box { position: relative; background: #fff; border: 1px solid #f5f5f5; } .arrow_box:after, .arrow_box:before { left: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 8px; margin-top: -8px; } .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-left-color: #f5f5f5; border-width: 9px; margin-top: -9px; } @media only screen and (max-width: 880px) { .pos_mixed_left { float: none; width: 100%; } .pos_mixed_right { float: none; width: 100%; margin-top: 15px; } } @media only screen and (max-width: 800px) { .slideshow_countdown .slideshow { width: 100%; float: left; max-width: 100%; } .slideshow_countdown > .countdown { width: 100%; clear: both; margin-top: 5px; display: none; } } @media only screen and (max-width: 600px) { .address_header { display: none; } footer .menu_footer { width: 100%; margin-top: 20px; padding: 0; } .suntory-alo-phone { display: block; bottom: 60px; width: 40px; height: 40px; } } @media only screen and (max-width: 450px) { .regions_search .block_regions { width: 80px; } } .banner-home-top { margin-top: 20px; background-size: cover; } @media all and (max-width: 800px) { .banner-home-top { margin-top: 0px; } } @media all and (max-width: 600px) { .banner-home-top { display: flex; flex-wrap: wrap; margin-top: 10px; display: none; } } .banner-home-bottom { margin-bottom: 10px; } @keyframes spin2 { 0% { transform: rotate(0deg); } 40% { transform: rotate(0deg); } 50% { transform: rotate(10deg); } 70% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); } } @keyframes fade-bg1111 { 0% { transform: translate(30px); opacity: 0, 5; } 50% { transform: translate(-140px); opacity: 1; } 51% { transform: translate(-140px); opacity: 0.5; } 100% { transform: translate(30px); opacity: 1; } } @keyframes fade-bg1112 { 0% { transform: scale(0.9, 1.1); } 50% { transform: scale(0.7, 0.8); } 51% { transform: scale(0.7, 0.8); } 100% { transform: scale(0.9, 1.1); } } @keyframes chang-rotage-anim-2-bh { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 45% { transform: rotate(-25deg) scale(1.3) skew(1deg); } 60% { transform: rotate(25deg) scale(1) skew(1deg); } 65% { transform: rotate(-25deg) scale(1.3) skew(1deg); } 70% { transform: rotate(25deg) scale(1) skew(1deg); } 85% { transform: rotateY(360deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } #fixed-bar { margin: 0; padding: 0; z-index: 100; right: 10px; border-radius: 50%; } @media all and (max-width: 600px) { #fixed-bar { bottom: 70px !important; } } #fixed-bar #bar-inner { height: 50px; margin: 0 10px 0 auto; } #fixed-bar #bar-inner a { background: #fc860059; opacity: 0.7; display: block; border-radius: 50%; text-decoration: none; -moz-transition: all 0.2s ease-in 0; -webkit-transition: all 0.2s ease-in; -webkit-transition-delay: 0; transition: all 0.2s ease-in 0; width: 44px; height: 44px; text-align: center; line-height: 44px; box-sizing: border-box; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } #fixed-bar #bar-inner a svg { width: 20px; height: 20px; margin-top: 12px; fill: #fff; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } #fixed-bar:hover #bar-inner a { opacity: 1; } #fixed-bar:hover #bar-inner a svg { fill: var(--main-color); } .tag_foot { margin-top: 5px; } .tag_foot a { color: #bdbdbd; } @media all and (max-width: 800px) { .support { width: 100%; padding-left: 0px; } } @media all and (max-width: 600px) { .support { width: 100%; padding-right: 0; } } .support .item { position: relative; padding-left: 70px; padding-top: 15px; padding-bottom: 15px; color: #fff; margin-bottom: 20px; } @media all and (max-width: 800px) and (min-width: 500px) { .support .item { width: 50%; float: left; box-sizing: border-box; } } .support .item:nth-child(1) { background: #22d000; } .support .item:nth-child(2) { background: #e71b1b; } .support .item svg { position: absolute; width: 40px; height: 40px; fill: #fff; left: 15px; } .support .item span { text-transform: uppercase; font-size: 18px; } .support .item a { margin-top: 6px; color: #fff; font-style: italic; font-size: 16px; transition: 0.5s; } .support .item a:hover { color: #fff900; } #modal_alert { position: fixed; background: rgba(0, 0, 0, 0.75); z-index: 99999; overflow-y: auto; width: 100%; height: 100%; top: 0px; left: 0px; } .modal_alert_inner { width: 350px; background: white; border-radius: 2px; max-width: 96%; margin: 2% auto; } .modal_alert_title { background: var(--main-color); color: #fff; text-align: center; text-transform: uppercase; padding: 7px 0; font-size: 17px; position: relative; border-radius: 2px 2px 0 0; } .modal_alert_title .close { position: absolute; right: 0px; padding: 0px 10px 8px; top: 7px; color: #fff; font-size: 22px; } .modal_alert_body { background: white; color: #616161; padding: 20px; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -o-user-select: text; user-select: text; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .modal_alert_2 { position: fixed; background: rgba(0, 0, 0, 0.75); z-index: 99999; overflow-y: auto; width: 100%; height: 100%; top: 0px; left: 0px; } .modal_alert_2 .modal_alert_inner { width: 350px; background: white; border-radius: 2px; max-width: 96%; margin: 2% auto; } .modal_alert_2 .modal_alert_title { background: var(--main-color); color: #fff; text-align: center; text-transform: uppercase; padding: 7px 0; font-size: 17px; position: relative; border-radius: 2px 2px 0 0; } .modal_alert_2 .modal_alert_title .close { position: absolute; right: 0px; padding: 0px 10px 8px; top: 7px; color: #fff; font-size: 22px; } .modal_alert_2 .modal_alert_body { background: white; color: #616161; padding: 20px; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -o-user-select: text; user-select: text; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #embed_vchat { bottom: 70px !important; } #embed_fill { bottom: 60px !important; } #embed_circle { bottom: 53px !important; } .owl-carousel .owl-item .owl-lazy { opacity: 1 !important; } .popup { width: 100%; height: 700px; background: #ddddddab; position: fixed; z-index: 99999; text-align: center; } .popup .container { border-radius: 10px; position: relative; height: 100%; } @media all and (max-width: 800px) { .popup .container { padding: 10px; } } .popup .container .close { font-size: 25px; color: red; position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background: #fff; text-align: center; line-height: 28px; border-radius: 0 10px 0 0; cursor: pointer; } .popup .container .block_banner_banner { max-width: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media all and (max-width: 600px) { .popup .container .block_banner_banner { max-width: 100%; } } .popup .container .block_banner_banner .item { position: relative; } .popup .container .block_banner_banner .item img { border-radius: 10px; } .popup .container .block_banner_banner .hide { display: block; } #cfacebookmb .fchat { float: left; width: 100%; height: 270px; overflow: hidden; display: none; background-color: #fff; } #cfacebookmb .fchat .fb-page { margin-top: -130px; float: left; } #cfacebookmb a.chat_mb:hover { color: #ff0; text-decoration: none; } #cfacebookmb { position: fixed; bottom: 100px; left: 10px; z-index: 100; height: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } #cfacebookmb a.chat_mb { float: left; padding: 6px 6px 0px 6px; color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-repeat: repeat-x; background-size: auto; background-position: 0 0; background-color: #006cd2; border: 0; z-index: 9999999; font-size: 15px; box-sizing: border-box; text-align: center; font-weight: bold; border-radius: 50%; display: block; position: relative; } #cfacebookmb a.chat_mb:after { display: none; width: 19px; height: 19px; color: #fff; content: "2"; position: absolute; top: 0px; right: 0px; background: #3a5795; border-radius: 50%; font-size: 13px; line-height: 18px; } #cfacebookmb a.chat_mb svg { width: 34px; height: 34px; } #cfacebookmb a.chat_fb span { display: none; } #cfacebookmb .fchat .fb-page { margin-top: 0px; float: left; } #cfacebookmb a.chat_fb_openned { border-radius: 0; width: 100%; } #cfacebookmb a.chat_fb_openned svg { display: none; } #cfacebookmb a.chat_fb_openned i { display: none; } #cfacebookmb a.chat_fb_openned::after { display: none; } #cfacebookmb a.chat_fb_openned span { display: block; } #sms .fchat { float: left; width: 100%; height: 270px; overflow: hidden; display: none; background-color: #fff; } #sms .fchat .fb-page { margin-top: -130px; float: left; } #sms a.chat_mb:hover { color: #ff0; text-decoration: none; } #sms { position: fixed; top: 265px; right: 10px; z-index: 99999; height: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } #sms a.chat_mb { float: left; padding: 15px 15px 12px; color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-repeat: repeat-x; background-size: auto; background-position: 0 0; background-color: #ffae00; border: 0; z-index: 9999999; font-size: 15px; box-sizing: border-box; text-align: center; font-weight: bold; border-radius: 50%; display: block; position: relative; } #sms a.chat_mb svg { width: 30px; height: 30px; fill: #fff; } #zalo .fchat { float: left; width: 100%; height: 270px; overflow: hidden; display: none; background-color: #fff; } #sms .fchat .fb-page { margin-top: -130px; float: left; } #zalo a.chat_mb:hover { color: #ff0; text-decoration: none; } #zalo { position: fixed; left: 0px; z-index: 100; height: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; bottom: 128px; } @media all and (min-width: 800px) { #zalo { bottom: 100px; } } #zalo a.chat_mb { float: left; padding: 0; color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-repeat: repeat-x; background-size: auto; background-position: 0 0; border: 0; z-index: 9999999; font-size: 15px; box-sizing: border-box; text-align: center; font-weight: bold; border-radius: 50%; display: block; position: relative; background: #0ea9e1; width: 36px; height: 36px; position: relative; } @media all and (min-width: 800px) { #zalo a.chat_mb { width: 56px; height: 56px; } } #zalo a.chat_mb:before { content: ""; width: 25px; height: 25px; background-image: url(https://mamashomestay.com/templates/mamahomestay/images/zalo.png); position: absolute; top: 5px; left: 6px; background-size: cover; } @media all and (min-width: 800px) { #zalo a.chat_mb:before { width: 44px; height: 44px; } } #zalo a.chat_mb svg { width: 60px; height: 60px; fill: #fff; } #vgc_btn_chat_mobile { bottom: 55px !important; } .tab_fix { position: fixed; width: 100%; z-index: 999; bottom: 0px; background: var(--main-color); } .tab_fix li { width: 33.33%; float: left; padding: 10px 0; text-align: center; } .tab_fix li a { color: #fff; } .tab_fix li a svg { fill: #fff; width: 15px; height: 15px; } .region_list { max-height: 150px; overflow-y: scroll; } .ul_footer .li_f { position: relative; margin-bottom: 13px; } .ul_footer .li_f:nth-child(5) { margin-bottom: 1px; } .ul_footer .li_f .svg { float: left; padding: 8px; border: 1px solid #5d5d5d; width: 36px; height: 36px; box-sizing: border-box; border-radius: 3px; } .ul_footer .li_f .svg svg { width: 18px; height: 18px; fill: #fff; } .ul_footer .li_f .text { float: left; margin-left: 10px; font-size: 13px; width: calc(100% - 46px); } .ul_footer .li_f font { font-weight: bold; } .ul_footer2 .li_f { margin-bottom: 20px; position: relative; } @media all and (max-width: 600px) { .ul_footer2 .li_f { width: 50%; float: left; } } .ul_footer2 .li_f .svg { float: left; padding: 8px; border: 1px solid #5d5d5d; width: 36px; height: 36px; box-sizing: border-box; border-radius: 3px; } .ul_footer2 .li_f .svg svg { width: 18px; height: 18px; fill: #fff; } .ul_footer2 .li_f .text { float: left; margin-left: 10px; font-size: 13px; width: calc(100% - 46px); } .ul_footer2 .li_f font { font-weight: bold; } .footer_icon { padding: 15px 25px; box-sizing: border-box; border: 1px solid #404040; } .footer_icon .chung_nhan { padding-left: 50px; width: 50%; float: left; box-sizing: border-box; } @media all and (max-width: 600px) { .footer_icon .chung_nhan { width: 100%; padding-left: 0; } } .footer_icon .chung_nhan span { display: inline-block; float: left; line-height: 38px; margin-right: 50px; width: 80px; } @media all and (max-width: 800px) { .footer_icon .chung_nhan span { line-height: 26px; } } .footer_icon .chung_nhan .chung_nhan_inner { display: flex; float: left; width: calc(100% - 130px); } @media all and (max-width: 800px) { .footer_icon .chung_nhan .chung_nhan_inner { width: 100%; } } .footer_icon .chung_nhan a { display: inline-block; margin-right: 5px; } @media all and (max-width: 1200px) { .footer_icon .chung_nhan a img { height: auto; } } .height_auto { height: auto !important; } .position_auto { position: relative !important; bottom: auto !important; } .right_b .block_title { font-size: 18px; position: relative; color: #333; font-weight: bold; background: #ecececa3; padding: 14px 24px; line-height: 22px; font-family: "Montserrat"; margin-bottom: 10px; } .right_b .block_title:after { position: absolute; height: 50px; width: 6px; background: var(--main-color); content: ""; left: 0px; bottom: 0px; } .right_b .block_title:before { display: none; } @media only screen and (max-width: 550px) { .right_b .block_title { font-size: 16px; padding: 10px 16px; } .right_b .block_title:after { height: 38px; width: 3px; } } .right_b .blocks0 .news_list_body_default { margin-top: 26px; } @media only screen and (max-width: 550px) { .right_b .blocks0 .news_list_body_default { margin-top: 10px; } } .right_b .blocks1 .block_title { font-size: 18px; text-transform: uppercase; position: relative; color: #333; font-weight: bold; } .right_b .blocks1 .block_title:after { position: absolute; height: 4px; width: 68px; background: var(--main-color); content: ""; left: 0px; bottom: -16px; } @media screen and (max-width: 768px) { .right_b .blocks1 .block_title { font-size: 16px; } .right_b .blocks1 .block_title:after { height: 2px; } } .display-flex { display: flex !important; } .display_open, .display-open { display: block !important; } .display_off, .display-off { display: none !important; } .full-screen-block-popup { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; background: #0000009c; display: none; z-index: 2000; } .banner-promotion { position: fixed; top: 20%; z-index: 111111111; left: calc(50% - 300px); display: none; } @media only screen and (max-width: 900px) { .banner-promotion { left: 0px; padding: 20px; } } .banner-promotion .img-banner { position: relative; width: 600px; height: auto; text-align: center; } @media only screen and (max-width: 900px) { .banner-promotion .img-banner { width: auto; } } .banner-promotion .img-banner .close-pro { position: absolute; top: 5px; right: 5px; background: white; padding: 5px; border-radius: 0 10px 0px 10px; cursor: pointer; } .mm-opening .all-navicon-line { transform: rotate(45deg); } .mm-opening .all-navicon-line .navicon-line-1 { transform: rotate(-45deg); margin-top: 8px; width: 28px; } .mm-opening .all-navicon-line .navicon-line-2 { transform: rotate(-135deg); margin-top: -8px; width: 28px; } .mm-opening .all-navicon-line .navicon-line-3 { display: none; } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url("https://mamashomestay.com/templates/mamahomestay/images/fotorama.png") no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url("https://mamashomestay.com/templates/mamahomestay/images/fotorama@2x.png") 0 0/96px 160px no-repeat; } } .header_wrapper_img { background-position: center; background-repeat: repeat-x; background-size: 100%; } .bg_footer_img { background-position: top; background-repeat: repeat-x; background-size: 100%; } .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: fixed; top: 50%; left: 50%; z-index: 1111; transform: translate(-50%, -50%); background-color: #0000008c; display: none; } .load { background-color: #0000008c; display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 111; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .top-head { background: var(--sub-color); padding: 9px 0px; } @media screen and (max-width: 550px) { .top-head { padding: 4px 0px; } } .top-head .box-l { width: calc(100% - 170px); float: left; } @media screen and (max-width: 700px) { .top-head .box-l { width: calc(100% - 110px); } } .top-head .box-l a { color: #fff; position: relative; padding-left: 22px; margin-right: 36px; margin-top: 2px; display: inline-block; font-size: 13px; } .top-head .box-l a:nth-child(2) svg { transform: rotate(258deg); } .top-head .box-l svg { position: absolute; width: 16px; height: 16px; fill: #fff; left: -1px; top: 0px; } @media all and (max-width: 880px) { .top-head .box-l a { margin-right: 0px; } .top-head .box-l a:nth-child(1), .top-head .box-l a:nth-child(3) { display: none; } } .top-head .box-r { width: 170px; float: right; } @media all and (max-width: 700px) { .top-head .box-r { width: 110px; } } .coppy-right { font-size: 14px; text-align: center; line-height: 60px; border-top: 2px solid #3c3c3c; color: #777777; position: relative; z-index: 1; } @media all and (max-width: 550px) { .coppy-right { font-size: 14px; line-height: 20px; padding: 10px 0px; } } .coppy-right .coppy-right_block { display: flex; justify-content: space-between; box-sizing: border-box; align-items: center; padding: 15px 0px; } @media screen and (max-width: 1440px) { .coppy-right .coppy-right_block { padding: 1.042vw 0px; } } @media screen and (max-width: 768px) { .coppy-right .coppy-right_block { display: block; } } .coppy-right .coppy-right_block .cr-left { width: 70%; text-align: left; } @media screen and (max-width: 768px) { .coppy-right .coppy-right_block .cr-left { width: 100%; } } .coppy-right .coppy-right_block .cr-left p { display: inline-block; color: #ebebeb; font-weight: 500; } .coppy-right .coppy-right_block .cr-left p a { color: #89aed5 !important; text-decoration: underline; } @media screen and (min-width: 768px) { .coppy-right .coppy-right_block .cr-left .design_by:before { content: "|"; padding: 0 10px; } } .coppy-right .coppy-right_block .cr-right { width: 30%; } @media screen and (max-width: 768px) { .coppy-right .coppy-right_block .cr-right { width: 100%; padding-bottom: 20px; } } .coppy-right .coppy-right_block .cr-right .cr-right-item { width: calc(100%); box-sizing: border-box; display: flex; align-items: center; height: 100%; justify-content: end; } @media screen and (max-width: 768px) { .coppy-right .coppy-right_block .cr-right .cr-right-item { justify-content: start; } } .coppy-right .coppy-right_block .cr-right .cr-right-item img { width: 70%; height: auto; } @media screen and (max-width: 768px) { .coppy-right .coppy-right_block .cr-right .cr-right-item img { width: 20%; } } .box-bct { width: 50%; float: right; text-align: left; } .box-bct img { max-width: 180px; } @media all and (max-width: 550px) { .box-bct { width: 100%; float: none; text-align: center; } } .book-btn { background-color: var(--extra-color); padding: 8px 25px; font-size: 14px; color: var(--black-color); text-transform: uppercase; font-weight: 600; transition: 0.5s; -webkit-transition: 0.5s; position: relative; top: -4px; } @media screen and (min-width: 1440px) { .book-btn { padding: 0.521vw 1.823vw; font-size: 0.781vw; top: -0.417vw; } } @media screen and (max-width: 1400px) { .book-btn { margin-right: 20px; } } .book-btn:hover { background-color: var(--white-color); } .book-btn:hover a { color: var(--black-color); } .slide-down .header .site-info, .slide-up .header .site-info { display: none; } .slide-up, .slide-down { background-color: #000; opacity: 1; } .slide-up .header img, .slide-down .header img { max-width: 75px; height: auto; } @media screen and (min-width: 1440px) { .slide-up .header img, .slide-down .header img { max-width: 3.906vw; } } @media screen and (max-width: 768px) { .slide-up .header img, .slide-down .header img { max-width: 50px !important; } } .slide-up .header_menu, .slide-down .header_menu { padding: 10px 0px; top: 0px; } @media screen and (min-width: 1440px) { .slide-up .header_menu, .slide-down .header_menu { padding: 0.781vw 0vw; } } @media screen and (max-width: 768px) { .slide-up .header_menu, .slide-down .header_menu { padding: 5px 0px; } } .slide-up .search_home, .slide-down .search_home { top: 0px; } .slide-up .book-btn, .slide-down .book-btn { top: 0px; } @media screen and (max-width: 1024px) { .slide-up, .slide-down { background-color: #000000cf; } } .img-title-cat { position: relative; } .img-title-cat::before { content: ""; background: black; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.11) 50%, rgba(0, 0, 0, 0.09) 60% ); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .img-title-cat .banner_news { width: 100%; height: auto; vertical-align: middle; object-fit: cover; } @media screen and (max-width: 768px) { .img-title-cat .banner_news { height: 300px; } } .img-title-cat .title_box { position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%); width: 50%; z-index: 1; } @media screen and (max-width: 768px) { .img-title-cat .title_box { width: 100%; } } @media screen and (max-width: 620px) { .img-title-cat .title_box { top: 60%; } } .img-title-cat .title_box .title_h1 { font-size: 30px; color: var(--main-color); font-weight: 450; margin-bottom: 20px; text-align: center; } @media screen and (min-width: 1460px) { .img-title-cat .title_box .title_h1 { margin-bottom: 1.042vw; font-size: 3.125vw; } } @media screen and (max-width: 768px) { .img-title-cat .title_box .title_h1 { font-size: 24px; margin-bottom: 10px; } } .page-title { position: absolute; top: 35%; left: 36%; color: var(--main-color); z-index: 3; } .page-title h1 { font-size: 70px; letter-spacing: 2px; } @media screen and (min-width: 1440px) { .page-title h1 { font-size: 3.646vw; } } .frame_info { display: flex; margin: 25px 0 22px 0; } @media screen and (min-width: 1440px) { .frame_info { margin: 1.302vw 0 1.146vw 0; } } .frame_info .datetime { width: 50%; display: flex; align-items: center; } .frame_info svg { margin-right: 10px; } .frame_info .count-view { display: flex; align-items: center; } .hide { display: none !important; } .datepicker { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml,'); background-position: 96% center; background-size: 17px; background-repeat: no-repeat; } @media screen and (min-width: 1460px) { .datepicker { font-size: 0.885vw; } } .tour_pos1 { overflow: hidden; } .tour_pos1, .pos10 { opacity: 1 !important; width: 100%; background-size: contain; vertical-align: middle; background-position-x: center; background-position-y: center; background-repeat: no-repeat; } .pos10 { margin-bottom: 100px; } @media screen and (min-width: 1440px) { .pos10 { margin-bottom: 5.208vw; } } @media screen and (max-width: 768px) { .pos10 { margin-bottom: 50px; } } @media screen and (max-width: 500px) { .pos10 .container1170 { padding: 0px 0px 0px 10px; } } .language_active { display: flex; align-items: center; padding-left: 15px; position: relative; margin-left: 15px; } @media screen and (min-width: 1440px) { .language_active { padding-left: 0.781vw; margin-left: 0.781vw; } } .language_active::before { content: ""; width: 1px; height: 15px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; background: var(--main-color); } @media screen and (min-width: 1440px) { .language_active::before { height: 0.781vw; } } .language_active svg { height: 15px; width: 15px; } @media screen and (min-width: 1440px) { .language_active svg { width: 0.781vw; height: 0.781vw; } } .language_active .icon_c { position: relative; margin-left: 7px; display: flex; align-items: center; cursor: pointer; } @media screen and (min-width: 1440px) { .language_active .icon_c { margin-left: 0.365vw; } } .language_active .icon_c .img_lang { height: 20px; width: 20px; border-radius: 50%; border: 1px solid var(--main-color); overflow: hidden; float: left; margin-right: 3px; } @media screen and (min-width: 1460px) { .language_active .icon_c .img_lang { height: 1.302vw; width: 1.302vw; margin-right: 0.156vw; } } @media screen and (max-width: 280px) { .language_active .icon_c .img_lang { height: 20px; width: 20px; } } .language_active .icon_c .font { font-size: 13px; font-weight: 500; text-align: left; float: left; } @media screen and (min-width: 1460px) { .language_active .icon_c .font { font-size: 0.677vw; } } .language_active .icon_c svg { float: right; fill: var(--extra-color); height: 10px; width: 10px; margin-left: 7px; } @media screen and (min-width: 1440px) { .language_active .icon_c svg { margin-left: 0.365vw; height: 0.781vw; width: 0.781vw; } } .language_active .multilanguage { position: absolute; top: 100%; z-index: 99; left: 50%; transform: translateX(-50%); box-sizing: border-box; display: none; top: 100%; } @media screen and (max-width: 1150px) { .language_active .multilanguage { width: 65px; } } .language_active .multilanguage a { color: #fff; position: relative; font-size: 13px; font-weight: 500; transition: 0.3s; padding-left: 25px; } @media screen and (min-width: 1460px) { .language_active .multilanguage a { padding-left: 1.146vw; font-size: 0.677vw; } } @media screen and (max-width: 768px) { .language_active .multilanguage a span { font-size: 13px; } } .language_active .multilanguage a:hover { color: var(--sub-color); } @media screen and (max-width: 1024px) { .header_menu .book-btn { display: none; } .header .logo img { max-width: 100px; } .header .site-info { padding-bottom: 20px; } .header .site-info .hotline { width: 89%; } .header .site-info .language_active .multilanguage { width: auto; } .header_wrapper { box-sizing: border-box; } .search_home { top: 0; margin: 0; } } @media screen and (max-width: 768px) { .header_menu .book-btn { display: none; } .header .logo img { max-width: 80px; } .header .site-info { padding-bottom: 20px; } .header .site-info .hotline { width: 89%; } .header .site-info .language_active .multilanguage { width: auto; } .header_wrapper { box-sizing: border-box; } .search_home { top: 0; margin: 0; } } @media screen and (max-width: 550px) { footer .footer_info .social .qr-img { width: 60%; margin: auto; } footer .footer_info .social .qr-img img { width: 100%; } .coppy-right .coppy-right_block .cr-right .cr-right-item img { width: 40%; } } .btn_booknow { width: 55px; height: 55px; border-radius: 50%; background: var(--main-color); display: flex; align-content: center; justify-content: center; position: fixed; bottom: 70px; right: 10px; animation: bounce 1s infinite; } .btn_booknow span { font-size: 18px; font-weight: 500; } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } /*# sourceMappingURL=template.css.map */ .admin_edit { position: absolute; z-index: 9999; } .admin_edit a { width: 20px; height: 20px; background-image: url("templates/mamahomestay/images/edit.png"); display: inline-block; } .block_area .name_block { position: absolute; background: #ffffff94; z-index: 999; } .position_area { background: #fff; position: relative; } .position_area .position_area_label { position: absolute; z-index: 9999; top: 0px; background: #ffffff94; } .position_area .block_area_label { position: absolute; z-index: 9999; top: 18px; background: #ffffff94; } .admin_edit_block { position: absolute; z-index: 9999; top: -3px; background: #ffffff; padding: 5px; width: 75px; left: 20px; padding-left: 10px; } .admin_edit_block a { font-weight: bold; color: blue; } .admin_edit_module { position: absolute; z-index: 9999; top: 25px; left: 20px; padding: 5px; background: #ffffff; width: 100px; padding-left: 10px; } .admin_edit_module a { font-weight: bold; color: blue; } .setting_admin { position: absolute; z-index: 9999; top: 36px; background: #ffffff94; left: 0px; width: 20px; height: 20px; background-image: url("templates/mamahomestay/images/setting.png"); display: inline-block; cursor: pointer; overflow: hidden; } .setting_admin:hover { overflow: unset; } .admin_edit_detail { position: absolute; z-index: 9999; right: 0px; bottom: 0px; padding: 5px; background: #ffffff94; } .admin_edit_detail a { width: 20px; height: 20px; background-image: url("templates/mamahomestay/images/edit_content.png"); display: inline-block; } .admin_edit_detail_md { z-index: 9999; right: 0px; bottom: 0px; padding: 5px; background: #ffffff94; } .admin_edit_detail_md a { color: blue; font-weight: bold; background-image: url("templates/mamahomestay/images/edit_content.png"); background-repeat: no-repeat; display: inline-block; padding-left: 25px; } .admin_edit_block_direct { position: absolute; z-index: 9999; top: 20px; padding: 5px; background: #ffffff94; } .admin_edit_block_direct a { width: 20px; height: 20px; background-image: url("templates/mamahomestay/images/edit_content.png"); display: inline-block; } /*# sourceMappingURL=admin_edit.css.map */ /*# sourceMappingURL=home.css.map */ .tour_page .title_page { text-align: center; margin-bottom: 45px; } @media screen and (min-width: 1440px) { .tour_page .title_page { margin-bottom: 2.344vw; } } .tour_page .title_page .block_title { padding-bottom: 10px; } @media screen and (min-width: 1440px) { .tour_page .title_page .block_title { padding-bottom: 1.042vw; } } .tour_page .title_page .block_summary { text-align: center; position: relative; display: flex; width: 60%; margin: 0px auto; overflow: hidden; padding: 10px 50px; border: 1.5px solid var(--extra-color); border-radius: 15px 0px 15px 0px; } @media screen and (min-width: 1440px) { .tour_page .title_page .block_summary { font-size: 0.938vw; padding: 0.521vw 2.604vw; border-radius: 0.781vw 0px 0.781vw 0px; } } .tour_page .title_page .block_summary .title { font-size: 18px; color: var(--black-color); font-weight: 400; font-weight: 700; white-space: nowrap; margin-right: 10px; animation: flicker 2s infinite; } @media screen and (min-width: 1440px) { .tour_page .title_page .block_summary .title { font-size: 0.938vw; margin-right: 0.521vw; } } .tour_page .title_page .block_summary marquee, .tour_page .title_page .block_summary span { font-size: 18px; color: var(--black-color); font-weight: 400; } @media screen and (min-width: 1440px) { .tour_page .title_page .block_summary marquee, .tour_page .title_page .block_summary span { font-size: 0.938vw; } } .tour_page .title_page .block_summary::before, .tour_page .title_page .block_summary::after { content: ""; width: 21px; height: 21px; background: url('data:image/svg+xml,'); position: absolute; top: 13px; } @media screen and (min-width: 1440px) { .tour_page .title_page .block_summary::before, .tour_page .title_page .block_summary::after { width: 1.094vw; height: 1.094vw; top: 0.677vw; } } .tour_page .title_page .block_summary::before { left: 15px; } @media screen and (min-width: 1440px) { .tour_page .title_page .block_summary::before { left: 0.781vw; } } .tour_page .title_page .block_summary::after { right: 15px; } @media screen and (min-width: 1440px) { .tour_page .title_page .block_summary::after { right: 0.781vw; } } @media screen and (max-width: 480px) { .tour_page .title_page { margin-bottom: 10px; } } .tour_page .list_tours .item_tour { max-height: calc(100vh - 40px); height: 100%; border-radius: 35px; box-sizing: border-box; position: relative; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; padding: 20px 20px; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour { border-radius: 1.823vw; margin-bottom: 1.563vw; } } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour { padding: 0px; } } @media screen and (max-width: 510px) { .tour_page .list_tours .item_tour { margin-top: 10px; } } .tour_page .list_tours .item_tour a { display: block; position: static; } .tour_page .list_tours .item_tour #map1 { width: 30%; overflow: hidden; position: relative; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour #map1 { display: none; } } .tour_page .list_tours .item_tour #map1 .image_ori { position: relative; top: 0px; left: 0px; width: 100%; height: auto; } .tour_page .list_tours .item_tour #map1 .image { position: absolute; top: 0px; left: 0px; opacity: 0 !important; width: 100%; height: auto; } .tour_page .list_tours .item_tour #map1 .active { opacity: 1 !important; } .tour_page .list_tours .item_tour #map2 { overflow: hidden; position: relative; width: 30%; } .logo_back_top { border-radius: 50%; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour #map2 { display: block; } } .tour_page .list_tours .item_tour #map2 .image_ori { position: relative; top: 0px; left: 0px; width: 100%; height: auto; } .tour_page .list_tours .item_tour #map2 .image { position: absolute; top: 0px; left: 0px; opacity: 0 !important; width: 100%; height: auto; } .tour_page .list_tours .item_tour #map2 .active { opacity: 1 !important; } .tour_page .list_tours .item_tour .detail { width: calc(70% - 50px); background: #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 35px; padding: 35px 40px; box-sizing: border-box; height: 100%; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail { padding: 1.823vw 2.344vw; } } @media screen and (max-width: 990px) { .tour_page .list_tours .item_tour .detail { padding: 20px 25px; width: calc(70% - 30px); } } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail { padding: 20px 15px; border-radius: 10px; width: 100%; } } .tour_page .list_tours .item_tour .day { font-size: 14px; font-weight: 400; color: #a2a2a2; } .tour_page .list_tours .item_tour .day strong { position: relative; padding-left: 20px; margin-right: 10px; color: #000; font-weight: 16px; } .tour_page .list_tours .item_tour .day strong::before { content: ""; background-image: url('data:image/svg+xml,time-solid'); position: absolute; left: 0px; top: 2px; width: 15px; height: 15px; } .tour_page .list_tours .item_tour .detail_top { z-index: 2; position: relative; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_top { display: flex; flex-wrap: wrap; } } .tour_page .list_tours .item_tour .detail_top .title_tour { font-weight: 950; color: #000; font-size: 28px; margin-bottom: 15px; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_top .title_tour { font-size: 1.771vw; margin-bottom: 1.302vw; } } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_top .title_tour { font-size: 24px; width: 100%; } } @media screen and (max-width: 500px) { .tour_page .list_tours .item_tour .detail_top .title_tour { font-size: 22px; } } .tour_page .list_tours .item_tour .detail_top .list_price { grid-gap: 20px; margin-bottom: 30px; display: grid; grid-template-columns: repeat(3, 1fr); } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_top .list_price { grid-gap: 1.504vw; margin-bottom: 2.604vw; } } @media screen and (max-width: 990px) { .tour_page .list_tours .item_tour .detail_top .list_price { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_top .list_price { margin-bottom: 10px; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } } @media screen and (max-width: 550px) { .tour_page .list_tours .item_tour .detail_top .list_price { width: 100%; flex-wrap: nowrap; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; } } .tour_page .list_tours .item_tour .detail_top .note { display: block; color: #fff; margin-bottom: 20px; } .tour_page .list_tours .item_tour .detail_top .price_box { width: 100%; display: flex; align-items: end; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_top .price_box { margin-bottom: 10px; flex-wrap: wrap; } } @media screen and (max-width: 550px) { .tour_page .list_tours .item_tour .detail_top .price_box { text-align: left; scroll-snap-align: start; min-width: 115px; max-width: 115px; flex: 0 0 27vw; } } .tour_page .list_tours .item_tour .detail_top .price_box .name { font-size: 12px; font-weight: 400; text-decoration: underline; color: #000; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_top .price_box .name { order: 1; margin-bottom: 5px; width: 100%; } } .tour_page .list_tours .item_tour .detail_top .price_box .price { font-size: 20px; font-weight: 700; color: red; line-height: 1; transition: 0.5s; padding-right: 20px; -webkit-transition: 0.5s; position: relative; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_top .price_box .price { order: 2; } } @media screen and (max-width: 550px) { .tour_page .list_tours .item_tour .detail_top .price_box .price { font-size: 16px; } } .tour_page .list_tours .item_tour .detail_top .price_box .price .unit { font-size: 22px; margin-right: 2px; font-weight: 600; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_top .price_box .price .unit { font-size: 1.354vw; } } @media screen and (max-width: 550px) { .tour_page .list_tours .item_tour .detail_top .price_box .price .unit { font-size: 14px; } } .tour_page .list_tours .item_tour .detail_top .button_book { display: none; margin-bottom: 30px; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_top .button_book { margin-bottom: 2.604vw; } } .tour_page .list_tours .item_tour .detail_bottom { z-index: 1; position: relative; overflow-y: auto; max-height: calc(100vh - 40px - 240px); } @media screen and (max-width: 990px) { .tour_page .list_tours .item_tour .detail_bottom { max-height: calc(100vh - 80px - 240px); } } @media screen and (max-width: 990px) { .tour_page .list_tours .item_tour .detail_bottom { max-height: calc(100vh - 0px - 240px); } } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_bottom { max-height: calc(100vh - 0px - 240px - 205px); } } @media screen and (max-width: 550px) { .tour_page .list_tours .item_tour .detail_bottom { max-height: calc(100vh - 15px - 240px - 205px); } } .tour_page .list_tours .item_tour .detail_bottom::-webkit-scrollbar { width: 2px; display: none; cursor: pointer; } .tour_page .list_tours .item_tour .detail_bottom::-webkit-scrollbar-track { box-shadow: inset 0 0 6px #373737; } .tour_page .list_tours .item_tour .detail_bottom::-webkit-scrollbar-thumb { background-color: var(--main-color); outline: 1px solid var(--main-color); cursor: pointer; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .pick { width: calc(20% - 50px); text-align: left; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; } @media screen and (max-width: 990px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .pick { width: calc(20% - 30px); } } @media screen and (max-width: 550px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .pick { width: calc(20% - 10px); font-size: 14px; display: none; } } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date { padding-bottom: 50px; display: flex; justify-content: space-between; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date { padding-bottom: 2.546vw; } } @media screen and (max-width: 550px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date { margin-bottom: 20px; } } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .line { width: calc(20% - 50px); box-sizing: border-box; display: block; position: relative; } @media screen and (max-width: 990px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .line { width: calc(20% - 30px); } } @media screen and (max-width: 550px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .line { display: none; } } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .line .if { font-size: 12px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .line .l { content: ""; background: #dfdfdf; width: 2px; height: calc(100% - 25px + 50px - 15px); position: absolute; top: 25px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .line .l { height: calc(100% - 25px + 3.646vw - 15px); } } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .line::before { content: ""; background: #00a000; border-radius: 50%; width: 15px; height: 15px; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); z-index: 2; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .line::after { content: ""; background: #00a000; width: 3px; height: 0px; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); z-index: 1; transition: 0.5s; -webkit-transition: 0.5s; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text { width: 80%; float: left; border: 2px solid var(--main-color); border-radius: 35px; padding: 30px 35px; float: right; box-sizing: border-box; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (max-width: 990px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text { padding: 20px 25px; } } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text { border-radius: 10px; padding: 20px 15px; width: 100%; } } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text p:last-child { margin-bottom: 0px; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text .title { font-size: 20px; font-weight: 700; color: var(--black-color); margin-bottom: 20px; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text .title span { text-decoration: underline; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text .title { font-size: 1.05vw; margin-bottom: 1.023vw; } } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date:first-child { margin-top: 0px; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date:first-child { margin-top: 0vw; } } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date:last-child .line .l { display: none; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date:last-child .line::after { display: none; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .active .line::after { height: calc(100% - 25px + 50px - 15px); } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .active .line::after { height: calc(100% - 25px + 3.646vw - 15px); } } .tour_page .list_tours .item_tour .detail_bottom .list_dates .active_current .line::after { height: 0px !important; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .active_current .text { border: 2px solid #00a000; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .active_current .if { color: #ff0000 !important; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .active_current .if::before { background-image: url('data:image/svg+xml,') !important; } .tour_page .list_tours .item_tour .detail_bottom .list_dates > .item_date:nth-child(n + 4) .line .if { position: absolute; left: calc(50% + 15px); width: 80px; top: -10px; overflow: unset; color: #ff0000; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates > .item_date:nth-child(n + 4) .line .if { position: relative; top: -10px; left: unset; text-align: center; background: #fff; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; z-index: 3; width: 100%; } } .tour_page .list_tours .item_tour .detail_bottom .list_dates > .item_date:nth-child(n + 4) .line .if::before { content: ""; background-image: url('data:image/svg+xml,') !important; width: 20px; height: 20px; top: -25px; left: 10px; position: absolute; transform: translateX(-50%); } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates > .item_date:nth-child(n + 4) .line .if::before { top: -20px; background: #fff; } } .tour_page .list_tours .item_tour .detail_bottom .list_dates > .item_date:nth-child(n + 4) .line::before { top: 0px; width: 10px; height: 10px; } .tour_page .list_tours .item_tour .detail_bottom .list_dates > .item_date:nth-child(n + 4) .line .l { top: 0px; height: calc(100% - 0px + 50px); } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates > .item_date:nth-child(n + 4) .line .l { height: calc(100% - 0px + 3.646vw); } } .tour_page .list_tours .item_tour .detail_bottom .info_tour { margin-bottom: 30px; margin-top: 30px; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .info_tour { margin-bottom: 2.083vw; margin-top: 1.046vw; } } .tour_page .list_tours .item_tour .detail_bottom .info_tour .include, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include { width: 50%; float: left; box-sizing: border-box; padding-right: 40px; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .info_tour .include, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include { padding-right: 1.823vw; } } @media screen and (max-width: 650px) { .tour_page .list_tours .item_tour .detail_bottom .info_tour .include, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include { padding-right: 0px; width: 100%; } } .tour_page .list_tours .item_tour .detail_bottom .info_tour .include .title, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include .title { font-size: 20px; font-weight: 700; color: var(--black-color); margin-bottom: 20px; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .info_tour .include .title, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include .title { font-size: 1.05vw; margin-bottom: 1.083vw; } } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_bottom .info_tour .include .title, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include .title { margin-bottom: 5px; } } .tour_page .list_tours .item_tour .detail_bottom .info_tour .include span, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include span { font-size: 18px; font-weight: 500; color: var(--black-color); } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .detail_bottom .info_tour .include span, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include span { font-size: 1.042vw; } } .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include { width: 50%; float: right; } @media screen and (max-width: 650px) { .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include { width: 100%; margin-top: 30px; } } .tour_page .list_tours .item_tour .button_box { z-index: 2; position: relative; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .button_box { text-align: center; } } .tour_page .list_tours .item_tour .button_book { display: inline-block; font-size: 14px; font-weight: 600; color: var(--black-color); background: var(--extra-color); cursor: pointer; padding: 12px 50px; float: right; position: relative; margin-right: 7px; transition: 0.5s; -webkit-transition: 0.5s; margin-right: 7px; margin-bottom: 5px; } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .button_book { float: none; } } @media screen and (max-width: 500px) { .tour_page .list_tours .item_tour .button_book { padding: 8px 40px; } } .tour_page .list_tours .item_tour .button_book:hover { color: var(--white-color); background: var(--sub-color); } .tour_page .list_tours .item_tour .button_book:hover::before { background: var(--black-color); } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .button_book { font-size: 0.833vw; padding: 0.781vw 3.646vw; margin-right: 0.365vw; margin-bottom: 0.26vw; } } .tour_page .list_tours .item_tour .button_book::before { content: ""; background: #000; top: 5px; left: 10px; width: 100%; height: 100%; position: absolute; z-index: -1; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .button_book::before { top: 0.26vw; left: 0.365vw; } } .tour_page .list_tours .item_tour .button_more { font-size: 14px; font-weight: 400; color: var(--white-color); display: inline-flex; justify-content: center; align-items: center; position: absolute; bottom: 0px; transform: translateX(-50%); left: 50%; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; user-select: none; } .tour_page .list_tours .item_tour .button_more:hover { color: var(--main-color); } .tour_page .list_tours .item_tour .button_more:hover svg { stroke: var(--main-color); } .tour_page .list_tours .item_tour .button_more:hover svg path { stroke: var(--main-color); } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .button_more { font-size: 0.833vw; } } .tour_page .list_tours .item_tour .button_more svg { width: 30px; height: 30px; } .tour_page .list_tours .item_tour .button_more svg path { transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (min-width: 1440px) { .tour_page .list_tours .item_tour .button_more svg { width: 1.823vw; height: 1.823vw; } } .tour_page .list_tours .active::before { opacity: 0; } .tour_page .list_tours .active .back { opacity: 0; display: none; } .tour_page .list_tours .active .detail_top .title_tour { color: var(--black-color); } .tour_page .list_tours .active .detail_top .price_box .name { color: var(--black-color); } .tour_page .list_tours .active .detail_top .price_box .price { color: var(--sub-color); } .tour_page .list_tours .active .detail_top .note { color: #000; } .tour_page .list_tours .active .detail_top .button_book { display: block; } .tour_page .list_tours .active .button_more { color: var(--black-color); } .tour_page .list_tours .active .button_more svg { transform: rotate(180deg); stroke: var(--black-color); } .tour_page .list_tours .active .button_more svg path { stroke: var(--black-color); } .tour_page .list_tours .active .button_book:hover { background: var(--black-color); color: var(--white-color); } .tour_pos1 { margin-bottom: 100px; overflow: hidden; } @media screen and (min-width: 1440px) { .tour_pos1 { margin-bottom: 5.208vw; } } @media screen and (max-width: 768px) { .tour_pos1 { margin-bottom: 50px; } } .tour_pos1 .block_title { padding-top: 45px; } @media screen and (min-width: 1440px) { .tour_pos1 .block_title { padding-top: 2.344vw; } } @media screen and (max-width: 768px) { .tour_pos1 .block_title { padding-top: 30px; } } @keyframes flicker { 0% { color: var(--sub-color); } 25% { color: var(--black-color); } 50% { color: var(--sub-color); } 75% { color: var(--black-color); } 100% { color: var(--sub-color); } } @media screen and (max-width: 768px) { .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date { display: flex; padding-bottom: 30px; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text .title { font-size: 18px; margin-bottom: 10px; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text .description { font-size: 14px !important; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text .description span { font-size: 14px; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .text .description h3 { font-size: 16px !important; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date .list_image { width: 100%; margin-bottom: 20px; } .tour_page .list_tours .item_tour .detail_bottom .list_dates .item_date:last-child { padding-bottom: 0px; } .tour_page .list_tours .item_tour .detail_bottom .info_tour .include .title, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include .title { font-size: 16px; } .tour_page .list_tours .item_tour .detail_bottom .info_tour .include span, .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include span { font-size: 14px; } .tour_page .list_tours .item_tour .detail_bottom .info_tour .not_include { margin-top: 20px; } } /*# sourceMappingURL=tour.css.map */ :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75; } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height); } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: f-spinner-rotate 2s linear infinite; } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none; } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1); } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); animation: f-spinner-dash 2s ease-in-out infinite; } @keyframes f-spinner-rotate { 100% { transform: rotate(360deg); } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .f-throwOutUp { animation: 0.175s ease-out both f-throwOutUp; } .f-throwOutDown { animation: 0.175s ease-out both f-throwOutDown; } @keyframes f-throwOutUp { to { transform: translate3d(0, -150px, 0); opacity: 0; } } @keyframes f-throwOutDown { to { transform: translate3d(0, 150px, 0); opacity: 0; } } .f-zoomInUp { animation: var(--f-transition-duration, 0.2s) ease-out 0.1s both f-zoomInUp; } .f-zoomOutDown { animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown; } @keyframes f-zoomInUp { from { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes f-zoomOutDown { to { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } .f-fadeIn { animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn; z-index: 2; } .f-fadeOut { animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut; z-index: 1; } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-fadeSlowIn { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut; z-index: 1; } @keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeSlowOut { 100% { opacity: 0; } } .f-fadeFastIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut; z-index: 2; } @keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes f-fadeFastOut { 100% { opacity: 0; } } .f-crossfadeIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut; z-index: 1; } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .f-slideIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; } @keyframes f-slideInPrev { 0% { transform: translateX(100%); } 100% { transform: translate3d(0, 0, 0); } } @keyframes f-slideInNext { 0% { transform: translateX(-100%); } 100% { transform: translate3d(0, 0, 0); } } @keyframes f-slideOutNext { 100% { transform: translateX(-100%); } } @keyframes f-slideOutPrev { 100% { transform: translateX(100%); } } .f-classicIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1; } @keyframes f-classicInNext { 0% { transform: translateX(-75px); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInPrev { 0% { transform: translateX(75px); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicOutNext { 100% { transform: translateX(-75px); opacity: 0; } } @keyframes f-classicOutPrev { 100% { transform: translateX(75px); opacity: 0; } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65; } .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button:focus:not(:focus-visible) { outline: none; } .f-button:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity 0.15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none; } .f-button[disabled] { cursor: default; } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1; } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; transform: translateY(-50%); } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos); } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; transform: translateX(-50%); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { transform: rotate(90deg); } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body { touch-action: none; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc( var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px) ); overflow: hidden !important; overscroll-behavior-y: none; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: 1050; outline: none; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { box-sizing: inherit; } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__track { display: flex; margin: 0 auto; height: 100%; } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto; } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20; } .is-loading .fancybox__content { opacity: 0; } .is-draggable .fancybox__content { cursor: move; cursor: grab; } .can-zoom_in .fancybox__content { cursor: zoom-in; } .can-zoom_out .fancybox__content { cursor: zoom-out; } .is-dragging .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto; } .fancybox__slide.has-image > .fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .fancybox__slide.has-image > .fancybox__content > picture > img { width: 100%; height: auto; max-height: 100%; } .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content { visibility: hidden; } .is-animating .fancybox__content, .is-dragging .fancybox__content { filter: blur(0px); will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none; } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible; } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden; } .is-compact .fancybox__caption { padding-bottom: 0; } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40; } .fancybox__content > .f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: 0.75; } .is-loading .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .fancybox__content > .f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; position: relative; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { animation: 0.15s ease-out both f-fadeOut; } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: 0.15s ease-out both f-fadeOut; } .fancybox__slide > .f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer; } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; user-select: none; pointer-events: none; } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden="false"] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__slide > *:not(.fancybox__content) { animation: 0.25s ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop { animation: 0.35s ease backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden="true"] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__slide > *:not(.fancybox__content) { animation: 0.15s ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop { animation: 0.35s ease forwards f-fadeOut; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: 100%; height: 100%; } .fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0; } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; perspective: 1000px; transform: translateZ(0); } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs.is-vertical { height: 100%; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; } .f-thumbs__track { display: flex; will-change: transform; } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); min-width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__viewport { height: 100%; } .is-modern .f-thumbs__track { width: max-content; } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--left, 0) * 1px); width: calc(100% - var(--width, 0) * 1px); cursor: pointer; } .is-modern .f-thumbs__slide { --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) ); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none; } .is-modern .f-thumbs__slide:focus-within:not(.is-selected) { filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); } .is-modern .f-thumbs__slide > * { clip-path: var(--clip-path); } .is-modern.in-touch .f-thumbs__slide { filter: none; } .is-modern.is-resting .f-thumbs__slide { transition: all 0.33s ease; } .is-modern.is-resting .f-thumbs__slide > * { transition: all 0.33s ease; } .f-thumbs__slide__button { appearance: none; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; touch-action: manipulation; opacity: var(--f-thumb-opacity); transition: opacity 0.2s ease; } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none; } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn 0.2s ease-out; z-index: 10; } .f-thumbs__slide__img { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover; } .f-thumbs.is-horizontal .f-thumbs__track { margin: 0 auto; padding: 8px 0 12px 0; } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; margin: auto 0; padding: 0 8px; } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0; } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap); } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0; } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px; } .fancybox__thumbs.is-masked { max-height: 0px !important; } .is-closing .fancybox__thumbs { transition: none !important; } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var( --fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5) ); pointer-events: none; z-index: 20; } .fancybox__toolbar :focus-visible { z-index: 1; } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0; } .is-idle .fancybox__toolbar { pointer-events: none; animation: 0.15s ease-out both f-fadeOut; } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap; } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; user-select: none; } .fancybox__infobar span { padding: 0 5px; } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg); } [data-fancybox-toggle-slideshow] { position: relative; } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: 0.3; } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex; } [data-fancybox-toggle-slideshow] svg g:last-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex; } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex; } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; user-select: none; pointer-events: none; } body.compensate-for-scrollbar { overflow: hidden; padding-right: 17px; box-sizing: border-box; } .header.compensate-for-scrollbar { overflow: hidden; padding-right: 17px; box-sizing: border-box; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: linear-gradient( 0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent ); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes a { to { transform: rotate(1turn); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /*# sourceMappingURL=fancy.css.map */ .block_strengths_slide { display: flex; } .block_strengths_slide .owl-stage { display: flex; } .block_strengths_slide .item { width: 100%; border-radius: 8px; overflow: hidden; position: relative; height: 100%; } @media screen and (max-width: 768px) { .block_strengths_slide .item { display: flex; flex-wrap: wrap; } } .block_strengths_slide .item .image { margin-bottom: 0px; vertical-align: middle; } .block_strengths_slide .item .image img { width: 100%; height: auto; vertical-align: middle; } .block_strengths_slide .item .content_box { width: 33.333%; padding: 50px 30px 50px; box-sizing: border-box; z-index: 1; position: absolute; top: 0px; left: 0px; height: 100%; opacity: 0; transition: 1s; -webkit-transition: 1s; } @media screen and (min-width: 1440px) { .block_strengths_slide .item .content_box { padding: 4.688vw 4.167vw 4.167vw; } } @media screen and (max-width: 768px) { .block_strengths_slide .item .content_box { position: relative; width: 100%; order: 2; opacity: 1; top: 0px; } } .block_strengths_slide .item .content_box::before { content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background: #000000; opacity: 0.8; position: absolute; } .block_strengths_slide .item .content_box .content { position: relative; z-index: 1; } .block_strengths_slide .item .content_box .content .title { font-size: 28px; font-weight: 700; color: var(--white-color); margin-bottom: 30px; line-height: 1.5; } @media screen and (min-width: 1440px) { .block_strengths_slide .item .content_box .content .title { margin-bottom: 2.083vw; font-size: 1.563vw; } } @media screen and (max-width: 768px) { .block_strengths_slide .item .content_box .content .title { font-size: 18px; } } .block_strengths_slide .item .content_box .content .summary { color: var(--white-color); } @media screen and (max-width: 768px) { .block_strengths_slide .item .content_box .content .summary { font-size: 14px; } } .block_strengths_slide .active .content_box { opacity: 1; } .block_strengths_slide .owl-controls .owl-nav { display: flex; justify-content: center; position: absolute; left: 30px; bottom: 40px; } @media screen and (min-width: 1440px) { .block_strengths_slide .owl-controls .owl-nav { bottom: 4.167vw; left: 4.167vw; } } @media screen and (max-width: 768px) { .block_strengths_slide .owl-controls .owl-nav { bottom: unset; top: 50%; transform: translateY(-50px); width: calc(100% + 50px); left: -25px; justify-content: space-between; } } .block_strengths_slide .owl-controls .owl-nav div { width: 50px; height: 50px; background: #e7e7e7; border-radius: 50%; transition: 0.5s; -webkit-transition: 0.5s; position: relative; } @media screen and (min-width: 1440px) { .block_strengths_slide .owl-controls .owl-nav div { width: 2.604vw; height: 2.604vw; } } .block_strengths_slide .owl-controls .owl-nav div:hover { background: #1e1e1e; } .block_strengths_slide .owl-controls .owl-nav div:hover svg { stroke: #fff; } .block_strengths_slide .owl-controls .owl-nav div svg { width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); stroke: #000; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (min-width: 1440px) { .block_strengths_slide .owl-controls .owl-nav div svg { width: 1.563vw; height: 1.563vw; } } .block_strengths_slide .owl-controls .owl-prev { margin-right: 15px; } @media screen and (min-width: 1440px) { .block_strengths_slide .owl-controls .owl-prev { margin-right: 0.781vw; } } @media screen and (max-width: 1024px) { .block_strengths_slide .item .content_box { width: 45%; padding: 30px; } .block_strengths_slide .item .content_box .content .title { font-size: 22px; margin-bottom: 20px; } .block_strengths_slide .item .content_box .content .description p { margin-bottom: 0px; } } @media screen and (max-width: 850px) { .block_strengths_slide .item .content_box { width: 50%; } } @media screen and (max-width: 768px) { .block_strengths_slide .item .content_box { width: 100%; } .block_strengths_slide .item .content_box .content .title { font-size: 18px; } } /*# sourceMappingURL=slide.css.map */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /*# sourceMappingURL=owl.carousel.css.map */ .tour_form { position: relative; overflow: hidden; background: #000; } .tour_form::before { content: ""; width: 383px; height: 883px; background-image: url("modules/home/assets/images/favicon.png"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 250px; left: 0px; transform: rotate(180deg); } @media screen and (min-width: 1440px) { .tour_form::before { width: 19.948vw; height: 45.99vw; top: 13.021vw; } } .tour_form::after { content: ""; width: 383px; height: 883px; background-image: url("modules/home/assets/images/favicon.png"); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 250px; right: 0px; } @media screen and (min-width: 1440px) { .tour_form::after { width: 19.948vw; height: 45.99vw; bottom: 13.021vw; } } .tour_form .back { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: 0.5s; -webkit-transition: 0.5s; margin-bottom: 0px; } .tour_form .back img { display: block; object-fit: cover; width: 100%; height: 100%; } .tour_form .title_page { position: relative; z-index: 1; text-align: center; margin-bottom: 30px; } @media screen and (min-width: 1440px) { .tour_form .title_page { margin-bottom: 1.302vw; } } .tour_form .title_page .block_title { color: var(--white-color); padding: 60px 0px 15px; } @media screen and (min-width: 1440px) { .tour_form .title_page .block_title { padding: 4.167vw 0 0.781vw; } } @media screen and (max-width: 768px) { .tour_form .title_page .block_title { padding: 30px 0px 30px; } } .tour_form .title_page .block_summary { text-align: center; position: relative; display: inline-block; width: auto; margin: 0px auto; overflow: hidden; padding: 10px 50px; border: 1.5px solid var(--extra-color); border-radius: 15px 0px 15px 0px; } @media screen and (min-width: 1440px) { .tour_form .title_page .block_summary { font-size: 0.938vw; padding: 0.521vw 2.604vw; border-radius: 0.781vw 0px 0.781vw 0px; } } @media screen and (max-width: 550px) { .tour_form .title_page .block_summary { padding: 10px 30px; } } .tour_form .title_page .block_summary span { font-size: 16px; color: var(--white-color); font-weight: 600; } @media screen and (min-width: 1440px) { .tour_form .title_page .block_summary span { font-size: 0.938vw; } } @media screen and (max-width: 500px) { .tour_form .title_page .block_summary span { font-size: 13px; } } .tour_form .title_page .block_summary span strong { animation: flicker2 2s infinite; font-weight: 600; color: var(--extra-color); } .tour_form .title_page .block_summary::before, .tour_form .title_page .block_summary::after { content: ""; width: 21px; height: 21px; background: url('data:image/svg+xml,'); position: absolute; top: 13px; } @media screen and (min-width: 1440px) { .tour_form .title_page .block_summary::before, .tour_form .title_page .block_summary::after { width: 1.094vw; height: 1.094vw; top: 0.677vw; } } @media screen and (max-width: 55px) { .tour_form .title_page .block_summary::before, .tour_form .title_page .block_summary::after { width: 18px; height: 18px; } } .tour_form .title_page .block_summary::before { left: 15px; } @media screen and (min-width: 1440px) { .tour_form .title_page .block_summary::before { left: 0.781vw; } } @media screen and (max-width: 550px) { .tour_form .title_page .block_summary::before { left: 7px; } } .tour_form .title_page .block_summary::after { right: 15px; } @media screen and (min-width: 1440px) { .tour_form .title_page .block_summary::after { right: 0.781vw; } } @media screen and (max-width: 550px) { .tour_form .title_page .block_summary::after { right: 7px; } } .tour_form .form-title { padding: 0px 200px; } @media screen and (min-width: 1440px) { .tour_form .form-title { padding: 0vw 11.979vw; } } .tour_form .form-title span { font-size: 20px; font-weight: 600; color: #fff; } @media screen and (min-width: 1440px) { .tour_form .form-title span { font-size: 1.042vw; margin-bottom: 1.563vw; } } .tour_form #buy_fast_form_default .form-content { position: relative; z-index: 1; box-sizing: border-box; padding: 0px 200px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content { padding: 0vw 11.979vw; } } .tour_form #buy_fast_form_default .form-content .mbl { width: 100%; padding-bottom: 25px; margin-top: 25px; border-bottom: 1px solid #5c5c5c; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .mbl { padding-bottom: 1.823vw; margin-top: 1.823vw; } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-content .mbl { margin-bottom: 0px; } } .tour_form #buy_fast_form_default .form-content .mbl .title_mbl { display: block; color: var(--white-color); font-size: 18px; font-weight: 600; margin-bottom: 15px; width: 100%; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .mbl .title_mbl { font-size: 1.042vw; margin-bottom: 1.563vw; } } @media screen and (max-width: 768px) { .tour_form #buy_fast_form_default .form-content .mbl .title_mbl { font-size: 16px; } } .tour_form #buy_fast_form_default .form-content .mbl_flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 25px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .mbl_flex { margin-bottom: 1.563vw; } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-content .mbl_flex { margin-bottom: 0px; } } .tour_form #buy_fast_form_default .form-content .mbl_grid { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); margin-bottom: 25px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .mbl_grid { margin-bottom: 1.563vw; grid-gap: 2.604vw; } } .tour_form #buy_fast_form_default .form-content .mbl_txt { position: relative; width: calc(50% - 10px); } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .mbl_txt { width: calc(50% - 0.781vw); } } @media screen and (max-width: 500px) { .tour_form #buy_fast_form_default .form-content .mbl_txt { width: calc(50% - 5px); } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-content .mbl_txt { width: calc(100% - 0px); margin-bottom: 10px; } } .tour_form #buy_fast_form_default .form-content .mbl_txt:last-child { margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-content .mbl_txt2 { position: relative; width: calc(100% - 0px); } .tour_form #buy_fast_form_default .form-content .txtinput { width: 100%; padding: 15px 10px; outline: none; display: block; background-color: #ffff; padding-left: 15px; border: 0px; color: var(--black-color); border-radius: 4px; font-size: 15px; font-weight: 600; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .txtinput { width: calc(100%); padding: 1.042vw 1.042vw; font-size: 0.781vw; } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-content .txtinput { font-size: 14px; } } .tour_form #buy_fast_form_default .form-content .txtinput::placeholder { font-size: 15px; font-weight: 600; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .txtinput::placeholder { font-size: 0.781vw; } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-content .txtinput::placeholder { font-size: 14px; } } .tour_form #buy_fast_form_default .form-content .txtarea { width: 100%; height: 130px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .txtarea { height: 6.771vw; } } .tour_form #buy_fast_form_default .form-content label { margin-left: 10px; font-size: 14px; font-weight: 500; color: var(--white-color); transition: 0.5s; -webkit-transition: 0.5s; cursor: pointer; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content label { font-size: 0.833vw; margin-left: 0.781vw; } } .tour_form #buy_fast_form_default .form-content label a { color: var(--white-color); } .tour_form #buy_fast_form_default .form-content label a:hover { color: var(--main-color); } .tour_form #buy_fast_form_default .form-content label span { margin-left: 0px; } .tour_form #buy_fast_form_default .form-content .checkbox { display: flex; align-items: center; } .tour_form #buy_fast_form_default .form-content .checkbox .txt_checkbox { width: 15px; height: 15px; cursor: pointer; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .checkbox .txt_checkbox { width: 1.042vw; height: 1.042vw; } } .tour_form #buy_fast_form_default .form-content .checkbox span { display: block; color: var(--white-color); font-size: 18px; font-weight: 600; margin-bottom: 0px; width: 100%; margin-left: 10px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .checkbox span { font-size: 1.042vw; margin-left: 0.781vw; } } @media screen and (max-width: 768px) { .tour_form #buy_fast_form_default .form-content .checkbox span { font-size: 16px; } } .tour_form #buy_fast_form_default .form-content .checkbox label span { margin-left: 0px; } .tour_form #buy_fast_form_default .form-content input[type="radio"] { width: 15px; height: 15px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content input[type="radio"] { width: 0.885vw; height: 0.885vw; } } .tour_form #buy_fast_form_default .form-content .note { margin-top: 20px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .note { margin-top: 1.302vw; } } .tour_form #buy_fast_form_default .form-content .note label { margin-left: 0px; } .tour_form #buy_fast_form_default .form-content .mbl_person .mbl_txt { display: flex; align-items: center; } @media screen and (max-width: 600px) { .tour_form #buy_fast_form_default .form-content .mbl_person .mbl_txt { width: 100%; } } .tour_form #buy_fast_form_default .form-content .mbl_person .span_mbl { margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-content .mbl_person .mbl_button { display: flex; justify-content: start; margin-left: 15px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .mbl_person .mbl_button { margin-left: 0.781vw; } } .tour_form #buy_fast_form_default .form-content .mbl_person .mbl_button .txtinput { width: 40px; height: 40px; margin-left: 0px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-content .mbl_person .mbl_button .txtinput { width: 2.083vw; height: 2.083vw; } } .tour_form #buy_fast_form_default .form-content .mbl_person .mbl_button .txt_person { padding: 0; position: relative; border-radius: 0; } .tour_form #buy_fast_form_default .form-content .mbl_person .mbl_button .txt_person .num_person { user-select: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tour_form #buy_fast_form_default .form-content .mbl_text { margin-top: 0px; } .tour_form #buy_fast_form_default .form-tour .mbl:first-child { margin-top: 0px; } .tour_form #buy_fast_form_default .form-tour .book_tour .mbl_flex { margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-tour .book_tour .rule-drive { color: #fff; margin-top: 10px; transition: 0.5s; -webkit-transition: 0.5s; } .tour_form #buy_fast_form_default .form-tour .book_tour .rule-drive:hover { color: var(--main-color); } .tour_form #buy_fast_form_default .form-tour .book_room .checkbox { margin-bottom: 25px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_room .checkbox { margin-bottom: 1.563vw; } } @media screen and (max-width: 550px) { .tour_form #buy_fast_form_default .form-tour .book_room .checkbox { margin-bottom: 15px; } } .tour_form #buy_fast_form_default .form-tour .book_room .checkbox span { margin-left: 0px; } .tour_form #buy_fast_form_default .form-tour .book_room .mbl_grid { grid-gap: 25px; grid-template-columns: repeat(3, 1fr); } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_room .mbl_grid { grid-gap: 1.302vw; } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-tour .book_room .mbl_grid { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } } .tour_form #buy_fast_form_default .form-tour .book_room .room_item { display: flex; align-items: center; } .tour_form #buy_fast_form_default .form-tour .book_bus .checkbox { margin-bottom: 25px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .checkbox { margin-bottom: 1.042vw; } } @media screen and (max-width: 550px) { .tour_form #buy_fast_form_default .form-tour .book_bus .checkbox { margin-bottom: 15px; } } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure { margin-bottom: 25px; } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return { box-sizing: border-box; padding-left: 20px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return { padding-left: 1.042vw; } } @media screen and (max-width: 768px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return { padding-left: 0px; } } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .checkbox, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .checkbox { margin-bottom: 0px; width: 22%; } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .checkbox .txt_checkbox, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .checkbox .txt_checkbox { width: 15px; height: 15px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .checkbox .txt_checkbox, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .checkbox .txt_checkbox { width: 0.781vw; height: 0.781vw; } } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .checkbox .label, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .checkbox .label { width: calc(100% - 30px); } @media screen and (max-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .checkbox .label, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .checkbox .label { width: calc(100% - 1.563vw); } } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .checkbox span, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .checkbox span { font-size: 18px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .checkbox span, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .checkbox span { font-size: 0.938vw; } } @media screen and (max-width: 500px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .checkbox, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .checkbox { width: 100%; margin-bottom: 15px; } } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .txtinput, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .txtinput { width: calc(40% - 20px); } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .txtinput, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .txtinput { width: calc(40% - 1.302vw); } } @media screen and (max-width: 768px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .txtinput, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .txtinput { width: calc(40% - 30px); } } @media screen and (max-width: 500px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .txtinput, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .txtinput { width: calc(50% - 5px); } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .txtinput, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .txtinput { width: calc(100% - 0px); margin-bottom: 10px; } } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .txtinput:last-child, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .txtinput:last-child { margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .mbl_txt, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .mbl_txt { width: calc(40% - 20px); } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .mbl_txt, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .mbl_txt { width: calc(40% - 1.302vw); } } @media screen and (max-width: 768px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .mbl_txt, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .mbl_txt { width: calc(40% - 30px); } } @media screen and (max-width: 500px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .mbl_txt, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .mbl_txt { width: calc(50% - 5px); } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .mbl_txt, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .mbl_txt { width: calc(100% - 0px); margin-bottom: 0px; } } .tour_form #buy_fast_form_default .form-tour .book_bus .book_departure .mbl_txt .txtinput, .tour_form #buy_fast_form_default .form-tour .book_bus .book_return .mbl_txt .txtinput { width: 100%; } .tour_form #buy_fast_form_default .form-tour .book_bus .list_bus_return, .tour_form #buy_fast_form_default .form-tour .book_bus .list_bus_departure { display: none; } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); margin-bottom: 15px; padding-left: 20px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid { margin-bottom: 1.563vw; grid-gap: 1.042vw; padding-left: 1.042vw; } } @media screen and (max-width: 820px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid { padding-left: 0px; } } @media screen and (max-width: 550) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid { grid-gap: 15px; grid-template-columns: repeat(1, 1fr); } } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item { display: flex; } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .image { width: 80px; margin-bottom: 0px; margin-right: 10px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .image { width: 5.208vw; margin-right: 1.042vw; } } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .image img { width: 100%; height: auto; } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .image label { margin-left: 0px; } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content { width: calc(100% - 90px); } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content { width: calc(100% - 6.25vw); } } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content .label_radi { margin-top: 0px; } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content label { margin-left: 0px; margin-top: 10px; display: block; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content label { margin-top: 1.042vw; } } @media screen and (max-width: 550px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content label { font-size: 14px; line-height: 1.3; margin-top: 5px; } } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content .price { font-size: 18px; font-weight: 700; color: var(--white-color); margin-top: 5px; position: relative; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content .price { font-size: 1.25vw; margin-top: 0.26vw; } } @media screen and (max-width: 550px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content .price { font-size: 16px; } } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content .price .unit { margin-bottom: 0px; display: inline-block; font-size: 24px; font-weight: 600; width: auto; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid .serice_item .content .price .unit { font-size: 0.729vw; } } @media screen and (max-width: 550px) { .tour_form #buy_fast_form_default .form-tour .book_bus .list_bus_return { margin-top: 25px; } } .tour_form #buy_fast_form_default .form-tour .book_bus .list_bus_return .mbl_grid { margin-top: 0px; margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-tour .book_moto .checkbox span { margin-left: 0px; } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); margin-bottom: 0px; margin-top: 15px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid { grid-gap: 1.042vw; margin-top: 1.563vw; } } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item { display: flex; } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .image { width: 80px; margin-bottom: 0px; margin-right: 10px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .image { width: 5.208vw; margin-right: 1.042vw; } } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .image img { width: 100%; height: auto; } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .image label { margin-left: 0px; } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content { width: calc(100% - 90px); } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content { width: calc(100% - 6.25vw); } } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content label { margin-left: 0px; margin-top: 10px; display: block; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content label { margin-top: 1.042vw; } } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content .price { font-size: 18px; font-weight: 700; color: var(--white-color); margin-top: 5px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content .price { font-size: 1.25vw; margin-top: 0.26vw; } } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content .price .unit { margin-bottom: 0px; display: inline-block; font-size: 24px; font-weight: 600; width: auto; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content .price .unit { font-size: 24px; } } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content .price .day { font-size: 14px; font-weight: 400; display: inline-block; width: auto; margin-left: 10px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid .serice_item .content .price .day { font-size: 0.833vw; margin-left: 0.521vw; } } .tour_form #buy_fast_form_default .form-gift { box-sizing: border-box; padding: 0px 160px 0px 200px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-gift { padding: 0vw 8.333vw 0vw 11.979vw; } } .tour_form #buy_fast_form_default .form-gift .book_gift { border-bottom: none !important; padding-bottom: 0px; } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); margin-bottom: 25px; margin-top: 25px; overflow-y: auto; overflow-x: hidden; max-height: 350px; height: auto; padding-right: 50px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid { padding-right: 2.604vw; margin-bottom: 1.563vw; grid-gap: 1.563vw; margin-top: 1.563vw; max-height: 20.833vw; height: auto; } } @media screen and (max-width: 768px) { .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid { height: auto; padding-right: 25px; } } @media screen and (max-width: 500px) { .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid { grid-template-columns: repeat(3, 1fr); padding-right: 0px; margin-top: 0px; } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid { grid-template-columns: repeat(2, 1fr); } } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid::-webkit-scrollbar { width: 10px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid::-webkit-scrollbar { width: 0.521vw; } } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ececec; border-radius: 10px; } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid::-webkit-scrollbar-thumb { background-color: #fff; outline: 1px solid #fff; border-radius: 10px; } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid::-webkit-scrollbar-thumb:hover { background-color: var(--main-color); outline: 1px solid var(--main-color); } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .image { width: 100%; margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .image img { width: 100%; height: auto; } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .image label { margin-left: 0px; } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .content { display: flex; margin-top: 10px; align-items: flex-start; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .content { margin-top: 1.042vw; } } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .content input { margin-top: 2px; width: 15px; height: 15px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .content input { width: 1.042vw; height: 1.042vw; } } .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .content label { margin-left: 0px; display: block; width: calc(100% - 20px); margin-left: 10px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-gift .book_gift .mbl_grid .gift_item .content label { margin-left: 0.521vw; width: calc(100% - 1.563vw); } } .tour_form #buy_fast_form_default .form-info .mbl { padding-bottom: 0px; border-bottom: none; } .tour_form #buy_fast_form_default .form-info .mbl_flex { margin-bottom: 25px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-info .mbl_flex { margin-bottom: 1.563vw; } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-info .mbl_flex { margin-bottom: 0px; } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-info .mbl_flex .mbl_txt { margin-bottom: 25px; } } .tour_form #buy_fast_form_default .form-info .span_mbl { font-size: 16px; font-weight: 400; color: var(--white-color); margin-bottom: 25px; display: block; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-info .span_mbl { font-size: 0.833vw; margin-bottom: 1.563vw; } } .tour_form #buy_fast_form_default .form-info .add_pp, .tour_form #buy_fast_form_default .form-info .apart_pp { box-sizing: border-box; text-align: center; padding: 9px 0px 9px; transition: 1s; -webkit-transition: 1s; cursor: pointer; position: relative; } @media screen and (min-width: 1460px) { .tour_form #buy_fast_form_default .form-info .add_pp, .tour_form #buy_fast_form_default .form-info .apart_pp { padding: 0.208vw 0vw 0.208vw; } } .tour_form #buy_fast_form_default .form-info .add_pp:hover, .tour_form #buy_fast_form_default .form-info .apart_pp:hover { background: var(--main-color); } .tour_form #buy_fast_form_default .form-info .add_pp:hover svg path, .tour_form #buy_fast_form_default .form-info .apart_pp:hover svg path { fill: var(--sub-color); } .tour_form #buy_fast_form_default .form-info .add_pp svg, .tour_form #buy_fast_form_default .form-info .apart_pp svg { width: 25px; height: 25px; transition: 1s; -webkit-transition: 1s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tour_form #buy_fast_form_default .form-info .add_pp svg path, .tour_form #buy_fast_form_default .form-info .apart_pp svg path { transition: 1s; -webkit-transition: 1s; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-info .add_pp svg, .tour_form #buy_fast_form_default .form-info .apart_pp svg { width: 1.302vw; height: 1.302vw; } } .tour_form #buy_fast_form_default .form-info .add_pp { border-radius: 0px 4px 4px 0px; } .tour_form #buy_fast_form_default .form-info .apart_pp { border-radius: 4px 0px 0px 4px; } .tour_form #buy_fast_form_default .form-info .mbl_grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); margin-bottom: 0px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-info .mbl_grid { grid-gap: 1.042vw; } } @media screen and (max-width: 600px) { .tour_form #buy_fast_form_default .form-info .mbl_grid { grid-template-columns: repeat(2, 1fr); } .tour_form #buy_fast_form_default .form-info .mbl_grid .span_mbl { grid-column: span 3; } } .tour_form #buy_fast_form_default .form-info .mbl_grid .require_item { margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-info .mbl_grid .require_item .content { width: calc(100% - 0px); display: flex; align-items: flex-start; } .tour_form #buy_fast_form_default .form-info .mbl_grid .require_item .content input { margin-top: 2px; width: 15px; height: 15px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-info .mbl_grid .require_item .content input { width: 1.042vw; height: 1.042vw; } } .tour_form #buy_fast_form_default .form-info .mbl_grid .require_item .content label { display: block; width: calc(100% - 30px); margin-left: 10px; display: block; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-info .mbl_grid .require_item .content label { margin-left: 0.521vw; width: calc(100% - 1.563vw); } } .tour_form #buy_fast_form_default .form-info .mbl_grid .require_item .content label:hover { color: var(--main-color); } .tour_form #buy_fast_form_default .form-info .person_together { margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-info .person_together .mbl_txt { margin-bottom: 25px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-info .person_together .mbl_txt { margin-bottom: 1.563vw; } } .tour_form #buy_fast_form_default .form-info .rule { margin-top: 25px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .form-info .rule { margin-bottom: 1.563vw; } } .tour_form #buy_fast_form_default .form-info .rule strong { font-weight: 600; } .tour_form #buy_fast_form_default .form-info .rule p, .tour_form #buy_fast_form_default .form-info .rule h2, .tour_form #buy_fast_form_default .form-info .rule h3, .tour_form #buy_fast_form_default .form-info .rule h4, .tour_form #buy_fast_form_default .form-info .rule h5 { color: #ffff; } .tour_form #buy_fast_form_default .btn_form { text-align: center; } .tour_form #buy_fast_form_default .btn_form .button-buy-fast { text-align: center; margin: 50px auto 50px; font-size: 16px; font-weight: 600; color: var(--black-color); background: var(--extra-color); cursor: pointer; padding: 10px 50px; position: relative; transition: 0.5s; -webkit-transition: 0.5s; border: none; display: inline-block; } .tour_form #buy_fast_form_default .btn_form .button-buy-fast:hover { color: var(--black-color); background: var(--white-color); } .tour_form #buy_fast_form_default .btn_form .button-buy-fast:hover::after { background: var(--extra-color); } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .btn_form .button-buy-fast { font-size: 0.833vw; padding: 0.781vw 3.646vw; margin: 4.688vw auto 4.688vw; } } @media screen and (max-width: 768px) { .tour_form #buy_fast_form_default .btn_form .button-buy-fast { margin: 30px 0px; } } .tour_form #buy_fast_form_default .btn_form .button-buy-fast::after { content: ""; background: #fff; top: 5px; left: 10px; width: 100%; height: 100%; position: absolute; z-index: -1; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .btn_form .button-buy-fast::after { top: 0.26vw; left: 0.365vw; } } .tour_form #buy_fast_form_default .btn_form .button-buy-fast2 { margin: 20px auto 50px; } @media screen and (min-width: 1440px) { .tour_form #buy_fast_form_default .btn_form .button-buy-fast2 { margin: 1.688vw auto 4.688vw; } } @keyframes flicker2 { 0% { color: var(--sub-color); } 25% { color: var(--white-color); } 50% { color: var(--sub-color); } 75% { color: var(--white-color); } 100% { color: var(--sub-color); } } @media screen and (max-width: 1300px) { .tour_form #buy_fast_form_default .form-content { padding: 0 100px; } .tour_form #buy_fast_form_default .form-gift { padding: 0px 100px 0px 100px; } } @media screen and (max-width: 1024px) { .tour_form #buy_fast_form_default .form-content { padding: 0 50px; } .tour_form #buy_fast_form_default .form-gift { padding: 0px 50px 0px 50px; } } @media screen and (max-width: 990px) { .tour_form #buy_fast_form_default .form-content { padding: 0 0px; } .tour_form #buy_fast_form_default .form-gift { padding: 0px 0px 0px 0px; } } @media screen and (max-width: 820px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid { grid-template-columns: repeat(3, 1fr); } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 768px) { .tour_form .title_page { margin-bottom: 20px; } .tour_form .title_page .block-title { padding: 50px 0px 30px; margin-bottom: 0px; } .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid { grid-template-columns: repeat(2, 1fr); } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 450px) { .tour_form #buy_fast_form_default .form-tour .book_bus .mbl_grid { grid-template-columns: repeat(1, 1fr); } .tour_form #buy_fast_form_default .form-tour .book_moto .mbl_grid { grid-template-columns: repeat(1, 1fr); } } /*# sourceMappingURL=form.css.map */ .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: 0; } .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; } .xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "alpha(opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "alpha(opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #3af; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #3af; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #3af; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "alpha(opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #3af !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #c50; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #c50; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #c50; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #ddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans", "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa) ); background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%); background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0); } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0, #fff 73%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #fff) ); background: -webkit-linear-gradient(top, #f4f8fa 0, #fff 73%); background: -o-linear-gradient(top, #f4f8fa 0, #fff 73%); background: -ms-linear-gradient(top, #f4f8fa 0, #fff 73%); background: linear-gradient(to bottom, #f4f8fa 0, #fff 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0); } .table_content { clear: both; } .table_content .table_price { width: 100%; } .table_content .title_table { background: #fff; width: 100%; position: relative; } .table_content .title_table td, .table_content .title_table th { border: 1px solid #dedede; text-align: left; padding: 10px 30px; } @media screen and (min-width: 1440px) { .table_content .title_table td, .table_content .title_table th { padding: 0.521vw 1.563vw; } } @media screen and (max-width: 600px) { .table_content .title_table td, .table_content .title_table th { padding: 8px 15px; } } @media screen and (max-width: 600px) { .table_content .title_table th:nth-child(1) { width: 60%; } } @media screen and (max-width: 600px) { .table_content .title_table th:nth-child(2) { width: 40%; } } .table_content .title_table th { font-weight: 600; text-align: left; color: var(--black-color); font-size: 18px; font-weight: 700; } @media screen and (min-width: 1440px) { .table_content .title_table th { font-size: 0.938vw; } } @media screen and (max-width: 450px) { .table_content .title_table th { font-size: 16px; } } .table_content .title_table th:nth-child(2) { text-align: center; } .table_content .title_table tr:nth-child(even) { background-color: #f2f2f2; } .table_content .title_table tr:hover { background-color: #ddd; } .table_content .title_table td { text-transform: capitalize; font-weight: 550; } .table_content .title_table td svg { width: 20px; height: 20px; cursor: pointer; } .table_content .title_table td:last-child { text-align: center; cursor: pointer; } .table_content .title_table td:last-child span { font-weight: 550; text-decoration: underline; } .table_content .title_table td:last-child span:hover { text-decoration: underline; } .table_content .content_table { background: #fff; width: 100%; position: relative; } .table_content .content_table td, .table_content .content_table th { text-align: left; padding: 10px 30px; } @media screen and (min-width: 1440px) { .table_content .content_table td, .table_content .content_table th { padding: 0.521vw 1.563vw; } } @media screen and (max-width: 600px) { .table_content .content_table td, .table_content .content_table th { padding: 8px 15px; } } @media screen and (max-width: 600px) { .table_content .content_table th:nth-child(1) { width: 60%; } } @media screen and (max-width: 600px) { .table_content .content_table th:nth-child(2) { width: 40%; } } .table_content .content_table th { font-weight: 400; text-align: left; color: var(--black-color); font-size: 18px; border: 1px solid #dedede; border-width: 0px 1px 0px 1px; } @media screen and (min-width: 1440px) { .table_content .content_table th { font-size: 0.938vw; } } @media screen and (max-width: 450px) { .table_content .content_table th { font-size: 16px; } } .table_content .content_table th:nth-child(2) { text-align: right; font-weight: 700; } .table_content .content_table tr:nth-child(even) { background-color: #f2f2f2; } .table_content .content_table tr:hover { background-color: #ddd; } .table_content .content_table td { text-transform: capitalize; font-weight: 550; } .table_content .content_table td svg { width: 20px; height: 20px; cursor: pointer; } .table_content .content_table td:last-child { text-align: center; cursor: pointer; } .table_content .content_table td:last-child span { font-weight: 550; text-decoration: underline; } .table_content .content_table td:last-child span:hover { text-decoration: underline; } .table_content .price_table { background: #fff; width: 100%; position: relative; } .table_content .price_table td, .table_content .price_table th { text-align: right; padding: 10px 30px; } @media screen and (min-width: 1440px) { .table_content .price_table td, .table_content .price_table th { padding: 0.521vw 1.563vw; } } .table_content .price_table th { font-weight: 700; text-align: right; color: var(--black-color); font-size: 18px; border: 1px solid #dedede; } @media screen and (min-width: 1440px) { .table_content .price_table th { font-size: 0.938vw; } } @media screen and (max-width: 450px) { .table_content .price_table th { font-size: 16px; } } .table_content .price_table th:nth-child(2) { text-align: right; font-weight: 700; } .table_content .price_table tr:nth-child(even) { background-color: #f2f2f2; } .table_content .price_table tr:hover { background-color: #ddd; } .table_content .price_table td { text-transform: capitalize; font-weight: 550; } .table_content .price_table td svg { width: 20px; height: 20px; cursor: pointer; } .table_content .price_table td:last-child { text-align: center; cursor: pointer; } .table_content .price_table td:last-child span { font-weight: 550; text-decoration: underline; } .table_content .price_table td:last-child span:hover { text-decoration: underline; } .table_content .form_price_tour { float: right; width: 70%; position: relative; margin-top: 10px; } @media screen and (min-width: 1440px) { .table_content .form_price_tour { margin-top: 0.521vw; } } .table_content .form_price_tour th { font-size: 18px; color: var(--white-color); font-weight: 400; padding-top: 5px; } @media screen and (min-width: 1440px) { .table_content .form_price_tour th { font-size: 0.938vw; padding-top: 0.26vw; } } @media screen and (max-width: 450px) { .table_content .form_price_tour th { font-size: 16px; } } .table_content .form_price_tour th:nth-child(1) { padding-left: 100px; } @media screen and (min-width: 1440px) { .table_content .form_price_tour th:nth-child(1) { padding-left: 5.208vw; } } @media screen and (max-width: 600px) { .table_content .form_price_tour th:nth-child(1) { padding-left: 0px; } } .table_content .form_price_tour th:nth-child(2) { text-align: right; padding-right: 30px; } @media screen and (min-width: 1440px) { .table_content .form_price_tour th:nth-child(2) { padding-right: 1.563vw; } } .table_content .form_price_tour #voucher { width: 100%; box-sizing: border-box; padding: 10px; border-radius: 4px; outline: none; position: relative; } @media screen and (min-width: 1440px) { .table_content .form_price_tour #voucher { padding: 0.521vw; } } .table_content .form_price_tour .th_voucher { position: relative; display: flex; width: 100%; align-items: center; justify-content: center; } .table_content .form_price_tour .th_voucher #voucher { width: calc(100% - 60px); height: 40px; border: none; border-radius: 0px !important; } .table_content .form_price_tour .th_voucher #apply_vou { width: 60px; display: flex; padding: 5px; box-sizing: border-box; float: left; background: var(--main-color); height: 40px; cursor: pointer; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; justify-content: center; color: #000; font-size: 13px; } .table_content .form_price_tour .success::before { content: ""; position: absolute; width: 20px; height: 20px; background: url('data:image/svg+xml,'); top: 50%; transform: translateY(-50%); right: 65px; background-repeat: no-repeat; background-size: contain; z-index: 1; } .table_content .form_price_tour .false::before { content: ""; position: absolute; width: 20px; height: 20px; background: url('data:image/svg+xml,'); top: 50%; transform: translateY(-50%); right: 65px; background-repeat: no-repeat; background-size: contain; z-index: 1; } .table_content .form_price_tour .th_voucher { padding-right: 0px !important; } .table_content .form_price_tour .price_text { font-weight: 600; } .table_content .form_price_tour #total_price_tour { font-size: 24px; font-weight: 700; color: var(--main-color); } @media screen and (max-width: 450px) { .table_content .form_price_tour #total_price_tour { font-size: 20px; } } @media screen and (max-width: 1024px) { .table_content .form_price_tour { width: 70%; } } @media screen and (max-width: 800px) { .table_content .form_price_tour { width: 80%; } } @media screen and (max-width: 600px) { .table_content .form_price_tour { width: 100%; } } /*# sourceMappingURL=price.css.map */ .title_share { float: left; margin-top: 6px; margin-right: 24px; } @media all and (max-width: 1177px) { .title_share { float: none; } } @media all and (max-width: 680px) { .title_share { text-align: center; margin-right: 0px; } } .share_fast_small { text-align: left; margin-top: 30px; } @media all and (max-width: 768px) { .share_fast_small { text-align: center; margin-top: 10px; } } .share_fast_small svg { transition: 0.5s; width: 20px; height: 20px; } .share_fast_small svg:hover { transition: 0.5s; } .share_fast_small .title { text-transform: uppercase; margin-bottom: 15px; display: block; border-bottom: 0px; text-align: left; font-size: 15px; font-weight: bold; color: #fff; padding-top: 0; font-family: Helvetica; } .share_fast_small .title::after { display: none; } .share_fast_small .fb, .share_fast_small .prin, .share_fast_small .zl, .share_fast_small .gp, .share_fast_small .yt, .share_fast_small .sk, .share_fast_small .tw { width: 30px; height: 30px; padding: 5px; box-sizing: border-box; margin-right: 17px; float: left; border-radius: 50%; transition: 0.5s; } @media all and (max-width: 1177px) { .share_fast_small .fb, .share_fast_small .prin, .share_fast_small .zl, .share_fast_small .gp, .share_fast_small .yt, .share_fast_small .sk, .share_fast_small .tw { float: left; margin-left: 0px; margin-right: 10px; margin-top: 5px; } } @media all and (max-width: 768px) { .share_fast_small .fb, .share_fast_small .prin, .share_fast_small .zl, .share_fast_small .gp, .share_fast_small .yt, .share_fast_small .sk, .share_fast_small .tw { display: inline-block; } } .share_fast_small .fb svg, .share_fast_small .prin svg, .share_fast_small .zl svg, .share_fast_small .gp svg, .share_fast_small .yt svg, .share_fast_small .sk svg, .share_fast_small .tw svg { fill: #fff; transition: 0.5s; } .share_fast_small .fb:hover, .share_fast_small .prin:hover, .share_fast_small .zl:hover, .share_fast_small .gp:hover, .share_fast_small .yt:hover, .share_fast_small .sk:hover, .share_fast_small .tw:hover { background: #fff; } .share_fast_small .fb:hover svg, .share_fast_small .prin:hover svg, .share_fast_small .zl:hover svg, .share_fast_small .gp:hover svg, .share_fast_small .yt:hover svg, .share_fast_small .sk:hover svg, .share_fast_small .tw:hover svg { fill: #f56437; } .share_fast_small .zl { padding: 0; } .share_fast_small .zl svg { width: 30px; height: 30px; } .share_fast_small .fb { background: #0d3a80; } .share_fast_small .in { background: #0632d0; } .share_fast_small .tw { background: #29a5d9; } .share_fast_small .gp { background: #dc4335; } .share_fast_small .yt { background: #dc4335; } /*# sourceMappingURL=fast_small.css.map */ @media all and (max-width: 1024px) { .top_menu { display: none; } } .top_menu .dcjq-mega-menu { position: relative; } .top_menu .dcjq-mega-menu #megamenu { position: relative; z-index: 99; } @media all and (min-width: 1000px) { .top_menu .dcjq-mega-menu #megamenu { display: flex; align-items: center; justify-content: end; } } @media all and (max-width: 400px) { .top_menu .dcjq-mega-menu #megamenu { margin-top: 0; } } .top_menu .dcjq-mega-menu ul.menu li.level_0 { padding: 0 40px 12px 0; position: relative; text-align: center; box-sizing: border-box; transition: 0.5s ease-in-out all; } @media screen and (min-width: 1440px) { .top_menu .dcjq-mega-menu ul.menu li.level_0 { padding: 0 3.125vw 0.625vw 0; } } .top_menu .dcjq-mega-menu ul.menu > li.activated > a { color: var(--main-color); } .top_menu .dcjq-mega-menu ul.menu > li.activated > a::before { opacity: 1; width: 100%; } @media screen and (max-width: 990px) { .top_menu .dcjq-mega-menu ul.menu > li.activated > a { color: #fff; } } .top_menu .dcjq-mega-menu ul.menu li.mega-hover a, .top_menu .dcjq-mega-menu ul.menu > li > a:hover { color: var(--main-color); } @media screen and (max-width: 990px) { .top_menu .dcjq-mega-menu ul.menu li.mega-hover a, .top_menu .dcjq-mega-menu ul.menu > li > a:hover { color: #fff; } } .top_menu .dcjq-mega-menu ul.menu li.mega-hover a::before, .top_menu .dcjq-mega-menu ul.menu > li > a:hover::before { opacity: 1; width: 100%; } .top_menu .dcjq-mega-menu ul.menu li.mega-hover a .dcjq-mega-menu ul.menu > li.activated > a, .top_menu .dcjq-mega-menu ul.menu > li > a:hover .dcjq-mega-menu ul.menu > li.activated > a { color: #fff; } .top_menu .dcjq-mega-menu ul.menu li.mega-hover a .dcjq-mega-menu ul.menu > li.activated > a::before, .top_menu .dcjq-mega-menu ul.menu > li > a:hover .dcjq-mega-menu ul.menu > li.activated > a::before { opacity: 0; width: 0; } .top_menu .dcjq-mega-menu ul.menu li.home.mega-hover a, .top_menu .dcjq-mega-menu ul.menu > li.home.activated > a, .top_menu .dcjq-mega-menu ul.menu > li.home:hover > a { color: var(--main-color); } @media screen and (max-width: 990px) { .top_menu .dcjq-mega-menu ul.menu li.home.mega-hover a, .top_menu .dcjq-mega-menu ul.menu > li.home.activated > a, .top_menu .dcjq-mega-menu ul.menu > li.home:hover > a { color: #fff; } } .top_menu .dcjq-mega-menu .menu_item_a { color: #fff; float: left; text-transform: uppercase; white-space: nowrap; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; display: block; padding: 0.3vw 0; font-size: 13px; border: 1px solid transparent; font-weight: 600; position: relative; } .top_menu .dcjq-mega-menu .menu_item_a::before { content: ""; width: 0; height: 1px; position: absolute; bottom: -2px; display: block; opacity: 0; background-color: var(--main-color); transition: all 0.85s; } @media screen and (min-width: 1440px) { .top_menu .dcjq-mega-menu .menu_item_a { font-size: 0.781vw; padding: 0 0 0.3vw; } } @media screen and (max-width: 990px) { .top_menu .dcjq-mega-menu .menu_item_a { color: #fff; } } .top_menu .drop_down { color: #ffffff; display: block; float: left; padding: 0 10px; display: none; } .top_menu .drop_down svg { fill: #fff; width: 12px; height: 12px; } @media all and (max-width: 990px) { .top_menu .drop_down { display: block; float: left; padding: 8px 10px; display: block; position: absolute; right: 10px; top: 3px; transition: 0.7s ease-in-out all; } } .top_menu .dcjq-mega-menu .highlight { position: absolute; text-align: left; top: 28px; padding-top: 15px; left: 20px; width: 215px; z-index: 99999999; transition: 0.9s ease-in-out all; opacity: 0; visibility: hidden; } .top_menu .dcjq-mega-menu .highlight .highlight1 { /* border-top: 2px solid #0094E0; */ text-transform: uppercase; } .top_menu .dcjq-mega-menu ul.menu li:hover .highlight { opacity: 1; visibility: visible; } .top_menu .dcjq-mega-menu .highlight .sub-menu-level1 { padding: 13px 0 13px 15px; background: #fff; border-bottom: 1px solid rgba(222, 222, 222, 0.75); box-sizing: border-box; } .top_menu .dcjq-mega-menu .highlight .sub-menu-level1 a { color: #000; font-size: 14px; text-transform: none; } .top_menu .dcjq-mega-menu .highlight .sub-menu-level1:hover { cursor: pointer; border-left: 3px solid var(--main-color); transition: 0.15s ease-in-out all; } .top_menu .dcjq-mega-menu .highlight .sub-menu-level1:hover a { text-decoration: none; } .top_menu .dcjq-mega-menu .highlight .sub-menu-level1 a img { display: none; } .top_menu .dcjq-mega-menu .sb-toggle-left { float: left; display: none; cursor: pointer; position: relative; margin-left: 10px; } @media all and (max-width: 990px) { .top_menu .dcjq-mega-menu .sb-toggle-left { margin-left: 0px; } } .top_menu .slide-up { transform: translateY(0); } .top_menu .slide-down { transform: translateY(-100%); } .top_menu .m-slide-up { transform: translateY(0); } .top_menu .m-slide-down { transform: translateY(-100%); } @media screen and (max-width: 990px) { .top_menu .top_menu #megamenu { position: absolute; background: rgba(0, 0, 0, 0.7725490196); /* width: 100%; */ right: -22px; top: 46px; z-index: 999; border-left: 1px solid #efefef; border-bottom: 1px solid #efefef; display: none; width: 300px; } .top_menu .dcjq-mega-menu .sb-toggle-left { display: block; position: relative; } .top_menu .dcjq-mega-menu .sb-toggle-left svg { color: black; position: absolute; top: 12px; width: 20px; height: 20px; fill: #fff; padding-right: 20px; z-index: 99; } .top_menu .dcjq-mega-menu .menu_item_a { display: block; float: none; text-align: left; padding: 10px 0 10px 10px; text-transform: uppercase; text-decoration: unset; } .top_menu .dcjq-mega-menu ul.menu li.level_0 { float: none; border-top: 1px solid rgba(255, 255, 255, 0.56); margin: 0; } .top_menu .dcjq-mega-menu ul.menu li.level_0:before { display: none; } .top_menu .dcjq-mega-menu ul.menu li.level_0:after { display: none; } .top_menu .dcjq-mega-menu .highlight { background: transparent; border: none; box-shadow: none; position: relative; text-align: left; /* margin-top: 3px; */ float: none; top: 0px; width: auto; display: none; opacity: 1; visibility: visible; left: 0; padding-top: 0; } .top_menu .dcjq-mega-menu .highlight .highlight1 { background: transparent; border: none; border-top: 1px solid rgba(255, 255, 255, 0.5); text-transform: none; } .top_menu .dcjq-mega-menu .highlight .highlight1 a { color: #fff; } .top_menu .dcjq-mega-menu .highlight .sub-menu-level1 { border-top: none; padding: 9px 0 9px 22px; } .top_menu .dcjq-mega-menu ul.menu li.mega-hover a, .top_menu .dcjq-mega-menu ul.menu > li.activated > a, .top_menu .dcjq-mega-menu ul.menu > li:hover > a { transition: 0.25s ease-in-out all; background: var(--main-color); } } .top_menu .menu_scroll .menu_item_a { padding: 10px 15px 10px; } .slide-up .dcjq-mega-menu ul.menu li.level_0, .slide-down .dcjq-mega-menu ul.menu li.level_0 { padding: 0.625vw 1.823vw; } @media screen and (min-width: 1440px) { .slide-up .dcjq-mega-menu ul.menu li.level_0, .slide-down .dcjq-mega-menu ul.menu li.level_0 { padding: 0.625vw 3.125vw 0.625vw 0; } } /*# sourceMappingURL=megamenu.css.map */ .search-contain .search-content { border: none; } .search-contain input[type="text"] { outline: none; border: none; background: #fff; width: 100%; height: 40px; padding-left: 15px; box-sizing: border-box; font-family: arial; font-size: 13px; border: 1px solid #e3e3e3; color: #3a3a3a; } @media screen and (max-width: 550px) { .search-contain input[type="text"] { height: 36px; } } #keyword::placeholder { font-weight: 500; font-size: 16px; } @media screen and (min-width: 1440px) { #keyword::placeholder { font-size: 0.833vw; } } @media screen and (max-width: 500px) { #keyword::placeholder { font-size: 12px; } } .search_home #search { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: absolute; right: -10px; top: calc(100% + 5px); border-top: 4px solid var(--main-color); opacity: 0; visibility: hidden; transform: translateY(20px); transition: 1s; -webkit-transition: 1s; } @media screen and (min-width: 1440px) { .search_home #search { right: -0.781vw; top: calc(100% + 0.26vw); } } @media only screen and (max-width: 768px) { .search_home #search { right: -15px; top: calc(100% + 10px); } } @media only screen and (max-width: 360px) { .search_home #search { right: -24px; } } .search_home #search::before { content: ""; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); width: 10px; height: 10px; position: absolute; top: -10px; right: 20px; background: var(--main-color); } #search_form { transition-property: all; transition-duration: 1.5s; transform-origin: right; position: relative; background: #fff; padding: 9px 20px 10px; display: flex; width: 370px; z-index: 2222; box-sizing: border-box; } @media screen and (min-width: 1440px) { #search_form { padding: 0.469vw 1.042vw 0.521vw; display: flex; width: 19.271vw; } } @media screen and (max-width: 768px) { #search_form { width: 300px; padding: 9px 10px; } } @media screen and (max-width: 550px) { #search_form { width: 300px; padding: 5px 7px; } } .button_a { background: none; border: none; right: 0px; cursor: pointer; outline: none; padding: 0px; } .button_a svg { width: 18px; height: 18px; } @media screen and (min-width: 1440px) { .button_a svg { width: 0.938vw; height: 0.938vw; } } .button-search { outline: none; background: none; border: none; top: 0px; cursor: pointer; background: var(--black-color); color: #fff; font-weight: 600; display: block; white-space: nowrap; padding: 0px 15px; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (min-width: 1440px) { .button-search { padding: 0 0.781vw; } } @media screen and (max-width: 768px) { .button-search { padding: 0px 10px; } } .button-search svg { fill: #000; width: 18px; height: 18px; } .button-search:hover { background: var(--main-color); color: #000; } .button-search i { width: 26px; height: 29px; background-position: 0px 0px; display: block; margin-left: 11px; margin-top: 4px; } .autocomplete-suggestions { position: absolute; top: 4px; right: -5px; margin: 6px 0 0 6px; _background: none; _margin: 1px 0 0 0; } .autocomplete-suggestions { border: 1px solid #ececec; background: #fff; cursor: default; overflow: auto; margin: 0 0px 6px -1px; width: 100%; top: 31px; left: 101px; } @media only screen and (min-width: 1440px) { .autocomplete-suggestions { width: 19.171vw !important; transform: translate(-0.985vw, 0.521vw) !important; } } .autocomplete-suggestions div { cursor: pointer; width: 100%; display: inline-block; clear: both; padding: 0; margin: 0; margin-bottom: -5px; } .autocomplete-suggestions .autocomplete-group { padding: 8px 3%; width: 100%; background: #f9f9f9; box-sizing: border-box; font-weight: 600; } .autocomplete-suggestions div a, .autocomplete-suggestions div a:link, .autocomplete-suggestions div a:visited { display: inline-block; margin: 0; padding: 6px 3%; width: 100%; /* font-family: opensans; */ font-size: 13px; color: #333; background: #fff; clear: both; border-bottom: 1px solid #eee; box-sizing: border-box; } .autocomplete-suggestions div a:hover { background: #ececec; } .autocomplete-suggestions div a img { width: 80px; float: left; margin-right: 10px; } @media screen and (min-width: 1440px) { .autocomplete-suggestions div a img { width: 4.167vw; margin-right: 0.521vw; } } .autocomplete-suggestions div a label { font-weight: normal; cursor: pointer; margin: 0; float: left; width: calc(100% - 90px); } @media screen and (min-width: 1440px) { .autocomplete-suggestions div a label { width: calc(100% - 4.688vw); } } .autocomplete-suggestions div a span { clear: both; cursor: pointer; margin: 0; padding: 0; font-size: 18px; font-weight: 500; } @media screen and (min-width: 1440px) { .autocomplete-suggestions div a span { font-size: 0.938vw; } } .autocomplete-suggestions div a span.price { color: #fd0000; font-weight: 400; display: block; font-size: 16px; } @media screen and (min-width: 1440px) { .autocomplete-suggestions div a span.price { font-size: 0.833vw; } } .autocomplete-suggestions div.last { border: none; } .autocomplete-suggestions strong { font-weight: 500; color: #0083bf; } .autocomplete-suggestions::-webkit-scrollbar-track { border-radius: 15px; background-color: #ebebeb; } .autocomplete-suggestions::-webkit-scrollbar { width: 5px; background-color: #ebebeb; border-radius: 15px; } .autocomplete-suggestions::-webkit-scrollbar-thumb { border-radius: 15px; background: #000; border: 1px solid #ebebeb; } @media only screen and (max-width: 768px) { .autocomplete-suggestions { top: 30px; left: 10px; } } .search_form-open { opacity: 1 !important; visibility: visible !important; transform: translateY(0px) !important; } /*# sourceMappingURL=search.css.map */ #fs-slider { display: block; } #fs-slider .name { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom: 0; color: #fff; display: none; font-family: MyriadPro-Light; font-size: 18px; font-weight: bold; left: 0; margin: 0; padding: 8px 20px; position: absolute; width: 100%; } #fs-slider .item { text-align: center; display: none; position: relative; } #fs-slider .item img { width: 100%; height: auto; vertical-align: middle; } #fs-slider .item:before { width: 100%; content: ""; height: 29.167vw; background-image: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.6117647059), rgba(0, 0, 0, 0.8), #000000 ); z-index: 2; position: absolute; } #fs-slider .item:first-child { display: block; } #fs-slider .item .item_content { position: absolute; top: 38.5%; left: 50.5%; width: 80%; transform: translate(-50%, -50%); z-index: 3; opacity: 1; } @media screen and (max-width: 1024px) { #fs-slider .item .item_content { left: 50%; top: 50%; } } #fs-slider .item .item_content .item_content_block { opacity: 0; transition: 1s; -webkit-transition: 1s; transform: translateY(200px); } #fs-slider .item .item_content .item_content_block h2 { color: var(--main-color); font-weight: 450; font-size: 64px; text-align: center; line-height: 1.548; display: block; } @media screen and (min-width: 1440px) { #fs-slider .item .item_content .item_content_block h2 { font-size: 4.688vw; } } @media screen and (max-width: 1024px) { #fs-slider .item .item_content .item_content_block h2 { font-size: 60px; } } @media screen and (max-width: 900px) { #fs-slider .item .item_content .item_content_block h2 { font-size: 32px; } } @media screen and (max-width: 470px) { #fs-slider .item .item_content .item_content_block h2 { font-size: 28px; margin-bottom: 10px; } } @media screen and (max-width: 420px) { #fs-slider .item .item_content .item_content_block h2 { font-size: 24px; } } #fs-slider .item .item_content .item_content_block .summary { font-size: 28px; color: #fff; font-weight: 400; } @media screen and (min-width: 1440px) { #fs-slider .item .item_content .item_content_block .summary { font-size: 2.188vw; } } #fs-slider .item .item_content .item_content_block .summary span { color: var(--main-color); } @media screen and (max-width: 1024px) { #fs-slider .item .item_content .item_content_block .summary { font-size: 32px; } } @media screen and (max-width: 768px) { #fs-slider .item .item_content .item_content_block .summary { font-size: 20px; } } #fs-slider .item .item_content .item_content_block a { color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 550; padding: 10px 40px; border: 2px solid #fff; border-radius: 50px; } @media screen and (max-width: 900px) { #fs-slider .item .item_content .item_content_block a { font-size: 14px; } } @media screen and (max-width: 560px) { #fs-slider .item .item_content .item_content_block a { padding: 10px 20px; font-size: 14px; } } @media screen and (max-width: 470px) { #fs-slider .item .item_content .item_content_block a { font-size: 12px; } } @media screen and (max-width: 420px) { #fs-slider .item .item_content .item_content_block a { font-size: 11px; padding: 6px 10px; } } #fs-slider .item .item_content .item_content_block a:hover { background-color: #ec1d2f; border: 2px solid #ec1d2f; } #fs-slider .active .item_content_block { opacity: 1 !important; transform: translateY(0) !important; } #pav-slideShow .owl-controls { display: none; } #fs-slider .owl-controls .owl-nav { position: absolute; top: 43%; height: 0; width: 100%; } #fs-slider:hover .owl-controls .owl-nav { display: block; } #fs-slider .owl-controls .owl-nav div { display: inline-block; zoom: 1; position: absolute; padding: 6px 0 0; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 5px; background: rgba(0, 0, 0, 0.4784313725); width: 36px; height: 36px; text-align: center; font-size: 40px; color: #fff; font-family: -webkit-body; line-height: 16px; box-sizing: border-box; } @media screen and (max-width: 560px) { #fs-slider .owl-controls .owl-nav div { padding: 5px 0 0; width: 30px; height: 30px; font-size: 30px; } } #fs-slider .owl-controls .owl-prev { left: 10px; } #fs-slider .owl-controls .owl-next { right: 10px; } .owl-controls1 { margin-top: 50px; } @media screen and (max-width: 560px) { .owl-controls1 { margin-top: 30px; } } @media screen and (max-width: 420px) { .owl-controls1 { margin-top: 15px; } } .owl-controls1 .owl-nav { top: 43%; } .owl-controls1 .owl-nav { display: block; } .owl-controls1 .owl-nav div { display: inline-block; zoom: 1; padding: 6px 0 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 5px; background: rgba(0, 0, 0, 0.4784313725); width: 36px; height: 36px; text-align: center; font-size: 40px; color: #fff; font-family: -webkit-body; line-height: 16px; box-sizing: border-box; } @media screen and (max-width: 560px) { .owl-controls1 .owl-nav div { padding: 5px 0 0; width: 30px; height: 30px; font-size: 30px; } } .owl-controls1 .owl-nav div:hover { background-color: #717474; opacity: 0.6; } .owl-controls1 .owl-prev { left: 10px; cursor: pointer; margin-right: 10px; } .owl-controls1 .owl-next { left: 50px; cursor: pointer; } #fs-slider .owl-dot { background: #ccc; margin: 0px 10px; width: 10px; height: 10px; border-radius: 50%; display: inline-block; box-sizing: border-box; } #fs-slider .owl-dots { display: none !important; text-align: center; position: absolute; bottom: 15px; padding: 6px 11px; border-radius: 19px; left: 50%; transform: translate(-50%, 0); } #fs-slider .owl-dot { position: relative; } #fs-slider .owl-dot:before { width: 20px; height: 20px; position: absolute; top: -6px; left: -6px; border-radius: 50%; border: 1px solid transparent; transition: 0.5s; content: ""; } #fs-slider .owl-dot.active, #fs-slider .owl-dot:hover { background: var(--main-color); box-shadow: inset rgba(255, 255, 255, 0.37) -1px 1px 1px; } #fs-slider .owl-dot.active:before, #fs-slider .owl-dot:hover:before { border: 1px solid var(--main-color); } /*# sourceMappingURL=owl_carousel.css.map */ .block-strengths-column-2-item { display: flex; flex-wrap: wrap; position: relative; } .block-strengths-column-2-item .discover-tour-img { width: 64%; display: flex; flex-wrap: wrap; position: relative; overflow: hidden; } .block-strengths-column-2-item .discover-tour-img div { width: 50%; transition: 1.5s; -webkit-transition: 1.5s; } .block-strengths-column-2-item .discover-tour-img div img { width: 100%; height: auto; vertical-align: middle; display: block; } .block-strengths-column-2-item .discover-tour-img .image:nth-child(1) { transform: translateY(-100%); opacity: 0; } @media screen and (max-width: 768px) { .block-strengths-column-2-item .discover-tour-img .image:nth-child(1) { transform: translate(0); opacity: 1; } } .block-strengths-column-2-item .discover-tour-img .image:nth-child(2) { transform: translateX(100%); opacity: 0; } @media screen and (max-width: 768px) { .block-strengths-column-2-item .discover-tour-img .image:nth-child(2) { transform: translate(0); opacity: 1; } } .block-strengths-column-2-item .discover-tour-img .image:nth-child(4) { transform: translateY(100%); opacity: 0; } @media screen and (max-width: 768px) { .block-strengths-column-2-item .discover-tour-img .image:nth-child(4) { transform: translate(0); opacity: 1; } } .block-strengths-column-2-item .discover-tour-img .image:nth-child(3) { transform: translateX(-100%); opacity: 0; } @media screen and (max-width: 768px) { .block-strengths-column-2-item .discover-tour-img .image:nth-child(3) { transform: translate(0); opacity: 1; } } @media screen and (max-width: 768px) { .block-strengths-column-2-item .discover-tour-img .image { transform: translate(0); opacity: 1; } } .block-strengths-column-2-item .discover-tour-des { overflow: hidden; width: 36%; padding: 140px 103px; z-index: 2; box-sizing: border-box; } .block-strengths-column-2-item .discover-tour-des .discover-tour-content { transform: translateY(-100%); opacity: 0; transition: 1.5s; -webkit-transition: 1.5s; position: relative; z-index: 2; } .block-strengths-column-2-item .discover-tour-des .discover-tour-content .title { font-size: 40px; line-height: 60px; font-weight: 650; } @media screen and (min-width: 1440px) { .block-strengths-column-2-item .discover-tour-des .discover-tour-content .title { font-size: 2.083vw; line-height: 3.125vw; } } @media screen and (min-width: 1440px) { .block-strengths-column-2-item .discover-tour-des { padding: 7.292vw 5.365vw; } } .block-strengths-column-2-item .column_left_content { padding: 63px 0 30px 0; box-sizing: border-box; } @media screen and (min-width: 1440px) { .block-strengths-column-2-item .column_left_content { padding: 2.604vw 0 1.563vw 0px; } } .block-strengths-column-2-item .btn-book { display: inline-block; font-size: 16px; font-weight: 600; color: #fff; background: #000000; cursor: pointer; padding: 16px 36px; position: relative; margin-right: 7px; transition: 0.5s; -webkit-transition: 0.5s; margin-right: 7px; margin-bottom: 5px; text-transform: uppercase; } .block-strengths-column-2-item .btn-book:hover { color: #000000; background: #fff; } .block-strengths-column-2-item .btn-book:hover::before { background: #000000; } @media screen and (min-width: 1440px) { .block-strengths-column-2-item .btn-book { font-size: 0.833vw; padding: 0.833vw 1.875vw; margin-right: 0.365vw; margin-bottom: 0.26vw; } } .block-strengths-column-2-item .btn-book::before { content: ""; background: #fff; top: 5px; left: 10px; width: 100%; height: 100%; position: absolute; z-index: -1; transition: 0.5s; -webkit-transition: 0.5s; } @media screen and (min-width: 1440px) { .block-strengths-column-2-item .btn-book::before { top: 0.26vw; left: 0.365vw; } } .bg-discover { position: absolute; top: 0; right: 0; width: 36%; min-height: 1200px; z-index: 1; background-image: -webkit-linear-gradient( top, rgba(250, 198, 134, 0.768627451), rgba(250, 198, 134, 0.9176470588), #fac686, #fac686, var(--extra-color), var(--extra-color), var(--extra-color) ); border-radius: 0 0 250px 0; } @media screen and (min-width: 1440px) { .bg-discover { border-radius: 0 0 13.021vw 0; } } .bg-discover-img { width: 36%; min-height: 600px; position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-size: cover; } @media screen and (min-width: 1440px) { .bg-discover-img { min-height: 31.25vw; } } .hello .block-strengths-column-2-item .image { transform: translate(0) !important; opacity: 1 !important; } .hello .block-strengths-column-2-item .discover-tour-content { transform: translate(0) !important; opacity: 1 !important; } @media screen and (max-width: 1400px) { .block-strengths-column-2-item .btn-book { padding: 12px 18px; } .block-strengths-column-2-item .column_left_content { padding: 30px 0 30px 0; font-size: 15px; } .block-strengths-column-2-item .discover-tour-des { width: 32%; padding: 40px; } .block-strengths-column-2-item .discover-tour-des .discover-tour-content { padding: 30px 0 30px 0; } .block-strengths-column-2-item .discover-tour-des .discover-tour-content .title { font-size: 30px; line-height: 40px; } .block-strengths-column-2-item .discover-tour-img { width: 68%; } .bg-discover { width: 32%; } .bg-discover-img { width: 32%; } } @media screen and (max-width: 1160px) { .block-strengths-column-2-item .btn-book { padding: 12px 18px; } .block-strengths-column-2-item .column_left_content { padding: 20px 0 20px 0; font-size: 14px; } .block-strengths-column-2-item .discover-tour-des { width: 32%; padding: 20px; } .block-strengths-column-2-item .discover-tour-des .discover-tour-content { padding: 30px 0 30px 0; } .block-strengths-column-2-item .discover-tour-des .discover-tour-content .title { font-size: 25px; line-height: 40px; } .block-strengths-column-2-item .discover-tour-img { width: 68%; } } @media screen and (max-width: 1024px) { .block-strengths-column-2-item .discover-tour-des { width: 34%; } .block-strengths-column-2-item .discover-tour-des .discover-tour-content { padding: 30px 0 0 0; } .block-strengths-column-2-item .discover-tour-des .discover-tour-content .title { font-size: 32px; line-height: 40px; } .block-strengths-column-2-item .column_left_content { font-size: 15px; padding: 20px 0 31px 0; } .block-strengths-column-2-item .btn-book { font-size: 15px; } } @media screen and (max-width: 1024px) { .block-strengths-column-2-item { display: block; } .block-strengths-column-2-item .discover-tour-img { width: 100%; } .block-strengths-column-2-item .discover-tour-des { width: 100%; position: relative; padding: 0px 10px 34px; } .block-strengths-column-2-item .column_left_content { padding: 20px 30px 30px 0; } .bg-discover { width: 100%; border-radius: 0; bottom: 0; top: auto; background-image: -webkit-linear-gradient( top, rgba(250, 198, 134, 0.768627451), rgba(250, 198, 134, 0.9176470588), #fac686, #fac686, var(--extra-color), var(--extra-color), var(--extra-color) ); } .bg-discover-img { width: 100%; top: auto; bottom: 0; left: 0; } } @media screen and (max-width: 1024px) { .bg-discover, .bg-discover-img { min-height: 380px; } } @media screen and (max-width: 820px) { .bg-discover, .bg-discover-img { min-height: 444px; } } @media screen and (max-width: 700px) { .bg-discover, .bg-discover-img { min-height: 443px; } } @media screen and (max-width: 670px) { .bg-discover, .bg-discover-img { min-height: 468px; } } @media screen and (max-width: 542px) { .bg-discover, .bg-discover-img { min-height: 492px; } } @media screen and (max-width: 480px) { .bg-discover, .bg-discover-img { min-height: 516px; } } @media screen and (max-width: 435px) { .bg-discover, .bg-discover-img { min-height: 604px; } } @media screen and (max-width: 768px) { .block-strengths-column-2-item .discover-tour-des .discover-tour-content .title { font-size: 26px; } } @media screen and (max-width: 480px) { .block-strengths-column-2-item .discover-tour-des .discover-tour-content .title { font-size: 22px; line-height: 38px; } } /*# sourceMappingURL=column_2.css.map */ .bg-pos2 { width: 100%; background-repeat: no-repeat; background-size: cover; position: relative; } .bg-pos2::before { width: 100%; content: ""; min-height: 100%; background-image: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.5568627451), rgba(0, 0, 0, 0.7098039216), rgba(0, 0, 0, 0.737254902), rgba(0, 0, 0, 0.6705882353), rgba(0, 0, 0, 0.8196078431) ); position: absolute; } .logo_bg { width: 520px; height: 600px; background-repeat: no-repeat; background-size: contain; position: absolute; right: 90px; top: -150px; opacity: 0.3 !important; z-index: 2; } @media screen and (min-width: 1440px) { .logo_bg { width: 27.083vw; height: 31.146vw; right: 4.688vw; top: -7.813vw; } } @media screen and (max-width: 1400px) { .logo_bg { width: 320px; height: 400px; top: -35px; right: 4%; } } @media screen and (max-width: 1290px) { .logo_bg { right: 3%; } } @media screen and (max-width: 1160px) { .logo_bg { right: 2%; } } @media screen and (max-width: 480px) { .logo_bg { top: 11px; width: 200px; height: 280px; } } .discover-title { padding: 80px 0 50px 0; color: #fff; position: relative; width: 50%; box-sizing: border-box; } .discover-title h3 { font-size: 40px; line-height: 60px; font-weight: 650; } @media screen and (max-width: 800px) { .discover-title { width: 80%; } } @media screen and (min-width: 1440px) { .discover-title { padding: 4.167vw 0 2.604vw 0; } .discover-title h3 { font-size: 2.083vw; line-height: 3.125vw; } } .discover { display: flex; margin-bottom: 7.031vw; background-color: #fff; border-radius: 70px 0px 0px 0px; position: relative; z-index: 3; } .discover .discover-content { width: 37%; padding: 4.167vw 2.969vw; box-sizing: border-box; } .discover .discover-content .discover-content-item { display: none; } .discover .discover-content .active { display: block; } .discover .discover-content .page-button a, .discover .discover-content .page-button span { font-weight: 600; text-transform: uppercase; color: #000000; padding: 0.719vw 1.489vw; background: var(--main-color); position: absolute; bottom: 3.906vw; transition: all 0.5s; } .discover .discover-content .page-button a:hover, .discover .discover-content .page-button span:hover { color: #fff; background: #000000; } @media screen and (max-width: 1200px) { .discover .discover-content { width: 37%; } } #slideShow-discover { width: 63%; display: flex; overflow: hidden; } #slideShow-discover .owl-carousel { position: unset; } #slideShow-discover .item_block { width: 100%; overflow: hidden; display: flex; } #slideShow-discover .item_block .slide-contenth .sl-content { opacity: 0; } #slideShow-discover .item_block .slide-contenth h1 { font-size: 60px; } #slideShow-discover .item_block .slide-contenth ul { padding-left: 20px; font-size: 16px; } #slideShow-discover .item_block .slide-contenth ul li { list-style-type: disc; margin: 5px 0; } @media screen and (max-width: 1024px) { #slideShow-discover { margin-top: 0px; } } .slider-home-wrapper .owl-carousel { position: initial; } #slideShow-discover .fs-slider-discover .item img { opacity: 1; } .fs-slider-discover h2 { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom: 0; color: #fff; display: none; font-size: 18px; font-weight: bold; left: 0; margin: 0; padding: 8px 20px; position: absolute; width: 100%; } .fs-slider-discover { display: block; } .fs-slider-discover .item:first-child { display: block; } .fs-slider-discover .item { text-align: center; } .fs-slider-discover:hover .owl-dot { opacity: 1; } .fs-slider-discover .owl-dots { position: absolute; bottom: 4.606vw; left: 68.5%; transform: translate(-50%, 0px); } .fs-slider-discover .owl-dots .owl-dot { width: 8px; height: 8px; background: #fff; border-radius: 50%; float: left; margin: 0 6px; } .fs-slider-discover .owl-dots .active { background: var(--main-color); } .fs-slider-discover .owl-controls .owl-nav div { display: inline-block; zoom: 1; position: absolute; padding: 8px; margin: 0; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; background: #f1f1f1; width: 30px; height: 30px; text-align: center; font-size: 46px; color: #000000; font-family: -webkit-body; line-height: 20px; top: 60%; transform: translate(0%, -50%); transition: all 0.5s; } @media screen and (min-width: 1440px) { .fs-slider-discover .owl-controls .owl-nav div { width: 1.667vw; height: 1.667vw; } .fs-slider-discover .owl-controls .owl-nav div svg { width: 1.667vw; height: 1.667vw; } } @media screen and (max-width: 1300px) { .fs-slider-discover .owl-controls .owl-nav div { top: 70%; } } @media screen and (max-width: 1100px) { .fs-slider-discover .owl-controls .owl-nav div { top: 50%; } } @media screen and (max-width: 900px) { .fs-slider-discover .owl-controls .owl-nav div { top: 40%; } } .fs-slider-discover .owl-controls .owl-nav div:hover { background: #000000; color: #fff; } .fs-slider-discover .owl-controls .owl-nav div:hover svg { stroke: #fff; } .fs-slider-discover .owl-controls .owl-prev { left: 2.969vw; } @media screen and (max-width: 1100px) { .fs-slider-discover .owl-controls .owl-prev { left: 38%; } } @media screen and (max-width: 900px) { .fs-slider-discover .owl-controls .owl-prev { left: 1%; } } .fs-slider-discover .owl-controls .owl-next { left: 6.667vw; } @media screen and (max-width: 1300px) { .fs-slider-discover .owl-controls .owl-next { left: 98px; } } @media screen and (max-width: 1100px) { .fs-slider-discover .owl-controls .owl-next { left: 94%; } } @media screen and (max-width: 820px) { .fs-slider-discover .owl-controls .owl-next { left: 93%; } } @media screen and (max-width: 700px) { .fs-slider-discover .owl-controls .owl-next { left: 90%; } } @media screen and (max-width: 530px) { .fs-slider-discover .owl-controls .owl-next { left: 89%; } } .slide-contenth .title-banner-big { text-transform: inherit; display: block; margin-bottom: 2.083vw; } @media all and (max-width: 600px) { .slide-contenth .title-banner-big { font-size: 25px; } } .slide-contenth .title-banner-big h4 { font-size: 28px; line-height: 40px; } @media screen and (min-width: 1440px) { .slide-contenth .title-banner-big h4 h4 { font-size: 1.458vw; line-height: 2.083vw; } } .slide-contenth .title-banner-small { font-size: 36px; color: #fff; /* text-transform: uppercase; */ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5882352941); } .slide-contenth .title-banner-small span { font-size: 18px; } @media all and (max-width: 600px) { .slide-contenth .title-banner-small { font-size: 25px; } } .slide-contenth .description-slide { width: 100%; } .slide-contenth .description-slide span { font-size: 60px; line-height: 69px; font-family: "MarcellusRegular"; } .slide-contenth .description-slide ul { padding-left: 20px; } .slide-contenth .description-slide ul li { list-style-type: disc; margin-left: 10px; font-size: 15px; font-weight: 600; } @media screen and (max-width: 1024px) { .slide-contenth .description-slide { font-size: 15px; } } @media all and (max-width: 600px) { .slide-contenth .description-slide { line-height: 30px; font-size: 18px; } } .slide-contenth .button-slide-basic { background-color: #ffc022; /* color: #fff; */ display: inline-block; font-size: 16px; line-height: 42px; margin-top: 15px; padding: 0 25px; border-radius: 50px; font-weight: 700; text-shadow: 0px 1px 0px #999; transition: 0.5s all ease; opacity: 0; } .slide-contenth .button-slide-basic a { color: #fff; } .slide-contenth .button-slide-basic:hover { background-color: #df5c53; } .slide-image { width: 100%; } @media screen and (max-width: 1024px) { .slide-image { width: 100%; } } .discover-content .active .slide-content { animation: slide-content 2s running ease-out 1s both; opacity: 1; } .discover-content .active .title-banner-big { animation: title-up 4.5s running ease-out 1s both; } .discover-content .active .description-slide { animation: des-run 4.5s running ease-out 1s both; } @keyframes title-up { 0% { transform: scale(0); opacity: 0; } 20% { transform: scale(1); opacity: 1; } 85% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes title-up3 { 0% { transform: translateY(200px); opacity: 0; } 20% { transform: translateY(10px); opacity: 1; } 85% { transform: translateY(10px); opacity: 1; } 100% { transform: translateY(10px); opacity: 1; } } @keyframes title_up3_mb { 20% { transform: translate(0px, 0%); opacity: 1; } 85% { transform: translate(0px, 0%); opacity: 1; } 100% { transform: translate(0px, 0%); opacity: 1; } } @keyframes title-up2 { 20% { transform: translate(0px, 0px); opacity: 0; } 85% { transform: translate(0px, 0px); opacity: 1; } 100% { transform: translate(0px, -200px); opacity: 0; } } @keyframes des-run { 0% { transform: scale(0); opacity: 0; } 20% { transform: scale(1); opacity: 1; } 85% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes btn-run { 20% { transform: translate(0px, 0px); } 85% { transform: translate(0px, 0px); } 100% { transform: translate(-500px, 0px); } } @keyframes slide-content { 20% { transform: translate(0px, -50%); } 85% { transform: translate(0px, -50%); } 100% { transform: translate(0px, -50%); } } @keyframes slide_content_mb { 20% { transform: translate(0px, 0%); } 85% { transform: translate(0px, 0%); } 100% { transform: translate(0px, 0%); } } @media screen and (max-width: 900px) { .owl-dots { display: none !important; } } @media screen and (max-width: 700px) { .slider-home-wrapper { overflow: hidden; } } .button_mua { position: absolute; bottom: 20%; } .button_mua a { background: var(--main-color); color: #fff; padding: 12px 60px; display: inline-block; border-radius: 50px; font-size: 15px; font-weight: bold; position: relative; } @media all and (max-width: 600px) { .button_mua a { padding: 7px 15px 8px 39px; display: none; } } #slideShow-discover .item { overflow: hidden; display: flex; width: 100%; } @media screen and (max-width: 768px) { #slideShow-discover .item { width: 94%; margin: auto; } } #slideShow-discover .item img { opacity: 1; transition: 6s; width: 100%; height: auto; float: right; } .owl-carousel .owl-stage-outer { width: 100%; } .slider-home { width: 100% !important; } .hide { display: none !important; } @media screen and (max-width: 1366px) { .discover-title { padding: 60px 0 40px 0; } .discover-title h3 { font-size: 32px; line-height: 50px; line-height: 50px; } .slide-contenth .title-banner-big h4 { font-size: 26px; } .discover-content .description-slide { font-size: 15px; } } @media screen and (max-width: 900px) { #slideShow-discover { width: 100%; } #slideShow-discover .item img { width: 100%; height: auto; } .discover { flex-direction: column; border-radius: 0px; } .discover .discover-content { width: 100%; order: 2; padding: 25px 25px 40px; box-sizing: border-box; } .discover .discover-content .description-slide { margin-bottom: 30px; } .discover .discover-content .page-button a, .discover .discover-content .page-button span { padding: 13px 20px; position: unset; } #slideShow-discover .item { width: 100%; } } @media screen and (max-width: 768px) { .discover-title { padding: 30px 0 20px 0; } .discover-title h3 { font-size: 26px; } } @media screen and (max-width: 480px) { .discover-title { width: 100%; padding: 30px 0 30px 0; } .discover-title h3 { line-height: 38px; font-size: 22px; } .slide-contenth .title-banner-big h4 { font-size: 22px; } .description-slide { font-size: 16px; margin: 10px 0 30px; } .fs-slider-discover .owl-controls .owl-nav div { top: 24%; background: rgba(241, 241, 241, 0.4); } .fs-slider-discover .owl-controls .owl-prev { left: 1%; } .fs-slider-discover .owl-controls .owl-next { left: 88%; } } /*# sourceMappingURL=slide_custom.css.map */ .mama-strength-bg { width: 100%; background-repeat: no-repeat; background-size: cover; position: relative; } .mama-strength-bg::before { width: 100%; content: ""; min-height: 100%; background-image: linear-gradient( to bottom left, #170a03, #170a03, #170a03, rgba(23, 10, 3, 0.9490196078), rgba(23, 10, 3, 0.58) ); position: absolute; z-index: 1; } .mama-strength { display: flex; position: relative; z-index: 2; } .mama-strength .mama-strength-des { width: 50%; color: #fff; padding: 115px 0 97px 246px; box-sizing: border-box; } @media screen and (min-width: 1440px) { .mama-strength .mama-strength-des { padding: 6.02vw 0 5.094vw 12.8vw; } } .mama-strength .title { width: 90%; font-weight: 650; font-size: 41px; line-height: 55px; margin-bottom: 38px; transform: translateY(160px); transition: all 1.5s; opacity: 0; } .mama-strength .title span { font-size: 50px; text-transform: capitalize; color: var(--main-color); } @media screen and (min-width: 1440px) { .mama-strength .title { font-size: 2.135vw; line-height: 2.865vw; margin-bottom: 1.979vw; } .mama-strength .title span { font-size: 2.604vw; } } .mama-strength .content { width: 70%; } .mama-strength .content .item { display: flex; margin: 20px 0; } .mama-strength .content .item-icon { width: 28%; } .mama-strength .content .item-icon span { border: 1px solid var(--extra-color); border-radius: 89px; width: 89px; height: 89px; display: flex; align-items: center; justify-content: center; } .mama-strength .content .item-icon svg { width: 50px; height: 50px; } @media screen and (min-width: 1440px) { .mama-strength .content .item { margin: 1.042vw 0; } .mama-strength .content .item-icon span { border-radius: 4.635vw; width: 4.635vw; height: 4.635vw; } .mama-strength .content .item-icon svg { width: 2.604vw; height: 2.604vw; } } .mama-strength .content .item-des { display: flex; align-items: center; font-size: 18px; line-height: 28px; width: 72%; } @media screen and (min-width: 1440px) { .mama-strength .content .item-des { font-size: 0.938vw; line-height: 1.458vw; } } .mama-strength-img { width: 50%; position: absolute; top: 99px; right: 0; overflow: hidden; } .mama-strength-img img { transition: all 1.5s; width: 100%; height: auto; border-radius: 90px 0px 0px 0px; } @media screen and (min-width: 1440px) { .mama-strength-img { top: 5.167vw; } } .hello .mama-strength .title { transform: translateY(0px); opacity: 1; } .hello .mama-strength .content .item:nth-child(1) { animation: content-item1 1s running ease-out 1s both; transform: translateY(40px); } .hello .mama-strength .content .item:nth-child(2) { animation: content-item2 1s running ease-out 1.5s both; transform: translateY(50px); } .hello .mama-strength .content .item:nth-child(3) { animation: content-item3 1s running ease-out 2s both; transform: translateY(60px); } .hello .mama-strength-img img { animation: strength-img 1s running ease-out 1s both; transform: translateX(300px); } @keyframes content-item1 { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes content-item2 { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes content-item3 { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes strength-img { 0% { transform: translateX(300px); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } /*Chrome,Safari*/ @media screen and (max-width: 1400px) { .mama-strength .title { font-size: 32px; line-height: 50px; margin-bottom: 20px; } .mama-strength .title span { font-size: 40px; } .mama-strength .content { width: 80%; } .mama-strength .content .item-des { font-size: 15px; } .mama-strength .content .item-icon { width: 25%; } .mama-strength .content .item-icon span { width: 70px; height: 70px; } .mama-strength .content .item-icon svg { width: 40px; height: 40px; } .mama-strength .content .item { margin: 15px 0; } .mama-strength .mama-strength-des { padding: 90px 0 50px 147px; width: 48%; } .mama-strength-img { top: 75px; width: 52%; } } @media screen and (max-width: 1280px) { .mama-strength .content { width: 90%; } .mama-strength .content .item-des { font-size: 15px; } .mama-strength .mama-strength-des { padding: 70px 0 50px 147px; width: 46%; } .mama-strength-img { top: 75px; width: 54%; } } @media screen and (max-width: 1166px) { .mama-strength .mama-strength-des { padding: 70px 0 20px 48px; width: 46%; } } @media screen and (max-width: 990px) { .mama-strength { display: block; } .mama-strength .mama-strength-des { padding: 0; width: 70%; margin: auto; margin-top: 50px; margin-bottom: 50px; } .mama-strength .mama-strength-des .content { width: 90%; } .mama-strength .mama-strength-des .content .item .item-icon { width: 17%; } .mama-strength-img { width: 86%; float: right; position: unset; } } @media screen and (max-width: 768px) { .mama-strength .mama-strength-des .title { font-size: 26px; } .mama-strength .mama-strength-des .content .item .item-icon { width: 20%; } .mama-strength .mama-strength-img { width: calc(100% - 10px); } } @media screen and (max-width: 600px) { .mama-strength .mama-strength-des .content { width: 100%; } .mama-strength .mama-strength-des .content .item .item-icon { width: 25%; } } @media screen and (max-width: 500px) { .mama-strength .mama-strength-des { width: 100%; padding: 0px 10px; box-sizing: border-box; margin-top: 30px; } .mama-strength .mama-strength-des .title { font-size: 23px; margin-bottom: 30px; line-height: 43px; } .mama-strength .title span { font-size: 36px; } } @media screen and (max-width: 420px) { .mama-strength .mama-strength-des { width: 100%; margin: 20px 0px; box-sizing: border-box; } .mama-strength .title { width: 100%; line-height: 40px; } .mama-strength .title span { font-size: 40px; } .mama-strength .content { width: 100%; } .mama-strength .content .item-icon svg { width: 40px; height: 40px; } .mama-strength .content .item-des { font-size: 15px; } .mama-strength-img { width: 100%; position: unset; } } /*# sourceMappingURL=list.css.map */ .pos5-title { font-size: 40px; line-height: 55px; font-weight: 650; margin-bottom: 50px; } @media screen and (min-width: 1440px) { .pos5-title { font-size: 2.083vw; line-height: 2.865vw; margin-bottom: 2.604vw; } } @media screen and (max-width: 768px) { .pos5-title { margin-bottom: 30px; } } @media screen and (min-width: 1440px) { .social-logo img { width: 11.25vw; height: 2.396vw; } } @media screen and (max-width: 768px) { .social-logo img { width: 180px; height: 38px; } } .tripadvisor-image-list { display: grid; grid-gap: 22px; grid-template-columns: repeat(6, 1fr); } .tripadvisor-image-list .item { width: 100%; overflow: hidden; border-radius: 5px; } .tripadvisor-image-list .item img { width: 100%; height: 100%; transition: all 0.9s ease-in-out; border-radius: 5px; display: block; } .tripadvisor-image-list .item img:hover { transform: scale(1.2); } @media screen and (min-width: 1440px) { .tripadvisor-image-list .item { margin-right: 1.102vw; } } .tripadvisor-image-list .link-tripadvisor { position: relative; overflow: hidden; background-color: #000000; border-radius: 5px; } .tripadvisor-image-list .link-tripadvisor img:hover { transform: scale(1); } .tripadvisor-image-list .link-tripadvisor .social-travel-logo { position: absolute; z-index: 2; top: 25%; left: 20%; width: 80%; height: auto; } .tripadvisor-image-list .link-tripadvisor .logo_bg { position: absolute; z-index: 2; width: 70%; height: auto; top: 10%; right: -25%; } .tripadvisor-image-list .link-tripadvisor span { z-index: 2; position: absolute; top: 53%; color: #fff; left: 20%; font-weight: 700; font-size: 14px; } .tripadvisor-image-list .link-tripadvisor:hover span { color: var(--main-color); } @media screen and (max-width: 1400px) { .pos5-title { font-size: 35px; } } @media screen and (max-width: 1024px) { .pos5-title { font-size: 32px; } } @media screen and (max-width: 900px) { .tripadvisor-image-list { grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } } @media screen and (max-width: 768px) { .pos5-title { font-size: 26px; line-height: 40px; } } @media screen and (max-width: 480px) { .tripadvisor-image-list { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .pos5-title { font-size: 22px; margin-bottom: 20px; } } @media screen and (max-width: 420px) { .pos5-title { margin-bottom: 10px; } .tripadvisor-image-list .link-tripadvisor a { font-size: 12px; top: 48%; } } /*# sourceMappingURL=image.css.map */ .aq-block1 h3 { font-size: 28px; color: #000; font-weight: 600; line-height: 1.486; } .bg-active { background-color: #202020; color: #fff; border-radius: 0 0 10px 10px; } .aq-block-body1 { background: #fff; display: inline-block; width: 100%; } .aq-block-body1 .item_1 { position: relative; user-select: none; margin-bottom: 40px; padding: 30px 0 0 30px; box-sizing: border-box; border-radius: 10px; } @media screen and (min-width: 1440px) { .aq-block-body1 .item_1 { margin-bottom: 2.083vw; padding: 1.563vw 0 0 1.563vw; } } @media screen and (max-width: 768px) { .aq-block-body1 .item_1 { padding: 20px 75px 0 20px; margin-bottom: 30px; } } @media screen and (max-width: 550px) { .aq-block-body1 .item_1 { padding: 15px 50px 0 15px; margin-bottom: 15px; } } .aq-block-body1 .item_1 .number { font-weight: 600; font-size: 17px; line-height: 22px; margin-bottom: 0px; color: #df6726; } .aq-block-body1 .item_1 .content { display: none; padding: 45px 130px 30px 0px; } @media screen and (min-width: 1440px) { .aq-block-body1 .item_1 .content { padding: 2.344vw 2.963vw 1.563vw 0; } } @media screen and (max-width: 768px) { .aq-block-body1 .item_1 .content { padding: 20px 0px 20px 0px; } } @media screen and (max-width: 550px) { .aq-block-body1 .item_1 .content { padding: 15px 0px 20px 0px; } } .aq-block-body1 .item_1 .content p { font-weight: 500; } @media screen and (max-width: 550px) { .aq-block-body1 .item_1 .content .content2 { font-size: 14px; } } .aq-block-body1 .item_1 .content a.link_aq { color: var(--main-color); font-size: 13px; } .aq-block-body1 .item_1 .title { font-weight: 600; font-size: 20px; margin-bottom: 0px; } @media screen and (min-width: 1440px) { .aq-block-body1 .item_1 .title { font-size: 1.042vw; } } @media screen and (max-width: 550px) { .aq-block-body1 .item_1 .title { font-size: 16px; } } .aq-block-body1 .item_1 .plus { cursor: pointer; } .aq-block-body1 .item_1 .plus:after { content: ""; background-image: url('data:image/svg+xml,'); color: #aaa; position: absolute; right: 15px; top: 0; fill: #ccc; background-size: cover; padding: 26px; margin-top: 20px; border-radius: 50%; border: 1px solid #c1c1c1; background-size: 25px; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; } @media screen and (min-width: 1440px) { .aq-block-body1 .item_1 .plus:after { padding: 1.302vw; margin-top: 1.042vw; right: 0.781vw; background-size: 1.263vw; } } @media screen and (max-width: 768px) { .aq-block-body1 .item_1 .plus:after { padding: 20px; background-size: 20px; } } @media screen and (max-width: 550px) { .aq-block-body1 .item_1 .plus:after { padding: 15px; margin-top: 15px; background-size: 15px; } } .aq-block-body1 .item_1 .minus { cursor: pointer; background-color: #202020; border-radius: 10px 10px 0 0; color: #fff; } .aq-block-body1 .item_1 .minus:after { content: ""; background-image: url('data:image/svg+xml,'); position: absolute; right: 15px; top: 0; fill: #ccc; background-size: cover; padding: 26px; margin-top: 20px; border-radius: 50%; border: 1px solid #fff; background-size: 30px; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; } @media screen and (min-width: 1440px) { .aq-block-body1 .item_1 .minus:after { padding: 1.302vw; margin-top: 1.042vw; right: 0.781vw; background-size: 1.563vw; } } @media screen and (max-width: 768px) { .aq-block-body1 .item_1 .minus:after { padding: 20px; background-size: 20px; } } @media screen and (max-width: 550px) { .aq-block-body1 .item_1 .minus:after { padding: 15px; margin-top: 15px; background-size: 15px; } } .aq-block-body1 .item_1 .icon-question { position: absolute; top: 15px; left: 15px; } .aq-block-body1 .item_1 .icon-question svg { width: 14px; fill: var(--main-color); } .aq-block-body1 .item_1:first-child .content { display: block; } .aq-block-body1 .question_1 { font-size: 16px; overflow: hidden; font-weight: 600; box-sizing: border-box; padding-right: 100px; } @media screen and (max-width: 768px) { .aq-block-body1 .question_1 { padding-right: 50px; } } @media screen and (max-width: 550px) { .aq-block-body1 .question_1 { padding-right: 10px; } } .aq-block-body1 .question_1 .click_aq { right: 0; position: absolute; } .aq-block-body1 .question_1 .click_id { position: absolute; right: 0px; width: 35px; height: 35px; display: block; content: ""; top: 0px; z-index: 2; } @media screen and (max-width: 768px) { .aq-block-body1 .question { font-size: 14px; } } .wrap_pos { display: flex; flex-wrap: wrap; margin: 0px -7px; } .wrap_pos .label { box-sizing: border-box; } .wrap_pos .label input { box-sizing: border-box; } .aq_form_send .text_form { color: #000; font-size: 16px; font-weight: 700; padding: 14px 35px 14px 0px; } .aq_form_send .text_form a { font-size: 0.968vw; color: #fff; font-family: sans-serif; box-sizing: border-box; border-radius: 50px; padding: 0.625vw 1.667vw; background: linear-gradient(90deg, #fe6403 0%, #ff6702 28%, #fa0a07 100%); display: inline-block; font-weight: normal; text-transform: uppercase; } @media all and (max-width: 768px) { .aq_form_send .text_form a { font-size: 14px; padding: 6px 12px; text-transform: none; margin-top: 6px; } } .aq_form_send .text_form a svg { width: 0.781vw; height: 0.781vw; fill: #fff; margin-left: 3px; } @media all and (max-width: 768px) { .aq_form_send .text_form a svg { width: 8px; height: 8px; } } /*# sourceMappingURL=column_2.css.map */ .video_image_new .title__pos { text-align: center; } .libraryimgp h3.title__pos { padding-bottom: 58px; } @media screen and (max-width: 500px) { .video_image_new .grid_pdutab_over { overflow-y: hidden; overflow-x: auto; } } .video_image_new .grid_pdutab { display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); } @media screen and (min-width: 1440px) { .video_image_new .grid_pdutab { grid-gap: 1.563vw; } } @media screen and (max-width: 768px) { .video_image_new .grid_pdutab { grid-gap: 10px; } } @media screen and (max-width: 500px) { .video_image_new .grid_pdutab { width: 600px; padding-right: 10px; } } .video_image_new .grid_pdutab .pdutab_content { display: flex; flex-wrap: wrap; } .video_image_new .grid_pdutab .pdutab_content .image { overflow: hidden; border-radius: 6px; cursor: pointer; vertical-align: middle; display: block; } .video_image_new .grid_pdutab .pdutab_content .image:hover img { transform: scale(1.1); } .video_image_new .grid_pdutab .pdutab_content .image img { width: 100%; height: auto; display: block; border-radius: 6px; vertical-align: middle; transition: 1s; -webkit-transition: 1s; } .video_image_new .grid_pdutab .pdutab_content .image:first-child { margin-bottom: 20px; } @media screen and (min-width: 1440px) { .video_image_new .grid_pdutab .pdutab_content .image:first-child { margin-bottom: 1.563vw; } } @media screen and (max-width: 768px) { .video_image_new .grid_pdutab .pdutab_content .image:first-child { margin-bottom: 10px; } } /*# sourceMappingURL=column.css.map */ .news-hot { width: 100%; position: relative; display: flex; } .newslist_2 .news_list_body img, .newslist_1 .news_list_body img { float: left; width: 76px; margin-right: 10px; } .news-hot a { font-weight: 600; overflow: hidden; width: 30%; } .news-hot a figure { overflow: hidden; margin-bottom: 0px; border-radius: 5px; } .news-hot a img { border-radius: 5px; transition: all ease 0.7s; } .news-hot a:hover img { transform: scale(1.3); } @media screen and (min-width: 1440px) { .news-hot a { font-size: 1.042vw; } } .news_list_body { box-sizing: border-box; display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); margin-bottom: 0px; } @media screen and (min-width: 1440px) { .news_list_body { grid-gap: 1.563vw; } } @media screen and (max-width: 768px) { .news_list_body { grid-template-columns: repeat(1, 1fr); grid-gap: 20px; } } .news_list_body img { width: 100%; height: auto; float: left; } .news_list_body .info_new { width: calc(100% - 120px); float: left; margin-left: 30px; } @media screen and (max-width: 768px) { .news_list_body .info_new { margin-left: 10px; } } .news_list_body .info_new .datetime { color: #888; font-weight: 400; display: flex; align-items: center; width: 80%; margin-right: 50px; } @media screen and (max-width: 768px) { .news_list_body .info_new .datetime { font-size: 14px; } } @media screen and (min-width: 1440px) { .news_list_body .info_new { margin-left: 1.563vw; } .news_list_body .info_new .datetime { margin-right: 2.604vw; } } @media screen and (max-width: 550px) { .news_list_body .info_new a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.3; width: 100%; } } .news_list_body .infor_new_basic { display: flex; position: absolute; bottom: 20px; } @media screen and (min-width: 1440px) { .news_list_body .infor_new_basic { bottom: 1.042vw; } } @media screen and (max-width: 768px) { .news_list_body .infor_new_basic { bottom: 5px; } } .news_list_body .infor_new_basic svg { margin-right: 5px; fill: #888; } @media screen and (min-width: 1440px) { .news_list_body .infor_new_basic svg { margin-right: 0.26vw; width: 0.938vw; height: 0.938vw; } } .news_list_body .infor_new_basic .count-view { display: flex; align-items: center; color: #888; } @media screen and (max-width: 768px) { .news_list_body .infor_new_basic .count-view { font-size: 14px; } } /*# sourceMappingURL=newslist_grid.css.map */ #icon_hot { position: absolute; left: 0px; top: 14px; font-size: 9px; text-transform: uppercase; color: red; } #dot { width: 6px; height: 6px; background-color: #f33; border-radius: 100%; position: absolute; left: 16px; top: 27px; margin-top: -5px; display: block; } #dot .ping { border: 1px solid #f33; width: 6px; height: 6px; opacity: 1; background-color: rgba(238, 46, 36, 0.2); border-radius: 100%; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-name: sonar; animation-name: sonar; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; display: block; margin: -1px 0 0 -1px; } .megamenu_mb, .highlight { position: fixed; width: 500px; height: 100vh; background: #fff; z-index: 999; padding: 0px 0px; box-sizing: border-box; top: 0; left: -100%; transition: all 0.5s; } @media screen and (max-width: 768px) { .megamenu_mb, .highlight { width: 86%; } } .megamenu_mb_show { left: 0; } :root { --body-color: #eee; } .modal-menu-full-screen-menu { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; background: #0000008c; z-index: -99; opacity: 0; transition: 0.5s; } .show_screen { z-index: 990; opacity: 1; } .close_all { width: 30px; height: 30px; border-radius: 50%; background: #000; position: absolute; right: -40px; top: 10px; } .close_all .navicon-line { width: 16px; height: 1px; border-radius: 1px; margin-bottom: 0px; background-color: #fff; transition: 0.5s; position: absolute; left: 0; top: 0; } .close_all .navicon-line:nth-child(1) { transform: rotate(45deg) translate(15px, 5px); } .close_all .navicon-line:nth-child(2) { transform: rotate(-45deg) translate(-5px, 15px); } .megamenu_mb .label { text-align: center; padding: 15px 0; border-bottom: 1px solid var(--body-color); font-size: 18px; position: relative; display: block; } .megamenu_mb li { position: relative; border-bottom: 1px solid #eee; box-sizing: border-box; } .megamenu_mb li a, .megamenu_mb li span { display: flex; align-items: center; float: none; padding: 17px 10px 15px 11px; font-size: 14px; } .megamenu_mb li a span, .megamenu_mb li span span { padding: 0px; } .megamenu_mb li .check_icon { padding: 17px 6px 15px 37px; } .megamenu_mb li svg { width: 16px; margin-right: 10px; fill: var(--main-color); height: 16px; } .megamenu_mb .next_menu { position: absolute; right: 0; top: 0; padding: 0; box-sizing: border-box; height: 100%; width: 40px; border-left: 1px solid var(--body-color); z-index: 99; } .megamenu_mb .label:after, .megamenu_mb .label:before, .megamenu_mb .next_menu:after, .megamenu_mb .next_menu:before { width: 7px; height: 7px; border-right: 1px solid #000; border-top: 1px solid #000; position: absolute; content: ""; left: calc(50% - 3px); top: 50%; transform: translate(-50%, -50%) rotate(45deg); } .megamenu_mb .label:after, .megamenu_mb .label:before { left: 25px; transform: translate(0, -50%) rotate(-135deg); } .megamenu_mb #menu_:after, .megamenu_mb #menu_:before { display: none; } .megamenu_mb ul.menu, .megamenu_mb .highlight { height: 100%; overflow: auto; } .group_id_menu_23 { background: #e4e4e430; } @keyframes sonar { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0; } } /*# sourceMappingURL=megamenu_mb.css.map */ .onlinesupport_list_row { z-index: 9999; position: fixed; bottom: 34%; right: 0px; width: 56px; height: 72px; } @media screen and (max-width: 600px) { .onlinesupport_list_row { bottom: 32%; } } .onlinesupport_list_row .item { margin-bottom: 8px; cursor: pointer; } @media screen and (max-width: 600px) { .onlinesupport_list_row .item svg { width: 42px; } } .onlinesupport_list_row .item_map a { width: 44px; height: 44px; border-radius: 50%; background: #1461d3; box-sizing: border-box; text-align: center; padding-top: 9px; } .onlinesupport_list_row .item_map a svg { width: 28px; height: 28px; fill: #fff; } .onlinesupport_list_row .item-show { animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-1; } .onlinesupport_list_row .item-show a { position: relative; display: inline-block; } .onlinesupport_list_row .item-show a span { position: absolute; left: calc(-100% - 82px); display: block; top: 12px; width: 184px; background: #fff; z-index: -1; padding-left: 4px; border-radius: 10px; display: none; } .onlinesupport_list_row .item-show:nth-child(2) a span { left: calc(-100% - 47px); } .onlinesupport_list_row .item-show:nth-child(3) a span { left: calc(-100% - 87px); } .onlinesupport_list_row .click-open, .onlinesupport_list_row .click-off a { background: var(--main-color); border-radius: 50%; width: 44px; height: 44px; display: block; padding: 5px; box-sizing: border-box; text-align: center; } .onlinesupport_list_row .click-open svg, .onlinesupport_list_row .click-off a svg { fill: #fff; width: 32px; height: 32px; } .onlinesupport_list_row .click-off { display: none; } .onlinesupport_list_row .click-off a { padding-top: 11px; } .onlinesupport_list_row .click-off a svg { width: 20px; height: 20px; } @keyframes chang-rotage-anim-1 { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 20% { transform: rotate(0deg) scale(1) skew(1deg); } 25% { transform: rotate(-25deg) scale(1) skew(1deg); } 30% { transform: rotate(25deg) scale(1) skew(1deg); } 35% { transform: rotate(-25deg) scale(1) skew(1deg); } 45% { transform: rotate(25deg) scale(1) skew(1deg); } 55% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } .breadcrumbs { margin: 30px 0px; padding: 0 20px; position: absolute; top: 50%; left: 45%; z-index: 3; } @media screen and (max-width: 600px) { .breadcrumbs { margin: 16px 0px; } } .breadcrumb { text-align: center; } .breadcrumb::after { display: block; clear: both; content: " "; } .breadcrumb__item { display: inline-block; margin-right: 20px; list-style: none; color: #131518; position: relative; padding: 0 15px; } @media screen and (min-width: 1440px) { .breadcrumb__item { margin-right: 1.042vw; padding: 0 0.781vw; } } @media screen and (max-width: 450px) { .breadcrumb__item { padding: 0px; } } .breadcrumb__item:last-child { margin-right: 0px; } .breadcrumb__item h1 { font-weight: normal; } .breadcrumb__item a, .breadcrumb__item span { text-decoration: none; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 16px; } @media screen and (min-width: 1440px) { .breadcrumb__item a, .breadcrumb__item span { font-size: 0.938vw; } } @media screen and (max-width: 768px) { .breadcrumb__item a, .breadcrumb__item span { font-size: 14px; } } .breadcrumb__item a:hover span { color: var(--main-color); } .breadcrumb__item::after { display: block; width: 23px; height: 26px; color: #b6af96; content: ""; background: url('data:image/svg+xml,angle-right'); background-repeat: no-repeat; position: absolute; top: 0px; right: -25px; background-size: cover; } @media screen and (min-width: 1440px) { .breadcrumb__item::after { width: 1.198vw; height: 1.354vw; right: -1.302vw; } } .breadcrumb__item:last-child a { color: #fff; } .breadcrumb__item:last-child::after { content: "" !important; display: none; } @media screen and (max-width: 400px) { .breadcrumb__item { font-size: 13px; } } @media screen and (max-width: 360px) { .breadcrumb__item { font-size: 12px; } }