/* Minification failed. Returning unminified contents.
(2256,14): run-time error CSS1036: Expected expression, found ':'
(2834,16): run-time error CSS1038: Expected hex color, found '#0000'
 */
/*@font-face {
	font-family: 'Renogare';
	src: url('../fonts/Renogare-Regular.otf');
	
}*/
/*
@font-face {
	font-family: 'District';
	src: url('../fonts/DistTh_.ttf');
}*/

body {
	background: #fff;
	font-family: District, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.4;
	color: #222222;
	background-color: #ffffff;
}

/*#main {
	margin-top: 60px;
}*/

#chat-button:hover {
	background-color: transparent !important;
	color: white !important;
	cursor: pointer;
}

@media(max-width: 414px) {
	#main {
		margin-top: 0px;
	}
}

a {
	color: #000 !important;
}

	a:hover, a:focus {
		color: #000;
		text-decoration: underline;
	}

.footer-content .menu a {
	color: #fff !important;
}

.ss-blue {
	color: #676767;
}

.ss-green {
	color: #000;
}

.ss-pageheading {
	font-size: 30px;
	text-align: center;
	font-weight: normal !important;
}

.es-background-grey {
	background-color: #eeeeee;
}

	.es-background-grey p {
		margin-top: 53px;
		font-size: 22px;
		font-weight: 100;
	}

::selection {
	color: #fff;
	background: #ccc; /* Safari */
}

::-moz-selection {
	color: #fff;
	background: #ccc; /* Firefox */
}

a::selection {
	color: #ccc;
	background: #fff; /* Safari */
}

a::-moz-selection {
	color: #ccc;
	background: #fff; /* Firefox */
}



.table-borderless td {
	border: none;
}

.img-center {
	margin: 0 auto;
}

/*rating */
label.rating {
	float: left;
	padding: 0 1em;
	text-align: center;
	font-weight: bold;
}

.left-align-label {
	float: left;
	margin-top: 20px;
}

.right-align-label {
	margin-top: 20px;
}

.commentbox {
	width: 75%;
	margin-left: 60px;
}

/*search */
.searchform {
	position: relative;
	top: -2px;
}

/* breadcrumbs */
@media (min-width: 992px) {
	.breadcrumb {
		background-color: white;
	}
}

@media (min-width: 992px) {
	.half-gutter > [class*="col-"] {
		padding-right: 5px;
		padding-left: 5px;
	}

		.half-gutter > [class*="col-"]:first-child {
			padding-right: 5px;
			padding-left: 5px;
		}

		.half-gutter > [class*="col-"]:last-child {
			padding-left: 5px;
			padding-right: 5px;
		}
}

input {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
}

/* NO JS */
#javascriptWarning {
	text-align: center;
}

	#javascriptWarning h4 {
		display: inline;
	}

/* share */
.social-sharing {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
}

	.social-sharing li {
		display: inline-block;
	}

/* Search*/
#search {
	margin-top: 10px;
	margin-bottom: 10px;
}

#___gcse_0 input[type="text"] {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}



/* Main Navigation */

/*Booking Form Buttons*/
.contact-number {
	display: none;
}

a.btn-contact {
	border-radius: 20px;
	width: 400px;
}

a.btn-contact-mobile {
	display: none;
}

a.btn-contact-mobile-main {
	display: none;
}

.mobile-display {
	display: none;
}

.questions {
	margin-top: 10px;
	margin-bottom: -10px;
}

/*@media (min-width: 767px) {
	.navbar-ss .dropdown-menu {
		opacity: 0;
		transition: 0.5s opacity 0.5 ease;
		-moz-transition: 0.5s opacity 0.5 ease;
		-webkit-transition: 0.5s opacity 0.5 ease;
	}
	.navbar-ss .dropdown:hover .dropdown-menu {
		opacity: 1;
	}
	.dropdown.mega-fw:hover {
		background: none repeat scroll 0 0 #000;
	}
	.dropdown.mega-fw:hover a.dropdown-toggle {
		color: #fff;
	}
	.dropdown.mega-fw .dropdown-menu {
		border-top: 1px solid #000;
	}
}*/

/*.navbar-ss .nav > li > a.active
{
	background-color:#000;
	color:#fff;
}
.navbar-ss .navbar-nav.nav-justified > li {
	float: none;
	vertical-align: bottom;
}
.navbar-ss .nav > li > a {
	color: #000;
	font-size: 14px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;;    
	border-right: none;
}*/
/*.navbar-ss .nav > li > a:hover, .navbar-ss .nav > li > a:focus {
	background: #000;
	color: #fff;
}
.navbar-ss .dropdown-menu a {
	font-size: 14px;
}
.navHeading {
	color: #5f6163;
	font-size: 20px;
	font-weight: 500;
}*/

/*mobile menu */
@media (max-width: 767px) {
	.ss-mobile-nav {
		margin: 0;
		display: table;
		width: 100%;
	}

		.ss-mobile-nav li {
			width: 25%;
			text-align: center;
			display: table-cell;
			vertical-align: middle;
		}
	/*.navbar-nav {
		margin: 0;
	}
	.navbar-collapse {
		max-height: none;
		overflow: hidden;
	}
	.navbar-ss .nav > li {
		border-bottom: 1px solid #ddd;
	}
	.navbar-ss .nav > li:last-child {
		border-bottom: none;
	}
	.navbar-ss .nav > li > a {
		font-weight: 500;
		text-transform: capitalize;
		font-size: 24px;
		height: 50px;
		line-height: 25px;
		color: #888;
		
	}
	.navbar-ss .nav > li > a:hover, .navbar-ss .nav > li > a:focus {
		background: #888;
		color: #fff;
	}
	.img-responsive.mobi-logo {
		padding: 2px 0;
	}
	.navbar-ss .dropdown:hover .dropdown-menu {
		opacity: 1;
		display: auto;
	}
	.nav-justified > li > a {
		margin: 0;
	}*/
	/* sub menu */
	.mega-content.row {
		padding: 0;
	}

	.mega-content .navHeading {
		text-align: center;
		background: #BFBFBF;
		border-bottom: 1px solid #efefef;
		color: #fff;
		font-size: 22px;
	}

	.mega-content a, .mega-content li, .mega-content p {
		text-align: center;
		font-size: 20px;
		display: block;
	}

	.mega-content li {
		border-bottom: 1px solid #efefef;
		line-height: 40px;
	}

	.mega-content p {
		margin: 0;
	}

	.dropdown-menu {
		padding: 0;
	}
}

.mobiMenuText {
	color: #888;
	font-size: 20px;
	left: 7px;
	position: absolute;
	top: 1px;
}

ul.ss-quicklinks {
	text-align: right;
	margin: 0 !important;
	position: relative;
	top: 6px;
}

	ul.ss-quicklinks li {
		padding: 0 10px;
	}

#search .ss-askss {
	position: absolute;
	right: 0;
	top: -3px;
}

/* account top */
.ss-quicklinks .dropdown-menu {
	left: auto;
}

.ss-quicklinks a {
	text-align: left;
}



@media (max-width: 767px) {
	.topbar {
		background: #0F5DA7;
		color: #fff;
	}

	.contact-text {
		display: none;
	}

	.contact-number {
		display: block;
	}

	a.btn-contact {
		display: none;
	}

	a.btn-contact-mobile {
		display: block;
		border-radius: 20px;
	}

	a.btn-contact-mobile-main {
		display: block;
		border-radius: 20px;
	}

	.mobile-display {
		display: block;
	}

	.breadcrumb {
		display: none;
	}

	.align-mobile {
		margin-left: 50px;
	}
}

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

	.align-mobile {
		margin-left: 35px;
	}
}

.topbar a {
	color: #dadada;
}

.featureIcon {
	color: #fff;
	display: inline-block;
	font-size: 30px;
}

.featureTitle {
	color: #fff;
	font-size: 13px;
}

.featureSubtitle {
	color: #aeaeae;
	font-size: 13px;
}

.topbar .dropdown-menu a {
}

.social-icons {
	text-align: right;
	position: relative;
	margin: 0 !important;
}

@media (max-width: 767px) {
	.social-icons {
		text-align: center;
	}
}

.social-icons li {
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
}

	.social-icons li a {
		display: block;
		position: relative;
		text-align: center;
		font-size: 16px;
	}

		.social-icons li a.blogger {
			font-size: 14px;
			position: relative;
		}

		.social-icons li a i {
		}

.facebook:hover {
	background-color: #4A6D9D;
	color: #fff !important;
}

.twitter:hover {
	background-color: #3bc1ed;
	color: #fff !important;
}

.linkedin:hover {
	background-color: #1683BC;
	color: #fff !important;
}

.youtube:hover {
	background-color: #D53824;
	color: #fff !important;
}

.pinterest:hover {
	background-color: #CB1F25;
	color: #fff !important;
}
/*Footer*/
.footerLinks .panel {
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.footerLinks .panel-group .panel-heading + .panel-collapse .panel-body {
	border: none;
}

.footerLinks .panel-group .panel + .panel {
	margin: 0;
}

.footerLinks .panel-title {
	text-align: center;
	border: 1px solid #a6a7a7;
	padding: 5px;
	background: #e3e7e7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.paymentOptions {
	margin: 0 auto;
}

.featureBar {
	background: #E5E5E5;
}

ul.social-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul.social-list li i {
		/*color:#fff;*/
		width: 16px;
		height: 16px;
		line-height: 16px;
		margin: 0;
		padding: 1px;
	}

	ul.social-list li:hover i {
		color: #fff;
	}

.social-list li:hover .fa-file-text-o {
	color: #333;
}

.social-list li:hover .fa-facebook {
	background: #4A6D9D;
}

.social-list li:hover .fa-twitter {
	background: #3bc1ed;
}

.social-list li:hover .fa-instagram {
	background: #004879;
}

.social-list li:hover .fa-youtube-play {
	background: #D53824;
}

.social-list li:hover .fa-google-plus {
	background: #CB1F25;
}

.social-list li:hover .fa-linkedin {
	background: #1683BC;
}

.social-list li:hover .fa-pinterest {
	background: #CB1F25;
}

.fa-calendar.mobile-nav {
	color: #BDBDBD;
	font-size: 22px;
	margin-top: 3px;
}

.glyphicon-map-marker.mobile-nav {
	color: #BDBDBD;
	font-size: 22px;
	margin-top: 3px;
}


/* disclaimer */
#disclaimer {
	text-align: center;
}

/* Side Nav */
ul.sideNav {
	padding: 0;
	list-style-type: none;
}

	ul.sideNav li {
		margin: 2px 0;
	}

	ul.sideNav a {
		color: #8B8B8B;
	}

.sideNav li.active {
	position: relative;
	padding: 5px;
}

	.sideNav li.active a {
		color: #000;
		position: relative;
	}

/* Affix */
/*.affix {
	width: inherit;
	position: fixed;
	top: 50px;
}
.affix-bottom {
	width: inherit;
	position: absolute;
	top: auto;
	bottom: 130px;
}
.affix-top {
}*/

/* Forms */
form label {
	font-weight: normal;
}

/* Find a store*/
.no-js .storeSearch {
	display: none;
}

.storeListItem hr {
}

.storeListItem {
	margin-left: 2%;
	margin-right: 1%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
	.storeListItem {
		margin-left: 8px;
		margin-right: -25px;
	}
}


/*@media screen and (min-width: 360px) and (max-width: 425px) {
	.storeListItem {
		margin-left: 2%;*/
/*margin-right: -2%;*/
/*}
}

@media screen and (max-width: 320px) {
	.storeListItem {
		margin-left: 2%;*/
/*margin-right: -6%;*/
/*}
}*/


.store-box {
	background: #fff;
	transition: all 0.2s ease;
	border: 2px dashed #dadada;
	margin: 20px 0;
	box-sizing: border-box;
	border-radius: 5px;
	background-clip: padding-box;
	padding: 0 20px 20px 20px;
	height: 300px;
}

	.store-box:hover {
		border: 2px solid #525C7A;
	}

	.store-box span.box-title {
		color: #fff;
		font-size: 24px;
		font-weight: 300;
		text-transform: uppercase;
	}

	.store-box .box-content {
		padding: 16px;
		border-radius: 0 0 2px 2px;
		background-clip: padding-box;
		box-sizing: border-box;
	}

		.store-box .box-content p {
			color: #515c66;
			text-transform: none;
		}


#map {
	width: 100%;
	border: 1px solid #888;
	position: relative;
}

	#map .geolocations {
		position: absolute;
		top: 0;
		right: 55%;
		background: #fff;
		padding: 6px;
		color: #000;
		border-radius: 0 !important;
		border: 1px solid #000;
		border-top: 1px solid #888;
	}

#map, .storeMainImage {
	height: 312px;
}

.ss-storeheading {
	color: #000;
	margin: 0;
	padding: 0;
}

.ss-storePageHeading {
	font-size: 24px;
}

.ss-storeheading a {
	color: #000;
}

	.ss-storeheading a:hover {
		color: #111;
		text-decoration: none;
	}

#storeBarNav {
	z-index: 2;
}

	#storeBarNav.affix {
		position: fixed;
	}

	#storeBarNav.affix-bottom {
		position: absolute;
		top: auto;
	}

.table.storeInfo tr {
	border-bottom: 1px solid #ddd;
	border-top: none;
}

.storeQuote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	font-size: 24px;
	quotes: "\201C""\201D""\2018""\2019";
}

	.storeQuote:before {
		color: #ccc;
		content: open-quote;
		font-size: 4em;
		line-height: 0.1em;
		margin-right: 0.25em;
		vertical-align: -0.4em;
	}

	.storeQuote p {
		display: inline;
	}

.storeTimes .text-muted {
	margin: 0 10px 0 0;
}

.list-unstyled.storeTimes > li {
	/*border-bottom: 1px solid #ddd;
	margin: 9px 0;
	padding: 5px 0;*/
}

.list-unstyled.storeTimes {
	border-top: none;
}


@media (max-width: 992px) {
	#storeBarNav.affix {
		position: relative;
		top: auto;
	}

	#storeBarNav.affix-bottom {
		position: relative;
		top: auto;
	}

	#storeBarNav.affix-top {
	}
}

.ss-store-bar {
	color: #000;
	padding: 10px 15px;
	transition: padding 0.5s ease 0s;
}

.nested-row {
	margin: 0 -15px;
}

@media (max-width: 767px) {
	.ss-storeheading {
		font-size: 22px;
	}

	.nested-row {
		margin: 0;
	}
}

.store-sticky-footer {
	bottom: 0;
	height: 50px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 999;
}

	.store-sticky-footer .inner {
		padding: 10px;
	}

.bg-sticky-footer {
	background: #0161b7 none repeat scroll 0 0;
	display: block;
	height: 100%;
	opacity: 0.7;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.carousel-control {
	color: #0F5DA7;
}

	.carousel-control.left, .carousel-control.right {
		background: none;
	}

.store-carousul-image {
	margin-left: auto;
	margin-right: auto;
	max-height: 200px;
}

div.storeMainImage {
	border: 1px solid #888;
	overflow: hidden;
}

div.center-cropped img {
	min-width: 100%;
	position: relative;
}

#storeFinderNav.affix {
	position: fixed;
	top: 10px;
}

#storeFinderNav.affix-bottom {
	position: absolute;
	top: auto;
}

#storeFinderNav.affix-top {
}

@media (max-width: 992px) {
	#storeFinderNav.affix {
		position: relative;
		top: auto;
	}

	#storeFinderNav.affix-bottom {
		position: relative;
		top: auto;
	}

	#storeFinderNav.affix-top {
	}
}
/* Widgets */
.widget {
	margin: 0 0 10px;
	position: relative;
	width: 100%;
}

.widgetBgImg {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.widgetContent {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
	z-index: 2;
	width: 180px;
}

	.widgetContent a {
		text-decoration: none;
	}

.widgetHeading {
	color: #FFFFFF;
	font-weight: 500;
	margin: 0 0 10px;
	font-size: 22px;
}

	.widgetHeading:hover {
		text-decoration: none;
	}

.widgetSubHeading {
	color: #FFFFFF;
	font-weight: 100;
}

.widgetUrl {
	bottom: 10px;
	left: 15px;
	color: #FFFFFF;
	font-size: 14px;
	position: absolute;
	z-index: 2;
}

	.widgetUrl:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}

@media (max-width: 767px) {
	.widget {
		min-height: 120px;
	}

	.widgetBgImg {
		display: none;
	}

	.widgetContent {
		width: auto;
	}

	.widgetSubHeading {
		line-height: 16px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.widget {
		height: 205px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.widget {
		height: 167px;
	}

	.widgetSubHeading {
		line-height: 16px;
	}
}

@media (min-width: 1200px) {
	.widget {
		height: 205px;
	}
}
/* Email Subscription */
.ss-lead {
	font-size: 24px;
	line-height: 40px;
}
/* Blog Posts */
.blog-post {
	margin: 0 0 50px;
}

.post-meta a {
	color: #AEAEAE;
}

.post-intro {
	height: 100px;
}

.ss-post-heading {
	/*margin: 5px 0 0 0;*/
	font: caption;
	font-stretch: condensed;
}

	.ss-post-heading a {
		color: #363636;
		font-size: 24px;
		font-weight: 100;
	}

.ss-post-readmore {
	color: #AEAEAE;
	margin: 10px 0 0 0;
	border: 1px solid;
	/*border-radius: 3px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.text-meta {
	color: #AEAEAE;
	font-size: 12px;
	margin: 0 10px 0 0;
}

.blogRecent li {
	margin: 10px 0 0 5px !important;
	font-size: 12px;
}

.ss-post-sideheading {
	color: #333 !important;
	font-weight: 500;
	font-size: 13px;
}

.ss-post-side-category {
	color: #AEAEAE !important;
	font-size: 12px;
}
/* Geolocation */
.no-geolocation gps {
	display: none;
}
/*404*/
.error-page {
	position: relative;
}

.error-holder {
	border: 1px solid #fff;
	height: 300px;
	padding: 20px;
	position: absolute;
	right: 100px;
	top: 120px;
	width: 400px;
}

.error-content {
	color: #fff;
	position: absolute;
	z-index: 5;
}

.error-overlay {
	background: none repeat scroll 0 0 #448;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
/* Youtube */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/* slideshow */
.mobile-caption-area {
	text-align: center;
}
/* validation errors*/
.field-validation-error {
	color: #F56954;
}

.form-control {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	box-shadow: none;
}

	.form-control:focus {
		border-color: #3c8dbc !important;
		box-shadow: none;
	}

.form-group.has-success label {
	color: #00a65a;
}

.form-group.has-success .form-control {
	border-color: #00a65a !important;
	box-shadow: none;
}

.form-group.has-warning label {
	color: #f39c12;
}

.form-group.has-warning .form-control {
	border-color: #f39c12 !important;
	box-shadow: none;
}

.form-group.has-error label {
	color: #f56954;
}

.form-group.has-error .form-control {
	border-color: #f56954 !important;
	box-shadow: none;
}


.form-control.date.picker__input {
	cursor: pointer;
	background: #fff;
}
/*careers*/
.icon-block {
	color: #10a3d7;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0;
}

	.icon-block .fa {
		font-size: 80px;
	}

.job-block {
	background: #10a3d7;
	width: 100%;
	color: #fff;
	padding: 5px 10px;
}

	.job-block strong {
		font-size: 26px;
	}

	.job-block a {
		color: #000000;
		display: inline-block;
		float: right;
		font-size: 18px;
		font-weight: bold;
		position: relative;
		text-align: right;
		top: 10px;
	}
/* Black Friday */
.blackfriday.bar {
	background: #000;
}

.sunglassOffer {
	width: 100%;
	background: #4DB472;
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding: 4px;
	display: none;
}

.full-moto {
	/* Safari 4-5, Chrome 1-9 */
	/* Can't specify a percentage size? Laaaaaame. */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#373333), to(#000000));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #373333,#262626,#090909, #000000);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #373333,#262626,#090909, #000000);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #373333,#262626,#090909, #000000);
	height: 360px;
}

.full-store-gradient {
	/* Safari 4-5, Chrome 1-9 */
	/* Can't specify a percentage size? Laaaaaame. */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFFFFF), to(#919191));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #FFFFFF,#CCCCCC,#BCBCBC, #919191);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #FFFFFF,#CCCCCC,#BCBCBC, #919191);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #FFFFFF,#CCCCCC,#BCBCBC, #919191);
	padding-bottom: 15px;
}

.full-moto .moto {
	padding: 53px;
	font-size: 60px;
	font-weight: 100;
	color: #fff;
}

#main .full-store-gradient .container {
	background: transparent;
}

.btn-circle-sm {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 2px 0;
	font-size: 20px;
	line-height: 1.65;
	border-radius: 30px;
}

.black {
	background-color: #000;
	color: #fff;
}

.zigzag {
	background: linear-gradient(125deg, #fff 25%, transparent 25%) -50px 0, linear-gradient(235deg, #fff 25%, transparent 25%) -50px 0, linear-gradient(299deg, #fff 25%, transparent 25%), linear-gradient(41deg, #fff 25%, transparent 25%);
	background-size: 47px 58px;
	background-color: #000;
	height: 20px;
}

#staff img.expand:hover {
	transform: scale(1.01);
	opacity: 0.9;
}

.image-responsive {
	max-width: 100%;
	height: auto;
}

.image-swap {
	position: relative;
	margin: 0 auto;
}

	.image-swap img {
		position: absolute;
		left: 0;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 0s ease-in-out;
		-o-transition: opacity 0s ease-in-out;
		transition: opacity 0s ease-in-out;
	}

		.image-swap img.top {
			position: relative;
		}

			.image-swap img.top:hover {
				opacity: 0;
			}

.hout {
	background-image: url("../images/cms/cmsimages/images/Pages/wood.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.baksteen {
	background-image: url("../images/cms/cmsimages/images/Pages/baksteen.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.btn-curly {
	background-image: url("../img/base/curly.gif");
	background-position: center;
	background-size: 100% 100%;
	background-color: transparent;
	border: none;
}

	.btn-curly:hover, .btn-curly:active {
		background-image: url("../img/base/curly-down.gif");
		background-position: center;
		background-size: 100% 100%;
		background-color: transparent;
		border: none;
	}

.loading-spinner {
	background: url(../img/base/loading.gif) center center no-repeat;
}

.rotate3 {
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	margin-bottom: 25px;
	margin-top: -25px;
}

.list-inline a:hover {
	text-decoration: none;
}

.list-inline.ss-quicklinks a:hover {
	text-decoration: underline;
}

.exec-submenu {
	text-align: center;
	margin-top: 10px;
}

	.exec-submenu li {
		padding-left: 54px;
	}

.activeIndicator {
	background-color: #000;
	color: #fff;
	line-height: 15px;
	padding: 7px;
}

.collapsed > .activeIndicator {
	background-color: transparent;
	color: inherit;
}

.activeIndicator:before {
	content: '';
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -30px;
	width: 0;
	height: 0;
	border-bottom: solid 30px #000;
	border-left: solid 30px transparent;
	border-right: solid 30px transparent;
}

.collapsed > .activeIndicator:before {
	display: none;
}

@media (max-width: 1000px) {
	.activeIndicator:before {
		top: 48px;
		left: 50%;
		margin-left: -15px;
		width: 0;
		height: 0;
		border-bottom: solid 10px transparent;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}

	.activeIndicator {
		font-size: 8pt;
	}

	.store-staff .fullname {
		font-size: 8pt;
	}

	.full-moto {
		height: auto;
	}
}
/* Appointment Book */
.booking-panel .panel-body {
	/*background: #f1eeed none repeat scroll 0 0;*/
}

.calendar-day {
	margin: 0 10px;
	display: inline-block;
}

.calendar-block {
	background: #fff none repeat scroll 0 0;
	color: #000;
	display: block;
	height: 90px;
	margin: 15px 0;
	padding: 25px 0;
	text-align: center;
	width: 120px;
	font-size: 12px;
	border: 1px solid #dedede;
}

	.calendar-block:hover {
		background: #000;
		cursor: pointer;
		color: #fff;
		border: 1px solid #fff;
		text-decoration: none;
	}

.available-slots {
	color: #8C8C8C;
}

.calendar-day-heading {
	text-align: center;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
}

.daytime {
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
}

.calendar-block:hover .daytime, .calendar-block:hover .available-slots {
	color: #fff;
}


.calendar-block.disabled {
	cursor: not-allowed;
	background: #e4e4e4;
	border: 1px solid #e4e4e4;
}

	.calendar-block.disabled .daytime, .calendar-block.disabled .available-slots {
		color: #888;
	}

.calendar-loading {
	background: url(../img/base/loading48x48.gif) no-repeat center center;
	width: 100%;
	margin: 0 auto;
	display: block;
}

.slots .modal-body {
	text-align: left;
}

#txtCalendarDate {
	background: #fff !important;
	cursor: default;
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 18px;
}
/*mobile*/
@media (max-width: 767px) {
	.calendar-day {
		border: 1px solid #e1e0e0;
		margin: 10px;
	}

	.calendar-block {
		border: 1px solid #dedede;
		display: inline-block;
		margin: 3px;
		width: 65px;
	}
}
/*tablet*/
@media (min-width: 768px) and (max-width: 991px) {
	.calendar-block {
	}
}
/*laptop*/
@media (min-width: 992px) and (max-width: 1199px) {
	.calendar-block {
		width: 100px;
	}
}

.img-overlay {
	margin-top: -71px;
	color: #fff;
	text-shadow: 4px 2px 1px black;
	left: 0;
	/*position: absolute;*/
	text-align: center;
	top: 150px;
	width: 100%;
}

#img_container {
	position: relative;
	display: inline-block;
	text-align: center;
	border: 1px solid red;
	border: none;
}

.hometryon-overlay {
	position: absolute;
	bottom: 20%;
	right: 49%;
	width: 100px;
}

@media screen and (max-width: 646px) {
	.hometryon-overlay {
		position: absolute;
		bottom: 20%;
		right: 10%;
		width: 100px;
	}
}

.container-half {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.container {
	background: #fff;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.container-ourstory {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.store-form input[type="text"] {
	padding: 0 30px;
	width: 30%;
}

.store-form input {
	background: transparent;
	border-radius: 6px;
	border: 2px solid #000;
	line-height: 48px;
	color: #000;
}

.store-form {
	margin-top: 10px;
}

.booking-panel {
	border: none;
}



.carousel {
	margin-bottom: 0;
	/*padding: 0 30px 30px 40px;*/
}
/* The controlsy */
.carousel-control {
	/*left: -35px;*/
	height: 40px;
	width: 20px;
	background: none repeat scroll 0 0 #222222;
	/*border: 4px solid #000;*/
	border-radius: 23px 23px 23px 23px;
	margin-top: 90px;
}

	.carousel-control.right {
		/*right: -35px;*/
	}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
	/* The colour of the indicators */
	.carousel-indicators li {
		background: #cecece;
	}

	.carousel-indicators .active {
		background: #428bca;
	}
/*#instagram li img {
	width: 100%;
}*/
.nav-tabs > li > a {
	/*margin-right: -44px;*/
	/*margin-left: -33px;*/
}

.not-active {
	pointer-events: none;
	cursor: default;
}

.storeBorder {
	border: 2px solid darkgrey;
	padding: 5px;
	border-radius: 5px;
}

.img-circle {
	width: 100px;
}

.home .ss-framePrice {
	display: none;
}
/*.stroreImg:hover {
	-webkit-filter: brightness(40%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}*/
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}

.hvrbox {
	position: relative;
/*	display: inline-block;
	overflow: hidden;*/
	max-width: 100%;
	height: auto;
}

	.hvrbox img {
		max-width: 100%;
	}

	.hvrbox .hvrbox-layer_bottom {
		display: block;
	}

	.hvrbox .hvrbox-layer_top {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		color: #fff;
		padding: 15px;
		-moz-transition: all 0.4s ease-in-out 0s;
		-webkit-transition: all 0.4s ease-in-out 0s;
		-ms-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}

	.hvrbox .hvrbox-layer_top,
	.hvrbox.active .hvrbox-layer_top {
		opacity: 1;
	}

	.hvrbox .hvrbox-text {
		text-align: center;
		font-size: 18px;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.hvrbox .hvrbox-text_mobile {
		font-size: 15px;
		border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
		border-top: 1px solid rgba(179, 179, 179, 0.7);
		margin-top: 5px;
		padding-top: 2px;
		display: none;
	}

	.hvrbox.active .hvrbox-text_mobile {
		display: block;
	}

	.hvrbox:hover .hvrbox-layer_top,
	.hvrbox.active .hvrbox-layer_top {
		opacity: 0.5;
		color: black;
	}

.input-group .twitter-typeahead {
	display: inline !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #000;
}

.tt-open {
	background-color: #fff;
	width: 500px;
	text-align: left;
}


@media (max-width: 768px) {
	.container {
		width: 100%;
		overflow: hidden;
	}
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	margin-left: 0px;
}

#demo {
	margin-bottom: 100px !important;
}

.image_container {
	position: relative;
	display: inline-block;
	text-align: center;
	margin-left: 0px;
	/*padding-left: 70px;
	padding-right: 70px;*/
}

@media (max-width: 414px) {
	.img_containerMobile {
		position: relative;
		display: inline-block;
		text-align: center;
		margin-left: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

.StoreBarHeading {
	font-family: Renogare,'Work Sans';
	font-size: 36px;
	font-weight: 600;
	text-shadow: none;
	text-align: left;
	position: absolute;
	margin-top: 15%;
	color: black;
	padding-left: 25%;
	letter-spacing: 2px;
}

@media (min-width: 200px) and (max-width:1000px) {
	.StoreBarMobile {
		font-family: Renogare,'Work Sans';
		font-size: 30px;
		font-weight: 600;
		text-shadow: none;
		color: black;
		left: 0px;
		margin-top: -15px;
		text-align: left;
		padding-left: 9px;
		letter-spacing: 0px;
	}
}
/*Catalog filter Styles*/
.textColor {
	color: #3c3b3b !important;
}

/*ul li:hover {
	background: #f5f5f5 !important;
	color: #727272 !important;
}*/

.listButton {
	width: 100%;
	border: none;
	background-color: transparent;
	padding: 3px 20px;
	font-weight: 400;
	color: #3c3b3b !important;
}

.colourStyle {
	margin-left: 20px;
}

.searchHeading {
	margin-top: 0;
	margin-bottom: 0;
	color: inherit;
}

.SearchHeadingText {
	font-size: 20px;
	font-weight: 500;
	color: white;
}

.panel-body {
	background-color: white;
	padding-top: 0px;
	padding-bottom: 0px;
}

.checkBoxStyle {
	padding: 5.5px !important;
	text-align: left;
}

.colourCheckBox {
	padding: 0px !important;
	text-align: center;
}

.FilterBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: gray;
	color: white;
	padding: 10px;
	border-radius: 25px;
	font-size: 19px;
	cursor: pointer;
}

	.FilterBtn:hover {
		background-color: #555;
	}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

	.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 20px;
		color: #818181;
		display: block;
		transition: 0.3s;
		background-color: lightgray;
	}

		.sidenav a:hover {
			color: #f1f1f1;
		}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		font-size: 36px;
		margin-left: 76%;
		margin-top: 12%;
		color: white !important;
	}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

		.sidenav a {
			font-size: 18px;
		}
}

#mySidenav {
	margin: 0;
}

.noUiSlider.horizontal div {
	margin: -9px 0 0 -40px !important;
}
/*Gender filter*/
.genderButtons {
	max-width: 100% !important;
	display: block;
	border: solid 1px !important;
	/* border-color: lightgray !important; */
	/* border-top: none !important; */
	border-bottom: none !important;
	background-color: white !important;
	font-weight: unset !important;
	border-bottom: solid 1px !important;
}

	.genderButtons:hover {
		color: white !important;
		background-color: darkgray !important;
	}

	.genderButtons.active {
		color: white !important;
		background-color: darkgray !important;
	}

@media (max-width: 480px) {
	.BackgrdColour {
		background-color: black !important;
	}
}
/*Catalogue*/
.productSize {
	height: 180px;
}

@Media (max-width: 1024px) {
	.productSize {
		height: auto;
	}
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 30px;
	z-index: 99;
	font-size: 27px;
	border: none;
	outline: none;
	background-color: transparent;
	color: black;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}

	#myBtn:hover {
		color: gray;
	}
/*Appointment Check-in pages styling*/
.heading {
	color: black;
	font-size: 20px !important;
	font-family: "Work Sans";
	margin-top: 40px;
	font-weight: bold;
}

.subHeadings {
	color: #FFFFFF;
	font-family: "Work Sans";
	font-weight: bold;
	font-size: 20px;
	margin-top: 3px;
}

.CheckInlabel {
	color: #444444 !important;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: unset;
	font-family: "Work Sans";
}

.CheckinTxtBox {
	border-color: lightgray !important;
}

.stepwizard-step p {
	margin-top: 10px;
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	width: 50%;
	position: relative;
}

.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-order: 0;
}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}

.formSection {
	border: solid;
	border-width: thin;
	border-color: #E8E8E8;
	font-family: sans-serif;
}

.storeTileBacking {
	background: black;
	min-width: 200px;
	min-height: 100px; 
}

/* the following is styling for the online booking landing page*/
.container-over-image {
	position: absolute;
	left: 50%;
	height: 100%;
	top: 0%;
	width: 45%;
}

.contents-over-image {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -62%);
	text-align: center;
	width: 100%;
	height: 400px;
}

.landing-page-booking-details {
	border-style: solid;
	background: #ffffff;
	border: #cecece 1px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
}

.landing-page-booking-tabs {
	padding: 0px;
	padding-bottom: 1px;
}

/* landing page - mobile formatting */
@media only screen and (max-width: 1300px) {
	.container-over-image {
		position: inherit;
		width: 100%;
		left: 0%;
	}

	.contents-over-image {
		position: inherit;
		transform: none;
		left: 0%;
	}
}

.search-bar-container {
	max-width: 500px;
	margin: auto;
}

.form-control-booking {
	display: block;
	height: 45px;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.OtherCountry #footerFeature
{
    visibility:hidden;
}
.OtherCountry .ss-blue.ss-framePrice
{
    visibility:hidden;
    font-size:0;
}
.OtherCountry .frameQuickAddToWishlist
{
    visibility:hidden;
    font-size:0;
}
.OtherCountry .product-price
{
    visibility:hidden;
    font-size:0;
}
.OtherCountry .btnHtoSmall 
{
    visibility:hidden;
}
.OtherCountry .btnAddToCartSmall
{
    visibility:hidden;
}
.OtherCountry .ss-filter.ss-price
{
    visibility:hidden;
    height:0;
}
.OtherCountry ul.ss-quicklinks {
  margin: 35px 35px 0 0 !important;
}
.OtherCountry .nonSA
{
    display: : none;
    visibility:hidden;
    height:0;
    width:0;
}
.OtherCountry .SAOnly
{
    display: block;
}
/* Main sprite*/
.ss-image {
    background: url(../img/sprites/csg-5406bbcb220441.png) no-repeat top left;
}
.ss-askss{ background-position: 0 0; width: 155px; height: 43px; } 
.ss-bridge{ background-position: -175px 0; width: 157px; height: 52px; } 
.ss-cards0{ background-position: -352px 0; width: 146px; height: 34px; } 
.ss-cards1{ background-position: -518px 0; width: 143px; height: 34px; } 
.ss-cards2{ background-position: -681px 0; width: 144px; height: 34px; } 
.ss-cards3{ background-position: -845px 0; width: 147px; height: 34px; } 
.ss-cards4{ background-position: -1012px 0; width: 142px; height: 34px; } 
.ss-contact{ background-position: -1174px 0; width: 24px; height: 24px; } 
.ss-freedelivery-product{ background-position: -1218px 0; width: 83px; height: 32px; } 
.ss-freedelivery{ background-position: -1321px 0; width: 174px; height: 42px; } 
.ss-hybrid{ background-position: -1515px 0; width: 109px; height: 41px; } 
.ss-icn-calendar{ background-position: -1644px 0; width: 13px; height: 14px; } 
.ss-icn-contact{ background-position: -1677px 0; width: 14px; height: 12px; } 
.ss-icn-email{ background-position: -1711px 0; width: 14px; height: 11px; } 
.ss-icn-phone{ background-position: -1745px 0; width: 12px; height: 12px; } 
.ss-icn-search{ background-position: -1777px 0; width: 13px; height: 13px; } 
.ss-lens{ background-position: -1810px 0; width: 156px; height: 53px; } 
.ss-livetryon-webcam{ background-position: 0 -73px; width: 99px; height: 52px; } 
.ss-logo{ background-position: -119px -73px; width: 156px; height: 105px; display: inline-block; } 
.ss-mapicon{ background-position: -295px -73px; width: 32px; height: 37px; } 
.ss-mapiconhome{ background-position: -347px -73px; width: 32px; height: 37px; } 
.ss-menu{ background-position: -399px -73px; width: 24px; height: 24px; } 
.ss-mobi-logo{ background-position: -443px -73px; width: 119px; height: 48px; } 
.ss-search{ background-position: -582px -73px; width: 24px; height: 24px; } 
.ss-secure{ background-position: -626px -73px; width: 208px; height: 40px; } 
.ss-securewhite{ background-position: -854px -73px; width: 208px; height: 40px; } 
.ss-shopping{ background-position: -1082px -73px; width: 24px; height: 22px; } 
.ss-try-live-small{ background-position: -1126px -73px; width: 52px; height: 36px; } 
.ss-tryonlive{ background-position: -1198px -73px; width: 151px; height: 40px; } 



/* Social Icons */
.ss-share {
    background: url(../img/sprites/csg-53e48ebc3c094.png) no-repeat top left;
}
.ss-facebook-hot{ background-position: 0 0; width: 32px; height: 32px; } 
.ss-facebook-hot16{ background-position: -42px 0; width: 16px; height: 16px; } 
.ss-facebook{ background-position: -68px 0; width: 32px; height: 32px; } 
.ss-facebook16{ background-position: -110px 0; width: 16px; height: 16px; } 
.ss-google-hot16{ background-position: -136px 0; width: 16px; height: 16px; } 
.ss-google16{ background-position: -162px 0; width: 16px; height: 16px; } 
.ss-linkedin-hot{ background-position: -188px 0; width: 32px; height: 32px; } 
.ss-linkedin-hot16{ background-position: -230px 0; width: 16px; height: 16px; } 
.ss-linkedin{ background-position: -256px 0; width: 32px; height: 32px; } 
.ss-linkedin16{ background-position: -298px 0; width: 16px; height: 16px; } 
.ss-pinterest-hot{ background-position: -324px 0; width: 32px; height: 32px; } 
.ss-pinterest-hot16{ background-position: -366px 0; width: 16px; height: 16px; } 
.ss-pinterest{ background-position: -392px 0; width: 32px; height: 32px; } 
.ss-pinterest16{ background-position: -434px 0; width: 16px; height: 16px; } 
.ss-twitter-hot{ background-position: -460px 0; width: 32px; height: 32px; } 
.ss-twitter-hot16{ background-position: -502px 0; width: 16px; height: 16px; } 
.ss-twitter{ background-position: -528px 0; width: 32px; height: 32px; } 
.ss-twitter16{ background-position: -570px 0; width: 16px; height: 16px; } 
.ss-youtube-hot{ background-position: -596px 0; width: 32px; height: 32px; } 
.ss-youtube-hot16{ background-position: -638px 0; width: 16px; height: 16px; } 
.ss-youtube{ background-position: -664px 0; width: 32px; height: 32px; } 
.ss-youtube16{ background-position: -706px 0; width: 16px; height: 16px; } 



/* Social Sharing */

.ss-social {
    background: url(../img/sprites/csg-56107d502e9a1.png) no-repeat top left;
}
.ss-social-diggit{ background-position: 0 0; width: 32px; height: 32px; } 
.ss-social-dribbble{ background-position: -82px 0; width: 32px; height: 32px; } 
.ss-social-email{ background-position: -164px 0; width: 32px; height: 32px; } 
.ss-social-facebook{ background-position: -246px 0; width: 32px; height: 32px; } 
.ss-social-forrst{ background-position: -328px 0; width: 32px; height: 32px; } 
.ss-social-google{ background-position: -410px 0; width: 32px; height: 32px; } 
.ss-social-googleplus{ background-position: -492px 0; width: 32px; height: 32px; } 
.ss-social-linkedin{ background-position: -574px 0; width: 32px; height: 32px; } 
.ss-social-pinterest{ background-position: -656px 0; width: 32px; height: 32px; } 
.ss-social-reddit{ background-position: -738px 0; width: 32px; height: 32px; } 
.ss-social-rss{ background-position: -820px 0; width: 32px; height: 32px; } 
.ss-social-share_this{ background-position: -902px 0; width: 32px; height: 32px; } 
.ss-social-skype{ background-position: -984px 0; width: 32px; height: 32px; } 
.ss-social-stumbleupon{ background-position: -1066px 0; width: 32px; height: 32px; } 
.ss-social-twitter{ background-position: -1148px 0; width: 32px; height: 32px; } 
.ss-social-vimeo{ background-position: -1230px 0; width: 32px; height: 32px; } 
.ss-social-you_tube{ background-position: -1312px 0; width: 32px; height: 32px; } 


/* GLOBALS */
@font-face {
	font-family: 'Renogare';
	src: url('https://www.execuspecs.co.za/fonts/Renogare-Regular.otf');
/*	src: url('../fonts/Renogare-Regular.otf');*/
	font-display: swap;
}

@font-face {
	font-family: 'District';
/*	src: url('../fonts/DistTh_.ttf');*/
	src: url('https://www.execuspecs.co.za/fonts/DistTh_.ttf');
}

p {
	font-family: District,'Work Sans', Arial, Helvetica, sans-serif !important;
	/*font-weight: 600;*/
}

body {
	font-family: District,'Work Sans', Arial, Helvetica, sans-serif !important;
	color: #444;
	font-size: 16px;
	overflow-x: hidden;
	font-weight: 500 !important;
	margin-left: auto;
	margin-right: auto;
    padding-top: 60px;
}

h1 {
	font-family: 'Renogare','Oswald', 'Work Sans', Arial, Helvetica, sans-serif !important;
	font-size: 36px;
}

h1, h2 {
	font-weight: 500;
	/*text-transform:uppercase;*/
}

.headline {
	font-family: 'District',Calibri, "Helvetica", san-serif !important;
	line-height: 1.5em;
	color: black;
	font-size: 20px;
	position: relative;
	position: relative;
}

	.headline:after {
		content: ' ';
		position: absolute;
		top: 100%;
		left: 50%;
		width: 70px;
		border: 2px solid #d0d0d0;
		border-radius: 4px;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
		transform: translateX(-50%);
	}

h3, h4, h5 {
	font-family: District,'Work Sans', Arial, Helvetica, sans-serif !important;
	/*font-weight: 400;*/
	/*text-transform:uppercase;*/
	/*color:#000;*/
}

.reverse-font {
	font-family: District,'Work Sans', Arial, Helvetica, sans-serif !important;
}

a:hover {
	text-decoration: none;
}

.breaker {
	display: block;
}

.main {
	margin-top: 60px;
}

.clear {
	clear: both;
}

.btn {
	background: transparent;
	border: 1px solid #000;
	border-radius: 0px !important;
	color: #000;
	font-size: 18px;
	font-weight: 200 !important;
	line-height: 35px;
	max-width: 230px;
	text-transform: uppercase;
	width: 100%;
	transition: all 0.3s ease-in-out;
	font-family: 'Renogare','Oswald', District,'Work Sans', Arial, Helvetica, sans-serif !important;
}

	.btn:hover {
		background: #000;
		color: #fff;
		text-decoration: none;
		border-color: inherit;
	}

.grey {
	background-color: #eee;
	font-size:16px;
}

.grey {
	background-color: #fff;
}

.grey-text {
	color: #444;
	padding: 18px;
	text-align: center;
	font-size: 24px;
}


.navbar {
	border-radius: 0 !important;
	margin-bottom: 0;
	background-color: white !important;
	padding: 0;
	font-size: 16px;
	border: 0;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}

	.navbar li {
		height: 60px;
	}

		.navbar li a {
			text-transform: uppercase;
			color: #111 !important;
			font-weight: 600 !important;
			line-height: 60px;
			padding: 0 21px;
			transition: all 0.3s ease-in-out;
		}

/*@media (min-width: 667px) and (max-width: 3000px) {*/
	/* NAVIGATION */
	/*.navbar-toggle {
		margin: 0 12px 0 0 !important;
		margin-top: calc(30px - 17px) !important;
	}

		.navbar-toggle .icon-bar {
			background-color: #111;
		}

	.navbar {
		border-radius: 0 !important;
		margin-bottom: 0;
		background-color: white !important;
		padding: 0;
		font-size: 16px;
		border: 0;
		height: 60px;
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}

		.navbar .container-fluid {
			overflow: auto;
		}

		.navbar li {
			height: 60px;
		}

			.navbar li a {
				text-transform: uppercase;
				color: #111 !important;
				font-weight: 600 !important;
				line-height: 60px;
				padding: 0 21px;
				transition: all 0.3s ease-in-out;
			}

	.navbar-brand {
		float: left;
		height: 60px;
		padding: 0 0 0 2vw;
	}

		.navbar-brand img {
			position: relative;
			top: 28px;
			transform: translateY(-50%);*/
			/*height: 15px;*/
		/*}

	.navbar-nav {
		margin: 0 !important;
	}

		.navbar-nav .active a,
		.navbar-nav .active a:focus,
		.navbar-nav .active a:hover {
			color: #111 !important;
			background: white;
		}

	.navbar-collapse.in {
		background: #111;
		padding-left: 0;
		padding-right: 0;
	}

		.navbar-collapse.in .navbar-nav li {
			height: 40px;
		}

			.navbar-collapse.in .navbar-nav li a {
				color: white !important;
				line-height: 48px !important;
			}

				.navbar-collapse.in .navbar-nav li a:hover {
					background: #444;
				}
}*/

/* SLIDERS + CAROUSELS */


.home .carousel-caption {
	left: 10%;
	max-width: 400px;
	right: 0;
	text-transform: uppercase;
	/*text-align: left;*/
	text-shadow: none !important;
	top: 30%;
	transform: translateY(-50%);
	color: #000;
}

.brands .glyphicon-menu-left,
.brands .glyphicon-menu-right {
	background: transparent;
	color: black;
	line-height: 64px;
	text-shadow: none !important;
	width: 100%;
	transition: all 0.3s ease-in-out;
	top: 48%;
	transform: translateY(-50%);
}

.brands .carousel-control {
	background: transparent !important;
	width: 30px;
}

.brands .carousel-inner {
	text-align: center;
}

	.brands .carousel-inner .item img {
		min-width: 80%;
		display: block;
		margin: 0 auto;
	}

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

/* CONTENT */

/* Page title bar*/

.page-title-bar {
	height: 318px;
	padding-bottom: 30px;
}

	.page-title-bar h1 {
		color: white;
		display: table-cell;
		font-size: 60px;
		font-weight: 400;
		height: 318px !important;
		position: relative;
		text-align: center;
		text-shadow: 3px 3px 10px rgba(0,0,0,.54);
		text-transform: uppercase;
		top: -30px;
		vertical-align: bottom;
		width: 100vw !important;
	}

.bookings .page-title-bar {
	background: url("../img/assets/bookings-title.jpg") no-repeat fixed center -120px !important;
}

/* Home */

.home h1 {
	font-size: 60px;
	line-height: 1;
	/*position: fixed;*/
}

	.home h1 span {
		font: 300 36px 'Renogare','Oswald', Arial, Helvetica, sans-serif !important;
	}

.home h2 {
	font-family: 'Renogare','Oswald', Arial, Helvetica, sans-serif !important;
	color: #111;
	font-size: 36px;
	text-align: center;
	margin-top: 0px;
	/*margin-bottom: 60px;*/
}

	.home h2 span {
		display: block;
		font: 300 34px 'District', Arial, Helvetica, sans-serif !important;
	}

.home p {
	font-size: 17px;
	/*font-weight:600;*/
}

.brands-home {
	/*padding:30px 0;*/
	position: relative;
}

	.brands-home a {
		text-decoration: none;
		color: #111;
	}

.home-product-name {
	line-height: 1;
	margin: 30px 0 0;
}

.home-product-price {
	font-size: 17px;
	font-weight: 700;
}

/*DEFAULT BUTTON*/
.btn.home-products-button {
	border-color: #000;
	color: #000 !important;
	display: block;
	max-width: 250px !important;
	line-height: 45px !important;
	margin: 0 auto 5px;
	padding: 0;
	font-size: 18px;
	font-family: 'Renogare', Arial, Helvetica, sans-serif;
}

	.btn.home-products-button:hover {
		background-color: rgba(0,0,0,0.15);
		border-color: #fff;
	}



.btn.home-products-buttonHome {
	border-color: #fff;
	color: #fff;
	display: block;
	max-width: 250px !important;
	line-height: 45px !important;
	margin: 0 auto 60px;
	padding: 0;
	font-size: 16px;
	background-color: #000;
}

	.btn.home-products-buttonHome:hover {
		background-color: white;
		color: black;
	}

.see-us {
	background: url("https://cdn.hybriddev.co.za/Execuspecs/live/home/banner-home-page-store-1920x856.jpg") no-repeat fixed center top;
	height: 587px;
}

@media (max-width: 414px) {
	.see-usMobile {
		background: url("https://cdn.hybriddev.co.za/Execuspecs/live/home/banner-home-page-store-414x347@m.jpg") no-repeat center top;
		height: 404px;
	}
}

.see-us .btn-group {
	margin: 0 auto;
	min-width: 100%;
}

.see-us h3 {
	font-size: 38px;
	font-weight: 200 !important;
	margin-top: calc(587px - 312px);
	color: white;
}

.see {
	border-radius: 0px !important;
	display: inline-block;
	color: #000;
	font-size: 20px;
	/*font-weight: 200;*/
	line-height: 45px !important;
	margin: 45px !important;
	max-width: 250px !important;
	padding: 0;
	width: 100%;
	text-transform: uppercase;
	float: none !important;
	background-color: #fff;
	border: 1px solid #fff;
	-webkit-text-stroke: 0px black;
}

.btn.see:hover {
	background-color: rgba(0,0,0,0.50);
	color: #fff !important;
}

.offers {
	/*border-radius: 6px !important;*/
	display: inline-block;
	color: #000;
	font-size: 16px;
	/*font-weight: 200;*/
	line-height: 45px !important;
	margin: 45px !important;
	max-width: 250px !important;
	padding: 0;
	width: 100%;
	text-transform: uppercase;
	float: none !important;
	background-color: #fff;
	bottom: 30%;
	font-family: Renogare;
}

.btn.offers:hover {
	background-color: rgba(0,0,0,0.15);
	color: #fff;
	border-color: #0000;
}

.journal-title {
	color: #444;
	font-size: 21px;
	margin-bottom: 30px;
}

.articles {
	padding: 60px 0;
}

	.articles .col-lg-6 {
		margin-bottom: 30px;
	}

	.articles h2 {
		font: 300 34px 'Work Sans', Arial, Helvetica, sans-serif;
		text-align: left;
		margin-bottom: 24px;
		margin-top: -6px;
	}

	.articles img {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}

	.articles p {
		line-height: 1.53;
	}

.read-link {
	color: #444;
	display: inline-block;
	font-weight: 400 !important;
	margin-top: 30px;
	line-height: 40px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}

	.read-link:hover {
		color: #111;
	}

	.read-link:before {
		background: #999;
		content: '';
		display: block;
		height: 3px;
		width: 28px;
		transition: all 0.3s ease-in-out;
	}

	.read-link:hover:before {
		width: 100%;
	}

.instagram {
	padding-bottom: 108px;
}

	.instagram .col-sm-6 img {
		margin-bottom: 21px;
	}

	.instagram img {
		width: 100%;
		height: auto;
	}

/* Bookings */


.dev-content {
	padding: 60px 0;
}

.booking-form {
	padding: 0 90px;
}

.bookings .input-styling {
	border: 1px solid #444;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	display: block;
	height: 51px;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	/*background-color: #fff;*/
	background-color: rgb(255,255,255) !important;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bookings .input-container {
	width: 45% !important;
	float: left;
	margin-right: 5%;
	margin-bottom: 30px;
}

.bookings input[type="button"] {
	clear: both;
	float: right;
	color: white;
	background: #060606 !important;
	/* border: 3px solid #444; */
	/* border-radius: 8px; */
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 64px;
	/* margin: 30px auto 120px; */
	max-width: 240px;
	padding: 0 !important;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	width: 100%;
}

	.bookings input[type="button"]:hover {
		background: #444 !important;
		color: white;
		background-color: rgba(0,0,0,0.15);
	}

.checkbox-container {
	padding: 0;
	clear: both;
}

.booking-steps-rule {
	height: 1px !important;
	background: #4d4d4d;
}

.bookings-steps {
	margin: 0 auto 90px;
	padding-left: 16%;
}

.step,
.step-child {
	background: white;
	border-radius: 50%;
	display: inline-block;
	width: 70px;
	height: 70px;
	position: relative;
	top: -35px;
}

	.step.active {
		border: 3px solid #444;
	}

		.step.active .step-child {
			margin: 8.6% 6px;
		}

.step-child {
	border: 1px solid #444;
	font-size: 22px;
	height: 52px;
	width: 52px;
	position: static;
	margin: 7px 9px;
	text-align: center;
	line-height: 52px;
}

.step:nth-child(2) {
	margin: 0 30%;
}


/* Our Story*/

.story-row {
	padding: 60px 30px;
}

.story h1 {
	font-size: 64px;
	font-weight: 200;
	text-transform: initial !important;
	text-align: center;
	padding: 215px 30px 48px;
	margin-top: 0;
}

.story h2 {
	font: 300 34px 'Work Sans', Arial, Helvetica, sans-serif;
	margin: 30px 0;
}

.story .imagebox {
	width: 100%;
	height: auto;
	max-width: 650px;
	min-height: 310px;
}

.imagebox.first {
	background: url(../img/assets/story-1.jpg) no-repeat center top;
	height: 310px;
}

.imagebox.second {
	background: url(../img/assets/story-2.jpg) no-repeat center top;
	height: 310px;
}

.imagebox.third {
	background: url(../img/assets/story-3.jpg) no-repeat center top;
	height: 310px;
}

.imagebox.fourth {
	background: url(../img/assets/story-4.jpg) no-repeat center top;
	height: 310px;
}

.imagebox.fifth {
	background: url(../img/assets/story-5.jpg) no-repeat center top;
	height: 310px;
}

.story-col {
	padding-bottom: 48px;
}

/* Offers (Promotions) */

.offers .grey-text {
	padding: 54px 30px;
	max-width: 900px;
	margin: 0 auto;
}

.promo-image {
	background: url("../img/assets/offers-header-placeholder.jpg") center top;
	height: 216px;
}

.offers .carousel {
	position: relative !important;
}

.offers li {
	list-style-type: none;
}

.offers .control-box {
	text-align: right;
	width: 100%;
}

.offers .thumbnails {
	padding: 60px 30px;
}

	.offers .thumbnails li .fff .caption {
		background: #fff !important;
	}

.offers .thumbnail {
	padding: 0;
	border: none;
	border-radius: 0;
}

.offers .pager li a {
	padding: 0;
	background: white;
	background: rgba(255,255,255,.7);
	border: 1px solid black;
	border-radius: 0;
	color: black;
	height: 55px;
	line-height: 55px;
	text-align: center;
	width: 55px;
}

.offers .control-left {
	position: absolute;
	left: 18px;
	top: calc(50% - 18px);
}

.offers .control-right {
	position: absolute;
	right: 18px;
	top: calc(50% - 18px);
}

.offers .carousel-container {
	padding-bottom: 90px;
}


/* Brands*/

.brands h1 {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	font-size: 64px;
	font-weight: 200;
	text-transform: initial !important;
	text-align: center;
	padding: 0 30px;
	margin-top: 0;
}

.brands .heading {
	height: 480px;
}

.brands-container {
	padding: 60px 0;
}

.brands h2 {
	font: 300 34px 'Work Sans', Arial, Helvetica, sans-serif;
	margin: 60px 0 30px;
}

.brands h3 {
	font-size: 27px;
	font-weight: 300 !important;
	margin-top: 0;
	max-width: 580px;
}

.brands p {
	max-width: 90%;
}

.brands .main {
	padding-bottom: 90px;
}

.brands .carousel {
	margin-top: 60px;
}

.brands .btn {
	border: 3px solid #999;
	border-radius: 6px;
	color: #999;
	font-size: 16px;
	line-height: 45px !important;
	max-width: 144px;
	padding: 0 12px;
	margin-top: 18px;
}

	.brands .btn:hover {
		color: white;
	}


/* Spectacles*/

.spectacles .page-title-bar {
	background: url("../img/assets/spectacles-title.jpg") no-repeat fixed center -120px !important;
	margin-bottom: 25px;
}

.button {
	background: none;
	border: solid 1px #000000;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	border-radius: 50px;
}


.button1 {
	background: none;
	border: solid 1px #000000;
	color: black;
	font-size: 15px;
	margin: 65px auto;
	border-radius: 40px;
	width: 75px;
	height: 75px;
}


.spec-col {
	margin-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}

	.spec-col img {
		max-width: 90% !important;
	}

	.spec-col p {
		margin: 30px 0 60px;
	}


.spectacles-types {
	display: block;
	margin: 0 auto;
	max-width: 42% !important;
}

.specs {
	font-size: 16px !important;
	font-weight: 500 !important;
	text-transform: capitalize;
}

.priced {
	margin: 6px 69px 0;
	font-weight: 700 !important;
	font-size: 17px !important;
	display: block;
}

/* Contact */

.contact h2 {
	font: 700 21px 'Work Sans', Arial, Helvetica, sans-serif;
	padding: 0 0 30px;
}

.contact-form {
	padding-right: 60px;
}

.form-header {
	padding: 0 15px 30px !important;
}

.contact .page-title-bar {
	background: url("../img/assets/contact.jpg") no-repeat fixed center -189px !important;
}

.contact .grey-text {
	padding: 54px 30px;
	max-width: 810px;
	margin: 0 auto;
}

.contact-content {
	padding: 60px 120px;
}

.contact .input-styling {
	border: 2px solid #444;
	border-radius: 4px;
	display: block;
	height: 46px;
	margin-top: 6px;
	width: 100%;
}

.contact .input-container {
	margin-bottom: 30px;
}

.contact-content input[type="submit"] {
	clear: both;
	background: white !important;
	border: 4px solid #444 !important;
	border-radius: 8px !important;
	display: block !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 64px;
	margin: 30px auto;
	max-width: 240px;
	padding: 0 !important;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	width: 100%;
}

	.contact-content input[type="submit"]:hover {
		background: #444 !important;
		color: white;
	}

.contact textarea {
	height: 153px !important;
}

.contact-content .checkbox-container {
	padding: 0 15px;
	font-size: 15px;
}

.contact-details {
	font-weight: 300 !important;
	margin-bottom: 60px;
}

	.contact-details strong {
		font-weight: 400;
	}

	.contact-details a {
		color: #000;
		display: inline-block;
	}

		.contact-details a:hover:after {
			width: 100%;
		}

		.contact-details a:after {
			background: #333;
			content: '';
			display: block;
			height: 2px;
			transition: all 0.3s ease-in-out;
			width: 0;
		}



/* FOOTER */

.footer-form {
	padding: 51px 0;
	/*background:url("../img/assets/newsletter-taller.jpg") no-repeat center top -144px;*/
	background-color: #eee;
	margin-top: 52px;
}

	.footer-form p {
		color: #000;
		font-size: 20px;
		font-weight: 300;
		line-height: 1;
		text-transform: uppercase;
	}

	.footer-form input {
		background: transparent;
		/*border-radius: 6px;*/
		border: 1px solid #000;
		line-height: 48px;
		color: #000;
	}

		.footer-form input[type="email"] {
			padding: 0 30px;
			width: 70%;
			height: 51px;
			text-transform:uppercase;
		}

		.footer-form input[type="submit"] {
			font-family: 'Renogare', 'Work Sans', Arial, Helvetica, sans-serif;
/*			font-weight: 700;*/
			text-transform: uppercase;
			transition: all 0.3s ease-in-out;
			width: 27%;
		}

			.footer-form input[type="submit"]:hover {
				background: #444;
				background-color: rgba(0,0,0,0.15);
			}

		.footer-form input[type="email"]::-webkit-input-placeholder {
			color: #000;
			font-weight: 300 !important;
		}


		.footer-form input[type="email"]:-moz-placeholder { /* Firefox 18- */
			color: white;
			font-weight: 300 !important;
			opacity: 1 !important;
		}

		.footer-form input[type="email"]::-moz-placeholder { /* Firefox 19+ */
			color: white;
			font-weight: 300 !important;
			opacity: 1 !important;
		}

		.footer-form input[type="email"]:-ms-input-placeholder {
			color: white;
			font-weight: 300 !important;
		}

.footer-content {
	background: #1d1d1d;
	color: white;
	font-size: 15px;
	font-weight: 200;
	padding: 12px 0 60px;
	text-transform: uppercase;
}

	.footer-content h4 {
		font-size: 17px;
		margin-top: 60px;
	}

	.footer-content .menu {
		padding-left: 0;
	}

		.footer-content .menu li {
			list-style: none;
			padding-bottom: 6px;
		}

		.footer-content .menu a {
			color: #CCC;
			font-size: 14px;
			display: block;
			transition: all 0.3s ease-in-out;
		}

			.footer-content .menu a:hover {
				color: #727272 !important;
				/*color: black !important;*/
				font-weight: 900;
			}

			.footer-content .menu a:after {
				background: #444;
				content: '';
				display: block;
				height: 3px;
				width: 0;
				transition: all 0.3s ease-in-out;
				margin: 0 auto;
				opacity: 0;
			}

			.footer-content .menu a:hover:after {
/*				width: 38.1966%;
				opacity: 1;*/
			}

	.footer-content .btn-group {
		margin-top: 12px;
		width: 100% !important;
		padding-right: 35px;
	}

		.footer-content .btn-group a {
			padding: 0 26px;
		}

/* MEDIA QUERIES */

@media screen and (min-width:1330px) {
	/*.container {
		width:1300px !important;
	}*/

}

@media screen and (max-width:1330px) and (min-width:1200px) {
	.instagram .col-lg-3 {
		width: 50% !important;
	}

		.instagram .col-lg-3:nth-child(odd) {
			text-align: left !important;
		}

		.instagram .col-lg-3:nth-child(even) {
			text-align: right !important;
		}
}

@media screen and (max-width:1200px) and (min-width:769px) {
	.instagram .col-sm-6:nth-child(odd),
	.instagram .col-lg-3:nth-child(odd) {
		text-align: left !important;
	}

	.instagram .col-sm-6:nth-child(even),
	.instagram .col-lg-3:nth-child(even) {
		text-align: right !important;
	}
}

@media screen and (max-width:1024px) {
	.carousel-caption {
		top: 40%;
	}

		.carousel-caption .btn {
			line-height: 48px !important;
		}

	.footer-form {
		background-position: left -420px top -144px;
	}
}


/*@media screen and (max-width:990px) and (min-width:837px) {
	.navbar li a {
		padding: 0 1.5vw !important;
	}
}*/

/*@media screen and (max-width:836px) and (min-width:768px) {
	.navbar li a {
		padding: 0 1vw !important;
	}
}*/


@media screen and (max-width:800px) {
	body {
		overflow-x: hidden;
	}

	.articles h2,
	.articles p {
/*		padding: 0 30px;*/
	}

	.carousel-caption .btn {
		margin-top: 0 !important;
	}

	.carousel-caption br {
		display: none !important;
	}

	.input-container {
		width: 100% !important;
		float: none;
		margin-right: 0;
		padding: 0 30px;
	}

	.brands .brands-container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

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

	.instagram img {
		width: auto;
		height: auto;
	}

	.imagebox.first,
	.imagebox.fifth {
		margin: 69px 0 30px;
	}

	.imagebox.fourth {
		margin: 30px 0 48px;
	}

	.story-col {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

@media screen and (max-width: 992px) {
	.navbar-default {
		background-color: #F8F8F8;
		border-color: #E7E7E7;
	}

	.navbar .navbar-toggle .icon-bar {
		background-color: black;
	}

	.navbar li{
		height: auto;
	}

	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 21px;
		color: white;
	}

	.navbar-collapse{
		background-color: black;
	}

	.navbar-nav .active a,
	.navbar-nav .active a:focus,
	.navbar-nav .active a:hover {
		color: #111 !important;
		background: white;
	}

/*	.navbar {
		background-color: white !important;
	}*/

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		border-color: transparent;
		background-color: black;
	}

	.nav > li > a:hover, .nav > li > a:focus {
		text-decoration: none;
		background-color: #000;
	}

	.navbar-collapse.in .navbar-nav li a {
		color: white !important;
	}
}

@media screen and (max-width:700px) {
	.carousel-caption {
		top: 33% !important;
	}

	#brands {
		padding-top:90px;
	}
}

@media screen and (max-width:670px) {
	.promo-image {
		background-size: 280%;
		height: 30vw;
	}

	.carousel-caption {
		left: 2% !important;
		right: 2% !important;
		text-align: right;
		max-width: 100%;
		top: 40% !important;
		text-align: center;
	}

		.carousel-caption h1 span {
			display: block;
		}

		.carousel-caption .btn {
			font-size: 3vw !important;
			line-height: 1 !important;
			max-width: 40%;
			border-color: gray !important;
			color: #fff;
		}
}

@media screen and (max-width:646px) {
	.see {
		margin: 12px !important;
	}
}

@media screen and (max-width:520px) {
	#myCarousel h1 {
		font-size: 13pt;
		color: black;
		margin-top: 125px;
		text-align: center;
		padding-bottom: 115px;
	}

		#myCarousel h1 span {
			font-size: 11pt;
		}

	#brands h2 {
		font-size: 10vw;
	}

		#brands h2 span {
			font-size: 6vw;
		}

	.store-form input[type="text"] {
		width: 100%;
	}
}

@media screen and (max-width:514px) {
	.see-us h3 {
		margin-top: 180px;
	}
}

@media screen and (max-width:370px) {
	.navbar-brand {
		width: 70vw;
	}

		.navbar-brand img {
			width: 100%;
			height: auto;
		}

	#brands img {
		height: auto;
		width: 100% !important;
	}
}

.home-readMore {
	color: #AEAEAE;
	margin: 10px 0 0 41px;
	border: 1px solid;
	border-radius: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.journalPicture {
	padding-left: 20px;
}

.journalPost {
	padding-right: 20px;
}

.img_container {
	position: relative;
	display: inline-block;
	text-align: center;
	margin-left: 0px;
	padding-left: 70px;
	padding-right: 70px;
}

.twoForYou {
	position: absolute;
	bottom: 1px;
	right: 60px;
}

@media (min-width: 1770px) and (max-width:2043px) {
	.twoForYou {
		position: absolute;
		bottom: 1px;
		right: 73px;
	}
}

@media (min-width: 1650px) and (max-width:1770px) {
	.twoForYou {
		position: absolute;
		bottom: -8px;
		right: 63px;
		width: 182px;
	}
}

@media (min-width: 1500px) and (max-width:1650px) {
	.twoForYou {
		position: absolute;
		bottom: -5px;
		right: 52px;
		width: 175px;
	}
}

@media (min-width: 1406px) and (max-width:1500px) {
	.twoForYou {
		position: absolute;
		bottom: -6px;
		right: 43px;
		width: 171px;
	}
}

@media (min-width: 1358px) and (max-width:1406px) {
	.twoForYou {
		position: absolute;
		bottom: -10px;
		right: 33px;
		width: 157px;
		font-size: 18px;
	}
}

@media (min-width: 1315px) and (max-width:1358px) {
	.twoForYou {
		position: absolute;
		bottom: -15px;
		right: 48px;
		width: 126px;
		font-size: 14px;
	}
}

@media (min-width: 1283px) and (max-width:1315px) {
	.twoForYou {
		position: absolute;
		bottom: -5px;
		right: 50px;
		font-size: 14px;
		height: 36px;
		width: 117px;
	}
}

@media (min-width: 1169px) and (max-width:1283px) {
	.twoForYou {
		position: absolute;
		bottom: -10px;
		right: 43px;
		font-size: 14px;
		height: 36px;
		width: 121px;
	}
}

@media (min-width: 1122px) and (max-width:1169px) {
	.twoForYou {
		position: absolute;
		bottom: -10px;
		right: 30px;
		font-size: 12px;
		height: 31px;
		width: 107px;
	}
}

@media (min-width: 1000px) and (max-width:1125px) {
	.twoForYou {
		position: absolute;
		bottom: -15px;
		right: 31px;
		font-size: 12px;
		width: 98px;
		height: 32px;
	}
}

@media (min-width: 768px) and (max-width: 768px) {
	.twoForYou {
		position: absolute;
		bottom: 13px;
		right: 39px;
	}
}

@media (min-width: 769px) and (max-width: 1000px) {
	.twoForYou {
		position: absolute;
		bottom: -27px;
		right: -4px;
		font-size: 17px;
		height: 34px;
		width: 149px;
	}
}

@media (min-width: 1024px) and (max-width: 1024px) {
	.twoForYou {
		position: absolute;
		bottom: -28px;
		right: 19px;
		font-size: 10px;
	}
}

@media (min-width: 360px) and (max-width: 360px) {
	.twoForYou {
		position: absolute;
		bottom: 19px;
		right: 41px;
		font-size: 15px;
		width: 163px;
		height: 40px;
	}
}

@media (min-width: 320px) and (max-width: 320px) {
	.twoForYou {
		position: absolute;
		bottom: 6px;
		right: 23px;
		font-size: 15px;
		width: 163px;
	}
}

@media (min-width: 361px) and (max-width: 616px) {
	.twoForYou {
		position: absolute;
		bottom: 27px;
		right: 70px;
		font-size: 15px;
		width: 163px;
		height: 40px;
	}
}

@media (min-width: 500px) and (max-width: 552px) {
	.twoForYou {
		position: absolute;
		bottom: 4px;
		right: 79px;
	}
}

@media (min-width:488px) and (max-width: 500px) {
	.twoForYou {
		position: absolute;
		bottom: 4px;
		right: 64px;
	}
}

@media (min-width:419px) and (max-width: 488px) {
	.twoForYou {
		position: absolute;
		bottom: 4px;
		right: 64px;
		width: 179px !important;
	}
}

@media (min-width:375px) and (max-width: 413px) {
	.twoForYou {
		position: absolute;
		bottom: 44px;
		right: 52px;
		font-size: 15px;
		width: 163px;
		height: 37px;
	}
}

.btn-inverted {
	background: #000000;
	color: #FFFFFF;
	border: none;
}

.btn-inverted:hover {
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #000;
	border-radius: 0px !important;
}


.a-button {
	/* The colour style of "a" elements has been set to "important"
        Which causes some chaos... So we've got to do an equally stupid maneuver
    */
	color: #000000 !important;
}

.a-button:hover {
	color: #FFFFFF !important;
}

.a-button-inverted {
	background: #000000;
	color: #FFFFFF !important;
	border: none;
}

.a-button-inverted:hover {
	background: #FFFFFF;
	color: #000000 !important;
	border: 1px solid #000;
	border-radius: 0px !important;
}

.banner-text {
	position: absolute;
	top: 60%;
	left: 25%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

@media (max-width: 1700px) {
	.banner-text {
		left: 30%;
	}
}

@media (max-width: 1400px) {
	.banner-text {
		left: 35%;
	}
}

@media (max-width: 1200px) {
	.banner-text {
		left: 50%;
	}
}

@media (max-width: 414px) {
	.banner-text {
		display: none;
	}
}