@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap); .bgWhite { padding-bottom: 71px; } .checkbox label::after { padding-left: 3px; padding-top: 3px; } body { font-family:Roboto,sans-serif; font-size: 14px; color: #222; line-height: 1.5; } h3, h4 { color: #222; } h3 { font-size: 22px; } h4 { font-size: 20px; } .ml30 { margin-left: 30px; } .row.gutter-10 { margin-left: -10px; margin-right: -10px; } .row.gutter-10 [class*='col-'] { padding-right: 10px; padding-left: 10px; } .row.gutter-7 { margin-left: -7px; margin-right: -7px; } .row.gutter-7 [class*='col-'] { padding-right: 7px; padding-left: 7px; } .row.gutter-5 { margin-left: -5px; margin-right: -5px; } .row.gutter-5 [class*='col-'] { padding-right: 5px; padding-left: 5px; } .gutter-0[class*='col-'] { padding-right: 0; padding-left: 0; } .space { margin-top: 71px; } .space-1 { margin-top: 10px; } .space-2 { margin-top: 20px; } .space-3 { margin-top: 30px; } .space-4 { margin-top: 40px; } .space-5 { margin-top: 50px; } .space-6 { margin-top: 60px; } .space-7 { margin-top: 70px; } .space-11 { margin-top: 130px; } .space-13 { margin-top: 130px; } .space-14 { margin-top: 140px; } .space-16 { margin-top: 140px; } .clear { display: block; content: ""; clear: both; } a { color: #06b7f5; } a:hover, a:focus { color: #00aae5; text-decoration: none; } label { font-size: 14px; color: #222; font-weight: normal; } label span { color: #06b7f5; } .form-control { border-radius: 0; box-shadow: none; } textarea { resize: vertical; } .btn, .btn.active, .btn:hover, .btn:focus { outline: none; } .btn-primary { background-color: #06b7f5; border-color: #06b7f5; border-radius: 0; font-size: 22px; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus { background-color: #00aae5; border-color: #00aae5; } .open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus { background-color: #00aae5; border-color: #00aae5; } .btn-link { border: 1px solid #ebebeb; color: #222; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .btn-link:hover, .btn-link:focus, .btn-link:active { text-decoration: none; border: 1px solid #06b7f5; color: #06b7f5; } .template-background { /* background: url(../images/bg.jpg) no-repeat center bottom; background-size: 100% auto; */ } .item { position: relative; } .item .caption { position: absolute; right: 20%; left: 20%; bottom: 30%; color: #005a9d; font-size: 20px; text-align: center; } .fill { width: 100%; padding-bottom: 42.85%; height: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .stars { display: inline-block; } .stars input.star { display: none; } .stars input.star:checked ~ label.star { background: url(../images/star-yellow.png) no-repeat left center; transition: all .25s; } .stars label.star { float: right; margin: 0 5px; background: url(../images/star.png) no-repeat left center; width: 25px; height: 34px; transition: all .2s; } .stars label.star:hover { transform: rotate(-15deg) scale(1.3); } .stars:after { clear: both; display: block; content: ""; } .title-line { text-align: center; } .title-line h1 { font-size: 45px; color: #222; line-height: 48px; margin: 0; } .title-line h1 .icon { display: block; position: relative; width: 340px; height: 40px; margin: 8px auto 0; } .title-line h1 .icon img { vertical-align: top; } .title-line h1 .icon:after, .title-line h1 .icon:before { width: 120px; height: 1px; background: #ccc; display: block; content: ""; position: absolute; top: 50%; } .title-line h1 .icon:after { left: 0; } .title-line h1 .icon:before { right: 0; } .title-line p { font-size: 14px; color: #888; margin: 20px 0 0; line-height: 15px; } .hovereffect { width: 100%; overflow: hidden; position: relative; cursor: pointer; } .hovereffect .background, .hovereffect .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .hovereffect .background { background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; } .hovereffect .overlay { overflow: hidden; } .address li { color: #ff6c00; font-size: 14px; margin-bottom: 10px; } .schedule-tour .fas, .place-transport .fas{ color: #ff6c00; } .address li a:hover, .address li a:focus { text-decoration: underline; } .address li span { margin-right: 10px; text-transform: uppercase; } .address li.tel a { color: #00aae5; } .address li.location { background: url(../images/bullet3.png) no-repeat left center; background-size: auto 20px; padding: 0 0 0 26px; line-height: 30px; } .address li big { color: #00aae5; font-size: 20px; } .address li .list-inline > li { margin-right: 10px; margin-left: 10px; } .style-location, .style-hotel, .style-check, .style-tree { margin: 20px 0 30px; } .style-location:after, .style-hotel:after, .style-check:after, .style-tree:after { display: block; content: ""; clear: both; } .style-location li { background: url(../images/bullet3.png) no-repeat left center; padding-left: 35px; line-height: 30px; margin-bottom: 15px; } .style-hotel li { background: url(../images/bullet2.png) no-repeat left center; padding-left: 60px; line-height: 1.5; } .style-hotel li p { display: inline-block; } .style-hotel li p span { display: block; color: #222; font-size: 16px; } .style-hotel li .stars { float: right; } .style-hotel li.no-bullet { background: none; padding-left: 0; } .style-check li { background: url(../images/bullet5.png) no-repeat left top; padding: 0 0 20px 31px; line-height: 15px; } .style-tree { margin: 20px 0 25px; } .style-tree li { background: url(../images/bullet4.png) no-repeat left top; padding-left: 96px; position: relative; margin-top: 0; } .style-tree li:before { display: block; content: ""; width: 1px; height: 100%; background: #ebebeb; position: absolute; top: 34px; left: 25px; } .style-tree li:after { display: block; content: ""; width: 1px; height: 100%; background: #ebebeb; position: absolute; top: 34px; left: 25px; } .style-tree li a.link-collapse { font-size: 18px; border: 1px solid #00aae5; color: #00aae5; line-height: 18px; display: block; padding: 15px; position: relative; margin-bottom: 15px; } .style-tree li a.link-collapse:hover, .style-tree li a.link-collapse:focus, .style-tree li a.link-collapse:active { text-decoration: none; } .style-tree li a.link-collapse:after{} .style-tree li.collapsed { background: url(../images/bullet6.png) no-repeat left top; } .style-tree li.collapsed a.link-collapse { border: 1px solid #ebebeb; color: #222; } .style-tree li.collapsed a.link-collapse:after {} .style-tree li ul li { background: none; padding-left: 0; padding-bottom: 25px; } .style-tree li ul li:after, .style-tree li ul li:before { display: none; } .style-tree li ul li .time { background: #717070; display: inline-block; padding: 5px 0; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; color: #fff; position: absolute; top: 0; left: -105px; z-index: 10; width: 70px; } .style-tree li ul li .time:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(37, 37, 37, 0); border-top-color: #717070; border-width: 7px; margin-left: -7px; } .style-tree li ul li p { font-size: 14px; line-height: 1.8; color: #777; margin-bottom: 15px; } .style-tree li ul li .img { margin-bottom: 31px; } .style-tree li ul li .img p { margin: 9px 6px; } .style-tree li ul li ul { margin: 0; } .style-tree li ul li ul li { color: #222; padding-bottom: 10px; } .style-tree li ul li ul li ul { margin: 0 0 0 20px; } .style-tree li ul li ul li ul li { background: url(../images/bullet1.png) no-repeat left center; padding-left: 20px; color: #777; padding-bottom: 0; margin: 5px 0; } .style-tree li:last-child li:last-child { padding-bottom: 0; } .style-tree.panel-group .panel { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; box-shadow: none; } .style-tree.panel-group .panel + .panel { margin-top: 0; } .style-tree.panel-group .panel-default { border-color: transparent; } .style-tree.panel-group .panel-default > .panel-heading { color: #222; background-color: transparent; border-color: transparent; padding: 0; } .style-tree.panel-group .panel-default > .panel-heading .panel-title { font-size: 18px; } .style-tree.panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent; } .style-tree.panel-group .panel-default .panel-body { padding: 0; } .style-tree.panel-group .panel-default:last-child:before, .style-tree.panel-group .panel-default:last-child:after { height: calc(100% - 34px); } .style-tree.panel-group .panel-default.collapsed:last-child:before, .style-tree.panel-group .panel-default.collapsed:last-child:after { display: none; } .style-tree .gallery .count-gallery { font-size: 30px; } .menu-categories h5 { font-size: 16px; color: #222; } .menu-categories li { margin-bottom: 10px; } .menu-categories li a { font-size: 14px; color: #777; } .menu-categories li a:hover, .menu-categories li a:focus, .menu-categories li a:active { color: #06b7f5; text-decoration: none; } .line { width: 110px; height: 2px; background: #fff; display: block; margin: 17px 0; } .bootstrap-datetimepicker-widget.dropdown-menu { width: auto; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-radius: 4px; z-index: 99999; } .hotline { color: #222; font-size: 16px; text-transform: uppercase; line-height: 34px; } .hotline big { color: #00aae5; font-size: 23px; } .hotline a.btn-link { text-transform: capitalize; vertical-align: top; margin-left: 15px; } .map-agency { width: 100%; height: 0; padding-bottom: 37.5%; position: relative; overflow: hidden; } .white-navbar .dropdown-menu, .dropdown-menu { padding: 0; margin: 0; background-color: rgba(255, 255, 255, 0.75); border: 1px solid transparent; border-radius: 0; box-shadow: 0 0 0 transparent; } .dropdown-menu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-menu > li:last-child { border-bottom: none; } .dropdown-menu > li > a { padding: 14px 20px 13px; font-weight: normal; font-size: 16px; color: #222; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #00aae5; background-color: transparent; } .dropdown-menu#box-login { width: 400px; height: 100px; padding: 20px; } .dropdown-menu#box-login > li { border-bottom: 1px solid transparent; } .dropdown-menu#box-login > li > a { padding: 0; display: inline-block; margin-top: 10px; margin-right: 5px; } .dropdown-menu#box-login > li > a:last-child { margin-right: 0; } .open > .dropdown-menu { background-color: #fff; } .popover { background-color: rgba(0, 0, 0, 0.6); border: none; border-radius: 0; box-shadow: none; padding: 0; max-width: inherit; z-index: 9999; } .popover.right { margin-left: 20px; } .popover.right .arrow { border-right-color: transparent; } .popover.right .arrow:after { border-right-color: rgba(0, 0, 0, 0.6); } .popover.bottom { border-top: 4px solid #06b7f5; margin-top: 0; } .popover.bottom > .arrow { border-top-color: #06b7f5; border-bottom-color: transparent; border-top-width: 11px; border-bottom-width: 0; top: 0; left: inherit !important; right: 45px; } .popover.bottom > .arrow:after { border-top-color: #06b7f5; border-bottom-color: transparent; } .popover .popover-content { padding: 20px; color: #fff; font-size: 15px; } .popover .popover-content:after { display: block; content: ""; clear: both; } .search { margin-top: -120px; padding-bottom: 55px; margin-left: auto; margin-right: auto; width: 644px; } .search p { display: block; font-size: 14px; color: #fff; position: relative; } .search .input-group-btn:last-child > .btn, .search .input-group-btn:last-child > .btn-group { margin-left: 0; } .search .input-group-addon:not(:first-child):not(:last-child), .search .input-group-btn:not(:first-child):not(:last-child), .search .input-group .form-control:not(:first-child):not(:last-child) { width: 365px; } .search .input-group-btn:first-child { width: 230px; } .search .input-group-btn:last-child { width: 130px; margin-left: 5px; display: inline-block; } .search .input-group-btn .btn { width: 100%; height: 47px; } .search .caret { border: none; width: 10px; height: 15px; position: absolute; top: 50%; right: 12px; margin-top: -12px; font-size: 15px; } .search .divider { display: inline-block; margin: 6px 2px; background: rgba(255, 255, 255, 0.2); height: 35px; width: 1px; vertical-align: middle; } .search .dropdown-menu { width: 100%; } .search .open > .dropdown-toggle { box-shadow: none; } .search .open > .dropdown-toggle .btn-default.focus, .search .open > .dropdown-toggle .btn-default:focus, .search .open > .dropdown-toggle .btn-default:hover { border-color: transparent; color: #222; background-color: rgba(255, 255, 255, 0.8); } .search .btn { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-color: transparent; } .search .btn:active, .search .btn.active { box-shadow: none; } .search .btn.btn-default { font-size: 15px; color: #222; background-color: rgba(255, 255, 255, 0.8); height: 47px; text-align: left; } .search .btn.btn-default.active.focus, .search .btn.btn-default.active:focus, .search .btn.btn-default.active:hover, .search .btn.btn-default:active.focus, .search .btn.btn-default:active:focus, .search .btn.btn-default:active:hover, .search .btn.btn-default:hover, .search .btn.btn-default:focus, .search .btn.btn-default:active, .search .btn.btn-default.active { color: #222; background-color: rgba(255, 255, 255, 0.8); } .search .btn.btn-primary { width: 130px; height: 47px; font-size: 20px; color: #fff; background-color: #00aae5; text-align: center; text-transform: uppercase; } .search .btn.btn-primary:hover, .search .btn.btn-primary:focus { background-color: #06b7f5; border-color: transparent; } .search .input-group-btn { font-size: 14px; } .search .input-group .form-control { float: none; font-size: 15px; color: #222; background-color: rgba(255, 255, 255, 0.8); border-color: transparent; height: 47px; box-shadow: none; } .search .input-group .form-control:focus { border-color: transparent; box-shadow: none; } .search .input-group .form-control::-webkit-input-placeholder { color: #222; } .search .input-group .form-control::-moz-placeholder { color: #222; } .search .input-group .form-control:-ms-input-placeholder { color: #222; } .search .input-group .form-control:-moz-placeholder { color: #222; } .search .date .form-control { position: relative; } .search .date .fa { position: absolute; top: 12px; right: 15px; z-index: 10; } .search .fa { color: #777; cursor: pointer; } .search:after { display: block; content: ""; clear: both; } .search .open .btn.btn-default.active, .search .open .btn.btn-default.focus, .search .open .btn.btn-default:focus, .search .open .btn.btn-default:hover, .search .open .btn.btn-default:active.focus, .search .open .btn.btn-default:active:focus, .search .open .btn.btn-default:active:hover, .search .open .btn.btn-default:hover, .search .open .btn.btn-default:focus, .search .open .btn.btn-default:active, .search .open .btn.btn-default.active { background-color: #fff; } @media (max-width: 991px) { .search { width: 90%; margin-left: auto; } .search .input-group-btn:first-child { width: 31%; } .search .input-group-addon:not(:first-child):not(:last-child), .search .input-group-btn:not(:first-child):not(:last-child), .search .input-group .form-control:not(:first-child):not(:last-child) { width: 49%; } .search-compare { width: auto; padding-bottom: 0; } .search-compare p { color: #222; } .search-compare .input-group-addon:not(:first-child):not(:last-child), .search-compare .input-group-btn:not(:first-child):not(:last-child), .search-compare .input-group .form-control:not(:first-child):not(:last-child) { width: 100%; } .search-compare .input-group-addon:not(:first-child):not(:last-child).border, .search-compare .input-group-btn:not(:first-child):not(:last-child).border, .search-compare .input-group .form-control:not(:first-child):not(:last-child).border { width: calc((100% - 14px)/2); display: inline-block; } .search-compare .input-group-addon:not(:first-child):not(:last-child).border.last, .search-compare .input-group-btn:not(:first-child):not(:last-child).border.last, .search-compare .input-group .form-control:not(:first-child):not(:last-child).border.last { margin-left: 10px; } .search-compare .btn.btn-default { background-color: #fff; border-color: #ebebeb; margin-bottom: 20px; } .search-compare .btn.btn-default.active, .search-compare .btn.btn-default:active { border-color: #ebebeb; } .search-compare .input-group .form-control { background-color: #fff; border-color: #ebebeb; margin-bottom: 20px; } .search-compare .input-group .form-control:focus { border-color: #ebebeb; } .search-compare .open > .dropdown-toggle.btn-default { border-color: #ebebeb; background-color: white; margin-bottom: 0; } .search-compare .input-group, .search-compare .input-group-btn { display: block; } .search-compare .input-group-btn:first-child, .search-compare .input-group-btn:last-child { width: 100%; margin-left: 0; } .search-compare .input-group-btn.border { border: 1px solid #ebebeb; margin-bottom: 20px; } .search-compare .input-group-btn.border label { font-size: 15px; padding: 6px 12px; line-height: 30px; } .search-compare .input-group-btn.border .btn.btn-default, .search-compare .input-group-btn.border .form-control { background-color: #fff; border-color: transparent; margin-bottom: 0; } .search-compare .input-group-btn.border .btn.btn-default { width: 54%; float: right; } .search-compare .dropdown-menu { background-color: #fff; border: 1px solid #ebebeb; } .search-compare .btn.btn-primary { width: 100%; } } @media (max-width: 767px) { .search { margin-top: 0px; padding-bottom: 0; } .search p { color: #222; } .search .input-group-addon:not(:first-child):not(:last-child), .search .input-group-btn:not(:first-child):not(:last-child), .search .input-group .form-control:not(:first-child):not(:last-child) { width: 100%; } .search .input-group-addon:not(:first-child):not(:last-child).border, .search .input-group-btn:not(:first-child):not(:last-child).border, .search .input-group .form-control:not(:first-child):not(:last-child).border { width: calc((100% - 14px)/2); display: inline-block; } .search .input-group-addon:not(:first-child):not(:last-child).border.last, .search .input-group-btn:not(:first-child):not(:last-child).border.last, .search .input-group .form-control:not(:first-child):not(:last-child).border.last { margin-left: 10px; } .search .btn.btn-default { background-color: #fff; border-color: #ebebeb; margin-bottom: 20px; font-size: 14px; } .search .btn.btn-default.active, .search .btn.btn-default:active { border-color: #ebebeb; } .search .input-group .form-control { background-color: #fff; border-color: #ebebeb; margin-bottom: 20px; font-size: 14px; } .search .input-group .form-control:focus { border-color: #ebebeb; } .search .open > .dropdown-toggle.btn-default { border-color: #ebebeb; background-color: white; margin-bottom: 0; } .search .input-group, .search .input-group-btn { display: block; padding-top: 1rem; } .search .input-group-btn:first-child, .search .input-group-btn:last-child { width: 100%; margin-left: 0; } .search .input-group-btn.border { border: 1px solid #ebebeb; margin-bottom: 20px; font-size: 14px; } .search .input-group-btn.border label { font-size: 13px; padding: 9px 0 6px 12px; line-height: 27px; } .search .input-group-btn.border .btn.btn-default, .search .input-group-btn.border .form-control { background-color: #fff; border-color: transparent; margin-bottom: 0; } .search .input-group-btn.border .btn.btn-default { width: 54%; } .search .dropdown-menu { background-color: #fff; border: 1px solid #ebebeb; } .search .dropdown-menu > li { border-bottom: transparent; } .search .btn.btn-primary { width: 100%; } } .box { position: relative; } .box .close { background: url(../images/close.png) no-repeat left top; width: 30px; height: 30px; cursor: pointer; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .box .close:hover, .box .close:focus { background: url(../images/close-hover.png) no-repeat left top; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .box .box-header .compare, .box .box-header .logo-partner { position: absolute; top: 20px; } .box .box-header .compare { right: 20px; z-index: 99; } .box .box-header .compare.popover_notifiation_compare { z-index: 999; } .box .box-header .compare a.icon { background: url(../images/icon-compare.png) no-repeat left top; display: block; width: 40px; height: 40px; } .box .box-header .compare a.icon:hover { background: url(../images/icon-compare-hover.png) no-repeat left top; } .box .box-header .logo-partner { right: 80px; z-index: 10; } .box .box-header .slider-image { position: relative; } .box .box-header .slider-image:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box .box-header .slider-image .link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; } .box .box-header .slider-image .item .background { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 0; padding-bottom: 66.6666667%; } .box .box-header .box-picture { position: relative; padding-bottom: 66.6666667%; overflow: hidden; margin: 0; width: 100%; } .box .box-header .box-picture a:after, .box .box-header .box-picture a .picture, .box .box-header .box-picture a .ribbon { position: absolute; top: 0; left: 0; } .box .box-header .box-picture a:after, .box .box-header .box-picture a .picture { width: 100%; height: 100%; } .box .box-header .box-picture a:after { display: block; content: ""; } .box .box-header .box-picture a .ribbon { z-index: 10; width: 28%; max-width: 105px; } .box .box-body { padding: 15px 15px 0; } .box .box-body .box-title h2 { margin: 0; } .box .box-body .box-title h2 a { color: #222; display: block; margin: 0 0 10px; } .box .box-body .box-title h2 a:hover, .box .box-body .box-title h2 a:focus, .box .box-body .box-title h2 a:active { text-decoration: none; } .box .box-body .box-title p { font-size: 14px; color: #888; } .box .box-body .box-content .place-transport, .box .box-body .box-content .price, .box .box-body .box-content .hotel { border-top: 1px solid #ebebeb; padding: 7px 0; } .box .box-body .box-content .place-transport p, .box .box-body .box-content .price p, .box .box-body .box-content .hotel p { float: left; margin: 0; } .box .box-body .box-content .place-transport p:last-child, .box .box-body .box-content .price p:last-child, .box .box-body .box-content .hotel p:last-child { float: right; } .box .box-body .box-content .place-transport:after, .box .box-body .box-content .price:after, .box .box-body .box-content .hotel:after { display: block; content: ""; clear: both; } .box .box-body .box-content .place-transport p { font-size: 14px; color: #222; } .box .box-body .box-content .place-transport p.place { /*background: url(../images/place.png) no-repeat left center;*/ padding: 0 0 0 3px; line-height: 30px; } .box .box-body .box-content .place-transport p img { margin: 0 5px; } .box .box-body .box-content .price p { font-size: 16px; color: #777; line-height: 32px; } .box .box-body .box-content .price p.price-promotion { font-size: 1.5rem; color: #00aae5; } .box .box-body .box-content .hotel { border-top: 1px solid #ebebeb; padding: 15px 0; } .box .box-body .box-content .hotel p { font-size: 14px; color: #222; background: url(../images/hotel.png) no-repeat left center; padding: 0 0 0 45px; line-height: 20px; } .box .box-body .box-content .hotel .stars { float: right; } .box .box-body .box-content .hotel .stars label.star { background-size: 13px; width: 13px; height: 20px; margin: 0 1px; } .box .box-footer { text-align: center; } .box.box-horizontal { background-color: #fff; } .box.box-horizontal .close { position: absolute; top: -15px; right: -15px; z-index: 20; } .box.box-horizontal .box-header { width: 50%; float: right; } .box.box-horizontal .box-body { width: 50%; float: left; padding: 10px 15px 0; position: relative; z-index: 9999; } .box.box-horizontal .box-body .box-title h2 a { font-size: 18px; } .box.box-horizontal .box-body .box-title p { margin: 0 0 5px; } .box.box-horizontal .box-body .box-content .place-transport, .box.box-horizontal .box-body .box-content .hotel, .box.box-horizontal .box-body .box-content .price { padding: 5px 0; } .box.box-horizontal .box-body .box-content .place-transport img { height: 20px; } .box.box-horizontal .box-body .box-content .price p { font-size: 14px; line-height: 22px; } .box.box-horizontal .box-body .box-content .price p.price-promotion { font-size: 20px; } .box.box-horizontal:after { display: block; content: ""; clear: both; } .box.box-vertical .box-body { border: 1px solid #ebebeb; } .box.box-vertical .box-body .box-title h2 a { font-size: 1.7rem; } .box.box-vertical:hover { cursor: pointer; box-shadow: 0 0 20px rgba(185, 185, 185, 0.9); -webkit-box-shadow: 0 0 20px rgba(185, 185, 185, 0.9); -moz-box-shadow: 0 0 20px rgba(185, 185, 185, 0.9); } .box.box-vertical:hover .box-header .slider-image:after, .box.box-vertical:hover .box-header .box-picture a:after { background: rgba(0, 0, 0, 0.5); } .box.box-vertical:hover .box-body .box-title h2 a { color: #06b7f5; } .box.box-vertical-mini { background-color: #fff; } .box.box-vertical-mini .box-body { padding: 10px; border: 1px solid #ebebeb; } .box.box-vertical-mini .box-body .box-title h2 a { font-size: 15px; } .box.box-vertical-mini .box-body .box-content .place-transport { border-top: none; padding: 0; line-height: 34px; } .modal { text-align: center; padding: 0 !important; } .modal h3 { margin-top: 0; } .modal .form-group:last-child { margin: 0; } .modal .modal-content { margin: 0 auto; } .modal .modal-content .btn-default { font-size: 20px; color: #fff; background-color: #333; border-color: #333; } .modal .modal-content .btn-default:hover { color: #fff; background-color: #333; border-color: #333; } .modal .modal-content .btn-default.close { background: url(../images/close.png) no-repeat left top; background-color: transparent; width: 30px; height: 30px; text-indent: -999em; position: absolute; top: -15px; right: -15px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); z-index: 99; } .modal .modal-content .btn-default.close:hover, .modal .modal-content .btn-default.close:focus { background: url(../images/close-hover.png) no-repeat left top; outline: none; } .modal .modal-footer { padding: 15px 0 0; border-bottom: none; border-top: none; } .modal .modal-footer .btn-default { font-size: 20px; color: #fff; background-color: #333; border-color: #333; } .modal .modal-footer .btn-default:hover { color: #fff; background-color: #333; border-color: #333; } .modal .modal-footer .btn-group-lg > .btn, .modal .modal-footer .btn-lg { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .dolessmore { overflow: hidden; } .dolessmoreblock { position: relative; } .lm-control { border: 1px solid #ebebeb; color: #222; position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; background: #fff; text-align: center; } .lm-control a { color: #222; display: block; line-height: 2; } .lm-control a:before { content: "..."; } .dlmexpand { padding-bottom: 0; } .dlmexpand .lm-control { display: none; } .social-widget { position: fixed; left: 0; top: 20%; } .social-widget a { display: block; margin-bottom: 1px; width: 45px; height: 45px; } .social-widget a .fa, .social-widget a .fas, .social-widget a .far, .social-widget a .fab { width: 45px; height: 45px; line-height: 45px; color: #f7f7f7; font-size: 18px; text-align: center; } .social-widget a .fab.fa-facebook-square { background: #0054a6; } .social-widget a.fa-like { background: #029fda url(../images/icon-like.png) no-repeat center center; } .social-widget a.fa-cmt { background: #1cbbb4 url(../images/icon-cmt.png) no-repeat center center; } .social-widget a.fa-download-tour { background: #252525 url(../images/icon-download.png) no-repeat center center; } .social-widget a.fa-compare { background: #06b7f5 url(../images/icon-sosanh.png) no-repeat center center; } .compare-tooltip + .tooltip.right .tooltip-arrow, .comment-tooltip + .tooltip.right .tooltip-arrow, .like-tooltip + .tooltip.right .tooltip-arrow, .fb-tooltip + .tooltip.right .tooltip-arrow, .download-tooltip + .tooltip.right .tooltip-arrow { border-right-color: transparent; } .compare-tooltip + .tooltip > .tooltip-inner, .comment-tooltip + .tooltip > .tooltip-inner, .like-tooltip + .tooltip > .tooltip-inner, .fb-tooltip + .tooltip > .tooltip-inner, .download-tooltip + .tooltip > .tooltip-inner { width: 110px; height: 35px; line-height: 35px; padding: 0; text-align: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; font-size: 15px; color: #fff; } .compare-tooltip + .tooltip > .tooltip-inner { background-color: #06b7f5; } .comment-tooltip + .tooltip > .tooltip-inner { background-color: #1cbbb4; } .like-tooltip + .tooltip > .tooltip-inner { background-color: #029fda; } .fb-tooltip + .tooltip > .tooltip-inner { background-color: #0054a6; } .download-tooltip + .tooltip > .tooltip-inner { background-color: #252525; } .results_count, .pagination > li > a, .pagination > li > span { font-size: 14px; color: #777; } .pagination > li > a, .pagination > li > span { margin-left: 10px; background-color: #fff; border: 1px solid #ebebeb; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #06b7f5; background-color: #fff; border-color: #06b7f5; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; background-color: #fff; border-color: #ebebeb; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pager li > a, .pager li > span { background-color: #fff; border: 1px solid #ebebeb; border-radius: 0; } .pager li > a:hover, .pager li > a:focus { background-color: #fff; } @media (max-width: 567px) { .pagination > li > a, .pagination > li > span { margin-left: 5px; } } .scrollbar-inner > .scroll-element div { background: #e1e1e1; } .scrollbar-inner > .scroll-element.scroll-y { width: 3px; right: 20px; height: 90%; top: 15px; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e1e1e1; opacity: 0; } .scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #06b7f5; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .nav-pills > li { width: calc((100% - 4px)/3); } .nav-pills > li > a { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; font-size: 18px; color: #222; background-color: #f5f5f5; text-transform: uppercase; padding: 12px 0; text-align: center; } .nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: #06b7f5; color: #fff; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #06b7f5; } .tab-content { border: 1px solid #ebebeb; height: 340px; overflow: auto; } .tab-content > .active { padding: 15px 40px 15px 15px; } .tab-content li { color: #777; font-size: 14px; margin-bottom: 10px; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } .lightSlider.lsGrab > *, .lightSlider.lsGrabbing > * { margin: 20px 0; } .lSAction > a { width: 33px; height: 50px; top: 50%; margin-top: -25px; z-index: 999; } .lSAction > a.lSPrev { background: url(../images/icons/prev.png) no-repeat center center; left: 35px; } .lSAction > a.lSNext { background: url(../images/icons/next.png) no-repeat center center; right: 35px; } .lSAction > a.lSPrev, .lSAction > a.lSNext { background-size: 100%; } .lSSlideOuter .lSPager.lSpg { position: absolute; bottom: 16%; z-index: 9999; width: 100%; } .lSSlideOuter .lSPager.lSpg > li a { background-color: transparent; width: 17px; height: 17px; margin: 0 6px; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg .lSSlideOuter .lSPager.lSpg > li.active a { background-color: transparent; border: 2px solid #06b7f5; } .slider-image .lightSlider.lsGrab > *, .slider-image .lightSlider.lsGrabbing > *, .banner-slider .lightSlider.lsGrab > *, .banner-slider .lightSlider.lsGrabbing > *, .img-feedback .lightSlider.lsGrab > *, .img-feedback .lightSlider.lsGrabbing > *, .tour-img-slide .lightSlider.lsGrab > *, .tour-img-slide .lightSlider.lsGrabbing > * { margin: 0; } .slider-image .lSSlideWrapper .lSAction, .banner-slider .lSSlideWrapper .lSAction, .img-feedback .lSSlideWrapper .lSAction, .tour-img-slide .lSSlideWrapper .lSAction { display: none !important; } .slider-image .lSSlideWrapper .lSAction > a, .banner-slider .lSSlideWrapper .lSAction > a, .img-feedback .lSSlideWrapper .lSAction > a, .tour-img-slide .lSSlideWrapper .lSAction > a { top: 50%; width: 22px; height: 35px; margin-top: -17px; background-size: 100%; } .slider-image:hover .lSSlideWrapper .lSAction, .banner-slider:hover .lSSlideWrapper .lSAction, .img-feedback:hover .lSSlideWrapper .lSAction, .tour-img-slide:hover .lSSlideWrapper .lSAction { display: block !important; } .slider-blog .lightSlider.lsGrab > *, .slider-blog .lightSlider.lsGrabbing > * { margin: 20px 0; } .slider-blog .lSSlideWrapper .lSAction { display: none !important; } .slider-blog .lSSlideWrapper .lSAction > a { top: 30%; width: 22px; height: 35px; background-size: 100%; } .slider-blog .lSSlideWrapper:hover .lSAction { display: block !important; } .opaque-navbar { min-height: 79px; margin-top: 26px; border-bottom: 0px; background-color: transparent; position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; } .opaque-navbar.navbar { min-height: inherit; margin-bottom: 0; } .opaque-navbar .navbar-brand { height: 79px; padding: 7px 15px; } .opaque-navbar .navbar-brand > img { max-height: 100%; } .opaque-navbar .navbar-nav { margin: 15px 0 0; } .opaque-navbar .nav > li > a.user { padding: 12px 20px 11px; } .opaque-navbar .nav > li > a.user img { margin-right: 10px; } .opaque-navbar .nav > li > a:hover, .opaque-navbar .nav > li > a:focus, .opaque-navbar .nav > li > a:active { color: #06b7f5; background-color: transparent; } .opaque-navbar .nav > li > a.btn.btn-default { text-transform: uppercase; width: 160px; height: 40px; padding: 8px 0; margin: 6px 0; background-color: rgba(255, 255, 255, 0.12); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 10px; } .opaque-navbar .nav .open > a, .opaque-navbar .nav .open > a:focus, .opaque-navbar .nav .open > a:hover { background-color: transparent; border-color: transparent; } .opaque-navbar .badge { background: transparent url(../images/icon-badge.png) no-repeat left top; width: 42px; height: 32px; padding: 0; line-height: 27px; font-weight: normal; border-radius: 0; position: absolute; top: -15px; left: 34%; } .navbar-toggle { padding: 0; margin-top: 27px; margin-right: 15px; margin-bottom: 15px; border-radius: 0; border: none; } .navbar-toggle:hover, .navbar-toggle:focus { background: transparent; } .navbar-default .navbar-toggle{ background-color: #004c97; border: none; display: block; height: 2.85rem; padding: 0.5rem 0.68rem; position: relative; width: 3.5rem; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #004c97; } .navbar-default .navbar-toggle .icon-bar, .navbar-toggle .icon-bar { width: 2rem; height: 1px; background: #fff; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; } .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 7% 50%; } .navbar-toggle .middle-bar { opacity: 0; } .navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 7% 50%; } .navbar-toggle.collapsed .top-bar { transform: rotate(0); } .navbar-toggle.collapsed .middle-bar { opacity: 1; } .navbar-toggle.collapsed .bottom-bar { transform: rotate(0); } @media (min-width: 768px) { .opaque-navbar.navbar-fixed-top { position: fixed; } } @media (max-width: 1199px) { .opaque-navbar .navbar-nav { margin: 3px 0 0; } .opaque-navbar .navbar-brand { height: 59px; } .opaque-navbar .nav > li > a { padding-right: 15px; font-size: 16px; } } @media (max-width: 767px) { .opaque-navbar { min-height: 50px; height: 50px; } .opaque-navbar .navbar-brand { height: 50px; padding: 0 15px; } .opaque-navbar .navbar-nav { margin: 0; } .opaque-navbar .navbar-nav .open .dropdown-menu > li > a { color: #222; padding: 7px 7px 5px 29px !important; font-size: 1.6rem; } .opaque-navbar .navbar-nav .open .dropdown-menu > li > a:hover, .opaque-navbar .navbar-nav .open .dropdown-menu > li > a:focus, .opaque-navbar .navbar-nav .open .dropdown-menu > li > a:active { color: #06b7f5; } .opaque-navbar .nav > li > a { color: #222; } .opaque-navbar .navbar-collapse { border-color: transparent; margin-right: -15px; } .opaque-navbar .navbar-collapse .navbar-nav > li > a { color: #222; } .opaque-navbar .navbar-collapse .navbar-nav > li > a:hover, .opaque-navbar .navbar-collapse .navbar-nav > li > a:focus { color: #06b7f5; } } .banner, .banner-blog, .banner-tour { width: 100%; height: 0; padding-bottom: 33%; position: relative; overflow: hidden; } .banner div, .banner-blog div, .banner-tour div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .banner div { background-position: 20% center; } .banner-slider { margin-top: 71px; position: relative; } .banner-slider .item .caption { padding: 0; bottom: 28%; right: 0; left: 0; text-shadow: none; } .banner-slider .item .caption p { font-size: 35px; color: #fff; margin-bottom: 32px; } .banner-slider .item .btn.btn-link { width: 150px; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; background-color: rgba(255, 255, 255, 0.15); border: 2px solid rgba(255, 255, 255, 0.4); color: #fff; text-transform: uppercase; font-size: 20px; line-height: 40px; padding: 0; text-align: center; } .banner-slider .item .btn.btn-link:hover, .banner-slider .item .btn.btn-link:focus { border: 2px solid #fff; text-decoration: none; } .banner-blog { padding-top: 71px; padding-bottom: 42.85%; } .banner-tour { padding-bottom: 31.125%; } footer { padding: 75px 0 0px; } footer .copyright { margin: 30px 0; } footer .copyright p { font-size: 14px; color: #000; } footer .copyright p a { color: #000; } footer .social li { vertical-align: middle; margin: 0 10px; } footer .social li a .fa { width: 40px; height: 40px; line-height: 40px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; color: #fff; font-size: 18px; } footer .social li a .fa-facebook { background: #0054a6; } footer .social li a .fa-twitter { background: #00bff3; } footer .social li a .fa-youtube-play { background: #ed1c24; } footer .social li a:hover .fa-facebook, footer .social li a:focus .fa-facebook, footer .social li a:active .fa-facebook { background: #015bb2; } footer .social li a:hover .fa-twitter, footer .social li a:focus .fa-twitter, footer .social li a:active .fa-twitter { background: #01c8fe; } footer .social li a:hover .fa-youtube-play, footer .social li a:focus .fa-youtube-play, footer .social li a:active .fa-youtube-play { background: #fa1c25; } @media (max-width: 1199px) { footer { padding: 75px 0 0px; } } @media (max-width: 767px) { footer div[class^="col"] { padding-right: 0; } } @media (max-width: 567px) { footer { padding: 45px 0 0px; } footer .logo { width: 190px; margin: 0 auto; } footer .copyright p { font-size: 13px; line-height: 1.8; } footer .copyright p:last-child { padding: 0 60px; } footer .social li { margin: 0; } footer .social li a .fa { width: 37px; height: 37px; line-height: 37px; font-size: 16px; } footer .social li:last-child img { width: 163px; } footer .social p span { display: block; } footer .social p span.divider { display: none; } } .list-tours { margin-top: 55px; } .list-tours .lists { margin-top: 34px; } .list-tours .lists:after { clear: both; display: block; content: ""; } .list-tours .lists div[class^="col"] { padding-left: 0; padding-right: 0; margin-bottom: 30px; float: left; } .list-tours .lists .col-2-1 { width: calc((770/1170)*100%); } .list-tours .lists .col-2-1 .hovereffect { height: 0; padding-bottom: 48.052%; } .list-tours .lists .col-1-1 { width: calc((370/1170)*100%); } .list-tours .lists .col-1-1 .hovereffect { height: 0; padding-bottom: 100%; } .list-tours .lists .hovereffect a { font-size: 30px; color: #fff; text-transform: uppercase; text-align: center; width: 100%; height: 43px; position: absolute; top: 50%; left: 0; margin-top: -22px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; z-index: 99; } .list-tours .lists .hovereffect a:hover { text-decoration: none; } .list-tours .lists .hovereffect .overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background-color: rgba(0, 0, 0, 0.5); background-image: url(../images/location.png), url(../images/topleft.png), url(../images/bottomright.png); background-position: center calc(50% - 43px), 30px 30px, calc(100% - 30px) calc(100% - 30px); background-repeat: no-repeat; z-index: 10; } .list-tours .lists .hovereffect:hover a { margin-top: 9px; } .list-tours .lists .hovereffect:hover .overlay { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .featured-tours { max-width: 1600px; margin: 0 auto; } .featured-tours, .tour-viewed { margin: -20px auto 0; } .featured-tours::before, .tour-viewed::before { display: block; clear: both; content: ""; } .featured-tours .lSSlideWrapper .lSAction > a, .tour-viewed .lSSlideWrapper .lSAction > a { top: 156px; width: 35px; height: 35px; background-size: 100%; } .featured-tours .lSSlideWrapper .lSAction > a.lSPrev, .tour-viewed .lSSlideWrapper .lSAction > a.lSPrev { left: 7px; } .featured-tours .lSSlideWrapper .lSAction > a.lSNext, .tour-viewed .lSSlideWrapper .lSAction > a.lSNext { right: 7px; } .tour-viewed { margin-top: 48px; } .tour-viewed .lightSlider { margin-top: 14px; } .featured-services { margin-top: 42px; } .featured-services .item .background { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 0; padding-bottom: 42.85%; } .featured-services .btn.btn-link { background: transparent; border: 2px solid #fff; font-size: 18px; color: #fff; display: inline-block; text-transform: uppercase; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; width: 180px; height: 40px; line-height: 40px; margin-top: 40px; padding: 0; } .featured-services .btn.btn-link:hover, .featured-services .btn.btn-link:focus, .featured-services .btn.btn-link:active { text-decoration: none; background: #06b7f5; border: 2px solid #06b7f5; } .blog-category { margin-top: 37px; } .blog-category.menu-categories .lists { margin-top: 0; } .blog-category .lists { margin-top: 35px; } .blog-category .lists:after { clear: both; display: block; content: ""; } .blog-category .lists .blog-item { margin-left: 30px; width: 370px; float: left; } .blog-category .lists .blog-item:first-child { margin-left: 0; } .blog-category .lists .blog-item .hovereffect { height: 0; padding-bottom: 150%; } @media (max-width: 1199px) { .list-tours .lists .col-2-1 { width: calc((478/750)*100%); } .list-tours .lists .col-1-1 { width: calc((230/750)*100%); } .list-tours .lists .hovereffect a { font-size: 22px; height: 31px; margin-top: -16px; } .list-tours .lists .hovereffect .overlay { background-position: center calc(50% - 25px), 30px 30px, calc(100% - 30px) calc(100% - 30px); } .list-tours .lists .hovereffect:hover a { margin-top: 4px; } } @media (max-width: 767px) { .list-tours .lists { margin-left: 15px; margin-right: 15px; } .list-tours .lists .col-2-1, .list-tours .lists .col-1-1 { width: 100%; margin-left: 0; } .list-tours .lists .hovereffect:hover a { margin-top: -16px; } .list-tours .lists .hovereffect:hover .overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @media (max-width: 479px) { .list-tours .lists .hovereffect a { font-size: 16px; height: 22px; margin-top: -11px; } .list-tours .lists .hovereffect:hover a { margin-top: -11px; } } .blog-item .hovereffect a { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 30px); font-size: 1.95rem; color: #fff; text-transform: uppercase; text-align: center; display: block; text-align: center; margin-top: 30px; line-height: 65px; z-index: 10; } .blog-item .hovereffect a:hover, .blog-item .hovereffect a:focus { text-decoration: none; } .blog-item .hovereffect a span { display: inline-block; width: 65px; height: 65px; margin-right: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; } .blog-item .hovereffect a span img { vertical-align: top; } .blog-item .hovereffect a span.color-blue { background-color: #16d6ff; } .blog-item .hovereffect a span.color-green { background-color: #00cfb9; } .blog-item .hovereffect a span.color-orange { background-color: #ffa516; } .blog-item .hovereffect .overlay { top: auto; bottom: 0; padding: 10px; height: auto; background: rgba(0, 0, 0, 0.3); transition: transform 0.35s; -moz-transition: transform 0.35s; -o-transition: transform 0.35s; -webkit-transition: transform 0.35s; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align: center; } .blog-item .hovereffect .overlay p { color: #fff; font-size: 19px; margin: 0; transition: transform 0.35s; -moz-transition: transform 0.35s; -o-transition: transform 0.35s; -webkit-transition: transform 0.35s; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .blog-item .hovereffect:hover a { text-decoration: none; } .blog-item .hovereffect:hover .background { transition: transform 0.35s; -moz-transition: transform 0.35s; -o-transition: transform 0.35s; -webkit-transition: transform 0.35s; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-list .lists:after { display: block; content: ""; clear: both; } .blog-list .blog-item { float: left; } .blog-list .blog-item.apsect-ratio-21x9 { width: 76.875%; } .blog-list .blog-item.apsect-ratio-21x9 .hovereffect { padding-bottom: 45.123%; } .blog-list .blog-item.apsect-ratio-2x3 { width: 33.333333%; } .blog-list .blog-item.apsect-ratio-2x3 .hovereffect { padding-bottom: 150%; } .blog-list .blog-item .hovereffect .overlay { padding: 15px; text-align: left; transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); } .blog-list .blog-item .hovereffect .overlay h5 { font-size: 21px; margin: 0; color: #fff; line-height: normal; } .blog-list .blog-item .hovereffect .overlay p { font-size: 14px; transform: translate3d(0, 200%, 0); -moz-transform: translate3d(0, 200%, 0); -o-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); -webkit-transform: translate3d(0, 200%, 0); } .blog-list .blog-item .hovereffect .overlay .line { width: 110px; height: 2px; background: #fff; display: block; margin: 20px 0; } .blog-list .blog-item .hovereffect:hover .background { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .blog-list .blog-item .hovereffect:hover .overlay { transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .blog-list .blog-item .hovereffect:hover .overlay p { transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .blog-list .btn.btn-default { width: 120px; height: 40px; line-height: 40px; padding: 0; border: 1px solid #ccc; font-size: 15px; color: #666; margin: 20px 0 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .blog-list .btn.btn-default:hover, .blog-list .btn.btn-default:focus, .blog-list .btn.btn-default:active { color: #06b7f5; background-color: transparent; border-color: #06b7f5; } .blog-detail h2, .blog-detail h5 { color: #222; } .blog-detail h2 { font-size: 23px; margin: 0; } .blog-detail h5 { font-size: 18px; margin: 20px 0 10px; } .blog-detail .meta, .blog-detail p, .blog-detail .description { line-height: 1.5; } .blog-detail .meta { font-size: 13px; color: #999; margin: 15px 0; } .blog-detail p { font-size: 14px; color: #555; } .blog-detail .description { font-size: 13px; color: #222; } .blog-detail ol { -webkit-padding-start: 0; text-indent: 10px; } .related-post .item { background: #f5f5f5; } .related-post .item:after { clear: both; display: block; content: ""; } .related-post .item .img, .related-post .item .text { width: 50%; float: left; } .related-post .item .img a { padding-bottom: 56.25%; position: relative; overflow: hidden; display: block; } .related-post .item .img a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .related-post .item .text { padding: 15px; } .related-post .item .text h5 { margin: 0; } .related-post .item .text h5 a { font-size: 18px; color: #222; margin: 0 0 10px; line-height: 1.5; } .related-post .item .text h5 a:hover { color: #06b7f5; text-decoration: none; } .related-post .item .text p { font-size: 14px; color: #555; } @media (max-width: 1199px) { .blog-category .lists .blog-item { width: calc((100% - 60px)/3); } .blog-item .hovereffect a { font-size: 30px; } .blog-item .hovereffect a span { width: 65px; height: 65px; margin-right: 20px; vertical-align: middle; } .blog-item .hovereffect a span img { max-width: 100%; } .blog-item .hovereffect .overlay p { font-size: 16px; } .blog-list .blog-item .hovereffect .overlay { transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .blog-list .blog-item .hovereffect .overlay p { transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .blog-list .blog-item .hovereffect .overlay h5 { font-size: 16px; } .banner-slider .item .caption p { font-size: 28px; } } @media (max-width: 991px) { .blog-item .hovereffect a { font-size: 24px; } .blog-item .hovereffect a span { width: 45px; height: 45px; margin-right: 10px; } .banner-slider .item .caption p { font-size: 24px; } } @media (max-width: 767px) { .blog-list .blog-item.apsect-ratio-2x3 { width: calc((100% - 60px)/3); } .blog-category .lists, .blog-list .lists { margin-left: 15px; margin-right: 15px; } .blog-category .lists .blog-item, .blog-list .lists .blog-item { width: 100%; margin-left: 0; margin-bottom: 30px; } } .profile .form-group { padding: 15px 12px; vertical-align: top; } .profile .form-group label { width: 105px; height: 40px; margin-right: 8px; text-align: right; float: left; vertical-align: top; line-height: 40px; } .profile .form-group .form-control { border: 1px solid #ebebeb; width: 150px; height: 40px; } .profile .form-group textarea.form-control { width: 738px; height: 150px; resize: vertical; } .profile .form-group .image-upload { display: inline-block; } .profile .form-group .image-upload > input { display: none; } .profile .form-group .image-upload label { width: auto; height: auto; line-height: normal; margin-right: 0; cursor: pointer; } .profile .form-group .btn { width: 80px; height: 40px; text-transform: uppercase; margin-right: 3px; } .info-agency .logo { margin-top: -40px; width: 240px; height: 240px; background: #fff; border: 1px solid #ebebeb; text-align: center; vertical-align: middle; display: table; line-height: 240px; margin-right: 60px; } .info-agency .logo img { margin: 0 auto; } .info-agency .button { text-align: right; margin-top: 60px; } .about-agency { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 25px 0; } .about-agency h4 { margin: 0 0 20px; } .about-agency p { color: #888; line-height: 1.8; } @media (max-width: 767px) { .info-agency .button { margin-top: 0; } } .search-container { padding-left: 0; padding-right: 0; padding-top: 7rem; } .search-container .row { margin-right: 0; margin-left: 0; } .search-container .col-md-7 { width: 53.75%; padding: 0; } .search-container .col-md-7 .scroll-wrapper { height: calc(100vh - 71px); } .scroll-wrapper > .scroll-content { padding: 0 15px 0 35px; } #menuDefault-1 .scroll-wrapper > .scroll-content { padding: 3px 3px; } #menuDefault-1 .search-suggestion .tourinout{ padding-top: 10px; } .search-container .col-md-7 .scrollbar-inner > .scroll-element.scroll-y { width: 5px; right: 0px; height: 100%; top: 0px; } .search-container .col-md-5 { width: 46.25%; padding: 0; } .compare-tour .tour { margin: 0 0 40px; } .compare-tour .tour:last-child { margin: 0; } .compare-1 { position: relative; } .compare-1 .popover { width: 785px; max-width: inherit; right: 0 !important; left: inherit !important; } .compare-1 .popover .popover-content { padding: 60px 42px 30px 30px; color: #222; font-size: 14px; } .price .slider { margin-bottom: 0; } .price .slider.slider-horizontal { background: url(../images/bg-price.png) no-repeat left top; width: 100%; height: 40px; margin-bottom: 0 !important; } .price .slider.slider-horizontal .slider-track { height: 2px; margin-top: 0; top: 40px; } .price .slider-handle { width: 25px; height: 25px; background: url(../images/arrow.png) no-repeat left top; box-shadow: none; top: 40px; margin-top: -12px; } .price .slider-handle.min-slider-handle { margin-left: -6px; } .price .slider-handle.max-slider-handle { margin-left: -21px; } .price .slider-track, .price .slider-selection { background: #06b7f5; box-shadow: none; border-radius: 0; } .price .slider-track-low, .price .slider-track-high { background: #dce0e0; } .price .labelPrice { width: 100%; height: 32px; margin-top: 12px; position: relative; } .price .labelPrice #minSliderVal, .price .labelPrice #averageSliderVal, .price .labelPrice #maxSliderVal { position: absolute; top: 0; font-size: 14px; color: #777; padding-top: 8px; line-height: 24px; } .price .labelPrice #minSliderVal { left: 0; } .price .labelPrice #averageSliderVal { left: 50%; background: url(../images/poly-average.png) no-repeat left top; text-align: center; margin-left: -95px; width: 190px; height: 32px; } .price .labelPrice #maxSliderVal { right: 0; } .map-search-compare { width: 100%; height: calc(100vh - 71px); position: fixed; overflow: hidden; } .map-search-compare iframe, .map-search-compare div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .search-tool { position: relative; } .search-tool form { margin: 40px 0 0; } .search-tool form:after { display: block; content: ""; clear: both; } .search-tool .btn { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; } .search-tool .btn:active, .search-tool .btn.active { box-shadow: none; } .search-tool .btn .caret { float: right; margin-top: 10px; } .search-tool .btn.dropdown-toggle { width: 100%; max-width: 240px; height: 40px; text-align: left; } .search-tool .btn-default { border-color: #ebebeb; color: #777; background-color: #fff; } .search-tool .btn-default:hover, .search-tool .btn-default:focus, .search-tool .btn-default:active, .search-tool .btn-default.active { border-color: #b7b7b7; color: #777; background-color: #fff; } .search-tool .btn-link { border: 1px solid #ccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; font-size: 16px; color: #222; display: none; } .search-tool .btn-link:hover, .search-tool .btn-link:focus, .search-tool .btn-link:active { text-decoration: none; color: #06b7f5; border: 1px solid #06b7f5; outline: none; } .search-tool .btn-link.collapsed, .search-tool .btn-link.collapse.in { display: block; } .search-tool .button-group { /*position: fixed;*/ bottom: 0; left: 0; width: 53.75%; height: 42px; text-align: right; padding-right: 15px; display: none; } .search-tool .button-group .btn { font-size: 17px; padding: 8px 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .search-tool .button-group .btn-primary { background-color: rgba(6, 183, 245, 1); border-color: rgba(6, 183, 245, 1); } .search-tool .button-group .btn-primary:hover, .search-tool .button-group .btn-primary:focus { background-color: #06b7f5; border-color: #06b7f5; } .search-tool label { font-size: 14px; color: #222; line-height: 34px; margin: 0; } .search-tool .price label { line-height: 75px; } .search-tool .open .dropdown-toggle { box-shadow: none; } .search-tool .open .dropdown-toggle.btn-default { border-color: #ebebeb; background-color: #fff; color: #222; } .search-tool .dropdown-menu { border: 1px solid #ebebeb; width: 240px; padding: 0; margin: 0; border-radius: 0; box-shadow: none; } .search-tool .dropdown-menu > li:last-child { border-bottom: none; } .search-tool .dropdown-menu > li > a { } .search-tool .dropdown-menu > li > a:hover, .search-tool .dropdown-menu > li > a:focus { background-color: #fff; } .search-tool .btn-space { margin-right: 30px; } .search-tool .radio label, .search-tool .checkbox label { line-height: normal; color: #777; } .search-tool .date .form-control { position: relative; width: 100%; max-width: 240px; height: 40px; float: right; } .search-tool .date .fa { position: absolute; top: 13px; right: 30px; } .search-tool .fa { color: #777; cursor: pointer; } .search-tool:after { display: block; content: ""; clear: both; } .search-tool #viewdetails { display: none; } .search-tool #viewdetails .line { border-top: 1px solid #ebebeb; width: 100%; height: 0; } .search-tool div[class^="col"].no-gutter { padding: 0; } .search-tool .checkbox { padding-left: 0; } .search-tool input[type=checkbox]:checked + label { color: #00aae5; } .search-lists { padding-bottom: 50px; } .search-lists .lists:after { display: block; content: ""; clear: both; } .search-lists .lists [class*='col-'] { margin: 15px 0; } .search-lists .lists [class*='col-']:nth-of-type(even) { padding-left: 20px; } .search-lists .lists [class*='col-']:nth-of-type(odd) { padding-right: 20px; } .read-more-tour p { font-size: 16px; color: #222; } .read-more-tour ul { list-style: none; margin: 0; padding: 0; } .read-more-tour ul a { font-size: 14px; color: #777; } .read-more-tour ul a:focus, .read-more-tour ul a:hover { color: #06b7f5; } .read-more-tour ul:after { display: block; content: ""; clear: both; } .tooltip.in { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .tooltip.top .tooltip-arrow { border-top-color: #fbfb00; } .tooltip.right .tooltip-arrow { border-right-color: #fbfb00; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #fbfb00; } .tooltip.left .tooltip-arrow { border-left-color: #fbfb00; } .tooltip.top-left .tooltip-arrow { border-top-color: #fbfb00; } .tooltip.top-right .tooltip-arrow { border-top-color: #fbfb00; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #fbfb00; } .tooltip .bottom-right .tooltip-arrow { border-bottom-color: #fbfb00; } .tooltip .tooltip-inner { width: 110%; color: #222; font-size: 17px; background-color: #fbfb00; } .search-container .popover [class^="col-"]:first-child { padding-left: 0; padding-right: 7px; } .search-container .popover [class^="col-"]:last-child { padding-right: 0; padding-left: 7px; } @media (max-width: 991px) { .search-container .col-md-7 { width: 100%; } } @media (max-width: 567px) { .search-lists .lists [class*='col-']:nth-of-type(even) { padding-left: 15px; } .search-lists .lists [class*='col-']:nth-of-type(odd) { padding-right: 15px; } .pagination-wrapper { padding: 0 15px; } } .caption-tour { margin: -140px 0 0; padding: 30px 15px 15px; background: rgba(0, 0, 0, 0.5); position: relative; height: 140px; } .caption-tour:after { display: block; clear: both; content: ""; } #caption-tour { margin-left: 14.5rem; margin-right: 14rem; border-radius: 5px; opacity: 0.9; } .caption-tour h1 { font-size: 24px; color: #fff; margin: 0; text-transform: uppercase; } .caption-tour p { font-size: 16px; color: #fff; padding: 0; } .caption-tour p span { display: inline-block; margin: 0 20px; } .caption-tour p .fa { margin-right: 5px; } .caption-tour .price { text-align: right; font-size: 18px; color: #fff; } .caption-tour .price .price-promotion { font-size: 35px; color: #fff; } .gallery .thumbnail { padding: 0; margin-bottom: 0; border: none; border-radius: 0; position: relative; } .gallery .thumbnail a:hover:after { display: block; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: 10; } .gallery .count-gallery { font-size: 40px; color: #fff; position: absolute; top: 50%; left: 0; text-align: center; margin-top: -27px; width: 100%; z-index: 99; } .slides { margin-bottom: 20px; } .slides .thumbnail { padding: 0; margin-bottom: 0; border: none; border-radius: 0; position: relative; } .slides li { position: relative; margin: 0; } .slides li .caption { background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 0; left: 0; padding: 20px; } .slides li .caption p { color: #fff; font-size: 14px; margin: 0; } .tour-services .style-check { margin: 20px 0 0; } .tour-services .style-check li.divider { background: none; padding: 0; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; } .box-info { border: 1px solid #ebebeb; padding: 20px; } .box-info:after { clear: both; display: block; content: ""; } .box-info a.more { font-size: 17px; color: #06b7f5; padding: 10px 0; display: block; } .schedule-tour ul li { border-bottom: 1px solid #ebebeb; padding: 10px 0; } .schedule-tour ul li p { float: left; margin: 0; } .schedule-tour ul li p:first-child { width: 45%; } .schedule-tour ul li p:last-child { width: 55%; padding-left: 20px; } .schedule-tour ul li p img { margin: 0 5px; } .schedule-tour ul li:after { display: block; content: ""; clear: both; } #left-content { float: left; } #right-sidebar { float: right; } .img-feedback .slides, .slider-banner.slides { margin-bottom: 0; } .highlight-tour h3 { font-size: 20px; color: #000; } .highlight-tour p, .highlight-tour li { font-size: 14px; color: #777; line-height: 1.8; margin: 0; } p.note { font-size: 14px; color: #999; } .print .schedule-tour ul li { border-bottom: none; padding: 0 27px 8px; line-height: 31px; } .print .schedule-tour ul li img { margin: 0 9px; } .print .schedule-tour ul li p { width: auto; padding: 0; } .print .schedule-tour ul li.divider { color: #777; vertical-align: top; } .print .tab-content { border: none; height: auto; } .print .nav-pills > li > a { font-size: 22px; color: #222; padding: 0; text-align: left; } .print .nav-pills > li > a:hover, .print .nav-pills > li > a:focus { background-color: transparent; color: #222; } .print .nav-pills > li.active > a, .print .nav-pills > li.active > a:focus, .print .nav-pills > li.active > a:hover { background-color: transparent; } @media (min-width: 768px) { .dropdown:hover .dropdown-menu { display: block; } } @media (max-width: 1200px) { .dropdown-menu > li > a { font-size: 14px; } .compare-1 .popover { right: -200% !important; } .compare-1 .popover.bottom > .arrow { right: 28%; } .compare-1 .popover .popover-content { padding: 30px 42px 30px 30px; } .box.box-vertical .box-body .box-title h2 a { font-size: 18px; } .list-tours .hovereffect a { font-size: 24px; } .list-tours .hovereffect .overlay { background-size: 30px auto, auto, auto; } .title-line h1 { font-size: 36px; } .profile .form-group textarea.form-control { width: 541px; } .info-agency .logo { margin-right: auto; margin-left: auto; } } @media (max-width: 767px) { .dropdown-menu { font-size: 14px; } .dropdown-menu > li { border-bottom: 1px solid transparent; } .dropdown-menu#box-login { width: 100%; height: auto; padding: 0 15px 10px; } .address li .list-inline > li { margin-right: 0; margin-left: 0; display: block; } .address li .list-inline > li.divider { display: none; } .scrollbar-inner > .scroll-element.scroll-y { right: 9px; } .nav-pills > li > a { font-size: 14px; } .tab-content > .active { padding: 15px 29px 15px 15px; } .style-hotel li .stars { float: left; } .style-hotel li.no-bullet { margin-bottom: 20px; } .style-tree li { background: none; padding-left: 0; } .style-tree li a.link-collapse { font-size: 16px; line-height: 16px; } .style-tree li:after { display: none; } .style-tree li ul li .time { position: relative; left: 0; margin-bottom: 10px; } .style-tree li.collapsed { background: none; } .related-post .item .img, .related-post .item .text { width: 100%; } .profile .form-group { padding: 0 15px; } .profile .form-group label { text-align: left; line-height: normal; height: auto; width: 100%; } .profile .form-group .form-control, .profile .form-group textarea.form-control { width: 100%; } #showContact .fa { font-size: 18px; color: #222; } .blog-list .h1, .blog-list .h2, .blog-list .h3, .blog-list h1, .blog-list h2, .blog-list h3 { margin-top: 0.7rem; } h3 { font-size: 1.5rem; } } @media (max-width: 991px) { .caption-tour { margin: 7rem 0 0 0; background: #fff; height: auto; } #caption-tour { margin-left: 0; margin-right: 0; opacity: 0.9; } .caption-tour h1 { font-size: 18px; color: #222; line-height: 1.8; } .caption-tour p { font-size: 14px; color: #777; } .caption-tour .line { background-color: #ebebeb; } .caption-tour .price .price-promotion { font-size: 24px; text-align: right; } .caption-tour .price p { display: inline-block; margin: 0; text-align: left; width: 49%; } .caption-tour p span { display: block; margin: 10px 0; } .caption-tour p span.divider { display: none; } .profile .form-group .form-control { width: 67%; } .profile .form-group textarea.form-control { width: 84%; } } @media (max-width: 767px) { .banner { padding-bottom: 125%; } .banner-slider { margin-top: 0; } .banner-slider .fill { padding-bottom: 104%; } .banner-tour { padding-bottom: 37%; top: 6.5rem; } .banner-blog { margin-top: 0; padding-bottom: 104%; } .search { width: auto; margin: 22px 15px 0; } .title-line { margin: 0 15px; } .title-line h1 { font-size: 33px; } .title-line h1 .icon { width: 283px; } .title-line h1 .icon:after, .title-line h1 .icon:before { width: 93px; } } @media (max-width: 567px) { .title-line h1 { font-size: 24px; } } /*# sourceMappingURL=style.css.map */