/*!
 * TOYOTA BASVURU MERKEZI - 01/10/2018
 * Front End Developer: Ferdi Tarakci
 */

body,
input,
select,
textarea,
button,
h1, h2, h3, h4, h5, h6 {
	font-family: 'ToyotaType-Book', Arial, Tahoma;
}

html {
	background: #fff;
}

body {
	line-height: 1.4;
	font-size: 15px;
	font-weight: 400;
	color: #2a2d2e;
}

h1, h2, h3, h4, h5, h6, strong, b {
	font-weight: 700;
}

a {
	color: #2a2d2e;
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
}

	a:hover {
		color: #000;
	}

/*
======================================================
	CONTENT
======================================================
*/

#content {
	position: relative;
	z-index: 1;
	height: 100vh;
}

	#content .fixed-fixes {
		height: 100%;
	}

	#content .outer {
		position: relative;
		height: 100%;
		padding: 160px 0 120px;
	}

	#content .inner {
		overflow: hidden;
		position: relative;
		height: 100%;
	}

	#content header,
	#content footer {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 160px;
		padding: 10px 0;
		text-align: center;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
	}

	#content footer {
		top: auto;
		bottom: 0;
		height: 120px;
	}

@media only screen and (min-width: 993px) and (min-height: 601px) {
	.home-page #content .outer {
		padding-top: 120px;
		padding-bottom: 70px;
	}
	.home-page #content header {
		height: 100px;
	}
	.home-page #content footer {
		height: 90px;
	}
}

.no-fixed-footer #content,
.no-fixed-footer #content .fixed-fixes,
.no-fixed-footer #content .outer,
.no-fixed-footer #content .inner {
	height: auto;
}

	.no-fixed-footer #content .outer {
		padding-bottom: 0;
	}

	.no-fixed-footer #content footer {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}

#content .container,
#content .container_12 {
	width: 100%;
}

	#content .container_12,
	#content .container_12 > div {
		height: 100%;
	}

#content .inner > .container_12 {
	width: 100%;
}

#content header .page-title {
	position: relative;
	margin: 0;
	line-height: 1.2;
	font-family: "ToyotaType-Book";
	font-size: 30px;
	font-weight: normal;
	color: #282828;
	text-transform: uppercase;
}

	#content header .page-title + p {
		margin-top: 5px;
	}

#content .home-btn,
#content .legal-btn {
	display: inline-block;
	min-width: 120px;
	margin-top: 9px;
	padding: 6px 10px 10px;
	cursor: pointer;
	line-height: 15px;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	border-radius: 23px;
	border: 1px solid #1d2932;
	background-color: #1d2932;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

	#content .home-btn:hover {
		background-color: #000;
	}

#content .legal-btn {
	color: #dd0012;
	border-color: #dd0012;
	background-color: transparent;
}

	#content .legal-btn:hover {
		border-color: #da1d00;
	}
/*
======================================================
	// CONTENT
======================================================
*/


/*
======================================================
	HOME BOXS
======================================================
*/
.home-boxs {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: space-around;
	-ms-flex-align: space-around;
	align-items: space-around;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

	.home-boxs .box {
		overflow: hidden;
		position: relative;
		float: left;
		width: 100%;
		height: 30%;
		padding: 0;
		cursor: pointer;
		background-color: #fff;
	}

	.home-boxs .grid_6 {
		width: 50%;
		height: 30%;
	}

	.home-boxs .grid_3 {
		width: 25%;
		height: 30%;
	}

	.home-boxs .grid_4 {
		width: 37.5%;
		height: 30%;
	}

	.home-boxs .grid_2 {
		width: 12.5%;
		height: 30%;
	}

	.home-boxs .box a {
		display: block;
		text-decoration: none;
	}
	.home-boxs .box > a {
		height: 100%;
	}

	.home-boxs .box .image {
		overflow: hidden;
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		background: url(images/loading.svg) no-repeat 50%;
		background-size: 36px;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

		.home-boxs .box .image span {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			background: none no-repeat 50%;
			background-size: cover;
			-webkit-transition: all .3s linear;
			transition: all .3s linear;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

	.home-boxs .box:hover .image span {
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
	}

	.home-boxs .box .image img {
		display: none !important;
	}

	.home-boxs .box .box-title {
		position: absolute;
		left: 0;
		bottom: 9px;
		margin: 0;
		padding: 0 5px;
		line-height: 1;
		font-family: "ToyotaType-Book";
		font-size: 30px;
		font-weight: normal;
		color: black;
	}

		.home-boxs .box .box-title span {
			white-space: nowrap;
			font-family: "ToyotaType-Book";
			font-weight: normal;
		}

	.home-boxs .box .text {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.home-boxs .box .text {
		padding: 10px 50px;
		font-family: "ToyotaType-Book";
		font-weight: 700;
		color: #2a2d2e;
		text-align: center;
	}

		.home-boxs .box .text .box-title {
			position: relative !important;
			bottom: auto !important;
			margin-bottom: 10px;
			color: #2a2d2e;
		}

		.home-boxs .box .text img {
			display: block;
			margin: 0 auto 20px;
		}

		.home-boxs .box .text.white,
		.home-boxs .box .text.white a,
		.home-boxs .box .text.white .box-title {
			color: #fff;
		}

	.home-boxs .call-center {
		background-color: #e81a3d;
	}

	.home-boxs .call-center .box-title {
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		line-height: 24px;
		font-size: 20px;
		text-align: center;
		white-space: nowrap;
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
		transform: translateX(-50%) translateY(-50%) rotate(90deg);
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

    .home-boxs .hybrid-logo {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 15px 40px;
        background-color: #f4f3f1;
        box-shadow: 0px 18px 72px 18px rgba(0, 0, 0, 0.38);
    }
/*
======================================================
	// HOME BOXS
======================================================
*/













/*
======================================================
	FORM CONTENT
======================================================
*/

.pages {
	position: fixed;
	left: 50px;
	top: 50%;
	z-index: 1;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

	.pages > div {
		display: inline-block;
		vertical-align: top;
	}

	.pages .first-number,
	.pages .last-number {
		position: relative;
		display: inline-block;
		font-family: "ToyotaType-Book";
		font-size: 26px;
		font-weight: 400;
		color: #fb3d5d;
		vertical-align: top;
	}

	.pages .first-number {
		padding-bottom: 80px;
	}

	.pages .last-number {
		padding-top: 80px;
	}

		.pages .first-number::before,
		.pages .last-number::before {
			position: absolute;
			left: 50%;
			bottom: 0;
			z-index: 0;
			width: 2px;
			height: 80px;
			opacity: 0.4;
			content: "";
			background-color: #e50000;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}

		.pages .last-number::before {
			top: 0;
			bottom: auto;
		}

	.pages .numbers {
		position: relative;
		margin-top: -10px;
	}

		.pages .numbers span {
			position: relative;
			display: block;
			width: 18px;
			height: 18px;
			margin: 10px auto 0;
			padding: 2px;
			opacity: 0.4;
			font-size: 0;
			cursor: pointer;
			border-radius: 50%;
			border: 2px solid #fb3d5d;
			background-color: #fff;
			-webkit-transition: all .3s linear;
			transition: all .3s linear;
		}

			.pages .numbers span.active {
				opacity: 1;
				pointer-events: none;
			}

			.pages .numbers span::before {
				display: block;
				width: 100%;
				height: 100%;
				content: "";
				border-radius: 50%;
				background-color: #fb3d5d;
			}



#header .pages-wrapper {
	position: relative;
	height: 100%;
	padding-top: 60px;
	padding-bottom: 150px;
}

#header .pages {
	display: none;
	left: 50%;
	margin-top: -60px;
	margin-bottom: -150px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

	#header .pages .first-number {
		padding-bottom: 32px;
	}

	#header .pages .last-number {
		padding-top: 32px;
	}

		#header .pages .first-number::before,
		#header .pages .last-number::before {
			height: 30px;
		}

	#header .pages .numbers {
		margin-top: -5px;
	}

		#header .pages .numbers span {
			width: 16px;
			height: 16px;
			margin-top: 5px;
		}



.form-content {
	overflow: hidden;
	position: relative;
	float: left;
	width: 100%;
	background: #f7f7f7;	
}

	.form-content .form-content-inner {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 40px 120px;
	}

		.form-content .form-content-inner.relative {
			position: relative;
			left: auto;
			top: auto;
		}

	.form-content .item {
		display: none;
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
		text-align: center;
	}

		.form-content .item.active {
			display: block;
		}

		.form-content .item.hidden {
			display: none !important;
		}

	.form-content .inline {
		position: relative;
		display: inline-block;
		max-width: 640px;
		margin-top: 10px;
		margin-bottom: 10px;
		vertical-align: top;
	}

	.form-content h2 {
		margin: 0;
		line-height: 1;
		font-family: "ToyotaType-Book";
		font-size: 68px;
		font-weight: 700;
		color: #fb3d5d;
	}

	.form-content p {
		margin-bottom: 40px;
		font-size: 24px;
		color: #202020;
		font-weight: 700;
	}

		.form-content p.normal {
			font-size: 110%;
			font-weight: 400;
		}

		.form-content p span {
			display: block;
			margin-bottom: 10px;
			font-family: "ToyotaType-Book";
			font-size: 47px;
		}

		.form-content p .fa-phone {
			margin-right: 5px;
			font-size: 114%;
			color: #fb3d5d;
			vertical-align: middle;
		}

	.form-content h3 {
		margin: 0;
		line-height: 1;
		font-family: "ToyotaType-Book";
		font-size: 42px;
		font-weight: 700;
		color: #202020;
	}

		.form-content h2 + p,
		.form-content h3 + p {
			margin-top: 20px;
		}

	.form-content .socials {
		margin-top: -20px;
		margin-bottom: 40px;
		width: 100%;
	}

		.form-content .socials img {
			margin-left: 8px;
			margin-right: 8px;
		}




	.form-content .btn-wrap {
		display: block;
		margin: 20px 10px 0;
		text-align: right;
	}

	.form-content button {
		display: inline-block;
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: top;
		background: transparent;
	}

		.form-content button.btn span {
			display: block;
			min-width: 160px;
			padding: 0 30px;
			cursor: pointer;
			line-height: 46px;
			font-size: 15px;
			font-weight: 400;
			color: #fff;
			text-align: center;
			pointer-events: none;
			border-radius: 23px;
			background: #ed2100;
			-webkit-transition: all .3s linear;
			transition: all .3s linear;
		}

		.form-content button.btn:not(.later):hover span {
			background: #da1d00;
		}

		.form-content button.btn[disabled] span {
			cursor: default !important;
			color: #c1c0c0 !important;
			border-color: transparent !important;
			background-color: #dadada !important;
		}

		.form-content button.later span {
			margin-left: 10px;
			margin-right: 10px;
			line-height: 90px;
			font-size: 25px;
			color: #000;
			background: none;
		}

		.form-content button.btn.yes span {
			margin-left: 10px;
			margin-right: 10px;
			line-height: 90px;
			font-family: "ToyotaType-Book";
			font-size: 52px;
			font-weight: 700;
			border-radius: 0;
			border: 2px solid transparent;
			background: #ed2100;
		}

		.form-content button.btn.yes:hover span {
			color: #ed2100;
			border-color: #ed2100;
			background: transparent;
		}

	.form-content label {
		position: relative;
		display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
	}

		.form-content label > span {
			display: block;
			margin-bottom: 20px;
			line-height: 1.2;
			font-size: 24px;
			font-weight: 700;
			color: #202020;
			pointer-events: none;
		}




	.form-content input[type="text"],
	.form-content select,
	.form-content textarea {
		display: block;
		width: auto;
		min-width: 420px;
		height: 48px;
		margin: 0 auto;
		padding: 5px 20px;
		line-height: 38px;
		font-size: 18px;
		font-weight: 400;
		color: #a0a0a0;
		text-align: left;
		border-radius: 8px;
		border: 1px solid #eaeaea;
		background: #eaeaea;
		box-shadow: none;
		-webkit-transition: all .6s linear;
		transition: all .6s linear;
	}

		.form-content input[type="text"]:focus,
		.form-content select:focus,
		.form-content textarea:focus {
			border-color: #fff;
			background-color: #fff;
			box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
		}

	.form-content textarea {
		min-width: 600px;
		min-height: 120px;
		height: 120px;
		line-height: 28px;
		font-size: 22px;
		text-align: left;
	}

	.form-content select {
		padding-right: 58px;
		line-height: 34px;
		background-image: url(images/select_arrow.png);
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-position: -webkit-calc(100% - 20px) 50%;
		background-position: calc(100% - 20px) 50%;
		background-size: 11px 6px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

.r2x .form-content select {
	background-image: url(images/select_arrow@2x.png);
}

.r3x .form-content select {
	background-image: url(images/select_arrow@3x.png);
}

.form-content select option {
	font-size: 14px;
	background-color: #f0f0f0;
}

.form-content input:-webkit-autofill {
	color: #a0a0a0 !important;
	background-color: #fff !important;
	box-shadow: inset 0 50px 0 0 rgb(255, 255, 255), 0 0 14px 0 rgba(0, 0, 0, 0.15) !important;
}

.form-content input.warning,
.form-content select.warning,
.form-content textarea.warning {
}

.form-content input.error,
.form-content select.error,
.form-content textarea.error {
	background-color: #ffbfca;
}




.form-content .checkbox-wrap {
	position: relative;
	padding-right: 40px;
}

	.form-content .checkbox-wrap .external {
		position: absolute;
		right: 0;
		top: 50%;
		font-size: 16px;
		opacity: 0.2;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

.form-content .checkbox {
	display: block;
	margin-top: 30px;
	padding-left: 30px;
	text-align: left;
	pointer-events: auto;
}

	.form-content .checkbox + .checkbox {
		margin-top: 50px;
	}

	.form-content .checkbox input[type="checkbox"] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		opacity: 0;
	}

	.form-content .checkbox .icon {
		position: absolute;
		left: 0;
		top: 2px;
		width: 18px;
		height: 18px;
		pointer-events: none;
		background: none no-repeat;
		background-size: 100% auto;
	}

	.form-content .checkbox .icon.tick {
		background-image: url(images/check.png);
	}

.r2x .form-content .checkbox .icon.tick {
	background-image: url(images/check@2x.png);
}

.r3x .form-content .checkbox .icon.tick {
	background-image: url(images/check@3x.png);
}


.form-content .checkbox input:checked + .icon.tick {
	background-position: 0 -18px;
}

.form-content .checkbox.hand {
	cursor: pointer;
}

.form-content .checkbox .icon.pin {
	top: 0;
	width: 22px;
	height: 22px;
	background-image: url(images/pin.png);
	background-size: auto 22px;
	background-position: 50% 0;
}

.r2x .form-content .checkbox .icon.pin {
	background-image: url(images/pin@2x.png);
}

.r3x .form-content .checkbox .icon.pin {
	background-image: url(images/pin@3x.png);
}


.form-content .checkbox .icon + span {
	display: inline-block;
	max-width: 400px;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	color: #747474;
}

	.form-content .checkbox .icon + span a {
		position: absolute;
		bottom: -16px;
		font-size: 12px;
		cursor: pointer;
		pointer-events: auto;
	}

.model-lists + .btn-wrap {
	padding-right: 30px;
}

.model-lists {
	position: relative;
	width: 102%;
	margin-left: -2%;
	padding: 20px 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: space-around;
	-ms-flex-align: space-around;
	align-items: space-around;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}


	.model-lists .model {
		position: relative;
		float: left;
		width: 23%;
		margin-left: 2%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.model-lists label {
		display: block;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}

	.model-lists input {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		opacity: 0;
	}

    .model-lists .model div {
        position: relative;
        padding: 10px 10px 24px;
        border-radius: 4px;
        pointer-events: none;
    }

	.model-lists .model input:checked + div {
		background-color: #e6e6e7;
	}

	.model-lists .model div.error {
		background-color: #ffbfca;
	}

	.model-lists .model img {
		display: block;
		max-width: 100%;
		margin: 0 auto 5px;
	}

	.model-lists .model .image {
		overflow: hidden;
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

		.model-lists .model .image span {
			position: relative;
			display: block;
			width: 100%;
			padding-bottom: 48%;
			background: none no-repeat 50%;
			background-size: contain;
			-webkit-transition: all .3s linear;
			transition: all .3s linear;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.model-lists .model .image img {
			display: none !important;
		}

	.model-lists .model .title {
		position: absolute;
		bottom: 10px;
		left: 10px;
	}

	.model-lists .model h4 {
		margin: 4px 0 0;
		line-height: 1.2;
		font-size: 13px;
		font-weight: 700;
		color: #202020;
		white-space: nowrap;
	}

	.model-lists .model h5 {
		display: inline-block;
		margin: 0;
		padding: 1px 6px;
		font-size: 10px;
		font-weight: 400;
		color: #fff;
		opacity: 0.9;
		border-radius: 2px;
		background: #00a0f0;
	}


.model-lists-wrapper {
	display: none !important;
	margin-left: -120px;
	margin-right: -120px;
}

.model-lists.owl-carousel {
	display: block !important;
	width: 100%;
	margin: 0;
	padding: 0;
}

	.model-lists.owl-carousel .owl-item {
		padding: 5px;
        border-bottom: 2px solid transparent;
        -webkit-transition: all .3s linear, border-bottom .3s linear .3s;
        transition: all .3s linear, border-bottom .3s linear .3s;
	}

		.model-lists.owl-carousel .owl-item .model {
			width: 100%;
			margin-left: 0;
			-webkit-filter: blur(7px);
			-moz-filter: blur(7px);
			-o-filter: blur(7px);
			-ms-filter: blur(7px);
			filter: blur(7px);
			-webkit-transition: all .3s linear;
			transition: all .3s linear;
		}

        .model-lists.owl-carousel .owl-item .model input:checked + div::after {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 32px;
            height: 32px;
            content: "";
            background-image: url(images/check2.png);
            background-size: auto 32px;
        }
		.model-lists.owl-carousel .owl-item.active {
			border-bottom-color: #e50000;
		}

			.model-lists.owl-carousel .owl-item.active .model {
				-webkit-filter: blur(0);
				-moz-filter: blur(0);
				-o-filter: blur(0);
				-ms-filter: blur(0);
				filter: blur(0);
			}

	.model-lists.owl-carousel .model .title {
		left: 50%;
		text-align: center;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}




.form-content .inline-wrap {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 1080px;
	-webkit-box-align: space-around;
	-ms-flex-align: space-around;
	align-items: space-around;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

	.form-content .inline-wrap .inline {
		max-width: none;
		padding-left: 20px;
		padding-right: 20px;
	}

		.form-content .inline-wrap .inline.hidden {
			display: none !important;
		}

.form-content .inline.w100 {
	width: 100%;
}

.form-content .inline.w50 {
	width: 50%;
}

.form-content .inline.w33 {
	width: 33.333333333333333333333333333%;
}

.form-content .inline.w50 .btn-wrap {
	position: absolute;
	right: 20px;
	bottom: 0;
}

.form-content .inline-wrap label {
	display: block;
	text-align: left;
}

.form-content label.s2 > span {
	font-size: 20px;
}

.form-content label.s2 select,
.form-content label.s2 input[type="text"],
.form-content label.s2 textarea {
	width: 100%;
	min-width: 0;
}

/*
======================================================
	// FORM CONTENT
======================================================
*/

/*
======================================================
	DATEPICKER
======================================================
*/
.ui-datepicker {
	position: relative;
	display: none;
	width: 240px;
	margin: 0;
	padding: 0 0 2px;
	font-size: 12px;
	border: 1px solid #dadada;
	border-top: 0;
	background: #fff;
}

	.ui-datepicker table {
		margin: 0 0 -1px;
	}

		.ui-datepicker table th {
			padding: 0;
			font-size: 11px;
			color: #333;
			cursor: default;
		}

		.ui-datepicker table thead th {
			padding: 6px 0;
			font-size: 14px;
			font-weight: bold;
			color: #313131;
			cursor: default;
		}

		.ui-datepicker table td {
			padding: 1px;
		}

	.ui-datepicker .ui-datepicker-header {
		width: 101%;
		margin-left: -1px;
		margin-top: -1px;
		height: 66px;
		line-height: 66px;
		padding: 0;
		border: 0;
		border-bottom: 1px solid #313131;
		background: #313131;
		color: #fff;
		border-radius: 0;
	}

	.ui-datepicker .ui-datepicker-title {
		float: left;
		width: 100%;
		height: 66px;
		margin: 0;
		padding: 0 40px;
		line-height: 66px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}

	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 0;
		left: 0;
		width: 36px;
		height: 64px;
		border: 0;
		border-radius: 0;
	}

	.ui-datepicker .ui-datepicker-next {
		right: 0;
		left: auto;
	}

	.ui-datepicker .ui-state-hover,
	.ui-datepicker .ui-widget-content .ui-state-hover,
	.ui-datepicker .ui-widget-header .ui-state-hover,
	.ui-datepicker .ui-state-focus,
	.ui-datepicker .ui-widget-content .ui-state-focus,
	.ui-datepicker .ui-widget-header .ui-state-focus {
		border: 0;
		background: #232323;
	}

	.ui-datepicker .ui-datepicker-prev span,
	.ui-datepicker .ui-datepicker-next span {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: url(images/datepicker_prev.png) no-repeat 50%;
	}

	.ui-datepicker .ui-datepicker-next span {
		background-image: url(images/datepicker_next.png);
	}

	.ui-datepicker .ui-state-default,
	.ui-datepicker .ui-widget-content .ui-state-default,
	.ui-datepicker .ui-widget-header .ui-state-default {
		display: block;
		width: 32px;
		height: 32px;
		line-height: 29px;
		margin: 0;
		padding: 3px 0 0;
		font-size: 12px;
		font-weight: bold;
		color: #313131;
		text-align: center;
		text-decoration: none;
		border: 1px solid #dadada;
		background: #fff;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
	}

	.ui-datepicker .ui-state-hover,
	.ui-datepicker .ui-widget-content .ui-state-hover,
	.ui-datepicker .ui-state-highlight,
	.ui-datepicker .ui-widget-content .ui-state-highlight {
		color: #313131;
		border-color: #bdbdbd;
		background-color: #bdbdbd;
	}

	.ui-datepicker .ui-state-disabled,
	.ui-datepicker .ui-widget-content .ui-state-disabled,
	.ui-datepicker .ui-widget-header .ui-state-disabled {
		cursor: default;
		-moz-opacity: 0.4;
		opacity: 0.4;
		filter: alpha(opacity=40);
		background-image: none;
	}

	.ui-datepicker .ui-state-active {
		color: #fff;
		background-color: #313131;
	}

/*
======================================================
	// DATEPICKER
======================================================
*/

/*
======================================================
	Global Clear Style
======================================================
*/

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http: //sonspring.com/journal/clearing-floats */

.clr, .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http: //www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.container:before,
.container:after,
.container_12:before,
.container_12:after,
.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.container:after,
.container_12:after,
.clearfix:after {
	clear: both;
}

.container,
.container_12,
.clearfix {
	display: inline-block;
}

* html .container,
* html .container_12,
* html .clearfix {
	height: 1%;
}

.container,
.container_12,
.clearfix {
	display: block;
}

/*
	The following zoom: 1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.container,
.container_12,
.clearfix {
	zoom: 1;
}

.first, .alpha {
	margin-left: 0 !important;
}

.last, .omega {
	margin-right: 0 !important;
}

.hide, .hidden {
	display: none;
}
img.toyota-logo {
	display: block;
	height: 38px;
	position: absolute;
	top: 20px;
	z-index:2;
}
a.toyota-homepage {
	float: left;
	text-decoration: auto;
}
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
		img.toyota-logo {
			position: inherit;
			display: inline;
			margin-bottom: 5px;
		}
	}

	@media only screen and (min-width: 800px) {
		img.toyota-logo {
			top: 20px;
		}
	}

	@media (min-width: 200px) and (max-width: 413px) {
		img.toyota-logo {
			top: 20px;
			height: 14px;
			margin-right: 5px;
		}
	}

	@media (min-width: 414px) and (max-width: 723px) {
		img.toyota-logo {
			position: inherit;
			display: inline;
			margin-bottom: 5px;
			height: 18px;
			margin-right: 7px;
		}
	}

	@media (min-width: 724px) and (max-width: 736px) {
		img.toyota-logo {
			position: inherit;
			display: inline;
			margin-bottom: 5px;
			height: 20px;
			margin-right: 8px;
		}
	}

	@media (min-width: 737px) and (max-width: 768px) {
		img.toyota-logo {
			top: 20px;
		}
	}

	@media (min-width: 769px) and (max-width: 812px) {
		img.toyota-logo {
			top: 20px;
		}
	}

	@media (min-width: 813px) and (max-width: 1024px) {
		img.toyota-logo {
			top: 20px;
		}
	}

	@media (min-width: 1025px) and (max-width: 1441px) {
		img.toyota-logo {
			top: 30px;
			left: 39px;
			height: 30px;
		}
	}

	@media (min-width: 1442px) and (max-width: 1921px) {
		img.toyota-logo {
			top: 25px;
			left: 31px;
			height: 30px;
		}
		a.toyota-homepage {
			text-decoration: auto;
			display: block;
			position: absolute;
		}
	}
	/* Smartphones (portrait) ----------- */
	@media only screen and (max-width : 320px) {
		img.toyota-logo {
			position: inherit;
			display: inline;
			margin-bottom: 5px;
		}
	}
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		img.toyota-logo {
			top: 30px;
		}
	}
	/* iPads (landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
		img.toyota-logo {
			top: 25px;
			left: 31px;
			height: 30px;
		}
		a.toyota-homepage {
			text-decoration: auto;
			display: block;
			position: absolute;
		}
	}
	/* iPads (portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
		img.toyota-logo {
			display: block;
			position: absolute;
			top: 23px;
			left: 28px;
			height: 25px;
		}
		a.toyota-homepage {
			text-decoration: auto;
			display: block;
			position: absolute;
			font-size: 12px;
		}
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
	img.toyota-logo {
		display: block;
		height: 38px;
		position: absolute;
		top: 30px;
	}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	img.toyota-logo {
		top: 22px;
	}
}