/*
[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
- 7.2 Tabs home
- 7.3 Morphext
- 7.5 Sing In Modal
- 7.6 Styles Switcher

8. RESPONSIVE

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/

/*Special Offers carousel start*/
/*
.moviewpb-section {
    background-color: #ffffff;
}

.moviewpb-section .owl-carousel {
    position: relative;
    margin-top: 30px;
}

.moviewpb-section .owl-nav > div {
    background: transparent !important;
    width: 20px;
    height: 20px;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Montserrat', sans-serif;
}

.moviewpb-section .owl-nav > div > span {
    color: #000;
    font-size: 40px;
}

.moviewpb-section .owl-nav:after {
    content: '';
    height: 35px;
    background: #000;
    width: 1px;
    display: block;
    position: absolute;
    right: 50%;
    top: 0;
    margin-top: 10px;
}

.moviewpb-section .owl-nav {
    position: absolute;
    right: 30px;
    bottom: 1px;
}

.moviewpb-section .owl-dots {
    margin-top: 30px;
}

.moviewpb-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.moviewpb-section .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: rgba(253, 90, 90, 0.25);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.moviewpb-section .genrecard.card1 .data {
    padding-left: 185px;
}

.moviewpb-section .genrecard.card1 {
    min-height: 285px;
}

.moviewpb-section .genrecard.card1 .wrapper {
    box-shadow: 0 10px 20px rgba(255, 65, 65, 0.393);
    display: flex;
    flex-direction: row;
    padding: 25px;
    margin: 10px 5px;
    min-height: 200px;
    border-radius: 30px;
    position: relative;
}

.moviewpb-section .genrecard.card1 .wrapper img {
    width: 175px !important;
    height: 256px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    position: relative;
    object-fit: cover;
    position: absolute;
    overflow: hidden;
}

.moviewpb-section .genrecard.card1 .cardheader {
    display: flex;
    flex-direction: column;
}

.moviewpb-section .genrecard.card1 .cardheader .headertitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.moviewpb-section .genrecard.card1 span.genre {
    color: #bcbcbc;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
}

.moviewpb-section .genrecard.card1 span.rating {
    min-width: 30px;
    min-height: 30px;
    background: #fac500;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    padding: 3px;
}

.moviewpb-section .genrecard.card1 .moviefooter {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 23px;
    margin-right: 15px;
}

.moviewpb-section .genrecard.card1 a.button {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 10px;
    padding: 10px;
    font-weight: 700;

}

.moviewpb-section .genrecard.card1 h1.title {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    letter-spacing: 1px;
    width: 80%;
}

.moviewpb-section .genrecard.card1 h1.title a {
    color: #000;
    text-decoration: none;
}

.moviewpb-section .genrecard.card1 p.text {
    color: #bcbcbc;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    height: 100px;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 5px;
}
*/
/*Special Offers carousel ends*/

.headerxd {
    background-color: red;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 200px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
    color: #fff;
}

.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_header_info h1 {
    font-size: 55px;
    padding: 20px 0px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 40px #002538, 0 0 70px #002538, 0 0 80px #002538, 0 0 100px #002538, 0 0 150px #002538;
}

.home_header_info p {
    font-size: 22px;
    line-height: 30px;
    width: 80%;
    margin: 0 auto;
}

.home_header_info .aboutusbutton {
    background-color: #fff;
    color: #002538;
    text-decoration: none;
    padding: 17px 45px;
    margin-top: 25px;
    display: inline-block;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}

.home_header_info :hover {
    color: #fff;
    background-color: #002538;
}

.home_header_info :hover:after {
    width: 100%;
}

.toggle-btn {
    display: none;
    color: #fff;
}

.linktext{
    border: none;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
.linktext2{
    border: none;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
.linktext2:hover{
    color: #002538;
}


/* End of new css */

/*-------- 1.1 Typography --------*/
body {
    background: #f9f9f9;
    font-size: 12px;
    line-height: 20px !important;
    font-family: 'ABeeZee', sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    color: #333;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
    line-height: 24px;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.main_title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.main_title_lesspadding {
    text-align: center;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 700 !important;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 0px;
    background-color: #2e8b57 !important;
    border-color: #2e8b57 !important;
    border-width: 1px !important;
}

.main_title h2 {
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}

.main_title p {
    font-family: "Lato", Arial, sans-serif;
    font-weight: 300;
    font-size: 20px
}

.main_title_red {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.main_title_red h2 {
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
    color: red;
}

.main_title_red p {
    font-family: "Lato", Arial, sans-serif;
    font-weight: 300;
    font-size: 20px
}

.main_title_orange {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.main_title_orange h2 {
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
    color: #FF6A00;
}
.main_title_black {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.main_title_black h2 {
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 36px;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
}
.main_title_black p {
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
    color: #FF6A00;
}

.main_intro {
    text-align: center;
    font-size: 16px;
    margin-bottom: 50px;
}

.main_intro h2 {
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}

.main_intro p {
    font-family: "Lato", Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

h2 span, h3 span, h4 span, h5 span, h6 span {
    color: #002538;
}

.box_style_1 h3.inner {
    margin: -30px -30px 20px -30px;
    background-color: #2e8b57;
    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;
}


/* New Menu */
.nav,
.nav a,
.nav form,
.nav input,
.nav li,
.nav ul {
    border: none;
    margin: 0;
    padding: 0;
}

.nav a {
    text-decoration: none;
}

.nav li {
    list-style: none;
}

/* menu container */

.hide-on-small-devices-991{
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.nav,
input {
    font-family: 'ABeeZee', sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

.nav {
    cursor: default;
    display: inline-block !important;
    position: relative;
    z-index: 500;
}

/* menu list */
.nav > li {
    float: left;
}

/* menu links */
.nav > li > a {
    top: 0px;
    height: 20px;
    font-size: 20px;
    color: #fff;
    display: block;
    padding: 0 14px;
    position: relative;
    z-index: 510;
}

.nav > li:first-child > a {
    border-left: none;
    border-radius: 3px 0 0 3px;
}

/* menu dropdown */
.mega-menu {
    background: #002538;
    border: 1px solid #002538;
    border-radius: 0 0 3px 3px;
    opacity: 0;
    position: absolute;
    transition: all .3s ease .15s;
    visibility: hidden;
    width: 100%;
    right: 0;
    left: 0;
}

li:hover > .mega-menu {
    opacity: 1;
    overflow: visible;
    visibility: visible;
}

.unique-item {
    background: #002538;
    border: 1px solid #002538;
    border-radius: 0 0 3px 3px;
    opacity: 0;
    position: absolute;
    transition: all .3s ease .15s;
    visibility: hidden;
    width: 100%;
    right: 0;
    left: 0;
}

li:hover > .unique-item {
    opacity: 1;
    overflow: visible;
    visibility: visible;
}


/* menu content */
.nav-column {
    float: left;
    padding: 2.5%;
    width: 50%;
}

.nav-column a {
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 1.75;
    transition: 0.7s;
    font-size: 17px;
    margin-top: 2px;
    width: 220px;
}

.nav-column a:hover {
    margin-left: 15px;
    color: #247849;
    position: relative;
}

.nav h3 {
    color: #2e8b57;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
    margin: 1.5em 0 0em;
    text-transform: uppercase;
    transition: 0.7s;
}

.highlight {
    color: #2196f3;
}

.ola {
    font-size: 20px;
    background-image: linear-gradient(
            to right,
            #2e8b57,
            #2e8b57 50%,
            #fff 50%
    );
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.7s ease-in-out;
    font-weight: 500;
}

.ola:hover {
    background-position: 0;
    color: #2e8b57
}

/* End New Menu */

/*General links color*/
a {
    color: #002538;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
}

a:hover, a:focus {
    color: #2e8b57;
    text-decoration: none;
    outline: none;
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ddd;
}

.cart-item-desktop {
    color: #002538;
    font-size: 14px;
    padding-left: 28px;
}
/*-------- 1.2 Buttons --------*/
a.button_intro, .button_intro {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff !important;
    background: #002538;
    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;
    font-weight: bold;
    min-width: 150px;
    text-transform: uppercase;
}

a.button_intro:hover, .button_intro:hover {
    background: #fff;
    color: #002538 !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: #002538;
}

a.button_drop, .button_drop {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff !important;
    background: #002538;
    cursor: pointer;
    padding: 5px 15px !important;
    display: inline-block;
    outline: none;
    font-size: 11px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold !important;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
}

a.button_drop.outilne, .button_drop.outline {
    border: 2px solid #ededed;
    color: #002538;
    background: none;
    padding: 3px 23px !important;
}

a.button_drop:hover, .button_drop:hover {
    background: #333;
    color: #fff;
}

a.button_drop.outline:hover, .button_drop.outline:hover {
    background: #ededed;
    color: #333;
    border: 2px solid #ededed;
}

a.button_skin {
    border: none;
    font-family: inherit;
    color: #fff !important;
    background: #002538;
    cursor: pointer;
    padding: 15px 45px !important;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold !important;
    white-space: nowrap;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
}

a.button_skin.outilne, .button_skin.outline {
    border: 2px solid #ededed;
    color: #002538;
    background: none;
    padding: 3px 23px !important;
}

a.button_skin:hover, .button_skin:hover {
    background: #ededed;
    color: #333;
}

a.button_skin.outline:hover, .button_skin.outline:hover {
    background: #ededed;
    color: #333;
    border: 2px solid #ededed;
}

a.btn_1, .btn_1 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #002538;
    cursor: pointer;
    padding: 7px 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;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn_1.green, .btn_1.green {
    background: #2e8b57;
    color: #fff;
}

a.btn_full.green, .btn_full.green {
    background: #2e8b57;
    color: #fff;
}

a.btn_1.white, .btn_1.white {
    background: #fff;
    color: #002538;
}

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: #002538;
    border: 2px solid #002538;
}

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: #2e8b57; /*jurek*/
}

a.btn_map {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #002538;
    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;
    font-weight: bold;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

a.btn_map:hover {
    background: #333;
}

a.btn_full, .btn_full {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    width: 100%;
    background: #002538;
    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;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

a.btn_full:hover, .btn_full:hover {
    background: #333;
}

a.btn_full_outline, .btn_full_outline {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #002538;
    background: none;
    border: 2px solid #002538;
    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;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

a.btn_full_outline:hover {
    border: 2px solid #333;
    color: #333;
}

a.btn_login, .btn_login {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    width: 100%;
    background: #002538;
    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;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

a.btn_login:hover, .btn_login:hover {
    background: #2e8b57;
}

/* Remove the Chat bot icon 20/6/22
   No functionality remove  */

#scN6IN {
    display: none !important;
}


/*-------- 1.3 Structure --------*/

/* Header */
#logo {
    margin-top: 25px;
}

header {
    width: 100%;
    position: relative;
    z-index: 99999;
    background-color: #002538;
}

header #logo .logo_sticky {
    display: none;
}

header.sticky #logo .logo_normal {
    display: none;
}

header.sticky #logo .logo_sticky {
    display: block;
}

/* logo home with h1 */

#logo_home h1 a, header.sticky #logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a {
    /*width: 380px;*/
    /*height: 77px;*/
    /*display: block;*/
    /*background-image: url(/img/Champlogo.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: left bottom;*/
    /*text-indent: -9999px;*/
    /*background-size: 100% auto;*/



    width: 320px;
    height: 64px;
    display: block;
    background-image: url(../png/champlogo.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    text-indent: -9999px;

}

#logo_home h1 a:hover, header.sticky #logo_home h1 a:hover, header#plain #logo_home h1 a:hover, header#colored #logo_home h1 a:hover {
    background-image: url(../png/champlogogreen.png);
    z-index: 99;

}

#logo_home h1 {
    margin-top: 16px;
    margin-bottom: 0px;
}

header#plain #logo_home h1 a {
    background-image: url(../png/champlogo.png);
}


header.sticky {
    display: none;
}

nav {
    margin-top: 10px !important;
    position: relative;
}

.sticky nav {
    margin-top: 10px
}

.sticky #logo {
    margin-top: 0;
    margin-bottom: 10px;
}

ul#top_tools {
    list-style: none;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 999;
}

ul#top_tools a {
    color: #002538;
}

ul#top_tools a:hover {
    color: #002538;
}

.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 {
    background-color: #002538;
    color: #002538;
    height: 100px;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    visibility: visible;
    opacity: 1;
    margin-bottom: 0px; /* margin changed from 5 to 0 jurek */
    z-index: 999999;
    vertical-align: bottom;
}

#top_line77 {
    background-color: #fff;
    height: 100px;
    color: #002538;
    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;
}

ul#top_links {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

a#access_link, a#wishlist_link {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

#access_link:before, #wishlist_link:before {
    font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
}

a#access_link2, a#wishlist_link {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

#access_link2:before, #wishlist_link:before {
    font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
}

#wishlist_link:before {
    content: "\ec5e";
}

#access_link:before {
    content: "\e97f";
}

#access_link2:before {
    content: "\e97f";
}

ul#top_links li {
    display: inline-block;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    margin-left: 30px;
    padding-left: 8px;
    position: relative;
}

ul#top_links li:first-child {
    border-left: none;
    padding-left: 0;
}

ul#top_links .phone {
    font-size: 15px;
}

ul#top_links a:hover {
    color: #002538;
    background-color: #fff;
}

/* Header  plain*/
header#plain {
    background-color: #fff;
    padding-bottom: 0;
}

header#plain.sticky {
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}

header#plain.sticky #logo .logo_normal {
    display: none;
}

header#plain.sticky #logo .logo_sticky {
    display: block;
}

header#plain #top_line {
    color: #888;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header#plain ul#top_links li {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

header#plain ul#top_links li:first-child {
    border-left: none;
}

header#plain ul#top_tools a {
    color: #333;
}

header#plain ul#top_links a {
    color: #888;
}

header#plain ul#top_links :hover a {
    color: #333;
}

.subheader_plain {
    margin-top: 60px;
}

/* Header  colored*/
header#colored.sticky {
    background-color: #002538;
    padding-bottom: 0;
    border-bottom: 2px solid #002538
}

header#colored.sticky ul#top_tools a {
    color: #fff;
}


.dropdown-cart .dropdown-menu {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-width: 0;
    padding: 15px;
    width: 260px;
    top: 100%;
    border: 2px solid #002538;
    margin-left: -217px;
    font-size: 12px;
    font-weight: normal;
    text-shadow: none;
    text-transform: none !important;
    border-top: 2px solid #002538;
    -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: #002538;
    border-width: 7px;
    margin-left: -7px;
}

.dropdown-cart .dropdown-menu {
    margin-top: 12px;
}

.dropdown-user .dropdown-menu {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-width: 0;
    padding: 15px;
    width: 160px;
    top: 100%;
    border: 2px solid #002538;
    margin-left: -57px;
    font-size: 12px;
    font-weight: normal;
    text-shadow: none;
    text-transform: none !important;
    border-top: 2px solid #002538;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-user .dropdown-menu:before {
    bottom: 100%;
    right: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #002538;
    border-width: 7px;
    margin-left: -7px;
}

.dropdown-user .dropdown-menu {
    margin-top: 12px;
}

a.cart_bt {
    position: relative;
}

a.cart_bt strong {
    font-size: 11px;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #002538;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: -5px;
    right: -19px;
    line-height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

ul#cart_items {
    padding: 5px 0 0 0;
    list-style: none;
}

ul#cart_items li {
    border-bottom: 1px solid #ededed;
    position: relative;
    margin: 0;
    padding: 5px 10px;
    padding-bottom: 10px;
    width: 95%;
    clear: both;
}

ul#cart_items li .image {
    overflow: hidden;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

ul#cart_items li .image img {
    width: 48px;
    height: auto;
}

ul#cart_items li strong {
    font-weight: normal;
    float: left;
    color: #999;
    margin-top: 10px;
    float: left;
    width: 150px;
    line-height: 12px;
}

ul#cart_items li strong > a {
    color: #333;
    display: block;
}

ul#cart_items li strong > a:hover {
    color: #002538;
}

ul#cart_items li a.action {
    color: #999;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 15px;
    height: 15px;
}

ul#cart_items li a.action i {
    font-size: 14px;
    text-shadow: none;
    font-weight: normal;
}

ul#cart_items li a.action:hover {
    color: #333;
    background: none;
}

ul#cart_items li:last-child div {
    color: #999;
    text-align: right;
    font-size: 14px;
    padding: 10px 0 15px 0;
    display: block;
}

ul#cart_items li:last-child span {
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.dropdown-cart .dropdown-user .dropdown-menu a.button_drop {
    display: inline-block;
}

.dropdown- .dropdown-menu {
    margin-top: 7px;
}

.input-group button {
    background-color: #333;
    color: #fff;
    border-color: #333;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 14px;
    outline: none;
}

/* Footer */
footer {
    background: #002538;
    color: #fff;
    padding: 30px 0 0 0;
}

footer h3 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #999;
}

footer ul {
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
}

red {
    color: red;
}

#social_footer {
    width: 100%;
    text-align: center;
}

#social_footer p {
    font-size: 12px;
    color: #8c8c8c;
}

#social_footer ul {
    margin: 0;
    padding: 0 0 10px 0;
    text-align: centre;
}

#social_footer ul li {
    display: inline-block;
    margin: 0 5px 10px 5px;
}

#social_footer ul li a {
    color: #002538;
    text-align: center;
    line-height: 40px;
    display: block;
    font-size: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 10px;
}

#social_footer ul li a:hover {
    background: #fff;
    color: #111;
}

a#phone,
a#email_footer {
    display: block;
    position: relative;
    color: #fdf7ac;
    font-size: 16px;
    padding-left: 40px;
    margin: 20px 0;
}

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;
}

a#email_footer:before {
    font-size: 28px;
    content: "\74";
    left: 0;
    top: 5px;
}

/*-------- 1.4 menu --------*/
/*-------- 1.4 menu --------*/
/*logo animation starts*/
.logo-par h2:hover {
    text-shadow: 0 0 1px #fff, 0 0 10px #2e8b57, 0 0 10px #fff, 0 0 20px #2e8b57, 0 0 30px #2e8b57, 0 0 40px #2e8b57, 0 0 50px #2e8b57, 0 0 50px #002538;
}

/*logo animation ends*/


.logo-par {
    position: relative;
    left: 20px;
    top: 10px;
}

.logo-par img {
    width: 400px;
    height: 170px;
}

.div1 {
    position: relative;
}

.div1 .div2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s;
}

.div1:hover .div2 {
    opacity: 1;
}


/*login form starts*/
.main-nav {
    position: relative;
    top: 0px;
    transform: translate(-10%, -10%);
    transition: all 1s;
    width: 70px;
    height: 70px;
    background: white;
    box-sizing: border-box;
    border-radius: 50px;
    border: 4px solid white;
}

.main-nav ul {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
}

.main-nav a {
    list-style: none;
}

.main-nav a {

}

.signout-navv {
    position: relative;
    bottom: 19px;
    transform: translate(-10%, -10%);
    transition: all 1s;
    width: 70px;
    height: 70px;
    background: white;
    box-sizing: border-box;
    border-radius: 50px;
    border: 4px solid white;
}

.user-modal-signout{

}
.user-modal-signout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 37, 56, 0.1);
    z-index: 3;
    overflow-y: auto;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
    -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
    transition: opacity 0.3s 0, visibility 0 0.3s;
}

.user-modal-signout.is-visible {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    -webkit-transition: opacity 0.3s 0, visibility 0 0;
    -moz-transition: opacity 0.3s 0, visibility 0 0;
    transition: opacity 0.3s 0, visibility 0 0;
}

.user-modal-signout.is-visible .user-modal-signout-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.user-modal-signout-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    background: #FFF;
    margin: 3em auto 4em;
    cursor: auto;
    border-radius: 0.25em;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* Added to remove tabs on login for reg users (tabs no longer used) */
.user-modal-signout-container .switcher {
    display: none;
}

.user-modal-signout-container .switcher:after {
    content: "";
    display: table;
    clear: both;
}

.user-modal-signout-container .switcher li {
    width: 50%;
    float: left;
    text-align: center;
    list-style: none;
}

.user-modal-signout-container .switcher li:first-child a {
    border-radius: .25em 0 0 0;
    font-size: 18px;
}

.user-modal-signout-container .switcher li:last-child a {
    border-radius: 0 .25em 0 0;
    font-size: 18px;
}

.user-modal-signout-container .switcher a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #d2d8d8;
    color: #809191;
    text-decoration: none;
}

.user-modal-signout-container .switcher a.selected {
    background: #FFF;
    color: #505260;
}

/*************************aaaaaaaa*/
.user-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 37, 56, 0.1);
    z-index: 3;
    overflow-y: auto;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
    -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
    transition: opacity 0.3s 0, visibility 0 0.3s;
}

.user-modal.is-visible {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    -webkit-transition: opacity 0.3s 0, visibility 0 0;
    -moz-transition: opacity 0.3s 0, visibility 0 0;
    transition: opacity 0.3s 0, visibility 0 0;
}

.user-modal.is-visible .user-modal-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.user-modal-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    background: #FFF;
    margin: 3em auto 4em;
    cursor: auto;
    border-radius: 0.25em;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* Added to remove tabs on login for reg users (tabs no longer used) */
.user-modal-container .switcher {
    display: none;
}

.user-modal-container .switcher:after {
    content: "";
    display: table;
    clear: both;
}

.user-modal-container .switcher li {
    width: 50%;
    float: left;
    text-align: center;
    list-style: none;
}

.user-modal-container .switcher li:first-child a {
    border-radius: .25em 0 0 0;
    font-size: 18px;
}

.user-modal-container .switcher li:last-child a {
    border-radius: 0 .25em 0 0;
    font-size: 18px;
}

.user-modal-container .switcher a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #d2d8d8;
    color: #809191;
    text-decoration: none;
}

.user-modal-container .switcher a.selected {
    background: #FFF;
    color: #505260;
}

.form {
    padding: 1.4em;
}

.form a {
    color: #002538;
}

.form .fieldset {
    position: relative;
    margin: 1.4em 0;
}

.form .fieldset:first-child {
    margin-top: 0;
}

.form .fieldset:last-child {
    margin-bottom: 0;
}

.form label {
    color: black;
    font-size: 14px;
    font-size: 0.875rem;
}

.form label.image-replace {
    /* replace text with an icon */
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
    text-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.form label.username {
    background-image: url("https://codyhouse.co/demo/login-signup-modal-window/img/cd-icon-username.svg");
}

.form label.email {
    background-image: url("https://codyhouse.co/demo/login-signup-modal-window/img/cd-icon-email.svg");
}

.form label.password {
    background-image: url("https://codyhouse.co/demo/login-signup-modal-window/img/cd-icon-password.svg");
}

.form input {
    margin: 0;
    padding: 0;
    border-radius: 0.25em;
}

.form input.full-width {
    width: 100%;
}

.form input.has-padding {
    padding: 12px 20px 12px 50px;
}

.form input.has-border {
    border: 1px solid #d2d8d8;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.form input.has-border:focus {
    border-color: #343642;
    box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
    outline: none;
}

.form input.has-error {
    border: 1px solid #d76666;
}

.form input[type=password] {
    /* space left for the HIDE button */
    padding-right: 65px;
}

.form input[type=submit] {
    padding: 16px 0;
    cursor: pointer;
    background: #002538;
    color: #FFF;
    font-weight: bold;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.form input[type=submit]:hover {
    background: #00131c;
}

.no-touch .form input[type=submit]:hover, .no-touch .form input[type=submit]:focus {
    background: #d83d3d;
    outline: none;
}

.form .hide-password {
    display: inline-block;
    position: absolute;
    text-decoration: none;
    right: 0;
    top: 0;
    padding: 6px 15px;
    border-left: 1px solid #d2d8d8;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-size: 0.875rem;
    color: #343642;
}

/* Next 3 Used on the Update customer profile form (account/index.php) */
.errormessage{
    color: red;
    font-weight: bold;
}
.successmessage{
    color: green;
    font-weight: bold;
    font-size: medium;
}
.failedmessage{
    color: red;
    font-weight: bold;
    font-size: medium;
}

.form .error-message {
    display: inline-block;
    position: absolute;
    left: -5px;
    bottom: -35px;
    background: rgba(215, 102, 102, 0.9);
    padding: .8em;
    z-index: 2;
    color: #FFF;
    font-size: 13px;
    font-size: 0.8125rem;
    border-radius: 0.25em;
    /* prevent click and touch events */
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
    -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
    transition: opacity 0.2s 0, visibility 0 0.2s;
}

.form .error-message::after {
    /* triangle */
    content: '';
    position: absolute;
    left: 22px;
    bottom: 100%;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(215, 102, 102, 0.9);
}

.form .error-message.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s 0, visibility 0 0;
    -moz-transition: opacity 0.2s 0, visibility 0 0;
    transition: opacity 0.2s 0, visibility 0 0;
}

.form-message {
    padding: 1.4em 1.4em 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    text-align: center;
}



.form-bottom-message {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 16px;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 10px;
}

.form-bottom-message a {
    color: #002538;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .0);
    padding: 0 0 0 2px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.form-bottom-message a:hover {
    animation: borderslide-3px .5s;
    border-bottom: 1px solid rgba(0, 19, 28, 1);
    padding-bottom: 3px;
}

.form-message-reg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 16px;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 10px;
}

.form-message-reg a {
    color: #002538;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .0);
    padding: 0 0 0 2px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.form-message-reg a:hover {
    animation: borderslide-3px .5s;
    border-bottom: 1px solid rgba(0, 19, 28, 1);
    padding-bottom: 3px;
}

@keyframes borderslide-3px {
    0% {
        padding-bottom: 1px;
    }
    50% {
        padding-bottom: 3px;
    }
}

@keyframes borderslide-2px {
    0% {
        padding-bottom: 1px;
    }
    50% {
        padding-bottom: 2px;
    }
}

.close-form {
    /* form X button on top right */
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -40px;
    background: url("../icon-close.html") no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.accept-terms {
    display: inline;
    color: #002538;
    text-decoration: none;
    padding: 0 1px 1px 2px;
    border-bottom: 1px solid rgba(246, 71, 71, .0);
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.accept-terms:hover {
    animation: borderslide-2px .5s;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(0, 19, 28, 1);
}

#login, #signup, #reset-password {
    display: none;
}

#login.is-selected, #signup.is-selected, #reset-password.is-selected {
    display: block;
}

/*login form ends*/


/*shopping cart starts*/
.buttonlol {
    background-color: transparent;
    border: none;
    border-radius: none;
    box-shadow: transparent;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.cartbuttons {
    background-color: #002538;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 14px;
    padding: 10px 25px;
}

.modal-container {
    display: flex;
    background-color: rgba(0, 0, 0, 0.3);
    align-items: center;
    justify-content: center;
    position: fixed;
    pointer-events: none;
    opacity: 0;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    transition: opacity 0.3s ease;
}

.show {
    pointer-events: auto;
    opacity: 1;
}

.modal {
    background-color: #fff;
    width: 600px;
    max-width: 100%;
    padding: 30px 50px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.modal h1 {
    margin: 0;
}

.modal p {
    opacity: 0.7;
    font-size: 14px;
}

#resetpasswordModal {
    height: 360px;
    margin-top: 16%;
}
/*shopping cart ends*/

.iconspos {
    height: 60px;
    display: flex;
    position: absolute;
    padding: 0 0 10px;
    padding-top: 20px;
    right: 0px;
    min-width: 360px
}

/*
.iconspos div {
    padding:0 7px;
}
*/
/*menu icons starts*/
.user {
    position: relative;
    top: 10px;
    left: 0px;
    transform: translate(-10%, -10%);
    transition: all 1s;
    width: 50px;
    height: 50px;
    background: white;
    box-sizing: border-box;
    border-radius: 25px;
    border: 4px solid white;
}

.shop {
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 10px;
    transform: translate(-10%, -10%);
    width: 70px;
    height: 70px;
    background: white;
    box-sizing: border-box;
    border-radius: 50px;
    border: 4px solid white;
    display: block;
}

/*menu icons ends*/


/*search bar starts*/
.formlol {
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 10px;
    transform: translate(-10%, -10%);
    transition: all 1s;
    width: 70px;
    height: 70px;
    background: white;
    box-sizing: border-box;
    border-radius: 50px;
    border: 4px solid white;
}

.inputlol {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;;
    height: 60px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 16px;
    border-radius: 20px;
    padding: 0 20px;
}

.iconspos .fa {
    box-sizing: border-box;
    padding: 10px;
    width: 42.5px;
    height: 42.5px;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    color: #07051a;
    text-align: center;
    font-size: 18px;
    transition: all 1s;
}

.formlol:hover,
.formlol:valid {
    width: 250px;
    cursor: pointer;
}

.formlol:hover .inputlol,
.formlol:valid .inputlol {
    display: block;
}

.formlol:hover .fa,
.formlol:valid .fa {
    background: #2e8b57;
    color: white;
}

.main-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    bottom: 5px;
    position: relative; /* margin and position added, words weren't centered jurek */
}

.ola {
    font-size: 20px;
    background-image: linear-gradient(to right, #2e8b57, #2e8b57 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.7s ease-in-out;
    font-weight: 1000;
}

.sticky .main-menu > ul > li > a {
    color: #333;
}

.sticky .main-menu > ul > li:hover > a {
    color: #002538;
}

.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: #002538;
}

/*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;
}

.layer-is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

#close_in, #header_menu, .cmn-toggle-switch {
    display: none;
}

a.dropdown-toggle.icon-search {
    display: inline-block;
}

/*============================================================================================*/
/* 2.  CONTENT  */
/*============================================================================================*/

/*-------- 2.1 Home --------*/
.feature_home {
    padding: 30px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -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;
}

.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: 1px dashed #ccc;
    font-size: 62px;
    color: #6dcff6;
}

.other_tours ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}

.other_tours ul li a {
    border-bottom: 1px solid #ededed;
    padding: 5px 0 10px 0;
    display: block;
    color: #333;
}

.other_tours ul li a:hover {
    background-color: #f9f9f9;
    color: #002538;
}


.other_tours ul li a i {
    font-size: 22px;
    margin-right: 5px;
    margin-left: 2px;
    position: relative;
    top: 5px;
    color: #555;
}

.other_tours_price {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    color: #888;
}

#top_line1 {
    color: #002538;
    height: 80px;
    font-size: 15px;
    visibility: visible;
    opacity: 1;
    margin-bottom: 5px;
    position: relative;
    z-index: 999999;
    padding-top: 60px;
    float: right;
}

.eventdate {
    position: relative;
    font-size: 14px;
    float: left;
    background: #fff;
    color: #002538;
    padding-top: 15px;
}

/* Home 2 */
#hero {
    position: relative;
    height: 500px;
    background: #4d536d url(../slide_hero.html) no-repeat center center;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    z-index: 99;
}

#frontslider {
    position: relative;
    height: 710px;
    background: #f9f9f9;
    color: #fff;
    width: 100%;
    font-size: 16px;
    z-index: 99;
}

.intro_title {
    display: table-cell;
    vertical-align: middle;
    height: 100%;

}

.intro_title h3 {
    font-size: 45px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
}

.intro_title h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
}

.intro_title h3 strong span {
    color: #fff;
}

/* New v1.2*/
.intro_title.error h1 {
    font-size: 130px;
    color: #fff;
    font-weight: bold;
}

/* Home 3 */
.header-video {
    position: relative;
    overflow: hidden;
    background: #4d536d url(../slide_hero.html) no-repeat center center;
    background-size: cover;
}

#hero_video {
    position: relative;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    height: 100%;
    z-index: 99;
    text-align: center;

}

#hero_video a.video {
    display: none;
}


video {
    width: 100%;
}

.teaser-video {
    width: 100%;
    height: auto;
}

.header-video--media {
    width: 100%;
    height: auto;
}

/* Home 5 */
#search_bar_container {
    background: #333;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 15px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.search_bar {
    position: relative;
    width: 80%;
    margin: auto;
}

#nav-search-in {
    display: inline-block;
    height: 45px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    background: #6ccef5;
}

#nav-search-in #nav-search-in-content {
    color: #fff;
    display: inline-block;
    font-size: 12px;

    height: 45px;
    line-height: 35px;
    margin: 5px 65px 0 15px;
    text-indent: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px;
    overflow: visible;
}

#nav-search-in.nav-facade-active .nav-down-arrow {
    display: inline-block;
    right: 15px;
    top: 20px;
    background: url(../png/arrow_down_2.png);
    height: 6px;
    width: 10px;
    position: absolute;
}

.nav-facade-active #searchDropdownBox {
    cursor: pointer;
    height: 45px;
    left: 15px;
    opacity: 0;
    top: 0;
    visibility: visible;
    width: auto;
}

#searchDropdownBox {
    background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;
    color: black;
    font-family: "arial", "sans-serif";
    left: 5px;
    margin: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100px;
}

.nav-searchfield-outer {
    border: none;
    background: #fff;
    color: #ccc;
    display: block;
    font-size: 15px;
    left: 0;
    padding: 5px;
    position: realtive;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    height: 45px;
    font-weight: 600;
    margin-top: 1px;
}

#twotabsearchtextbox {
    background: #FFF;
    width: 100%;
    border: none;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    height: 30px;
    padding: 3px 0 0 150px;
    outline: none;
    font-weight: bold;
}

.nav-submit-button {
    background: #fff url(../png/search-bt.png) no-repeat center center;
    border: none;
    cursor: pointer;
    display: block;
    height: 45px;
    right: 5px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 40px;
}

.nav-submit-button .nav-submit-input {
    background: #fff;
    border: medium none;
    color: white;
    cursor: pointer;
}

/*-------- 2.2 All tours list / All tours grid --------*/
.box_style_cat {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 25px;
}

ul#cat_nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#cat_nav li {
    border-bottom: 1px solid #ddd;
}

ul#cat_nav li a {
    position: relative;
    color: #777;
}

ul#cat_nav li a span {
    font-size: 11px;
    color: #999;
}

ul#cat_nav li a:after {
    font-family: "fontello";
    content: "\e89b";
    position: absolute;
    right: 15px;
    top: 15px;
}

ul#cat_nav li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

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 {
    display: block;
    padding: 15px 10px;
}

ul#cat_nav li a:hover,
ul#cat_nav li a#active,
ul#cat_nav li a.active {
    background: #f9f9f9;
    color: #111;
}

ul#cat_nav i {
    font-size: 22px;
    margin-right: 5px;
    float: left;
}

#tools {
    background: #eee;
    padding: 5px;
    margin-bottom: 15px;
}

/* Map */
.marker_info {
    width: 280px;
    min-height: 240px;
    padding-bottom: 20px;
    border-radius: 3px;
    text-align: center;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 9999999;
    font-family: "Montserrat", Arial, sans-serif;
}

.marker_info img {
    display: block;
    -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;
}

.marker_info h3 {
    font-size: 18px;
    line-height: 18px;

    margin-bottom: 10px;
}

.marker_info span {
    display: block;
    padding: 0px 20px;
    font-size: 12px;
    line-height: 16px;
    color: #7a7f82;
    margin-bottom: 0;
}

.marker_info:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(255, 255, 255, 0.9);
    border-width: 10px;
    margin-top: -10px;
}

.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);
}


.tour_list_desc .rating {
    margin: 15px 0 3px -3px;
    font-size: 15px;
}

.img_list {
    overflow: hidden;
    min-height: 220px;
    text-align: center;
    position: relative;
}

.img_list img {
    width: auto;
    height: 220px;
    position: absolute;
    left: -10%;
}

.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;
}

.price_list .button {
    display: block;
}

.tour_list_desc {
    padding-left: 10px;
    padding-right: 5px;
    line-height: 22px;
    font-size: 15px;
    padding-bottom: 15px;
}

.tour_list_desc h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.price_list {
    display: table;
    font-size: 38px;
    color: #002538;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.price_listvouvh {
    display: table;
    font-size: 20px;
    color: #002538;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: centre;

}

.price_list2 {
    display: table;
    margin-top: 15px;
    font-size: 20px;
    color: #002538;
    width: 100%;
}

.price_list3 {
    font-size: 14px;
    color: #002538;
    margin-right: 48px;
    text-align: centre;
    margin-bottom: 5px;
}

.price_list4 {
    color: #002538;
    text-align: centre;
    margin-bottom: 5px;
}

.price_list small {
    font-size: 11px;
    color: #999;
    display: block;
    margin-bottom: 10px;
    line-height: 12px;
}

.price_list div {
    /*margin-top: 20px;*/
    text-align: center;
}

.price_list2 div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 5px;
}

.price_list h5 {
    margin-top: 30px;
    font-size: 14px;
    color: #002538;
}

.price_list2 p {
    margin-top: 30px;
    margin-right: 25px;
    float: right;
}

.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: 25px;
}

#filters_col label {
    color: #999;
    font-weight: normal;
}

a#filters_col_bt {
    display: block;
    color: #888;
}

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;
    left: -7px;
    position: relative;
    top: 3px;
}

/*-------- 2.3 Single tour page --------*/
#Img_carousel .sp-selected-thumbnail {
    border-bottom: 2px solid #002538;
}

.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;

    font-weight: bold;
    color: #fff;
    margin: 0;
}

.parallax-content-2 .rating {
    font-size: 14px;
}

#price_single_main {
    text-align: right;
    padding-top: 25px;
    font-weight: normal;
}

#price_single_main span {
    font-size: 60px;
    color: #3CF;
}

#price_single_main sup {
    font-size: 22px;
    position: relative;
    top: -25px;
}

#price_single {
    background-color: #e74c3c;
    color: #fff;
    font-size: 36px;
    margin: -15px;
    padding: 20px 15px 10px 15px;
    -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;
    margin-bottom: 15px;
}

#price_single small {
    font-size: 12px;
}

#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;
}

#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;
}

.table td, .table th {
    border-top: none;
}

.table.table_summary td {
    list-style: none;
    margin: 0;
    font-size: 13px;

}

.table.table_summary tr.total {
    color: #002538;
    font-size: 16px;
    font-weight: bold;

    white-space: nowrap;

}

.table.table_summary td.total {
    color: #002538;
    font-size: 16px;
    font-weight: bold;

    white-space: nowrap;
    border-top: 1px solid #ededed;
}

.review_strip_single {
    position: relative;
    padding: 30px 0 20px 0;
    margin: 30px 0 25px 0;
    border-bottom: 1px solid #ddd;
}

.review_strip_single.last {
    margin-bottom: 0;
    border-bottom: 0;
}

.review_strip_single img {
    top: -15px;
    position: absolute;
    left: 0;
    border: 4px solid #fff;
}

.review_strip_single h4 {
    font-size: 18px;
    margin: -12px 0 35px 90px;
    padding: 0;
}

.review_strip_single small {
    float: right;
    font-size: 12px;
    margin-top: -10px;
    font-style: italic;
}

.review_strip_single .rating {
    font-size: 16px;
}

.normal_price_single {
    font-size: 18px;
    text-decoration: line-through;
}

.price_in {
    font-size: 42px;
    color: #e74c3c;
    border-bottom: 1px solid #ededed;
    text-align: center;
    padding-top: 30px;
    background-color: #fff8e5;
    margin: -20px -20px 20px -20px;
}

.price_in small {
    font-size: 11px;
    color: #999;
    display: block;
    margin-bottom: 20px;
    margin-top: 4px;
}

.price_in p {
    padding: 0;
    margin: 0;
}

.normal_price_in {
    display: block;
    text-decoration: line-through;
    color: #999;
    font-size: 20px;
    margin-top: 10px;
}

.price_in sup {
    font-size: 22px;
    position: relative;
    top: -10px;
}

.table.options_booking td i {
    font-size: 26px;
}

.table.options_booking td {
    vertical-align: middle;
}

/*Update version 1.1*/
#general_rating {
    font-size: 18px;
    margin: 10px 0 20px 0;
}

#general_rating .rating {
    display: inline;
}

#rating_summary ul {
    list-style: none;
    margin: 0 0 -5px 0;
    padding: 0;
}

#rating_summary ul li {
    margin-bottom: 5px;
}

#rating_summary ul li .rating {
    display: inline-block;
    font-size: 14px;
    float: right;
}

/*End Update version 1.1*/

/*-------- 2.4 Cart - Payment - Confirmation --------*/
#hero_2 {
    position: relative;
    height: 300px;
    background: #4d536d url(../jpg/cartheader.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    text-align: center;
    z-index: 1;
}

#hero_2.restaurant_bg {
    background: #4d536d url(../restaurant_top_in.html) no-repeat center center;
    background-size: cover;
}

#hero_2 .intro_title h1 {
    font-size: 38px;
    margin-bottom: 15px;
    color: #fff;

    font-weight: bold;
}

#hero_2 .intro_title h1:before,
#hero_2 .intro_title h1:after {
    display: inline-block;
    width: 60px;
    height: 1px;
    content: '';
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.5);
}

#hero_2 .intro_title h1:before {
    margin-right: 10px;
}

#hero_2 .intro_title h1:after {
    margin-left: 10px;
}

.bs-wizard {
    width: 90%;
    margin: auto;
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #fbe8aa;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #002538;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 23px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #fbe8aa;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}

.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%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #f5f5f5;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
    width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

.form_title {
    position: relative;
    padding-left: 55px;
    margin-bottom: 10px;
}

.form_title h3 strong {
    background-color: #002538;
    text-align: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.form_title h3 {
    margin: 0;
    padding: 0;
}

.form_title p {
    color: #999;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
}

.step {
    border-left: 1px solid #ddd;
    padding: 20px 0 20px 31px;
    margin: 0 0 10px 20px;
}

.cards {
    margin-top: 28px;
}

.cards2 {
    margin-top: 33px;
}


.table.options_cart td i {
    font-size: 38px;
}

.table.cart-list th,
.table.options_cart th {
    background-color: #fff;

}

.table.cart-list td {
    vertical-align: middle;
}

.table.options_cart td {
    vertical-align: middle;
}

.table.cart-list th:first-child {
    text-align: left;
    padding-left: 30px;
}

.table.cart-list td:first-child {
    text-align: left;
    padding-left: 30px;
}

.table.cart-list th:last-child {
    text-align: right;
    padding-right: 40px;
}

.table.cart-list td:last-child {
    text-align: right;
    padding-right: 40px;
}

.numbers-row {
    position: relative;
    width: 97px;
    height: 40px;
    overflow: visible;
    color: #000;
    margin: auto;
}

.numbers-rowtic {
    position: relative;
    width: 97px;
    height: 40px;
    overflow: visible;

}

.numbers-row.list {
    margin: auto;
    margin-bottom: 5px;
    margin-top: 15px;
}

.numbers-rowtic.list {
    margin: auto;
    margin-bottom: 5px;
    margin-top: 15px;
}


input.qty2 {
    position: relative;
    width: 35px;
    height: 40px;
    border-radius: none;
    text-align: center;
    left: 31px;
    font-size: 12px;
    padding: 5px;
}

.button_inc {
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    width: 33px;
    height: 40px;
    z-index: 9;
    color: #000000;

}

.dec {
    background: #fff url(../png/minus.png) no-repeat center center;
    border: 1px solid #cccccc;
    left: 0;
    top: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #000000;
}


.inc {
    background: #fff url(../png/plus.png) no-repeat center center;
    right: 0;
    top: 0;
    border: 1px solid #cccccc;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #000000;
}

#total {
    text-align: right;
    margin-top: 20px;
}

#total h3 {
    font-size: 26px;
    line-height: 26px;
    padding: 0;
    font-weight: bold;
    display: block;
    margin: 0 0 10px 0;
}

.options i {
    font-size: 22px;
}

.thumb_cart {
    border: 1px solid #ddd;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    float: left;
}

.thumb_cart img {
    padding: 1px;
    width: 58px;
    height: auto;
}

.item_cart {
    display: inline-block;
    margin-top: 20px;
}

.table.confirm th {

}

.table.confirm td {
    width: 50%;
}

#policy {
    padding: 10px 0 0 50px;
}

/*-------- 2.5 About --------*/
.feature {
    padding: 30px 30px 20px 120px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -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);
}

.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;
}

.features-bg {
    position: relative;
    min-height: 400px;
    background: url(../features-intro-01.html) no-repeat center center;
    background-size: cover;
}

.features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
}

.features-content {
    position: relative;
    padding: 11% 100px 10% 100px;
    height: 400px;
    background-color: #002538;
    color: #fff;
    font-size: 14px;
}

.features-content h3 {
    font-family: "Gochi Hand", cursive;
    color: #fff;
    font-size: 32px;
    line-height: 34px;

}

.review_strip {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 30px 20px 20px 30px;
    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);
}

.review_strip img {
    top: -15px;
    position: absolute;
    left: 25px;
    border: 4px solid #fff;
}

.review_strip h4 {
    font-size: 18px;
    margin: -10px 0 35px 80px;
    padding: 0;
}

.review_strip p {
    margin-bottom: 10px;
}

.review_strip .rating {
    font-size: 16px;
}

.rating {
    font-size: 18px;
}

.rating small {
    font-size: 12px;
    color: #CCC;
}

.rating .voted {
    color: #F90;
}

/*-------- 2.6 Contact us --------*/
#map_contact {
    width: 100%;
    height: 450px;
}

#directions {
    background-color: #002538;
    padding: 22px 0;
}

ul#contact-info {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}

.tape {
    position: absolute;
    left: 0;
    top: -20px;
    height: 45px;
    width: 100%;
    background: url(../tape.html) no-repeat center top;
    display: block;
}

.loader {
    margin-left: 5px;
    position: absolute;
}

.error_message {
    color: #F33;
    font-weight: 600;
    margin-bottom: 4px;
}

/*-------- 2.7 Login --------*/
#hero.login {
    height: auto;
    display: block;
    text-transform: none;
    font-size: 12px;
    background: url(../bg_login.html) no-repeat center center;
    background-size: cover;
}

/* Added for debug purposes. Shows the login dialog */
/*
#login {
    margin: 20px 0 20px;
    color: #333;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 50px;
    padding-top: 30px;
}
*/

.text-center2 a {
    color: #002538;
    padding-top: 20px;
}

#regnew a {
    padding-top: 20px;
}

.login-form {
    margin: 20px 0 20px;
    color: #333;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    padding-right: 30px !important;
    padding-left: 30px !important;
    padding-bottom: 50px !important;
    padding-top: 30px !important;
    min-height: 400px;
}

.login a {
    color: #002538;
}

#login2 {
    margin: 20px 0 20px;
    color: #333;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-bottom: 100px;
}

#pass-info {
    width: 98.5%;
    margin-bottom: 15px;
    color: #829CBD;
    text-align: center;
    font: 12px/25px Arial, Helvetica, sans-serif;
}

#pass-info.weakpass {
    border: 1px solid #FF9191;
    background: #FFC7C7;
    color: #94546E;
    text-shadow: 1px 1px 1px #FFF;
}

#pass-info.stillweakpass {
    border: 1px solid #FBB;
    background: #FDD;
    color: #945870;
    text-shadow: 1px 1px 1px #FFF;
}

#pass-info.goodpass {
    border: 1px solid #C4EEC8;
    background: #E4FFE4;
    color: #51926E;
    text-shadow: 1px 1px 1px #FFF;
}

#pass-info.strongpass {
    border: 1px solid #6ED66E;
    background: #79F079;
    color: #348F34;
    text-shadow: 1px 1px 1px #FFF;
}

#pass-info.vrystrongpass {
    border: 1px solid #379137;
    background: #48B448;
    color: #CDFFCD;
    text-shadow: 1px 1px 1px #296429;
}

/*-------- 2.8 Tour guide page --------*/
#tour_guide {
    text-align: center;
}

.img-circle.styled {
    border: 5px solid #fff;
}

#filters {
    padding: 20px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ededed;
    margin: 0 -15px 30px -15px;
}

a.bt_filters {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 8px;
    color: #888;
    display: inline-block;
}

/*-------- 2.9 Tranfers --------*/
.transfer_container {
    background-color: #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);
    margin-bottom: 30px;
}

.transfer_container .transfer_title {
    padding: 15px;
    position: relative;
}

.transfer_container .transfer_title .rating {
    font-size: 14px;
    margin-left: -3px;
}

.transfer_container .transfer_title h3 {
    margin: 0;
    font-size: 14px;

}

a.btn_collapse {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: bold;
}

/*-------- 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: 13px;
    font-weight: bold;
    color: #999;
    margin-left: 5px;
    text-align: center;
}

.score {
    float: right;
    font-size: 11px;
    margin-top: 5px;
}

#score_detail span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;;
    width: 45px;
    height: 45px;
    border: 2px solid #555;
    line-height: 42px;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    margin-right: 5px;
    text-align: center;
}

#score_detail {
    font-size: 14px;
    margin-bottom: 15px;
}

#score_detail small {
    color: #999;
}

/* Used for home page shirts and events/?competitions */
.hotel_container {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}

.hotel_container .img_container {
    border-radius: 10px;
    padding-bottom: 5px;
}

.hotel_container4 {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    margin-left: 15px;
    margin-right: 15px;
    /*Moved to .hotel_container4 .tour_title in custom.css*/
    /*border-bottom: 2px solid #DCDCDC;*/
}

.hotel_container .hotel_title {
    padding: 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-align: centre;
}

.hotel_container .score span {
    color: #fff;
    margin-right: 5px;
    text-align: center;
    border: 2px solid #F66;
}

.hotel_container .score {
    font-size: 11px;
    margin-top: 5px;
    position: absolute;
    bottom: 30px;
    left: 5px;
    z-index: 9;
}

.hotel_container a .score {
    color: #fff;
}

ul.list_icons {
    margin: 0 0 020px 0;
    padding: 0;
    list-style: none;
}

ul.list_icons li i {
    font-size: 16px;
}

.modal-dialog {
    margin-top: 180px;
}

#price_single_main.hotel {
    padding-top: 40px;
}

.hotel_container .short_info.hotel {
    padding-left: 10px;
}

/*-------- 3.1 Wishlist --------*/
.wishlist_close {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 30px;
    height: 30px;
    z-index: 2;
    font-size: 20px;
    line-height: 25px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    color: #F66 !important;
}

.wishlist_close:before {
    font-style: normal;
    font-weight: normal;
    font-family: "icon_set_1";
    font-size: 30px;
    color: #F66;
    position: absolute;
    left: 0;
    top: 3px;
}

/*-------- 3.2 Map listing --------*/
.marker_info_2 {
    width: 240px;
    height: 340px;
    border-radius: 3px;
    text-align: center;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 9999999;
    font-family: "Montserrat", Arial, sans-serif;
}

.marker_info_2 img {
    display: block;
    -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;
}

.marker_info_2 h3 {
    font-size: 18px;
    line-height: 18px;

    margin-bottom: 10px;
}

.marker_info_2 span {
    display: block;
    padding: 0px 20px;
    font-size: 12px;
    line-height: 16px;
    color: #7a7f82;
    margin-bottom: 15px;
}

.marker_info_2:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(255, 255, 255, 0.9);
    border-width: 10px;
    margin-top: -10px;
}

.full-height {
    height: 100%;
}

.row-height {
    height: 100%;
    min-height: 100%;
}

.map-right {
    height: 100%;
    min-height: 100%;
    padding: 0px;
}

.content-left {
    height: 100%;
    min-height: 100%;
    overflow-y: scroll;
    padding-top: 115px;
}

.view_on_map {
    position: relative;
    cursor: pointer;
    padding: 8px 10px 0 30px;
    margin-top: 10px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -8px;
    display: block;
    border-top: 1px solid #ededed;
}

.view_on_map:before {
    font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    font-size: 14px;
    content: "\ecea";
    color: #002538;
    position: absolute;
    left: 15px;
    top: 7px;
}

/*============================================================================================*/
/* 3.  COMMON  */
/*============================================================================================*/

/* Magnific popup */
.mfp-bottom-bar {
    padding: 0 10px !important;
}

.mfp-counter {
    right: 10px !important;
}

.mfp-bg {
    opacity: 0.8 !important;
}

/* 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: #666;
}

.box_style_3 {
    padding: 20px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -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);
    text-align: center;
}

.box_style_3 h3 {
    font-size: 20px;
}

.box_style_3 i {
    margin: auto;
    margin-bottom: 20px;
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px dashed #ccc;
    font-size: 42px;
    color: #6dcff6;
}

.box_style_4,
.box_style_2 {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 10px;
    position: relative;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 13px;
}

.box_style_4:after,
.box_style_4:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
}

.box_style_4:before {
    border-bottom: 10px solid #ccc;
    margin-bottom: 0;
}

.box_style_4:after {
    border-bottom: 10px solid #fff;
    margin-bottom: -1px;
    z-index: 1;
}

.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;
}

/* Input form style */
.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.form-control {
    font-size: 1rem;
    color: #333;
    height: 40px;
    border-radius: 3px;
}

#booking .form-group {
    position: relative;
}

.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;
}

.black_bg {
    background-color: #000;
}

.match_bg {
    background-color: #f9f9f9;
    margin: 0 0 20px 0;
}

/*Spacing*/
.add_bottom_15 {
    margin-bottom: 15px;
}

.add_bottom_30 {
    margin-bottom: 30px;
}

.add_bottom_45 {
    margin-bottom: 45px;
}

.add_bottom_60 {
    margin-bottom: 60px;
}

.nomargin_top {
    margin-top: 0;
}

/*List*/
ul.list_ok {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 22px;
}

ul.list_ok li {
    position: relative;
    padding-left: 25px;
}

ul.list_ok li:before {
    font-style: normal;
    font-weight: bold;
    font-family: "icon_set_1";
    font-size: 14px;
    content: "\6c";
    color: #002538;
    position: absolute;
    left: 0;
    top: 0;
}

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: #002538;
    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;
}

/** Pagination **/
.page-link {
    color: #555;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #555;
    border-color: #555;
}

.page-item .page-link:hover {
    background-color: #555;
    border-color: #555;
    color: #fff;
}

.styled-selecttick select {
    background: transparent;
    width: 100%;
    border: 0;
    border-radius: 0;
    height: 37px;
    margin: 0;
    font-weight: 400;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    color: #000;
}

.styled-selecttick {
    width: 100%;
    overflow: hidden;
    height: 40px;
    background: url(../png/down_arrow_select.png) no-repeat right center;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
}

.styled-selecttick select::-ms-expand {
    display: none;
}

.styled-selecttick select:focus {
    outline: none;
}


/* Drop down select footer */
.styled-select select {
    background: transparent;
    width: 115%;
    padding: 7px 5px 5px 15px;
    border: 0;
    border-radius: 0;
    height: 37px;
    margin: 0;
    font-weight: 400;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    color: #999;
}

.styled-select {
    width: 100%;
    overflow: hidden;
    height: 40px;
    background: #434343 url(../png/down_arrow_select.png) no-repeat right center;
    border: none;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.styled-select select::-ms-expand {
    display: none;
}

.styled-select select:focus {
    outline: none;
}

/* Drop down select filters */
.styled-select-filters select {
    background: transparent;
    width: 115%;
    padding: 7px 5px 5px 10px;
    border: 0;
    border-radius: 0;
    height: 31px;
    margin: 0;
    font-weight: 400;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    font-size: 12px;
    color: #888;
}

.styled-select-filters {
    width: 100%;
    overflow: hidden;
    height: 34px;
    background: #fff url(../png/down_arrow_select_filters.png) no-repeat right center;
    border: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    display: block;
}

.styled-select-filters select::-ms-expand {
    display: none;
}

.styled-select-filters select:focus {
    outline: none;
}

/* Margin tools */
.marginl_30 {
    padding-left: 30px;
}

.margin_60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.margin_30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin_45 {
    margin-bottom: 30px;
}

.padding_15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Parallax bg */
.parallax-window {
    min-height: 500px;
    background: transparent;
    position: relative;
}

.parallax-content-1 {
    display: table;
    width: 100%;
    height: 470px;
    background: rgba(0, 0, 0, 0.6);
}

.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: 48px;

    font-weight: bold;
    color: #fff;
}

.parallax-content-1 div h1 {
    margin-bottom: 0;
    padding-top: 40px;
}

.parallax-content-1 div h1:before,
.parallax-content-1 div h1:after {
    display: inline-block;
    width: 50px;
    height: 1px;
    content: '';
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.5);
}

.parallax-content-1 div h1:before {
    margin-right: 10px;
}

.parallax-content-1 div h1:after {
    margin-left: 10px;
}

.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;
}

.img_container {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.img_feature {
    position: relative;
    margin-top: 10px;
}


.tour_container .tour_title {
    padding-top: 15px;
    padding-bottom: 45px;
    padding-left: 15px;
    padding-right: 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;

}

.wishlist {
    position: relative;
    float: right;
    width: 50px;
    height: 30px;
    z-index: 2;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.wishlist a {
    color: #fff;

}

.strip_all_tour_list .wishlist a {
    color: #fff;
}

.wishlist:before {
    font-style: normal;
    font-weight: normal;
    font-family: "icon_set_1";
    font-size: 40px;
    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;
    color: #fff;
    position: absolute;
    left: 0;
    top: 3px;
}

.img_container a:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.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;
}

.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;
}

/* Ribbons */
.ribbon {
    position: absolute;
    top: 0;
    left: -1px;
    width: 78px;
    height: 78px;
    z-index: 1;
}

.ribbon.popular {
    background: url(../png/ribbon_popular.png) no-repeat 0 0;
}

.ribbon.top_rated {
    background: url(../png/ribbon_top_rated.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;
}

.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: #002538;
    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%;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #002538;
    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;

}

.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: #002538;
    font-size: 12px;
    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: #333;
    padding: 10px 0;
    font-size: 11px;
}

#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: #fff;
}

#position ul {
    margin: 0;
    padding: 0;
    color: #888;
}

#position ul li a {
    color: #fff;
    opacity: 0.7;
}

#position ul li a:hover {
    color: #fff;
    opacity: 1;
}

#position ul li {
    display: inline-block;
    padding-right: 8px;
    margin-right: 3px;
    position: relative;
}

#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(../banner_bg.html) no-repeat center bottom;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -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(../shadow-bg.html) no-repeat top left;
}

.banner:before {
    right: 0;
    background: url(../shadow-bg.html) no-repeat top right;
}

.banner a {
    position: absolute;
    top: 35%;
    right: 30px;
}

.banner h4 {

    font-weight: bold;
    font-size: 32px;
    margin: 0;
    padding: 0;
    color: #002538;
    font-family: "Gochi Hand", cursive;
}

.banner h4 span {
    text-transform: none;
    color: #555;
}

.banner p {
    margin: 0;
    padding: 0;
}

.banner.colored {
    background: #002538 url(../banner_bg_colored.html) no-repeat center bottom;
    color: #fff;
}

.banner.colored h4 {
    color: #fff;
}

.banner.colored h4 span {
    color: #FFC;
}

/*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;
}

/** Collapse updated v.1.8 **/
.card {
    margin-bottom: 20px;
}

.card-header {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
    background-color: #fff;
    border-bottom: none;
    padding-bottom: 15px;
}

.card-header h4 {
    font-size: 16px;
    padding-top: 5px;
}

.card-header a {
    color: #002538;
}

.card-body {
    padding: 30px;
    line-height: 1.6 !important;
    border-top: 1px solid #ddd;
}

.card-header a .indicator {
    color: #002538;
}

.card-header a:hover .indicator {
    color: #333;
}

/** Blockquote **/
blockquote.styled {
    font-family: "Gochi Hand", cursive;
    line-height: 1.42857143;
}

/** tabs **/
.tab-content {
    width: 100%;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 25px;
    -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;
}

/** 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;
}

/*============================================================================================*/
/* 4.  UPDATES  */
/*============================================================================================*/

/* 4.1 Home 7: search function */
#search_container {
    position: relative;
    height: 700px;
    background: #4d536d url(../slide_hero.html) no-repeat center top;
    background-size: cover;
    color: #fff;
    width: 100%;
    display: table;
    z-index: 99;
}

#search {

    vertical-align: middle;
    width: 100%;
}

#search .nav-tabs {
    border-radius: 0;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid transparent;
    margin: 0 0 6px 10px;

}

#search .nav-tabs > li > a {
    border-radius: 0;
    border: 0;
    color: #fff !important;
    padding: 10px 15px;
    margin-right: 3px;
}

#search .tab-content {
    border-radius: 0;
    border: 0;
    color: #333;
}

#search .nav-tabs > li > a {
    background: rgba(0, 0, 0, 0.40);
}

#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;
}

.tab-pane h3 {
    color: #999;
    margin: 0 0 20px 0;
}

.tab-pane h3 {
    color: #999;
    margin: 0 0 20px 0;
}

.dd-select {
    border-radius: 3px !important;
    border: solid 1px #ccc;
    position: relative;
    cursor: pointer;
    height: 40px;
    font-weight: normal !important;
}

.dd-desc {
    color: #aaa;
    display: block;
    overflow: hidden;
    font-weight: normal;
}

.dd-selected {
    overflow: hidden;
    display: block;
    padding: 0 0 0 10px !important;
    font-weight: normal !important;
    color: #444 !important;
}

.dd-pointer {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
}

.dd-pointer-down {
    border: solid 5px transparent;
    border-top: solid 5px #999 !important;
}

.dd-pointer-up {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #000 !important;
    margin-top: -8px;
}

.dd-option {
    padding: 10px;
    display: block;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.dd-options > li:last-child > .dd-option {
    border-bottom: none;
}

.dd-options li .dd-option {
    height: 45px;
    line-height: 25px !important;
}

.dd-option:hover {
    background: #f9f9f9 !important;
    color: #000;
}

.dd-option-selected {
    background: #f9f9f9 !important;
    color: #444 !important;
}

.dd-option-image,
.dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 10px !important;
    max-width: 64px;
}

.dd-image-right {
    float: right;
    margin-right: 15px;
    margin-left: 5px;
}

.dd-container {
    position: relative;
}

label.dd-selected-text {
    font-weight: normal !important;
}

.dd-option-text {
    line-height: 14px !important;
}

.dd-selected-image {
    margin-top: 7px;
}

.dd-select label,
.dd-options label {
    font-weight: normal !important;
    cursor: pointer !important;
}

.radio_fix {
    float: left;
    margin-top: 35px;
}

/*-------- 4.1 Faq --------*/
#faq h2 {
    margin: 0 0 20px 0;
    font-size: 24px;
}

/*-------- 4.2 Pricing tables --------*/
.plans {
    margin: 0px auto 50px;
    zoom: 1;
}

.plans:before,
.plans:after {
    content: '';
    display: table;
}

.plans:after {
    clear: both;
}

.plan {
    margin: 10px 0;
    padding: 20px;
    text-align: center;
    background: #fafafa;
    background-clip: padding-box;
    border: solid #dddddd;
    min-height: 435px;
    border-width: 1px 0 1px 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.col-md-4.plan:first-child {
    margin-right: -30px;
    margin-left: 30px;
}

.plan:last-child {
    border-width: 1px;
}

.plan-title {
    position: relative;
    margin: -20px -10px 20px;
    padding: 20px;
    line-height: 1;
    font-size: 18px;

    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}

.plan-title:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
}

.plan-price {
    margin: 0 auto 20px;
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    background: #4b4b4b;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    display: inline-block;
    text-align: center;
    font-family: "Helvetica Neue", Arial;
}

.plan-price > span {
    font-size: 12px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9);
}

.plan-features {
    margin-bottom: 20px;
    line-height: 2;
    font-size: 12px;
    text-align: center;
}

ul.plan-features {
    padding: 0;
    margin: 0 0 30px 0;
}

.plan-features li {
    list-style: none;
}

.plan-tall {
    margin: 0;
    background: #fff;
    border-width: 1px;
    border-radius: 4px;
    margin-right: -30px;
    position: relative;
    z-index: 100;
    border: solid #83c99f;
    position: relative;
}

.ribbon_table {
    width: 99px;
    height: 97px;
    position: absolute;
    left: -7px;
    top: -7px;
    display: block;
    background: url(../png/ribbon.png) no-repeat 0 0;
    z-index: 101;
}

.plan-tall > .plan-title {
    font-size: 18px;
}

.plan-tall > .plan-price {
    margin: 0 auto 20px;
    height: 130px;
    width: 130px;
    line-height: 130px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    background: #f26d7d;
    border-radius: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    display: inline-block;
    text-align: center;
}

.plan-tall > .plan-features {
    font-size: 14px;
}

.plan-tall > .plan-button {
    padding: 0 16px;
    line-height: 32px;
}

.plan-tall + .plan {
    border-left: 0;
}

/* Pricing tables style 2 */
#pricing_2 {
    margin-top: 20px;
}

.ribbon_2 {
    width: 99px;
    height: 97px;
    position: absolute;
    left: -5px;
    top: -5px;
    display: block;
    background: url(../png/ribbon.png) no-repeat 0 0;
    z-index: 101;
}

.pricing-table {
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    padding-bottom: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.pricing-table:hover {
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
}

.pricing-table.green {
    text-align: center;
    font-weight: 400;
}

.pricing-table.black {
    text-align: center;
    font-weight: 400;
}

.pricing-table-sign-up {
    border-top: 1px solid #ededed;
    padding: 10px 10px 5px 10px;
    text-align: center;
    margin-top: 30px;
}

.pricing-table-features p {
    padding: 10px 20px;
    text-align: center;
    margin: 10px 0;
}

.pricing-table-features p:nth-child(2n) {
    background: #f8f8f8;
    padding: 10px 0;
}

.pricing-table-features,
.pricing-table-space {
    background: #fff;
}

.pricing-table p {
    padding: 5px;
    margin-top: 5px;
    font-size: 110%;
    font-weight: 400;
    background: #fff;
}

.pricing-table p strong {
    font-weight: 600;
}

.pricing-table .pricing-table-header {
    color: #fff;
    padding: 0px;
}

.pricing-table-header .heading {
    display: inline-block;
    width: 100%;
    padding: 15px 0px;

    font-weight: 800;
    font-size: 18px;
}

.pricing-table.green .heading {
    background: #83c99f;
}

.pricing-table.black .heading {
    background: #333333;
}

.pricing-table .pricing-table-header .price-value {
    background: #fff;
}

.pricing-table.green .pricing-table-header .price-value {
    background: #fff;
}

.pricing-table.black .pricing-table-header .price-value {
    background: #fff;
}

.pricing-table-header .price-value {
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
    background: #1ABC9C;
    font-family: "Helvetica Neue", Arial;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}

.pricing-table-header .price-value span {
    font-weight: 800;
    font-size: 36px;
    line-height: 36px;
}

.pricing-table-header .price-value span.mo {
    font-size: 22px;
    font-weight: 400;
}

.question_box h3 {
    font-size: 18px;
    text-align: left;
    line-height: 22px;
    margin-bottom: 10px;
}

.question_box {
    padding-left: 40px;
    position: relative;
    margin-bottom: 30px;
}

.question_box:before {
    content: "\ec7e";
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    position: absolute;
    color: #999;
    top: 5px;
    left: 0;
}

/*-------- 4.4 Common --------*/
.badge_save {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 77px;
    color: #fff;
    text-align: center;

    background: url(../png/badge_save.png);
    font-size: 11px;
    line-height: 12px;
    padding-top: 32px;
}

.badge_save strong {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.input-group input {
    height: 34px;
    border: none;
}

.input-group input:focus {
    border: none;
    box-shadow: none;
}

/* Promo_full */
.promo_full {
    height: auto;
    background: url(../jpg/champions.jpg) 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;

    font-weight: bold;
    color: #fff;
}

.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 */
#map_filter {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 2;
    width: 100%;
}

#map_filter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

#map_filter ul li {
    display: inline-block;
    text-align: center;
}

#map_filter ul li a {
    display: inline-block;
    padding: 15px;
    color: #444;
    min-width: 120px;
    margin: 0 -3px;
}

#map_filter ul li a:hover,
#map_filter ul li a.active {
    background-color: #fff;
    color: #002538;
}

#map_filter ul li a i {
    display: block;
    font-size: 36px;
    margin: 5px 0;
}

/* Map contact */
#map_contact.contact_2 {
    margin-top: 98px;
}

/* Sticky sidebar */
.theiaStickySidebar {
    z-index: 4 !important;
    position: relative;
}

/*============================================================================================*/
/* 5.  UPDATES  */
/*============================================================================================*/

/*-------- 5.1 Ribbons css --------*/
.ribbon_3 {
    position: absolute;
    left: 10px;
    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-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;
}

/*-------- 5.2 Footer styles --------*/
/* Footer 3 */
footer#pattern_2 {
    background: #222 url(../pattern_3.html) repeat 0 0;
}

footer #logo {
    margin-top: 20px;
}

/* Footer 4 */
#newsletter_container {
    background-color: #f8f8f8;
    border-top: 1px solid #ededed;
}

#newsletter_container h3 {
    font-size: 32px;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 300;
    margin: 0 0 20px 0;
}

#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;
}

/* Footer 5 */
ul.tweet_list li {
    padding-left: 30px;
    background: url(../twitter_icon.html) no-repeat 0 5px;
}

.tweets-next,
.tweets-prev {
    display: inline-block;
    font-size: 28px;
    color: #FFF;
    margin-top: 5px;
    width: 28px;
    padding: 0;
    text-align: left;
}

.tweets-prev {
    margin-right: 5px;
}

.tweet_avatar {
    float: left;
}

.tweet_time a {
    display: block;
    margin-bottom: 5px;
    color: #fdf7ac;
}

a.bx-next, a.bx-prev {
    color: #fff;
}

a.bx-next:hover, a.bx-prev:hover {
    color: #fdf7ac;
}

.tweet_text a {
    text-decoration: underline;
}

.tweet-control {
    margin-left: 15px;
}

/* Footer 6 */
footer#pattern_3 {
    background: #222 url(../pattern_4.html) repeat 0 0;
}

footer .post {
    position: relative;
    min-height: 62px;
    padding-left: 80px;
    padding-top: 5px;
    margin-bottom: 10px;
}

footer .post:last-child {
    margin-bottom: 5px;
}

footer .post figure {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 62px;
    height: 62px;
}

footer .post h4 {
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 6px;
}

footer.post i {
    font-size: 14px;
    padding-right: 10px;
}

/* Footer 7 */
footer#pattern_4 {
    background: #2a2a2a url(../pattern_5.html) repeat 0 0;
}

footer .gallery-image {
    overflow: hidden;
}

footer .gallery-image a {
    max-width: 33.33%;
    padding-right: 10px;
    padding-bottom: 10px;
    float: left;
}

footer .gallery-image img {
    width: 100%;
    transition: 0.3s ease-in-out;
}

/*-------- 5.3 Header versions --------*/
/* Header 4*/
#opening {
    display: inline-block;
    margin-left: 15px;
}

#social_top a i {
    font-size: 13px;
    color: #fff;
}

#social_top a i:hover {
    color: #e05068;
}

/* Header 5*/
#lang_top i {
    font-size: 14px;
}

.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 #002538;
}

.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: #002538;
    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;
    border-bottom: 1px solid #ededed;
    padding: 8px;
    display: block;
}

.dropdown-mini .dropdown-menu ul#lang_menu li a:hover {
    background-color: #f9f9f9;
    color: #002538 !important;
    padding-left: 15px;
}

a#lang_link, a#currency_link {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

#lang_link:before, #currency_link:before {
    font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
}

#lang_link:before {
    content: "\ea26";
}

#currency_link:before {
    content: "\e8b8";
}

/*-------- 5.4 Gallery overlay --------*/
.img_wrapper_gallery {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    border: 4px solid #fff;
    background-color: #000;
    -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);
}

.img_container_gallery a:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.6;
}

.img_container_gallery img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1;
    -webkit-backface-visibility: hidden;
}

.img_container_gallery {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.img_container_gallery i {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: none;
    color: #fff;
    font-size: 30px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    display: none;
}

.img_container_gallery a:hover i {
    display: block;
}

/*-------- 5.5 Map infobox + map listing --------*/
.infoBox {
    padding-right: 25px !important;
}

.map-right #map {
    height: 100%;
    width: 100%;
}

a.btn_infobox_detail:before, .btn_infobox_get_directions:before, a.btn_infobox_phone:before {
    font-style: normal;
    font-weight: normal;
    font-family: "Fontello";
    font-size: 20px;
    cursor: pointer;
}

.btn_infobox_get_directions, a.btn_infobox_phone {
    border: none;
    display: inline-block;
    color: #002538;
    background: none;
    cursor: pointer;
    margin: 0 5px;
    font-size: 13px;
    position: relative;
    padding-left: 18px;
    outline: none;
}

.btn_infobox_get_directions:hover, a.btn_infobox_phone:hover {
    color: #333;
}

.btn_infobox_get_directions:before {
    font-size: 14px;
    content: "\ecea";
    position: absolute;
    left: 0;
    top: 2px;
}

a.btn_infobox_phone:before {
    font-size: 13px;
    content: "\eed5";
    position: absolute;
    left: 0;
    top: 0;
}

a.btn_infobox, .btn_infobox {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #002538;
    cursor: pointer;
    padding: 5px 15px;
    display: inline-block;
    outline: none;
    font-size: 11px;
    -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;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn_infobox:hover, .btn_infobox:hover {
    background: #333;
}

.marker_tools {
    margin: 10px 0 15px 0;
}

/*============================================================================================*/
/* 6.  UPDATES  */
/*============================================================================================*/

/*-------- 6.1 Footer fixed --------*/
main {
    background-color: #f9f9f9;
/*    z-index: 2;*/
    position: relative;
}

.parallax-content-1 {
    z-index: 3;
    position: relative;
}

/*-------- 6.2 Notify --------*/
[data-notify="progressbar"] {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
}

.customized_notify.alert-info {
    text-align: center;
    background-color: #fff;
    width: 310px;
    line-height: 1.4;
    border: 0;
    color: #777;
    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-bottom: 5px;
    font-weight: 700;
}

.customized_notify i span {
    font-size: 55px;
    margin-bottom: 0;
    color: #6C6;
    display: inline-block;
}

.customized_notify i span img {
    border: 5px solid #ededed;
    width: 80px;
    height: auto;
    margin-bottom: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/*-------- 6.3 Search modal --------*/
.search-overlay-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    -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;
    z-index: 999999;
    text-align: center;
}

.search-overlay-menu.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

.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-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.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="search22"] {
    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: #002538;
}

.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: #002538;
    cursor: pointer;
}

body.has-fullscreen-modal {
    position: fixed;
    width: 100%;
}

/*-------- 6.4 Header 7 --------*/
nav.full-horizontal {
    margin-top: 10px;
}

header.sticky nav.full-horizontal {
    margin-top: 0;
}

/*============================================================================================*/
/* 7. UPDATES */
/*============================================================================================*/

/*-------- 7.1 Date dropper/Time dropper --------*/
.form-control:disabled.booking_date,
.form-control[readonly].booking_date,
.form-control:disabled.booking_time,
.form-control[readonly].booking_time {
    background-color: #fff;
    opacity: 1;
}

div.datedropper, .td-wrap {
    font-family: "Lato", Arial, sans-serif !important;
}

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-v:hover {
    text-decoration: none !important;
}

div.datedropper.primary:before,
div.datedropper.primary .pick-submit,
div.datedropper.primary .pick-lg-b .pick-sl:before,
div.datedropper.primary .pick-m,
div.datedropper.primary .pick-lg-h {
    background-color: #002538 !important;
}

div.datedropper.primary .pick-y.pick-jump,
div.datedropper.primary .pick li span,
div.datedropper.primary .pick-lg-b .pick-wke,
div.datedropper.primary .pick-btn {
    color: #002538;
}


/*-------- 7.2 Tabs home--------*/
.tabs {
    position: relative;
    width: 100%;
    overflow: visible;
    margin-bottom: 45px;
}

/* Nav */
.tabs nav {
    text-align: center;
    overflow: hidden;
}

.tabs nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.tabs nav ul li {
    border: 1px solid #2e8b57;
    border-bottom: none;
    margin: 0 0.25em;
    display: block;
    float: left;
    position: relative;
    -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;
}

.tabs nav li.tab-current {
    border: 1px solid #e2e2e2;
    border-bottom: none;
    z-index: 100;
    -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;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
    content: '';
    position: absolute;
    height: 1px;
    right: 100%;
    bottom: 0;
    width: 1000px;
    background: #e2e2e2;
}

.tabs nav li.tab-current:after {
    right: auto;
    left: 100%;
    width: 4000px;
}

.tabs nav a {
    color: #555;
    display: block;
    font-size: 18px;
    line-height: 2.5;
    padding: 0 1.25em;
    white-space: nowrap;
    -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;

}

.tabs nav a:hover {
    color: #111;
}

/* Icons */
.tabs nav a:before {
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-family: 'icon_set_1';
    line-height: 1;
    speak: none;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    margin: -0.25em 0.4em 0 0;
    position: relative;
    top: 3px;

}

.icon-hotels:before {
    content: "\26";
}

.icon-tours:before {
    content: "\53";
}

.icon-ticket:before {
    content: "\53";
}

.icon-restaurants:before {
    content: "\5a";
}


/* Content */
.content section {
    padding: 40px 0 0 0;
    display: none;
    max-width: 1230px;
    margin: 0 auto;
}

.content section:before,
.content section:after {
    content: '';
    display: table;
}

.content section:after {
    clear: both;
}

.no-js .content section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid #e2e2e2;
}

.content section.content-current {
    display: block;
}

.mediabox {
    float: left;
    width: 35%;
    padding: 0 15px;
}

.list_tours_tabs h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #999;
    margin-bottom: 15px;
}

.list_tours_tabs ul {
    list-style: none;
    margin: 0 0 0 0;
    width: 100%;
    padding: 0;
}

.list_tours_tabs ul li {
    position: relative;
    padding: 15px 5px 10px 70px;
    min-height: 65px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    display: table;
}

.list_tours_tabs ul li a:hover {
    color: #002538;
}

.list_tours_tabs ul li a small {
    color: #777;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.list_tours_tabs ul li:last-child {
    border-bottom: none;
    padding-left: 15px;
    padding-top: 10px;
}

.list_tours_tabs ul li div {
    display: table-cell;
    vertical-align: middle;
}

.list_tours_tabs ul li figure {
    width: 45px;
    height: 45px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 10px;
}

.list_tours_tabs ul li figure img {
    width: 45px;
    height: auto;
}

.list_tours_tabs ul li h3 {
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.list_tours_tabs ul li:hover h3 {
    color: #002538;
}

.list_tours_tabs ul li:hover {
    background-color: #f8f8f8;
}

.list_hotels_tabs h3 {
    font-size: 18px;
    margin-top: 0;
}

/*-------- 7.3 Morphext --------*/
.morphext > .animated {
    display: inline-block;
}

#searchbox .text {
    padding-bottom: 15px;
}

/*-------- 7.5 Sing In Modal --------*/
#sign-in-dialog {
    background: #fff;
    padding: 30px;
    padding-top: 10;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#sign-in-dialog {
    background: #fff;
    padding: 30px;
    /*padding-top: 0;*/
    text-align: left;
    max-width: 500px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Popup close button*/
#sign-in-dialog .mfp-close,
#small-dialog .mfp-close {
    color: #666;
    background-color: #e4e4e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 12px;
    right: 20px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
    color: #fff;
    background-color: #66676b;
}

#sign-in-dialog .mfp-close:before {
    font-size: 24px;
    font-family: 'ElegantIcons';
    content: "\4d";
}

#sign-in-dialog2 {
    background: #fff;
    padding: 30px;
    padding-top: 0;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Popup close button*/
#sign-in-dialog2 .mfp-close,
#small-dialog .mfp-close {
    color: #666;
    background-color: #e4e4e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 12px;
    right: 20px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

#sign-in-dialog2 .mfp-close:hover,
#small-dialog .mfp-close:hover {
    color: #fff;
    background-color: #66676b;
}

#sign-in-dialog2 .mfp-close:before {
    font-size: 24px;
    font-family: 'ElegantIcons';
    content: "\4d";
}

/* Close X button on pop up dialog */
.set-close-color {
    color: #666;
    background-color: #e4e4e4;
}
.set-close-color:hover {
    color: #fff;
    background-color: #66676b;
}

#brochure-dialog {
    background: #fff;
    padding: 30px;
    padding-top: 0;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Popup close button*/
#brochure-dialog .mfp-close,
#small-dialog .mfp-close {
    color: #666;
    background-color: #e4e4e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 12px;
    right: 20px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

#brochure .mfp-close:hover,
#small-dialog .mfp-close:hover {
    color: #fff;
    background-color: #66676b;
}

#brochure-dialog .mfp-close:before {
    font-size: 24px;
    font-family: 'ElegantIcons';
    content: "\4d";
}

#partner-dialog {
    background: #fff;
    padding: 30px;
    padding-top: 0;
    text-align: left;
    /*max-width: 400px;*/
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Popup close button*/
#partner-dialog .mfp-close,
#small-dialog .mfp-close {
    color: #666;
    background-color: #e4e4e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 12px;
    right: 20px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

#partner-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
    color: #fff;
    background-color: #66676b;
}

#partner-dialog .mfp-close:before {
    font-size: 24px;
    font-family: 'ElegantIcons';
    content: "\4d";
}

.small-dialog-header {
    font-size: 18px;
    width: calc(100% + 60px);
    position: relative;
    left: -30px;
    top: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    background-color: #002538;
    padding: 15px 20px;
    margin-bottom: 30px;
}

.small-dialog-header h3 {
    padding: 10px;
    margin: 0;
    font-size: 38px;
    font-weight: 400;
    color: #fff;
}

#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
    color: #fff;
    background-color: #66676b;
}

#sign-in-dialog .form-group {
    position: relative;
    padding: unset;

}

#sign-in-dialog .form-group-email {
    position: relative;
    padding: unset;
    margin-left: 10px;
}

#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: 35px;
    color: #ccc;
    width: 25px;
    height: 25px;
    display: block;
    font-weight: 400 !important;
}

#sign-in-dialog .form-group i.icon_lock_alt {
    top: 37px;
}

#brochure-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
    color: #fff;
    background-color: #66676b;
}

#brochure-dialog .form-group {
    position: relative;
}

#brochure-dialog .form-group input.form-control {
    padding-left: 40px;
}

#brochure-dialog .form-group i {
    font-size: 21px;
    font-size: 1.3125rem;
    position: absolute;
    left: 12px;
    top: 35px;
    color: #ccc;
    width: 25px;
    height: 25px;
    display: block;
    font-weight: 400 !important;
}

#partner-dialog .form-group i.icon_lock_alt {
    top: 37px;
}

#partner-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
    color: #fff;
    background-color: #66676b;
}

#partner-dialog .form-group {
    position: relative;
}

#partner-dialog .form-group input.form-control {
    padding-left: 40px;
}

#partner-dialog .form-group i {
    font-size: 21px;
    font-size: 1.3125rem;
    position: absolute;
    left: 12px;
    top: 35px;
    color: #ccc;
    width: 25px;
    height: 25px;
    display: block;
    font-weight: 400 !important;
}

#partner-dialog .form-group i.icon_lock_alt {
    top: 37px;
}

.checkboxes {
    position: relative;
    color: #999;
    padding-top: 8px;
}

.my-toggle {
    background: transparent;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #888;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;

    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
}

.my-toggle:hover,
.my-toggle:focus {
    background-color: #eee;
    color: #555;
    outline: transparent;
}

#forgot_pw {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    min-height: 484px;
    display: none;
}


.sign-in-wrapper {
    position: relative;

}

.sign-in-wrapper2 {
    position: relative;
}

a.social_bt {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    min-width: 200px;
    margin-bottom: 15px;
    display: block;
    padding: 12px;
    line-height: 1;
    position: relative;
    -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;
    cursor: pointer;
}

a.social_bt:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%);
}

a.social_bt.facebook:before, a.social_bt.google:before, a.social_bt.linkedin:before {
    font-family: 'ElegantIcons';
    position: absolute;
    left: 12px;
    top: 10px;
    font-size: 1rem;
    color: #fff;
}

a.social_bt.facebook {
    background-color: #3B5998;
}

a.social_bt.facebook:before {
    content: "\e093";
}

a.social_bt.google {
    background-color: #DC4E41;
}

a.social_bt.google:before {
    content: "\e096";
    top: 12px;
}

a.social_bt.linkedin {
    background-color: #0077B5;
}

a.social_bt.linkedin:before {
    content: "\e09d";
}

.divider {
    text-align: center;
    height: 1px;
    margin: 30px 0 20px 0;
    background-color: #e1e8ed;
}

.divider span {
    position: relative;
    top: -20px;
    background-color: #fff;
    display: inline-block;
    padding: 10px;
    font-style: italic;
}

/*-------- 7.6 Styles Switcher --------*/
#style-switcher h3 {
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

#style-switcher {
    background: #fff;
    width: 205px;
    position: fixed;
    top: 205px;
    z-index: 999;
    left: -205px;
    border-radius: 0 0 4px 0;
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 15px rgba(0, 0, 0, .175);
}

#style-switcher ul {
    list-style: none;
    padding: 0;
    margin-bottom: 22px;
}

#style-switcher div {
    padding: 6px 18px;
}

#style-switcher h2 {
    background: #f8f8f8;
    color: #333;
    font-size: 14px;
    line-height: 46px;
    padding: 0 0 0 20px;
    margin-top: 0;
    font-weight: 500;
}

#style-switcher h2 a {
    background-color: #f8f8f8;
    display: block;
    height: 46px;
    position: absolute;
    right: -46px;
    top: 0;
    width: 46px;
    border-radius: 0 4px 4px 0;
    font-size: 22px;
    color: #fff;
    text-align: center;
}

#style-switcher h2 a i {
    position: relative;
    top: 2px;
    color: #333;
}

.colors {
    list-style: none;
    margin: 0 0px 10px 0;
    overflow: hidden;
}

.colors li {
    float: left;
    margin: 4px 2px 0 2px;
}

.colors li a {
    display: block;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.default {
    background: #002538;
}

.aqua {
    background: #1cbbb4;
}

.green_switcher {
    background: #82ca9c;
}

.orange {
    background: #f7941d;
}

.blue {
    background: #0072bc;
}

.colors li a.active {
    box-shadow: 0 0 0 2px #fff inset
}

.colors li a {
    border-radius: 3px;
}

.no_img_container {
    width: 195px;
    height: 94.19px;
    background-color: #002538;
    color: #fff;
}

.no-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}


/*
Added by Alex 12/06/2022 from style.css on stupdate.
*/


/* Large Carousel home page top starts */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);

.carousel {
    position: relative;
}

.carousel div {
    font-family:
}

.carousel h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    position: relative;
    top: 0px;
    left: 0%;
    font-size: 5rem;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 40px #002538, 0 0 70px #002538, 0 0 80px #002538, 0 0 100px #002538, 0 0 150px #002538;
}

.carousel p {
    position: relative;
    top: -30px;
    left: 0%;
}

.carousel::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: inset 0px 0px 120px 30px rgba(0, 0, 0, 0.35);
    min-width: 100%;
    height: 100%;
    pointer-events: none;
}

.carousel ul {
    padding-left: 0px;
    overflow: auto;
    display: flex;
    height: 87vh; /* fixed with vh so that it just the image just ocuppies the whole screen jurek */
    max-height: 990px;
    scroll-snap-type: x mandatory;
    scroll-snap-points-y: repeat(100%);
    scroll-behavior: smooth;
    background: gray;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.carousel ul::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

.carousel ul li {
    min-width: 100%;
    list-style: none;
    /*background: url(https://www.67hailhail.com/static/uploads/18/2022/02/GettyImages-1368280113-13-scaled.jpg) center center / cover no-repeat;*/
    scroll-snap-align: start;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}

.carousel ul li div {
    z-index: 9;
}

.carousel ul li div a {
    position: relative;
    color: white;
    display: inline-block;
    background: white;
    text-shadow: none;
    color: black;
    padding: 5px 15px;
    font-size: 18px;
    text-decoration: none;
    border-radius: 4px;
    margin-top: -30px;
}

.carousel ol {
    padding-left: 0px;
    position: absolute;
    bottom: 15px;
    display: flex;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.carousel ol li {
    list-style: none;
    padding: 0 5px;
}

.carousel ol li a {
    display: block;
    height: 10px;
    width: 10px;
    border: 2px solid white;
    background: transparent;
    border-radius: 100%;
}

.carousel ol li.selected a {
    background: white;
}

.carousel .prev, .carousel .next {
    user-select: none;
    cursor: pointer;
    font-size: 50px;
    color: white;
    position: absolute;
    left: 0;
    padding: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.carousel .next {
    left: auto;
    right: 0;
}

/* DEMO CSS */
.carousel ul li:nth-child(2) {
    /*background-image: url(https://decambiar.com/wp-content/uploads/2022/02/GettyImages-1350246850.jpg);*/
}

.carousel ul li:nth-child(3) {
    /*background-image: url(https://d2x51gyc4ptf2q.cloudfront.net/content/uploads/2021/02/15212339/Werner-Chelsea-Newcastle.jpg);*/
}

.carousel ul li:nth-child(4) {
    /*background-image: url(https://cdn.futbolperuano.com/sdi/2020/09/20/leeds-united-logra-su-primera-victoria-en-la-premier-league-al-vencer-2-1-al-fulham-858001.jpg);*/
}

.carousel ul li:nth-child(5) {
    /*background-image: url(https://www.ascot.com/uploads/1815806434-25-08-2021-11-16-07.Royal%20Ascot%202022.jpg);*/
}
/* END - Large Carousel home page top starts */

/* Used for the home page carousel button */
.carousel .btn_slide{
    padding: 10px!important;
    min-width: 120px;
    text-transform: uppercase;
    background: #002538;
    color: #fff;
}
.carousel .btn_slide:hover{
    color: #2e8b57;
}


/*icon position starts*/
.iconslmao ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.iconslmao ul li {
    list-style: none;
    margin: 0 15px;
}

.iconslmao ul li a {
    left: 450px;
    position: relative;
    display: block;

    font-size: 30px;

    transition: .5s;
}
/*icon position ends*/


/*footer starts*/
.footer-section {
    background: #002538;
    position: relative;
}

.footer-cta {
    border-bottom: 1px solid #2e8b57;
}

.footer-cta .col-sm-3 {
    padding-bottom: 15px;
}

.single-cta i {
    color: #2e8b57;
    font-size: 30px;
    float: left;
    margin-top: 8px;
}

.cta-text {
    padding-left: 15px;
    display: inline-block;
}

.cta-text h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px;
}

.cta-text span {
    color: #757575;
    font-size: 14px;
}

.footer-content {
    position: relative;
    z-index: 2;
}

.footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%;
}

.footer-logo {
    margin-bottom: 30px;
}

.footer-logo img {
    max-width: 200px;
}

.footer-text p {
    margin-bottom: 14px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 28px;
}

.footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}

.footer-social-icon a {
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}

.footer-social-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
}

.facebook-bg {
    background: #3B5998;
}

.twitter-bg {
    background: #55ACEE;
}

.instagram-bg {
    background: #9b6954;
}

.linkedin-bg {
    background: #0077b5;
}

.tiktok-bg {
    background: #ff0050;
}

.footer-widget-heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
}

.footer-widget-heading h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 2px;
    width: 50px;
    background: #2e8b57;
}

.footer-widget ul li {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 12px;
}

.footer-widget ul li a:hover {
    color: #2e8b57;
}

.footer-widget ul li a {
    color: #878787;
    text-transform: capitalize;
}

.subscribe-form {
    position: relative;
    overflow: hidden;
}

.subscribe-form input {
    width: 100%;
    padding: 14px 28px;
    background: #2E2E2E;
    border: 1px solid #2E2E2E;
    color: #fff;
}

.subscribe-form button {
    position: relative;
/*    left: -115px;  Causes issues on smaller devices */
    background: #2e8b57;
    padding: 13px 20px;
    border: 1px solid #2e8b57;
    top: 0;
}

.subscribe-form button i {
    color: #fff;
    font-size: 22px;
    transform: rotate(-6deg);
}

.copyright-area {
    background: #2e8b57;
    padding: 25px 0;
}

.copyright-text p {
    margin: 0;
    font-size: 14px;
    color: #fff;
}

.copyright-text p a {
    color: #002538;
}

.footer-menu li {
    display: inline-block;
    margin-left: 20px;
}

.footer-menu li:hover a {
    color: #002538;
}

.footer-menu li a {
    font-size: 14px;
    color: #fff;
}

/* Adds a line separator with no margins */
/* Used in footer for TrustPilot */
hr.line-separator{
    border-top: 3px solid #002538;
    margin: 0;
}

/*FOOTER ENDS*/


/*badges carousel -start-*/

.slider {
    height: 250px;
    margin: auto;
    position: relative;
    width: 90%;
    overflow: hidden;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-250px * 14));
        transform: translateX(calc(-250px * 14));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-250px * 14));
        transform: translateX(calc(-250px * 14));
    }
}

.slide {
    display: flex;
    align-items: center;
    padding: 1px;
    perspective: 100px;
}

.slide img {
    width: 100%;
    transition: 0.7s;
}

.slide img:hover {
    transform: translateZ(15px);
}

.slider .slide-track:hover {
    animation-play-state: paused;
}

.slider .slide-track {
    -webkit-animation: scroll 20s linear infinite;
    animation: scroll 20s linear infinite;
    display: flex;
    width: calc(250px * 28);
    position: relative;
    top: 25px;
}

/* gradient shadows*/

.slider::before,
.slider::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 15%;
    z-index: 2;
}

.slider::before {
    left: 0;
    top: 0;
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

/* gradient shadows*/

.slider::before,
.slider::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 15%;
    z-index: 2;
}

.slider::before {
    left: 0;
    top: 0;
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

/*badges carousel -ends-*/

.black {
    background-color: #fff;
    border-style: solid;
    border-width: 4px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #000;
}
.black span {
    margin-top: 10px;
    position: relative;
    color: #fff;
}
.black p {
    color: #FF6A00;
    margin-bottom: 5px;
}

.patata {
    background-color: #002538;
    border-style: solid;
    border-color: #002538;
}

.patata span {
    margin-top: 10px;
    position: relative;
    color: #fff;
}

.patata p {
    color: #fff;
    margin-bottom: 5px;
}

.hoverit hover {
    color: #00ff80 !important;
}
section.section-with-image {
    z-index: 2871738129387;
    background-image: url("../jpg/jelou340.jpg");
    background-size: 140%;
}
.section-with-amb-image {
    background-image: url("../jpg/v5.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000;
    background-color: #173C4F;
    height: 454px;
    display: block;
}
section.section-with-black {
    z-index: 2871738129387;
    background-color: #000000;
    background-size: 140%;
}

ul.fok {
    margin-bottom: 0;
}

/*
END Added by Alex 12/06/2022 from style.css on stupdate.
*/


/* Search bar starts jurek 27/06/2022 */
#formlol:hover,
#formlol:valid{
    width: 250px;
    cursor: pointer;
}

#formlol:hover #search,
#formlol:valid #search{
    display: block;
}

#formlol:hover .fa,
#formlol:valid .fa{
    background: #2e8b57;
    color: white;
}

#formlol {
    position: relative;
    top: 0px;
    left: 0px;
    transform: translate(-10%,-10%);
    transition: all 1s;
    width: 70px;
    height: 70px;
    background: white;
    box-sizing: border-box;
    border-radius: 50px;
    border: 4px solid white;
    z-index: 1500;
    margin-right: 10px;
}

#formlol .fa {
    z-index: 1000000;
}

#search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;;
    height: 60px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 16px;
    border-radius: 20px;
    padding: 0 20px;
    z-index: 1500;
}

#box-search {
    position: fixed;
    right: 260px;
    top: 90px;
    width: 250px;
    background: #fff;
    z-index: 1001;
    overflow: hidden;
    list-style: none;
    display: none;
    border-radius: 25px;
}

#box-search li a{
    color: red;
    display: block;
    width: 1000px;
    padding: 12px 20px;
    color: #777777;
}

#box-search li a:hover{
    background-color: grey;
    color: white;
}

/* Use for the new search */
#output {
    color: red;
    position: fixed;
    right: 260px;
    top: 90px;
    width: 300px;
    background: #fff;
    z-index: 1001;
    overflow: hidden;
    list-style: none;
    display: none;
    border-radius: 25px;
    max-height: 560px;
}

#output a{
    font-weight: 900;
    color: #000;
    display: block;
    width: 1000px;
    padding: 0px 0px 0px 20px;
}

#output a:hover{
    background-color: #2e8b57;
    color: white;
}

#cover-ctn-search{
    width: 100%;
    height: 1000px;
    position: fixed;
    left: 0;
    bottom: 20px;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    display: none;
}
/* Search bar ends jurek 20/06/2022*/

/* Cards start */
figure.cardlol {
    font-family: 'Raleway', Arial, sans-serif;
    color: #fff;
    position: relative;
    overflow: hidden;
/*    margin: 10px; */
    min-width: 220px;
    max-width: 310px;
    width: 100%;
    background-color: #002538;
    color: #000000;
    text-align: left;
    font-size: 16px;
    border-radius: 20px;
    border: 5px #002538 solid;
    transition: 0.5s;
    margin-left: auto;
    margin-right: auto;
}

figure.cardlol * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

figure.cardlol img {
    max-width: 100%;
    vertical-align: top;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

figure.cardlol figcaption {
    padding: 25px;
    position: relative;
    min-height: 150px;
}

figure.cardlol .date,
figure.cardlol i {
    background-color: #002538;
    top: 25px;
    color: #fff;
    left: 25px;
    min-height: 60px;
    min-width: 60px;
    position: absolute;
    text-align: center;
    border-radius: 20px;
}

figure.cardlol .date {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
}

figure.cardlol .date span {
    display: block;
    line-height: 30px;
}

figure.cardlol .date .month {
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.1);
}

figure.cardlol i {
    line-height: 60px;
    font-size: 30px;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

figure.cardlol h3,
figure.cardlol p {
    margin: 0;
    padding: 0;
}

figure.cardlol h3 {
    font-size: 18px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

figure.cardlol p {
    font-size: 0.8em;
    margin-bottom: 20px;
    line-height: 1.6em;
}

figure.cardlol button {
    border: medium none;
    padding: 10px 20px;
    background-color: #fff;
    font-weight: 800;
    color: #002538;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.8em;
    border-radius: 20px;
}

figure.cardlol a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

figure.cardlol img {
    width: 100%;
    height: 20%;
}

figure.cardlol:hover img,
figure.cardlol.hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

figure.cardlol:hover .date,
figure.cardlol.hover .date {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

figure.cardlol:hover .flipbutton,
figure.cardlol.hover .flipbutton {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition-delay: 10s;
    transition-delay: 0s;
}

figure.cardlol:hover i,
figure.cardlol.hover i {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

figure.cardlol .price {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

figure.cardlol:hover .price,
figure.cardlol.hover .price {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

figure.cardlol .price {
    background-color: red;
    color: #fff;
    left: 25px;
    position: absolute;
    text-align: center;
    border-radius: 20px;
}

.jesu {
    display: flex;
    align-items: center;
}

.cardd {
    padding: 10px;
}
/* Cards ends */

/* If event sold out show image on event/ticket */
.soldout{
    margin-bottom: -40px;
}
.soldoutimg {
    width: 98px;
    height: 49px;
    /*margin-left: -40px;*/
}


/* DEALS Styling */
.img_container_deals {
    /*position: relative;*/
    overflow: hidden;
}
.img_container_deals a:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.img_container_deals 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;
    padding-top: 24px;
    max-height: 264px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img_container_deals .dealprecent {
    background-image: url(../png/deals.png);
    background-repeat: no-repeat;
    top: 0px;
    color: #fff;
    left: 16px;
    min-height: 60px;
    min-width: 60px;
    position: absolute;
    text-align: center;
    border-radius: 4px;
    padding-top: 8px;
    margin-left: 12px;
    z-index: 9999;
}
.img_container_deals .precent {
    font-size: 18px;
    font-weight: 700;
}
.img_container_deals .savings {
    font-size: 12px;
}

.spacer {
    margin-bottom: 48px;
}

.dealprecent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.strike {text-decoration: line-through;}

.totaldealprice {
    font-size: 24px;
    color: #0a6aa1;
    font-weight: 900;
    line-height: 1.5em;
}
.fromdeal {
    font-size: 14px;
    color: #0a6aa1;
    font-weight: 900;
    line-height: 1.5em;
}
.totalsalesprice {
    font-size: 12px;
}
.pricecompare {
    position: relative;
    float: right;
/*    padding-top: 5px; */
    margin-right: 10px;
    font-size: 14px;
}
.dealseventframe {
    padding-bottom: 55px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.dealsframe {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    display: flow-root;
}
.dealsframe .dealspriceframe .dealseventframe h3{
    font-size: 20px;
}

.dealspriceframe {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    float: right;
}
.eventdatedeals{
    position: relative;
    font-size: 14px;
    float: left;
    background: #fff;
    color: #303334;
    padding-top: 15px;
}

.deals_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);
    min-height: 420px;
    margin-bottom: 36px;
}
.expiresrow {
    background-color: #28a745;
    min-height: 44px;
}
/* Clear floats after the columns */
.expiresrow:after {
    content: "";
    display: table;
    clear: both;
}
.offerexpiresin {
    float: left;
    width: 50%;
    padding: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 14px;
    padding-right: 14px;
    color: #28a745;
    color: #fff;
}

.expirestext{
    color: #fff;
    font-weight: 500;
}

.size14 {
    font-size: 14px;
}
.size12 {
    font-size: 12px;
}

.competition_name {
    position: relative;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(top, transparent, #000);
    background: linear-gradient(to bottom, transparent, #000);
    width: 100%;
    padding: 36px 10px 8px 4px;
    color: #fff;
    text-align: center;
}

.dealseventname {
    min-height: 62px;
}
/* End Deals styling */

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.total-label {
    font-size: 12px;
    font-weight: bold;
}

/**************** IMPORTANT ****************/
/* Need to leave All @Media Queries for device sizes at End of this file */
/* Media queries need to be kept in order as are */
/* Paul 21/06/22 */

/* min-width */
@media only screen and (min-width: 300px) {

    /* Controls the faq, covid19, more info and package video popup dialog */
    .modal {
        margin: 8em auto;
        z-index: 999999;
        width: 400px;
        max-width: 100%;
        padding: 0px 0px;
    }
    .modal-body {
        padding: 0;
    }
    .modal-body iframe {
        width: 320px;
    }
    #resetpasswordModal {
        height: 360px;
        margin-top: 30%;
    }
    .modal-homepage {
        width: 404px !important;
        height: 404px !important;
    }
    .modal-homepage-mobile {
        width: 304px !important;
        height: 304px !important;
    }
}
@media only screen and (min-width: 600px) {

    /* Controls the faq, covid19, more info and package video popup dialog */
    .modal {
        margin: 4em auto;
        z-index: 999999;
        width: 700px !important;
    }
    .modal-body iframe {
        width: 520px;
    }

    .user-modal-container {
        margin: 4em auto;
    }

    .user-modal-container .switcher a {
        height: 70px;
        line-height: 70px;
    }
    .form {
        padding: 2em;
        min-height: 200px;
    }

    .form .fieldset {
        margin: 2em 0;
    }

    .form .fieldset:first-child {
        margin-top: 0;
    }

    .form .fieldset:last-child {
        margin-bottom: 0;
    }

    .form input.has-padding {
        padding: 16px 20px 16px 50px;
    }

    .form input[type=submit] {
        padding: 16px 0;
    }
    .form-message {
        padding: 2em 2em 0;
    }
    #resetpasswordModal {
        height: 360px;
        margin-top: 16%;
    }
    .modal-homepage {
        width: 404px !important;
        height: 404px !important;
    }
    .modal-homepage-mobile {
        width: 304px !important;
        height: 304px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {

    .modal-body iframe {
        width: 580px;
    }

    .eventdate {
        font-size: 12px;
    }

    .box_style_4 {
        min-height: 200px;
    }

    #searchbox .text {
        padding-bottom: 15px;
    }

    .img_list img {
        left: -25%;
    }

    .special_container {
        margin: 0;
        margin-bottom: 30px;
        margin-left: 15px;
        margin-right: 45px;
        padding-left: 25px;
    }

    #logo_home h1 a, header.sticky #logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a {
        width: 240px;
        height: 48px;
        display: block;
        background-image: url(../png/champlogo.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 240px 48px;
        text-indent: -9999px;
        padding-top: 60px;
    }
}
@media only screen and (min-width: 769px) and (max-width: 979px) {

    #searchbox .text {
        padding-bottom: 15px;
    }

    #map-container {
        height: 280px;
        position: relative;
        top: 0;
        overflow: hidden;
    }

    #content-row {
        height: auto;
        padding-top: 0;
    }

    .plan-tall + .plan {
        border: solid #dddddd 1px;
    }

    .plan-tall {
        margin-right: 0;
    }

    .col-md-4.plan:first-child {
        margin-right: 0;
        margin-left: 0;
        border-right: solid #dddddd 1px;
    }

    .view_on_map {
        display: none;
    }

    .full-height {
        height: auto;
    }

    .row-height {
        height: auto;
        min-height: 0;
    }

    .content-left {
        height: auto;
        min-height: 0;
        overflow-y: scroll;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {

    /*First level styles */
    .main-menu > ul > li > a {
        padding: 0 5px 15px 5px;
    }

    ul#top_links li {
        display: inline-block;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        margin-left: 10px;
        padding-left: 8px;
        position: relative;
    }
}
@media only screen and (min-width: 1170px) {

    .modal-body iframe {
        width: 620px;
    }

    .close-form {
        display: none;
    }
}


@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) {

    #searchbox .text {
        padding-bottom: 15px;
    }
}


/* max-width */
@media only screen and (max-width: 1600px) {

    .section-with-amb-image {
        background-image: url("../jpg/v5.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #173C4F;
        /*    background-color: #173C4F; */
        height: 338px;
        display: block;
    }
}
@media only screen and (max-width: 1180px) {

    .section-with-amb-image {
        background-image: url("../jpg/v5.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #173C4F;
        /*    background-color: #173C4F; */
        height: 246px;
        display: block;
    }
}
@media only screen and (max-width: 1024px) {

    .section-with-amb-image {
        background-image: url("../jpg/v5.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #173C4F;
        /*    background-color: #173C4F; */
        height: 226px;
        display: block;
    }

    #style-switcher {
        display: none;
    }

    #searchbox .text {
        padding-bottom: 15px;
    }

    #loadingnew img {
        margin-left: -100px;
        width: 200px;
    }

    #loadingnew text {
        margin-left: -100px;
        width: 200px;
    }

    #searchbox .text {
        padding-bottom: 15px;
    }

    .promo_full {
        background-attachment: scroll;
    }

    #logo_home h1 a, header.sticky #logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a {
        width: 240px;
        height: 48px;
        display: block;
        background-image: url(../png/champlogo.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 240px 48px;
        text-indent: -9999px;
        padding-top: 20px;
    }
}
@media only screen and (max-width: 991px) {
    #top_line {
        display: none
    }

    header {
        background: #002538;
    }

    /* Used for the main menu bar */
    .hide-on-small-devices-991{
        display: none;
    }


    a.cart_bt strong {
        font-size: 11px;
        width: 15px;
        height: 15px;
        display: block;
        background-color: #002538;
        color: #fff;
        text-align: center;
        position: absolute;
        top: 22px;
        right: -5px;
        line-height: 15px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .img_feature {
        height: 240px;
    }

    .img_container {
        margin-bottom: 30px;
    }

    .carousel p {
        position: relative;
        top: -30px;
        font-size: 1rem;
    }

    .carousel h1 {
        font-weight: 900;
        font-size: 2rem;
    }

    ul.fok {
        max-height: 680px;
    }

    #logo_home h1 a, header.sticky #logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a {
        width: 240px;
        height: 48px;
        display: block;
        background-image: url(../png/champlogo.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 240px 48px;
        text-indent: -9999px;
        padding-top: 20px;
    }

    #searchbox .text {
        padding-bottom: 15px;
    }

    .review_strip_single.last {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
    }

    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;
    }

    a#email_footer {
        margin-bottom: 10px;
    }

    .plan {
        min-height: inherit;
    }

    .parallax-content-1 div h1,
    #hero_2 .intro_title h3 {
        font-size: 42px;
    }

    .parallax-content-1 div h1:before,
    .parallax-content-1 div h1:after {
        width: 30px;
    }

    #hero_2 .intro_title h1:before,
    #hero_2 .intro_title h1:after {
        width: 30px;
    }

    #map_filter ul li a {
        min-width: 100px;
    }

    #map_filter ul li a span {
        font-size: 11px;
    }

    .map-right #map {
        height: 450px;
    }

    .features-content {
        padding: 10%;
        height: auto;
    }

    .price_list {
        display: block;
        height: auto;
        margin-left: 0;
    }

    .price_list div {
        display: block;
        text-align: center;
    }

    .price_list .button {
        display: block;
        margin: 15px;
    }

    #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: 32px;
        display: block;
        padding-top: 60px;
        background-image: url(../png/champlogo.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 160px 3px;
        text-indent: -9999px;
    }

    #top_line3 {
        color: #002538;
        font-size: 15px;
        visibility: visible;
        opacity: 1;
        position: relative;
        z-index: 999999;
        padding-top: 45px;
        margin-left: 40px;
    }

    #loadingnew img {
        margin-left: -100px;
        width: 200px;
    }

    #loadingnew text {
        margin-left: -100px;
        width: 200px;
    }

    .home_header_info h1 {
        font-size: 45px;
    }

    .container {
        width: unset;
    }

    #header_menu {
        text-align: center;
        padding: 25px 15px 10px 15px;
        position: relative;
        display: block;
        padding-bottom: 20px;
        background-color: #002538;
        border-bottom: 1px solid #ededed;
    }

    .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: #002538 !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;
        color: #fff;
    }

    .main-menu h3 {
        font-size: 12px;
        line-height: 14px;
        margin: 0;
        padding: 0 0 15px 15px;
        color: #333;
    }

    .main-menu li,
    .main-menu a {
        display: block;
    }

    .main-menu li {
        position: relative;
    }

    .main-menu a:hover {
        color: #002538 !important;
    }

    .main-menu ul > li {
        padding-bottom: 20px;
    }

    .main-menu ul > li i {
        float: right;
    }

    /* Menu mobile second level */
    .main-menu ul li.submenu ul {
        font-size: 12px;
        border-left: 1px solid #ededed;
        margin: 0 0 15px 25px;
    }

    .main-menu ul li.submenu ul li {
        font-size: 18px;
        border: 0;
    }

    /* Menu mobile 3rd level */
    .main-menu ul li.submenu ul ul {
        margin: 0 0 0 25px;
    }

    .nav {
        padding-top: 26px;
    }

    .nav > li {
        float: none;
    }

    .nav > li > a {
        height: 30px;
    }

    /* Menu mobile left panel */
    .main-menu {
        overflow: auto;
        transform: translateX(-105%);
        top: 0;
        left: 0;
        bottom: 0;
        display: block;
        width: 55%;
        height: 100%;
        position: fixed;
        background-color: #002538;
        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);
    }

    .ola:hover {
        background-position: 0;
        color: #2e8b57;
    }

    .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;
    }

    /* Close mobile menu button*/
    .closemenu .inner-toggle-switch {
        position: absolute;
        right: 16px;
        display: block;
        overflow: visible;
        width: 20px;
        height: 20px;
        margin-top: 5px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border: none;
        cursor: pointer;
        background-color: #fff;
        z-index: 999999;
    }

    .closemenu .inner-toggle-switch:focus {
        outline: none;
    }

    .closemenu .inner-toggle-switch span {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 2px;
        background: #002538;
    }

    .closemenu .inner-toggle-switch span::before,
    .closemenu .inner-toggle-switch span::after {
        position: absolute;
        display: yellow;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #002538;
        content: "";
    }

    .closemenu .sticky .inner-toggle-switch span::before,
    .closemenu .sticky .inner-toggle-switch span::after,
    .closemenu .sticky .inner-toggle-switch span {
        background-color: #333;
    }

    /* Header plain */
    header#plain .closemenu .inner-toggle-switch span::before,
    header#plain .closemenu .inner-toggle-switch span::after,
    header#plain .closemenu .inner-toggle-switch span,
    header#plain.sticky .closemenu .inner-toggle-switch span::before,
    header#plain.sticky .closemenu .inner-toggle-switch span::after {
        background-color: #333;
    }

    /* Header transparent colored */
    header#colored.sticky .closemenu .inner-toggle-switch span::before,
    header#colored.sticky .closemenu .inner-toggle-switch span::after,
    header#colored.sticky .closemenu .inner-toggle-switch span {
        background-color: #fff;
    }

    .closemenu .inner-toggle-switch span::before {
        top: -10px;
    }

    .closemenu .inner-toggle-switch span::after {
        bottom: -10px;
    }

    .closemenu .inner-toggle-switch__htx span::before,
    .closemenu .inner-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;
    }

    .closemenu .inner-toggle-switch__htx span::before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }

    .closemenu .inner-toggle-switch__htx span::after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }

    /* active state, i.e. menu open */
    .closemenu .inner-toggle-switch__htx.active span {
        background: none !important;
    }

    .closemenu .inner-toggle-switch__htx.active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .closemenu .inner-toggle-switch__htx.active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .closemenu .inner-toggle-switch__htx.active span::before,
    .closemenu .inner-toggle-switch__htx.active span::after {
        -webkit-transition-delay: 0, 0.3s;
        transition-delay: 0, 0.3s;
    }

    /* Hamburger menu button*/
    .cmn-toggle-switch {
        position: relative;
        display: block;
        overflow: visible;
        width: 40px;
        height: 35px;
        font-size: 0;
        padding-top: 5px;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border: none;
        cursor: pointer;
        background-color: #fff;
        z-index: 999999;
    }

    .cmn-toggle-switch:focus {
        outline: none;
    }

    .cmn-toggle-switch span {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 2px;
        background: #002538;
    }

    .cmn-toggle-switch span::before,
    .cmn-toggle-switch span::after {
        position: absolute;
        display: yellow;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #002538;
        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.3s;
        transition-delay: 0.3s;
    }
}
@media only screen and (max-width: 900px) {

    ul.fok {
        max-height: 580px;
    }

}
@media only screen and (max-width: 838px) {
    .section-with-amb-image {
        background-image: url("../jpg/v5.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #173C4F;
        /*    background-color: #173C4F; */
        height: 174px;
        display: block;
    }

    .mediabox {
        float: none;
        width: auto;
        padding: 0 0 35px 0;
        font-size: 90%;
    }

    .mediabox img {
        float: left;
        margin: 0 25px 10px 0;
        max-width: 40%;
    }

    .mediabox h3 {
        margin-top: 0;
    }

    .mediabox p {
        margin-left: 40%;
        margin-left: calc(40% + 25px);
    }

    .mediabox:before,
    .mediabox:after {
        content: '';
        display: table;
    }

    .mediabox:after {
        clear: both;
    }
}
@media only screen and (max-width: 768px) {
    .section-with-amb-image {
        background-image: url("../jpg/v5.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #173C4F;
        /*    background-color: #173C4F; */
        height: 166px;
        display: block;
    }

    #searchbox .text {
        padding-bottom: 15px;
    }

    .parallax-content-1 div {
        padding: 0 10%;
        font-size: 14px;
    }

    .parallax-content-1 div h3 {
        font-size: 36px;
    }

    .step {
        padding: 20px 31px 20px 31px;
    }

    .cards {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #single_tour_feat ul li i {
        font-size: 28px;
    }

    #hero_video a.video {
        display: inline-block;
    }

    .login_social {
        margin-bottom: 5px;
    }

    /* New v1.4 */
    .view_on_map {
        display: none;
    }

    .full-height {
        height: auto;
    }

    .row-height {
        height: auto;
        min-height: 0;
    }

    .content-left {
        height: auto;
        min-height: 0;
        overflow-y: scroll;
    }

    #newsletter_container h3 {
        font-size: 22px;
        margin: 0 0 20px 0;
    }

    #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;
    }

    #searchbox .text {
        padding-bottom: 15px;
    }

    .strip_all_tour_list {
        text-align: center;
    }

    .img_list {
        width: 100%;
        margin: auto;
    }

    .img_list img {
        left: 0;
        width: 100%;
        height: auto;
        top: -30%;
    }

    .tour_list_desc {
        border-right: none;
        height: auto;
    }

    .price_list {
        display: block;
        height: auto;
        margin-left: 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;
    }
    .linktext2{
        font-size: 16px;
    }

    .main_title p {
        font-size: 16px
    }

    .main_title_red {
        font-size: 14px;
    }

    .main_title_red h2 {
        font-size: 24px;
        color: red;
    }

    .main_title_red p {
        font-size: 16px
    }

    .main_intro {
        font-size: 14px;
    }

    .main_intro h2 {
        font-size: 24px;
    }

    .main_intro p {
        font-size: 16px
    }

    /* Mobile navigation for categories left column */
    .styled-select-cat select {
        background: transparent;
        width: 107%;
        padding: 7px 5px 5px 45px;
        border: 0;
        border-radius: 0;
        height: 50px;
        margin: 0;
        font-weight: 400;
        -moz-appearance: window;
        -webkit-appearance: none;
        cursor: pointer;
        color: #888;
    }

    .styled-select-cat {
        width: 100%;
        overflow: hidden;
        height: 50px;
        position: relative;
        border: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .styled-select-cat:before {
        font-style: normal;
        font-weight: normal;
        font-family: "icon_set_1";
        font-size: 22px;
        content: "\53";
        position: absolute;
        left: 15px;
        top: 15px;
    }

    .styled-select-cat::-ms-expand {
        display: none;
    }

    .styled-select-cat select:focus {
        outline: none;
    }

    /* Responsive table cart */
    .table.cart-list,
    .table.cart-list thead,
    .table.cart-list tbody,
    .table.cart-list th,
    .table.cart-list td,
    .table.cart-list tr {
        display: block;
        border: 0;
    }

    .table.cart-list thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table.cart-list tr {
        border: 1px solid #ccc;
    }

    .table.cart-list td {
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 50%;
    }

    .table.cart-list td:before {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .table.cart-list td:nth-of-type(1):before {
        content: "Item";
        font-weight: bold;
        color: #111;
    }

    .table.cart-list td:nth-of-type(2):before {
        content: "Quantity";
        font-weight: bold;
        color: #111;
    }

    .table.cart-list td:nth-of-type(3):before {
        content: "Discount";
        font-weight: bold;
        color: #111;
    }

    .table.cart-list td:nth-of-type(4):before {
        content: "Total";
        font-weight: bold;
        color: #111;
    }

    .table.cart-list td:nth-of-type(5):before {
        content: "Actions";
        font-weight: bold;
        color: #111;
    }

    .thumb_cart {
        display: none;
    }

    #single_tour_feat {
        text-align: center;
    }

    #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: 240px;
        min-height: 240px;
    }

    .parallax-content-1 {
        height: 240px;
    }

    .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: 20px;
        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 */
    .strip_all_tour_list .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;
    }

    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
        font-size: 12px;
    }

    #hero {
        height: 350px;
        font-size: 12px;
    }

    .intro_title h3 {
        font-size: 26px;
        margin-bottom: 5px;
        padding-top: 30px;
        color: #fff;
        font-weight: bold;
    }

    .item_cart {
        margin-top: 0;
    }

    .intro_title.error h1 {
        font-size: 50px;
    }

    .radio_fix {
        margin-top: 10px
    }

    .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;
    }

    .plan-tall + .plan {
        border-left: 1px;
        border: solid #dddddd;
    }

    .plan-tall {
        margin-right: 0;
    }

    #map_filter ul li a {
        min-width: inherit;
    }

    #map_filter ul li a span {
        display: none;
    }

    #map_filter ul li a i {
        font-size: 24px;
    }

    #map_contact {
        height: 300px;
    }

    #map_contact.contact_2 {
        margin-top: 60px;
    }

    .content-left {
        padding-top: 80px;
    }

    .map-right #map {
        height: 375px;
    }


    a#lang_link,
    a#currency_link {
        position: relative;
        text-indent: -999px;
        width: 20px;
        height: 20px;
        display: block;
    }

    #lang_link:before,
    #currency_link:before {
        text-indent: 0px;
        font-size: 20px;
    }

    .dropdown-access .dropdown-menu:before {
        right: 5%;
    }

    a#access_link,
    a#wishlist_link {
        position: relative;
        text-indent: -999px;
        width: 20px;
        height: 20px;
        display: block;
    }

    #wishlist_link:before,
    #access_link:before {
        text-indent: 0px;
        font-size: 20px;
    }

    .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: 2rem;
        top: 10px;
    }

    .laptop {
        display: none;
    }

    .score {
        display: none;
    }
}
@media only screen and (max-width: 512px) {
    .section-with-amb-image {
        background-image: url("../jpg/v4profile.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #173C4F;
        /*    background-color: #173C4F; */
        height: 440px;
        display: block;
    }
    .mediabox {
        text-align: center;
    }

    .mediabox img {
        float: none;
        margin: 0 auto;
        max-width: 100%;
    }

    .mediabox h3 {
        margin: 1.25em 0 1em;
    }

    .mediabox p {
        margin: 0;
    }
}
@media only screen and (max-width: 480px) {

    .section-with-amb-image {
        background-image: url("../jpg/v4profile-2.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #173C4F;
        height: 390px;
        display: block;
    }

    ul.fok {
        max-height: 320px;
    }

    .features-slider {
        padding: 11% 50px 10% 50px;
    }

    .input-front {
        text-align: center;
    }

    .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;
    }

    .styled-select-filters {
        margin-bottom: 5px;
    }

    .search_bar {
        width: 100%;
    }

    #hero {
        height: 250px;
    }

    .sticky ul#top_tools, ul#top_tools {
        margin: 3px 25px 0 0;
    }

    .dropdown.dropdown-cart .dropdown.dropdown-user {
        display: none;
    }

    .dropdown.dropdown-search {
        font-size: 20px;
    }

    #testimonials h2 {
        font-size: 28px;
    }

    #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: 36px;
    }

    .promo_full_wp div a i {
        font-size: 60px;
    }

    #map_filter ul li a i {
        font-size: 18px;
    }

    #search ul.nav.nav-tabs {
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 1px;
    }

    #search .nav-tabs > li > a {
        font-size: 11px;
        padding: 5px 8px;
    }

    #panel {
        display: none;
    }

    .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;
    }
}

/* End Media queries */
/**************** IMPORTANT ****************/
/* Need to leave All @Media Queries for device sizes at End of this file */
/* Media queries need to be kept in order as are */
/* Paul 21/06/22 */