﻿
a, *[type="submit"], .inpt, .rdo, .rdo span, .chk, .chk span, figure img, a:before, a:after, .btn {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, blockquote {
    display: block;
	padding: 0;
	margin: 0;
}

body {
	background: #FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #000;
}


input, select, textarea, button {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #000;
}

textarea {
	resize:vertical;
}

input, textarea {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

section {
	position: relative;
	z-index: 1;
	clear: both;
}


a {
	color: #D14925;
	text-decoration: none;
	cursor: pointer;
}

a img {
	/* background-color: #FFF; */
	border: none;
}

a:hover {
	color: #5FC9E7;
	text-decoration: none;
}

button,
button:focus,
a,
a:focus {
	outline: none;
}

button::-moz-focus-inner {
	border: 0;
}

i {
	font-style: normal;
}

::-moz-selection { background: #60CAE8; color: #FFF; }
::selection { background: #60CAE8; color: #FFF; }

/* --- Headings --- { --- */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
    font-family: 'Roboto Condensed', sans-serif;
	/* font-family: 'Lexia', sans-serif; */
}

h1 {
	font-size: 36px;
	text-transform: uppercase;
	padding-bottom: 25px;
}

h2 {
	font-size: 24px;
	text-transform: uppercase;
	padding-bottom: 15px;
}
	h2.italic {
		font-size: 30px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: normal;
		line-height: 120%;
		text-transform: none;
		
	}
	
	h2.italic.wMax {
		max-width: 420px;
		margin: 0 auto;
	}
	

h3 {
}

h4 {
}

h5 {
}

h6 {
}

#wrapper h1:last-child ,
#wrapper h2:last-child ,
#wrapper h3:last-child {
	padding-bottom: 0;
}

/* --- } --- Headings --- */

#wrapper .blue { color: #5FC9E7; }

#wrapper .bigger {
	font-size: 24px;
}

.center {
	text-align: center;
}

.smaller {
	font-size: 11px;
}

.fLeft { float: left; }
.fRight { float: right; }

.marg_t { margin-top: 30px; }
.marg_b { margin-bottom: 30px; }

.padd_tb {
	padding: 75px 0 90px;
}

#wrapper .no_marg_t { margin-top: 0 !important; }
#wrapper .no_marg_b { margin-bottom: 0 !important; }

#wrapper .no_padd { padding: 0 !important; }
#wrapper .no_padd_t { padding-top: 0 !important; }
#wrapper .no_padd_b { padding-bottom: 0 !important; }

.cols {
}
	.col { float: left; }
	
	.col2:last-child {float:right;}



p, form, ul, ol, li, input, textarea, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

table {
	width: 100%;
	border-collapse: collapse;
}
	th, td {
		padding: 0;
	}

fieldset {
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#wrapper {
	position: relative;
	z-index: 1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
	transition: 300ms;
	-webkit-transition: 300ms;
	overflow: hidden;
}

	#wrapper:after {
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0; top: 0;
		z-index: 2;
		background-color: rgba(0,0,0,0.75);
		visibility: hidden;
		opacity: 0;
		transition: opacity 300ms;
		-webkit-transition: opacity 300ms;
		transform: translate3d(-100%, 0px, 0px);
		-webkit-transition: translate3d(-100%, 0px, 0px);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
		.showMenu #wrapper:after {
			transform: translate3d(0, 0px, 0px);
			-webkit-transition: translate3d(0, 0px, 0px);
			visibility: visible;
			opacity: 1;
		}

	.wrap {
		max-width: calc(100% - 40px);
		width: 1170px;
		box-sizing: border-box;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}

	#wrapper .vTop, #wrapper table.vTop td {
		vertical-align: top;
	}
	#wrapper .vMid, #wrapper table.vMid td {
		vertical-align: middle;
	}
	#wrapper .vBot, #wrapper table.vBot td {
		vertical-align: bottom;
	}

	#wrapper .vTop, #wrapper table.vTop td {
		vertical-align: top;
	}
	#wrapper .vMid, #wrapper table.vMid td {
		vertical-align: middle;
	}
	#wrapper .vBot, #wrapper table.vBot td {
		vertical-align: bottom;
	}

.cleaner {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	margin-bottom: 0px;
	clear: both;
	zoom: 1;
	position: relative;
}

.clear:after {
	content: '';
	display: table;
	clear: both;
}


.tbl {
	display: table;
}
	.cell {
		display: table-cell;
	}

	.tbl .row {
		display: table-row;
		width: 100%;
	}

	.tbl .cell {
		padding-right: 12px;
	}
		.tbl .cell:last-child {
			padding-right: 0;
		}


#header {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	position: fixed;
	z-index: 910;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	overflow: hidden;
	font-family: 'Roboto Condensed', sans-serif;
}
	#header,
	#header .wrap {
		height: 175px;
	}

	#header a {
		color: #FFF;
	}

	#header a:hover {
		color: #FFF;
		opacity: .7;
	}

	#logo {
		float: left;
		margin-top: 30px;
		text-indent: -8000px;
		display: block;
		position: absolute;
		z-index: 10;
		left: 0;
		top: 0;
		opacity: 1 !important;

		background: url(../img/logo.png) left top no-repeat;
		background-size: cover;

		width: 200px;
		height: 112px;
		z-index: 11;
	}
	
	#logo2 {
		float: right;
		margin-top: 0px;
		text-indent: -8000px;
		display: block;
		position: absolute;
		z-index: 10;
		left: 0;
		top: 0;
		opacity: 1 !important;

		background: url(../img/peugeot-logo.png) left top no-repeat;
		background-size: cover;

		width: 200px;
		height: 60px;
		z-index: 11;
	}

	#header .ins {
		padding-top: 55px;
		position: relative;
		z-index: 10;
	}

	#header .sepp {
		padding: 0 25px;
	}
	
	#header > .ins > span {
		display: inline-block;
		padding-top: 4px;
	}
	
	#header .ins .btn {
		padding-top: 1px;
	}
	
	.is_firefox #header .ins .btn {
		padding-top: 0;
	}

	.sticky #header {		
		background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 88%, rgba(0,0,0,0.7) 100%); /* ff3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.7)), color-stop(12%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0))); /* safari4+,chrome */
		background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 88%, rgba(0,0,0,0.7) 100%); /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 88%, rgba(0,0,0,0.7) 100%); /* opera 11.10+ */
		background: -ms-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 88%, rgba(0,0,0,0.7) 100%); /* ie10+ */
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 88%, rgba(0,0,0,0.7) 100%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */ 
	}

	
	.showMenu #header {
		overflow: visible;
	}
	
#header .wrap .ins {
	display: none;
}
	

	
	
#topMenu {
	display: block;
	z-index: 1;
	width: 100%;
	opacity: 1;
	position: absolute;
	left: 0; right: 0;
	top: 0;
	margin: auto;
	
	max-width: calc(100% - 40px);
	width: 1170px;
}
	#topMenu .ins {
		padding-left: 150px;
		overflow: hidden;
	}

	#topMenu span {
		padding: 0 18px;
	}
	
	#topMenu a {
		display: inline-block;
		position: relative;
		z-index: 1;
		padding: 2px 2px;
		opacity: 1 !important;
		text-shadow: 0px 0px 20px #000;
	}
	
	#topMenu a:before {
		position: absolute;
		box-sizing: border-box;
		z-index: 1;
		display: block;
		content:"";
		width: 100%;
		height: 100%;
		left: 0px;
		right: 0px;
		padding-top: 55px;
		top: -55px;
		border-top: 7px solid rgba(255,255,255,0);
		margin-top: -7px;
	}
		#topMenu a.act:before ,
		#topMenu a:hover:before {
			border-top-width: 7px;
			margin-top: 0px;
		}
		
		#topMenu span:nth-child(1) a:before,
		#topMenu span:nth-child(6) a:before {
			border-color: #A4D180;
		}
		
		#topMenu span:nth-child(2) a:before,
		#topMenu span:nth-child(7) a:before {
			border-color: #FFD872;
		}
		
		#topMenu span:nth-child(3) a:before,
		#topMenu span:nth-child(8) a:before {
			border-color: #FFF;
		}
		
		#topMenu span:nth-child(4) a:before,
		#topMenu span:nth-child(9) a:before {
			border-color: #D14925;
		}
		
		#topMenu span:nth-child(5) a:before,
		#topMenu span:nth-child(10) a:before {
			border-color: #60CAE8;
		}
	
	
	
#mobileMenu {
	display: none;
}
	
	
	
@media only screen and (max-width : 1200px) {
	
#header .wrap .ins {
	display: block;
}
	
	
	
#topMenu {
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-100%);
	transform:translateY(-100%);
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	overflow: hidden;
	
	max-width: 100%;
}
	.showMenu #topMenu {
		position: fixed;
		-webkit-transform: translateY(0);
		transform:translateY(0);
		opacity: 1;
	}
	
	#topMenu .dec {
		display: block;
		position: absolute;
		z-index: 1;
		bottom: -67px;
		opacity: 0;
		width: 110%;
		left: -5%;
		height: 67px;
		background: url(../svg/sepp_black.svg) center bottom no-repeat;
		background-size: cover;
		transition: opacity 0.3s, bottom 0.3s;
		-webkit-transition: opacity 0.3s, bottom 0.3s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}
		.is_firefox #topMenu .dec {
			background-size: 100% 67px;
		}
	
		.showMenu #topMenu .dec {
			opacity: 1;
			bottom: 0;
			-webkit-transition-delay: .7s;
			transition-delay: .7s;
		}

	#topMenu .ins {
		padding: 0;
		position: absolute;
		z-index: 10;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0; right: 0;
		margin: auto;
		text-transform: uppercase;
		max-height: calc(100% - 175px);
		overflow: auto;
	}
	
	#topMenu a {
		display: inline-block;
		float:none;
		font-size: 30px;
		padding: 10px 20px;
	}
		#topMenu a:before {
			display: none !important;
		}
	
		#topMenu a:hover,
		#topMenu .act {
			background-color: rgba(0,0,0,0.65);
			opacity: 1 !important;
		}
		
		#topMenu a:active,
		#topMenu a:focus {
			background: none;
		}
		
		#topMenu span {
			padding: 0;
			display: block;
			opacity: 0;
			position: relative;
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
		}
		
		.showMenu #topMenu span {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform:translateY(0);
		}
		
		.showMenu #topMenu span:nth-child(1) {
			-webkit-transition-delay: 0.3s;
			transition-delay: 0.3s;
		}
		
		.showMenu #topMenu span:nth-child(2) {
			-webkit-transition-delay: .4s;
			transition-delay: .4s;
		}
		
		.showMenu #topMenu span:nth-child(3) {
			-webkit-transition-delay: .5s;
			transition-delay: .5s;
		}
		
		.showMenu #topMenu span:nth-child(4) {
			-webkit-transition-delay: .6s;
			transition-delay: .6s;
		}
		
		.showMenu #topMenu span:nth-child(5) {
			-webkit-transition-delay: .7s;
			transition-delay: .7s;
		}
		
		.showMenu #topMenu span:nth-child(6) {
			-webkit-transition-delay: .8s;
			transition-delay: .8s;
		}
		
		.showMenu #topMenu span:nth-child(7) {
			-webkit-transition-delay: .9s;
			transition-delay: .9s;
		}
		
		.showMenu #topMenu span:nth-child(8) {
			-webkit-transition-delay: .10s;
			transition-delay: .10s;
		}
		
		
		
#mobileMenu {
	display: block;
	z-index: 1;
	width: 28px;
	height: 28px;
	/* position: absolute;
	top: 50%;
	margin-top: -18px;
	right: 0px; */
	opacity: 1;
	float: right;
	position: relative;
}

	#mobileMenu:hover {
		opacity: 0.7;
	}

	#mobileMenu span {
		position: absolute;
		z-index: 1;
		width: 28px;
		height: 3px;
		background: #FFF;
		margin: auto;
		left: 0; right: 0;
		top: 0; bottom: 0;
		text-indent: -8000px;
		transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	#mobileMenu span:before,
	#mobileMenu span:after {
		position: absolute;
		z-index: 1;
		width: 28px;
		height: 3px;
		background: #FFF;
		margin: 0 auto;
		left: 0; right: 0;
		content: "";
		transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	#mobileMenu span:before {
		top: -8px;
	}

	#mobileMenu span:after {
		bottom: -8px;
		width: 24px;
		right: auto;
	}


	#mobileMenu.act {
		opacity: 1;
	}

	#mobileMenu.act span {
		background-color: transparent;
	}

	#mobileMenu.act span:before {
		top: 0px;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		width: 34px;
		left: -2px;
		right: auto;
	}
	#mobileMenu.act span:after {
		bottom: 0px;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		left: -2px;
		right: auto;
		width: 34px;
	}
	
	#header .share {
		padding-right: 35px;
		padding-top: 4px;
	}
		
		
}

.share {
}
	#header .share {
		float: right;
	}

	.share span {
		text-transform: uppercase;
		color: #898989;
		font-size: 24px;
		padding: 5px 35px 0 0;
		display: inline-block;
	}

	.share a {
		float: left;
		text-indent: -8000px;
		background-size: contain !important;
		margin-right: 35px;
	}
		.share a:last-child {
			margin-right: 0px;
		}

		.share a:hover {
			opacity: 0.7;
		}

	.share .icon_facebook {
		width: 10px; height: 18px;
		background: url(../svg/icon_facebook.svg) left top no-repeat;
	}

	.share .icon_twitter {
		width: 18px; height: 15px;
		margin-top: 2px;
		background: url(../svg/icon_twitter.svg) left top no-repeat;
	}

	.share .icon_linkedin {
		width: 18px; height: 18px;
		background: url(../svg/icon_linkedin.svg) left top no-repeat;
	}

	.share .icon_instagram{
		width: 18px; height: 18px;
		background: url(../svg/instagram.svg) left top no-repeat;
	}
	
	.alt .share .icon_facebook {
		background-image: url(../svg/icon_facebook_black.svg);
	}
	
	.alt .share .icon_twitter {
		background-image: url(../svg/icon_twitter_black.svg);
	}
	
	.alt .share .icon_linkedin {
		background-image: url(../svg/icon_linkedin_black.svg);
	}




#topLinks {
	position: absolute;
	z-index: 111;
	top: 60px;
	right: 60px;
}

#btnSearch {
	position: relative;
	z-index: 1;
	width: 19px;
	height: 19px;
	min-width: 1px;
	text-indent: -8000px;
	padding: 0;
	float: right;
	margin: 5px 35px 0 0;
}

	#btnSearch:before,
	#btnSearch:after {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		box-sizing: border-box;
	}

	#btnSearch:before {
		width: 16px;
		height: 16px;
		border: 3px solid #FFF;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		left: 0px;
		top: 0px;
	}

	#btnSearch:after {
		left: 10px;
		top: 14px;
		width: 8px;
		height: 3px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		background-color: #FFF;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	

#pageHeader {
	background-color: #212121;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
	color: #FFF;
}
	#pageHeader:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 111;
		bottom: -2px;
		width: 110%;
		left: -5%;
		height: 67px;
		background: url(../svg/sepp_page.svg) center bottom no-repeat;
		background-size: cover;
	}
		.is_firefox #pageHeader:before {
			background-size: 100% 67px;
		}
		
	.bgWhoWeAre { background-image: url(../img/header_whoweare.jpg); }
	.bgWhyUs { background-image: url(../img/header_whyus.jpg); }
	.bgService { background-image: url(../img/header_service.jpg); }
	.bgContact { background-image: url(../img/header_contact.jpg); }
	.bgRentals { background-image: url(../img/header_rentals.jpg); }



#homeHeader, #homeHeader .slick-slide {
	background-color: #212121;
	height: 800px;
	color: #FFF;
}
	#homeHeader:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 111;
		bottom: -2px;
		width: 110%;
		left: -5%;
		height: 67px;
		background: url(../svg/sepp.svg) center bottom no-repeat;
		background-size: cover;
	}
		.is_firefox #homeHeader:before {
			background-size: 100% 67px;
		}


	#wrapper .bigSlider {
		background-color: #212121;
		color: #FFF;
	}
	
	#wrapper .bigSlider.alt {
		background: none;
		color: #000000;
	}

	/* .slick-slider,
	.slick-track,
	.slick-list {
		height: 100%;
		max-height: 100%;
	} */

	.slider .slick-slide {
		text-align: center;
		height: 100%;
		float: left !important;
	}
	
	.bigSlider .slider .slick-slide {
		text-align: center;
		background-position: center center;
		background-size: cover;
		width: 100%;
	}


	.bigSlider .slick-slide img,
	.bigSlider .slick-slide .div {
		display: block;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		min-height: 100%;
		min-width: 100%;
		-webkit-backface-visibility: hidden;
		margin: 0 auto;
		height: 100%;
		width: 100%;
	}

		#homeHeader .slider .slick-slide img,
		#homeHeader .slider .slick-slide .div,

		.bigSlider .slick-slide img,
		.bigSlider .slick-slide .div {
			-ms-transform: scale(1.1) translateZ(0);
			-webkit-transform: scale(1.1) translateZ(0);
			transform: scale(1.1) translateZ(0);
		}

		.slider .slick-slide .adjust {
			position: absolute;
			z-index: 1;
			top: 0;
		}

		.slider .slick-active img,
		.slider .slick-active .div,
		#homeHeader .slider .slick-active img,
		#homeHeader .slider .slick-active .div,

		.bigSlider .slick-active img,
		.bigSlider .slick-active .div {
			-ms-transform: scale(1) translateZ(0);
			-webkit-transform: scale(1) translateZ(0);
			transform: scale(1) translateZ(0);
		}

		.slider .slick-slide .div {
			background-position: center center;
			background-position: 50% 50%;
			background-size: cover;
		}

		#homeHeader .slider .slide2 .div {
			background-position: center top;
		}


	.header {
		overflow: hidden;
	}

	.header .info {
		position: absolute;
		z-index: 1;
		margin: auto;
		left: 0; right: 0;
		/* top: 50%;
		transform: translate3d(0, -50%, 0px);
		-webkit-transition: translate3d(0, -50%, 0px); */
		bottom: 220px;
		font-size: 21px;
		font-weight: normal;
		box-sizing: border-box;
		color: #FFF;
		text-align: left;
	}
		#pageHeader .info {
			bottom: 125px;
		}
	
	
		.header .info .ins {
			/* padding: 0 10px; */
		}

		.header .info h1 {
			font-size: 70px;
			line-height: 100%;
			padding-bottom: 5px;
			color: #FFF;
			margin-left: 0px;
			letter-spacing: -2px;
			font-weight: bold;
			text-transform: none;
		}
			.header .info h1 b {
				display: block;
				font-size: 90px;
				margin-left: -2px;
				padding-bottom: 10px;
			}


		.header .info h2 {
			font-size: 28px;
			font-weight: 600;
			padding-bottom: 18px;
			color: #FFF;
		}

		.header .info .logo {
			padding: 10px 0;
		}

		.header .info img {
			display: block;
			max-width: 100%;
			margin: 0 auto;
		}

		.header .info p {
			font-weight: bold;
			padding-bottom: 25px;
			max-width: 360px;
			line-height: 120%;
		}
			.header .info p:last-child {
				padding-bottom: 0;
			}


		.header .info .btn {
			max-width: 100%;
			width: auto;
		}


	.controls .btn {
		position: absolute;
		z-index: 1;
		margin: auto;
		bottom: 0; top: 0;
		height: 50px;
		width: 50px;
		background-color: rgba(0,0,0,0);
		text-align: left !important;
		text-indent: -8000px;
		border: none !important;
		padding: 0 !important;
		min-width: 1px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
		.controls .btn:hover {
			/* background-color: rgba(0,0,0,0.45) !important; */
			/* background-color: rgba(83,139,190,0.99) !important; */
			background-color: rgba(0,0,0,0.5) !important;
			border: none !important;
		}

		.controls .btn.alt:hover {
			background-color: rgba(0,0,0,0.1) !important;
		}
		
		.controls .btn:before {
			border: none;
			border-top: 2px solid #FFF;
			border-right: 2px solid #FFF;
			width: 15px;
			height: 15px;
			margin: auto;
			display: block;
			content: "";
			position: absolute;
			z-index: 2;
			left: 0; top: 0; right: 0; bottom: 0;
			transition: all 0.3s;
			-webkit-transition: all 0.3s;
		}
		
		.controls .btn.alt:before {
			border-top-color: #000;
			border-right-color: #000;
		}

		
		#testimonials .controls .btnPrev,
		#pageHeader .controls .btnPrev,
		#homeHeader .controls .btnPrev {
			left: -80px;
		}
		
		#testimonials .controls .btnNext,
		#pageHeader .controls .btnNext,
		#homeHeader .controls .btnNext {
			right: -80px;
		}
		
		#testimonials:hover .controls .btnPrev,
		#pageHeader .controls .btnPrev,
		#homeHeader:hover .controls .btnPrev,
		.controls .btnPrev {
			left: 30px;
		}

		#testimonials:hover .controls .btnNext,
		#pageHeader .controls .btnNext,
		#homeHeader:hover .controls .btnNext,
		.controls .btnNext {
			right: 30px;
		}

		.controls .btnNext:before {
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			left: -7px;
		}

		.controls .btnPrev:before {
			-ms-transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
			transform: rotate(-135deg);
			left: 7px;
		}


		
.grayBg {
	background: #F3F3F3;
	padding-bottom: 90px;
}



#content {
	clear: both;
	position: relative;
	z-index: 1;
}
	.page #content {
		padding-bottom: 80px;
	}
	
	.pageContact #content {
		padding-bottom: 0;
	}

	#content p {
		padding: 0 0 25px 0;
	}

	#content td {
		vertical-align: top;
	}


	.wMax {
		max-width: 500px;
		max-width: 42%;
	}


.arwLink {
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-right: 12px;
	font-family: 'Roboto Condensed', sans-serif;
}
	.arwLink:after {
		border: none;
		border-top: 2px solid #D14925;
		border-right: 2px solid #D14925;
		width: 5px;
		height: 5px;
		margin: auto;
		display: block;
		content: "";
		position: absolute;
		z-index: 2;
		top: 0; right: 0; bottom: 0;
		/* margin-top: -5px; */
		transition: all 0.3s;
		-webkit-transition: all 0.3s;

		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
		.arwLink:hover:after {
			border-color: #5FC9E7;
		}



.ribbon {
	position: relative;
	z-index: 1;
}
	.ribbon .ribbon, .ribbon .ribbon div {
		position: absolute;
		width: 35px;
		z-index: 0;
		margin: auto;
		left: 0; right: 0;
		top: 0; bottom: 0;
	}
	
	#wrapper .ribbon_short .ribbon {
		bottom: auto;
		height: 60px;
	}

	.ribbon .ribbon {
		margin-top: -60px;
		padding: 60px 0 0 0;
		background: url(../svg/ribbon.svg) left top no-repeat;
		height: 100%;
		box-sizing: initial;
	}

		.ribbon .ribbon:before {
			display: block;
			content: "";
			position: absolute;
			z-index: 2;
			width: 35px;
			height: 28px;
			left: 0;
			bottom: 0;
			background: url(../svg/ribbon.svg) -40px top no-repeat;
		}

		.ribbon .ribbon div {
			margin: 28px 0;
			text-indent: -8000px;
			background: url(../svg/ribbon.svg) right top repeat-y;
		}

	
	#footer .ribbon .ribbon {
		padding-top: 180px;
		margin-top: -180px;
	}
	
	#footer .ribbon .ribbon {
		z-index: 10;
	}

	#footer .ribbon .ribbon ,
	#footer .ribbon .ribbon:before ,
	#footer .ribbon .ribbon div {
		background-image: url(../svg/ribbon2.svg) !important;
	}



#whoWeAre {
	background: url(../img/bg_whoweare_new.png) right 7px no-repeat;
	min-height: 550px;
}
	#whoWeAre .wMax {
		min-height: 225px;
	}

	#howItWorks {
		padding-top: 11px;
		padding-right: 260px;
		
		background: url(../img/bg_whoweare2.jpg) -1000px -1000px no-repeat;
	}
		#howItWorks .cell {
			padding: 0 55px 0 0;
			width: 33.33333%;
			background-color: #FFF;
		}

		/* #howItWorks .cell1,
		#howItWorks .cell4 {
			width: 22%;
		} */

		#howItWorks .cell:last-child {
			background: none;
		}

		#howItWorks a {
			display: block;
			color: #000;
			padding-top: 60px;
			position: relative;
			z-index: 1;
		}

		#howItWorks h2 {
			padding-bottom: 10px;
		}

		#howItWorks span {
			display: block;
			position: absolute;
			z-index: 2;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			width: 42px;
			height: 42px;
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 18px;
			line-height: 18px;
			font-weight: 600;
			color: #FFF;
			text-align: center;
			box-sizing: border-box;
			padding-top: 13px;
			left: 0;
			top: 0;
		}
			#howItWorks a:before {
				display: block;
				content: "";
				position: absolute;
				z-index: 0;
				width: 100%;
				height: 2px;
				right: -40px;
				top: 20px;
			}


			#howItWorks .cell1 span ,
			#howItWorks .cell1 a:before {
				background-color: #D14925;
			}

			#howItWorks .cell2 span ,
			#howItWorks .cell2 a:before {
				background-color: #FFD872;
			}

			#howItWorks .cell3 span ,
			#howItWorks .cell3 a:before {
				background-color: #A4D180;
			}

			#howItWorks .cell4 span ,
			#howItWorks .cell4 a:before {
				background-color: #60CAE8;
			}

	@media only screen and (max-width : 1400px) {
		
		#howItWorks {
			padding-right: 30%;
		}
	}
	
	@media only screen and (max-width : 1240px) {
		#whoWeAre {
			background-image: url(../img/bg_whoweare2.jpg)
		}
		
		#howItWorks {
			padding-right: 348px;
		}
	}
	
	
	.page #whoWeAre {
		background: none;
		min-height: 1px;
		padding: 30px 0 30px 0;
	}
		.page #howItWorks {
			padding-right: 0px;
			position: relative;
			z-index: 1;
		}
		
		.page #howItWorks:before {
			display: block;
			content: "";
			position: absolute;
			z-index: 0;
			width: 551px;
			height: 419px;
			right: -120px;
			top: -150px;
			background: url(../img/bg_howitworks.png) right top no-repeat;
		}
		
		.page #howItWorks h1 {
			padding-bottom: 100px;
		}
		
		.page #howItWorks .tbl {
			margin-right: 100px;
		}
		
		.page #howItWorks .cell4 a:before {
			width: 2000px;
			right: auto;
			left: 0;
		}
		
		@media only screen and (min-width : 1700px) {
			.page #howItWorks .tbl {
				margin-right: 0px;
			}
		}
		
		@media only screen and (max-width : 1200px) {
			.page #howItWorks .tbl {
				margin-right: 200px;
			}
		}
	

	
			



#whyUs {
	background: url(../img/whyus_new3.jpg) center bottom no-repeat;
	min-height: 699px;
	background-size: cover;
}



#servicing {
	background: #F3F3F3 url(../svg/sepp_line.svg) center bottom no-repeat;
	background-size: cover;
	padding-bottom: 135px;
	z-index: 3;
}
	.is_firefox #servicing {
		background-size: 100% 135px;
	}

	#servicing.alt {
		background: #F3F3F3;
		padding-bottom: 0;
	}
	
	#servicing.alt:before {
		content: "";
		display: block;
		position: absolute;
			z-index: 2;
		bottom: -130px;
		width: 110%;
		left: -5%;
		height: 135px;
		background: url(../svg/sepp_line2.svg) center top no-repeat;
		background-size: cover;
	}
	
	.is_firefox #servicing.alt:before {
		background-size: 100% 135px;
	}
	
	#servicing.alt + section {
		padding-top: 80px;
	}

	.servicingTbl {
		display: table;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	
	.servicingTbl + h1 {
		margin-top: 150px;
	}

	.servicing {
		/* float: left; */
		display: table-cell;
		width: 25%;
		box-sizing: border-box;
		font-size: 11px;
		text-transform: uppercase;
		height: 615px;
		position: relative;
		z-index: 1;
		padding: 32px 32px;
	}
	
	.servicing h2 {
		line-height: 110%;
		text-align: center;
		margin: 0 -10px;
		padding-top: 65px;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 82px 47px;
	}

	.servicing h3{
		font-size: 18px;
		padding-bottom: 20px;
		text-align: center;
	}

	h1.center {
    padding-bottom: 55px;
}

		.servicing.basic h2 {
			background-image: url(../img/icon_service.png);
		}
		
		.servicing.minor h2 {
			background-image: url(../img/icon_service_wh.png);
		}
		
		.servicing.major h2 {
			background-image: url(../img/icon_service.png);
		}
		
		.servicing.complete h2 {
			background-image: url(../img/icon_service.png);
		}
		
	.servicing.popular .badge {
		background: url(../img/bg_badge.png) left top no-repeat;
		display: block;
		position: absolute;
		z-index: 2;
		width: 78px;
		height: 78px;
		font-size: 14px;
		line-height: 100%;	
		font-family: 'Roboto Condensed', sans-serif;
		text-transform: none;
		color: #FFF;
		text-align: center;
		box-sizing: border-box;
		padding: 22px 10px 0 10px;
		right: -18px;
		top: -18px;
	}
	
	
	#wrapper .servicing p {
		font-family: 'Roboto Condensed', sans-serif;
		padding-bottom: 100px;
		line-height: 200%;
	}
	
	.servicing.popular {
		background: #FFF;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	}
	
	.servicing.complete {
		background: transparent;
		color: #000;
	}
	
	
	.servicing .price {
		display: block;
		position: absolute;
		z-index: 2;
		width: 100%;
		font-size: 18px;
		line-height: 100%;	
		text-align: center;
		box-sizing: border-box;
		padding: 22px 0px 0 0px;
		left: 0;
		bottom: 35px;
	}
		.servicing .price b {
			font-size: 30px;
			font-weight: normal;
		}
		
		.servicing .price:before {
			display: block;
			content: "";
			position: absolute;
			z-index: 0;
			width: 65px;
			height: 1px;
			margin: auto;
			left: 0; right: 0;
			top: 0;
			background-color: rgba(0,0,0,0.2);
		}
		
		
		.servicing.complete .price {
			color: #000;
		}
			.servicing.complete .price:before {
				background-color: rgb(194, 194, 194);
			}
			
			
	.servicing .btn {
		position: absolute;
		z-index: 0;
		margin: auto;
		left: 0; right: 0;
		bottom: -55px;
		max-width: 100px;
	}

	
	
.servicesTbl {
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

	.servicesTbl > .cell {
		width: 50%;
		padding: 10px 35px 30px 35px !important;
	}
	
	.servicesTbl .tbl {
		width: 100%;
	}
	
	.servicesTbl .tbl .cell {
		padding-top: 25px;
		line-height: 14px;
		vertical-align: bottom;
	}
	
	.servicesTbl .tbl .cell span {
		/* display: inline-block; */
		background: #FFF;
	}
	
	.alt .servicesTbl .tbl .cell span{ background: #f3f3f3; }
	
	.servicesTbl .tbl .cell:first-child {
		background: url(../svg/dot.svg) left bottom repeat-x;
	}
		.servicesTbl .tbl .cell:first-child span {
			padding-right: 10px;
		}
	
	
	.servicesTbl .tbl .cell:last-child {
		width: 70px;
	}
		.servicesTbl .tbl .cell:last-child span {
			padding-left: 10px;
		}
	

	
#rentals {
}
	#rentals .controls .btn {
		bottom: 0;
		top: 0;
	}
	
	@media only screen and (max-width : 680px) {
		#rentals .controls .btn {
			bottom: 25px;
			top: auto;
		}
		
	}
	
	#rentals .slider {
		margin-top: 40px;
	}
	
	#rentals .slider.wDots {
		padding-bottom: 50px;
	}

	.rentals {
		margin-bottom: -40px;
	}
	
	.bike {
		float: left;
		width: 33.33333%;
		text-align: center;
		text-transform: uppercase;
		padding-bottom: 90px;
		/* box-sizing: border-box; */
		position: relative;
		z-index: 1;
		margin: 40px 0 60px 0;
	}

		#rentals .slider .bike {
			margin: 0;
		}
		
		#wrapper .rentalSlider .bike {
			width: 100%;
		}
	
		.bike:nth-child(3n+4) {
			clear: both;
		}
	
		.bike .img {
			display: block;
			position: relative;
			z-index: 1;
			height: 210px;
			margin-bottom: 10px;
		}
		
		.bike .img img {
			position: absolute;
			z-index: 1;
			margin: auto;
			left: 0; right: 0;
			bottom: 0;
			max-width: 90%;
			width: 291px;
			height : 195px;
		}
		
		.bike .img.small img {
			height: 80%;
			max-height: 170px;
		}
		
		.bike h2 {
			max-width: 90%;
			margin: 0 auto;
		}
		
		.bike h4 {
			font-size: 14px;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: normal;
			padding: 0 0 18px 0;
			margin-bottom: 16px;
			position: relative;
			z-index: 1;
		}
			.bike h4:before {
				display: block;
				content: "";
				position: absolute;
				z-index: 0;
				width: 65px;
				height: 1px;
				margin: auto;
				left: 0; right: 0;
				bottom: 0;
				background-color: rgba(0,0,0,0.2);
			}
		
		
		#wrapper .bike p {
			line-height: 160%;
		}
		
		.bike .meta {
			display: block;
			position: absolute;
			z-index: 2;
			left: 0;
			bottom: 0;
			width: 100%;
		}
		
		.bike .price {
			display: block;
			position: relative;
			z-index: 2;
			width: 100%;
			font-size: 18px;
			line-height: 100%;	
			text-align: center;
			box-sizing: border-box;
			padding: 22px 0px 20px 0px;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: bold;
		}
			.bike .price b {
				font-size: 30px;
				font-weight: bold;
			}
			
			.bike .price:before {
				display: block;
				content: "";
				position: absolute;
				z-index: 0;
				width: 65px;
				height: 1px;
				margin: auto;
				left: 0; right: 0;
				top: 0;
				background-color: rgba(0,0,0,0.2);
			}






#testimonials {
	background: #696969 url(../img/bg_testimonials.jpg) center top no-repeat;
	/* background-attachment: fixed; */
	min-height: 650px;
	padding-bottom: 125px;
	box-sizing: border-box;
	background-size: cover;
	color: #FFF;
}
	#testimonials h1 {
		text-align: center;
		background: url(../img/icon_testimonials.png) center top no-repeat;
		background-size: 82px 74px;
		padding-top: 90px;
	}

	#testimonials .bigSlider {
		background: none;
		/* min-height: 500px; */
		padding-bottom: 100px;
	}

	#testimonials .slick-dots {
		bottom: 30px;
	}

	#testimonials .bigSlider .info {
		position: relative;
		z-index: 10;
		top: auto;
		-webkit-transform: none;
		transform: none;
		max-width: 720px;
		left: auto; right: auto;
		margin: auto;
	}

	.testimonial {
		display: block;
		padding: 0 20px;
	}

		.testimonial blockquote {
			display: block;
			padding: 10px 45px;
			font-size: 21px;
			position: relative;
			z-index: 1;
			margin: 20px 0 25px 0;

		}
			.testimonial blockquote:before,
			.testimonial blockquote:after {
				position: absolute;
				z-index: 1;
				display: block;
				font-size: 72px;
				line-height: 100%;
				height: 23px;
			}

			.testimonial blockquote:before {
				content: "“";
				left: -15px;
				top: -5px;
			}

			.testimonial blockquote:after {
				content: "”";
				right: 10px;
				bottom: 0;
			}


		.testimonial .name {
			display: inline-block;
			padding: 0px 130px;
			font-size: 14px;
			position: relative;
			z-index: 1;
			text-transform: uppercase;
			font-weight: normal;
		}
			.testimonial .name:before,
			.testimonial .name:after {
				position: absolute;
				z-index: 1;
				display: block;
				width: 120px;
				background: #FFF;
				top: 7px;
				height: 1px;
				content: "";
			}

			.testimonial .name:before {
				left: 0;
			}

			.testimonial .name:after {
				right: 0;
			}

	
	


#sidebar {
	float: left;
	width: 280px;
}



#middle {
	float: right;
	width: 655px;
}
	#middle ul,
	.disc {
		padding: 0 0 8px 10px;
	}
		#middle ul li,
		.disc li {
			position: relative;
			z-index: 1;
			padding: 0 0 12px 15px;
		}
			#middle ul li:before,
			.disc li:before {
				position: absolute;
				z-index: 1;
				content: "";
				width: 6px;
				height: 6px;
				background-color: #666;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				left: 0;
				top: 9px;
			}

	#middle ol {
		margin: 0;
		padding: 0 0 8px 30px;
	}
		#middle ol li {
			list-style-type: decimal;
			padding: 0 0 8px 0px;
		}


#backTop {
	display: block;
	position: absolute;
	z-index: 11;
	left: 0;
	right: 0;
	font-family: 'Roboto Condensed', sans-serif;
	bottom: 60px;
	margin: auto;
	width: 35px;
	height: 35px;
	background: #FFD872;
	color: #070707 !important;
	text-align: center;
	box-sizing: border-box;
	padding-top: 9px;
	font-size: 14px;
	font-weight: bold;
}
	#backTop:hover {
		background: #5FC9E7;
		color: #070707 !important;
	}

	#backTop:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 17.5px 15px 17.5px;
		border-color: transparent transparent #5fcae7 transparent;

		left: 0;
		top: -10px;
		opacity: 0;
	}
		#backTop:hover:before {
			opacity: 1;
			top: -20px;
		}





#footer {
    position: relative;
	z-index: 2;
    clear: both;
	background: #080808;
	color: #FFF;
	padding: 90px 0 145px 0;
	font-family: 'Roboto Condensed', sans-serif;
}
	#footer:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		top: -65px;
		width: 110%;
		left: -5%;
		height: 67px;
		background: url(../svg/sepp_black.svg) center bottom no-repeat;
		background-size: cover;
	}
	
	.is_firefox #footer:before {
		background-size: 100% 67px;
	}

	#footer a, #footer a.blue:hover {color: #FFF;}
		#footer a:hover {color: #5FC9E7;}

	#footer .wrap {
		z-index: 2;
	}

	
	.form .div,
	#footer .ft {
		width: 100%;
		float: left;
		max-width: 390px;
	}
		.form .div:last-child,
		.form .div:nth-child(2),
		
		#footer .ft:last-child,
		#footer .ft:nth-child(2) {
			float: right;
		}


	#footer .copy {
		color: #4E4E4E;
	}


	#footer .marg_t {
		margin-top: 40px;
	}

	#footer .bigger {
		line-height: 110%;
	}

	.icon_marker {
		display: inline-block;
		background: url(../svg/icon_marker.svg) left top no-repeat;
		background-size: 14px 20px;
		padding-left: 20px;
		color: #5FC9E7 !important;
		margin: 10px 0 0 0;
	}

	
	#footer.alt {
		background: #FFF;
		color: #070707;
		padding-top: 90px;
		padding-bottom: 300px;
	}
	
	#footer.alt a, #footer.alt a.blue:hover {color: #070707;}
		#footer.alt a:hover, #footer.alt a.blue {color: #5FC9E7;}
	
	#footer.alt:before {
		top: auto;
		bottom: 180px;
	}
	
	#footer.alt:after {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		width: 100%;
		left: 0;
		height: 180px;
		background: #080808;
	}
	
	#footer.alt .ribbon {
		padding-top: 0px;
		margin-top: 0px;
	}
		#footer.alt .ribbon .ribbon {
			margin-bottom: -180px;
			padding-bottom: 180px;
		}
		
		
	#footer.alt .copy {
		position: absolute;
		width: 100%;
		max-width: 390px;
		right: 0;
		bottom: -175px;
		z-index: 111;
	}
	
	
	

/* --- Forms --- { --- */

#homeHeader .bigSlider .slick-list:before {
	content:'';
	position: absolute;
	width:100%;
	height:100%;
	background: linear-gradient(rgba(0,0,0,.5) 50px, transparent);
	-webkit-gradient(rgba(0,0,0,.5) 50px, transparent);
	z-index: 10;
}



.btn {
	display: inline-block;
	border: 0px solid transparent;
	background: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF !important;
	height: 30px;
	line-height: 32px;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 100px;
	text-decoration: none !important;
	position: relative;
	text-align: center !important;
	text-transform: uppercase;
	background-color: #60CAE8;
	opacity: 1 !important;
	margin-bottom: 3px;
}

	.btn:hover {
		color: #FFF !important;
		background-color: #D14925;
		/* border: 1px solid rgba(255,255,255,0.55); */
	}

	.btnBig {
		height: 40px;
		font-size: 16px;
		padding-top: 1px;
		line-height: 40px;
		padding-left: 0px;
		padding-right: 0px;
		min-width: 180px;
	}

	.btnOrange {
		background-color: #9C804E;
	}
		.btnOrange:hover {
			background-color: #927644;
		}

	.btnOrangeVP {
		background-color: #D14925;
	}
		.btnOrangeVP:hover {
			background-color: #b33f21;
		}

	.btnWhatsAppVP {
		display: inline-block;
		border: 0px solid transparent;
		background: none;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #FFF !important;
		height: 30px;
		line-height: 32px;
		box-sizing: border-box;
		cursor: pointer;
		padding-left: 10px;
		padding-right: 10px;
		min-width: 100px;
		text-decoration: none !important;
		position: relative;
		text-align: center !important;
		text-transform: uppercase;
		opacity: 1 !important;
		background-color: #4dc247;
		height: 40px;
		font-size: 16px;
		padding-top: 1px;
		line-height: 40px;
		padding-left: 0px;
		padding-right: 0px;
		min-width: 180px;
	}

		.btnWhatsAppVP:hover {
			background-color: #1EBEA6;
		}

		.btnWhatsAppMenuVP {
			display: inline-block;
			border: 0px solid transparent;
			background: none;
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 14px;
			font-weight: normal;
			color: #FFF !important;
			height: 30px;
			line-height: 32px;
			box-sizing: border-box;
			cursor: pointer;
			padding-left: 10px;
			padding-right: 10px;
			min-width: 100px;
			text-decoration: none !important;
			position: relative;
			text-align: center !important;
			text-transform: uppercase;
			opacity: 1 !important;
			background-color: #4dc247;
			padding-left: 0px;
			padding-right: 0px;
		}

			.btnWhatsAppMenuVP:hover {
				background-color: #1EBEA6;
			}

	.btnClear {
		background: none;
		color: #927644 !important;
		border: 1px solid #927644;
	}
		.btnClear:hover {
			color: #FFF !important;
			background-color: #927644 !important;
			border-color: #927644;
		}


	.btnLight {
		background: none;
		border: 1px solid #00376E;
		color: #00376E !important;
	}
		.btnLight:hover {
			background-color: rgba(0,0,0,0.05);
			color: #284168 !important;
			border-color: #284168 !important;
		}


	.btnGray {
		background: none;
		border-color: #999999;
		color: #666 !important;
		font-weight: normal;
	}
		.btnGray:hover {
			background-color: #DDDDDD;
			/* border-color: #C7C7C7; */
			color: #666 !important;
		}


	.btnWhite {
		background: none;
		color: #00376E !important;
		border: 1px solid #999999;
	}
		.btnWhite:hover {
			color: #00376E !important;
			background-color: #EBEBEB !important;
			border-color: #909090;
		}


	.btnLong {
		min-width: 180px;
	}


::-webkit-input-placeholder { color: #FFF; }
:-moz-placeholder { color:#FFF; opacity: 1; }
::-moz-placeholder { color: #FFF; opacity: 1; }
:-ms-input-placeholder { color:#FFF; }


.alt ::-webkit-input-placeholder { color: #070707; }
.alt :-moz-placeholder { color:#070707; opacity: 1; }
.alt ::-moz-placeholder { color: #070707; opacity: 1; }
.alt :-ms-input-placeholder { color:#070707; }



.inpt {
	font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	padding: 10px 10px;
	background: #212121;
	border: 1px solid transparent;
	color: #FFF;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	min-height: 40px;
	display: block;
	width: 100%;
}
	textarea.inpt {
		min-height: 170px;
	}

	.inpt:focus {
		border-color: #60cae8;
	}
	
	.alt .inpt {
		background: #F0F0F0;
	}

	
.formBox {
	max-width: 585px;
	position: relative;
	z-index: 1;
}

	.formBox .holder {
		min-height: 400px;
	}

	.formBox .holder {
		position: relative;
		transition: height 0.3s;
		-webkit-transition: height 0.3s;
	}

	.formBox .holder.act {
		max-height: calc(80vh);
	}

	@media only screen and (max-width : 640px) {
		.formBox .holder.act {
			max-height: calc(100vh - 100px);
		}
	}
	
	
	
.form .inpt {
	margin: 0px 0 10px 0;
}

.form .btns {
	text-align: center;
	padding-top: 10px;
}


.shortInput {
	width: 40px;
}

.normalInput {
}

.normalInput2 {
	width: 185px;
}

.mediumInput {
	width: 265px;
}

.longInput {
}


.slct {
	cursor: pointer;
}
	.slct b {
		display: block;
		font-weight: 300;
		padding: 0 0px 0 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		text-transform: none;
		position: relative;
		z-index: 1;
		padding-right: 35px;
		line-height: 40px;
	}
		.slct b:after {
			display: block;
			content: "";
			top: 11px;
			position: absolute;
			z-index: 1;
			right: 4px;
			width: 13px;
			height: 13px;
			border-right: 2px solid #7E7E7E;
			border-bottom: 2px solid #7E7E7E;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}



	.slct select {
		cursor: pointer;
		position: absolute;
		z-index: 100;
		left: 0px;
		top: 0px;
		height: 58px;
		line-height: 58px;
		filter:alpha(opacity=0);
		-moz-opacity:0.0;
		opacity: 0.0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		text-transform: none;
	}

	.slct_act,
	.slct.act,
	.slct_dd.act {
		z-index: 200;
	}


	.slct_act .inpt,
	.slct.act .inpt,
	.slct_dd.act .inpt,
	.act .slct,
	.act .inpt {
	}

	.slct{ width: 155px;  }
		.slct select { width: 100%; }


	.slct_dd {
		float: left;
		position: relative;
		z-index: 1;
		min-width: 170px;
	}
		.slct_dd .inpt {
			width: 100%;
			margin: 0 !important;
		}

		.slct_dd .dd .scroll {
			max-height: 140px;
			width: 100%;
		}
			.filters .slct_dd .dd .scroll {
				max-height: 150px;
			}

		.team .pp .mCSB_scrollTools .mCSB_draggerRail {
			/* background-color: #4A5357 */
		}

		.slct_dd .dd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			background-color: rgba(0,0,0,0.45);
		}


	.slct_dd .dd {
		display: none;
		position: absolute;
		z-index: 200;
		left: 0;
		top: 59px;
		max-height: 205px;
		padding: 8px 8px;
		box-sizing: border-box;
		background-color: #FFF;
		border: 1px solid #AAAAAA;
		color: #333;
		-moz-border-radius: 0px 0px 7px 7px;
		-webkit-border-radius: 0px 0px 7px 7px;
		border-radius: 0px 0px 7px 7px;

		width: 100%;
		font-size: 18px;
		font-weight: 300;
		color: #333;
		cursor: default;
	}

		#wrapper .slct_dd ul {
			display: block;
			padding: 0;
		}
			#wrapper .slct_dd li {
				display: block;
				padding: 0;
				background: none;
			}

			#wrapper .slct_dd li:before {display: none;}

			.slct_dd li span,
			.slct_dd li a {
				display: block;
				padding: 4px 5px 4px 5px;
				margin: 0 0px;
				color: #333 !important;
				box-sizing: border-box;
				width: 100%;
				min-width: 100%;
			}
				.slct_dd li a:hover,
				.slct_dd li .act {
					background-color: rgba(236,236,236,0.7);
					color: #333 !important;
				}

		.slct_dd .dd .blue {
		}


.marg5 {
	margin-top: 5px;
}

.marg10 {
	margin-top: 10px;
}

/* a.btns:hover, input.btns:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity: 0.80;
} */

.btn::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"], input[type="password"], textarea, select {
	outline: none;
}


/* --- } --- Forms --- */



.thanks {
	display: none;
	text-align: center;
	line-height: 120%;
}
	.thanks b {
		display: block;
		font-size: 20px;
		padding-bottom: 10px;
	}


.loading {
	display: none;
	margin: auto;
	position: absolute;
	z-index: 20;
	left: 0; right: 0; top: 0; bottom: 0;
	text-indent: -9999em;
	border-top: 3px solid #027631;
	border-right: 3px solid #027631;
	border-bottom: 3px solid rgba(2,118,49,0.5);
	border-left: 3px solid rgba(2,118,49,0.5);
	-webkit-animation: load8 0.9s infinite linear;
	animation: load8 0.9s infinite linear;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sent {
	display: none;
	text-align: center;
	padding: 10px;
	max-width: 400px;
	width: 100%;
	font-size: 15px;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0px);
	-webkit-transition: translate3d(-50%, -50%, 0px);
}
	#wrapper .sent p {
		padding-bottom: 30px;
		max-width: 300px;
		margin: 0 auto;
	}

/*
<div class="spinner">
  <div class="bounce1"></div>
  <div class="bounce2"></div>
  <div class="bounce3"></div>
</div>
*/


.spinner {
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
	height: 15px;
  
	display: none;
	margin: auto;
	position: absolute;
	z-index: 20;
	left: 0; right: 0; top: 0; bottom: 0;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #A4D180;

	/* border-radius: 100%; */
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
	animation: bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.64s;
	animation-delay: -0.32s;
}
	
.spinner .bounce2 {
	-webkit-animation-delay: -0.48s;
	animation-delay: -0.64s;
	background: #FFD872;
}

.spinner .bounce3 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
	background: #FFF;
}

.alt .spinner .bounce3 {
	background: #58595B;
}

.spinner .bounce4 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	background: #D14925;
}

.spinner .bounce5 {
	background: #60CAE8;
}


@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/* Slider */
.slick-slider{
    position: relative;

    display: block;
	width: 100%;
	overflow: hidden;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
	.boxes .slick-slider {
		height: 100%;
	}


.slick-list{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
	position: relative;
}

.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
}

.slick-dotted {
}


.slick-dots{
    position: absolute;
    bottom: 45px;

    display: block;

    width: 100%;
    padding: 0;
    margin: auto;

    list-style: none;
	max-width: 1160px;
	left: 0; right: 0;
    text-align: center;
}
	[dir="rtl"] .slick-dots {
		text-align: right;
	}

	#homeHeader .slick-dots {
		bottom: 105px;
	}
	
	#rentals .slick-dots {
		bottom: 0px;
	}
	
	

.slick-dots li{
    position: relative;

    display: inline-block;

    margin: 0 6px 0 6px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 8px;
    height: 8px;
    padding: 0;
    cursor: pointer;
	
    color: transparent;
    outline: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #FFF;
	background: #FFF;
	opacity: 0.5;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button{
	background: #FFF;
	opacity: 1;
}

#rentals .slick-dots li button{
	border-color: #CCCCCC;
	background: #CCCCCC;
}

#rentals .slick-dots li button:hover,
#rentals .slick-dots li.slick-active button{
	border-color: #FFD771;
	background: #FFD771;
}





.servicing.minor .pop {
    height: 136px;
    float: left;
    width: 100%;
}

.servicing.minor{
	background-color: rgb(255, 0, 0);
	color: #fff;
	min-height: 536px;
}

.servicing.minor h3{
	font-size: 24px;
}