/*
Theme Name: Top Travel
Theme URI: https://themepalace.com/downloads/top-travel/
Author: Theme Palace
Author URI: https://themepalace.com
Description: Top Travel is a WordPress travel theme made for all services related to tourism, such as travel agency, a travel website, tour operator, destination, travel booking, adventure, and much more. It provides many starter sites for you to select and get started. Because of its flexible customization option, you can edit the site to make it more personalized and brand-friendly. The social media integration is also available with the theme to promote your websites via Facebook, Instagram, and Twitter. And not to forget, Top Travel is WP Travel Plugin Compatible. This allows you to add complete travel booking solutions, making it a top choice for any travel business. Top Travel is also responsive and mobile-friendly. The website looks perfect in any screen size. 
Version: 1.0.1
Requires PHP: 5.6
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: top-travel
Tags: translation-ready, custom-background, theme-options, custom-menu, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns,  grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Top Travel is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
# Infinite scroll
# Layouts and Titles
# Media
	## Captions
	## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
	## Featured Slider
	## About Us Section
	## Services Section

# Blog/Archive/Single
# Footer
# Font Family Options
# Responsive

--------------------------------------------------------------*/

@-webkit-keyframes rotating
/* Safari and Chrome */

{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes infinitepreloader {
    100% {
        transform: rotate(180deg);
    }
}

@keyframes preloader {
    0% {
        height: 5px;
        transform: translateY(0px);
        background: #0bb3e4;
    }
    25% {
        height: 30px;
        transform: translateY(15px);
        background: #0bb3e4;
    }
    50% {
        height: 5px;
        transform: translateY(0px);
        background: #0bb3e4;
    }
    100% {
        height: 5px;
        transform: translateY(0px);
        background: #0bb3e4;
    }
}

.backtotop {
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 36px;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(84, 200, 239) 0%, rgb(21, 183, 238) 100%) repeat scroll 0% 0%;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    bottom: -100px;
    right: 25px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    cursor: pointer;
    z-index: 300;
}

.backtotop:hover {
    background: #1252f5;
}

.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

@-webkit-keyframes colorchange {
    0% {
        border-color: #e30048;
    }
    25% {
        border-color: #a58243;
    }
    50% {
        border-color: #9acf0b;
    }
    75% {
        border-color: #a93d7b;
    }
    100% {
        border-color: #f1ad02;
    }
}

@keyframes colorchange {
    0% {
        border-color: #e30048;
    }
    25% {
        border-color: #a58243;
    }
    50% {
        border-color: #9acf0b;
    }
    75% {
        border-color: #a93d7b;
    }
    100% {
        border-color: #f1ad02;
    }
}


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    color: #000;
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

p {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #000;
}


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    background-color: transparent;
    text-decoration: none;
    color: #000;
}

a:hover{
    color: #3a416f;
}

a:focus,
a:active {}

a:focus {
    outline: 0;
}


/*--------------------------------------------------------------
## Page
--------------------------------------------------------------*/

#page {
    position: relative;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#masthead {
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #d6f1fc 0%, #e0f2f9 100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 3000;
}

.main-menu {}

.site-branding {
    float: left;
    display: flex;
    align-items: center;
    padding: 22px 0;
    /*min-height: 100px;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.site-logo {}

.site-logo img {
    /*max-height: 100%;*/
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-navigation {
    float: right;
    display: block;
    position: relative;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 20px;
}

.main-navigation li {
    position: relative;
    padding: 0 10px;
}

.main-navigation a {
    display: block;
    position: relative;
}

.main-navigation ul.nav-menu>li {}

.main-navigation ul.nav-menu>li>a {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 36px 0;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu>li>a:hover,
.main-navigation ul.nav-menu>li>a:focus,
.main-navigation ul#primary-menu li:hover>a,
.main-navigation ul#primary-menu li:focus>a {
    color: #3a416f;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    text-align: left;
    background-color: #fff;
    padding: 0;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul a {
    width: 225px;
}

.main-navigation .social-menu ul {
    float: none;
    display: inline-block;
    position: relative;
    background-color: transparent;
    left: 0;
}

.main-navigation .social-menu ul li {
    padding: 0;
    /*margin-right: 5px;*/
}

.main-navigation .social-menu ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #c2cfde;
}

/*.main-navigation .social-menu ul li a:hover,
.main-navigation .social-menu ul li a:focus {
    opacity: 1;
}*/

#masthead .main-navigation .social-menu ul li a svg {
    transform: none;
    fill: #61708b;
}

#masthead .main-navigation .social-menu ul li a:hover svg,
#masthead .main-navigation .social-menu ul li a:focus svg {
    fill: #fff;
}


/*--------------------------------------------------------------
#                   Content
--------------------------------------------------------------*/

#content {
    overflow-x: hidden;
    position: relative;
}


/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/

#page-site-header {
    padding: 200px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}

.home #page-site-header .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgb(0 0 0 / 40%);*/
    top: 0;
    left: 0;
}

.home #page-site-header .wrapper {
    position: relative;
    padding: 0;
}

#page-site-header .content-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgb(18 82 245 / 75%) 50%, rgb(0 0 0 / 0%) 100%);
    text-align: center;
    z-index: 1;
}

#page-site-header .content-wrapper p {
    margin: 0;
    padding: 0;
    color: #fff;
}


/*--------------------------------------------------------------
#  Categories
--------------------------------------------------------------*/

.about-top {
    padding: 60px 0;
    background: none;
    background-size: cover;
    background-position: 50%;
    background: rgb(235,238,241);
    background: linear-gradient(180deg, #ebeef1 0%, #f2f4f6 5%, #fefefe 100%);
}

.about-top article.has-post-thumbnail {
    background: none;
}

.about-top article.has-post-thumbnail .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100%;
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(107, 124, 147, 0.3);
    border-radius: 6px;
}

.about-top article.has-post-thumbnail .entry-container {
    padding: 104px 50px;
}

.about-top article .entry-container .section-header {}

.about-top article .entry-container h2.section-title {
    font-size: 32px;
    font-weight: bold;
    position: relative;
    padding-top: 25px;
}

.about-top article .entry-container h2.section-title:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 5px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #3a416f 100%);
    border-radius: 3px;
    opacity: 0.2;
    top: 0;
    left: 0;
}

.about-top article .entry-container h2.section-title:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 5px;
    background: #54c8ef;
    border-radius: 3px;
    top: 0;
    left: 0;
}

.about-top article .entry-container .entry-content {}

.about-top article .entry-container .entry-content p {}

@media screen and (min-width: 1024px) {
    .about-top {
        padding: 80px 0;
    }
}

@media screen and (max-width: 992px) {
    .about-top article.has-post-thumbnail .entry-container {
        padding: 50px;
    }
}

@media screen and (max-width: 478px) {
    .about-top article.has-post-thumbnail .entry-container {
        padding: 20px 0 0!important;
    }
}


/*--------------------------------------------------------------
#  Post 3-1
--------------------------------------------------------------*/

#popular-destinations {
    /*padding: 60px 0;*/
    background: linear-gradient(180deg, #ffffff 0%, #eaeef3 100%);
    padding: 80px 20px;
}

#popular-destinations .wrapper {}

.slick-slide {}

#popular-destinations .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 250px 0;
    /*margin-bottom: 20px;*/
    z-index: -1;
}

.post-thumbnail-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#popular-destinations .slick-current .entry-container {
    background: #fff;
    padding: 20px;

    margin-right: 30px;
    margin-top: -50px;
}
#popular-destinations .slick-active:not(.slick-current) .entry-container {
    background-color: #fff;
    padding: 20px;

    margin-right: 30px;
    margin-top: -50px;
}
#popular-destinations .slick-active:not(.slick-current)+.slick-active .entry-container {
    background-color: #fff;
    padding: 20px;

    margin-right: 30px;
    margin-top: -50px;
}

#popular-destinations .entry-header {}

#popular-destinations h3.entry-title {}

#popular-destinations h3.entry-title a {
    color: #000;
}

#popular-destinations .entry-content {}

#popular-destinations .entry-content p {}

#popular-destinations .more-link {
    margin-top: 20px;
}

#popular-destinations .more-link a {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(84, 200, 239) 0%, rgb(21, 183, 238) 100%) repeat scroll 0% 0%;
    box-shadow: rgba(107, 124, 147, 0.25) 0px 7px 18px 0px;
    border-radius: 3px;
    padding: 10px 15px;
}

#popular-destinations .more-link a svg {
    fill: #fff;
    margin-left: 5px;
}

#popular-destinations .more-link a:hover {
    background-color: #000;
    color: #fff;
}

#popular-destinations .more-link a:hover svg {
    fill: #fff;
}

@media screen and (min-width: 1024px) {
    #popular-destinations {
        /*padding: 80px 0;*/
    }
}

@media screen and (max-width: 478px) {
    #popular-destinations {
        padding: 60px 0;
    }
}

@media screen and (max-width: 478px) {
    #popular-destinations .wrapper {
        width: 90%!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}

@media screen and (max-width: 992px) {
    #popular-destinations .wrapper {
        width: 100%;
        padding: 0;
    }
    #popular-destinations .featured-image {
        padding: 150px 0;
    }
}


/*--------------------------------------------------------------
#  Content-2
--------------------------------------------------------------*/

.home #inner-content-wrapper {
    position: relative;
    padding: 60px 0 60px;
}

@media screen and (min-width: 1024px) {
    .home #inner-content-wrapper {
        padding: 80px 0 80px;
    }
}

.home .right-sidebar #primary {}

.home #main.site-main {}


/*--------------------------------------------------------------
#  Post 2-2
--------------------------------------------------------------*/

.archive-blog-wrapper {}

.post-item-wrapper {}

.post-item-wrapper .entry-container {}

.post-item-wrapper .featured-image {
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding: 150px 0;
    margin-bottom: 20px;
}

.post-item-wrapper .entry-header {}

.post-item-wrapper h3.entry-title {}

.post-item-wrapper h3.entry-title a {
    color: #000;
}

.post-item-wrapper .entry-content {}

.post-item-wrapper .entry-content p {}

.archive-blog-wrapper .read-more {
    margin-top: 20px;
}

.archive-blog-wrapper .read-more .btn {
    display: inline-block;
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(84, 200, 239) 0%, rgb(21, 183, 238) 100%) repeat scroll 0% 0%;
    box-shadow: rgba(107, 124, 147, 0.25) 0px 7px 18px 0px;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.archive-blog-wrapper .read-more .btn:hover {
    background-color: #000;
    color: #fff;
}


/*--------------------------------------------------------------
#  Sidebar
--------------------------------------------------------------*/

.right-sidebar #secondary {
    position: relative;
    overflow: hidden;
}

#secondary .widget {
    margin: 0 0 30px;
}

#secondary .widget:last-child {}

#secondary .widget h2.widget-title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    border-left: solid 2px #15b7ee;
    border-bottom: solid 2px #15b7ee;
    padding: 0 0 10px 10px;
    margin-bottom: 20px;
}

#secondary .widget h2.widget-title:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-top: 10px solid #15b7ee;
    width: 0;
    height: 0;
    bottom: -20px;
    left: 30px;
}

#secondary .widget h2.widget-title a {
    color: #333;
}

#secondary .widget ul {
    list-style: none;
    margin: 0;
    padding: 0 20px;
}

#secondary .widget ul li {
    margin: 0 0 10px;
    padding: 10px 20px;
    border: solid 1px #ebebeb;
}

#secondary .widget ul li:hover {
    background: linear-gradient(180deg, #ffffff 0%, #eaeef3 100%);
    box-shadow: 0 5px 15px 0 rgba(107, 124, 147, 0.15), 0 2px 4px 0 rgba(107, 124, 147, 0.2), inset 0 -2px 0 0 #c2cfde;
    border-radius: 25px;
    transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

/*#secondary .widget ul li:last-child {
    border-bottom: none;
}*/

#secondary .widget ul li a {
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

#secondary .widget ul li a:hover,
#secondary .widget ul li:hover a {
    color: #3a416f;
}


/*--------------------------------------------------------------
#  Single
--------------------------------------------------------------*/

.single #page-site-header .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    top: 0;
    left: 0;
}

.single #page-site-header .wrapper {
    position: relative;
}

.single #page-site-header .page-header {
    display: inline-block;
    background: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgb(18 82 245 / 75%) 50%, rgb(0 0 0 / 0%) 100%);
    padding: 20px;
}

.single #page-site-header h2.page-title {
    margin: 0;
    padding: 0;
    font-size: 40px;
    color: #fff;
}

.single #inner-content-wrapper {
    position: relative;
    padding: 60px 0;
}

@media screen and (min-width: 1024px) {
    .single #inner-content-wrapper {
        padding: 80px 0;
    }
}

.single .right-sidebar #primary {}

.single #main.site-main {}

.single-wrapper {}

.single-wrapper article {}

.single-wrapper article .entry-container {}

.single-wrapper article .entry-content {}

.single-wrapper article .entry-content h3 {
    color: #3a416f;
}

.single-wrapper article .entry-content p {}


/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/

#colophon {
    margin: 0;
    padding: 50px 0 0;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(84,200,238,.12) 100%);
}

.site-info {
    margin: 0;
    padding: 0;
}

.site-info .wrapper {
    padding: 20px 0;
    border-top: solid 1px rgb(107 124 147 / 30%);
}

.site-info span {
    display: block;
}

.site-info.col-2 span:nth-child(1) {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    color: #61708b;
}

.site-info.col-2 span:nth-child(1) a {
    color: #61708b;
}

.site-info.col-2 span:nth-child(2) {}

.site-info .social-icons {
    text-align: center;
    /*line-height: 44px;*/
}

#colophon .social-icons li:not(:last-child) {
    margin-right: 5px;
}

#colophon .social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #c2cfde;
}

#colophon .social-icons li a svg {
    fill: #61708b;
}

#colophon .social-icons li a:hover svg,
#colophon .social-icons li a:focus svg {
    fill: #fff;
}

@media (max-width: 478px) {
    .site-info.col-2 span:nth-child(1) {
        text-align: center;
    }
    .site-info.col-2 span:nth-child(2) {
        margin-top: 20px;
    }
}

@media (max-width: 992px) {
    .site-info.col-2 span:nth-child(1) {
        line-height: 1.6;
    }
}


/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/

.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}

.social-icons li {
    display: inline-block;
    position: relative;
    list-style: none;
    height: auto;
    text-align: center;
}

.social-icons li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    border-radius: 30px;
}

.social-icons li a svg {
    fill: #8c8c8c;
}

.social-icons li a:hover svg,
.social-icons li a:focus svg {
    fill: #fff;
}


/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/

.social-icons li a.fa-fb:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a.fa-fb:focus,
.social-icons li a[href*="fb.com"]:focus,
.tp-social.social-icon li a[href*="fb.com"],
.tp-social.social-icon li a[href*="facebook.com"] {
    background-color: #3c5798 !important;
}

.social-icons li a.fa-tw:hover,
.social-icons li a.fa-tw:focus,
.tp-social.social-icon li a[href*="twitter.com"] {
    background-color: #1ea0f1 !important;
}

.social-icons li a.fa-insta:hover,
.social-icons li a.fa-insta:focus,
.tp-social.social-icon li a[href*="instagram.com"] {
    background-color: #cd42e7 !important;
}

.social-icons li a.fa-pint:hover,
.social-icons li a.fa-pint:focus,
.tp-social.social-icon li a[href*="pinterest.com"] {
    background-color: #bd081b !important;
}


/*--------------------------------------------------------------
# Menu Toggle
--------------------------------------------------------------*/

.menu-toggle {
    display: block;
    position: relative;
    min-width: 64px;
    min-width: 112px;
    height: 100px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-size: 16px;
    margin: auto;
}

.menu-label {
    float: right;
    color: #fff;
    padding: 7px 0 0 10px;
}

svg.icon-menu {
    fill: #2f59c3;
    width: 30px;
    height: 30px;
    vertical-align: baseline;
}

svg.icon-close {
    width: 15px;
    height: 15px;
}

.menu-open .menu-toggle {
    padding-top: 10px;
}

.menu-open .menu-label {
    padding-top: 2px;
}

.menu-open svg.icon-menu {
    display: none;
}

.main-navigation svg.icon-close {
    display: none;
}


/*--------------------------------------------------------------
# The END
--------------------------------------------------------------*/

.boxed-layout,
.frame-layout {
    background-image: url('assets/uploads/pattern.png');
}

svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

tbody {
    text-align: left;
}

tr {
    border: 1px solid #e4e4e4;
}

td,
th {
    padding: 5px;
    font-weight: 400;
}

th {
    color: #000;
}

td#next {
    text-align: right;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    word-wrap: break-word;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

blockquote {
    padding: 0 60px 0 40px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    position: relative;
    margin: 0 0 21px;
}

blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 21px;
    padding-left: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 0.5em;
}

dt {
    font-weight: bold;
    margin-bottom: 1em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    /*outline: thin dotted #000;*/
}

input[type="text"],
input[type="url"],
input[type="number"],
input[type="color"],
textarea {
    color: #666;
    width: 100%;
    border: 1px solid #ccc;
    padding: 15px 20px;
    background-color: #eee;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #000;
    outline: thin dotted;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.secondary-menu {
    float: right;
}

.secondary-menu a {
    color: #738f9d;
}

.secondary-menu ul li:not(:last-child):after {
    content: "|";
    width: 1px;
    height: 5px;
    margin: 0 10px;
    color: #fff;
    opacity: 0.4;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.site-title {
    font-size: 32px;
    margin: 0;
    font-weight: bold;
    line-height: 1.3;
    font-family: 'Open Sans', sans-serif;
}

.site-title a {
    color: #000;
    text-decoration: none;
}

.site-title a:hover,
.site-title a:focus {
    color: #a58243;
}

.site-description {
    margin: 0;
    color: #666;
}

.main-navigation ul#primary-menu li:hover>svg,
.main-navigation ul#primary-menu li:focus>svg,
.main-navigation li.menu-item-has-children:hover>a>svg,
.main-navigation li.menu-item-has-children>a:hover>svg,
.main-navigation li.menu-item-has-children>a:focus>svg,
.main-navigation ul#primary-menu>li.current-menu-item>a>svg {
    fill: #3a416f;
}

.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #000;
    border-bottom: 1px solid #eee;
    border-left: 1px solid rgba(238, 238, 238, 0.5);
}

.main-navigation ul.sub-menu a:after {
    float: right;
}

.user-logged-in>a>img {
    width: 40px;
    object-fit: cover;
    height: 40px;
    border-radius: 40px;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
    color: #000;
}

.main-navigation .count {
    float: right;
    background-color: #a58243;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.1;
    margin-top: 5px;
}

.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #000;
}

.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #000;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 62px;
}

.main-navigation .dropdown-toggle.active>svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.wrapper:before,
.wrapper:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.wrapper:before,
.wrapper:after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

/*.widget {
    margin: 0 0 1.3em;
}

.widget:last-child {
    margin-bottom: 0;
}*/

#colophon .widget {
    margin: 0 0 40px;
}

#colophon .widget.widget_text {
    margin-bottom: 20px;
}

#colophon .widget:last-child {
    margin-bottom: 0;
}


/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
    background-color: #f6f6f6;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

.widget select:focus {
    outline: thin dotted;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
}

/*.widget-title {
    font-size: 16px;
    margin: 0 0 35px;
}

.widget li:not(:last-child) {
    margin-bottom: 20px;
}*/

.widget_instagram ul {
    list-style: none;
    margin: -5px;
    padding: 0;
}

.widget.widget_instagram li {
    margin: 0;
    padding: 5px;
}

.widget_instagram .col-1 li {
    width: 100%;
    float: none;
}

.widget_instagram .col-2 li {
    width: 50%;
    float: left;
}

.widget_instagram .col-3 li {
    width: 33.33%;
    float: left;
}

.widget_instagram .col-4 li {
    width: 25%;
    float: left;
}

.widget_instagram .col-5 li {
    width: 20%;
    float: left;
}

.widget_instagram li img {
    width: 100%;
}

.widget_instagram .col-2 li:nth-child(2n+1) {
    clear: left;
}

.widget_instagram .col-3 li:nth-child(3n+1) {
    clear: left;
}

.widget_instagram .col-4 li:nth-child(4n+1) {
    clear: left;
}

.widget_instagram .col-5 li:nth-child(5n+1) {
    clear: left;
}

.right-sidebar #secondary,
.left-sidebar #secondary {
    margin-top: 50px;
}

input[type="submit"] {
    padding: 14px 35px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.2em;
    line-height: 28px;
    position: relative;
    text-align: center;
    background-color: #a58243;
    border: 2px solid #a58243;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.textwidget img,
.aboutwidget img {
    margin-bottom: 21px;
    display: block;
}

.widget.widget_text .btn {
    margin-top: 20px;
}

#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}

.site-footer .jetpack_subscription_widget #subscribe-submit:after {
    border-bottom-color: #fff;
}

#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #a58243;
}

#secondary p#subscribe-email {
    margin-top: 0;
}

#secondary .widget .social-icons {
    margin-left: -10px;
}

#colophon .widget .social-icons li a:hover svg,
#colophon .widget .social-icons li a:focus svg {
    fill: #fff;
}

/*#secondary a:hover,
#secondary a:focus {
    color: #3a416f;
}

#secondary a {
    color: #000;
    text-decoration: none;
}*/

#secondary .textwidget a {
    text-decoration: underline;
}

/*#secondary .widget li:not(:last-child) {
    margin-bottom: 10px;
}*/

#secondary .widget.widget_about .aboutwidget {
    text-align: center;
}

#secondary .widget.widget_about .aboutwidget img {
    margin-left: auto;
    margin-right: auto;
}

#secondary .widget_social_icons ul {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

#secondary .widget_social_icons {
    margin-bottom: 30px;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page-header small {
    font-size: 12px;
    color: #a58243;
}

nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
}

.no-sidebar nav.navigation.pagination {
    text-align: center;
}

.no-sidebar-content #inner-content-wrapper {
    margin: 0 auto;
}

.single-wrapper .entry-title {
    font-size: 32px;
    font-weight: 700;
}

.single-wrapper .post-categories {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}

.single-wrapper article blockquote p {
    margin-bottom: 0;
}

.single-wrapper article img {
    margin-bottom: 30px;
}

.single-wrapper article p.first-letter:first-letter {
    display: inline-block;
    float: left;
    font-size: 90px;
    line-height: 0.6;
    margin: 16px 16px 0 0;
}

.no-sidebar .single-wrapper .featured-image {
    text-align: center;
}

span.next-article {
    padding-right: 65px;
    display: inline-block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/

section {
    position: relative;
}

.relative {
    display: block;
    position: relative;
}

.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}

/*.entry-content {
    margin-top: 0;
}*/

.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

/*.page-section {
    padding: 60px 0;
}*/

/*.section-header {
    text-align: center;
    margin-bottom: 50px;
}*/

/*.section-title {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    word-wrap: break-word;
    position: relative;
}

.section-title a {
    text-decoration: none;
    color: #000;
}

.section-title a:hover,
.section-title a:focus {
    color: #a58243;
}*/

/*.entry-title {
    font-size: 32px;
}

.entry-title a {
    color: #000;
    text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
    color: #a58243;
}*/

.section-subtitle {
    color: #a58243;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 7px;
    font-family: 'Open Sans', sans-serif;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.same-background+.same-background {
    padding-top: 0;
}

.col-1 article,
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article,
.col-6 article {
    margin-bottom: 30px;
    width: 100%;
}

.col-1 article:last-child,
.col-2 article:last-child,
.col-3 article:last-child,
.col-4 article:last-child,
.col-5 article:last-child,
.col-6 article:last-child {
    margin-bottom: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/

/*.social-icons li a.fa-fb:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a.fa-fb:focus,
.social-icons li a[href*="fb.com"]:focus,
.tp-social.social-icon li a[href*="fb.com"],
.tp-social.social-icon li a[href*="facebook.com"] {
    background-color: #3c5798 !important;
}

.social-icons li a.fa-tw:hover,
.social-icons li a.fa-tw:focus,
.tp-social.social-icon li a[href*="twitter.com"] {
    background-color: #1ea0f1 !important;
}

.social-icons li a.fa-insta:hover,
.social-icons li a.fa-insta:focus,
.tp-social.social-icon li a[href*="instagram.com"] {
    background-color: #cd42e7 !important;
}

.social-icons li a.fa-pint:hover,
.social-icons li a.fa-pint:focus,
.tp-social.social-icon li a[href*="pinterest.com"] {
    background-color: #bd081b !important;
}*/

.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus,
.tp-social.social-icon li a[href*="linkedin.com"] {
    background-color: #0077B5 !important;
}

.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus,
.tp-social.social-icon li a[href*="plus.google.com"] {
    background-color: #ec7161 !important;
}

.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus,
.tp-social.social-icon li a[href*="youtube.com"] {
    background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus,
.tp-social.social-icon li a[href*="dribbble.com"] {
    background-color: #f4a09c !important;
}

#secondary .widget_social_icons li a {
    background-color: transparent !important;
    margin-right: 20px;
}

#secondary .widget_social_icons li:last-child a {
    margin-right: 0;
}

#secondary .widget_social_icons li a svg {
    fill: #3c5798;
    width: 22px;
    height: 22px;
}

#secondary .widget_social_icons li a[href*="facebook.com"] svg,
#secondary .widget_social_icons li a[href*="fb.com"] svg {
    fill: #3c5798;
}

#secondary .widget_social_icons li a[href*="twitter.com"] svg {
    fill: #1ea0f1;
}

#secondary .widget_social_icons li a[href*="linkedin.com"] svg {
    fill: #0077B5;
}

#secondary .widget_social_icons li a[href*="plus.google.com"] svg {
    fill: #ec7161;
}

#secondary .widget_social_icons li a[href*="youtube.com"] svg {
    fill: #cc181e;
}

#secondary .widget_social_icons li a[href*="dribbble.com"] svg {
    fill: #f4a09c;
}

#secondary .widget_social_icons li a[href*="pinterest.com"] svg {
    fill: #bd081b;
}

#secondary .widget_social_icons li a[href*="instagram.com"] svg {
    fill: #cd42e7;
}


/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/


/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-slide {
    outline: none;
}


/*--------------------------------------------------------------
#  About Us
--------------------------------------------------------------*/

/*.about-top .entry-title {
    margin: 0 0 20px;
}

.about-top .entry-title a {
    color: #000;
}

.about-top .entry-title a:hover,
.about-top .entry-title a:focus {
    color: #a58243;
}

.about-top .read-more a:focus {
    outline: thin dotted #000;
}*/


/*--------------------------------------------------------------
#  Popular Destinations
--------------------------------------------------------------*/

#popular-destinations .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 25px;
}


/*--------------------------------------------------------------
#  Archive / Blog
--------------------------------------------------------------*/

.archive-blog-wrapper.col-2,
.archive-blog-wrapper.col-3,
.archive-blog-wrapper.col-4 {
    margin: 0 -15px;
}

.archive-blog-wrapper.col-2 article,
.archive-blog-wrapper.col-3 article,
.archive-blog-wrapper.col-4 article {
    padding: 0 15px;
    margin-bottom: 50px;
}

.post-item-wrapper .cat-links {
    margin-bottom: 5px;
    display: inline-block;
}

.right-sidebar .secondary-inactive #primary,
.left-sidebar .secondary-inactive #primary {
    width: 100%;
    padding: 0;
    float: none;
}

ul.availabily-list .availabily-content .btn {
    padding: 5px 19px;
    font-size: 16px;
    border: none;
    background-color: #dc1b10;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    min-width: 134px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    height: auto;
    line-height: 30px;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.availabily-list .availabily-heading {
    font-size: 16px;
}

#secondary input[type="submit"]:hover,
#colophon input[type="submit"]:hover,
#secondary input[type="submit"]:focus,
#colophon input[type="submit"]:focus {
    background-color: #000;
}

#colophon input[type="submit"] {
    padding: 5px 19px;
    font-size: 16px;
    border: none;
    background-color: #dc1b10;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    min-width: 134px;
    text-align: center;
    height: auto;
    line-height: 28px;
    font-weight: 400;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-itineraries #page-site-header .header-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: left;
    padding: 25px 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.80) 0, rgba(0, 0, 0, 0) 100%);
}

.single-itineraries #page-site-header {
    padding: 200px 0;
}

.single-itineraries #page-site-header .overlay {
    display: none;
}

.single-itineraries #page-site-header .page-title {
    font-size: 22px;
}


/*--------------------------------------------------------------
#  Single
--------------------------------------------------------------*/

.home.default-design:not(.blog) #inner-content-wrapper,
.home.second-design:not(.blog) #inner-content-wrapper,
.home.third-design:not(.blog) #inner-content-wrapper,
.home.fourth-design:not(.blog) #inner-content-wrapper,
.home.sixth-design:not(.blog) #inner-content-wrapper,
.home.seventh-design:not(.blog) #inner-content-wrapper,
.home.eighth-design:not(.blog) #inner-content-wrapper,
.home.ninth-design:not(.blog) #inner-content-wrapper,
.home.tenth-design:not(.blog) #inner-content-wrapper {
    display: none;
}

.single-wrapper .featured-image {
    margin-bottom: 30px;
}

.popular-post-item,
.featured-post-item {
    position: relative;
}


/*--------------------------------------------------------------
#  Second Design / Business Design
--------------------------------------------------------------*/

.second-design .btn {
    letter-spacing: 0.05em;
}

.second-design .slick-filtering {
    display: none;
}

@media screen and (min-width: 767px) {
    .second-design #about-us-1 article.has-post-thumbnail .featured-image,
    .second-design #about-us-1 article.has-post-thumbnail .entry-container,
    .second-design #about-us-2 article.has-post-thumbnail .featured-image,
    .second-design #about-us-2 article.has-post-thumbnail .entry-container {
        width: 50%;
    }
    .second-design #about-us-1 .section-title,
    .second-design #about-us-2 .section-title {
        font-size: 42px;
    }
}


/*--------------------------------------------------------------
#  Third Design / Blog Design
--------------------------------------------------------------*/

.third-design .btn {
    letter-spacing: 0.05em;
}

.third-design .slick-filtering {
    display: none;
}

.third-design #popular-destinations .slick-track {
    margin: 0 -15px;
}

.third-design #popular-destinations article {
    padding: 0 15px;
}

.third-design #popular-destinations .featured-image {
    padding: 150px 0;
}

.third-design #popular-destinations .entry-title {
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 14px;
}

.third-design .more-link a {
    letter-spacing: 0.05em;
}

.third-design #about-us-1 .section-subtitle,
.third-design #about-us-2 .section-subtitle {
    display: none;
}

@media screen and (min-width: 767px) {
    .third-design #about-us-1 article.has-post-thumbnail .featured-image,
    .third-design #about-us-1 article.has-post-thumbnail .entry-container,
    .third-design #about-us-2 article.has-post-thumbnail .featured-image,
    .third-design #about-us-2 article.has-post-thumbnail .entry-container {
        width: 50%;
    }
    .third-design #about-us-1 .section-title,
    .third-design #about-us-2 .section-title {
        font-size: 42px;
    }
    .third-design #popular-destinations .slick-current .entry-container,
    .third-design #popular-destinations .slick-active:not(.slick-current) .entry-container,
    .third-design #popular-destinations .slick-active:not(.slick-current)+.slick-active .entry-container {
        padding: 0;
        text-align: left;
    }
    .third-design #about-us-1 .section-header,
    .third-design #about-us-1 article.has-post-thumbnail .entry-container,
    .third-design #about-us-1 .read-more,
    .third-design #about-us-2 .section-header,
    .third-design #about-us-2 article.has-post-thumbnail .entry-container,
    .third-design #about-us-2 .read-more {
        text-align: left;
    }
}

@media screen and (min-width: 1024px) {
    .third-design #popular-destinations .wrapper {
        max-width: 1200px;
        width: 90%;
        padding: 0 10px;
    }
}


/*--------------------------------------------------------------
#  Fourth Design / Photography Design
--------------------------------------------------------------*/

.fourth-design .btn {
    letter-spacing: 0.05em;
    background-color: transparent;
    border-color: transparent;
    color: #000;
    padding: 0;
    font-weight: 600;
    transition: none;
}

.fourth-design .btn:hover,
.fourth-design .btn:focus {
    background-color: transparent;
    border-color: transparent;
    color: #a58243;
}

.fourth-design .btn:before {
    content: "";
    background-color: #000;
    width: 30px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.fourth-design .btn:hover:before,
.fourth-design .btn:focus:before {
    background-color: #a58243;
}

.fourth-design .slick-filtering {
    display: none;
}

.fourth-design #popular-destinations .featured-image {
    margin: 0;
}

.fourth-design #popular-destinations .entry-title {
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 14px;
}

.fourth-design .more-link a {
    letter-spacing: 0.05em;
}

.fourth-design .slider-subtitle {
    color: #fff;
    margin: 0 0 20px;
}

.fourth-design #popular-destinations .entry-container,
.fourth-design #colophon .widget_text .btn:before {
    display: none;
}

.fourth-design #popular-destinations {
    padding: 0;
}

@media screen and (min-width: 767px) {
    .fourth-design #about-us-1 article.has-post-thumbnail .featured-image,
    .fourth-design #about-us-1 article.has-post-thumbnail .entry-container,
    .fourth-design #about-us-2 article.has-post-thumbnail .featured-image,
    .fourth-design #about-us-2 article.has-post-thumbnail .entry-container {
        width: 50%;
    }
    .fourth-design #about-us-1 article.has-post-thumbnail .featured-image,
    .fourth-design #about-us-2 article.has-post-thumbnail .featured-image {
        right: 0;
        left: auto;
    }
    .fourth-design #about-us-1 article.has-post-thumbnail .entry-container,
    .fourth-design #about-us-2 article.has-post-thumbnail .entry-container {
        float: left;
    }
    .fourth-design #about-us-1 .section-title,
    .fourth-design #about-us-2 .section-title {
        font-size: 42px;
    }
    .fourth-design #popular-destinations .slick-current .entry-container,
    .fourth-design #popular-destinations .slick-active:not(.slick-current) .entry-container,
    .fourth-design #popular-destinations .slick-active:not(.slick-current)+.slick-active .entry-container {
        padding: 0;
        text-align: left;
    }
    .fourth-design #about-us-1 .section-header,
    .fourth-design #about-us-1 article.has-post-thumbnail .entry-container,
    .fourth-design #about-us-1 .read-more,
    .fourth-design #about-us-2 .section-header,
    .fourth-design #about-us-2 article.has-post-thumbnail .entry-container,
    .fourth-design #about-us-2 .read-more {
        text-align: left;
    }
    .fourth-design .slider-subtitle {
        font-size: 32px;
    }
}


/*--------------------------------------------------------------
#  Fifth Design / Magazine Design
--------------------------------------------------------------*/

.fifth-design .section-content,
.fifth-design .read-more {
    text-align: inherit;
}

.fifth-design .section-header {
    margin-bottom: 20px;
    border-bottom: 2px solid #ff661f;
    text-align: left;
    max-width: 100%;
}

.fifth-design .section-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    background-color: #ff661f;
    line-height: 1;
    padding: 10px 15px;
}

.fifth-design #masthead #site-navigation {
    border-bottom: 1px solid rgb(0 0 0 / 0.15);
}

.fifth-design .main-navigation {
    width: 100%;
    float: none;
    display: block;
}

.fifth-design .site-branding {
    width: auto;
    float: none;
    display: block;
    text-align: center;
    padding: 0;
    min-height: auto;
    margin-bottom: 20px;
}

.fifth-design .site-branding-wrapper {
    padding: 30px 0;
    border-bottom: 1px solid rgb(0 0 0 / 0.15);
}

.fifth-design .menu-toggle {
    width: 100%;
    margin: 0;
    height: 60px;
}

.fifth-design.home #inner-content-wrapper {
    padding: 50px 10px 0;
}

.fifth-design #secondary,
.fifth-design #secondary a,
.fifth-design #secondary .widget-title {
    color: #fff;
}

.fifth-design #secondary .widget {
    background-color: #607d8b;
}

.fifth-design #secondary a:hover,
.fifth-design #secondary a:focus {
    opacity: 0.8;
    text-decoration: underline;
}

@media screen and (min-width: 1024px) {
    .fifth-design .site-branding-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .fifth-design .site-branding {
        text-align: left;
        float: none;
        margin: 0;
        max-width: 35%;
        width: auto;
        margin-bottom: 0;
    }
    .fifth-design .main-navigation {
        text-align: center;
    }
}


/*--------------------------------------------------------------
#  Sixth Design / Shop Design
--------------------------------------------------------------*/

.sixth-design .btn {
    letter-spacing: 0.05em;
}

.sixth-design .section-title {
    font-weight: 600;
    margin-bottom: 15px;
}

.sixth-design .subtitle {
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto 40px;
}


/*--------------------------------------------------------------
#  Seventh Design / Medical Design
--------------------------------------------------------------*/

.seventh-design .btn {
    letter-spacing: 0.05em;
}

.seventh-design .slick-filtering {
    display: none;
}

@media screen and (min-width: 767px) {
    .seventh-design #about-us-1 article.has-post-thumbnail .featured-image,
    .seventh-design #about-us-1 article.has-post-thumbnail .entry-container,
    .seventh-design #about-us-2 article.has-post-thumbnail .featured-image,
    .seventh-design #about-us-2 article.has-post-thumbnail .entry-container {
        width: 50%;
    }
    .seventh-design #about-us-1 .section-title,
    .seventh-design #about-us-2 .section-title {
        font-size: 42px;
    }
}


/*--------------------------------------------------------------
#  Eighth Design / Lawyer Design
--------------------------------------------------------------*/

.eighth-design .btn {
    letter-spacing: 0.05em;
}

.eighth-design .slick-filtering {
    display: none;
}

@media screen and (min-width: 767px) {
    .eighth-design #about-us-1 article.has-post-thumbnail .featured-image,
    .eighth-design #about-us-1 article.has-post-thumbnail .entry-container,
    .eighth-design #about-us-2 article.has-post-thumbnail .featured-image,
    .eighth-design #about-us-2 article.has-post-thumbnail .entry-container {
        width: 50%;
    }
    .eighth-design #about-us-1 .section-title,
    .eighth-design #about-us-2 .section-title {
        font-size: 42px;
    }
}


/*--------------------------------------------------------------
#  Ninth Design / Education Design
--------------------------------------------------------------*/

.ninth-design .btn {
    letter-spacing: 0.05em;
}

.ninth-design .slick-filtering {
    display: none;
}

.ninth-design #popular-destinations .entry-title {
    text-transform: none;
}

@media screen and (min-width: 767px) {
    .ninth-design #about-us-1 article.has-post-thumbnail .featured-image,
    .ninth-design #about-us-1 article.has-post-thumbnail .entry-container,
    .ninth-design #about-us-2 article.has-post-thumbnail .featured-image,
    .ninth-design #about-us-2 article.has-post-thumbnail .entry-container {
        width: 50%;
    }
    .ninth-design #about-us-1 .section-title,
    .ninth-design #about-us-2 .section-title {
        font-size: 42px;
    }
}


/*--------------------------------------------------------------
#  Tenth Design / Charity Design
--------------------------------------------------------------*/

.tenth-design .btn {
    letter-spacing: 0.05em;
}

.tenth-design .slick-filtering {
    display: none;
}

.tenth-design #popular-destinations .entry-title {
    text-transform: none;
}

@media screen and (min-width: 767px) {
    .tenth-design #about-us-1 article.has-post-thumbnail .featured-image,
    .tenth-design #about-us-1 article.has-post-thumbnail .entry-container,
    .tenth-design #about-us-2 article.has-post-thumbnail .featured-image,
    .tenth-design #about-us-2 article.has-post-thumbnail .entry-container {
        width: 50%;
    }
    .tenth-design #about-us-1 .section-title,
    .tenth-design #about-us-2 .section-title {
        font-size: 42px;
    }
    .tenth-design #about-us-1 article.has-post-thumbnail .featured-image,
    .tenth-design #about-us-2 article.has-post-thumbnail .featured-image {
        left: auto;
        right: 0;
    }
    .tenth-design #about-us-1 article.has-post-thumbnail .entry-container,
    .tenth-design #about-us-2 article.has-post-thumbnail .entry-container {
        float: left;
        text-align: left;
    }
    .tenth-design #about-us-1 .section-header,
    .tenth-design #about-us-1 .read-more,
    .tenth-design #about-us-2 .section-header,
    .tenth-design #about-us-2 .read-more {
        text-align: left;
    }
}


/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/

/*#colophon p,
#colophon li {
    color: #666;
}

#colophon li a {
    text-decoration: none;
}*/

#colophon .widget-title {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

#colophon .widget_text .widget-title {
    color: #a58243;
}

#colophon .widget_text .btn {
    background-color: #33cc66;
    border-color: #33cc66;
    color: #fff;
    padding: 14px 35px;
}

#colophon .widget_text .btn:hover,
#colophon .widget_text .btn:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}


/*--------------------------------------------------------------
# Typography Options
--------------------------------------------------------------*/

.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 h6,
.header-font-1 .site-title,
.header-font-1 input[type="submit"],
.header-font-1 .btn,
.header-font-1 .more-link {
    font-family: 'Rajdhani', sans-serif;
}

.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5,
.header-font-2 h6,
.header-font-2 .site-title,
.header-font-2 input[type="submit"],
.header-font-2 .btn,
.header-font-2 .more-link {
    font-family: 'Cherry Swash', sans-serif;
}

.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5,
.header-font-3 h6,
.header-font-3 .site-title,
.header-font-3 input[type="submit"],
.header-font-3 .btn,
.header-font-3 .more-link {
    font-family: 'Philosopher', sans-serif;
}

.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5,
.header-font-4 h6,
.header-font-4 .site-title,
.header-font-4 input[type="submit"],
.header-font-4 .btn,
.header-font-4 .more-link {
    font-family: 'Slabo 27px', sans-serif;
}

.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5,
.header-font-5 h6,
.header-font-5 .site-title,
.header-font-5 input[type="submit"],
.header-font-5 .btn,
.header-font-5 .more-link {
    font-family: 'Dosis', sans-serif;
}

.body-font-1 {
    font-family: 'News Cycle', sans-serif;
}

.body-font-2 {
    font-family: 'Pontano Sans', sans-serif;
}

.body-font-3 {
    font-family: 'Gudea', sans-serif;
}

.body-font-4 {
    font-family: 'Quattrocento Sans', sans-serif;
}

.body-font-5 {
    font-family: 'Khand', sans-serif;
}


/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/

@media screen and (min-width: 567px) {
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
    }
    .col-2 article,
    .col-3 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 15px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: left;
    }
    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
        margin-top: 50px;
    }
    #secondary .widget_social_icons li a svg {
        width: 30px;
        height: 30px;
    }
}

@media screen and (min-width: 767px) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    .col-3 article,
    .col-5 article,
    .col-6 article {
        width: 33.33%;
    }
    .col-3 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: none;
    }
    .col-3 article:nth-child(3n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: left;
    }
    .col-3 article:nth-last-child(-n+3),
    .col-5 article:nth-last-child(-n+3),
    .col-6 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    blockquote.alignright {
        width: -webkit-calc(50% - 0.736842105em);
        width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .about-top article.has-post-thumbnail {
        position: relative;
        display: table;
        width: 100%;
    }
    .about-top article.has-post-thumbnail .featured-image {
        width: 40%;
        float: left;
        padding: 0;
        position: absolute;
        display: table-cell;
        top: 0;
        left: 0;
        height: 100%;
    }
    .about-top article.has-post-thumbnail .entry-container {
        width: 60%;
        float: right;
        display: table-cell;
    }
    #popular-destinations .slick-current .entry-container {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    #popular-destinations .slick-active:not(.slick-current) .entry-container {
        /*text-align: center;*/
        padding-left: 15px;
        padding-right: 15px;
    }
    #popular-destinations .slick-active:not(.slick-current)+.slick-active .entry-container {
        /*text-align: right;*/
        padding-left: 15px;
        padding-right: 15px;
    }
    .single-wrapper #reply-title {
        margin-bottom: 40px;
        font-size: 42px;
    }
    .single-itineraries #page-site-header .page-title {
        font-size: 32px;
    }
    .single-itineraries #page-site-header .header-wrapper {
        padding: 50px 0;
    }
    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }
    .site-info.col-2 span:nth-child(1) {}
    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }
    /*.site-info .wrapper {
        padding: 0;
    }*/
    .site-info.col-2 .social-icons {
        text-align: right;
        float: right;
    }
}

@media screen and (min-width: 992px) {
    .col-4 .hentry {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article {
        width: 25%;
    }
    .col-5 article {
        width: 20%;
    }
    .col-6 article {
        width: 16.66%;
    }
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: none;
    }
    .col-4 article:nth-child(4n+1),
    .col-5 article:nth-child(5n+1),
    .col-6 article:nth-child(6n+1) {
        clear: left;
    }
    .col-4 article:nth-last-child(-n+4),
    .col-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }
    /*.about-top article .entry-container {
        padding: 104px 50px;
    }*/
    /*#popular-destinations .featured-image {
        padding: 250px 0;
    }*/
}

@media screen and (min-width: 1024px) {
    .site-branding {
        /*width: 30%;*/
        width: 20%;
    }
    .main-navigation {
        /*width: 70%;*/
        width: 80%;
    }
    .main-navigation ul.nav-menu>li.social-menu {
        float: right;
        padding: 30px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .nav-shrink .main-navigation ul.nav-menu>li.social-menu {
        padding: 21px 0;
    }
    .nav-shrink .site-branding {
        min-height: 82px;
        padding: 5px 0;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }
    .nav-shrink .main-navigation ul#primary-menu>li.current-menu-item>a:after,
    .nav-shrink .main-navigation ul#primary-menu>li:hover>a:after {
        bottom: 0;
    }
    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: auto;
        right: 0;
    }
    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        left: auto;
        right: 100%;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .main-navigation ul.sub-menu li a {
        color: #fff;
        padding: 10px 0;
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    .main-navigation ul.nav-menu>li.user-logged-in>a {
        padding: 29px 0;
    }
    .main-navigation .menu-item-has-children>a:after {
        float: none;
    }
    .main-navigation ul.sub-menu li:hover>a,
    .main-navigation ul.sub-menu li:focus>a {
        color: #fff;
    }
    .main-navigation .sub-menu svg {
        fill: #fff;
        right: 0;
        margin-top: 5px;
    }
    .main-navigation ul.sub-menu>li:last-child>a {
        border-bottom: none;
    }
    #masthead .main-navigation ul ul li.menu-item-has-children>a {
        padding-right: 35px;
    }
    .main-navigation ul.nav-menu>li.menu-item-has-children:hover>a:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #111;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 10px;
        height: 10px;
        margin: auto;
    }
    .main-navigation ul#primary-menu>li.menu-item-has-children:hover>a:after {
        display: none;
    }
    #masthead .main-navigation ul ul li a svg {
        display: inline-block;
        top: 17px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .main-navigation ul ul {
        /*background-color: #000;*/
    }
    .main-navigation ul ul li {
        padding-left: 20px;
        padding-right: 20px;
    }
    .main-navigation ul ul li.menu-item-has-children:hover>a>svg,
    .main-navigation ul ul li.menu-item-has-children>a:hover>svg {
        fill: #fff;
    }
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu>li.left-menu>a,
    .main-navigation ul.nav-menu>li.right-menu>a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-navigation li.left-menu+li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .fixed-header #masthead.nav-shrink .main-navigation ul.nav-menu>li>a {
        padding: 27px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .fixed-header #masthead.nav-shrink .main-navigation ul.nav-menu>li.user-logged-in>a {
        padding: 25px 0;
    }
    .fixed-header #masthead.nav-shrink .main-navigation ul.nav-menu>li.user-logged-in>a img {
        width: 30px;
        height: 30px;
        border-radius: 30px;
    }
    .absolute-header #masthead {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: transparent;
    }
    .fixed-header #masthead {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: transparent;
    }
    .fixed-header #masthead.nav-shrink {
        background-color: #fff;
        box-shadow: 0 6px 12px rgb(0 0 0 / 10%);
    }
    .customize-support.fixed-header #masthead.nav-shrink {
        top: 32px;
    }
    .fifth-design.customize-support.fixed-header #masthead.nav-shrink {
        top: 0;
    }
    .fifth-design #masthead,
    .fifth-design.customize-support.fixed-header #masthead {
        position: relative;
        top: 0;
    }
    .customize-support.fixed-header #masthead {
        top: 32px;
    }
    /*.page-section {
        padding: 80px 0;
    }*/
    #popular-destinations .wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    #popular-destinations .slick-current .entry-container {
        /*padding-left: 85px;
        padding-right: 30px;*/
        padding: 40px;
    }
    #popular-destinations .slick-active:not(.slick-current) .entry-container {
        /*padding-left: 30px;
        padding-right: 30px;*/
        padding: 40px;
    }
    #popular-destinations .slick-active:not(.slick-current)+.slick-active .entry-container {
        /*padding-left: 30px;
        padding-right: 115px;*/
        padding: 40px;
    }
    .archive-blog-wrapper.list-view article.has-post-thumbnail {
        position: relative;
        display: table;
    }
    .archive-blog-wrapper.list-view article.has-post-thumbnail .featured-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        display: table-cell;
        padding: 0;
        height: 100%;
    }
    .archive-blog-wrapper.list-view article.has-post-thumbnail .entry-container {
        width: 50%;
        display: table-cell;
        float: right;
        text-align: left;
        padding: 30px;
    }
    .right-sidebar #primary,
    .left-sidebar #primary,
    .no-sidebar.single-itineraries #primary,
    .no-sidebar-content.single-itineraries #primary {
        width: 70%;
        float: left;
        padding-right: 40px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary,
    .no-sidebar.single-itineraries #secondary,
    .no-sidebar-content.single-itineraries #secondary {
        width: 30%;
        float: right;
        margin-top: 0;
    }
    .left-sidebar #primary {
        float: right;
        padding-right: 0;
        padding-left: 40px;
    }
    .no-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .no-sidebar-content.single-itineraries #inner-content-wrapper {
        max-width: 100%;
    }
    .boxed-layout #page {
        max-width: 1250px;
        margin-left: auto;
        margin-right: auto;
    }
    .frame-layout {
        max-width: 100%;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        margin: 50px auto;
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1430px;
    }
    .page-section {
        padding: 100px 0 50px;
    }
    #about-us-1 article .entry-container,
    #about-us-2 article .entry-container {
        padding: 104px 100px;
    }
    .main-navigation ul.nav-menu>li.user-logged-in>a {
        padding: 34px 0;
    }
    .slick-prev,
    .slick-next {
        width: 60px;
        height: 60px;
        border-radius: 60px;
    }
    #popular-destinations .slick-current .entry-container {
        padding-left: 245px;
    }
    #popular-destinations .slick-active:not(.slick-current) .entry-container {
        padding-left: 125px;
        padding-right: 125px;
    }
    #popular-destinations .slick-active:not(.slick-current)+.slick-active .entry-container {
        padding-right: 280px;
    }
    #subscribe-now .subscribe-form-wrapper {
        margin-top: 30px;
    }
    #subscribe-now:after {
        max-width: 1430px;
    }
    .single-itineraries #page-site-header .page-title {
        font-size: 52px;
    }
    .slick-prev:before,
    .slick-next:before {
        width: 22px;
        height: 22px;
    }
    .left-sidebar .sticky-post-wrapper .entry-title,
    .right-sidebar .sticky-post-wrapper .entry-title {
        font-size: 40px;
    }
    .frame-layout .contact-details ul li,
    .frame-layout .contact-details ul li a svg {
        margin-right: 15px;
    }
    .frame-layout .contact-details ul li:last-child {
        margin-right: 0;
    }
    .frame-layout {
        padding-left: 70px;
        padding-right: 70px;
        margin: 70px auto;
    }
    #inner-content-wrapper {
        padding: 100px 0;
    }
    .boxed-layout #page {
        max-width: 1600px;
        width: 90%;
    }
}

@media screen and (max-width: 1023px) {
    .menu-toggle {
        height: 90px;
    }
    .menu-open .menu-toggle .icon-close {
        display: block;
        fill: #2f59c3;
        margin: auto;
        width: 20px;
        height: 20px;
    }
    .site-logo img {
        /*max-height: 60px;*/
    }
    .site-branding {
        padding: 21px 0;
        /*min-height: 80px;*/
        max-width: 80%;
    }
    .site-title {
        font-size: 26px;
    }
    .main-navigation a {
        border-bottom: 1px solid rgb(255 255 255 / 10%);
    }
    .main-navigation ul.nav-menu>li {
        padding: 0;
    }
    .main-navigation ul.nav-menu>li>a {
        color: #fff;
    }
    .main-navigation ul#primary-menu li.current-menu-item>a,
    .main-navigation ul#primary-menu li:hover>a,
    .main-navigation ul#primary-menu li:focus>a {
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .main-navigation ul.sub-menu li {
        padding-right: 0;
    }
    .main-navigation .menu-item-has-children>a:before {
        content: "";
        float: right;
        position: relative;
        right: 25px;
        background-color: #ccc;
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children>a:after {
        padding-top: 3px;
    }
    .main-navigation ul.sub-menu li a {
        padding: 15px 15px 15px 25px;
    }
    .main-navigation ul.sub-menu li a {
        padding-left: 50px;
    }
    .main-navigation ul.sub-menu ul li a {
        padding-left: 75px;
    }
    .main-navigation ul.sub-menu ul ul li a {
        padding-left: 100px;
    }
    .main-navigation ul.sub-menu ul ul ul li a {
        padding-left: 125px;
    }
    .main-navigation .menu-item-has-children a svg {
        display: none;
    }
    .main-navigation ul.sub-menu li a {
        border-left: none;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #3a416f;
        margin-top: 25px;
    }
    .main-navigation ul.nav-menu>li>a {
        padding: 15px 15px 15px 25px;
    }
    .main-navigation {
        position: static;
    }
    .main-navigation a {
        color: #000;
    }
    .main-navigation svg.icon-down {
        fill: #000;
        margin-top: -5px;
    }
    .main-navigation ul.sub-menu {
        border: none;
    }
    #masthead.site-header .main-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        max-width: 400px;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
        border-top: solid 1px rgb(255 255 255 / 10%);
    }
    .main-navigation .sub-menu svg {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    .main-navigation ul.nav-menu .social-menu {
        padding: 15px;
    }
    .main-navigation .social-menu ul li a {
        background-color: rgb(0 0 0 / 10%);
        border: none;
    }
    #masthead .main-navigation .social-menu ul li a svg {
        fill: #a58243;
    }
    #masthead .main-navigation .social-menu ul li a:hover svg,
    #masthead .main-navigation .social-menu ul li a:focus svg {
        fill: #fff;
    }
}

@media screen and (max-width: 992px) {
    .single-wrapper .entry-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    .secondary-menu {
        float: none;
        margin-top: 10px;
        text-align: center;
    }
    .secondary-menu ul li:not(:last-child):after {
        display: none;
    }
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    #destination-slider .slick-arrow {
        top: 25px;
        transform: none;
    }
    .slider-nav {
        display: none;
    }
    ul.availabily-list li.availabily-heading {
        display: none;
    }
    #secondary {
        margin-top: 30px;
    }
    .single-wrapper .entry-title {
        font-size: 26px;
    }
    .slick-slide {
        float: none;
        width: 100%;
        margin-bottom: 60px;
    }
    .slick-slide:last-child {
        margin-bottom: 0;
    }
    #popular-destinations .slick-current .entry-container {
        text-align: left;
    }
}

@media screen and (max-width: 992px) {
    .single #page-site-header h2.page-title {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px) {
    .single #page-site-header h2.page-title {
        font-size: 30px;
    }
}

@media screen and (max-width: 567px) {
    .menu-toggle {
        float: none;
        position: relative;
        width: 70px;
        min-width: 70px;
        text-align: center;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        z-index: 3000;
        margin-right: -22px;
    }
    .menu-toggle span {
        display: none;
    }
    .menu-toggle svg.icon-menu {
        width: 25px;
        height: 25px;
    }
    .menu-toggle svg.icon-close {
        width: 16px;
        height: 16px;
    }
    .menu-toggle.active {
        /*margin-right: -22px;*/
    }
    .site-logo img {
        margin-right: 10px;
    }
    .site-description {
        font-size: 14px;
    }
    .site-title {
        font-size: 22px;
    }
    #page-site-header {
        padding: 200px 0;
    }
    .single #page-site-header h2.page-title {
        font-size: 28px;
    }
    blockquote.alignright {
        margin-left: 0;
    }
}