/* ----------------------------------------------
:: Template Name: CI_site
:: Template Author: Terrysharp
:: Template Author URI: https://isialys.com
:: Version: ace 3.1.0
:: Last Updated: 02-10-2020
---------------------------------------------- */

@import 'node_modules/fontawesome/css/fontawesome.css';
@import 'node_modules/fontawesome/css/brands.css';
@import 'node_modules/fontawesome/css/regular.css';
@import 'node_modules/fontawesome/css/solid.css';
@import 'plugins/owl.carousel.min.css';
@import 'plugins/owl.theme.default.min.css';
@import 'plugins/animate.css';
@import 'plugins/flaticon.css';
@import 'plugins/yamm.css';						   

html { --navbar-height: 5rem; --navbar-sm-height: 3.5rem; }
body { color: #646464 }


.dropdown-menu-center {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.dropdown-menu { border-radius: 0; padding:8px; border: none}
.dropdown-menu .img-fluid { max-width: 15rem; }
.dropdown-menu .sub-mr:not(:last-child){ margin-right: 10px}

@media (max-width: 450px) {
	.dropdown-menu .img-fluid { max-width: 100%; }
	.dropdown-menu .sub-mr:not(:last-child){ margin-bottom: 10px}
}

#scroll-down { top: 25vh; }
.fancybox-content { max-height: 100% !important }
.btn.btn-bgc-white {  border-radius: 10px; padding: 8px 10px } /* background-color: rgba(255,255,255,0.8); */

/* if our ace.css is compiled using sticky: true, then we should make it position: fixed again to fix a few glitches */
.navbar-fixed { position: relative; }
.navbar-compact { height: 5rem; }
.navbar-inner { transition: height 250ms; }
.navbar-compact .navbar-inner { height: 3.5rem; }
.navbar-fixed .navbar-inner { position: fixed; top: 0; }

@media (prefers-reduced-motion: reduce) {
   .navbar-inner { transition: none; }
}

.page-intro { background-repeat: no-repeat; background-position: center 1.5rem; background-size: 100% auto; background-attachment: fixed; }

/* change background position and size according to window size */
@media (max-width: 1800px) {
   .page-intro { background-size: auto 500px; }
}
@media (max-width: 1199.98px) {
   .page-intro { background-size: auto 450px; }
}
@media (max-width: 700px) {
   .page-intro { background-position: -50vw 1rem; }
}
@media (max-width: 450px) {
   .page-intro { background-position: -100vw 1rem; }
   .carousel-inner > .carousel-item > img { min-height: 200px}
}

.hovereffect { width:100%; height:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; }
.hovereffect .overlay { content: ""; width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }

.owl-prev, .owl-next {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 25%;
	transform: translateY(-50%);
	display: block !important;
	border:0px solid black;
}
.owl-prev { left: -50px; }
.owl-next { right: -50px; }
.owl-prev i, .owl-next i {transform : scale(2,2); color: #ccc;}

.shadinblack { box-shadow: inset 0px 0 1.25em rgba(0, 0, 0, 0.4); }
.shadblack { text-shadow: 2px 0 2px #000, -2px 0 2px #000, 0 2px 2px #000, 0 -2px 2px #000}
.shadow-1 { box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.4); }

.arround { 
	-webkit-shape-outside: polygon(100% 0, 100% 100%, 0 100%);
	shape-outside: polygon(100% 0, 100% 100%, 0 100%);
	float: left; padding: 0 8px 8px; }

.ok-mobile { display: none !important }

.social-inline { list-style: none; padding: 10px 20px 5px; }
.social-inline > li { display: inline-block; margin-right: 15px; line-height: 1.2em; }

@media (max-width: 450px) {
	.h1, h1 { font-size: 1.7rem}
}

@media (max-width: 991px){
	.no-mobile { display:none !important;}
	.ok-mobile { display: inline-block !important}
}

.modal-body ul { margin-left: 30px }

.footer {
   /*background: url('assets/image/landing/travel-footer.jpg') no-repeat center;*/
   background-size: auto;
   background-attachment: fixed;
   background-position: bottom;
}

.footer-inner ul { text-align: left }

@media (max-width: 1000px) {
   .footer { background-size: auto 80%; }
}
@media (max-width: 450px) {
   .footer { background-position: 60% 60%; background-size: auto 100%; }
}