@charset "utf-8";
/* CSS Document */
@import "/_r/stylesheets/mforsLeftNav.css";

.nav::-webkit-scrollbar {display: none; }
.nav::-webkit-scrollbar:hover {display: none; }
.navMini::-webkit-scrollbar {display: none; }
.navMini::-webkit-scrollbar:hover {display: none; }

.viewContainer::-webkit-scrollbar {width: 10px;}
.viewContainer::-webkit-scrollbar-track {background: #f1f1f1; }
.viewContainer::-webkit-scrollbar-thumb {background: #888; }
.viewContainer::-webkit-scrollbar-thumb:hover {background: #555; }

html, body{overflow-x:hidden!important;-ms-overflow-style: -ms-autohiding-scrollbar!important;}
body {margin: 0;padding: 0;font-family: 'Karla', sans-serif; font-display: auto;}
textarea, input, select {outline: none; font-family: 'Karla', sans-serif;}
input[type="submit"]{appearance:none; -webkit-appearance: none;}
input{-webkit-border-radius:5px!important; border-radius: 5px!important; display:inline-block;color: #474D57;border: none; box-shadow: none;background: transparent;background-image: none;box-sizing: border-box;margin:0px;border-bottom: solid 1px rgba(0,0,0,0.1);}
textarea{-webkit-appearance: none!important;  -webkit-border-radius:0px!important;border-radius: 0!important;}
label a{display:inline-block;}
form {position: relative;}
input:-internal-autofill-selected {background-color: transparent;}
ins {border-bottom: 1px solid rgba(0,0,0,0.15); margin: 10px auto;overflow: hidden;}
/* Browser fixes */
h1::first-letter,h2::first-letter,h3::first-letter,h4::first-letter,h5::first-letter,h6::first-letter,p::first-letter {text-transform: capitalize;}
h1,h2,h3,h4,h5,h6,p {color: #131820;}
a.showPass {color: #131820;}
a.showPass:visited {color: #131820;}
select {
-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;
background: transparent url('data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==') right center no-repeat !important;
background-position: calc(100% - 5px) center !important;
background-repeat: no-repeat;
outline: none;
}

/* Internet IE drop down arrow fix */

select::-ms-expand {display: none;}
/*Font Awesome */
.fa-rotate-45 {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.bodyContainer {display: flex;min-height: 100vh;}
.mainContainer {display: flex;flex: 1;	overflow: hidden;		height: 100vh;	}
.viewContainer {flex: 1;}
.viewContent {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		width: 96%;
		margin: 55px auto 20px;
        overflow-y: visible;
	}

.scrollCol {overflow: auto; 	-ms-overflow-style: none; /* IE 11 */
scrollbar-width: none; /* Firefox 64 */
	}
.header {display: none;}
header {
		background-color: #FFF;
		
		-webkit-box-shadow: 0px 3px 25px 1px rgba(0,0,0,0.5); 
		box-shadow: 0px 3px 25px 1px rgba(0,0,0,0.5);
		color: #131820;
		font-size: 35px;
		font-weight: bold;
		line-height: 52px;
		text-align: center;
		z-index: 98;
		position: fixed;
		top: 0px;
		width: 100%;
		left: 0px;
	}
	
header span {color: #D8334A;}
header a {position: absolute;top: 11px;}
header .bars {left: 15px;}
header .search {right: 15px;}
header i, header svg {line-height: 52px!important;	}
footer {	background-color: #1C222E;	height: 280px;		}
.viewHeader {height: auto;display: block;}
.rightNav,.filterOptions {
background-color: #F5F7FA;
-webkit-box-shadow: 0px 50px 25px 0px rgba(0,0,0,0.3); box-shadow: 0px 50px 25px 0px rgba(0,0,0,0.3);
}
.pushLeft > * {margin-left: -260px;	transform:translateX(-260px);}
.pushRight > * {margin-right: -260px;transform:translateX(260px);}
.iconsFixed {position: fixed;	top: 0px;z-index: 100;}
.menuContainer {margin-top: 60px;}
/* Right Nav  & Filter Options */
#filterOptions { z-index: 100;margin-right: -260px;}
#rightNav .menuScroll,#filterOptions .menuScroll{overflow-y: scroll; 	overflow-x: hidden;-webkit-overflow-scrolling: touch;	}
#rightNav .sidebarIconsLight,#filterOptions .sidebarIconsLight {
			background-color: #F5F7FA;
		}
#rightNav .sidebarIconsLight a, #filterOptions .sidebarIconsLight a {
			margin: 0px;
			padding: 0px;
			width: 51px;
			float: left;
			text-align: center;
			height: 50px;
			line-height: 50px;
			border-bottom: solid 1px rgba(0,0,0,0.05);
			border-top: solid 1px rgba(0,0,0,0.05);
			border-left: solid 1px rgba(0,0,0,0.05);
			font-size: 12px;
}
		
#rightNav .sidebarIconsLight svg, #rightNav .sidebarIconsLight i,#filterOptions .sidebarIconsLight svg, #filterOptions .sidebarIconsLight i {color: #1f1f1f; }
	
#rightNav .sidebarIconsLight:after, #filterOptions .sidebarIconsLight:after {
content: ""; display: table; clear: both;	}
.sidebarDividerLight {margin: 20px 0px 0px;border-top: solid 1px rgba(0,0,0,0.05);}
.rightSideHeader {
			color: #474D57;
			font-size:12px;
			font-weight:700;
			padding-left:15px;	
			display:block;
			height: 30px;
			line-height: 30px;
			padding-top:0px;
			padding-bottom:5px;
			text-transform: uppercase;
}
.searchText { height: 50px;}
.searchText input, .searchText select,.searchText option {
color: #1F1F1F;
height: 30px;
width: 230px;
padding: 0px 0px 0px 30px;
border: solid 1px rgba(0,0,0,0.15);
border-radius: 10px;
display: inline-block;
margin-left: 15px;
position: relative;
top: -30px;
}
.searchText svg, .searchText i {
position: relative;
text-align: center;
font-size: 12px;
color: #1f1f1f;
left: 15px;
top: 8px;
}
.quickSearchContainer{padding: 0px 15px;}
#priceRange {height: 16px;	border: 1px solid #131820;	}
.ui-slider-handle { 
border-radius: 10px!important;
background-color: #D8344A!important;
border: solid 1px #1C222E!important;
margin-top: 2px!important;
}
.p1 {margin: 10px 0 5px;}
#rightNav select, 
#rightNav input, 
#filterOptions select,
#filterOptions input, 
#rightNav button, 
#filterOptions button {
color: #474D57;
height: 50px;
line-height: 50px;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
box-sizing: border-box;
margin-top: 5px;
border-radius: 0!important;
border-bottom: solid 1px rgba(0,0,0,0.1);
}
.s-hidden {visibility:hidden;padding-right:10px;}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    border:none;
    width: 100%;
    color: #474D57;
    margin: 5px 0 0;
    padding: 1px 2px;
    height: 48px;
    line-height: 48px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:transparent;
    padding:0;
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:#474D57 transparent transparent transparent;
    position:absolute;
    top:20px;
    right:6px;
}

.styledSelect:active, .styledSelect.active {
    background-color:transparent;
}
.quickSearchContainer * {
    font-size: 16px;
}

.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding: 3px 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    width: 100%;
    font: 11px;
    color: black;
}
.options li {
    margin:0 0;
    padding:5px 10px;
}
.options li:hover {
    background-color: #E8E8E8;
    color: #000;
}
		#rightNav select, #searchPostcode, #filterOptions select {
			width: 99.9%
		}
		#searchPostcode {
			text-transform: uppercase;
			padding-left: 1px;
			color: #474D57;
		}
		#searchPostcode::placeholder { 
			color: #474D57;
			text-transform: capitalize!important;
		}
		.searchBtn {
			display: block;
			width: 90%;
			margin: 10px auto;
			background-color: #D8334A;
			color: #FFF;
			height: 45px;
			line-height: 42px;
			text-align: center;
			font-size: 17px;
			text-transform: uppercase;
			text-decoration: none;
			border-radius: 4px;
			font-weight: 900;
			
		}
	
		.rightSocials a {
			display: block;
			padding-left: 15px;
			line-height: 50px;
			text-decoration: none;
			color: #A2A2A2;
			font-weight: 300px;
			
		}.rightSocials a:hover {
			background-color: #E6E6E6;
			
		}
		.rightSocials svg, .rightSocials i {
			padding-right: 15px;
			color: #1f1f1f;
			font-size: 11px;
		}
		.rightSocials em {
			font-style: normal;
			color: #474D57;
			
		}
		.sidebarCopyrightLight {
		font-size: 12px;
		padding-left: 20px;
		margin-bottom: 10px;
		color: #474D57;
		line-height: 23px;
	}

		.blueAqua {color: #2F5FE1; }
        .greenAqua { color: #43E8B1}
		.greenLime { color: #24B32C; }
		.greenPastel { color: #E0F2D0; }
		.greenDark { color: #00AF19; }
		.mforsRed { color: #D8344A; }
		.redLight { color: #FF0004; }
		.redDark { color: #B30002; }
		.tealLight { color: #01AEC3; }
		.purpleDark { color: #8101FD; }
		.yellowLight { color: #E9FB32; }
		.yellowGold { color: #b8c90a;}
        .yellowDark { color: #e1c91d; }
		.brownLight { color: #C57F25; }
        .orange {color: #ED9800; }
		.orangeLight { color: #FF8600; }
		.grayDark {color: #545454;}
		.giftPromo {color: #0071c3;}
		.turq {color: #06B0BD;}
        .aqua {color: #4CF5BD}
		.pinkBright {color: #db06b0;}
		.pinkLight{color: #fc0352;}
        .greyLight{color: #868ea0;}

		.facebook-bg{background-color:#3b5998; color:#FFFFFF; border:solid 1px #3b5998;}
		.facebook-bg:hover{background-color:#4469b7; color:#FFFFFF; border:solid 1px #3b5998;}
		.linkedin-bg{background-color:#0077B5; color:#FFFFFF; border:solid 1px #0077B5;}
		.linkedin-bg:hover{background-color:#0186cb; color:#FFFFFF; border:solid 1px #0077B5;}
		.twitter-bg{background-color:#4099ff; color:#FFFFFF; border:solid 1px #4099ff;}
		.twitter-bg:hover{background-color:#5fa9fd; color:#FFFFFF; border:solid 1px #4099ff;}
		.google-bg{background-color:#d34836; color:#FFFFFF; border:solid 1px #d34836;}
		.google-bg:hover{background-color:#ea4f3b; color:#FFFFFF; border:solid 1px #d34836;}
		.whatsapp-bg{background-color:#34AF23; color:#FFFFFF; border:solid 1px #34AF23;}
		.whatsapp-bg:hover{background-color:#3cc729; color:#FFFFFF; border:solid 1px #34AF23;}
		.pinterest-bg{background-color:#C92228; color:#FFFFFF; border:solid 1px #C92228;}
		.pinterest-bg:hover{background-color:#e3262c; color:#FFFFFF; border:solid 1px #C92228;}
		.sms-bg{background-color:#27ae60; color:#FFFFFF; border:solid 1px #27ae60;}
		.sms-bg:hover{background-color:#2bbe69; color:#FFFFFF; border:solid 1px #27ae60;}
		.mail-bg{background-color:#3498db; color:#FFFFFF; border:solid 1px #3498db;}
		.mail-bg:hover{background-color:#38a5ed; color:#FFFFFF; border:solid 1px #3498db;}
		.dribbble-bg{background-color:#EA4C89; color:#FFFFFF; border:solid 1px #EA4C89;}
		.dribbble-bg:hover{background-color:#fc5294; color:#FFFFFF; border:solid 1px #EA4C89;}
		.tumblr-bg{background-color:#2C3D52; color:#FFFFFF; border:solid 1px #2C3D52;}
		.tumblr-bg:hover{background-color:#3e5674; color:#FFFFFF; border:solid 1px #2C3D52;}
		.reddit-bg{background-color:#336699;color:#FFFFFF; border:solid 1px #336699;}
		.reddit-bg:hover{background-color:#3b77b4;color:#FFFFFF; border:solid 1px #336699;}
		.youtube-bg{background-color:#D12827;color:#FFFFFF; border:solid 1px #D12827;}
		.youtube-bg:hover{background-color:#ea2e2d;color:#FFFFFF; border:solid 1px #D12827;}
		.phone-bg{background-color:#27ae60;color:#FFFFFF; border:solid 1px #27ae60;}
		.phone-bg:hover{background-color:#2cc76e; color:#FFFFFF; border:solid 1px #27ae60;}
		.skype-bg{background-color:#12A5F4; color:#FFFFFF; border:solid 1px #27ae60;}
		.skype-bg:hover{background-color:#0f95dd; color:#FFFFFF; border:solid 1px #27ae60;}
		.instagram-bg{background-color:#e1306c; color:#FFFFFF; border:solid 1px #e1306c;}
		.instagram-bg:hover{background-color:#c3295d; color:#FFFFFF; border:solid 1px #c3295d;}
		.mforsRedBG{background-color: #D8344A; color: #FFF;}

	.clear {clear: both;}
	
	.pageHeader  {	display: block;color: #131820;}
	
/* Footer */
footer .mforsLogo {color: #CCCCCC;padding-top: 10px;}
footer .mforsLogo span {color: #D8334A;}
footer strong {
		font-size:11px;
		display:block;
		text-align:center;
		color:#acacac;
		font-weight:700;
		margin-top:10px;
		text-transform: uppercase;
	}
footer p {color: #969696;}
.footerCopyright {
		border-top:solid 1px rgba(255,255,255,0.03);
		text-align:center;
		margin-top:30px;
		padding-top:15px;
		font-size:11px;
		line-height:24px;
	}
.footerCopyright a {color: #969696;	}
.footerCopyright a:visted {color: #969696;}
.footerText {text-align:center; padding:10px 10px 0px 10px;	color:#acacac;	}
.footerSocials {max-width:156px; margin:0 auto;	}
.footerSocials a {
width:34px;
height: 34px;
margin: 8px;
float:left;
font-size:14px;
text-align:center;
color:#FFFFFF;
display: inline-flex;
border-radius:5px;
justify-content: center;
align-items: center;
}
.footerSocials:after {content: "";display: table;	clear: both;}
.footerSocials a svg, .footerSocials a i {line-height:34px;	text-align:center;}

/*  Listings Page */
	
h4 {font-size: 1.5em;color: #d8334a;margin: 10px 0px 0px 0px;	}
li {text-decoration: none;list-style-type: none;line-height: 30px;font-size: 1em;}
/*	li svg, li i  {padding-right: 10px;	} */
p, td, a {line-height: 30px;font-size: 1em;}
.textContainer {padding-left: 40px;margin-top: 10px;}
.listingContainer{
    margin: 15px 0;
    box-shadow: 0px 0px 6px 0px #1C222E;
    border-radius: 5px;
    padding: 13px;
}
.viewListingHeader {font-size: 25px;}
.viewListing {display: block;	position: relative;min-height: 105px;}
.viewListing p {
		margin: 7px 0px 0px;
		line-height: 22px;
		font-style: normal;
		text-align: justify;
	}
	
.viewListingTitle strong {
display: block;
position: relative;
color: #131820;
}
.viewListing a:visited {color: #131820;}	
.viewImage {
		height: 55px;
		margin: 0px 7px 0px 0px;
		border-radius: 3px;
		display: block;
		position: relative;
		float: left;
}
.storeSlideImage object {
        height: 55px;
        margin: 0px 7px 0px 0px;
        border-radius: 3px;
        display: block;
        position: relative;
        float: left;
}
.viewSlide {margin: 10px 0 0;	}
.viewSlide strong {color: #131820;}
.viewSlide .fa-heart {float: right;line-height: 30px;	color:#FF0004;	}
.viewShare {margin: 20px 0;}
.viewShare a{font-size: 50px;}
.fa-heart{color: #FF0004;}
.contactButtons .fa-heart {color: #fff;}

.dividerLine, .decoration {border-top: solid 1px rgba(0,0,0,0.15);}
.summaryImageContainer {min-height: 60px;}
.top20 {margin-top: 20px!important;	}
 .top10 {margin-top: 10px!important;}
/* Google Ad */
.topIns > * {justify-content: left!important;}
.topIns {position: relative;top: 20px;min-height: 150px;}
/* End of google ads */ 

.viewGalleryContainer img {
width: 100%;height: auto;
border-radius: 5px;
display: inline-block;
}
.imageInactive {display: none;}
.halfBtn, .halfbtn {
width: 40%;	height: 30px;line-height: 30px;
color: white;
padding: 5px 5px 5px 15px;	margin: 0px 10px 0px 10px;
border-radius: 5px;
background-color: #F17173;
text-align: center;
font-weight: bolder;
}
.contactButtons {display: flex;justify-content: space-around;margin-top: 20px;}
.contactButtons a {
width: 40%;	height: 30px;line-height: 30px;
color: white;padding: 5px 5px 5px 15px;
border-radius: 5px;
text-align: center;
font-weight: bolder;
	}
.btn svg, .btn i {float: left;line-height: 30px;position: relative; top: 6px;	}
.button:last-child {	margin-bottom: 20px;	}
.btnBlue {background-color: #295ABF;}
.btnRed {background-color: #C42413;}
.floatRight, .float-right {float: right;}
.floatLeft, .float-left {float: left;}
.clear {	both: clear;}
/*-- Listings Tabs */
.listingsFilterSort {position: relative;top: -57px;}
.listingsFilterSort select {
	display: inline-block;
	margin: 0 auto;
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 2px rgba(0,0,0,0.2);
	color: #808080;
	opacity: 0.8;
	width: 11.7%;
	font-size: 12px;
}
.tabContainer {
	float: right;
}
.tabContainer > label:hover { 
	opacity: 1;
}

.tabContainer > label { 
	position: fixed;
	top: 5px;
	right: 280px;
	display: inline-block;
	margin: 0 0 5px 5px;
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 2px rgba(0,0,0,0.2);
	color: #808080;
	opacity: 0.8;
	z-index: 100;

}
.tabContainer label i, .tabContainer label svg {float: right; line-height: 30px; padding: 0 5px;}


.tabContainer input, .tabContentContainer input {
	display: none;
}
.tabContentContainer {
	position: absolute;
	top: 48px;
	display: none;
	margin: 0 5px 5px 0;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 2px rgba(0,0,0,0.2);
	color: #808080;
	width: 99.9%;
	background-color: #fff;
	z-index: 98;
}
.tabSort, .tabFilter {display: none;}

.tabContentContainer ul {
	padding-left: 5px;
}
.tab-content {
	width: 99.9%;
}
.tabContentContainer label { 
	display: inline-block;
	margin: 0 auto;
	border-radius: 5px;
	height: 18px;
	line-height: 18px;
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 2px rgba(0,0,0,0.2);
	color: #808080;
	opacity: 0.8;
	width: 16.5%;
	font-size: 12px;
}

/* Index Page */
	.call-to-action {
		width: 312px;
		margin: -40px auto 30px;
	}
	.call-to-action a {
		width: 80px;
		height: 80px;
		float: left;
		position: relative;
/*		z-index: 97;*/
		background-color: #FFF;
		margin: 0px 12px;
		border-radius: 5px;
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	}
	.call-to-action em {
		position: absolute;
		bottom: 0px;
		left: 0px;
		text-align: center;
		width: 100%;
		font-style: normal;
		font-size: 11px;
		font-weight: 500;
		text-transform: uppercase;
		color: #666;
		border-top: solid 1px rgba(0,0,0,0.03);
		line-height: 24px;
	}
	.call-to-action i, .call-to-action svg {
		position:absolute;
		top:20px;
        left: 30px;
		text-align:center;
		width:100%;
		font-size:20px;
		color:#383838;
	}
	.call-to-action:after {
		content:"";
		clear: both;
	}
	.indexHeader {
		margin-top: 40px;
	}
	.indexHeader h1,.indexHeader h2 {
		text-align: center;
		text-transform: uppercase;
	}
	.indexHeader h2 {
		font-size: 18px; 
	}
	.smallRedLine {
		margin: 5px auto;
		width: 50px;
		border: solid 1px #D8344A;
	}
	.indexHeadText {
		font-size: 13px;
		color: #666;
		text-align: center;

	}
.pricing-3 {
	border: solid 1px rgba(0,0,0,0.1);
	padding-bottom: 10px;
	list-style: none;
}
.bg-promotion {
	background-color: #0071c3;
	color: #fff;
	padding-bottom: 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pricing-title {
	font-size: 28px;
	padding: 30px 0px 0px 20px;
}
.bolder {
	font-weight: 700; 
}
.bolder {
	text-transform: uppercase;
}
.pricing-3 h3 {
	font-size: 20px;
	line-height: 24px;
	margin: 0px 0px 5px 0px;
	font-weight: 500;
}
.pricing-3 h4 {
	font-size: 18px;
	line-height: 23px;
	margin: 0px 0px 20px 0px;
	padding-left: 20px;
	font-weight: 500;
	color: #fff!important;
}

.button-promotion {
	
}
.pricing-3 a {
	display: block;
	width: 85%;
	margin: 0 auto;
	background-color: #0071c3;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #28A4FF;
}

/* Login Page */


.page-login{
	
	min-width:270px;
	max-width:300px;
	margin:75px auto 30px auto;
}

.cover-item .login-bg{margin-top:-17px;}
.page-login .login-bg{
	width:116%;
	left:0px;
	right:0px;
	top:0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-left:-20px;
	margin-top: 30px;
}

.login-bg-image {
	height: 150px;
	opacity: .5;
}

.page-login .login-image{
	width:90px;
	height:90px;
	border-radius:5px;
	position:relative;
	margin-top:-60px;
	margin-left: 180px; 
	border:solid 1px rgba(0,0,0,0.1);
}

.page-login .page-login-field{
	height:45px;
	line-height:45px;
	margin-bottom:10px;
}
#loginForm { 
	position: relative;
}
.page-login .page-login-field i, .page-login .page-login-field svg {
	position:absolute;
	z-index:0;
	padding: 15px 3px;
	line-height:45px;
	width:20px;
	text-align:center;
}

.page-login .page-login-field em{
	position:absolute;
	right:5px;
	z-index:2;
	margin-top:-45px;
	font-size:14px;
	color:#000; /*  was cacaca */
	transition:all 250ms ease;
}

.page-login .page-login-field input:focus ~em{color:#131820; opacity:0;}
.page-login .page-login-field input{
	font-size:12px;
	height:45px;
	line-height:45px;
	border-bottom:solid 1px rgba(0,0,0,0.1);
	background-color:transparent;
	display:block;
	width:100%;
	padding-left:30px;
}

.page-login .page-login-field input::placeholder{color:#000;}
.page-login .page-login-links a{font-size:12px; color:#000;margin-top: 20px;}
.page-login .forgot i{padding-left:5px;  display:none;}
.page-login .create i{padding-right:12px; display:none;}


#submitButton {
	margin: 10px auto 0px;
	display: block;
	width: 85%;
	background-color: #D8334A;
	color: #fff;
	border-radius: 5px;
	text-transform: uppercase;
}

/*---Accordions---*/
/*----------------

.accordion a{
	font-size:15px;
	height:40px;
	line-height:40px;
	font-weight:500;
}*/

.accordion a i:last-child, .accordion a svg:last-child {
	
/*	right: 275px;*/
	padding: 17px 0 0 0;
	transition:all 350ms ease;
    float: right;
}

.accordion a i:first-child, .accordion a svg:first-child{
	
	width:40px;
	text-align:center;
	margin-left:-10px;
}
 
.accordion-content{display:none; overflow:hidden; width: 96%; padding-left: 4%;}
.accordion-style-2 a{padding:0px 10px 0px 10px; height:50px; line-height:50px;}
.accordion-style-2 a i:last-child,.accordion-style-2 a svg:last-child{float: right; padding: 17px 0 0 0; transition:all 350ms ease;}
.accordion-style-2 .accordion-content{margin:10px 0 20px;}
.accordion-style-3 a{height:80px;overflow: hidden; 	margin-bottom:5px;}

a.userEye {
    position: absolute;
    right: 0;
    top: 60px;
}
/*Classic Stylem Input*/
label {
	display: block;
	position: relative;
	font-size: 0.9em;
	margin: 5px 0;
}
.containerCheckbox {
	margin: 5px 0px;
	font-size: 0.8em;
}

.containerCheckbox input {
	height: 25px!important;
	width: 25px!important;
	display: inline-block;
	position: relative;
    top: 8px;
}
.input-simple-2.has-icon i,.input-simple-2.has-icon svg{
	position:absolute;
	right:0px;
	font-size:15px;
	top: 38px;
	width:50px;
	line-height:50px;
	text-align:center;
	color:#666666;
}

.input-simple-2{
	position: relative;
	box-sizing: border-box;
	display:block;
	width:100%;
}


.input-simple-2 input{
	border:solid 1px rgba(0,0,0,0.1);
	background-color:transparent;
	height:50px;
	line-height:50px;
	border-radius:3px!important;
	text-indent:15px;
	box-sizing: border-box;
	display:block;
	width:100%;
	font-size:12px;
	outline: none; 
	appearance: none;
	-webkit-appearance: none;
	transition:all 250ms ease;
}

.input-simple-2.textarea i,.input-simple-2.textarea svg{margin-top:0px;}
.input-simple-2.textarea textarea{
	padding-top:5px;
	padding-right:30px;
    
	border-radius:3px!important;
	padding-top:10px;
	padding-left:15px;
	line-height:28px;
	background-color:transparent;
	border:solid 1px rgba(0,0,0,0.1);
	transition:all 250ms ease;
}

.input-simple-2.textarea textarea:focus{height:130px;}
.input-simple-2.has-icon input{text-indent:15px!important;}
.input-simple-2 input::placeholder, .input-simple-2 textarea::placeholder{color:#959595;}
.input-simple-2.input-blue input:focus{border:solid 1px #5D9CEC!important;}
.input-simple-2.input-green input:focus{border:solid 1px #A0D468!important;}
.input-simple-2.input-red input:focus{border:solid 1px #FC6E51!important;}

.select-box input{width: 100%;}
.select-box-2{border:solid 1px rgba(0,0,0,0.1); border-radius:3px!important; margin-top: 5px;}
.select-box-2 select{padding-left:15px!important; color:#a3a3a3;}
.select-box-2{background-position:center 10;}
.accordion select,.accordion input	{
			color: #474D57;
			height: 50px;
			line-height: 50px;
			box-shadow: none;
			background: transparent;
			background-image: none;
			box-sizing: border-box;
			width: 100%;		
}
.editAdAcc	select,.editAdAcc input{border: none;}
.textarea-simple-2{
	width:100%;
	display:block;
	text-indent: 0px;
	transition:all 250ms ease;
	min-height: 100px;
	border-radius: 3px!important;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 15px;
    box-sizing: border-box;
}
.textareaAdEnquiry {
	width:99.6%;
	display:block;
	padding:0px;
	text-indent: 0px;
	transition:all 250ms ease;
	height: 60vh;
    margin-top: 10px;
}
/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 072 css*/
        .jssorb072 .i {position:absolute;color:#131820;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
        .jssorb072 .i .b {fill:#fff;opacity:.3;}
        .jssorb072 .i:hover {opacity:.7;}
        .jssorb072 .iav {color:#fff;}
        .jssorb072 .iav .b {fill:#131820;opacity:.5;}
        .jssorb072 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#131820;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}


/*  View Map */
.accordion-content-map {
    display:none;
    
}
#map {
	height: 500px;
	width: 104%;
	margin: 20px 0px 40px -2%;
	padding: 0;

}
.map:-webkit-full-screen {
        height: 100%;
        margin: 0;
      }
.map:-ms-fullscreen {
        height: 100%;
      }
.map:fullscreen {
        height: 100%;
}

/* Loaction Checkbox hidden */
.hidden {
	display: none;
}

/*---Buttons---*/
/*-------------*/

.button{transition:all 250ms ease;}
.button:hover, .button-round:hover{text-decoration: none!important;}
@media(max-width:560px){.demo-socials a{width:100%;}}
@media(min-width:560px) and (max-width:760px){.demo-socials a{width:45%;}}
@media(min-width:760px) and (max-width:1280px){.demo-socials a{width:31%;}}
@media(min-width:1280px){.demo-socials a{width:18%;}}    

.icon{display:inline-block; margin:0px 5px 5px 5px; border:none!important;}
.button, .button-round{
	margin-top: 10px;
    color:#FFFFFF;
    line-height:45px;
    text-align:center;
    font-size:15px;
    display:inline-block;
    padding:0px 10px 0px 10px;}

.button-teal{background-color:#A0CECB; border:solid 2px #A0CECB; }
.button-teal-3d{border:none!important; border-bottom:solid 5px #7DB1B1!important; padding:0px 22px;}
.button-teal:hover{background-color:#7DB1B1; border:solid 2px #7DB1B1;}
.button-teal:active{background-color:#628d8d; border-bottom:solid 2px #628d8d!important;}

.button-mint{background-color:#48CFAD; border:solid 2px #48CFAD; }
.button-mint-3d{border:none!important; border-bottom:solid 5px #37BC9B!important; padding:0px 22px;}
.button-mint:hover{background-color:#37BC9B; border:solid 2px #37BC9B;}
.button-mint:active{background-color:#2fa285; border-bottom:solid 2px #2fa285!important;}

.button-white{background-color:#FFFFFF; border:solid 2px #FFFFFF; color:#1f1f1f; }
.button-white-3d{border:none!important; border-bottom:solid 5px #FFFFFF!important; padding:0px 22px; color:#1f1f1f;}
.button-white:hover{background-color:rgba(255,255,255,0.8); border:solid 2px #FFFFFF;}
.button-white:active{background-color:#FFFFFF; border-bottom:solid 2px #FFFFFF!important;}

.button-green{background-color:#8CC152; border:solid 2px #8CC152;}
.button-green-3d{border:none!important; border-bottom:solid 5px #77a346!important; padding:0px 22px;}
.button-green:hover{background-color:#A0D468; border:solid 2px #A0D468;}
.button-green:active{background-color:#77a346; border:solid 2px #77a346;}

.button-promotion{background-color:#0071c3; border:solid 2px #007FF5;}
.button-promotion:hover{background-color:#006CD1; border:solid 2px #006CD1;}
.button-promotion:active{background-color:#006CD1; border:solid 2px #006CD1;}

.button-blue{background-color:#4A89DC; border:solid 2px #4A89DC;}
.button-blue-3d{border:none!important; border-bottom:solid 5px #3a71b9!important; padding:0px 22px;}
.button-blue:hover{background-color:#5D9CEC; border:solid 2px #5D9CEC;}
.button-blue:active{background-color:#3a71b9; border:solid 2px #3a71b9;}

.button-blue2{background-color:#4FC1E9; border:solid 2px #4FC1E9;}
.button-blue2-3d{border:none!important; border-bottom:solid 5px #3ba3c9!important; padding:0px 22px;}
.button-blue2:hover{background-color:#3BAFDA; border:solid 2px #3BAFDA;}
.button-blue2:active{background-color:#3ba3c9; border:solid 2px #3ba3c9;}

.button-magenta{background-color:#AC92EC; border:solid 2px #AC92EC;}
.button-magenta-3d{border:none!important; border-bottom:solid 5px #8a70cc!important; padding:0px 22px;}
.button-magenta:hover{background-color:#967ADC; border:solid 2px #967ADC;}
.button-magenta:active{background-color:#8a70cc; border:solid 2px #8a70cc;}

.button-magenta2{background-color:#8067B7; border:solid 2px #8067B7;}
.button-magenta2-3d{border:none!important; border-bottom:solid 5px #503a84!important; padding:0px 22px;}
.button-magenta2:hover{background-color:#6A50A7; border:solid 2px #6A50A7;}
.button-magenta2:active{background-color:#503a84; border:solid 2px #503a84;}

.button-dark{background-color:#3C3B3D; border:solid 2px #3C3B3D;}
.button-dark-3d{border:none!important; border-bottom:solid 5px #000000!important; padding:0px 22px;}
.button-dark:hover{background-color:#323133; border:solid 2px #323133;}
.button-dark:active{background-color:#000000; border:solid 2px #000000;}

.button-dark2{background-color:#656D78; border:solid 2px #656D78;}
.button-dark2-3d{border:none!important; border-bottom:solid 5px #434A54!important; padding:0px 22px;}
.button-dark2:hover{background-color:#656D78; border:solid 2px #656D78;}
.button-dark2:active{background-color:#3a404a; border:solid 2px #434A54;}

.button-yellow{background-color:#F6BB42; border:solid 2px #F6BB42;}
.button-yellow-3d{border:none!important; border-bottom:solid 5px #cb9527!important; padding:0px 22px;}
.button-yellow:hover{background-color:#d8a02e; border:solid 2px #d8a02e;}
.button-yellow:active{background-color:#cb9527; border:solid 2px #cb9527;}

.button-orange{background-color:#FC6E51; border:solid 2px #FC6E51;}
.button-orange-3d{border:none!important; border-bottom:solid 5px #c6442f!important; padding:0px 22px;}
.button-orange:hover{background-color:#E9573F; border:solid 2px #E9573F;}
.button-orange:active{background-color:#c6442f; border:solid 2px #c6442f;}

.button-red{background-color:#ED5565; border:solid 2px #ED5565;}
.button-red-3d{border:none!important; border-bottom:solid 5px #BF263C!important; padding:0px 22px;}
.button-red:hover{background-color:#DA4453; border:solid 2px #DA4453;}
.button-red:active{background-color:#BF263C; border:solid 2px #BF263C;}

.button-pink{background-color:#FB3365; border:solid 2px #FB3365;}
.button-pink-3d{border:none!important; border-bottom:solid 5px #d9315b!important; padding:0px 22px;}
.button-pink:hover{background-color:#ff4876; border:solid 2px #e22c59;}
.button-pink:active{background-color:#e22c59; border:solid 2px #e22c59;}

.button-pink2{background-color:#EC87C0; border:solid 2px #EC87C0;}
.button-pink2-3d{border:none!important; border-bottom:solid 5px #ba5992!important; padding:0px 22px;}
.button-pink2:hover{background-color:#D770AD; border:solid 2px #D770AD;}
.button-pink2:active{background-color:#ba5992; border:solid 2px #ba5992;}

.button-icon{padding-left:40px; height:50px; line-height:50px; border:none!important;}
.button-full{display:block;}
.button-half{display: inline-block;}
.button-round{border-radius:40px!important;}
.button-social{text-align:left!important; width:100%; padding-left:70px!important;}
.button-social i{text-align:center!important;}
.button-social-center{text-align:center!important; padding-left:40px!important;}

.button-center-large{
    display:block;
    width:250px;
    margin-left:auto; 
    margin-right:auto;
}

.button-center-medium{
	width:190px;
	margin:0 auto;
	display:block;
}

.button-center-small{
	width:129px;
	margin:0 auto;
	display:block;
}

.button-center{
    width:170px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.button-center-large.button-icon{padding-left:20px!important;}
.button-rounded{border-radius:4px!important;}
.button-round.button-icon i{border-radius:50px;}
.button-icon i{
    width:50px;
    line-height:50px!important;
    height:100%;
    top:0px;
    left:0px;
    position:absolute;
    font-size:14px;
}
.button-icon.button-full{padding-left:20px;}
/* --- Font Sizes --*/
.font-10{font-size:10px!important;}
.font-11{font-size:11px!important;}
.font-12{font-size:12px!important;}
.font-13{font-size:13px!important;}
.font-14{font-size:14px!important;}
.font-15{font-size:15px!important;}
.font-16{font-size:16px!important;}
.font-17{font-size:17px!important;}
.font-18{font-size:18px!important;}
.font-19{font-size:19px!important;}
.font-20{font-size:20px!important;}
.font-21{font-size:21px!important;}
.font-22{font-size:22px!important;}
.font-23{font-size:23px!important;}
.font-24{font-size:24px!important;}
/*---Background & Colors---*/
/*-------------------------*/
.bg-full{position:fixed; top:-20px; left:-20px; right:-20px; bottom:-20px; overflow:hidden;}
.bg-cover{background-size:cover; background-position:center center;}
.bg-transparent{background:rgba(0,0,0,0)!important;}
.bg-dark{background-color:rgba(0,0,0,0.3)!important;}
.bg-1{background-image:url(../ultra/code/images/pictures/1.jpg)}
.bg-2{background-image:url(../ultra/code/images/pictures/2.jpg)}
.bg-3{background-image:url(../ultra/code/images/pictures/3.jpg)}
.bg-4{background-image:url(../ultra/code/images/pictures/4.jpg)}
.bg-5{background-image:url(../ultra/code/images/pictures/5.jpg)}
.bg-6{background-image:url(../ultra/code/images/pictures/6.jpg)}
.bg-7{background-image:url(../ultra/code/images/pictures/7.jpg)}
.bg-8{background-image:url(../ultra/code/images/pictures/8.jpg)}
.bg-9{background-image:url(../ultra/code/images/pictures/9.jpg)}

/* Duo Colours */


.duoAccount {
	--fa-secondary-opacity: 1.0;
    --fa-primary-color: #45E02B;
    --fa-secondary-color: #D3DF4C;
}
.fa-fire {
	--fa-secondary-opacity: 0.8;
	--fa-primary-color: #4A63FF;
    --fa-secondary-color: #FF3E01;
}
.fa-users-medical {
	--fa-secondary-opacity: 0.9;
	--fa-primary-color: #4A63FF;
    --fa-secondary-color: #45E02B;
}
.fa-user-lock {
	--fa-secondary-opacity: 0.9;
	--fa-primary-color: #4A63FF;
    --fa-secondary-color: #B01320;
}
.fa-user-shield {
	--fa-secondary-opacity: 0.9;
	--fa-primary-color: #4A63FF;
    --fa-secondary-color: #45E02B;
}
.fa-user-cog {
	--fa-secondary-opacity: 0.9;
	--fa-primary-color: #4A63FF;
    --fa-secondary-color: #45E02B;
}
.fa-newspaper {
	--fa-secondary-opacity: 1;
	--fa-primary-opacity: 0.8;
	--fa-primary-color: #BD7006;
    --fa-secondary-color: #FF9705;
}
/*Page Highlights*/


.bg-teal-light{ background-color: #A0CECB!important; color:#FFFFFF;}
.bg-teal-dark{  background-color: #7DB1B1!important; color:#FFFFFF;}
.border-teal-light{ border:solid 1px #A0CECB!important;}
.border-teal-dark{  border:solid 1px #7DB1B1!important;}
.bg-hover-teal-light:hover{ background-color: #A0CECB!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-teal-dark:hover{  background-color: #7DB1B1!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-teal-light{ color: #A0CECB!important;}
.color-teal-dark{  color: #7DB1B1!important;}

.bg-green-light{background-color: #A0D468!important; color:#FFFFFF;}
.bg-green-dark{background-color: #8CC152!important; color:#FFFFFF;}
.border-green-light{border:solid 1px #A0D468!important;}
.border-green-dark{ border:solid 1px #8CC152!important;}
.bg-hover-green-light:hover{background-color: #A0D468!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-green-dark:hover{background-color: #8CC152!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-green-light{color: #A0D468!important;}
.color-green-dark{color: #8CC152!important;}

.bg-green2-light{background-color: #2ECC71!important; color:#FFFFFF;}
.bg-green2-dark{background-color: #2ABA66!important; color:#FFFFFF;}
.border-green2-light{border:solid 1px #2ECC71!important;}
.border-green2-dark{ border:solid 1px #2ABA66!important;}
.bg-hover-green2-light:hover{background-color: #2ECC71!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-green2-dark:hover{background-color: #2ABA66!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-green2-light{color: #2ECC71!important;}
.color-green2-dark{color: #2ABA66!important;}

.bg-blue-light{background-color: #5D9CEC!important; color:#FFFFFF;}
.bg-blue-dark{background-color: #4A89DC!important; color:#FFFFFF;}
.border-blue-light{border:solid 1px #5D9CEC!important;}
.border-blue-dark{ border:solid 1px #4A89DC!important;}
.bg-hover-blue-light:hover{background-color: #5D9CEC!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-blue-dark:hover{background-color: #4A89DC!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-blue-light{color: #5D9CEC!important;}
.color-blue-dark{color: #4A89DC!important;}

.bg-blue2-light{background-color: #4FC1E9!important; color:#FFFFFF;}
.bg-blue2-dark{background-color: #3BAFDA!important; color:#FFFFFF!important;}
.border-blue2-light{border:solid 1px #4FC1E9!important;}
.border-blue2-dark{ border:solid 1px #3BAFDA!important;}
.bg-hover-blue2-light:hover{background-color: #4FC1E9!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-blue2-dark:hover{background-color: #3BAFDA!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-blue2-light{color: #4FC1E9!important;}
.color-blue2-dark{color: #3BAFDA!important;}

.bg-magenta-light{background-color: #8067B7!important; color:#FFFFFF;}
.bg-magenta-dark{background-color: #6A50A7!important; color:#FFFFFF;}
.border-magenta-light{border:solid 1px #8067B7!important;}
.border-magenta-dark{ border:solid 1px #6A50A7!important;}
.bg-hover-magenta-light:hover{background-color: #8067B7!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-magenta-dark:hover{background-color: #6A50A7!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-magenta-light{color: #8067B7!important;}
.color-magenta-dark{color: #6A50A7!important;}

.bg-night-light{background-color: #656D78!important; color:#FFFFFF;}
.bg-night-dark{background-color: #434A54!important; color:#FFFFFF;}
.border-night-light{border:solid 1px #656D78!important;}
.border-night-dark{ border:solid 1px #434A54!important;}
.bg-hover-night-light:hover{background-color: #656D78!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-night-dark:hover{background-color: #434A54!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-night-light{color: #656D78!important;}
.color-night-dark{color: #434A54!important;}

.bg-yellow-light{background-color: #FFCE54!important; color:#FFFFFF;}
.bg-yellow-dark{background-color: #F6BB42!important; color:#FFFFFF;}
.border-yellow-light{border:solid 1px #FFCE54!important;}
.border-yellow-dark{ border:solid 1px #F6BB42!important;}
.bg-hover-yellow-light:hover{background-color: #FFCE54!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-yellow-dark:hover{background-color: #F6BB42!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-yellow-light{color: #FFCE54!important;}
.color-yellow-dark{color: #F6BB42!important;}

.bg-yellow2-light{background-color: #E8CE4D!important; color:#FFFFFF;}
.bg-yellow2-dark{background-color: #E0C341!important; color:#FFFFFF;}
.border-yellow2-light{border:solid 1px #E8CE4D!important;}
.border-yellow2-dark{ border:solid 1px #E0C341!important;}
.bg-hover-yellow2-light:hover{background-color: #E8CE4D!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-yellow2-dark:hover{background-color: #E0C341!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-yellow2-light{color: #E8CE4D!important;}
.color-yellow2-dark{color: #E0C341!important;}

.bg-orange-light{background-color: #FC6E51!important; color:#FFFFFF;}
.bg-orange-dark{background-color: #E9573F!important; color:#FFFFFF;}
.border-orange-light{border:solid 1px #FC6E51!important;}
.border-orange-dark{ border:solid 1px #E9573F!important;}
.bg-hover-orange-light:hover{background-color: #FC6E51!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-orange-dark:hover{background-color: #E9573F!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-orange-light{color: #FC6E51!important;}
.color-orange-dark{color: #E9573F!important;}

.bg-red-light{background-color: #e74c3c!important; color:#FFFFFF;}
.bg-red-dark{background-color: #c0392b!important; color:#FFFFFF;}
.border-red-light{border:solid 1px #e74c3c!important;}
.border-red-dark{ border:solid 1px #c0392b!important;}
.bg-hover-red-light:hover{background-color: #e74c3c!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-red-dark:hover{background-color: #c0392b!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-red-light{color: #e74c3c!important;}
.color-red-dark{color: #c0392b!important;}

.bg-pink-light{background-color: #fa6a8e !important; color:#FFFFFF;}
.bg-pink-dark{background-color: #FB3365 !important; color:#FFFFFF;}
.border-pink-light{border:solid 1px #fa6a8e !important;}
.border-pink-dark{ border:solid 1px #FB3365 !important;}
.bg-hover-pink-light:hover{background-color: #f85d84!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-pink-dark:hover{background-color: #fa6a8e!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-pink-light{color: #fa6a8e!important;}
.color-pink-dark{color: #FB3365!important;}

.bg-brown-light{background-color: #BAA286 !important; color:#FFFFFF;}
.bg-brown-dark{background-color: #AA8E69 !important; color:#FFFFFF;}
.border-brown-light{border:solid 1px #BAA286 !important;}
.border-brown-dark{ border:solid 1px #AA8E69 !important;}
.bg-hover-brown-light:hover{background-color: #BAA286!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-brown-dark:hover{background-color: #AA8E69!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-brown-light{color: #BAA286!important;}
.color-brown-dark{color: #AA8E69!important;}

.bg-brown2-light{background-color: #8E8271 !important; color:#FFFFFF;}
.bg-brown2-dark{background-color: #7B7163 !important; color:#FFFFFF;}
.border-brown2-light{border:solid 1px #8E8271 !important;}
.border-brown2-dark{ border:solid 1px #7B7163 !important;}
.bg-hover-brown2-light:hover{background-color: #8E8271!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-brown2-dark:hover{background-color: #7B7163!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-brown2-light{color: #8E8271!important;}
.color-brown2-dark{color: #7B7163!important;}

.bg-gray-light{background-color: #bdc3c7!important; color:#FFFFFF;}
.bg-gray-dark{background-color: #95a5a6!important; color:#FFFFFF;}
.border-gray-light{border:solid 1px #bdc3c7!important;}
.border-gray-dark{ border:solid 1px #95a5a6!important;}
.bg-hover-gray-light:hover{background-color: #bdc3c7!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-gray-dark:hover{background-color: #95a5a6!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-gray-light{color: #bdc3c7!important;}
.color-gray-dark{color: #95a5a6!important;}

.bg-white{background-color:#FFFFFF!important;}
.bg-hover-black:hover{background-color:#FFFFFF!important; color:#000000!important;}
.color-white{color:#FFFFFF!important;}
.border-white{border:solid 1px #FFFFFF!important;}
.border-light{border-color:rgba(255,255,255,0.05)!important;}

.bg-black{background-color:#000000!important;}
.bg-hover-black:hover{background-color:#000000!important; color:#FFFFFF!important;}
.color-black{color:#000000!important;}
.border-black{border:solid 1px #000000!important;}

.opacity-0{opacity:0.0;}
.opacity-05{opacity:0.05;}
.opacity-10{opacity:0.1;}
.opacity-20{opacity:0.2;}
.opacity-25{opacity:0.25;}
.opacity-30{opacity:0.3;}
.opacity-40{opacity:0.4;}
.opacity-50{opacity:0.5;}
.opacity-60{opacity:0.6;}
.opacity-70{opacity:0.7;}
.opacity-75{opacity:0.75;}
.opacity-80{opacity:0.8;}
.opacity-90{opacity:0.9;}
.border-round{border-radius:100px; overflow:hidden;}

.bg-green-light i, 
.bg-green-dark i,
.bg-teal-light i, 
.bg-teal-dark i, 
.bg-magenta-light i, 
.bg-magenta-dark i, 
.bg-yellow-light i, 
.bg-yellow-dark i, 
.bg-orange-light i, 
.bg-orange-dark i, 
.bg-red-dark i, 
.bg-red-light i, 
.bg-gray-light i, 
.bg-gray-dark i{color:#FFFFFF;}

.facebook-bg{background-color:#3b5998; color:#FFFFFF; border:solid 1px #3b5998;}
.facebook-bg:hover{background-color:#4469b7; color:#FFFFFF; border:solid 1px #3b5998;}
.linkedin-bg{background-color:#0077B5; color:#FFFFFF; border:solid 1px #0077B5;}
.linkedin-bg:hover{background-color:#0186cb; color:#FFFFFF; border:solid 1px #0077B5;}
.twitter-bg{background-color:#4099ff; color:#FFFFFF; border:solid 1px #4099ff;}
.twitter-bg:hover{background-color:#5fa9fd; color:#FFFFFF; border:solid 1px #4099ff;}
.google-bg{background-color:#d34836; color:#FFFFFF; border:solid 1px #d34836;}
.google-bg:hover{background-color:#ea4f3b; color:#FFFFFF; border:solid 1px #d34836;}
.whatsapp-bg{background-color:#34AF23; color:#FFFFFF; border:solid 1px #34AF23;}
.whatsapp-bg:hover{background-color:#3cc729; color:#FFFFFF; border:solid 1px #34AF23;}
.pinterest-bg{background-color:#C92228; color:#FFFFFF; border:solid 1px #C92228;}
.pinterest-bg:hover{background-color:#e3262c; color:#FFFFFF; border:solid 1px #C92228;}
.sms-bg{background-color:#27ae60; color:#FFFFFF; border:solid 1px #27ae60;}
.sms-bg:hover{background-color:#2bbe69; color:#FFFFFF; border:solid 1px #27ae60;}
.mail-bg{background-color:#3498db; color:#FFFFFF; border:solid 1px #3498db;}
.mail-bg:hover{background-color:#38a5ed; color:#FFFFFF; border:solid 1px #3498db;}
.dribbble-bg{background-color:#EA4C89; color:#FFFFFF; border:solid 1px #EA4C89;}
.dribbble-bg:hover{background-color:#fc5294; color:#FFFFFF; border:solid 1px #EA4C89;}
.tumblr-bg{background-color:#2C3D52; color:#FFFFFF; border:solid 1px #2C3D52;}
.tumblr-bg:hover{background-color:#3e5674; color:#FFFFFF; border:solid 1px #2C3D52;}
.reddit-bg{background-color:#FF4500;color:#FFFFFF; border:solid 1px #336699;}
.reddit-bg:hover{background-color:#FF4500;color:#FFFFFF; border:solid 1px #336699;}
.youtube-bg{background-color:#D12827;color:#FFFFFF; border:solid 1px #D12827;}
.youtube-bg:hover{background-color:#ea2e2d;color:#FFFFFF; border:solid 1px #D12827;}
.phone-bg{background-color:#27ae60;color:#FFFFFF; border:solid 1px #27ae60;}
.phone-bg:hover{background-color:#2cc76e; color:#FFFFFF; border:solid 1px #27ae60;}
.skype-bg{background-color:#12A5F4; color:#FFFFFF; border:solid 1px #27ae60;}
.skype-bg:hover{background-color:#0f95dd; color:#FFFFFF; border:solid 1px #27ae60;}
.instagram-bg{background-color:#e1306c; color:#FFFFFF; border:solid 1px #e1306c;}
.instagram-bg:hover{background-color:#c3295d; color:#FFFFFF; border:solid 1px #c3295d;}

.facebook-color{color:#3b5998!important;}
.linkedin-color{color:#0077B5!important;}
.twitter-color{color:#4099ff!important;}
.google-color{color:#d34836!important;}
.whatsapp-color{color:#34AF23!important;}
.pinterest-color{color:#C92228!important;}
.sms-color{color:#27ae60!important;}
.mail-color{color:#3498db!important;}
.dribbble-color{color:#EA4C89!important;}
.tumblr-color{color:#2C3D52!important;}
.reddit-color{color:#FF4500!important;}
.youtube-color{color:#D12827!important;}
.phone-color{color:#27ae60!important;}
.skype-color{color:#12A5F4!important;}
.facebook-color:hover, .twitter-color:hover, .google-color:hover, .pinterest-color:hover, .sms-color:hover, .mail-color:hover, .dribbble-color:hover, .tumblr-color:hover, .reddit-color:hover, .youtube-color:hover, .phone-color:hover{color:#FFFFFF;}


/*---FAQ---*/
/*---------*/
.faq h6 {margin: 0!important}
.faq-question{
	line-height:14px;
	font-size:14px;
	font-weight:500;
	padding:20px 0px 16px 20px;
}
.faq-question span.rotate {
    display: block;
    top: -21px;
}
.faq-question svg{
	position: relative;
    top: 20px;
	transition:all 250ms ease;
}

.faq{border:solid 1px rgba(0,0,0,0.1); border-bottom:none; margin-bottom:-1px;}
.faq p{margin-bottom:0px; padding:0px 15px 20px 15px; line-height: 35px;}
.faq-answer{display:none;}
.faq-question .rotate-45, .faq-question .rotate-180{color:#BF263C;}

.faq:last-of-type {
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
/* Font Styles */

.container, .container-fullscreen{margin-bottom:30px; display:block;}
.hide-if-mobile{display:none!important;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.capitalize{text-transform:capitalize!important;}
.thin{font-weight:300!important;}
.ultrathin{font-weight:100!important;}
.thiner{font-weight:400!important;}
.bold{font-weight:600!important;}
.regular{font-weight:400!important;}
.regularbold{font-weight:500!important;}
.bolder{font-weight:700!important;;}
.ultrabold{font-weight:800!important;}
.justify{text-align:justify!important;}
.italic{font-style: italic;}
.pointer{cursor:pointer;}

.ultrasmall-text{font-size:10px!important;}
.small-text{font-size:13px!important; margin-top:-5px; display:block; line-height:24px;}
.smaller-text{font-size:12px!important; margin-top:-5px; display:block;}
.normal-text{font-size:14px!important;}
.larger-text{font-size:26px!important;}
.large-text{font-size:28px!important;}
.huge-text{font-size:30px!important;}
.boxed-text{max-width:80%; margin:0 auto; text-align:center;}
.boxed-text-small{max-width:200px; margin:0 auto; text-align:center;}
.boxed-text-large{max-width:300px; margin:0 auto; text-align:center;}
.medium-line-height{line-height:30px;}
.large-line-height{line-height:40px;}
.small-text-icon i{padding-left:15px; width:25px; padding-right:10px;}
.small-text-icon i:first-child{padding-left:0px;}
.border-text{border-width:4px!important; padding:5px 0px 5px 15px; border-right:none!important; border-top:none!important; border-bottom:none!important;}

.center-text{text-align:center!important; display:block;}
.left-text{text-align:left!important; display:block;}
.right-text{text-align:right!important; display:block;}

.center-stars i{font-size:16px; padding:0px 5px 0px 5px;}
.center-stars{width:140px; margin:0 auto;}
.space-left{padding-left:10px;}
.space-right{padding-right:10px;}

.center-boxed-content{max-width:600px!important;}
.center-boxed-text, .center-boxed-content{
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
}
/*  Tooltips */

.tooltipEditContainer {
  	position: relative;
  	display: inline-block;
	margin-left: 90%;
	top: -30px;
  
}

.tooltipProfileContainer {
	position: relative;
  	display: inline-block;
	margin-left: 95%;
	
}


.tooltip .tooltiptext {
	visibility: hidden;
	width: 250px;
	left: -250px;
	background-color: #D6CECF;
	color: black;
	text-align: center;
	border-radius: 6px;
	padding: 5px 10px 5px 5px;
	line-height: 1.5em;
	
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Save button on profile page */

.userProfile {
	position: relative;
	font-size: 16px;
	color: black;
	
}
.userProfile i, .userProfile svg {
	margin-top: 20px; 
	font-size: 40px;
	padding-right: 10px;
}
/*StoreListing - MFORS*/

.storeListingTitle {
	height: 65px;
	margin-top: 10px;
}
.storeListingTitle h2 {
	font-size: 20px;
	margin: 0px;
}

.storeListingTitle p {
	margin-bottom: 10px !important;
}

.storeListingTitle strong {
	display: block;
	color: black;
	
	
}

.storeListingTitle img {
	
	height: 55px;
	float: left;
	margin-right: 7px;
	margin-top: 7px;
	border-radius: 3px;
}

.storeListingTitle em {
	
	
	float: left;
	line-height: 1.8em;
	
}
.storeSlideButton {
	
	display: block;
	margin: 20px 0;
	padding-left: 15px;
}

.storeSlideButton a { 
	float: right;	
}

.updateAdBtns a {
	display: block;
	float: right;
	padding-right: 20px;
}

.rubber {
	box-shadow: 0 0 0 3px #D8334A, 0 0 0 2px #D8334A inset;  
	border: 2px solid transparent;
	border-radius: 4px;
	display: inline-block;
	padding: 5px 2px;
	line-height: 22px;
	color: #D8334A;
	font-size: 15px;
	font-family: 'Black Ops One', cursive;
	text-transform: uppercase;
	text-align: center;
	opacity: 0.4;
	width: 123px;
	transform: rotate(-9deg);
	position: absolute;
	top: 7.8px;
	left: 64px;
	z-index: 98;
}
/*  Cards */


#messageCounter {
	font-style: normal;
	background-color: #FF0004;
	border-radius: 50%;
	padding: 3px;
	font-size: 12px;
	color: #fff;
	position: relative;
	top: -14px;
	right: 8px;	
}
.sendIcon {	
	height: 32px;
	width:  32px;
    position: absolute;
    top:20px;
}
.centerText {
	text-align: center;
}
.userBalance {	
	height: 150px;
}
.indexBanner {
    max-width: 500px;
    margin: 0 auto;
}
.indexBanner .bannerSlide {	
	margin: 0 auto;
	width: 100%;
	height: auto;	
}
.featuredIcon {	
	position:absolute!important;
	top: 27px;
	left: -10px;
	font-size: 30px;
	z-index: 97;
}
/* Coming Soon */
.comingSoon h2 {
	text-align: center;
}
.fa-hourglass-start {
	margin: 0 auto;
	font-size: 100px;
	text-align: center;
}

/* User Credit Page */

.userCredits {
	padding-left: 20px;
	font-size: 60px;
}
.userCredits span {
	font-size: 20px;
	line-height: 71px;
	vertical-align: middle;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 7px;
  width: 50%;
}
.modal-content h1 {
    margin: 0;
}
.modal-content p {
    margin: 3px 0;
}


/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close i, .close svg {
  color: #aaaaaa;
}
.close:hover,
.close:focus {
  color: #131820;
  text-decoration: none;
  cursor: pointer;
}
.confirmationTabUL li {
    margin: -10px 0;
}
.r1 , .r2 ,.r3, .r4, .r5, .r6{
	display:inline-block;
    -moz-transition: all 4s linear;
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}
.r1.r720 , .r2.r720 , .r3.r720, .r4.r720, .r5.r720, .r6.r720{
    -moz-transform:rotate(720deg);
    -webkit-transform:rotate(720deg);
    transform:rotate(720deg);
}
.amountContainer {display: block; width: 100%;}
#purchaseForm a {margin-top: 20px; width: 27%}
#purchaseForm a:nth-last-of-type(2) {margin: 20px 2% 0;}
#purchaseForm input {    
	font-size: 1.8em;
    width: 100px;
    border: none;
}

#purchaseForm i, #purchaseForm svg {
    font-size: 3em;  
    color: #474D57;
        padding: 5px 4px 0 8px;
    position: relative;
    top: 5px;
}
.payButton {    
	display: inline-block;
    border: none;
    width: 46%;
    
}
.payButton:first-of-type {    
	margin-right: 1%;
}
#cardholder-name {height: 30px; line-height: 30px;  border-radius: 0!important; font-size: 1em; margin-top: 10px;}
#card-errors{color: brown;}


/* transform the rotate icon when opening an closing an accordion */

.rotate-180{transform: rotate(180deg);}

/* Cookie Pop up*/


#cookie{
 
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(0,0,0,.5);

  text-align:center;
  padding:1rem;
  align-items:center;
  justify-content:center;
}
.cookieContent
 {
    background-color: #fefefe;
    margin: 65px auto 0;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 7px;
    width: 40%;
/*
    width:50%;
    background-color:white;
    border-radius: 5px;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items:center;
    justify-content:center;
	padding: 15px;
*/
  }

.cookieButtons {
	width: 100%;
	margin-bottom: -15px;
}
.cookieButtons a {
	width: 40%;
	margin: 5px 4px;
}

.flexColumns{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	
}
.flexColumns p {
	width: 25%;
}
.one{  flex: 1 1 0;}
.two{  flex: 1 1 0;}
.three{flex: 1 1 0;}
.four{ flex: 3 1 0;}

.has-icon a.showPass {
    position: absolute;
}
.has-icon a.showPass svg {
    position: relative;
    top: 0px;
}
input.change {
    padding-left: 30px;
}
.inputRequired {
    position: absolute;
    right: 5px;
    z-index: 2;
    margin-top: -35px;
    font-size: 14px;
    color: #cacaca;
    transition: all 250ms ease;
}
.MOT {
	display: inline-block;
	background-image: url("/_r/images/motIcon2.png");
	background-size: 25px 25px;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	position: relative;
    margin: auto;
	left: 3px;
	
}
.ABS {
	display: inline-block;
	background-image: url("/_r/images/Antilock_Braking_System.svg.png");
	background-size: 30px 25px;
	background-repeat: no-repeat;
	width: 30px;
	height: 25px;
	position: relative;
    margin: auto;
    
}
.bikeSureGIF {
    margin: 10px auto -10px;
}
/* @ Media requests need to be at the bottom of the CSS file as will take the last rule as the result */
/* Tablets */
@media only screen and (max-width: 1100px) {
	.bodyContainer {flex-direction: row;flex: 1;}
	.viewContainer {flex: 1;}
	.rightNav,.filterOptions {margin-right: -260px;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
	.accordion a i:last-child, .accordion a svg:last-child{right: 15px!important;}
	.modal-content{margin-left: 35%;}
	.tabContainer > label {right: 65px;}
	#purchaseForm a {width: 25%;}
}

/* Mobile */
@media only screen and (max-width: 750px) {
	.bodyContainer {flex-direction: row;flex: 1;}
	.viewContainer {flex: 1;}
	.pushViewLeft {position: relative;left: -260px;}
    .leftNavMini {display: block;}
	.viewContent {width: 90%;}
	.blackOut {background-color: rgba(0,0,0,0.35);}
	.blackOut > * {opacity: 0.5;}
	.modal-content{width: 80%; margin: auto;}
	#purchaseForm a {width: 25%;}
	.modal {padding-top: 75px;}
    .cookieContent {width: 90%;}
    .textareaAdEnquiry {height: 50vh;}
}

/* Small Mobile (iphone5) */
@media only screen and (max-width: 320px) {
	.bodyContainer {flex-direction: row;flex: 1;}
	.viewContainer {flex: 1;}
	.pushViewLeft {position: relative;left: -260px;}
    .leftNavMini {display: block;}
	.viewContent {width: 95%;}
	.blackOut {background-color: rgba(0,0,0,0.35);}
	.blackOut > * {opacity: 0.5;}
	.modal-content{width: 80%; margin: auto;}
	#purchaseForm a {width: 24%;}
	.modal {padding-top: 75px;}
    .cookieContent {width: 90%;}
    .textareaAdEnquiry {height: 50vh;}
    .call-to-action {margin: 0px 2%;}
    .textContainer { padding-left: 10px;}
    .techInfoUL { padding-left: 10px;}
}