/*#sharedrelief,
#whatisincluded, 
#retreatexperience, 
#retreatdetail, 
*#meetyourhost, 
#dailyprograme, 
#faqsbox, 
#investinginrest, 
#brandpartners, 
#lastsection
{
	display:none !important;
}*/

/*#whatisincluded, #retreatexperience, #retreatdetail, #meetyourhost, #dailyprograme, #faqsbox, #investinginrest, 
#brandpartners, #lastsection
{
	float:left;
	position:relative;
	width:100%;
	height:auto;
	display:table;
}*/


.book_nowbtn
{
    background-color: #0e9aa4;
    border: 2px solid #0e9aa4;
}

.book_nowbtn:hover {
    color: #0e9aa4;
}

.retreatsection
{
	display:table;
	width:96%;
	margin:20px auto;
	max-width:1200px;
	height:auto;
	padding:60px 0px;
}

.retreatsectionbig
{
	display:table;
	width:100%;
	margin:20px 0px;
	height:auto;
	padding:60px 0px;
}

.lhtitlecenter
{
	width:100%;
	text-align:center;
}

.lhtitleleft
{
	width:100%;
	text-align:left;
}

.b11kh1title
{
	padding-left:0px;
}

.tealbg .b11kh1title, .tealbg p
{
	color:white;
}
 

/************* slideshow **************/

#slideshowbox
{
	height:90vh !important;
	max-height:90vh !important;
}

.slideshowcontent
{
	padding-left:0px !important;
}

.retreatslide
{
	width:100%;
	max-width:800px;
	margin:0px auto;
}

.retreatslide > p
{
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

.retreatslide > img
{
	width:300px !important;
	margin:0px auto !important;
	display:block !important;
}

.retreatslide > div
{
	width:300px !important;
	margin:0px auto !important;
	display:table !important;
	height:auto;
}

.retreatslide > div > img
{
	width:100px !important;
	float:left !important;
	margin:0px !important;
}

.retreatslide > div > img:first-child
{
	margin-top:17px !important;
}

.retreatslide > div > span
{
	float:left;
	font-size:25px;
	color:white;
	padding:30px 30px;
}

/************ textimagesimple **********/

.textimagesimple > div
{
	width:47%;
	float:left;
}

.textimagesimple > div:first-child
{
	margin-right:6%;
}

.textimagesimple h2
{
	margin-top:30px;
	margin-bottom:40px;
}

.textimagesimple .txtblock
{
	width:80%;
	color: #0b474b;
}


.txtblock span
{
	color: #0E9AA4;
}

.txtblock.notes
{
	font-size:13px;
	margin-top:12px;
}

.retreatimgbg
{
	display:block;
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

#sharedrelief .retreatimgbg, #retreatexperience .retreatimgbg, #retreatdetail .retreatimgbg,
#investinginrest .retreatimgbg
{
	height:700px;
}

#retreatdetail .textimagesimpleleft a.book_nowbtn:last-child
{
	width:220px;
	margin-left:20px;
}


/***** what is included ***/

.collection_row 
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 15px;
    margin-top: 50px;
	width:100%;
	max-width:1200px;
}

.collection_image_wrap 
{
    width: 100%;
    height: 340px;
    object-fit: cover;
    position: relative;
}

.collection_status
{
	margin-top:20px;
}

.collection_image_wrap img
{
	width:100%;
}

#whatisincluded .collection_title, #whatisincluded .collection_status
{
	text-align:center;
}


#whatisincluded .collection_title
{
	font-size:20px;
	margin-top:20px;
}


/*********** meet your hosts *****************/

#meetyourhost h3{
	margin-bottom:30px;
}

#meetyourhost .txtblock
{
	color:white;
	width:100%;
	text-align:center;
}


.txtblockshort
{
	width:60% !important;
	margin:0px auto;
}

#hostlist 
{
	display:table;
	height:auto;
}

#hostlist .hostitem
{
	width:30%; 
	float:left;
	margin:15px 0px;
}


#hostlist .hostitem:nth-child(2)
{
	margin:15px 5%;
}


#hostlist .hostitem img
{
	width:100%;
	height:auto;
}

#hostlist .hostitem span{
	width:100%;
	text-align:center;
	color:white;
	font-size:20px;
	float:left;
	margin:2px 0px;
}

/************daily programe ************/

#progrow1, #progrow2
{    
	display: table;
    margin-top: 50px;
	width:100%;
	max-width:1200px;
	height:auto;
}

#progrow1 .progitem:nth-child(2) 
{
	margin-left:6.66%;
	margin-right:6.66%;
}

#progrow1 .progitem:nth-child(3) 
{
	margin-right:6.66%;
}

#progrow2 .progitem:nth-child(1) 
{
	margin-left:13.34%;
	margin-right:6.66%;
}

#progrow2 .progitem:nth-child(2) 
{
	margin-right:6.66%;
}

.progitem
{
	width:20%;
	float:left;
}

.progitem img
{
	width:100%;
}

.progitem span:nth-child(2)
{
	font-size:12px;
	color:#0E9AA4;
	width:100%;
	display:block;
}

.progitem span:nth-child(3)
{
	font-size:19px;
	color:#0b474b;
	width:100%;
	display:block;
}

/******************** faqs ********************/

.faqitem
{
	border-bottom:3px solid white;
	font-size: 16px;
    line-height: 24px;
}

.faqquestion
{
	color:white;
	width:100%;
	padding:14px 0px;
	font-size: 20px;
}

#faqlist1 .faqquestion
{
	color:#0b474b;
}

#faqlist1 .faqquestion a i 
{
	color: #93a7a8;
}

#faqlist1 .faqitem 
{
	border-top: 3px solid #0E9AA4;
}

.faqquestion a
{
	width:100%;
	display:block;
}

.faqquestion a span
{
	float:right;
}

.faqlist
{
	padding:0px;
}

/*.faqquestion {
    width: 96%;
    margin: 0px 2%;
    display: block;
    text-align: left;
    letter-spacing: 1px;
    line-height: 35px;
    padding-bottom: 20px;
    padding-top: 40px;
}

.faqquestion a
{
    font-family: utile-display;
    color: #015672;
    font-size: 40px;
    font-weight: 100 !important;
}

#faqques1 span, #faqques2 span
{
    font-size:20px;
    float:right;
    padding-right:20px;
    padding-top:6px;
}*/

.faqanswer
{
    width: 100%;
    margin: 0px;
    display: block;
    text-align: left;
    line-height:26px;

    height:0px;
    overflow:hidden;

}

/****************** invest in rets ***********/

#investinginrest .txtblock{
	width:90%;
}

#investinginrest .book_nowbtn
{
	font-size:16px;
	border-radius:5px;
	width:220px;
}

.bookbttfirst
{
	margin-right:15px;
}

/************* partners ***************/

#brandpartners, #footerpartners
{
    display: block;
    width: 100% !important;
	overflow:hidden;
}

#brandpartners
{
	margin-top:40px;
}

#retreatpartnerslogos
{
	width:100%;
	max-width:1200px;
	margin:30px auto;
}

#retreatpartnerslogos a
{
	width:calc(100% / 3);
	float:left;
	display:block;
	height:auto;
}

#retreatpartnerslogos a img
{
	width:80%;
	margin:25px 10%;
}

/*#footerpartners
{
	margin-top:30px;
}
.partneritem
{
	margin:0px auto !important;
	display:block !important;
}*/

#brandpartners .txtblock
{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	clear:both;
}

/*************** last section ****************/


#booknowbox
{
	border: 2px solid #24a4a3;
	margin:40px auto 60px auto;
	width:90%;
	max-width:790px;
}

#booknowbox h2
{
	padding-top:40px;
}


#booknowbox a
{
	width: 150px;
    height: 50px;
    background-color: #0e9aa4;
    color: white;
    border: none;
    display: block;
    margin: 40px auto 60px auto;
    border: 2px solid #0e9aa4;
    transition: 0.3s ease-in-out;
    font-size: 18px;
	text-align:center;
	padding-top:10px;

}

#booknowbox a:hover {
    background-color: transparent;
    color: #0e9aa4;
}

@media screen and (max-width: 1400px) 
{

	.collection_row 
	{
		grid-template-columns: 1fr 1fr;
	}

	.collection_row > div
	{
		margin-bottom:25px;
	}
}

@media screen and (max-width: 1200px) 
{
	#investinginrest .txtblock
	{
		width:100%;
	}
}

@media screen and (max-width: 800px) 
{
	.textimagesimple > div:first-child, .textimagesimple > div
	{
		width:90%; 
		margin: 20px 5%;
	}

	#sharedrelief .retreatimgbg, #retreatexperience .retreatimgbg, #retreatdetail .retreatimgbg, #investinginrest .retreatimgbg
	{
		height:400px;
	}

	#progrow2
	{
		margin-top:0px;
	}

	#progrow1 .progitem, #progrow2 .progitem
	{
		width:48%;
		margin:15px 1% !important;
	}

	#progrow2 .progitem:last-child
	{
		margin-left:26% !important;
	}

	#slideshow li
	{
		background-size:cover;
	}
}

@media screen and (max-width: 600px) 
{
	.collection_row 
	{
		grid-template-columns: 1fr;
	}

	#hostlist .hostitem
	{
		width:100%;
	}

	#hostlist .hostitem img, #hostlist .hostitem span
	{
		width:50%;
		float:left;
	}

	#hostlist .hostitem span:nth-child(2)
	{
		padding-top:40px;
	}

	#hostlist .hostitem:nth-child(2)
	{
		margin:15px 0px;
	}

	#hostlist .hostitem:nth-child(2) img, #hostlist .hostitem:nth-child(2) span
	{
		float:right;
	}

	#retreatpartnerslogos > a
	{
		width:50%;
	}
}

@media screen and (max-width: 500px) 
{
	#progrow1 .progitem, #progrow2 .progitem
	{
		width:96%;
		margin:15px 2% !important;
	}

	#progrow2 .progitem:last-child
	{
		margin-left:2% !important;
	}

	#retreatdetail .textimagesimpleleft a.book_nowbtn:last-child,
	#retreatdetail .textimagesimpleleft a.book_nowbtn
	{
		width:100%;
		margin-left:0px;
	}
}

