@charset "utf-8";
/* CSS Document */
body {margin:0 auto; padding:0; font-family: 'Poppins', sans-serif; 
	background: url(../images/bg-main.jpg) center no-repeat #dfecf7;
}
a, a:hover, a:focus{outline:none;} 
::-moz-selection {background: #ffc82a;color: #000; }
::-webkit-selection {background: #ffc82a;color: #000; }
a, a:hover {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;text-decoration:none;}

a, a:visited {
	color: #0087cc;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
	color: #ff7b29;
}


.main {
	margin:50px auto;
	width: 1000px;
	height: auto;
}

.main img{
	margin:0 auto;
	text-align: center;
}

.main h4{
	margin:20px auto;
	padding: 0 170px;
	text-align: center;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: 24px;	
}

.main h1{
	margin:30px auto;
	padding: 0 0;
	text-align: center;
	font-size: 24px;
	color: #D75D00;
	font-weight: 400;
	line-height: 24px;	
}

.copyright-section {
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
}

.copyright-section p{
	font-size: 14px;
}

.main-sub-section {
	margin: 0 auto;
	width: 100%;
}

.main-sub-section-left {
	margin: 0;
	width:33%;
	padding:0 15px;
	float: left;
	text-align: left;
}

.main-sub-section-right {
	margin: 0;
	width: 33%;
	padding:0 15px;
	float: left;
	text-align: left;
}

.content-tours {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
}

.content-tours .content-tours-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
	border-radius: 10px;
}

.content-tours:hover .content-tours-overlay{
  opacity: 1;
	z-index: 9;
}

.content-tours img{
  width: 100%!important;
	border-radius: 10px;
}

.content-tours-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
	z-index: 999;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


.content-tours:hover .content-tours-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-tours-details {
  color: #fff;
  font-weight: 500;
  letter-spacing:0;
  font-size:20px;
	margin: 15px 0 25px 0;
}

.tours-title span{
	color:#069;
	font-size:16px;		
}

.content-tours-details p{
  color: #fff;
  font-size:16px;
  margin: 0 auto;
	padding: 0;
}

.tours-fadeIn-bottom{
  top: 80%;
}

.btn-details {
	background:#FC0;
	color:#000;
	text-align:center;
	margin:0 auto;
	padding:8px 15px;
	display:table;
	font-size:12px;
	border-radius:5px;
}

.content-tours-title {
	margin:0 0 0 0;
	font-size: 16px;
	color: #FDBF07;
}

.content-tours-text {
	margin:0 auto;
	padding-bottom: 10px!important;
	font-size: 13px!important;
}

.tours-title {
	font-size: 14px;
	color: #e25f08;
	margin:0 auto;
	text-align: center;
	padding: 15px 0 0 0!important;
}

.tours-subtitle {
	font-size: 16px;
	color: #000;
	margin:0 auto;
	
}	








/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.main {
		margin:20px auto;
		width: 320px;
		height: auto;
	}

	.main img{
		margin:0 auto;
		text-align: center;
		width: 40%;
	}

	.main h4{
		margin:20px auto;
		padding: 0 10px;
		text-align: center;
		font-size: 13px;
		color: #000;
		font-weight: 400;
		line-height: 20px;	
	}

	.main h1{
		margin:15px auto;
		padding: 0 0;
		text-align: center;
		font-size: 20px;
		color: #D75D00;
		font-weight: 400;
		line-height: 24px;	
	}

	.copyright-section {
		margin: 0 auto;
		padding: 25px 0;
		text-align: center;
	}

	.copyright-section p{
		font-size: 14px;
	}

	.main-sub-section {
		margin: 0 auto;
		width: 100%;
	}

	.main-sub-section-left {
		margin: 0 auto;
		width: 100%;
		padding:0 15px;
		float: left;
		text-align: center;
	}

	.main-sub-section-right {
		margin: 10px auto;
		width: 100%;
		padding:0 15px;
		float: left;
		text-align: center;
	}

	.content-tours {
	  position: relative;
	  width: 100%;
	  max-width: 100%;
	  margin: auto;
	  overflow: hidden;
	}

	.content-tours .content-tours-overlay {
	  background: rgba(0,0,0,0.7);
	  position: absolute;
	  height: 99%;
	  width: 100%;
	  left: 0;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  opacity: 0;
	  -webkit-transition: all 0.4s ease-in-out 0s;
	  -moz-transition: all 0.4s ease-in-out 0s;
	  transition: all 0.4s ease-in-out 0s;
		border-radius: 10px;
	}

	.content-tours:hover .content-tours-overlay{
	  opacity: 1;
		z-index: 9;
	}

	.content-tours img{
	  width: 100%!important;
		border-radius: 10px;
	}

	.content-tours-details {
	  position: absolute;
	  text-align: center;
	  padding-left: 1em;
	  padding-right: 1em;
	  width: 100%;
	  top: 50%;
	  left: 50%;
	  opacity: 0;
		z-index: 999;
	  -webkit-transform: translate(-50%, -50%);
	  -moz-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  -webkit-transition: all 0.3s ease-in-out 0s;
	  -moz-transition: all 0.3s ease-in-out 0s;
	  transition: all 0.3s ease-in-out 0s;
	}


	.content-tours:hover .content-tours-details{
	  top: 50%;
	  left: 50%;
	  opacity: 1;
	}

	.content-tours-details {
	  color: #fff;
	  font-weight: 500;
	  letter-spacing:0;
	  font-size:20px;
		margin: 15px 0 25px 0;
	}

	.tours-title span{
		color:#069;
		font-size:16px;		
	}

	.content-tours-details p{
	  color: #fff;
	  font-size:14px;
	  margin: 0 auto;
		padding: 0;
	}

	.tours-fadeIn-bottom{
	  top: 80%;
	}

	.btn-details {
		background:#FC0;
		color:#000;
		text-align:center;
		margin:0 auto;
		padding:8px 15px;
		display:table;
		font-size:12px;
		border-radius:5px;
	}

	.content-tours-title {
		margin:0 0 0 0;
		font-size: 14px;
		color: #FDBF07;
	}

	.content-tours-text {
		margin:0 auto;
		font-size: 11px!important;
		line-height: 16px;
		padding: 0!important;
		padding-bottom: 10px!important;
	}

	
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	
		
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
	
	
	
}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }