/*
Zerotheme.com | Free Html5 Responsive Templates
Author URI: http://www.zerotheme.com/
*/

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}



/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {  font-family:'Lato', sans-serif, Arial, Helvetica; }
body .wrap-body{}
#content-body{line-height:2}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}


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

		html, body {
			min-width: 320px;
		}

	}

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

			html, body {
				height: auto;
				min-height: 100%;
			}

		}

	body {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		background-color: RGBA(0, 0, 0, 0.74);
	}

		body > * {
			position: relative;
			z-index: 2;
		}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}


/* BG */

	#bg {
		-moz-transition: opacity 2s ease-in-out;
		-webkit-transition: opacity 2s ease-in-out;
		-ms-transition: opacity 2s ease-in-out;
		transition: opacity 2s ease-in-out;
		height: 100%;
		left: 0;
		opacity: 0.25;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1;
	}

		#bg div {
			-moz-transition: opacity 3s ease, visibility 3s;
			-webkit-transition: opacity 3s ease, visibility 3s;
			-ms-transition: opacity 3s ease, visibility 3s;
			transition: opacity 3s ease, visibility 3s;
			background-size: cover;
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			visibility: hidden;
			width: 120%;
		}

			#bg div.visible {
				-moz-animation: bg 45s linear infinite;
				-webkit-animation: bg 45s linear infinite;
				-ms-animation: bg 45s linear infinite;
				animation: bg 45s linear infinite;
				opacity: 1;
				visibility: visible;
				z-index: 1;
			}

				#bg div.visible.top {
					z-index: 2;
				}

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

					#bg div.visible {
						-moz-animation: bg 29.25s linear infinite;
						-webkit-animation: bg 29.25s linear infinite;
						-ms-animation: bg 29.25s linear infinite;
						animation: bg 29.25s linear infinite;
					}

				}

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

					#bg div.visible {
						-moz-animation: bg 18s linear infinite;
						-webkit-animation: bg 18s linear infinite;
						-ms-animation: bg 18s linear infinite;
						animation: bg 18s linear infinite;
					}

				}

			#bg div:only-child {
				-moz-animation-direction: alternate !important;
				-webkit-animation-direction: alternate !important;
				-ms-animation-direction: alternate !important;
				animation-direction: alternate !important;
			}

		body.is-loading #bg {
			opacity: 0;
		}

	@-moz-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@-webkit-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@-ms-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}



a{color: #fff;text-decoration: none;}
a:hover {opacity: 0.9; text-decoration: none;}



h1, h2, h3, h4{	font-size: 25px;line-height: 25px;}


.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{}
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */

header {}
.wrap-header{text-align: center;width: 100%;/*!  */}
.top-header{text-align: center;/*!  */width: 100%;position: fixed;z-index: 9999;border-bottom: solid 1px !important;border-color: rgba(255, 255, 255, 0.33) !important;}

header #logo {line-height:1.1; opacity: .7;}
header #logo img{width:8%; margin:10px}nav{}/*-component.css-*/

.hpsubtitle{margin: 40px 0 10px 0;color: #fff;}

h1.title { max-width: initial; border-bottom: 0px solid #f1f1f1; margin-left: auto; margin-right: auto; /*!  */ text-align: center;padding-bottom: 30px;}

h1.title::before{ display: block; content: ""; background: #ccc; height: 1px; position:relative; top:13px;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #BCBCBC 25%, #ABABAB 75%, rgba(0, 0, 0, 0) 100%);
}

h1.title span { border-bottom: initial; position: relative; background-color: white; padding: 0 1.5rem;
}

#slogan {
padding-top: 15px;
font-size: 20px;
color: #fff;
}

#slogan2 {
color:#fff;
padding-top: 20px;
padding-bottom: 20px;
}

.div-img img {
 margin:0 auto;
 display:block;
 padding-bottom: 50px;
}


/*--------------- thumbnail ---------------------*/

.thumbnail {
    max-height: 100%;
    max-width: 100%;
}

.thumbnail img {
    width: 100%;
    height: 60px;
    object-fit: cover;
    object-position: 50% 50%; /* default value: image is centered*/
}

.thumbnail {
	display:inline-block;
	display:block;
	height:auto;
	max-width:100%;
	padding:4px;
	line-height:1.428571429;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.thumbnail>img {
	display:block;
	height:auto;
	max-width:100%
}
a.thumbnail:hover,a.thumbnail:focus {
	border-color:#428bca
}
.thumbnail>img {
	margin-right:auto;
	margin-left:auto
}
.thumbnail .caption {
	padding:9px;
	color:#333
}

.thumbnail-cars .col-1-5 {
    padding-left:5px;
    padding-right:5px;
    width: 20% !important;
	  padding-top:30px;
}


/* ---------------------------------------------------------------------------- */
/* --------------------------------------Navigation---------------------------------- */
/* ---------------------------------------------------------------------------- */
.wrap-nav{margin: 0 auto;display: inline-block;}
.bkgcolor{background-color:#1B1B1B;border-bottom: initial !important;}
.navbkgcolor{background-color:#1B1B1B;}
.top-head{text-align: center;/*!  */width: 100%;position: fixed;z-index: 9999;border-bottom: solid 1px !important;border-color: rgba(255, 255, 255, 0.33) !important;}


.nav-bar {position: fixed;width: 100%;/*!  */z-index: 50000;padding-top: 10px;}

.responsive-menu {
  position: relative;
}

.main-menu, .sub-menu {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.main-menu li, .sub-menu li {
}

.main-menu > li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  min-width: 60px;
  color: #fff;
}
.main-menu > li a {
  display: block;
}
.main-menu > li.active .sub-menu {
  opacity: 1;
  pointer-events: auto;
  margin-top: 0;
  z-index: 20;
  background-color: #7b7b7b;
}
@media only screen and (min-width: 901px) {
  .main-menu > li:hover .sub-menu {
    opacity: 1;
    pointer-events: auto;
    margin-top: 0;
    z-index: 20;
  }
}
.main-menu .expand {
  display: none;
}
@media only screen and (max-width: 900px) {
  .main-menu {
    opacity: 0;
    pointer-events: none;
    margin-top: 20px;
    -webkit-transition: 200ms all;
    transition: 200ms all;
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    min-width: 200px;
    width: 80%;
    left: 10%;
  }
  .main-menu li {
    display: block;
  }
  .main-menu .expand {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.2rem 1rem;
    z-index: 15;
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-transition: 200ms all;
    transition: 200ms all;
  }
  .main-menu .expand.active {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@media only screen and (max-width: 900px) {
  .main-menu.active {
    opacity: 1;
    pointer-events: auto;
    margin-top: 0;
    z-index: 20;
    background-color:#1D1D1D;
  }
}

.sub-menu {
  opacity: 0;
  pointer-events: none;
  margin-top: 20px;
  -webkit-transition: 200ms all;
  transition: 200ms all;
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  min-width: 200px;
  background-color: #333;
}
@media only screen and (max-width: 900px) {
  .sub-menu {
    display: block;
    z-index: 20;
    width: 100%;
  }
}
.sub-menu li a {
  display: block;
  /*! margin-bottom: 10px; */
  /*! margin-top: 10px; */
}

.toggle-menu {
  display: none;
}
@media only screen and (max-width: 900px) {
  .toggle-menu {
    display: inline-block;
  }
}


nav {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 901px) {
  nav {
    
  }
}

.toggle-menu {
  color: #ffffff;
  float: right;
  padding-top: 10px;
}
.toggle-menu span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.3rem;
}
.toggle-menu svg {
  display: inline-block;
  vertical-align: middle;
}

.logo {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 2rem;
  padding: 0.8rem 1rem;
  box-sizing: border-box;
  width: 30%;
}

.main-menu, .sub-menu {

}
.main-menu li a, .sub-menu li a {
  padding: 1rem 1rem;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
}
.main-menu .expand, .sub-menu .expand {
  color: #ffffff;
  font-size: 1.5rem;
}

@media only screen and (max-width: 900px) {
  .sub-menu {
    background: #888;
  }
}




/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
.contain {margin-top:40px;margin-bottom: 50px;}
.container .wrap-container{margin: auto;background: #1e5799;background: -moz-linear-gradient(to right, #264972 0%,#3b6589 45%,#598eb7 100%);background: -webkit-linear-gradient(to right, #264972 0%,#3b6589 45%,#598eb7 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#264972', endColorstr='#598eb7',GradientType=1 );}
h2.subtitle {text-align: center; padding-top: 30px;}
h2.subtitle a:hover {text-decoration:underline;}
.contain a {color: #000; text-decoration:initial; }
.contain a:hover {color: #333; text-decoration:underline; }
#main-content{background-color: #007EA7; padding: 50px 0;}
.car-img {float:left; max-width: 320px;  padding-right:20px; padding-bottom: 20px;}
.bbb {padding: 0px 0px 0px 20px; max-width: 100%; float: initial;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------Content-box-------------------------------- */
/* ---------------------------------------------------------------------------- */
.content-box {}
.content-box .header {margin-bottom: 30px;text-align: center;display: inline-block;/*!  *//*!  */border-bottom: 1px solid #FFF;}
.content-box .header h3{font-size: 25px;color: #000;font-weight: 500;margin:15px 0;}
.content-box .header h2{font-family: inherit;line-height: 1.1;color: #fff;font-weight: 500;font-size:50px;}
.content-box .wrap-box {padding: 35px 0 15px 0;}
.content-box p{margin-bottom: 20px;color: #ccc;}
.content-box .post {margin-bottom: 30px;}

.content-box.box-1 {text-align: center;background-image: url("images/street.svg");/*!  */background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.content-box.box-1  .header h3 {color: #ccc;}

.content-box.box-2 {color: #fff;text-align: center;padding: 30px 0 30px;}
.content-box.box-2 .header {/*!  *//*!  */display: inline-block;border-bottom: 1px solid #FFF;}
.content-box.box-2 .header h2 {color: #fff;}
.content-box.box-2 .header h3 {color: #fff;}
.content-box.box-2 .post {display: inline-block;}
.content-box.box-2 .post  img {display: inline-block;}
.content-box.box-2 .post h4 {margin: 5px;color:#fff;font-size: 20px;text-align: center;}
.content-box.box-2 .social{margin-top: 20px;}


.content-box.box-3 {text-align: center;background-color: #fff;}
.content-box.box-3  .header h3 {color: #000;}
.content-box.box-3 .post img{margin-bottom: 10px;}
.content-box.box-3 .post h5 {font-size: 30px;margin: 20px 0;font-weight: 500;}


.content-box.box-4 {}
.content-box.box-4 {color: #fff;text-align: center;}
.content-box.box-4 .header {border-bottom: 1px solid #fff;}
.content-box.box-4 .header h2 {color: #fff;}
.content-box.box-4 .header h3 {color: #fff;}
.content-box.box-4 .pricing {background-color: #fff;text-align: center;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border: 1px solid #453b5d;padding: 10px;}
.content-box.box-4 .pricing-title {line-height: 1;font-size: 28px;font-weight: bold;color: #000;border-bottom: 1px dashed #d2d2d2;padding: 10px;}
.content-box.box-4 .pricing-price {width: 100px;height: 100px;color:#fff;font-size: 19px;border-radius: 50px;-webkit-border-radius: 50px;
	-moz-border-radius: 50px;-khtml-border-radius: 50px;background:#00171F;margin: 20px 0 ;line-height: 100px;}
.content-box.box-4 .pricing-features {color: #595f6b;}
.content-box.box-4 .pricing-button {background: #302F2F;border-radius: 5px;-webkit-border-radius: 5px; 	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;padding: 5px 15px;line-height: 30px;font-weight: bold;font-size: 20px;margin: 15px 0 25px 0;display: inline-block;}


.content-box.box-5 {text-align: center;background-color: #007EA7;}
.content-box.box-5  .header h3 {color: #000;}
.content-box.box-5   {border-bottom: 1px solid #D5D5D5; /*max-width: 100%;*/}
.content-box.box-5 .post{background: #ffffff;}
.content-box.box-5 .post:after, .post:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.content-box.box-5 .post h2{font-size:30px; line-height:45px; font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #000;margin-bottom: 20px;}
.content-box.box-5 .post .art-content{padding: 20px 60px; text-align: center;margin-top: 50px;}
.content-box.box-5 .post img{max-height: 440px;width: 100%;}

.content-box.box-6  {}
.content-box.box-6 {background-image: linear-gradient(#315F90,rgb(60, 97, 137));text-align: center;}
.content-box.box-6  .header h3 {color: #fff;}
.content-box.box-6 .contact{ background-color: #ffffff;border: 1px solid #d5d5d5;padding:60px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-khtml-border-radius: 20px;}


.content-box.box-7 {color: #fff;text-align: center;}
.content-box.box-7 .header {border-bottom: 1px solid #fff;}
.content-box.box-7 .title  {color: #fff;text-align: right;}
.content-box.box-7 .subcribe-form{text-align: left;}


/* ---------------------------------------------------------------------------- */
/* ------------------------------------Banner-------------------------------- */
/* ---------------------------------------------------------------------------- */



	#banner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		height: 100vh;
		min-height: 35em;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#banner h2 {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			display: inline-block;
			font-size: 1.75em;
			opacity: 1;
			padding: 0.35em 1em;
			position: relative;
			z-index: 1;
		}

			#banner h2:before, #banner h2:after {
				-moz-transition: width 0.85s ease;
				-webkit-transition: width 0.85s ease;
				-ms-transition: width 0.85s ease;
				transition: width 0.85s ease;
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
				background: #fff;
				content: '';
				display: block;
				height: 2px;
				position: absolute;
				width: 100%;
			}

			#banner h2:before {
				top: 0;
				left: 0;
			}

			#banner h2:after {
				bottom: 0;
				right: 0;
			}

		#banner p {
			letter-spacing: 0.1em;
			text-transform: uppercase;
		}

			#banner p a {
				color: inherit;
			}

		#banner .more {
			-moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
			-ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
			transition: transform 0.75s ease, opacity 0.75s ease;
			-moz-transition-delay: 3.5s;
			-webkit-transition-delay: 3.5s;
			-ms-transition-delay: 3.5s;
			transition-delay: 3.5s;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			border: none;
			bottom: -50px;
			font-size: 1em;
			height: 8.5em;
			left: 50%;
			letter-spacing: 0.225em;
			margin-left: -8.5em;
			opacity: 1;
			outline: 0;
			padding-left: 0.225em;
			position: absolute;
			text-align: center;
			text-transform: uppercase;
			width: 16em;
			z-index: 1;
		}

			#banner .more:after {
				background-image: url("images/arrow.svg");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				bottom: 4em;
				content: '';
				display: block;
				height: 1.5em;
				left: 50%;
				margin: 0 0 0 -0.75em;
				position: absolute;
				width: 1.5em;
			}

		#banner:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 3s ease-in-out;
			-webkit-transition: opacity 3s ease-in-out;
			-ms-transition: opacity 3s ease-in-out;
			transition: opacity 3s ease-in-out;
			-moz-transition-delay: 1.25s;
			-webkit-transition-delay: 1.25s;
			-ms-transition-delay: 1.25s;
			transition-delay: 1.25s;
			content: '';
			background: #2e3842;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}

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

			#banner {
				height: auto;
			}

				#banner h2 {
					font-size: 1.25em;
				}

				#banner br {
					display: none;
				}

				#banner .more {
					display: none;
				}

		}

	body.is-loading #banner h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-loading #banner h2:before, body.is-loading #banner h2:after {
			width: 0;
		}

	body.is-loading #banner .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

	body.is-loading #banner:after {
		opacity: 1;
	}



/* ---------------------------------------------------------------------------- */
/* ------------------------------------Article-------------------------------- */
/* ---------------------------------------------------------------------------- */
article{}
article .art-header{text-align: center; margin-bottom: 20px;}
article .art-content{}
article h1{color: #00171F; font-size: 35px;	text-transform: uppercase;	line-height: 50px;}
article img{padding: 20px; background: #ffffff; margin-bottom: 20px; border: 1px solid #00171F;}
article p{margin-bottom: 10px;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer--------------------------------- */
/* ---------------------------------------------------------------------------- */
footer {}
footer .wrap-footer{text-align: center;}

footer .footer-social{text-align: center; margin: 20px 0;}

.copyright{text-align:center; background:#1E1E1E; padding:30px 0px;}
.copyright  span > a {color: #FFFFFF;}
.copyright  span > a:hover {text-decoration: underline;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */

	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease;
		-webkit-transition: border-color 0.2s ease;
		-ms-transition: border-color 0.2s ease;
		transition: border-color 0.2s ease;
		background-color: transparent;
		border: solid 1px !important;
		border-color: rgba(255, 255, 255, 0.15) !important;
		border-radius: 3em;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.6em;
		font-weight: bold;
		height: calc(4.75em + 2px);
		letter-spacing: 0.25em;
		line-height: 4.75em;
		outline: 0;
		padding: 0 3.75em;
		position: relative;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}

	
		button:after,
		.button:after {
			-moz-transform: scale(0.25);
			-webkit-transform: scale(0.25);
			-ms-transform: scale(0.25);
			transform: scale(0.25);
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
			-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
			-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
			transition: opacity 0.2s ease, transform 0.2s ease;
			background: #ffffff;
			border-radius: 3em;
			content: '';
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}


	.button-fleet {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease;
		-webkit-transition: border-color 0.2s ease;
		-ms-transition: border-color 0.2s ease;
		transition: border-color 0.2s ease;
		background-color: transparent;
		border: solid 1px !important;
		border-color: rgba(23, 23, 23, 0.28) !important;
		border-radius: 3em;
		color: #333333 !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.6em;
		font-weight: bold;
		height: calc(4.75em + 2px);
		letter-spacing: 0.25em;
		line-height: 4.75em;
		outline: 0;
		padding: 0 3.75em;
		position: relative;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}

	
		.button-fleet:after {
			-moz-transform: scale(0.25);
			-webkit-transform: scale(0.25);
			-ms-transform: scale(0.25);
			transform: scale(0.25);
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
			-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
			-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
			transition: opacity 0.2s ease, transform 0.2s ease;
			background: #ffffff;
			border-radius: 3em;
			content: '';
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

	
		button.icon:before,
		.button.icon:before {
			margin-right: 0.75em;
		}

		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}


		button.small,
		.button.small {
			font-size: 0.4em;
		}

		button.big,
		.button.big {
			font-size: 0.8em;
		}

		button.special,
		.button.special {
			background-color: #ffffff;
			color: #312450 !important;
		}

			button.special:after,
			.button.special:after {
				display: none;
			}

		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			cursor: default;
			opacity: 0.5;
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
		}

		button:hover,
		.button:hover {
			border-color: rgba(255, 255, 255, 0.55) !important;
		}

			button:hover:after,
			.button:hover:after {
				opacity: 0.05;
				-moz-transform: scale(1);
				-webkit-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
			}

			button:hover:active,
			.button:hover:active {
				border-color: #ffffff !important;
			}

				button:hover:active:after,
				.button:hover:active:after {
					opacity: 0.1;
				}

a.button.button01{background: #303030; color: #ffffff;}
a.button.button02{background: #FFE9B4; color: #000000;}
a.button.button03{-webkit-border-radius: 0px;

-moz-border-radius: 0px;
-khtml-border-radius: 0px; }


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Services-------------------------------- */
/* ---------------------------------------------------------------------------- */
#service i {font-size: 3em; color: rgba(255, 255, 255, 0.71); border-color: rgba(255, 255, 255, 0.42); border-width: 1px; border-style: solid; border-radius: 100px; width: 110px; height: 110px; line-height: 110px;}
.service-center-icon {text-align:center}
.plane-down {transform: rotate(90deg);}
.plane-up {transform: rotate(-90deg);}


/* ---------------------------------------------------------------------------- */
/* ------------------------------------Fleet-------------------------------- */
/* ---------------------------------------------------------------------------- */

#fleet li { width: 30%; margin-left: auto; margin-right: auto; }
.pax-lug {margin: 0px !important;}
.lug {padding-right: 5px;}
.pax {padding-left: 5px;}
.fa-user {font-size: 22px !important;}
.fleet p {color: #595656;}
.fleet-header {border-bottom: 1px solid #CCC !important;}
.fleet-header h2 {color:#333 !important;}
.fleet-header h3 {color:#333 !important;}
.fleet h5 {color:#333 !important;}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Fleet-------------------------------- */
/* ---------------------------------------------------------------------------- */

#fleet li { width: 30%; margin-left: auto; margin-right: auto; }
.pax-lug {margin: 0px !important;}
.lug {padding-right: 5px;}
.pax {padding-left: 5px;}
.fa-suitcase {font-size: 22px !important;}
.fa-user {font-size: 22px !important;}
.fleet p {color: #595656;}
.fleet-header {border-bottom: 1px solid #CCC !important;}
.fleet-header h2 {color:#333 !important;}
.fleet-header h3 {color:#333 !important;}
.fleet h5 {color:#333 !important;}


#fleet {
	background-color: #fff; padding-top:50px;
	padding-left: 15px;
	padding-right: 15px;
}


#fleet .section {
    background: #fff;
    padding-top: 130px;
    padding-bottom: 10px;
}

#fleet .container {
    padding: 0;
}

#fleet .container-full {
    min-height: 50px;
}

#fleet .heading {
    padding-bottom: 30px;
    border-top: 1px solid #f7f8f8;
    width: 100%;
}

#fleet h3 {
    font-family: "PT Sans";
    font-weight: 700;
    font-size: 1.4em;
    margin-top: -12px;
    width: 300px;
    padding: 0 30px;
    background-color: #fff;
    text-align: center;
    color: #272a2f;
}

#fleet .avatar {
    width: 80px;
    height: 80px;
    margin: 10px;
    border-radius: 15px;
    float: left;
    background-color: #CCC;
    overflow: hidden;
}

#fleet .clint-div {
    float: left;
    padding-right: 20px;
}

#fleet .name {
    font-size: 1em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 100%;
}

#fleet .designation {
    font-size: .8em;
    font-weight: 700;
    font-style: italic;
    margin: 0;
    padding: 0;
    line-height: 100%;
}

#fleet .col-xs-6 p {
    margin: 10px;
}

.fleet-item {
    margin-bottom: 30px;
    margin-top: 30px;
    border-bottom: solid;
    border-color: #ccc;
    border-width: 1px;
    padding-bottom: 55px;
}

.content-text .fleet-item:last-child {
    margin-bottom: 0;
}

.fleet-item p {
    margin-bottom: 0;
    line-height: 1.6em;
}

.fleet-item .fleet-title {
    margin-bottom: 5px;
    font-size: 16px;
}

.fleet-pic-car {
    width:55%;
}

.content-text .fleet-title p {
    margin-bottom: 0;
}

.fleet-pic {
    float: left;
    width: 35%;
    margin-left: 4%;
}

.fleet-info {
  margin-top:30px;  
}

.fleet-text-car {
 margin-bottom: 20px;
}

.fleet-links-car {
}




/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reservations-------------------------------- */
/* ---------------------------------------------------------------------------- */

.book { padding:30px;background-color: #fff;border-radius: 13px;}



/* ---------------------------------------------------------------------------- */
/* -------------------------------------FAQ-------------------------------- */
/* ---------------------------------------------------------------------------- */

#faq {background-color: #fff; padding-top:50px;}

#faq p { margin-top:30px; padding-left: 45px;padding-right: 45px;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Terms-------------------------------- */
/* ---------------------------------------------------------------------------- */

#terms {background-color: #fff; padding-top:50px;}

#terms p { margin-top:30px; padding-left: 45px;padding-right: 45px;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Privacy Policy-------------------------------- */
/* ---------------------------------------------------------------------------- */

#privacy {background-color: #fff; padding-top:50px;}

#privacy p { margin-top:10px; padding-left: 45px;padding-right: 45px;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------About Us-------------------------------- */
/* ---------------------------------------------------------------------------- */

#about {background-color: #fff; padding-top:50px;}

#about p { margin-top:30px; padding-left: 45px;padding-right: 45px;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Account-------------------------------- */
/* ---------------------------------------------------------------------------- */

#account {background-color: #fff; padding-top:50px;}

#account p { margin-top:30px; padding-left: 45px;padding-right: 45px;}

.trust-certs { border-bottom: initial; padding: 5px !important; }

.trust-certs li { border-bottom: none !important; }




/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */

.contact-head {margin-bottom:initial !important; border-bottom: initial !important;}

#contact_form {background:#00171F;padding:25px;}

#contact-section li {padding:10px}

#ff label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}

#ff input {display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4; color:#000;	border:1px solid #5f5f5f;padding:10px;margin: 5px 0 25px 0;}

textarea {display:block;width:90%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff; color:#000;	border:1px solid #5f5f5f;padding:10px;margin: 5px 0 25px 0;}

#ff .sendButton {cursor:pointer;background-color:#303030;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;;width:35%;color:#ffffff;}
#ff .sendButton:hover {opacity: 0.8;}

.contact .address {}
.contact .phone {}
.contact .mail{}

.message{text-align: center;}
.message .wrap{	padding: 50px; background: #ffffff; border: 1px solid #333333;display: inline-block;border-radius: 5px;	-webkit-border-radius: 5px; -moz-border-radius: 5px;-khtml-border-radius: 5px;}
.message .text{font-size: 35px;	margin-bottom: 30px;}
.message .back a{background: #00171F; padding: 10px 20px;color: #ffffff;border-radius: 5px;-webkit-border-radius: 5px; 	-moz-border-radius: 5px;-khtml-border-radius: 5px;	text-decoration: none;}
.arrow-fix {z-index: 9000;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer-------------------------------- */
/* ---------------------------------------------------------------------------- */

.footer-col-1 {padding:20px;}
.footer-col-1 h4 {text-align: center;}
.footer-col-1 a {text-align: center;}

.footer-col-2 {padding:20px;}
.footer-col-2 h4 {text-align: center;}

.footer-col-3 {padding:20px;}
.footer-col-3 h4 {text-align: center;}

#footer {
    background-color: #1B1B1B;
    padding-top: 60px;
    padding-bottom: 60px;
}

#footer .container-full {
    padding-top: 30px;
    background: #091125;
}

#footer h4 {
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}


#footer p,#footer li,#footer a {
    color: #FFF;
    text-decoration: none;
}

#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .recent-post li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #4d5868;
    text-align: center;
}

#footer .recent-post li:last-child {
    border-bottom: none;
}

#footer .recent-post li a:hover {
    color: #4387D0;
}

#footer .recent-post li a {
    color: #FFF;
    text-decoration: none;
}


#footer .social-icons {
    min-height: 50px;
    padding: 10px 25px;
}

#footer .social-icons li.facebook:hover {
    background-color: #3b5998;
}

#footer .social-icons li.twitter:hover {
    background-color: #2e9edd;
}

#footer .social-icons li.linkedin:hover {
    background-color: #0077b5;
}

#footer .social-icons li.googleplus:hover {
    background-color: #db514f;
}

#footer .social-icons {
    margin-left: -10px;
    padding-left: 0;
}

#footer .social-icons li {
    width: 30px;
    height: 30px;
    font-size: 1.25em;
    text-align: center;
    padding: 2px;
    line-height: 30px;
}

#footer .social-icons li {
    margin: 0 10px 10px;
    border-radius: 5px;
    background-color: #636666;
    float: left;
    overflow: hidden;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s;
}

#footer .social-icons i {
    color: #FFF;
}

#footer .col-md-3 {
    overflow: hidden;
}

.copyright p {
    text-align: center;
    color: #FFF;
    line-height: 60px;
}

#Grid .mix {
    display: none;
    opacity: 0;
}



/* ---------------------------------------------------------------------------- */
/* -------------------------------------Social Media Icons---------------------- */
/* ---------------------------------------------------------------------------- */


.facebook a{
    line-height:35px
}

.twitter a{
    line-height:35px
}

.googleplus a{
    line-height:35px;
}


#facebook span {
    display: none;
}

#twitter span {
    display: none;
}

#google span {
    display: none;
}


#social-media{
    text-align:center;
    margin: 0px auto;
    width: 180px;
}

.social-icons {
    min-height: 50px;
}

.social-icons li.facebook:hover {
    background-color: #3b5998;
}

.social-icons li.twitter:hover {
    background-color: #2e9edd;
}

.social-icons li.linkedin:hover {
    background-color: #0077b5;
}

.social-icons li.googleplus:hover {
    background-color: #db514f;
}

.social-icons {
    margin-left: -10px;
    padding-left: 0;
}

.social-icons li {
    width: 35px;
    height: 35px;
    font-size: 1.25em;
    text-align: center;
    padding: 2px;
    line-height: 30px;
}

.social-icons li {
    margin: 0 10px 10px;
    border-radius: 100px;
    background-color: #636666;
    float: left;
    overflow: hidden;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s;
}

.social-icons i {
    color: #FFF;
}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Scroller 2-------------------------------- */
/* ---------------------------------------------------------------------------- */
#scroller2 {
    display: none;
}

#scroller2 .gotop {
    position: fixed;
    bottom: 18px;
    right: 20px;
    cursor: pointer;
    text-align: center;
    cursor: pointer;
    font-size: 4em;
    border-radius: 100px;
    z-index: 3000;
    height: 35px;
    width: 35px;
    background-color: #dedede;
}

#scroller2 .gotop a {
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    transition: color .2s ease-in;
    color: #1D1D1D;
}

#scroller2 .gotop a i {
    font-size: 30px;
    line-height: 30px; 
}

#scroller2 .gotop a:hover {
    
-webkit-transition: color .1s ease-in;
    -moz-transition: color .1s ease-in;
    -o-transition: color .1s ease-in;
    -ms-transition: color .1s ease-in;
    transition: color .1s ease-in;
    color: #33608F;  
}


.fleet-info-2 {
    margin-bottom: 20px;
    border-bottom: thin solid rgba(195, 194, 194, 1);
    padding-bottom: 25px;
}

#welcome-head span{
	display: block;
}