/* Theme Name:CITYTOURS v.6.8 Theme URI:http://www.ansonika.com/citytours/ Author:Ansonika Author URI:http://themeforest.net/user/Ansonika/ [Table of contents] 1. SITE STRUCTURE and TYPOGRAPHY - 1.1 Typography - 1.2 Buttons - 1.3 Structure - 1.4 Menu 2. CONTENT - 2.1 Home - 2.2 All tours list / All tours grid - 2.3 Single tour page - 2.4 Cart - Payment - Confirmation - 2.5 About - 2.6 Contact us - 2.7 Login / register - 2.8 Tour guide page - 2.9 Transfer - 3.0 Hotel - 3.1 Whishlist - 3.2 Map listing 3. COMMON - Tooltips - Containers styles - Form styles - Tabs, collapse - etc 4. UPDATES - 4.1 Home 7 - 4.2 Faq - 4.3 Pricing tables - 4.4 Common 5. UPDATES - 5.1 Ribbons css - 5.2 Footers versions - 5.3 Header versions - 5.4 Gallery overlay - 5.5 Map + infobox 6. UPDATES - 6.1 Footer Fixed - 6.2 Notify - 6.3 Search modal - 6.4 Header 7 7. UPDATES - 7.1 Date dropper/Time dropper (DISMISSED) - 7.2 Tabs home - 7.3 Morphext - 7.4 Cookie-bar - 7.5 Sing In Modal - 7.6 Styles Switcher 8. UPDATES - 8.1 Home - 8.2 Misc 9. RESPONSIVE /*============================================================================================*/ /* 1. SITE STRUCTURE and TYPOGRAPHY */ /*============================================================================================*/ /*-------- 1.1 Typography --------*/ html, body { -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} body {background-color:var(--background-color);font-size:14px;line-height:1.5;font-family:"Montserrat", Arial, sans-serif;color:#2a2a2a;} h1, h2, h3, h4, h5, h6 {color:var(--text-color);} h3 {font-size:22px;} h4 {font-size:20px;} h1, h2, h3 {margin-top:20px;margin-bottom:10px;} .main_title {text-align:center;font-size:16px;margin-bottom:30px;} .main_title h2 {text-transform:uppercase;font-weight:700;letter-spacing:-1px;font-size:30px;margin-bottom:0;margin-top:0;} .main_title p {font-weight:400;font-size:20px;color:#555;} h2 span, h3 span, h4 span, h5 span, h6 span{color:var(--primary-color);} .box_style_1 h3.inner{ margin:-30px -30px 20px -30px;background-color:#565a5c;padding:10px 20px 10px 18px;color:#fff;border:1px solid #fff;-webkit-border-top-left-radius:3px;text-align:center;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;} /*General links color*/ a {color:#e14d67;text-decoration:none;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;outline:none;} a:hover,a:focus {color:#111;text-decoration:none;outline:none;} p {margin:0 0 20px 0;} .nopadding { margin:0 !important;padding:0 !important;} hr { margin-top:20px;margin-bottom:20px;border:0;background-color:#ddd;opacity:1;} strong { font-weight:600;} /*-------- 1.2 Buttons --------*/ a.button_intro, .button_intro { border:none;font-family:inherit;font-size:inherit;color:#fff !important;background:var(--primary-color);cursor:pointer;padding:8px 25px;display:inline-block;outline:none;font-size:12px;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-transform:uppercase;font-weight:bold;min-width:150px;} a.button_intro:hover, .button_intro:hover { background:#fff;color:#e04f67 !important;} a.button_intro.outilne, .button_intro.outline { border:2px solid #fff;color:#fff;background:none;padding:6px 23px;} a.button_intro:hover, .button_intro:hover { background:#fff;color:#e04f67;} a.button_drop.outilne, .button_drop.outline { border:2px solid #ededed;color:#e04f67;background:none;padding:3px 23px !important;} a.button_drop.outline:hover, .button_drop.outline:hover { background:#ededed;color:#333;border:2px solid #ededed;} a.btn_1, .btn_1{ /* border:none;*/ border-color:var(--primary-color);font-family:inherit;font-size:inherit;color:#fff;background:var(--primary-color);cursor:pointer;padding:7px 20px;display:inline-block;outline:none;font-size:13px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;/* transition:all 0.3s;*/ transition:background-color 0.3s ease;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:600;} a.btn_1.green, .btn_1.green {background:#83c99f;} a.btn_1.white, .btn_1.white {background:#fff;color:#e04f67;} a.btn_1.white:hover, .btn_1.white a:hover {background:#333;color:#fff;} a.btn_1.outline,.btn_1.outiline, input .btn_1.outiline{ color:#555;background:none;border:2px solid #555;padding:5px 18px;} a.btn_1.outline:hover,.btn_1.outiline:hover, input .btn_1.outiline:hover{ color:#fff;background:#e04f67;border:2px solid #e04f67;} a.btn_1.medium, .btn_1.medium { padding:10px 25px;font-size:14px;} a.btn_1.small, .btn_1.small { padding:5px 8px;font-size:10px;line-height:9px;text-transform:none;color:#fff !important;} a.btn_1:hover, .btn_1:hover { background:#333;/* background-color:var(--button-hover-color);*/ /* border-color:var(--button-hover-color);*/ } a.btn_full, .btn_full{ border:none;font-family:inherit;font-size:inherit;color:#fff;width:100%;background:#008489;cursor:pointer;padding:12px 20px;display:inline-block;outline:none;font-size:12px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-transform:uppercase;font-weight:bold;display:block;text-align:center;margin-bottom:10px;} a.btn_full:hover, .btn_full:hover{ background:#333;} a.btn_full_outline{ border:none;font-family:inherit;font-size:inherit;color:#008489;background:none;border:2px solid #008489;cursor:pointer;padding:10px 20px;display:inline-block;outline:none;font-size:12px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-transform:uppercase;font-weight:bold;display:block;text-align:center;} a.btn_full_outline:hover{ border:2px solid #333;color:#333;} header{ width:100%;position:fixed;left:0;top:0;z-index:99999;padding:10px 0;} #logo_home h1 a, header.sticky #logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a{ width:160px;height:34px;display:block;background-image:url(../img/logo.png);background-repeat:no-repeat;background-position:left top;background-size:160px 34px;text-indent:-9999px;} header.sticky#colored #logo_home h1 a{ background-image:url(../img/logo_sticky_colored.png);} @media only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) { #logo_home h1 a, header#colored #logo_home h1 a{ background-image:url(../img/logo_2x.png);background-size:160px 34px;} header.sticky#colored #logo_home h1 a{ background-image:url(../img/logo_sticky_colored_2x.png);background-size:160px 34px;} } header.sticky #top_line { height:0;overflow:hidden;padding:0;opacity:0;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;} nav{ margin-top:20px!important;position:relative;} ul#top_tools{list-style:none;padding:0;position:absolute;right:15px;top:0;z-index:999;} ul#top_tools a{ color:#fff;} ul#top_tools a:hover {color:#e04f67;} .sticky ul#top_tools a{ color:#333;} ul#top_tools li{display:inline-block;padding:0 10px;} ul#top_tools li i{font-size:18px;font-weight:normal;} #top_line{ color:#fff;height:28px;font-size:12px;border-bottom:1px solid rgba(255,255,255,0.2);font-size:11px;visibility:visible;opacity:1;margin-bottom:5px;position:relative;z-index:999999;} header#plain #top_line{color:#888;border-bottom:1px solid rgba(0,0,0,0.1);} header#plain ul#top_tools a{ color:#333;} /* Header colored*/ header#colored.sticky{background-color:#e04f67;padding-bottom:0;border-bottom:2px solid #e04f67} header#colored.sticky ul#top_tools a {color:#fff;} .dropdown-cart .dropdown-menu{ border:none;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;min-width:0;padding:15px;width:260px;top:100%;margin-left:-217px;font-size:12px;font-weight:normal;text-shadow:none;text-transform:none !important;border-top:2px solid #e04f67;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);} .dropdown-cart .dropdown-menu:before { bottom:100%;right:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#e04f67;border-width:7px;margin-left:-7px;} .dropdown-cart .dropdown-menu{ margin-top:12px;} .dropdown-cart .dropdown-menu a.button_drop{ display:inline-block;} .dropdown- .dropdown-menu{ margin-top:7px;} /* Footer */ footer { background:#222;color:#fff;padding:30px 0 10px 0;} footer h3 { font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;margin-top:20px;} footer a { color:#fff;} footer a:hover { color:#999;} footer ul { margin:0;padding:0 0 10px 0;list-style:none;} footer ul li { margin-bottom:10px;} #social_footer { text-align:center;border-top:1px solid rgba(255, 255, 255, 0.2);padding-top:30px;margin-top:25px;} #social_footer p { font-size:12px;color:#8c8c8c;} #social_footer ul { margin:0;padding:0 0 10px 0;text-align:center;} #social_footer ul li { display:inline-block;margin:0 5px 10px 5px;} #social_footer ul li a { color:#fff;text-align:center;line-height:35px;display:block;font-size:16px;width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} #social_footer ul li a:hover { background:#fff;color:#111;} a#phone, a#email_footer { display:block;position:relative;color:#fdf7ac;font-size:14px;padding-left:40px;margin:20px 0;line-height:20px;} a#phone:hover, a#email_footer:hover { color:#fff;} a#phone:before, a#email_footer:before { font-style:normal;font-weight:normal;font-family:"icon_set_1";position:absolute;} a#phone:before { font-size:30px;content:"\79";left:0;top:0;} /*-------- 1.4 menu --------*/ .main-menu {position:relative;z-index:9;width:auto;} .main-menu a {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .main-menu ul, .main-menu ul li, .main-menu ul li a {position:relative;margin-bottom:0;margin:0;padding:0;} /* Submenu styles */ .main-menu ul li a {display:block;line-height:20px;padding:10px;} /*First level styles */ .main-menu > ul > li > a {color:#fff;padding:0 8px 15px 8px;font-size:14px;font-weight:600;} .sticky .main-menu > ul > li > a {color:#333;} .sticky .main-menu > ul > li:hover > a {color:#e04f67;} .main-menu > ul > li:hover > a {} /*First level styles header plain */ header#plain .main-menu > ul > li > a {color:#333;} header#plain .main-menu > ul > li:hover > a {color:#e04f67;} /*First level styles header colored */ header#colored.sticky .main-menu > ul > li > a {color:#fff;} /* Opacity mask when left open */ .layer { position:fixed;top:0;left:0;width:100%;min-width:100%;z-index:100;min-height:100%;background-color:#000;z-index:99;background-color:rgba(0, 0, 0, 0.8);-webkit-transition:transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;-moz-transition:transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;-ms-transition:transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;-o-transition:transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;transition:transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;opacity:0;visibility:hidden;} #close_in,#header_menu, .cmn-toggle-switch{display:none;} a.dropdown-toggle.icon-search{display:inline-block;} /* All styles for screen size between 992px and 1200px ================================================== */ @media (min-width:992px) and (max-width:1200px) { /*First level styles */ .main-menu > ul > li > a {padding:0 5px 15px 5px;} } /* All styles for screen size over 992px ================================================== */ @media only screen and (min-width:992px) { .main-menu {width:auto;} .main-menu a {white-space:nowrap;} .main-menu ul li {display:inline-block;} .main-menu ul li.submenu:hover > a:before, .main-menu ul li.submenu:hover > a:after {bottom:-20px;opacity:0;} /* Submenu + megamenu*/ .main-menu ul ul, .main-menu ul li .menu-wrapper { position:absolute;border-top:2px solid #e04f67;z-index:1;visibility:hidden;left:3px;top:100%;margin:0;display:block;padding:0;background:#fff;min-width:230px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);box-shadow:0 6px 12px rgba(0, 0, 0, .175);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} .main-menu ul li .menu-wrapper { padding:10px 15px !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .main-menu ul li:hover > ul, .main-menu ul li:hover .menu-wrapper{ padding:0;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;} .main-menu ul .menu-wrapper ul { -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top:none;margin:0;position:static;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} .main-menu ul .menu-wrapper ul:before{border:0;} .main-menu ul ul li {display:block;height:auto;padding:0;} .main-menu ul ul li a {font-size:13px;color:#444;display:block;font-weight:500;} .main-menu ul ul li:hover > a {color:#e04f67;padding-left:15px;} /* Megamenu */ .main-menu ul li.megamenu {position:static;} .main-menu ul li.megamenu .menu-wrapper {width:1115px;left:auto;right:0;padding:10px 30px 15px 30px!important;} .main-menu ul li:hover.megamenu .menu-wrapper {visibility:visible;opacity:1;} .main-menu ul li:hover.megamenu .menu-wrapper ul{visibility:visible;opacity:1;} .main-menu ul .menu-wrapper h3 {font-size:13px;text-transform:uppercase;border-bottom:2px solid #ededed;padding-bottom:10px;margin-bottom:0;font-weight:600;} /* Submenu 3rd level */ .main-menu ul ul ul{position:absolute;border-top:0;z-index:1;height:auto;left:100%;top:0;margin:0;padding:0;background:#fff;min-width:195px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);box-shadow:0 6px 12px rgba(0, 0, 0, .175);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .main-menu ul ul:before{bottom:100%;left:15%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#e04f67;border-width:7px;margin-left:-7px;} .main-menu ul ul ul:before{border-width:0;margin-left:0;} .main-menu ul ul li.third-level > a:hover { color:#e04f67;padding-left:18px;opacity:1;} .main-menu ul ul li.third-level > a:after { font-family:'ElegantIcons';content:"\35";float:right;font-size:16px;font-size:1rem;margin-top:-1px;} } @media only screen and (max-width:991px) { #header_menu{text-align:center;padding:25px 15px 10px 15px;position:relative;display:block;} .main-menu ul li a:hover, a.show-submenu:hover, a.show-submenu:focus, a.show-submenu-mega:hover, a.show-submenu-mega:focus{color:#e04f67 !important;background-color:#f9f9f9;} .main-menu ul li {border-top:none;border-bottom:1px solid #ededed;color:#fff;} /* Menu mobile first level */ .main-menu ul li a {padding:10px 15px !important;} .main-menu h3 {font-size:12px;line-height:14px;margin:0;padding:0 0 15px 15px;color:#333;text-transform:uppercase;} .main-menu li, .main-menu a {display:block;color:#333 !important;} .main-menu li {position:relative;} .main-menu a:hover {color:#e04f67 !important;} .main-menu ul > li {padding-bottom:0;} .main-menu ul > li i{float:right;font-size:16px;} /* Menu mobile second level */ .main-menu ul li.submenu ul{font-size:13px;border-left:1px solid #ededed;margin:0 0 15px 25px;} .main-menu ul li.submenu ul li{font-size:13px;border:0;} /* Menu mobile 3rd level */ .main-menu ul li.submenu ul ul{margin:0 0 0 25px;} /* Menu mobile left panel */ .main-menu { overflow:auto;transform:translateX(-105%);top:0;left:0;bottom:0;width:55%;height:100%;position:fixed;background-color:#fff;z-index:999999;-webkit-box-shadow:1px 0px 5px 0px rgba(50, 50, 50, 0.55);-moz-box-shadow:1px 0px 5px 0px rgba(50, 50, 50, 0.55);box-shadow:1px 0px 5px 0px rgba(50, 50, 50, 0.55);-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-ms-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);} .main-menu.show {transform:translateX(0);} .main-menu .show-submenu + ul, a.show-submenu-mega + .menu-wrapper{display:none;visibility:hidden;} a.show-submenu-mega + .menu-wrapper.show_mega, .main-menu a.show-submenu + ul.show_normal {display:block;visibility:visible;} /* Hamburger menu button*/ .cmn-toggle-switch { position:relative;display:block;overflow:visible;position:absolute;top:0;right:15px;margin:0;padding:0;width:30px;height:30px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;cursor:pointer;} .cmn-toggle-switch:focus {outline:none;} .cmn-toggle-switch span {display:block;position:absolute;top:10px;left:0;right:0;height:2px;background:white;} .cmn-toggle-switch span::before, .cmn-toggle-switch span::after {position:absolute;display:block;left:0;width:100%;height:2px;background-color:#fff;content:"";} .sticky .cmn-toggle-switch span::before, .sticky .cmn-toggle-switch span::after, .sticky .cmn-toggle-switch span {background-color:#333;} /* Header plain */ header#plain .cmn-toggle-switch span::before, header#plain .cmn-toggle-switch span::after, header#plain .cmn-toggle-switch span, header#plain.sticky .cmn-toggle-switch span::before, header#plain.sticky .cmn-toggle-switch span::after {background-color:#333;} /* Header transparent colored */ header#colored.sticky .cmn-toggle-switch span::before, header#colored.sticky .cmn-toggle-switch span::after, header#colored.sticky .cmn-toggle-switch span {background-color:#fff;} .cmn-toggle-switch span::before {top:-10px;} .cmn-toggle-switch span::after {bottom:-10px;} .cmn-toggle-switch__htx span::before, .cmn-toggle-switch__htx span::after { -webkit-transition-duration:0.3s, 0.3s;transition-duration:0.3s, 0.3s;-webkit-transition-delay:0.3s, 0;transition-delay:0.3s, 0;} .cmn-toggle-switch__htx span::before { -webkit-transition-property:top, -webkit-transform;transition-property:top, transform;} .cmn-toggle-switch__htx span::after {-webkit-transition-property:bottom, -webkit-transform;transition-property:bottom, transform;} /* active state, i.e. menu open */ .cmn-toggle-switch__htx.active span{background:none !important;} .cmn-toggle-switch__htx.active span::before {top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .cmn-toggle-switch__htx.active span::after {bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} .cmn-toggle-switch__htx.active span::before, .cmn-toggle-switch__htx.active span::after {-webkit-transition-delay:0, 0.3s;transition-delay:0, 0.3s;} } @media only screen and (max-width:480px) { .main-menu {width:100%;} a#close_in {display:block;position:absolute;right:15px;top:10px;width:20px;height:20px;} #close_in i{color:#555 !important;font-size:16px;} } /*============================================================================================*/ /* 2. CONTENT */ /*============================================================================================*/ /*-------- 2.1 Home --------*/ .feature_home { padding:30px;position:relative;background:#fff;margin-bottom:30px;-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .feature_home h3 { font-size:20px;} .feature_home i { margin:auto;margin-bottom:20px;display:block;width:120px;height:120px;line-height:110px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #f0f0f0;font-size:62px;color:#6dcff6;} /* Home 2 */ #hero { position:relative;height:600px;background-position:center center;background-repeat:no-repeat;background-color:#ddd;background-size:cover;color:#fff;width:100%;font-size:16px;display:table;z-index:99;text-align:center;text-transform:uppercase;} .intro_title { display:table-cell;vertical-align:middle;height:100%;} .intro_title h3 { font-size:45px;margin-bottom:5px;color:#fff;font-weight:bold;text-transform:uppercase;} .intro_title h3 strong span { color:#fff;} /* New v1.2*/ .intro_title.error h1 { font-size:130px;color:#fff;font-weight:bold;} @media (max-width:767px) { } #hero_video a.video { display:none;} ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a#active, ul#cat_nav li:first-child a.active { -webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;} ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a#active, ul#cat_nav li:last-child a.active { -webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;} ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active { background:#f9f9f9;color:#111;} .strip_all_tour_list { margin-bottom:30px;background-color:#fff;display:block;-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .strip_all_tour_list p { font-size:14px;line-height:1.4;} .strip_all_tour_list h3 { text-transform:uppercase;} .strip_all_tour_list .ribbon_3 { left:7px;} .tour_list_desc .rating { margin:15px 0 3px -3px;font-size:15px;} .img_list { overflow:hidden;min-height:220px;text-align:center;position:relative;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;} .img_list img { width:100%;height:250px;position:absolute;left:0;} /* .img_list a img { -webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-backface-visibility:hidden;} */ /* .img_list a:hover img { -webkit-transform:scale(1);transform:scale(1);} */ .img_list .short_info { padding:5px 5px 5px 5px;text-align:left;min-height:38px;font-size:13px;font-weight:500;} .price_list .button { display:block;} .tour_list_desc { padding:20px 20px 0 20px;border-right:1px solid #ededed;height:220px;line-height:17px;} .tour_list_desc h3 { font-size:16px;margin-top:0;margin-bottom:10px;font-family:montserrat;} .price_list { display:table;height:220px;font-size:38px;color:#e74c3c;width:100%;margin-left:-15px;} .price_list small { font-size:11px;color:#999;display:block;margin-bottom:10px;line-height:12px;} .price_list div { display:table-cell;vertical-align:middle;text-align:center;} .price_list p { padding:0;margin:0;} .price_list .normal_price_list { display:block;text-decoration:line-through;color:#999;font-size:20px;margin-top:10px;} .price_list sup { font-size:22px;position:relative;top:-10px;} ul.add_info { list-style:none;padding:0;margin:0;} ul.add_info li { display:inline-block;margin-right:5px;border:1px solid #ededed;text-align:center;width:35px;height:35px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} ul.add_info li a { color:#555;width:35px;height:35px;display:block;} ul.add_info li i { display:inline-block;font-size:22px;top:6px;position:relative;} #filters_col { background-color:#fff;padding:15px 10px 15px 15px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:15px;} #filters_col label { color:#333;font-weight:normal;} a#filters_col_bt { display:block;color:#333;} a#filters_col_bt .icon_set_1_icon-65 { font-size:20px;position:relative;top:0;margin-right:5px;} .filter_type h6 { border-top:1px solid #ddd;margin:15px 0;padding:15px 0 0 0;font-size:12px;} .filter_type ul { list-style:none;padding:0;margin:0 0 15px 0;} .filter_type ul li .rating { font-size:16px;line-height:1;margin:2px 0 0 -4px;display:inline-block;} /*-------- 2.3 Single tour page --------*/ #Img_carousel .sp-selected-thumbnail { border-bottom:2px solid #e04f67;} .parallax-content-2 { position:absolute;left:0;bottom:0;z-index:999;padding:25px 0 20px 0;color:#fff;font-size:13px;background:-webkit-linear-gradient(top,transparent,#000);background:linear-gradient(to bottom,transparent,#000);width:100%;} .parallax-content-2 div h1 { font-size:36px;text-transform:uppercase;font-weight:bold;color:#fff;margin:0;} .parallax-content-2 .rating { font-size:14px;} #price_single_main { padding-top:10px;text-align:right;font-weight:normal;line-height:1;} #price_single_main span { font-size:60px;color:#3CF;} #price_single_main sup { font-size:22px;position:relative;top:-25px;} #single_tour_feat ul { list-style:none;padding:0;margin:0;display:table;border-bottom:2px solid #555;margin-bottom:30px;} #single_tour_feat ul li { display:table-cell;width:1%;vertical-align:middle;text-align:center;padding:0 10px 20px 10px;white-space:nowrap;font-size:13px;} #single_tour_feat ul li:last-child { margin-right:0;} #single_tour_feat ul li i { font-size:36px;display:block;margin-bottom:10px;} #single_tour_desc h3 { font-size:22px;margin-top:5px;} #single_tour_desc h4 { line-height:20px;font-size:18px;} #map { width:100%;height:450px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;} #hero_2 .intro_title h1 { font-size:38px;margin-bottom:15px;color:#fff;text-transform:uppercase;font-weight:bold;} .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { width:50%;} .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { width:0%;} .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { width:100%;} /*-------- 2.5 About --------*/ .feature { padding:30px 30px 20px 120px;position:relative;background:#fff;margin-bottom:30px;-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#333;} .feature i { margin:0;position:absolute;top:30px;left:30px;padding:0;margin:0;width:65px;height:65px;line-height:60px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px dashed #ccc;font-size:34px;color:#6dcff6;} /*-------- 2.7 Login --------*/ #hero.login { height:auto;display:block;text-transform:none;font-size:14px;background:url(../img/bg_login.jpg) no-repeat center center;background-size:cover;} /*-------- 3.0 Hotels --------*/ .score span { -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;;width:35px;height:35px;border:2px solid #999;line-height:32px;font-size:15px;font-weight:bold;color:#999;margin-left:5px;text-align:center;} .score { float:right;font-size:11px;margin-top:5px;} .hotel_container { background-color:#fff;-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);margin-bottom:30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;} .hotel_container .hotel_title { padding:15px 15px 10px 15px;position:relative;} .hotel_container .hotel_title .rating { font-size:14px;margin-left:-3px;} .hotel_container .hotel_title h3 { margin:0 0 3px 0;font-size:14px;text-transform:uppercase;} .hotel_container .score span { color:#fff;margin-right:5px;text-align:center;border:2px solid #fff;} .hotel_container .score { font-size:15px !important;font-weight:600;position:absolute;bottom:11px;left:5px;z-index:9;} .hotel_container a .score { color:#fff;} .modal-dialog { margin-top:80px;} #price_single_main.hotel { padding-top:30px;} .hotel_container .short_info.hotel { padding-left:10px;} /* Owl carousel */ .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#333!important;} .owl-theme .owl-dots .owl-dot { outline:none!important;} .box_style_1 { background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ddd;margin-bottom:25px;padding:30px;position:relative;color:#333;} .box_style_1 label{ font-weight:500;margin-bottom:3px;} .box_style_4, .box_style_2 { background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:25px;padding:20px;position:relative;text-align:center;border:1px solid #ddd;} .box_style_2 i, .box_style_4 i { font-size:52px;margin-top:10px;display:inline-block;} .box_style_2 a.phone, .box_style_4 a.phone { font-size:26px;display:block;margin-bottom:20px;color:#008489;} .form-control, .form-select { font-size:13px;color:#333;height:40px;border-radius:3px;} .form-group { position:relative;margin-bottom:1rem;} #booking .form-group, #booking_box .form-group{ position:relative;} .form-group label{ font-weight:500;} .expose { position:relative;} #overlay { background:rgba(0, 0, 0, 0.4);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:3;bottom:0;} /* Error validate style */ label.error { font-size:11px;position:absolute;top:-15px;right:-30px;z-index:99;height:25px;line-height:25px;background-color:#e34f4f;color:#fff;font-weight:normal;padding:0 6px;} label.error:after { content:'';position:absolute;border-style:solid;border-width:0 6px 6px 0;border-color:transparent #e34f4f;display:block;width:0;z-index:1;bottom:-6px;left:20%;} /* Scroll top button */ #toTop { position:fixed;right:0;opacity:0;visibility:hidden;bottom:25px;margin:0 25px 0 0;z-index:9999;transition:0.35s;transform:scale(0.7);width:46px;height:46px;background-color:rgba(0,0,0,.6);opacity:1;transition:all 0.3s;border-radius:50%;text-align:center;font-size:21px;color:#fff;cursor:pointer;} #toTop.visible { opacity:1;visibility:visible;transform:scale(1);} #toTop:after { content:"\e899";font-family:"fontello";position:relative;display:block;top:50%;-webkit-transform:translateY(-55%);transform:translateY(-55%);} /*Background colors*/ .white_bg { background-color:#fff } .add_bottom_30 { margin-bottom:30px;} ul.list_order { list-style:none;margin:0 0 30px 0;padding:0;line-height:30px;font-size:14px;} ul.list_order li { position:relative;padding-left:40px;margin-bottom:10px;} ul.list_order li span { background-color:#e04f67;color:#fff;position:absolute;left:0;top:0;text-align:center;font-size:18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:30px;height:30px;line-height:30px;} .page-item.active .page-link { z-index:1;color:#fff;background-color:#555;border-color:#555;} /* Margin tools */ .margin_60 { padding-top:60px;padding-bottom:60px;} .margin_30 { margin-top:30px;margin-bottom:30px;} .margin_30 { margin-top:30px;margin-bottom:30px;} /* Parallax bg */ .parallax-window { min-height:470px;background:transparent;position:relative;} .parallax-content-1 { display:table;width:100%;height:470px;} .parallax-content-1 > div { display:table-cell;padding:0 15%;vertical-align:middle;text-align:center;color:#fff;font-size:16px;} .parallax-content-1 div h1, .parallax-content-1 div h3 { font-size:42px;text-transform:uppercase;font-weight:bold;color:#fff;} .parallax-content-1 div h1 { margin-bottom:0;padding-top:40px;} .parallax-content-1 div a i { color:#fff;opacity:0.5;font-size:72px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;} .parallax-content-1 div a:hover i { opacity:1;} /* Tours boxes*/ .tour_container { background-color:#fff;-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);margin:0;margin-bottom:30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;} .list_carousel .tour_container { position:static;} .img_container { position:relative;overflow:hidden;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;} .tour_container .tour_title { padding:15px 15px 10px 15px;position:relative;} .tour_container .tour_title .rating { font-size:14px;margin-left:-3px;} .tour_container .tour_title h3 { margin:0 0 3px 0;font-size:14px;text-transform:uppercase;} .wishlist { position:absolute;top:10px;right:10px;width:40px;height:40px;z-index:2;font-size:20px;line-height:40px;text-align:center;cursor:pointer;} .wishlist a { color:#888;cursor:pointer;display:block;} .strip_all_tour_list .wishlist a { color:#fff;} .wishlist:before { font-style:normal;font-weight:normal;font-family:"icon_set_1";font-size:40px;content:"\72";color:#888;position:absolute;left:0;top:4px;} .strip_all_tour_list .wishlist { position:absolute;top:10px;right:25px;width:30px;height:30px;z-index:2;font-size:20px;line-height:30px;font-size:14px;text-align:center;cursor:pointer;color:#fff !important;} .strip_all_tour_list .wishlist:before { font-style:normal;font-weight:normal;font-family:"icon_set_1";font-size:30px;content:"\72";color:#fff;position:absolute;left:0;top:3px;} /* .img_container a:hover img { -webkit-transform:scale(1);transform:scale(1);} .img_container img { -webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-backface-visibility:hidden;} */ .short_info { position:absolute;left:0;bottom:0;background:-webkit-linear-gradient(top,transparent,#000);background:linear-gradient(to bottom,transparent,#000);width:100%;padding:45px 10px 8px 5px;color:#fff;font-size:13px;font-weight:500;line-height:1;} .short_info i { font-size:25px;display:inline-block;vertical-align:middle;font-weight:normal;font-style:normal;padding:0;margin:0;} .short_info .price { float:right;font-size:28px;font-weight:bold;display:inline-block;} .short_info .price sup { font-size:18px;position:relative;top:-5px;} .ribbon.popular { background:url(../img/ribbon_popular.png) no-repeat 0 0;} /* Tooltips */ .tooltip_styled { display:inline;position:relative;z-index:999;} .tooltip-item { cursor:pointer;display:inline-block;} .tooltip-item::after { content:'';position:absolute;width:300px;height:20px;bottom:100%;left:50%;pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .tooltip_styled:hover .tooltip-item::after { pointer-events:auto;} .tooltip-content { position:absolute;z-index:9999;width:300px;left:50%;margin:0 0 20px -150px;bottom:100%;text-align:left;line-height:20px;display:block;padding:15px;font-size:12px;color:#fff;box-shadow:-5px -5px 15px rgba(48, 54, 61, 0.2);background:#333;opacity:0;cursor:default;pointer-events:none;} .tooltip-effect-1 .tooltip-content { -webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;} .tooltip-effect-2 .tooltip-content { -webkit-transform-origin:50% calc(100% + 10px);transform-origin:50% calc(100% + 10px);-webkit-transform:perspective(1000px) rotate3d(1, 0, 0, 45deg);transform:perspective(1000px) rotate3d(1, 0, 0, 45deg);-webkit-transition:opacity 0.2s, -webkit-transform 0.2s;transition:opacity 0.2s, transform 0.2s;} .tooltip-effect-3 .tooltip-content { -webkit-transform:translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);transform:translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;} .tooltip-effect-4 .tooltip-content { -webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale3d(0.7, 0.3, 1);transform:scale3d(0.7, 0.3, 1);-webkit-transition:opacity 0.2s, -webkit-transform 0.2s;transition:opacity 0.2s, transform 0.2s;} .tooltip_styled:hover .tooltip-content { pointer-events:auto;opacity:1;-webkit-transform:translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);transform:translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);} .tooltip_styled.tooltip-effect-2:hover .tooltip-content { -webkit-transform:perspective(1000px) rotate3d(1, 0, 0, 0deg);transform:perspective(1000px) rotate3d(1, 0, 0, 0deg);} .tooltip-content::after { content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#333;border-width:10px;margin-left:-10px;} .tooltip-content .label { margin-left:10px;} .tooltip-content i { font-size:20px !important;top:3px !important;left:-3px !important;position:relative;} .tooltip-content h4 { display:block;margin:0 0 10px 0;line-height:14px;font-size:14px;color:#fff;text-transform:uppercase;} .tooltip-content a { font-weight:bold;} /* Tooltip flip */ .tooltip_flip { position:relative;} .tooltip_flip::after { content:'';position:absolute;width:100%;height:20px;bottom:100%;pointer-events:none;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .tooltip_flip:hover::after { pointer-events:auto;} .tooltip-content-flip { position:absolute;z-index:9999;width:80px;height:80px;left:-40%;bottom:100%;text-align:center;color:#fff;opacity:0;margin-bottom:7px;cursor:default;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;} .strip_all_tour_list .tooltip-content-flip { left:-65%;} .tooltip-effect-1 .tooltip-content-flip { -webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} .tooltip_flip:hover .tooltip-content-flip { opacity:1;pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .tooltip-content-flip > span { float:left;width:100%;padding-left:5px;padding-right:5px;height:100%;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;} .tooltip-back { background:#e04f67;font-size:12px;font-weight:500;line-height:14px;padding-top:25px;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform:perspective(1000px) rotate3d(0, 1, 0, 90deg);transform:perspective(1000px) rotate3d(0, 1, 0, 90deg);} .tooltip_flip:hover .tooltip-content-flip > span { -webkit-transform:perspective(1000px) rotate3d(0, 1, 0, 0deg);transform:perspective(1000px) rotate3d(0, 1, 0, 0deg);} .tooltip-content-flip .tooltip-front::after, .tooltip-content-flip .tooltip-back::after { content:'';position:absolute;top:100%;width:0;height:0;} .tooltip-content-flip .tooltip-front::after { right:0;border-top:10px solid #e64b50;border-left:10px solid transparent;} .tooltip-content-flip .tooltip-back::after { left:45%;border-top:10px solid #e64b50;border-right:10px solid transparent;} /* Position breadcrumbs */ #position { background-color:#fff;padding:12px 0;font-size:11px;border-bottom:1px solid #ededed;} #position ul li:first-child { padding-left:20px;} #position ul li:first-child:before { content:"\eaf4";font-style:normal;font-weight:normal;font-family:"fontello";position:absolute;left:0;top:1px;color:#555;} #position ul { margin:0;padding:0;color:#555;} #position ul li a { color:#333;} #position ul li a:hover { color:#333;text-decoration:underline;} #position ul li { display:inline-block;padding-right:8px;margin-right:3px;position:relative;color:#555;} #position ul li:after { content:"\e9ee";font-style:normal;font-weight:normal;font-family:"fontello";position:absolute;right:0;top:2px;} #position ul li:last-child:after { content:'';} /*Banners*/ .banner { position:relative;background:#fff url(/storage/banner.jpg) no-repeat center bottom;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);padding:30px;margin-bottom:60px;} .banner:after, .banner:before { position:absolute;content:"";z-index:1;height:18px;width:50%;top:100%;} .banner:after { left:0;background:url(../img/shadow-bg.png) no-repeat top left;} .banner:before { right:0;background:url(../img/shadow-bg.png) no-repeat top right;} .banner a { position:absolute;top:35%;right:30px;} .banner h4 { text-transform:uppercase;font-weight:bold;font-size:32px;margin:0;padding:0;color:#e04f67;font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;} .banner h4 span { text-transform:none;color:#555;} .banner p { margin:0;padding:0;} .banner.colored { background:#e04f67 url(../img/banner_bg_colored.png) no-repeat center bottom;color:#fff;} .banner.colored h4 { color:#fff;} .banner.colored h4 span { color:#ffff4f;} /*Preloading*/ #preloader { position:fixed;top:0;left:0;right:0;width:100%;height:100%;bottom:0;background-color:#fff;z-index:999999999;} .sk-spinner-wave.sk-spinner { margin:-15px 0 0 -25px;position:absolute;left:50%;top:50%;width:50px;height:30px;text-align:center;font-size:10px;} .ie8 .sk-spinner-wave.sk-spinner { display:none;} .sk-spinner-wave div { background-color:#ccc;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out;} .sk-spinner-wave .sk-rect2 { -webkit-animation-delay:-1.1s;animation-delay:-1.1s;} .sk-spinner-wave .sk-rect3 { -webkit-animation-delay:-1s;animation-delay:-1s;} .sk-spinner-wave .sk-rect4 { -webkit-animation-delay:-0.9s;animation-delay:-0.9s;} .sk-spinner-wave .sk-rect5 { -webkit-animation-delay:-0.8s;animation-delay:-0.8s;} @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform:scaleY(0.4);transform:scaleY(0.4);} 20% { -webkit-transform:scaleY(1);transform:scaleY(1);} } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform:scaleY(0.4);transform:scaleY(0.4);} 20% { -webkit-transform:scaleY(1);transform:scaleY(1);} } .laptop { margin:auto;margin-top:20px;} /** Img frame in general page **/ .img-fluid.styled { margin-top:20px;border:5px solid#fff;-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);} /**General icons block **/ .general_icons ul { list-style:none;padding:0;margin:0;margin:30px 0 0 0;} .general_icons ul li { display:inline-block;text-align:center;padding:0 20px 20px 0;white-space:nowrap;} .general_icons ul li:last-child { padding-right:0;} .general_icons ul li i { font-size:36px;display:block;margin-bottom:10px;} #search .nav-tabs > li > a.active , #search .nav-tabs > li > a:hover .active, #search .nav-tabs > li > a:focus .active { color:#fff;background-color:#e14d67;} .col-md-4.plan:first-child { margin-right:-30px;margin-left:30px;} /* Promo_full */ .promo_full { height:auto;background:url(/storage/mediaa/home/thumbnails/gudauri-cover.webp) no-repeat center center;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;position:relative;} .promo_full_wp { display:table;width:100%;height:auto;} .promo_full_wp > div { display:table-cell;padding:10% 15%;vertical-align:middle;text-align:center;color:#fff;font-size:16px;background-color:rgba(0, 0, 0, 0.6);} .promo_full_wp div h3 { font-size:48px;text-transform:uppercase;font-weight:bold;color:#fff;} .promo_full_wp div p { font-size:23px;font-weight:300;line-height:1.4;} @media (max-width:575px) { .promo_full_wp div h3 { font-size:18px;} .promo_full { background:url(/storage/mediaa/home/thumbnails/gudauri-thumbnail.webp) no-repeat center center;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;} .promo_full_wp > div { padding:10% 30px;} .promo_full_wp div p { font-size:18px;} } .promo_full_wp div a i { color:#fff;opacity:0.5;font-size:72px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;} .promo_full_wp div a:hover i { opacity:1;} #map_filter ul li a:hover, #map_filter ul li a.active { background-color:#fff;color:#e04f67;} /*============================================================================================*/ /* 5. UPDATES */ /*============================================================================================*/ /*-------- 5.1 Ribbons css --------*/ .ribbon_3 { position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right;} .ribbon_3 span { font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%, #79A70A 100%);box-shadow:0 3px 10px -5px rgba(0, 0, 0, 1);text-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);position:absolute;top:19px;left:-21px;} .ribbon_3 span::before { content:"";position:absolute;left:0px;top:100%;z-index:-1;border-left:3px solid #638908;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #638908;} .ribbon_3 span::after { content:"";position:absolute;right:0px;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #638908;border-bottom:3px solid transparent;border-top:3px solid #638908;} .ribbon_3.popular span { background:linear-gradient(#f14f3f 0%, #cb4335 100%);} .ribbon_3.popular span::before { border-left:3px solid #a3362a;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #a3362a;} .ribbon_3.popular span::after { border-left:3px solid transparent;border-right:3px solid #a3362a;border-bottom:3px solid transparent;border-top:3px solid #a3362a;} #newsletter_container input.form-control#email_newsletter_2 { margin-bottom:0;background-color:#fff;border:none;border:2px solid #ededed;height:45px;font-size:15px;padding-left:20px;width:380px;margin-right:5px;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;} #newsletter_container input.form-control#email_newsletter_2:focus { border-color:none;outline:0;-webkit-box-shadow:none;box-shadow:none;color:#444;} #newsletter_container #submit-newsletter_2.btn_1 { padding:12px 35px;display:inline-block;} #social_top a i{ font-size:13px;color:#fff;} #social_top a i:hover{ color:#e05068;} .dropdown-menu#log_out{ text-align:center;} .dropdown-menu#log_out p{ color:#999;} /* Header 6*/ .dropdown-mini .dropdown-menu { border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float:right;left:auto;text-align:left;min-width:0;padding:0;right:0;min-width:100px;width:auto;top:100%;margin:7px 0 0 -50px;font-size:12px;font-weight:normal;text-shadow:none;text-transform:none !important;border-top:2px solid #e04f67;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);box-shadow:0 6px 12px rgba(0, 0, 0, .175);} .dropdown-mini .dropdown-menu:before { bottom:100%;right:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#e04f67;border-width:7px;margin-left:-7px;} .dropdown-mini .dropdown-menu ul#lang_menu{ padding:0;margin:0;text-align:left;} .dropdown-mini .dropdown-menu ul#lang_menu li{ padding:0;margin:0;width:100%;} .dropdown-mini .dropdown-menu ul#lang_menu li a{ color:#555 !important;text-align:left;padding:8px;display:block;} .dropdown-mini .dropdown-menu ul li a{ font-weight:500;} .dropdown-mini .dropdown-menu ul#lang_menu li a:hover{ color:#e04f67 !important;padding-left:15px;} .map-right #map{ height:100%;width:100%;} /*============================================================================================*/ /* 6. UPDATES */ /*============================================================================================*/ .parallax-content-1 { z-index:3;position:relative;} .customized_notify.alert-info{ text-align:left;background-color:#fff;width:360px;line-height:1.4;border:0;color:#444;padding:20px;-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1);} .customized_notify.alert-info h4{ color:#333;font-size:14px;margin:5px 0 0 -4px !important;text-transform:uppercase;font-weight:700;display:inline-block;} .customized_notify .close { font-weight:500;opacity:.2;border:0;font-size:24px;background-color:transparent;} @media (max-width:767px) { } /*-------- 6.3 Search modal --------*/ .search-overlay-menu { position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.9);opacity:0;visibility:hidden;z-index:999999;text-align:center;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .search-overlay-menu.open { opacity:1;visibility:visible;} .search-overlay-menu form { height:70px;position:absolute;top:50%;left:0;margin:-35px auto 0;width:60%;left:20%;transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transform:translateY(20px);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .search-overlay-menu.open form { transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);} .search-overlay-menu input[type="text"] { height:100%;width:100%;color:#fff;background:transparent;border-top:0px solid transparent;border-bottom:2px solid #909090 !important;border-left:0px solid transparent;border-right:0px solid transparent;font-size:32px;font-weight:400;outline:none;padding:10px 0 10px 0;} .search-overlay-menu form button { background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border:medium none;font-size:32px;position:absolute;right:0;top:20px;color:#c6c6c6;outline:none;} .search-overlay-menu form button:hover{ color:#e04f67;} .search-overlay-menu .search-overlay-close { position:absolute;top:20px;right:20px;opacity:1;font-size:25px;color:#c6c6c6;} .search-overlay-menu .search-overlay-close:hover { color:#e04f67;cursor:pointer;} /* Media queries */ @media screen and (max-width:52.375em) { } @media screen and (max-width:32em) { } /*-------- 7.3 Morphext --------*/ .morphext > .animated { display:inline-block;} /* Mobile Landscape */ @media (max-width:480px) { } #sign-in-dialog .form-group { position:relative;} #sign-in-dialog .form-group input.form-control { padding-left:40px;} #sign-in-dialog .form-group i { font-size:21px;font-size:1.3125rem;position:absolute;left:12px;top:27px;color:#ccc;width:25px;height:25px;display:block;font-weight:400 !important;} #sign-in-dialog .form-group i.icon_lock_alt { top:30px;} .colors li a.active { box-shadow:0 0 0 2px #fff inset } @media only screen and (max-width:1024px) { } #carousel-home .owl-carousel{ position:relative;} #carousel-home .owl-carousel .owl-slide { height:650px;position:relative;} @media (max-width:767px) { #carousel-home .owl-carousel .owl-slide { height:460px;} } #carousel-home .owl-carousel .owl-slide-animated { -webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px);opacity:0;visibility:hidden;-moz-transition:all 0.05s ease;-o-transition:all 0.05s ease;-webkit-transition:all 0.05s ease;-ms-transition:all 0.05s ease;transition:all 0.05s ease;} #carousel-home .owl-carousel .owl-slide-animated.is-transitioned { -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;visibility:visible;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;} #carousel-home .owl-carousel .owl-slide-title.is-transitioned { transition-delay:0.2s;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;} #carousel-home .owl-carousel .owl-slide-subtitle.is-transitioned { transition-delay:0.35s;-webkit-transition-delay:0.35s;-moz-transition-delay:0.35s;-o-transition-delay:0.35s;} #carousel-home .owl-carousel .owl-slide-cta.is-transitioned { transition-delay:0.5s;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;} #carousel-home .owl-carousel .owl-dots { bottom:15px;width:100%;position:absolute;z-index:3;} #carousel-home .owl-carousel .owl-dots .owl-dot, #carousel-home .owl-carousel .owl-nav [class*="owl-"]:focus { outline:none;} @media (max-width:767px) { } .slide-text.white { color:#fff;} .slide-text.white h2, .slide-text.white h3 { color:#fff;} .owl-theme .owl-dots { margin-top:10 !important;} .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { outline:none;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:transparent !important;border:2px solid #008489;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .owl-theme .owl-dots .owl-dot span { position:relative;border-radius:50%;width:16px !important;height:16px !important;background:transparent !important;display:block;-webkit-backface-visibility:visible;transition:all .3s ease;border:2px solid #ccc;} .owl-theme .owl-dots .owl-dot span::before { content:'';background-color:#008489 !important;display:block;border-radius:50%;width:8px;height:8px;position:absolute;left:50%;top:50%;margin-top:-4px;margin-left:-4px;opacity:0;visibility:hidden;transform:scale(0);-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .owl-theme .owl-dots .owl-dot.active span::before { transform:scale(1);opacity:1;visibility:visible;} #carousel-home .owl-theme .owl-dots .owl-dot.active span, #carousel-home .owl-theme .owl-dots .owl-dot:hover span { background:transparent !important;border:2px solid #fff;} #carousel-home .owl-theme .owl-dots .owl-dot span { border:2px solid #ccc;} #carousel-home .owl-theme .owl-dots .owl-dot span::before { background-color:#fff !important;} @media (max-width:767px) { } @media (max-width:767px) { } .owl-theme.list_carousel .item { padding:15px;} .owl-theme.list_carousel .item .tour_container, .owl-theme.list_carousel .item .hotel_container { margin-bottom:0;position:relative;} .owl-theme.list_carousel .item .ribbon_3{ top:-5px;left:-5px;} .owl-theme.list_carousel .owl-nav.disabled+.owl-dots{ margin-top:0;} @media (max-width:767px) { } @media (max-width:767px) { } @media (max-width:767px) { } @media (max-width:767px) { } @media (max-width:767px) { } @media (max-width:767px) { } @media (max-width:767px) { } .img_container_2 .tour_container{ position:relative;} .tour_container .ribbon_3{ z-index:9;} .img_container_2 .short_info{ z-index:2;bottom:0;} @media (max-width:575px) { } @media (max-width:575px) { } #search_2 .nav-tabs > li > a.active , #search_2 .nav-tabs > li > a:hover .active, #search_2 .nav-tabs > li > a:focus .active { color:#fff;background-color:#e14d67;} @media (max-width:991px) { } @media (max-width:991px) { } @media (max-width:991px) { } .custom-search-input-2 .form-group { margin:0;} @media (max-width:991px) { .custom-search-input-2 .form-group { margin-bottom:5px;} } @media (max-width:991px) { } @media (max-width:991px) { } @media (max-width:991px) { } .panel-dropdown.active a:after { transform:rotate(180deg);} .panel-dropdown.active .panel-dropdown-content { opacity:1;visibility:visible;} @keyframes rotate-x { from { transform:rotateY(0deg);} to { transform:rotateY(360deg);} } .owl-theme.list_carousel .owl-nav{ position:absolute;top:30%;transform:translateY(-30%);left:0;width:100%;margin:0 !important;} .owl-theme.carousel_item .owl-nav { position:absolute;top:40%;transform:translateY(-40%);left:0;width:100%;margin:0 !important;} .owl-theme.list_carousel .owl-prev, .owl-theme.list_carousel .owl-next, .owl-theme.carousel_item .owl-prev, .owl-theme.carousel_item .owl-next{ width:46px;height:46px;padding:0;margin:0;line-height:1;position:absolute;top:0;display:block !important;} .owl-theme.list_carousel .owl-nav [class*='owl-']:hover, .owl-theme.carousel_item .owl-nav [class*='owl-']:hover{ background:none !important;} .owl-theme.list_carousel .owl-prev { left:-35px;} .owl-theme.list_carousel .owl-next { right:-35px;} .owl-theme.carousel_item .owl-prev { left:-5px;} .owl-theme.carousel_item .owl-next { right:-5px;} .owl-theme.list_carousel .owl-prev i, .owl-theme.list_carousel .owl-next i, .owl-theme.carousel_item .owl-prev i, .owl-theme.carousel_item .owl-next i { font-size:46px;margin:0;color:#ccc;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .owl-theme.list_carousel .owl-prev i:hover, .owl-theme.list_carousel .owl-next i:hover { color:#333;} .owl-theme.carousel_item .owl-next i, .owl-theme.carousel_item .owl-prev i { font-size:46px;color:#fff;} .owl-theme.list_carousel .owl-prev.disabled i, .owl-theme.list_carousel .owl-next.disabled i{ opacity:0;} .owl-theme.carousel_item .owl-prev.disabled i, .owl-theme.carousel_item .owl-next.disabled i{ opacity:1;} .owl-theme.list_carousel .owl-prev.disabled i:hover, .owl-theme.list_carousel .owl-next.disabled i:hover { color:#ccc;} .opacity-mask { width:100%;min-height:100%;position:absolute;left:0;top:0;z-index:2;display:table;} .parallax-content-1 div p { font-weight:400;font-size:21px;} /* Fix for scroll issue */ @media screen and (min-width:560px) { } .applyBtn.btn.btn-sm.btn-primary { background-color:#e14d67;border:0;} .daterangepicker td.active, .daterangepicker td.active:hover { background-color:#333 !important;} @media screen and (max-width:600px) { } /* ------ Full view calendar on mobile ----------- */ @media (max-width:767px) { } /*============================================================================================*/ /* 9. RESPONSIVE */ /*============================================================================================*/ /* MEDIA QUERIES size 768/1200px */ @media (min-width:768px) and (max-width:1200px) { .main-menu ul li.megamenu .menu-wrapper { width:940px;} .img_list img { left:-25%;} } /* END MEDIA QUERIES size 768/1200px */ /* MEDIA QUERIES max-width 1024px */ @media (max-width:1024px) { .promo_full { background-attachment:scroll;} } /* END MEDIA QUERIES max-width 1024 px */ /* LOGO H1 FOR RETINA DISPLAY */ @media only screen and (min--moz-device-pixel-ratio:2) and (max-width:991px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991px), only screen and (min-device-pixel-ratio:2) and (max-width:991px) { #logo_home h1 a, header#colored #logo_home h1 a { background-image:url(../img/logo_2x.png);background-size:auto 30px;} header.sticky#colored #logo_home h1 a { background-image:url(../img/logo_sticky_colored_2x.png);background-size:auto 30px;} } /* END LOGO H1 FOR RETINA DISPLAY */ /* MEDIA QUERIES max-width 991px */ @media (max-width:991px) { ul#top_tools, .sticky ul#top_tools { margin:2px 40px 0 0;} nav { margin-top:10px!important;} #logo_home h1 a, header.sticky #logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a { width:180px;height:30px;background-size:auto 30px;} .main-menu ul li.megamenu .menu-wrapper { width:auto;margin-top:20px;} #single_tour_feat ul { margin-bottom:10px;} a#phone, a#email_footer { font-size:12px;padding-left:25px;margin:5px 0 5px 0;} a#phone:before, a#email_footer:before { font-size:18px;} .parallax-content-1 div h1, #hero_2 .intro_title h3 { font-size:42px;} .map-right #map{ height:450px;} } /* END MEDIA QUERIES max-width 991px */ /* MEDIA QUERIES size 769/979px */ @media (min-width:769px) and (max-width:979px) { .col-md-4.plan:first-child { margin-right:0;margin-left:0;border-right:solid #dddddd 1px;} } /* END MEDIA QUERIES size 769/979px */ /* MEDIA QUERIES max-width 768px - TABLETS */ @media (max-width:768px) { .parallax-content-1 div { padding:0 10%;font-size:14px;} .parallax-content-1 div h3 { font-size:36px;} #single_tour_feat ul li i { font-size:28px;} #hero_video a.video { display:inline-block;} #newsletter_container input.form-control#email_newsletter_2 { width:80%;margin:auto;margin-bottom:15px;} footer ul { margin:0;padding:0 0 0 0;list-style:none;} /* Header 6*/ .dropdown-mini .dropdown-menu {margin-left:-75px;} } /* END MEDIA QUERIES max-width 768px - TABLETS */ /* MEDIA QUERIES max-width 767px - MOBILE LANDSCAPE */ @media (max-width:767px) { #top_line { display:none;} .strip_all_tour_list { text-align:center;} .img_list { width:100%;margin:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;} .img_list img { left:0;width:100%;height:auto;top:-30%;} .tour_list_desc { padding:15px 15px;border-right:none;height:auto;} .price_list { display:block;height:auto;margin-left:0;text-align:center;padding:0px 0 15px 0;} .price_list div { display:block;text-align:center;} .price_list .button { display:block;margin:15px;} .main_title { font-size:14px;} .main_title h2 { font-size:24px;} .main_title p { font-size:16px } #single_tour_feat ul { display:block;margin-bottom:10px;} #single_tour_feat ul li { display:inline-block;width:auto;font-size:11px;} /* Margin tools */ .margin_60 { padding-top:30px;padding-bottom:30px;} .margin_30 { margin-top:15px;margin-bottom:15px;} /* Parallax bg */ .parallax-window, #hero_2 { height:360px;min-height:360px;} .parallax-content-1 { height:360px;} .parallax-content-1 > div { padding:0 5%;font-size:12px;padding-top:20px;} .parallax-content-1 div h1, .parallax-content-1 div h3 { font-size:32px;padding-top:15px;} /* Banners */ #banner { padding:20px;} .banner a { position:relative;top:15px;right:0;left:0;margin-bottom:20px;} .banner h4 { font-size:22px;} /* tooltip */ .tooltip-content-flip { width:70px;} /* Single tour page */ .parallax-content-2 { padding-bottom:15px;} .parallax-content-2 div h1 { font-size:22px;} .parallax-content-2 .rating { font-size:12px;display:block;} #price_single_main, #price_single_main.hotel { font-size:11px;text-align:left;padding-top:0;} #price_single_main span { font-size:20px;} #price_single_main sup { font-size:20px;top:0;} #hero_2 .intro_title h1 { font-size:22px;} #hero { height:420px;font-size:12px;} .intro_title h3 { font-size:26px;margin-bottom:5px;color:#fff;font-weight:bold;text-transform:uppercase;} .intro_title.error h1 { font-size:50px;} .col-md-4.plan:first-child, .col-md-4.plan:last-child { margin-right:0px;margin-left:0px;border-width:1px 1px 1px 1px;-moz-box-sizing:border-box;box-sizing:border-box;} .map-right #map{ height:375px;} #top_line.visible_on_mobile{ display:block;} .dropdown-access .dropdown-menu:before { right:5%;} .search-overlay-menu form { width:80%;left:10%;height:50px;margin:-25px auto 0;} .search-overlay-menu input[type="search"] { font-size:26px;} .search-overlay-menu form button { font-size:1.5rem;top:10px;} .laptop{ display:none;} .score { display:none;} } /* END MEDIA QUERIES max-width 767px - MOBILE LANDSCAPE */ /* MEDIA QUERIES max-width 480px - MOBILE PORTRAIT */ @media (max-width:480px) { .box_style_1 { padding:15px;} .box_style_1 h3.inner { margin:-15px -15px 15px -15px;} .img_list img { left:0;width:100%;height:auto;top:-5%;} .tooltip-item::after { width:180px;} .tooltip-content { width:180px;margin:0 0 20px -90px;} .dropdown.dropdown-search { font-size:20px;} #score { float:none;margin-top:15px;} .intro_title.error { display:table-cell;} .intro_title.error h1 { font-size:36px;} .intro_title.error a.button_intro { display:none;} .promo_full_wp div h3 { font-size:18px;} .promo_full_wp div a i { font-size:60px;} } /* END MEDIA QUERIES max-width 480px - MOBILE PORTRAIT */