/*
KASBAH DU TOUBKAL CSS SCREEN DOCUMENT
Copyright: 2025
Author: Martin Dady*/

.outline {
	outline: 1px solid red;
}

.outline-2 {
	outline: 1px solid blue;
}

/* General */
html, body {
	height: 100%;
	}

html { scroll-behavior: smooth; }

body {
	background: #FFF url("../img/bg.png") repeat-x 0 0;
	color: #000;
	font-family: "Nunito", Verdana, sans-serif;
	font-weight: 400;
	text-align: left;
}

p,
li,
td {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
}

th {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.5rem;
}

.wsmenu li {
	font-size: 13px;
	font-size: 0.8125rem;
}

.dropdown-item {
	font-size: 13px;
	font-size: 0.8125rem;
}

.bookings-button {
	text-transform: uppercase;
}

.breadcrumbs {
	font-size: 12px;
	font-size: 0.75rem;
	margin-top: 36px;
	line-height: 18px;
}

.breadcrumbs a {
	font-weight: 600;
}

p {
	margin-bottom: 18px;
}

.excursion p,
.excursion ul {
	margin-top: 15px;
	margin-bottom: 15px;
}

a {
	outline: none;
	font-weight: 600;
}

.page-content a {
	font-weight: 700;
}

#front a {
	color: #46BCDE;
	text-decoration: none;
}

#front a:hover {
	color: #2B7EF9;
	text-decoration: underline;
}

a:link,
.navbar-light .navbar-nav .nav-link {
	color: #0080a5;
	text-decoration: none;
}

a:visited {
	color: #0080a5;
	text-decoration: none;
}

a:hover {
	color: #b30000;
	text-decoration: none;
}

a:active {
	color: #b30000;
	text-decoration: none;
}

.navbar a {
	/*font-size: 13px;
	font-size: 0.8125rem;*/
	font-weight: 400;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

dfn {
	border-bottom: 1px solid #ddd;
	cursor: help;
	font-style: normal;
}

hr.new {
	opacity: 1;
	width: 50%;
	margin: 3rem 0;
	margin-right: auto !important;
	margin-left: auto !important;
	border-top: 1px solid #CCC !important;
}

/*#bookings_page .row a {
	border-bottom: 1px solid rgb(190, 201, 214);
	border-bottom: 1px solid rgba(30,78,127,.3);	
}
/* Links 

#bookings_page .row a {
	border-bottom: 1px solid rgb(190, 201, 214);
	border-bottom: 1px solid rgba(30,78,127,.3);	
}*/

/* BUTTONS */

/*nav {
	text-align: center;
}

.nav-item {
	display: table;
	margin: 0 18px;
	padding: 10px 0;
	font-size: 12px;
	font-size: 0.8125rem;
	font-weight: 600;
}

@media screen and (max-width: 1024px) {
	.nav-item {
		margin: 0 9px;
	}
}

.nav-item span {
	font-size: 80%;
	font-weight: 400;
}

.nav-link {
	display: table-cell;
	vertical-align: middle;
	width: 150px;
	height: 45px;
	border-radius: 3px;
	line-height: 1.1;
}*/

.bc-1 {
	background-color: #EEE;
}

.bc-2 {
	background-color: #FAFAFA;
}

.bc-3 {
	background-color: #EFF8FF;
	}

.bg-g-1 {
	background-image: linear-gradient(#f1f8fe, #FFFFFF);
}

.divider {
	background-color: #e5e5e5;
	width: 100%;
	height: 1px;
	display: block; /* for use on default inline elements like span */
	margin: 2rem 0;
	overflow: hidden;
}

.divider-2 {
	background-color: #e5e5e5;
	width: 100%;
	height: 1px;
	display: block; /* for use on default inline elements like span */
	margin: 0.5rem 0 1rem;
	overflow: hidden;
}

.button-gradient-cta {
	background-image: linear-gradient(#de6203, #de3303);
	color: #FFF !important;
}

.button-gradient-cta-2 {
	background-image: linear-gradient(#fffbe0, #dededd);
	color: #444 !important;
}

.button-gradient-cta:hover {
	background-image: linear-gradient(#ff3800, #ff3800);
	color: #FFF;
}

.button-gradient-cta-2:hover {
	background-image: linear-gradient(#fffbe0, #fffbe0);
	color: #444;
}

.btn-three {
	display:inline-block;
	background: #FFAD00;
	color: #FFF !important;
	width: 200px;
	padding: 0.5rem 1.25rem;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
			border-radius: 5px;
	font-size: 0.9375rem;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}

.btn-three:hover {
	background: #fdbd33;
}

.btn-three:active {
	position:relative;
	top:1px;
}

.btn-three-b {
	display:inline-block;
	background: #FFAD00;
	color: #FFF !important;
	width: auto;
	padding: 0.5rem 1.25rem;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
			border-radius: 3px;
	font-weight: 400;
	text-align: center;
}

.btn-three-b:hover {
	background: #fdbd33;
}

.btn-three-b:active {
	position:relative;
	top:1px;
}

.btn-four {
	display:inline-block;
	background: #FFAD00;
	color: #FFF !important;
	width: 250px;
	padding: 1rem 1.5rem;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
			border-radius: 10px;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
}

.btn-four:hover {
	background: #fdbd33;
}

.btn-four:active {
	position:relative;
	top:1px;
}

.btn-five {
	display:inline-block;
	background-color: #5bc739;
	color:#ffffff !important;
	width: 200px;
	padding: 0.5rem 1.25rem;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
			border-radius: 5px;
	font-size: 0.9375rem;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}

.btn-five:hover {
	background-color:#73CF56;
}

.btn-five:active {
	position:relative;
	top:1px;
}

.btn-five-b {
	display:inline-block;
	background-color: #FFC107;
	color: #000 !important;
	width: auto;
	padding: 0.5rem 1.25rem;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
			border-radius: 5px;
	font-weight: 400;
	text-align: center;
	/*text-transform: uppercase;*/
	transition: all .3s;
}

.btn-five-b:hover {
	background-color: #FF9507;
	text-decoration: none;
}

.btn-five-b:active {
	position:relative;
	top:1px;
}

.btn-six {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #FFF !important;
	font-size: 14px;
	background: #FF3300;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	letter-spacing: 1px;
}

.btn-six:hover {
	background: #FF5500;
	text-decoration: none;
}

.btn-secondary-lighter {
	color: #555;
	letter-spacing: 2px;
}

.btn-success {
	color: #FFF !important;
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
}

.btn-warning {
	color: #000 !important;
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
}

/* LAYOUT */

.mast {
	height: 178px;
}

#wrapper {
	clear: both;
	position: relative;
	width: 894px;
	margin: 18px auto 10px;
	padding: 0;
}

header {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 11px;
}

header p span {
	font-size: 1.25em;
}

.logo {
	margin: 0 auto;
}

.bookings .navbar {
	background-image: linear-gradient(#f5e8b2, #fdf9d7);
	margin-bottom: 3rem;
	padding: 0 1rem;
}

.here {
	padding: 0;
}

.dropdown-menu {
	margin-top: 0;
	padding: 0;
	border-color: #DDD;
	border-radius: 0;
}

.dropdown-menu p {
	color: #C30;
	margin: 0;
	padding: 0 0.75rem;
	font-weight: 600;
}

.dropdown-item {
	padding: 0.25rem 0.75rem;
}

#content {
	position: relative;
	width: 874px;
	padding: 10px;
}

#slideshow {
	width: 850px;
	height: 420px;
	margin: 0;
}

#li-banner {
	width: 850px;
	height: 420px;
}

footer {
	color: #333;
	margin: 0 auto 0;
	border-top: 1px solid #CCC;
	text-align: center;
}

footer a {
	color: #dededd;
	text-decoration: underline;
}

footer a:hover {
	color: #b30000;
	text-decoration: none;
}

footer p {
	font-size: 12px;
	font-size: 0.8125rem;
}

.contact-wrap {
	z-index: 4;
	background: #F8F8F8;
	color: #333;
	width: 100%;
	height: auto;
}

/* DAT EXCURSION */

.info {
	clear: both;
}

.info .attribute {
	color: #000;
	text-align: right;
}

.info .data {
	color: #444;
}

.info ul {
	margin-bottom: 0;
}

/* DECORATIVE */

@media screen and (max-width: 991px) {
	.border-1 {
		border: 2px dotted #bbb;
		border-width: 0 0 2px 0;
	}
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
	font-family: "Poppins", Verdana, Arial, sans;
	line-height: 1.6rem;
}

h1,
h2 {
	color: /*#1A5A6C*/#111;
	margin: 0 0 1rem 0;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 500;
}

h1 em {
	color: #666;
	font-size: 17px;
	font-size: 1.0625rem;
}

.col-lg-3 h2 {
	font-size: 16px;
	font-size: 1rem;
}

h3 {
	color: #c30;
	margin: 0 0 0.5rem;
	font-size: 17px;
	font-size: 1.0625rem;
}

#t_dld h3,
#t_dldm h3,
#t_medld h3,
#t_dldt h3 {
	margin-bottom: 0.2rem;
}

#t_medld .itinerary h3,
#t_dldt .itinerary h3 {
	margin: 0 0 18px 0;
}

#bookings_page h3,
#cp h3 {
	color: #000;
	margin: 0 0 15px 0;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.5;
}

#cu h3 {
	color: #111;
	margin: 0 0 0 0;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5;
}

/*#ttt_index h3 {
	margin: 0 0 15px 0;
	font-weight: 500;
}*/

.box-underliner p {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 9px;
}

.box-underliner a {
	font-weight: bold !important;
}

.boxes h3 {
	margin: 0 0 10px 0;
	font-size: 15px;
	font-size: 0.9375rem;
	letter-spacing: 0.02rem;
}

.boxes h3 a {
	/*color: #c30;*/
	font-weight: 500;
}

#ttt_excursion h3 {
	margin: 15px 0;
}

#kp-m h3 {
	margin: 0;
}

h4 {
	font-size: 11px;
	font-size: 1rem;
	margin-bottom: 18px;
}

/* BOXES (FOUR PANELS) */

.mb-1rem {
	margin-bottom: 1rem;
}

.pl-2to3 {
	padding-left: 0.5rem !important;
}

.pl-3to0 {
	padding-left: 1rem !important;
}

@media screen and (max-width: 992px) {
	.mb-toggle {
		margin-bottom: 1rem;
	}
	.pl-2to3 {
		padding-left: 1rem !important;
	}
	.boxes h3 {
		margin-bottom: 1rem;
		font-size: 16px;
		font-size: 1rem;
	}
}

/*
============================================

	PHOTO GRID

============================================
*/

.grid {
	min-width: 100%;
	font-size: 0; /* Remember to change it back to normal font size if have captions */
	line-height: 0;
}

.grid li {
	display: inline-block;
	width: 33.33%;
	vertical-align: middle;
	box-sizing: border-box;
}
		
/* The wrapper for each item */
.grid-cell {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 4px;
}
		
/* If have the image layer */
.grid-img {
	display: block;
	width: 100%;
	height: auto;
	border: none;
	transform: scale(1);
	transition: all 1s;
}

.grid li:hover .grid-img {
	transform: scale(1.05);
}
		
/* If have the overlay layer */
.grid-overlay {
	position: absolute;
	display:block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	background: rgba(0, 0, 0, 0.4);
	margin: auto;
	opacity: 0;
	filter: alpha(opacity=0);/*For IE6 - IE8*/
	transition: all 0.6s;
}

.grid li:hover .grid-overlay {
	opacity: 0.8;
}

/* If have captions */
.grid-text {
	display: block;
	padding: 0 30px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 600;
	top: 45%;
	color: white;
	opacity: 0;
	filter: alpha(opacity=0);/*For older IE*/
	transform: translateY(-20px);
	transition: all .3s;
}

.grid li:hover .grid-text {
	transform: translateY(0px);
	opacity: 1;
}

/* DESCRIPTION */

mark {
	background: #FEFBD7;
}

.excursion-list {
	list-style: none;
	margin-left: -2.5rem;
}

#description {
	position: relative;
	top: 270px;
	color: #B4B292;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 13px;
	text-align: center;
}

.extra {
	color: #FFFDEF;
	width: 850px;
	margin: 9px auto 0;
}

.extra p {
	font-weight: 400;
}

.extra-info {
	list-style: square;
	margin-left: 13px;
}

.extra-info li {
	list-style: square;
}

.hide { display: none; }

.mb0 {
	margin-bottom: 0;
}

.pl2 {
	padding-left: .5rem !important;
}

.ml-40 {
	margin-left: -40px;
}

strong {
	color: #000;
	font-weight: 600 !important;
}

td strong {
	color: inherit;
	font-weight: 700 !important;
}

.c-c30 strong {
	color: #C30;
}

/* LISTS */

.buttons ul {
	list-style: none;
	margin:  0;
	padding: 0;
}

.extra ul {
	margin-bottom: 0;
	margin-left: 13px;
}

.fa-ul {
	margin-left: 1.25rem;
}

.boxes .fa-ul {
	margin-left: 1.5rem;
}

.ul-ml--16 {
	color: #1E4E7F;
	margin-left: -1rem;
}

.sidebar li {
	list-style: none;
	line-height: 2rem;
}

.inclusions .fa-ul li {
	margin-bottom: 0.5rem;
}

/*.awards {
	margin: 0;
	padding: 0 0 1em 0;
	text-align: center;
	}

.awards li {
	background: transparent;
	padding: 0 2px;
	list-style: none;
	display: inline;
	text-align: center;
	}

.awards li.first {
	padding-left: 0;
	}

.awards li.final {
	padding-right: 0;
	}

.awards li img {
	vertical-align: top;
	}

/* ODDS */

.box-underliner h4 strong {
	font-family: "Nunito", Verdana, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 600 !important;
	font-style: italic !important;
}

.hero-shadow {
	-webkit-box-shadow: 0px 14px 10px -10px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 14px 10px -10px rgba(0,0,0,0.5);
			box-shadow: 0px 14px 10px -10px rgba(0,0,0,0.5);
}

.c-444,
.quick-links strong {
	color: #777;
}

.c-999 {
	color: #999;
}

.c-ccc {
	color: #CCC;
}

.bg-ffffff {
	background: #FFFFFF;
}

.bg-f5f5f5 {
	background: #F5F5F5;
}

.bg-fdfdfd {
	background: #FDFDFD;
}

.c-c30 {
	color: #C30;
}

.c-930 {
	color: #930;
}

.c-0080a5 {
	color: #0080a5;
}

.c-DE984F {
	color: #DE984F;
}

.c-1e4e7f {
	color: #1e4e7f;
}

.line-height-1 {
	line-height: 1;
}

.ul-ml--16 .font-color-black {
	color: #555;
}

/*.fa-ul li,*/
.ul-ml--16 li {
	margin-bottom: 0.5rem;
}

.boxes .fa-ul li {
	margin-bottom: 0;
}

.breadcrumb {
	background: transparent !important;
	padding-top: 0;
	padding-bottom: 0;
}

.breadcrumb {
	font-weight: bold;
}

li.breadcrumb-item {
	font-size: 13px;
	font-size: 0.8125rem;
}

li.breadcrumb-item strong {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 700 !important;
	color: #DE984F !important;
}

li.breadcrumb-item+li.breadcrumb-item::before {
	float: left;
	padding-right: 0.5rem;
	color: #222222;
	content: ">";
}

.fl {
	float: left;
}

.mae {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
}

.ig {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 5;
}

.francais {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 5;
}

.nat-geog {
	position: absolute;
	bottom: 8px;
	left: 18px;
	width: 250px;
	z-index: 10;
}

.magazine {
	position: absolute;
	bottom: 18px;
	right: 18px;
	background: rgba(0, 0, 0, 0.7);
	color: #FFFDEF;
	padding: 4px;
	font-size: 12px;
	text-align: center;
	z-index: 5;
}

.map-container {
	position: relative;
	padding-bottom: 32.25%;
	height: 0;
	overflow: hidden;
}

.magazine a:link,
.magazine a:visited {
	color: #46BCDE;
}

.intro p {
	line-height: 1.5;
}

.ul-ml--16 i {
	color: #000;
	margin-top: 2px;
	font-size: 10px;
}

.tac {
	text-align: center;
}

.ttu {
	text-transform: uppercase;
}

.blue {
	color: #77ADDC;
}

.green {
	color: rgb(3, 166, 128);
}

.orange {
	color: #D18402;
}

.c-fff {
	color: #FFF;
}

.mr10 {
	margin-right: 15px;
}

.mr15 {
	margin-right: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb18 {
	margin-bottom: 18px;
}

.response {
	display: none;
}

.mobile-only,
.small-screen-only {
	display: none;
}

.fa-facebook {
	color: rgb(66, 103, 178);
	font-size: 1.5rem;
}

.fa-instagram {
	color: rgb(222, 65, 43);
	font-size: 1.5rem;
}

.fa-vimeo-v {
	color: rgb(0, 173, 239);
	font-size: 1.5rem;
}

.fa-tripadvisor {
	color: rgb(3, 166, 128);
	font-size: 1.5rem;
}

.fa-check {
	color: #999;
}

.fa-circle {
	color: #999;
}

.fa-square-full {
	color: #999;
	font-size: 50%;
	vertical-align: middle;
}

.fa-file-pdf {
	color: #F91200;
}

.fa-times {
	color: red;
}

.fa-envelope {
	color: #F6B60A;
}

.links .fa-square-full,
.links .fa-arrow-alt-right {
	color: #FF5F44;
}

.dom {
	background: url("../i/dom-button.jpg") no-repeat 0 0;
	position: relative;
	margin-bottom: 18px;
}

.dom span {
	position: absolute;
	right: 0;
	bottom: 36px;
	left: 0;
	color: #FFF !important;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #333;
}

.ig-comp { 
	background: -webkit-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -o-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(to top right, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	color: #FFF;
	padding: 4px 10px;
	border-radius: 3px;
	transition: all .5s ease-out;
	font-size: 13px;
}

.ig-comp:hover {
	background: #6583B3;
	color: #FFF !important;
	padding: 4px 10px;
	text-decoration: none;
}

.map-app-links {
	display: none;
}

.blue-button {
	box-sizing: border-box !important;
	background: rgb(30, 78, 127);
	padding: 3px 0 3px 10px;
}

.ampersand {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal !important;
}

.btn-secondary-lighter {
	background: #e2e3e5;
}

.buttons a {
	color: #FCF9DD;
	font-size: 13px;
	font-size: 0.8125rem;
}

i,
.bullet {
	color: #1E4E7F;
}

.boxes .fa-check,
.inclusions .fa-check,
.boxes .fa-chevron-right {
	color: #749A41;
}

.buttons .fa-arrow-right {
	color: rgb(3, 166, 128);
	font-size: 11px;
	font-size: 0.6875rem;
}

.little-under {
	font-size: 13px;
	font-size: 0.8125rem;
}

.smallish {
	font-size: 13px;
	font-size: 0.8125rem;
}

.smaller {
	font-size: 12px;
	font-size: 0.75rem;
}

.small {
	font-size: 11px;
	font-size: 0.6875rem;
}

.large {
	font-size: 14px;
	font-size: 0.875rem;
}

.slightly-larger {
	font-size: 16px;
	font-size: 1rem;
}

.larger-1 {
	font-size: 1.125rem;
}

.larger {
	font-size: 1.3rem;
}

.pdf {
	color: #FF3500;
}

#iconic p {
	top: 40px;
	right: 0;
	left: 0;
}

#ng {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 200;
}

.lh-1 {
	line-height: 1 !important;
}

.fancybox-content img {
	display: inline;
}

.itinerary {
	border: 1px solid #ddd;
}

.price-box {
	background: #fefde7;
	border: 1px solid #ddd;
}

.price-box-gradient {
	background: rgb(2,0,36);
	background: -moz-linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(242,209,128,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(242,209,128,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(242,209,128,1) 0%, rgba(255,255,255,1) 100%);
}

.price-box-gradient .package-price,
.package-price {
	color: #273583 !important;
}

.round-box {
	background: #F5F5F5;
	border-radius: .5rem !important;
}

h2.tis {
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase !important;
}

h2.tra {
	font-size: 14px;
	font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
	p,
	.intro p {
		font-size: 14px;
		font-size: 0.875rem;
	}
	#slider,
	.maps {
		display: none;
	}
	.ig,
	.francais,
	.nat-geog,
	.magazine,
	.kp,
	.di,
	.vdt,
	.mp,
	.dts,
	.ot,
	.tl,
	.tr,
	.nr {
		display: none;
	}
	.dom span {
		bottom: 9px;
		padding-right: 20%;
		padding-left: 20%;
		font-size: 12px;
		font-size: 0.75rem;
	}
	footer {
		font-size: 11px;
		font-size: 0.6875rem;
	}
	.mobile-only {
		display: block;
	}
	.map-app-links {
		display: inline;
	}
	.bc-1 {
		background-color: transparent;
	}

	.bc-2 {
		background-color: transparent;
	}
}

@media screen and (max-width: 480px) {
	.logo {
		padding: 0 18px;
	}
	.pl-3to0 {
		padding-left: 0rem !important;
	}
}

.boxes p a {
	font-weight: 700 !important;
}

b {
	font-weight: 600 !important;
}

.lh-2rem p {
	line-height: 2rem;
}

.headerwp {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0px;
	min-width: 320px;
	text-align: center;
}

.topbarbg {
	width: 100%;
	min-height: 148px;
}

.desktoplogo {
	float: left;
	width: auto;
	padding: 30px 0px 15px;
}

.desktopphotolinks {
	float: right;
	width: 378px;
	padding: 38px 0 0;
}

.header {
	padding-top: 1rem;
}

.bg-content-shadow {
	background: #FFF url("../img/bg_content_shadow.png") repeat-x 0 0;
	padding-top: 30px;
}

.bg-content-shadow-2 {
	background-image: url("../img/bg_content_shadow_2.png");
	background-position: 0 0;
	background-repeat: repeat-x;
	padding-top: 30px;
}

.bg-white {
	background: #FFF;
}

.padding-top-extra {
	padding-top: 2.5rem;
}

.sub-menu li.title {
	font-size: 13px;
	padding: 9px 5px 9px 12px;
	color: #c30 !important;
	text-align: left;
	font-weight: bold;
}

#mc_embed_signup fieldset {
	width: auto;
	margin-bottom: 15px;
}

#mc_embed_signup legend {
	color: #c30;
}

#tk_a_tl blockquote {
	background: #F7F7F8;
	color: #333;
	border: 1px solid #ddd;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	line-height: 2;
}

#open blockquote {
	color: #111;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	line-height: 2;
	padding-left: 20px;
	border-left: 5px solid #EEE;
}

#t_ta blockquote {
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;
	line-height: inherit;
	padding-left: 20px;
	border-left: 5px solid #EEE;
}

#activities blockquote {
	width: 80%;
	color: #111;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;
	line-height: inherit;
	padding-left: 20px;
	border-left: 5px solid #EEE;
}

#open blockquote p {
	font-family: "Nunito", Verdana, sans-serif;
}

input {
	color: #666;
	padding: 5px 10px;
	border: 1px solid #CCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	font-size: 0.875rem;
}

input[type="submit"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background: #0080a5;
	color: #FFF;
	padding: 5px 10px;
	border: 1px solid #0080a5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	font-size: 0.875rem;
}

#p_tkatp table,
#p_tkatp08 table,
#p_tkatp09 table,
#p_dep table,
#p_erp table,
#p_tp table {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
	border: 1px solid #ccc;
}

#p_tkatp09 #kp-m {
	margin: 10px 0 0 0;
}

table#nr {
	width: 100%;
	margin: 15px 0;
	padding: 0;
	border: 1px solid #ccc;
	}

#tac table,
#tk_wps_pc_ba {
	width: 100%;
	}

#tac table th,
#tac table td,
#tk_wps_pc_ba th,
#tk_wps_pc_ba td {
	padding: 5px;
	vertical-align: top;
	}

#tac #insurance {
	border: 1px solid #999;
	padding: 0;
	}

#tac #insurance td {
	padding: 0 5px;
	vertical-align: top;
	}

#tac #insurance tr.stripe td {
	background-color: #edf3fe;
	}

#maroe_rfai_details th,
#bare_rfai_details th {
	width: 50%;
	}

th {
	text-align: left;
	}

#p_tkatp th,
#p_tkatp08 th,
#p_tkatp09 th,
#p_dep th,
#p_erp th,
#p_tp th,
#efa_ce th {
	background-color: #F0F0F0;
	color: #333;
	padding: 5px 8px;
	border-bottom: 1px solid #ccc;
	vertical-align: bottom;
	}

th span {
	font-weight: normal;
	}

tr.highlight {
	background: #e5e5e5;
	}

td {
	padding: 8px 0;
	}

#byobb_prices td {
	padding: 0.75rem;
	vertical-align: top;
}

td.alignright {
	text-align: right;
	padding-right: 5px;
	}

#p_tkatp09 .cw10 {
	width: 15%;
	}

#p_tkatp09 .cw43 {
	width: 36%;
	}

#p_tkatp09 .cw13 {
	width: 9%;
	text-align: left;
	}

#p_tkatp09 .cw22 {
	width: 22%;
	font-size: .8em;
	}

#p_tkatp09 .cw12 {
	width: 12%;
	text-align: center;
	}

#p_tkatp09 .cw47 {
	width: 47%;
	}

#p_tp .th11,
#p_erp .th11 {
	width: 70%;
	}

#p_tp .th15,
#p_erp .th15 {
	width: 30%;
	}

#efa_ce .th1 {
	width: 16%;
	}

#efa_ce .th2 {
	width: 16%;
	}

#efa_ce .th3 {
	width: 13%;
	}

#efa_ce .th4 {
	width: 13%;
	}

#efa_ce .th5 {
	width: 13%;
	}

#efa_ce .th6 {
	width: 13%;
	}

#efa_ce .th7 {
	width: 16%;
	}

.cw60 {
	width: 60%;
}

.cw25 {
	width: 25%;
}

.cw15 {
	width: 15%;
}

.total {
	background: url(../i/total.gif) repeat-x 0 0;
	height: 1px;
	}

#p_tkatp tr td,
#p_tkatp08 tr td,
#p_tkatp09 tr td,
#p_dep tr td,
#p_erp tr td,
#p_tp tr td,
#efa_ce tr td {
	padding: 8px 8px;
	}

#p_tkatp tr.stripe td,
#p_tkatp08 tr.stripe td,
#p_tkatp09 tr.stripe td,
#p_dep tr.stripe td,
#p_erp tr.stripe td,
#p_tp tr.stripe td,
#maroe_mab tr.stripe td,
#bare_macopb tr.stripe td,
#efa_ce tr.stripe td,
#ttt_holidays_7np tr.stripe td {
	background-color: #F8F8F8;
	}

.centred {
	text-align: center;
	}

.bdr_top {
	border-top: 1px solid #333;
	}

span.product {
	color: #AC4D1D;
	font-weight: bold;
	text-transform: uppercase;
	}

span.product-detail {
	color: #333;
	font-weight: normal;
	}

.bookings table,
.contact table {
	margin-bottom: 15px;
	}

.w90pc {
	width: 90%;
	}

.w10pc {
	width: 10%;
	}

.card-text {
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

#yoga-rates {
	width: 100%;
	margin-bottom: 30px;
}

#standard-content,
#superior-content,
#deluxe-content,
#junior-suite-content,
#apartment-suite-content,
#garden-house-content,
#salon-small-content,
#salon-large-content {
	display: none;
}

.publications {
	background: #F5F5F5;
}

.thumb {
	box-shadow: 2px 2px 4px rgba(70, 70, 70, 0.6);
}

.thumb:hover {
	box-shadow: 3px 3px 6px rgba(70, 70, 70, 0.8);
	cursor: pointer;
}

.thumbChecked {
	opacity: .8;
	box-shadow: 2px 2px 4px rgba(70, 70, 70, 0.6);
}

.download {
	margin-top: 20px;
	display: none;
	margin: 0 auto;
}

.trek-type p {
	line-height: 1.4 !important;
}

#tis_index .box-underliner {
	/*margin-bottom: 1.5rem;*/
	border-bottom: 1px solid #DDD;
}

@media screen and (max-width: 1024px) {
	.sidebar li {
		line-height: 2rem;
	}
}

@media screen and (max-width: 992px) {
	.excursion p,
	.excursion ul {
		margin-top: 0;
		margin-bottom: 0;
	}
	.excursion p.mb15,
	.excursion ul {
		margin-top: 0;
		margin-bottom: 15px;
	}
	.pt3 {
		padding-top: 1rem;
	}
	.pb3 {
		padding-bottom: 1rem;
	}
}

@media screen and (max-width: 768px) {
	.grid li {
		width: 50%;
	}
	.grid li:hover .grid-img {
		transform: none;
	}
	.grid li:hover .grid-text {
		transform: none;
		opacity: 0;
	}
	.grid li:hover .grid-overlay {
		opacity: 0;
	}
	.call-btn {
		display: block;
		background-color: #66b33d;
		color: #fff !important;
		width: 200px !important;
		padding:  5px 10px;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
		font-size: 16px;
		line-height: 34px;
		text-align: center;
	}
	.call-btn-2 {
		display: block;
		background-color: #429cd6;
		color: #fff !important;
		width: 200px !important;
		padding:  5px 10px;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
		font-size: 16px;
		line-height: 34px;
		text-align: center;
	}
	h3.tac {
		text-align: left;
	}
	.awards {
		display: none;
	}
	.publications {
		background: transparent;
	}
}

@media screen and (min-width: 481px) {
	.tablet {
		display: block;
	}
	.mobile {
		display: none;
	}
}

@media only screen and (min-width: 230px) and (max-width: 480px) {
	.mobile {
		display: block;
	}
	.tablet {
		display: none;
	}
}

@media only screen and (min-width: 230px) and (max-width: 1024px) {
	body {
		background: none;
	}

	.desktoplogo,
	.desktopphotolinks,
	.breadcrumbs {
		display: none;
	}

	.header {
		padding-top: 0;
	}

	.bg-content-shadow,
	.bg-content-shadow-2 {
		background: none;
		padding-top: 1rem;
	}

	.topbarbg {
		background: none;
		min-height: 72px;
		box-shadow: none;
	}
	input {
		margin: 0 0 15px 0;
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.photos .quick-links i {
		display: none !important;
	}
}

@media screen and (max-width: 993px) {
	.day-trip {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	body {
		color: #444;
	}
	.grid-cell {
		padding: 0;
		padding-bottom: 10px;
	}
	.grid li {
		width: 100%;
	}
	p,
	.publications p,
	.publications li,
	.sidebar li,
	.hidden-nav li,
	.boxes li,
	.options li,
	#bookings_page h3,
	#cp h3,
	#p_tkatp09 h3,
	h3.faux-heading,
	h4 {
		font-size: 16px;
		font-size: 1rem;
		line-height: 2rem;
	}
	.buttons a {
		font-size: 16px;
		font-size: 1rem;
	}
	.pub-btn {
		box-sizing: content-box !important;
		width: 260px !important;
		padding: 10px 15px;
		background: #DDD;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
	}
	.exclude-mobile {
		display: none;
	}
	h4 {
		font-size: 15px;
		font-size: 0.9125rem;
	}
	.hide {
		display: inline;
	}
	.col-lg-3 h2 {
		font-size: 16px;
		font-size: 1rem;
	}
	.sidebar h2 {
		font-size: 19px;
		font-size: 1.1875rem;
	}
	th,
	#p_tkatp09 th,
	td {
		font-size: 16px;
		font-size: 1rem;
		vertical-align: top;
	}
}

@media screen and (max-width: 576px) {
	.small-screen-only {
		display: inline;
	}
	.small-screen-only img {
		display: block;
	}
	p {
		color: #444;
	}
	p.choice {
		color: #777 !important;
		margin-right: 5px;
		font-family: Times, serif;
		font-size: 1.5rem;
	}
	.bg-g-1 {
		background-image: none;
	}
	.boxes h3 {
		text-transform: uppercase;
		line-height: 2rem;
	}
	/*.boxes img {
		display: none;
	}*/
	.links .fa-square-full,
	.boxes .fa-arrow-alt-circle-right,
	.boxes .fa-external-link-alt {
		display: none;
	}
	.box-underliner {
		/*margin-bottom: 1.5rem;*/
		border-bottom: 1px solid #BBB;
	}
	#ttt_index .fa-ul,
	#p_index .fa-ul,
	#cu .fa-ul,
	#tk_a .fa-ul,
	#t_index .fa-ul,
	#ttt_holidays_kamh .fa-ul,
	.lodge-links {
		margin-left: 0 !important;
	}
	.links li a:link,
	.links li a:visited,
	.boxes li a:link,
	.boxes li a:visited,
	.faux-heading {
		color: #000 !important;
		font-size: 15px;
		font-size: 0.9125rem;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.boxes li a:hover,
	.boxes li a:active {
		color: #666 !important;
	}
	.box-underliner h4 {
		text-transform: uppercase;
	}
	.box-underliner p {
		font-size: 16px;
		font-size: 1rem;
	}
	.fa-arrow-right {
		color: #000;
		margin-left: 10px;
	}
	.fa-arrow-right:hover {
		color: #666;
	}
	.mb-0 {
		margin-bottom: 18px;
	}
	h2 {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.smaller {
		font-size: 13px;
		font-size: 0.8125rem;
	}
}

.calendar {
	width: 40px; /* Small width */
	border: 1px solid #BBB;
	border-radius: 4px;
	overflow: hidden;
	font-size: 0.875rem;
}

.calendar-2 {
	width: 50px; /* Small width */
	border: 1px solid #BBB;
	border-radius: 4px;
	overflow: hidden;
	font-size: 0.875rem;
}

.day-header {
	background-color: #E0493A;
	color: white;
	text-align: center;
	padding: 2px 5px;
	font-weight: bold;
}

.day-content {
	background-color: white;
	padding: 2px 5px;
	text-align: center;
	color: #111;
}

.bg-overlay {
	background-color: rgba(0, 0, 0, 0.2); /* black with 50% opacity */
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
}

.bg-overlay-2 {
	background-color: rgba(0, 0, 0, 0.5); /* black with 50% opacity */
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
}

#ai-search-trigger {
	margin: 12px 0 16px;
	text-align: center;
}

.ask #ai-search-trigger {
	margin: 12px 24px 16px 0;
	text-align: center;
}

#ai-search-trigger a {
	display: block;
	padding: 10px 14px;
	background: #1e4e7f/*#2C2C2A*/;
	color: #FAC775;
	text-decoration: none;
	font-size: 0.875em;
	letter-spacing: 0.03em;
	border-radius: 6px;
}

#ai-search-trigger a:hover {
	background: #0F2740/*#000*/;
	color: #FAC775;
}

#ai-search-trigger p {
	margin: 5px 0 0;
	font-size: 0.7em;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

i.ti-sparkles {
	color: #FAC775 !important;
}

.btn-to-calendar {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #1e4e7f;
	background: transparent;
	color: #1e4e7f;
	font-weight: 600;
	text-decoration: none;
	border-radius: 3px;
}
.btn-to-calendar:hover {
	background: #1e4e7f;
	color: #fff;
}

/* Default = large screens: show calendar + Check Availability, hide mobile Book Now */
.book-now-mobile { display: none; }

@media (max-width: 767px) {
	.check-availability-desktop,
	#navarino-bookpoint-calendar { display: none; }
	.book-now-mobile { display: inline-block; }
}