@import url('my-custom-blessed1.css?z=1558939790248'); .cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} @charset "UTF-8"; body.no-js .lazy { display: none; } /* 0. =BOOTSTRAP FRAMEWORK REFERENCE IMPORTS In "style.less" we reference some of Bootstrap's .less files in order to take advantage of their classes and mixins. We also reference the "theme_variables.less" in order to override the original variables and make our custom theme. A customized "theme_custom_bootstrap.css" is also loaded by the theme in a precompiled minified css version. ================================================================= */ /* 1) FONTS =============================================================== */ /* ================================================================== FONTS ================================================================== */ /* 2) RESET =============================================================== */ /* ================================================================== RESET ================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } strong { color: #444; } /* 3) SKELETON =============================================================== */ /* ================================================================== SKELETON ================================================================== */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } body { color: #444444; font-size: 15px; font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 500; line-height: 1.5em; background: #ffffff; padding: 0; margin: 0; height: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden; white-space: normal; position: relative; } input, select, textarea { font-size: 15px; font-style: normal; font-weight: 300; } .sound { border: 1px solid #fff; width: 100%; } .alignleft { float: left; margin: 5px 20px 5px 0; } .alignright { float: right; margin: 20px 0 20px 20px; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } blockquote { border: 0; color: #444444; display: block; margin: 10px 0; line-height: 2; font-size: 18px; padding: 20px; font-weight: normal; font-style: italic; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-bottom: 20px; color: #777777; line-height: 1.2em; } h1 { font-size: 25px; position: relative; padding-bottom: 8px; border-bottom: 1px solid #ffc926; } h2 { font-size: 18px; font-weight: 700; position: relative; } h3 { font-size: 18px; color: #e5aa30; position: relative; padding-bottom: 8px; padding-top: 8px; font-weight: 500; border-bottom: 1px solid #919191; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 17px; font-weight: 700; } p { margin-bottom: 20px; } a, a > * { color: #444444; text-decoration: none; } a:hover, a > *:hover, a:focus { text-decoration: none; outline: 0; color: #444444; } em { font-style: italic; } strong { font-weight: 700; } p.ft { text-align: justify; } p.lead { font-size: 16px; padding: 0; letter-spacing: 0.6px; line-height: 1.8; } ::-moz-selection { color: #fff; text-shadow: none; background: #444444; } :selection { color: #fff; text-shadow: none; background: #444444; } .first { clear: both; } .last { margin-right: 0; } .successful { margin-bottom: 20px; display: block; position: relative; } .btn { text-transform: uppercase; border-radius: 0; font-weight: normal; padding: 12px 12px; } .btn-primary, .btn-lg { font-size: 16px; line-height: 1; font-weight: 600; } .btn-lg, .btn-group-lg > .btn { padding: 10px 27px; } .btn-white, .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white { color: #777777; background-color: #ffffff; border-color: #ffffff; } .btn-default, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #648859; border-color: #648859; } .btn-default, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #777777; border-color: #777777; } .topbar-social li, .post-media img, .flickrwidget img, .social-footer a i, a, .btn { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .border-radius { -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; border:1px solid #fff !important; } .btn-white.btn-normal, .btn-default.btn-normal, .btn-primary.btn-normal { font-size: 15px !important; height: 45px; line-height: 21px; padding: 13px 30px !important; } .btn-white.btn-lg, .btn-default.btn-lg, .btn-primary.btn-lg { font-size: 15px !important; height: 50px !important; line-height: 20px; padding: 16px 35px !important; } .btn-default.btn-sm, .btn-primary.btn-sm, .btn-white.btn-sm { font-size: 13px !important; height: 35px; line-height: 17px; padding: 9px 17px !important; } .btn-primary i, .btn-default i { color: #ffffff; } .btn-image { position: relative; } .btn-image img { position: relative; top: 0; left: 0; bottom: 0; width: 100%; right: 0; } .btn-image span { top: 50%; position: absolute; margin: -20px auto; left: 0; right: 0; text-align: center; } a[id^="video_"], #layer-dialog-box a[id^="video_"] { text-transform: uppercase; border-radius: 0; display: inline-block; padding: 6px 12px 6px 26px; margin-bottom: 6px; font-size: 14px; font-weight: normal; line-height: 1.42857143; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid #eee; position: relative; color: #444444; background-color: #eee; } a[id^="video_"]:hover, #layer-dialog-box a[id^="video_"]:hover { color: #444444; background-color: transparent; } a[id^="video_"]:hover:before, #layer-dialog-box a[id^="video_"]:hover:before { color: #444444; } a[id^="video_"]:before, #layer-dialog-box a[id^="video_"]:before { transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; top: 0; width: 20px; left: 4px; content: '\f078'; position: absolute; text-align: center; font-weight: normal; font-family: 'FontAwesome'; line-height: 30px; font-size: 14px; } .googlemap { width: 100%; border: 1px solid #ffffff; } .map { pointer-events: none; } .dropdown .btn-white { border: 1px solid #dddddd; font-family: "Raleway"; font-weight: 500; background: #ffffff !important; color: #444444 !important; box-shadow: none !important; font-size: 15px; font-weight: 300; text-transform: none; } .dropdown .btn-white .fa { font-size: 24px; } .dropdown .btn-white { padding-right: 35px; } .input-group-addon { background: #ffffff !important; border-radius: 0 !important; } .bootstrap-select.btn-group .dropdown-menu li a span.text { color: #3b3b3b !important; } #loader { overflow-x: hidden; overflow-y: hidden; vertical-align: middle; background-color: #fbfbfb; position: fixed; display: table; width: 100%; top: 0; height: 100%; min-height: 100%; z-index: 99999; } .loader-container { position: relative; display: table-cell; vertical-align: middle; z-index: 12; text-align: center; } .loader-back-logo { margin-top: -10px; font-size: 26px; } .loader { margin-top: -20px; margin-left: 0px; } /* 4) BLOG =============================================================== */ /* 5) DEALS =============================================================== */ /* ================================================================== DEALS ================================================================== */ .deals-wrapper { background: #ddd; position: relative; display: block; } .post-media { width: 100%; display: block; overflow: hidden; position: relative; } .deals-count { position: absolute; bottom: 0; right: 0; padding: 10px 15px; top: 0; background-color: rgba(0, 0, 0, 0.7); left: auto; } .deals-count .dash .digit { font-size: 21px; padding: 0; letter-spacing: 0; width: auto; color: #ffffff; background-color: transparent; display: inline-block; margin: 0; text-align: left; } .deals-count .dash_title { text-align: left; font-size: 11px; color: #ffffff; line-height: 5; } .deals-count .dash { height: 25%; } /* 6) HOTELS =============================================================== */ /* ================================================================== travelS ================================================================== */ .leave-a-feedback, .review-total { background: #eeeeee; padding: 26px; width: 100%; } .leave-a-feedback { margin-bottom: 60px; } .leave-a-feedback h6 { padding: 0; margin: 0; } .review-list h5 { display: inline-block; font-size: 13px; min-width: 140px; } .travel-icon-list { font-size: 15px; font-weight: 400; } .icon-container { width: 37px; height: 37px; line-height: 37px; margin-right: 10px; display: inline-block; text-align: center; font-size: 18px; } .border-bottom2 { border-bottom: 1px solid #eeeeee; margin-bottom: 22px; padding: 0; } .travel-list { margin: 60px 0; } .travel-list h5 { padding-top: 10px; } .travel-list h5 span { font-size: 13px; } .list-style-travel { padding-top: 30px; } .travel-list p { font-size: 15px; margin: 10px 0 5px; font-weight: bold; } .travel-list .lead { font-weight: 300; line-height: 1.4; margin: 0; font-size: 13px; font-style: italic; } .selectmini .bootstrap-select > .btn { width: auto; } .selectmini .bootstrap-select > .btn .dropdown-menu { max-width: 80px !important; } .selectmini .bootstrap-select.btn-group .dropdown-menu { left: -2px; min-width: 70px; padding: 0 !important; } .bootstrap-select.btn-group .dropdown-menu { padding: 0; } .bookform { overflow: visible; } .container-form { background-color: rgba(255, 255, 255, 0.9); padding: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); } .bookform .form-control { width: 100%; } .bookform .btn { height: 45px; padding-top: 10px; padding-left: 20px; padding-right: 20px; font-weight: 600; } .bookform .btn i { font-size: 24px; } .travel-title { padding-bottom: 30px; } .travel-title hr { width: 35px; border-width: 1px; width: 100%; } .travel-title .left { margin-left: 0; } .travel-widget { position: relative; display: block; overflow: hidden; margin: 30px 0 0; } .travel-widget p { font-weight: 600; margin-bottom: 10px; } .travel-widget small { display: list-item; font-size: 13px; list-style: inside none disc; } .travel-wrapper .rating { font-size: 15px; display: block; position: relative; margin-bottom: 15px; } .travel-wrapper .post-title { margin-top: 30px; } .travel-wrapper .post-title a { color: #444; } .travel-wrapper { float: left; width: 100%; margin-bottom: 15px; border: 1px solid #c3c3c3; } .travel-wrapper .item { cursor: pointer; } .travel-wrapper .box_mid { line-height: 1.4em; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; min-height: 132px; } .travel-wrapper h5 { font-weight: 700; } .travel-wrapper .item:hover .item-img div.img-background { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .travel-wrapper .item .item-img div.img-background { width: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background: url(/images/welcome.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 160px; } .travel-wrapper .item .item-img div.img-background.lower-height { width: auto; min-height: 190px; } .travel-wrapper .item .item-img { overflow: hidden; display: block; height: 180px; } .travel-wrapper .item .price { color: #558c55; font-weight: 700; padding: 8px 0 0; } .travel-wrapper .item > a.item-button { text-transform: uppercase; display: block; position: relative; background-color: #648859; color: #fff; padding: 8px 58px 8px 20px; font-size: 14px; font-weight: 700; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; line-height: 1.2em; height: 3.6em; } .travel-wrapper .item > a.item-button.single_line { padding-top: 17px; height: 3.6em; } .travel-wrapper .item > a.item-button.dobble_line { height: 3.6em; padding-top: 0px; } .travel-wrapper .item > a.item-button.dobble_line span { color: #fff; height: 3.6em; display: table-cell; vertical-align: middle; } .travel-wrapper .lb { position: relative; } .travel-wrapper .lb .cstar_right { position: absolute; z-index: 10; background: url(../images/star.png) no-repeat scroll center center / cover rgba(0, 0, 0, 0); width: 60px; height: 60px; padding-top: 20px; font-weight: bold; text-align: center; right: 4px; top: 6px; color: #1a457c; } .travel-wrapper .lb .cstar_left { position: absolute; z-index: 10; background: url(../images/star.png) no-repeat scroll center center / cover rgba(0, 0, 0, 0); width: 60px; height: 60px; padding-top: 20px; font-weight: bold; text-align: center; left: 4px; top: 6px; color: #1a457c; } .travel-wrapper .lb .cprice { position: absolute; z-index: 10; left: 0; top: 140px; background-color: #648859; color: #fff; padding: 4px 6px 4px 12px; font-weight: bold; } .travel-wrapper .lb .cdiscount { position: absolute; z-index: 10; right: 0; top: 23px; background-color: #ffc926; color: #1a457c; padding: 4px 12px 4px 6px; font-weight: bold; } .travel-wrapper .item .hl5 { text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; height: 1.4em; line-height: 1.4em !important; } .travel-wrapper .item p { text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; height: 4em; line-height: 1.4em; } .travel-wrapper .item > a.item-button.one-line { line-height: 56px; padding: 0px 58px 0px 20px; } .item-switch { padding-top: 0px; position: relative; display: block; float: left; width: 100%; margin-bottom: 4px; } .item-switch > a.item-button-prev, .item-switch > a.item-button-next { text-transform: uppercase; display: block; position: relative; background-color: #648859; color: #fff; padding: 4px 12px 3px 12px; font-size: 14px; font-weight: 700; width: 49%; } .item-switch > a.item-button-prev { float: left; text-align: right; } .item-switch > a.item-button-next { float: right; text-align: left; } .item-switch > a.item-button-prev:hover { color: #fff; background-color: #ffc926; } .item-switch > a.item-button-next:hover { color: #fff; background-color: #ffc926; } .travel-wrapper .item > a.item-button:hover { color: #fff; background-color: #ffc926; } .travel-wrapper .item > a.item-button:hover:after { background-color: #f2b600; } .travel-wrapper .item > a.item-button:after { transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; top: 0; bottom: 0; width: 46px; right: 0px; background-color: #4d6945; content: ''; position: absolute; text-align: center; font-weight: normal; font-family: 'FontAwesome'; line-height: 52px; font-size: 26px; } .item-switch > a.item-button-prev:hover:before { background-color: #f2b600; } .item-switch > a.item-button-prev:before { transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; top: 0; bottom: 0; width: 30px; left: 0px; background-color: #4d6945; content: '\f104'; position: absolute; text-align: center; font-weight: normal; font-family: 'FontAwesome'; line-height: 30px; font-size: 26px; } .item-switch > a.item-button-next:hover:after { background-color: #f2b600; } .item-switch > a.item-button-next:after { transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; top: 0; bottom: 0; width: 30px; right: 0px; background-color: #4d6945; content: ''; position: absolute; text-align: center; font-weight: normal; font-family: 'FontAwesome'; line-height: 30px; font-size: 26px; } .single-travel-image { position: relative; } .single-travel-image img { width: 100%; } .sidebar-price, .single-travel-image .price { position: absolute; top: 30%; right: 5%; padding: 25px 40px; background-color: rgba(255, 255, 255, 0.8); } .sidebar-price, .price { text-align: center; } .sidebar-price h2 span, .price h2 span { font-size: 15px; padding: 0; } .sidebar-price h2, .price h2 { margin-bottom: 0; font-size: 45px; padding: 0; } .price h2 small { color: #444444; } .single-travel-bottom { background-color: #eeeeee; padding: 20px; margin-bottom: 0; text-align: center; } .single-travel-bottom p i { padding-right: 5px; padding-left: 30px; } .single-travel-bottom p { margin-bottom: 0; color: #444444; } .single-travel-image .thumbnails { position: absolute; bottom: 15%; left: 3%; padding: 0; } .thumbnails { max-width: 100px; } .thumbnails img { max-width: 100px; border: 2px solid #ffffff; margin: 5px 0; } .travel-hr { margin: 40px 0; } .notice { font-size: 13px; font-style: italic; } .widget .sidebar-price { position: relative; margin: 30px 0 0 0 !important; background: #eeeeee; left: 0 !important; right: 0 !important; } .widget .sidebar-price .btn { color: #ffffff !important; } .table > tbody > tr > .calendar-day-disabled { background-color: #f0bcbc; } .table > tbody > tr > .admin-calendar-day-reservation { background-color: #f0bcbc; } .table > tbody > tr > .admin-calendar-day-free { background-color: #648859; } .table > tbody > tr > .calendar-day-reservation-begin { background-color: #f0bcbc; background: -moz-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f2f2f2), color-stop(49%, #f2f2f2), color-stop(50%, #f0bcbc), color-stop(100%, #f0bcbc)); /* safari4+,chrome */ background: -webkit-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%); /* opera 11.10+ */ background: -ms-linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%); /* ie10+ */ background: linear-gradient(to bottom right, #f2f2f2 0%, #f2f2f2 49%, #f0bcbc 50%, #f0bcbc 100%); /* w3c */ } .table > tbody > tr > .calendar-day-reservation-end { background-color: #f2f2f2; background: -moz-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f0bcbc), color-stop(49%, #f0bcbc), color-stop(50%, #f2f2f2), color-stop(100%, #f2f2f2)); /* safari4+,chrome */ background: -webkit-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%); /* opera 11.10+ */ background: -ms-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%); /* ie10+ */ background: linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #f2f2f2 50%, #f2f2f2 100%); /* w3c */ } .table > tbody > tr > .admin-calendar-day-reservation-begin { background-color: #f0bcbc; background: -moz-linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #648859), color-stop(49%, #648859), color-stop(50%, #f0bcbc), color-stop(100%, #f0bcbc)); /* safari4+,chrome */ background: -webkit-linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%); /* opera 11.10+ */ background: -ms-linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%); /* ie10+ */ background: linear-gradient(to bottom right, #648859 0%, #648859 49%, #f0bcbc 50%, #f0bcbc 100%); /* w3c */ } .table > tbody > tr > .admin-calendar-day-reservation-end { background-color: #648859; background: -moz-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f0bcbc), color-stop(49%, #f0bcbc), color-stop(50%, #648859), color-stop(100%, #648859)); /* safari4+,chrome */ background: -webkit-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%); /* opera 11.10+ */ background: -ms-linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%); /* ie10+ */ background: linear-gradient(to bottom right, #f0bcbc 0%, #f0bcbc 49%, #648859 50%, #648859 100%); /* w3c */ } .image-title { padding: 4px 6px; color: white; font-size: 16px; font-weight: 600; background-color: rgba(0, 0, 0, 0.66); } /* 7) SHORTCODES =============================================================== */ /* ================================================================== SHORTCODES ================================================================== */ .form-box label.required:after { color: #ffc926; position: absolute; margin-left: 4px; font-family: 'FontAwesome'; font-weight: normal; font-size: 12px; content: "\f069"; } .form-box div.required:before { color: #ffc926; position: absolute; margin-right: 20px; right: 0px; top: 1px; font-family: 'FontAwesome'; font-weight: normal; font-size: 12px; content: "\f069"; z-index: 1000; } .form-box .table > tbody > tr > td { position: relative; } .form-box .st-travelers div.required:before { margin-right: 15px; right: 0px; top: 10px; } @media (max-width: 998px) { .form-box .st-travelers div.required:before { top: 34px; } } .btn-primary.disabled:hover { background-color: #648859; border-color: #648859; opacity: .65; } #map { height: 650px; width: 100%; } #map img { max-width: inherit; } .map { position: relative; } .infobox { display: inline-block; position: relative; } .table-responsive { overflow-x: visible !important; overflow-y: visible !important; } .infobox img { width: 80px !important; padding-right: 10px; } .infobox .title { font-size: 13px; font-weight: bold; margin-top: 0; margin-bottom: 0; text-transform: uppercase; padding-bottom: 5px; } .infobox .title a { font-weight: bold; } .service-style { margin: 10px 0; } .service-style .icon-container { display: inline-block; font-size: 31px; height: 70px; line-height: 70px; margin-right: 10px; text-align: center; width: 70px; } .btn-over-slider { position: absolute; right: 25px; top: 70px; z-index: 1000; } .btn-over-slider .btn { border: 1px solid #fff; -webkit-box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.4); } .btn-over-slider-bottom { top: 270px !important; } .btn-primary.btn-sm.st-slider-booking-btn-bottom { text-transform: none; font-size: 15px!important; } .price-over-slider { position: absolute; left: 15px; top: 75px; z-index: 1000; } .price-over-slider .cprice { background-color: #648859; color: #fff; padding: 4px 6px 4px 12px; font-weight: bold; border: 1px solid #fff; border-left: none; } .owl-item-container .quick-view { position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -90px; padding: 16px 8px; background: rgba(255, 201, 38, 0.8); color: #fff; width: 180px; text-align: center; font-size: 16px; font-weight: 500; -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .owl-item-container .quick-view a { color: #fff; } .owl-item-container .quick-view:hover { background: #ffc926; } .owl-item-container .quick-view { -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .owl-item-container:hover .quick-view { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .owl-item-full { padding-left: 8px; padding-right: 8px; } .owl-fullwidth .owl-nav { top: 50%; position: absolute; width: 100%; color: #fff; } .owl-carousel .owl-nav .owl-next { width: 60px; height: 60px; line-height: 20px; border: 1px solid #ffffff !important; font-size: 34px; border-radius: 100%; position: absolute; bottom: 0; right: 0; right: auto; left: -10px; background-color: #ffc926; display: inline-block; text-align: center; } .owl-carousel .owl-nav .owl-next:hover { background-color: #777777; } .owl-carousel .owl-nav .owl-prev { width: 60px; height: 60px; line-height: 20px; border: 1px solid #ffffff !important; font-size: 34px; border-radius: 100%; bottom: 0; left: 0; position: absolute; right: -10px; left: auto; background-color: #ffc926; display: inline-block; text-align: center; } .owl-carousel .owl-nav .owl-prev:hover { background-color: #777777; } .noborder { border: 0 !important; } .mini-desti { padding: 30px 0; border-bottom: 1px solid #eee; } .mini-desti h6 { margin: 0; } .mini-desti .rating { margin: 5px 0; display: block; } .mini-desti img { width: 100%; } .home-message { padding:0px; padding-top: 0px; min-height: 580px; } .home-message.small { min-height: 150px; } .home-info-box { background: #ffc926; float: right; width: 340px; height: 90px; border-radius: 0 0 8px 8px; margin-right: -15px; z-index: 200; position: relative; } .home-info-box .eKomi-header { float: left; padding-top: 8px; padding-left: 10px; } .home-info-box .c4 { float: right; width: 260px; font-size: 14px; font-weight: 500; text-align: left; margin-top: 6px; } .home-info-box .c4 li { margin: 0; margin-left: 20px; } .home-info-box .c4 li:before { color: #558c55; } .form-box { background-color: #eaeaea; display: inline-block; padding: 20px 12px 20px 12px; margin-bottom: 20px; width: 100%; } .form-box h7 { color: #666; } .form-box h5 { padding-bottom: 10px; border-bottom: 1px solid #ffc926; } /* .table > tbody > tr > td { display: block; width: 92%; } @media (max-width: 320px) { .table > tbody > tr > td { display: block; width: 75%; } } @media (max-width: 375px) { .table > tbody > tr > td { display: block; width: 86%; } }*/ } .booking_form .table { font-family: 'Raleway', sans-serif; } .booking_form .table.first-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 92%; } .booking_form .table > tbody > tr > td { text-align: left; background-color: transparent; border: none; border-bottom: 1px solid #fff; } .booking_form #no-more-tables.table { font-family: 'Raleway', sans-serif; } .booking_form #no-more-tables .table > thead > tr > th { background-color: transparent; font-weight: 600; border: none; border-bottom: 1px solid #fff; padding: 0; } .booking_form #no-more-tables .form-control { padding: 10px; margin-bottom: 0px; } @media (max-width: 992px) { .booking_form #no-more-tables td { padding-top: 30px; padding-left: 6px; } .booking_form #no-more-tables td:last-child { padding-left: 6px; } } @media (max-width: 786px) { .booking_form .table > tbody > tr > td { display: block; width: 92%; } .booking_form .table.first-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 98%; } .booking_form .table > tbody > tr > td:first-child { border-bottom: none; font-weight: bold; } .booking_form .form-box { padding: 20px 0px 20px 0px; } .booking_form .btn-white.btn-lg, .booking_form .btn-default.btn-lg, .booking_form .btn-primary.btn-lg { height: 60px !important; padding: 2px 45px 0px !important; } } @media (max-width: 320px) { .booking_form .table.first-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 82%; } } .home-message h1, .home-message { color: #ffffff; } .home-message .btn { margin-top: 10px; } .nav-tabs { border: none; } .home-form .nav-tabs i { vertical-align: middle; } .home-form .nav-tabs > li > a { color: #444444; text-align: center; text-transform: uppercase; font-size: 15px; padding: 20px 34px 20px 34px; border: 0 solid #eeebeb !important; border-radius: 0px; margin-right: 0px; width: auto; font-weight: 600; background: #eeebeb; /* The Fallback */ background: rgba(238, 235, 235, 0.9); } .home-form .nav-tabs > li.active > a i, .home-form .nav-tabs > li > a:hover i, .home-form .nav-tabs > li.active > a:focus i { color: #ffffff !important; } .home-form .nav-tabs > li > a i { font-size: 28px; line-height: 28px; } .homeform { padding: 200px 0 40px; } .home-form .nav-tabs > li { border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; } #withphone .home-form .nav-tabs > li { width: auto; } #withphone .home-form .tab-pane { margin-top: 3px; } #withphone.absolute { margin-top: -75px; } #withphone.absolute li h6 { color: #ffffff; padding: 20px ; } .home-form .tab-pane { padding: 10px 10px 0px 10px; /* The Fallback */ } .home-form .tab-pane .head_tap { font-size: 22px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #ffc926; font-weight: 700; margin-top: 8px; margin-bottom: 10px; color: #648859; line-height: 1.2em; text-align: center; } .home-form .bootstrap-select > .btn { width: 100%; position: relative; display: block; margin: 0; color: #666 !important; font-weight: 600; } .home-form .bootstrap-select .icon-search { vertical-align: bottom !important; font-size: 31px; } .make-margin { margin: 30px 0 30px !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #ffffff; font-size: 12px; background: #ffc926; border-color: #c3c3c3; } .ui-datepicker .ui-datepicker-title { color: #c3c3c3; font-size: 16px; font-weight: 400; line-height: 1.8em; margin: 0 2.3em; text-align: center; text-transform: uppercase; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #ffffff !important; border: 0; color: #777777 !important; } .ui-widget-header { background: #fff !important; border: 0 solid #c3c3c3 !important; color: #c3c3c3 !important; font-weight: bold; } .ui-widget-content { background: #ffc926; border: 5px solid #c3c3c3; color: #ffffff; padding: 0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #ffc926; border-color: #c3c3c3; color: #777777; font-weight: 400; font-size: 12px; text-align: center; } .ui-datepicker th, .ui-widget-header { background: #ffc926; border: 1px solid #c3c3c3; color: #3b3b3b !important; font-family: "raleway" !important; font-weight: 300; } #countdown { text-align: center; margin: 100px auto 0; } .dash { height: 100px; line-height: 1.4; display: block; overflow: hidden; position: relative; } .dash .digit { font-size: 63px; line-height: 60px; padding: 10px 5px 0; border-radius: 3px; font-weight: bold; display: inline-block; text-align: center; overflow: hidden; position: relative; } .dash_title { position: absolute; display: block; bottom: 0; left: 0; right: 0; text-align: center; font-size: 15px; text-transform: uppercase; } .contact-info ul li { list-style: none; margin-top: 20px; } .contact-info ul li i { padding-right: 5px; vertical-align: sub; margin-top: 3px; } .form-control { font-family: 'Raleway', sans-serif; font-weight: 600; border-color: #dddddd; height: 45px; border-radius: 0; padding: 10px 10px; margin-bottom: 16px; box-shadow: none; } .form-inline .dropdown { margin-bottom: 16px; } .form-bottom, .form-inline .form-bottom { margin-bottom: 16px; width: 100%; } .pricing-table-body ul li { list-style: none; border-bottom: 1px solid #dddddd; padding: 10px 0; } .pricing-table-body ul li:last-child { border-bottom: 0 solid #aaa; } .pricing-price sup { top: auto; bottom: 0 !important; font-family: arial !important; font-size: 21px !important; font-weight: normal !important; } .pricing-price { padding: 14px; position: relative; } .bestoffer { background: #222222; color: #ffffff; display: block; font-size: 12px; font-weight: bold; height: 65px; left: 15px; line-height: 1.5; padding-top: 13px; position: absolute; top: -30px; width: 65px; } .pricing-price h2 { margin: 0; font-size: 55px; } .pricing-price h4 { padding: 0; margin: 0; font-size: 16px; } .pricing-table-footer, .pricing-table-header, .pricing-table-body { background: #f6f6f6; display: block; text-align: center; padding: 25px; position: relative; } .pricing-table-footer h3 a, .pricing-table-footer h3, .pricing-table-header h3 { color: #ffffff; font-size: 16px; letter-spacing: 1px; padding: 0; margin: 0; text-transform: uppercase; } .circle-stat { position: relative; } .circle-stat h3 { font-size: 30px; left: 0; margin: -20px auto; position: absolute; right: 0; top: 50%; } .circle-stat h3 span { font-family: "Raleway"; } .stat-details h3 { font-size: 15px; padding: 20px 0 5px; } .panel-title { line-height: 16px; } .panel-heading { border-radius: 0 !important; padding: 18px 24px; } .panel-heading h3 { color: #ffffff; font-size: 15px; padding: 0; margin: 0; display: inline-block; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: 0 none; } .panel p { margin-bottom: 0; } .panel-heading i { font-size: 21px; margin: -2px; } .panel { border-color: #ffffff; border-radius: 0 !important; box-shadow: none; } .accordion-toggle-2 .panel-body { background: #ffffff !important; border-left: 1px solid #dadada !important; border-right: 1px solid #dadada !important; border-bottom: 1px solid #dadada !important; } .accordion-toggle-2 .panel-heading { background: #ffffff !important; border: 1px solid #dadada !important; } .accordion-toggle-2 .panel-heading i, .accordion-toggle-2 .panel-heading h3 { color: #444444; } .content-copy .tab-content ul { margin-bottom: 20px; } .content-copy .tab-content ul li { margin: 5px 22px; list-style: none; } .content-copy .tab-content ul li:before { font: normal normal normal 14px/1 FontAwesome; content: '\f005'; display: block; position: relative; max-width: 0px; max-height: 0px; left: -20px; top: 5px; color: #ffc926; } .content-pane ul { margin-bottom: 20px; } .content-pane ul li { margin: 5px 22px; list-style: none; } .content-pane ul li:before { font: normal normal normal 14px/1 FontAwesome; content: '\f005'; display: block; position: relative; max-width: 0px; max-height: 0px; left: -20px; top: 5px; color: #ffc926; } .c3 li span { padding-right: 10px; } .c1 { padding-left: 10px !important; color: #3b3b3b; } .c4 { padding-left: 20px !important; color: #3b3b3b; } .c4 { font-weight: bold; } .c2 li, .c3 li, .c1 li, .c4 li { margin: 15px 15px; list-style: none; } .c1 li { margin: 5px 15px; list-style: none; } .c1 li a { color: #3b3b3b; } .c1 li a:hover { color: #e5aa30; } .c1 li:before { content: '\2022'; /* For a square bullet */ /*content:'\25A0';*/ display: block; position: relative; max-width: 0px; max-height: 0px; left: -20px; top: 0px; font-size: 40px; } .c4 li:before { font-family: "trips"; content: "\e034"; /* For a square bullet */ /*content:'\25A0';*/ display: block; position: relative; max-width: 0px; max-height: 0px; left: -30px; top: 0px; font-size: 24px; } .c2 li span { color: #ffffff; margin-right: 10px; text-align: center; width: 25px; font-size: 13px; line-height: 25px; height: 25px; border-radius: 25px; display: inline-block; } .progress { border-radius: 0; height: 20px; margin: 20px 0; background-color: #ffffff; box-shadow: none; border: 0 solid #dddddd; } .progress-bar { float: left; width: 0%; height: 100%; overflow: visible; color: #ffffff; text-align: center; background-color: #696969; -webkit-transition: width 1.1s ease; -o-transition: width 1.1s ease; transition: width 1.1s ease; } .progress { overflow: initial; position: relative; } .progress .progress-bar { position: absolute; z-index: 10; line-height: 20px; } .progress .progressbar-back-text { position: absolute; width: 100%; height: 100%; font-size: 12px; line-height: 20px; text-align: center; } .skills h3 { font-size: 15px; text-transform: uppercase; } .progress .progressbar-front-text { width: 100%; font-size: 12px; line-height: 20px; } .progress-bar span { background: none repeat scroll 0 0 #000000 !important; border-radius: 4px !important; color: #fff !important; display: block; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; overflow: visible; position: absolute; right: 0; text-align: center; top: -37px; width: 45px; z-index: 9999; } .progress-bar span:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-width: 4px; margin-left: -4px; } .price-range img { margin-bottom: 30px; z-index: 1000; position: relative; } .price-details ul li span { display: -moz-stack; width: 114px; } .price-details ul { margin-top: 10px; } .price-details ul li { list-style: none; font-size: 13px; } .bookprice { display: block; position: relative; padding: 20px; background: #fff6cc; } .bookprice .lead { font-style: italic; font-size: 14px; } .bookprice span.pull-right { text-decoration: line-through; } .labels-wrapper { margin-bottom: 20px; } .labels-wrapper label { margin-bottom: 20px; } /* 8) SECTIONS % PAGES =============================================================== */ /* ================================================================== SECTION & PAGE ================================================================== */ /*#myModal{ height: 400px; top: calc(50% - 200px) !important; }*/ .modal { z-index: 9999; } body.modal-open { padding-right: 0px !important; } .modal-open { overflow: auto !important; } .modal-dialog { overflow-y: initial !important; } .modal-body { max-height: 85vh; overflow-y: auto; } @media screen and (max-height: 1000px) { .modal-body { max-height: 80vh; } } @media screen and (max-height: 800px) { .modal-body { max-height: 75vh; } } @media screen and (max-height: 600px) { .modal-body { max-height: 70vh; } } .modal-body .hide-in-modal { display: none; } /* background setup */ .background { background-repeat: no-repeat; background-size: 100% 100%; /* -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */ background-position: 50% 50%; background-position: 50% 50%\9 !important; } .not-fullscreen, .not-fullscreen .content-a, .fullscreen.not-overflow, .fullscreen.not-overflow .content-a { height: 100%; overflow: hidden; } .section { background-color: #ffffff; position: relative; display: block; padding: 30px 0; padding-top: 20px; overflow: hidden; } .fullscreen { width: 100%; min-height: 100%; padding-top: 145px; } .section.padding-top-20 { padding-top: 20px; } .section.padding-top-30 { padding-top: 30px; } .section.padding-0 { padding: 0px; } .section.margin-bottom-20 { margin-bottom: 20px !important; } .section-grey { background-color: #eeeeee; } .section-light { background-color: #f6f6f6; } #page-header { background: url('images/page-header.jpg') no-repeat scroll center center / cover rgba(0, 0, 0, 0); display: block; padding: 70px 0; position: relative; text-align: center; } .absolute-section { position: absolute; width: 100%; } .absolute { padding: 0; position: relative; margin-top: -92px; z-index: 100; display: block; width: 100%; } .parallax-slider { z-index: 100; height: 380px; } .parallax-buttons ul { list-style: none; } .parallax-buttons ul li a { content: ""; width: 30px; height: 30px; background-color: #ffc926; border-radius: 50%; } .carousel, .item, .active { height: 100%; } .carousel-inner { height: 100%; margin-top: 0px; } /* Background images are set within the HTML using inline CSS, not here */ .fill { width: 100%; height: 280px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .carousel.fewo .fill { height: 480px; } .carousel.fewo .carousel-indicators li:hover, .carousel.fewo .carousel-indicators .active, .carousel.fewo .carousel-indicators li { width: 12px; height: 12px; } .carousel .carousel-indicators { bottom: 0px; } .start-slider { padding-top: 148px; } .start-slider .home-message { padding-top: 0px; } .start-slider .fill { height: 380px; } @media (max-width: 768px) { .start-slider { padding-top: 160px; } .start-slider .home-message { padding-top: 0px; } .start-slider .fill { height: 260px; } } .container-absolute { position: absolute; } .absolute-carousel { position: absolute; z-index: 9999; width: 100%; top: 49px; } .carousel-indicators li { width: 18px; height: 18px; background-color: #fff; border: 1px solid #ffc926; border-radius: 50%; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); } .carousel-indicators li:hover, .carousel-indicators .active { width: 18px; height: 18px; background-color: #ffc926; border: 1px solid #fff; } a.carousel-control .glyphicon { color: #ffc926; } .px-bullets-count { position: relative; right: -50%; width: 100%; } .px-bullets { position: absolute; right: 50%; bottom: -20px; } .px-bullet { width: 26px; height: 26px; background-color: #fff; border: 1px solid #ffc926; border-radius: 50%; cursor: pointer; float: left; margin: 5px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); } .px-bullet:hover { background-color: #ffc926; border: 1px solid #fff; } .px-bullet-selected { background-color: #ffc926; border: 1px solid #fff; } #ui-datepicker-div { z-index: 1000 !important; } i { vertical-align: middle; } #page-header .rating { padding-right: 10px; } #page-header p { margin-top: 20px; margin-bottom: 0; } #page-header h3 { font-size: 25px; margin: 0; padding: 0; text-transform: uppercase; z-index: 1; } .breadcrumb-holder { padding-top: 20px; padding-bottom: 10px; } .breadcrumb > li + li::before { content: ">"; padding: 0 2px 0 0; font-size: 12px; } .breadcrumb { background-color: transparent; border-radius: 0; position: absolute; left: 15px; top: -10px; font-weight: 500; list-style: outside none none; margin: 0; padding: 0; padding-left: 5px; } .breadcrumb li a, .breadcrumb li a > span { color: #444444 !important; } .breadcrumb li a.on, .breadcrumb li a.on > span { color: #e5aa30 !important; font-weight: 600; } .ekomi_prop { margin-top: -10px; } .prop { text-align: center; position: relative; background-color: #f6f6f6; padding: 71px 20px 18px; } .prop .maxheight { min-height: 160px; } .prop .fa { color: #fff; line-height: 75px; font-size: 36px; text-align: center; position: absolute; border-radius: 500px; display: block; border: 6px solid #fff; width: 84px; height: 84px; left: 50%; margin-left: -42px; top: -41px; background-color: #ffc926; } .prop .title { margin-bottom: 12px; font-weight: 500; font-size: 28px; line-height: 36px; text-transform: uppercase; } .prop p { margin-bottom: 0; padding: 0 20px; } margin-bottom: 20px; /* @media (max-width: 991px) { .nav-tabs > li { display: inline-block; width: auto; } .nav-tabs > li > a { display: block; width: auto; margin-bottom: 5px; } } */ } #content section .hl2 { font-size: 25px; position: relative; padding-bottom: 8px; border-bottom: 1px solid #ffc926; font-weight: normal; margin-bottom: 20px; color: #777777; line-height: 1.2em; vertical-align: baseline; } #content section .hl5 { font-size: 16px; position: relative; padding-bottom: 8px; font-weight: 700; margin-bottom: 10px; color: #777777; line-height: 1.2em; vertical-align: baseline; } #content section .hl5.bottom { margin-bottom: 30px; } #content section .content-copy h5 { font-weight: 700; } #content section .content-copy p { line-height: 1.4em; } #content section .nav-tabs { padding-bottom: 20px; overflow-x: auto; overflow-y: hidden; display: -webkit-box; display: -moz-box; overflow-x: hidden; } #content section .nav-tabs .fa { color: #ffd659; padding-bottom: 3px; } #content section .nav-tabs > li > a { margin-right: 0px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 0; color: #5e5e5e; background-color: #c3c3c3; font-weight: 600; white-space: nowrap; padding: 10px 12px 10px 50px; cursor: pointer; text-align: left; } #content section .nav-tabs > li > a.child-first { padding-left: 38px; } #content section .nav-tabs > li > a.child-sec { padding-left: 55px; } #content section .nav-tabs > li.active > a, #content section .nav-tabs > li.active > a:hover, #content section .nav-tabs > li.active > a:focus, #content section .nav-tabs > li > a:hover, #content section .nav-tabs > li > a:focus { color: #1a457c; background-color: #ffc926; border: 1px solid #ffc926; border-bottom-color: transparent; cursor: pointer; box-shadow: -2px 0 16px -6px rgba(0,0,0,.5); } #content section .nav-tabs > li.active > a .fa, #content section .nav-tabs > li.active > a:hover .fa, #content section .nav-tabs > li.active > a:focus .fa, #content section .nav-tabs > li > a:hover .fa, #content section .nav-tabs > li > a:focus .fa { color: #fff; } #content section .scroller-nav-tabs { display: none; } #content section .scroller-right-nav-tabs { display: none; } #content section .scroller-left-nav-tabs { display: none; } #content section .nav-tabs > li a::after { content: ''; position: absolute; top: 0; right: -21px; width: 44px; height: 42px; transform: scale(0.707) rotate(45deg); z-index: 1; border-radius: 0 5px 0 50px; background: #c3c3c3; box-shadow: 2px -2px 0 2px #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content section .nav-tabs > li.active > a::after, #content section .nav-tabs > li.active > a:hover::after, #content section .nav-tabs > li.active > a:focus::after, #content section .nav-tabs > li > a:hover::after, #content section .nav-tabs > li > a:focus::after{ background: #ffc926 !important; } #content section .nav-tabs > li:last-child a::after { right: -18px; } #content section .nav-tabs > li:last-child a { margin-right: 20px; } #content section .nav-tabs > li:first-child a { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } #content section .nav-tabs > li:last-child a { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } #content section .nav-tabs > li a span:first-child { position: absolute; left: 26px; top:8px; display: inline-block; width: 24px; height: 24px; line-height: 23px; border-radius: 50%; background-color: #fff; color: #777; text-align: center; } #content section .nav-tabs > li.active a span:first-child { color: #1a457c; border-color: #777; background-color: #fff; } #content section .nav-tabs > li a.child-first span:first-child { left: 8px; } @media (max-width: 786px) { #content section .nav-tabs { display: block; } #content section .nav-tabs > li > a.child-sec { padding-left: 38px; } #content section .nav-tabs > li a span:first-child { left: 8px; } #content section .nav-tabs > li a { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } #content section .nav-tabs > li > a { padding-left: 40px; padding-right: 30px; float:left; } #content section .nav-tabs > li > a.child-first { padding-left: 40px; float:none; margin-right: 20px; } #content section .nav-tabs > li > a.child-sec { padding-left: 40px; float:none; margin-right: 20px; } } @media (min-width: 540px) and (max-width: 786px) { #content section .nav-tabs > li > a.child-first { padding-left: 40px; float:left; margin-right: 0px; } #content section .nav-tabs > li > a.child-sec { padding-left: 55px; float:left; margin-right: 0px; } #content section .nav-tabs > li a.child-sec span:first-child { left: 26px; } } /* #content section .nav-tabs > li a::after { content: " "; display: block; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 21px solid transparent; border-left: 20px solid #c3c3c3; position: absolute; top: 50%; margin-top: -22px; left: 100%; z-index: 2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content section .nav-tabs > li a::before { content: " "; display: block; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 21px solid transparent; border-left: 20px solid white; position: absolute; top: 50%; margin-top: -22px; margin-left: 3px; left: 100%; z-index: 1; } #content section .nav-tabs > li.active > a::after, #content section .nav-tabs > li.active > a:hover::after, #content section .nav-tabs > li.active > a:focus::after, #content section .nav-tabs > li > a:hover::after, #content section .nav-tabs > li > a:focus::after{ border-left-color: #ffc926 !important; } #content section .nav-tabs > li:first-child a { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } #content section .nav-tabs > li:last-child a { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } #content section .nav-tabs > li:last-child a::after { border: 0; } */ /* @media (max-width: 991px) { #content section .scroller-nav-tabs { display: block; text-align: center; cursor: pointer; display: none; padding: 4px; padding-top: 6px; white-space: no-wrap; vertical-align: middle; background-color: #fff; } #content section .scroller-right-nav-tabs { float: right; } #content section .scroller-left-nav-tabs { float: left; } #content section .wrapper-nav-tabs { position: relative; margin: 0 auto; overflow: hidden; padding: 5px; height: 50px; } #content section .wrapper-nav-tabs .list-nav-tabs { position: absolute; left: 0px; top: 0px; min-width: 3000px; margin-top: 0px; } #content section .wrapper-nav-tabs .list-nav-tabs li { display: table-cell; position: relative; text-align: center; cursor: grab; cursor: -webkit-grab; color: #efefef; vertical-align: middle; width: auto; } } */ .result-wrapper .table { font-size: .9em; } .result-wrapper .table > thead > tr > th { padding: 4px; } .result-wrapper .result { background-color: #eaeaea; display: inline-block; padding: 20px 12px 20px 12px; margin-bottom: 20px; width: 100%; margin-bottom: -7px; } @media (max-width: 992px) { .result-wrapper .result .image img.img-responsive { margin: 0 auto; } } .result-wrapper .result .title { font-size: 18px; font-weight: 700; margin-top: 6px; margin-bottom: 12px; } .result-wrapper .result .dates-count { text-align: right; font-style: italic; color: #868686; } .result-wrapper .result .price { font-weight: bold; background-color: #558c55; font-size: 20px; padding: 4px 8px; color: #fff; } .result-wrapper .result .price .small { font-size: 15px; font-style: italic; } .table { font-family: 'Oswald', serif; font-weight: 400; color: #5a5a5a; border-color: #fff; margin-bottom: 40px; } .table > thead > tr > th { background-color: #d8d8d8; border: 1px solid #fff; text-align: center; vertical-align: middle; } .table > tbody > tr > td { background-color: #f2f2f2; border: 1px solid #fff; text-align: center; vertical-align: middle; } .table strong { color: #5a5a5a; } .table strong.small { font-size: 80%; } .table .old_price { display: block; text-decoration: line-through; white-space: nowrap; } .table .new_price { display: block; font-weight: bold; color: #558c55; white-space: nowrap; } .table a.color-brand { text-decoration: underline; } .table .color-brand { color: #e5aa30; } .tooltip.top .tooltip-inner { background-color: #777777; font-size: 1.1em; } .tooltip.top .tooltip-arrow { border-top-color: #777777; } .icons-percent { font-family: 'Oswald', sans-serif; } .icons-percent::before { content: '%'; font-weight: 700; width: 34px; height: 34px; line-height: 34px; font-size: 20px; float: left; background: #ffc926; color: #fff; border-radius: 50%; margin-top: 4px; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } /* 9) HEADER =============================================================== */ /* ================================================================== HEADER ================================================================== */ .topbar { padding: 0; border: 0; position: relative; min-height: 40px; line-height: 40px; display: block; } .topbar-drops { margin-right: -15px; } .topbar-drops i { vertical-align: middle; padding-right: 4px; font-size: 17px; padding-bottom: 2px; color: #e5aa30; } .topbar, .topbar a, .topbar p { margin: 0; padding: 0; font-size: 14px; font-family: 'Oswald', serif; color: #777777; } .topbar ul { background: #e5e5e5; border-radius: 0 0 5px 5px; } .topbar li:hover { background-color: #b2b2b2; color: #fff; } .topbar li.nohover:hover { background-color: transparent; color: #777777; } .topbar li { padding: 0 10px; margin: 0; border-radius: 0 0 5px 5px; } .topbar li.nohover .fa { color: #558c55; } .navbar-brand { position: absolute; width: 100%; left: 0; top: 0; text-align: center; margin: auto; } .navbar-brand img { max-width: 220px; margin-top: 12px; } .header { display: block; position: relative; padding-top: 0; border-bottom: 1px solid #eeeeee; background-color: #fff; } .header.sticky { position: fixed; } .navbar-nav > li > a { font-family: 'Raleway', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 16px; color: #3b3b3b; padding: 10px 10px 4px 10px; margin-top: 8px; border-bottom: 3px solid #ffffff; } .navbar-nav > li > a:hover { background: #ffc926; } .navbar .navbar-times { background: transparent; color: #777777; } .navbar .navbar-times i { vertical-align: middle; color: #e5aa30; font-size: 40px; padding-top: 24px; padding-right: 6px; } .navbar .navbar-times span { line-height: 20px; font-size: 13px; font-weight: 500; float: right; display: block; text-align: right; padding-top: 10px; font-family: 'Oswald', serif; } .navbar .navbar-subnavi { display: block; } .navbar .navbar-subnavi .subnavi { padding-left: 16px; position: relative; } .navbar .navbar-subnavi .subnavi::before { position: absolute; content: ""; z-index: 99998; width: 0; height: 0; left: 4px; top: 10px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #ffc926; } .subnavi .navbar-nav > li > a { font-family: 'Raleway', sans-serif; font-size: 14px; margin-top: 0px; color: #777777; } .subnavi .navbar-nav > li > a > span { color: #777777; } .subnavi .navbar-nav > li > a:hover > span { color: #fff; } .subnavi .navbar-nav > li.open > a > span { color: #fff; } .navbar-default { border: 0; background-color: #ffffff; } .navbar-collapse, .navbar { margin: 0; border: 0; margin-right: -15px; } #side-navigation { margin-right: 0px; } .navbar-brand > img { margin: 0; } .navbar .navbar-left { margin-top: 24px; padding-left: 0px; } .navbar .navbar-right { margin-right: 0px; } nav hr { margin-top: 0px; margin-bottom: 0px; border: 0; border-top: 1px solid #777777; } .navbar .navbar-subnavi .subnavi { margin-top: 0px; } .dropdown-menu { background-color: #fff !important; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-radius: 0; box-shadow: none !important; color: #ffffff; min-width: 210px; padding: 0px; z-index: 9999; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .navbar-nav > li > a.active, .navbar-nav > li > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a.active, .navbar-nav > li > a:active { background: #ffffff !important; /* The Fallback */ background: #ffffff; box-shadow: none; } .sidebar li a, .sidebar li a:hover, .sidebar li a:focus { background-color: transparent; background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0); } .dropdown-menu li:last-child { border-bottom: 1px solid transparents; } .dropdown-menu li { font-family: 'Raleway', sans-serif; font-weight: 600; } .dropdown-menu li a { color: #777777; font-weight: 600; padding: 3px 10px; } .bootstrap-select .dropdown-menu li a { padding: 8px 10px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff; text-decoration: none; background-color: transparent; } .dropdown-menu li { color: #fff; font-size: 14px; line-height: 28px; } .dropdown-menu li.first { border-bottom: 1px solid #c4c4c4; } .dropdown-menu li.first a { font-weight: bold; } .dropdown-menu > li:hover, .dropdown-menu > li:focus { color: #fff; background: #ffc926; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; background: #ffc926; } .yamm .dropdown-menu li h3 { font-size: 15px; margin-bottom: 0; color: #999999; padding: 10px 0; } .nopadding { padding: 0 !important; } .yamm-content .col-md-6 { min-width: 210px; } .navbar-nav .noborder { border-bottom: 0 none !important; font-size: 18px; margin-top: 10px; padding: 8px 15px 4px; } .fixedheader { background: #ffffff !important; background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.9) !important; box-shadow: none; position: absolute; top: 0px; left: 0; z-index: 9999; width: 100%; } .nomargin { top: 0; } .setbg { background: url(../images/header-bg.png) no-repeat scroll center top / cover #ffffff !important; } .nobg, .fixedheader .nav .open > a, .fixedheader .nav .open > a:hover, .fixedheader .nav .open > a:focus, .fixedheader .navbar-nav > li > a.active, .fixedheader .navbar-nav > li > a:focus, .fixedheader .navbar-nav > li > a:hover, .fixedheader .navbar-nav > li > a:hover, .fixedheader .navbar-nav > li > a:focus, .fixedheader .navbar-nav > li > a.active, .fixedheader .navbar-nav > li > a:active { background: #ffffff !important; background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0) !important; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .navbar-nav > li > a.active, .navbar-nav > li > a:focus, .navbar-nav > li > a:hover { border-color: #777777; } .subnavi li:hover.dropdown::before { position: absolute; content: ""; z-index: 99998; width: 0; height: 0; left: 5px; top: 37px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #777777; } .fixedheader .navbar-nav > li > a { border-color: transparent; background: rgba(255, 255, 255, 0) !important; } .fixedheader .navbar-nav > li > a:hover { background: #ffc926 !important; color: #fff; } .fixedheader .nav .open > a.dropdown-toggle:hover, .fixedheader .nav .open > a.dropdown-toggle:focus, .fixedheader .navbar-nav > li > a.dropdown-toggle.active, .fixedheader .navbar-nav > li > a.dropdown-toggle:focus, .fixedheader .navbar-nav > li > a.dropdown-toggle:hover, .fixedheader .navbar-nav > li > a.dropdown-toggle:hover, .fixedheader .navbar-nav > li > a.dropdown-toggle:focus, .fixedheader .navbar-nav > li > a.dropdown-toggle.active, .fixedheader .navbar-nav > li > a.dropdown-toggle:active { background: #ffc926 !important; color: #fff; } .fixedheader .subnavi .navbar-nav > li > a:hover { color: #3b3b3b; } .nobg .navbar-nav > li > a i, .nobg .navbar-nav > li > a { color: #ffffff; } .nobg { border-bottom: 1px solid rgba(255, 255, 255, 0.3); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } .navbar-toggle { float: left; margin-bottom: 0px; } /* 10) SIDEBAR NAV =============================================================== */ /* ================================================================== SIDEBAR NAV ================================================================== */ .navbar.navbar-static .navbar-header { float: left; } .navbar .navbar-toggle.toggle-left { float: left; margin-left: 15px; } .navbar .navbar-toggle.toggle-right { float: right; margin-right: 15px; } .navbar .navbar-toggle.toggle-sidebar, [data-toggle="sidebar"] { display: block; } .sidebar { padding: 20px; background: #ffffff; border-left: 1px solid rgba(50, 50, 50, 0.1); } .sidebar li { text-transform: uppercase; border-bottom: 1px solid #ececec; } .sidebar li:last-child { border-bottom: 0; } .sidebar a, .sidebar i { color: #000; } .sidebar { position: fixed; display: block; top: 0; bottom: 0; z-index: 9999; min-width: 280px !important; min-height: 100%; max-height: none; overflow: auto; } .sidebar img { width: 90%; margin: 20px auto; } .sidebar-left { left: 0; } .sidebar-right { right: 0; } .row .sidebar.sidebar-left.sidebar-xs-show { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: none; } .row .sidebar.sidebar-right.sidebar-xs-show { right: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: none; } .sidebar-animate { -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease; } .sidebar.sidebar-left { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .sidebar.sidebar-left.sidebar-open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: none; } .sidebar.sidebar-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .sidebar.sidebar-right.sidebar-open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: none; } /* 11) SLIDER =============================================================== */ /* ================================================================== SLIDER ================================================================== */ .fixedslider { position: absolute; top: 0; } .boxedcontainer { max-width: 1170px; margin: auto; padding: 0px 30px; } .tp-banner-container { width: 100%; position: relative; padding: 0; } .tp-banner { width: 100%; position: relative; } .tp-banner-fullscreen-container { width: 100%; position: relative; padding: 0; } .slider-title, .tp-caption.slider-title { position: absolute; color: #fff; font-size: 45px; line-height: 60px; margin: 0px; text-align: center; border-width: 0px; letter-spacing: 2px; border-style: none; white-space: nowrap; } .slider-title small { font-size: 20px; display: block; margin-top: 20px; } .slider-title2, .tp-caption.slider-title2 { position: absolute; color: #fff; font-weight: 300; font-size: 18px; line-height: 24px; margin: 0px; text-align: center; border-width: 0px; border-style: none; white-space: nowrap; } .slider-title1, .tp-caption.slider-title1 { position: absolute; color: #fff; font-weight: 300; font-size: 16px; line-height: 28px; margin: 0px; text-align: center; border-width: 0px; border-style: none; white-space: nowrap; } .margin-top a, .slider-btn .btn, .tp-caption.slider-btn .btn { color: #fff; font-size: 13px !important; text-transform: uppercase; margin: 0 10px 0 0; padding: 14px 44px; } .slider-btn .btn-white, .tp-caption.slider-btn .btn-white { color: #444444; } .tp-bannertimer { display: none; } .margin-top { margin-top: 30px; } /* 12) FOOTER =============================================================== */ /* ================================================================== FOOTER ================================================================== */ footer .fa { color: #e5aa30; font-size: 50px; padding-right: 14px; } footer p.text, footer a { font-size: 28px; color: #777777; } footer a:hover { color: #e5aa30; } footer .info-text .fa { float: left; } footer .info-text .small { display: block; font-size: 12px; line-height: 1.4em; } footer.clearfix { border-top: 1px solid #aaaaaa; padding-top: 20px; } .footer { background-color: #777777; padding: 30px 0 30px; font-size: 16px; color: #fff; } .footer .left-img { float: left; padding-right: 25px; } .footer .c4 { float: left; } .footer .c4 li { color: #fff; } .footer p.hl4 { font-size: 20px; text-transform: uppercase; color: #fff; padding: 20px 0 0; font-weight: 600; } .footer .padding-bottom { padding-bottom: 40px; } .flogo { padding-top: 10px; } .footer .form-control { background-color: #919191; border-color: #fff; color: #fff; height: 45px; margin: 0 6px 0 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding-left: 40px; width: 100%; } .social-footer a:link i, .social-footer a:visited i { color: #fff; } .social-footer a:hover i, .social-footer a:active i { background-color: #777777; } .social-footer i { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 28px; margin: 0 3px 3px 0; padding: 0 0px 0 0; } .social-footer i.fa-facebook { background-color: #3b5998; } .social-footer i.fa-twitter { background-color: #00aced; } .social-footer i.fa-google-plus { background-color: #dd4b39; } .social-footer i.fa-youtube { background-color: #bb0000; } .social-footer i.fa-linkedin { background-color: #007bb6; } .social-footer i.fa-instagram { background-color: #517fa4; } .social-footer i.fa-pinterest-p { background-color: #cb2027; } .social-footer i.fa-vine { background-color: #00bf8f; } .social-footer i.fa-flickr { background-color: #ff0084; } .social-footer i.fa-tumblr { background-color: #32506d; } .social-footer i.fa-vimeo { background-color: #aad450; } .social-footer i.fa-foursquare { background-color: #0072b1; } .social-footer i.fa-users { background-color: #e5aa30; } .footer .form-control::-moz-placeholder { color: #fff; opacity: 1; } .footer .form-control:-ms-input-placeholder { color: #fff; } .footer .form-control::-webkit-input-placeholder { color: #fff; } .footer .btn-primary { height: 45px !important; line-height: 1 !important; padding-left: 25px !important; padding-right: 25px !important; } .footer .btn-primary:hover { background-color: #fff; color: #e5aa30; border-color: #ffc926; } .copyrights { background-color: #5e5e5e; padding: 30px 0; font-size: 15px; color: #fff; } .copyrights p { margin: 0; } .copyrights a { font-weight: 600; } .link-footer a i { color: #666666 !important; font-size: 16px; margin-left: 7px; } .link-footer a:hover i { color: #fff !important; } /* 13) SIDEBAR WIDGETS =============================================================== */ /* ================================================================== SIDEBAR WIDGETS ================================================================== */ .post-media img, .flickrwidget img { opacity: 1; } .post-media img:hover, .flickrwidget img:hover { opacity: 0.8; } #sidebar { padding: 0 20px; } #sidebar .widget { position: relative; display: block; margin-bottom: 20px; } #sidebar ul { padding: 0; } #sidebar .widget a.collapse-widget { color: #777777; } #sidebar .widget a.collapse-widget::before { display: none; font-family: FontAwesome; content: ""; padding: 0; font-size: 0; color: #ffc926; } #sidebar .widget a.collapse-widget.collapsed::before { display: none; content: ""; } #sidebar .widget, #sidebar .widget-title { margin-top: 0; padding-top: 0; } #sidebar .widget-title { font-size: 23px; position: relative; padding-bottom: 5px; border-bottom: 1px solid #ffc926; font-weight: normal; margin-bottom: 4px; color: #777777; line-height: 1.2em; vertical-align: baseline; } @media (max-width: 992px) { #sidebar .widget a.collapse-widget { color: #777777; font-size: 20px; } #sidebar .widget a.collapse-widget::before { display: inline-block; font-family: FontAwesome; content: "\f106"; padding:0 6px 0 6px; font-size: 28px; color: #ffc926; vertical-align: bottom; } #sidebar .widget a.collapse-widget.collapsed::before { display: inline-block; content: "\f107"; } #sidebar .widget { margin-bottom: 0px; } #sidebar .widget-title { border-bottom-color: #dfdfdf; background: #efefef; line-height: 1em; padding-top: 2px; } } #sidebar .widget .hl5, #sidebar .widget .hl5 a { color: #e5aa30; font-size: 18px; font-weight: 600; margin-bottom: 14px; } #sidebar .widget .hl5 a:hover, #sidebar .widget .hl5:hover { background: transparent; color: #777777; } #sidebar .widget .boxwidget { text-align: center; margin: 0 auto; padding-bottom: 0px; overflow-x: hidden; } #sidebar .widget .searchwidget { background-color: #eaeaea; border-bottom: 1px solid transparent; padding: 12px 12px; } #sidebar .widget .searchwidget .form-group { margin-bottom: 10px; } #sidebar .widget .searchwidget .fa-question { background-color: #777777; width: 26px; height: 26px; border-radius: 50%; line-height: 26px; color: #fff; padding-left: 8px; font-size: 18px; } #sidebar .widget .searchwidget { margin-bottom: 10px; } #sidebar .widget .boxwidget { margin-bottom: 10px; } #sidebar .widget .newswidget { border-bottom: 1px solid #777777; padding-bottom: 10px; margin-bottom: 10px; } #sidebar .widget .newswidget p { line-height: 1.4em; } #sidebar .widget .newswidget.gray-box { background-color: #eaeaea; border-bottom: 1px solid transparent; padding: 12px 12px; } #sidebar .widget .newswidget.gray-box .hl4 { color: #e5aa30; font-weight: 600; font-size: 17px; margin-bottom: 12px; } #sidebar .widget .newswidget.gray-box .hl5 { height: 4.5em; overflow: hidden; } #sidebar .widget .newswidget.gray-box p { font-style: italic; height: 10em; overflow: hidden; } #sidebar .widget .imgswidget img { width: 100%; display: block; padding-bottom: 50px; padding-right: 10px; padding-left: 10px; } #sidebar #side-navigation .side-menu { float: left; width: 100%; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; /* li.sub-menu-item:before { list-style: none; font-family: FontAwesome; content: "\f005"; position:relative; left: -10px; background-color:@brand-secondary; color:@brand-secondary; display:inline-block; width:8px; height:8px; border-radius:50% }*/ } #sidebar #side-navigation .side-menu li { padding: 5px 12px 5px !important; font-size: 14px; line-height: 28px; background: transparent; border-bottom: 1px solid #c3c3c3; } #sidebar #side-navigation .side-menu li a { color: #777777; font-weight: 600; padding: 0px 0px 3px 2px; } #sidebar #side-navigation .side-menu li:hover, #sidebar #side-navigation .side-menu li.active { color: #fff; background: #ffc926; } #sidebar #side-navigation .side-menu li:hover a, #sidebar #side-navigation .side-menu li.active a { color: #fff; } #sidebar #side-navigation .side-menu li.sub-menu-item { border-bottom: none; border-bottom: 1px solid #eaeaea; list-style: none; } #sidebar #side-navigation .side-menu li.sub-menu-item.active a { color: black; } #sidebar #side-navigation .side-menu li.sub-menu-item.active .fa { color: #648859; } #sidebar #side-navigation .side-menu li.sub-menu-item .fa { color: #ffc926; } #sidebar #side-navigation .side-menu li.sub-menu-item:hover, #sidebar #side-navigation .side-menu li.sub-menu-item.active { color: black; background: transparent; } #sidebar #side-navigation .side-menu li.sub-menu-item:hover a, #sidebar #side-navigation .side-menu li.sub-menu-item.active a { color: black; } .listwidget ul li { padding: 12px 0; margin-left: 10px; border-bottom: 1px solid #dddddd; } .listwidget ul li:last-child { padding-bottom: 0; border-bottom: 0 solid #dddddd; } .flickrwidget .list-inline > li { margin: 0; float: left; padding: 0; width: 33.3333%; } .flickrwidget img { width: 94%; padding: 0 0 0 0; } /* 14) COLOR SCHEMES =============================================================== */ /* ================================================================== COLOR SCHEMES ================================================================== */ .home-form .nav-tabs > li.active > a, .home-form .nav-tabs > li > a:hover, .home-form .nav-tabs > li.active > a:focus, .slider-btn .btn-white:hover, .tp-caption.slider-btn .btn-white:hover, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .icon-container, .dash .digit, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a, .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .pricing-table-footer, .pricing-table-header, .yellow, .panel-default > .panel-heading, .c2 li span, .btn-primary { color: #fff; background-color: #648859; border-color: #648859; } .btn-primary:hover, .btn-primary:active:hover { background-color: #ffc926; border-color: #ffc926; } .form-control:focus { border-color: #ffc926; box-shadow: none; } .travel-title hr { border-color: #ffc926; } #infoform .form-control, .input-group-addon, .dropdown .btn-white, .form-inline .input-group > .form-control { border-bottom-color: #ffc926; } .post-title .pull-right span, .bootstrap-select .fa-angle-down, .input-group-addon i, .rating i, a, .sidebar li a:hover, .sidebar li a:focus, .yamm .dropdown-menu li h3 i, .yamm .yamm-content li a:hover, .yamm .yamm-content li a:focus, .breadcrumb > li + li::before, .c3 span, .c1 li:before { color: #e5aa30; } .help-block { color: #cd2929; } /* 15) EXTRAS =============================================================== */ /* ================================================================== EXTRAS ================================================================== */ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } /* 16) RESPONSIVE =============================================================== */ /* ================================================================== RESPONSIVE ================================================================== */ @media (max-width: 1200px) { .navbar-nav > li > a { font-size: 13px; padding: 10px 7px 6px 7px; } .absolute-carousel { top: 53px; } } @media (min-width:768px) and (max-width:991px) { .topbar li.visible-sm { display: inline-block !important } } @media (max-width: 767px){ .topbar li { line-height: 12px; } .topbar li.visible-xs { padding-top: 4px; } } @media (max-width: 991px) { #sidebar #side-navigation .side-menu { width: 100%; } .bookform .input-group { width: 100% !important; } .bookform .form-group { margin-bottom: 5px; } .navbar-nav > li > a { font-size: 16px; } .navbar-brand { right: 0; width: auto; left: auto; } .navbar-times { display: none; } .home-message { min-height: 360px; } .navbar .navbar-subnavi .subnavi { padding-left: 0; } .navbar .navbar-subnavi .subnavi::before { left: 0; top: 0; border-top: none; border-bottom: none; border-left: none; } footer .info-text, footer .text-right { text-align: center; } footer .info-text .fa, footer .text-right .fa { float: none; } footer .text-center { padding-bottom: 12px; } .absolute-carousel { top: 52px; } } @media (max-width: 991px) { /* Force table to not be like tables anymore */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr { border: 1px solid #ccc; } #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #fff; position: relative; padding-left: 50%; white-space: normal; text-align: right; } #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } #no-more-tables .btn { display: block; width: 100%; } #no-more-tables .icons-percent::before { float: right; padding-right: 6px; } #no-more-tables td:last-child { padding-left: 8px; } #no-more-tables tr:nth-child(2n+1) > td { background-color: #d8d8d8; } /* Label the data */ #no-more-tables td:before { content: attr(data-title); } } @media (max-width: 991px) { /* Force table to not be like tables anymore */ .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } .no-more-tables tr { border: 1px solid #ccc; } .no-more-tables td, .no-more-tables .table > tbody > tr > td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #fff; position: relative; padding-left: 50%; white-space: normal; text-align: right; } .no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } .no-more-tables .btn { display: block; width: 100%; } .no-more-tables .icons-percent::before { float: right; padding-right: 6px; } .no-more-tables td:last-child { padding-left: 8px; } .no-more-tables tr:nth-child(2n+1) > td { background-color: #d8d8d8; } /* Label the data */ .no-more-tables td:before { content: attr(data-title); } } @media (min-width: 768px) { .dropdown-menu li.first { display: none; } } @media (max-width: 768px) { .btn-default.btn-lg, .btn-primary.btn-lg, .btn-white.btn-lg { padding: 10px 27px !important; height: auto !important; } .navbar .navbar-subnavi .navbar-nav { margin: 7.5px -10px; } #no-more-tables_first { overflow-x: hidden; } .container { padding-left: 8px; padding-right: 8px; } .home-info-box { margin-right: -30px; } .btn-over-slider { top: 80px; } .btn-over-slider-bottom { top: 320px; } .st-slider-booking-btn-bottom { } .price-over-slider { top: 85px; } #sidebar #side-navigation .side-menu { width: 100%; } #widthphone.home-form .nav-tabs > li { width: 50%; } .fullscreen { padding: 0; padding-top: 110px; } .absolute-carousel { top: 0px; left: -10px; } .home-message { padding-right: 30px; padding-top: 0px; min-height: 360px; } .breadcrumb-holder { padding-top: 0px; } .absolute { margin-top: 0; top: 0; } .fixedheader { position: relative; top: 0; } .travel-list .alignleft { width: 100%; float: none; } .single-travel-image .thumbnails { display: none !important; } .sidebar-price, .single-travel-image .price { display: none; position: absolute; } .pricing-table-header { margin-top: 20px; } .navbar-toggle { margin-top: 0px; padding: 10px; font-size: 24px; } .dropdown-menu li { padding: 5px 10px 5px !important; } .yamm .yamm-content { padding: 0 0; } .navbar-collapse, .navbar { border: 0 none; margin: 4px 0; } .navbar-nav .noborder, .sidebar-menu-container, .breadcrumb { display: none; } .topbar-social { display: inline; } .topbar { line-height: 40px; } .topbar li, .topbar-social li { padding: 0 5px; } .topbar .pull-left, .topbar-social, .topbar .pull-right { float: none !important; text-align: center !important; } .copyrights .text-left, .copyrights .text-right { text-align: center !important; } .navbar-nav > li > a { padding: 10px 15px; border: 0; } .subnavi li:hover.dropdown::before { display: none; } .navbar-brand { margin-top: 0px; padding: 0; } .navbar-brand img { margin-top: 4px; } .navbar .navbar-left { padding-left: 15px; } .header { padding: 0px 0; } .nobg { background: #222222 !important; background-color: #222222 !important; } .home-form .nav-tabs > li > a { padding: 20px 22px; } h1 { font-size: 28px; } .service-style .icon-container, .mini-desti img { margin-bottom: 20px; } .homeform { padding: 40px 0 0 !important; } .home-form .nav-tabs > li > a i { font-size: 16px; line-height: 16px; } .bookform .form-control { margin-bottom: 0; } } @media (max-width: 374px) { .home-message { padding-right: 0; padding-top: 0; } } /* /* ################################################################# */ /* 17) CHECKBOX =============================================================== */ .checkbox { padding-left: 20px; display: block; } .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; white-space: normal; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: 0; top: 0px; margin-left: -20px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: -2px; margin-left: -20px; padding-left: 3px; padding-top: 0; font-size: 11px; color: #555555; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; } .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: 'FontAwesome'; font-size: 16px; line-height: 23px; content: "\f00c"; } .checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after { display: block; content: " "; width: 10px; height: 3px; background-color: #555555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px; } .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #777777; border-color: #777777; } .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff; } .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; } .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff; } .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; } .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #558c55; border-color: #558c55; } .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #fff; } .checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before { background-color: #777777; border-color: #777777; } .checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after { background-color: #fff; } .checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after { background-color: #fff; } .checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after { background-color: #fff; } .checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after { background-color: #fff; } .checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before { background-color: #558c55; border-color: #558c55; } .checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after { background-color: #fff; } .radio { padding-left: 20px; } .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; z-index: 1; } .radio input[type="radio"]:focus + label::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-primary input[type="radio"] + label::after { background-color: #777777; } .radio-primary input[type="radio"]:checked + label::before { border-color: #777777; } .radio-primary input[type="radio"]:checked + label::after { background-color: #777777; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #558c55; } .radio-success input[type="radio"]:checked + label::before { border-color: #558c55; } .radio-success input[type="radio"]:checked + label::after { background-color: #558c55; } input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; } input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #fff; } input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #fff; } /* 18) FONT TRIPS =============================================================== */ @font-face { font-family: "trips"; src: url("../fonts/trips.eot"); src: url("../fonts/trips.eot?#iefix") format("embedded-opentype"), url("../fonts/trips.woff") format("woff"), url("../fonts/trips.ttf") format("truetype"), url("../fonts/trips.svg#trips") format("svg"); font-weight: normal; font-style: normal; font-display: auto; } [data-icon]:before { font-family: "trips" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "trips" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-air6:before { content: "a"; } .icon-airplane51:before { content: "b"; } .icon-airplane67:before { content: "c"; } .icon-airplane68:before { content: "d"; } .icon-airplane70:before { content: "e"; } .icon-airplane72:before { content: "f"; } .icon-airplane73:before { content: "g"; } .icon-airplane74:before { content: "h"; } .icon-bag30:before { content: "i"; } .icon-bicycle2:before { content: "j"; } .icon-bicycle12:before { content: "k"; } .icon-black186:before { content: "l"; } .icon-black401:before { content: "m"; } .icon-boat17:before { content: "n"; } .icon-bus7:before { content: "o"; } .icon-bus21:before { content: "p"; } .icon-bus46:before { content: "q"; } .icon-calendar157:before { content: "r"; } .icon-car80:before { content: "s"; } .icon-car82:before { content: "t"; } .icon-car95:before { content: "u"; } .icon-check52:before { content: "v"; } .icon-checkin:before { content: "w"; } .icon-coconut8:before { content: "x"; } .icon-comment43:before { content: "y"; } .icon-compass67:before { content: "z"; } .icon-containers:before { content: "A"; } .icon-delivery17:before { content: "B"; } .icon-delivery18:before { content: "C"; } .icon-delivery25:before { content: "D"; } .icon-directions2:before { content: "E"; } .icon-distance1:before { content: "F"; } .icon-earth72:before { content: "G"; } .icon-earth186:before { content: "H"; } .icon-earth190:before { content: "I"; } .icon-home63:before { content: "J"; } .icon-hotel16:before { content: "K"; } .icon-hotel68:before { content: "L"; } .icon-house129:before { content: "M"; } .icon-international11:before { content: "N"; } .icon-international22:before { content: "O"; } .icon-location38:before { content: "P"; } .icon-logistics3:before { content: "Q"; } .icon-logistics4:before { content: "R"; } .icon-luggage5:before { content: "S"; } .icon-map29:before { content: "T"; } .icon-map30:before { content: "U"; } .icon-map110:before { content: "V"; } .icon-motorcycle10:before { content: "W"; } .icon-ocean3:before { content: "X"; } .icon-open207:before { content: "Y"; } .icon-parking15:before { content: "Z"; } .icon-passport4:before { content: "0"; } .icon-pc13:before { content: "1"; } .icon-person199:before { content: "2"; } .icon-person209:before { content: "3"; } .icon-persons10:before { content: "4"; } .icon-photo25:before { content: "5"; } .icon-photo147:before { content: "6"; } .icon-pinterest33:before { content: "7"; } .icon-place4:before { content: "8"; } .icon-plane18:before { content: "9"; } .icon-plate17:before { content: "!"; } .icon-road24:before { content: "\""; } .icon-road29:before { content: "#"; } .icon-rocket48:before { content: "$"; } .icon-rocket61:before { content: "%"; } .icon-school31:before { content: "&"; } .icon-scooter7:before { content: "'"; } .icon-sea8:before { content: "("; } .icon-sedan3:before { content: ")"; } .icon-shipping:before { content: "*"; } .icon-silhouette66:before { content: "+"; } .icon-smoking4:before { content: ","; } .icon-snacks1:before { content: "-"; } .icon-stars10:before { content: "."; } .icon-student40:before { content: "/"; } .icon-suv:before { content: ":"; } .icon-taxi13:before { content: ";"; } .icon-taxi14:before { content: "<"; } .icon-tea24:before { content: "="; } .icon-telephone5:before { content: ">"; } .icon-tick7:before { content: "?"; } .icon-toilets:before { content: "@"; } .icon-tour:before { content: "["; } .icon-traffic17:before { content: "]"; } .icon-train8:before { content: "^"; } .icon-train20:before { content: "_"; } .icon-tram4:before { content: "`"; } .icon-transport22:before { content: "{"; } .icon-travel23:before { content: "|"; } .icon-travel25:before { content: "}"; } .icon-truck31:before { content: "~"; } .icon-waiting2:before { content: "\\"; } .icon-walk12:before { content: "\e000"; } .icon-wallet17:before { content: "\e001"; } .icon-wifi10:before { content: "\e002"; } .icon-woman55:before { content: "\e003"; } .icon-address:before { content: "\e004"; } .icon-adjust:before { content: "\e005"; } .icon-air:before { content: "\e006"; } .icon-alert:before { content: "\e007"; } .icon-archive:before { content: "\e008"; } .icon-arrow-combo:before { content: "\e009"; } .icon-arrows-ccw:before { content: "\e00a"; } .icon-attach:before { content: "\e00b"; } .icon-attention:before { content: "\e00c"; } .icon-back:before { content: "\e00d"; } .icon-back-in-time:before { content: "\e00e"; } .icon-bag:before { content: "\e00f"; } .icon-basket:before { content: "\e010"; } .icon-battery:before { content: "\e011"; } .icon-behance:before { content: "\e012"; } .icon-bell:before { content: "\e013"; } .icon-block:before { content: "\e014"; } .icon-book:before { content: "\e015"; } .icon-book-open:before { content: "\e016"; } .icon-bookmark:before { content: "\e017"; } .icon-bookmarks:before { content: "\e018"; } .icon-box:before { content: "\e019"; } .icon-briefcase:before { content: "\e01a"; } .icon-brush:before { content: "\e01b"; } .icon-bucket:before { content: "\e01c"; } .icon-calendar:before { content: "\e01d"; } .icon-camera:before { content: "\e01e"; } .icon-cancel:before { content: "\e01f"; } .icon-cancel-circled:before { content: "\e020"; } .icon-cancel-squared:before { content: "\e021"; } .icon-cc:before { content: "\e022"; } .icon-cc-by:before { content: "\e023"; } .icon-cc-nc:before { content: "\e024"; } .icon-cc-nc-eu:before { content: "\e025"; } .icon-cc-nc-jp:before { content: "\e026"; } .icon-cc-nd:before { content: "\e027"; } .icon-cc-pd:before { content: "\e028"; } .icon-cc-remix:before { content: "\e029"; } .icon-cc-sa:before { content: "\e02a"; } .icon-cc-share:before { content: "\e02b"; } .icon-cc-zero:before { content: "\e02c"; } .icon-ccw:before { content: "\e02d"; } .icon-cd:before { content: "\e02e"; } .icon-chart-area:before { content: "\e02f"; } .icon-chart-bar:before { content: "\e030"; } .icon-chart-line:before { content: "\e031"; } .icon-chart-pie:before { content: "\e032"; } .icon-chat:before { content: "\e033"; } .icon-check:before { content: "\e034"; } .icon-clipboard:before { content: "\e035"; } .icon-clock:before { content: "\e036"; } .icon-cloud:before { content: "\e037"; } .icon-cloud-thunder:before { content: "\e038"; } .icon-code:before { content: "\e039"; } .icon-cog:before { content: "\e03a"; } .icon-comment:before { content: "\e03b"; } .icon-compass:before { content: "\e03c"; } .icon-credit-card:before { content: "\e03d"; } .icon-cup:before { content: "\e03e"; } .icon-cw:before { content: "\e03f"; } .icon-database:before { content: "\e040"; } .icon-db-shape:before { content: "\e041"; } .icon-direction:before { content: "\e042"; } .icon-doc:before { content: "\e043"; } .icon-doc-landscape:before { content: "\e044"; } .icon-doc-text:before { content: "\e045"; } .icon-doc-text-inv:before { content: "\e046"; } .icon-docs:before { content: "\e047"; } .icon-dot:before { content: "\e048"; } .icon-dot-2:before { content: "\e049"; } .icon-dot-3:before { content: "\e04a"; } .icon-down:before { content: "\e04b"; } .icon-down-bold:before { content: "\e04c"; } .icon-down-circled:before { content: "\e04d"; } .icon-down-dir:before { content: "\e04e"; } .icon-down-open:before { content: "\e04f"; } .icon-down-open-big:before { content: "\e050"; } .icon-down-open-mini:before { content: "\e051"; } .icon-down-thin:before { content: "\e052"; } .icon-download:before { content: "\e053"; } .icon-dribbble:before { content: "\e054"; } .icon-dribbble-circled:before { content: "\e055"; } .icon-drive:before { content: "\e056"; } .icon-dropbox:before { content: "\e057"; } .icon-droplet:before { content: "\e058"; } .icon-erase:before { content: "\e059"; } .icon-evernote:before { content: "\e05a"; } .icon-export:before { content: "\e05b"; } .icon-eye:before { content: "\e05c"; } .icon-facebook:before { content: "\e05d"; } .icon-facebook-circled:before { content: "\e05e"; } .icon-facebook-squared:before { content: "\e05f"; } .icon-fast-backward:before { content: "\e060"; } .icon-fast-forward:before { content: "\e061"; } .icon-feather:before { content: "\e062"; } .icon-flag:before { content: "\e063"; } .icon-flash:before { content: "\e064"; } .icon-flashlight:before { content: "\e065"; } .icon-flattr:before { content: "\e066"; } .icon-flickr:before { content: "\e067"; } .icon-flickr-circled:before { content: "\e068"; } .icon-flight:before { content: "\e069"; } .icon-floppy:before { content: "\e06a"; } .icon-flow-branch:before { content: "\e06b"; } .icon-flow-cascade:before { content: "\e06c"; } .icon-flow-line:before { content: "\e06d"; } .icon-flow-parallel:before { content: "\e06e"; } .icon-flow-tree:before { content: "\e06f"; } .icon-folder:before { content: "\e070"; } .icon-forward:before { content: "\e071"; } .icon-gauge:before { content: "\e072"; } .icon-github:before { content: "\e073"; } .icon-github-circled:before { content: "\e074"; } .icon-globe:before { content: "\e075"; } .icon-google-circles:before { content: "\e076"; } .icon-gplus:before { content: "\e077"; } .icon-gplus-circled:before { content: "\e078"; } .icon-graduation-cap:before { content: "\e079"; } .icon-heart:before { content: "\e07a"; } .icon-heart-empty:before { content: "\e07b"; } .icon-help:before { content: "\e07c"; } .icon-help-circled:before { content: "\e07d"; } .icon-home:before { content: "\e07e"; } .icon-hourglass:before { content: "\e07f"; } .icon-inbox:before { content: "\e080"; } .icon-infinity:before { content: "\e081"; } .icon-info:before { content: "\e082"; } .icon-info-circled:before { content: "\e083"; } .icon-instagrem:before { content: "\e084"; } .icon-install:before { content: "\e085"; } .icon-key:before { content: "\e086"; } .icon-keyboard:before { content: "\e087"; } .icon-lamp:before { content: "\e088"; } .icon-language:before { content: "\e089"; } .icon-lastfm:before { content: "\e08a"; } .icon-lastfm-circled:before { content: "\e08b"; } .icon-layout:before { content: "\e08c"; } .icon-leaf:before { content: "\e08d"; } .icon-left:before { content: "\e08e"; } .icon-left-bold:before { content: "\e08f"; } .icon-left-circled:before { content: "\e090"; } .icon-left-dir:before { content: "\e091"; } .icon-left-open:before { content: "\e092"; } .icon-left-open-big:before { content: "\e093"; } .icon-left-open-mini:before { content: "\e094"; } .icon-left-thin:before { content: "\e095"; } .icon-level-down:before { content: "\e096"; } .icon-level-up:before { content: "\e097"; } .icon-lifebuoy:before { content: "\e098"; } .icon-light-down:before { content: "\e099"; } .icon-light-up:before { content: "\e09a"; } .icon-link:before { content: "\e09b"; } .icon-linkedin:before { content: "\e09c"; } .icon-linkedin-circled:before { content: "\e09d"; } .icon-list:before { content: "\e09e"; } .icon-list-add:before { content: "\e09f"; } .icon-location:before { content: "\e0a0"; } .icon-lock:before { content: "\e0a1"; } .icon-lock-open:before { content: "\e0a2"; } .icon-login:before { content: "\e0a3"; } .icon-logo-db:before { content: "\e0a4"; } .icon-logout:before { content: "\e0a5"; } .icon-loop:before { content: "\e0a6"; } .icon-magnet:before { content: "\e0a7"; } .icon-mail:before { content: "\e0a8"; } .icon-map:before { content: "\e0a9"; } .icon-megaphone:before { content: "\e0aa"; } .icon-menu:before { content: "\e0ab"; } .icon-mic:before { content: "\e0ac"; } .icon-minus:before { content: "\e0ad"; } .icon-minus-circled:before { content: "\e0ae"; } .icon-minus-squared:before { content: "\e0af"; } .icon-mixi:before { content: "\e0b0"; } .icon-mobile:before { content: "\e0b1"; } .icon-monitor:before { content: "\e0b2"; } .icon-moon:before { content: "\e0b3"; } .icon-mouse:before { content: "\e0b4"; } .icon-music:before { content: "\e0b5"; } .icon-mute:before { content: "\e0b6"; } .icon-network:before { content: "\e0b7"; } .icon-newspaper:before { content: "\e0b8"; } .icon-note:before { content: "\e0b9"; } .icon-note-beamed:before { content: "\e0ba"; } .icon-palette:before { content: "\e0bb"; } .icon-paper-plane:before { content: "\e0bc"; } .icon-pause:before { content: "\e0bd"; } .icon-paypal:before { content: "\e0be"; } .icon-pencil:before { content: "\e0bf"; } .icon-phone:before { content: "\e0c0"; } .icon-picasa:before { content: "\e0c1"; } .icon-picture:before { content: "\e0c2"; } .icon-pinterest:before { content: "\e0c3"; } .icon-pinterest-circled:before { content: "\e0c4"; } .icon-play:before { content: "\e0c5"; } .icon-plus:before { content: "\e0c6"; } .icon-plus-circled:before { content: "\e0c7"; } .icon-plus-squared:before { content: "\e0c8"; } .icon-popup:before { content: "\e0c9"; } .icon-print:before { content: "\e0ca"; } .icon-progress-0:before { content: "\e0cb"; } .icon-progress-1:before { content: "\e0cc"; } .icon-progress-2:before { content: "\e0cd"; } .icon-progress-3:before { content: "\e0ce"; } .icon-publish:before { content: "\e0cf"; } .icon-qq:before { content: "\e0d0"; } .icon-quote:before { content: "\e0d1"; } .icon-rdio:before { content: "\e0d2"; } .icon-rdio-circled:before { content: "\e0d3"; } .icon-record:before { content: "\e0d4"; } .icon-renren:before { content: "\e0d5"; } .icon-reply:before { content: "\e0d6"; } .icon-reply-all:before { content: "\e0d7"; } .icon-resize-full:before { content: "\e0d8"; } .icon-resize-small:before { content: "\e0d9"; } .icon-retweet:before { content: "\e0da"; } .icon-right:before { content: "\e0db"; } .icon-right-bold:before { content: "\e0dc"; } .icon-right-circled:before { content: "\e0dd"; } .icon-right-dir:before { content: "\e0de"; } .icon-right-open:before { content: "\e0df"; } .icon-right-open-big:before { content: "\e0e0"; } .icon-right-open-mini:before { content: "\e0e1"; } .icon-right-thin:before { content: "\e0e2"; } .icon-rocket:before { content: "\e0e3"; } .icon-rss:before { content: "\e0e4"; } .icon-search:before { content: "\e0e5"; } .icon-share:before { content: "\e0e6"; } .icon-shareable:before { content: "\e0e7"; } .icon-shuffle:before { content: "\e0e8"; } .icon-signal:before { content: "\e0e9"; } .icon-sina-weibo:before { content: "\e0ea"; } .icon-skype:before { content: "\e0eb"; } .icon-skype-circled:before { content: "\e0ec"; } .icon-smashing:before { content: "\e0ed"; } .icon-sound:before { content: "\e0ee"; } .icon-soundcloud:before { content: "\e0ef"; } .icon-spotify:before { content: "\e0f0"; } .icon-spotify-circled:before { content: "\e0f1"; } .icon-star:before { content: "\e0f2"; } .icon-star-empty:before { content: "\e0f3"; } .icon-stop:before { content: "\e0f4"; } .icon-stumbleupon:before { content: "\e0f5"; } .icon-stumbleupon-circled:before { content: "\e0f6"; } .icon-suitcase:before { content: "\e0f7"; } .icon-sweden:before { content: "\e0f8"; } .icon-switch:before { content: "\e0f9"; } .icon-tag:before { content: "\e0fa"; } .icon-tape:before { content: "\e0fb"; } .icon-target:before { content: "\e0fc"; } .icon-thermometer:before { content: "\e0fd"; } .icon-thumbs-down:before { content: "\e0fe"; } .icon-thumbs-up:before { content: "\e0ff"; } .icon-ticket:before { content: "\e100"; } .icon-to-end:before { content: "\e101"; } .icon-to-start:before { content: "\e102"; } .icon-tools:before { content: "\e103"; } .icon-traffic-cone:before { content: "\e104"; } .icon-trash:before { content: "\e105"; } .icon-trophy:before { content: "\e106"; } .icon-tumblr:before { content: "\e107"; } .icon-tumblr-circled:before { content: "\e108"; } .icon-twitter:before { content: "\e109"; } .icon-twitter-circled:before { content: "\e10a"; } .icon-up:before { content: "\e10b"; } .icon-up-bold:before { content: "\e10c"; } .icon-up-circled:before { content: "\e10d"; } .icon-up-dir:before { content: "\e10e"; } .icon-up-open:before { content: "\e10f"; } .icon-up-open-big:before { content: "\e110"; } .icon-up-open-mini:before { content: "\e111"; } .icon-up-thin:before { content: "\e112"; } .icon-upload:before { content: "\e113"; } .icon-upload-cloud:before { content: "\e114"; } .icon-user:before { content: "\e115"; } .icon-user-add:before { content: "\e116"; } .icon-users:before { content: "\e117"; } .icon-vcard:before { content: "\e118"; } .icon-video:before { content: "\e119"; } .icon-vimeo:before { content: "\e11a"; } .icon-vimeo-circled:before { content: "\e11b"; } .icon-vkontakte:before { content: "\e11c"; } .icon-volume:before { content: "\e11d"; } .icon-water:before { content: "\e11e"; } .icon-window:before { content: "\e11f"; } .icon-weather-downpour-fullmoon:before { content: "\e120"; } .icon-weather-downpour-halfmoon:before { content: "\e121"; } .icon-weather-downpour-sun:before { content: "\e122"; } .icon-weather-drop:before { content: "\e123"; } .icon-weather-first-quarter:before { content: "\e124"; } .icon-weather-fog:before { content: "\e125"; } .icon-weather-fog-fullmoon:before { content: "\e126"; } .icon-weather-fog-halfmoon:before { content: "\e127"; } .icon-weather-fog-sun:before { content: "\e128"; } .icon-weather-fullmoon:before { content: "\e129"; } .icon-weather-gemini:before { content: "\e12a"; } .icon-weather-hail:before { content: "\e12b"; } .icon-weather-hail-fullmoon:before { content: "\e12c"; } .icon-weather-hail-halfmoon:before { content: "\e12d"; } .icon-weather-hail-sun:before { content: "\e12e"; } .icon-weather-last-quarter:before { content: "\e12f"; } .icon-weather-leo:before { content: "\e130"; } .icon-weather-libra:before { content: "\e131"; } .icon-weather-lightning:before { content: "\e132"; } .icon-weather-mistyrain:before { content: "\e133"; } .icon-weather-mistyrain-fullmoon:before { content: "\e134"; } .icon-weather-mistyrain-halfmoon:before { content: "\e135"; } .icon-weather-mistyrain-sun:before { content: "\e136"; } .icon-weather-moon:before { content: "\e137"; } .icon-weather-moondown-full:before { content: "\e138"; } .icon-weather-moondown-half:before { content: "\e139"; } .icon-weather-moonset-full:before { content: "\e13a"; } .icon-weather-moonset-half:before { content: "\e13b"; } .icon-weather-move2:before { content: "\e13c"; } .icon-weather-newmoon:before { content: "\e13d"; } .icon-weather-pisces:before { content: "\e13e"; } .icon-weather-rain:before { content: "\e13f"; } .icon-weather-rain-fullmoon:before { content: "\e140"; } .icon-weather-rain-halfmoon:before { content: "\e141"; } .icon-weather-rain-sun:before { content: "\e142"; } .icon-weather-sagittarius:before { content: "\e143"; } .icon-weather-scorpio:before { content: "\e144"; } .icon-weather-snow:before { content: "\e145"; } .icon-weather-snow-fullmoon:before { content: "\e146"; } .icon-weather-snow-halfmoon:before { content: "\e147"; } .icon-weather-snow-sun:before { content: "\e148"; } .icon-weather-snowflake:before { content: "\e149"; } .icon-weather-star:before { content: "\e14a"; } .icon-weather-storm-11:before { content: "\e14b"; } .icon-weather-storm-32:before { content: "\e14c"; } .icon-weather-storm-fullmoon:before { content: "\e14d"; } .icon-weather-storm-halfmoon:before { content: "\e14e"; } .icon-weather-storm-sun:before { content: "\e14f"; } .icon-weather-sun:before { content: "\e150"; } .icon-weather-sundown:before { content: "\e151"; } .icon-weather-sunset:before { content: "\e152"; } .icon-weather-taurus:before { content: "\e153"; } .icon-weather-tempest:before { content: "\e154"; } .icon-weather-tempest-fullmoon:before { content: "\e155"; } .icon-weather-tempest-halfmoon:before { content: "\e156"; } .icon-weather-tempest-sun:before { content: "\e157"; } .icon-weather-variable-fullmoon:before { content: "\e158"; } .icon-weather-variable-halfmoon:before { content: "\e159"; } .icon-weather-variable-sun:before { content: "\e15a"; } .icon-weather-virgo:before { content: "\e15b"; } .icon-weather-waning-cresent:before { content: "\e15c"; } .icon-weather-waning-gibbous:before { content: "\e15d"; } .icon-weather-waxing-cresent:before { content: "\e15e"; } .icon-weather-waxing-gibbous:before { content: "\e15f"; } .icon-weather-wind:before { content: "\e160"; } .icon-weather-cloud:before { content: "\e161"; } .icon-weather-cloud-drop:before { content: "\e162"; } .icon-weather-cloud-lightning:before { content: "\e163"; } .icon-weather-cloud-snowflake:before { content: "\e164"; } .icon-arrow413:before { content: "\e165"; } .icon-arrow427:before { content: "\e166"; } .icon-wrong6:before { content: "\e167"; } .icon-list23:before { content: "\e168"; } .icon-list23-1:before { content: "\e169"; } .icon-menu27:before { content: "\e16a"; } .icon-menu45:before { content: "\e16b"; } .icon-menu53:before { content: "\e16c"; } .icon-menu55:before { content: "\e16d"; } .icon-wrong6-1:before { content: "\e16e"; } .icon-thin35:before { content: "\e16f"; } .icon-thin36:before { content: "\e170"; } .icon-right106:before { content: "\e171"; } .icon-up77:before { content: "\e172"; } .icon-next15:before { content: "\e173"; } .icon-previous11:before { content: "\e174"; } .box-slider .slide:not(.active) {display: none;} #preloader { display: none; } .video-wrap { float: right; margin: 0 0 5px 20px; position: relative; max-width: 35%; overflow: hidden; } .modal-body .video-wrap { max-width: 50%; } .video-wrap .img-responsive { margin: -8% 0; } .boxwidget .video-wrap { float: right; margin: 0; position: relative; max-width: 100%; overflow: hidden; } .btn.btn-close-video { padding: 8px 12px; } @media (max-width: 991px) { .video-wrap { max-width: 50%; } } @media (max-width: 768px) { .video-wrap { float: right; margin: 0 0 5px 20px; position: relative; max-width: 100%; overflow: hidden; height: 280px; width: 100%; } .video-wrap .img-responsive { position: absolute; width: 100%; top: 35%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index: 2; margin: 0; } .boxwidget .video-wrap { height: 220px; } } .bootstrap-select .dropdown-toggle .filter-option { overflow: hidden; white-space: nowrap; } .g-absolute-centered { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); text-align: center; z-index: 10; } .u-icon-v3 { background-color: #ffc926; border-radius: 10px; cursor: pointer; color: #fff !important; width: auto; font-size: 1rem; line-height: 1.2rem; font-weight: 500; display: inline-block; padding: 10px 15px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5); } .u-icon-v3 i { position: relative; display: inline-block; z-index: 12; } .u-icon-v3:hover { background-color: #648859 !important; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); } .content-pane .h3l { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ffc926; color: #616161; display: block; clear: both; padding-top: 20px; } hr.primary { border-top: 1px solid #ffc926; } .tab-pane .h3l { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #c2c2c2; color: #616161; display: block; clear: both; padding-top: 20px; } .youtube { margin-bottom: 25px; position: relative; display: block; height: 0; padding: 0 0 56.25% 0; overflow: hidden; background-color: #000000; } .youtube iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .u-go-to-v1 { width: 3.57143rem; height: 3.57143rem; display: block; background-color: rgba(255, 255, 255, 0.7); border-radius: 50%; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; z-index: 11; font-size: 22px; } .u-go-to-v1 i { position: absolute; color: #555; top: 52%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .u-go-to-v1:hover, .u-go-to-v1:focus:hover { text-decoration: none; color: #fff; background-color: #ffc926; } .u-go-to-v1:hover i, .u-go-to-v1:focus:hover i { color: #fff; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } .price-over-slider.next-over { left: 15px; border-left: 0; top: 125px; } @media (min-width: 992px) { .price-over-slider.next-over { left: 150px; border-left: 1px solid #fff; top: 75px; } } @media (max-width: 768px) { .price-over-slider.next-over { top: 135px; } } .btn-booking-form { font-size: 15px; border: 1px solid #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,.1); } .btn-booking-form { background: transparent; transition: all 0.7s ease-out; background: linear-gradient(270deg, rgba(255, 181, 16, 0.8), rgb(255, 197, 41), rgba(100, 136, 89, 1), rgba(100, 136, 89, 0.8)); background-position: 1% 70%; background-size: 300% 300%; } .btn-booking-form:hover { border: 1px solid rgba(255, 201, 38, 1); background-position: 99% 50%; } .u-icon-v3 i { margin-top: -3px; } .u-icon-v3:hover i { animation: slide1 2s ease-in-out infinite; margin-top: -3px; } .btn-booking-form i { animation: slide1 3s ease-in-out infinite; margin-top: -6px; font-size: 20px; } @keyframes slide1 { 0% {opacity: 1; transform: translateX(0px) scale(1);} 25%{opacity: 0; transform:translateX(8px) scale(0.9);} 26%{opacity: 0; transform:translateX(-5px) scale(0.9);} 55% {opacity: 1; transform: translateX(0px) scale(1);} } @media (min-width: 992px) { .price-over-slider.next-over { left: 150px; border-left: 1px solid #fff; top: 75px; } } @media (max-width: 768px) { .price-over-slider.next-over { top: 165px; } } @-webkit-keyframes burst { 0% { opacity: 1 } 75% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 1 } 85% { -webkit-transform: scale(1.7); transform: scale(1.7); opacity: 0 } 100% { opacity: 0 } } @keyframes burst { 0% { opacity: 1 } 75% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 1 } 85% { -webkit-transform: scale(1.7); transform: scale(1.7); opacity: 0 } 100% { opacity: 0 } } .faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-burst { -webkit-animation: burst 3s infinite linear; animation: burst 3s infinite linear; margin-left: 3px; margin-right: 3px; } .faa-burst.animated-hover.faa-fast:hover, .faa-burst.animated.faa-fast, .faa-parent.animated-hover:hover > .faa-burst.faa-fast { -webkit-animation: burst 1s infinite linear; animation: burst 1s infinite linear } .faa-burst.animated-hover.faa-slow:hover, .faa-burst.animated.faa-slow, .faa-parent.animated-hover:hover > .faa-burst.faa-slow { -webkit-animation: burst 3s infinite linear; animation: burst 3s infinite linear } @-webkit-keyframes falling { 0% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0 } 25% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 75% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0 } } @keyframes falling { 0% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0 } 25% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 75% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0 } } .faa-falling.animated, .faa-falling.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-falling { -webkit-animation: falling 3s linear infinite; animation: falling 3s linear infinite } .faa-falling.animated-hover.faa-fast:hover, .faa-falling.animated.faa-fast, .faa-parent.animated-hover:hover > .faa-falling.faa-fast { -webkit-animation: falling 1s linear infinite; animation: falling 1s linear infinite } .faa-falling.animated-hover.faa-slow:hover, .faa-falling.animated.faa-slow, .faa-parent.animated-hover:hover > .faa-falling.faa-slow { -webkit-animation: falling 3s linear infinite; animation: falling 3s linear infinite } .icons-percent::before { content: '%'; font-weight: 700; width: 24px; height: 24px; line-height: 24px; font-size: 14px; float: left; background: #ffc926; color: #fff; border-radius: 50%; margin-top: 4px; } .table>tbody>tr>td { } .icons-percent { font-family: Oswald, sans-serif; position: absolute; top: -8px; left: -28px; } .table .old_price { font-size: 0.9em; text-align: right; position: relative; display: inline-block; } .table .new_price { text-align: right; font-size: 1.05em; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 6px 4px; } .small-table-hidden { display: table-cell; } .small-table-show { display: none; } @media (min-width: 992px){ .btn-booking-form br.hidden { display: inline-block !important; } .btn-booking-form span.hidden { display: inline-block !important; } .btn-booking-form i { margin-bottom: -12px !important; } } @media (min-width: 992px) and (max-width: 1140px){ .table>tbody>tr>td.price{ text-align: right; } .icons-percent { text-align: center; } .btn-booking-form { padding: 7px 12px; } .small-table-hidden { display: none; } .small-table-show { display: inline-block; } } @media (min-width: 1141px){ .table>tbody>tr>td.price{ text-align: right; } .icons-percent { text-align: center; } } .container-fluid { max-width: 1280px; } .checkbox input[type=checkbox]~span.checkbox_marker::before { animation: slide1 3s ease-in-out infinite; font-family: 'FontAwesome'; font-size: 20px; line-height: 20px; content: "\f101"; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; top: -1px; margin-left: -20px; padding-left: 3px; padding-top: 0px; color: #ce9d1e; transition: visibility 0.5s, opacity 0.5s linear; visibility: visible; opacity: 1; } .checkbox input[type=checkbox]:checked~span.checkbox_marker::before { visibility: hidden; opacity: 0; } #header{position:relative;left:0;top:0;right:0;z-index:1000;font-size:14px;background-color:#fff;border-bottom:rgba(0,0,0,0.05) 1px solid;transition:all .800s}#topMain .dropdown a.dropdown-toggle,#topMain .dropdown a>*{text-transform:uppercase;color:#777}#topMain .dropdown a:hover,#topMain .dropdown a:hover>*,#topMain .dropdown:hover a>*{color:#fff;transition:all .800s}#header .navbar-collapse.navbar-centered{position:absolute;left:0;right:0;text-align:center;z-index:-1}#header .navbar-collapse.navbar-centered>.nav-main{display:inline-block}#navigation button.btn-mobile{display:none}#navigation button.btn-mobile{position:relative;float:left;padding:7px 10px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:0px}#navigation button.btn-mobile i{padding:10px;font-size:24px}@media only screen and (max-width: 767px){#navigation button.btn-mobile{display:inline-block}}#header.transparent{position:absolute;background-color:transparent;border-bottom:rgba(255,255,255,0.3) 1px solid;box-shadow:none}#header.transparent.color,#header.transparent.dark{border:0}#header.transparent #topMain.nav-pills>li>a{color:#fff;border-radius:0}#header.transparent #topMain.nav-pills>li.active>a,#header.transparent #topMain.nav-pills>li>a:hover{background-color:rgba(0,0,0,0.03)}#header.transparent+section.page-header.page-header-lg,#header.transparent+section.page-header{padding:180px 0}#header.transparent+section.page-header.page-header-xlg{padding:280px 0;padding-top:350px}#header.transparent+section.page-header.page-header-lg{padding-top:250px}#header.transparent a.social-icon{background-color:rgba(0,0,0,0.2)}#header.transparent a.social-icon>i{color:#eaeaea}#header.fixed.transparent{background-color:#fff}#header.fixed.dark,#header.fixed.dark.transparent{background-color:#333;border:0}#header.fixed.transparent ul.nav-second-main li a,#header.fixed.transparent ul.nav-second-main li a>i,#header.fixed.transparent #topMain.nav-pills>li>a{color:#151515}#header.fixed.dark.transparent ul.nav-second-main li a,#header.fixed.dark.transparent ul.nav-second-main li a>i,#header.fixed.dark.transparent #topMain.nav-pills>li>a{color:#fff}@media only screen and (max-width: 767px){#header.transparent.fixed #topNav button.btn-mobile{color:#333 !important}#header.transparent.dark.fixed #topNav button.btn-mobile{color:#fff !important}#header.transparent #topMain.nav-pills>li>a{color:#fff}#header.transparent.dark #topMain.nav-pills>li>a{color:#fff}}@media only screen and (max-width: 767px){#header.transparent+section.page-header{margin-top:0}#header.transparent #topMain{background-color:#333 !important}#header.transparent #topMain li.active>a{color:#fff !important}}#header.translucent{position:absolute;background-color:rgba(0,0,0,0.2);box-shadow:none}#header.translucent #topMain.nav-pills>li>a{color:#fff;border-radius:0}#header.translucent #topMain.nav-pills>li.active>a,#header.translucent #topMain.nav-pills>li>a:hover{color:#fff;background-color:rgba(0,0,0,0.1)}#header.translucent+section.page-header{margin-top:-100px;padding:180px 0}#header.translucent+section.page-header.page-header-xlg{padding:280px 0;padding-top:420px}#header.translucent+section.page-header.page-header-lg{padding-top:350px}#header.fixed.translucent{background-color:#fff}#header.fixed.dark,#header.fixed.dark.translucent{background-color:#333;border:0}#header.fixed.translucent ul.nav-second-main li a,#header.fixed.translucent ul.nav-second-main li a>i,#header.fixed.translucent #topMain.nav-pills>li>a{color:#151515}#header.fixed.dark.translucent ul.nav-second-main li a,#header.fixed.dark.translucent ul.nav-second-main li a>i,#header.fixed.dark.translucent #topMain.nav-pills>li>a{color:#fff}@media only screen and (max-width: 767px){#header.transparent+section.page-header{margin-top:0}}#header.bottom{position:absolute;top:auto;bottom:0;border-bottom:rgba(0,0,0,0.05) 1px solid}#header.bottom.fixed{top:0;bottom:auto}#header.bottom.sticky{position:absolute}#header.bottom.fixed.sticky{position:fixed}#header.bottom.dropup #topMain>li>ul.dropdown-menu ul.dropdown-menu{bottom:auto;box-shadow:none}#header.bottom.dropup ul.dropdown-menu{bottom:94px}#header.header-md.bottom.dropup ul.dropdown-menu{bottom:68px}#header.header-sm.bottom.dropup ul.dropdown-menu{bottom:58px}#header.bottom.dropup.slim ul.dropdown-menu{bottom:53px}#header.bottom.dropup .nav-second-main .quick-cart-box,#header.bottom.dropup .nav-second-main .search-box{top:auto;bottom:100%;margin-bottom:39px;box-shadow:5px -5px rgba(91,91,91,0.2);border-bottom:0}#header.bottom.header-md.dropup .nav-second-main .quick-cart-box,#header.bottom.header-md.dropup .nav-second-main .search-box{margin-bottom:23px}#header.bottom.header-sm.dropup .nav-second-main .quick-cart-box,#header.bottom.header-sm.dropup .nav-second-main .search-box{margin-bottom:20px}#header.bottom.dropup ul.dropdown-menu:before{top:auto;bottom:-10px !important;border-bottom:0 !important;border-top:#fff 10px solid}#header.bottom.dropup.dark ul.dropdown-menu:before{border-top:rgba(33,33,33,0.95) 10px solid !important}#header.bottom+#slider{margin-bottom:94px}#header.header-md.bottom+#slider{margin-bottom:70px}#header.header-sm.bottom+#slider{margin-bottom:60px}#header.header-sm.bottom.transparent+#slider,#header.header-sm.bottom.translucent+#slider{margin-bottom:0}#header.bottom+#slider>.swiper-container .swiper-pagination{top:0 !important;bottom:auto}@media only screen and (max-width: 767px){#header.bottom{top:0;bottom:auto}#header.bottom.sticky{position:relative !important}#header.bottom.transparent ul.nav-second-main li a,#header.bottom.transparent ul.nav-second-main li a>i,#header.bottom.transparent #topNav button.btn-mobile{color:#212121}#header.bottom+#slider>.swiper-container .swiper-pagination{top:auto !important;bottom:10px}#header.bottom.dropup .nav-second-main .quick-cart-box,#header.bottom.dropup .nav-second-main .search-box{bottom:auto}}#header.bottom.static+#slider{margin-bottom:0}#header.bottom.static{border-top:rgba(0,0,0,0.15) 1px solid}#header.bottom.static.dark{border-top:rgba(255,255,255,0.15) 1px solid}#header.bottom.static .nav-second-main .quick-cart-box,#header.bottom.static .nav-second-main .search-box,#header.bottom.static .nav-second-main .quick-cart-box,#header.bottom.static .nav-second-main .search-box{border:rgba(0,0,0,0.15) 1px solid;border-bottom:0}#header.bottom.static.dark .nav-second-main .quick-cart-box,#header.bottom.static.dark .nav-second-main .search-box,#header.bottom.static.dark .nav-second-main .quick-cart-box,#header.bottom.static.dark .nav-second-main .search-box{border:rgba(255,255,255,0.15) 1px solid;border-bottom:0}#header.static:not(.transparent)+section.page-header{margin-top:60px}#topNav .full-container{display:block;margin:0 15px}#topNav ul.dropdown-menu>li,#topNav ul.dropdown-menu>li a{background-color:transparent}#topNav .nav-pills>li+li{margin-left:0}#header li.search .search-box form{margin:0}#header.header-md #topNav a.logo{height:70px;line-height:50px}#header.header-md #topNav a.logo>img{height:70px}#header.header-md #topNav #topMain>li>a{height:70px;line-height:50px}@media only screen and (max-width: 767px){#header.header-md #topMain.nav-pills>li>a{color:#212121}#header.header-md #topMain.nav-pills>li.active>a,#header.header-md #topMain.nav-pills>li>a:hover{color:#212121;background-color:rgba(0,0,0,0.02)}}#header.header-sm #topNav a.logo{height:60px;line-height:50px}#header.header-sm #topNav a.logo>img{height:60px}#header.header-sm #topNav #topMain>li>a{height:60px;line-height:40px}@media only screen and (max-width: 767px){#header.header-sm #topMain.nav-pills>li>a{color:#212121}#header.header-sm #topMain.nav-pills>li.active>a,#header.header-sm #topMain.nav-pills>li>a:hover{color:#212121;background-color:rgba(0,0,0,0.02)}}#header.fixed{position:fixed;border-bottom:rgba(0,0,0,0.08) 1px solid}#header.fixed #topNav a.logo{height:60px;line-height:50px}#header.fixed #topNav a.logo>img{height:60px}#header.fixed #topNav #topMain>li>a{height:60px;line-height:40px}#header.static{position:fixed}#header.static:not(.transparent){border-bottom:rgba(0,0,0,0.08) 1px solid}.header{box-shadow:0px 0px 4px 0px rgba(0,0,0,0.6)}@media only screen and (max-width: 767px){.topbar .container{padding:0}#header.header-sm #topMain.nav-pills>li>a,#header.header-md #topMain.nav-pills>li>a{color:#212121}#header.header-sm #topMain.nav-pills>li.active>a,#header.header-sm #topMain.nav-pills>li>a:hover,#header.header-md #topMain.nav-pills>li.active>a,#header.header-md #topMain.nav-pills>li>a:hover{color:#212121;background-color:rgba(0,0,0,0.02)}#header.transparent.header-sm #topMain.nav-pills>li>a,#header.transparent.header-md #topMain.nav-pills>li>a,#header.transparent.header-sm #topMain.nav-pills>li.active>a,#header.transparent.header-sm #topMain.nav-pills>li>a:hover,#header.transparent.header-md #topMain.nav-pills>li.active>a,#header.transparent.header-md #topMain.nav-pills>li>a:hover{color:#fff}#header.transparent #topMain,#header .submenu-dark #topMain{background-color:#333}#header.dark #topMain.nav-pills>li.active>a,#header.dark #topMain.nav-pills>li:hover>a,#header.dark #topMain.nav-pills>li>a{color:#333}#header.dark .submenu-dark #topMain.nav-pills>li.active>a,#header.dark .submenu-dark #topMain.nav-pills>li:hover>a,#header.dark .submenu-dark #topMain.nav-pills>li>a{color:#fff}#header.dark #topMain.nav-pills>li.active>a{background-color:rgba(0,0,0,0.1)}}#topBar{display:block;background-color:#fff;border-bottom:rgba(0,0,0,0.05) 1px solid}#topBar>.border-bottom{border-bottom:rgba(0,0,0,0.05) 1px solid}#topBar>.border-top{border-top:rgba(0,0,0,0.05) 1px solid}#topBar.dark{color:#ccc;background-color:#363839;border-bottom-color:rgba(255,255,255,0.1)}#topBar.dark .dropdown-menu a,#topBar.dark ul.top-links>li>a{color:#fff}#topBar.dark .dropdown-menu a:hover{color:#fff !important;background-color:#333}#topBar.dark ul.top-links>li{border-right:rgba(255,255,255,0.1) 1px solid}body.boxed #topBar.dark ul.top-links>li{border-right:0}#topBar.dark .dropdown-menu{background-color:#363839}#topBar.dark .dropdown-menu .divider{background-color:#444}#topBar.dark>.border-bottom{border-bottom-color:rgba(255,255,255,0.1)}#topBar.dark>.border-top{border-top-color:rgba(255,255,255,0.1)}#topBar .logo{display:inline-block}#topBar .logo img{transition:width .4s ease, height .4s ease}#topBar .logo.has-banner{height:100px;line-height:100px}#topBar .banner{margin:5px 0;display:inline-block;padding-left:5px;border-left:rgba(0,0,0,0.05) 1px solid}#topBar.dark .banner{border-left-color:rgba(255,255,255,0.05) 1px solid}#topBar .social-icon{margin:3px 0 0 0}#topBar ul.top-links{float:left;margin:0}#topBar ul.top-links>li{padding:0;display:inline-block;margin-left:-3px;position:relative;border-right:rgba(0,0,0,0.1) 1px solid}#topBar ul.top-links>li:hover>.dropdown-menu,#mainMenu ul.top-links>li:hover>.dropdown-menu{display:block !important}#topBar ul.top-links>li .dropdown-menu{z-index:3000}#topBar ul.top-links>li>a{padding:10px;font-size:12px;color:#151515;display:block;text-decoration:none}#topBar ul.top-links>li>a:hover{background-color:rgba(0,0,0,0.01)}#topBar ul.top-links>li>a>i{margin-right:5px;filter:alpha(opacity=30);opacity:0.3}@media only screen and (max-width: 767px){#topBar{text-align:center}#topBar ul.top-links{display:inline-block;float:none;margin:0 auto}#topBar ul.top-links>li:last-child>a{border-right:0}}#topBar ul.top-links li.text-welcome{padding:0 15px;font-size:12px}#topBar ul.dropdown-menu{min-width:50px;margin:0;padding:0;margin-left:-1px}#topBar ul.dropdown-menu>li>a{padding:8px 6px;font-size:12px}#topBar ul.dropdown-langs>li>a{padding:3px 6px;font-size:12px}#topBar ul.top-links>li>a>img.flag-lang{float:left;margin-top:3px;margin-right:6px}#topBar ul.dropdown-menu>li>a>i{margin-right:6px}#topBar ul.dropdown-langs>li:hover>a{color:#000 !important;background-color:#eee}#topBar ul.dropdown-menu>li.divider{margin:0;padding:0;border-bottom:0;height:1px}#header ul.nav-second-main{border-left:rgba(0,0,0,0.1) 1px solid;padding-left:15px;margin-top:39px;transition:all .300s}#header.fixed ul.nav-second-main{margin-top:20px}#header.header-sm ul.nav-second-main{margin-top:20px}#header.header-md ul.nav-second-main{margin-top:23px}#header.fixed.header-sm ul.nav-second-main.nav-social,#header.fixed.header-md ul.nav-second-main.nav-social{margin-top:18px}#header ul.nav-second-main.nav-social a{margin-left:10px !important}#header ul.nav-second-main.nav-social>li:first-child a{margin-left:10px !important}#header.fixed ul.nav-second-main.nav-social a>i:hover{color:#fff !important}#header ul.nav-second-main li{padding-top:33px;padding:0 5px 0px 5px}#header ul.nav-second-main li>a{background-color:transparent;color:#666;padding:0 3px;display:block}#header ul.nav-second-main li i{font-size:18px;width:20px;height:20px;margin:0;padding:0;opacity:0.6;filter:alpha(opacity=60);transition:all .300s}#header ul.nav-second-main li:hover i{opacity:1;filter:alpha(opacity=100)}#header ul.nav-second-main li .badge{padding:3px 6px}#header.transparent ul.nav-second-main li a,#header.transparent ul.nav-second-main li a>i,#header.color ul.nav-second-main li a,#header.color ul.nav-second-main li a>i,#header.dark ul.nav-second-main li a,#header.dark ul.nav-second-main li a>i{color:#fff;opacity:1;filter:alpha(opacity=100)}@media only screen and (max-width: 767px){#header ul.nav-second-main{margin:15px 15px 0 0;border:0}#header ul.nav-second-main li{padding:0;padding-top:6px}#header ul.nav-second-main{transition:all 0s}#header.fixed ul.nav-second-main li{padding-top:0}#header.header-md ul.nav-second-main li>a,#header.header-sm ul.nav-second-main li>a{margin-top:-6px}#header.header-md ul.nav-second-main{margin-top:20px}#header.fixed.header-sm ul.nav-second-main.nav-social,#header.fixed.header-md ul.nav-second-main.nav-social{margin-top:26px}#header.header-md.translucent ul.nav-second-main{margin-top:23px}#header.header-md.translucent.fixed ul.nav-second-main{margin-top:29px}}#topNav ul.dropdown-menu{text-align:left;margin-top:0;border:#fff 1px solid;border-top:#648859 2px solid;list-style:none;background:#fff;box-shadow:rgba(0,0,0,0.4) 0 6px 12px;min-width:200px;padding:0;transition:top .4s ease;border-radius:0}#topNav ul.dropdown-menu ul.dropdown-menu{margin-top:-1px !important}#topNav ul.dropdown-menu li{position:relative;border-bottom:rgba(0,0,0,0.15) 1px solid}#topNav ul.dropdown-menu li.first{position:relative;border-bottom:rgba(0,0,0,0.4) 1px solid}#topNav ul.dropdown-menu li:last-child{border-bottom:0}#topNav ul.dropdown-menu li a{margin:0;padding:12px 10px;font-weight:600;line-height:1.43em;color:#777;font-size:14px;display:block;text-decoration:none}#topNav ul.dropdown-menu>li a i{margin-right:6px;font-size:12px}#topNav ul.dropdown-menu a.dropdown-toggle{background-position:right center;background-repeat:no-repeat}#topNav ul.dropdown-menu li.active>a,#topNav ul.dropdown-menu li.active:hover>a,#topNav ul.dropdown-menu li.active:focus>a,#topNav ul.dropdown-menu li:hover>a,#topNav ul.dropdown-menu li:focus>a,#topNav ul.dropdown-menu li:focus>a{color:#000;background-color:rgba(0,0,0,0.05)}#topNav ul.dropdown-menu li.divider{margin:-1px 0 0 0;padding:0;border:0;background-color:rgba(0,0,0,0.1)}#topNav .nav li:hover>ul.dropdown-menu{padding:0;display:block;z-index:100}#topNav ul.dropdown-menu li .label{margin-top:4px}#topNav ul.dropdown-menu>li:hover>ul.dropdown-menu{display:block;position:absolute;left:100%;top:0;padding:0;margin:0;border-left:0 !important;border-right:0 !important;border-bottom:0 !important}#topMain.nav-onepage>li.active>a{font-weight:bold}@media only screen and (max-width: 767px){#sidebar .widget{margin-bottom:5px}#topMain.nav-pills>li>a.dropdown-toggle:after{display:block;content:"\f107";position:absolute;top:50%;right:10px;margin:-5px 0 0;font-family:FontAwesome;font-size:15px;opacity:.6;line-height:1em;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in, -webkit-transform .2s ease-in}#topNav .navbar-collapse::before{display:none}.navbar-collapse{height:100%}form.mobile-search{display:block}#topNav div.nav-main-collapse{padding:0;margin:0}#topNav button.btn-mobile{display:block;float:right;margin-right:0}#header.dark #topNav button.btn-mobile,#header.transparent #topNav button.btn-mobile,#header.theme-color #topNav button.btn-mobile{color:#fff}#topNav nav.nav-main{background-color:#fff}#topNav div.nav-main-collapse,#topNav div.nav-main-collapse.in{width:100%;margin:-1px 0 0 0}#topNav div.nav-main-collapse{float:none;overflow-x:hidden;max-height:350px}}@media only screen and (max-width: 767px) and (max-width: 767px){html.noscroll,html.noscroll body{overflow:hidden !important}}@media only screen and (max-width: 767px){html.noscroll,html.noscroll body{overflow:hidden !important}#header.fixed #topNav div.nav-main-collapse,#topNav div.nav-main-collapse{max-height:100% !important;height:100%;width:100%;position:fixed !important;left:0 !important;right:0;bottom:0;top:60px;z-index:9999 !important;overflow-y:scroll !important;margin:0 !important}#topNav div.nav-main-collapse{-webkit-overflow-scrolling:touch;-webkit-animation:fadeIn .3s !important;animation:fadeIn .3s !important}#navigation button.btn-mobile-active{position:fixed !important;z-index:999999 !important;background-color:#232323 !important;height:60px !important;top:0 !important;width:100%;left:0;right:0;margin:0 !important;opacity:0.8}#navigation button.btn-mobile-active>i{float:right;margin-right:10px;margin-left:10px;padding:5px;color:#fff !important;font-size:30px}#navigation button.btn-mobile-active>i:before{content:"\e01f" !important}#menu-overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10 !important}#topMain,#topNav ul.dropdown-menu{color:#777;background-color:#fff !important}#topNav ul.dropdown-menu{border:0}#topMain>li>a{color:#fff !important}#topNav ul.dropdown-menu li>a{color:#fbfbfb !important}#topMain>li>a,#topNav ul.dropdown-menu li>a{font-size:15px !important}#topNav div.nav-main-collapse.collapse{display:none !important}#topNav div.nav-main-collapse.in{display:block !important}#topNav div.nav-main-collapse{position:relative}#topMain>li>a>span{display:none !important}#topMain li{display:block !important;float:none;text-align:left;border-radius:0}#topMain li a{text-align:left;border:0;height:auto;line-height:15px;border-radius:0}#topMain>li:hover,#topMain>li:hover>a{border-top:0 !important}#topMain>li>a{height:auto;line-height:auto}#topMain ul.dropdown-menu{position:static;clear:both;float:none;display:none !important;border-left:0 !important;box-shadow:none}#topNav nav.nav-main li.resp-active>ul.dropdown-menu{display:block !important;margin-left:30px;margin-right:30px;padding:0px 0;border-right:0}#topNav nav.nav-main li.resp-active>ul.dropdown-menu li{border-left:0;padding:0px !important}#topNav ul.nav>li:hover>a:before,#topNav ul.nav>li.active>a:before{background-color:transparent}#topNav ul.dropdown-menu>li:hover>ul.dropdown-menu{position:static}#topNav div.submenu-dark ul.dropdown-menu{border-top:0}#topNav nav.nav-main li.resp-active>ul.dropdown-menu{margin:0;padding:0}#topNav nav.nav-main li>ul.dropdown-menu li a{padding:8px 5px 8px 30px;font-size:14px !important}#topNav .dropdown-menu.pull-right,#topNav .dropdown-menu.pull-left{float:none !important}}@media only screen and (max-width: 500px){#topNav div.nav-main-collapse{max-height:290px;overflow-y:auto}}#topNav #topMain>li.mega-menu{position:inherit;color:#fff}#topNav #topMain>li.mega-menu>ul{max-width:100%;width:100%}#topNav #topMain>li.mega-menu div.row{display:table;margin:0;padding:0;width:100%}#topNav #topMain>li.mega-menu div.row div{display:table-cell;border-left:rgba(0,0,0,0.1) 1px solid;margin-left:-1px;display:table-cell;vertical-align:top;float:none;margin:0;padding:15px 0 0 0}#topNav #topMain>li.mega-menu div.row>div:first-child{border-left:0 !important}#topNav #topMain>li.mega-menu div.row div>ul>li>span{color:#111;font-weight:bold;display:block;padding:6px 15px 15px 15px}@media only screen and (max-width: 767px){#topNav #topMain>li.mega-menu div.row div>ul>li>span{color:#fff}}#topNav #topMain>li.mega-menu div.row div:first-child{border-left:0}#topNav #topMain>li.mega-menu div.row div>ul>li+li>span{margin-top:25px}#topNav ul.dropdown-menu a.dropdown-toggle{background-image:url("../images/_smarty/submenu_light.png")}#topNav div.submenu-dark ul.dropdown-menu{background:#333;background-color:#333}#topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle{background-image:url("../images/_smarty/submenu_dark.png")}#topNav div.submenu-dark ul.dropdown-menu li.active>a,#topNav div.submenu-dark ul.dropdown-menu li.active:hover>a,#topNav div.submenu-dark ul.dropdown-menu li.active:focus>a,#topNav div.submenu-dark ul.dropdown-menu li:hover>a,#topNav div.submenu-dark ul.dropdown-menu li:focus>a,#topNav div.submenu-dark ul.dropdown-menu li:focus>a{color:#fff;background-color:#ffc926}#topNav div.submenu-dark ul.dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}#topNav div.submenu-dark #topMain>li.mega-menu div.row div>ul>li>span{color:#fff}#topNav div.submenu-dark #topMain>li.mega-menu div.row>div{border-left:rgba(0,0,0,0.2) 1px solid}@media only screen and (max-width: 767px){#topNav div.submenu-dark li>a{color:#777 !important}#topNav div.submenu-dark li:hover>a{color:#fff !important}#header.translucent #topMain,#header.dark.transparent #topMain{background-color:#fff !important}}#topMain>li>a{padding:6px 10px 4px 10px}#topMain.nav-pills>li>a{font-family:Raleway,sans-serif;font-size:14px;margin-top:0;color:#777;background-color:transparent;font-weight:600}#topMain.nav-pills>li:hover>a,#topMain.nav-pills>li:focus>a{color:#fff;background-color:#ffc926}#topMain.nav-pills>li.active>a{color:#687482}#topMain.nav-pills>li>a.dropdown-toggle{border-radius:0}#topNav .navbar-collapse{float:left;padding-right:0;padding-left:0}#topNav a.logo{height:96px;line-height:96px;overflow:hidden;display:inline-block}@media only screen and (max-width: 1215px){#topMain.nav-pills>li>a{font-size:14px}}@media only screen and (max-width: 767px){#header{height:0px !important}.navbar,.navbar-collapse{margin:4px 0 0 0}#header #topNav #topMain>li>a{height:40px !important;line-height:40px !important;padding-top:0}#topMain>li{border-bottom:rgba(0,0,0,0.1) 1px solid}#topMain>li:last-child{border-bottom:0}#header li.search .search-box{margin:0 !important;position:fixed;left:0;right:0;top:60px !important;width:100%;background-color:#fff;border-top:rgba(0,0,0,0.1) 1px solid}}#topNav .navbar-collapse::before{position:absolute;content:"";z-index:99998;width:0;height:0;left:4px;top:10px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #ffc926} .st-booking-table { width: 100%; } .st-booking-table td { padding: 5px 10px; } .st-booking-table .st-position-price-col { text-align: right; } .st-booking-table .st-total-tr > td { border-top: 1px solid black; } .st-booking-table .st-total-price { border-bottom: 1px solid; font-weight: bold; } /* #TODO Move */ .st-required:after { content: " *"; } .radio label { white-space: normal; } .checkbox label { white-space: normal; } .btn.dropdown-toggle.btn-white { white-space: normal; } @media (max-width: 786px) { .booking_form .table > tbody > tr > td { display: block; width: 99%; } .booking_form .table.first-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 99%; } .content-copy p { line-height: 1.4em; white-space: normal; } .c1 li { white-space: normal; } .st-traveller-index { white-space: normal; height: auto !important; } } @media (max-width: 480px) { .home-info-box { float: none; } } .cc-window.cc-floating { padding: 1em 0.5em; } .cc-window { font-size: 14px; line-height: 1.3em; } #section_order { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #section_order_first { order:1; width: 100%; } #section_order_second { order:2; width: 100%; } @media only screen and (max-width: 991px) { #order_row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #sidebar { order: 1; } #content { order: 2; } } ol { margin-left: 15px; }