@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;400&display=swap');
*{
	font-family: 'Nunito', sans-serif;
}
.ctrl{clear: both;}
.nav-border-btm{border-bottom: 1px solid #707070;}
.banner{
	background: url(../tour_img/bg.jpg) fixed no-repeat top center;
	/* background: url(http://placehold.it/1326x600) fixed no-repeat top center; */
	background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 10px 0;
	float: left;
	margin-top: 2px;
	margin-bottom: 20px;
	width: 100%;
	height: 400px;
	background-color: #f90;
}
.backbg01{background-color: #f9f9f9;}
.backbg02{background: url('../images/new-pattern.jpg') fixed}
.font01{color: #707070;	font-size: 14px;}
.mybtn{display: inline-block; border-radius: 4px; background-color: #b20505; border: none; color: #FFFFFF; text-align: center; font-size: 14px; padding: 8px;   	width: 100%; transition: all 0.5s; cursor: pointer; margin: 2px;}
.mybtn:hover{color: #ffffff; text-decoration: none; background-color: #444444;}

.mybtn1{display: inline-block; border-radius: 4px; background-color: #b7b7b7; border: none; color: #FFFFFF; text-align: center; font-size: 14px; padding: 8px; width: 100%; transition: all 0.5s; cursor: pointer; margin: 2px;}
.mybtn1:hover{color: #ffffff; text-decoration: none; background-color: #555555;}


.tour-box-in{padding: 8px 12px;}
.tour-box-in p{font-size: 13px; color: #3e3e3e; line-height: 1.8; margin: 5px 0 5px 0;}
.tour-box-in p i{color: #606060; margin-right: 8px;}
.grey-b{color: #4b4b4b;}
.spscolorred{color: #8e0303;}
.bold{font-weight: 600; margin-bottom: 10px;}

.card{box-shadow: 0 10px 20px rgba(211,211,211,.6), 0 3px 3px rgba(211,211,211,.6);}
.text-shadow01{text-shadow: 2px 2px 4px rgba(255,255,255 .7);}
h1{text-align:center; margin-bottom:-20px !important;}
.item p{font-style:italic;}

.formtop{padding: 10px 20px; background-color: rgba(255, 255, 255,.8); border-radius: 10px;}
.formtop form .form-group{margin: 12px 0; padding: 0;}
.form-control-man{width: 100%; height: 36px; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; color: #212121; box-shadow: none !important; background-color: #efeef1 !important; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; box-shadow: 0 10px 20px rgba(211,211,211,.6), 0 3px 3px rgba(211,211,211,.6); -webkit-transition: all .5s ease-out !important; -moz-transition: all .5s ease-out !important; -o-transition: all .5s ease-out !important; transition: all .5s ease-out !important;}
.form-control-man:focus{box-shadow: none; border: 1px solid #707070;}
.form-control-man-message{width: 100%; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; color: #212121; box-shadow: none !important; background-color: #efeef1 !important; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; -webkit-transition: all .5s ease-out !important; -moz-transition: all .5s ease-out !important; -o-transition: all .5s ease-out !important; transition: all .5s ease-out !important;}
.form-control-man-message:focus{box-shadow: none; border: 1px solid #707070;}

.toptext{background-color: rgba(255, 255, 255, .9); border-radius: 8px; padding: 2px 10px}
.toptext1{background-color: rgb(0 158 12 / 90%); border-radius: 8px; padding: 4px 10px;}
.toptext2{background-color: rgba(27, 101, 201, 0.9); border-radius: 8px; padding: 2px 10px; color: #fff;}
.menu-top a{float: left;}
.call1{border-radius: 8px; background-color: #2ebe2e; color: #FFFFFF; font-size: 1em; margin: 2px 5px; padding: 2px 10px;}
.call1:hover{text-decoration: none; color: #000;}
.call2{border-radius: 8px; background-color: #a5a50c; color: #FFFFFF; font-size: 1em; margin: 2px 5px; padding: 2px 10px;}
.call2:hover{text-decoration: none; color: #000;}
.call3{border-radius: 8px; background-color: #1ebea5; color: #FFFFFF; font-size: 1em; margin: 2px 5px; padding: 2px 10px;}
.call3:hover{text-decoration: none; color: #000;}
.tour-box{border: 1px solid rgba(0,0,0,.125); border-radius: 8px; box-shadow: 0 10px 20px rgba(211,211,211,.6), 0 3px 3px rgba(211,211,211,.6);}

.contact-box{position: fixed; bottom: 2%; right: 2%; z-index: 9999;  padding: 2px;}
.w{display: block; margin: 4px; font-size: .8em;}

.font12{font-size: 12px !important;} .font14{font-size: 14px !important;} .font16{font-size: 16px !important;} .font18{font-size: 18px !important;} .font20{font-size: 20px;} .font22{font-size: 22px;} .font24{font-size: 24px !important;} .font26{font-size: 26px !important;} .font28{font-size: 28px !important;} .font30{font-size: 30px !important;} .font32{font-size: 32px !important;} .font34{font-size: 34px !important;}

/* img{ max-width:100%;} */
/* Create four equal columns that sits next to each other */

* {
	box-sizing: border-box;
  }
  .new-row {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	padding: 0 4px;
  }
  .column {
	-ms-flex: 25%; /* IE10 */
	flex: 25%;
	max-width: 25%;
	padding: 0 4px;
  }
  
  .column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
  }
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
	.column {
	  -ms-flex: 50%;
	  flex: 50%;
	  max-width: 50%;
	}
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
	.column {
	  -ms-flex: 100%;
	  flex: 100%;
	  max-width: 100%;
	}
  }

  .testimonial{margin: 0px 0px 30px 0px;}
.testimonial.last{margin-bottom: 0px;}
@media (max-width: 767px){.testimonial.last {margin-bottom: 30px; } }
.testimonial-image{border-radius: 50%; float: left; overflow: hidden; position: relative; width: 80px;}
.testimonial-image img{height: auto; width: 80px;}
@media (max-width: 767px){.testimonial-image {width: 50px;}
.testimonial-image img{width: 50px; } }
.testimonial-inner{background-color: #fff; border: 2px solid #f7f8f9; line-height: 28px; margin: 0px 0px 0px 120px; padding: 20px; position: relative;}
.testimonial-inner:before{border: 20px solid transparent; border-right-color: #f7f8f9; content: ''; display: block; left: -42px; position: absolute; top: 20px;}
.testimonial-inner:after{border: 19px solid transparent; border-right-color: #fff; content: ''; display: block; left: -38px; position: absolute; top: 21px;}
@media (max-width: 767px){.testimonial-inner{margin: 0px 0px 0px 70px; }.testimonial-inner:after, .testimonial-inner:before {display: none; } }
.testimonial-title{border-bottom: 1px solid #f7f8f9; margin: 0px 0px 20px 0px; padding: 0;}
.testimonial-title h2 {float: left;font-size: 15px; font-weight: 400; margin: 13px 0px 0px 0px;text-transform: uppercase;}
.testimonial-rating{color: #ffd925; float: right; margin-top: 7px;}
.testimonial-sign{color: #444; font-size: 13px; font-style: italic; margin-top: 15px; text-align: right;}

.tour_box{
	/* border: 1px solid #000; */
	box-shadow: 2px 2px 4px #b3b3b3;
	border-radius: 12px 0 0 12px;
	position: relative;

}
.tour_img{
	width: 100%;
	height: auto;
	/* height: 180px; */
	/* width: 125px; */
	border-radius: 12px 0 0 12px;
}
.tour_iti{
	margin-left: -10px ;
	margin-top: 4px;
	margin-bottom: 4px;
	word-wrap: break-word;
}
.tour_title{
	font-size: 18px;
	/* color: #3e3e3e; */
	background: -webkit-linear-gradient(#240b36, #c31432);
	background: linear-gradient(#240b36, #c31432);
	/* background: linear-gradient(to right, #30CFD0 0%, #330867 100%); */
  	background-clip: text;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	font-weight: 800;
}
.tour_loco{
	font-size: 14px;
	color: #848484;
	font-weight: 600;
	overflow-wrap: word-break;
}
.fa_pink{
	color: #ff9102;
}
.no___wrap{
	/* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}
.tour__loc div{
	margin: 5px 5px 0 0;
	background-color: #ff550027;
	padding: 0 5px 0 20px;
	height: 22px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	position: relative;
}
.tour__loc div:before{
	content: '';
	background:url('https://img.icons8.com/ios/20/000000/right--v1.png');
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 1px;
  }
.btn{
	display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.2rem 1.5rem;
    font-size: 1rem;
    line-height: 1.25;
	border: none;
    border-radius: 0.25rem;
    transition: all .15s ease-in-out;
}
.btn___pink{
	color: #ffffff;
	background: #c31432;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #240b36, #c31432);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #240b36, #c31432); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


	padding: 2px 10px !important;
}
.btn__what{
	color: #000d83;
	background: #FDFC47;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24FE41, #009b15);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24FE41, #009b15); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}
.feature {
    background-image: linear-gradient(to left, #5b109b, #ff0058);
    width: fit-content;
    width: -moz-fit-content;
    /* height: 25px; */
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    /* line-height: 1rem; */
    padding: 4px 16px 4px 8px;
    border-radius: 5px;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 90% 50%, 100% 0);
    text-transform: uppercase;
	position: absolute;
	top: 5px;
	left: 5px;
	box-shadow: 4px 4px 4px #3e3e3e;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.tour_box{
		border-radius: 0;
		margin-top: 20px;
	}
	.tour_img{
		border-radius: 0;
	}
	.tour_iti{
		margin-top: 10px;
		margin-left: 16px ;
	}
	.btn{
		margin: 6px 0;
		padding: 6px 20px;
	}
	.tour_img{
		height: 160px;
		width: full;
		object-fit: cover;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}