﻿#body {	
	background: #E6E6E6;
}

.slideshowcontent a {
	display: none;
}

#videoshadow {
    background: rgb(24, 44, 92, 0.7);
    z-index: 2;
}

.slideshowcontent {    
    z-index: 3;
}

#mainbody {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0 60px 0;
}

#maincontent {
	width: 100%;
}

#contentbox .txtblock
{
	font-weight:bold;
	margin-bottom: 50px;
}

hr
{
	display:none;
}

#guidedetails
{	
	margin-bottom: 25px;
	padding:30px;
	background:#fff;

}

.guide-text
{
	margin: 30px 0;
	padding: 30px 30px;
    background-color: #182C5C;
    color: #fff;
}

.guide-images
{		
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 20px;	
	grid-row-gap: 25px;	
	margin-top: 25px;
}

.guide-images li {
    width: 100%;
    height: 245px;
    position: relative;
    overflow: hidden !important;
}

.guide-images img
{		
	width: 100%;
    height: 100%;
    object-fit: cover;  
    transition: 0.3s ease-in-out;
}

.itinerarycontent
{
	margin:30px 0;
}

#guidedetails ul {
	list-style: disc;
	padding-left: 20px;
}

#guidedetails ol {
	list-style: decimal;
	padding-left: 20px;
}

#guidedetails li {
	margin-bottom:10px;
}

#guidedetails h2, #guidedetails h3, #guidedetails h4 {
	margin-top:25px;
}

@media screen and (max-width:1220px) {
	#mainbody {
		padding: 50px 20px 100px 20px;
	}
}

@media screen and (min-width:600px) {	
	.guide-images
	{			
		grid-template-columns: 1fr 1fr 1fr;	
	}
}

@media screen and (max-width:599px) {
	.guide-images
	{			
		grid-template-columns: 1fr;	
	}
}
