@font-face {
    font-family: 'latoregular';
    src: url('../webfonts/lato-regular-webfont.woff2') format('woff2'),
         url('../webfonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../webfonts/bebasneue-regular-webfont.woff2') format('woff2'),
         url('../webfonts/bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
  --white-color:                  #FFFFFF;
  /*--primary-color:                #ffc107;*/
  --primary-color:                #2d3c5f;
  --section-bg-color:             #f9f9f9;
  --dark-color:                   #000000;
  --grey-color:                   #fcfeff;
  --text-secondary-white-color:   rgba(255, 255, 255, 0.98);
  --orange-color:                  #ff7200;
  --p-color:                      #717275;

  /*--body-font-family:           'Noto Sans JP', sans-serif;*/
  --body-font-family:           'latoregular';
  --header-font-family:         'bebas_neueregular';
  --h1-font-size:               72px;
  --h2-font-size:               50px;
  --h3-font-size:               30px;
  --h4-font-size:               28px;
  --h5-font-size:               24px;
  --h6-font-size:               22px;
  --p-font-size:                20px;
  --small-font-size:            16px;
  --copyright-text-font-size:   14px;
  --custom-link-font-size:      12px;

  --font-weight-light:          300;
  --font-weight-normal:         400;
  --font-weight-bold:           700;
  --font-weight-black:          900;
}


body, html { height: 100%;}
html{color:#222;font-size:1.1em;line-height:1.4;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
body {background: var(--white-color);font-family: var(--body-font-family); position: relative;}

/*---------------------------------------
  TYPOGRAPHY
-----------------------------------------*/
h2,h3,h4,h5,h6 {color: var(--dark-color);line-height: inherit;font-family: var(--header-font-family);}
h1,h2,h3,h4,h5,h6 {font-weight: var(--font-weight-bold);}
h1,h2 {font-weight: var(--font-weight-black);}
h1 {font-size: var(--h1-font-size);line-height: normal;}
h2 {font-size: var(--h2-font-size); color: var(--primary-color); text-transform: uppercase;}
h3 {font-size: var(--h3-font-size);color: var(--primary-color);}
h4 {font-size: var(--h4-font-size);color: var(--primary-color);}
h5 {font-size: var(--h5-font-size);}
h6 {font-size: var(--h6-font-size);}

p {/*color: var(--p-color);*//*font-size: var(--p-font-size);*/font-weight: var(--font-weight-light);letter-spacing: 0.5px;}
.text-secondary-white-color {color: var(--text-secondary-white-color);}
.text-white{color: #FFFFFF;}
a,button {touch-action: manipulation;transition: all 0.3s;}
a {color: var(--p-color); text-decoration: none;}
a:hover {color: var(--primary-color);}
::selection {background: var(--dark-color);color: var(--white-color);}
.custom-underline {border-bottom: 2px solid var(--white-color);color: var(--white-color);padding-bottom: 4px;}

.secondary{background: var(--p-color);color: var(--white-color)!important;}

.home_nav{ font-size: 2em; font-weight: bold; }
.rounded-image{border-radius: .80rem !important;}
.alertcookies{ z-index: 10; }
.text-justify{ text-align: justify; }
.hover img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1); opacity: 1; z-index: 10;}

/*---------------------------------------
  CUSTOM LINK
-----------------------------------------*/
.custom-links {max-width: 230px;}
.custom-link {position: relative;overflow: hidden;z-index: 1;display: inline-block;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.custom-link::after {content: "";width: 0;height: 2px;bottom: 0;position: absolute;left: auto;right: 0;z-index: -1;transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;background: currentColor;}
.custom-link:hover::after {width: 100%;left: 0;right: auto;}
.custom-link:hover,.custom-link:hover::after {color: var(--white-color);}
b,strong {font-weight: var(--font-weight-bold);}

.page-item.active .page-link {color: #fff; background-color: var(--primary-color);border-color: var(--primary-color);}

/*---------------------------------------
  NAVIGATION
-----------------------------------------*/
.top-bar{background: var(--primary-color);color: var(--white-color)!important;}
.top-bar a:link, .top-bar a:visited{color: var(--white-color)!important;}
.top-bar a:hover, .top-bar a:active{color: var(--orange-color)!important;;}

.navbar {z-index: 10;right: 0;left: 0;padding-top: 0; padding-bottom: 0;}
.navbar-expand-lg {transition: all 300ms ease-out 0s; z-index: 999; border:none; border-radius:0;}

.navbar-brand { padding-top: .2rem;}

.navbar-expand-lg .navbar-nav .nav-link {padding-right: 15px;padding-left: 15px;}
.navbar-nav .nav-link:hover::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.navbar-nav .nav-link {color: var(--white-color);font-size: 18px;position: relative;}
.navbar-nav .nav-item.active .nav-link,.nav-link:focus,.nav-link:hover {background-color: var(--orange-color);color: var(--white-color); }
.nav-link:focus {color: var(--secondary-color); }
.navbar-toggler {border: 0;padding: 0;cursor: pointer;margin: 0;width: 30px;height: 35px;outline: none;}
.navbar-toggler:focus {outline: none;box-shadow: none;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {background: transparent;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;transition: top 300ms 50ms ease, transform 300ms 350ms ease;transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;top: 0;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(-45deg);}
.navbar-toggler .navbar-toggler-icon {background: var(--primary-color);transition: background 10ms 300ms ease;display: block;width: 30px;height: 2px;position: relative;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after {transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;transition: top 300ms 350ms ease, transform 300ms 50ms ease;transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;position: absolute;right: 0;left: 0;background: var(--primary-color);width: 30px;height: 2px;content: '';}

.navbar-toggler .navbar-toggler-icon:before {top: -8px;}
.navbar-toggler .navbar-toggler-icon:after {top: 8px;}
.bg-light {background-color: #41839c !important; }

.lang img{ margin:-15 0 0;padding:0; max-height: 32px; width: auto;}
.menu, .whitebackground{background: var(--white-color); }
.menu .navbar-brand img{ max-height: 100px; }
.menu a:link, .menu a:visited{ color: var(--primary-color); }

.navbar-brand img{ max-height: 80px; width: auto; z-index: 100; margin-top:0px; }

/*---------------------------------------
  Vegas Slide Back Images Home
-----------------------------------------*/
.vegas-loading {border-radius: 10px; background: rgba(0,0,0,.7) url(../img/design/loading.gif) no-repeat center center; /*background: rgba(0,0,0,.7);background: url(images/loading.gif) no-repeat center center;height: 32px;width: 32px;*/left: 50%;position: fixed;top: 50%;z-index: 0;}
.vegas-overlay {background: transparent url(overlays/03.png);opacity: .5;z-index: -1;}
.vegas-background {-ms-interpolation-mode: bicubic;image-rendering: optimizeQuality;max-width: none!important;z-index: -2;}
.vegas-overlay, .vegas-background {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/*---------------------------------------
  Home
-----------------------------------------*/
.navhome {background-color: rgba(54, 54, 54, 0.7);}
.homeimage {height: 100vh;}
.homeimageText {position: absolute;z-index: 9;top: 35%;left: 50%;transform: translate(-50%, -50%); padding: 10px 20px;  /*background-color: rgba(255, 255, 255, 0.3); max-width: 400px;max-height: 400px;*/}

.homeimageText .navbar-brand img{ z-index: 100;max-width: 350px;max-height: 350px; }
.servi-home{font-family: var(--header-font-family);color: var(--white-color); font-size:1.5em; text-shadow: 2px 2px 4px #808080;}
.servi-home a:link, .servi-home a:visited{color: var(--white-color);}
.servi-home a:hover, .servi-home a:active{color: var(--orange-color);}
@media screen and (min-width: 992px) {
  .homeimage {height: 100vh; }
  .custom-image {object-fit: cover;width: 100vw;height: 100vh;}
  .sticky-wrapper {position: relative;bottom: 76px;}
}
@media screen and (max-width: 992px) {
  .navbar{ background-color: var(--white-color); }
  .navbar-nav .nav-link , .navbar-toggler{ color: var(--primary-color);}
  .navbar-brand img{ max-height: 120px; width: auto; }
  .homeimageText .navbar-brand img{ max-width: 225px; height: auto;}
  .homeimage {margin-top: 0px;}
}

/*---------------------------------------
  ABOUT & TEAM MEMBERS
-----------------------------------------*/
.info {color: var(--primary-color);font-family: var(--header-font-family);}
.card{ border: none;}

/*---------------------------------------
  HOME DESTINATIONS
-----------------------------------------*/
.destination-thumb {position: relative;overflow: hidden;}
.destination-info {margin:5px auto 10px; font-size:1.5em; font-weight: bold; }
.destination-image {display: block; transition: transform 0.6s ease-out;}


/*---------------------------------------
  SERVICES HOME
-----------------------------------------*/
.home_services{ background: #E2E3E4 }
.services-thumb {position: relative;overflow: hidden;}
.services-info {margin: 10px;}


/*---------------------------------------
  SECTION
-----------------------------------------*/
.section-padding {padding-top: 2rem;padding-bottom: 2rem;}
.slogan{ font-size: 1.5em; text-align: center;color: var(--primary-color); }

/*---------------------------------------
  DESTINATIONS
-----------------------------------------*/
.destination{position: relative;overflow: hidden;max-height:500px;text-align: center; }
.destination_city{position: absolute; z-index:10; bottom:10%; left:20%; width: 60%; text-align:center;background-color: rgba(0, 0, 0, 0.5); }
.destination_city h2{ color:#ffffff; font-size: 3em }
.service{ color: var(--orange-color);font-family: var(--header-font-family); }
.info-service{ font-size: 0.8em; }
.cat{color: var(--primary-color);}

/*---------------------------------------
  HOTELS
-----------------------------------------*/
.from_price { background-color: var(--primary-color);color: #fff; padding: 4px 6px; font-weight: bold;font-size: 0.8em;}
.active{color:var(--primary-color);}
.active > .page-link, .page-link.active {color: var(--bs-pagination-active-color); background-color: var(--primary-color);border-color: var(--primary-color);}
.page-link {color: var(--p-color); }

/*---------------------------------------
  PACKAGES
-----------------------------------------*/
.badge_price { position: absolute; margin-top:10px;margin-left: -10px;z-index: 1000;background-color: var(--primary-color);padding: 4px;font-weight: bold;color: #fff;border-radius: 5px;-webkit-transform: rotateZ(-35deg);transform: rotateZ(-35deg);/*-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.65);-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.65);box-shadow: 1px 1px 2px 1px rgba(0,0,0,.65);*/width: 100px; text-align: center; font-size:0.7em;}
.badge_price_tfr { position: absolute; margin-top:100px;margin-left: -10px;z-index: 1000;background-color: var(--primary-color);padding: 4px;font-weight: bold;color: #fff;text-align: center; font-size:0.7em;}
.upper-letter{ text-transform: uppercase; }

/*---------------------------------------
  CONTACT
-----------------------------------------*/
.contact-info {padding: 40px;}
.contact-form .form-control {border-radius: 0;font-weight: var(--font-weight-normal);padding-top: 12px;padding-bottom: 12px;}
.contact-form button[type='submit'] {background: var(--primary-color);border: none;border-radius: 0;color: var(--white-color);font-weight: var(--font-weight-bold);text-transform: uppercase;padding: 16px;transition: all 0.6s ease-out; font-size: 0.8em;}
.contact-form button[type='submit']:hover {background: var(--orange-color);}
.form-label {color: var(--p-color);font-weight: var(--font-weight-bold);}
.map-iframe {display: block;filter: grayscale(100);}

/*---------------------------------------
  SITE FOOTER
-----------------------------------------*/
.site-footer {background: var(--primary-color);color: var(--white-color);font-size: var(--small-font-size); /*margin-top:-8px*/}
.site-footer a { color: var(--white-color);}
.site-footer li a{padding: 4px 2px }
.site-footer li a:hover {background-color: rgba(0,0,0,.2);padding: 4px 2px }
.site-footer .social-icon{ font-size: var(--h5-font-size); }
/*.copyright-text { color: var(--white-color);font-size: var(--copyright-text-font-size);}*/
.site-footer .slogan{ text-transform: uppercase; font-size: 1.5em; font-weight: bold;color: var(--white-color);  }
.site-footer .dropdown-item{ color: var(--dark-color); }

/*---------------------------------------
  RESPONSIVE STYLES
-----------------------------------------*/
@media screen and (max-width: 991px) {
  h1 {font-size: 48px;}
  h2 {font-size: 36px;}
  h3 {font-size: 32px;}
  h4 {font-size: 28px;}
  h5 {font-size: 20px;}
  h6 {font-size: 18px;}
  /*.navbar {padding-top: 10px;padding-bottom: 10px;}*/
  .section-padding {padding-top: 1rem;padding-bottom: 1rem;}
  .team-thumb {left: 0;width: auto;}
  .heroText img, .heroText .about{ display: none;}
  .destination_city h3{ color:#ffffff; font-size: 1.5em }   
}

@media screen and (max-width: 360px) {
  .heroText p {font-size: 14px;}
}

.hidden,[hidden]{display:none !important;}
.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;}
.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto;}
.invisible{visibility:hidden;}
.clearfix::before,.clearfix::after{content:" ";display:table;}
.clearfix::after{clear:both;}
@media print{*,*::before,*::after{background:#fff !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
a,a:visited{text-decoration:underline;}
a[href]::after{content:" (" attr(href) ")";}
abbr[title]::after{content:" (" attr(title) ")";}
a[href^="#"]::after,a[href^="javascript:"]::after{content:"";}
pre{white-space:pre-wrap !important;}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}}


/* Animation effects for Magnific */
/* overlay at start */
.mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}