@import url(datepicker.css);
@import url(carousel.css);
@import url(tinycarousel.css);
/** Generated by FG **/
body{
	font-family: "Roboto" !important;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
    scroll-behavior: smooth; 
}

input, textarea{ border-radius: 0 !important; border-color: #e5e5e5 !important; }
textarea{ height: 80px !important; resize: none; }

.header{ padding-top: 10px; }
.col-centered{ float: none; margin: 0 auto; }
.header-tagline{  font-family: "Roboto Slab"; text-transform: uppercase; font-weight: 700; font-size: 17px; padding: 5px 0 0 0; display: inline-block; }
.inquiry-btn{ background-color: #f83d0e; color: #fff; border: none; border-radius: 0; margin: 3px 0 0 0; width: 100%; line-height: 33px; font-size: 20px !important; text-transform: uppercase; font-weight: 600; }
.logo{ padding-bottom: 5px; }
.contact-info{ padding-right: 10px; }
.nav-menu{ background-color: unset; border: none; }

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color: #383838;
	text-transform: uppercase;
}

.nav > li > a{ padding: 0; }

.nav > li{ padding: 10px; border-bottom: 2px solid #fff; }
/*.nav > li:last-child{
	padding-right: 0px !important;
}*/


.nav > li:hover { border-bottom: 2px solid orange; }

.navbar-nav{ margin: 0 !important; padding-top: 10px; }

@media (max-width: 768px){
	.navbar-nav{
		float: left !important;
	}
}

.banner-area{ background: url("../images/banner-bg.png") no-repeat; background-size: cover; margin-right: 0; margin-left: 0; }
.inquiry-form-box{ background-color: #fff; margin-top: 60px; }
.input-group-addon:first-child { width: 100px; padding: 7px 6px; }
.fa{ padding: 0 5px; }

.button {
    width: 100%;
    border: none;
    line-height: 40px;
    background: #f83d0e;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
}
.image-border img{
	border:3px solid #fff;

}
.margin20{
	margin-left: 20px !important;
}
.carousel-caption {
    position: absolute;
    right: 15% !important;
 	bottom: unset !important;
    left: 15% !important;
    z-index: 10;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel .item{
	background-color: unset !important;
}

.carousel-control.left,.carousel-control.right{
	background-image: unset !important;
}

form{
	padding: 20px 10px;
}

.block{
	padding:30px 0;
	border-bottom: 1px solid #c9c9c9;
	position: relative;
	margin-right: 0;
	margin-left: 0;
}

.bottom-block{
	padding:30px 0;
	position: relative;
	margin-right: 0;
	margin-left: 0;	
}

.service-listing{
	
}

.column-title{
	font-family: "Roboto Slab";
	text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
}
.column-title::after {
    content: "";
    border: 1px solid #c9c9c9;
    clear: both;
    display: table;
    width: 90px;
    margin: 15px 0;
}

.service-text h5{
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
}

.service-icon-listing .service-icon{
	text-align: center;
}

.service-icon-listing .service-text h5{
	font-weight: 500;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
}
.row.service-icon-listing > div:nth-child(4) {
    clear: both;
}

.car-listing{
	
}

.car-listing div {
    padding-right: 5px;
    padding-left: 5px;
}

.car-blocks{
	border: 1px solid #c9c9c9;
	cursor: pointer;
	position: relative;
	margin-bottom:20px;
	overflow: hidden;

}
.car-blocks img{
	margin: 0 auto;
}
.car-blocks span{
	display: block;
	text-align: center;
	padding: 10px 0 5px 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;

}
.details-hover{
	position: absolute;
	opacity: 0;
    visibility: hidden;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
	top: 0px;
	left: 0px;
	background-color: #000;
	height: 180px;
}

.details-hover p{
	color:#fff;
}

.car-blocks:hover .details-hover{  
	opacity: 0.5;
    visibility: visible;
}

.service-listing .column-title-middle, .activities .column-title-middle{
	font-family: "Roboto Slab";
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
}

.service-listing .column-title-middle::after,.activities .column-title-middle::after {
    content: "";
    border: 1px solid #c9c9c9;
    clear: both;
    display: table;
	width: 90px;
	margin: 15px auto;

}

.service-listing .service-img{
	width: 75px;
	height: 75px;
	background: #ececec;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 0;
	float: none;
	margin: 15px auto;
}

.service-listing .service-title{
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 17px;
	padding: 10px 0;
}

.service-listing .service-description{
	text-align: center;
}


.parallax {
    
    background: url(../images/parallax_bg.png) no-repeat; 
    background-size: cover;
}

.parallax-data {
    position: relative;
    z-index: 2;
}

.fancy-box{
	position: relative;
	padding: 0;
}
.fancy-box .img-box{
	position: relative;
	padding: 0;
	cursor: pointer;
	max-width: 270px;
	margin: 0 auto;

	transition: height .4s ease-in-out;
   -webkit-transition: height .4s ease-in-out;
   -moz-transition: height .4s ease-in-out;

}
.fancy-box .img-box img{
	margin: 0 auto;
}
.fancy-box .title{
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 0;
	    max-width: 270px;
}

.hover-containt{
	position: absolute;
	opacity: 0;
    visibility: hidden;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
	background: url(../images/hover-bg.png) no-repeat;
	max-width: 270px;
    height: 213px;
    background-size: cover;
    top: 0;
    color: #fff;
    padding: 20px;
}


.img-box:hover .hover-containt{  
	opacity: 0.8;
    visibility: visible;

}

.block2{
	padding-top:15px; 
}

.activity-block{
	position: relative;
}

.block2 .activity-block {
    margin-bottom: 12px;
}

.activity-block img{
	margin: 0 auto;
}

.activity-title{
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 15px;
	padding: 10px;
	text-transform: uppercase;
}
.activities{
	text-align: center;
}

.tour-blocks{
	position: relative;
}

.ul-list{
	list-style: none;
	font-family: 'Philosopher';
}

.ul-list li:nth-child(4n+1){
	clear: both;
}

.ul-list li:nth-child(even){
	background-color: #fff;
}

.ul-list li:nth-child(odd){
	background-color: #efefd3;
}

.tour-blocks div:nth-child(2) {
    padding: 30px;
    border-top:5px solid #284361;
}	
.tour-blocks h4 {
    font-family: 'Philosopher';
    font-size: 23px;
    font-weight: 600;
}

.tour-blocks h4:after {
    content: "";
    border-bottom: 2px solid;
    width: 40px;
    display: block;
    padding: 4px;
}

.description-block{
	height: 100%;
	width: 100%;
	background-image: url("../images/t-hvr.png");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	background-position: 0 0;
	top: 0;
	left: 0;
	display: none;
	color: #fff;
	font-family: 'Philosopher';
	text-align: center;
	padding: 20px;	
}
.descInner
{
	position: relative;
	top:15%;
	width: 90%;
    margin: 0 auto;    
}
.descInner > h3 
{
    font-size: 25px;
    margin: 0 auto;
	text-transform: uppercase;
	font-weight: 600;
}	
.descInner > p 
{ 
	font-size: 18px;
    margin: 2% auto 0;
}
.descInner > a 
{ 
	font-size: 12px;
	font-weight: 400;
    line-height: 3.4em;
    height: 42px;
    display: inline-table;
    padding: 0 0 0 22px;
    background-image: url(../images/inner-btn-left.png);
    background-position: 0 0;
    text-decoration: none;
    color: #282421;
    line-height: 3.35em;
    margin-top: 1.5em;
    background-size: auto 42px;
    background-repeat: no-repeat;
    text-transform: uppercase;
}
.descInner > a span {
    display: block;
    min-height: 42px;
    padding: 0 37px 0 15px;
    background-position: right 0;
    background-image: url(../images/inner-btn-right.png);
    background-size: auto 42px;
    background-repeat: no-repeat;
}
.descInner>a:hover  
{
     background-image: url(../images/inner-btn-hover-left.png);
     color: #fff;   
}
.descInner>a:hover span
{
	background-image: url(../images/inner-btn-hover-right.png);
    color: #fff;
 }
@media screen and (min-width : 1005px) and (max-width : 1105px)
{
	.descInner
	{
	position: relative;
	top:9%;
	width: 90%;
    margin: 0 auto;    
	}	
	.descInner > h3 
	{
	    font-size: 20px;
	    margin: 0 auto;
		text-transform: uppercase;
		font-weight: 600;
	}	
	.descInner > p 
	{ 
		font-size: 15px;
	    margin: 2% auto 0;
	}
}
@media screen and (max-width: 1004px) and (min-width: 768px)
{
	.descInner
	{
	position: relative;
	top:7%;
	width: 90%;
    margin: 0 auto;    
	}	
	.descInner > h3 
	{
	    font-size: 18px;
	    margin: 0 auto;
		text-transform: uppercase;
		font-weight: 600;
	}	
	.descInner > p 
	{ 
		font-size: 12px;
	    margin: 2% auto 0;
	}
}
@media screen and (max-width: 568px) and (min-width: 420px)
{
	.descInner
	{
	position: relative;
	top:5%;
	width: 90%;
    margin: 0 auto;    
	}	
	.descInner > h3 
	{
	    font-size: 16px;
	    margin: 0 auto;
		text-transform: uppercase;
		font-weight: 600;
	}	
	.descInner > p 
	{ 
		font-size: 12px;
	    margin: 2% auto 0;
	}
}@media screen and (max-width: 419px)
{
	.descInner
	{
	position: relative;
	top:15%;
	width: 90%;
    margin: 0 auto;    
	}	
	.descInner > h3 
	{
	    font-size: 22px;
	    margin: 0 auto;
		text-transform: uppercase;
		font-weight: 600;
	}	
	.descInner > p 
	{ 
		 overflow: hidden;
 		 display: -webkit-box;
		 -webkit-line-clamp: 1;
		 -webkit-box-orient: vertical;
	}
}
.headerContent
{
	position: relative;
	left: 40%;
	padding-bottom: 10px;
}
.flipTitle {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
}
.flipbtn
{
	font-family: 'Philosopher';
    font-size: 20px;
    font-weight: 600;
    width: auto;
    height: 60px;
    margin-top: 25%;
    padding: 0 26px;
    background-image: url(../images/detail-left.png),url(../images/detail-right.png);
    background-size: auto 60px,auto 60px;
    display: inline-table;
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0,right 0;
}
.flipbtn > .innerTitle {
    padding: 15px 30px 0;
    height: 60px;
    background-color: #fefee3;
}
.headerContent > h1 {
	font-family: 'Philosopher';
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3em;
    color: #000;
    text-align: center;
    background-image: url(../images/orange-star-img.png),url(../images/orange-star-img.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 .3em,right .3em;
    display: inline-table;
    padding: 0 50px;
    background-size: 18px auto;
}

footer{
	background-color: #2d2d2d;
	margin-top: 40px;
}

footer .row{
	margin-right: 0;
	margin-left: 0;
}

.footer-logo{
	position: relative;
    top: -40px;
    max-width: 241px;
    border: 1px solid #c9c9c9;
}

.footer-links ul {
    list-style: none;
    overflow: hidden;
    margin:10px 0;
    padding:0;		
}

.footer-links ul li{
    float: left;
    padding: 10px;
}

.footer-links ul li a{
    color: #fff;
    text-transform: uppercase;
}

.textwhite { color: #fff; }
.textwhite::after { content:""; border-color: #fff; }
.textgray { color: #9b9b9b; }
.size-normal{ font-size: 16px; }
.textblack{ color: #383838; }
.size-large{ font-size: 23px; }
.textred{ color: red; }

.copyright{
	background: #fff;
    height: 50px;
    line-height: 50px;
    font-family: 'Roboto';
    text-transform: uppercase;
    margin-right: 0;
    margin-left: 0;

}

.copyright-text{
	width: 100%;
	text-align: center;
	position: relative;
}
.copyright-text .pull-right{
	position: absolute;
	top: 0;
	right:0;
}


/****Inner Page CSS****/
.background-banner{
	background-repeat: no-repeat;
	background-position: center -45px;
	background-size: cover;
}

.about-banner-area{
	background-image: url("../images/about.jpg")
}

.service-banner-area{
	background-image: url("../images/events-banner.jpg")	
}

.page-heading h2{
	color: #fff;
	text-align: center;
	padding: 120px 0;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    max-height:300px;
    width:100%;
    position:absolute;
}


.box_style_1, .box_style_2 {
    padding: 20px 25px 5px 25px;
    box-shadow: inset 0 0 0 1px #e0e5e9;
    border: 5px solid #fbfbfc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: #fff;
    font-family: "Varela Round", Arial, sans-serif;
}

.box_style_2{
	padding: 20px 10px !important;
}

.box_style_1 h1, .box_style_1 h2, .box_style_1 h3, .box_style_1 h4, .box_style_1 h5, .box_style_1 h6,
.box_style_2 h1, .box_style_2 h2, .box_style_2 h3, .box_style_2 h4, .box_style_2 h5, .box_style_2 h6 {
    font-weight: 500;
    line-height: 1.1;
    margin-top: 10px;
    margin-bottom: 10px;
}
.box_style_1 h3,.box_style_2 h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e5e9;
}

.box_style_1 h2,.box_style_2 h2 {
    padding: 0;
    font-weight: bold !important;
    font-size: 20px;
}

.box_style_1 h5,.box_style_2 h5 {
    -webkit-font-smoothing: antialiased;
    color: #222;
    font-family: "Varela Round", Arial, sans-serif;
}

.box_style_1 p,.box_style_2 p {
    font-size: 14px;
}
.services-title{
	padding-top: 0px !important;
}

.services-title h4{
	text-transform: uppercase;
	padding-top: 0px !important;
	margin-top:0px !important;
}

.services-title h4::after{
	content: "";

	display: table;
	width: 60px;
}

/*******/


.car-listing::-webkit-scrollbar {
    width: 10px;
}
.car-listing::-webkit-scrollbar-track {
    background-color: unset;
    border: unset;
}
.car-listing::-webkit-scrollbar-thumb {
    background-color: rgba(82, 70, 70, 0.7);
    border-radius: 20px;
}
.car-listing::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
.nopadding
{
	padding: 0px;
}


::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 15px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}