@charset "utf-8";
/* CSS Document 
@import url('https://fonts.googleapis.com/css?family=Signika');
@import url('https://fonts.googleapis.com/css?family=Lora|Noto+Sans+SC|PT+Serif|Roboto+Slab|Text+Me+One');*/

.hcolor{color:#ffcc29;}

#mobile-btn a {
  color: White;
  text-decoration: none;
}

#mobile-btn a:hover {
  color: #3b8af2;
  text-decoration: none;
}
#mobile-btn .call{background:#00a657;}

#mobile-btn .trip{background:#f53338;}

.whatsup{position:fixed; bottom:50px; left:30px;}

body{
    background:linear-gradient(rgba(255, 255, 255, 0.88),rgba(255, 255, 255, 0.31)),url('../images/bg-back.jpg')no-repeat top center fixed ;
    background-size:cover;
	font-family: 'Mulish', sans-serif !important;
	
}
.bg-light {
	background-color: #222 !important;
}
.sp1{height:330px;}
.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	font-size: 1.50rem;
	line-height: inherit;
	white-space: nowrap;
}
.set{height:500px;}
.navbar-expand-lg .navbar-collapse{}
.bgnav{background:white; color:black;box-shadow: 0px 3px 5px 0px #b3b3b3c9;}
.affix {
	position: sticky;
	top: 0;
	width: 100%;
	z-index:999;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.3rem;
	padding-left: 1.3rem;
	font-size: 14px;
}
.navbar-light .navbar-brand {
	color: rgba(255, 255, 255, 0.9);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
	color: rgb(129, 206, 255);
}
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: rgba(255, 255, 255, 0.9);
	border:dotted 1px #fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #ffcc29;
	border-bottom:solid 1px #ffcc29;
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 0.9);
	font-weight:500;
}
.header{background: transparent; padding: 10px 0; position: relative; z-index: 9;}
.header img{
	width: 25px;
	height: 25px;
	margin: 5px 10px;
	float: left;
}
.header span{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	padding: 7px 0;
	margin: 0;
	float: left;
}
.header .right{float: right;}
/*------------------------------------filter------------------------------*/
.photos img{
	
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.photos img:hover{
    z-index: 10;

    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
	
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.content {
	color: #333;
	margin:20px;
	
}

.gallery ul {
	width: auto;
	padding:10px;
	text-align: center;
	list-style:none;
}

.gallery ul li {
	color: #fff;
	font-size: 1.2em;
	padding: 6px 15px;
	cursor: pointer;
	margin:10px;
	border-radius: 20px;
	box-shadow: 0px 2px 3px 0px #777;
}

.gallery li::selection {
	background: none;
}
.gallery .item{margin:15px 0;}
.gallery img{width:100%; height:200px;}

.current,
.gallery li:hover {
	background: #222;
	color: #fff;
}
.off{background:#EA6E12!important;}
.on{background:#333!important;}
.gallery .hide {
	display: none;
}
/*------------------------------------slider------------------------------*/
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: -60px;
}
.carousel-caption {
	position: absolute;
	right: 4%;
	left: 8%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
}
/*--------------------------------new----------------------------------------*/
/*.new{
	background: linear-gradient(to right, #6b7277,#0b141e);
	padding: 5px 0;
}*/

.flip {
	position: relative;
}
.flip > .front, .flip > .back {
	display: block;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-duration: 0.5s;
	transition-property: transform, opacity;
}
.flip > .front {
	transform: rotateY(0deg);
}
.flip > .back {
	position: absolute;
	opacity: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transform: rotateY(-180deg);
}
.flip:hover > .front {
	transform: rotateY(180deg);
}
.flip:hover > .back {
	opacity: 1;
	transform: rotateY(0deg);
}
.flip.flip-vertical > .back {
	transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
	transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
	transform: rotateX(0deg);
}
.flip {
	position: relative;
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 1em;
	width: 100%;
}
.flip > .front, .flip > .back {
	display: block;
	color: white;
	width: inherit;
	background-size: cover !important;
	background-position: center !important;
	height: 220px;
	padding: 1em 2em;
	background: #313131;
	border-radius: 10px;
}
.flip > .front p, .flip > .back p {
	font-size: 0.9125rem;
	line-height: 160%;
	color: #999;
}
.text-shadow {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
}

.front h3{ 
	background: rgba(0,0,0,0.3);
	padding: 10px;
	margin: -14px -9%;
	border-radius: 10px;
}
/*-----------------------------------about-------------------------------*/
.about{
	background: #fff;
	border-radius: 10px;
	margin-top: 15px;
	overflow: hidden;
	box-shadow: 0 0 10px 10px #d3d3d366;
}
.about h1, .car1 h1, .top h1, .car1 .vehical h1 , .info h1{
	font-size: 24px;
	font-weight: 600;
	color: #000;
	padding: 10px 0;
}
.about h1 span, .top h1 span, .car1 .vehical h1 span{
	font-size: 24px;
	font-weight: 600;
	color: #ffcb29;
	padding: 10px 0;
}
.about p{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 26px;
	padding: 0 10px 0 0;
}
.about .btn-primary, .car11 .btn-danger{
	color: #fff;
	background-image: linear-gradient(to right, #70d439, #171718);
	border-color: #000;
}
.about .btn-primary:hover, .car11 .btn-danger:hover {
	color: #fff;
	background-image: linear-gradient(to left, #70d439, #171718);
	border-color: #000;
}
/*-----------------------------------------car-----------------------------------*/
.car1{
	background: #fff;
	border-radius: 10px;
	margin-top: 15px;
	overflow: hidden;
	padding: 0 10px 0 10px;
}
.car1 h1 span{
	font-size: 24px;
	font-weight: 600;
	color: orange;
	padding: 10px 0;
}
.vehical{
	background: #fff;
	-webkit-box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	overflow: hidden;
}
.vehical ul{
	padding-left: 10px;
	padding-right: 10px;
}
.vehical ul li:hover{background: #eeeeee}
.vehical ul li{
	list-style-type: none;
	margin: 3px 0;
	background: #dddd;
	padding: 5px;
}
.vehical ul li img{
	width: 15px;
	height: 15px;
	margin:3px 8px;
	float: left;
}
.vehical ul li a{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	padding: 8px 0;
	text-decoration: none;
}
.vehical .form-group {
	margin: 1rem;
}
.vehical .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 0;
}
.car12{
	border:solid 1px#000;
	margin-bottom: 15px; 
	background: #fff; 
	height:280px;
}
.car12:hover{
	-webkit-box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
}
.car12 h2{
	font-size: 20px;
	font-weight: 500;
	color: #000;
	padding: 5px 0;
}
.img{
	width:50px;
}

.imghvr-hinge-right img{height:210px; width:100%;}

.himg img{height:220px;}
.btn-danger {
	
	color: #fff;
	background-color: #ea6e12;
	border-color: #ea6e12;
	
}
/*-------------------------------top------------------------------------*/
.top{
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
/************footer******/

footer{background:linear-gradient(rgba(0, 0, 0, 0.93),rgba(98, 96, 96, 0.82)),url('../images/elephant.jpg')no-repeat;
  background-attachment:fixed;
  background-size:cover;
  margin-top:20px; padding:50px 0; color:white;}
  footer a{color:white;}
  footer a:hover{color:rgb(212, 209, 209);}

/*----------------------packages-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
figure.snip1206 {
	font-family: 'Raleway', Arial, sans-serif;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin: 10px 0;
	min-width: 220px;
	/*max-width: 310px;*/
	max-height: 220px;
	width: 100%;
	color: #000000;
	text-align: center;
}
figure.snip1206 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
figure.snip1206 img {
	opacity: 1;
	width: 100%;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	height:200px;
}
figure.snip1206:after {
	background: rgba(255,255,255,0.8);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	opacity: 0.75;
	-webkit-transform: skew(-45deg) scaleX(0);
	transform: skew(-45deg) scaleX(0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
figure.snip1206 figcaption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}
figure.snip1206 h2,
figure.snip1206 p {
	margin: 0;
	width: 100%;
	opacity: 0;
}
figure.snip1206 h2 {
	padding: 0 30px;
	display: inline-block;
	font-weight: 400;
	text-transform: uppercase;
	font-size:24px;
}
figure.snip1206 p {
	padding: 0 50px;
	font-size: 0.8em;
	font-weight: 600;
	color:#000;
}

figure.snip1206:hover:after,
figure.snip1206.hover:after {
	-webkit-transform: skew(-45deg) scaleX(1);
	transform: skew(-45deg) scaleX(1);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure.snip1206:hover figcaption h2,
figure.snip1206.hover figcaption h2,
figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
figure.snip1206:hover figcaption h2,
figure.snip1206.hover figcaption h2 {
	opacity: 1;
}
figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
	opacity: 0.7;
}

/*-----------------------------------------------client-----------------------------------*/
.car11{
	background: url(../images/2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 0;
	border:solid 1px#fff;
	border-radius: 10px;
	background-size: 100% 450px;
}
.car11 .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 0px;
}
.car11 .carousel-caption {
	position: absolute;
	right: 5%;
	bottom: 30px;
	left: 5%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
}
.car11 .carousel-indicators {
	display:none;
}
.fadeInLeft{
	margin-top:9%;
}
.car11 img{
	width: 110px;
	border-radius: 50%;
}
.carousel-item h4{
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	padding: 10px 0;
	margin: 0;
}
.carousel-item p{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 24px;
}
.client{
	-webkit-box-shadow: -10px 0px 13px -7px #ea6e12, 10px 0px 13px -7px #ea6e12, 5px 5px 15px 5px rgba(255,192,33,0); 
	box-shadow: -10px 0px 13px -7px #ea6e12, 10px 0px 13px -7px #ea6e12, 5px 5px 15px 5px rgba(255,192,33,0);
	padding: 10px 0;
	margin: 15px;
	border-radius: 6px;
}
.client h2{
	font-size: 24px;
	font-weight: 500;
	color: #000;
	padding: 10px 0;
	margin: 0;
}
.client p{
	font-size: 15px;
	font-weight: 400;
	color: #333;
	line-height: 24px;
}
/*-----------------------------------------------banner-------------------------*/
tr,td ,th {padding:10px;}

.safarimg img{width:100%; height:220px;}

.new li{padding:6px 0;}

.banner1{
	background: url(../images/nainital.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 200px;
	margin-top: -60px;	
}
.banner{
	background: url(../images/4.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 500px;
	margin-top: -60px;	
}
.banner img{height:500px; width:100%;}

.overlay{
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img-shadow-1
{
	-webkit-box-shadow: 0 28px 16px -26px black;
	-moz-box-shadow: 0 28px 16px -26px black;
	box-shadow: 0 28px 16px -26px black;
}

.img-shadow-1:hover
{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	
	-webkit-box-shadow: 0 58px 36px -56px black;
	-moz-box-shadow: 0 58px 36px -56px black;
	box-shadow: 0 58px 36px -56px black;
}

.img-shadow-1
{
	transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
}

.img-shadow-1:hover
{
	transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
}

/*--------------------------------------------hotel apolo---------------------------------*/
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
	font-family: 'Raleway', Arial, sans-serif;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	max-height: 360px;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	box-shadow: 0px 1px 11px 0px #000;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight:700;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	font-size: 75%;
	color:#fff;
}

figure.effect-apollo {
	background: #000;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
	width:500px;
	height:230px;
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.6,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.6,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 40% 20px;
	padding: 0 1em;
	max-width: 90%;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

figure.effect-apollo h2 {
	text-align: left;
	text-shadow: -1px 2px #333;	
	font-size: 20px;
	margin-top: 50%;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*--------------------------------------------top-destinations---------------------------------*/
.vehical1{
	background: #ea6e12;
	-webkit-box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	overflow: hidden;
}
.vehical1 ul{
	padding-left: 10px;
	padding-right: 10px;
}
.vehical1 ul li:hover{background: #fff}
.vehical1 ul li{
	list-style-type: none;
	margin: 3px 0;
	background: rgba(239,239,239,1.00);
	padding: 5px;
}
.vehical1 ul li img{
	width: 15px;
	height: 15px;
	margin:3px 8px;
	float: left;
}
.vehical1 ul li a{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	padding: 8px 0;
	text-decoration: none;
}
.vehical1 .form-group {
	margin: 1rem;
}
.vehical1 .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 0;
}
.about .vehical1 h1{
	font-size: 24px;
	font-weight: 600;
	color: #000;
	padding: 10px 0;
}
.about .vehical1 h1 span{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	padding: 10px 0;
}
.about .head span{
	font-size: 24px;
	font-weight: 600;
	color: #ea6e12;
	padding: 10px 0;
	background: #eeeeee;
	display: block;
	border-radius: 5px;
}
.desti{
	border:solid 1px #ea6e12;
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}
.desti:hover{
	border:solid 1px #ffc107;
	-webkit-box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
	box-shadow: 10px 21px 22px -15px rgba(0,0,0,0.75);
}
.desti h2{
	font-size: 22px;
	font-weight: 500;
	color: #000;
	padding: 15px 0 10px 0;
	margin: 0;
}
.desti p{
	font-size:14px;
	font-weight: 400;
	color: #333;
	margin: 0;
}
.desti .btn-warning:hover{
	color: #fff;
	background-color: #ea6e12;
	border-color: #ea6e12;
}
.desti i{
	color:#ffc107;
	margin: 5px;
	float: left;
}
.desti .img{height:180px; width: 100%;}
.vehical1 h3{
	font-size: 18px;
	font-weight: 400;
	color:#fff;
	padding: 10px 0;
	margin: 0;
}
.about .table td, .about .table th {
	padding: .25rem 1rem;
	vertical-align: top;
	border-top: none;
}
.vehical1 .btn-warning:hover {
	color: #333;
	background-color: #fff;
	border-color: #ffc107;
}
.about .img1{
	border:solid 1px#000; 
	margin:10px 5px;
	height: 130px;
	width: 100%;
}
.con i{
	margin: 5px;
	float: left;
}
.con span{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	padding-left: 40px;
	display: block;
	margin: 8px 0;
	padding-top: 8px;
}

/*-----------------------------------media--------------------------------------*/
@media only screen and (max-width : 1366px){
	
	.carousel-caption {position: absolute;}
}
@media only screen and (max-width: 1280px) {
	.demo {width:100%!important;}
}
@media only screen and (max-width : 1024px){
	
	.carousel-caption {position: absolute;}
}
@media only screen and (max-width : 960px){
	.sp1 { height: 200px;}
	.header img {margin: 2px;}
	.header span{font-size: 11px;}
	.navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(255, 255, 255, 0.9);}
	.carousel-caption {position: absolute;}
	.new .car h2 {font-size: 18px;}
	.new .car img {margin-top: 20px;}
	.about img{height: 303px;}
	.footer ul li a {font-size: 14px;}
	.about .d-block {  display: block !important; height: 200px;}
	#carouselExampleIndicators .carousel-inner{height:400px;}
	.front h3 { padding: 5px; margin: -14px -17%; border-radius: 10px; font-size: 22px;}
	.carousel-caption{bottom:30%}
	
}

@media only screen and (max-width : 768px){
	#carouselExampleIndicators .carousel-inner{height:260px;}
	.front h3 { padding: 5px; margin: -14px -17%; border-radius: 10px; font-size: 22px;}
	.sp1 { height: 200px;}
	.carousel-caption {position: absolute;bottom: 240px; }
	.navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(255, 255, 255, 0.9);}
}

@media only screen and (min-width : 480px) and (max-width : 767px){
	h2 {   font-size: 1.5rem;}
	h5 {    font-size: 1rem;}
	
}
@media only screen and (max-width : 414px){
	h4{    font-size: 1.3rem;}
	.banner, .banner img{height: 220px;}
	.imghvr-hinge-right img { height: 210px; width: 360px;}
	.front h3 { padding: 10px;margin: -14px -9%; border-radius: 10px; font-size: 22px;}
	#carouselExampleIndicators .carousel-inner{height:400px;}
	h5 {    font-size: 1rem;}
	h2 {   font-size: 1.5rem;}
	.sp1 { height: 160px;}
	.header .right{float: none;}
	.header span {float: none;}
	.navbar-brand {margin-right: 0rem;font-size: 1.9rem;}
	.navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(255, 255, 255, 0.9);}
	.carousel-inner, .banner,.banner1 {margin-top: -80px;}
	.new .car {margin: 10px 0;}
	.about h1{padding: 10px;}
	.about p {padding: 0 10px 0 10px;}
	.new .car h2 {font-size: 21px;}
	.new .car img {margin-top: 30px;}
	.about img{height: auto;}
	.car1{padding: 10px;}
	.carousel-caption {position: absolute;bottom: -10px;}
	.carousel-caption h1 {font-size: 1.0rem;}
	.carousel-caption p {margin-top: 0;margin-bottom: 1rem;font-size: 12px;}
	.d-block {display: block !important;height: 400px;}
	.about{padding: 10px;}
	.car1 .d-block {  display: block !important; height: 200px;}
	.offset-1 {margin-left: 0;}
	.desti h2 {padding: 15px 10px 10px 10px;}
	.about .img1 {height:auto;}
	.client h2{padding: 10px;}
}
@media only screen and (max-width : 375px){
	.banner1, .banner, .banner img{height: 220px;}
	h5 {    font-size: 1rem;}
	h2 {   font-size: 1.5rem;}
	.sp1 { height: 160px;}
	.header .right{float: none;}
	.header span {float: none;}
	.navbar-brand {margin-right: 0rem;font-size: 1.8rem;}
	.navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(255, 255, 255, 0.9);}
	.carousel-inner, .banner,.banner1 {margin-top: -80px;}
	.new .car {margin: 10px 0;}
	.about p {padding: 0 10px 0 10px;}
	.about h1{padding: 10px;}
	.car1{padding: 10px;}
	.carousel-caption {position: absolute;bottom: 20px;}
	.carousel-caption h1 {font-size: 1.0rem;}
	.carousel-caption p {margin-top: 0;margin-bottom: 1rem;font-size: 12px;}
	.d-block {display: block !important;height: 400px;}
	.about{padding: 10px;}
	.car1 .d-block {  display: block !important; height: 200px;}
	.offset-1 {margin-left: 0;}
	.desti h2 {padding: 15px 10px 10px 10px;}
	.about .img1 {height:auto;}
	.client h2{padding: 10px;}
	p{font-size: small;}
}
@media only screen and (max-width : 360px){
	figure.effect-apollo h2{font-size: 17px;margin-top: 70%;}
	.banner, .banner img{height: 200px;}
	.front h3 {margin: -14px -10%;}
	p{font-size: small;}
	.sp1 { height: 150px;}
	.header .right{float: none;}
	.header span {float: none;}
	.navbar-brand {margin-right: 0rem;font-size: 1.6rem;}
	.navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(255, 255, 255, 0.9);}
	.carousel-inner, .banner ,.banner1{margin-top: -80px;}
	.new .car {margin: 10px 0;}
	.about p {padding: 0 10px 0 10px;}
	.about h1{padding: 10px;}
	.car1{padding: 10px;}
	.carousel-caption {position: absolute;bottom: 20px;}
	.carousel-caption h1 {font-size: 1.0rem;}
	.carousel-caption p {margin-top: 0;margin-bottom: 1rem;font-size: 12px;}
	.d-block {display: block !important;height: 400px;}
	.about{padding: 10px;}
	.car1 .d-block {  display: block !important; height: 200px;}
	.offset-1 {margin-left: 0;}
	.desti h2 {padding: 15px 10px 10px 10px;}
	.about .img1 {height:auto;}
	.client h2{padding: 10px;}
}

@media only screen and (max-width : 320px) {
	.banner, .banner img{height:180px;}
	.sp1 { height: 150px;}
	.header .right{float: none;}
	.header span {float: none;}
	.navbar-brand {margin-right: 0rem;font-size: 1.2rem;}
	.navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(255, 255, 255, 0.9);}
	.carousel-inner, .banner ,.banner1{margin-top: -80px;}
	.new .car {margin: 10px 0;}
	.about p {padding: 0 10px 0 10px;}
	.about h1{padding: 10px;}
	.car1{padding: 10px;}
	.carousel-caption {position: absolute;bottom: 20px;}
	.carousel-caption h1 {font-size: 1.0rem;}
	.carousel-caption p {margin-top: 0;margin-bottom: 1rem;font-size: 12px;}
	.d-block {display: block !important;height: 400px;}
	.about{padding: 10px;}
	.car1 .d-block {  display: block !important; height: 200px;}
	.offset-1 {margin-left: 0;}
	.desti h2 {padding: 15px 10px 10px 10px;}
	.about .img1 {height:auto;}
	.client h2{padding: 10px;}
}

.contact-box{box-shadow: 5px 1px 15px -2px #c6c5c5e0;
    padding: 30px 15px;
    margin: 15px 0; background:white;}
    .form-control {   height: 60px;
  border: 1px solid #cccccc;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #777777;
  transition: all 0.3s ease-in-out;
  background: #fff;
  border-radius: 10px;
}

.testimonial-banner{background:linear-gradient(rgba(0, 0, 0, 0.96),rgba(5, 3, 36, 0.79)),url(../images/tadoba/back7.jpg)no-repeat center center fixed;
	background-size: cover;color:white; padding:170px 0 80px 0;}
	.t-box{box-shadow: 5px 1px 15px -2px #bdbcbcb8; padding:15px; margin:15px;background:white; }
	
	.t-box img{height:100px; width:100px; border-radius:50%; border:7px solid #ddd; }
	
	aside.fixed {position: fixed; width:26.39%;}
	
.test-img img{ border:7px solid #ddd;}

@media (max-width: 1920px){
    aside.fixed {width:26.39%;}
       
   }
   
 @media (max-width: 1360px){
    aside.fixed {width:21.7%;}
       
   }

@media (max-width: 1024px){
    aside.fixed {width:28.91%;}
       
   }
@media (max-width: 991px){
   
    aside.fixed {width:21.9%;}
   
   
}

@media (max-width: 800px){
   
    aside.fixed {width:27.1%;}
}

@media (max-width: 767px){
    
    aside.fixed {position: static; width:100%;}
    
}

/*********retunto top*************/
.dot {
	height: 40px;
	width: 40px;
	background-color:#177512;
	border-radius: 50%;
	display:block;
	position:fixed;
	bottom:90px;
	right:21px;
    z-index: 99999;
}
.dot i{ margin:12px 9px; color:white;}
.dot i:hover{color:white; transform: scale(1.3, 1.3);}


/*  return to top */
#btnreturntotop {
	display: none; 
	position: fixed; 
	bottom: 45px; 
	right: 21px; 
	z-index: 9999; 
	border: none; 
	outline: none; 
	background-color:#ffd62a; 
	color: white; 
	cursor: pointer; 
	border-radius: 50%; 
	font-size: 18px;
	height:40px;
	width:40px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#btnreturntotop  i{margin:5px 3px;}
.banner-overlay{background:linear-gradient(rgba(55, 55, 55, 0.59),rgba(26, 25, 25, 0.20));position:absolute; top:0; left:0;width:100%;height:100%;}