/*
 * Title:   Travelo | Responsive HTML5 Travel Template - SCSS Variables for style customization
 * Author:  http://themeforest.net/user/soaptheme
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[Table of contents]

1. Global
2. Skin colors
3. Skin logos
4. Important colors
5. Skin1
6. Skin2
7. Skin3
8. Skin4
9. Skin5
10. Skin6
11. Skin7
12. Skin8
13. Skin9
14. Skin10

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Customs styles */
/* 1. Global */
/* green color */
/* green color */
/* watermelon color */
/* watermelon color */
/* 2. Skin colors */
/* 3. Skin logos */
/* 4. Important colors */
/* 5. Skin1 */
/* 6. Skin2 */
/*$skin-logo: $skin2-logo;
$skin-bg-color: $red-color;
$skin-active-color: $red-color;
$skin-select-color: #e6c687;
$skin-hover-color: #fc989e;
$skin-mobile-menu-color: $red-theme-color;
$skin-light-color: #fc989e;
$skin-dark-color: #a70b14;*/
/* 7. Skin3 */
/*$skin-logo: $skin3-logo;
$skin-bg-color: $orange-color;
$skin-active-color: #12a0c3;
$skin-select-color: $orange-color;
$skin-hover-color: #fb9e66;
$skin-mobile-menu-color: #fe6f19;
$skin-light-color: #fb9e66;
$skin-dark-color: #db5200;*/
/* 8. Skin4 */
/*$skin-logo: $skin4-logo;
$skin-bg-color: $light-orange-color;
$skin-active-color: #db8df6;
$skin-select-color: $light-orange-color;
$skin-hover-color: #f9bd9d;
$skin-mobile-menu-color: #edb496;
$skin-light-color: #f9bd9d;
$skin-dark-color: #d36a31;*/
/* 9. Skin5 */
/*$skin-logo: $skin5-logo;
$skin-bg-color: $sea-blue-color;
$skin-active-color: $sea-blue-color;
$skin-select-color: $yellow-theme-color;
$skin-hover-color: #5cd9c2;
$skin-mobile-menu-color: #2fcaae;
$skin-light-color: #5cd9c2;
$skin-dark-color: #0f957d;*/
/* 10. Skin6 */
/*$skin-logo: $skin6-logo;
$skin-bg-color: $sky-blue-color;
$skin-active-color: $sky-blue-color;
$skin-select-color: $yellow-theme-color;
$skin-hover-color: #91c1ec;
$skin-mobile-menu-color: #529adb;
$skin-light-color: #91c1ec;
$skin-dark-color: #2a75ba;*/
/* 11. Skin7 */
/*$skin-logo: $skin7-logo;
$skin-bg-color: $dark-orange-color;
$skin-active-color: $dark-blue-color;
$skin-select-color: $dark-orange-color;
$skin-hover-color: #fd7979;
$skin-mobile-menu-color: #e83939;
$skin-light-color: #fd7979;
$skin-dark-color: #c91a1a;*/
/* 12. Skin8 */
/*$skin-logo: $skin8-logo;
$skin-bg-color: $blue-theme-color;
$skin-active-color: $dark-blue-color;
$skin-select-color: $blue-theme-color;
$skin-hover-color: #40cbf8;
$skin-mobile-menu-color: #04afe7;
$skin-light-color: $light-blue-theme-color;
$skin-dark-color: $dark-blue-theme-color;*/
/* 13. Skin9 */
/*$skin-logo: $skin9-logo;
$skin-bg-color: #ff6c00;
$skin-active-color: #ff6c00;
$skin-select-color: $light-yellow-color;
$skin-hover-color: #f87f26;
$skin-mobile-menu-color: #ee6907;
$skin-light-color: #f87f26;
$skin-dark-color: #d95e04;*/
/* 14. Skin10 */
/*$skin-logo: $skin10-logo;
$skin-bg-color: $purple-color;
$skin-active-color: $purple-color;
$skin-select-color: $dark-orange-color;
$skin-hover-color: #bc6cd8;
$skin-mobile-menu-color: #a749c8;
$skin-light-color: #bc6cd8;
$skin-dark-color: #873ba2;*/
/* landing page layout */
@media (max-width: 1080px) {
  /* line 7, ../scss/layout_responsive.scss */
  .half-screen-height {
    height: 590px;
  }
}
@media (max-width: 991px) {
  /* line 12, ../scss/layout_responsive.scss */
  .half-screen-height {
    height: 440px;
  }

  /* line 16, ../scss/layout_responsive.scss */
  .v-align-transform .experiences-title, .v-align-transform .wine-shop-title {
    font-size: 39px;
    line-height: 50px;
  }

  /* line 25, ../scss/layout_responsive.scss */
  .new-page-block .nav-bar .module.widget-handle {
    border-left: none !important;
    border: 0;
  }
  /* line 30, ../scss/layout_responsive.scss */
  .new-page-block .nav-bar .logo-block {
    padding: 0 20px;
  }
  /* line 34, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu {
    margin-bottom: 124px;
  }
  /* line 36, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu {
    border: 0;
  }
  /* line 38, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu > li > ul {
    border: 0;
  }
  /* line 42, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li a {
    color: initial !important;
  }
  /* line 45, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block {
    display: inline-block;
    text-align: inherit;
    width: 100%;
    height: auto !important;
  }
  /* line 46, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block {
    box-shadow: none;
    border: 0;
    clip-path: none;
  }
  /* line 50, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .menu, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .menu {
    box-shadow: rgba(131, 131, 131, 0.5) 0px -8px 8px -8px inset;
    padding-bottom: 12px;
  }
  /* line 54, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .mb-item-block, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .mb-item-block {
    width: 48%;
    text-align: center;
  }
  /* line 57, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .mb-item-block.ex-link-block, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .mb-item-block.ex-link-block {
    background-color: #FFFFFF;
    clip-path: inset(0 0 3px -3px);
  }
  /* line 61, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .mb-item-block.sp-link-block, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .mb-item-block.sp-link-block {
    background-color: #faf9f3;
  }
  /* line 64, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .mb-item-block.active, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .mb-item-block.active {
    position: relative;
    box-shadow: 0 0px 10px 0px #838383;
    clip-path: inset(-12px -12px 0px -12px);
    border-radius: 6px 6px 0px 0px;
    margin-left: 8px;
  }
  /* line 70, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .mb-item-block.active:before, .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .mb-item-block.active:after, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .mb-item-block.active:before, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .mb-item-block.active:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 20px;
    bottom: 0;
  }
  /* line 77, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .mb-item-block.active:after, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .mb-item-block.active:after {
    right: -20px;
    border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -webkit-box-shadow: -10px 0 0 0 #fff;
    box-shadow: -10px 0 0 0 #fff;
  }
  /* line 85, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block.mb-layout-block .mb-item-block.active:before, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block.mb-layout-block .mb-item-block.active:before {
    left: -20px;
    border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -webkit-box-shadow: 10px 0 0 0 #fff;
    box-shadow: 10px 0 0 0 #fff;
  }
  /* line 103, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block a, .new-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block a {
    line-height: 30px;
  }
  /* line 109, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .custom-menu-block {
    position: absolute;
    right: 10px;
    overflow: inherit;
    padding: 0;
    margin-right: 26px;
  }
  /* line 115, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .custom-menu-block li {
    display: inline-block;
    width: auto;
    vertical-align: top;
    line-height: inherit;
    text-align: right;
  }
  /* line 122, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .custom-menu-block .cart-icon-handle {
    padding: 0 20px 0 0;
    border-top: 0;
    display: inline-block;
    width: auto;
  }
  /* line 127, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .custom-menu-block .cart-icon-handle .cart {
    height: auto;
    line-height: 24px;
    padding: 0;
    vertical-align: top;
  }
  /* line 132, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .custom-menu-block .cart-icon-handle .cart .label {
    top: 0;
  }
  /* line 140, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .mega-menu {
    border: 0;
    padding: 0 18px !important;
  }
  /* line 143, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .mega-menu ul {
    left: 0 !important;
  }
  /* line 146, ../scss/layout_responsive.scss */
  .new-page-block.new-navbar.navbar-absolute-menu .mega-menu .sub-title-block {
    padding: 6px 14px !important;
  }
  /* line 153, ../scss/layout_responsive.scss */
  .new-page-block .main-menu-block > .nav-bar {
    overflow: inherit;
    height: 114px;
    max-height: 114px;
    box-shadow: none;
  }
  /* line 158, ../scss/layout_responsive.scss */
  .new-page-block .main-menu-block > .nav-bar .module-group {
    padding: 10px 0 0 0;
  }
  /* line 163, ../scss/layout_responsive.scss */
  .new-page-block .main-menu-block .mobile-toggle a {
    color: #201050;
  }
  /* line 165, ../scss/layout_responsive.scss */
  .new-page-block .main-menu-block .mobile-toggle a i {
    opacity: 1;
  }
  /* line 173, ../scss/layout_responsive.scss */
  .new-page-block .experience-block.active:before, .new-page-block .experience-block.active:after {
    top: 44px;
  }
  /* line 179, ../scss/layout_responsive.scss */
  .new-page-block .shop-block.active {
    background-color: #faf9f3;
    border-radius: 0;
  }
  /* line 182, ../scss/layout_responsive.scss */
  .new-page-block .shop-block.active:before, .new-page-block .shop-block.active:after {
    top: 44px;
  }
  /* line 189, ../scss/layout_responsive.scss */
  .new-page-block .add-header .experience-block .experience-search-box-block {
    padding: 0 24px;
  }
  /* line 192, ../scss/layout_responsive.scss */
  .new-page-block .add-header .experience-block .experience-search-box-block .home-search-form .home-page-search {
    position: relative;
  }
  /* line 195, ../scss/layout_responsive.scss */
  .new-page-block .add-header .experience-block .experience-search-box-block .home-search-form .home-page-search .home-page-btn-block .home-search-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
  }

  /* line 213, ../scss/layout_responsive.scss */
  .new-inner-page-block.new-navbar.navbar-absolute-menu .menu li.experience-block, .new-inner-page-block.new-navbar.navbar-absolute-menu .menu li.shop-block {
    height: auto !important;
  }
}
@media (max-width: 768px) {
  /* line 228, ../scss/layout_responsive.scss */
  .v-align-transform .experiences-title, .v-align-transform .wine-shop-title {
    font-size: 32px;
    line-height: 40px;
  }

  /* line 235, ../scss/layout_responsive.scss */
  #footer .bottom .copyright {
    margin: 23px 8px 0;
  }
}
@media (max-width: 680px) {
  /* line 243, ../scss/layout_responsive.scss */
  .half-screen-height {
    height: 310px;
  }
}
@media (max-width: 480px) {
  /* line 253, ../scss/layout_responsive.scss */
  .half-screen-height {
    height: 250px;
  }

  /* line 257, ../scss/layout_responsive.scss */
  .v-align-transform .experiences-title, .v-align-transform .wine-shop-title {
    font-size: 26px;
    line-height: 32px;
  }

  /* line 264, ../scss/layout_responsive.scss */
  #footer .bottom .copyright {
    margin: 8px 8px 0;
  }
}
@media (max-width: 360px) {
  /* line 272, ../scss/layout_responsive.scss */
  .half-screen-height {
    height: 230px;
  }

  /* line 276, ../scss/layout_responsive.scss */
  .v-align-transform .experiences-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 320px) {
  /* line 284, ../scss/layout_responsive.scss */
  .container {
    width: 314px;
  }
}