/*!
// Contents
// ------------------------------------------------

 1. Global Styles
 2. Mixins
 3. Typography
 4. Colours
 5. Sections
 6. Buttons
 7. Nav
 8. Tooltips
 9. Alerts
 10. Icons
 11. Forms
 12. Accordions
 13. Tabs
 14. Progress Bars
 15. Stats
 16. Breadcrumbs
 17. Pagination
 18. Icon Features
 19. Pricing Tables
 20. Page Titles
 21. Widgets
 22. Image Tiles
 23. Sliders
 24. Galleries
 25. Intros
 26. Shop
 27. Video
 28. Blog
 29. Image Blocks
 30. Portfolio
 31. Testimonials
 32. Countdown
 33. Maps
 34. Twitter
 35. Footers
 36. Spacing




/*!---------- 1. GLOBAL STYLES ----------*/

.etapeTitre {
	color: #000;
}

	.etapeTitre:after {
		content: " :";
	}

@font-face {
	font-family: 'MINISansSerifRegular-old';
	src: url('../fonts/Mini/MINISansSerif-Regular.eot');
	src: url('../fonts/Mini/MINISansSerif-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Mini/MINISansSerif-Regular.woff') format('woff'), url('../fonts/Mini/MINISansSerif-Regular.ttf') format('truetype'), url('../fonts/Mini/MINISansSerif-Regular.svg#webfont') format('svg');
}

@font-face {
	font-family: 'MINISansSerifBold-old';
	src: url('../fonts/Mini/MINISansSerif-Bold.eot');
	src: url('../fonts/Mini/MINISansSerif-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Mini/MINISansSerif-Bold.woff') format('woff'), url('../fonts/Mini/MINISansSerif-Bold.ttf') format('truetype'), url('../fonts/Mini/MINISansSerif-Bold.svg#webfont') format('svg');
}

@font-face {
	font-family: 'MINISerifRegular-old';
	src: url('../fonts/Mini/MINISerif-Regular.eot');
	src: url('../fonts/Mini/MINISerif-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Mini/MINISerif-Regular.woff') format('woff'), url('../fonts/Mini/MINISerif-Regular.ttf') format('truetype'), url('../fonts/Mini/MINISerif-Regular.svg#webfont') format('svg');
}

@font-face {
	font-family: 'MINISerifBold-old';
	src: url('../fonts/Mini/MINISerif-Bold.eot');
	src: url('../fonts/Mini/MINISerif-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Mini/MINISerif-Bold.woff') format('woff'), url('../fonts/Mini/MINISerif-Bold.ttf') format('truetype'), url('../fonts/Mini/MINISerif-Bold.svg#webfont') format('svg');
}

@font-face {
	font-family: 'MINISansSerifRegular';
	src: url('../fonts/Mini/MINISansSerif-Regular-2022.woff') format('woff');
}

@font-face {
	font-family: 'MINISansSerifBold';
	src: url('../fonts/Mini/MINISansSerif-Bold-2022.woff') format('woff');
}

@font-face {
	font-family: 'MINISerifRegular';
	src: url('../fonts/Mini/MINISerif-Regular-2022.woff') format('woff');
}

@font-face {
	font-family: 'MINISerifBold';
	src: url('../fonts/Mini/MINISerif-Bold-2022.woff') format('woff');
}

@font-face {
	font-family: 'MiniIcons';
	src: url("../fonts/Mini/miniicons-regular-webfont.eot");
	src: url("../fonts/Mini/miniicons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Mini/miniicons-regular-webfont.woff2") format("woff2"), url("../fonts/Mini/miniicons-regular-webfont.woff") format("woff"), url("../fonts/Mini/miniicons-regular-webfont.ttf") format("truetype"), url("../fonts/Mini/miniicons-regular-webfont.svg#svgFontName") format("svg");
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	line-height: 16px;
	font-family: MINISerifRegular, Serif !important;
	color: #262626;
}

	body.boxed-layout {
		background: #eee;
	}

		body.boxed-layout .main-container {
			background: #fff;
		}

	body.boxed-layout,
	.boxed-layout .nav-container,
	.boxed-layout .main-container,
	.boxed-layout nav {
		max-width: 1366px;
		margin: 0 auto;
		left: 0;
		right: 0;
	}

ul {
	list-style: none;
}

	ul.bullets {
		list-style: inside;
	}

textarea {
	resize: none;
}

.main-container {
	clear: both;
}

.footer-link {
	margin-right: 0.2rem;
}

	.footer-link > a {
		color: #13181d !important;
		text-decoration: underline !important;
		font-family: "MINISerifBold", serif !important;
	}

		.footer-link > a:hover {
		}

		.footer-link > a:focus {
			box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
		}

#sectionCampaignFooter a:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#sectionCampaignHeader a:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.main-footer {
	margin-top: 20px;
}

#sectionFooter {
	border-top: 1px solid #ccc;
}

.gdpr-style {
	text-align: justify;
	line-height: 18px;
	font-size: 13px;
}

hr {
	border: none;
	border-top: 1px solid #ccc;
	margin: 0 0 24px 0;
	width: 100%;
}

.bg-dark hr {
	border-color: #555;
}

.inline-block {
	display: inline-block;
}

.list-inline {
	margin-left: 0;
}

.list-inline-item {
	padding: 0 8px;
}

	.list-inline-item:last-child {
		padding-right: 0;
	}

	.list-inline-item:first-child {
		padding-left: 0;
	}

.bg-primary .list-inline i {
	color: #3b4b5b;
}

.overflow-hidden {
	overflow: hidden;
}

.display-block {
	display: block;
}

.show-grid {
	border: 1px dashed rgba(255, 255, 255, 0);
	padding: 8px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	cursor: default;
}

	.show-grid:hover {
		border-color: #222;
	}

.right {
	right: 0;
}

.relative {
	position: relative;
	z-index: 2;
}

.clearboth {
	clear: both;
}

.close-popup {
	background-image: url("img/suppr.png");
}

.spread-children * {
	display: inline-block;
	margin-left: 12px;
	margin-right: 12px;
}

.spread-children-large * {
	display: inline-block;
	margin-left: 24px;
	margin-right: 24px;
}

.container {
	position: relative;
	background-color: #FFF;
}

.vnu {
	display: inline;
}

#search-dealer-button:disabled {
	border: 1px solid black !important;
	color: black !important;
}

.collapse_selected {
	background-color: #FFFFFF;
	color: #333333;
	-moz-box-shadow: 0px 0px 5px 0px #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px 0px #FFFFFF;
	-o-box-shadow: 0px 0px 5px 0px #FFFFFF;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#007da3, Direction=NaN, Strength=5);
	opacity: 1;
}

.collapse_unselected {
	background-color: #FFFFFF;
	color: #333333;
	-moz-box-shadow: 0px 0px 5px 0px #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px 0px #FFFFFF;
	-o-box-shadow: 0px 0px 5px 0px #FFFFFF;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#007da3, Direction=NaN, Strength=5);
	opacity: 1;
}

.haut-90 {
	height: 74px;
	overflow: hidden;
}

.prix {
	font-size: 18px;
}

@media all and (max-width: 1199px) {
	.col-md .order-md-2 {
		left: 0;
	}
}

.mb8 {
	margin-bottom: 8px;
}

@media all and (max-width: 767px) {
	.pull-left-sm {
		float: left !important;
	}

	.overflow-d-none {
		overflow: hidden;
	}

	.mb8 {
		margin-top: 20px;
	}

	.spread-children * {
		margin-left: 6px;
		margin-right: 6px;
	}
}




/*!---------- 2. MIXINS ----------*/

.v-align-children {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: row;
	-webkit-flex-direction: row;
}

.v-align-children-column {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.disable-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media all and (max-width: 991px) {
	.v-align-children {
		display: block !important;
	}
}

.v-align-transform {
	position: relative;
	transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	top: 50%;
	z-index: 2;
}

.align-bottom {
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 2;
}

.align-top {
	position: absolute;
	top: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 2;
}




/*!-badges-*/

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 2px 6px 3px 6px;
	margin-bottom: 4px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 30px;
}

.btn-secondary .badge {
	color: #fff;
	background-color: #007da3;
	margin-right: 5px;
}

.input-group-addon {
	color: #fff !important;
	font-weight: bold !important;
	background: #007da3 !important;
	/*border: solid 2px #007da3 !important;*/
	border: none !important;
	border-radius: 0px;
	text-transform: uppercase !important;
	font-family: MINISansSerifBold, sans-serif !important;
	font-size: 13px;
}

	.input-group-addon:hover {
		color: #000 !important;
		background-color: #FFF !important;
		border: solid 2px #000000 !important;
		cursor: pointer;
	}

	.input-group-addon:disabled {
		cursor: not-allowed !important;
		background-color: #fff !important;
		border-color: #000 !important;
	}

.btn-search-map-dealer {
	/*padding: 6px 12px;*/
	font-size: 13px;
	line-height: 2;
}

#sectionContent .flex-row {
	width: 100%;
}

.desc-titre {
	font-weight: normal;
	font-family: MINISansSerifRegular, sans-serif;
	margin-right: 10px;
}

#haut1 h1, #haut1 h3, .row h5.etapeTitre {
	font-family: "MINISerifBold", serif !important;
	font-weight: 700;
}

.row h5.etapeTitre {
}




/*!---------- 3. TYPOGRAPHY ----------*/

@media all and (max-width: 767px) {
	.text-center-xs {
		text-align: center !important;
	}
}

.menu-see-more-container.expanded > .toggle-control > .menu-see-more {
	border-bottom: 3px solid #007da3;
}

.special-discount {
	color: #007da3;
}

.option-left-block {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.option-right-block {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.bold {
	font-weight: 600 !important;
}

.thin {
	font-weight: 100 !important;
}

@media all and (max-width: 767px) {
	.thin {
		font-weight: 300 !important;
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
pre,
table,
blockquote,
input,
select,
textarea {
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "MINISerifBold", serif;
}

.bmw-web-regular {
	font-size: 13px;
}

.bmw-web-light-small {
	text-align: justify;
	font-size: 13px;
}


.legalese {
	font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	color: #292929;
}

h1,
.h1 {
	letter-spacing: .24px;
	font-size: 34px !important;
	line-height: 38px;
	padding-bottom: 3px;
	padding-top: 14px;
	margin-bottom: -3px;
	text-align: left;
}

	h1.large {
		letter-spacing: .24px;
		font-size: 32px;
		line-height: 38px;
		padding-bottom: 3px;
		margin-bottom: -3px;
		text-align: left;
	}

@media all and (max-width: 991px) {
	h1.large {
		letter-spacing: .24px;
		font-size: 32px;
		line-height: 38px;
		padding-bottom: 3px;
		margin-bottom: -3px;
		text-align: left;
	}
}

h2 {
	font-size: 40px;
	line-height: 48px;
}

h3 {
	font-size: 17px !important;
	color: #262626;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
	line-height: 24px;
	margin-bottom: -3px;
	letter-spacing: 0;
}

h4 {
	font-size: 24px;
	line-height: 32px;
}

h5 {
	font-size: 16px;
	font-weight: 400;
}

h6,
.h6 {
	font-size: 12px;
	font-weight: 700;
}

@media all and (max-width: 767px) {
	h1,
	h1.large,
	.h1 {
		font-size: 24px;
		line-height: 28px;
		font-weight: 300;
	}

	h2 {
		font-size: 32px;
		line-height: 40px;
	}

	h3 {
		font-size: 16px;
		line-height: 20px;
	}

	h4 {
		font-size: 18px;
		line-height: 26px;
	}

	h5 {
		font-size: 16px;
		font-weight: 400;
	}

	h6,
	.h6 {
		font-size: 12px;
		font-weight: 700;
	}
}

.uppercase {
	font-weight: 400;
	text-transform: uppercase;
}

h1.uppercase {
	margin-right: -17px;
}

h2.uppercase {
	margin-right: -10px;
}

h3.uppercase {
	margin-right: -6px;
}

h4.uppercase {
	margin-right: -3px;
}

h5.uppercase {
	margin-right: -2px;
}

h6.uppercase,
.h6-u {
	font-weight: 700;
}

.bold-h6 {
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	font-weight: 700;
}

p,
span {
	/*font-weight: 400;*/
}

	p.lead {
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
	}

.sub {
	font-size: 12px;
}

@media all and (max-width: 767px) {
	p.lead {
		font-size: 13px;
		line-height: 24px;
	}

	p {
		font-size: 12px;
	}
}

a,
a:visited,
a:focus,
a:active,
a:hover {
	text-decoration: none !important;
	outline: none !important;
}


a {
	font-weight: 600;
	color: #13181d;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	cursor: pointer;
}

.fc-allow-mouse-resize:hover {
}

.bg-light a {
	color: #13181d;
}

	.bg-light a:hover {
		color: #13181d;
		opacity: 1;
	}

a:hover {
	color: #000000;
	text-decoration: none;
}

.label {
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	letter-spacing: 1px;
	background: #13181d;
	border-radius: 0;
	padding: 6px 12px;
	font-size: 10px;
	vertical-align: middle;
}

blockquote {
	overflow: hidden;
	font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;
	font-size: 20px;
	line-height: 40px;
	font-style: italic;
	background: #f5f5f5;
	padding: 32px;
	color: #777;
	font-weight: 300;
}

.bg-secondary blockquote {
	background: #fff;
	border-color: #13181d;
}

blockquote .author {
	font-size: 12px;
	display: block;
	float: right;
	margin-top: 16px;
}

.number {
	font-family: "Lato", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
}

@media all and (max-width: 767px) {
	/* EVE 09/12/2024 Remove this style to avoid <br/> in campaign messages to be removed
    br {
        display: none;
    }
    */

	blockquote {
		font-size: 16px;
		line-height: 32px;
	}
}

.text-left {
	text-align: left !important;
}

@media all and (max-width: 767px) {
	.text-left-xs {
		text-align: left !important;
	}
}




/*!---------- 4. COLOURS ----------*/

.bg-primary {
	background: #13181d !important;
}

.bg-secondary {
	background: #f8f8f8;
}

.bg-dark {
	background: #292929;
}

.color-body {
	color: #666;
}

.color-primary {
	color: #13181d !important;
}

.color-red {
	color: #e31d3b !important;
}




/*!---------- 5. SECTIONS ----------*/

section,
footer {
	padding: 0;
	position: relative;
	overflow: hidden;
}

.fullscreen {
	height: 100vh;
}

.bg-dark h1,
nav.bg-dark h1,
footer.bg-dark h1,
.bg-primary h1,
.bg-dark h2,
nav.bg-dark h2,
footer.bg-dark h2,
.bg-primary h2,
.bg-dark h3,
nav.bg-dark h3,
footer.bg-dark h3,
.bg-primary h3,
.bg-dark h4,
nav.bg-dark h4,
footer.bg-dark h4,
.bg-primary h4,
.bg-dark h5,
nav.bg-dark h5,
footer.bg-dark h5,
.bg-primary h5,
.bg-dark h6,
nav.bg-dark h6,
footer.bg-dark h6,
.bg-primary h6 {
	color: #ffffff;
}

.bg-dark p,
nav.bg-dark p,
footer.bg-dark p,
.bg-primary p,
.bg-dark span,
nav.bg-dark span,
footer.bg-dark span,
.bg-primary span,
.bg-dark li,
nav.bg-dark li,
footer.bg-dark li,
.bg-primary li {
	color: #fefefe;
}

@media all and (max-width: 767px) {
	section {
	}
}

.overlay:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #292929;
	opacity: 0;
	z-index: 2;
}

.overlay-heavy:before {
	opacity: .6;
}

.bg-light.overlay:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ffffff;
	opacity: 0.1;
	z-index: 2;
}




/*!---------- 6. BUTTONS ----------*/

.btn {
	font-family: "MINISansSerifBold", sans-serif;
	/*border: none;*/
	padding: 0 26px;
	height: 24px;
	min-width: 220px;
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0;
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	margin-right: 8px;
	margin-bottom: 0;
}

	.btn:last-child,
	.btn:last-of-type {
		margin-right: 0;
	}

	.btn:hover {
		background: #fff;
		color: #000;
	}

.btn-icon {
	width: 40px;
	height: 40px;
	font-size: 20px;
	min-width: 0;
	padding: 0;
	line-height: 38px;
}

.btn-lg {
	height: 50px;
	line-height: 46px;
}

.btn-icon.btn-lg {
	width: 50px;
	height: 50px;
	line-height: 49px;
	font-size: 24px;
	min-width: 0;
}

.btn-icon.btn-sm {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	min-width: 0;
	padding: 0 0 0 1px !important;
}

.btn-sm {
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	min-width: 0;
	background-color: #007da3;
	border-color: #007da3;
}

.btn-filled {
	background: #13181d;
	color: #fff;
}

.btn-white,
.image-bg .btn,
.image-bg .btn:visited {
	color: #fff;
	border-color: #fff;
}

	.btn-white:hover {
		background: #fff;
		color: #222;
	}

.btn-rounded {
	border-radius: 25px;
}

body.btn-rounded .btn {
	border-radius: 25px !important;
}

.bg-light .btn {
	border-color: #222;
	color: #222;
}

	.bg-light .btn:visited,
	.bg-light .btn:visited:hover {
		color: #222;
	}

.btn:visited {
}

	.btn-white:visited,
	.btn:visited:hover {
		color: #000;
	}

		.btn-white:visited:hover {
			color: #222;
		}

.btn-filled:visited {
	color: #fff;
}

.btn.bg-dark {
	color: #fff;
	border-color: #292929;
}

	.btn.bg-dark:hover {
		background: #434343;
	}

@media all and (max-width: 767px) {
	.nav-tabs.nav-justified > li > a {
		margin-bottom: 5px;
		text-align: left;
	}
}




/*!---------- 7. NAVIGATION ----------*/

.nav-container {
	backface-visibility: hidden;
	max-width: 100%;
}

.title-bar {
	border-bottom: 1px solid #ddd;
	margin-bottom: .5em;
	padding-left: 0;
	padding-right: 0;
}

@media all and (min-width: 768px) {
	.title-bar {
		width: 720px;
	}

		.title-bar .row {
			margin-right: 0px !important;
			margin-left: 0px !important;
		}

		.title-bar .title-header {
			padding-right: 0px !important;
			padding-left: 0px !important;
		}
}

@media all and (min-width: 992px) {
	.title-bar {
		width: 960px;
	}
}

@media all and (min-width: 1200px) {
	.title-bar {
		width: 1140px;
	}
}

.title-logo {
	padding: 1em 15px 1em 1em;
	/*max-width: 9em;*/
}

	.title-logo > a > img {
		width: 75px;
		max-width: unset;
	}

	.title-logo > a:focus > img {
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	}

@media all and (min-width: 992px) {
	.title-logo > a > img {
		width: 75px;
		max-width: unset;
	}
}

.banner {
	display: flex;
	flex-direction: row;
	margin-bottom: 0.5em;
}

	.banner > img {
		flex-shrink: 0;
		object-fit: cover;
	}

.banner-text {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

/*.banner-text > p {
        font-family: "MINISansSerifBold", Arial, sans-serif !important;
        font-size: 15px;
    }*/

@media all and (max-width: 767px) {
	/*    .banner > img {
        display: none;
    }*/

	/*    .banner-text {
        margin: 0;
    }*/
}

@media all and (min-width: 768px) {
	.banner > img {
		padding-right: 2rem !important;
	}
}

.container.banner:before, .container.banner:after, .container.title-bar:before, .container.title-bar:after { /* Remove unneeded bootstrap junk */
	display: none;
	content: unset;
}

.campaign-border {
	font-weight: bold;
	margin: 2% 4%;
	padding: 8px;
	background-color: white;
	color: black;
	text-align: left;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px #007da3;
	box-shadow: 0 0 5px #007da3;
}

	.campaign-border > p {
		margin: 0;
	}

.module {
	display: inline-block;
	padding: 0 32px;
}

.module-group {
	display: inline-block;
}

	.module.left,
	.module-group.left {
		float: left;
	}

	.module.right,
	.module-group.right {
		float: right;
	}

nav .btn,
.nav-bar .btn {
	margin: 0;
	height: auto;
}

.nav-utility {
	height: 45px;
	line-height: 43px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

	.nav-utility i {
		position: relative;
		top: 1px;
	}

.logo {
	max-height: 60%;
}

.logo-light {
	display: none;
}

nav.bg-dark .logo-light {
	display: inline;
}

nav.bg-dark .logo-dark {
	display: none;
}

.has-dropdown {
	padding-right: 18px;
}

	.has-dropdown:after {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 11px;
		content: "\e64b";
		font-family: 'themify';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
	}

.menu {
	width: 100%;
	height: 55px;
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
}

	.menu.inline-block {
		width: auto;
	}

	.menu li a {
		font-size: 11px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 1px;
		color: #292929;
		opacity: 0.5;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	}

		.menu li a:hover {
			opacity: 1 !important;
		}

	.menu > li {
		margin-right: 32px;
		float: left;
		position: relative;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		opacity: 1;
	}

		.menu > li:last-child {
			margin-right: 0;
		}

			.menu > li:last-child > ul {
				right: 0;
			}

				.menu > li:last-child > ul ul {
					left: auto;
					right: 100%;
				}

		.menu > li ul {
			width: 200px;
			padding: 8px 0;
			background: #292929;
			position: absolute;
			z-index: 99;
			opacity: 0;
			transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transform: translate3d(0, 10px, 0);
			-webkit-transform: translate3d(0, 10px, 0);
			-moz-transform: translate3d(0, 10px, 0);
			visibility: hidden;
			margin-top: -1px;
		}

		.menu > li > ul > li {
			position: relative;
			line-height: 24px;
			width: 100%;
			vertical-align: top;
		}

			.menu > li > ul > li i {
				display: inline-block;
				margin-right: 2px;
			}

		.menu > li > ul > .has-dropdown:after {
			color: #fff;
			top: 5px;
			right: 24px;
			content: "\e649";
		}

		.menu > li > ul li a {
			color: #fff;
			height: auto;
			padding: 6px 24px;
		}

		.menu > li > ul > li > ul {
			left: 100%;
			top: 0;
		}

		.menu > li:hover > ul {
			opacity: 1;
			transform: translate3d(0, 0px, 0);
			-webkit-transform: translate3d(0, 0px, 0);
			-moz-transform: translate3d(0, 0px, 0);
			visibility: visible;
		}

		.menu > li > ul > li:hover > ul,
		.has-dropdown:hover .mega-menu ul {
			opacity: 1;
			transform: translate3d(0, 0px, 0);
			-webkit-transform: translate3d(0, 0px, 0);
			-moz-transform: translate3d(0, 0px, 0);
			visibility: visible;
		}

.mega-menu {
	width: auto !important;
	white-space: nowrap;
	line-height: 24px;
}

	.mega-menu ul {
		position: relative !important;
		left: auto !important;
		padding: 0 !important;
	}

	.mega-menu > li {
		width: 200px !important;
		overflow: hidden;
		display: inline-block;
	}

	.mega-menu .title {
		letter-spacing: 1px;
		color: #fff;
		display: inline-block;
		padding: 6px 24px;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: 600;
	}

.make-right {
	right: 0;
}

.module.widget-handle {
	border-left: 1px solid #ccc;
	padding: 0 24px;
	cursor: pointer;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
}

@media all and (max-width: 1199px) {
	.module.widget-handle {
		padding: 0 16px;
	}
}

.module.widget-handle i {
	font-size: 20px;
	line-height: 53px;
	opacity: 0.5;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.module.widget-handle:hover i,
.module.active i {
	opacity: 1;
}

.widget-handle .function {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	cursor: default;
	width: 200px;
	background: #292929;
	position: absolute;
	z-index: 99;
	opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	visibility: hidden;
	margin-top: -2px;
	right: 0;
}

.module.widget-handle:hover .function {
	opacity: 1;
	transform: translate3d(0, 0px, 0);
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	visibility: visible;
}

.module.widget-handle .title {
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	display: none;
	opacity: .5;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

	.module.widget-handle .title:hover {
		opacity: 1;
	}

.widget-handle .cart {
	position: relative;
}

	.widget-handle .cart .label {
		width: 17px;
		height: 17px;
		font-size: 10px;
		line-height: 17px;
		padding: 0;
		text-align: center;
		position: absolute;
		background: #13181d;
		top: 10px;
		right: -10px;
		border-radius: 50%;
	}

.widget-handle .search-form {
	padding: 8px;
	display: inline-block;
	width: 100%;
	line-height: 50px;
}

	.widget-handle .search-form input {
		margin: 0;
	}

nav .widget {
	margin: 0;
	padding: 24px;
}

	nav .widget .title {
		display: none !important;
	}

	nav .widget,
	nav .widget a:not(.btn) {
		color: #fff;
	}

		nav .widget hr {
			border-color: #777;
			margin-bottom: 16px;
		}

			nav .widget hr:first-of-type {
				display: none;
			}

.cart-widget-handle .function {
	width: auto;
	background: #fff;
}

	.cart-widget-handle .function span {
		color: #222 !important;
	}

nav .cart-overview {
	min-width: 300px;
	margin-bottom: 16px;
}

	nav .cart-overview a {
		height: auto;
	}

.language .menu > li ul {
	max-width: 150px;
}

.nav-open {
	max-height: 10000px;
}

	.nav-open .mobile-toggle {
		border-bottom: 1px solid #ccc;
	}

@media all and (max-width: 1199px) {
	.menu > li {
		margin-right: 24px;
	}
}

.has-offscreen-nav .main-container {
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}

.offscreen-container {
	position: fixed;
	transform: translate3d(100vw, 0, 0);
	-webkit-transform: translate3d(100vw, 0, 0);
	-moz-transform: translate3d(100vw, 0, 0);
	width: 50vw;
	top: 0;
	height: 100%;
	min-height: 100vh;
	z-index: 20;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	overflow: hidden;
}

	.offscreen-container.reveal-nav {
		transform: translate3d(50vw, 0, 0);
		-webkit-transform: translate3d(50vw, 0, 0);
		-moz-transform: translate3d(50vw, 0, 0);
	}

.main-container.reveal-nav {
	transform: translate3d(-50vw, 0, 0);
	-webkit-transform: translate3d(-50vw, 0, 0);
	-moz-transform: translate3d(-50vw, 0, 0);
}

.offscreen-container .close-nav {
	position: absolute;
	right: -24px;
	top: 24px;
	z-index: 24;
	font-size: 32px;
}

.offscreen-container.bg-dark .close-nav i {
	color: #fff;
}

@media all and (max-width: 991px) {
	nav.fixed {
		position: absolute !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	nav.outOfSight {
		transform: translate3d(0, 0px, 0) !important;
		-webkit-transform: translate3d(0, 0px, 0) !important;
		-moz-transform: translate3d(0, 0px, 0) !important;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	}

	.nav-bar,
	.nav-bar .module-group,
	.nav-bar .module {
		height: auto;
		overflow: hidden;
	}

		.nav-bar .module {
			padding: 0 16px;
		}

		.nav-bar .module-group {
			width: 100%;
			padding: 16px 0;
		}

			.nav-bar .module-group .module {
				display: block;
				float: none;
				width: 100%;
			}

	.menu {
		height: auto;
	}

		.menu.inline-block {
			width: 100%;
		}

		.menu a {
			height: auto;
			line-height: 24px;
			padding: 4px 0;
		}

		.menu li {
			line-height: 24px;
			float: none;
			display: block;
			width: 100%;
			max-width: 100%;
		}

		.menu > li ul {
			position: relative;
			width: 100%;
			opacity: 1;
			visibility: visible;
			transform: translate3d(0, 0px, 0);
			-webkit-transform: translate3d(0, 0px, 0);
			-moz-transform: translate3d(0, 0px, 0);
			left: 0;
		}

		.menu > li > ul {
			position: relative;
			opacity: 1;
			visibility: visible;
			display: none;
			transform: translate3d(0, 0px, 0);
			-webkit-transform: translate3d(0, 0px, 0);
			-moz-transform: translate3d(0, 0px, 0);
		}

			.menu > li > ul > .has-dropdown:after {
				content: "\e64b";
			}

			.menu > li > ul > li > ul {
				left: 0;
				display: none;
				padding: 0;
			}

			.menu > li > ul li a,
			.mega-menu .title {
				padding: 4px 16px;
			}

	.has-dropdown .has-dropdown li {
		padding-left: 18px;
	}

	.has-dropdown {
		padding-right: 0;
	}

	.mega-menu {
		margin-left: 0 !important;
	}

		.mega-menu li {
			width: 100% !important;
		}

	.toggle-sub > ul,
	.toggle-sub .mega-menu ul {
		display: block !important;
	}

	.module.widget-handle {
		border-left: none;
		border-top: 1px solid #ccc;
		line-height: 40px;
		min-height: 40px;
	}

		.module.widget-handle .menu {
			line-height: 40px;
		}

			.module.widget-handle .menu li {
				line-height: 40px;
			}

		.module.widget-handle i {
			line-height: 40px;
		}

		.module.widget-handle .title {
			display: inline-block;
			position: relative;
			bottom: 3px;
			margin-left: 8px;
		}

	.widget-handle .function {
		width: 100%;
		position: relative;
		opacity: 1;
		transform: translate3d(0, 0px, 0);
		-webkit-transform: translate3d(0, 0px, 0);
		-moz-transform: translate3d(0, 0px, 0);
		visibility: visible;
		margin-top: 0;
		display: none;
		box-shadow: none !important;
	}

	.toggle-widget-handle .function {
		display: block !important;
	}

	.widget-handle .cart .label {
		width: 22px;
		height: 22px;
		font-size: 12px;
		line-height: 22px;
		top: 18px;
	}

	.mobile-toggle {
		border-left: 1px solid #ccc !important;
		border-bottom: none !important;
	}

		.mobile-toggle i {
			line-height: 53px !important;
		}

		.mobile-toggle.absolute-xs {
			position: absolute;
			top: 0;
		}

	nav.bg-dark .module.widget-handle {
		border-top: 1px solid #444;
	}

	nav.bg-dark .mobile-toggle {
		border-left: 1px solid #444 !important;
	}

	nav.bg-dark .nav-open .mobile-toggle {
		border-bottom: 1px solid #444;
	}
}

nav.outOfSight {
	transform: translate3d(0, -200px, 0);
	-webkit-transform: translate3d(0, -200px, 0);
	-moz-transform: translate3d(0, -200px, 0);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

nav.scrolled {
	transform: translate3d(0, 0px, 0);
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
}

nav.fixed,
nav.absolute {
	top: 0;
	width: 100%;
	z-index: 999;
	left: 0;
	right: 0;
}

nav.absolute {
	position: absolute;
}

nav.fixed {
	position: fixed;
	visibility: hidden;
	opacity: 0;
}

	nav.fixed .nav-utility {
		display: none;
	}

	nav.fixed.scrolled {
		visibility: visible;
		opacity: 1;
	}

nav.transparent {
	background: none;
}

	nav.transparent .menu > li > a,
	nav.transparent .module.widget-handle i,
	nav.transparent .nav-utility {
		color: #fff;
	}

	nav.transparent .nav-utility,
	nav.transparent .nav-bar {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	nav.transparent .module.widget-handle {
		border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
	}

		nav.transparent .menu > li > a,
		nav.transparent .module.widget-handle i {
			opacity: 1;
		}

	nav.transparent .has-dropdown:after {
		color: #fff;
	}

	nav.transparent .logo-dark {
		display: none;
	}

	nav.transparent .logo-light {
		display: inline;
	}

@media all and (max-width: 991px) {
	nav.transparent .nav-open {
		background: #fff;
	}

		nav.transparent .nav-open .menu > li > a,
		nav.transparent .nav-open .module.widget-handle i,
		nav.transparent .nav-open .nav-utility {
			color: #292929;
		}

		nav.transparent .nav-open .logo-dark {
			display: inline;
		}

		nav.transparent .nav-open .logo-light {
			display: none;
		}

		nav.transparent .nav-open .has-dropdown:after {
			color: #292929;
		}

	.menu > li:last-child > ul ul {
		right: 0;
	}
}

nav.transparent.fixed {
	background: #fff;
}

	nav.transparent.fixed .logo-light {
		display: none;
	}

	nav.transparent.fixed .logo-dark {
		display: inline;
	}

	nav.transparent.fixed .menu > li > a,
	nav.transparent.fixed .module.widget-handle i {
		color: #292929;
	}

	nav.transparent.fixed .menu > .has-dropdown:after {
		color: #fff;
		color: #292929;
	}

	nav.transparent.fixed .module.widget-handle {
		border-left: 1px solid #ccc;
	}

		nav.transparent.fixed .menu > li > a,
		nav.transparent.fixed .module.widget-handle i {
			opacity: .5;
		}

nav.bg-dark .menu > li > a,
nav.bg-dark .module.widget-handle i,
nav.bg-dark .nav-utility {
	color: #fff;
	opacity: .7;
}

nav.bg-dark .module.widget-handle {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

nav.bg-dark .nav-utility,
nav.bg-dark .nav-bar {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}




/*!---------- 8. TOOLTIPS ----------*/

.tooltip {
	font-weight: 600;
	font-size: 13px;
}

.tooltip-inner {
	border-radius: 0;
	padding: 9px 24px 12px 24px;
}




/*!---------- 9. ALERTS ----------*/

.alert {
	margin-bottom: 24px;
	background: #FFF;
	border-radius: 0;
	padding: 12px 16px;
	z-index: 10000;
}

	.alert .close {
		opacity: 1;
		font-size: 24px;
		top: -2px;
		right: -4px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	}

		.alert .close span {
			font-weight: 400;
		}

.alert-warning {
	border: 1px solid #d88519;
	color: #d88519;
}

.alert-success {
	border: 1px solid #60b963;
	color: #60b963;
}

.alert-danger {
	border: 1px solid #c64444;
	color: #c64444;
}




/*!---------- 10. ICONS ----------*/

.icon {
	font-size: 64px;
	display: inline-block;
	color: #292929;
}

.bg-dark .icon {
	color: #fff;
}

.icon-lg {
	font-size: 80px;
}

.icon-sm {
	font-size: 32px;
}

@media all and (max-width: 767px) {
	.icon {
		font-size: 48px;
	}

	.icon-lg {
		font-size: 64px;
	}

	.icon-sm {
		font-size: 18px;
	}
}

.embelish-icons {
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	transform: scale(10);
	-webkit-transform: scale(10);
	left: 50%;
	opacity: 0.05;
	z-index: -1;
}




/*!---------- 11. FORMS ----------*/

input,
select,
textarea {
	font-family: MINISansSerifRegular, sans-serif;
}

	input[type="text"],
	textarea,
	select,
	input[type="password"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

.bg-secondary input[type="text"] {
	background: #fff;
}

.input-lh {
	line-height: 50px;
}

.field-error {
	outline: 1px red !important;
}

.input-with-label span {
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #292929;
	letter-spacing: 1px;
	font-weight: 700;
	display: block;
	cursor: default;
}

input.transparent {
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff !important;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: 1px solid #ccc;
}

textarea {
	width: 100%;
	border: none;
	background: #f5f5f5;
	margin-bottom: 24px;
	border-radius: 0;
	padding: 16px 20px;
}

	textarea:focus {
		outline: 1px solid #ccc;
	}

::-webkit-input-placeholder {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #777;
	font-size: 11px;
}

:-moz-placeholder {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #777;
	font-size: 11px;
}

::-moz-placeholder {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #777;
	font-size: 11px;
}

:-ms-input-placeholder {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #777;
	font-size: 11px;
}

input.transparent::-webkit-input-placeholder {
	color: #fff;
}

input.transparent::-moz-input-placeholder {
	color: #fff;
}

input.transparent:-moz-input-placeholder {
	color: #fff;
}

input.transparent:-ms-input-placeholder {
	color: #fff;
}

input[type="submit"] {
	height: 50px;
	line-height: 48px;
	border: 2px solid #13181d;
	background: #13181d;
	color: #fff;
	width: 100%;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 0 !important;
}

.bg-primary input[type="submit"] {
	background: #fff;
	color: #13181d;
}

input[type="submit"]:focus {
	outline: none;
}

input[type="submit"].hollow {
	background: none;
	border: 2px solid #13181d;
	color: #13181d;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

	input[type="submit"].hollow:hover {
		background: #13181d;
		color: #fff;
	}

.select-option {
	position: relative;
	cursor: pointer;
	height: 50px;
	overflow: hidden;
	margin-bottom: 24px;
}

	.select-option i {
		position: absolute;
		font-size: 18px;
		right: 20px;
		top: 14px;
		z-index: 2;
		pointer-events: none;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		cursor: pointer;
	}

	.select-option:focus i {
		color: #fff;
	}

	.select-option select {
		margin-bottom: 0;
	}

select {
	height: 25px;
	background: #f5f5f5;
	width: 100%;
	border-radius: 0;
	border: none;
	outline: none;
	padding-left: 20px;
	position: relative;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #777;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	cursor: pointer;
}

	select:focus {
		background: #eee;
	}

	select:active,
	select:focus,
	select:hover {
		outline: none;
		border: none;
	}

.checkbox-option,
.radio-option {
	display: inline-block;
	width: 50px;
	height: 25px;
	border-radius: 25px;
	border: 1px solid #13181d;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 24px;
}

	.checkbox-option .inner,
	.radio-option .inner {
		width: 19px;
		height: 19px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0);
		border: 1px solid #13181d;
		position: relative;
		top: 2px;
		left: 2px;
		display: inline-block;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
	}

	.checkbox-option.checked .inner {
		transform: translate3d(25px, 0, 0);
		-webkit-transform: translate3d(25px, 0, 0);
		-moz-transform: translate3d(25px, 0, 0);
		background: #13181d;
	}

	.checkbox-option input {
		width: 0;
		height: 0;
		opacity: 0;
		overflow: hidden;
	}

.radio-option {
	width: 25px;
	height: 25px;
	text-align: left;
}

	.radio-option:nth-of-type(n+2) {
		margin-left: 24px;
	}

	.radio-option input {
		width: 0;
		height: 0;
		opacity: 0;
		overflow: hidden;
	}

	.radio-option .inner {
		border: none;
		width: 19px;
		height: 19px;
		left: 2px;
		transform: scale(0);
		-webkit-transform: scale(0);
	}

	.radio-option + span {
		display: inline-block;
		line-height: 25px;
	}

	.radio-option.checked .inner {
		transform: scale(1);
		-webkit-transform: scale(1);
	}

	.radio-option.checked .inner {
		background: #13181d;
	}

form.thirds input {
	width: 33%;
}

form.halves input {
	width: 49.5%;
}

.form-error,
.form-success {
	background: #58ce38;
	padding: 12px;
	width: 100%;
	color: #fff;
	max-width: 700px;
	position: relative;
	top: 16px;
	margin: 0 auto;
}

.form-error {
	background: #ce3838;
}

.field-error {
	outline: 1px solid #ce3838 !important;
}

form iframe.mail-list-form {
	display: none;
}

.form-loading {
	border: 3px solid #ffffff;
	border-radius: 30px;
	height: 30px;
	left: 50%;
	margin: -15px 0 0 -15px;
	opacity: 0;
	margin: 0px auto;
	top: 50%;
	width: 30px;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: pulsate 1s ease-out;
	-moz-animation-iteration-count: infinite;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
	z-index: 99999;
}

@keyframes pulsate {
	0% {
		transform: scale(0.1);
		opacity: 0.0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}

@-webkit-keyframes pulsate {
	0% {
		transform: scale(0.1);
		opacity: 0.0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}

@media all and (max-width: 767px) {
	form.thirds input,
	form.halves input {
		width: 100%;
		margin-bottom: 8px;
	}
}




/*!---------- 12. ACCORDIONS ----------*/

.card-presta {
	padding: 4px !important;
}

	.card-presta h5 {
		font-size: 15px;
	}

@media all and (max-width: 767px) {
	.card-presta {
		padding: 0px;
	}

		.card-presta h5 {
			font-size: 13px;
		}
}

.accordion .title {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.accordion .content {
	overflow: hidden;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}

.menu-horizontal .collapse {
	overflow: hidden;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}

.accordion li.active .content {
	max-height: 400px;
}

.accordion p:last-child {
	margin-bottom: 0;
}

.accordion-1 li {
	margin-bottom: 10px;
}

	.accordion-1 li:last-child {
		margin-bottom: 0;
	}

.accordion-1 .title {
	background: #f5f5f5;
	padding: 13px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.bg-secondary .accordion-1 .title {
	background: #ebebeb;
}

	.bg-secondary .accordion-1 .title:hover {
		background: #e4e4e4;
	}

.accordion-1 .title span {
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

.accordion-1 .active .title {
	background: #13181d;
	color: #fff;
}

.accordion-1 .content {
	border: 1px solid #eee;
	border-top: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0;
}

	.accordion-1 .content p {
		padding: 13px;
	}

.accordion-1 .active .content {
	opacity: 1;
	transform: translate3d(0, 0px, 0);
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
}

.accordion-1 .title:hover {
	background: #eee;
}

.accordion-1 .active .title:hover {
	background: #13181d;
}

.accordion-2 .title {
	font-size: 16px;
	font-weight: 500;
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .7;
}

	.accordion-2 .title:before {
		content: "\e622";
		font-family: 'themify';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	}

.accordion-2 .active .title {
	opacity: 1;
}

	.accordion-2 .active .title:before {
		content: '\e61a';
	}

.accordion-2 .content p {
	padding: 16px 0;
}

.accordion-2 .title:hover {
	opacity: 1;
}




/*!---------- 13. TABBED CONTENT ----------*/

.tabs {
	overflow: hidden;
}

	.tabs li {
		display: inline-block;
		cursor: pointer;
	}

	.tabs.thirds li {
		width: 32.3333333%;
	}

	.tabs.thirds .tab-title {
		width: 100%;
	}

.button-tabs .tabs > li {
	margin-bottom: 8px;
}

	.button-tabs .tabs > li:last-child {
		margin-right: 0;
	}

.button-tabs .tab-title {
	padding: 5px;
	display: inline-block;
	text-align: center;
	color: #FFF;
	background-color: #999;
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#858585),to(#515151));
	background-image: -webkit-linear-gradient(top,#858585 0,#515151 100%);
	background-image: -moz-linear-gradient(top,#858585 0,#515151 100%);
	background-image: linear-gradient(to bottom,#858585 0,#515151 100%);
	background-repeat: repeat-x;
	border: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff858585',endColorstr='#ff515151',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.bg-secondary .button-tabs .tab-title {
	background: #777777;
}

.button-tabs .tab-title span {
	font-family: "MINISansSerifBold", MINISansSerifRegular, sans-serif;
	font-size: 13px;
	line-height: 24px;
}

.button-tabs .active .tab-title {
	background: #FFFFFF;
	color: #007da3;
}

.button-tabs .tab-title:hover {
	background: #777777;
}

.button-tabs .active .tab-title:hover {
	background: #FFFFFF;
}

.button-tabs.vertical {
	overflow: hidden;
}

	.button-tabs.vertical .tabs {
		max-width: 20%;
		float: left;
	}

	.button-tabs.vertical .content {
		padding-left: 3%;
		max-width: 80%;
		float: right;
	}

	.button-tabs.vertical .tabs li,
	.button-tabs.vertical .tab-title {
		width: 100%;
	}

	.button-tabs.vertical .tabs li {
		margin-bottom: 10px;
	}

.bg-dark .button-tabs .tab-title span {
	color: #222;
}

@media all and (max-width: 767px) {
	.button-tabs .tabs li {
		margin-bottom: 15px;
	}

	.button-tabs.vertical .tabs,
	.button-tabs.vertical .content {
		max-width: 100%;
		width: 100%;
		padding-left: 0;
	}
}

.tabbed-content .content > li {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	display: none;
}

.tabbed-content .content .active {
	opacity: 1;
	visibility: visible;
	display: block;
}

.text-tabs .tabs {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
	overflow: visible;
}

.text-tabs.no-border .tabs {
	border-bottom: none;
}

.text-tabs .tab-title {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	padding: 0 24px;
	opacity: 0.5;
	position: relative;
}

	.text-tabs .tab-title span {
		font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
		font-size: 12px;
		line-height: 24px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 700;
	}

	.text-tabs .tab-title:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: #13181d;
		bottom: 10px;
		opacity: 0;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		bottom: -17px;
		left: 0;
	}

.text-tabs .active .tab-title {
	opacity: 1;
	color: #13181d;
}

.bg-primary .text-tabs .tab-title:after {
	background: #506479;
}

.text-tabs .active .tab-title:after {
	opacity: 1;
}

.text-tabs .tab-title:hover {
	opacity: 1;
}

@media all and (max-width: 767px) {
	.text-tabs .tabs {
		padding-bottom: 0;
	}

		.text-tabs .tabs li {
			width: 49%;
			margin-bottom: 15px;
		}

	.text-tabs .tab-title:after {
		display: none;
	}

	.text-tabs:not(.text-center) .tabs li:first-child .tab-title {
		padding-left: 24px;
	}
}

.icon-tabs .tabs li {
	width: 24.5%;
	margin-bottom: 24px;
}

.icon-tabs .tab-title {
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .5;
}

	.icon-tabs .tab-title:hover {
		opacity: 1;
	}

.icon-tabs .active .tab-title {
	color: #13181d;
	opacity: 1;
}

	.icon-tabs .active .tab-title i {
		color: #13181d;
	}

.icon-tabs .tab-title i {
	display: block;
	margin-bottom: 16px;
}

.icon-tabs .tab-title span {
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

@media all and (max-width: 767px) {
	.icon-tabs .tabs li {
		margin-bottom: 16px;
		margin-right: 0;
		width: 49%;
	}

	.icon-tabs .tab-title i {
		font-size: 32px;
	}
}




/*!---------- 14. PROGRESS BARS ----------*/

.progress-bars {
	margin-bottom: 24px;
}

.progress {
	height: auto;
	box-shadow: none;
}

.progress-bar {
	background: #13181d;
	box-shadow: none !important;
}

.bg-primary .progress-bar {
	background: #232c36;
}

.progress-1 {
	height: 32px;
	margin-bottom: 8px;
	border-radius: 0;
	border: none;
}

	.progress-1:last-child {
		margin-bottom: 0;
	}

	.progress-1 .progress-bar {
		text-align: right;
		padding-right: 12px;
		line-height: 32px;
		border-radius: 0;
	}

		.progress-1 .progress-bar span {
			font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
			font-size: 12px;
			line-height: 24px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 2px;
			font-weight: 700;
			font-size: 11px;
		}

.progress-2 {
	height: auto;
	background: none;
	text-align: center;
	margin-bottom: 8px;
}

	.progress-2 span {
		font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
		font-size: 12px;
		line-height: 24px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 700;
		display: inline-block;
		margin-bottom: 8px;
	}

	.progress-2 .bar-holder {
		height: 16px;
		border-radius: 8px;
		overflow: hidden;
		border: 1px solid #13181d;
	}

.bg-primary .progress-2 .bar-holder {
	border-color: #2b3742;
}




/*!---------- 15. STATS ----------*/

.stat-2 h1 {
	font-size: 80px;
	line-height: 88px;
}

.stat-3 h1 {
	margin-bottom: 8px;
	font-size: 72px;
	line-height: 80px;
}

.stat-3 h6 {
	margin-bottom: 0;
}




/*!---------- 16. BREADCRUMBS ----------*/

.breadcrumb {
	margin-bottom: 24px;
}

.breadcrumb-2 {
	background: none;
	padding: 0;
}

	.breadcrumb-2 li a,
	.breadcrumb-2 li {
		font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
		font-size: 12px;
		line-height: 24px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 700;
		font-size: 11px;
		font-weight: 600;
	}

	.breadcrumb-2 > li + li:before {
		padding: 0 16px;
		color: #bbb;
	}

.bg-dark .breadcrumb a {
	color: #fff;
}


@media all and (max-width: 767px) {
	.breadcrumb-2 > li + li:before {
		padding: 0 4px;
	}
}




/*!---------- 17. PAGINATION ----------*/

.pagination {
	margin: 0;
}

	.pagination li {
		font-family: "Lato", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	}

		.pagination li a {
			width: 32px;
			height: 32px;
			padding: 0;
			text-align: center;
			padding-top: 6px;
			margin: 0 4px;
			color: #292929;
			font-weight: 400;
		}

			.pagination li a:hover,
			.pagination li.active a,
			.pagination li.active:hover a {
				background: #13181d;
				color: #fff;
				border-color: #13181d;
			}




/*!---------- 18. ICON FEATURES ----------*/

.feature.boxed {
	padding: 32px;
	background: #f8f8f8;
}

	.feature.boxed.bg-dark {
		background: #292929;
	}

.bg-dark .feature.boxed {
	background: #363636;
}

.feature.bordered {
	padding: 32px;
	border: 1px solid #ccc;
}

.feature {
	margin-bottom: 24px;
}

	.feature p:last-child {
		margin-bottom: 0;
	}

@media all and (max-width: 767px) {
	.feature.boxed,
	.feature.bordered {
		padding: 24px;
	}
}

@media all and (max-width: 991px) {
	.feature .icon-lg {
		font-size: 40px;
	}
}

.feature-1 i {
	display: inline-block;
	margin-bottom: 16px;
	color: #13181d;
}

.feature-2 i {
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid #13181d;
	text-align: center;
	line-height: 80px;
	color: #13181d;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 24px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

	.feature-2 i:hover,
	.feature-2.filled i {
		background: #13181d;
		color: #fff;
	}

.feature-3 {
	overflow: hidden;
}

	.feature-3 .left,
	.feature-3 .right {
		display: inline-block;
		float: left;
	}

	.feature-3 .left {
		width: 15%;
	}

	.feature-3 .right {
		width: 85%;
	}

	.feature-3 i {
		color: #13181d;
	}

.feature-4 .left {
	width: 25%;
}

.feature-4 .right {
	width: 75%;
}

.feature-color h1,
.feature-color h2,
.feature-color h3,
.feature-color h4,
.feature-color h5,
.feature-color h6 {
	color: #ffffff;
}

.feature-color p,
.feature-color span,
.feature-color li {
	color: #ffffff;
}

.feature-color i {
	color: #fff;
	opacity: .7;
}

.feature-color:nth-of-type(1) {
	background: #13181d;
}

.feature-color:nth-of-type(2) {
	background: #090b0e;
}

.feature-color:nth-of-type(3) {
	background: #000000;
}

.feature-5 {
	height: 33.333333vw;
	padding: 0 48px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

@media all and (max-width: 1199px) {
	.feature-5 {
		height: auto;
		padding: 80px 48px;
	}

		.feature-5 .v-align-transform {
			top: 0;
			transform: none;
			-webkit-transform: none;
		}
}

@media all and (max-width: 767px) {
	.feature-3 .left,
	.feature-4 .left {
		margin-bottom: 8px;
	}

	.feature-3 .left,
	.feature-4 .left,
	.feature-3 .right,
	.feature-4 .right {
		width: 100%;
	}

	.feature-5 {
		padding: 40px 24px;
	}
}

.bg-light .feature.bordered {
	border-color: rgba(34, 34, 34, 0.2);
}




/*!---------- 19. PRICING TABLES ----------*/

.pricing-table {
	padding: 48px 32px;
}

	.pricing-table .price {
		font-family: "Lato", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
		font-size: 80px;
		line-height: 80px;
		font-weight: 300;
		color: #292929;
		display: inline-block;
		margin-bottom: 16px;
	}

.bg-dark .pricing-table .price {
	color: #fff;
}

.pricing-table p:last-child {
	margin-bottom: 0;
}

.pricing-table.boxed,
.pricing-table.emphasis {
	background: #f8f8f8;
}

.pricing-table.emphasis {
	background: #13181d;
	color: #fff;
}

	.pricing-table.emphasis a:not(.btn) {
		color: #fff;
	}

	.pricing-table.emphasis .price,
	.pricing-table.emphasis h5 {
		color: #fff;
	}

.pt-2 ul {
	line-height: 36px;
}




/*!---------- 21. WIDGETS ----------*/

.widget {
	margin-bottom: 48px;
}

.link-list {
	line-height: 32px;
}

	.link-list a:after {
		content: "\e628";
		font-family: 'themify';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size: 11px;
		display: inline-block;
		margin-left: 8px;
	}

.widget ul:last-child,
.widget p:last-child {
	margin-bottom: 0;
}

.widget .title {
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	margin-bottom: 12px;
}

.widget hr {
	margin-bottom: 12px;
}

.recent-posts {
	line-height: 24px;
}

	.recent-posts li {
		margin-bottom: 8px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	}

	.recent-posts .date {
		display: block;
		letter-spacing: 0;
		opacity: .8;
	}

	.recent-posts li:hover .date {
		opacity: 1;
	}

.tags {
	overflow: hidden;
}

	.tags li {
		float: left;
		margin: 0 4px 4px 0;
	}

	.tags .btn-sm {
		padding: 0 8px;
		margin: 0;
	}

.widget .gallery {
	overflow: hidden;
}

	.widget .gallery li {
		width: 33.33333%;
		float: left;
		padding: 0 4px 4px 0;
	}

.twitter-feed .user,
.twitter-feed .interact {
	display: none;
}

.widget .twitter-feed .timePosted {
	display: none;
}

.widget .tweet {
	margin-bottom: 0;
}

.widget .twitter-feed .slides li {
	margin-bottom: 24px;
}

	.widget .twitter-feed .slides li:last-child {
		margin-bottom: 0;
	}

	.widget .twitter-feed .slides li:nth-of-type(n+3) {
		display: none;
	}

	.widget .twitter-feed .slides li:before {
		position: relative;
		top: 6px;
		float: left;
		display: inline-block;
		margin-right: 8px;
		color: #292929;
		content: "\e74b";
		font-family: 'themify';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size: 13px;
	}

.widget .twitter-feed p {
	padding-left: 22px;
	position: relative;
}

.bg-dark .widget .twitter-feed .slides li:before {
	color: #fff;
}

.widget .instafeed li {
	width: 33.3333%;
	display: inline-block;
	padding: 0 4px 4px 0;
}

	.widget .instafeed li:nth-of-type(n+7) {
		display: none;
	}

.widget .cart-overview img {
	width: 25%;
	padding-right: 2%;
}

.widget .cart-overview .description {
	display: inline-block;
	width: auto;
	line-height: 24px;
}

.widget .cart-overview span {
	display: block;
}

.widget .cart-overview li {
	margin-bottom: 24px;
	overflow: hidden;
}

	.widget .cart-overview li:last-child {
		margin-bottom: 0;
	}

.widget .cart-controls {
	max-height: 30px;
	line-height: 30px;
}

.cart-overview a {
	color: #292929;
}

	.cart-overview a:hover {
		color: #13181d;
	}

.widget .flex-direction-nav li a {
	width: 16px;
	height: 16px;
	margin: -8px 0 0;
}

	.widget .flex-direction-nav li a:before {
		font-size: 16px;
	}

	.widget .flex-direction-nav li a.flex-next {
		right: 8px;
	}

	.widget .flex-direction-nav li a.flex-prev {
		left: 8px;
	}

.widget .flex-control-nav {
	display: none;
}

.widget .image-slider {
	margin: 0;
}




/*!---------- 22. IMAGE TILES ----------*/

img {
	max-width: 100%;
}

.img_summary {
	margin-left: 10px;
}

.image-tile {
	overflow: hidden;
	position: relative;
	margin-bottom: 24px;
}

	.image-tile img {
		width: 100%;
		display: inline-block;
	}

	.image-tile .label {
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 5;
	}

.inner-title:before {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#292929', GradientType=0);
	pointer-events: none;
}

.inner-title:hover:before {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.inner-title .title {
	position: absolute;
	width: 100%;
	bottom: 24px;
	z-index: 5;
}

	.inner-title .title h1,
	.inner-title .title h2,
	.inner-title .title h3,
	.inner-title .title h4,
	.inner-title .title h5,
	.inner-title .title h6 {
		color: #ffffff;
	}

	.inner-title .title p,
	.inner-title .title span,
	.inner-title .title li {
		color: #ffffff;
	}

	.inner-title .title h5 {
		font-weight: 600;
	}

.inner-title {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;
}

	.inner-title:hover {
		opacity: .95;
	}

	.inner-title.hover-reveal:before {
		opacity: 0;
	}

	.inner-title.hover-reveal .title {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	}

	.inner-title.hover-reveal:hover .title {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
		-webkit-transform: translate3d(0, 0px, 0);
		-moz-transform: translate3d(0, 0px, 0);
	}

	.inner-title.hover-reveal:hover:before {
		opacity: 1;
	}

.outer-title img {
	display: inline-block;
	margin-bottom: 12px;
}

.hover-tile {
	position: relative;
	overflow: hidden;
	background: #292929;
}

	.hover-tile img {
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	}

	.hover-tile:hover img {
		opacity: .5;
	}

	.hover-tile .hover-state {
		position: relative;
		transform: translate3d(0, -50%, 0);
		-webkit-transform: translate3d(0, -50%, 0);
		top: 50%;
		z-index: 2;
		position: absolute;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		opacity: 0;
		width: 100%;
	}

.hover-state {
	z-index: 99;
	padding: 0 40px;
	cursor: default;
}

	.hover-state h1,
	.hover-state h2,
	.hover-state h3,
	.hover-state h4,
	.hover-state h5,
	.hover-state h6 {
		color: #ffffff;
	}

	.hover-state p,
	.hover-state span,
	.hover-state li {
		color: #ffffff;
	}

	.hover-state * {
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transform: translate3d(0, 30px, 0) scale(1.05);
		-webkit-transform: translate3d(0, 30px, 0) scale(1.05);
	}

.hover-tile:hover .hover-state {
	opacity: 1;
}

	.hover-tile:hover .hover-state * {
		transform: translate3d(0, 0px, 0) scale(1);
		-webkit-transform: translate3d(0, 0px, 0) scale(1);
	}

.hover-state *:last-child {
	margin-bottom: 0;
}

.border-thick {
	border: 16px solid #fff;
	border-top: none;
}

	.border-thick.col-sm-6:first-child {
		border-right: 8px solid #fff;
	}

	.border-thick.col-sm-6:last-child {
		border-left: 8px solid #fff;
	}




/*!---------- 23. SLIDERS ----------*/

.image-slider {
	position: relative;
}

	.image-slider .slides {
		position: relative;
		overflow: hidden;
	}

		.image-slider .slides li {
			position: relative;
		}

			.image-slider .slides li > img {
				width: 100%;
			}

.row .image-slider {
	margin-bottom: 24px;
}

.image-slider.height-70 .slides li {
	height: 50vh;
	min-height: 420px;
}

@media all and (max-width: 767px) {
	.image-slider.height-70 .slides li {
		height: auto;
		min-height: none;
		padding: 80px 0;
	}

	.image-slider.height-70 .v-align-transform {
		top: 0;
		transform: none;
	}
}

.flex-direction-nav a.flex-next {
	right: 16px;
}

	.flex-direction-nav a.flex-next:before,
	.flex-direction-nav a.flex-prev:before {
		content: "\e649";
		font-family: 'themify';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size: 24px;
		color: #fff;
	}

.flex-direction-nav a.flex-prev {
	left: 16px;
}

	.flex-direction-nav a.flex-prev:before {
		content: "\e64a";
	}

.flex-direction-nav a {
	opacity: 1;
	text-shadow: none;
	color: rgba(0, 0, 0, 0);
	width: 24px;
	height: 24px;
	margin: -12px 0 0;
}

.flex-control-nav li a {
	background: none;
	border: 2px solid #292929;
	width: 10px;
	height: 10px;
}

@media all and (max-width: 767px) {
	.flex-direction-nav {
		display: none;
	}
}

.controls-inside .flex-control-nav {
	bottom: 24px;
	z-index: 10;
}

	.controls-inside .flex-control-nav li a {
		border-color: #fff;
	}

		.controls-inside .flex-control-nav li a.flex-active {
			background: #fff;
		}

.image-bg .flex-control-nav li a {
	border-color: #fff;
}

	.image-bg .flex-control-nav li a.flex-active {
		background: #fff;
	}

.slider-thumb-controls .flex-control-thumbs {
	margin: 0;
}

.slider-thumb-controls .flex-direction-nav {
	display: none;
}

@media all and (max-width: 767px) {
	.slider-thumb-controls .flex-control-thumbs {
		display: none;
	}

	.slider-thumb-controls .flex-direction-nav {
		display: block;
	}
}

.logo-carousel li {
	text-align: center;
}

.logo-carousel li {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .5;
}

	.logo-carousel li:hover {
		opacity: 1;
	}

.logo-carousel img {
	max-height: 60px;
}

@media all and (max-width: 767px) {
	.logo-carousel .slides li {
		width: 100%;
	}
}

.text-slider .flex-direction-nav li a:before {
	color: #222;
}

.text-slider .flex-direction-nav a.flex-prev {
	left: -60px;
}

.text-slider .flex-direction-nav a.flex-next {
	right: -60px;
}

.kenburns .slides li:nth-of-type(odd) .background-image-holder {
	animation: kenBurnsEast 25s linear infinite alternate;
	-webkit-animation: kenBurnsEast 25s linear infinite alternate;
}

.kenburns .slides li:nth-of-type(even) .background-image-holder {
	animation: kenBurnsWest 25s linear infinite alternate;
	-webkit-animation: kenBurnsWest 25s linear infinite alternate;
}

@keyframes kenBurnsEast {
	from {
		transform: scale(1) translateX(0px);
		-webkit-transform: scale(1) translateX(0px);
	}

	to {
		transform: scale(1.2) translateX(100px);
		-webkit-transform: scale(1.2) translateX(100px);
	}
}

@-webkit-keyframes kenBurnsEast {
	from {
		transform: scale(1) translateX(0px);
		-webkit-transform: scale(1) translateX(0px);
	}

	to {
		transform: scale(1.2) translateX(100px);
		-webkit-transform: scale(1.2) translateX(100px);
	}
}

@keyframes kenBurnsWest {
	from {
		transform: scale(1) translateX(0px);
		-webkit-transform: scale(1) translateX(0px);
	}

	to {
		transform: scale(1.2) translateX(-100px);
		-webkit-transform: scale(1.2) translateX(-100px);
	}
}

@-webkit-keyframes kenBurnsWest {
	from {
		transform: scale(1) translateX(0px);
		-webkit-transform: scale(1) translateX(0px);
	}

	to {
		transform: scale(1.2) translateX(-100px);
		-webkit-transform: scale(1.2) translateX(-100px);
	}
}

@media all and (max-width: 767px) {
	.kenburns .slides li .background-image-holder {
		animation: none !important;
		-webkit-animation: none !important;
	}
}




/*!---------- 24. IMAGE GALLERIES ----------*/

.instafeed.grid-gallery {
	overflow: hidden;
}

	.instafeed.grid-gallery li {
		width: 25%;
		display: inline-block;
		float: left;
		padding: 8px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		opacity: 1;
	}

		.instafeed.grid-gallery li:hover {
			opacity: .9;
		}

	.instafeed.grid-gallery.gapless li {
		padding: 0;
		width: 16.66667%;
	}

		.instafeed.grid-gallery.gapless li img {
			width: 100%;
		}

@media all and (max-width: 991px) {
	.instafeed.grid-gallery li {
		width: 33.333333%;
	}
}

.lightbox-grid,
.lightbox-grid ul,
.lightbox-grid li {
	position: relative;
	overflow: hidden;
}

	.lightbox-grid li {
		width: 25%;
		float: left;
		border: 8px solid rgba(0, 0, 0, 0);
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		opacity: 1;
	}

		.lightbox-grid li:hover {
			opacity: .9;
		}

.square-thumbs li {
	height: 285px;
}

.third-thumbs li {
	width: 33.33333vw;
	height: 33vw;
	border: none;
}

@media all and (max-width: 1199px) {
	.square-thumbs li {
		height: 235px;
	}
}

@media all and (max-width: 991px) {
	.lightbox-grid li {
		width: 33.33333%;
	}

	.square-thumbs li {
		height: 240px;
	}
}

@media all and (max-width: 767px) {
	.lightbox-grid li {
		width: 50%;
	}

	.third-thumbs li {
		height: 50vw;
	}

	.square-thumbs li {
		height: 185px;
	}
}

.lb-outerContainer {
	background: none;
	border-radius: 0;
}

.lightbox .lb-image {
	border-radius: 0;
}

.lb-data .lb-close,
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
	background: none;
}

	.lb-data .lb-close:before,
	.lb-nav a.lb-next:before,
	.lb-nav a.lb-prev:before {
		content: "\e646";
		font-family: 'themify';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size: 24px;
		color: #fff;
	}

	.lb-nav a.lb-next:before,
	.lb-nav a.lb-prev:before {
		position: absolute;
		top: 50%;
		font-size: 32px;
		margin-top: -16px;
	}

	.lb-nav a.lb-next:before {
		content: "\e649";
		right: 16px;
	}

	.lb-nav a.lb-prev:before {
		content: "\e64a";
		left: 16px;
	}




/*!---------- 25. INTROS ----------*/

.cover {
	margin: 0;
	padding: 0;
}

	.cover h1,
	.cover h2,
	.cover h3,
	.cover h4,
	.cover h5,
	.cover h6 {
		color: #ffffff;
	}

	.cover p,
	.cover span,
	.cover li {
		color: #ffffff;
	}

	.cover:first-child .fullscreen {
		max-height: 100%;
	}

	.cover.fullscreen .slides > li {
		height: 100vh;
	}

	.cover .slides li .container {
		z-index: 4;
		position: relative;
	}

	.cover .flex-control-nav {
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		opacity: .9;
	}

		.cover .flex-control-nav:hover {
			opacity: 1;
		}

	.cover .align-bottom {
		padding: 0 32px;
		bottom: 16px;
	}

	.cover .align-top {
		padding: 0 32px;
	}

@media all and (max-width: 767px) {
	.cover .align-bottom {
		padding: 0 15px;
	}

		.cover .align-bottom.relative-xs {
			position: relative;
			bottom: 0;
		}

	.cover.fullscreen {
		height: auto;
		padding: 80px 0;
	}

		.cover.fullscreen.image-slider {
			padding: 0;
		}

		.cover.fullscreen .container {
			top: 0;
			transform: none;
			-webkit-transform: none;
		}

		.cover.fullscreen .slides li {
			height: auto;
			padding: 80px 0;
		}
}




/*!---------- 26. SHOP ----------*/

.product-single .image-slider .label {
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	z-index: 3;
	top: 16px;
	right: 16px;
}

.product-single .price {
	font-size: 32px;
	font-weight: 300;
	line-height: 40px;
	display: inline-block;
	margin-right: 32px;
}

.product-single .old-price {
	text-decoration: line-through;
	opacity: .7;
}

.product-single .price:not(.old-price) {
	color: #13181d;
}

.add-to-cart input[type="text"] {
	width: 100px;
	text-align: center;
	padding: 0;
	margin: 0;
}

.add-to-cart input[type="submit"] {
	width: 160px;
	margin: 0;
}

th,
td {
	line-height: 24px !important;
}

.ratings {
	margin-bottom: 24px;
}

	.ratings li {
		display: inline-block;
		background: #f8f8f8;
		padding: 24px;
		margin-bottom: 16px;
	}

.star-rating li {
	padding: 0;
	color: #000;
}

.star-rating {
	margin: 0;
	display: inline-block;
	margin-right: 24px;
}

.ratings .user span {
	display: inline-block;
	margin-right: 8px;
}

.ratings .user .date {
	opacity: .7;
}

.ratings .user {
	margin-bottom: 8px;
}

.ratings-form input[type="text"] {
	width: 50%;
	float: left;
}

	.ratings-form input[type="text"]:first-child {
		width: 48%;
		margin-right: 2%;
	}

.ratings-form input[type="submit"] {
	width: 200px;
}

.product-thumb {
	max-width: 180px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.col-sm-6 .product-thumb {
	max-width: 320px;
}

.product-thumb:hover {
	transform: scale3d(0.95, 0.95, 0.95);
	-webkit-transform: scale3d(0.95, 0.95, 0.95);
}

.cart .product-thumb {
	max-width: 10000px;
	max-height: 100px;
}

	.cart .product-thumb:hover {
		transform: none;
	}

.cart td,
.cart span,
.cart th {
	vertical-align: middle !important;
}

.cart span {
	display: inline-block;
}

.cart .remove-item {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
	border: 1px solid #c64444;
	color: #c64444;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

	.cart .remove-item:hover {
		color: #fff;
		background: #c64444;
	}




/*!---------- 27. VIDEO ----------*/

iframe {
	border: none;
}

.player {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

@media all and (max-width: 767px) {
	.player {
		display: none;
	}
}

.vid-bg .background-image-holder {
	z-index: 0;
}

video {
	max-width: 100%;
}

.local-video-container {
	position: relative;
	margin-bottom: 24px;
}

	.local-video-container video {
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}

	.local-video-container .background-image-holder {
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		top: 0;
		box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26);
	}

.background-image-holder.fadeout {
	opacity: 0 !important;
	z-index: 0;
}

@media all and (max-width: 767px) {
	video {
		max-width: 100% !important;
	}
}

.play-button {
	width: 80px;
	height: 80px;
	border: 2px solid #fff;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	z-index: 4;
	border-radius: 50%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	cursor: pointer;
}

	.play-button:before {
		position: absolute;
		top: 50%;
		margin-top: -15px;
		left: 50%;
		margin-left: -8px;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 0 15px 26.0px;
		border-color: transparent transparent transparent #ffffff;
	}

	.play-button:hover {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}

	.play-button.dark {
		border-color: #292929;
	}

		.play-button.dark:before {
			border-color: transparent transparent transparent #292929;
		}

@media all and (max-width: 767px) {
	.play-button {
		width: 65px;
		height: 65px;
		margin-top: -32px;
	}

		.play-button:before {
			position: absolute;
			top: 50%;
			margin-top: -9px;
			margin-left: -8px;
			content: '';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 0 10px 20.0px;
			border-color: transparent transparent transparent #fff;
		}
}

.play-button.large {
	height: 120px;
	width: 120px;
	margin-top: -60px;
	margin-left: -60px;
}

	.play-button.large:before {
		margin-top: -18px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 0 20px 31.0px;
		border-color: transparent transparent transparent #ffffff;
	}

	.play-button.large.dark:before {
		border-color: transparent transparent transparent #292929;
	}

.play-button.inline {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-left: 0;
	display: inline-block;
	z-index: 0;
}

@media all and (max-width: 767px) {
	.play-button.large {
		width: 90px;
		height: 90px;
		margin-top: -45px;
	}

		.play-button.large:before {
			margin-top: -14px;
			margin-left: -8px;
			content: '';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 0 15px 25.0px;
			border-color: transparent transparent transparent #fff;
		}
}

.modal-video {
	position: fixed;
	visibility: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999999;
	background: rgba(0, 0, 0, 0.9);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0;
	z-index: -1;
}

	.modal-video video {
		margin: 0 auto;
		width: 675px;
		display: block;
		top: 50%;
		position: relative;
		transform: translate3d(0, -50%, 0);
		-webkit-transform: translate3d(0, -50%, 0);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}

	.modal-video.reveal-modal {
		opacity: 1;
		z-index: 999999;
		visibility: visible;
	}

	.modal-video iframe {
		position: absolute;
		width: 768px;
		height: 432px;
		left: 50%;
		margin-left: -384px;
		margin-top: -216px;
		top: 50%;
		border: none;
	}

	.modal-video .ti-close {
		font-size: 24px;
		position: absolute;
		top: 32px;
		right: 32px;
		color: #fff;
		cursor: pointer;
	}

@media all and (max-width: 991px) {
	.modal-video iframe {
		width: 640px;
		height: 360px;
		margin-left: -320px;
		margin-top: -160px;
	}
}

@media all and (max-width: 767px) {
	.modal-video video {
		width: 100%;
		padding: 0 15px;
	}

	.modal-video iframe {
		width: 100%;
		margin-left: -50%;
	}
}

.fs-video-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

	.fs-video-wrapper video {
		position: absolute;
		width: 100%;
		left: 0;
	}

.embed-video-container {
	width: 100%;
	position: relative;
	display: inline-block;
}

	.embed-video-container iframe {
		border: none;
		width: 100%;
		height: 312px;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}

.modal-video .embed-video-container {
	width: 80%;
	max-height: 800px;
}

@media all and (max-width: 767px) {
	.embed-video-container iframe {
		height: 200px;
	}
}

.fs-vid-background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

	.fs-vid-background video {
		max-width: 900000px;
	}

.overlay .fs-vid-background:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #222222;
	opacity: 0.5;
	z-index: 2;
}

@media all and (max-width: 991px) {
	.fs-vid-background {
		display: none;
	}
}




/*!---------- 28. BLOG ----------*/

.post-title .label {
	margin-right: 16px;
}

.post-title h4 {
	position: relative;
	top: 2px;
	margin-bottom: 16px;
}

.post-meta,
.post-meta .tags {
	overflow: hidden;
	display: inline-block;
	margin-bottom: 12px;
}

	.post-meta > li {
		float: left;
		margin-right: 24px;
	}

	.post-meta i {
		font-size: 16px;
		margin-right: 8px;
		position: relative;
		top: 2px;
	}

.post-snippet iframe {
	width: 100%;
	margin-bottom: 12px;
}

.post-snippet .embed-video-container {
	margin-bottom: 24px;
}

	.post-snippet .embed-video-container iframe {
		margin: 0;
	}

.post-snippet .inner {
	background: #fff;
	padding: 24px;
}

.comments-list,
.comments-list ul {
	width: 100%;
	overflow: hidden;
}

	.comments-list li {
		overflow: hidden;
		margin-bottom: 40px;
	}

	.comments-list p:last-of-type {
		margin: 0;
	}

	.comments-list .avatar,
	.comments-list .comment {
		display: inline-block;
		float: left;
	}

	.comments-list .avatar {
		width: 10%;
	}

		.comments-list .avatar img {
			width: 75px;
		}

	.comments-list .comment {
		width: 90%;
		padding-left: 5%;
	}

	.comments-list .author {
		display: inline-block;
		margin-right: 16px;
		margin-bottom: 16px;
	}

	.comments-list .comment .btn {
		position: relative;
		margin: 0;
	}

	.comments-list ul {
		padding-left: 10%;
		padding-top: 40px;
	}

		.comments-list ul li:last-of-type {
			margin-bottom: 0;
		}

.comments input[type="submit"] {
	max-width: 25%;
	float: right;
}

.masonry {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0;
	transform: translate3d(0, 100px, 0);
	-webkit-transform: translate3d(0, 100px, 0);
	-moz-transform: translate3d(0, 100px, 0);
}

	.masonry.fadeIn {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

.masonry-item {
	max-width: 100%;
}

.container .masonry-item {
	margin-bottom: 30px;
}

.masonry-item blockquote:hover {
	background: #13181d;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	color: #fff;
}

.masonryFlyIn .masonry-item {
	opacity: 0;
	transform: translate3d(0, 50px, 0);
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
}

	.masonryFlyIn .masonry-item.fadeIn {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

.masonry-loader {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;
	position: absolute;
	width: 100%;
	z-index: 10;
	top: 80px;
}

	.masonry-loader.fixed-center {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		-webkit-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
		margin-top: -25px;
	}

	.masonry-loader.fadeOut {
		opacity: 0;
		max-height: 0;
		padding: 0;
		overflow: hidden;
	}

.spinner-container {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 3px;
}

.availableSection > .spinner-container {
	width: 97%;
	z-index: 2;
}

.spinner {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #13181d;
	-moz-animation: spin 0.7s linear infinite;
	-webkit-animation: spin 0.7s linear infinite;
	animation: spin 0.7s linear infinite;
	display: inline-block;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media all and (max-width: 767px) {
	.post-title .label {
		margin-bottom: 8px;
		display: inline-block;
	}

	.post-title h4 {
		top: 0;
		display: block;
	}

	.comments input[type="submit"] {
		max-width: 100%;
		float: none;
	}
}




/*!---------- 29. IMAGE BLOCKS ----------*/

.image-small {
	max-height: 80px;
}

.image-xs {
	max-height: 50px;
}

.image-xxs {
	max-height: 30px;
}

.fade-half {
	opacity: 0.5;
}

.fade-1-4 {
	opacity: 0.75;
}

.fade-3-4 {
	opacity: 0.25;
}

.fade-on-hover {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .5;
}

	.fade-on-hover:hover {
		opacity: 1;
	}

.image-block {
	padding: 0;
	height: 50vw;
	max-height: 700px;
}

	.image-block .container {
		height: 100%;
	}

@media all and (max-width: 767px) {
	.image-block {
		height: auto;
		max-height: 1000000px;
	}

		.image-block .v-align-transform {
			top: 0;
			transform: none;
			-webkit-transform: none;
		}
}

.image-edge .container {
	position: relative;
}

	.image-edge .container div[class*='col-'] {
		position: absolute;
	}

@media all and (max-width: 991px) {
	.image-edge .container div[class*='col-'] {
		position: relative;
		top: 0;
		transform: none;
		-webkit-transform: none;
	}
}

.image-square {
	height: 50vw;
	max-height: 640px;
	overflow: hidden;
	padding: 0;
}

	.image-square .image,
	.image-square .content {
		position: absolute;
	}

	.image-square .image {
		height: 100%;
	}

	.image-square .content {
		padding: 0 10%;
		top: 50%;
		transform: translate3d(0, -50%, 0);
		-webkit-transform: translate3d(0, -50%, 0);
		-moz-transform: translate3d(0, -50%, 0);
	}

	.image-square.left .image {
		left: 0;
	}

	.image-square.left .content {
		right: 0;
	}

	.image-square.right .image {
		right: 0;
	}

	.image-square.right .content {
		left: 0;
	}

@media all and (max-width: 991px) {
	.image-square {
		height: auto;
		max-height: 100000px;
		margin-bottom: 48px;
	}

		.image-square .image,
		.image-square .content {
			position: relative;
		}

		.image-square .image {
			height: 100vw;
			margin-bottom: 48px;
			max-height: 500px;
		}

		.image-square .content {
			top: 0;
			transform: none;
			-webkit-transform: none;
			padding: 0 20%;
		}
}

@media all and (max-width: 767px) {
	.image-square .content {
		padding: 0 15px;
	}
}




/*!---------- 30. PORTOFLIO ----------*/

.filters {
	overflow: hidden;
	display: inline-block;
}

	.filters li {
		float: left;
		margin-right: 32px;
		cursor: pointer;
		font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
		border: 2px solid #13181d;
		padding: 0 26px;
		height: 40px;
		min-width: 150px;
		line-height: 36px;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-radius: 0;
		color: #13181d;
		text-align: center;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		margin-right: 8px;
		margin-bottom: 24px;
		height: 30px;
		font-size: 11px;
		line-height: 27px;
		min-width: 0;
		border-color: rgba(255, 255, 255, 0);
		opacity: .7;
		border-radius: 25px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		display: inline-block;
	}

		.filters li.active {
			border-color: #13181d;
			opacity: 1;
		}

		.filters li:last-child {
			margin-right: 0;
		}

	.filters.floating {
		position: absolute;
		z-index: 10;
		top: 16px;
		text-align: center;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		-webkit-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
		background: rgba(255, 255, 255, 0.98);
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		border-radius: 200px;
	}

		.filters.floating li {
			margin-bottom: 0;
		}

.bg-dark .filters.floating {
	background: #292929;
}

	.bg-dark .filters.floating h1,
	.bg-dark .filters.floating h2,
	.bg-dark .filters.floating h3,
	.bg-dark .filters.floating h4,
	.bg-dark .filters.floating h5,
	.bg-dark .filters.floating h6 {
		color: #ffffff;
	}

	.bg-dark .filters.floating p,
	.bg-dark .filters.floating span,
	.bg-dark .filters.floating li {
		color: #fefefe;
	}

.project {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;
	padding: 0;
}

.container .project {
	padding: 0 15px;
}

.project.inactive {
	opacity: .1 !important;
	pointer-events: none !important;
}

.project .image-tile {
	margin: 0;
}

.project.inactive:hover .title,
.project.inactive .image-tile:hover:before {
	display: none;
}

@media all and (max-width: 991px) {
	.filters.floating {
		width: 90vw;
	}

		.filters.floating li {
			float: none;
		}
}

@media all and (max-width: 767px) {
	.filters.floating {
		border-radius: 0;
		padding: 8px;
	}

		.filters.floating li {
			width: 50%;
			float: left;
			margin: 0;
		}
}




/*!---------- 31. TESTIMONIALS ----------*/

.testimonials h4 {
	line-height: 40px;
}

.testimonials .quote-author {
	display: inline-block;
	text-align: left;
	overflow: hidden;
	width: 250px;
	margin-top: 24px;
}

	.testimonials .quote-author img {
		max-height: 60px;
		float: left;
		display: inline-block;
		margin-right: 16px;
	}

	.testimonials .quote-author h6 {
		display: inline-block;
		margin-bottom: 0;
		line-height: 18px;
		padding-top: 14px;
	}

	.testimonials .quote-author span {
		display: block;
		line-height: 18px;
	}

@media all and (max-width: 767px) {
	.testimonials h4 {
		line-height: 26px;
	}
}




/*!---------- 32. COUNTDOWNS ----------*/

.countdown {
	font-size: 80px;
	line-height: 88px;
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	font-size: 56px;
	line-height: 64px;
	font-weight: 100;
	text-transform: uppercase;
}

@media all and (max-width: 991px) {
	.countdown {
		font-size: 64px;
		line-height: 72px;
	}
}

@media all and (max-width: 767px) {
	.countdown {
		font-size: 48px;
		line-height: 56px;
	}
}




/*!---------- 33. MAPS ----------*/

.map-holder {
	overflow: hidden;
	position: relative;
}

	.map-holder iframe {
		border: none;
		position: absolute;
		width: 100%;
		height: 180%;
		top: -40%;
		left: 0;
		z-index: 1;
	}

	.map-holder:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.map-holder.interact:before {
		width: 0;
	}

	.map-holder.inline {
		height: 400px;
		overflow: hidden;
	}




/*!---------- 34. TWITTER ----------*/

.twitter-feed.thirds li {
	width: 33.333333%;
	padding: 0 15px;
	float: left;
}

.twitter-feed.thirds ul {
	overflow: hidden;
}

@media all and (max-width: 991px) {
	.twitter-feed.thirds li {
		width: 50%;
	}
}

@media all and (max-width: 767px) {
	.twitter-feed.thirds li {
		width: 100%;
	}
}

.tweets-slider.large p {
	font-family: "MINISansSerifBold", "Helvetica Neue", Helvetica, MINISansSerifRegular, sans-serif;
	font-size: 24px;
	line-height: 32px;
}

.tweets-slider.large .timePosted {
	font-size: 14px;
}

@media all and (max-width: 991px) {
	.tweets-slider.large p {
		font-size: 18px;
		line-height: 24px;
	}
}

@media all and (max-width: 767px) {
	.tweets-slider.large p {
		font-size: 14px;
	}
}

.sc-background-orange {
	background: #13181d !important;
}




/*!---------- 35. FOOTERS ----------*/

footer.bg-dark a {
	color: #fff;
}

.footer-1 .logo {
	max-height: 30px;
}

.footer-1 .sub {
	opacity: .5;
}

.social-list {
	margin: 0;
}

.bg-dark .social-list a {
	color: #fff;
	opacity: .5;
}

	.bg-dark .social-list a:hover {
		opacity: 1;
	}

.bg-light .social-list a {
	color: #222;
}

.back-to-top {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

	.back-to-top:hover {
		opacity: 1;
	}

.bg-dark .back-to-top {
	border-color: #fff;
}

	.bg-dark .back-to-top:active,
	.bg-dark .back-to-top:focus {
		color: #fff;
	}

	.bg-dark .back-to-top:hover {
		background: none;
	}




/*!---------- 36. SPACING ----------*/

.mr0 {
	margin-right: 0;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb16 {
	margin-bottom: 16px;
}

.mb24 {
	margin-bottom: 24px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb32 {
	margin-bottom: 32px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb48 {
	margin-bottom: 48px;
}

.mb56 {
	margin-bottom: 56px;
}

.mb64 {
	margin-bottom: 64px;
}

.mb72 {
	margin-bottom: 72px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb88 {
	margin-bottom: 88px;
}

.mb96 {
	margin-bottom: 96px;
}

.mb104 {
	margin-bottom: 104px;
}

.mb112 {
	margin-bottom: 112px;
}

.mb120 {
	margin-bottom: 120px;
}

.mb160 {
	margin-bottom: 160px;
}

.mt0 {
	margin-top: 0 !important;
}

.mt8 {
	margin-top: 8px;
}

.mt16 {
	margin-top: 16px;
}

.mt24 {
	margin-top: 24px;
}

.mt32 {
	margin-top: 32px;
}

.mt40 {
	margin-top: 40px;
}

.mt48 {
	margin-top: 48px;
}

.mt56 {
	margin-top: 56px;
}

.mt64 {
	margin-top: 64px;
}

.mt72 {
	margin-top: 72px;
}

.mt80 {
	margin-top: 80px;
}

.mt88 {
	margin-top: 88px;
}

.mt96 {
	margin-top: 96px;
}

.mt104 {
	margin-top: 104px;
}

.mt112 {
	margin-top: 112px;
}

.mt120 {
	margin-top: 120px;
}

.p32 {
	padding: 0 32px;
}

.p24 {
	padding: 24px;
}

.p0 {
	padding: 0;
}

.pt0 {
	padding-top: 0;
}

.pt8 {
	padding-top: 8px;
}

.pt16 {
	padding-top: 16px;
}

.pt24 {
	padding-top: 24px;
}

.pt32 {
	padding-top: 32px;
}

.pt40 {
	padding-top: 40px;
}

.pt48 {
	padding-top: 48px;
}

.pt64 {
	padding-top: 64px;
}

.pt72 {
	padding-top: 72px;
}

.pt80 {
	padding-top: 80px;
}

.pt88 {
	padding-top: 88px;
}

.pt96 {
	padding-top: 96px;
}

.pt104 {
	padding-top: 104px;
}

.pt112 {
	padding-top: 112px;
}

.pt120 {
	padding-top: 120px;
}

.pt160 {
	padding-top: 160px;
}

.pt180 {
	padding-top: 180px;
}

.pt240 {
	padding-top: 240px;
}

.pb0 {
	padding-bottom: 0;
}

.pb8 {
	padding-bottom: 8px;
}

.pb16 {
	padding-bottom: 16px;
}

.pb24 {
	padding-bottom: 24px;
}

.pb32 {
	padding-bottom: 32px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb48 {
	padding-bottom: 48px;
}

.pb56 {
	padding-bottom: 56px;
}

.pb64 {
	padding-bottom: 64px;
}

.pb72 {
	padding-bottom: 72px;
}

.pb80 {
	padding-bottom: 80px;
}

.pb88 {
	padding-bottom: 88px;
}

.pb96 {
	padding-bottom: 96px;
}

.pb104 {
	padding-bottom: 104px;
}

.pb112 {
	padding-bottom: 112px;
}

.pb120 {
	padding-bottom: 120px;
}

.pb160 {
	padding-bottom: 160px;
}

.pb180 {
	padding-bottom: 180px;
}

.pb240 {
	padding-bottom: 240px;
}

@media all and (max-width: 991px) {
	.mb-s-0 {
		margin-bottom: 0;
	}

	.mb-s-8 {
		margin-bottom: 8px;
	}

	.mb-s-16 {
		margin-bottom: 16px;
	}

	.mb-s-24 {
		margin-bottom: 24px;
	}

	.mb-s-32 {
		margin-bottom: 32px;
	}

	.mb-s-40 {
		margin-bottom: 40px;
	}

	.mb-s-48 {
		margin-bottom: 48px;
	}

	.mb-s-64 {
		margin-bottom: 64px;
	}

	.mb-s-72 {
		margin-bottom: 72px;
	}

	.mb-s-80 {
		margin-bottom: 80px;
	}

	.mb-s-88 {
		margin-bottom: 88px;
	}

	.mb-s-96 {
		margin-bottom: 96px;
	}

	.mb-s-104 {
		margin-bottom: 104px;
	}

	.mb-s-112 {
		margin-bottom: 112px;
	}

	.mb-s-120 {
		margin-bottom: 120px;
	}
}

@media all and (max-width: 991px) {
	.mb-sm-0 {
		margin-bottom: 0;
	}

	.mb-sm-8 {
		margin-bottom: 8px;
	}

	.mb-sm-16 {
		margin-bottom: 16px;
	}

	.mb-sm-24 {
		margin-bottom: 24px;
	}

	.mb-sm-32 {
		margin-bottom: 32px;
	}

	.mb-sm-40 {
		margin-bottom: 40px;
	}

	.mb-sm-48 {
		margin-bottom: 48px;
	}

	.mb-sm-64 {
		margin-bottom: 64px;
	}

	.mb-sm-72 {
		margin-bottom: 72px;
	}

	.mb-sm-80 {
		margin-bottom: 80px;
	}

	.mb-sm-88 {
		margin-bottom: 88px;
	}

	.mb-sm-96 {
		margin-bottom: 96px;
	}

	.mb-sm-104 {
		margin-bottom: 104px;
	}

	.mb-sm-112 {
		margin-bottom: 112px;
	}

	.mb-sm-120 {
		margin-bottom: 120px;
	}

	.mt-sm-0 {
		margin-top: 0 !important;
	}

	.mt-sm-8 {
		margin-top: 8px;
	}

	.mt-sm-16 {
		margin-top: 16px;
	}

	.mt-sm-24 {
		margin-top: 24px;
	}

	.mt-sm-32 {
		margin-top: 32px;
	}

	.mt-sm-40 {
		margin-top: 40px;
	}

	.mt-sm-48 {
		margin-top: 48px;
	}

	.mt-sm-56 {
		margin-top: 56px;
	}

	.mt-sm-64 {
		margin-top: 64px;
	}

	.mt-sm-72 {
		margin-top: 72px;
	}

	.mt-sm-80 {
		margin-top: 80px;
	}

	.mt-sm-88 {
		margin-top: 88px;
	}

	.mt-sm-96 {
		margin-top: 96px;
	}

	.mt-sm-104 {
		margin-top: 104px;
	}

	.mt-sm-112 {
		margin-top: 112px;
	}

	.mt-sm-120 {
		margin-top: 120px;
	}

	.p0-sm {
		padding: 0;
	}

	.pt-sm-0 {
		padding-top: 0;
	}

	.pt-sm-8 {
		padding-top: 8px;
	}

	.pt-sm-16 {
		padding-top: 16px;
	}

	.pt-sm-24 {
		padding-top: 24px;
	}

	.pt-sm-32 {
		padding-top: 32px;
	}

	.pt-sm-40 {
		padding-top: 40px;
	}

	.pt-sm-48 {
		padding-top: 48px;
	}

	.pt-sm-64 {
		padding-top: 64px;
	}

	.pt-sm-72 {
		padding-top: 72px;
	}

	.pt-sm-80 {
		padding-top: 80px;
	}

	.pt-sm-88 {
		padding-top: 88px;
	}

	.pt-sm-96 {
		padding-top: 96px;
	}

	.pt-sm-104 {
		padding-top: 104px;
	}

	.pt-sm-112 {
		padding-top: 112px;
	}

	.pt-sm-120 {
		padding-top: 120px;
	}

	.pt-sm-160 {
		padding-top: 160px;
	}

	.pb-sm-0 {
		padding-bottom: 0;
	}

	.pb-sm-8 {
		padding-bottom: 8px;
	}

	.pb-sm-16 {
		padding-bottom: 16px;
	}

	.pb-sm-24 {
		padding-bottom: 24px;
	}

	.pb-sm-32 {
		padding-bottom: 32px;
	}

	.pb-sm-40 {
		padding-bottom: 40px;
	}

	.pb-sm-48 {
		padding-bottom: 48px;
	}

	.pb-sm-64 {
		padding-bottom: 64px;
	}

	.pb-sm-72 {
		padding-bottom: 72px;
	}

	.pb-sm-80 {
		padding-bottom: 80px;
	}

	.pb-sm-88 {
		padding-bottom: 88px;
	}

	.pb-sm-96 {
		padding-bottom: 96px;
	}

	.pb-sm-104 {
		padding-bottom: 104px;
	}

	.pb-sm-112 {
		padding-bottom: 112px;
	}

	.pb-sm-120 {
		padding-bottom: 120px;
	}
}

@media all and (max-width: 767px) {
	.mb-xs-0 {
		margin-bottom: 0;
	}

	.mb-xs-8 {
		margin-bottom: 8px;
	}

	.mb-xs-16 {
		margin-bottom: 16px;
	}

	.mb-xs-24 {
		margin-bottom: 24px;
	}

	.mb-xs-32 {
		margin-bottom: 32px;
	}

	.mb-xs-40 {
		margin-bottom: 40px;
	}

	.mb-xs-48 {
		margin-bottom: 48px;
	}

	.mb-xs-64 {
		margin-bottom: 64px;
	}

	.mb-xs-72 {
		margin-bottom: 72px;
	}

	.mb-xs-80 {
		margin-bottom: 80px;
	}

	.mb-xs-88 {
		margin-bottom: 88px;
	}

	.mb-xs-96 {
		margin-bottom: 96px;
	}

	.mb-xs-104 {
		margin-bottom: 104px;
	}

	.mb-xs-112 {
		margin-bottom: 112px;
	}

	.mb-xs-120 {
		margin-bottom: 120px;
	}

	.mt-xs-0 {
		margin-top: 0 !important;
	}

	.mt-xs-8 {
		margin-top: 8px;
	}

	.mt-xs-16 {
		margin-top: 16px;
	}

	.mt-xs-24 {
		margin-top: 24px;
	}

	.mt-xs-32 {
		margin-top: 32px;
	}

	.mt-xs-40 {
		margin-top: 40px;
	}

	.mt-xs-48 {
		margin-top: 48px;
	}

	.mt-xs-56 {
		margin-top: 56px;
	}

	.mt-xs-64 {
		margin-top: 64px;
	}

	.mt-xs-72 {
		margin-top: 72px;
	}

	.mt-xs-80 {
		margin-top: 80px;
	}

	.mt-xs-88 {
		margin-top: 88px;
	}

	.mt-xs-96 {
		margin-top: 96px;
	}

	.mt-xs-104 {
		margin-top: 104px;
	}

	.mt-xs-112 {
		margin-top: 112px;
	}

	.mt-xs-120 {
		margin-top: 120px;
	}

	.p0-xs {
		padding: 0;
	}

	.pt-xs-0 {
		padding-top: 0;
	}

	.pt-xs-8 {
		padding-top: 8px;
	}

	.pt-xs-16 {
		padding-top: 16px;
	}

	.pt-xs-24 {
		padding-top: 24px;
	}

	.pt-xs-32 {
		padding-top: 32px;
	}

	.pt-xs-40 {
		padding-top: 40px;
	}

	.pt-xs-48 {
		padding-top: 48px;
	}

	.pt-xs-64 {
		padding-top: 64px;
	}

	.pt-xs-72 {
		padding-top: 72px;
	}

	.pt-xs-80 {
		padding-top: 80px;
	}

	.pt-xs-88 {
		padding-top: 88px;
	}

	.pt-xs-96 {
		padding-top: 96px;
	}

	.pt-xs-104 {
		padding-top: 104px;
	}

	.pt-xs-112 {
		padding-top: 112px;
	}

	.pt-xs-120 {
		padding-top: 120px;
	}

	.pt-xs-160 {
		padding-top: 160px;
	}

	.pt-xs-240 {
		padding-top: 240px !important;
	}

	.pb-xs-0 {
		padding-bottom: 0;
	}

	.pb-xs-8 {
		padding-bottom: 8px;
	}

	.pb-xs-16 {
		padding-bottom: 16px;
	}

	.pb-xs-24 {
		padding-bottom: 24px;
	}

	.pb-xs-32 {
		padding-bottom: 32px;
	}

	.pb-xs-40 {
		padding-bottom: 40px;
	}

	.pb-xs-48 {
		padding-bottom: 48px;
	}

	.pb-xs-64 {
		padding-bottom: 64px;
	}

	.pb-xs-72 {
		padding-bottom: 72px;
	}

	.pb-xs-80 {
		padding-bottom: 80px;
	}

	.pb-xs-88 {
		padding-bottom: 88px;
	}

	.pb-xs-96 {
		padding-bottom: 96px;
	}

	.pb-xs-104 {
		padding-bottom: 104px;
	}

	.pb-xs-112 {
		padding-bottom: 112px;
	}

	.pb-xs-120 {
		padding-bottom: 120px;
	}

	.pb-xs-240 {
		padding-bottom: 240px !important;
	}
}




/****** PLACE YOUR CUSTOM STYLES HERE ******/

/* Target Firefox only */
@-moz-document url-prefix() {
	body, p, span, a, div, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: MINISansSerifRegular, sans-serif !important;
		font-weight: bold;
	}
}

.active-stage {
	border-bottom: 5px solid #007da3 !important;
	min-height: 100px;
}

.first-stage {
	border-left: 1px solid #f5f3f4;
}

.stage-summary {
	height: 100%;
	padding: 10px;
	border-top: 3px solid #f5f3f4;
	border-bottom: 3px solid #f5f3f4;
	font-family: MINISerifRegular, serif !important;
}

	.stage-summary p {
		font-family: MINISerifRegular, serif;
		font-size: 15px;
	}

	.stage-summary h1 {
		padding-top: 0px;
		color: #000;
		font-size: 14px !important;
		font-family: MINISerifBold, serif;
		text-transform: uppercase;
		display: inline-block;
		font-weight: 700;
	}

		.stage-summary h1 a {
			color: #000 !important;
			font-size: 14px !important;
			text-transform: uppercase;
			display: inline-block;
			font-family: MINISerifBold, serif;
			font-weight: 700;
		}

	.stage-summary hr {
		visibility: hidden;
	}

	.stage-summary .btn-sm {
		color: #FFF;
		margin-bottom: 0;
	}

	.stage-summary .name p {
		font-size: 12px;
		margin: 0px 0px 2px 10px;
		line-height: 16px;
		font-family: MINISansSerifBold, sans-serif;
	}

	.stage-summary .name .distance {
		font-size: 14px;
		font-weight: 400;
		margin-left: 10px;
	}

	.stage-summary .name .distance_grey {
		color: #CCCCCC;
		font-size: 18px;
		margin: 0 2px 15px 5px;
	}

	.stage-summary .name .distance_big {
		font-size: 20px;
		font-weight: bold;
	}

	.stage-summary .name .address {
		font-size: 12px;
		font-weight: 400;
		margin-left: 10px;
	}

	.stage-summary .name .ville {
		font-size: 12px;
		font-weight: 400;
		margin-left: 10px;
	}

	.stage-summary .address p {
		font-size: 10px;
		margin-bottom: 2px;
		line-height: 12px;
	}

.bottom {
	height: 45px;
}

label {
	font-weight: normal;
}

.stage-summary-empty-mobile {
	min-height: 0px !important;
}

.stage-summary-empty {
	padding: 10px;
	height: 100%;
	font-family: MINISansSerifRegular, sans-serif;
}

	.stage-summary-empty h1 {
		padding-top: 0px;
		font-family: MINISerifBold, serif;
		color: #686868;
		font-size: 12px !important;
		text-transform: uppercase;
		display: inline-block;
	}

	.stage-summary-empty .btn-sm {
		color: #FFF;
		margin-bottom: 0;
	}

	.stage-summary-empty hr {
		visibility: hidden;
	}

.numero_etape {
	font-family: MINISansSerifBold, sans-serif;
}

.edit_etape {
	position: absolute;
	right: 10px;
	top: 15px;
	width: 19px;
	height: 19px;
	background-image: url('../MINI/img/btn_edit_out.png');
	z-index: 1000;
	border: none;
	background-color: transparent;
}

	.edit_etape:hover {
		background-image: url('../MINI/img/btn_edit_over.png');
	}

	.edit_etape:focus {
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
		outline: none;
	}

.ttc {
	font-size: 10px;
	font-weight: normal;
}

.ttc_explain {
	color: #007da3;
}

.legal-informations {
	text-align: justify;
	font-size: 13px;
}

.nb_service {
	background-color: rgba(0, 125, 163, 0.1);
	width: 20px;
	height: 20px;
	font-size: 12px;
	position: absolute;
	color: #007da3;
	margin-left: 10px;
	line-height: 20px;
	padding-left: 6px;
	border-radius: 20px;
}

.card-presta {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	border: 1px solid transparent;
	border-left: 2px solid transparent !important;
}

.prestation {
	padding: 5px;
	margin: 0 10px 10px 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	font-family: MINISansSerifRegular, sans-serif;
	color: #262626;
}

@media all and (min-width: 992px) {
	.prestation {
		max-width: 260px;
	}
}

.prestation .btn-sm {
	color: #FFF;
	margin-bottom: 0;
	width: 100%;
}

.prestation h5 {
	font-size: 13px;
	margin-bottom: 2px;
	line-height: 16px;
}

.prestation p {
	font-size: 10px;
	margin-bottom: 2px;
	line-height: 12px;
}

.fa-small {
	position: relative;
	margin-right: 10px;
	display: inline-block;
	color: #007da3;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 9px;
}

.fa {
	position: relative;
	top: -1px;
	margin-right: 10px;
	display: inline-block;
	color: #007da3;
	font-family: 'FontAwesome' !important;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-big {
	position: relative;
	font-size: 18px;
	top: 2px;
	margin-right: 10px;
	margin-left: 5px;
	display: inline-block;
	color: #007da3;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-info {
	position: relative;
	font-size: 18px;
	top: 4px;
	margin-right: 10px;
	margin-left: 5px;
	display: inline-block;
	color: #007da3;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.text-small {
	font-size: 10px;
}

.packages .header {
	margin-bottom: 4px;
}

.packages .title {
	margin-right: 24px;
}

.packages a.details {
	width: 18px;
	height: 18px;
	background: url("img/info.png") no-repeat transparent;
}

	.packages a.details:hover {
		background-position: 0 -18px;
	}

.packages .price-line a {
	width: 18px;
	height: 18px;
	background: url('img/plus.png') no-repeat 0 0;
}

.package-details .description h3 {
	margin-top: 8px;
	margin-bottom: 8px;
}

.package-details .description li {
	line-height: 18px;
	font-size: 12px;
}

.package-details p {
	font-size: 12px;
}

.package-details .footnote {
	font-size: 11px;
}

.package-details .price-line.selected {
	color: #34728a;
}

/*ol {
    font-weight: normal;
    line-height: 15px;
    padding-left: 40px;
    list-style-type: decimal;
}*/

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 6px 7px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 20px;
}

.currency-euro {
	padding: 20px;
}

.item_panier, .prix_panier, .total_item, .total_prix {
	display: inline-block;
}

	.item_panier p, .total_prix p {
		margin: 0 0 0 0;
	}

	.item_panier span {
		color: #ccc;
		display: block;
	}

.prix_panier {
	margin-top: 0px;
	float: right;
	font-size: 18px;
	font-weight: bold;
	margin-left: 25px;
}

.total_line {
	margin: 20px 10px 20px 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	min-height: 70px !important;
}

.total_item {
	top: 0px;
}

	.total_item p {
		font-size: 16px;
		font-family: 'MINISansSerifBold', MINISansSerifRegular, sans-serif;
		margin: 0 0 0 0;
		text-transform: uppercase;
	}

.total_prix {
	color: #007da3;
}

.panier_externe {
	background-color: #f5f3f4;
	height: 60px;
	margin: 8px 0 0 0;
	width: 49%;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #CCC;
	border: 1px solid #e7e7f1;
}

	.panier_externe img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 5px;
		height: 33px;
	}

	.panier_externe a {
		font-size: 10px;
		color: #6F6F6F;
		font-weight: normal;
	}

.image_presta {
	border-right: 1px solid #ccc;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	width: 70px;
	height: 32px;
	margin-right: 10px;
	padding: 10px 20px 15px 10px;
	display: inline;
}

.cursor-pointer:hover {
	cursor: pointer;
}

.cursor-default:hover {
	cursor: default;
}

.image_presta_selected, div.selected-presta div.image_presta {
	background-color: rgba(0, 125, 163, 0.1);
}

.image_presta_hover {
	background-color: rgba(0, 125, 163, 0.1);
}

@media only screen and (min-width : 1200px) {
	.card_presta_hover {
		border: 1px solid rgba(0, 125, 163, 0.1) !important;
	}
}

.card-presta h5 {
	font-size: 13px;
	color: #333;
	font-family: MINISansSerifBold, sans-serif;
}

.selected-presta {
	border: 1px solid #FFF !important;
	border-bottom: 4px solid #007da3 !important;
	background-color: #FBFCFF;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
	color: #ffffff !important;
	background-color: #3071a9 !important;
	border-color: #285e8e !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
	color: #ffffff !important;
	background-color: #428bca !important;
	border-color: #357ebd !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

span.capitalizeInitial {
	text-transform: capitalize;
}

	span.capitalizeInitial::first-letter {
		text-transform: uppercase;
	}

.validationMessage {
	display: inline-block;
	margin-top: 5px;
	color: red;
}

.info-service {
	margin-right: -20px;
	right: 9px;
	top: -12px;
	z-index: 150;
}

.info-service-cal {
	margin-right: -1px;
	right: 0px;
	top: -6px;
	z-index: 150;
}

.item_panier p {
	float: left;
}

.item_panier .indicator.fa {
}

	.item_panier .indicator.fa:hover {
		cursor: pointer;
	}

.info-service {
	top: -10px;
	position: relative;
	left: 5px;
}

.card {
	border: 0;
}

.card-header {
	background-color: white !important;
}

.card-title {
	display: inline;
	cursor: pointer;
	font-family: MINISerifBold, serif;
}

@media only screen and (min-width : 1200px) {
	.prix_hover {
		color: #007da3;
	}
}

.prix_selected {
	color: #007da3;
}

@media all and (max-width: 680px) {
	.option-text {
		float: left;
		max-width: 155px;
	}

	.active-stage {
		border-right: 0px;
		border-bottom: 1px solid #118cf4;
	}

	.shopping-cart hr {
		display: none;
	}

	.total_line {
		border-top: 0px;
	}

	.name br, .total_prix br {
		display: inline;
	}

	.card-presta h5 {
		font-size: 11px !important;
	}

	.prix {
		font-size: 11px !important;
	}
}

@media only screen and (max-width : 767px) {
	.show-xs {
		display: inline !important;
	}

	.adjust-footer {
		padding-right: 15px;
	}

	.prix {
		margin: 18px 0px 0 0;
	}
}

/* Dealer */
.dealer-map-container {
	font-family: MINISansSerifRegular, sans-serif;
}

.dealer-list-container {
	background-color: white;
	/*border: 1px solid #ccc;*/
}

	.dealer-list-container::-webkit-scrollbar-track {
		background: #ccc;
	}

	.dealer-list-container::-webkit-scrollbar-thumb {
		background-color: white;
		border-radius: 2em;
		border: .1em solid #ccc;
	}

.dealer-detail-container {
	background-color: white;
}

.dealer-detail {
	font-family: MINISansSerifRegular, sans-serif;
}

.nearby-dealer-details.shown > .dealer-detail-container {
	border: 1px solid #ccc;
}

.custom-bold {
	font-family: 'MINISansSerifBold', MINISansSerifRegular, sans-serif;
	margin: 0;
}

.dealer-name-menu {
	font-family: 'MINISansSerifBold', MINISansSerifRegular, sans-serif;
}

.dealer-contact > div > .field-label,
.dealer-website,
.toggle-control > .expander-button {
	font-family: MINISansSerifBold, sans-serif;
}

.dealer-show-button {
	background-color: white;
	background-image: url(img/loupe.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #CCC;
	font-family: Arial, sans-serif;
	color: #262626;
}

	.dealer-show-button:hover {
		box-shadow: 0px 0px 3px 0px rgb(255 255 255);
		border: 1px solid #007da3;
	}

	.dealer-show-button:focus {
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
		border: none;
	}

	.dealer-show-button.selected, .dealer-show-button.selected:hover {
		box-shadow: 0px 0px 3px 0px #007da3;
		border: 1px solid #007da3;
	}

		.dealer-show-button.selected:focus {
			box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
		}

.dealer-name {
	font-family: "MINISansSerifBold", sans-serif;
	font-weight: 400;
	color: #292929;
}

.opening-hours {
	font-size: 13px;
}

/* End of Dealer stylisation */

.fa-refresh-animate {
	-moz-animation: spin-moz .7s infinite linear;
	-webkit-animation: spin-webkit .7s infinite linear;
	animation: spin .7s infinite linear;
}

@-moz-keyframes spin-moz {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin-webkit {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: scale(1) rotate(0deg);
	}

	to {
		transform: scale(1) rotate(360deg);
	}
}

.tooltip-option-selector {
	position: relative;
	display: inline-block;
}

.content-service {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: normal;
	align-items: center;
	align-content: normal;
}

.option-right-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: normal;
	align-items: center;
	align-content: normal;
}

.right-messages {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.right-basket {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	min-width: 20px !important;
}

@media (min-width:768px) {
	.popup-content.issue-validation-content {
		background-color: white;
		box-shadow: 10px 10px 60px #555;
		display: inline-block;
		height: unset;
		vertical-align: middle;
		width: 40%;
		position: relative;
		border-radius: 8px;
	}

	.package-option-selector.mobility-option {
		position: absolute;
		display: inline-block;
		width: calc(98% - 78px);
		vertical-align: middle;
		margin: auto;
		height: 100%;
	}

	.card-default > .card-header.mobility-spe {
		position: relative;
	}

	.content-service.mobility-service {
		position: absolute;
		height: 100%;
		width: 100%;
		text-align: center;
		padding-top: 10px;
		overflow: hidden;
	}

	.package-option-selector.mobility-spe {
		position: absolute;
		display: inline-block;
		width: calc(98% - 78px);
		vertical-align: middle;
		margin: auto;
		height: 100%;
	}

	.tooltip-option-selector .tooltiptext-option-selector {
		visibility: hidden;
		width: 350px;
		left: -325px;
		bottom: 25px;
		background-color: white;
		color: black;
		text-align: left;
		border-radius: 6px;
		padding: 8px;
		position: absolute;
		z-index: 999999;
		-webkit-box-shadow: 0 0 5px #aaa;
		box-shadow: 0 0 5px #aaa;
	}
}


@media (max-width: 767px) {
	.tooltip-option-selector .tooltiptext-option-selector {
		visibility: hidden;
		bottom: 25px;
		width: 260px;
		left: -220px;
		background-color: white;
		color: black;
		text-align: left;
		border-radius: 6px;
		padding: 8px;
		position: absolute;
		z-index: 999999;
		-webkit-box-shadow: 0 0 5px #aaa;
		box-shadow: 0 0 5px #aaa;
	}

		.tooltip-option-selector .tooltiptext-option-selector.mobility-tooltip {
			visibility: hidden;
			bottom: 25px;
			width: 260px;
			left: -120px;
			background-color: white;
			color: black;
			text-align: left;
			border-radius: 6px;
			padding: 8px;
			position: absolute;
			z-index: 999999;
			-webkit-box-shadow: 0 0 5px #aaa;
			box-shadow: 0 0 5px #aaa;
			font-size: 12px;
		}

	.tooltip-option-selector {
		position: relative;
		display: inline-block;
		/*float: right;*/
	}
}

.tooltip-option-selector:hover .tooltiptext-option-selector {
	visibility: visible;
}

.tooltip-option-wrapp {
	position: relative;
	display: inline-block;
}

.special-discount-container {
	position: relative;
	float: right;
	min-width: 165px;
	min-height: 32px;
}

	.special-discount-container > span:nth-child(2) {
		position: absolute;
		right: 0;
	}

.fc-time-grid .fc-slats td {
	height: 6em;
}

.fc-axis.fc-time.fc-widget-content {
	text-align: center;
}

.fc-time > span {
	font-family: "MINISansSerifBold", sans-serif;
	vertical-align: middle;
}

.fc th, .fc td {
	font-family: MINISansSerifRegular, sans-serif !important;
	text-transform: capitalize;
}

.fc-view-container {
	text-align: center;
}

.availableSection {
	display: flex;
	flex-direction: column;
}

.unAvailableSlotExplanation {
	align-self: center;
	padding-left: 8px;
}

.unAvailableSlotExplanation-icon {
	justify-self: center;
	align-self: center;
	margin: unset;
	top: unset;
}

#slotWarning {
	display: flex;
}

.mobility-content {
	white-space: pre-line;
	word-wrap: break-word;
	font-size: 12px;
}

@media only screen and (max-width:767px) {
	.popup.issue-pop-up {
		background: rgba(0,0,0,.4);
		display: none;
		height: 100%;
		position: fixed;
		text-align: center;
		top: 0;
		width: 106%;
		z-index: 10000;
		padding-top: 5%;
		margin-left: -21px;
	}

	.popup-content.issue-validation-content {
		background-color: white;
		box-shadow: 10px 10px 60px #555;
		display: inline-block;
		height: unset;
		vertical-align: middle;
		width: 80%;
		position: relative;
		border-radius: 8px;
		left: 10px;
		top: 100px;
	}

	.availableSection {
		min-height: 700px;
		background: white;
		width: 750px;
		position: initial;
		display: inline;
	}

	.close-pop-up-description-mobility {
		width: 15% !important;
		text-align: center;
		width: 10%;
	}

	.spinner-container {
		position: absolute;
		display: flex;
		align-items: initial;
		justify-content: center;
	}

	.availableSection > .spinner-container {
		width: 100%;
		padding-top: 460px;
		height: 0%;
	}

	.fc th, .fc td {
		font-family: Arial, sans-serif !important;
		text-transform: capitalize;
		font-size: 7px;
	}

	#slotsCalendar {
		min-width: 310px !important;
		opacity: 0.3;
	}

	.card-default > .card-header {
		min-width: 200px !important;
	}

	.mobility-description {
		padding-top: 15px;
		display: flex;
	}

	.package-option-selector.mobility-option {
		display: initial;
		line-height: 0em !important;
		width: 100%;
	}
}

@media only screen and (min-width:768px) and (max-height:512px) {
	.popup-content.issue-validation-content {
		width: 65%;
	}
}

.card-default {
	margin: 10px;
}

	.card-default > .card-header {
		grid-column: 1;
		min-width: 280px;
	}

.availability-slot-options {
	display: flex;
	flex-direction: row;
}

.date-planner-range-entry {
	display: flex;
	flex-direction: row;
	margin-bottom: 0.5em;
}

	.date-planner-range-entry > * > input {
		width: 8em;
		margin: 0;
		border-bottom: 1px solid black;
	}

.svg-icon-medium {
	width: 1.5em;
	margin: 0.25em;
}

#dateSection {
	margin-bottom: 1em;
}

#datePlannerRangeCal {
	margin-left: 2em;
}

#slotsTitle {
	font-family: MINISansSerifRegular, sans-serif;
	font-weight: 600;
}

#slotsCalendar {
	opacity: 0.3;
}

@media all and (max-width: 767px) {
	.availability-slot-options {
		flex-direction: column;
	}

	.date-planner-range-entry {
		align-items: center;
	}

		.date-planner-range-entry > div {
			margin-left: 1em;
		}

		.date-planner-range-entry > .svg-icon-medium {
			width: 40px;
			margin: 4px;
		}

	#dateSection {
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid #ddd;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 1em;
	}

	#datePlannerRangeCal {
		align-self: center;
		margin-left: 0;
		margin-right: 0;
	}

		#datePlannerRangeCal .datepicker-inline {
			width: unset;
		}

	#mobilitySection {
		margin-left: 0;
	}
}

/*Mobility section START*/

@media (min-width : 458px) {

	.mobility-header li {
		display: inline-block;
	}

	.waiting-room-header li {
		display: inline-block;
	}
}

@media (max-width : 459px) {

	.mobility-header li {
		display: block;
	}

	.waiting-room-header li {
		display: block;
	}
}

.waiting-room-header {
	display: flex;
	flex-direction: row;
	text-align: justify;
	align-items: center;
}

.mobility-header {
	display: flex;
	flex-direction: row;
	text-align: justify;
	align-items: center;
}

.remplacement-icon {
	max-width: 100%;
}

.mobility-header > ul {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-left: 1em;
	min-width: 4em;
	margin-top: 6px;
}

.waiting-room-header > ul {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-left: 1em;
	min-width: 4em;
}

.mobility-header > .indicator {
	padding-left: 6px;
	padding-top: 10px;
}

.waiting-room-header > .indicator {
	padding-left: 6px;
	padding-top: 10px;
}

.mobility-text {
	padding-left: 15px;
	padding-top: 6px;
	font-size: 14.5px;
}

.waiting-room-text {
	padding-left: 62px;
	padding-top: 0;
	margin-top: 0;
	font-size: 14.5px;
}

.mobility-star-position {
	top: -9px !important;
	margin-right: 0px !important;
}

.mobility-item {
	display: grid;
	grid-template-columns: 60px 110px;
	align-items: center;
}

	.mobility-item:hover {
		cursor: pointer;
	}

.mobility-first-item {
	grid-column: 1;
}

.mobility-second-item {
	grid-column: 2;
	text-align: center;
}

.mobility-validation {
	float: left;
	margin-bottom: 0.2rem;
}

/*Mobility section END*/

.mandatory {
	margin-top: 32px;
}

.coordinate-validation {
	margin-top: 50px;
}

.horizontal-radio > li {
	float: left;
}

	.horizontal-radio > li:nth-child(n+2) {
		margin-left: 50px;
	}

/*connexion à Espace perso SITE part start*/
.popup {
	background: rgba(0,0,0,.4);
	display: none;
	height: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	width: 106%;
	z-index: 10000;
	padding-top: 17%;
	margin-left: -21px;
}

@media (max-height:512px) {
	.popup {
		padding-top: 1vw;
	}

	.popup-content.issue-validation-content {
		top: 0;
	}
}

.popup.description-popup {
	background: rgba(0,0,0,.4);
	display: none;
	height: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10000;
	padding-top: 17%;
	margin-left: -21px;
}

.mobility-block {
	display: grid;
	grid-template-columns: 280px auto;
}

.mobility-first {
	grid-column: 1;
}

.mobility-second {
	grid-column: 2;
	grid-template-columns: auto;
	display: grid;
	align-items: center;
}

.mobility-selector {
	position: relative;
	display: inline-block;
	line-height: 4em;
	vertical-align: middle;
	margin: auto;
	cursor: pointer;
}

.free-item {
	font-family: "BMWType-Web-Bold", Arial, sans-serif;
	background: #007da3 !important;
}

.popup-content {
	background-color: white;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: 60%;
	vertical-align: middle;
	width: 85%;
	position: relative;
	border-radius: 8px;
}

#popup-optionInsideAdded .popup-content {
	padding: 30px;
	width: min-content;
	height: min-content;
}

.description-mobility-popup-content {
	background-color: white;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border-radius: 8px;
	padding-bottom: 1em;
	max-width: 50vw;
}

.popup-content.recall-validation-content {
	background-color: white;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: 230px;
	vertical-align: middle;
	width: 41%;
	position: relative;
	border-radius: 8px;
}

.recall-validation-button {
	width: 200px;
}

.popup-content.recall-validation-content .spinner {
	top: 50%;
	left: 50%;
	position: absolute;
}

.personal-space-header {
	grid-row: 1;
	display: grid;
	grid-template-columns: 100px auto auto;
}

.icon {
	grid-column: 1;
}

.personal-basic-text {
	text-align: justify;
}

.personal-text {
	font-weight: bold;
}

.space-content-text {
	color: #333333d6;
}

.header-text {
	grid-column: 2;
}

.cancel-button {
	grid-column: 3;
}

.personal-space-content {
	grid-row: 2;
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto auto;
	padding-left: 30px;
}

.already-member {
	grid-row: 1;
	grid-column: 1;
}

.personal-header-text {
	font-weight: bold;
	font-size: 16px;
	color: #555555f7;
}

.subscription-member {
	grid-row: 1;
	grid-column: 3;
}

.input-area {
	display: grid;
	grid-template-rows: auto auto;
	margin-right: 40px;
}

.input-header {
	grid-row: 1;
}

.input-text-header {
	color: gray;
	font-size: 12px;
	text-align: justify;
}

.input {
	grid-row: 2;
}

.email-area {
	grid-row: 2;
	grid-column: 1;
}

.password-area {
	grid-row: 2;
	grid-column: 2;
}

.subscribe-text {
	grid-row: 2;
	grid-column: 3;
}

.connection-button {
	grid-row: 3;
	grid-column: 1;
}

.personal-basic-button {
	font-size: 8px;
	text-align: justify;
}

.forgotton-button {
	grid-row: 3;
	grid-column: 2;
	text-decoration: underline;
}

.subscribe-button {
	grid-row: 3;
	grid-column: 3;
}

/*connexion à Espace perso SITE part end*/

/*recall part start*/

.recall-content {
	display: grid;
	grid-template-rows: auto auto auto;
}

.phone-number-header {
	margin-bottom: 10px;
}

.phone-number-input {
	max-width: 230px;
}
/*recall part end*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance: textfield; /* Firefox */
}

/* Slot Calendar */
.slot-cal-grid-corner {
	background-color: #007da3;
}

.slot-cal-grid-col-header {
	background-color: #007da3;
	font-family: "MINISansSerifBold", Arial, sans-serif;
}

.slot-cal-grid-row-header > div {
	font-family: "MINISansSerifRegular", Arial, sans-serif;
}

.slot-cal-grid-cell > button {
	font-family: "MINISansSerifBold", Arial, sans-serif;
}

	.slot-cal-grid-cell > button.slot-cal-selected {
		background-color: #007da3;
	}

.title-header-mobile {
	display: none;
}

.hrSeparatorForMobileMini {
	display: none;
}

/* EVE override Bootstrap grid.scss in minor device width */

@media all and (max-width: 768px) { /* 768 and not 767 !! */
	.row {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
}

/* EVE handle title font size myself and don't let Bootsrap make me crazy ... */

.title-header-mobile > h1 {
	font-family: "MINISerifBold", Georgia, serif !important;
	font-size: 20px !important;
}

@media all and (max-width: 768px) {
	.title-header-mobile > h1 {
		font-size: 24px !important;
	}
}

.title-header {
	font-family: MINISansSerifRegular, sans-serif;
	color: #000;
	font-size: 14px;
	margin: 0 0 0 0;
}

@media all and (min-width: 768px) {
	.title-header > h1 {
		font-size: 24px !important;
	}
}

@media all and (min-width: 992px) {
	.title-header > h1 {
		font-size: 31px !important;
	}
}

@media all and (min-width: 1200px) {
	.title-header > h1 {
		font-size: 34px !important;
	}
}

/* EVE global collapse border fix */
#collapseREGISTRATION .card-collapse, #collapseVIN .card-collapse, #collapseMODEL .card-collapse {
	padding-top: 15px;
}

#collapseREGISTRATION .card-body, #collapseVIN .card-body, #collapseMODEL .card-body {
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid #eee;
}

/* EVE better css trick to handle right padding on last/others menu card */
@media all and (min-width: 768px) {
	div .padding-stage {
		padding-left: 0px;
		padding-right: 15px;
		margin-top: 10px;
	}
}

@media all and (max-width: 767px) {
	div .padding-stage {
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 10px;
	}
}

div .last-padding-stage {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 10px;
}

@media all and (min-width: 768px) {
	.padding-stage {
		margin-top: 0px;
	}

	.last-padding-stage {
		margin-top: 0px;
	}
}

/* EVE override/force default transition */
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
}

/* EVE last action (hero) trick to avoid/override bootstrap grid padding */
div .no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

@media all and (max-width: 767px) {
	.package-section, .customerForm {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* EVE dedicated recall button/zone styles */
.recall-button {
	margin-left: 10px;
}

@media all and (min-width: 768px) {
	.recall-button {
		margin-left: 20px;
	}
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #fff !important;
	border-color: #000 !important;
	color: #000 !important;
}

.btn:disabled {
	cursor: not-allowed !important;
}


.btn-primary {
	line-height: 28px;
}

span.error {
	font-family: MINISansSerifRegular !important;
}

.image-bg hr {
	border-color: #fff;
	opacity: .6;
}

.image-bg.bg-light hr {
	border-color: #ccc;
	opacity: 1;
}

.image-bg a {
	color: #fff;
}

	.image-bg a:hover {
		color: #fff;
		opacity: .9;
	}

.image-bg.bg-light h1,
.image-bg.bg-light h2,
.image-bg.bg-light h3,
.image-bg.bg-light h4,
.image-bg.bg-light h5,
.image-bg.bg-light h6 {
	color: #222222;
}

.image-bg.bg-light p,
.image-bg.bg-light span,
.image-bg.bg-light li {
	color: #777777;
}


.image-bg .text-slider .flex-direction-nav li a:before {
	color: #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .5;
}

.image-bg .text-slider .flex-direction-nav li a:hover:before {
	opacity: 1;
}


.image-bg .feature i {
	color: #fff;
}

.image-bg .feature h1,
.image-bg .feature h2,
.image-bg .feature h3,
.image-bg .feature h4,
.image-bg .feature h5,
.image-bg .feature h6 {
	color: #ffffff;
}

.image-bg .feature p,
.image-bg .feature span,
.image-bg .feature li {
	color: #ffffff;
}

.image-bg .feature.bordered {
	border-color: rgba(255, 255, 255, 0.4);
}

.image-bg .feature.boxed {
	background: rgba(34, 34, 34, 0.4);
}


.image-bg .icon-tabs .active .tab-title i {
	color: #fff;
}

.image-bg .breadcrumb li a {
	color: #fff;
	opacity: .8;
}

	.image-bg .breadcrumb li a:hover {
		opacity: 1;
	}

.image-bg .breadcrumb li.active {
	color: #fff;
}

.gotoMessage, .gotoMessage > a {
	font-size: 14px;
	color: #007da3;
}
