/* WEBFONT */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.theme-font {
	font-family: 'Questrial', sans-serif;
}

/* SVG LOGO ADJUSTMENTS */
#headerlogo { margin-top: 0px; padding-top: 6px; padding-bottom: 6px; }
#headerlogo img { height: 70px; }
#footerLogo img { max-width: 100%; width: auto !important; height: 100%; max-height: 80px; }

/* MENU ADJUSTMENTS */
.pi-row-md .pi-full-height>li>a { line-height: 82px; }
.pi-header-row-fixed .pi-header { padding-bottom: 85px; }
.pi-reducible-nav-header { border-bottom-color: #0e869e; }
.pi-simple-menu>li>a { padding: 0 13px; }

/* GENERAL */
.pi-section-base { color: #FFFFFF; }
.pi-section-base .form-control,
.pi-section-base .form-control:hover { background: #FFFFFF; color: #333333; }
.pi-section-white a strong, .pi-section-white a b { color: unset; }
.pi-border-top-grey { border-top: 1px solid #555; }
.pi-border-bottom-base { border-bottom: 1px solid #1ab3b1; }
input[type="number"] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.btn { border-width: 2px !important; }

/* FORMS */
.pi-section-white .form-control, 
.pi-section-white .form-control:hover {
    background: #FFF;
    border-color: #AAA;
    color: #333;
}

/* FEEDBACK BUBBLES */
.css-feedback-bubble {
	position: absolute;
	z-index:999; 
	color:#FFF;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 6px;
	-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}
.gfx-fade-up {
	-webkit-animation: fadeup 1800ms ease-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
}
@-webkit-keyframes fadeup {
	0% {   
		-ms-transform: scale(0.1, 0.1);
    	-webkit-transform: scale(0.1, 0.1);
    	transform: scale(0.1, 0.1);
    }
    10% {
    	-ms-transform: scale(1, 1);
    	-webkit-transform: scale(1, 1);
    	transform: scale(1, 1);
    }
    30% {
    	opacity: 1.0;
    }
    100% { 
    	opacity: 0; 
    	margin-top: -16px; 
    }
}

/* SOCIAL HEADER */
.base-gradient-l-r { background-image: linear-gradient(to right, #0e869e, #1ab3b1); }
.pi-section-base .pi-social-icons.pi-full-height a { background-color: transparent; }
.pi-section-base .pi-social-icons.pi-full-height.pi-bordered li { border: none; }

/* ADDITIONAL SIDE TAB */
.additional-side-tab {
	background-color: #0e869e;
	color: #FFFFFF;
	z-index: 20;
    position: fixed;
    left: 0px;
    top: 264px;
	cursor: pointer;
	display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    padding: 30px 12px 30px 12px;
    line-height: 25px;
    text-align: center;
    
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4), -2px 2px 11px 0px rgba(0,0,0,0.25);
	border-radius: 0px 4px 4px 0px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.additional-side-tab:hover, .additional-side-tab:active { color: #FFFFFF; }
@media all and (max-width: 1175px) {
	.additional-side-tab { display: none; }
}

/* CALL US TAB */
#widget-contactslider-container {
	box-shadow: none;
	-webkit-box-shadow: none;
	z-index: 20;
}
.widget-contactslider-padding-10 {
	box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4), -2px 2px 11px 0px rgba(0,0,0,0.25);
	border-radius: 0px 4px 4px 0px;
	background-image: linear-gradient(to left, #0e869e, #1ab3b1);
}
.widget-contactslider-label {
	transform: none;
    -ms-transform: none;
	-webkit-transform: none;
	top: 35px;
	font-size: 30px;
	width: auto;
    margin-left: 36px;
    margin-bottom: 0px;
}
#widget-contactslider-container { min-height: auto; }
#widget-contactslider-container h2 { margin-bottom: 0px; }

/* ELEVATORS */
.jumper-nav-desktop-container .nav-rightside-shell {
	box-shadow: -2px 2px 11px 0px rgba(0,0,0,0.25), 0 1px 3px 0px rgba(0,0,0,0.4);
	padding: 10px 0px 10px 12px;
	border-radius: 4px 0px 0px 4px;
	right: -130px;
	background-image: linear-gradient(to right, #0e869e, #1ab3b1);
}

/* LINE CLAMP */
.two-lines,
.three-lines, 
.four-lines {
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.two-lines { -webkit-line-clamp: 2; }
.three-lines { -webkit-line-clamp: 3; }
.four-lines { -webkit-line-clamp: 4; }

/* OUTLINE BUTTONS - WHITE */
.pi-section-dark .pi-btn-outline, 
.pi-section-base .pi-btn-outline {
	border: 2px solid #FFFFFF;
	background-color: transparent;
	box-shadow: none;
	color: #FFFFFF;
}
.pi-section-dark .pi-btn-outline:hover, 
.pi-section-base .pi-btn-outline:hover {
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #1ab3b1;
}

/* OUTLINE BUTTONS - BASE */
.pi-section-white .pi-btn-outline {
	border: 2px solid #1ab3b1;
	background-color: transparent;
	box-shadow: none;
	color: #1ab3b1;
}
.pi-section-white .pi-btn-outline:hover {
	background-color: #1ab3b1;
	color: #FFFFFF;
}

/* DESKTOP BANNER */
.desktop-banner-semitrans-slice {
	padding: 8% 48px 7% 48px;
	width: 450px;
	background-image: linear-gradient(#0e869e, #1ab3b1);
}

/* MOBILE BANNER */
.mobile-banner-semitrans-slice { padding: 8% 10% 7% 10%; }

/* H1 */
.scaling-h1-font-size { font-size: 32px; }
@media all and (max-width: 767px) {
	.scaling-h1-font-size { font-size: 26px; }
}

/* FOLD BUTTONS */
.foldButtonsClass { box-shadow: 0px 0px 8px rgba(0,0,0, 0.25) !important; }

/* SECTION HEADERS -  NEW */
.lined-section-title {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;    
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 32px;
    margin-top: 8px;
}
.lined-section-title:before,
.lined-section-title:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
    opacity: 0.4;
}
.pi-section-white .lined-section-title:before,
.pi-section-white .lined-section-title:after {
	border-color: #1ab3b1;
}
.lined-section-title:after { margin: 0 0 0 20px; }

/* SECTION HEADERS -  OLD */
.hr-section-header {
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 27px;
}
.hr-section-header.no-border { border: none; }
.hr-section-header.no-border span { background-color: transparent !important; }
.hr-section-header span {
	margin-bottom: -3px;
    border: 0;
    bottom: -12px;
    position: relative;
    padding: 0 30px;
    font-size: 20px;
}
.pi-section-white .hr-section-header { border-color: rgba(26,179,177, 0.3); }
.pi-section-white .hr-section-header span { background-color: #FFF; }
.pi-section-base .hr-section-header span { background-color: #3B5998; }
.pi-section-grey .hr-section-header span { background-color: #f4f6f6; }
.pi-section-dark .hr-section-header { border-color: rgba(255,255,255,0.1); }
.pi-section-dark .hr-section-header span { background-color: #333333; }

/* RESERVATION SYSTEM */
.floating-cart-link {
	position: fixed;
	bottom: 12px;
	right: 12px;
	z-index: 30;
}
.floating-cart-link span {
	cursor: pointer;
    border-radius: 50%;
    padding: 11px 13px 11px 11px;
    box-shadow: 2px 2px 6px rgba(0,0,0, 0.35);
}
.floating-cart-link span:hover { box-shadow: 2px 2px 6px rgba(0,0,0, 0.35); }
.floating-cart-link span i { font-size: 32px; }
.floating-cart-link num {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #0e869e;
	z-index: 31;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    font-weight: bold;
    box-shadow: 2px 2px 4px rgba(0,0,0, 0.2);
}
@media (max-width: 767px) {
	.floating-cart-link { bottom: 78px; }
}

/* DIRECT BILLING */
.billing-grid-box {
	display: grid;
	background-color: #DDD;
	border: 1px solid #DDD;
	grid-gap: 1px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-rows: 1fr
}
.billing-grid-box > * {
	background-color: #FFF;
	color: #444 !important;
	
	display: flex;
  	justify-content: center;
  	align-items: center;
	
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.billing-grid-box > *:hover {
	background-color: #1ab3b1;
	color: #FFF !important;
}
@media all and (max-width: 767px) {
	.billing-grid-box {
		grid-template-columns: 1fr 1fr;
	}
}

/* WHAT WE OFFER */
.wwo-grid-box {
	display: grid;
	grid-gap: 16px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wwo-grid-box > * {
  	border: 2px solid #1ab3b1;
  	border-radius: 6px;
  	display: flex;
    flex-flow: column nowrap;
}
.wwo-grid-button {
	font-weight: bold; 
	text-transform: uppercase;
	margin: auto -16px 0px -16px;
	padding-top: 16px;
	padding-bottom: 16px;
    width: auto;
    border-radius: 0px;
}
@media all and (max-width: 991px) and (min-width: 768px) {
	.wwo-grid-box {
		grid-template-columns: 1fr 1fr;
	}
}
@media all and (max-width: 767px) {
	.wwo-grid-box {
		grid-template-columns: 1fr;
	}
}

/* SCALING IMAGES */
.img-width-scale { width: 75%; }
@media all and (max-width: 767px) {
	.img-width-scale { width: 35%; }
}

/* FAQ ACCORDIONS */
.pi-accordion .pi-accordion-item {
	margin-top: 12px;
	padding-left: 10px;
	border-left: 6px solid #1ab3b1 !important;
	border-radius: 4px;
	box-shadow: 0px 0px 8px rgba(0,0,0, 0.25);
	border-bottom: none !important;
}
.pi-accordion .pi-accordion-title a {
	padding: 12px 24px 12px 0px !important;
	text-transform: uppercase !important; 
	font-weight: bold !important;
	color: #1ab3b1 !important;
}
.pi-section-white .pi-accordion .pi-accordion-item .pi-accordion-title a .pi-accordion-toggle, 
.pi-section-white .pi-accordion .pi-accordion-item-active .pi-accordion-title a .pi-accordion-toggle {
	border: 2px solid #1ab3b1 !important;
    background-color: #FFF !important;
    box-shadow: 0px 0px 8px rgba(0,0,0, 0.25) !important;
}
.pi-section-white .pi-accordion .pi-accordion-item .pi-accordion-title a .pi-accordion-toggle {
	left: unset; top: 8px; right: -15px;
    border-radius: 50% !important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #1ab3b1 !important;
}
.pi-accordion .pi-accordion-title .pi-accordion-toggle:after {
	font: normal normal normal 20px/1 FontAwesome !important;
	vertical-align: text-bottom;
	content: '\f067' !important;
}
.pi-accordion .pi-accordion-item-active .pi-accordion-title .pi-accordion-toggle:after { content: '\f068' !important; }
.pi-accordion .pi-accordion-content { padding-right: 10px; }
.pi-accordion .pi-accordion-content > div { margin: 8px 0px 0px 0px !important; }