@font-face {
    font-family: 'MPB';
    src: url('../eot/mpb.eot');
    src: url('../eot/mpb.eot') format('embedded-opentype'),
         url('../woff/mpb.woff') format('woff'),
         url('../ttf/mpb.ttf') format('truetype'),
         url('../svg/mpb.svg#MPB') format('svg');
}

@font-face {
    font-family: 'MPC';
    src: url('../eot/mpc.eot');
    src: url('../eot/mpc.eot') format('embedded-opentype'),
         url('../woff/mpc.woff') format('woff'),
         url('../ttf/mpc.ttf') format('truetype'),
         url('../svg/mpc.svg#MPC') format('svg');
}

@font-face {
    font-family: 'MPR';
    src: url('../eot/mpr.eot');
    src: url('../eot/mpr.eot') format('embedded-opentype'),
         url('../woff/mpr.woff') format('woff'),
         url('../ttf/mpr.ttf') format('truetype'),
         url('../svg/mpr.svg#MPR') format('svg');
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
 

/** 01. Globals
 **************************************************************** **/
html, body {
	margin:0; padding:0;
	height:100%;
}

body {
	color:#787878;
	font-family:'MPR', Arial, sans-serif;
	background-color:#fbfbfb;
	letter-spacing:0px; 
	font-size:16px; 
	line-height:23px; 
}


a {
  outline: 0;
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s !important;
}

a, a:hover, a:active,
#header a:hover,
#footer a:hover,
strong span,
#blog .widget a:hover,
#blog a.tag:hover,
#default .styleColor {
	color:#F07057;
}	
p span, i span,
h1 span, h2 span,
h3 span, h4 span,
h5 span, h6 span,
div.featured-box.nobg.border-only i.fa {
	color:#F07057 !important;
}

section {
	position:relative;
	padding:40px 0;
}
 
section header {
	padding-bottom:100px;
}

a.up {
	position:absolute;
	left:50%; top:-80px;
	margin-left:-40px;
	width:80px; height:80px;
	line-height:110px;
	background-color:#F0F0F0;
	text-align:center;
	color:#ddd;
	font-size:30px;
	text-decoration:none;
	z-index:0;

	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}
a.up:hover {
	color:#ccc;
}
  
.parallax {
	position:relative;
	z-index:1;
	background-attachment: fixed;
	background-size:cover;
	min-height:470px;
}
.parallax .overlay {
	background-color:rgba(0,0,0,0.8);
}
 
 
.container-black{
	float:none;
	margin:0 auto;	
	z-index:10; 
	background-color:rgba(0,0,0,0.7);
	padding:48px 40px;
}

.container-black h1{
	font-size:36px;
	font-weight:600;
	text-shadow:2px 2px 5px #000000;
	text-transform:uppercase;
	margin:0;	
}

.select2-disabled{
	color:#fff;
	background-color:rgba(180,120,0,0.3) !important;
}

/** 02. Home
**************************************************************** **/
#home {
	color:#fff;
	display:block;
	background-color:#333;
	width:100%; height:100%;
	padding:0;
}
#home h1,
#home h2,
#home h3,
#home h4,
#home h5,
#home h6 {
	color:#fff;
}
#home ul li {
	left:0;
}
#home .welcome-text{
	z-index:10;
	position:relative;
	width:100%;
	margin-top:100px;
/*	background-color:rgba(0,0,0,0.7);*/
	padding:10px 20px;
} 

#home h1,
#home h2,
#home h3 {
	font-size: 28px;
	line-height:35px;
	margin-bottom:0px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}
#home .welcome-text h1{
	font-size:18px;		
}
#home .welcome-text p{
	font-size:14px;
	margin:5px 0;	
}

#home h3 {
	font-size:60px;
}
#home h4,
#home h5,
#home h6 {
	margin-bottom:60px;
	letter-spacing:2px;
} 
#home .overlay {
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: 3; 
	background-color:rgba(0,0,0,0.2);
} 

#home .slider {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;

	 -khtml-opacity: 0;
	   -moz-opacity: 0;
			opacity: 0;

	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		 -o-background-size: cover !important;
			background-size: cover !important;

	background-attachment:fixed;
	background-repeat:no-repeat;

	-webkit-transition: opacity 2500ms;
	   -moz-transition: opacity 2500ms;
		-ms-transition: opacity 2500ms;
			transition: opacity 2500ms;
}

#home .slider-current {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}




/** 03. Header
 **************************************************************** **/
#header {
	display:block;
	padding:0;
	height:67px; line-height:67px;
 
	position:fixed; 
	top:0; left:0; right:0; 
	z-index:100;
	border:0; 
	
 
}
#header:hover {
	opacity:1;
	filter: alpha(opacity=100);
}

#header .navbar {
	border:0;
	color:#333;
	margin-bottom:0; 
	/* border-bottom:#ddd 2px solid; */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.46);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
	#header .navbar-brand {
		height:auto;
		padding:9px;
	}
	#header .nav.navbar-nav { 
		position:relative;
		z-index:999;
	}
	#header .navbar-inverse .navbar-nav>li>a {
		color:#363636;
		text-transform:lowercase;
		font-size:22px;
		line-height:48px; 
		font-weight: 400;
		margin-top:9px;
		padding-left:28px;
		padding-right:26px;
	}
	#header .navbar-inverse .navbar-nav>li:after { 
		position: absolute;
		top: -14px;
		font-size: 22px;
		color:rgba(0,0,0,0.3);
		font-family:'MPR', arial,verdana;
	}
	#header .navbar-inverse .navbar-nav>li:first-child:after {
		display:none;
	}
	#header .navbar-inverse .navbar-nav>li:first-child>a {
		padding-left:0;
	}
	#header .navbar-inverse .navbar-nav>li:last-child>a {
		padding-right:0;
	}

	#header .navbar-inverse .navbar-nav>li>a:hover,
	#header .navbar-inverse .navbar-nav>.active>a,
	#header .navbar-inverse .navbar-nav>.active>a:hover {
		color:#F07057;
		background-color:transparent;
	}
	#mobileMenu {
		margin-top:3px;
		color:#F07057;
		display:none;
	}




/** 04. Content
 **************************************************************** **/
section header {
	text-align:center;
}

section header h1 {
	color: #444;
	font-size: 36px;
	font-weight: 600;
	line-height:36px;
	letter-spacing:2px;
}
section header p {
	margin:0; padding:0;
}

 

/** 07. Services
**************************************************************** **/
#services{
	padding:40px 0;	
}

#services .services-menu{
	list-style:none;
	padding:0;
	margin-top:30px;	
	margin-right:-16px;
}
#services .services-menu li a{
	text-decoration:none;
	height:29px; 
	display:block;
	margin:0;
	padding-left:7px;
	line-height:29px;
	background:#e1e1e1;
	margin-bottom:2px;
}
#services .services-menu li a.active, .services-menu li a.active:hover{ 
	background:url(../gif/arrow.gif) no-repeat right #000;
	color:#fff;
}
#services .services-menu li a:hover{
	background:#000;
	color:#fff;	
} 

#services h2, #services h3{
	font-weight:600;
	margin-bottom:15px;	
}
#services h3{
	font-size:30px;
	margin-top:11px;
	margin-bottom:22px;	
}
#services .services-page{
	padding-left:55px; 
}
#services .services-page-container{
	height:475px; 	
}

#services .services-info{
	height:198px;
	overflow:auto;	
}  



/** 08. Fleet
**************************************************************** **/
#fleet .btn-default{
	margin-top:30px;	
}
#fleet .fleet{
	padding:30px 0;	
}
#fleet h1{
 font-size:42px;
 margin-bottom:15px; 
} 

/** 09. ABOUT
 **************************************************************** **/
#about h1{
 font-size:42px;
 margin-bottom:15px; 
} 
#about h2{
 font-size:26px;
 margin-bottom:15px;	 
} 

/** 09. Contact
 **************************************************************** **/
#contact h1{
 font-size:42px;
 margin-bottom:30px;	 
}
#contact .btn{
	font-weight:600;
	text-transform:none;
	font-size:18px;
	line-height:18px;	
}

/** 09. Booking
 **************************************************************** **/
#booking h1{
 font-size:42px;
 margin-bottom:15px;	 
}
#booking h2{
 font-size:20px;
 color:#000;
 font-weight:normal;
 margin-bottom:10px; 	 
}
#booking h3{
 font-size:24px;
 color:#666;
 font-weight:normal;
 margin-bottom:20px; 	 
}
#booking .btn{
	font-weight:600;
	text-transform:none;
	font-size:18px;
	line-height:18px;	
}

#booking .nav-tabs{
	background:#CCC;	
}
#booking .nav-tabs li.active a, #booking .nav-tabs li a:hover, #booking .nav-tabs li a:focus{
	background:#f1f1f1;
	border-radius:0;
	border-color:#f1f1f1;
	font-size:18px;
}
#booking .nav-tabs li a{
	border-radius:0;
	padding-right:30px;
	padding-left:30px;
	font-size:18px;	
} 
#booking .tab-content{
	padding:15px 30px;
	background:#f1f1f1;
}

#booking .booking-tabs, .booking-signin, #booking-confrim, #booking-payment{
	border:1px solid #FFF;
	box-shadow:0px 0px 3px #ccc;	
}
.booking-signin{
	background:#f1f1f1;
}

#booking-form label, #booking-signin-form label{
	display:block;
	font-size:16px;
	color:#000;	
}
#booking-form h1{
	color:black;
}
#booking-form h2{
	color:#999;
	font-size:24px;
}
#booking-container{
	min-height:450px;	
}
 
.divider{
	width:100%;
	display:block;
	height:0;
	margin:10px auto;
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #FFF;	
}


#booking-confrim ul{ 
	list-style:none;
	padding:0;
}
#booking-confrim p{
	margin-bottom:10px;
}
.booking-details ul li{
	font-weight:bold;
	display:block;
	min-height:23px;
	color:#000;
} 

#booking-payment h1, #booking-confrim h1{
	color:#000;
	font-size:32px;
	margin-bottom:5px;
	font-weight:normal;
}
#booking-payment form{
	margin-top:12px;	
}

/** 09. Faq
 **************************************************************** **/
#faq-modal .modal-content {
  width: 700px;
  margin-left: -50px;
} 
#faq-modal h1 {
	margin-bottom:30px;
	text-transform:uppercase;
	font-size:30px;
	font-weight:600;
} 
#faq-modal p { 
	font-size:14px; 
} 
 
/** 10. Terms
**************************************************************** **/
#terms-modal .modal-content {
  width: 700px;
  margin-left: -50px;
} 
#terms-modal h1 {
	margin-bottom:30px;
	text-transform:uppercase;
	font-size:30px;
	font-weight:600;
} 
#terms-modal p { 
	font-size:14px; 
} 


/** 10. AJAX MODAL
**************************************************************** **/
#ajaxModal .modal-content {
  width: 400px;
  margin-left: 100px;
} 
#ajaxModal h1 {
	margin-bottom:30px;
	font-size:22px;
	font-weight:600;
} 
#ajaxModal p { 
	font-size:14px; 
} 

#ajaxModal .modal-footer{
	padding:0 40px;
	padding-bottom:40px;	
}


/** 10. SIGN IN MODAL
**************************************************************** **/
#sigin-form h1{
	margin-bottom:21px !important;
}
#sigin-form a{
	font-size:14px;
	line-height:15px;
	text-decoration:underline;
}
#sigin-form .btn-default{
	text-transform:none;
	font-size:18px;
}
#sigin-form label{
	display:block;
	color:#000;
	font-weight:bold;
} 
.field{
	margin-bottom:14px;	
}

.modal-dialog { 
    top: 10%; 
}

/** 10. FORGOTTEN PASSWORD MODAL
**************************************************************** **/
#forgotten-password h1{
	margin-bottom:21px !important;
}
#forgotten-password a{
	font-size:14px;
	line-height:15px;
	text-decoration:underline;
}
#forgotten-password .btn-default{
	text-transform:none;
	font-size:18px;
}
#forgotten-password label{
	display:block;
	color:#000;
	font-weight:bold;
} 

/** 10. CONTACT FORM MODAL
**************************************************************** **/
#contact-form h1{
	margin-bottom:21px !important;
}
#contact-form a{
	font-size:14px;
	line-height:15px;
	text-decoration:underline;
}
#contact-form .btn-default{
	text-transform:none;
	font-size:18px;
}
#contact-form label{
	display:block;
	color:#000;
	font-weight:bold;
} 


/** 10. My Profile dialog
**************************************************************** **/

.my-profile-tabs{
	padding-top:30px;	
}


/** 10. Misc
**************************************************************** **/

 
.parallax {
	background-color:#363636;
} 
.parallax-1{
	min-height:400px;	
}

.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  background:url(../gif/arrows.gif) scroll 3px -28px;
  width:40px !important;
  border-left: 1px solid #cccccc; 
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.icon-info .select2-arrow {
  background:url(../gif/arrows.gif) scroll 3px -60px !important;	
}

.select2-container .select2-choice{
	border-radius:0px;	
}
.select2-drop-active {
    border: 1px solid rgba(0, 0, 3, .3);
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid rgba(0, 0, 3, .3);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid rgba(0, 0, 3, .3);
    outline: none;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 3, .3);
            box-shadow: 0 0 10px rgba(0, 0, 3, .3);
}


@media only screen and (max-width: 768px) {
  .modal-content {
  width: auto !important;
  margin:0 auto !important;
} 
}

 
/** 13. Footer
 **************************************************************** **/
footer {
	color:#fff;
	padding:0;
	font-size:13px;
	position:relative;
	text-align:center;
}
footer .copy-right{
	position:absolute;
	height:28px;
	top:100%;
	width:100%;
	margin:0px !important;
	margin-top:-28px !important;
	padding:0 !important;	
}
footer .copy-right p, footer .copy-right a{
	color:#FFF;
	line-height:28px;
	font-size:14px;
	margin:0px !important; 
	padding:0 !important;	
}
footer .footer-mask{
	min-height:220px; 
	background:url(../gif/footer.gif) repeat-x bottom;
}


 

/** --. Responsive
**************************************************************** **/
@media only screen and (max-width: 1220px) {
	#header .container {
		width:100%;
		display:block;
	}
	
	#header .navbar-nav li a{
		padding-left:10px !important;
		padding-right:10px !important;
		font-size:19px !important;	
	}
}
@media only screen and (max-width: 1024px) {
		

	#header .navbar-nav li a{
		padding-left:10px !important;
		padding-right:10px !important;
		font-size:18px !important;	
	}
	
	.services, .services-page{
		padding:30px !important;	
	}
	.nice-scroll-container{
		padding:30px !important;	
	}
	
	.slider,
	.parallax {
		background-attachment: scroll !important;
		background-position: center !important;
		background-size: 1024px 100% !important;
	}
}


@media only screen and (max-width: 960px) {
	#header .navbar-inverse .navbar-nav>li>a {
		padding-left: 22px;
		padding-right: 20px;
	}
	
}

@media only screen and (max-width: 767px) {
	#header {
		opacity:1 !important;
		filter: alpha(opacity=100) !important;
	}
	#header .navbar-inverse .navbar-nav>li:first-child>a {
		padding-left:30px;
	}
	#header .navbar-inverse .navbar-nav>li {
		border-bottom:#ddd 1px solid;
	}
	#header .navbar-inverse .navbar-nav>li:last-child {
		border-bottom:0;
	}
	.navbar-inverse .navbar-collapse, 
	.navbar-inverse .navbar-form {
		border-color:#ddd;
		box-shadow:#ddd 0 0 10px;
	}
	#header .nav.navbar-nav {
		margin-top:0;
		margin-bottom:0;
		background-color:#ececec;
	}
	#mobileMenu {
		display:block;
		position:absolute;
		right:15px; top:15px;
		font-size:30px;
	}
	
	#header .collapse ul {
		background-color:#ECECEC;
	}
	#header .navbar-nav li {
		margin-bottom:1px;
	}
	#header .navbar-nav li.active a,
	#header .navbar-nav li:hover a {
		background-color:#ddd !important;
	}
	
	#header .navbar-inverse .navbar-nav>li:after {
		display:none;
	}
	 
}


@media only screen and (max-width: 768px) {

	
}

@media only screen and (max-width: 640px) {

}


@media only screen and (max-width: 479px) {
	#home .welcome-text, .container-black{
		margin-top:100px;
		height:400px;
		padding:10px;
		overflow:auto;
	}
	#home h1 { 
		font-size:22px;
		line-height:22px;
		padding-bottom:0;
		margin-bottom:0;
	}
 
	.parallax h1 {
		font-size:22px;
		line-height:36px;
	}
	
}

@media only screen and (max-height: 450px) and (max-width: 767px) {

	#header .navbar-nav {
		max-height:160px; overflow:hidden;
		overflow-y:auto;
		background-color:#ececec;
	}
	#header,
	#header .navbar,
	#header .navbar-brand{
		height:47px !important;
	}
	.navbar {
		min-height:47px;
	}
	
	.navbar-header img{
		width:50% !important;	
	}
		
	#header .navbar-brand {
		padding-top:4px;
		padding-bottom:0;
		padding-right:0;
	}
	#mobileMenu {
		margin-top:-6px;
	}
	
}

@media only screen and (max-height: 450px) {
 
	#home h1 {
		font-size:22px;
		line-height:22px;
		margin-top:5px;
		margin-bottom:5px;
	}
	#home h6 {
		margin:0 0 20px 0; 
	}
	
	.modal-dialog { 
   	 top:auto !important;
	}

}
  
section > .container{
	padding-top:25px;	
}
section h1, section h2, section h3{
	font-weight:600;	
}


.padding100{
	padding:125px 0;	
}

.loading{
	background:rgba(0,0,0,0.7);
	border-radius:20px;	
	z-index:100;
	padding:20px;
	padding-bottom:2px;
}
.loading p{
	float:left; 
	margin-right:10px;	
	color:#FFF; 
}
.loading i{
	font-size:24px;
	color:#FFF;	
}
 
.stone-backgound{ 
	background:url(../jpg/stone.jpg);	
}

.social{
	float:left;	
}

.icon-viber{ 
	background:url(../png/viber.png) no-repeat !important;
	opacity:.4 !important; 
}
.icon-viber:hover{ 
	background:url(../png/h_viber.png) no-repeat !important; 
	opacity:1 !important; 
}
.icon-whatsapp{
	background:url(../png/whatsapp.png) no-repeat !important;
	opacity:.6 !important; 
}
.icon-whatsapp:hover{
	background:url(../png/h_whatsapp.png) no-repeat !important; 
	opacity:1 !important; 
}