@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900");
@import url("../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900");
@import url("../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900");
@import url("../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@font-face {
	font-family: 'DIN Next LT Pro HeavyItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic) format("svg");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Italic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Italic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Italic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Italic.svg#../fonts/DINNextLTPro/DINNextLTPro-Italic) format("svg");
	font-weight: 400;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro MediumItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-MediumItalic) format("svg");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro BoldItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-BoldItalic) format("svg");
	font-weight: 700;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Medium';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Medium.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Medium.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Medium.svg#../fonts/DINNextLTPro/DINNextLTPro-Medium) format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Light';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Light.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Light.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Light.svg#../fonts/DINNextLTPro/DINNextLTPro-Light) format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayblack';
	src: url("../fonts/sfpro-display/SFProDisplay-Black.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Blackd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Black.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Black.svg#SFProDisplay-Black") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaybold';
	src: url("../fonts/sfpro-display/SFProDisplay-Bold.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Bold.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Bold.svg#SFProDisplay-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayheavy';
	src: url("../fonts/sfpro-display/SFProDisplay-Heavy.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Heavy.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Heavy.svg#SFProDisplay-Heavy") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaylight';
	src: url("../fonts/sfpro-display/SFProDisplay-Light.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Light.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Light.svg#SFProDisplay-Light") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayregular';
	src: url("../fonts/sfpro-display/SFProDisplay-Regular.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Regular.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Regular.svg#SFProDisplay-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaymedium';
	src: url("../fonts/sfpro-display/SFProDisplay-Medium.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Medium.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Medium.svg#SFProDisplay-Medium") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaysemibold';
	src: url("../fonts/sfpro-display/SFProDisplay-Semibold.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Semiboldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Semibold.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Semibold.svg#SFProDisplay-Semibold") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaythin';
	src: url("../fonts/sfpro-display/SFProDisplay-Thin.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Thind41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Thin.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Thin.svg#SFProDisplay-Thin") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Knowledge-medium";
	src: url("../fonts/knowledge/Knowledge-Medium.eot");
	src: url("../fonts/knowledge/Knowledge-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/knowledge/Knowledge-Medium.ttf") format("truetype"), url("../fonts/knowledge/Knowledge-Medium.svg#Knowledge-Medium") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Knowledge-bold";
	src: url("../fonts/knowledge/Knowledge-Bold.eot");
	src: url("../fonts/knowledge/Knowledge-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/knowledge/Knowledge-Bold.ttf") format("truetype"), url("../fonts/knowledge/Knowledge-Bold.svg#Knowledge-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'oswaldbold';
	src: url("../fonts/oswald/oswald.bold-webfont.woff2") format("woff2"), url("../fonts/oswald/oswald.bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'oswaldregular';
	src: url("../fonts/oswald/oswald.regular-webfont.woff2") format("woff2"), url("../fonts/oswald/oswald.regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

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

body {
	background-size: 100% auto
}

* {
	box-sizing: border-box
}

img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto
}

fieldset,
figure {
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 24px
}

p,
ul,
ol,
dl {
	margin-top: 0;
	margin-bottom: 0
}

ul,
ol,
li {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0
}

ul,
ol {
	padding-left: 0
}

ul ul,
ul ol,
ol ul,
ol ol {
	margin-bottom: 0
}

a {
	color: inherit;
	text-decoration: none;
	outline: 0
}

a:focus,
a:hover {
	text-decoration: none;
	outline: 0
}

:focus,
:hover {
	outline: none
}

body {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #4d4e53;
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased
}

img {
	max-width: 100%
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0
	}
	100% {
		background-position: 468px 0
	}
}

img.lazy {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	
	background-size: 1000px 104px;
	height: auto;
	position: relative;
	overflow: hidden;
	text-indent: -99999px;
	/*margin-top: 36px;*/
}

.layoutWrap {
	margin: 0 auto;
	width: 92%
}

@media (min-width: 815px) {
	.layoutWrap {
		width: 90%;
		position: relative
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.layoutWrap {
		width: 96%
	}
}

@media (min-width: 815px) {
	.layoutWrap.wid95 {
		width: 95%;
		margin-right: 0
	}
}

@media (max-width: 815px) {
	.fullWidthMob {
		width: 100%
	}
}

@media (max-width: 815px) {
	.innWrap .fullWidthMob {
		width: 92%
	}
}

@media (max-width: 815px) {
	.layoutWrapMob {
		width: 90%;
		margin: 0 auto
	}
}

@media (max-width: 815px) {
	.layoutWrap.wid95 {
		width: 100%
	}
}

.fullwidth {
	width: 100%
}

h1 {
	background-color: #f12a00;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	font-size: 14px;
	line-height: 25px;
	min-width: 65%;
	padding: 18px 20px 10px 20px;
	display: inline-block;
	margin-bottom: 30px;
	height: 90px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

@media (min-width: 815px) {
	h1 {
		line-height: 30px;
		height: 120px;
		padding: 30px 20px 30px 60px;
		margin-bottom: 25px
	}
}

@media (max-width: 815px) {
	h1 {
		width: 100%
	}
}

h1 span {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	font-size: 30px;
	display: block;
	color: #fff
}

@media (min-width: 815px) {
	h1 span {
		font-size: 36px
	}
}

h1 em {
	font-size: 45px;
	color: rgba(255, 255, 255, 0.05);
	position: absolute;
	left: 0;
	top: 17px;
	font-style: normal;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (min-width: 815px) {
	h1 em {
		font-size: 100px;
		font-size: 80px
	}
}

h1.blue {
	background-color: #183883
}

h1.white {
	background-color: #fff;
	color: #000
}

h1.white span {
	color: #000
}

h1.white em {
	color: rgba(0, 0, 0, 0.1)
}

.wrapper.innerpage {
	background: #f4f4f4
}

.innerpage h3.filterTitle {
	height: auto;
	padding: 15px 0 10px 0;
	margin-bottom: 0;
	min-width: auto;
	background-color: transparent;
	color: #000;
	font-size: 22px;
	line-height: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	text-transform: uppercase
}

.innerpage h1 {
	font-size: 26px;
	color: #2c2c2c;
	text-transform: uppercase;
	margin-top: 20px;
	line-height: 30px;
	height: auto;
	padding: 15px 0 20px 0;
	margin-bottom: 0;
	min-width: auto;
	background-color: transparent;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-display: swap
}

@media (min-width: 815px) {
	.innerpage h1 {
		font-size: 36px
	}
}

section.main {
	margin: 0 0 30px 0;
	overflow: hidden
}

@media (min-width: 815px) {
	section.main {
		margin: 0 0 30px 0
	}
}

section.main.white {
	background-color: #fff
}

.bgLightGray {
	background-color: #f4f4f4
}

p {
	font-size: 14px;
	line-height: 22px;
	margin: 5px 0 10px 0;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

@media (min-width: 815px) {
	p {
		font-size: 16px;
		line-height: 30px
	}
}

ul.redList li {
	margin: 20px 0;
	list-style: none
}

ul.redList li a {
	color: #f12a00;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	position: relative
}

ul.redList li a::after {
	content: '';
	position: absolute;
	right: -18px;
	top: 4px;
	height: 8px;
	width: 8px;
	border-top: solid 1px #f12a00;
	border-right: solid 1px #f12a00;
	transform: rotate(45deg)
}

.noMargin {
	margin: 0
}

.main.noMargin {
	margin: 0
}

@media (max-width: 815px) {
	.main.noMargin {
		margin-bottom: 30px
	}
}

.margin30TopBttm {
	margin-top: 15px;
	margin-bottom: 15px
}

.margin30Top {
	margin-top: 30px
}

.main.noMarginBottom {
	margin-bottom: 0
}

.main.noMarginBottomMob {
	margin-bottom: 0
}

.marBttm30Mob {
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.text-left.centerMobile {
		text-align: center
	}
}

.btn.marginLeft30 {
	margin-left: 10px
}

@media (min-width: 815px) {
	.btn.marginLeft30 {
		margin-left: 30px
	}
}

.paddingTop55 {
	padding-top: 30px;
	padding-bottom: 0
}

.paddingTopBttm55 {
	padding-top: 30px;
	padding-bottom: 30px
}

@media (max-width: 815px) {
	.paddingTopBttm55 {
		padding-bottom: 0
	}
}

.padd30 {
	padding: 30px
}

.custAnimation {
	position: absolute;
	background: #000;
	width: 101%;
	height: 3px;
	z-index: 1
}

.leftToRightOut {
	top: 0;
	left: 0
}

.imgSlideWrap {
	position: relative;
	width: 100%;
	height: 536px;
	overflow: hidden
}

.imgSlideWrap .imgSlideDown {
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	top: 0
}

.imgSlideWrap .imgSlideDown img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

hr.line {
	border-bottom: solid 1px #e2e2e2
}

.overflowHidden {
	overflow: hidden
}

.posRelative {
	position: relative;
	overflow: hidden
}

.slick-dotted.slick-slider {
	margin-bottom: 0
}

.checkboxCont {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #000;
	text-transform: uppercase;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.checkboxCont input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkboxCont input:checked~.checkmark {
	background-color: #fff;
	border: solid 1px #b7bdd1
}

.checkboxCont input:checked~.checkmark:after {
	display: block
}

.checkboxCont:hover input~.checkmark {
	background-color: #f2f2f2;
	border: solid 1px #b7bdd1
}

.checkboxCont .checkmark:after {
	left: 6px;
	top: 3px;
	width: 6px;
	height: 9px;
	border: solid #183883;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.emiOption {
	margin: -21px 0 0 0;
	padding: 12px 0 10px 18px;
	position: relative;
	z-index: 1;
	border: 1px #000 dashed;
	border-top: solid 1px #c0c0c0;
	margin-bottom: 20px
}

.emiOption input {
	position: relative;
	opacity: 1;
	height: 18px;
	width: 18px;
	margin-right: 10px;
	margin-top: 0
}

.emiOption label {
	text-transform: none;
	font-size: 14px;
	line-height: 14px;
	position: relative;
	top: -3px !important
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: solid 1px #b7bdd1
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.form-control {
	box-shadow: none
}

form.filterForm {
	padding: 20px 20px 20px 20px
}

@media (max-width: 815px) {
	form.filterForm {
		border-bottom: 1px solid #e7e7e7;
		padding-top: 0
	}
}

form.filterForm label {
	color: #000;
	font-size: 16px;
	margin-bottom: 15px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

form.filterForm input,
form.filterForm select,
form.filterForm option {
	color: #000;
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

form.filterForm select.form-control {
	border: solid 1px #d8dce6;
	padding: 12px 10px;
	border-radius: 0;
	height: 48px;
	color: #000
}

form.filterForm select.form-control#budget {
	outline: solid 1px #d8dce6;
	border: 0 none;
	box-shadow: none
}

form.filterForm select.form-control#budget:focus {
	outline: none
}

form.filterForm .inputLeftIcon {
	border: solid 1px #d8dce6;
	padding: 0 0 0 0;
	height: 48px
}

form.filterForm .inputLeftIcon span {
	float: left;
	width: 12%;
	color: #000;
	border-right: solid 1px #c4c7d0;
	font-size: 18px;
	margin-top: 10px;
	text-align: center
}

form.filterForm .inputLeftIcon select.form-control {
	border: 0 none;
	border-radius: 0;
	height: 46px;
	float: left;
	box-shadow: none;
	display: inline-block;
	width: 88%;
	padding-top: 10px;
	color: #000
}

.layoutWrap.innWrap {
	padding-top: 10px
}

@media (min-width: 815px) {
	.layoutWrap.innWrap {
		padding-top: 140px
	}
}

@media (max-width: 815px) {
	.layoutWrap.innWrap {
		margin-top: 130px
	}
}

@media (max-width: 815px) {
	.layoutWrap>.row {
		margin-left: -10px;
		margin-right: -10px
	}
}

.irs--round {
	margin-top: -20px
}

.irs--round .irs-line {
	background-color: #dddddd;
	position: relative;
	overflow: inherit
}

.irs--round .irs-line:before,
.irs--round .irs-line:after {
	content: '';
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #dddddd;
	left: 0;
	top: -3px;
	position: absolute
}

.irs--round .irs-line:after {
	left: inherit;
	right: 0
}

.irs--round .irs-bar {
	background-color: #183883
}

.irs--round .irs-handle {
	top: 28px;
	height: 18px;
	width: 18px;
	border-width: 1px;
	border-radius: 100%;
	border-color: #b4b9c5;
	box-shadow: none
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single,
.irs--round .irs-min,
.irs--round .irs-max {
	border-radius: 0;
	background-color: transparent;
	color: #000;
	font-size: 12px;
	top: 48px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-min:before,
.irs--round .irs-max:before {
	display: none
}

.irs--round .irs-from span,
.irs--round .irs-to span,
.irs--round .irs-single span,
.irs--round .irs-min span,
.irs--round .irs-max span {
	color: #919191
}

.irs--round .irs-min,
.irs--round .irs-max {
	visibility: visible !important
}

.irs--round .irs-min {
	left: -12px
}

.irs--round .irs-max {
	right: -15px
}

.irs--round .irs-from,
.irs--round .irs-to {
	background-color: #fff
}

.col-center {
	float: none;
	margin: 0 auto
}

.zoomImg {
	overflow: hidden;
	display: block
}

.zoomImg img {
	transition: all .3s
}

.zoomImg:hover img {
	transform: scale(1.05)
}

.customeSelect {
	position: relative
}

.customeSelect .select {
	position: absolute;
	width: auto;
	right: 0;
	top: 5px;
	background: transparent;
	box-shadow: none;
	border: 0 none
}

.customeSelect .select select {
	border: 0;
	background: transparent;
	border-bottom: 1px solid #aaa;
	padding-right: 50px;
	font-size: 14px;
	color: #666
}

@media (max-width: 815px) {
	.customeSelect.vehiclesHome .select {
		position: relative;
		width: 80%;
		margin: 0 auto 20px auto;
		left: 10%
	}
}

.formTestRide .form-group {
	position: relative;
	margin-bottom: 20px
}

.formTestRide label.error {
	color: #f12a00;
	font-size: 12px;
	position: absolute;
	text-transform: none;
	bottom: -24px
}

.formTestRide label#vehicleSelectBox-error {
	bottom: -24px
}

.formTestRide .selectedVehicle label.error {
	display: none
}

.error-message {
	display: none
}

.staticPage {
	color: #000
}

.staticPage h1 {
	color: #000
}

.staticPage p {
	margin-top: 0;
	margin-bottom: 20px;
	color: #000
}

.staticPage h2 {
	font-size: 25px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	margin-top: 25px;
	margin-bottom: 10px
}

.staticPage h3 {
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 5px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.staticPage ul {
	margin-left: 40px;
	margin-bottom: 10px
}

.staticPage ul li {
	list-style: disc;
	margin: 0 0 10px 0
}

.staticPage ol {
	counter-reset: item
}

.staticPage ol li {
	display: block;
	font-weight: 500;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	line-height: 30px;
	margin-bottom: 15px
}

.staticPage ol li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
	margin-right: 10px
}

.staticPage ol li p {
	margin-left: 45px;
	margin-bottom: 0
}

.staticPage ol li ol {
	margin-left: 60px
}

.staticPage ol li ol li {
	font-weight: 400;
	margin-bottom: 5px
}

.staticPage ol li ol li:before {
	margin-left: -35px
}

.staticPage ol li ol li ol {
	margin-left: 0
}

.staticPage ol li ol li ol li {
	margin-left: 60px
}

.staticPage ol li ol li ol li:before {
	margin-left: -52px
}

.staticPage ol li ol.dubleDigit {
	margin-left: 74px
}

.staticPage ol li ol.dubleDigit li:before {
	margin-left: -44px
}

.staticPage .hightlight {
	color: #264da9
}

.staticPage strong {
	font-weight: bold
}

.staticPage a {
	color: #264da9
}

.staticPage a:hover {
	text-decoration: underline
}

#firstOverlay,
#firstOverlayWrapper {
	z-index: 99995;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#firstOverlayWrapper {
	position: absolute;
	display: none
}

#firstOverlayWrapper .imageBox {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
	z-index: 99996;
	background: #000;
	height: 500px;
	width: 800px
}

@media (max-width: 815px) {
	#firstOverlayWrapper .imageBox {
		margin-top: -125px;
		margin-left: -150px;
		height: 250px;
		width: 300px
	}
}

@media (max-width: 420px) {
	#firstOverlayWrapper .imageBox {
		margin-top: -200px;
		height: 400px
	}
}

#firstOverlay {
	position: fixed;
	background: rgba(0, 0, 0, 0.6)
}

#popup-banner {
	display: block
}

.video-close-btn {
	background-color: #183883;
	border: 2px solid #fff;
	border-radius: 50%;
	right: 20px;
	top: 20px;
	z-index: 99;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
	position: absolute;
	display: none
}

@media (max-width: 815px) {
	.video-close-btn {
		height: 40px;
		width: 40px
	}
}

.video-close-btn:hover {
	opacity: .9
}

.video-close-btn span {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 3px 0 0 13px;
	display: block;
	transform: rotate(-45deg);
	padding: 4px
}

@media (max-width: 815px) {
	.video-close-btn span {
		font-size: 28px;
		padding: 3px 0 0 0;
		left: -1px
	}
}

.noResultsClass {
	margin-top: 150px
}

@media (max-width: 815px) {
	.noResultsClass {
		margin-top: 120px
	}
}

@media (max-width: 815px) {
	.searchIcon {
		right: 15px !important;
		top: 3px !important
	}
}

@media (max-width: 815px) {
	.searchIcon .btn {
		padding: 1px 4px !important
	}
}

@media (min-width: 480px) and (max-width: 824px) {
	.col-mob-2 {
		width: 50%;
		float: left
	}
}

.breadcrumbWrapper {
	background-color: #f4f4f4;
	border-radius: 0;
	padding: 110px 0 8px 0;
	position: fixed;
	width: 100%;
	height: 145px;
	overflow: hidden;
	display: block;
	z-index: 3
}

.breadcrumbWrapper ol.breadcrumb {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	border-bottom: solid 1px #a5a5a5;
	display: inline-block
}

.breadcrumbWrapper ol.breadcrumb li {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 12px;
	color: #f12a00;
	display: inline-block;
	font-weight: bold
}

.breadcrumbWrapper ol.breadcrumb li a {
	color: #000;
	transition: all .4s
}

.breadcrumbWrapper ol.breadcrumb li a:hover {
	color: #183883;
	transition: all .4s
}

.breadcrumbWrapper.removeFixedBreadCrumb {
	position: absolute
}

.breadcrumb>li+li:before {
	content: ">";
	font-size: 13px;
	top: -1px;
	position: relative;
	color: #000
}

.f16 .flag {
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: text-top;
	line-height: 16px;
	background: url(../img/flags16.png) no-repeat
}

.f16 ._Arab_League {
	background-position: 0 -32px
}

.f16 ._ASEAN {
	background-position: 0 -48px
}

.f16 ._CARICOM {
	background-position: 0 -64px
}

.f16 ._CIS {
	background-position: 0 -80px
}

.f16 ._Commonwealth {
	background-position: 0 -96px
}

.f16 ._England {
	background-position: 0 -112px
}

.f16 ._European_Union {
	background-position: 0 -128px
}

.f16 ._Islamic_Conference {
	background-position: 0 -144px
}

.f16 ._Kosovo {
	background-position: 0 -160px
}

.f16 ._NATO {
	background-position: 0 -176px
}

.f16 ._Northern_Cyprus {
	background-position: 0 -192px
}

.f16 ._Northern_Ireland {
	background-position: 0 -208px
}

.f16 ._Olimpic_Movement {
	background-position: 0 -224px
}

.f16 ._OPEC {
	background-position: 0 -240px
}

.f16 ._Red_Cross {
	background-position: 0 -256px
}

.f16 ._Scotland {
	background-position: 0 -272px
}

.f16 ._Somaliland {
	background-position: 0 -288px
}

.f16 ._Tibet {
	background-position: 0 -304px
}

.f16 ._United_Nations {
	background-position: 0 -320px
}

.f16 ._Wales {
	background-position: 0 -336px
}

.f16 .ad {
	background-position: 0 -352px
}

.f16 .ae {
	background-position: 0 -368px
}

.f16 .af {
	background-position: 0 -384px
}

.f16 .ag {
	background-position: 0 -400px
}

.f16 .ai {
	background-position: 0 -416px
}

.f16 .al {
	background-position: 0 -432px
}

.f16 .am {
	background-position: 0 -448px
}

.f16 .an {
	background-position: 0 -464px
}

.f16 .ao {
	background-position: 0 -480px
}

.f16 .aq {
	background-position: 0 -496px
}

.f16 .ar {
	background-position: 0 -368px
}

.f16 .as {
	background-position: 0 -528px
}

.f16 .at {
	background-position: 0 -544px
}

.f16 .au {
	background-position: 0 -560px
}

.f16 .aw {
	background-position: 0 -576px
}

.f16 .az {
	background-position: 0 -592px
}

.f16 .ba {
	background-position: 0 -608px
}

.f16 .bb {
	background-position: 0 -624px
}

.f16 .bd {
	background-position: 0 -640px
}

.f16 .be {
	background-position: 0 -656px
}

.f16 .bf {
	background-position: 0 -672px
}

.f16 .bg {
	background-position: 0 -639px
}

.f16 .bh {
	background-position: 0 -704px
}

.f16 .bi {
	background-position: 0 -720px
}

.f16 .bj {
	background-position: 0 -736px
}

.f16 .bm {
	background-position: 0 -752px
}

.f16 .bn {
	background-position: 0 -768px
}

.f16 .bo {
	background-position: 0 -784px
}

.f16 .br {
	background-position: 0 -800px
}

.f16 .bs {
	background-position: 0 -816px
}

.f16 .bt {
	background-position: 0 -832px
}

.f16 .bw {
	background-position: 0 -848px
}

.f16 .by {
	background-position: 0 -864px
}

.f16 .bz {
	background-position: 0 -880px
}

.f16 .ca {
	background-position: 0 -896px
}

.f16 .cg {
	background-position: 0 -912px
}

.f16 .cf {
	background-position: 0 -928px
}

.f16 .cd {
	background-position: 0 -944px
}

.f16 .ch {
	background-position: 0 -960px
}

.f16 .ci {
	background-position: 0 -976px
}

.f16 .ck {
	background-position: 0 -992px
}

.f16 .cl {
	background-position: 0 -1008px
}

.f16 .cm {
	background-position: 0 -1024px
}

.f16 .cn {
	background-position: 0 -1040px
}

.f16 .co {
	background-position: 0 -1056px
}

.f16 .cr {
	background-position: 0 -1072px
}

.f16 .cu {
	background-position: 0 -1088px
}

.f16 .cv {
	background-position: 0 -1104px
}

.f16 .cy {
	background-position: 0 -1120px
}

.f16 .cz {
	background-position: 0 -1136px
}

.f16 .de {
	background-position: 0 -1152px
}

.f16 .dj {
	background-position: 0 -1168px
}

.f16 .dk {
	background-position: 0 -1184px
}

.f16 .dm {
	background-position: 0 -1200px
}

.f16 .do {
	background-position: 0 -1216px
}

.f16 .dz {
	background-position: 0 -1232px
}

.f16 .ec {
	background-position: 0 -1248px
}

.f16 .ee {
	background-position: 0 -1264px
}

.f16 .eg {
	background-position: 0 -1280px
}

.f16 .eh {
	background-position: 0 -1296px
}

.f16 .er {
	background-position: 0 -1312px
}

.f16 .es {
	background-position: 0 -1328px
}

.f16 .et {
	background-position: 0 -1344px
}

.f16 .fi {
	background-position: 0 -1360px
}

.f16 .fj {
	background-position: 0 -1376px
}

.f16 .fm {
	background-position: 0 -1392px
}

.f16 .fo {
	background-position: 0 -1408px
}

.f16 .fr {
	background-position: 0 -1424px
}

.f16 .ga {
	background-position: 0 -1440px
}

.f16 .gb {
	background-position: 0 -1456px
}

.f16 .gd {
	background-position: 0 -1472px
}

.f16 .ge {
	background-position: 0 -1488px
}

.f16 .gg {
	background-position: 0 -1504px
}

.f16 .gh {
	background-position: 0 -1520px
}

.f16 .gi {
	background-position: 0 -1536px
}

.f16 .gl {
	background-position: 0 -1552px
}

.f16 .gm {
	background-position: 0 -1568px
}

.f16 .gn {
	background-position: 0 -1584px
}

.f16 .gp {
	background-position: 0 -1600px
}

.f16 .gq {
	background-position: 0 -1616px
}

.f16 .gr {
	background-position: 0 -1632px
}

.f16 .gt {
	background-position: 0 -1648px
}

.f16 .gu {
	background-position: 0 -1664px
}

.f16 .gw {
	background-position: 0 -1680px
}

.f16 .gy {
	background-position: 0 -1696px
}

.f16 .hk {
	background-position: 0 -1712px
}

.f16 .hn {
	background-position: 0 -1728px
}

.f16 .hr {
	background-position: 0 -1744px
}

.f16 .ht {
	background-position: 0 -1760px
}

.f16 .hu {
	background-position: 0 -1776px
}

.f16 .id {
	background-position: 0 -1792px
}

.f16 .mc {
	background-position: 0 -1792px
}

.f16 .ie {
	background-position: 0 -1808px
}

.f16 .il {
	background-position: 0 -1824px
}

.f16 .im {
	background-position: 0 -1840px
}

.f16 .in {
	background-position: 0 -1856px
}

.f16 .iq {
	background-position: 0 -1872px
}

.f16 .ir {
	background-position: 0 -1888px
}

.f16 .is {
	background-position: 0 -1904px
}

.f16 .it {
	background-position: 0 -1920px
}

.f16 .je {
	background-position: 0 -1936px
}

.f16 .jm {
	background-position: 0 -1952px
}

.f16 .jo {
	background-position: 0 -1968px
}

.f16 .jp {
	background-position: 0 -1984px
}

.f16 .ke {
	background-position: 0 -2000px
}

.f16 .kg {
	background-position: 0 -2016px
}

.f16 .kh {
	background-position: 0 -2032px
}

.f16 .ki {
	background-position: 0 -2048px
}

.f16 .km {
	background-position: 0 -2064px
}

.f16 .kn {
	background-position: 0 -2080px
}

.f16 .kp {
	background-position: 0 -2096px
}

.f16 .kr {
	background-position: 0 -2112px
}

.f16 .kw {
	background-position: 0 -2128px
}

.f16 .ky {
	background-position: 0 -2144px
}

.f16 .kz {
	background-position: 0 -2160px
}

.f16 .la {
	background-position: 0 -2176px
}

.f16 .lb {
	background-position: 0 -2192px
}

.f16 .lc {
	background-position: 0 -2208px
}

.f16 .li {
	background-position: 0 -2224px
}

.f16 .lk {
	background-position: 0 -2240px
}

.f16 .lr {
	background-position: 0 -2256px
}

.f16 .ls {
	background-position: 0 -2272px
}

.f16 .lt {
	background-position: 0 -2288px
}

.f16 .lu {
	background-position: 0 -2304px
}

.f16 .lv {
	background-position: 0 -2320px
}

.f16 .ly {
	background-position: 0 -2336px
}

.f16 .ma {
	background-position: 0 -2352px
}

.f16 .md {
	background-position: 0 -2368px
}

.f16 .me {
	background-position: 0 -2384px
}

.f16 .mg {
	background-position: 0 -2400px
}

.f16 .mh {
	background-position: 0 -2416px
}

.f16 .mk {
	background-position: 0 -2432px
}

.f16 .ml {
	background-position: 0 -2448px
}

.f16 .mm {
	background-position: 0 -2464px
}

.f16 .mn {
	background-position: 0 -2480px
}

.f16 .mo {
	background-position: 0 -2496px
}

.f16 .mq {
	background-position: 0 -2512px
}

.f16 .mr {
	background-position: 0 -2528px
}

.f16 .ms {
	background-position: 0 -2544px
}

.f16 .mt {
	background-position: 0 -2560px
}

.f16 .mu {
	background-position: 0 -2576px
}

.f16 .mv {
	background-position: 0 -2592px
}

.f16 .mw {
	background-position: 0 -2608px
}

.f16 .mx {
	background-position: 0 -2624px
}

.f16 .my {
	background-position: 0 -2640px
}

.f16 .mz {
	background-position: 0 -2656px
}

.f16 .na {
	background-position: 0 -2672px
}

.f16 .nc {
	background-position: 0 -2688px
}

.f16 .ne {
	background-position: 0 -2704px
}

.f16 .ng {
	background-position: 0 -2720px
}

.f16 .ni {
	background-position: 0 -2736px
}

.f16 .nl {
	background-position: 0 -2752px
}

.f16 .no {
	background-position: 0 -2768px
}

.f16 .np {
	background-position: 0 -2784px
}

.f16 .nr {
	background-position: 0 -2800px
}

.f16 .nz {
	background-position: 0 -2816px
}

.f16 .om {
	background-position: 0 -2832px
}

.f16 .pa {
	background-position: 0 -2848px
}

.f16 .pe {
	background-position: 0 -2864px
}

.f16 .pf {
	background-position: 0 -2880px
}

.f16 .pg {
	background-position: 0 -2896px
}

.f16 .ph {
	background-position: 0 -2912px
}

.f16 .pk {
	background-position: 0 -2928px
}

.f16 .pl {
	background-position: 0 -2944px
}

.f16 .pr {
	background-position: 0 -2960px
}

.f16 .ps {
	background-position: 0 -2976px
}

.f16 .pt {
	background-position: 0 -2992px
}

.f16 .pw {
	background-position: 0 -3008px
}

.f16 .py {
	background-position: 0 -3024px
}

.f16 .qa {
	background-position: 0 -3040px
}

.f16 .re {
	background-position: 0 -3056px
}

.f16 .ro {
	background-position: 0 -3072px
}

.f16 .rs {
	background-position: 0 -3088px
}

.f16 .ru {
	background-position: 0 -3104px
}

.f16 .rw {
	background-position: 0 -3120px
}

.f16 .sa {
	background-position: 0 -3136px
}

.f16 .sb {
	background-position: 0 -3152px
}

.f16 .sc {
	background-position: 0 -3168px
}

.f16 .sd {
	background-position: 0 -3184px
}

.f16 .se {
	background-position: 0 -3200px
}

.f16 .sg {
	background-position: 0 -3216px
}

.f16 .si {
	background-position: 0 -3232px
}

.f16 .sk {
	background-position: 0 -3248px
}

.f16 .sl {
	background-position: 0 -3264px
}

.f16 .sm {
	background-position: 0 -3280px
}

.f16 .sn {
	background-position: 0 -3296px
}

.f16 .so {
	background-position: 0 -3312px
}

.f16 .sr {
	background-position: 0 -3328px
}

.f16 .st {
	background-position: 0 -3344px
}

.f16 .sv {
	background-position: 0 -3360px
}

.f16 .sy {
	background-position: 0 -3376px
}

.f16 .sz {
	background-position: 0 -3392px
}

.f16 .tc {
	background-position: 0 -3408px
}

.f16 .td {
	background-position: 0 -3424px
}

.f16 .tg {
	background-position: 0 -3440px
}

.f16 .th {
	background-position: 0 -3456px
}

.f16 .tj {
	background-position: 0 -3472px
}

.f16 .tl {
	background-position: 0 -3488px
}

.f16 .tm {
	background-position: 0 -3504px
}

.f16 .tn {
	background-position: 0 -3520px
}

.f16 .to {
	background-position: 0 -3536px
}

.f16 .tr {
	background-position: 0 -3552px
}

.f16 .tt {
	background-position: 0 -3568px
}

.f16 .tv {
	background-position: 0 -3584px
}

.f16 .tw {
	background-position: 0 -3600px
}

.f16 .tz {
	background-position: 0 -3616px
}

.f16 .ua {
	background-position: 0 -3632px
}

.f16 .ug {
	background-position: 0 -3648px
}

.f16 .us {
	background-position: 0 -3664px
}

.f16 .uy {
	background-position: 0 -3680px
}

.f16 .uz {
	background-position: 0 -3696px
}

.f16 .va {
	background-position: 0 -3712px
}

.f16 .vc {
	background-position: 0 -3728px
}

.f16 .ve {
	background-position: 0 -3744px
}

.f16 .vg {
	background-position: 0 -3760px
}

.f16 .vi {
	background-position: 0 -3776px
}

.f16 .vn {
	background-position: 0 -3792px
}

.f16 .vu {
	background-position: 0 -3808px
}

.f16 .ws {
	background-position: 0 -3824px
}

.f16 .ye {
	background-position: 0 -3840px
}

.f16 .za {
	background-position: 0 -3856px
}

.f16 .zm {
	background-position: 0 -3888px
}

.f16 .zw {
	background-position: 0 -3872px
}

.btn {
	font-size: 14px;
	color: white;
	background-color: #183883;
	padding: 15px 30px;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 0;
	margin: 10px 0;
	transition: all .3s;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (min-width: 815px) {
	.btn {
		padding: 20px 30px
	}
}

.btn:hover,
.btn:focus {
	transition: all .3s
}

.btn.blue {
	color: #fff;
	background-color: #183883
}

.btn.blue:hover {
	color: #183883;
	border: solid 1px #183883;
	background-color: #fff
}

.btn.redBlood {
	color: #fff;
	background-color: #f12a00
}

.btn.redBlood:hover {
	color: #f12a00;
	background-color: #fff
}

.btn.redBdrbtn {
	color: #fff;
	background-color: #f12a00;
	border: solid 1px #f12a00
}

.btn.redBdrbtn:hover {
	color: #f12a00;
	background-color: #fff;
	border: solid 1px #f12a00
}

.btn.redBdrWhite {
	color: #f12a00;
	background-color: #fff;
	border: solid 1px #f12a00
}

.btn.redBdrWhite:hover {
	color: #fff;
	background-color: #f12a00;
	border: solid 1px #f12a00
}

.btn.white {
	color: #30323a;
	background-color: #fff;
	font-size: 12px
}

.btn.white:hover {
	color: #fff;
	border: solid 1px #fff;
	background-color: transparent
}

.btn.grey {
	background-color: #ededed;
	color: #7c7c7c;
	border: 1px solid #ededed;
	margin-left: 0;
	margin-right: 5px
}

.btn.grey:hover {
	background-color: #ffffff;
	color: #7c7c7c;
	border: 1px solid #7c7c7c
}

.btn.greyLight {
	color: #747579;
	background-color: #ececec;
	font-size: 12px
}

.btn.greyLight:hover {
	color: #fff;
	border: solid 1px #fff;
	background-color: #183883
}

.btn.blueBorder {
	color: #183883;
	background-color: #fff;
	border: solid 1px #183883
}

.btn.blueBorder:hover {
	color: #fff;
	background-color: #183883
}

.btn.greyBorder {
	color: #7c7c7c;
	background-color: #fff;
	border: solid 1px #cecece
}

.btn.greyBorder:hover {
	color: #6f6d6d;
	background-color: #eaeaea
}

.btn.btn-transparent {
	background-color: transparent;
	border: solid 1px #fff
}

.btn.btn-transparent:hover,
.btn.btn-transparent:focus {
	color: #fff;
	background-color: #183883;
	border: solid 1px #183883
}

.btn.btn-transparent.inverse {
	color: #fff;
	position: relative;
	padding-right: 45px
}

.btn.btn-transparent.inverse::before {
	position: absolute;
	right: 4px;
	background-position: 0 -804px
}

.btn.btn-transparent.inverse:hover,
.btn.btn-transparent.inverse:focus {
	border: solid 1px #fff;
	background-color: #fff;
	color: #183883
}

.btn.btn-transparent.inverse:hover::before,
.btn.btn-transparent.inverse:focus::before {
	background-position: 0 -850px
}

.btn.sendBtn {
	width: 245px;
	max-width: 245px
}

@media (min-width: 816px) and (max-width: 1024px) {
	.btn.sendBtn {
		width: 225px
	}
}

.btn.newTargetIcon {
	position: relative;
	padding-right: 60px
}

.btn.newTargetIcon:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 22px;
	height: 13px;
	width: 13px;
	background: url(../img/sprite.png) no-repeat -1px -1255px;
	transition: all .3s
}

@media (max-width: 815px) {
	.btn.newTargetIcon:after {
		top: 18px
	}
}

.btn.newTargetIcon:hover:after {
	background-position: -1px -1270px
}

.innerpage .btn {
	padding-top: 12px;
	padding-bottom: 12px
}

.innerpage .footerAddress .btn.sendBtn {
	border-radius: 4px
}

.footerAddress .btn.sendBtn {
	padding-top: 12px;
	padding-bottom: 12px;
	border-radius: 4px
}

.visitWebsite .btn {
	background-image: url(../img/sprite.png);
	background-position: right -672px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 36px
}

@media (max-width: 815px) {
	.visitWebsite .btn {
		margin-left: 0
	}
}

.visitWebsite .btn:hover {
	background-position: right -737px
}

.arrowsWrap {
	position: relative
}

@media (max-width: 815px) {
	.arrowsWrap {
		height: 80px;
		float: right;
		margin-bottom: 30px
	}
}

.slick-prev,
.slick-next {
	position: absolute;
	background: #fff;
	border: solid 1px #b8b8b8;
	width: 48px;
	height: 38px;
	z-index: 1
}

.slick-prev {
	left: -50px
}

@media (min-width: 816px) and (max-width: 1024px) {
	.slick-prev {
		left: -10px
	}
}

.slick-prev:hover:before {
	animation: bounceArrowLeft 1.5s infinite
}

.slick-next {
	right: -50px
}

@media (min-width: 816px) and (max-width: 1024px) {
	.slick-next {
		right: -10px
	}
}

.slick-next:hover:before {
	animation: bounceArrowRight 1.5s infinite
}

@keyframes bounceArrowLeft {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateX(0)
	}
	40% {
		transform: translateX(-8px)
	}
	60% {
		transform: translateX(-3px)
	}
}

@keyframes bounceArrowRight {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateX(0)
	}
	40% {
		transform: translateX(8px)
	}
	60% {
		transform: translateX(3px)
	}
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 1
}

.slick-prev:hover,
.slick-prev:focus {
	background: #fff
}

.slick-next:hover,
.slick-next:focus {
	background: #fff
}

.slick-prev:before,
.slick-next:before {
	content: '';
	position: absolute;
	opacity: 1;
	width: 25px;
	height: 11px;
	left: 11px;
	top: 13px;
	background: url(../img/icon-next.png) no-repeat 0 0
}

.slick-prev:before {
	background: url(../img/icon-prev.png) no-repeat 0 0
}

@media (max-width: 815px) {
	.ctaWrap {
		float: left;
		margin-top: 0px;
		margin-left: 10px
	}
}

.telIcon {
	position: relative;
	padding-left: 30px;
	padding-top: 2px
}

.telIcon:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 26px;
	background: url(../img/sprite.png) no-repeat 0 -2207px
}

a.emailIcon {
	position: relative;
	padding-left: 30px;
	padding-top: 0;
	color: #fff;
	margin-top: 10px;
	display: inline-block
}

a.emailIcon:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 18px;
	width: 26px;
	background: url(../img/sprite.png) no-repeat 0 -2259px
}

nav.navbar {
	background-color: #fff;
	height: 80px;
	border-radius: 0
}

@media (min-width: 815px) {
	nav.navbar {
		height: 96px;
		box-shadow: 0px 0px 15px -7px rgba(0, 0, 0, 0.4)
	}
}

@media (max-width: 815px) {
	nav.navbar {
		width: 100%;
		height: 66px;
		border-bottom: solid 2px #e2e0df
	}
}

@media (max-width: 815px) {
	nav.navbar .layoutWrap {
		width: 100%
	}
}

nav .navbar-header>img,
nav .navbar-brand>img {
	display: inline-block
}

nav .navbar-brand {
	height: auto;
	padding: 03px  15px 5px 0;
	display: inline-block
}

@media (max-width: 815px) {
	nav .navbar-brand {
		padding: 03px 12px 5px 10px;
		/*float: none*/
		display:inline-flex;
	}
}

@media (max-width: 360px) {
	nav .navbar-brand {
		/*padding-top: 22px*/
	}
	nav .navbar-brand>img {
		width: 100px
	}
}

@media (max-width: 815px) {
	nav .navbar-nav {
		margin: 0;
		max-height: inherit;
		height: calc(100vh - 60px);
		background: #fff
	}
}

nav .navbar-collapse {
	text-align: center;
	margin-top: 4px
}

@media (max-width: 815px) {
	nav .navbar-collapse {
		margin: 0;
		padding: 0
	}
}

nav .cart-nav.cart-nav-mbl {
	display: none
}

@media (max-width: 815px) {
	nav .cart-nav.cart-nav-mbl {
		display: inline-block;
		top: 15px;
		right: 15px
	}
}

nav .cart-nav {
	position: absolute;
	right: 10px;
	top: 55px
}

nav .cart-nav .dropdown-menu {
	right: 0;
	left: auto;
	padding: 0;
	border-radius: 0;
	border: 0 none
}

nav .cart-nav .dropdown-menu li>a {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: solid 1px #e0e0e0
}

nav .cart-nav .dropdown-menu li>a:hover {
	color: #fff;
	background-color: #f12a00
}

nav .cart-nav span.cart-count {
	position: absolute;
	width: auto;
	height: 17px;
	background-color: #f12a00;
	color: #fff;
	font-size: 10px;
	text-align: center;
	right: 5px;
	top: -5px;
	padding: 0 5px
}

@media (max-width: 815px) {
	nav .cart-nav {
		display: none
	}
}

nav .cart-nav>li {
	display: inline-block
}

nav .cart-nav>li a.profile::after {
	background-color: transparent
}

nav .cart-nav>li a.cart::after {
	background-color: transparent
}

nav .cart-nav>li .profile {
	font-size: 13px;
	line-height: 17px;
	color: #303030;
	background: url(../img/sprite.png) no-repeat 6px -2322px;
	padding: 5px 0 5px 32px;
	margin-right: 5px;
	margin-top: 2px;
	display: inline-block
}

@media (min-width: 815px) {
	nav .cart-nav>li .profile {
		padding-top: 5px;
		background-position: 5px 2px;
		background-size: 24px;
		background-image: url(../img/brands/tvs-connect.svg)
	}
}

@media (min-width: 815px) {
	nav .cart-nav>li .profile.ecompro {
		padding-top: 20px
	}
}

nav .cart-nav>li .cart {
	font-size: 13px;
	line-height: 17px;
	color: #303030;
	background: url(../img/sprite.png) no-repeat 0px -2407px;
	padding: 20px 0 5px 32px;
	margin-right: 5px;
	margin-top: 2px;
	display: inline-block;
	background-position: 0px -1px;
	background-size: 32px;
	background-image: url(../img/brands/icon-cart.svg)
}

nav .navbar-nav>li {
	float: none;
	margin-left: 20px;
	margin-right: 20px;
	display: inline-block
}

@media (min-width: 817px) {
	nav .navbar-nav>li {
		margin-left: 1px;
		margin-right: 1px
	}
}

@media (min-width: 890px) {
	nav .navbar-nav>li {
		margin-left: 5px;
		margin-right: 5px
	}
}

@media (min-width: 1024px) {
	nav .navbar-nav>li {
		margin-left: 10px;
		margin-right: 10px
	}
}

@media (min-width: 1500px) {
	nav .navbar-nav>li {
		margin-left: 20px;
		margin-right: 20px
	}
}

@media (max-width: 815px) {
	nav .navbar-nav>li {
		display: inline-block;
		width: 100%;
		background: #fff;
		margin: 0;
		text-align: left;
		border-bottom: solid 1px #eae9e9
	}
}

nav .navbar-nav>li.open>a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 3px;
	background-color: #f12a00
}

nav .navbar-nav>li>a {
	padding: 15px 0 15px 20px;
	font-size: 18px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	text-transform: uppercase;
	position: relative
}

@media (min-width: 817px) {
	nav .navbar-nav>li>a {
		font-size: 16px;
		padding: 15px 0
	}
}

@media (min-width: 1270px) {
	nav .navbar-nav>li>a {
		font-size: 15px
	}
}

@media (min-width: 1440px) {
	nav .navbar-nav>li>a {
		font-size: 14px!important;
	}
}

@media (min-width: 1700px) {
	nav .navbar-nav>li>a {
		font-size: 18px
	}
}

nav .navbar-nav>li>a .caret {
	border: solid 1px red;
	background: transparent url("../img/down-arrow.png") center no-repeat;
	border: 0 none;
	height: 8px;
	margin-top: -3px;
	width: 10px
}

nav .navbar-nav>li>a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	height: 3px;
	background-color: #f12a00;
	transition: all .3s
}

nav .navbar-nav>li>a:hover,
nav .navbar-nav>li>a:focus,
nav .navbar-nav>li>a.active {
	background-color: transparent
}

nav .navbar-nav>li>a:hover:after,
nav .navbar-nav>li>a:focus:after,
nav .navbar-nav>li>a.active:after {
	width: 100%
}

nav .navbar-nav>li .dropdown-menu {
	border-radius: 0;
	border: 0 none;
	margin-top: 1px;
	padding: 0;
	left: 50%;
	right: auto;
	transform: translate(-50%, 0)
}

@media (min-width: 815px) {
	nav .navbar-nav>li .dropdown-menu {
		left: -26px;
		transform: inherit
	}
}

@media (max-width: 815px) {
	nav .navbar-nav>li .dropdown-menu {
		width: 100% !important;
		position: relative !important
	}
}

nav .navbar-nav>li .dropdown-menu>li>a {
	padding: 15px 35px 15px 25px;
	font-size: 14px;
	display: block;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	text-transform: uppercase;
	transition: all .3s
}

@media (max-width: 815px) {
	nav .navbar-nav>li .dropdown-menu>li>a {
		font-size: 15px;
		border-bottom: solid 1px #eae9e9;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		color: #848484
	}
}

nav .navbar-nav>li .dropdown-menu>li>a:hover {
	color: #fff;
	background-color: #f12a00
}

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

.mega-dropdown {
	position: static !important
}

.mega-dropdown-menu {
	padding: 20px 0px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none
}

.mega-dropdown-menu>li>ul {
	padding: 0;
	margin: 0
}

.mega-dropdown-menu>li>ul>li {
	list-style: none
}

.mega-dropdown-menu>li>ul>li>a {
	display: block;
	color: #222;
	padding: 3px 5px
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
	text-decoration: none
}

.mega-dropdown-menu .dropdown-header {
	font-size: 18px;
	color: #ff3546;
	padding: 5px 60px 5px 5px;
	line-height: 30px
}

.carousel-control {
	width: 30px;
	height: 30px;
	top: -35px
}

.left.carousel-control {
	right: 30px;
	left: inherit
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	font-size: 12px;
	background-color: #fff;
	line-height: 30px;
	text-shadow: none;
	color: #333;
	border: 1px solid #ddd
}

@media (min-width: 815px) {
	nav .navbar-header {
		/*margin-top: 29px;*/
		transition: all 0.2s ease-in-out
	}
}

@media (max-width: 815px) {
	nav .navbar-header {
		text-align: center;
		position: relative;
		z-index: 3;
		background-color: #000;
	}
}

@media (min-width: 815px) {
	nav .navbar-collapse {
		transition: all 0.2s ease-in-out;
		float: right;
		width: auto;
		margin: 20px 20px 0 20px;
	}
}

nav.top-nav-collapse {
	height: 75px
}

@media (min-width: 815px) {
	nav.top-nav-collapse .navbar-header {
		width: 20%;
		display: inline-block
	}
}

@media (min-width: 815px) {
	nav.top-nav-collapse .navbar-collapse {
		position: absolute;
		top: 0;
		left: auto;
		transform: translateX(0%);
		right: 20px;
		width: 76%
	}
	nav.top-nav-collapse .navbar-collapse>ul.nav {
		text-align: right
	}
	nav.top-nav-collapse .navbar-collapse>ul.nav>li {
		margin-right: 22px;
		margin-left: 22px
	}
}

.secondaryAlias {
	height: 130px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.secondaryMenuWrapper {
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	transition: top 0.3s
}

.secondaryMenuWrapper.fixPos {
	top: 66px
}

.secondaryMenu {
	background-color: #fff;
	display: flex !important;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	border-bottom: solid 1px #e5e5e5
}

@media (max-width: 380px) {
	.secondaryMenu {
		justify-content: space-around
	}
}

.secondaryMenu>li {
	border-left: solid 1px #e5e5e5;
	display: block !important;
	flex: 0 1 auto;
	min-width: 60px;
	width: 100%
}

@media (max-width: 380px) {
	.secondaryMenu>li {
		width: auto
	}
}

@media (min-width: 381px) and (max-width: 420px) {
	.secondaryMenu>li {
		min-width: 70px
	}
}

.secondaryMenu>li:first-child {
	border-left: 0 none
}

.secondaryMenu>li>a {
	display: inline-block;
	text-align: center;
	color: #2b2b2b;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 12px;
	position: relative;
	height: 64px;
	padding: 38px 7px 10px 7px;
	width: 100%
}

@media (max-width: 340px) {
	.secondaryMenu>li>a {
		font-size: 10px
	}
}

@media (min-width: 381px) and (max-width: 420px) {
	.secondaryMenu>li>a {
		padding-left: 0;
		padding-right: 0
	}
}

.secondaryMenu>li>a:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: 4px;
	width: 33px;
	height: 30px;
	background: url(../img/sprite.png) no-repeat left top
}

.secondaryMenu>li>a.icon-owner:before {
	background-position: 0 -1832px;
	width: 20px;
	margin-left: -10px;
	background-position: 1px 2px;
	background-size: 19px;
	background-image: url(../img/brands/test-ride.svg)
}

.secondaryMenu>li>a.icon-buyer:before {
	background-position: 0px -1189px;
	background-position: 0px 6px;
	background-size: 32px;
	background-image: url(../img/brands/icon-product.svg)
}

.secondaryMenu>li>a.icon-myAccount::before {
	width: 20px;
	margin-left: -10px;
	background-position: 0 -2318px;
	background-position: -2px 4px;
	background-size: 25px;
	background-image: url(../img/brands/tvs-connect.svg)
}

.secondaryMenu>li>a.icon-myCart::before {
	background-position: 0 -2402px;
	background-position: 0px 4px;
	background-size: 32px;
	background-image: url(../img/brands/icon-cart.svg)
}

.secondaryMenu>li>a.icon-bookVehicle::before {
	width: 30px;
	margin-left: -15px;
	background-position: 0 -2476px;
	background-position: 10px 3px;
	background-size: 19px;
	background-image: url(../img/brands/book-online.svg)
}

.secondaryMenu>li>a:hover {
	color: #f12a00
}

.secondaryMenu>li>a span.cart-count {
	position: absolute;
	width: auto;
	height: 17px;
	background-color: #f12a00;
	color: #fff;
	font-size: 10px;
	text-align: center;
	top: 2px;
	left: 50%;
	padding: 0 5px
}

@media (max-width: 380px) {
	.secondaryMenu.noLogin li {
		width: 100%
	}
}

.navbar-toggle {
	float: left;

	height: 65px;
	margin: 0;
	padding: 15px 15px 0 15px;
	border-radius: 0
}

.navbar-toggle.collapsed .icon-bar {
	margin-left: 4px
}

.navbar-toggle .icon-bar {
	background: #938d8d;
	margin-left: 6px
}

.navbar-toggle .sr-only {
	position: relative;
	font-size: 12px;
	color: #fff
}

@media (max-width: 815px) {
	.navbar-fixed-top .navbar-collapse {
		max-height: inherit;
		z-index: 3;
		position: relative
	}
}

.langs {
	position: absolute;
	right: 0;
	top: -1px
}

.langs .testDriveDesk {
	font-size: 13px;
	line-height: 17px;
	color: #303030;
	background: url(../img/sprite.png) no-repeat 7px -1098px;
	padding: 5px 0 5px 32px;
	margin-right: 5px;
	margin-top: 2px;
	display: inline-block;
	background-position: 10px 3px;
	background-size: 16px;
	background-image: url(../img/brands/test-ride.svg)
}

.langs .testDriveDesk:hover {
	color: #f12a00
}

.langs .testDriveDesk.dealerLoc {
	background-position: 8px 4px;
	background-size: 16px;
	background-image: url(../img/brands/location.svg)
}

.langs .testDriveDesk.icon-bookVehicle {
	background-position: 12px 3px;
	background-size: 16px;
	background-image: url(../img/brands/book-online.svg);
	padding-left: 38px
}

.langs .select {
	width: auto;
	height: auto;
	display: inline-block;
	box-shadow: none
}

.langs .select::after {
	height: 26px;
	right: -6px
}

.langs .select select {
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 18px 0 7px;
	border-top: 0 none
}

.testDriveDesk {
	font-size: 13px;
	color: #303030;
	background: url(../img/sprite.png) no-repeat 0 -1095px;
	padding: 5px 0 5px 32px;
	margin-right: 5px
}

.testDriveDesk:hover {
	color: #f12a00
}

.testDriveDesk.dealerLoc {
	background: url(../img/sprite.png) no-repeat 6px -1147px
}

.select {
	width: auto;
	height: auto;
	display: inline-block;
	box-shadow: none
}

.select::after {
	height: 26px;
	right: -6px
}

.select select {
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 18px 0 7px;
	border-top: 0 none
}

.navbar-toggle .icon-bar {
	width: 22px;
	transition: all 0.2s
}

.navbar-toggle .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%
}

.navbar-toggle .middle-bar {
	opacity: 0
}

.navbar-toggle .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%
}

.navbar-toggle.collapsed .top-bar {
	transform: rotate(0)
}

.navbar-toggle.collapsed .middle-bar {
	opacity: 1
}

.navbar-toggle.collapsed .bottom-bar {
	transform: rotate(0)
}

@media (max-width: 815px) {
	nav .navbar-nav>li {
		opacity: 0;
		animation: slidein 0.5s ease-out;
		animation-fill-mode: both
	}
	nav .navbar-nav>li:nth-child(1) {
		animation-delay: 0s
	}
	nav .navbar-nav>li:nth-child(2) {
		animation-delay: 0.3s
	}
	nav .navbar-nav>li:nth-child(3) {
		animation-delay: 0.35s
	}
	nav .navbar-nav>li:nth-child(4) {
		animation-delay: 0.4s
	}
	nav .navbar-nav>li:nth-child(5) {
		animation-delay: 0.45s
	}
	nav .navbar-nav>li:nth-child(6) {
		animation-delay: 0.5s
	}
	nav .navbar-nav>li:nth-child(7) {
		animation-delay: 0.55s
	}
	nav .navbar-nav>li:nth-child(8) {
		animation-delay: 0.6s
	}
	nav .navbar-nav>li:nth-child(9) {
		animation-delay: 0.7s
	}
	nav .navbar-nav>li:nth-child(10) {
		animation-delay: 0.8s
	}
	nav .navbar-nav>li:nth-child(11) {
		animation-delay: 0.9s
	}
}

nav .navbar-nav ul.socialIcons {
	padding: 15px 0 15px 20px
}

nav .navbar-nav ul.socialIcons>li {
	opacity: 0;
	animation: slidein 0.5s ease-out;
	animation-fill-mode: both
}

nav .navbar-nav ul.socialIcons>li:nth-child(1) {
	animation-delay: 0.7s
}

nav .navbar-nav ul.socialIcons>li:nth-child(2) {
	animation-delay: 0.75s
}

nav .navbar-nav ul.socialIcons>li:nth-child(3) {
	animation-delay: 0.8s
}

nav .navbar-nav ul.socialIcons>li:nth-child(4) {
	animation-delay: 0.9s
}

nav .navbar-nav ul.socialIcons>li:nth-child(5) {
	animation-delay: 0.9s
}

nav .navbar-nav ul.socialIcons>li:nth-child(6) {
	animation-delay: 1s
}

@keyframes slidein {
	0% {
		opacity: 0;
		margin-left: -30px
	}
	60% {
		opacity: 1;
		margin-left: 5px
	}
	100% {
		opacity: 1;
		margin-left: 0
	}
}

.country {
	position: relative;
	margin: 0 auto;
	display: inline-block
}

.country .select {
	position: relative;
	padding: 0 105px 0 10px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #e1e1e1;
	background: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer
}

@media (min-width: 815px) {
	.country .select {
		height: 28px;
		margin-top: -3px
	}
}

.country .f16 a.flag {
	list-style: none outside none;
	margin: 2px 0 0 0;
	width: 100%;
	padding-left: 20px;
	height: 16px;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	color: #4d4e53
}

.country .f16 a:hover.flag {
	color: #23527c;
	text-decoration: none
}

.country .f16 .arg {
	background-position: 0 -495px
}

.country .f16 .bol {
	background-position: 0 -784px
}

.country .f16 .geo {
	background-position: 0 -1489px
}

.country .dropdown {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	height: 225px;
	border: 1px solid #cfcfcf;
	border-top: 1px solid #e1e1e1;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	overflow-y: scroll;
	z-index: 1
}

.country .dropdown .mCSB_inside>.mCSB_container {
	margin-right: 0
}

.country .dropdown .mCSB_scrollTools {
	width: 8px
}

.country .dropdown li {
	padding: 3px 2px;
	line-height: 13px
}

.country .dropdown li:hover,
.country .dropdown li.active {
	background: #dedede;
	color: #454545
}

.country .dropdown li.open {
	display: block
}

.intLang p {
	padding: 15px 0 10px 22px;
	font-size: 18px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	text-transform: uppercase;
	position: relative;
	display: inline-block
}

@media (max-width: 350px) {
	.intLang p {
		font-size: 16px
	}
}

.intLang .select::after {
	top: -7px;
	right: -3px
}

.intLang .country {
	top: -2px;
	left: 1px
}

@media (max-width: 815px) {
	.intLang .country {
		top: -11px;
		left: 21px;
		padding-bottom: 10px
	}
}

.intLang .country .dropdown {
	top: -225px
}

@media (max-width: 815px) {
	.myTVSLogIn .dropdown-menu {
		min-width: 80px;
		border: 0 none;
		border-radius: 0;
		background: white;
		margin-top: 1px
	}
	.myTVSLogIn .dropdown-menu>li>a {
		padding-left: 10px;
		font-size: 12px;
		padding-right: 10px
	}
}

@media (min-width: 815px) {
	.LangOverlaping .country .select {
		margin-top: -6px
	}
}

@media (min-width: 815px) {
	.LangOverlaping .country .f16 a.flag {
		margin-top: 0
	}
}

.home-hero {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	font-weight: 400;
	margin-top: 96px
}

@media (max-width: 815px) {
	.home-hero {
		margin-top: 130px
	}
}

@media (min-width: 815px) {
	.home-hero .scrolltoExplore {
		position: absolute;
		right: 25px;
		z-index: 9999999999;
		bottom: 25px
	}
}

.home-hero .heroText {
	width: auto;
	margin: 0 auto;
	display: inline-block;
	left: 1%;
	position: relative
}

@media (max-width: 815px) {
	.home-hero .heroText {
		width: 300px;
		left: 5px
	}
}

.home-hero .heroImg {
	width: 100%
}

@media (max-width: 815px) {
	.home-hero .heroImg.lazy {
		min-height: 590px
	}
}

.home-hero h1 {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 36px;
	line-height: 36px;
	background-color: transparent;
	height: inherit;
	padding: 0;
	margin: 0 0 20px 0;
	color: #fff;
	text-shadow: 0 0 0.05em #000
}

@media (min-width: 815px) {
	.home-hero h1 {
		font-size: 100px;
		line-height: 80px
	}
}

.home-hero p {
	font-size: 16px;
	text-shadow: 0 0 0.4em #000
}

.home-hero .pagingInfo {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: white;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 22px
}

@media (min-width: 815px) {
	.home-hero .pagingInfo {
		bottom: 50px;
		left: 10%;
		text-shadow: 0 0 0.4em #000
	}
}

.home-hero .container {
	max-width: 100%;
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 70px;
	color: #fff;
	text-align: left
}

@media (min-width: 815px) {
	.home-hero .container {
		bottom: 90px
	}
}

.home-hero .slick-slide {
	margin: 0 0 -7px 0
}

.home-hero .slickNormalDots {
	height: 4px;
	width: 15px;
	position: absolute;
	left: 0;
	top: 6px;
	background-color: #fff;
	border-radius: 4px;
	animation: width100 300ms 1 linear
}

.home-hero .slick-dots {
	text-align: left;
	display: inline-block !important;
	width: auto;
	bottom: 10px;
	top: inherit;
	left: 50%;
	transform: translateX(-50%)
}

@media (max-width: 815px) {
	.home-hero .slick-dots {
		width: 100%;
		text-align: center
	}
}

.home-hero .slick-dots li {
	height: 15px;
	width: 25px;
	overflow: hidden;
	margin: 0
}

.home-hero .slick-dots li button {
	height: 100%;
	width: 100%;
	padding: 0
}

.home-hero .slick-dots li button:before {
	height: 4px;
	width: 12px;
	content: '';
	background: #fff;
	top: 5px;
	left: 6px
}

.home-hero .slick-dots li.slick-active button:before {
	opacity: 1
}

.imgSlideWrap .slick-dots {
	text-align: left;
	display: inline-block !important;
	width: auto;
	bottom: 10px;
	top: inherit;
	left: 50%;
	transform: translateX(-50%)
}

.imgSlideWrap .slick-dots li {
	height: 15px;
	width: 25px;
	overflow: hidden;
	margin: 0
}

.imgSlideWrap .slick-dots li button {
	height: 100%;
	width: 100%;
	padding: 0
}

.imgSlideWrap .slick-dots li button:before {
	height: 4px;
	width: 12px;
	content: '';
	background: #fff;
	top: 5px;
	left: 6px
}

.imgSlideWrap .slick-dots li.slick-active button:before {
	opacity: 1
}

@keyframes spin1 {
	0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(180deg)
	}
	100% {
		transform: rotate(180deg)
	}
}

@keyframes spin2 {
	0% {
		transform: rotate(0deg);
		opacity: 0
	}
	49.99% {
		opacity: 0
	}
	50% {
		transform: rotate(0deg);
		opacity: 1
	}
	100% {
		transform: rotate(180deg);
		opacity: 1
	}
}

@keyframes width100 {
	0% {
		transform: translateX(-100%)
	}
	100% {
		transform: translateX(0)
	}
}

@keyframes width100To0 {
	0% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(-100%)
	}
}

.dashDots .slick-dots {
	text-align: left;
	display: inline-block !important;
	width: auto;
	bottom: 10px;
	top: inherit;
	left: 50%;
	transform: translateX(-50%)
}

.dashDots .slick-dots li {
	height: 15px;
	width: 25px;
	overflow: hidden;
	margin: 0
}

.dashDots .slick-dots li button {
	height: 100%;
	width: 100%;
	padding: 0
}

.dashDots .slick-dots li button:before {
	height: 4px;
	width: 12px;
	content: '';
	background: #fff;
	top: 5px;
	left: 6px
}

.dashDots .slick-dots li.slick-active button:before {
	opacity: 1
}

.bs6-video {
	background: black
}

.bs6-video iframe {
	width: 100%;
	height: 600px;
	position: relative;
	top: 0;
	left: 0
}

.bs6-biks {
	text-align: center;
	margin-top: -142px;
	margin-bottom: 40px;
	background: #f6f6f6
}

@media (max-width: 815px) {
	.bs6-biks {
		margin-top: -45px;
		padding: 0 10px
	}
}

.bs6-biks img {
	display: inline-block
}

.bs6-features img {
	width: 100%
}

.bs6-disclaimer p {
	font-size: 14px;
	color: #000;
	line-height: 20px;
	margin-bottom: 40px
}

.bs6-disclaimer p strong {
	font-weight: bold;
	display: block
}

.slick-slide {
	margin: 0 5px
}

@media (min-width: 815px) {
	.slick-slide {
		margin: 0 10px
	}
}

figure {
	position: relative;
	overflow: hidden
}

@media (min-width: 815px) {
	figure {
		margin-top: 30px
	}
}

figure img {
	width: 100%;
	transition: all .3s
}

figure figcaption {
	position: absolute;
	left: 20px;
	top: 20px;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 25px
}

@media (min-width: 815px) {
	figure figcaption {
		font-size: 38px;
		line-height: 38px
	}
}

figure p {
	color: #fff;
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	text-transform: none
}

figure a.btn {
	position: absolute;
	bottom: 25px;
	left: 25px;
	margin: 0;
	padding: 15px 50px
}

figure.contentAside {
	box-shadow: none;
	border: solid 1px #cecece
}

figure.contentAside figcaption {
	position: inherit;
	left: 0;
	top: 0;
	padding: 25px 25px 18px 25px;
	background: #fff
}

figure.contentAside h2 {
	margin: 0;
	line-height: 20px;
	font-size: 18px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (max-width: 815px) {
	figure.contentAside h2 {
		padding-left: 0
	}
}

figure.contentAside p {
	color: #333;
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	line-height: 22px
}

@media (min-width: 815px) {
	figure.contentAside p {
		font-size: 16px
	}
}

figure:hover img {
	transition: all .3s;
	transform: scale(1.05)
}

.aboutMaking .figure-caption .figureTitle {
	position: relative
}

.aboutMaking .figure-caption .figureTitle span {
	position: absolute;
	left: 0;
	top: -30px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 100px;
	color: #f3f3f3;
	z-index: -1
}

.achivements figure:hover img,
.aboutMaking figure:hover img,
.manufacturer figure:hover img {
	transform: scale(1)
}

.ourStoryCard .playIcon {
	position: absolute;
	height: 100px;
	width: 100px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: transparent url(../img/press-kit/play-icon.png) center no-repeat
}

.ourStoryCard img.lazy {
	min-height: 450px
}

@media (min-width: 360px) {
	.ourStoryCard img.lazy {
		min-height: 540px
	}
}

@media (min-width: 767px) {
	.ourStoryCard img.lazy {
		min-height: 620px
	}
}

@media (min-width: 1024px) {
	.ourStoryCard img.lazy {
		min-height: 555px
	}
}

@media (min-width: 1280px) {
	.ourStoryCard img.lazy {
		min-height: 700px
	}
}

figure.ourStoryCard figcaption {
	padding-right: 20px
}

.vehiclesHome {
	overflow: hidden
}

.vehiclesHome .nav-tabs {
	border: 0 none
}

.vehiclesHome .nav-tabs>li>a {
	border-radius: 0;
	border: 0 none;
	margin-right: 0
}

.vehiclesHome .leve1.nav-tabs {
	border-bottom: 0 none;
	margin-bottom: 20px
}

@media (max-width: 815px) {
	.vehiclesHome .leve1.nav-tabs {
		white-space: nowrap
	}
}

.vehiclesHome .leve1.nav-tabs>li {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	font-size: 16px;
	color: #000;
	text-transform: uppercase
}

@media (min-width: 815px) {
	.vehiclesHome .leve1.nav-tabs>li {
		font-size: 20px
	}
}

@media (max-width: 815px) {
	.vehiclesHome .leve1.nav-tabs>li {
		display: inline-block;
		float: none
	}
}

.vehiclesHome .leve1.nav-tabs>li.active>a {
	color: #f12a00;
	background-color: #fff;
	border: 0 none;
	border-bottom: solid 2px #f12a00
}

.vehiclesHome .leve1.nav-tabs>li>a {
	padding: 10px 18px;
	font-size: 18px
}

@media (min-width: 815px) {
	.vehiclesHome .leve1.nav-tabs>li>a {
		padding: 13px 30px
	}
}

@media (min-width: 1400px) {
	.vehiclesHome .leve1.nav-tabs>li>a {
		padding: 13px 45px
	}
}

@media (min-width: 816px) and (max-width: 1025px) {
	.vehiclesHome .leve1.nav-tabs>li>a {
		padding: 13px 20px
	}
}

@media (min-width: 815px) {
	.vehiclesHome .leve2 .asideBrandList {
		width: 34%;
		float: left
	}
}

@media (max-width: 815px) {
	.vehiclesHome .leve2 .asideBrandList {
		height: 165px;
		overflow: auto
	}
}

.vehiclesHome .leve2 .asideBrandList.mCustomScrollbar {
	height: 500px
}

@media (min-width: 1300px) {
	.vehiclesHome .leve2 .asideBrandList.mCustomScrollbar {
		height: 585px
	}
}

@media (min-width: 1900px) {
	.vehiclesHome .leve2 .asideBrandList.mCustomScrollbar {
		height: 717px
	}
}

.vehiclesHome .leve2 .asideBrandList.mCustomScrollbar .mCSB_inside>.mCSB_container {
	margin-right: 14px
}

.vehiclesHome .leve2 .asideBrandList.mCustomScrollbar .mCSB_scrollTools {
	width: 8px;
	right: 0
}

@media (min-width: 815px) {
	.vehiclesHome .leve2 .nav-tabs {
		width: 100%
	}
}

.vehiclesHome .leve2 .nav-tabs>li {
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
	background-color: #fff
}

.vehiclesHome .leve2 .nav-tabs>li>a {
	border: solid 1px #fff;
	padding-left: 8px;
	padding-right: 8px
}

.vehiclesHome .leve2 .nav-tabs>li>a:hover {
	border: solid 1px #f12a00
}

.vehiclesHome .leve2 .nav-tabs>li.active>a {
	border: solid 1px #f12a00
}

@media (min-width: 815px) {
	.vehiclesHome .leve2 .tab-content {
		width: 66%;
		float: left
	}
}

.vehiclesHome .slick-arrow {
	top: 20px;
	margin-right: 10px;
	background-color: #1e1c1c;
	height: 40px;
	border: 0 none
}

.vehiclesHome .slick-prev {
	right: 99px
}

.vehiclesHome .slick-prev:hover,
.vehiclesHome .slick-prev:focus {
	background: #1e1c1c
}

.vehiclesHome .slick-next:hover,
.vehiclesHome .slick-next:focus {
	background: #1e1c1c
}

.vehiclesHome .slick-prev:before {
	background-image: url(../img/icon-prev-white.png)
}

.vehiclesHome .slick-next:before {
	background-image: url(../img/icon-next-white.png)
}

.vehiclesHome .tab-pane {
	position: relative
}

.vehiclesHome .pagingInfo {
	background: #1e1c1c;
	display: inline-block;
	color: white;
	position: absolute;
	right: 59px;
	top: 0;
	text-align: center;
	z-index: 1;
	height: 40px;
	width: 49px;
	line-height: 42px;
	font-size: 14px;
	color: #dbdbdb
}

.vehiclesHome .navWrap {
	overflow-x: auto
}

.vehiclesHome .vehicleImgPart .vehiclesImg {
	width: 100%;
	transition: all .3s
}

.vehiclesHome .vehicleImgPart .vehiclesImg.lazy {
	min-height: 150px
}

@media (min-width: 360px) {
	.vehiclesHome .vehicleImgPart .vehiclesImg.lazy {
		min-height: 165px
	}
}

@media (min-width: 767px) {
	.vehiclesHome .vehicleImgPart .vehiclesImg.lazy {
		min-height: 380px
	}
}

@media (min-width: 1024px) {
	.vehiclesHome .vehicleImgPart .vehiclesImg.lazy {
		min-height: 346px
	}
}

@media (min-width: 1280px) {
	.vehiclesHome .vehicleImgPart .vehiclesImg.lazy {
		min-height: 430px
	}
}

.vehiclesHome .visitWebsite .btn {
	padding-top: 12px;
	padding-bottom: 12px
}

@media (max-width: 815px) {
	.vehiclesHome .visitWebsite .btn {
		padding: 10px 33px 10px 8px;
		background-position: right -675px;
		margin: 0
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.vehiclesHome .visitWebsite .btn {
		font-size: 12px
	}
}

.vehiclesHome .vehicleInfo {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100px
}

@media (max-width: 815px) {
	.vehiclesHome .vehicleInfo {
		background: #fff;
		float: none;
		width: 100%;
		overflow: auto;
		padding-top: 12px;
		padding-bottom: 2px;
		height: auto
	}
}

.vehiclesHome .infoCont {
	margin-top: 10px
}

.vehiclesHome .infoCont.pull-left {
	max-width: 154px
}

@media (max-width: 815px) {
	.vehiclesHome .infoCont.pull-left {
		max-width: 140px
	}
}

@media (max-width: 815px) {
	.vehiclesHome .infoCont {
		margin: 1px 0 4px 0
	}
}

@media (max-width: 815px) {
	.vehiclesHome .infoCont p {
		margin-top: 0
	}
}

.vehiclesHome p.name {
	margin-top: 16px
}

@media (min-width: 815px) {
	.vehiclListWrap .navWrap {
		position: fixed;
		left: 0;
		right: 0;
		top: 194px;
		z-index: 99;
		background: #f4f4f4;
		width: 90%;
		left: 50%;
		transform: translateX(-50%)
	}
}

@media (min-width: 815px) {
	.vehiclListWrap .tab-content {
		margin-top: 30px !important
	}
}

.vehicleSlideImg {
	width: 100%
}

.vehicleSlideImg.lazy {
	min-height: 150px;
	height: 150px
}

@media (min-width: 360px) {
	.vehicleSlideImg.lazy {
		min-height: 165px;
		height: 165px
	}
}

@media (min-width: 767px) {
	.vehicleSlideImg.lazy {
		min-height: 380px;
		height: 380px
	}
}

@media (min-width: 1024px) {
	.vehicleSlideImg.lazy {
		min-height: 346px
	}
}

@media (min-width: 1280px) {
	.vehicleSlideImg.lazy {
		min-height: 430px
	}
}

.vehicleWrap {
	position: relative;
	border: solid 1px #cecece;
	background: #fff
}

.vehicleBlurb {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: none
}

.vehicleBlurb .vehicleBlurbTitle {
	background: green;
	display: block;
	width: 100%;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	font-size: 18px;
	border-top: solid 1px #757575;
	position: relative
}

.vehicleBlurb .vehicleBlurbTitle span {
	content: '';
	position: absolute;
	right: 25px;
	top: 15px;
	height: 36px;
	width: 36px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	text-indent: -9999px
}

.vehicleBlurb .vehicleBlurbTitle span:after {
	content: '';
	position: absolute;
	top: 14px;
	left: 13px;
	height: 10px;
	width: 10px;
	border-left: solid 1px #000;
	border-top: solid 1px #000;
	transform: rotate(45deg);
	transition: all .2s linear
}

.vehicleBlurb .vehicleBlurbTitle.active span:after {
	top: 11px;
	transform: rotate(225deg);
	transition: all .2s linear
}

.vehicleBlurb .vehicleBlurbText {
	display: none;
	padding: 20px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

.vehicleBlurb .vehicleBlurbText h3 {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 22px;
	margin-bottom: 0
}

.vehicleBlurb .vehicleBlurbText p {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 16px;
	line-height: 22px
}

.slick-current .vehicleBlurb {
	display: block
}

.slick-current .vehicleBlurb .vehicleBlurbTitle {
	background: rgba(0, 0, 0, 0.5);
	line-height: 66px
}

.slick-current .vehicleBlurb .vehicleBlurbTitle:before {
	content: '';
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 10px;
	margin-left: 25px
}

.vehicleList {
	overflow: hidden
}

@media (max-width: 815px) {
	.vehicleList {
		padding: 8px 5px 6px 8px
	}
}

.vehicleList .vehicleLogo {
	float: left;
	border: solid 1px #e8e8e8;
	display: inline-block
}

@media (max-width: 815px) {
	.vehicleList .vehicleLogo {
		width: 115px;
		height: 57px
	}
}

.vehicleList .vehicleDetails {
	float: left;
	margin-left: 15px;
	margin-top: 11px;
	width: calc(100% - 150px)
}

@media (min-width: 816px) and (max-width: 1024px) {
	.vehicleList .vehicleDetails {
		margin-left: 7px;
		width: 160px
	}
}

@media (max-width: 815px) {
	.vehicleList .vehicleDetails {
		margin-left: 7px;
		margin-top: 11px;
		width: 165px
	}
}

.vehicleList .vehicleDetails h3 {
	font-size: 18px;
	color: #404040;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	line-height: 18px;
	margin-bottom: 5px
}

@media (max-width: 815px) {
	.vehicleList .vehicleDetails h3 {
		font-size: 14px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.vehicleList .vehicleDetails h3 {
		font-size: 15px
	}
}

.vehicleList .vehicleDetails ul li {
	color: #919191;
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	display: inline-block
}

@media (max-width: 815px) {
	.vehicleList .vehicleDetails ul li {
		font-size: 13px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.vehicleList .vehicleDetails ul li {
		font-size: 12px
	}
}

.vehicleList .vehicleDetails ul.features {
	margin: 6px 0
}

@media (max-width: 815px) {
	.vehicleList .vehicleDetails ul.features {
		margin: 0 0 6px 0;
		line-height: 16px
	}
}

.vehicleList .vehicleDetails ul.features li {
	padding-right: 14px;
	position: relative
}

@media (max-width: 815px) {
	.vehicleList .vehicleDetails ul.features li {
		padding-right: 7px
	}
}

.vehicleList .vehicleDetails ul.features li:before {
	content: '';
	position: absolute;
	height: 15px;
	right: 6px;
	top: 1px;
	width: 1px;
	border-left: solid 1px #b0b0b0
}

@media (max-width: 815px) {
	.vehicleList .vehicleDetails ul.features li:before {
		height: 13px;
		right: 1px;
		top: 1
	}
}

.vehicleList .vehicleDetails ul.features li:last-child {
	padding-right: 0
}

.vehicleList .vehicleDetails ul.features li:last-child:before {
	display: none
}

.vehicleList .vehicleDetails ul.features.fullWidth li {
	display: block
}

.vehicleList .vehicleDetails ul.features.fullWidth li:before {
	display: none
}

.colors li {
	display: inline-block;
	margin-right: 1px;
	text-align: left;
	height: 12px;
	width: 12px;
	border-radius: 2px;
	text-indent: -9999px;
	border: solid 1px #d4d4d4
}

.colors li.red {
	background-color: #fe0000
}

.colors li.darkGrey {
	background-color: #4c4c4c
}

.colors li.green {
	background-color: #00721a
}

.colors li.naviBlue {
	background-color: #1642a3
}

.colors li.blue {
	background-color: #0000fe
}

.colors li.black {
	background-color: #000
}

.colors li.white {
	background-color: #fff
}

.colors li.doubleColor {
	position: relative
}

.colors li.doubleColor span {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%
}

.colors li.doubleColor span.colorRight {
	left: inherit;
	right: 0
}

.loadSlide {
	display: block;
	position: absolute;
	left: 45%;
	bottom: 5%;
	height: 50px;
	width: 50px;
	background: url("../img/loader.gif") no-repeat left top
}

.image_spinner {
	position: absolute;
	top: 30%;
	left: 45%;
	display: none
}

@media (min-width: 815px) {
	.image_spinner {
		display: none
	}
}

.image_spinner img {
	top: 28%;
	left: 9%;
	width: auto
}

.aboutMaking {
	margin-top: 20px
}

.aboutMaking .arrowsWrap {
	margin-right: 10px
}

.aboutMaking figure.contentAside figcaption {
	min-height: 190px
}

.aboutMaking figure img.lazy {
	height: 149px
}

@media (min-width: 360px) {
	.aboutMaking figure img.lazy {
		height: 182px
	}
}

@media (min-width: 767px) {
	.aboutMaking figure img.lazy {
		height: 206px
	}
}

@media (min-width: 1024px) {
	.aboutMaking figure img.lazy {
		height: 184px
	}
}

@media (min-width: 1280px) {
	.aboutMaking figure img.lazy {
		height: 230px
	}
}

.racing {
	position: relative;
	overflow: hidden
}

.racing h2 {
	color: #fff;
	font-size: 50px;
	text-transform: uppercase;
	line-height: auto;
	margin-bottom: 10px;
	text-shadow: 0 0 0.4em #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.racing h2 strong {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (max-width: 815px) {
	.racing h2 {
		font-size: 24px;
		line-height: 26px
	}
}

.racing .imgSlideWrap {
	height: auto
}

.racing .racingContent {
	position: relative;
	overflow: hidden
}

.racing .racingContent .btn {
	position: relative;
	padding-right: 60px
}

.racing .blurb {
	position: absolute;
	left: 7%;
	top: 70%;
	transform: translate(0, -50%);
	z-index: 1
}

.racing .racingText {
	z-index: 1;
	position: absolute;
	top: 50%;
	margin-top: -70px;
	text-align: center;
	width: 100%
}

.racing .slick-slide {
	margin: 0
}

.racing .slick-slide img {
	width: 100%;
	opacity: 0;
	transition: all .3s
}

@media (max-width: 815px) {
	.racing .slick-slide img {
		width: 100%
	}
}

.racing .slick-slide.slick-current img {
	opacity: 1
}

.racing .slick-slide.slick-current .racingHero {
	animation: scaling 11s ease-in-out 1 forwards
}

.racing .slick-slide.slick-current .blurb {
	animation: leftToRightFade 1s ease-in-out 1 forwards
}

@media (min-width: 815px) {
	.main.raceBtmSpace {
		margin-bottom: -7px
	}
}

@-webkit-keyframes scaling {
	0% {
		-webkit-transform: scale(1)
	}
	100% {
		-webkit-transform: scale(1.15)
	}
}

@-webkit-keyframes leftToRightFade {
	0% {
		left: 4%;
		opacity: 0
	}
	100% {
		left: 7%;
		opacity: 1
	}
}

.userStories figure,
.userStoriesList figure {
	box-shadow: none;
	height: 360px
}

.userStories figure>img,
.userStoriesList figure>img {
	width: inherit;
	transition: all .3s;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.userStories figcaption,
.userStoriesList figcaption {
	top: inherit;
	bottom: 0;
	left: 0;
	padding: 10px 15px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.66) 66%, #000 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.66) 66%, #000 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.66) 66%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0)
}

.userStories figcaption p,
.userStoriesList figcaption p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 14px;
	line-height: 18px;
	margin: 8px 0
}

@media (min-width: 815px) {
	.userStories figcaption p,
	.userStoriesList figcaption p {
		font-size: 16px;
		line-height: 24px
	}
}

.userStories figcaption p strong,
.userStoriesList figcaption p strong {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	font-size: 18px
}

.userStories figcaption p.byID,
.userStoriesList figcaption p.byID {
	font-size: 13px
}

.userStories figcaption p.instaPost,
.userStoriesList figcaption p.instaPost {
	display: block;
	display: -webkit-box;
	width: 100%;
	height: 70px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width: 815px) {
	.userStories figcaption p.instaPost,
	.userStoriesList figcaption p.instaPost {
		height: 50px
	}
}

.userStories .instaIcon,
.userStoriesList .instaIcon {
	position: absolute;
	top: 10px;
	right: 10px
}

@media (max-width: 815px) {
	.userStoriesList figure {
		margin-bottom: 20px
	}
}

.dearlerWrap {
	position: relative;
	margin-top: 15px;
	overflow: hidden;
	padding: 40px 0;
	background: url("../img/map-location.jpg") no-repeat center top;
	background-size: cover
}

.dearlerWrap picture img {
	width: 100%
}

.polularLocation {
	width: 93%;
	margin: 0 auto
}

@media (max-width: 815px) {
	.polularLocation {
		width: 100%
	}
}

.polularLocation h3 {
	font-size: 16px;
	color: #5e5e5e;
	text-align: center;
	margin-bottom: 5px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (max-width: 815px) {
	.polularLocation h3 {
		margin-bottom: 10px
	}
}

@media (max-width: 815px) {
	.polularLocation ul {
		text-align: center
	}
}

.polularLocation ul li {
	font-size: 14px;
	color: #5e5e5e;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	margin: 0 -2px 0 0;
	display: inline-block
}

@media (min-width: 815px) {
	.polularLocation ul li {
		font-size: 16px;
		margin: 10px 0
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.polularLocation ul li {
		font-size: 15px
	}
}

.polularLocation ul li>a {
	padding: 0 10px;
	color: #f12a00;
	transition: all .3s;
	position: relative
}

@media (min-width: 816px) and (max-width: 1024px) {
	.polularLocation ul li>a {
		padding: 0 5px
	}
}

.polularLocation ul li>a:hover {
	color: #5e5e5e
}

.polularLocation ul li>a:after {
	content: '';
	position: absolute;
	left: -2px;
	top: 3px;
	height: 13px;
	width: 1px;
	background: #939393
}

.polularLocation ul li:first-child>a:after {
	display: none
}

.polularLocation .dealerItem {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	border: solid 1px #555;
	border-radius: 15px;
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.7);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}

@media (max-width: 815px) {
	.polularLocation .dealerItem {
		margin-bottom: 15px
	}
}

.polularLocation .dealerItem .dealerItem-text {
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 50px 20px 20px 20px;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%)
}

.polularLocation .dealerItem .dealerItem-text h3 {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	line-height: 20px;
	text-align: left
}

.polularLocation .dealerItem .dealerItem-text p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 16px;
	color: #fff;
	margin: 0;
	line-height: 20px;
	position: relative;
	display: inline-block;
	padding: 0 18px 0 0;
	transition: all .4s
}

.polularLocation .dealerItem .dealerItem-text p::after {
	content: '';
	position: absolute;
	background: url(../img/arrow-angle-pointing-to-right.png) no-repeat 0px 0;
	background-size: cover;
	height: 11px;
	width: 11px;
	top: 5px;
	right: 0
}

.polularLocation .dealerItem .dealerItem-img {
	width: 100%;
	transform: scale(1);
	transition: all 0.4s
}

.polularLocation .dealerItem .dealerItem-img.lazy {
	height: 212px
}

@media (min-width: 360px) {
	.polularLocation .dealerItem .dealerItem-img.lazy {
		height: 258px
	}
}

@media (min-width: 767px) {
	.polularLocation .dealerItem .dealerItem-img.lazy {
		height: 589px
	}
}

@media (min-width: 1024px) {
	.polularLocation .dealerItem .dealerItem-img.lazy {
		height: 180px
	}
}

@media (min-width: 1280px) {
	.polularLocation .dealerItem .dealerItem-img.lazy {
		height: 225px
	}
}

.polularLocation .dealerItem:hover .dealerItem-img {
	transform: scale(1.05)
}

.polularLocation .dealerItem:hover .dealerItem-text p {
	padding-right: 22px
}

.polularLocation .becomeDealerWrapper {
	max-width: 1050px;
	margin: 35px auto 0 auto;
	text-align: center;
	padding-top: 30px;
	position: relative
}

@media (max-width: 815px) {
	.polularLocation .becomeDealerWrapper {
		margin-top: 20px;
		width: 94%
	}
}

.polularLocation .becomeDealerWrapper::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 80%;
	height: 1px;
	background-color: #686868
}

.polularLocation .becomeDealerWrapper h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 700
}

.polularLocation .becomeDealerWrapper h3 a {
	color: #fff;
	display: inline-block;
	position: relative;
	padding-right: 18px
}

.polularLocation .becomeDealerWrapper h3 a::after {
	content: '';
	position: absolute;
	background: url(../img/arrow-angle-pointing-to-right.png) no-repeat 0px 0;
	background-size: cover;
	height: 11px;
	width: 11px;
	top: 10px;
	right: 0;
	transition: all 0.4s
}

.polularLocation .becomeDealerWrapper h3 a:hover {
	color: #fff
}

.polularLocation .becomeDealerWrapper h3 a:hover::after {
	right: -4px
}

.polularLocation .becomeDealerWrapper p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 14px;
	color: #fff;
	margin: 5px 0 15px 0;
	line-height: 22px
}

@media (max-width: 815px) {
	.polularLocation .dealerVehicleCate {
		width: 100%;
		margin: 0 auto
	}
}

.polularLocation .dealerVehicleCate .col-xs-12 {
	padding-left: 0;
	padding-right: 0
}

@media (max-width: 815px) {
	.polularLocation .dealerVehicleCate .col-xs-12 {
		padding-left: 3px;
		padding-right: 3px
	}
}

.locationList {
	padding: 20px 20px 5px 20px;
	background: #fff;
	text-align: left;
	z-index: 1;
	border: solid 1px #d3d3d3
}

.search-container {
	background-color: #f3f3f3;
	padding: 40px 20px
}

.search-container form {
	position: relative
}

.search-container .searchTxt {
	border: solid 1px #e1e1e1;
	padding: 8px 10px;
	color: #a3a3a3;
	width: 100%;
	padding-right: 35px
}

.search-container button {
	background: transparent;
	border: 0 none;
	position: absolute;
	right: 7px;
	top: 9px
}

.dearlerAcross {
	text-align: center;
	margin-bottom: 15px
}

@media (min-width: 815px) {
	.dearlerAcross {
		margin-bottom: 20px
	}
}

.dearlerAcross p {
	position: relative;
	display: inline-block;
	text-align: left;
	color: #fff;
	margin-top: 10px;
	padding-left: 50px;
	padding-top: 5px;
	line-height: 30px
}

@media (min-width: 816px) and (max-width: 1024px) {
	.dearlerAcross p {
		margin-top: 15px
	}
}

.dearlerAcross p span {
	display: block;
	font-size: 38px;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-display: swap
}

.dearlerAcross p:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 60px;
	background: url(../img/sprite.png) no-repeat 1px -1313px
}

.achivements h2 {
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	margin-top: 25px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (max-width: 815px) {
	.achivements h2 {
		padding-left: 20px
	}
}

.achivements .slick-slide .item {
	border-right: solid 1px #e2e2e2
}

.achivements .slick-slide:last-child .item {
	border-right: 0 none
}

.achivements .item {
	padding-right: 10px
}

.achivements img {
	margin-right: 15px
}

.achivements h3 {
	color: #000;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

.achivements figure {
	text-align: center;
	background-color: #fff;
	min-height: 400px
}

.achivements figure img {
	margin-top: 10px;
	width: auto;
	display: inline-block
}

.achivements figure img.lazy {
	height: 208px
}

@media (min-width: 360px) {
	.achivements figure img.lazy {
		height: 250px
	}
}

@media (min-width: 767px) {
	.achivements figure img.lazy {
		height: 210px
	}
}

.achivements figure figcaption {
	text-align: left
}

.milesStoneWrap .slick-slide .item {
	border-right: 0 none
}

.milesStoneWrap .arrowsWrap {
	position: absolute;
	height: 38px;
	width: 100%
}

@media (max-width: 815px) {
	.milesStoneWrap .arrowsWrap {
		right: 0;
		margin-top: 16px;
		display: none
	}
}

.milesStoneWrap .slick-prev,
.milesStoneWrap .slick-next {
	bottom: 20px
}

.milestoneText {
	padding: 20px 50px 10px 20px
}

@media (max-width: 815px) {
	.milestoneText {
		padding: 16px 16px 0 16px
	}
}

.milestoneText h3 {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	font-size: 42px;
	margin: 20px 0 30px 0
}

@media (max-width: 815px) {
	.milestoneText h3 {
		font-size: 28px;
		margin: 0 0 12px 0
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.milestoneText p {
		font-size: 15px;
		line-height: 20px
	}
}

.milestoneSlider .slider-nav {
	margin: 0 0 20px 0
}

.milestoneSlider .slider-nav .year {
	color: #000;
	font-size: 14px;
	position: relative;
	padding-bottom: 20px
}

.milestoneSlider .slider-nav .year:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 28px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: solid 1px #d0cece;
	background: #fff;
	transform: translateX(-50%);
	z-index: 2
}

.milestoneSlider .slider-nav .year:before {
	content: '';
	position: absolute;
	left: 36px;
	top: 34px;
	width: 100%;
	border-top: solid 1px #d0cece;
	z-index: 1
}

.milestoneSlider .slider-nav .slick-slide {
	margin: 0 0;
	text-align: center
}

.milestoneSlider .slider-nav .slick-slide.slick-current .year::after {
	border-color: #f12a00;
	background: #f12a00
}

@media (min-width: 1466px) {
	.milestoneSlider .slider-nav .slick-slide:first-child .year::before {
		left: 56px
	}
}

.milestoneSlider .slider-nav .slick-slide:last-child .year::before {
	border: 0 none
}

.milestoneSlider .slider-for .slick-slide {
	border: solid 1px #cecece;
	line-height: 0
}

@media (max-width: 815px) {
	.milestoneSlider .slider-for .slick-slide {
		line-height: 0.6
	}
}

.milestoneSlider .slick-prev,
.milestoneSlider .slick-next {
	top: -130px;
	bottom: initial;
	cursor: pointer
}

.milestoneSlider .wrapper-inner-slider .slick-slide {
	border: 0 none;
	margin: 0
}

.milestoneSlider .wrapper-inner-slider .slick-dots {
	bottom: 20px;
	text-align: left;
	left: 20px;
	width: auto
}

.milestoneSlider .wrapper-inner-slider .slick-dots li {
	height: 3px;
	width: 12px;
	overflow: hidden;
	margin: 0 4px
}

.milestoneSlider .wrapper-inner-slider .slick-dots li button {
	height: 3px;
	width: 12px;
	padding: 0
}

.milestoneSlider .wrapper-inner-slider .slick-dots li button::before {
	height: 3px;
	width: 12px;
	content: '';
	background: #a3afcd;
	opacity: 1
}

.milestoneSlider .wrapper-inner-slider .slick-dots li.slick-active button::before {
	background: #183883
}

.milestoneSlider .wrapper-inner-slider .slick-arrow {
	border-radius: 50%
}

.milestoneSlider .wrapper-inner-slider .slick-arrow.slick-prev {
	left: 10px;
	top: 135px !important
}

.milestoneSlider .wrapper-inner-slider .slick-arrow.slick-next {
	right: 10px;
	top: 135px !important
}

.achievements-wrap {
	margin-top: 40px
}

.big-achieve {
	position: relative;
	margin-bottom: 15px
}

@media (min-width: 815px) {
	.big-achieve {
		margin-bottom: 0
	}
}

.big-achieve img {
	width: 100%
}

.big-achieve h4 {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	z-index: 1;
	padding: 15px;
	text-transform: capitalize
}

@media (min-width: 815px) {
	.big-achieve h4 {
		font-size: 32px;
		bottom: 20px;
		padding: 20px;
		margin-bottom: 0
	}
}

.small-achieve {
	background: #fff;
	color: #000
}

.small-achieve img {
	width: 100%
}

.small-achieve:first-child {
	margin-bottom: 15px
}

@media (min-width: 815px) {
	.small-achieve:first-child {
		margin-bottom: 23px
	}
}

.small-achieve h4 {
	padding: 10px 10px 10px 0;
	font-size: 16px;
	line-height: 1.4
}

@media (min-width: 815px) {
	.small-achieve h4 {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-display: swap;
		font-size: 20px;
		padding: 20px 20px 20px 0
	}
}

.manufacturer {
	color: #000
}

.manufacturer h2 {
	text-transform: capitalize;
	font-size: 25px;
	font-weight: 600;
	line-height: 1;
	padding: 0 15px;
	margin: 60px 0 30px
}

@media (min-width: 815px) {
	.manufacturer h2 {
		font-size: 30px;
		padding: 0;
		margin-bottom: 0
	}
}

.manufacturer figure.contentAside {
	text-align: -webkit-center;
	background: #fff;
	padding-top: 30px
}

@media (max-width: 815px) {
	.manufacturer figure.contentAside {
		margin-bottom: 20px
	}
}

.manufacturer figure.contentAside h3 {
	margin: 0;
	margin-bottom: 15px;
	text-transform: capitalize;
	line-height: 20px;
	font-size: 18px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.manufacturer figure.contentAside figcaption {
	text-align: left
}

.manufacturer figure img {
	max-width: 100%;
	width: initial
}

@media (min-width: 815px) {
	.manufacturer .cardListingsContainer figure.contentAside {
		min-height: 420px
	}
}

@media (min-width: 815px) {
	.manufacturer .cardList figure.contentAside {
		min-height: 420px
	}
}

.leadership-well {
	background: #323741;
	color: #fff;
	padding: 30px 0
}

@media (min-width: 815px) {
	.leadership-well {
		padding: 20px 0 0
	}
}

@media (max-width: 767px) {
	.leadership-well img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 60%
	}
}

.leadership-well .row>div:first-child {
	text-align: center
}

.leadership-well h2 {
	font-size: 32px;
	font-weight: 500;
	text-transform: capitalize;
	color: #fff;
	margin-top: 20px
}

@media (min-width: 815px) {
	.leadership-well h2 {
		margin-top: 30px;
		font-size: 51px;
		margin-bottom: 0
	}
}

.milestoneWrap img {
	width: 100%
}

@media (max-width: 815px) {
	.awardsWrap {
		margin-top: -20px
	}
}

.cardList,
.press-list,
.newsCardWrap {
	display: none
}

.videoContainer video {
	width: 100%;
	object-fit: cover
}

@media (max-width: 815px) {
	.main.noMargin.careeSpaceBttm {
		margin-bottom: 0
	}
}

@media (max-width: 815px) {
	.main.noMargin.careeSpaceBttm .paddingTopBttm55 {
		padding-bottom: 30px;
		margin-bottom: 0
	}
}

footer .footerAddress {
	background-color: #9ca1ad;
	position: relative;
	padding: 34px 0
}

footer .footerAddress address,
footer .footerAddress h4,
footer .footerAddress p,
footer .footerAddress a {
	color: #fff;
	font-size: 15px
}

@media (max-width: 815px) {
	footer .footerAddress address {
		margin-bottom: 30px
	}
}

footer .footerAddress p {
	line-height: 21px
}

footer .footerAddress:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background-color: #f0f4ff
}

@media (min-width: 815px) {
	footer .footerAddress:after {
		width: 5%
	}
}

footer .footerAddress .tvsLogo {
	background: #fff;
	padding: 36px 50px 36px 20px;
	display: inline-block;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -18px;
	width: 310px
}

@media (min-width: 816px) and (max-width: 1024px) {
	footer .footerAddress .tvsLogo {
		width: 240px;
		padding-right: 10px
	}
}

footer .footerAddress .tvsLogo img {
	float: right;
	background: transparent
}

@media (max-width: 815px) {
	footer .footerAddress .tvsLogo {
		display: none
	}
}

footer .footerAddress h4 {
	text-transform: uppercase;
	font-size: 17px;
	margin-bottom: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

footer .footerAddress h4 a {
	text-transform: lowercase;
	font-size: 17px
}

footer .footerLink {
	background-color: #f0f4ff;
	overflow: hidden
}

footer .footerLink .navbar-nav>li {
	margin: 0 20px 0 0
}

@media (min-width: 816px) and (max-width: 1024px) {
	footer .footerLink .navbar-nav>li {
		margin: 0 0 0 20px
	}
}

footer .footerLink .navbar-nav>li>a {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	font-size: 15px;
	color: #30323a;
	text-transform: uppercase;
	transition: all .3s
}

footer .footerLink .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #f12a00;
	transition: all .3s
}

@media (min-width: 815px) {
	footer .footerLink .navbar-nav>li:first-child>a {
		padding-left: 0
	}
}

footer .footerCopy {
	background-color: #dae1f2;
	text-align: center
}

footer .footerCopy .layoutWrap {
	position: relative;
	overflow: hidden;
	padding: 40px 0 30px 0
}

@media (max-width: 815px) {
	footer .footerCopy .layoutWrap {
		padding: 10px 0
	}
}

@media (max-width: 815px) {
	footer .footerCopy .layoutWrap .pull-left,
	footer .footerCopy .layoutWrap .pull-right {
		float: none !important
	}
}

footer .footerCopy p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 14px;
	color: #62656d;
	line-height: 24px;
	margin-top: 0
}

@media (max-width: 815px) {
	footer .footerCopy p {
		margin-bottom: 6px
	}
}

@media (min-width: 815px) {
	.socialWrap {
		position: absolute;
		left: 50%;
		margin-left: -125px;
		margin-top: 5px
	}
}

.socialIcons li {
	display: inline-block;
	margin: 0 8px
}

@media (max-width: 815px) {
	.socialIcons li {
		margin: 0 1px
	}
}

.socialIcons li a {
	background: url(../img/sprite.png) no-repeat left top;
	height: 38px;
	width: 38px;
	display: block;
	text-indent: -9999px;
	transition: all .3s
}

.socialIcons li a:hover {
	transition: all .3s
}

.socialIcons li a.fb {
	background-position: 0 0
}

.socialIcons li a.fb:hover {
	background-position: 0 -41px
}

.socialIcons li a.twitter {
	background-position: 0 -112px
}

.socialIcons li a.twitter:hover {
	background-position: 0 -153px
}

.socialIcons li a.yt {
	background-position: 0 -224px
}

.socialIcons li a.yt:hover {
	background-position: 0 -265px
}

.socialIcons li a.linkedIn {
	background-position: 0 -336px
}

.socialIcons li a.linkedIn:hover {
	background-position: 0 -377px
}

.socialIcons li a.gPlus {
	background-position: 0 -448px
}

.socialIcons li a.gPlus:hover {
	background-position: 0 -489px
}

.socialIcons li a.instagram {
	background-position: 0 -560px
}

.socialIcons li a.instagram:hover {
	background-position: 0 -601px
}

.footerSticky {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	text-align: center;
	box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.5)
}

.footerSticky ul>li {
	padding: 15px 20px 10px 20px;
	display: inline-block;
	text-align: center;
	position: relative
}

@media (max-width: 360px) {
	.footerSticky ul>li {
		padding-left: 14px;
		padding-right: 14px
	}
}

.footerSticky ul>li:first-child:after {
	display: none
}

.footerSticky ul>li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 28px;
	height: 30px;
	width: 1px;
	background-color: #d1d1d1
}

.footerSticky ul>li>a {
	display: inline-block;
	text-align: center;
	color: #2b2b2b;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	font-size: 16px;
	position: relative;
	height: 58px;
	padding-top: 34px
}

.footerSticky ul>li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 43px;
	height: 30px;
	background: url(../img/sprite.png) no-repeat left top
}

.footerSticky ul>li>a.footerSubNavCTA {
	color: #f12a00
}

.footerSticky ul>li>a.footerSubNavCTA:before {
	background-position: 0 -918px;
	left: 7px
}

.footerSticky ul>li>a.icon-home:before {
	background-position: 0 -1007px;
	left: 7px
}

.footerSticky ul>li>a.icon-owner:before {
	background-position: 0 -1100px;
	left: 3px
}

.footerSticky ul>li>a.icon-buyer:before {
	left: 11px;
	background-position: 0 -1193px
}

.footerSticky ul>li>a:hover {
	color: #f12a00
}

.footerSubNav {
	position: relative;
	box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.5)
}

.footerSubNav .goTop {
	position: fixed;
	right: 10px;
	bottom: 90px;
	height: 56px;
	width: 56px;
	background-color: #363636;
	border-radius: 50%;
	text-indent: -9999px;
	z-index: 1;
	border: solid 2px #fff;
	display: none
}

@media (min-width: 816px) {
	.footerSubNav .goTop {
		height: 60px;
		width: 60px;
		bottom: 20px
	}
}

.footerSubNav .goTop:after {
	content: '';
	position: absolute;
	height: 15px;
	width: 15px;
	left: 50%;
	top: 16px;
	margin-left: -8px;
	border-top: solid 1px white;
	border-right: solid 1px white;
	transform: rotate(-45deg);
	animation: upDown 1.5s infinite linear
}

@media (min-width: 816px) {
	.footerSubNav .goTop:after {
		top: 20px;
		margin-left: -7px
	}
}

.footerSubNav .footLogo {
	text-align: center;
	padding: 20px 0
}

.footerSubNav .footLogo img {
	display: inline-block
}

.footerSubNav .navbar-nav {
	margin: 0
}

.footerSubNav .dropdown>a {
	color: #30323a;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	padding: 20px 25px;
	border-bottom: solid 1px #f1f1f1;
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	background-color: #fff;
	position: relative
}

.footerSubNav .dropdown>a:before,
.footerSubNav .dropdown>a:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 31px;
	background-color: #000;
	width: 14px;
	height: 2px;
	transition: transform 0.25s ease-out
}

.footerSubNav .dropdown>a:after {
	width: 2px;
	height: 14px;
	right: 36px;
	top: 25px
}

.footerSubNav .dropdown>a:hover {
	background-color: #fff
}

.footerSubNav .dropdown>a.active:before {
	transform: rotate(180deg)
}

.footerSubNav .dropdown>a.active:after {
	transform: rotate(90deg)
}

.footerSubNav .dropdown-menu {
	display: block;
	position: relative;
	width: 100%;
	border: 0 none;
	box-shadow: none;
	background: #f0f2f6;
	display: none;
	z-index: 1
}

.footerSubNav .dropdown-menu>li>a {
	color: #30323a;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	text-transform: uppercase;
	padding: 12px 25px;
	display: block
}

.footerSubNav.navPopup {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: -20px;
	width: 100%;
	height: calc(100% - 63px);
	background: #fff;
	overflow: auto;
	padding: 20px
}

.footerSubNav.navPopup .goTop {
	height: 40px;
	width: 40px;
	top: 30px
}

.footerSubNav.navPopup .goTop:after {
	left: 64%;
	top: 13px;
	height: 15px;
	width: 1px;
	background: #fff;
	border: 0 none;
	transform: rotate(-45deg);
	transform-origin: center
}

.footerSubNav.navPopup .goTop:before {
	content: '';
	position: absolute;
	left: 12px;
	top: 20px;
	height: 1px;
	width: 15px;
	background: #fff;
	transform: rotate(-45deg);
	transform-origin: center
}

@media (max-width: 815px) {
	.centerMob {
		text-align: center
	}
	.centerMob h4 {
		margin-top: 40px;
		margin-bottom: 0 !important
	}
}

.policyLinks {
	margin-top: -12px
}

@media (min-width: 815px) {
	.policyLinks {
		text-align: left
	}
}

@media (max-width: 815px) {
	.policyLinks {
		margin-bottom: 5px
	}
}

.policyLinks>li {
	display: inline-block
}

.policyLinks>li>a {
	font-size: 13px;
	color: #62656d;
	padding-left: 12px;
	padding-right: 7px;
	position: relative
}

.policyLinks>li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	height: 12px;
	width: 1px;
	background-color: #62656d
}

.policyLinks>li>a:hover {
	text-decoration: underline
}

.policyLinks>li:first-child>a {
	padding-left: 0
}

.policyLinks>li:first-child>a:before {
	display: none
}

.cookie_bot {
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	position: fixed;
	z-index: 1111;
	color: #fff;
	background: rgba(24, 56, 131, 0.9);
	background-size: 100%;
	display: none
}

.cookie_cont {
	width: 100%
}

@media (min-width: 815px) {
	.cookie_cont {
		width: 84%;
		float: left
	}
}

.cookie_cont>p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.4
}

@media (min-width: 815px) {
	.cookie_cont>p {
		font-size: 14px
	}
}

.cookie_main {
	padding: 10px 0 10px 0
}

@media (min-width: 815px) {
	.cookie_main {
		padding: 20px 0
	}
}

.cookie_main a {
	color: #fff
}

.cookie_main p a {
	color: #fff;
	text-decoration: underline
}

.cookie_but {
	text-align: center
}

@media (min-width: 815px) {
	.cookie_but {
		width: 15%;
		float: right;
		text-align: left
	}
}

.cookie_but>a {
	padding: 6px 20px;
	text-decoration: none;
	border: 1px solid;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	margin-top: 5px
}

@media (min-width: 815px) {
	.cookie_but>a {
		margin-top: 0;
		float: right;
		border: 2px solid;
		font-size: 14px;
		padding: 10px 20px
	}
}

@keyframes upDown {
	0% {
		top: 16px
	}
	20% {
		top: 11px
	}
	40% {
		top: 16px
	}
	@media (min-width: 816px) {
		0% {
			top: 20px
		}
		20% {
			top: 11px
		}
		40% {
			top: 20px
		}
	}
}

.appFooter {
	overflow: hidden;
	margin: 0 0 30px 120px
}

@media (max-width: 815px) {
	.appFooter {
		margin-left: 20px
	}
}

.appFooter .connectApp {
	float: none;
	color: #fff
}

.appFooter .connectApp>span {
	float: left;
	margin: 13px 80px 0 0;
	font-size: 14px;
	font-weight: 500
}

@media (max-width: 815px) {
	.appFooter .connectApp>span {
		margin: 5px 15px 12px 0;
		display: block;
		width: 100%
	}
}

.appFooter .connectApp>a {
	margin: 0 20px 0 0;
	display: inline-block;
	color: #fff;
	float: left
}

.vehiclListWrap {
	margin: 30px 0 30px 0
}

@media (min-width: 815px) {
	.vehiclListWrap {
		padding-top: 30px
	}
}

.vehiclListWrap .vehiclesHome .vehicleInfo {
	height: 130px
}

@media (max-width: 815px) {
	.vehiclListWrap .vehiclesHome .vehicleInfo {
		padding-bottom: 12px;
		width: 55%;
		float: left;
		padding: 0px 10px 5px 10px;
		overflow: inherit
	}
}

.vehicleCard {
	background: #fff;
	margin-bottom: 30px;
	margin-left: 6px;
	margin-right: 6px;
	transition: all .3s
}

@media (max-width: 815px) {
	.vehicleCard {
		overflow: hidden
	}
}

.vehicleCard:hover {
	box-shadow: 0px 0px 12px -6px rgba(0, 0, 0, 0.5)
}

.vehicleCard:hover .vehiclesImg {
	transform: scale(1.1)
}

.innWrap .vehicleList {
	margin-bottom: 40px;
	position: relative
}

@media (min-width: 815px) {
	.innWrap .vehicleList {
		margin-top: 66px !important
	}
}

@media (max-width: 815px) {
	.innWrap .vehicleList {
		margin-top: 0;
		padding: 0
	}
}

.vehicleList .loader {
	position: absolute;
	left: 50%;
	top: 150px;
	margin-left: -25px;
	z-index: 1
}

.vehicleList img {
	display: block
}

.vehicleList img.vehiclesImg {
	width: 100%;
	transition: all .3s
}

@media (min-width: 815px) {
	.vehicleList .avilableColors {
		text-align: right
	}
}

.vehicleList .avilableColors p {
	font-size: 14px;
	color: #737373;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	line-height: 14px;
	margin-bottom: 5px
}

@media (max-width: 815px) {
	.vehicleList .avilableColors p {
		color: #737373 !important
	}
}

@media (min-width: 815px) {
	.vehicleList .visitWebsite {
		text-align: right
	}
}

@media (max-width: 815px) {
	.vehicleList ul.colors {
		height: 15px
	}
}

.vehicleInfo {
	padding: 15px 20px
}

@media (max-width: 815px) {
	.vehicleInfo {
		width: 55%;
		float: left;
		padding: 0px 10px 5px 10px;
		height: auto !important
	}
}

.vehicleInfo p {
	color: #737373;
	font-size: 14px;
	line-height: initial;
	margin: 4px 0
}

.vehicleInfo p.name {
	font-size: 25px;
	margin-bottom: 15px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.vehicleInfo p em {
	color: #f12a00;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-style: normal
}

@media (min-width: 816px) and (max-width: 1024px) {
	.vehicleInfo p em {
		font-size: 18px
	}
}

.vehicleInfo p em.noAmount {
	font-size: 12px
}

.vehicleInfo .infoCont p {
	color: #000
}

@media (max-width: 815px) {
	.vehicleInfo .infoCont p {
		font-size: 13px
	}
	.vehicleInfo .infoCont p.name {
		font-size: 20px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.vehicleInfo .infoCont p {
		font-size: 12px
	}
	.vehicleInfo .infoCont p.name {
		font-size: 18px
	}
}

.vehicleImgPart {
	position: relative;
	background: #fff;
	overflow: hidden
}

@media (max-width: 815px) {
	.vehicleImgPart {
		width: 45%;
		float: left;
		padding: 10px
	}
}

.vehicleImgPart ul {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 20px;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #353535 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #353535 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #353535 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#353535', GradientType=0)
}

.vehicleImgPart ul li {
	display: inline-block;
	color: #cacbcb;
	font-size: 12px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	border-left: solid 1px #cacbcb;
	padding: 0 14px;
	margin: 0 0 16px 0;
	text-transform: uppercase
}

.vehicleImgPart ul li strong {
	display: block;
	color: #fff;
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	text-transform: none
}

.vehicleImgPart ul li:first-child {
	border-left: 0 none
}

.vehicleImgPart .vehicleListLogo {
	position: absolute;
	right: 15px;
	top: 1px;
	z-index: 1
}

@media (max-width: 815px) {
	.vehicleImgPart .vehicleListLogo {
		position: initial
	}
}

.btn.resetFilter {
	position: absolute;
	left: 20px;
	top: 5px;
	padding: 7px 18px !important;
	font-size: 13px !important;
	display: none
}

.filterWrapper {
	background-color: #fff;
	padding: 20px;
	position: relative;
	box-shadow: 0px 0px 24px -14px rgba(0, 0, 0, 0.75)
}

.filterWrapper .filterItems {
	overflow: hidden
}

.filterWrapper .filterItems ul {
	float: left
}

.filterWrapper .filterItems ul#vehicleList {
	display: block
}

@media (max-width: 815px) {
	.filterWrapper .filterItems ul#vehicleList {
		display: none
	}
}

@media (max-width: 815px) {
	.filterWrapper .filterItems ul {
		margin-bottom: 15px;
		border-bottom: 1px solid #e7e7e7
	}
}

.filterWrapper .filterItems ul li {
	display: inline-block;
	margin-right: 30px
}

@media (max-width: 815px) {
	.filterWrapper .filterItems ul li {
		min-width: 170px;
		margin-right: 0px;
		margin-bottom: 8px
	}
}

.filterWrapper .colors li {
	height: 21px;
	width: 21px
}

.filterWrapper .colors li .checkboxCont .checkmark,
.filterWrapper .colors li .checkboxCont input:checked~.checkmark {
	background-color: transparent;
	border: 0 none
}

.filterWrapper .colors li .checkboxCont .checkmark:after {
	border-color: #fff
}

.filterWrapper .colors li.white .checkboxCont .checkmark:after {
	border-color: #808080
}

.filterFeatures {
	position: absolute;
	background: white;
	width: 100%;
	left: 0;
	z-index: 2;
	box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.3)
}

@media (min-width: 815px) {
	.filterFeatures {
		margin-top: 20px;
		border-top: 1px solid #e7e7e7
	}
}

@media (max-width: 815px) {
	.filterFeatures {
		position: relative;
		box-shadow: none
	}
}

@media (max-width: 815px) {
	.filterFeatures.in {
		border-top: 0 none
	}
}

.filterCTA {
	float: right;
	position: relative;
	overflow: hidden;
	height: 21px;
	width: 95px;
	white-space: nowrap;
	display: inline-block
}

@media (max-width: 815px) {
	.filterCTA {
		display: none
	}
}

.filterCTA.filterCloseMob {
	float: none;
	left: 50%;
	margin: 14px 0;
	transform: translateX(-50%)
}

@media (max-width: 815px) {
	.filterCTA.collapsed {
		float: none;
		display: block;
		left: 50%;
		margin-left: -47px
	}
}

.filterCTA.collapsed a {
	left: 0
}

.filterCTA a {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: -100%;
	transition: left 0.35s
}

.filterCTA a span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	text-transform: uppercase
}

.filterCTA a span.filterOpen {
	right: 50%;
	padding-left: 35px;
	color: #000;
	background: url(../img/icon-filter.png) no-repeat left top
}

.filterCTA a span.filterClose {
	left: 50%;
	padding-left: 30px;
	color: #f12a00;
	background: url(../img/icon-close.png) no-repeat left top
}

@media (max-width: 815px) {
	form.filterForm .rangeWrap {
		margin-bottom: 32px
	}
}

@media (max-width: 815px) {
	form.filterForm .rangeWrap label {
		margin-bottom: 0
	}
}

@media (max-width: 815px) {
	form.filterForm {
		padding: 0
	}
}

.rangeSlider {
	max-width: 100%
}

.stickyVehicls,
.stickyFilter {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 2;
	width: 90%;
	margin: 0 auto
}

@media (min-width: 816px) and (max-width: 1024px) {
	.stickyVehicls,
	.stickyFilter {
		width: 96%
	}
}

@media (max-width: 815px) {
	.stickyVehicls,
	.stickyFilter {
		position: relative;
		top: inherit;
		width: 100%
	}
}

.stickyVehicls {
	top: 140px;
	background: #f4f4f4
}

@media (max-width: 815px) {
	.stickyVehicls {
		top: 0;
		z-index: inherit
	}
}

@media (max-width: 815px) {
	.stickyVehicls.customeSelect .select {
		width: 218px
	}
}

@media (max-width: 340px) {
	.stickyVehicls.customeSelect .select {
		width: 170px
	}
}

@media (max-width: 815px) {
	.stickyVehicls.customeSelect .select select {
		padding-right: 30px;
		padding-left: 0
	}
}

.stickyFilter {
	top: 195px
}

@media (max-width: 815px) {
	.stickyFilter {
		top: 0
	}
}

.checkboxCont.disableCheck input:checked~.checkmark:after {
	border-color: #b7bdd1
}

.serviceCenter h3 {
	font-weight: 400;
	font-size: 20px;
	color: #000
}

@media (max-width: 815px) {
	.serviceCenter h3 {
		font-size: 18px;
		margin-bottom: 0
	}
}

.serviceCenter h3 b {
	font-weight: bold
}

.innerpage h1.headDealer {
	font-size: 30px
}

@media (max-width: 815px) {
	.innerpage h1.headDealer {
		font-size: 22px;
		margin-top: 0
	}
}

.dealer-filter {
	overflow: hidden;
	text-align: center
}

.dealer-filter .search {
	margin: 20px auto 30px;
	max-width: 600px
}

@media (max-width: 815px) {
	.dealer-filter .search {
		margin-top: 10px
	}
}

.dealer-filter .search .dealerOr {
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	color: #000;
	margin: 10px 0 0 0;
	float: right
}

@media (max-width: 815px) {
	.dealer-filter .search .dealerOr {
		margin: 12px 0 10px 0;
		width: 100%;
		float: none;
		display: block
	}
}

.dealer-filter .title {
	text-align: left;
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	color: #000;
	padding: 10px 0 15px 0
}

.dealer-filter nav {
	display: inline-block;
	margin-bottom: 35px
}

@media (max-width: 815px) {
	.dealer-filter nav {
		display: inherit;
		overflow-x: auto;
		height: 50px
	}
}

@media (max-width: 815px) {
	.dealer-filter nav .navbar-nav {
		height: auto;
		white-space: nowrap;
		background-color: transparent
	}
}

.dealer-filter nav .navbar-nav>li {
	margin-left: 15px;
	margin-right: 15px
}

@media (max-width: 815px) {
	.dealer-filter nav .navbar-nav>li {
		width: auto;
		background: transparent;
		border-bottom: none;
		margin-left: 2px;
		margin-right: 2px
	}
}

.dealer-filter nav .navbar-nav>li strong {
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	color: #000
}

.dealer-filter nav .navbar-nav>li>a {
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px 5px 0 0
}

@media (max-width: 815px) {
	.dealer-filter nav .navbar-nav>li>a {
		padding: 12px 22px
	}
}

.dealer-filter nav .navbar-nav>li>a.active {
	background-color: #fff
}

@media (max-width: 815px) {
	.dealer-filter .row {
		margin-right: -10px;
		margin-left: -10px
	}
}

@media (min-width: 815px) {
	.dealer-filter .separator {
		position: relative;
		padding-left: 35px
	}
}

@media (min-width: 815px) {
	.dealer-filter .separator::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		height: 50px;
		width: 2px;
		margin-left: 10px;
		background: url("../img/dealer-separator.html") no-repeat left top
	}
}

.dealer-filter select,
.dealer-filter input {
	display: block;
	width: 100%;
	height: 48px;
	padding: 6px 12px;
	margin: 10px 0;
	background-color: transparent;
	color: #9b9b9b;
	border: none;
	border-bottom: 1px solid #aaa
}

@media (min-width: 816px) {
	.dealer-filter select,
	.dealer-filter input {
		margin: 0
	}
}

.dealer-filter select:focus,
.dealer-filter input:focus {
	outline: 0
}

.dealer-filter input {
	margin: 0 0;
	width: 100%
}

.dealer-filter .resultWrap {
	margin: 30px 0 15px 0
}

@media (max-width: 815px) {
	.dealer-filter .resultWrap {
		margin: 25px 0 0 0
	}
}

.innerpage .btn.refine {
	margin-top: 0
}

@media (max-width: 815px) {
	.innerpage .btn.refine {
		margin-top: 10px;
		width: 100%
	}
}

.map-icon,
.list-icon {
	position: relative;
	border: 1px solid #cccccc;
	width: 40px;
	height: 40px;
	float: left;
	background: #f1f1f1 url("../img/icon-sprite.png") -102px 5px no-repeat;
	cursor: pointer
}

.map-icon.active {
	background: #fff url("../img/icon-sprite.png") -133px 5px no-repeat
}

.list-icon {
	margin-left: -1px;
	background: #f1f1f1 url("../img/icon-sprite.png") -163px 10px no-repeat
}

.list-icon.active {
	background: #fff url("../img/icon-sprite.png") -192px 10px no-repeat
}

.screen-view {
	text-align: right;
	display: none
}

@media (min-width: 816px) {
	.screen-view {
		display: block
	}
}

.mobile-cta {
	display: block
}

@media (min-width: 816px) {
	.mobile-cta {
		display: none
	}
}

.btn.btn-detect {
	padding: 10px 15px 10px 12px;
	background: transparent;
	color: #183883
}

.btn.btn-detect::before {
	content: '';
	width: 28px;
	height: 34px;
	display: inline-block;
	background: url(../img/icon-sprite.png) -282px -2px no-repeat;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px
}

.btn.btn-detect.viewMap {
	padding-top: 12px;
	padding-bottom: 9px;
	margin-top: 0;
	margin-bottom: 0;
	border: solid 1px #d0d0d0;
	background: #ebebeb;
	border-radius: 5px
}

@media (min-width: 815px) {
	.btn.btn-detect.viewMap {
		width: 100%
	}
}

@media (max-width: 815px) {
	.btn.btn-detect.viewMap {
		margin: 0 0 0 0;
		width: 100%
	}
}

.btn.btn-detect.viewMap::before {
	height: 23px;
	margin-right: 5px;
	margin-top: -5px
}

.dealer-list {
	margin-bottom: 80px
}

@media (max-width: 815px) {
	.dealer-list .row {
		margin-right: -10px;
		margin-left: -10px
	}
}

.dealer-list .mCustomScrollbar {
	height: 600px
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 3px;
	background-color: #ebebeb;
	border-radius: 0
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 3px;
	background-color: #f12a00 !important
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #f12a00
}

.map-view .full-width {
	width: 100%
}

.map-view .half-width {
	width: 50%
}

@media (max-width: 815px) {
	.map-view .half-width {
		width: 100%
	}
}

@media (min-width: 815px) {
	.map-view .dealer-location {
		margin: 4px 10px
	}
}

.map-view .location-cta {
	text-align: left
}

@media (min-width: 815px) {
	.map-view .location-cta {
		margin-left: 15px
	}
}

.location-cta {
	text-align: right
}

.dealer-block {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0
}

.dealer-location {
	display: table;
	width: 100%;
	color: #000
}

.dealer-location>div {
	display: table-cell;
	vertical-align: top
}

.dealer-location>div.location-distance {
	width: 25px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	line-height: 1.3
}

.dealer-location>div.location-distance::before {
	content: '';
	width: 26px;
	height: 35px;
	display: block;
	background: url("../img/icon-sprite.png") 5px 4px no-repeat
}

.dealer-location>div.location-distance span {
	font-size: 16px
}

.dealer-location>div.location-distance.mobile {
	height: 30px
}

.dealer-location>div.location-distance.mobile::before {
	height: 30px;
	background: url("../img/icon-sprite.png") -26px 0 no-repeat
}

.dealer-location>div.location-distance.email {
	width: 30px;
	height: 24px
}

.dealer-location>div.location-distance.email::before {
	width: 30px;
	height: 24px;
	background: url("../img/icon-sprite.png") -50px 2px no-repeat;
	margin-top: 0
}

.dealer-location>div.location-address {
	padding-left: 20px;
	padding-top: 0
}

.dealer-location>div.location-address h4 {
	margin-bottom: 4px;
	font-size: 19px;
	font-weight: 700;
	color: #000
}

.dealer-location>div.location-address p {
	font-size: 16px;
	line-height: 1.3;
	margin: 0;
	margin-bottom: 5px
}

.btn.direction-icon,
.btn.sms-icon {
	padding: 19px 18px
}

.btn.direction-icon:before,
.btn.sms-icon:before {
	content: '';
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../img/sprite.png) 0 -848px no-repeat;
	vertical-align: middle;
	margin-right: 10px;
	transition: all .3s
}

@media (min-width: 815px) {
	.btn.direction-icon,
	.btn.sms-icon {
		padding: 19px 25px;
		display: inline-block
	}
}

.btn.direction-icon:hover,
.btn.sms-icon:hover {
	color: #fff
}

.btn.direction-icon:hover:before,
.btn.sms-icon:hover:before {
	background: url(../img/sprite.png) 0 -802px no-repeat;
	transition: all .3s
}

.btn.direction-icon.btn-map,
.btn.sms-icon.btn-map {
	background: #fff;
	border: 1px solid #183883;
	color: #183883
}

.btn.direction-icon.btn-map:before,
.btn.sms-icon.btn-map:before {
	width: 15px;
	background: #fff url(../img/icon-sprite.png) -255px 0 no-repeat
}

.btn.direction-icon.sms-icon,
.btn.sms-icon.sms-icon {
	margin-left: 10px
}

.btn.direction-icon.sms-icon:before,
.btn.sms-icon.sms-icon:before {
	background: #fff url(../img/sprite.png) 0 -1960px no-repeat
}

.btn.direction-icon.sms-icon:hover:before,
.btn.sms-icon.sms-icon:hover:before {
	background: url(../img/sprite.png) 0 -1904px no-repeat
}

.btn.direction-icon.website-icon,
.btn.sms-icon.website-icon {
	margin-left: 10px
}

@media (max-width: 815px) {
	.btn.direction-icon.website-icon,
	.btn.sms-icon.website-icon {
		width: 100%;
		margin-left: 0
	}
}

.btn.direction-icon.website-icon:before,
.btn.sms-icon.website-icon:before {
	background: #fff url(../img/sprite.png) 0 -1662px no-repeat
}

.btn.direction-icon.website-icon:hover:before,
.btn.sms-icon.website-icon:hover:before {
	background: url(../img/sprite.png) 0 -1684px no-repeat
}

.btn.btn-map {
	display: block
}

@media (min-width: 815px) {
	.btn.btn-map {
		display: none
	}
}

.map-placeholder iframe {
	width: 100%;
	min-height: 600px
}

#latlongMap .modal {
	position: relative
}

#latlongMap .modal .modal-content {
	border: 0 none
}

#latlongMap .modal .cotrol {
	height: 40px;
	width: 40px
}

#latlongMap .modal .latlong-leaflet-autocomplete-list {
	height: calc(100vh - 0vh)
}

@media (max-width: 815px) {
	#latlongMap .modal .latlong-list-direction {
		padding: 14px 4px
	}
}

.innerpage .location-cta .btn {
	padding-top: 7px;
	padding-bottom: 6px
}

.news-wrapper {
	margin-bottom: 60px
}

.news-wrapper nav {
	margin: 10px 0 5px
}

.news-wrapper nav .nav-select {
	display: block;
	position: relative;
	padding: 10px;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
}

.news-wrapper nav .nav-select::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	bottom: 0;
	padding: 0 1em;
	height: 38px;
	background: transparent url("../img/down-arrow.png") center no-repeat;
	pointer-events: none
}

@media (min-width: 816px) {
	.news-wrapper nav .nav-select {
		display: none
	}
}

.news-wrapper .navbar-nav {
	font-size: 0;
	text-align: center;
	display: none;
	border: 1px solid #e1e1e1
}

@media (min-width: 816px) {
	.news-wrapper .navbar-nav {
		display: block;
		border: 0;
		float: none
	}
}

@media (max-width: 816px) {
	.news-wrapper .navbar-nav {
		height: inherit
	}
}

.news-wrapper .navbar-nav>li {
	margin-left: 0;
	margin-right: 0
}

@media (min-width: 816px) {
	.news-wrapper .navbar-nav>li {
		width: auto;
		padding: 0 15px
	}
}

.news-wrapper .navbar-nav>li>a {
	font-size: 15px;
	padding: 10px
}

@media (min-width: 816px) {
	.news-wrapper .navbar-nav>li>a {
		padding: 10px 15px
	}
}

@media (min-width: 768px) {
	.news-wrapper .navbar-nav>li>a {
		padding: 15px 15px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.news-wrapper .navbar-nav>li>a {
		padding-left: 15px;
		padding-right: 15px
	}
}

.news-wrapper .navbar-nav>li.active>a {
	background-color: #fff;
	color: #f12a00
}

.news-wrapper .navbar-nav>li.active>a:after {
	width: 100%
}

.news-search {
	max-width: 880px;
	width: 100%;
	margin: 0 auto
}

.news-search .search {
	min-height: 38px;
	border: 0;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	font-size: 14px;
	color: #000;
	padding-left: 30px;
	padding-right: 45px;
	background: url("../img/search-icon.png") 8px 50% no-repeat;
	background-size: inherit;
	font-size: 1em
}

@media (min-width: 890px) {
	.news-search .search {
		min-height: 56px;
		font-size: 16px;
		padding-left: 70px;
		background: url("../img/search-icon.png") 25px 50% no-repeat;
		background-size: inherit
	}
}

.news-search .search:focus {
	box-shadow: none;
	border-color: 0
}

.news-sort {
	text-align: center;
	font-size: 0;
	display: block
}

@media (min-width: 890px) {
	.news-sort {
		display: none
	}
}

.news-sort>li {
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	color: #000
}

.news-sort>li.active a {
	color: #f12a00
}

.news-sort>li a {
	padding: 5px 20px
}

.news-sort>li a:hover {
	color: #f12a00
}

.news-wrapper select,
.investCont select,
.navbar select,
.customeSelect select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	background-image: none;
	background: transparent;
	border: none
}

.select {
	position: relative;
	width: 100%;
	height: 38px;
	text-transform: uppercase;
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
}

.select select {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 28px 0 10px;
	color: #000;
	cursor: pointer
}

.select select::-ms-expand {
	display: none
}

.select::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	height: 38px;
	background: transparent url("../img/down-arrow.png") center no-repeat;
	pointer-events: none
}

.select:hover::after {
	color: #f39c12
}

.select::after {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease
}

.news-block {
	margin-top: 10px;
	margin-bottom: 30px
}

.news-block .tab-content {
	margin-top: 15px
}

.news-block .nav {
	display: none
}

@media (min-width: 890px) {
	.news-block .nav {
		display: block
	}
}

.news-block .nav.nav-justified {
	max-width: 880px;
	width: 100%;
	margin: 0 auto
}

.news-block .nav>li {
	font-size: 15px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	float: left;
	width: auto
}

.news-block .nav>li.select {
	position: relative;
	width: auto;
	height: 38px;
	float: right;
	box-shadow: none;
	border: 0 none;
	background: transparent
}

.news-block .nav>li.select .dropdown-menu>.active>a,
.news-block .nav>li.select .dropdown-menu>.active>a:hover {
	color: #f12a00;
	text-decoration: none;
	background-color: transparent;
	outline: 0
}

.news-block .nav>li.select .dropdown-menu>.active>a:focus,
.news-block .nav>li.select .dropdown-menu>.active>a:active,
.news-block .nav>li.select .dropdown-menu>.active>a:visited {
	color: #000
}

.news-block .nav>li.active>a {
	color: #f12a00;
	background: transparent
}

.news-block .nav>li:nth-of-type(10)>a:after,
.news-block .nav>li:last-child>a:after {
	display: none
}

.news-block .nav>li>a {
	padding: 8px 20px
}

.news-block .nav>li>a:hover {
	color: #f12a00;
	background-color: transparent
}

.news-block .nav>li>a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 13px;
	background-color: #b4b4b4
}

.news-block .nav>li>a.dropdown-toggle {
	padding: 8px 30px;
	border: 1px solid #d2d2d2
}

.news-block .nav>li>a.dropdown-toggle .archive {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 0 1em;
	height: 38px;
	background: transparent url("../img/archive-icon.png") center no-repeat;
	pointer-events: none
}

.news-head {
	border: 1px solid #cecece;
	margin-bottom: 30px;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
}

@media (max-width: 568px) {
	.news-head>.row>.col-xs-6 {
		width: 100%
	}
}

@media (min-width: 569px) and (max-width: 820px) {
	.news-head>.row>.col-xs-6 {
		width: 50%
	}
}

.news-head img {
	width: 100%
}

.news-head .news-head-wrapper {
	height: 320px
}

@media (max-width: 815px) {
	.news-head .news-head-wrapper {
		height: auto
	}
}

@media (min-width: 1360px) {
	.news-head .news-head-wrapper {
		height: 345px
	}
}

@media (min-width: 1360px) {
	.news-head .news-head-wrapper {
		height: 345px
	}
}

@media (min-width: 1600px) {
	.news-head .news-head-wrapper {
		height: 450px
	}
}

.news-head .news-head-content {
	padding: 15px;
	position: relative
}

@media (min-width: 815px) {
	.news-head .news-head-content {
		top: 50%;
		transform: translateY(-50%)
	}
}

.news-head .news-head-content p {
	font-size: 12px;
	line-height: 1.4;
	color: #757575;
	margin-top: 0;
	margin-bottom: 10px
}

@media (min-width: 850px) {
	.news-head .news-head-content p {
		font-size: 14px;
		margin-top: 30px;
		margin-bottom: 20px
	}
}

.news-head .news-head-content h2 {
	font-size: 20px;
	line-height: 1.4
}

@media (min-width: 481px) and (max-width: 667px) {
	.news-head .news-head-content h2 {
		font-size: 22px;
		line-height: 1.3;
		margin-bottom: 0
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.news-head .news-head-content h2 {
		font-size: 26px;
		margin-bottom: 0
	}
}

@media (min-width: 900px) {
	.news-head .news-head-content h2 {
		font-size: 32px
	}
}

.news-head .news-head-content h2 a {
	color: #000
}

.news-list {
	background-color: #fff;
	border: 1px solid #cecece;
	margin-bottom: 30px;
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
	clear: both
}

.news-list::after {
	content: "";
	clear: both;
	display: table
}

@media (max-width: 600px) {
	.news-list {
		margin-bottom: 15px
	}
}

@media (max-width: 600px) {
	.news-list .news-photo,
	.news-list .news-content {
		float: left
	}
}

@media (max-width: 600px) {
	.news-list .news-photo {
		width: 43.46666666666667%
	}
}

.news-list .news-photo a {
	display: block
}

.news-list .news-photo a img {
	width: 100%
}

.news-list .news-content {
	padding: 16px
}

@media (max-width: 600px) {
	.news-list .news-content {
		width: 56.53333333333333%;
		padding: 10px
	}
}

.news-list .news-content p {
	font-size: 14px;
	line-height: 1.4;
	color: #757575;
	margin-bottom: 10px;
	margin-top: 0
}

@media (max-width: 600px) {
	.news-list .news-content p {
		font-size: 12px;
		margin-bottom: 5px
	}
}

.news-list .news-content h3 {
	line-height: 1.4;
	margin-bottom: 0
}

.news-list .news-content h3 a {
	color: #000;
	display: block;
	display: -webkit-box;
	max-width: 600px;
	height: 50.4px;
	font-size: 18px;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width: 480px) {
	.news-list .news-content h3 a {
		display: block;
		display: -webkit-box;
		max-width: 600px;
		height: 44.8px;
		font-size: 16px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media (min-width: 601px) and (max-width: 767px) {
	.news-tabs>.col-xs-12 {
		width: 50%
	}
}

.btn-load {
	background-color: #ffffff;
	color: #7c7c7c;
	border: 1px solid #cecece
}

.innerpage h1.headingH1 {
	font-size: 32px;
	font-weight: 500;
	color: #000
}

@media (max-width: 815px) {
	.innerpage h1.headingH1 {
		font-size: 25px;
		margin: 0
	}
}

.press-tab {
	margin-top: 20px
}

.press-tab .tab-content {
	margin-top: 0
}

.press-tab .press-head {
	color: #000;
	padding-left: 20px;
	margin-bottom: 15px;
	font-weight: 700
}

.press-list {
	border: 1px solid #cecece;
	margin-bottom: 15px;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
}

@media (min-width: 480px) {
	.press-list {
		margin-bottom: 30px
	}
}

.press-list img {
	width: 100%
}

.press-list .news-head-content {
	padding: 0 20px 0 0;
	margin-left: -15px
}

.press-list .news-head-content h3 {
	font-weight: 500;
	margin-bottom: 0;
	font-size: 22px;
	line-height: 1.4
}

@media (max-width: 360px) {
	.press-list .news-head-content h3 {
		display: block;
		display: -webkit-box;
		max-width: 600px;
		height: 39.2px;
		font-size: 14px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media (min-width: 361px) and (max-width: 480px) {
	.press-list .news-head-content h3 {
		display: block;
		display: -webkit-box;
		max-width: 600px;
		height: 44.8px;
		font-size: 16px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media (min-width: 481px) and (max-width: 600px) {
	.press-list .news-head-content h3 {
		display: block;
		display: -webkit-box;
		max-width: 600px;
		height: 75.6px;
		font-size: 18px;
		line-height: 1.4;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media (min-width: 601px) and (max-width: 850px) {
	.press-list .news-head-content h3 {
		display: block;
		display: -webkit-box;
		max-width: 600px;
		height: 92.4px;
		font-size: 22px;
		line-height: 1.4;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@-moz-document url-prefix() {
	@media (max-width: 480px) {
		.press-list .news-head-content h3 {
			display:block;
			display: -webkit-box;
			max-width: 600px;
			height: 39.2px;
			font-size: 14px;
			line-height: 1.4;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis
		}
	}
}

.press-list .news-head-content h3 a {
	color: #000;
	display: block
}

.press-list .news-head-content p {
	margin: 10px 0 5px;
	line-height: 1.2
}

@-moz-document url-prefix() {
	.press-list .news-head-content p {
		margin: 5px 0
	}
}

@media (min-width: 480px) {
	.press-list .news-head-content p {
		margin-top: 20px;
		margin-bottom: 15px
	}
}

.release-list {
	background-color: #fff;
	border: 1px solid #cecece;
	margin-bottom: 30px;
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
	clear: both
}

.release-list::after {
	content: "";
	clear: both;
	display: table
}

@media (max-width: 600px) {
	.release-list {
		margin-bottom: 15px
	}
}

.release-list img {
	width: 100%
}

.release-list .release-content {
	padding: 16px
}

.release-list .release-content p {
	font-size: 14px;
	line-height: 1.4;
	color: #757575;
	margin-bottom: 10px;
	margin-top: 0
}

@media (max-width: 600px) {
	.release-list .release-content p {
		font-size: 12px;
		margin-bottom: 5px
	}
}

.release-list .release-content h3 {
	line-height: 1.4;
	margin-bottom: 0
}

.release-list .release-content h3 a {
	color: #000;
	display: block;
	display: -webkit-box;
	max-width: 600px;
	height: 50.4px;
	font-size: 18px;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width: 480px) {
	.release-list .release-content h3 a {
		display: block;
		display: -webkit-box;
		max-width: 600px;
		height: 44.8px;
		font-size: 16px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.press-block+.load-more {
	text-align: right;
	padding-right: 14.4%
}

.read-article {
	color: #000
}

.read-article h2 {
	font-size: 26px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 700
}

.read-article h4 {
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 700
}

.read-article ul {
	margin: 10px 0 20px
}

.read-article ul>li {
	margin: 6px 0 6px 20px;
	list-style: disc
}

.read-article strong {
	font-weight: bold
}

.read-article u {
	text-decoration: underline
}

.read-article header {
	width: 100%;
	margin: 20px auto
}

@media (min-width: 768px) {
	.read-article header {
		width: 80%;
		margin: 40px auto
	}
}

.read-article header p {
	color: rgba(0, 0, 0, 0.78);
	margin-bottom: 0
}

.read-article header h1 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	color: #000
}

@media (min-width: 768px) {
	.read-article header h1 {
		font-size: 30px
	}
}

.read-article img.hero {
	width: 100%
}

.read-article article {
	width: 100%;
	margin: 20px auto
}

@media (min-width: 768px) {
	.read-article article {
		width: 80%;
		margin-top: 60px;
		margin-bottom: 60px
	}
}

.read-article article p {
	margin-top: 0;
	margin-bottom: 30px
}

.read-article article ul {
	margin: 10px 0 20px
}

.read-article article ul>li {
	margin: 6px 0 6px 20px;
	list-style: disc
}

.read-article article h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: capitalize
}

@media (min-width: 768px) {
	.read-article article h3 {
		font-size: 30px
	}
}

.read-article article a {
	color: #183883
}

.read-article article i {
	font-style: italic
}

.investCont h2 {
	color: #fff;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	background-color: #3a3f49;
	padding: 15px 13px;
	margin: 0;
	display: block;
	position: relative
}

@media (min-width: 815px) {
	.investCont h2 {
		font-size: 28px;
		padding: 25px 25px
	}
}

.investCont h2::before {
	content: '';
	position: absolute;
	right: 28px;
	top: 25px;
	height: 10px;
	width: 10px;
	border: solid 2px #fff;
	border-bottom: 0 none;
	border-left: 0 none;
	transform: rotate(45deg)
}

@media (min-width: 815px) {
	.investCont h2::before {
		right: 38px;
		top: 40px;
		height: 12px;
		width: 12px;
		border-width: 3px
	}
}

.investCont h3 {
	font-size: 32px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	margin: 40px 0 10px 0
}

@media (min-width: 815px) {
	.investCont h3 {
		margin: 60px 0 40px 0
	}
}

.contactInfo h2 {
	font-size: 32px;
	color: #000;
	background: none;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	margin: 20px 0 10px 0
}

@media (min-width: 815px) {
	.contactInfo h2 {
		margin: 0 0 20px 0
	}
}

.contactInfo h2::before {
	display: none
}

.investCont {
	margin-top: 30px
}

.reportBox {
	background: #fff;
	margin-bottom: 20px
}

@media (min-width: 815px) {
	.reportBox {
		min-height: 370px;
		margin-bottom: 0
	}
}

.reportBox ul {
	padding: 10px 30px
}

@media (max-width: 815px) {
	.reportBox ul {
		padding-left: 15px;
		padding-right: 15px
	}
}

.reportBox ul>li {
	list-style: none;
	border-top: solid 1px #e6e6e6
}

.reportBox ul>li:first-child {
	border: none
}

.reportBox ul>li>h3 {
	margin: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

.reportBox ul>li>h3>a {
	padding: 18px 50px 18px 0;
	font-size: 19px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	display: block;
	position: relative;
	transition: all .3s
}

.reportBox ul>li>h3>a span {
	display: block;
	color: #757575;
	font-size: 12px;
	padding-top: 4px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.reportBox ul>li>h3>a:hover {
	color: #183883
}

.reportBox ul>li>h3>a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 26px;
	height: 33px;
	width: 26px;
	background: url("../img/sprite.png") no-repeat 0 -1416px
}

.inverstCommu {
	margin: 20px 0;
	position: relative
}

@media (min-width: 815px) {
	.inverstCommu {
		margin: 40px 0
	}
}

.inverstCommu img {
	width: 100%
}

.inverstCommu h2 {
	background: no-repeat;
	padding-left: 0;
	max-width: 450px
}

@media (max-width: 815px) {
	.inverstCommu h2 {
		padding-top: 0
	}
	.inverstCommu h2:before {
		top: 11px
	}
}

.inverstCommu .cont {
	left: 16px;
	top: 30px;
	position: absolute;
	color: #fff;
	padding-right: 15px
}

@media (min-width: 815px) {
	.inverstCommu .cont {
		left: 45px
	}
}

.inverstCommu .cont p {
	max-width: 630px;
	line-height: 24px
}

.contactInfo {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.contactInfo .col-sm-6:first-child {
	border-right: solid 1px #d9d9d9
}

@media (max-width: 815px) {
	.contactInfo .col-sm-6:first-child {
		border-right: 0 none;
		border-bottom: solid 1px #d9d9d9;
		padding: 20px 0;
		margin-bottom: 40px
	}
}

.contactInfo .col-sm-6 {
	padding: 0 10px
}

@media (min-width: 815px) {
	.contactInfo .col-sm-6 {
		padding: 0 40px
	}
}

.contactInfo h3 {
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-left: 50px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	position: relative
}

.contactInfo h3::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	height: 27px;
	width: 25px;
	background: url(../img/sprite.png) no-repeat 0 -1482px
}

.contactInfo address {
	font-size: 15px;
	padding-left: 50px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

@media (min-width: 815px) {
	.contactInfo address {
		min-height: 70px
	}
}

@media (min-width: 815px) {
	.contactInfo address {
		font-size: 16px
	}
}

.contactInfo ul>li {
	list-style: none;
	font-size: 15px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 400;
	margin: 8px 0;
	padding: 5px 0 5px 50px;
	position: relative
}

@media (min-width: 815px) {
	.contactInfo ul>li {
		font-size: 16px
	}
}

.contactInfo ul>li strong {
	font-weight: 500
}

.contactInfo ul>li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	height: 25px;
	width: 25px;
	background: url(../img/sprite.png) no-repeat
}

.contactInfo ul>li.tel::before {
	background-position: 0 -1543px
}

.contactInfo ul>li.fax::before {
	background-position: 0 -1601px
}

.contactInfo ul>li.cin::before {
	display: none
}

.contactInfo ul>li.email::before {
	background-position: 0 -1721px
}

.contactInfo ul>li.website {
	color: #183883;
	font-weight: 500
}

.contactInfo ul>li.website::before {
	background-position: 0 -1662px
}

.reportsImg {
	position: relative
}

@media (max-width: 815px) {
	.reportsImg {
		margin-bottom: 20px
	}
}

.reportsImg a {
	overflow: hidden;
	display: block;
	border: solid 1px #cecece
}

.reportsImg a img {
	width: 100%;
	transform: scale(1);
	transition: all .3s
}

.reportsImg a:hover img {
	transform: scale(1.1)
}

.reportsImg .caption {
	position: absolute;
	background: red;
	bottom: 0;
	width: 100%;
	left: 0;
	background: linear-gradient(0deg, #1f1f1f 0, rgba(0, 0, 0, 0) 100%);
	padding: 30px 15px 0 15px
}

.reportsImg .caption::after {
	content: '';
	position: absolute;
	right: 15px;
	bottom: 18px;
	height: 33px;
	width: 26px;
	background: url(../img/sprite.png) no-repeat 0 -1771px
}

.reportsImg .caption p,
.reportsImg .caption h3 {
	color: #fff;
	font-size: 19px;
	line-height: 26px;
	margin: 5px 0 10px 0;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

.reportsImg .caption p.listText,
.reportsImg .caption h3.listText {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 15px;
	line-height: 18px
}

.reportsImg .caption p>span,
.reportsImg .caption h3>span {
	display: block;
	font-size: 12px;
	color: #bababa;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.reportList {
	margin-bottom: 20px
}

.reportList h3,
.reportList h2 {
	font-size: 24px;
	margin: 28px 0 0px 0;
	background: no-repeat;
	color: black;
	padding: 0
}

.reportList ul {
	padding: 10px 30px 10px 0
}

.reportList ul>li {
	list-style: none;
	border-bottom: solid 1px #e6e6e6
}

.reportList ul>li h3 {
	margin-top: 0
}

.reportList ul>li h3>a {
	padding: 18px 0 18px 48px;
	font-size: 19px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	display: block;
	position: relative;
	transition: all .3s
}

.reportList ul>li h3>a span {
	display: block;
	color: #757575;
	font-size: 12px;
	padding-top: 4px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.reportList ul>li h3>a:hover {
	color: #183883
}

.reportList ul>li h3>a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 24px;
	height: 33px;
	width: 26px;
	background: url("../img/sprite.png") no-repeat 0 -1416px
}

.reports {
	margin-bottom: 30px
}

.product-kit.reportType h4 {
	font-size: 18px;
	margin-bottom: 18px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #000
}

@media (max-width: 815px) {
	.product-kit.reportType .select {
		margin-bottom: 20px
	}
}

.infoText {
	max-width: 700px;
	margin: 40px auto 50px auto;
	overflow: hidden
}

@media (max-width: 815px) {
	.infoText {
		margin: 20px auto 20px auto
	}
}

.infoText p {
	font-size: 16px;
	color: #3c3c3c;
	line-height: 24px;
	text-align: center
}

.infoText ul {
	margin-top: 20px;
	padding: 0
}

.infoText ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0 0 70px
}

@media (max-width: 815px) {
	.infoText ul li {
		margin: 0 0 10px 0;
		display: block;
		text-align: center
	}
}

.infoText ul li:first-child {
	margin: 0
}

@media (max-width: 815px) {
	.infoText ul li:first-child {
		margin: 0 0 10px 0
	}
}

.infoText ul li a {
	color: #183883;
	position: relative;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	transition: all .3s
}

.infoText ul li a::after {
	content: '';
	position: absolute;
	right: -18px;
	top: 6px;
	height: 8px;
	width: 8px;
	border: solid 1px #183883;
	border-bottom: 0 none;
	border-left: 0 none;
	transform: rotate(45deg)
}

.infoText ul li a:hover {
	color: #f12a00
}

.infoText ul li a:hover::after {
	border-color: #f12a00
}

@media (min-width: 815px) {
	.investors .modal-dialog {
		width: 665px
	}
}

.investors .modal-content {
	height: 420px;
	border-radius: 0;
	box-shadow: none;
	border: 0 none
}

@media (min-width: 815px) {
	.investors .efficiency-scroll {
		height: 300px
	}
}

.investors .modal-header {
	padding: 15px;
	background: #f4f4f4;
	padding-top: 30px
}

.investors .modal-header .close {
	font-size: 30px;
	opacity: 1;
	margin-top: -25px
}

.investors h5 {
	font-size: 24px;
	margin-left: 25px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #000
}

@media (max-width: 815px) {
	.investors h5 {
		font-size: 22px
	}
}

.investors .investorsList {
	margin-left: 25px
}

.investors .investorsList ul {
	list-style: none
}

.investors .investorsList ul>li {
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #000;
	margin-bottom: 10px;
	padding-bottom: 15px
}

.investors .investorsList ul>li.btmBorder {
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 20px
}

.investors .investorsList ul>li span {
	display: block;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #5e5e5e
}

.investorsList.section-scroll {
	height: 300px
}

@media (max-width: 815px) {
	.investorsList.section-scroll {
		height: 280px;
		overflow: auto
	}
}

.investorsList .committ h3 {
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	color: #000
}

.investorsList .committ ul li {
	font-size: 15px;
	color: #666;
	padding-bottom: 5px;
	margin-bottom: 14px !important;
	font-weight: 400
}

.tmBorder {
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 20px
}

.tmBorder span {
	display: block;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #5e5e5e
}

.corporate-kit {
	margin-top: 20px
}

@media (min-width: 768px) {
	.corporate-kit {
		margin-top: 35px
	}
}

.corporate-kit h2 {
	color: #000;
	font-size: 26px
}

@media (min-width: 768px) {
	.corporate-kit h2 {
		font-size: 32px
	}
}

.corporate-list {
	background-color: #fff;
	border: 1px solid #cecece;
	margin-bottom: 15px;
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
	clear: both
}

@media (min-width: 768px) {
	.corporate-list {
		margin-bottom: 30px
	}
}

.corporate-list::after {
	content: "";
	clear: both;
	display: table
}

.corporate-list .corporate-photo {
	position: relative
}

.corporate-list .corporate-photo a {
	display: block
}

.corporate-list .corporate-photo a img {
	width: 100%
}

.corporate-list .corporate-photo .vidThumbs {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	pointer-events: none;
	z-index: 2;
	width: 100%
}

.corporate-list .corporate-photo .badge {
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 0;
	padding: 9px 15px;
	background: rgba(0, 0, 0, 0.6);
	font-weight: 500
}

.corporate-list .corporate-content {
	padding: 15px
}

@media (min-width: 768px) {
	.corporate-list .corporate-content {
		padding: 20px
	}
}

.corporate-list .corporate-content h3 {
	line-height: 1.4;
	margin-bottom: 0
}

.corporate-list .corporate-content h3 a {
	position: relative;
	color: #000;
	display: block;
	display: -webkit-box;
	max-width: 600px;
	height: 30.8px;
	font-size: 22px;
	line-height: 1.4;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.corporate-list .corporate-content h3 a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 19px;
	height: 19px;
	background: url("../img/press-kit/doc-icon.jpg") 0 0 no-repeat
}

.product-sort {
	margin-bottom: 10px
}

@media (min-width: 768px) {
	.product-sort {
		margin-bottom: 30px
	}
}

.product-sort .select {
	background: transparent;
	box-shadow: none;
	border: 0;
	border-bottom: 1px solid #aaaaaa
}

.product-sort .select:first-child {
	margin-bottom: 20px
}

@media (min-width: 768px) {
	.product-sort .select:first-child {
		margin-bottom: 0
	}
}

.product-sort .corporate-list .corporate-content {
	display: table;
	width: 100%
}

.videoWrapper {
	position: relative
}

.videoWrapper .video-modal-poster,
.videoWrapper .video-hero-modal-poster {
	position: relative;
	display: block
}

.videoWrapper .video-modal-poster img,
.videoWrapper .video-hero-modal-poster img {
	width: 100%
}

.videoWrapper .video-modal-poster::after,
.videoWrapper .video-hero-modal-poster::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 108px;
	height: 108px;
	background: transparent url("../img/press-kit/play-icon.png") center no-repeat
}

.videoWrapper iframe {
	display: none
}

@media (max-width: 480px) {
	.videoWrapper iframe.video {
		height: 197px
	}
}

.corporate-head,
.corporate-cta {
	display: table-cell;
	vertical-align: middle
}

.corporate-cta {
	text-align: right
}

.corporate-cta a {
	color: #183883
}

.vdownlod-list {
	background-color: #fff;
	border: 1px solid #cecece;
	margin-bottom: 20px;
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3)
}

.vdownlod-list .vdownload-content {
	display: table;
	width: 100%;
	padding: 15px 20px
}

@media (max-width: 480px) {
	.vdownlod-list .vdownload-content {
		padding-left: 0;
		padding-right: 0
	}
}

.vdownlod-list .vdownload-content>div {
	vertical-align: middle;
	display: table-cell;
	color: #000
}

@media (max-width: 480px) {
	.vdownlod-list .vdownload-content>div {
		display: block
	}
}

.vdownlod-list .vdownload-content>div.v-head {
	width: 65%
}

@media (max-width: 480px) {
	.vdownlod-list .vdownload-content>div.v-head {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #cecece
	}
}

.vdownlod-list .vdownload-content>div.v-head h3 {
	margin-bottom: 0;
	display: block;
	display: -webkit-box;
	max-width: 600px;
	height: 26.6px;
	font-size: 19px;
	line-height: 1.4;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000
}

.vdownlod-list .vdownload-content>div.v-head p {
	color: #626262;
	font-size: 12px;
	margin: 0
}

.vdownlod-list .vdownload-content>div.v-cta {
	text-align: right
}

@media (max-width: 480px) {
	.vdownlod-list .vdownload-content>div.v-cta {
		text-align: center
	}
}

.vdownlod-list .vdownload-content>div.v-cta a {
	color: #183883;
	position: relative;
	font-size: 14px;
	font-weight: 500
}

.vdownlod-list .vdownload-content>div.v-cta a:before {
	content: '';
	width: 17px;
	height: 17px;
	background: url("../img/press-kit/download-icon.png") 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -5px
}

.pd-list {
	list-style: none;
	padding: 0;
	margin: 0
}

.pd-list>li {
	position: relative;
	padding: 20px 0 15px;
	padding-right: 65px;
	border-bottom: 1px solid #d4d4d4
}

.pd-list>li h3 {
	margin-bottom: 0;
	display: block;
	display: -webkit-box;
	max-width: 600px;
	height: 26.6px;
	font-size: 19px;
	line-height: 1.4;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	color: #000
}

.pd-list>li p {
	color: #626262;
	font-size: 12px;
	margin: 0
}

.pd-list>li>a {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: url("../img/press-kit/download-icon.png") center no-repeat;
	display: inline-block
}

.kit-slider-wrapper {
	position: relative
}

@media (max-width: 767px) {
	.kit-slider-wrapper {
		padding-bottom: 80px
	}
}

.kit-slider-wrapper .kit-paging-info {
	position: absolute;
	top: 50%;
	left: 10px
}

@media (max-width: 767px) {
	.kit-slider-wrapper .kit-paging-info {
		left: 135px;
		top: inherit
	}
}

@media (max-width: 480px) {
	.kit-slider-wrapper .kit-paging-info {
		bottom: 5.8%
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.kit-slider-wrapper .kit-paging-info {
		bottom: 6.5%
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.kit-slider-wrapper .kit-paging-info {
		top: inherit;
		left: 20%;
		bottom: -12px
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.kit-slider-wrapper .kit-paging-info {
		top: 65%
	}
}

.kit-slider {
	margin-top: 60px;
	color: #000
}

.kit-slider h2 {
	font-size: 32px;
	font-weight: bold
}

.kit-slider img {
	width: 100%
}

.kit-slider .slick-prev {
	left: 10px
}

@media (max-width: 480px) {
	.kit-slider .slick-prev {
		left: 4px
	}
}

.kit-slider .slick-next {
	right: inherit;
	left: 70px
}

.kit-slider .slick-prev,
.kit-slider .slick-next {
	top: 60%
}

@media (max-width: 480px) {
	.kit-slider .slick-prev,
	.kit-slider .slick-next {
		top: inherit;
		bottom: -20%
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.kit-slider .slick-prev,
	.kit-slider .slick-next {
		top: inherit;
		bottom: -14.5%
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.kit-slider .slick-prev,
	.kit-slider .slick-next {
		top: 100%
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.kit-slider .slick-prev,
	.kit-slider .slick-next {
		top: 80%
	}
}

.product-kit {
	color: #000;
	margin-top: 20px
}

@media (min-width: 768px) {
	.product-kit {
		margin-top: 0
	}
}

.product-kit h2 {
	color: #000;
	font-size: 26px
}

@media (min-width: 768px) {
	.product-kit h2 {
		font-size: 32px;
		margin-bottom: 10px
	}
}

.video-responsive {
	position: relative;
	display: none
}

.video-responsive:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 56.2711864407%
}

.video-responsive>.embed-responsive-item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000
}

.contact-container {
	color: #000;
	margin-top: 45px
}

@media (max-width: 815px) {
	.contact-container {
		margin-top: 0
	}
}

.contact-container h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px
}

.contact-container p {
	line-height: 1.6
}

.contact-container a.email {
	color: #0c3788;
	font-weight: 500;
	position: relative;
	display: inline-block
}

.contact-container a.email::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 17px;
	background: transparent url("../img/email-icon.png") center no-repeat;
	vertical-align: middle;
	margin-right: 15px
}

.contact-details {
	color: #000;
	margin: 50px 0
}

@media (max-width: 480px) {
	.contact-details {
		margin: 30px 0
	}
}

.contact-details h1 {
	font-size: 32px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 24px;
	text-transform: none;
	color: #000
}

@media (max-width: 480px) {
	.contact-details h1 {
		font-size: 24px
	}
}

.contact-details.officeTitle {
	margin-bottom: 10px
}

.contact-details.officeTitle h2 {
	font-size: 32px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0px;
	text-transform: none;
	color: #000;
	text-align: center
}

@media (max-width: 480px) {
	.contact-details.officeTitle h2 {
		font-size: 24px
	}
}

.contact-details ul {
	list-style: none;
	font-size: 0
}

.contact-details ul>li {
	display: inline-block;
	font-size: 16px;
	margin-right: 40px;
	padding: 10px 0 0 90px;
	position: relative
}

@media (max-width: 480px) {
	.contact-details ul>li {
		margin-right: 0;
		margin-bottom: 20px;
		padding-left: 65px;
		padding-top: 5px
	}
}

@media (min-width: 481px) and (max-width: 667px) {
	.contact-details ul>li:first-child {
		margin-bottom: 40px
	}
}

@media (min-width: 668px) and (max-width: 767px) {
	.contact-details ul>li:first-child {
		margin-right: 30px
	}
}

.contact-details ul>li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 78px;
	height: 78px;
	background: #fff url("../img/call-icon.png") 0 0 no-repeat;
	border-radius: 50%;
	background-size: 100%;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

@media (max-width: 480px) {
	.contact-details ul>li::before {
		width: 50px;
		height: 50px
	}
}

.contact-details ul>li.envelope::before {
	background: #fff url("../img/envelope-icon.png") 0 0 no-repeat;
	background-size: 100%
}

.contact-details ul>li p {
	margin: 0
}

.contact-details ul>li a {
	font-size: 22px;
	font-weight: 500
}

@media (max-width: 480px) {
	.contact-details ul>li a {
		font-size: 16px
	}
}

.contact-details.contact-dtlCnt h1 {
	display: inline-block;
	width: 49%;
	text-align: center;
	font-style: italic
}

@media (max-width: 815px) {
	.contact-details.contact-dtlCnt h1 {
		width: 100%;
		text-align: left;
		display: block
	}
}

.contact-details.contact-dtlCnt ul {
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 5%;
	border-left: 1px solid #8b8b8b
}

@media (max-width: 815px) {
	.contact-details.contact-dtlCnt ul {
		border: 0 none;
		padding-left: 0;
		width: 100%;
		display: block
	}
}

.contact-details.contact-dtlCnt ul li {
	display: block;
	margin: 0px 0;
	padding: 8px 0 0 60px
}

@media (max-width: 815px) {
	.contact-details.contact-dtlCnt ul li {
		padding: 0px 0 0 50px
	}
}

.contact-details.contact-dtlCnt ul li::before {
	top: 20px;
	width: 38px;
	height: 38px;
	background: transparent url("../img/call-icon-new.png") 0 0 no-repeat;
	box-shadow: none
}

@media (max-width: 815px) {
	.contact-details.contact-dtlCnt ul li::before {
		top: 5px
	}
}

.contact-details.contact-dtlCnt ul li.envelope {
	margin: 25px 0 0 0
}

.contact-details.contact-dtlCnt ul li.envelope::before {
	background: transparent url("../img/envelope-icon-new.png") 0 0 no-repeat;
	box-shadow: none
}

.contact-details.contact-dtlCnt ul li p {
	color: #212121;
	font-size: 16px;
	line-height: 22px
}

@media (min-width: 320px) and (max-width: 360px) {
	.contact-details.contact-dtlCnt ul li p {
		font-size: 14px;
		line-height: 20px
	}
}

.contact-details.contact-dtlCnt ul li a {
	color: #0e3787;
	font-size: 30px;
	line-height: 36px
}

@media (max-width: 815px) {
	.contact-details.contact-dtlCnt ul li a {
		font-size: 18px;
		line-height: 24px
	}
}

.qa-wrapper {
	color: #000
}

.qa-wrapper h3 {
	font-size: 22px;
	font-weight: 700
}

.qa-form {
	padding: 40px 60px;
	background-color: #fff;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

@media (max-width: 480px) {
	.qa-form {
		padding: 30px 15px
	}
}

.qa-form .select {
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #c6c6c6
}

.qa-form .select select {
	padding-left: 0;
	color: #7f7f7f
}

.qa-option {
	margin-top: 20px
}

.qa-option .group {
	position: relative;
	margin: 20px 0 30px
}

.qa-option .group+.error {
	position: absolute;
	bottom: 5px;
	left: 15px;
	color: red;
	font-size: 14px
}

.qa-option .group.blank {
	visibility: hidden
}

.qa-option .group.radio>label {
	top: -20px;
	font-size: 14px;
	color: #000;
	padding-left: 0
}

.qa-option .group.radio>div {
	padding: 10px 0
}

@media (max-width: 480px) {
	.qa-option .group.radio>div .radio-inline {
		display: block
	}
	.qa-option .group.radio>div .radio-inline+.radio-inline {
		margin-left: 0
	}
}

.qa-option .group>label {
	color: #7f7f7f;
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 12px;
	pointer-events: none;
	transition: 300ms ease all
}

.qa-option .group>label.error {
	color: #f12a00 !important;
	left: 0;
	bottom: -24px;
	top: inherit !important;
	font-size: 12px !important
}

.qa-option .group.characterContWrap>label {
	left: 10px
}

.qa-option .group>input,
.qa-option .group>textarea,
.qa-option .group>select {
	background: none;
	color: #000;
	padding: 10px 10px 10px 0;
	display: block;
	width: 100%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #c6c6c6;
	outline: 0
}

.qa-option .group input.facebook-icon {
	background: url("../img/community/facebook-icon_black.html") 99% center no-repeat;
	background-size: 18px 26px;
	padding-right: 30px
}

.qa-option .group input.instagram-icon {
	background: url("../img/community/instagram-icon_black.html") right center no-repeat;
	background-size: 23px 23px;
	padding-right: 30px
}

.qa-option .group input.location-icon-space {
	padding-right: 80px
}

.qa-option .group .location-detect {
	display: inline-block;
	position: absolute;
	top: 14px;
	right: 0;
	color: #183883;
	font-size: 14px
}

.qa-option .group .location-detect::after {
	content: " ";
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url("../img/community/target-icon_blue.html") center no-repeat;
	background-size: contain;
	vertical-align: text-bottom;
	margin-left: 10px
}

.qa-option .group select {
	min-height: 48px;
	background: url("../img/down-arrow.png") no-repeat;
	background-position: 97% 55%;
	background-size: 9px 7px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	outline: 0;
	padding-right: 30px
}

.qa-option .group select:focus,
.qa-option .group select:required:valid,
.qa-option .group select[value]:not([value=""]) {
	font-size: 18px;
	font-weight: 500;
	color: #000
}

.qa-option .group select::-ms-expand {
	display: none
}

.qa-option .group select option {
	cursor: pointer
}

.qa-option .group select .timeOpt {
	color: green
}

.qa-option .group textarea {
	resize: none
}

.qa-option input,
.qa-option textarea {
	font-size: 18px;
	font-weight: 500
}

.qa-option input::-webkit-input-placeholder {
	color: transparent
}

.qa-option input:-moz-placeholder,
.qa-option input::-moz-placeholder {
	color: transparent
}

.qa-option input:-ms-input-placeholder {
	color: transparent
}

.qa-option input:focus::-webkit-input-placeholder,
.qa-option input:valid::-webkit-input-placeholder {
	color: #7f7f7f;
	font-weight: normal;
	font-size: 14px
}

.qa-option input:focus::-moz-placeholder,
.qa-option input:valid::-moz-placeholder {
	color: #7f7f7f;
	font-weight: normal;
	font-size: 14px
}

.qa-option input:focus~label,
.qa-option input:required:valid~label,
.qa-option textarea:focus~label,
.qa-option textarea:required:valid~label,
.qa-option select:focus~label,
.qa-option select:required:valid~label {
	top: -20px;
	font-size: 14px;
	color: #000
}

.qa-option input[value]:not([value=""])~label,
.qa-option textarea[value]:not([value=""])~label,
.qa-option select[value]:not([value=""])~label,
.qa-option input.date-picker-start:read-only~label,
.qa-option input.date-picker-end:read-only~label,
.qa-option .date-stamp input.valid~label {
	top: -20px;
	font-size: 14px;
	color: #000
}

.qa-option label>em {
	font-size: 12px
}

.qa-option input:focus~.bar-line:before,
.qa-option textarea:focus~.bar-line:before,
.qa-option select:focus~.bar-line:before,
.qa-option input:required:valid~.bar-line:before,
.qa-option textarea:required:valid~.bar-line:before,
.qa-option select:required:valid~.bar-line:before,
.qa-option .date-stamp input.valid~.bar-line:before {
	width: 100%
}

.qa-option input[value]:not([value=""])~.bar-line:before,
.qa-option textarea[value]:not([value=""])~.bar-line:before,
.qa-option select[value]:not([value=""])~.bar-line:before,
.qa-option input.date-picker-start:read-only~.bar-line:before,
.qa-option input.date-picker-end:read-only~.bar-line:before {
	width: 100%
}

.qa-option input:focus,
.qa-option textarea:focus {
	outline: none
}

.qa-option .bar-line {
	position: relative;
	display: block;
	width: 100%
}

.qa-option .bar-line:before {
	content: "";
	height: 1px;
	width: 0;
	bottom: 0px;
	position: absolute;
	background: #183883;
	transition: 300ms ease all;
	left: 0%
}

.qa-option .btn {
	margin: 50px 10px 20px
}

@media (max-width: 480px) {
	.qa-option .btn {
		margin: 10px 0
	}
}

.qa-option .form-guide {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.38)
}

@media (min-width: 815px) {
	.qa-option .form-guide {
		position: absolute;
		right: 0;
		bottom: -25px
	}
}

.corp-address {
	margin-top: 0px;
	padding: 0px 0 0 40px;
	background-color: #fff;
	color: #000;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	border-radius: 8px
}

@media (max-width: 815px) {
	.corp-address {
		padding: 0 0 0 15px
	}
}

@media (max-width: 815px) {
	.corp-address>.row {
		display: grid
	}
	.corp-address>.row .mapCnt {
		order: 1
	}
	.corp-address>.row .address-scroll {
		order: 2
	}
}

.corp-address .address-scroll {
	max-height: 500px;
	padding-top: 40px
}

.corp-address .address-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 5px;
	background-color: #454545 !important
}

.corp-address .address-scroll .mCSB_scrollTools .mCSB_draggerRail {
	width: 5px;
	background-color: #d3d3d3;
	border-radius: 0
}

.corp-address .border-right {
	border-right: 1px solid #ebebeb
}

@media (max-width: 480px) {
	.corp-address .border-right {
		border-right: none
	}
}

.corp-address h3 {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 24px;
	color: #212121
}

.corp-address ul {
	list-style: none;
	font-size: 0
}

.corp-address ul.addressBoxCnt {
	max-width: 97%;
	margin: 0 auto
}

.corp-address ul>li {
	font-size: 16px;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	margin-bottom: 40px
}

@media (max-width: 1024px) {
	.corp-address ul>li {
		width: 100%
	}
}

.corp-address ul>li.addressBoxList {
	width: 100%;
	border: 1px solid #dedede;
	border-radius: 9px;
	padding: 15px 15px 0 15px;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
	cursor: pointer
}

.corp-address ul>li.addressBoxList:hover {
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
	border: 1px solid #5c73a0
}

.corp-address ul>li address>div {
	padding-left: 0px;
	margin-bottom: 15px
}

.corp-address ul>li address>div p.addressDtl {
	background: url("../img/address-icon.png") 0 0 no-repeat;
	background-size: 30px 30px;
	padding-left: 50px;
	font-size: 14px;
	line-height: 20px;
	height: 62px
}

.corp-address ul>li address>div.address {
	margin-bottom: 15px
}

@media (min-width: 600px) {
	.corp-address ul>li address>div.address {
		margin-bottom: 25px
	}
}

.corp-address ul>li address>div.tel {
	background: url("../img/phone-icon.png") 0 -5px no-repeat;
	background-size: 30px 30px;
	padding-left: 50px;
	font-size: 14px;
	line-height: 20px
}

.corp-address ul>li address>div.fax {
	background: url("../img/fax-icon.png") 0 -4px no-repeat;
	background-size: 30px 30px;
	padding-left: 50px;
	font-size: 14px;
	line-height: 20px
}

.corp-address ul>li address h3 {
	font-size: 16px;
	line-height: 22px;
	color: #0e3787;
	font-weight: 700;
	margin-bottom: 10px;
	padding-left: 50px
}

.corp-address ul>li address p {
	margin: 0;
	font-size: 16px
}

@media (min-width: 600px) {
	.corp-address ul>li address p {
		display: block;
		display: -webkit-box;
		max-width: 600px;
		height: 67.2px;
		font-size: 16px;
		line-height: 1.4;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.qa-mobile {
	color: #000;
	display: none
}

@media (max-width: 767px) {
	.qa-mobile {
		display: block
	}
}

.qa-mobile h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px
}

.qa-dropdown {
	display: table;
	width: 100%
}

.qa-dropdown>div {
	display: table-cell;
	width: 100%
}

.qa-dropdown .qa-select .dropdown-toggle {
	background-color: #fff;
	color: #000;
	border: 1px solid #cecece;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	text-transform: capitalize;
	font-weight: normal;
	padding-left: 15px;
	padding-right: 25px;
	width: 100%;
	margin: 0;
	text-align: left
}

.qa-dropdown .qa-select .arrow {
	display: inline-block;
	width: 10px;
	height: 11px;
	background: transparent url("../img/down-arrow.png") center no-repeat;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px
}

.qa-dropdown .qa-action {
	padding-left: 15px
}

.qa-dropdown .qa-action .btn {
	color: #fff;
	margin: 0
}

.mobile-form h3 {
	font-size: 18px;
	margin-top: 15px;
	padding: 0 5px
}

.mobile-form .select {
	margin-bottom: 30px
}

.mobile-form .qa-form {
	padding-top: 5px;
	display: block
}

#ddlQueryType+.error-message,
.qa-select .error-message {
	display: block;
	color: #f12a00;
	text-transform: initial;
	font-size: 12px
}

.g-recaptcha+.error-message {
	color: #f12a00;
	text-transform: initial;
	font-size: 12px
}

.qa-option .vehicleDDWrapper .bar-line:before {
	bottom: -70px;
	z-index: 1
}

.qa-option .vehicleDDWrapper label.vehicleLabel.blueLine {
	top: -20px;
	font-size: 14px;
	color: #000
}

.cpatcha-error {
	color: #f12a00;
	font-size: 12px
}

.containerWrap .captchaDyanmic {
	float: left;
	margin-top: 10px
}

.captchaDyanmic .error {
	color: #f12a00;
	font-size: 12px;
	margin-top: 25px;
	float: left
}

.captchaDyanmic #captcha_container>div {
	margin: 0 auto
}

.whatsApp-btn {
	display: inline-block;
	bottom: 10px;
	right: 9px;
	position: fixed;
	z-index: 2
}

@media (min-width: 815px) {
	.whatsApp-btn {
		bottom: 14px;
		right: 28px
	}
}

.whatsApp-btn svg {
	background: #4dc247;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	padding: 5px
}

.whatsApp-btn svg path {
	fill: white
}

.qa-option .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%
}

.qa-option .bootstrap-select .btn {
	background: #fff;
	color: #000;
	padding: 10px 10px 10px 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #c6c6c6;
	height: 48px
}

.qa-option .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	font-size: 18px;
	text-transform: capitalize
}

.qa-option .bootstrap-select .bs-searchbox .form-control {
	height: 36px
}

.qa-option .bootstrap-select .float {
	color: #da3338 !important;
	transform: translate(0, -1.1em);
	font-size: 75%;
	transition: 0.2s ease-in-out
}

.qa-option .bootstrap-select .changefloat {
	transform: translate(0, -1.1em);
	font-size: 75%
}

.qa-option .bootstrap-select select:required:valid~label {
	top: 12px;
	font-size: 14px;
	color: #000
}

.qa-option .bootstrap-select select[value]:not([value=""])~label {
	top: -20px;
	font-size: 14px;
	color: #000
}

.qa-option .bootstrap-select select:required:valid~.bar-line:before {
	width: 0
}

.qa-option .bootstrap-select select[value]:not([value=""])~.bar-line:before {
	width: 100%
}

.qa-option .bootstrap-select label {
	color: #7f7f7f;
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 12px;
	pointer-events: none;
	transition: 300ms ease all
}

.qa-option .bootstrap-select label.error {
	color: #f12a00 !important;
	left: 0;
	bottom: -24px;
	top: inherit !important;
	font-size: 12px !important
}

.qa-option .bootstrap-select .bs-placeholder {
	color: #fff
}

.qa-option .bootstrap-select .bs-placeholder:hover {
	color: #fff;
	background-color: #ffffff !important
}

.qa-option .bootstrap-select .dropdown-toggle .caret {
	background: none;
	border: 0;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	height: 7px;
	width: 7px;
	transform: rotate(45deg);
	right: 12px;
	margin-top: -6px
}

.bootstrap-select .dropdown-menu li.hideStates {
	display: none
}

.bootstrap-select .dropdown-menu li.hideStates.shownState {
	display: block
}

@media (max-width: 815px) {
	.purchasePlan label {
		font-size: 13px !important
	}
}

.edt-scroll {
	max-height: 620px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow-y: auto
}

.tvsCredit,
.dealersOnPin .paymentOpts {
	margin-top: 0
}

.qa-option .group>input.ctaDetect {
	background: url("../img/pincodeicon.png") no-repeat 19px 7px;
	color: #fff;
	background-color: #183883;
	border: 0 none;
	padding-left: 32px !important;
	border-radius: 6px !important;
	border: solid 2px #183883 !important
}

.qa-option .group>input.ctaDetect:hover {
	border: solid 2px #000 !important
}

.testrideFinal .qa-option .group>label.labelUp,
.formBookOnline .qa-option .group>label.labelUp,
.btoDealer .qa-option .group>label.labelUp {
	top: -20px;
	font-size: 14px;
	color: #000
}

.testrideFinal .qa-option select,
.formBookOnline .qa-option select {
	padding-right: 22px
}

.containerWrap {
	max-width: 1060px
}

.containerWrap .qa-form {
	border-radius: 8px;
	padding: 40px 13%
}

@media (max-width: 815px) {
	.containerWrap .qa-form {
		padding: 20px 5%
	}
}

.containerWrap .qa-form h3 {
	text-align: center;
	margin-bottom: 20px
}

.containerWrap .qa-form .qa-option a.otpoption {
	right: 5px;
	top: 15px;
	font-size: 11px;
	text-transform: uppercase
}

@media (max-width: 815px) {
	.containerWrap .qa-form .qa-option a.otpoption {
		font-size: 12px
	}
}

.containerWrap .qa-form .qa-option .group>label {
	top: -20px;
	left: 10px;
	font-size: 14px;
	color: #000
}

.containerWrap .qa-form .qa-option .btn {
	border-radius: 8px;
	min-width: 120px
}

.containerWrap .qa-form .qa-option .btn:focus {
	outline: none !important
}

.containerWrap .qa-form .qa-option .group>input,
.containerWrap .qa-form .qa-option .group>textarea,
.containerWrap .qa-form .qa-option .group>select,
.containerWrap .qa-form .vehicleSelectBox {
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	padding-left: 10px
}

.containerWrap .qa-form .qa-option .group .otp-outer {
	width: 117px;
	overflow: hidden
}

@media (max-width: 815px) {
	.containerWrap .qa-form .qa-option .group .otp-outer {
		width: 170px
	}
}

.containerWrap .qa-form .qa-option .group .otp-outer .otp-block {
	left: 0;
	position: sticky
}

.containerWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
	padding-left: 8px;
	letter-spacing: 20px;
	border: 0 none !important;
	background: transparent url(../img/otp-bg.html) left center no-repeat;
	width: 137px;
	min-width: 137px
}

@media (max-width: 815px) {
	.containerWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		letter-spacing: 34px;
		padding-left: 14px;
		background: transparent url(../img/otp-bg-mob.html) left center no-repeat;
		width: 200px;
		min-width: 200px
	}
}

.containerWrap .qa-form #selectDetails-button {
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	padding: 10px 10px 10px 10px
}

.containerWrap .qa-form .dropdown {
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	padding-left: 10px
}

.containerWrap .qa-form .dropdown.dropup {
	padding-left: 10px
}

.containerWrap .qa-form .dropdown.dropup.open {
	padding-left: 0px
}

.containerWrap .qa-form .dropdown .qa-option .bootstrap-select .btn {
	border: 0 none
}

.containerWrap .qa-form .dropdown label {
	top: -20px;
	left: 10px;
	font-size: 14px;
	color: #000
}

.containerWrap .qa-form .qa-option .bootstrap-select .btn {
	border-bottom: 0 none
}

.containerWrap .qa-form .qa-option .group>select {
	min-height: 49px
}

.containerWrap .qa-form .qa-option .group>.checkbox {
	text-align: center
}

@media (max-width: 815px) {
	.containerWrap .qa-form .qa-option .group>.checkbox {
		text-align: left
	}
}

.containerWrap .qa-form .select {
	border: 0 none
}

.containerWrap .qa-form .select:after {
	right: 15px;
	height: 49px;
	background: transparent url(../img/down-arrow-new.png) center no-repeat
}

@media (max-width: 815px) {
	.containerWrap .qa-form .select:after {
		right: 10px
	}
}

.containerWrap .qa-form .select select {
	padding-left: 10px;
	color: #212121;
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	height: 49px;
	text-transform: none
}

.containerWrap .qa-form .select select#ddlQueryType {
	height: auto;
	word-wrap: break-word;
	text-overflow: inherit;
	white-space: normal;
	min-height: 49px;
	padding: 0 40px 0 10px
}

.containerWrap .qa-form span.bar-line:before {
	display: none
}

.testrideWrap {
	padding-top: 150px !important;
	max-width: inherit
}

.testrideWrap .qa-form {
	border-radius: 8px;
	padding: 40px 13%
}

.testrideWrap .qa-form h3 {
	text-align: center;
	margin-bottom: 20px
}

.testrideWrap .qa-form .qa-option a.otpoption {
	right: 5px;
	top: 15px;
	font-size: 11px;
	text-transform: uppercase
}

@media (max-width: 815px) {
	.testrideWrap .qa-form .qa-option a.otpoption {
		font-size: 12px
	}
}

.testrideWrap .qa-form .qa-option .group>label {
	top: -20px;
	left: 10px;
	font-size: 14px;
	color: #000
}

.testrideWrap .qa-form .qa-option .btn {
	border-radius: 8px;
	min-width: 120px
}

@media (max-width: 380px) {
	.testrideWrap .qa-form .qa-option .btn.btnReset,
	.testrideWrap .qa-form .qa-option .btn.blue {
		margin: 0px 5px 20px
	}
}

.testrideWrap .qa-form .qa-option .btn:focus {
	outline: none !important
}

.testrideWrap .qa-form .qa-option .group>input,
.testrideWrap .qa-form .qa-option .group>textarea,
.testrideWrap .qa-form .qa-option .group>select,
.testrideWrap .qa-form .vehicleSelectBox {
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	padding-left: 10px
}

.testrideWrap .qa-form .vehicleSelectBox {
	height: 49px
}

.testrideWrap .qa-form .qa-option .group>input.ctaDetect {
	padding-left: 32px !important;
	border-radius: 6px !important;
	border: solid 2px #183883 !important
}

.testrideWrap .qa-form .qa-option .group .otp-outer {
	width: 250px;
	overflow: hidden
}

@media (max-width: 1365px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer {
		width: 100%
	}
}

@media (max-width: 815px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer {
		width: 250px
	}
}

.testrideWrap .qa-form .qa-option .group .otp-outer .otp-block {
	left: 0;
	position: sticky
}

.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
	padding-left: 20px;
	letter-spacing: 57px;
	border: 0 none !important;
	background: transparent url(../img/otp-bg.html) left center no-repeat;
	width: 124%;
	min-width: 124%
}

@media (max-width: 1366px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 22px;
		letter-spacing: 58px;
		width: 124%;
		min-width: 124%;
		background-size: 80% 100%
	}
}

@media (max-width: 1280px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 20px;
		letter-spacing: 53px
	}
}

@media (min-width: 1139px) and (max-width: 1279px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 16px;
		letter-spacing: 44px
	}
}

@media (min-width: 1025px) and (max-width: nax) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 14px;
		letter-spacing: 38px
	}
}

@media (max-width: 1024px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 14px;
		letter-spacing: 42px
	}
}

@media (max-width: 991px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 14px;
		letter-spacing: 40px
	}
}

@media (max-width: 815px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 20px;
		letter-spacing: 57px;
		background: transparent url(../img/otp-bg.html) left center no-repeat;
		width: 300px;
		min-width: 300px
	}
}

.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.zero {
	background: transparent url(../img/otp-bg-one.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.zero {
		background-size: 80% 100%
	}
}

.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.one {
	background: transparent url(../img/otp-bg-two.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.one {
		background-size: 80% 100%
	}
}

.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.two {
	background: transparent url(../img/otp-bg-three.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.two {
		background-size: 80% 100%
	}
}

.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.three {
	background: transparent url(../img/otp-bg-four.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.three {
		background-size: 80% 100%
	}
}

.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.four {
	background: transparent url(../img/otp-bg.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.four {
		background-size: 80% 100%
	}
}

.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.green {
	background: transparent url(../img/otp-bg-green.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.green {
		background-size: 80% 100%
	}
}

.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.red {
	background: transparent url(../img/otp-bg-red.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.red {
		background-size: 80% 100%
	}
}

.testrideWrap .qa-form .otp-block label.otpmsg {
	display: none;
	padding-left: 35px;
	font-size: 11px;
	color: #000000;
	margin: 10px 0 0 0
}

.testrideWrap .qa-form .otp-block label.otpmsg.validMsg {
	display: inline-block;
	background: transparent url(../img/otp-valid-icon.html) left center no-repeat
}

.testrideWrap .qa-form .otp-block label.otpmsg.invalidMsg {
	display: inline-block;
	background: transparent url(../img/otp-invalid-icon.html) left center no-repeat
}

.testrideWrap .qa-form #selectDetails-button {
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	padding: 10px 10px 10px 10px
}

.testrideWrap .qa-form .dropdown {
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	padding-left: 10px
}

.testrideWrap .qa-form .dropdown.dropup {
	padding-left: 10px
}

.testrideWrap .qa-form .dropdown.dropup.open {
	padding-left: 0px
}

.testrideWrap .qa-form .dropdown .qa-option .bootstrap-select .btn {
	border: 0 none
}

.testrideWrap .qa-form .dropdown label {
	top: -20px;
	left: 10px;
	font-size: 14px;
	color: #000
}

.testrideWrap .qa-form .qa-option .bootstrap-select .btn {
	border-bottom: 0 none;
	box-shadow: none !important
}

.testrideWrap .qa-form .qa-option .bootstrap-select .btn.active {
	box-shadow: none !important
}

.testrideWrap .qa-form .qa-option .group>select {
	min-height: 49px
}

.testrideWrap .qa-form .qa-option .group>.checkbox {
	text-align: center
}

.testrideWrap .qa-form .select {
	border: 0 none
}

.testrideWrap .qa-form .select:after {
	right: 15px;
	height: 49px;
	background: transparent url(../img/down-arrow-new.png) center no-repeat
}

.testrideWrap .qa-form .select select {
	padding-left: 10px;
	color: #212121;
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	height: 49px
}

.testrideWrap .qa-form span.bar-line:before {
	display: none
}

.testrideWrap .testRide .qa-form {
	border: 1px solid #606060;
	max-width: 610px;
	padding: 0px 15px 30px 15px
}

.testrideWrap .booktestSliderCnt {
	margin: 40px auto;
	max-width: 1366px
}

.testrideWrap .booktestSliderCnt h3 {
	font-size: 24px;
	line-height: 30px;
	color: #0d3887;
	font-family: 'DIN Next LT Pro Medium';
	text-transform: uppercase;
	margin: 0 0 10px 0
}

.testrideWrap .booktestSliderCnt p.subTitleTxt {
	font-size: 14px;
	line-height: 20px;
	font-family: 'DIN Next LT Pro Medium';
	color: #171717;
	margin: 0 0 5px 0
}

.testrideWrap .booktestSliderCnt .booktestSlider {
	margin: 40px auto
}

.testrideWrap .booktestSliderCnt .booktestSlider .slide.slick-slide {
	margin: 0 auto
}

@media (max-width: 815px) {
	.testrideWrap .booktestSliderCnt .booktestSlider .slide.slick-slide {
		text-align: center;
		margin: 0 10px
	}
}

.testrideWrap .booktestSliderCnt .booktestSlider .slide a {
	display: inline-block;
	position: relative;
	border: 1px solid #606060;
	border-radius: 4px;
	overflow: hidden
}

.testrideWrap .booktestSliderCnt .booktestSlider .slide a .bookSlider-detailCnt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 15px 10px 15px;
	text-align: left;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent)
}

@media (max-width: 815px) {
	.testrideWrap .booktestSliderCnt .booktestSlider .slide a .bookSlider-detailCnt {
		padding: 0 10px 10px 10px
	}
}

.testrideWrap .booktestSliderCnt .booktestSlider .slide a .bookSlider-detailCnt h4 {
	font-family: 'DIN Next LT Pro Medium';
	font-display: swap;
	font-size: 16px;
	line-height: 22px;
	color: #e9b000;
	text-align: center;
	margin: 0 0 15px 0;
	text-transform: uppercase
}

.testrideWrap .booktestSliderCnt .booktestSlider .slick-dots li button:before {
	font-size: 36px;
	line-height: 20px
}

.testrideWrap .booktestSliderCnt .booktestSlider .slick-dots li button:before.active {
	opacity: .75;
	color: #000
}

.testrideWrap.twoboxWrap {
	padding-top: 150px
}

@media (max-width: 815px) {
	.testrideWrap.twoboxWrap {
		padding-top: 50px
	}
}

.testrideWrap.twoboxWrap .firstBoxCnt,
.testrideWrap.twoboxWrap .secondBoxCnt {
	background-image: linear-gradient(#ededed, #fff);
	display: inline-block;
	width: 100%;
	clear: both;
	border: 1px solid #606060;
	padding: 0 9px;
	border-radius: 8px;
	margin-bottom: 30px
}

.testrideWrap.twoboxWrap .firstBoxCnt a.openform,
.testrideWrap.twoboxWrap .secondBoxCnt a.openform {
	color: #0d3887;
	font-size: 14px;
	line-height: 20px;
	font-family: 'DIN Next LT Pro Medium';
	text-transform: uppercase;
	padding: 15px 0 11px 0;
	display: inline-block
}

.testrideWrap.twoboxWrap .firstBoxCnt a.openform.plus,
.testrideWrap.twoboxWrap .secondBoxCnt a.openform.plus {
	border-bottom: 1px solid transparent;
	background: transparent url(../img/black-plus-icon.html) right 10px top 15px no-repeat
}

.testrideWrap.twoboxWrap .firstBoxCnt a.openform.minus,
.testrideWrap.twoboxWrap .secondBoxCnt a.openform.minus {
	border-bottom: 1px solid #616161;
	background: transparent url(../img/black-minus-icon.html) right 10px top 15px no-repeat
}

.testrideWrap.twoboxWrap .firstBoxCnt .firstBox,
.testrideWrap.twoboxWrap .secondBoxCnt .firstBox {
	display: inline-block
}

.testrideWrap.twoboxWrap .firstBoxCnt .secondBox,
.testrideWrap.twoboxWrap .secondBoxCnt .secondBox {
	display: inline-block
}

.testrideWrap.twoboxWrap .dropdown {
	background: #ffffff
}

.testrideWrap.twoboxWrap .qa-option .group {
	margin: 35px 0 20px
}

.testrideWrap.twoboxWrap .radio label.radio-inline {
	width: 45%;
	margin-left: 20px;
	margin-bottom: 15px
}

.testrideWrap.twoboxWrap .rideCheckbox label.checkboxCont {
	margin-left: 10px
}

.testrideWrap.twoboxWrap .qa-option .rideCheckbox .group {
	margin-top: 20px;
	margin-bottom: 20px
}

.testrideWrap.twoboxWrap .qa-option .rideCheckbox .group>label {
	position: relative;
	pointer-events: auto;
	text-transform: inherit;
	color: #505050;
	font-size: 14px;
	padding-top: 3px
}

.testrideWrap.twoboxWrap .qa-form #selectDetails-button,
.testrideWrap.twoboxWrap .qa-option .group>input,
.testrideWrap.twoboxWrap .qa-option .group>textarea,
.testrideWrap.twoboxWrap .qa-option .group>select,
.testrideWrap.twoboxWrap .vehicleSelectBox {
	background-color: #ffffff;
	font-family: 'DIN Next LT Pro Medium';
	font-size: 16px;
	line-height: 22px;
	font-weight: 500
}

.testrideWrap.twoboxWrap .testRide .qa-form {
	max-width: 610px;
	background: transparent;
	box-shadow: none;
	border: 0 none
}

@media (min-width: 815px) {
	.testrideWrap.twoboxWrap .testRide .qa-form {
		padding: 0px 15px 30px 15px
	}
}

.testrideWrap.twoboxWrap .testRide .qa-form h1 {
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 15px;
	padding-top: 0
}

.testrideWrap.twoboxWrap .testRide .qa-form p {
	font-family: 'DIN Next LT Pro Light';
	font-size: 14px;
	line-height: 20px;
	color: #171717;
	margin: 0 0 0 0
}

.testrideWrap.twoboxWrap .qa-option a.otpoption {
	right: 5px;
	top: 6px;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #ccc;
	color: #fff;
	border-radius: 4px;
	padding: 10px 10px;
	text-decoration: none;
	border: 1px solid #ccc
}

@media (max-width: 815px) {
	.testrideWrap.twoboxWrap .qa-option a.otpoption {
		font-size: 11px
	}
}

.testrideWrap.twoboxWrap .qa-option a.otpoption.reqOtp {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #fff
}

.testrideWrap.twoboxWrap .qa-option a.otpoption.reqOtp.hilight {
	background-color: #0d3887;
	border: 1px solid #0d3887;
	color: #fff
}

.testrideWrap.twoboxWrap .qa-option a.otpoption.reqOtp.hilight:hover {
	background-color: #fff;
	color: #0d3887
}

.testrideWrap.twoboxWrap .qa-option a.otpoption.resOtp {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #fff
}

.testrideWrap.twoboxWrap .qa-option a.otpoption.resOtp.hilight {
	background-color: #0d3887;
	border: 1px solid #0d3887;
	color: #fff
}

.testrideWrap.twoboxWrap .qa-option a.otpoption.resOtp.hilight:hover {
	background-color: #fff;
	color: #0d3887
}

.testrideWrap.twoboxWrap .testRideImg {
	padding: 0 0 0 0;
	border: 1px solid #606060;
	border-radius: 10px;
	overflow: hidden
}

.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox {
	padding-left: 20px;
	letter-spacing: 57px;
	border: 0 none !important;
	background: transparent url(../img/otp-bg.html) left center no-repeat;
	width: 124%;
	min-width: 124%
}

@media (max-width: 1366px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 22px;
		letter-spacing: 61px;
		width: 124%;
		min-width: 124%;
		background-size: 80% 100%
	}
}

@media (max-width: 1280px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 20px;
		letter-spacing: 55px
	}
}

@media (min-width: 1139px) and (max-width: 1279px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 17px;
		letter-spacing: 47px
	}
}

@media (min-width: 1025px) and (max-width: nax) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 14px;
		letter-spacing: 38px
	}
}

@media (max-width: 1024px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 16px;
		letter-spacing: 44px
	}
}

@media (max-width: 991px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 15px;
		letter-spacing: 42px
	}
}

@media (max-width: 815px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 20px;
		letter-spacing: 57px;
		background: transparent url(../img/otp-bg.html) left center no-repeat;
		width: 300px;
		min-width: 300px
	}
}

.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.zero {
	background: transparent url(../img/otp-bg-one.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.zero {
		background-size: 80% 100%
	}
}

.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.one {
	background: transparent url(../img/otp-bg-two.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.one {
		background-size: 80% 100%
	}
}

.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.two {
	background: transparent url(../img/otp-bg-three.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.two {
		background-size: 80% 100%
	}
}

.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.three {
	background: transparent url(../img/otp-bg-four.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.three {
		background-size: 80% 100%
	}
}

.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.four {
	background: transparent url(../img/otp-bg.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.four {
		background-size: 80% 100%
	}
}

.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.green {
	background: transparent url(../img/otp-bg-green.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.green {
		background-size: 80% 100%
	}
}

.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.red {
	background: transparent url(../img/otp-bg-red.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrap.onlineForm .qa-option .group .otp-outer input.userotpNum.userotpBox.red {
		background-size: 80% 100%
	}
}

.news-wrapper.blackbg {
	margin-bottom: 0px;
	background: #000000;
	padding: 50px 0
}

@media (min-width: 815px) {
	.news-wrapper.blackbg {
		background: #000 url(../img/form-black-bg.html) center top repeat-x
	}
}

.testrideWrapBlack {
	max-width: inherit
}

.testrideWrapBlack .firstBoxCnt,
.testrideWrapBlack .secondBoxCnt {
	background-image: linear-gradient(#252525, #101010);
	display: inline-block;
	width: 100%;
	clear: both;
	border: 1px solid #606060;
	padding: 0 9px;
	border-radius: 8px;
	margin-bottom: 30px
}

.testrideWrapBlack .firstBoxCnt a.openform,
.testrideWrapBlack .secondBoxCnt a.openform {
	color: #e9b000;
	font-size: 14px;
	line-height: 20px;
	font-family: 'DIN Next LT Pro Medium';
	text-transform: uppercase;
	padding: 15px 0 11px 10px;
	display: inline-block
}

.testrideWrapBlack .firstBoxCnt a.openform.plus,
.testrideWrapBlack .secondBoxCnt a.openform.plus {
	border-bottom: 1px solid transparent;
	background: transparent url(../img/white-plus-icon.html) right 10px top 15px no-repeat
}

.testrideWrapBlack .firstBoxCnt a.openform.minus,
.testrideWrapBlack .secondBoxCnt a.openform.minus {
	border-bottom: 1px solid #616161;
	background: transparent url(../img/white-minus-icon.html) right 10px top 15px no-repeat
}

.testrideWrapBlack .firstBoxCnt .firstBox,
.testrideWrapBlack .secondBoxCnt .firstBox {
	display: inline-block;
	overflow: hidden
}

.testrideWrapBlack .firstBoxCnt .secondBox,
.testrideWrapBlack .secondBoxCnt .secondBox {
	display: inline-block;
	overflow: hidden
}

.testrideWrapBlack .formTestRide .radio label {
	color: #ffffff
}

.testrideWrapBlack .testRideImg {
	padding: 0 0 0 0;
	border: 1px solid #606060;
	border-radius: 10px;
	overflow: hidden
}

@media (max-width: 815px) {
	.testrideWrapBlack .testRideImg {
		width: 100%
	}
}

.testrideWrapBlack .testRide .qa-form {
	max-width: 610px;
	background: transparent;
	box-shadow: none;
	border: 0 none
}

@media (min-width: 815px) {
	.testrideWrapBlack .testRide .qa-form {
		padding: 0px 15px 30px 15px
	}
}

.testrideWrapBlack .testRide .qa-form h1 {
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 15px;
	padding-top: 0
}

.testrideWrapBlack .testRide .qa-form p {
	font-family: 'DIN Next LT Pro Light';
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	margin: 0 0 0 0
}

.testrideWrapBlack .qa-form {
	background-color: transparent;
	box-shadow: none;
	border-radius: 8px;
	padding: 40px 13%
}

.testrideWrapBlack .qa-form h1 {
	color: #e9b000;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 15px;
	padding-top: 0
}

.testrideWrapBlack .qa-form p {
	font-family: 'DIN Next LT Pro Light';
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin: 0 0 0 0
}

.testrideWrapBlack .qa-form h3 {
	text-align: center;
	margin-bottom: 20px
}

.testrideWrapBlack .qa-form .qa-option .bootstrap-select .dropdown-toggle .caret {
	background: none;
	border: 0;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	height: 7px;
	width: 7px;
	transform: rotate(45deg);
	right: 12px;
	margin-top: -6px
}

.testrideWrapBlack .qa-form .qa-option a.otpoption {
	right: 5px;
	top: 6px;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #ccc;
	color: #fff;
	border-radius: 4px;
	padding: 10px 10px;
	text-decoration: none;
	border: 1px solid #ccc
}

@media (max-width: 815px) {
	.testrideWrapBlack .qa-form .qa-option a.otpoption {
		font-size: 11px
	}
}

.testrideWrapBlack .qa-form .qa-option a.otpoption.reqOtp {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #000
}

.testrideWrapBlack .qa-form .qa-option a.otpoption.reqOtp.hilight {
	background-color: #e9b000;
	border: 1px solid #e9b000;
	color: #000
}

.testrideWrapBlack .qa-form .qa-option a.otpoption.reqOtp.hilight:hover {
	background-color: #000;
	color: #e9b000
}

.testrideWrapBlack .qa-form .qa-option a.otpoption.resOtp {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #000
}

.testrideWrapBlack .qa-form .qa-option a.otpoption.resOtp.hilight {
	background-color: #e9b000;
	border: 1px solid #e9b000;
	color: #000
}

.testrideWrapBlack .qa-form .qa-option a.otpoption.resOtp.hilight:hover {
	background-color: #000;
	color: #e9b000
}

.testrideWrapBlack .qa-form .qa-option .group>label {
	top: -20px;
	left: 10px;
	font-size: 14px;
	color: #c1c1c1
}

.testrideWrapBlack .qa-form .qa-option .group label.error {
	color: #f12a00 !important;
	top: inherit !important;
	font-size: 12px !important;
	line-height: 18px !important
}

.testrideWrapBlack .qa-form .qa-option .btn {
	border-radius: 8px;
	min-width: 120px
}

.testrideWrapBlack .qa-form .qa-option .btn:focus {
	outline: none !important
}

.testrideWrapBlack .qa-form .qa-option .btn.black {
	color: #000;
	background-color: #fff
}

.testrideWrapBlack .qa-form .qa-option .btn.black:hover {
	color: #fff;
	background-color: #000;
	border: solid 1px #fff
}

.testrideWrapBlack .qa-form .qa-option .btn.blackborder {
	color: #fff;
	background-color: #000;
	border: solid 1px #fff
}

.testrideWrapBlack .qa-form .qa-option .btn.blackborder:hover {
	color: #000;
	background-color: #fff;
	border: solid 1px #000
}

.testrideWrapBlack .qa-form .qa-option .group>input {
	border: 1px solid #6d6d6d !important;
	border-radius: 8px;
	padding-left: 10px;
	background-color: #000;
	color: #fff
}

.testrideWrapBlack .qa-form .qa-option .group>textarea {
	border: 1px solid #6d6d6d !important;
	border-radius: 8px;
	padding-left: 10px;
	background-color: #000;
	color: #fff
}

.testrideWrapBlack .qa-form .qa-option .group>select {
	border: 1px solid #6d6d6d !important;
	border-radius: 8px;
	padding-left: 10px;
	background-color: #000;
	color: #fff
}

.testrideWrapBlack .qa-form .qa-option .group>input.ctaDetect {
	padding-left: 32px !important;
	border-radius: 6px !important;
	border: solid 2px #ffffff !important;
	color: #000000;
	background: #fff url("../img/pincodeicon-black.html") no-repeat 19px 7px;
	font-size: 15px;
	text-transform: uppercase
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer {
	width: 250px;
	overflow: hidden
}

@media (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer {
		width: 100%
	}
}

@media (max-width: 815px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer {
		width: 250px
	}
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer .otp-block {
	left: 0;
	position: sticky
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input {
	color: #ffffff
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
	padding-left: 20px;
	letter-spacing: 57px;
	border: 0 none !important;
	background: transparent url(../img/otp-dark-bg.html) left center no-repeat;
	width: 124%;
	min-width: 124%
}

@media (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 22px;
		letter-spacing: 58px;
		width: 124%;
		min-width: 124%;
		background-size: 80% 100%
	}
}

@media (max-width: 1280px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 20px;
		letter-spacing: 53px
	}
}

@media (min-width: 1139px) and (max-width: 1279px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 16px;
		letter-spacing: 44px
	}
}

@media (min-width: 1025px) and (max-width: nax) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 14px;
		letter-spacing: 38px
	}
}

@media (max-width: 1024px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 14px;
		letter-spacing: 42px
	}
}

@media (max-width: 991px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 14px;
		letter-spacing: 40px
	}
}

@media (max-width: 815px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		padding-left: 20px;
		letter-spacing: 57px;
		background: transparent url(../img/otp-dark-bg.html) left center no-repeat;
		width: 300px;
		min-width: 300px
	}
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.zero {
	background: transparent url(../img/otp-dark-bg-one.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.zero {
		background-size: 80% 100%
	}
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.one {
	background: transparent url(../img/otp-dark-bg-two.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.one {
		background-size: 80% 100%
	}
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.two {
	background: transparent url(../img/otp-dark-bg-three.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.two {
		background-size: 80% 100%
	}
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.three {
	background: transparent url(../img/otp-dark-bg-four.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.three {
		background-size: 80% 100%
	}
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.four {
	background: transparent url(../img/otp-dark-bg.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.four {
		background-size: 80% 100%
	}
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.green {
	background: transparent url(../img/otp-dark-bg-green.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.green {
		background-size: 80% 100%
	}
}

.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.red {
	background: transparent url(../img/otp-dark-bg-red.html) left center no-repeat
}

@media (min-width: 816px) and (max-width: 1366px) {
	.testrideWrapBlack .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.red {
		background-size: 80% 100%
	}
}

.testrideWrapBlack .qa-form .otp-block label.otpmsg {
	display: none;
	padding-left: 35px;
	font-size: 11px;
	color: #ffffff;
	margin: 10px 0 0 0
}

.testrideWrapBlack .qa-form .otp-block label.otpmsg.validMsg {
	display: inline-block;
	background: transparent url(../img/otp-valid-icon.html) left center no-repeat
}

.testrideWrapBlack .qa-form .otp-block label.otpmsg.invalidMsg {
	display: inline-block;
	background: transparent url(../img/otp-invalid-icon.html) left center no-repeat
}

.testrideWrapBlack .qa-form .qa-option .halfWidth .group .otpdtl {
	color: #c1c1c1
}

.testrideWrapBlack .qa-form .qa-option .otpdtl span.mobnum {
	color: #ffffff
}

.testrideWrapBlack .qa-form #selectDetails-button {
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	padding: 10px 10px 10px 10px;
	color: #fff
}

.testrideWrapBlack .qa-form #selectDetails-button .ui-icon {
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	top: 4px;
	right: 5px
}

.testrideWrapBlack .qa-form .dropdown {
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	padding-left: 10px
}

.testrideWrapBlack .qa-form .dropdown.dropup {
	padding-left: 10px
}

.testrideWrapBlack .qa-form .dropdown.dropup.open {
	padding-left: 10px
}

.testrideWrapBlack .qa-form .dropdown .qa-option .bootstrap-select .btn {
	border: 0 none
}

.testrideWrapBlack .qa-form .dropdown label {
	top: -20px;
	left: 10px;
	font-size: 14px;
	color: #c1c1c1
}

.testrideWrapBlack .qa-form .vehicleSelectBox {
	border: 1px solid #6d6d6d !important;
	border-radius: 8px;
	padding-left: 10px;
	background-color: #000;
	color: #fff
}

.testrideWrapBlack .qa-form .vehicleSelectBox:after {
	top: 20px;
	background: url(../img/down-arrow-white.html) no-repeat
}

.testrideWrapBlack .qa-form .qa-option .vehicleDDWrapper.selectedVehicle .vehicleSelectBox {
	height: 80px
}

.testrideWrapBlack .qa-form .qa-option .vehicleDDWrapper.selectedVehicle .vehicleSelectBox:after {
	top: 35px
}

.testrideWrapBlack .qa-form .qa-option .vehicleDDWrapper.selectedVehicle .vehicleSelectBox .selectedOne {
	margin-top: 0
}

.testrideWrapBlack .qa-form .vehicleDDWrapper .vehicleSelectBoxListing ul li p {
	color: #000000
}

.testrideWrapBlack .qa-form .qa-option .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	background-color: #000 !important
}

.testrideWrapBlack .qa-form .qa-option .bootstrap-select .btn {
	border-bottom: 0 none;
	background: #000000 !important;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-family: 'DIN Next LT Pro Medium'
}

.testrideWrapBlack .qa-form .qa-option .bootstrap-select .btn:hover {
	background: #000000 !important
}

.testrideWrapBlack .qa-form .qa-option .bootstrap-select select[value]:not([value=""])~label {
	color: #c1c1c1
}

.testrideWrapBlack .qa-form .qa-option .group>select {
	min-height: 49px
}

.testrideWrapBlack .qa-form .qa-option .group select {
	background: url(../img/down-arrow-white.html) no-repeat;
	background-position: 97% 55%;
	background-size: 9px 7px
}

.testrideWrapBlack .qa-form .qa-option .group>.checkbox {
	text-align: center
}

.testrideWrapBlack .qa-form .select {
	border: 0 none
}

.testrideWrapBlack .qa-form .select:after {
	right: 15px;
	height: 49px;
	background: transparent url(../img/down-arrow-new.png) center no-repeat
}

.testrideWrapBlack .qa-form .select select {
	padding-left: 10px;
	color: #212121;
	border: 1px solid #b6b6b6 !important;
	border-radius: 8px;
	height: 49px
}

.testrideWrapBlack .qa-form span.bar-line:before {
	display: none
}

.testrideWrapBlack .qa-option .orSep .group {
	color: #ffffff
}

.testrideWrapBlack .booktestSliderCnt {
	margin: 40px auto;
	max-width: 1366px
}

.testrideWrapBlack .booktestSliderCnt h3 {
	font-size: 24px;
	line-height: 30px;
	color: #e9b000;
	font-family: 'DIN Next LT Pro Medium';
	text-transform: uppercase;
	margin: 0 0 10px 0
}

.testrideWrapBlack .booktestSliderCnt p.subTitleTxt {
	font-size: 14px;
	line-height: 20px;
	font-family: 'DIN Next LT Pro Medium';
	color: #ffffff;
	margin: 0 0 5px 0
}

.testrideWrapBlack .booktestSliderCnt .booktestSlider {
	margin: 40px auto
}

.testrideWrapBlack .booktestSliderCnt .booktestSlider .slide.slick-slide {
	margin: 0 auto
}

@media (max-width: 815px) {
	.testrideWrapBlack .booktestSliderCnt .booktestSlider .slide.slick-slide {
		text-align: center;
		margin: 0 10px
	}
}

.testrideWrapBlack .booktestSliderCnt .booktestSlider .slide a {
	display: inline-block;
	position: relative;
	border: 1px solid #606060;
	border-radius: 4px;
	overflow: hidden
}

.testrideWrapBlack .booktestSliderCnt .booktestSlider .slide a .bookSlider-detailCnt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 15px 10px 15px;
	text-align: left;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent)
}

@media (max-width: 815px) {
	.testrideWrapBlack .booktestSliderCnt .booktestSlider .slide a .bookSlider-detailCnt {
		padding: 0 10px 10px 10px
	}
}

.testrideWrapBlack .booktestSliderCnt .booktestSlider .slide a .bookSlider-detailCnt h4 {
	font-family: 'DIN Next LT Pro Medium';
	font-display: swap;
	font-size: 16px;
	line-height: 22px;
	color: #e9b000;
	text-align: center;
	margin: 0 0 15px 0;
	text-transform: uppercase
}

.testrideWrapBlack .booktestSliderCnt .booktestSlider .slick-dots li button:before {
	font-size: 36px;
	line-height: 20px
}

.testrideWrapBlack .booktestSliderCnt .booktestSlider .slick-dots li button:before.active {
	opacity: .75;
	color: #000
}

.mapCnt {
	padding: 0 15px 0 0
}

.mapCnt #map-canvas {
	height: 500px;
	width: 100%
}

.mapCnt #map-canvas iframe {
	min-height: 500px
}

#testDriveForm .captchaDyanmic #captcha_container>div {
	margin: 0
}

.clusterVin {
	max-width: 1100px;
	margin: 5px auto
}

@media (max-width: 815px) {
	.clusterVin .vinBanner {
		padding: 0;
		margin-top: -14px
	}
}

.clusterVin .hero {
	width: 100%
}

.clusterVin h2 {
	font-size: 20px;
	color: #000;
	margin-bottom: 12px;
	font-weight: bold
}

.clusterVin p {
	font-size: 15px;
	color: #000;
	margin-bottom: 5px
}

.clusterVin p small {
	font-size: 12px;
	color: #666
}

.clusterVin .clustContainer {
	border: solid 1px #cacaca;
	border-radius: 15px;
	margin: 50px auto 60px;
	padding: 40px
}

@media (max-width: 815px) {
	.clusterVin .clustContainer {
		border: none;
		padding: 0;
		margin-top: 30px
	}
}

.clusterVin .slider-number {
	position: absolute;
	left: 53%;
	bottom: 20px;
	font-size: 24px;
	letter-spacing: 4px;
	font-weight: 400
}

.clusterVin .slider-number .slideCountItem {
	color: #f12a03
}

@media (max-width: 815px) {
	.clusterVin .slider-number {
		left: 32%;
		bottom: 22px
	}
}

.clusterVin .whatsNewSlier h3 {
	font-size: 16px;
	font-weight: bold;
	color: #183882;
	margin: 10px 0 0 0
}

@media (max-width: 815px) {
	.clusterVin .whatsNewSlier img {
		margin: 0 auto
	}
}

.clusterVin .whatsNewSlier .slick-prev,
.clusterVin .whatsNewSlier .slick-next {
	background: transparent;
	border: 0 none;
	width: 25px;
	height: 20px
}

.clusterVin .whatsNewSlier .slick-prev:before,
.clusterVin .whatsNewSlier .slick-next:before {
	background: url(../img/brands/cluster/arrow-cluster.html) no-repeat 0 0;
	width: 25px;
	height: 20px;
	left: 0;
	top: 0
}

.clusterVin .whatsNewSlier .slick-prev:hover:before,
.clusterVin .whatsNewSlier .slick-next:hover:before {
	background-position: 0 -43px
}

.clusterVin .whatsNewSlier .slick-prev {
	left: 70%;
	margin-top: 66px
}

@media (max-width: 815px) {
	.clusterVin .whatsNewSlier .slick-prev {
		left: 50%;
		margin-top: 0;
		top: inherit;
		bottom: -60px
	}
}

.clusterVin .whatsNewSlier .slick-next {
	transform: rotate(180deg);
	margin-top: 56px;
	left: 78%
}

@media (max-width: 815px) {
	.clusterVin .whatsNewSlier .slick-next {
		left: 68%;
		margin-top: 0;
		top: inherit;
		bottom: -50px
	}
}

.clusterVin .whatsNewSlier .slick-next:hover:before,
.clusterVin .whatsNewSlier .slick-prev:hover:before {
	animation: none
}

@media (max-width: 815px) {
	.clusterVin .whatsNewWrap {
		margin: 30px 0 0 0
	}
}

.clusterVin .whatsNewWrap h2 {
	margin-left: 32px
}

@media (max-width: 815px) {
	.clusterVin .whatsNewWrap h2 {
		margin-left: 2px
	}
}

.clusterVin .whatNewCont {
	background-color: #fff;
	border: solid 1px #c9c9c9;
	padding: 30px 30px 15px 30px;
	border-radius: 15px
}

@media (max-width: 815px) {
	.clusterVin .whatNewCont {
		padding-bottom: 80px
	}
}

.clusterVin .tinEle {
	background: #fff;
	padding: 25px
}

.clusterVin .tinEligFrom {
	position: relative
}

@media (min-width: 815px) {
	.clusterVin .tinEligFrom {
		min-height: 112px
	}
}

.clusterVin .tinEligFrom label {
	font-size: 14px;
	color: #6b6b6b
}

.clusterVin .tinEligFrom label.error {
	color: #f12a00;
	margin-top: 10px
}

.clusterVin .tinEligFrom input {
	font-size: 14px;
	color: #000;
	border: solid 1px #9e9e9e;
	border-radius: 10px;
	padding: 13px 15px;
	margin-top: 6px;
	width: 100%
}

.clusterVin .tinEligFrom .vinCheck {
	position: absolute;
	top: 20px;
	right: 0;
	border-radius: 10px;
	height: 48px
}

.clusterVin .vinUpdradeWrap {
	border: solid 1px #cacaca;
	border-radius: 15px;
	background: #fff;
	margin-top: 30px
}

.clusterVin .vinUpdradeWrap h2 {
	padding: 40px 0 0 40px
}

@media (max-width: 815px) {
	.clusterVin .vinUpdradeWrap h2 {
		padding: 30px 0 0 20px;
		margin-bottom: 0
	}
}

.clusterVin .vinUpdradeWrap .fromSpace {
	padding: 0 40px;
	display: inline-block;
	width: 100%
}

@media (max-width: 815px) {
	.clusterVin .vinUpdradeWrap .fromSpace {
		padding: 0 15px
	}
}

.clusterVin .vinUpdradeWrap .fromSpace.topBorder {
	position: relative
}

.clusterVin .vinUpdradeWrap .fromSpace.topBorder::before {
	content: '';
	position: absolute;
	left: 1.5%;
	top: 0;
	width: 97%;
	background-color: #cacaca;
	height: 1px
}

@media (max-width: 815px) {
	.clusterVin .vinUpdradeWrap .fromSpace .noSpaceLeftRight {
		padding-left: 0;
		padding-right: 0
	}
}

.clusterVin .vinUpdradeWrap .yourVinNo {
	margin: 20px 5px 20px 16px;
	width: 97%;
	padding-top: 15px
}

@media (max-width: 815px) {
	.clusterVin .vinUpdradeWrap .yourVinNo {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		border-top: 0 none
	}
}

.clusterVin .vinUpdradeWrap .yourVinNo p {
	font-size: 18px;
	color: #666
}

@media (max-width: 815px) {
	.clusterVin .vinUpdradeWrap .yourVinNo p {
		font-size: 17px
	}
}

.clusterVin .vinUpdradeWrap .yourVinNo p strong {
	font-family: 700;
	color: #000;
	text-transform: uppercase
}

.clusterVin .vinUpdradeWrap .yourVinNo p.amount {
	font-size: 12px;
	color: #000
}

.clusterVin .vinUpdradeWrap .yourVinNo p.amount span {
	font-size: 26px;
	line-height: 22px;
	display: block;
	font-weight: 700
}

.clusterVin .vinUpdradeWrap .yourVinNo p.smallText {
	font-size: 12px;
	color: #6b6b6b;
	margin: 0 0 0 0
}

.clusterVin .vinUpdradeWrap .yourVinNo .yourVinNoTxt {
	margin-top: 15px
}

@media (max-width: 815px) {
	.clusterVin .vinUpdradeWrap .paymentProcess {
		text-align: center
	}
}

@media (min-width: 815px) {
	.clusterVin .vinUpdradeWrap .paymentProcess {
		float: right
	}
}

@media (max-width: 815px) {
	.clusterVin .vinUpdradeWrap .paymentProcess .btn.blue {
		margin-bottom: 0;
		margin-top: 18px
	}
}

.clusterVin .vinUpdradeWrap.testrideWrap {
	padding-top: 0 !important
}

.clusterVin .vinUpdradeWrap.testrideWrap .qa-form .qa-option .group>label {
	color: #828282
}

@media (max-width: 815px) {
	.clusterVin .vinUpdradeWrap.testrideWrap .qa-form .qa-option .group>label {
		left: 2px;
		top: -27px
	}
}

.clusterVin .vinUpdradeWrap.testrideWrap .qa-form .qa-option .group input#city,
.clusterVin .vinUpdradeWrap.testrideWrap .qa-form .qa-option .group input#state {
	border: 0 none !important
}

.clusterVin .thankYouWrapper {
	max-width: 530px;
	margin: 0 auto;
	text-align: center
}

.clusterVin .thankYouWrapper .thankYouIcon {
	display: inline-block
}

.clusterVin .thankYouWrapper h1 {
	display: block;
	color: #183783;
	font-size: 30px;
	font-weight: 700;
	margin: 10px 0 15px
}

.clusterVin .thankYouWrapper h2 {
	font-size: 16px;
	color: #000;
	font-weight: 500
}

.clusterVin .thankYouWrapper h2 strong {
	font-weight: 900
}

.clusterVin .thankYouWrapper p {
	line-height: 20px;
	font-size: 14px;
	margin: 30px 0 25px 0
}

.clusterVin .thankYouWrapper .btn {
	border-radius: 15px
}

.col-sm-offset-right-6 {
	margin-right: 50%
}

.clearFloat {
	clear: both
}

.clusterVin.testRide .qa-form {
	max-width: 100%;
	padding: 0;
	box-shadow: none;
	background: transparent
}

@media (max-width: 815px) {
	.clusterVin.testRide .qa-form .dealersOnPin .paymentOpts {
		padding: 0 15px 0 15px
	}
}

.clusterVin.testRide .qa-form .dealersOnPin .paymentOpts>label.checkboxCont {
	float: left;
	width: 32%;
	margin-left: 15px;
	border: solid 1px #7f7f7f;
	border-radius: 15px
}

@media (min-width: 815px) {
	.clusterVin.testRide .qa-form .dealersOnPin .paymentOpts>label.checkboxCont:nth-child(3n+1) {
		margin-left: 0
	}
}

@media (max-width: 815px) {
	.clusterVin.testRide .qa-form .dealersOnPin .paymentOpts>label.checkboxCont {
		width: 100%;
		margin-left: 0;
		min-height: auto
	}
}

.clusterVin.testRide .qa-form .dealersOnPin .paymentOpts p.dlrTxt strong {
	word-break: break-word
}

.clusterVin.testRide .qa-form .dealersOnPin .paymentOpts.dlrOtpCnt>label.checkboxCont span.distaCnt {
	border: 0 none;
	font-weight: normal;
	color: black;
	font-size: 14px
}

.clusterVin.testRide .qa-form .edt-scroll {
	max-height: 500px
}

.clusterVin.testRide .qa-form .btn {
	margin: 8px 10px 0;
	border-radius: 15px;
	padding: 10px 30px;
	width: auto;
	outline: 0 none
}

.clusterVin.testRide .qa-form input.userotpNum {
	height: 48px
}

.clusterVin.testRide .qa-form #userotpNumber-error {
	color: #f12a00 !important;
	font-size: 12px !important
}

.clusterVin.testRide .qa-form .orSep .group {
	text-align: center
}

@media (max-width: 815px) {
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer {
		width: 230px
	}
}

.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
	letter-spacing: 54px
}

@media (max-width: 815px) {
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox {
		letter-spacing: 48px;
		background-size: 80% 100%;
		width: 280px;
		min-width: 280px
	}
}

.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.zero,
.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.one,
.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.two,
.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.three,
.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.red,
.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.green {
	background: transparent url(../img/otp-bg.html) left center no-repeat
}

@media (max-width: 815px) {
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.zero,
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.one,
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.two,
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.three,
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.red,
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer input.userotpNum.userotpBox.green {
		background-size: 80% 100%
	}
}

@media (max-width: 815px) {
	.vinUpdradeWrap.testrideWrap .qa-form .qa-option .group .otp-outer {
		width: 230px
	}
}

.bannerInner {
	position: relative;
	margin: 30px 0 40px 0
}

.bannerInner p {
	position: absolute;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 20px;
	line-height: 24px;
	width: 90%;
	top: 50%;
	left: 5%;
	transform: translateY(-50%)
}

@media (min-width: 815px) {
	.bannerInner p {
		font-size: 24px;
		line-height: 36px
	}
}

.bannerInner img {
	width: 100%
}

.bannerInner h1 {
	position: absolute;
	color: #fff;
	font-size: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	display: inline-block;
	left: 5%;
	padding: 50px 50px;
	line-height: 40px;
	bottom: 0;
	background: rgba(13, 56, 136, 0.8);
	text-transform: inherit
}

@media (max-width: 815px) {
	.bannerInner h1 {
		font-size: 19px;
		left: 0;
		padding: 30px 20px;
		line-height: 25px
	}
}

.innerPart>.layoutWrap {
	width: 100%
}

.innerPart>.layoutWrap nav {
	width: 94%;
	overflow: hidden;
	margin: 0 auto
}

.boxOutline {
	border: 1px solid #cecece;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
}

@media (max-width: 815px) {
	.boxOutline {
		padding: 15px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.boxOutline {
		border: none;
		background-color: unset;
		box-shadow: none
	}
}

.contPart h2 {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 25px
}

@media (min-width: 815px) {
	.contPart h2 {
		font-size: 30px
	}
}

.contPart .row {
	margin-bottom: 20px;
	padding-bottom: 20px
}

@media (min-width: 815px) {
	.contPart .row {
		margin: 0;
		padding-bottom: 0
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.contPart .row {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border: 1px solid #cecece;
		box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.contPart .p-xs-0 {
		padding: 0
	}
}

@media (min-width: 815px) {
	.contPart .col-sm-6 {
		padding: 0
	}
}

.contPart .contImg {
	width: 100%
}

.contPart .textWrap {
	position: relative
}

@media (min-width: 815px) {
	.contPart .textWrap {
		min-height: 360px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.contPart .textWrap {
		min-height: 325px
	}
}

@media (min-width: 815px) {
	.contPart .text {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 84%;
		transform: translate(-50%, -50%)
	}
}

.contPart .text h3 {
	color: #fff;
	font-size: 22px;
	padding: 7px;
	background-color: #183883;
	width: 85%;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (max-width: 815px) {
	.contPart .text h3 {
		font-size: 19px;
		margin: 20px 0 15px 0
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.contPart .text h3 {
		font-size: 26px;
		line-height: 34px
	}
}

@media only screen and (min-device-width: 768px) {
	.contPart .text h3 {
		transform: translate(-11%, 0);
		padding-left: 45px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.contPart .text h3 {
		transform: translate(-6%, 0);
		padding-left: 18px
	}
}

.contPart .text p {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 16px
}

@media (max-width: 815px) {
	.contPart .text p {
		font-size: 14px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.contPart .text p {
		font-size: 14px;
		line-height: 22px
	}
}

.bgWhite {
	background: #fff
}

.leaders .leadersIcon {
	max-width: 800px;
	margin: 30px auto
}

@media (max-width: 815px) {
	.leaders .leadersIcon>.row {
		margin: 0
	}
}

@media (min-width: 815px) {
	.leaders .leadersIcon {
		margin: 50px auto
	}
}

.leaders .leadersIcon img {
	display: inline
}

@media (max-width: 815px) {
	.leaders .leadersIcon img {
		width: 70px
	}
}

.leaders .leadersIcon p {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #333
}

@media (max-width: 815px) {
	.leaders .leadersIcon p {
		font-size: 12px;
		line-height: 16px
	}
}

.leaders .leadersIcon p.blurb {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #676767;
	line-height: 24px;
	margin: 20px 0 40px 0
}

@media (max-width: 815px) {
	.leaders .leadersIcon p.blurb {
		font-size: 14px;
		margin: 0
	}
}

.ecoLeader {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	margin: 50px 0;
	padding: 50px 0 30px 0;
	color: #fff
}

@media (max-width: 815px) {
	.ecoLeader {
		padding-top: 10px;
		padding-bottom: 0;
		margin: 30px 0
	}
}

.ecoLeader h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.ecoLeader h2 {
	font-size: 46px;
	margin-bottom: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (max-width: 815px) {
	.ecoLeader h2 {
		margin-bottom: -12px
	}
}

.ecoLeader p {
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.ecoLeader p {
		font-size: 15px
	}
}

@media (max-width: 815px) {
	.ecoLeader.trust {
		padding-bottom: 25px
	}
}

@media (max-width: 815px) {
	.ecoLeader.trust p {
		margin-bottom: 10px
	}
}

@media (max-width: 815px) {
	.ecoLeader.trust h2 {
		margin-bottom: -12px;
		padding: 15px 0 12px 0;
		font-size: 25px;
		font-weight: 500
	}
}

.leadersTeam .thumbnail {
	border-color: #cecece;
	padding: 0;
	border-radius: 0;
	text-align: center
}

.leadersTeam .thumbnail>img {
	width: 100%
}

.leadersTeam .thumbnail .zoomImg {
	text-align: center
}

.leadersTeam .thumbnail .zoomImg>img {
	display: inline-block;
	width: 100%
}

.leadersTeam .thumbnail .caption {
	text-align: center
}

.leadersTeam .thumbnail .caption p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 25px
}

@media (min-width: 815px) {
	.leadersTeam .thumbnail .caption p {
		font-size: 16px
	}
}

.leadersTeam .thumbnail .caption p.title {
	font-size: 19px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #000
}

@media (min-width: 815px) {
	.leadersTeam .thumbnail .caption p.title {
		font-size: 22px
	}
}

.welcomeOverview {
	margin: 0 0 30px 0
}

@media (min-width: 815px) {
	.welcomeOverview {
		margin: 0 0 60px 0
	}
}

.welcomeOverview .welcomeText p {
	color: #5e5e5e;
	font-size: 14px
}

@media (min-width: 815px) {
	.welcomeOverview .welcomeText p {
		font-size: 16px
	}
}

.welcomeOverview .welcomeText p.hightLight {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: 500
}

@media (min-width: 815px) {
	.welcomeOverview .welcomeText p.hightLight {
		font-size: 24px;
		line-height: 35px
	}
}

.welcomeOverview .overViewIcons {
	text-align: center;
	margin: 20px 0 0 0
}

@media (min-width: 815px) {
	.welcomeOverview .overViewIcons {
		margin: 60px 0 40px 0
	}
}

.welcomeOverview .overViewIcons img {
	display: inline;
	width: 80px
}

@media (max-width: 815px) {
	.welcomeOverview .overViewIcons img {
		margin-top: 10px
	}
}

.welcomeOverview .overViewIcons p {
	color: #404040;
	font-size: 14px;
	line-height: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (min-width: 815px) {
	.welcomeOverview .overViewIcons p {
		font-size: 17px;
		line-height: 22px
	}
}

.welcomeOverview .overViewIcons p.numbers {
	color: #183883;
	font-weight: 600;
	font-size: 42px;
	line-height: 45px;
	letter-spacing: -2px;
	margin-top: 10px;
	margin-bottom: 0
}

@media (min-width: 815px) {
	.welcomeOverview .overViewIcons p.numbers {
		font-size: 60px;
		line-height: 70px
	}
}

.welcomeOverview .overViewIcons p.numbers span {
	font-size: 24px;
	line-height: 22px;
	letter-spacing: 1px
}

.profile-article {
	margin: 40px 0;
	color: #000
}

.profile-article img {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 15px
}

@media (min-width: 815px) {
	.profile-article img {
		margin-bottom: 0
	}
}

.profile-article h1 {
	font-weight: 600;
	line-height: 1.4;
	font-size: 22px;
	text-transform: none;
	margin: 0;
	padding: 0
}

.profile-article h2,
.profile-article h3,
.profile-article h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 15px;
	margin-top: 20px
}

@media (min-width: 815px) {
	.profile-article h2,
	.profile-article h3,
	.profile-article h4 {
		font-size: 22px
	}
}

.profile-article h2.bigSize {
	font-size: 32px
}

.profile-article h4 {
	margin-top: 30px
}

.profile-article h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4
}

@media (min-width: 815px) {
	.profile-article h5 {
		font-size: 20px
	}
}

.profile-article p {
	margin: 20px 0
}

.profile-article p.date {
	font-size: 14px;
	color: #757575;
	margin: 0
}

.profile-article hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid #c6c6c6
}

.contPart .leaders .row,
.contPart .leadersTeam .row {
	border: 0 none;
	box-shadow: none
}

.innovations {
	margin-top: 70px;
	margin-bottom: 70px
}

@media (max-width: 815px) {
	.innovations {
		margin-top: 40px;
		margin-bottom: 0
	}
}

.innovations .contPart {
	border: 0 none;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.innov-list {
	margin: 30px 0
}

.innov-list>.row {
	margin-left: -15px;
	margin-right: -15px
}

@media (max-width: 815px) {
	.innov-list>.row>.col-xs-12 {
		width: 50%
	}
}

.innovations-photo {
	position: relative
}

@media (max-width: 815px) {
	.innovations-photo {
		margin-bottom: 30px
	}
}

.innovations-photo img {
	width: 100%
}

.innovations-photo h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 20px;
	margin: 0;
	font-size: 22px
}

@media (max-width: 815px) {
	.innovations-photo h3 {
		padding: 10px;
		font-size: 16px
	}
}

.innovations-photo h3:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 14px;
	background: url("../img/white-arrow.png") no-repeat;
	margin-left: 15px
}

@media (max-width: 480px) {
	.innovations-photo h3:after {
		width: 5px;
		height: 9px;
		background-size: 100%
	}
}

.trust .btn {
	background: #fff;
	color: #183883
}

.heritage-wrapper {
	color: #000;
	margin-top: 60px
}

@media (max-width: 815px) {
	.heritage-wrapper {
		margin-top: 30px
	}
}

.heritage-wrapper h2 {
	font-size: 51px;
	font-weight: 700;
	color: #000;
	text-transform: capitalize;
	margin: 0;
	line-height: 50px
}

@media (min-width: 815px) and (max-width: 900px) {
	.heritage-wrapper h2 {
		font-size: 36px
	}
}

@media (max-width: 815px) {
	.heritage-wrapper h2 {
		font-size: 30px
	}
}

.heritage-wrapper h4 {
	font-size: 22px;
	font-weight: 300
}

@media (max-width: 815px) {
	.heritage-wrapper h4 {
		font-size: 18px
	}
}

.heritage-wrapper h4.bold {
	font-weight: 500;
	line-height: 1.8
}

@media (max-width: 815px) {
	.heritage-wrapper h4.bold {
		font-size: 19px;
		line-height: 1.5
	}
}

.heritage-wrapper p {
	margin: 0 0 25px
}

.heritage-wrapper .founding {
	margin: 30px 0 60px
}

@media (max-width: 815px) {
	.heritage-wrapper .founding {
		margin: 0
	}
}

.heritage-wrapper .founding img {
	width: 100%
}

@media (max-width: 815px) {
	.heritage-wrapper .founding img {
		margin-bottom: 20px
	}
}

.group-styling {
	color: #000;
	margin-bottom: 70px
}

@media (max-width: 815px) {
	.group-styling {
		margin-bottom: 40px
	}
}

.group-styling h2 {
	margin-top: 50px
}

@media (max-width: 815px) {
	.group-styling h2 {
		margin-top: 25px;
		font-weight: 500;
		margin-bottom: 15px
	}
}

.group-styling h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4
}

@media (min-width: 815px) {
	.group-styling h4 {
		font-size: 22px
	}
}

@media (min-width: 815px) {
	.section-scroll {
		height: 200px
	}
}

@media (min-width: 815px) {
	.section-scroll.foldLargeCont {
		height: 240px
	}
}

.section-scroll ul {
	margin-left: 10px
}

.section-scroll ul li {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 7px;
	color: #000;
	line-height: 22px
}

.section-scroll strong {
	font-weight: bold
}

.rnd-wrapper {
	color: #000;
	margin-top: 40px
}

.rnd-wrapper .textWrap h3 {
	font-size: 19px;
	line-height: 1.4;
	margin-top: 20px
}

@media (min-width: 815px) {
	.rnd-wrapper .textWrap h3 {
		font-size: 30px;
		margin-top: 0;
		font-weight: 500
	}
}

.eco-list {
	display: table;
	width: 100%;
	background-color: #fff;
	border: 1px solid #cecece;
	margin-bottom: 15px
}

@media (min-width: 815px) {
	.eco-list {
		margin-bottom: 0
	}
}

.eco-list>div {
	display: table-cell;
	padding: 10px 20px
}

.eco-list>div.eco-type {
	text-align: center
}

.rnd-how ul {
	padding-left: 20px;
	margin: 30px 0;
	font-weight: 500
}

.rnd-how ul li {
	margin-bottom: 10px;
	list-style: disc
}

.legend {
	text-align: center;
	list-style: none;
	margin: 30px 0
}

.legend li {
	display: inline-block;
	padding: 0 10px
}

.legend li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 20px;
	height: 25px;
	background: url("../img/fuel-icon.png") 0 0 no-repeat
}

.legend li.fuelEco {
	color: #5ba749
}

.legend li.convenience {
	color: #e08548
}

.legend li.convenience:before {
	width: 25px;
	height: 25px;
	background: url("../img/wheel-icon.png") 0 0 no-repeat
}

.rnd-att h2 {
	font-size: 19px;
	line-height: 1.4
}

@media (min-width: 815px) {
	.rnd-att h2 {
		font-size: 32px
	}
}

.rnd-att .contImg {
	margin-bottom: 20px;
	width: 100%
}

@media (min-width: 815px) {
	.rnd-att .contImg {
		margin-bottom: 0
	}
}

.tvs-att img {
	width: 100%
}

.back-btn {
	display: inline-block;
	position: relative;
	top: -15px;
	left: 2px;
	color: #000
}

@media (min-width: 1024px) {
	.back-btn {
		top: 36px;
		left: 30px
	}
}

.back-btn:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 14px;
	background: url("../img/black-left-arrow.png") 0 0 no-repeat;
	position: relative;
	top: 2px;
	margin-right: 10px
}

.heroATT {
	margin-top: 30px
}

.innovWrapper h4.bold {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.8;
	color: #000
}

@media (max-width: 815px) {
	.innovWrapper h4.bold {
		font-size: 19px;
		line-height: 1.5
	}
}

.testRide h1 {
	font-size: 32px;
	color: #000;
	text-transform: inherit;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.testRide .qa-form {
	max-width: 560px;
	padding: 15px;
	display: block;
	margin: 0 auto
}

@media (min-width: 815px) {
	.testRide .qa-form {
		padding: 30px
	}
}

.formTestRide {
	margin-top: 20px
}

.formTestRide label {
	font-size: 14px;
	margin-bottom: 5px;
	color: #333;
	display: block;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.formTestRide label em {
	color: #7d7b7b
}

.formTestRide input,
.formTestRide select {
	border: solid 1px #e4e4e4;
	border-radius: 0;
	height: 48px;
	width: 100%;
	padding: 6px 12px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	font-size: 16px
}

.formTestRide .select {
	position: relative;
	border: none;
	height: auto
}

.formTestRide .select:after {
	top: 4px;
	right: 4px
}

.formTestRide .select select {
	color: #000;
	padding: 6px 12px;
	color: #848484;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.formTestRide .btn {
	margin: 15px 10px;
	border-radius: 6px
}

.formTestRide .radio label {
	display: inline-block
}

.formTestRide .radio input {
	height: auto;
	width: auto
}

.testRideImg {
	padding: 0 0 0 0
}

@media (max-width: 815px) {
	.testRideImg {
		padding-top: 0
	}
}

.vehicleSelectBox {
	border-bottom: solid 1px #c6c6c6;
	height: 70px;
	padding: 6px 12px;
	position: relative;
	cursor: pointer
}

@media (max-width: 350px) {
	.vehicleSelectBox {
		padding-left: 0;
		padding-right: 0
	}
}

.vehicleSelectBox:after {
	content: '';
	position: absolute;
	right: 8px;
	top: 25px;
	height: 8px;
	width: 12px;
	background: url("../img/down-arrow.png") no-repeat
}

.vehicleSelectBox.removeDownArrw:after {
	display: none
}

.vehicleSelectBox>p {
	line-height: 24px;
	color: #848484;
	position: relative
}

.vehicleSelectBox>p::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 10px 0 0;
	height: 38px;
	background: transparent url(../img/down-arrow.png) center no-repeat;
	pointer-events: none
}

.vehicleSelectBox .selectedOne {
	display: none;
	margin-top: -10px;
	height: 60px
}

.vehicleSelectBox .selectedOne h2 {
	font-size: 20px;
	float: left;
	margin-top: 18px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (max-width: 815px) {
	.vehicleSelectBox .selectedOne h2 {
		font-size: 14px;
		width: 180px
	}
}

@media (max-width: 350px) {
	.vehicleSelectBox .selectedOne h2 {
		width: 150px
	}
}

.vehicleSelectBox .selectedOne>img {
	float: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: 10px
}

.vehicleSelectBoxListing {
	position: absolute;
	background: #fff;
	border: solid 1px #e4e4e4;
	width: calc(100% - 0);
	margin-left: 0;
	z-index: 1;
	left: 0;
	top: 70px;
	display: none;
	height: 280px;
	overflow: auto
}

@media (max-width: 815px) {
	.vehicleSelectBoxListing {
		height: 250px
	}
}

.vehicleSelectBoxListing.mCustomScrollbar {
	height: 280px;
	padding-top: 10px;
	padding-bottom: 10px
}

.vehicleSelectBoxListing.mCustomScrollbar .mCSB_inside>.mCSB_container {
	margin-right: 14px
}

.vehicleSelectBoxListing.mCustomScrollbar .mCSB_scrollTools {
	width: 8px;
	right: 8px
}

.vehicleSelectBoxListing ul {
	padding: 10px 10px
}

.vehicleSelectBoxListing ul>li {
	display: inline-block;
	margin: 8px 5px;
	max-width: 100px;
	text-align: center;
	vertical-align: top
}

@media (max-width: 815px) {
	.vehicleSelectBoxListing ul>li {
		margin: 2px 15px
	}
}

@media (max-width: 350px) {
	.vehicleSelectBoxListing ul>li {
		margin-left: 8px;
		margin-right: 8px
	}
}

.vehicleSelectBoxListing ul>li>a p {
	font-size: 13px;
	color: #000;
	line-height: 16px
}

.vehicleSelectBoxListing ul>li>a:hover p {
	color: #183883;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.vehicleSelectBoxListing ul>li>a.active p {
	color: #183883;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.thankYou .qa-form {
	min-height: 350px
}

@media (min-width: 815px) {
	.thankYou .qa-form {
		min-height: 550px
	}
}

.thankYou .qa-form .verticleCenter {
	transform: translateY(-50%);
	position: absolute;
	top: 50%
}

#dealer-menu {
	width: 74.5% !important;
	max-height: 250px
}

#dealer-button {
	background: transparent;
	border: 0 none;
	padding: 10px 0 15px 0;
	border-bottom: solid 1px #c6c6c6;
	border-radius: 0
}

#dealer-menu .ui-menu-item {
	font-size: 13px
}

.ui-button .ui-icon {
	background: none;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	height: 7px;
	width: 7px;
	transform: rotate(45deg);
	right: 12px
}

.testDriveFormOTP p.smallFT {
	font-size: 14px
}

.testDriveFormOTP p.smallFT>a {
	color: #f12a00;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 15px
}

.priceCnt {
	margin: 0 0 0 0;
	padding: 20px 25px;
	background-color: #e7e7e7
}

.priceCnt p {
	color: #000000;
	font-size: 16px;
	line-height: 22px;
	display: inline-block;
	width: 100%
}

@media (max-width: 360px) {
	.priceCnt p {
		font-size: 14px;
		line-height: 20px
	}
}

.priceCnt p span {
	float: right
}

.priceCnt p span.exPrice {
	font-weight: bold
}

.priceCnt.priceBreakUp {
	padding: 0;
	background-color: transparent
}

.priceCnt.priceBreakUp table th,
.priceCnt.priceBreakUp table td {
	border: 0 none
}

.priceCnt.priceBreakUp table td.colWidth {
	width: 30%
}

@media (min-width: 815px) {
	.priceCnt.priceBreakUp table td.colWidth {
		width: 18%
	}
}

.priceCnt.priceBreakUp table td:last-child,
.priceCnt.priceBreakUp table td:nth-last-child(2) {
	text-align: right
}

.priceCnt.priceBreakUp .bkStndAccDescption .bkOptAccDescption {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px
}

.bookOTP,
.dealersOnPin {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	float: left
}

.bookOTP .prices,
.dealersOnPin .prices {
	margin: 30px 0
}

@media (min-width: 815px) {
	.bookOTP .prices,
	.dealersOnPin .prices {
		margin: 10px 0
	}
}

.bookOTP .prices p,
.dealersOnPin .prices p {
	font-size: 14px;
	color: #000
}

.bookOTP .prices p em,
.dealersOnPin .prices p em {
	display: block;
	font-size: 22px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-display: swap
}

@media (min-width: 815px) {
	.bookOTP .prices p em,
	.dealersOnPin .prices p em {
		font-size: 27px
	}
}

.bookOTP .serepator,
.dealersOnPin .serepator {
	font-size: 30px;
	font-weight: 700;
	text-transform: inherit;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	margin-top: 12px
}

.bookOTP .serepator::after,
.dealersOnPin .serepator::after {
	content: '';
	position: absolute;
	left: 0;
	top: 16px;
	height: 2px;
	width: 100%;
	background-color: #f2f2f2
}

.bookOTP .serepator span,
.dealersOnPin .serepator span {
	background: #fff;
	padding: 5px 20px;
	position: relative;
	z-index: 1
}

.bookOTP .tvsCredit,
.bookOTP .paymentOpts,
.dealersOnPin .tvsCredit,
.dealersOnPin .paymentOpts {
	margin: 30px 0
}

@media (min-width: 815px) {
	.bookOTP .tvsCredit,
	.bookOTP .paymentOpts,
	.dealersOnPin .tvsCredit,
	.dealersOnPin .paymentOpts {
		margin: 20px 0
	}
}

.bookOTP .tvsCredit .checkmark,
.bookOTP .paymentOpts .checkmark,
.dealersOnPin .tvsCredit .checkmark,
.dealersOnPin .paymentOpts .checkmark {
	margin: 1px 0 0 2px !important
}

.bookOTP .tvsCredit p,
.bookOTP .paymentOpts p,
.dealersOnPin .tvsCredit p,
.dealersOnPin .paymentOpts p {
	font-style: 14px;
	color: #000
}

.bookOTP .tvsCredit .checkboxCont input:checked~.checkmark,
.bookOTP .paymentOpts .checkboxCont input:checked~.checkmark,
.dealersOnPin .tvsCredit .checkboxCont input:checked~.checkmark,
.dealersOnPin .paymentOpts .checkboxCont input:checked~.checkmark {
	background: url("../img/radio-active.png") no-repeat 0 0;
	border: 0 none
}

.bookOTP .tvsCredit .checkboxCont input:checked~.checkmark::after,
.bookOTP .paymentOpts .checkboxCont input:checked~.checkmark::after,
.dealersOnPin .tvsCredit .checkboxCont input:checked~.checkmark::after,
.dealersOnPin .paymentOpts .checkboxCont input:checked~.checkmark::after {
	background: transparent
}

.bookOTP .paymentOpts>label.checkboxCont,
.dealersOnPin .paymentOpts>label.checkboxCont {
	border: 1px #000 dashed;
	padding: 10px 10px 10px 50px;
	margin-bottom: 20px;
	background-color: #fff
}

.bookOTP .paymentOpts>label.checkboxCont.active,
.dealersOnPin .paymentOpts>label.checkboxCont.active {
	background-color: #e7ffec;
	border-color: #009720
}

.bookOTP .paymentOpts>label.checkboxCont.active p,
.dealersOnPin .paymentOpts>label.checkboxCont.active p {
	color: #000
}

.bookOTP .paymentOpts>label.checkboxCont.active p.dlrTxt,
.dealersOnPin .paymentOpts>label.checkboxCont.active p.dlrTxt {
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	font-weight: bold;
	margin: 35px 0 0 0
}

.bookOTP .paymentOpts .checkmark,
.dealersOnPin .paymentOpts .checkmark {
	margin: 25px 0 0 15px !important;
	height: 21px;
	width: 21px
}

.bookOTP .paymentOpts .checkmark.dlrcheck,
.dealersOnPin .paymentOpts .checkmark.dlrcheck {
	margin: 45px 0 0 15px !important
}

.bookOTP .paymentOpts p,
.dealersOnPin .paymentOpts p {
	color: #6b6b6b;
	font-size: 14px;
	line-height: 20px;
	text-transform: none;
	margin-bottom: 5px
}

.bookOTP .paymentOpts p em,
.dealersOnPin .paymentOpts p em {
	font-weight: 900;
	font-size: 21px
}

.bookOTP .paymentOpts p strong,
.dealersOnPin .paymentOpts p strong {
	color: #000;
	font-weight: normal;
	margin-top: 10px;
	display: inline-block
}

.bookOTP .paymentOpts p.estTxt,
.dealersOnPin .paymentOpts p.estTxt {
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	font-weight: bold;
	margin: 0 0 0 0;
	position: absolute;
	left: 15px;
	top: 15px
}

.bookOTP .paymentOpts p.dlrTxt,
.dealersOnPin .paymentOpts p.dlrTxt {
	font-size: 16px;
	line-height: 22px;
	color: #7f7f7f;
	font-weight: bold;
	margin: 35px 0 0 0
}

.bookOTP .paymentOpts p.dlrTxt strong,
.dealersOnPin .paymentOpts p.dlrTxt strong {
	font-size: 14px;
	line-height: 20px;
	color: #7f7f7f;
	font-weight: normal;
	margin-top: 10px;
	display: inline-block
}

.bookOTP .paymentOpts p.amount,
.dealersOnPin .paymentOpts p.amount {
	color: #7f7f7f;
	font-size: 26px;
	line-height: 32px;
	font-weight: bold
}

.bookOTP .paymentOpts.dlrOtpCnt>label.checkboxCont,
.dealersOnPin .paymentOpts.dlrOtpCnt>label.checkboxCont {
	padding: 10px 10px 60px 50px
}

.bookOTP .paymentOpts.dlrOtpCnt>label.checkboxCont span.distaCnt,
.dealersOnPin .paymentOpts.dlrOtpCnt>label.checkboxCont span.distaCnt {
	font-size: 16px;
	line-height: 22px;
	color: #7f7f7f;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	border-top: 1px #000 dashed;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	padding: 12px 0
}

.bookOTP .paymentOpts.dlrOtpCnt>label.checkboxCont span.distaCnt img,
.dealersOnPin .paymentOpts.dlrOtpCnt>label.checkboxCont span.distaCnt img {
	vertical-align: text-top;
	display: inline-block
}

.bookOTP .paymentOpts.dlrOtpCnt>label.checkboxCont.active span.distaCnt,
.dealersOnPin .paymentOpts.dlrOtpCnt>label.checkboxCont.active span.distaCnt {
	color: #000000
}

.bookOTP .btn,
.dealersOnPin .btn {
	width: 100%;
	padding-top: 18px;
	padding-bottom: 18px;
	margin-left: 0 !important
}

@media (max-width: 815px) {
	.bookOTP .btn,
	.dealersOnPin .btn {
		font-size: 11px;
		padding-left: 12px;
		padding-right: 12px
	}
}

.bookOTP .btn.applyCTA,
.dealersOnPin .btn.applyCTA {
	font-size: 14px
}

.bookOTP h3,
.dealersOnPin h3 {
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	margin: 15px 0 10px 0
}

.bookOTP p strong,
.dealersOnPin p strong {
	font-weight: bold
}

.bookOTP ol,
.dealersOnPin ol {
	list-style: decimal;
	margin-left: 20px
}

.bookOTP ol li,
.dealersOnPin ol li {
	margin-bottom: 10px
}

.bookOTP .noteTnC,
.dealersOnPin .noteTnC {
	background-color: #e7e7e7
}

.bookOTP .totalAmt p.amount,
.dealersOnPin .totalAmt p.amount {
	margin: 0 0 0 0;
	padding: 30px 25px;
	background-color: #e7e7e7;
	color: #183883;
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
	display: inline-block;
	width: 100%
}

@media (max-width: 480px) {
	.bookOTP .totalAmt p.amount,
	.dealersOnPin .totalAmt p.amount {
		font-size: 22px;
		line-height: 28px
	}
}

@media (max-width: 360px) {
	.bookOTP .totalAmt p.amount,
	.dealersOnPin .totalAmt p.amount {
		font-size: 19px;
		line-height: 25px
	}
}

.bookOTP .totalAmt p.amount span,
.dealersOnPin .totalAmt p.amount span {
	float: right
}

.blueBox {
	background: #183883;
	padding: 30px;
	text-align: center;
	margin-top: 20px
}

@media (max-width: 815px) {
	.blueBox {
		padding: 15px 20px 6px 20px;
		margin-top: 10px
	}
}

.blueBox h3 {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 8px
}

@media (max-width: 815px) {
	.blueBox h3 {
		font-size: 12px
	}
}

.blueBox .btn {
	font-weight: bold;
	font-size: 16px;
	text-transform: none
}

#applyFinance,
.homeDelivery {
	background: rgba(0, 0, 0, 0.7)
}

@media (min-width: 815px) {
	#applyFinance .modal-dialog,
	.homeDelivery .modal-dialog {
		width: 650px
	}
}

#applyFinance .modal-content,
.homeDelivery .modal-content {
	border-radius: 0;
	box-shadow: none !important;
	border: 0 none
}

#applyFinance .modal-content .modal-body,
.homeDelivery .modal-content .modal-body {
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px
}

@media (min-width: 815px) {
	#applyFinance .modal-content .modal-body,
	.homeDelivery .modal-content .modal-body {
		width: 85%
	}
}

#applyFinance .modal-content .modal-body img,
.homeDelivery .modal-content .modal-body img {
	display: inline-block
}

#applyFinance .modal-content .modal-body p,
.homeDelivery .modal-content .modal-body p {
	text-align: left;
	color: black;
	line-height: 24px
}

#applyFinance .modal-content .modal-body .btn,
.homeDelivery .modal-content .modal-body .btn {
	margin-left: 10px;
	margin-right: 10px
}

#applyFinance .modal-content .modal-body .checkboxCont,
.homeDelivery .modal-content .modal-body .checkboxCont {
	text-transform: inherit;
	font-size: 15px;
	margin: 20px 0 25px 0
}

#applyFinance .modal-content .modal-body .checkboxCont>a,
.homeDelivery .modal-content .modal-body .checkboxCont>a {
	color: #183883;
	text-decoration: underline
}

.homeDelivery h2 {
	font-weight: bold;
	font-size: 25px;
	color: #000
}

.applyProcessWrap {
	padding: 50px 30px 30px 30px;
	max-width: 560px;
	display: block;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

.applyProcessWrap h3 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 15px
}

.applyProcessWrap h3 em {
	font-size: 28px
}

.applyProcessWrap h3>a {
	color: #183883;
	text-decoration: underline
}

.applyProcessWrap p {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 22px
}

.applyProcessWrap p strong {
	font-weight: bold
}

.applyProcessWrap p a {
	color: #183883;
	text-decoration: underline;
	font-weight: bold
}

.applyProcessWrap p a.noHighLink {
	color: #000;
	text-decoration: none
}

.applyProcessWrap .status-process {
	color: #e68c2b
}

.applyProcessWrap .status-approved {
	color: #2da566
}

.applyProcessWrap .status-rejected {
	color: #d23034
}

.simpleBtn {
	color: #183883;
	border: 0 none;
	background: no-repeat
}

.bookpaymentOptions h2 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 10px
}

.homeDelivery .modal-content .modal-body p {
	margin: 30px 0
}

.tvsCredit img {
	width: 100%
}

.qa-option .halfWidth .group {
	width: 100%
}

.qa-option .halfWidth .group .otpdtl {
	font-size: 13px;
	line-height: 15px
}

.qa-option .group .otpdt2 {
	font-size: 13px;
	line-height: 15px;
	color: #737373
}

.qa-option .group .otpdt2 span.mobnum1 {
	color: #000000
}

.qa-option .rideCheckbox .group>label label.error {
	top: 50px;
	left: 34px;
	height: 19px;
	color: #f12a00;
	font-size: 12px
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.qa-option .rideCheckbox .group>label label.error {
		top: 60px !important
	}
}

@media (max-width: 550px) {
	.qa-option .rideCheckbox .group>label label.error {
		top: 60px !important
	}
}

@media (max-width: 415px) {
	.qa-option .rideCheckbox .group>label label.error {
		top: 80px !important
	}
}

.dealersOnPin .paymentOpts {
	margin-top: 0
}

.testRideSlider {
	margin-top: 20px
}

.testRideSlider .slick-slide {
	margin: 0
}

.testRideSlider .slick-next,
.testRideSlider .slick-prev {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 50%
}

.testRideSlider .slick-next {
	right: -10px
}

@media (min-width: 815px) {
	.testRideSlider .slick-next {
		right: -40px
	}
}

.testRideSlider .slick-next::before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-b.png) center center no-repeat !important
}

.testRideSlider .slick-prev {
	left: -10px
}

@media (min-width: 815px) {
	.testRideSlider .slick-prev {
		left: -40px
	}
}

.testRideSlider .slick-prev::before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-b.png) center center no-repeat !important
}

.dotsDash .slick-dots {
	text-align: left;
	display: inline-block !important;
	width: auto;
	bottom: 10px;
	top: inherit;
	left: 50%;
	transform: translateX(-50%)
}

.dotsDash .slick-dots li {
	height: 15px;
	width: 25px;
	overflow: hidden;
	margin: 0
}

.dotsDash .slick-dots li button {
	height: 100%;
	width: 100%;
	padding: 0
}

.dotsDash .slick-dots li button:before {
	height: 4px;
	width: 12px;
	content: '';
	background: #fff;
	top: 5px;
	left: 6px
}

.dotsDash .slick-dots li.slick-active button:before {
	opacity: 1
}

.wrapper.darkTheme {
	background: #0a193a;
	background: linear-gradient(180deg, #0a193a 0%, #0a1837 20%, #000 30%, #000 100%)
}

.wrapper.darkTheme .breadcrumbWrapper {
	background-color: transparent
}

.wrapper.darkTheme .breadcrumbWrapper ol.breadcrumb li a {
	color: #fff
}

.wrapper.darkTheme .breadcrumb>li+li:before {
	color: #fff
}

.wrapper.darkTheme .testRide .qa-form {
	background-color: #000;
	border: solid 2px #0d2b67
}

.wrapper.darkTheme .testRide .qa-form h1,
.wrapper.darkTheme .testRide .qa-form p,
.wrapper.darkTheme .testRide .qa-form .group>input,
.wrapper.darkTheme .testRide .qa-form .group>textarea,
.wrapper.darkTheme .testRide .qa-form .group>select,
.wrapper.darkTheme .testRide .qa-form .vehicleSelectBox .selectedOne h2,
.wrapper.darkTheme .testRide .qa-form .otpdtl span.mobnum,
.wrapper.darkTheme .testRide .qa-form .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.wrapper.darkTheme .testRide .qa-form .ui-selectmenu-text,
.wrapper.darkTheme .testRide .qa-form .orSep {
	color: #fff !important
}

.wrapper.darkTheme .testRide .qa-form label {
	color: #bfbfbf !important
}

.wrapper.darkTheme .testRide .qa-form label.error {
	color: #f12a00 !important
}

.wrapper.darkTheme .testRide .qa-form .bootstrap-select .bs-placeholder {
	background: #000
}

.wrapper.darkTheme .testRide .qa-form .bar-line:before {
	background: #4c4c4c !important
}

.wrapper.darkTheme .testRide .qa-form .bootstrap-select .btn {
	background-color: #000 !important;
	color: #fff
}

.wrapper.darkTheme .testRide .qa-form .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
	color: #000 !important
}

.wrapper.darkTheme .testRide .qa-form input.ctaDetect {
	background: #fff url(../img/pincodeicon.png) no-repeat 19px -65px;
	color: #000 !important
}

.wrapper.darkTheme .testRide .qa-form .btnReset {
	background: transparent;
	color: #fff;
	border-color: #fff;
	border-radius: 6px
}

.wrapper.darkTheme .testRide .qa-form .blue {
	background-color: #fff;
	color: #000;
	border-radius: 6px
}

#location-error {
	color: #183883;
	font-size: 13px;
	line-height: 18px;
	padding: 5px 0px;
	margin-top: 2px;
	font-weight: bold
}

.qa-option .orSep .group {
	margin-top: 52px
}

@media (max-width: 815px) {
	.qa-option .orSep .group {
		margin: 0 0 -25px 0;
		text-align: center
	}
}

.historyWrapper {
	position: relative
}

.historyWrapper .titleWrap {
	padding-top: 20px
}

@media (max-width: 815px) {
	.historyWrapper .titleWrap {
		margin: 0
	}
}

.historyWrapper .select {
	width: auto;
	border: 0 none;
	border-bottom: solid 1px #aaa;
	box-shadow: none;
	background: transparent
}

@media (max-width: 815px) {
	.historyWrapper .select {
		float: none !important;
		margin-top: 50px
	}
}

.historyWrapper .select select {
	padding-right: 45px
}

.historyWrapper h2 {
	font-size: 28px;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: none;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

.historyWrapper .historyList {
	overflow: hidden
}

@media (min-width: 815px) {
	.historyWrapper .historyList {
		margin-left: -12px
	}
}

.historyWrapper .historyEle {
	position: relative
}

@media (min-width: 815px) {
	.historyWrapper .historyEle {
		padding-left: 40px
	}
}

.historyWrapper .historyEle p.year {
	cursor: pointer
}

.historyWrapper .historyEle:after,
.historyWrapper .historyEle span {
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: #c2c2c2;
	left: 9px;
	top: 65px
}

.historyWrapper .historyEle:before {
	content: '';
	position: absolute;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: solid 1px #c2c2c2;
	border-radius: 50%;
	left: 0;
	top: 50px;
	z-index: 1;
	transition: all .3s
}

.historyWrapper .historyEle>.year {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 32px;
	line-height: inherit;
	padding-top: 20px
}

@media (min-width: 815px) {
	.historyWrapper .historyEle>.year {
		font-size: 50px
	}
}

.historyWrapper .historyEle.active span {
	background-color: #183883;
	animation: height100 1s;
	animation-timing-function: ease;
	z-index: 1
}

.historyWrapper .historyEle.active:before {
	background-color: #f12a00;
	height: 15px;
	width: 15px;
	left: 2px;
	border: 0 none;
	transition: all .3s
}

@media (max-width: 815px) {
	.historyWrapper .historyEle:after,
	.historyWrapper .historyEle::before,
	.historyWrapper .historyEle span {
		display: none
	}
}

.historyWrapper .boxOutline {
	margin: 0 0 14px 0
}

.historyWrapper .imgSide {
	background: #eee;
	text-align: center;
	padding: 0
}

.historyWrapper .imgSide>img {
	display: block;
	width: 100%
}

.historyWrapper .histBlurb {
	position: relative
}

@media (min-width: 815px) {
	.historyWrapper .histBlurb {
		min-height: 250px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.historyWrapper .histBlurb {
		min-height: 215px
	}
}

.historyWrapper h3 {
	padding: 20px 10px 0 0;
	margin-left: -15px
}

@media (min-width: 815px) {
	.historyWrapper h3 {
		padding: 0 40px 0 40px;
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
		margin-left: 0
	}
}

@keyframes height100 {
	from {
		height: 0
	}
	to {
		height: 100%
	}
}

@media (max-width: 815px) {
	.yearListing {
		width: 100%;
		overflow: hidden;
		overflow: auto
	}
}

.yearListing li {
	color: #000;
	text-transform: uppercase;
	display: inline-block
}

@media (max-width: 815px) {
	.yearListing li:first-child>a {
		padding-left: 5px
	}
}

.yearListing li>a {
	padding: 8px 20px;
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 500
}

.yearListing li>a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 13px;
	background-color: #b4b4b4
}

.yearListing li>a:hover {
	color: #f12a00
}

.yearListing li.active>a {
	color: #f12a00
}

.yearListing li:last-child>a:after {
	display: none
}

@media (min-width: 815px) {
	.yearListing {
		position: absolute;
		right: 0;
		z-index: 3
	}
	.yearListing li {
		display: block
	}
	.yearListing li>a:after {
		display: none
	}
}

@media (max-width: 815px) {
	.yearListing #yearOption {
		float: left;
		white-space: nowrap
	}
}

@media (min-width: 815px) {
	.yearListing #yearOption {
		display: none;
		position: absolute;
		z-index: 1;
		border: solid 1px #e1e1e1;
		background: white;
		width: 100%;
		max-height: 200px;
		overflow: auto
	}
}

.selectOption {
	cursor: pointer;
	font-weight: 500;
	width: auto;
	padding: 8px 48px 5px 18px
}

.yearListing.sticky {
	position: fixed;
	top: 66px;
	width: 92%;
	z-index: 999999;
	background: #f4f4f4
}

@media (min-width: 815px) {
	.yearListing.sticky {
		top: 110px;
		width: 104px;
		right: 5%
	}
}

@media (max-width: 815px) {
	.history-sticky {
		width: 100%;
		position: absolute;
		z-index: 3
	}
}

.history-sticky.sticky {
	position: fixed;
	top: 66px;
	width: 92%;
	z-index: 2;
	background: #f4f4f4;
	-webkit-box-shadow: 0px 10px 15px -15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 10px 15px -15px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 10px 15px -15px rgba(0, 0, 0, 0.3)
}

@media (min-width: 815px) {
	.history-sticky.sticky {
		top: 130px;
		padding-bottom: 20px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.history-sticky.sticky {
		width: 98%
	}
}

.blogWrap h2 {
	font-size: 24px;
	font-weight: 700;
	color: #000
}

@media (min-width: 815px) {
	.blogWrap h2 {
		font-size: 36px
	}
}

.blogWrap .blogPText h2 {
	margin-bottom: 10px
}

.blogWrap .blogPText p {
	margin-bottom: 30px
}

.blogSpacing {
	margin: 50px 0 80px 0;
	overflow: hidden
}

.search-wrapper {
	max-width: 764px;
	margin: 0 auto
}

@media (max-width: 815px) {
	.search-wrapper form {
		width: 90%;
		margin: 0 auto
	}
}

@media (max-width: 815px) {
	.most-searched {
		overflow-x: auto;
		padding-bottom: 10px;
		padding-left: 20px
	}
}

@media (max-width: 815px) {
	.most-searched>ul {
		white-space: nowrap
	}
}

.most-searched>ul>li {
	display: inline-block;
	margin-left: 5px
}

.most-searched>ul>li:first-child {
	margin-left: 0
}

.most-searched>ul>li>a {
	display: block;
	border: solid 1px #b3b3b3;
	border-radius: 25px;
	padding: 7px 20px;
	color: #000;
	transition: all .3s
}

.most-searched>ul>li>a:hover {
	background-color: #183883;
	color: #fff;
	border: solid 1px #183883
}

.blogRecoSlider .slick-slide {
	margin: 0 7px;
	padding: 0 0 0 0
}

.blogRecoSlider .slick-next {
	right: -45px;
	top: 105px
}

.blogRecoSlider .slick-prev {
	left: -45px;
	top: 105px
}

.blogTrendingSlider .slick-next {
	right: 30px
}

.blogTrendingSlider .slick-prev {
	left: 30px
}

.blogTrendingSlider .trendImg {
	position: relative;
	width: 100%
}

.blogTrendingSlider .slideEle {
	position: relative;
	opacity: 0.2;
	transition: all .3s
}

.blogTrendingSlider .slick-active {
	opacity: 1;
	transition: all .3s
}

.blogTrendingSlider .slick-active+.slick-active~.slick-slide {
	opacity: 0.2;
	transition: all .3s
}

.blog-card-content.absoluteBlackBg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	border: 0 none;
	padding-bottom: 10px;
	background: rgba(248, 80, 50, 0);
	background: -moz-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 0.66) 49%, #000 74%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(49%, rgba(0, 0, 0, 0.66)), color-stop(74%, #000));
	background: -webkit-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 0.66) 49%, #000 74%);
	background: -o-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 0.66) 49%, #000 74%);
	background: -ms-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 0.66) 49%, #000 74%);
	background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 0%, rgba(0, 0, 0, 0.66) 49%, #000 74%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#000000', GradientType=0)
}

@media (max-width: 815px) {
	.blog-card-content.absoluteBlackBg {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 3px
	}
}

.blog-card-content.absoluteBlackBg .blog-title {
	width: 90%;
	min-height: 55px
}

@media (max-width: 815px) {
	.blog-card-content.absoluteBlackBg .blog-title {
		font-size: 13px;
		font-weight: 500
	}
}

.blog-card-content.absoluteBlackBg .blog-title>a {
	color: #fff
}

.blog-card-content.absoluteBlackBg .blog-title>a:hover {
	color: #fff
}

.blog-card-content.absoluteBlackBg .type-date>span {
	color: #fff
}

@media (max-width: 815px) {
	.blog-card-content.absoluteBlackBg .type-date>span {
		font-size: 12px
	}
}

.blog-card-content.absoluteBlackBg .type-date>span:first-child i:not(:last-child) {
	border-color: #fff
}

.blog-card-content.absoluteBlackBg .type-date>span:last-child {
	width: 20px
}

.blog-card-content.absoluteBlackBg .type-date>span .bookmark {
	width: 20px;
	height: 27px;
	background: transparent url("../img/blogs-icon-transparent.html") no-repeat 0 0;
	display: none
}

@media (max-width: 815px) {
	.blog-card-content.absoluteBlackBg .type-date>span .bookmark {
		height: 18px;
		background-size: contain
	}
}

.recommended-container,
.maintain-container {
	margin-bottom: 70px
}

@media (max-width: 815px) {
	.recommended-container,
	.maintain-container {
		margin-bottom: 40px
	}
}

.maintain-container img {
	width: 100%
}

.maintain-container .absoluteBlackBg {
	width: calc(100% - 30px);
	left: 15px
}

.blog-title.bigSize {
	font-size: 25px !important
}

@media (max-width: 815px) {
	.blog-title.bigSize {
		font-size: 15px !important
	}
}

.blog-card-content {
	background: #fff;
	padding: 20px
}

.blog-card-content .blog-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0
}

.blog-card-content .blog-title a:hover,
.blog-card-content .blog-title a:focus {
	color: #000
}

.blog-card-content .blog-title.smalltitle {
	font-size: 14px;
	line-height: 1.2
}

@media (max-width: 815px) {
	.blog-card-content .blog-title.smalltitle {
		white-space: initial
	}
}

.blog-card-content .type-date {
	display: table;
	width: 100%
}

.blog-card-content .type-date>span {
	font-size: 14px;
	color: #626262;
	display: table-cell;
	vertical-align: top
}

.blog-card-content .type-date>span:first-child {
	width: 94.44444%
}

.blog-card-content .type-date>span:first-child i {
	font-style: normal;
	display: inline-block
}

.blog-card-content .type-date>span:first-child i:not(:last-child) {
	border-right: 1px solid #626262;
	padding-right: 15px;
	margin-right: 15px
}

.blog-card-content .type-date>span:last-child {
	width: 20px
}

.blog-card-content .type-date>span .bookmark {
	width: 19px;
	height: 26px;
	background: transparent url("../img/blogs-icon.html") center no-repeat;
	text-indent: -99999px;
	overflow: hidden;
	display: inline-block;
	display: none
}

.blog-card-content .type-date span.smallTxt {
	font-size: 12px
}

.blog-card-content .type-date.disinl {
	display: inline-block
}

.blog-image {
	display: block;
	overflow: hidden
}

.blog-image img {
	width: 100%;
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-ms-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease
}

.img-zoom:hover .blog-image img {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08)
}

@media (max-width: 815px) {
	.mainlistCnt {
		overflow-x: scroll
	}
}

@media (max-width: 815px) {
	.maintain-list {
		white-space: nowrap
	}
}

.maintain-list>div:not(:last-child) {
	margin-bottom: 20px
}

@media (max-width: 815px) {
	.maintain-list>div:not(:last-child) {
		margin-bottom: 0
	}
}

.maintain-list .rtCardCnt {
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #e5e5e5
}

@media (max-width: 815px) {
	.maintain-list .rtCardCnt {
		margin-right: 10px;
		margin-top: 10px
	}
}

.maintain-list .rtCardCnt .rtcardimgCnt {
	display: inline-block;
	float: left;
	width: 40%
}

@media (max-width: 815px) {
	.maintain-list .rtCardCnt .rtcardimgCnt {
		display: none
	}
}

.maintain-list .rtCardCnt .rtcardimgCnt img.bikeimg {
	float: left;
	max-width: 148px;
	display: inline-block;
	border-right: 1px solid #e5e5e5
}

.maintain-list .blog-card-content {
	min-height: 135px;
	display: inline-block;
	float: left;
	width: 59%;
	background-color: transparent;
	padding: 4px 5px;
	border: 0 none
}

@media (max-width: 815px) {
	.maintain-list .blog-card-content {
		width: 100%;
		padding: 10px
	}
}

@media (min-width: 1400px) {
	.maintain-list .blog-card-content {
		min-height: 140px
	}
}

@media (min-width: 1440px) {
	.maintain-list .blog-card-content {
		min-height: 145px
	}
}

@media (min-width: 1600px) {
	.maintain-list .blog-card-content {
		min-height: 162px
	}
}

@media (min-width: 1800px) {
	.maintain-list .blog-card-content {
		min-height: 198px
	}
}

.maintain-list .blog-card-content.rightboxes {
	min-height: inherit
}

.tt-list .blog-card {
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
	background: #fff
}

.things-slider .imgCnt {
	position: relative
}

.things-slider .imgCnt .bdrCnt {
	display: inline-block;
	border: 1px solid white;
	position: absolute;
	width: 89%;
	height: 95%;
	margin: 5.5%
}

.things-slider .imgCnt .txtCnt {
	position: absolute;
	left: 0;
	top: 20px;
	margin: 0 0px;
	text-align: center;
	width: 100%
}

.things-slider .imgCnt .txtCnt hr {
	max-width: 70px
}

.things-slider .imgCnt .txtCnt p.thingTitle {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 28px;
	color: #ffffff;
	font-weight: 100 !important;
	line-height: 32px;
	text-transform: uppercase
}

.things-slider .imgCnt .dtltxtCnt {
	position: absolute;
	left: 0;
	bottom: 20px;
	margin: 0 0px;
	text-align: center;
	width: 100%
}

.things-slider .imgCnt .dtltxtCnt p.thingTxt {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 22px;
	color: #ffffff;
	font-weight: 100 !important;
	line-height: 26px;
	margin-bottom: 32%;
	margin-top: 0
}

.things-slider .imgCnt .dtltxtCnt .btn {
	display: block;
	color: #ffffff;
	margin: 0 20px;
	border: 1px solid #ffffff;
	background-color: transparent
}

.things-slider .imgCnt .dtltxtCnt .btn:hover {
	background-color: #ffffff;
	color: #183883
}

.things-slider .slick-prev {
	left: 8px
}

.things-slider .slick-next {
	right: 8px
}

.things-slider .slick-dots {
	bottom: 120px
}

.things-slider .slick-slide img {
	width: 100%
}

.btn.btnSpace {
	margin: 30px 0 0 0
}

@media (max-width: 815px) {
	.btn.btnSpace {
		margin: 20px 0 20px 0
	}
}

.tips-tricks-container {
	margin-top: 50px
}

.tips-tricks-container .blogPText {
	color: #000
}

.tips-tricks-container .blogPText h3 {
	font-weight: bold;
	margin-bottom: 10px
}

@media (max-width: 815px) {
	.side-heading {
		text-align: center;
		margin-top: 30px
	}
}

.successMsgBlogCom {
	position: absolute
}

.successMsgBlogCom p {
	color: #1bb112;
	font-size: 14px
}

.blog-article {
	position: relative;
	margin-top: -50px
}

@media (min-width: 567px) {
	.blog-article {
		margin-top: -130px
	}
}

.blog-article>header {
	background: #fff;
	padding: 20px;
	text-align: center
}

.blog-article .read-more-mobile {
	margin-bottom: 25px
}

.blog-article .read-more-mobile .btn {
	width: 214px;
	margin: 0 auto
}

@media (min-width: 812px) {
	.blog-article .read-more-mobile {
		display: none
	}
}

img.img-full-width {
	width: 100%
}

.top-border {
	border-top: 1px solid #e1e1e1;
	padding-top: 40px
}

.article-pagination .article-prev,
.article-pagination .article-next {
	max-width: 250px;
	display: inline-block;
	position: relative
}

.article-pagination .article-prev:before,
.article-pagination .article-next:before {
	content: "";
	width: 8px;
	height: 18px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

.article-pagination .article-prev:hover p,
.article-pagination .article-next:hover p {
	color: #183883
}

.article-pagination .article-prev h5,
.article-pagination .article-next h5 {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	margin-bottom: 6px
}

.article-pagination .article-prev p,
.article-pagination .article-next p {
	font-size: 13px;
	line-height: 1.5;
	color: #787878;
	margin: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

@media (max-width: 815px) {
	.article-pagination .article-prev p,
	.article-pagination .article-next p {
		display: none
	}
}

@media (max-width: 815px) {
	.article-pagination .article-prev {
		padding-left: 20px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.article-pagination .article-prev {
		left: 0;
		padding-left: 30px
	}
}

.article-pagination .article-prev:before {
	background: transparent url("../img/black-left-arrow.png") 0 0 no-repeat;
	left: -30px
}

@media (max-width: 815px) {
	.article-pagination .article-prev:before {
		left: 5px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.article-pagination .article-prev:before {
		left: 0
	}
}

@media (max-width: 815px) {
	.article-pagination .article-next {
		padding-right: 20px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.article-pagination .article-next {
		padding-right: 30px
	}
}

.article-pagination .article-next:before {
	background: transparent url("../img/black-right-arrow.html") 0 0 no-repeat;
	right: -30px
}

@media (max-width: 815px) {
	.article-pagination .article-next:before {
		right: 5px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.article-pagination .article-next:before {
		right: 0
	}
}

.article-pagination .article-next {
	text-align: right
}

.users-comments form {
	overflow: hidden
}

@media (max-width: 815px) {
	.users-comments form>div.text-right {
		text-align: center
	}
}

.users-comments form>div.text-right .btn {
	min-width: 250px;
	margin-bottom: 0
}

.users-comments h2 {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin: 0;
	margin-bottom: 10px
}

.users-comments .form-control {
	border-radius: 0;
	padding: 20px;
	max-width: 100%;
	min-height: 140px
}

.users-comments .form-control.smallinput {
	min-height: inherit
}

.comments-wrapper {
	margin: 20px 0;
	display: inline-block
}

.comments-wrapper h3 {
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	margin: 0;
	margin-bottom: 50px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e1e1
}

.comments-wrapper+.text-center .btn {
	min-width: 250px
}

.comments-wrapper .comments-list {
	display: none
}

.comments-wrapper.fullWidth {
	width: 100%
}

.comments-list {
	margin-bottom: 25px;
	padding-bottom: 25px
}

.comments-list:not(:last-child) {
	border-bottom: 1px solid #e1e1e1
}

.user-details {
	display: table;
	width: 100%;
	margin-bottom: 10px
}

.user-details>div {
	display: table-cell;
	vertical-align: top
}

.user-details>div:not(:last-child) {
	width: 55px
}

.user-details .user-photo img {
	width: 55px;
	height: 55px;
	border-radius: 50px;
	overflow: hidden
}

.user-details .usre-name {
	padding-top: 5px;
	padding-left: 0
}

.user-details .usre-name p {
	font-size: 15px;
	color: #8b8b8b;
	margin-bottom: 0
}

.user-details h4 {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin: 0
}

.user-details p {
	color: #666666
}

.share-block {
	border: 1px solid #b4b4b4;
	background: #fff
}

@media (max-width: 814px) {
	.share-block {
		width: 214px;
		margin: 0 auto;
		margin-bottom: 50px
	}
}

@media (min-width: 815px) {
	.share-block {
		position: fixed;
		top: 250px;
		z-index: 1;
		right: 0
	}
}

.share-block ul {
	margin: 0;
	padding: 0
}

.share-block ul>li {
	list-style: none;
	padding: 0 10px
}

@media (max-width: 815px) {
	.share-block ul>li {
		display: inline-block;
		padding: 5px 0
	}
}

.share-block ul>li:not(:last-child) a {
	border-bottom: 1px solid #e5e5e5
}

@media (max-width: 815px) {
	.share-block ul>li:not(:last-child) a {
		border: 0;
		border-right: 1px solid #e5e5e5
	}
}

.share-block ul>li>a {
	padding: 5px 0;
	display: block;
	width: 30px;
	height: 50px;
	overflow: hidden;
	text-indent: -99999px;
	cursor: pointer
}

@media (max-width: 815px) {
	.share-block ul>li>a {
		width: 50px;
		height: 40px
	}
}

.share-block ul>li>a.bookmark {
	background: transparent url("../img/blogs-icon.html") center no-repeat
}

.share-block ul>li>a.share {
	background: transparent url("../img/share-icon.html") center no-repeat
}

.share-block ul>li>a.comments {
	background: transparent url("../img/comments-icon.png") center no-repeat
}

.share-block ul>li>a.like {
	background: transparent url("../img/handup-icon.html") center no-repeat
}

.articleList {
	margin-top: 20px;
	position: relative
}

.articleList>picture {
	height: 400px
}

@media (max-width: 815px) {
	.articleList>picture {
		height: auto
	}
}

.blog-list .articleList {
	margin-top: 0
}

@media (min-width: 568px) and (max-width: 815px) {
	.col-smd {
		width: 50%
	}
}

@media (max-width: 567px) {
	.blog-list>div:not(:first-child) .blog-image {
		display: none
	}
}

@media (min-width: 568px) and (max-width: 1340px) {
	.blog-list .blog-card-content .blog-title {
		display: block;
		display: -webkit-box;
		height: 75.6px;
		font-size: 18px;
		line-height: 1.4;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.career-wrapper .innerbanner {
	position: relative;
	margin: 30px 0 40px 0
}

.career-wrapper .innerbanner img {
	width: 100%
}

.career-wrapper .innerbanner .banner-content {
	position: absolute;
	max-width: 637px;
	color: #fff;
	font-size: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	display: inline-block;
	left: 5%;
	padding: 50px 50px;
	line-height: 40px;
	bottom: 0;
	background: rgba(13, 56, 136, 0.8);
	text-transform: inherit
}

.career-wrapper .innerbanner .banner-content p {
	font-size: 36px
}

.career-wrapper .innerbanner .banner-content .btn-opening {
	background-color: #fff;
	color: #183883
}

.career-wrapper .innerbanner .banner-content .btn-drop-cv {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	display: none
}

@media (max-width: 815px) {
	.career-wrapper .innerbanner .banner-content {
		font-size: 19px;
		left: 0;
		padding: 30px 20px;
		line-height: 25px;
		position: relative
	}
	.career-wrapper .innerbanner .banner-content p {
		font-size: 20px
	}
}

.career-wrapper .innerPart>.layoutWrap {
	width: 100%
}

.career-wrapper .innerPart>.layoutWrap nav {
	width: 94%;
	margin-left: auto;
	margin-right: auto
}

.career-wrapper .boxOutline {
	margin: 90px 0;
	border: 1px solid #cecece;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
}

@media (max-width: 815px) {
	.career-wrapper .boxOutline {
		padding: 15px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.career-wrapper .boxOutline {
		border: none;
		background-color: unset;
		box-shadow: none
	}
}

.career-wrapper .testimonials {
	box-shadow: 3.5px 6.1px 32px 0 rgba(0, 0, 0, 0.04);
	background-image: url("../img/testimonials-bg.jpg");
	padding: 30px 0 50px 0
}

.career-wrapper .testimonials h1 {
	display: block;
	text-align: center;
	font-size: 32px;
	text-transform: initial;
	color: #fff
}

.career-wrapper .testimonials .testimonial-slider-wrapper {
	position: relative
}

@media (max-width: 767px) {
	.career-wrapper .testimonials .testimonial-slider-wrapper {
		padding-bottom: 80px
	}
}

.career-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
	position: absolute;
	top: 50%;
	left: 10px
}

@media (max-width: 767px) {
	.career-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		left: 135px;
		top: inherit
	}
}

@media (max-width: 480px) {
	.career-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		bottom: 5.8%
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.career-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		bottom: 6.5%
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.career-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		top: inherit;
		left: 20%;
		bottom: -12px
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.career-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		top: 65%
	}
}

.career-wrapper .testimonials .testimonial-slider {
	margin-top: 30px;
	color: #000
}

.career-wrapper .testimonials .testimonial-slider h2 {
	font-size: 32px;
	font-weight: bold
}

.career-wrapper .testimonials .testimonial-slider img {
	width: 100%
}

.career-wrapper .testimonials .testimonial-slider p {
	font-size: 14px
}

.career-wrapper .testimonials .testimonial-slider .profile-wrapper {
	max-width: 761px;
	padding: 20px;
	margin: 0 auto;
	background-color: #fff
}

.career-wrapper .testimonials .testimonial-slider .profile-wrapper .section-scroll {
	height: 150px
}

.career-wrapper .testimonials .testimonial-slider .profile {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.career-wrapper .testimonials .testimonial-slider .profile img {
	width: 60px;
	height: 60px
}

.career-wrapper .testimonials .testimonial-slider .profile h4 {
	margin-bottom: 0;
	font-size: 16px
}

.career-wrapper .testimonials .testimonial-slider .profile p {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 16px
}

.career-wrapper .testimonials .testimonial-slider .profile .pl-2 {
	padding-left: 20px
}

.career-wrapper .testimonials .testimonial-slider .slick-dots {
	text-align: left;
	display: inline-block !important;
	width: auto;
	bottom: -30px;
	top: inherit;
	left: 50%;
	transform: translateX(-50%)
}

.career-wrapper .testimonials .testimonial-slider .slick-dots li {
	height: 15px;
	width: 25px;
	overflow: hidden;
	margin: 0
}

.career-wrapper .testimonials .testimonial-slider .slick-dots li button {
	height: 100%;
	width: 100%;
	padding: 0
}

.career-wrapper .testimonials .testimonial-slider .slick-dots li button:before {
	height: 4px;
	width: 12px;
	content: "";
	background: #fff;
	top: 5px;
	left: 6px
}

.career-wrapper .testimonials .testimonial-slider .slick-dots li.slick-active button:before {
	opacity: 1
}

.career-wrapper .testimonials .testimonial-slider .slick-prev {
	left: 10px
}

@media (max-width: 480px) {
	.career-wrapper .testimonials .testimonial-slider .slick-prev {
		left: 4px
	}
}

.career-wrapper .testimonials .testimonial-slider .slick-next {
	right: 10px
}

.career-wrapper .testimonials .testimonial-slider .slick-prev,
.career-wrapper .testimonials .testimonial-slider .slick-next {
	top: 60%
}

@media (max-width: 815px) {
	.career-wrapper .testimonials .testimonial-slider .slick-prev,
	.career-wrapper .testimonials .testimonial-slider .slick-next {
		display: none !important
	}
}

@media (max-width: 480px) {
	.career-wrapper .testimonials .testimonial-slider .slick-prev,
	.career-wrapper .testimonials .testimonial-slider .slick-next {
		top: inherit;
		bottom: -20%
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.career-wrapper .testimonials .testimonial-slider .slick-prev,
	.career-wrapper .testimonials .testimonial-slider .slick-next {
		top: inherit;
		bottom: -14.5%
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.career-wrapper .testimonials .testimonial-slider .slick-prev,
	.career-wrapper .testimonials .testimonial-slider .slick-next {
		top: 100%
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.career-wrapper .testimonials .testimonial-slider .slick-prev,
	.career-wrapper .testimonials .testimonial-slider .slick-next {
		top: 80%
	}
}

.career-wrapper .reason-to-work {
	text-align: center;
	padding: 75px 0
}

.career-wrapper .reason-to-work h2 {
	font-size: 32px;
	font-weight: 800
}

.career-wrapper .reason-to-work p {
	font-size: 12px;
	line-height: 20px
}

.career-wrapper .reason-to-work .common-height {
	height: 222px;
	padding: 20px
}

.career-wrapper .reason-to-work .border-right {
	border-right: 1px solid #0000001f
}

.career-wrapper .reason-to-work .border-bottom {
	border-bottom: 1px solid #0000001f
}

.career-wrapper .reason-to-work h2 {
	padding-bottom: 75px;
	color: #000
}

.career-wrapper .reason-to-work img {
	display: inline;
	width: 80px
}

.career-wrapper .reason-to-work .text-red {
	color: #de4019;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 22px
}

.career-wrapper .reason-to-work .btn-blue {
	background-color: #183883;
	font-size: 12px;
	margin-top: 30px
}

.career-wrapper .reason-to-work .mt-5 {
	margin-top: 50px
}

@media (max-width: 815px) {
	.career-wrapper .reason-to-work .border-right {
		border-right: none
	}
	.career-wrapper .reason-to-work .border-bottom {
		border-bottom: none
	}
}

.career-wrapper .contPart h2 {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 25px
}

@media (min-width: 815px) {
	.career-wrapper .contPart h2 {
		font-size: 30px
	}
}

.career-wrapper .contPart .row {
	margin-bottom: 20px;
	padding-bottom: 20px
}

@media (min-width: 815px) {
	.career-wrapper .contPart .row {
		margin: 0;
		padding-bottom: 0
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.career-wrapper .contPart .row {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border: 1px solid #cecece;
		box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.career-wrapper .contPart .p-xs-0 {
		padding: 0
	}
}

@media (min-width: 815px) {
	.career-wrapper .contPart .col-sm-6 {
		padding: 0
	}
}

.career-wrapper .contPart .contImg {
	width: 100%
}

.career-wrapper .contPart .textWrap {
	position: relative
}

@media (min-width: 815px) {
	.career-wrapper .contPart .textWrap {
		min-height: 360px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.career-wrapper .contPart .textWrap {
		min-height: 325px
	}
}

@media (min-width: 815px) {
	.career-wrapper .contPart .text {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 84%;
		transform: translate(-50%, -50%)
	}
}

.career-wrapper .contPart .text h3 {
	color: #fff;
	font-size: 20px;
	padding: 7px;
	background-color: #183883;
	width: 90%;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (max-width: 815px) {
	.career-wrapper .contPart .text h3 {
		font-size: 19px;
		margin: 20px 0 15px 0
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.career-wrapper .contPart .text h3 {
		font-size: 26px;
		line-height: 34px
	}
}

@media only screen and (min-device-width: 768px) {
	.career-wrapper .contPart .text h3 {
		transform: translate(-10.5%, 0);
		padding-left: 45px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.career-wrapper .contPart .text h3 {
		transform: translate(-6%, 0);
		padding-left: 18px
	}
}

.career-wrapper .contPart .text p {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 16px
}

@media (max-width: 815px) {
	.career-wrapper .contPart .text p {
		font-size: 14px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.career-wrapper .contPart .text p {
		font-size: 14px;
		line-height: 22px
	}
}

.career-wrapper .bgWhite {
	background: #fff
}

.career-wrapper .leaders .leadersIcon {
	max-width: 800px;
	margin: 30px auto
}

@media (max-width: 815px) {
	.career-wrapper .leaders .leadersIcon>.row {
		margin: 0
	}
}

@media (min-width: 815px) {
	.career-wrapper .leaders .leadersIcon {
		margin: 50px auto
	}
}

.career-wrapper .leaders .leadersIcon img {
	display: inline
}

@media (max-width: 815px) {
	.career-wrapper .leaders .leadersIcon img {
		width: 70px
	}
}

.career-wrapper .leaders .leadersIcon p {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #333
}

@media (max-width: 815px) {
	.career-wrapper .leaders .leadersIcon p {
		font-size: 12px;
		line-height: 16px
	}
}

.career-wrapper .leaders .leadersIcon p.blurb {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #676767;
	line-height: 24px;
	margin: 20px 0 40px 0
}

@media (max-width: 815px) {
	.career-wrapper .leaders .leadersIcon p.blurb {
		font-size: 14px;
		margin: 0
	}
}

.career-wrapper .ecoLeader {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	margin: 50px 0;
	padding: 50px 0 30px 0;
	color: #fff
}

@media (max-width: 815px) {
	.career-wrapper .ecoLeader {
		padding-top: 10px;
		padding-bottom: 0;
		margin: 30px 0
	}
}

.career-wrapper .ecoLeader h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.career-wrapper .ecoLeader h2 {
	font-size: 46px;
	margin-bottom: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (max-width: 815px) {
	.career-wrapper .ecoLeader h2 {
		margin-bottom: -12px
	}
}

.career-wrapper .ecoLeader p {
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.career-wrapper .ecoLeader p {
		font-size: 15px
	}
}

@media (max-width: 815px) {
	.career-wrapper .ecoLeader.trust {
		padding-bottom: 25px
	}
}

@media (max-width: 815px) {
	.career-wrapper .ecoLeader.trust p {
		margin-bottom: 10px
	}
}

@media (max-width: 815px) {
	.career-wrapper .ecoLeader.trust h2 {
		margin-bottom: -12px;
		padding: 15px 0 12px 0;
		font-size: 25px;
		font-weight: 500
	}
}

.career-wrapper .leadersTeam .thumbnail {
	border-color: #cecece;
	padding: 0;
	border-radius: 0;
	text-align: center
}

.career-wrapper .leadersTeam .thumbnail>img {
	width: 100%
}

.career-wrapper .leadersTeam .thumbnail .zoomImg {
	text-align: center
}

.career-wrapper .leadersTeam .thumbnail .zoomImg>img {
	display: inline-block;
	width: 100%
}

.career-wrapper .leadersTeam .thumbnail .caption {
	text-align: center
}

.career-wrapper .leadersTeam .thumbnail .caption p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 25px
}

@media (min-width: 815px) {
	.career-wrapper .leadersTeam .thumbnail .caption p {
		font-size: 16px
	}
}

.career-wrapper .leadersTeam .thumbnail .caption p.title {
	font-size: 19px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #000
}

@media (min-width: 815px) {
	.career-wrapper .leadersTeam .thumbnail .caption p.title {
		font-size: 22px
	}
}

.career-wrapper .welcomeOverview {
	margin: 0 0 30px 0
}

@media (min-width: 815px) {
	.career-wrapper .welcomeOverview {
		margin: 0 0 60px 0
	}
}

.career-wrapper .welcomeOverview .welcomeText p {
	color: #5e5e5e;
	font-size: 14px
}

@media (min-width: 815px) {
	.career-wrapper .welcomeOverview .welcomeText p {
		font-size: 16px
	}
}

.career-wrapper .welcomeOverview .welcomeText p.hightLight {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: 500
}

@media (min-width: 815px) {
	.career-wrapper .welcomeOverview .welcomeText p.hightLight {
		font-size: 24px;
		line-height: 35px
	}
}

.career-wrapper .welcomeOverview .overViewIcons {
	text-align: center;
	margin: 20px 0 0 0
}

@media (min-width: 815px) {
	.career-wrapper .welcomeOverview .overViewIcons {
		margin: 60px 0 40px 0
	}
}

.career-wrapper .welcomeOverview .overViewIcons img {
	display: inline;
	width: 80px
}

@media (max-width: 815px) {
	.career-wrapper .welcomeOverview .overViewIcons img {
		margin-top: 10px
	}
}

.career-wrapper .welcomeOverview .overViewIcons p {
	color: #404040;
	font-size: 14px;
	line-height: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (min-width: 815px) {
	.career-wrapper .welcomeOverview .overViewIcons p {
		font-size: 17px;
		line-height: 22px
	}
}

.career-wrapper .welcomeOverview .overViewIcons p.numbers {
	color: #183883;
	font-weight: 600;
	font-size: 42px;
	line-height: 45px;
	letter-spacing: -2px;
	margin-top: 10px;
	margin-bottom: 0
}

@media (min-width: 815px) {
	.career-wrapper .welcomeOverview .overViewIcons p.numbers {
		font-size: 60px;
		line-height: 70px
	}
}

.career-wrapper .welcomeOverview .overViewIcons p.numbers span {
	font-size: 24px;
	line-height: 22px;
	letter-spacing: 1px
}

.career-wrapper .profile-article {
	margin: 40px 0;
	color: #000
}

.career-wrapper .profile-article img {
	width: 100%;
	margin-bottom: 20px
}

@media (min-width: 815px) {
	.career-wrapper .profile-article img {
		margin-bottom: 0
	}
}

.career-wrapper .profile-article h1 {
	font-weight: 600;
	line-height: 1.4;
	font-size: 22px;
	text-transform: none;
	margin: 0;
	padding: 0
}

.career-wrapper .profile-article h2,
.career-wrapper .profile-article h3,
.career-wrapper .profile-article h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 15px;
	margin-top: 20px
}

@media (min-width: 815px) {
	.career-wrapper .profile-article h2,
	.career-wrapper .profile-article h3,
	.career-wrapper .profile-article h4 {
		font-size: 22px
	}
}

.career-wrapper .profile-article h2.bigSize {
	font-size: 32px
}

.career-wrapper .profile-article h4 {
	margin-top: 30px
}

.career-wrapper .profile-article h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4
}

@media (min-width: 815px) {
	.career-wrapper .profile-article h5 {
		font-size: 20px
	}
}

.career-wrapper .profile-article p {
	margin: 20px 0
}

.career-wrapper .profile-article p.date {
	font-size: 14px;
	color: #757575;
	margin: 0
}

.career-wrapper .profile-article hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid #c6c6c6
}

.career-wrapper .text-centre {
	text-align: center
}

.current-opening-wrapper .bannerInner {
	position: relative;
	margin: 30px 0 40px 0
}

.current-opening-wrapper .bannerInner p {
	position: absolute;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 20px;
	line-height: 24px;
	width: 90%;
	top: 50%;
	left: 5%;
	transform: translateY(-50%)
}

@media (min-width: 815px) {
	.current-opening-wrapper .bannerInner p {
		font-size: 24px;
		line-height: 36px
	}
}

.current-opening-wrapper .bannerInner img {
	width: 100%
}

.current-opening-wrapper .bannerInner h1 {
	position: absolute;
	color: #fff;
	font-size: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	display: inline-block;
	left: 5%;
	padding: 50px 50px;
	line-height: 40px;
	bottom: 0;
	background: rgba(13, 56, 136, 0.8);
	text-transform: inherit
}

@media (max-width: 815px) {
	.current-opening-wrapper .bannerInner h1 {
		font-size: 19px;
		left: 0;
		padding: 30px 20px;
		line-height: 25px
	}
}

.current-opening-wrapper .innerPart>.layoutWrap {
	width: 100%
}

.current-opening-wrapper .innerPart>.layoutWrap nav {
	width: 94%;
	margin-left: auto;
	margin-right: auto
}

.current-opening-wrapper .m-t {
	margin-top: 30px
}

.current-opening-wrapper .boxOutline {
	border: 1px solid #cecece;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
}

@media (max-width: 815px) {
	.current-opening-wrapper .boxOutline {
		padding: 15px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.current-opening-wrapper .boxOutline {
		border: none;
		background-color: unset;
		box-shadow: none
	}
}

.current-opening-wrapper .contPart h2 {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 25px
}

@media (min-width: 815px) {
	.current-opening-wrapper .contPart h2 {
		font-size: 30px
	}
}

.current-opening-wrapper .contPart .row {
	margin-bottom: 20px;
	padding-bottom: 20px
}

@media (min-width: 815px) {
	.current-opening-wrapper .contPart .row {
		margin: 0;
		padding-bottom: 0
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.current-opening-wrapper .contPart .row {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border: 1px solid #cecece;
		box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.current-opening-wrapper .contPart .p-xs-0 {
		padding: 0
	}
}

@media (min-width: 815px) {
	.current-opening-wrapper .contPart .col-sm-6 {
		padding: 0
	}
}

.current-opening-wrapper .contPart .contImg {
	width: 100%
}

.current-opening-wrapper .contPart .textWrap {
	position: relative
}

@media (min-width: 815px) {
	.current-opening-wrapper .contPart .textWrap {
		min-height: 360px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.current-opening-wrapper .contPart .textWrap {
		min-height: 325px
	}
}

@media (min-width: 815px) {
	.current-opening-wrapper .contPart .text {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 84%;
		transform: translate(-50%, -50%)
	}
}

.current-opening-wrapper .contPart .text h3 {
	color: #fff;
	font-size: 22px;
	padding: 7px;
	background-color: #183883;
	width: 85%;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (max-width: 815px) {
	.current-opening-wrapper .contPart .text h3 {
		font-size: 19px;
		margin: 20px 0 15px 0
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.current-opening-wrapper .contPart .text h3 {
		font-size: 26px;
		line-height: 34px
	}
}

@media only screen and (min-device-width: 768px) {
	.current-opening-wrapper .contPart .text h3 {
		transform: translate(-11%, 0);
		padding-left: 45px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.current-opening-wrapper .contPart .text h3 {
		transform: translate(-6%, 0);
		padding-left: 18px
	}
}

.current-opening-wrapper .contPart .text p {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 16px
}

@media (max-width: 815px) {
	.current-opening-wrapper .contPart .text p {
		font-size: 14px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.current-opening-wrapper .contPart .text p {
		font-size: 14px;
		line-height: 22px
	}
}

.current-opening-wrapper .bgWhite {
	background: #fff
}

.current-opening-wrapper .leaders .leadersIcon {
	max-width: 800px;
	margin: 30px auto
}

@media (max-width: 815px) {
	.current-opening-wrapper .leaders .leadersIcon>.row {
		margin: 0
	}
}

@media (min-width: 815px) {
	.current-opening-wrapper .leaders .leadersIcon {
		margin: 50px auto
	}
}

.current-opening-wrapper .leaders .leadersIcon img {
	display: inline
}

@media (max-width: 815px) {
	.current-opening-wrapper .leaders .leadersIcon img {
		width: 70px
	}
}

.current-opening-wrapper .leaders .leadersIcon p {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #333
}

@media (max-width: 815px) {
	.current-opening-wrapper .leaders .leadersIcon p {
		font-size: 12px;
		line-height: 16px
	}
}

.current-opening-wrapper .leaders .leadersIcon p.blurb {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #676767;
	line-height: 24px;
	margin: 20px 0 40px 0
}

@media (max-width: 815px) {
	.current-opening-wrapper .leaders .leadersIcon p.blurb {
		font-size: 14px;
		margin: 0
	}
}

.current-opening-wrapper .ecoLeader {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	margin: 50px 0;
	padding: 50px 0 30px 0;
	color: #fff
}

@media (max-width: 815px) {
	.current-opening-wrapper .ecoLeader {
		padding-top: 10px;
		padding-bottom: 0;
		margin: 30px 0
	}
}

.current-opening-wrapper .ecoLeader h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.current-opening-wrapper .ecoLeader h2 {
	font-size: 46px;
	margin-bottom: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (max-width: 815px) {
	.current-opening-wrapper .ecoLeader h2 {
		margin-bottom: -12px
	}
}

.current-opening-wrapper .ecoLeader p {
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.current-opening-wrapper .ecoLeader p {
		font-size: 15px
	}
}

@media (max-width: 815px) {
	.current-opening-wrapper .ecoLeader.trust {
		padding-bottom: 25px
	}
}

@media (max-width: 815px) {
	.current-opening-wrapper .ecoLeader.trust p {
		margin-bottom: 10px
	}
}

@media (max-width: 815px) {
	.current-opening-wrapper .ecoLeader.trust h2 {
		margin-bottom: -12px;
		padding: 15px 0 12px 0;
		font-size: 25px;
		font-weight: 500
	}
}

.current-opening-wrapper .leadersTeam .thumbnail {
	border-color: #cecece;
	padding: 0;
	border-radius: 0;
	text-align: center
}

.current-opening-wrapper .leadersTeam .thumbnail>img {
	width: 100%
}

.current-opening-wrapper .leadersTeam .thumbnail .zoomImg {
	text-align: center
}

.current-opening-wrapper .leadersTeam .thumbnail .zoomImg>img {
	display: inline-block;
	width: 100%
}

.current-opening-wrapper .leadersTeam .thumbnail .caption {
	text-align: center
}

.current-opening-wrapper .leadersTeam .thumbnail .caption p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 25px
}

@media (min-width: 815px) {
	.current-opening-wrapper .leadersTeam .thumbnail .caption p {
		font-size: 16px
	}
}

.current-opening-wrapper .leadersTeam .thumbnail .caption p.title {
	font-size: 19px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #000
}

@media (min-width: 815px) {
	.current-opening-wrapper .leadersTeam .thumbnail .caption p.title {
		font-size: 22px
	}
}

.current-opening-wrapper .welcomeOverview {
	margin: 0 0 30px 0
}

@media (min-width: 815px) {
	.current-opening-wrapper .welcomeOverview {
		margin: 0 0 60px 0
	}
}

.current-opening-wrapper .welcomeOverview .welcomeText p {
	color: #5e5e5e;
	font-size: 14px
}

@media (min-width: 815px) {
	.current-opening-wrapper .welcomeOverview .welcomeText p {
		font-size: 16px
	}
}

.current-opening-wrapper .welcomeOverview .welcomeText p.hightLight {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: 500
}

@media (min-width: 815px) {
	.current-opening-wrapper .welcomeOverview .welcomeText p.hightLight {
		font-size: 24px;
		line-height: 35px
	}
}

.current-opening-wrapper .welcomeOverview .overViewIcons {
	text-align: center;
	margin: 20px 0 0 0
}

@media (min-width: 815px) {
	.current-opening-wrapper .welcomeOverview .overViewIcons {
		margin: 60px 0 40px 0
	}
}

.current-opening-wrapper .welcomeOverview .overViewIcons img {
	display: inline;
	width: 80px
}

@media (max-width: 815px) {
	.current-opening-wrapper .welcomeOverview .overViewIcons img {
		margin-top: 10px
	}
}

.current-opening-wrapper .welcomeOverview .overViewIcons p {
	color: #404040;
	font-size: 14px;
	line-height: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (min-width: 815px) {
	.current-opening-wrapper .welcomeOverview .overViewIcons p {
		font-size: 17px;
		line-height: 22px
	}
}

.current-opening-wrapper .welcomeOverview .overViewIcons p.numbers {
	color: #183883;
	font-weight: 600;
	font-size: 42px;
	line-height: 45px;
	letter-spacing: -2px;
	margin-top: 10px;
	margin-bottom: 0
}

@media (min-width: 815px) {
	.current-opening-wrapper .welcomeOverview .overViewIcons p.numbers {
		font-size: 60px;
		line-height: 70px
	}
}

.current-opening-wrapper .welcomeOverview .overViewIcons p.numbers span {
	font-size: 24px;
	line-height: 22px;
	letter-spacing: 1px
}

.current-opening-wrapper .profile-article {
	margin: 40px 0;
	color: #000
}

.current-opening-wrapper .profile-article img {
	width: 100%;
	margin-bottom: 20px
}

@media (min-width: 815px) {
	.current-opening-wrapper .profile-article img {
		margin-bottom: 0
	}
}

.current-opening-wrapper .profile-article h1 {
	font-weight: 600;
	line-height: 1.4;
	font-size: 22px;
	text-transform: none;
	margin: 0;
	padding: 0
}

.current-opening-wrapper .profile-article h2,
.current-opening-wrapper .profile-article h3,
.current-opening-wrapper .profile-article h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 15px;
	margin-top: 20px
}

@media (min-width: 815px) {
	.current-opening-wrapper .profile-article h2,
	.current-opening-wrapper .profile-article h3,
	.current-opening-wrapper .profile-article h4 {
		font-size: 22px
	}
}

.current-opening-wrapper .profile-article h2.bigSize {
	font-size: 32px
}

.current-opening-wrapper .profile-article h4 {
	margin-top: 30px
}

.current-opening-wrapper .profile-article h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4
}

@media (min-width: 815px) {
	.current-opening-wrapper .profile-article h5 {
		font-size: 20px
	}
}

.current-opening-wrapper .profile-article p {
	margin: 20px 0
}

.current-opening-wrapper .profile-article p.date {
	font-size: 14px;
	color: #757575;
	margin: 0
}

.current-opening-wrapper .profile-article hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid #c6c6c6
}

.work-culture-wrapper .slider-div .slider-for {
	width: auto;
	height: auto;
	margin: 30px auto 1px;
	overflow: hidden
}

.work-culture-wrapper .slider-div img {
	margin: 0 auto
}

.work-culture-wrapper .slider-div .work-culture-slider-for .slick-slide {
	margin: 0
}

.work-culture-wrapper .slider-div .work-culture-slider-for .videoWrapper .video-modal-poster {
	z-index: 1
}

.work-culture-wrapper .slider-div .work-culture-slider-for .videoWrapper .video-modal-poster.plyvid {
	visibility: hidden
}

.work-culture-wrapper .slider-div .work-culture-slider-for .videoWrapper .video-caption {
	position: absolute;
	bottom: 10px;
	left: 25px;
	color: #fff;
	z-index: 10000
}

.work-culture-wrapper .slider-div .work-culture-slider-for .videoWrapper iframe {
	width: 100%;
	height: 641px;
	position: absolute;
	top: 0;
	left: 0
}

@media (max-width: 815px) {
	.work-culture-wrapper .slider-div .work-culture-slider-for .videoWrapper iframe {
		height: fit-content
	}
}

.work-culture-wrapper .slider-div .work-culture-slider-nav {
	width: auto;
	margin: 30px -10px
}

.work-culture-wrapper .slider-div .work-culture-slider-nav .slick-track .slick-slide {
	min-height: 270px;
	background: #fff;
	border: 1px solid #cecece
}

.work-culture-wrapper .slider-div .work-culture-slider-nav .slick-track .slick-slide.slick-current {
	border: 1px solid red
}

@media (max-width: 815px) {
	.work-culture-wrapper .slider-div .work-culture-slider-nav .slick-track .slick-slide {
		min-height: 115px
	}
}

.work-culture-wrapper .slider-div .work-culture-slider-nav .videoWrapper .modal-poster::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 108px;
	height: 108px;
	background: transparent url(../img/press-kit/play-icon.png) center no-repeat
}

@media (max-width: 815px) {
	.work-culture-wrapper .slider-div .work-culture-slider-nav .videoWrapper .modal-poster::after {
		width: 50px;
		height: 50px;
		background-size: cover
	}
}

@media (max-width: 815px) {
	.work-culture-wrapper .slider-div .work-culture-slider-nav {
		margin-left: -5px;
		margin-right: -5px
	}
}

.work-culture-wrapper .slider-div .vdownlod-list {
	background-color: #fff;
	border: none;
	margin-bottom: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

@media (max-width: 815px) {
	.work-culture-wrapper .slider-div .vdownlod-list {
		background-color: transparent
	}
}

.work-culture-wrapper .slider-div .vdownlod-list .vdownload-content {
	padding: 10px 20px
}

.work-culture-wrapper .slider-div .vdownlod-list .vdownload-content div.v-head p {
	color: #000000;
	font-size: 15px;
	margin: 0;
	line-height: 20px
}

@media (max-width: 815px) {
	.work-culture-wrapper .slider-div .vdownlod-list .vdownload-content div.v-head p {
		font-size: 10px;
		line-height: 12px
	}
}

@media (max-width: 815px) {
	.work-culture-wrapper .slider-div .vdownlod-list .vdownload-content div.v-head {
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none
	}
}

@media (max-width: 815px) {
	.work-culture-wrapper .slider-div .vdownlod-list .vdownload-content {
		padding: 5px 0
	}
}

.work-culture-wrapper .slider-div .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 50;
	margin-top: -12px
}

.work-culture-wrapper .slider-div .slick-prev {
	left: 10px
}

.work-culture-wrapper .slider-div .slick-next {
	right: 10px
}

.work-culture-wrapper .innerbanner {
	position: relative;
	margin: 30px 0 40px 0
}

.work-culture-wrapper .innerbanner .banner-head {
	text-align: center;
	margin: 40px 0px
}

.work-culture-wrapper .innerbanner .banner-head h2 {
	font-size: 36px;
	color: #000;
	font-weight: 700
}

@media (max-width: 815px) {
	.work-culture-wrapper .innerbanner .banner-head h2 {
		font-size: 24px
	}
}

.work-culture-wrapper .innerbanner .banner-head p {
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 25px
}

.work-culture-wrapper .innerPart>.layoutWrap {
	width: 100%
}

.work-culture-wrapper .innerPart>.layoutWrap nav {
	width: 94%;
	margin-left: auto;
	margin-right: auto
}

.work-culture-wrapper .layout-contentWrap h2 {
	font-size: 32px;
	color: #000;
	font-weight: 700
}

@media (max-width: 815px) {
	.work-culture-wrapper .layout-contentWrap h2 {
		font-size: 24px
	}
}

.work-culture-wrapper .boxOutline {
	margin-top: 40px;
	margin-bottom: 90px;
	border: 1px solid #cecece;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
}

@media (max-width: 815px) {
	.work-culture-wrapper .boxOutline {
		padding: 15px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.work-culture-wrapper .boxOutline {
		border: none;
		background-color: unset;
		box-shadow: none
	}
}

.work-culture-wrapper .testimonials {
	box-shadow: 3.5px 6.1px 32px 0 rgba(0, 0, 0, 0.04);
	background-color: #183882;
	padding: 30px 0
}

.work-culture-wrapper .testimonials h1 {
	display: block;
	text-align: center;
	font-size: 32px;
	text-transform: initial;
	color: #fff
}

.work-culture-wrapper .testimonials .testimonial-slider-wrapper {
	position: relative
}

@media (max-width: 767px) {
	.work-culture-wrapper .testimonials .testimonial-slider-wrapper {
		padding-bottom: 80px
	}
}

.work-culture-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
	position: absolute;
	top: 50%;
	left: 10px
}

@media (max-width: 767px) {
	.work-culture-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		left: 135px;
		top: inherit
	}
}

@media (max-width: 480px) {
	.work-culture-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		bottom: 5.8%
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.work-culture-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		bottom: 6.5%
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.work-culture-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		top: inherit;
		left: 20%;
		bottom: -12px
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.work-culture-wrapper .testimonials .testimonial-slider-wrapper .kit-paging-info {
		top: 65%
	}
}

.work-culture-wrapper .testimonials .testimonial-slider {
	margin-top: 30px;
	color: #000
}

.work-culture-wrapper .testimonials .testimonial-slider h2 {
	font-size: 32px;
	font-weight: bold
}

.work-culture-wrapper .testimonials .testimonial-slider img {
	width: 100%
}

.work-culture-wrapper .testimonials .testimonial-slider p {
	font-size: 14px
}

.work-culture-wrapper .testimonials .testimonial-slider .profile-wrapper {
	width: 762px;
	padding: 20px;
	margin: 0 auto;
	background-color: #fff
}

.work-culture-wrapper .testimonials .testimonial-slider .profile {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.work-culture-wrapper .testimonials .testimonial-slider .profile img {
	width: 60px;
	height: 60px
}

.work-culture-wrapper .testimonials .testimonial-slider .profile h4 {
	margin-bottom: 0;
	font-size: 16px
}

.work-culture-wrapper .testimonials .testimonial-slider .profile p {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 16px
}

.work-culture-wrapper .testimonials .testimonial-slider .profile .pl-2 {
	padding-left: 20px
}

.work-culture-wrapper .testimonials .testimonial-slider .slick-prev {
	left: 10px
}

@media (max-width: 480px) {
	.work-culture-wrapper .testimonials .testimonial-slider .slick-prev {
		left: 4px
	}
}

.work-culture-wrapper .testimonials .testimonial-slider .slick-next {
	right: 10px
}

.work-culture-wrapper .testimonials .testimonial-slider .slick-prev,
.work-culture-wrapper .testimonials .testimonial-slider .slick-next {
	top: 60%
}

@media (max-width: 480px) {
	.work-culture-wrapper .testimonials .testimonial-slider .slick-prev,
	.work-culture-wrapper .testimonials .testimonial-slider .slick-next {
		top: inherit;
		bottom: -20%
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.work-culture-wrapper .testimonials .testimonial-slider .slick-prev,
	.work-culture-wrapper .testimonials .testimonial-slider .slick-next {
		top: inherit;
		bottom: -14.5%
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.work-culture-wrapper .testimonials .testimonial-slider .slick-prev,
	.work-culture-wrapper .testimonials .testimonial-slider .slick-next {
		top: 100%
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.work-culture-wrapper .testimonials .testimonial-slider .slick-prev,
	.work-culture-wrapper .testimonials .testimonial-slider .slick-next {
		top: 80%
	}
}

.work-culture-wrapper .reaosn-to-work {
	text-align: center;
	padding: 50px 0
}

.work-culture-wrapper .reaosn-to-work p {
	font-size: 12px
}

.work-culture-wrapper .reaosn-to-work .common-height {
	height: 222px;
	padding: 20px
}

.work-culture-wrapper .reaosn-to-work .border-right {
	border-right: 1px solid
}

.work-culture-wrapper .reaosn-to-work .border-bottom {
	border-bottom: 1px solid
}

.work-culture-wrapper .reaosn-to-work h2 {
	padding-bottom: 30px;
	color: #000
}

.work-culture-wrapper .reaosn-to-work img {
	display: inline;
	width: 80px
}

.work-culture-wrapper .reaosn-to-work .text-red {
	color: #de4019;
	font-weight: 700;
	font-size: 18px
}

.work-culture-wrapper .reaosn-to-work .btn-blue {
	background-color: #183883;
	font-size: 12px;
	margin-top: 30px
}

.work-culture-wrapper .reaosn-to-work .mt-5 {
	margin-top: 50px
}

.work-culture-wrapper .contPart h2 {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 25px
}

@media (min-width: 815px) {
	.work-culture-wrapper .contPart h2 {
		font-size: 30px
	}
}

.work-culture-wrapper .contPart .row {
	margin-bottom: 20px;
	padding-bottom: 20px
}

@media (min-width: 815px) {
	.work-culture-wrapper .contPart .row {
		margin: 0;
		padding-bottom: 0
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.work-culture-wrapper .contPart .row {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border: 1px solid #cecece;
		box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.work-culture-wrapper .contPart .p-xs-0 {
		padding: 0
	}
}

@media (min-width: 815px) {
	.work-culture-wrapper .contPart .col-sm-6 {
		padding: 0
	}
}

.work-culture-wrapper .contPart .contImg {
	width: 100%
}

@media (min-width: 815px) {
	.work-culture-wrapper .contPart .text {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 84%;
		transform: translate(-50%, -50%)
	}
}

.work-culture-wrapper .contPart .text h3 {
	color: #fff;
	font-size: 22px;
	padding: 7px;
	background-color: #183883;
	width: 90%;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

.work-culture-wrapper .contPart .text h3 span {
	font-size: 16px !important;
	font-weight: 100 !important
}

@media (max-width: 815px) {
	.work-culture-wrapper .contPart .text h3 {
		font-size: 19px;
		margin: 20px 0 15px 0
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.work-culture-wrapper .contPart .text h3 {
		font-size: 26px;
		line-height: 34px
	}
}

@media only screen and (min-device-width: 768px) {
	.work-culture-wrapper .contPart .text h3 {
		transform: translate(-10.5%, 0);
		padding-left: 45px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.work-culture-wrapper .contPart .text h3 {
		transform: translate(-6%, 0);
		padding-left: 18px
	}
}

.work-culture-wrapper .contPart .text p {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 16px
}

@media (max-width: 815px) {
	.work-culture-wrapper .contPart .text p {
		font-size: 14px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.work-culture-wrapper .contPart .text p {
		font-size: 14px;
		line-height: 22px
	}
}

.work-culture-wrapper .bgWhite {
	background: #fff
}

.work-culture-wrapper .leaders .leadersIcon {
	max-width: 800px;
	margin: 30px auto
}

@media (max-width: 815px) {
	.work-culture-wrapper .leaders .leadersIcon>.row {
		margin: 0
	}
}

@media (min-width: 815px) {
	.work-culture-wrapper .leaders .leadersIcon {
		margin: 50px auto
	}
}

.work-culture-wrapper .leaders .leadersIcon img {
	display: inline
}

@media (max-width: 815px) {
	.work-culture-wrapper .leaders .leadersIcon img {
		width: 70px
	}
}

.work-culture-wrapper .leaders .leadersIcon p {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #333
}

@media (max-width: 815px) {
	.work-culture-wrapper .leaders .leadersIcon p {
		font-size: 12px;
		line-height: 16px
	}
}

.work-culture-wrapper .leaders .leadersIcon p.blurb {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #676767;
	line-height: 24px;
	margin: 20px 0 40px 0
}

@media (max-width: 815px) {
	.work-culture-wrapper .leaders .leadersIcon p.blurb {
		font-size: 14px;
		margin: 0
	}
}

.work-culture-wrapper .ecoLeader {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	margin: 50px 0;
	padding: 50px 0 30px 0;
	color: #fff
}

@media (max-width: 815px) {
	.work-culture-wrapper .ecoLeader {
		padding-top: 10px;
		padding-bottom: 0;
		margin: 30px 0
	}
}

.work-culture-wrapper .ecoLeader h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.work-culture-wrapper .ecoLeader h2 {
	font-size: 46px;
	margin-bottom: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (max-width: 815px) {
	.work-culture-wrapper .ecoLeader h2 {
		margin-bottom: -12px
	}
}

.work-culture-wrapper .ecoLeader p {
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.work-culture-wrapper .ecoLeader p {
		font-size: 15px
	}
}

@media (max-width: 815px) {
	.work-culture-wrapper .ecoLeader.trust {
		padding-bottom: 25px
	}
}

@media (max-width: 815px) {
	.work-culture-wrapper .ecoLeader.trust p {
		margin-bottom: 10px
	}
}

@media (max-width: 815px) {
	.work-culture-wrapper .ecoLeader.trust h2 {
		margin-bottom: -12px;
		padding: 15px 0 12px 0;
		font-size: 25px;
		font-weight: 500
	}
}

.work-culture-wrapper .leadersTeam .thumbnail {
	border-color: #cecece;
	padding: 0;
	border-radius: 0;
	text-align: center
}

.work-culture-wrapper .leadersTeam .thumbnail>img {
	width: 100%
}

.work-culture-wrapper .leadersTeam .thumbnail .zoomImg {
	text-align: center
}

.work-culture-wrapper .leadersTeam .thumbnail .zoomImg>img {
	display: inline-block;
	width: 100%
}

.work-culture-wrapper .leadersTeam .thumbnail .caption {
	text-align: center
}

.work-culture-wrapper .leadersTeam .thumbnail .caption p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 25px
}

@media (min-width: 815px) {
	.work-culture-wrapper .leadersTeam .thumbnail .caption p {
		font-size: 16px
	}
}

.work-culture-wrapper .leadersTeam .thumbnail .caption p.title {
	font-size: 19px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #000
}

@media (min-width: 815px) {
	.work-culture-wrapper .leadersTeam .thumbnail .caption p.title {
		font-size: 22px
	}
}

.work-culture-wrapper .welcomeOverview {
	margin: 0 0 30px 0
}

@media (min-width: 815px) {
	.work-culture-wrapper .welcomeOverview {
		margin: 0 0 60px 0
	}
}

.work-culture-wrapper .welcomeOverview .welcomeText p {
	color: #5e5e5e;
	font-size: 14px
}

@media (min-width: 815px) {
	.work-culture-wrapper .welcomeOverview .welcomeText p {
		font-size: 16px
	}
}

.work-culture-wrapper .welcomeOverview .welcomeText p.hightLight {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: 500
}

@media (min-width: 815px) {
	.work-culture-wrapper .welcomeOverview .welcomeText p.hightLight {
		font-size: 24px;
		line-height: 35px
	}
}

.work-culture-wrapper .welcomeOverview .overViewIcons {
	text-align: center;
	margin: 20px 0 0 0
}

@media (min-width: 815px) {
	.work-culture-wrapper .welcomeOverview .overViewIcons {
		margin: 60px 0 40px 0
	}
}

.work-culture-wrapper .welcomeOverview .overViewIcons img {
	display: inline;
	width: 80px
}

@media (max-width: 815px) {
	.work-culture-wrapper .welcomeOverview .overViewIcons img {
		margin-top: 10px
	}
}

.work-culture-wrapper .welcomeOverview .overViewIcons p {
	color: #404040;
	font-size: 14px;
	line-height: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (min-width: 815px) {
	.work-culture-wrapper .welcomeOverview .overViewIcons p {
		font-size: 17px;
		line-height: 22px
	}
}

.work-culture-wrapper .welcomeOverview .overViewIcons p.numbers {
	color: #183883;
	font-weight: 600;
	font-size: 42px;
	line-height: 45px;
	letter-spacing: -2px;
	margin-top: 10px;
	margin-bottom: 0
}

@media (min-width: 815px) {
	.work-culture-wrapper .welcomeOverview .overViewIcons p.numbers {
		font-size: 60px;
		line-height: 70px
	}
}

.work-culture-wrapper .welcomeOverview .overViewIcons p.numbers span {
	font-size: 24px;
	line-height: 22px;
	letter-spacing: 1px
}

.work-culture-wrapper .profile-article {
	margin: 40px 0;
	color: #000
}

.work-culture-wrapper .profile-article img {
	width: 100%;
	margin-bottom: 20px
}

@media (min-width: 815px) {
	.work-culture-wrapper .profile-article img {
		margin-bottom: 0
	}
}

.work-culture-wrapper .profile-article h1 {
	font-weight: 600;
	line-height: 1.4;
	font-size: 22px;
	text-transform: none;
	margin: 0;
	padding: 0
}

.work-culture-wrapper .profile-article h2,
.work-culture-wrapper .profile-article h3,
.work-culture-wrapper .profile-article h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 15px;
	margin-top: 20px
}

@media (min-width: 815px) {
	.work-culture-wrapper .profile-article h2,
	.work-culture-wrapper .profile-article h3,
	.work-culture-wrapper .profile-article h4 {
		font-size: 22px
	}
}

.work-culture-wrapper .profile-article h2.bigSize {
	font-size: 32px
}

.work-culture-wrapper .profile-article h4 {
	margin-top: 30px
}

.work-culture-wrapper .profile-article h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4
}

@media (min-width: 815px) {
	.work-culture-wrapper .profile-article h5 {
		font-size: 20px
	}
}

.work-culture-wrapper .profile-article p {
	margin: 20px 0
}

.work-culture-wrapper .profile-article p.date {
	font-size: 14px;
	color: #757575;
	margin: 0
}

.work-culture-wrapper .profile-article hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid #c6c6c6
}

.work-culture-wrapper .text-centre {
	text-align: center
}

.diversity-wrapper .innerbanner {
	position: relative;
	margin: 30px 0 40px 0
}

.diversity-wrapper .innerbanner img {
	width: 100%
}

.diversity-wrapper .innerbanner .banner-content {
	position: absolute;
	max-width: 637px;
	color: #fff;
	font-size: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	display: inline-block;
	left: 5%;
	padding: 50px 50px;
	line-height: 40px;
	bottom: 0;
	background: rgba(13, 56, 136, 0.8);
	text-transform: inherit
}

.diversity-wrapper .innerbanner .banner-content p {
	font-size: 20px
}

.diversity-wrapper .innerbanner .banner-content h2 {
	font-size: 36px
}

@media (max-width: 815px) {
	.diversity-wrapper .innerbanner .banner-content h2 {
		font-size: 22px
	}
}

.diversity-wrapper .innerbanner .banner-content p {
	font-size: 16px
}

@media (max-width: 815px) {
	.diversity-wrapper .innerbanner .banner-content p {
		font-size: 15px
	}
}

.diversity-wrapper .innerbanner .banner-content .btn-opening {
	background-color: #fff;
	color: #183883
}

.diversity-wrapper .innerbanner .banner-content .btn-drop-cv {
	background: transparent;
	color: #fff;
	border: 1px solid #fff
}

@media (max-width: 815px) {
	.diversity-wrapper .innerbanner .banner-content {
		font-size: 19px;
		left: 0;
		padding: 30px 20px;
		line-height: 25px;
		position: relative
	}
}

.diversity-wrapper .innerPart>.layoutWrap {
	width: 100%
}

.diversity-wrapper .innerPart>.layoutWrap nav {
	width: 94%;
	margin-left: auto;
	margin-right: auto
}

.diversity-wrapper .boxOutline {
	margin: 90px 0
}

@media (max-width: 815px) {
	.diversity-wrapper .boxOutline {
		padding: 15px
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.diversity-wrapper .boxOutline {
		border: none;
		background-color: unset;
		box-shadow: none
	}
}

.diversity-wrapper .contPart .header {
	padding: 50px 5px
}

.diversity-wrapper .contPart h2 {
	margin-bottom: 0
}

.diversity-wrapper .contPart h2 {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	font-size: 25px
}

@media (min-width: 815px) {
	.diversity-wrapper .contPart h2 {
		font-size: 30px
	}
}

.diversity-wrapper .contPart .row {
	margin-bottom: 20px;
	padding-bottom: 20px
}

@media (min-width: 815px) {
	.diversity-wrapper .contPart .row {
		margin: 0;
		padding-bottom: 0
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.diversity-wrapper .contPart .row {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border: 1px solid #cecece;
		box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.3)
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.diversity-wrapper .contPart .p-xs-0 {
		padding: 0
	}
}

@media (min-width: 815px) {
	.diversity-wrapper .contPart .col-sm-6 {
		padding: 0
	}
}

.diversity-wrapper .contPart .contImg {
	width: 100%
}

.diversity-wrapper .contPart .textWrap {
	min-height: 438px;
	color: #000
}

@media (max-width: 815px) {
	.diversity-wrapper .contPart .textWrap {
		min-height: 250px
	}
}

.diversity-wrapper .contPart .textWrap .text-area-wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 84%;
	min-height: 330px
}

@media (max-width: 815px) {
	.diversity-wrapper .contPart .textWrap .text-area-wrap {
		min-height: 250px;
		position: relative;
		left: 0;
		transform: none;
		width: auto
	}
}

@media (min-width: 815px) {
	.diversity-wrapper .contPart .textWrap .text-area {
		position: relative
	}
}

.diversity-wrapper .contPart .textWrap .text-area h3 {
	font-size: 22px;
	margin-bottom: 0;
	width: 90%;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (max-width: 815px) {
	.diversity-wrapper .contPart .textWrap .text-area h3 {
		font-size: 19px;
		margin: 20px 0 15px 0
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.diversity-wrapper .contPart .textWrap .text-area h3 {
		font-size: 26px;
		line-height: 34px
	}
}

.diversity-wrapper .contPart .textWrap .text-area p {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	font-size: 16px
}

@media (max-width: 815px) {
	.diversity-wrapper .contPart .textWrap .text-area p {
		font-size: 14px
	}
}

@media (min-width: 816px) and (max-width: 1024px) {
	.diversity-wrapper .contPart .textWrap .text-area p {
		font-size: 14px;
		line-height: 22px
	}
}

.diversity-wrapper .contPart .textWrap .text-area p.text-red {
	color: #f12a00
}

.diversity-wrapper .contPart .textWrap .name-text {
	position: absolute;
	bottom: 0
}

.diversity-wrapper .contPart .textWrap .name-text h3 {
	font-size: 26px;
	margin-bottom: 0 !important
}

@media (max-width: 815px) {
	.diversity-wrapper .contPart .textWrap .name-text {
		position: relative
	}
}

.diversity-wrapper .bgWhite {
	background: #fff
}

.diversity-wrapper .leaders .leadersIcon {
	max-width: 800px;
	margin: 30px auto
}

@media (max-width: 815px) {
	.diversity-wrapper .leaders .leadersIcon>.row {
		margin: 0
	}
}

@media (min-width: 815px) {
	.diversity-wrapper .leaders .leadersIcon {
		margin: 50px auto
	}
}

.diversity-wrapper .leaders .leadersIcon img {
	display: inline
}

@media (max-width: 815px) {
	.diversity-wrapper .leaders .leadersIcon img {
		width: 70px
	}
}

.diversity-wrapper .leaders .leadersIcon p {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #333
}

@media (max-width: 815px) {
	.diversity-wrapper .leaders .leadersIcon p {
		font-size: 12px;
		line-height: 16px
	}
}

.diversity-wrapper .leaders .leadersIcon p.blurb {
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #676767;
	line-height: 24px;
	margin: 20px 0 40px 0
}

@media (max-width: 815px) {
	.diversity-wrapper .leaders .leadersIcon p.blurb {
		font-size: 14px;
		margin: 0
	}
}

.diversity-wrapper .ecoLeader {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	margin: 50px 0;
	padding: 50px 0 30px 0;
	color: #fff
}

@media (max-width: 815px) {
	.diversity-wrapper .ecoLeader {
		padding-top: 10px;
		padding-bottom: 0;
		margin: 30px 0
	}
}

.diversity-wrapper .ecoLeader h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.diversity-wrapper .ecoLeader h2 {
	font-size: 46px;
	margin-bottom: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

@media (max-width: 815px) {
	.diversity-wrapper .ecoLeader h2 {
		margin-bottom: -12px
	}
}

.diversity-wrapper .ecoLeader p {
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.diversity-wrapper .ecoLeader p {
		font-size: 15px
	}
}

@media (max-width: 815px) {
	.diversity-wrapper .ecoLeader.trust {
		padding-bottom: 25px
	}
}

@media (max-width: 815px) {
	.diversity-wrapper .ecoLeader.trust p {
		margin-bottom: 10px
	}
}

@media (max-width: 815px) {
	.diversity-wrapper .ecoLeader.trust h2 {
		margin-bottom: -12px;
		padding: 15px 0 12px 0;
		font-size: 25px;
		font-weight: 500
	}
}

.diversity-wrapper .leadersTeam .thumbnail {
	border-color: #cecece;
	padding: 0;
	border-radius: 0;
	text-align: center
}

.diversity-wrapper .leadersTeam .thumbnail>img {
	width: 100%
}

.diversity-wrapper .leadersTeam .thumbnail .zoomImg {
	text-align: center
}

.diversity-wrapper .leadersTeam .thumbnail .zoomImg>img {
	display: inline-block;
	width: 100%
}

.diversity-wrapper .leadersTeam .thumbnail .caption {
	text-align: center
}

.diversity-wrapper .leadersTeam .thumbnail .caption p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 25px
}

@media (min-width: 815px) {
	.diversity-wrapper .leadersTeam .thumbnail .caption p {
		font-size: 16px
	}
}

.diversity-wrapper .leadersTeam .thumbnail .caption p.title {
	font-size: 19px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	color: #000
}

@media (min-width: 815px) {
	.diversity-wrapper .leadersTeam .thumbnail .caption p.title {
		font-size: 22px
	}
}

.diversity-wrapper .welcomeOverview {
	margin: 0 0 30px 0
}

@media (min-width: 815px) {
	.diversity-wrapper .welcomeOverview {
		margin: 0 0 60px 0
	}
}

.diversity-wrapper .welcomeOverview .welcomeText p {
	color: #5e5e5e;
	font-size: 14px
}

@media (min-width: 815px) {
	.diversity-wrapper .welcomeOverview .welcomeText p {
		font-size: 16px
	}
}

.diversity-wrapper .welcomeOverview .welcomeText p.hightLight {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: 500
}

@media (min-width: 815px) {
	.diversity-wrapper .welcomeOverview .welcomeText p.hightLight {
		font-size: 24px;
		line-height: 35px
	}
}

.diversity-wrapper .welcomeOverview .overViewIcons {
	text-align: center;
	margin: 20px 0 0 0
}

@media (min-width: 815px) {
	.diversity-wrapper .welcomeOverview .overViewIcons {
		margin: 60px 0 40px 0
	}
}

.diversity-wrapper .welcomeOverview .overViewIcons img {
	display: inline;
	width: 80px
}

@media (max-width: 815px) {
	.diversity-wrapper .welcomeOverview .overViewIcons img {
		margin-top: 10px
	}
}

.diversity-wrapper .welcomeOverview .overViewIcons p {
	color: #404040;
	font-size: 14px;
	line-height: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (min-width: 815px) {
	.diversity-wrapper .welcomeOverview .overViewIcons p {
		font-size: 17px;
		line-height: 22px
	}
}

.diversity-wrapper .welcomeOverview .overViewIcons p.numbers {
	color: #183883;
	font-weight: 600;
	font-size: 42px;
	line-height: 45px;
	letter-spacing: -2px;
	margin-top: 10px;
	margin-bottom: 0
}

@media (min-width: 815px) {
	.diversity-wrapper .welcomeOverview .overViewIcons p.numbers {
		font-size: 60px;
		line-height: 70px
	}
}

.diversity-wrapper .welcomeOverview .overViewIcons p.numbers span {
	font-size: 24px;
	line-height: 22px;
	letter-spacing: 1px
}

.diversity-wrapper .profile-article {
	margin: 40px 0;
	color: #000
}

.diversity-wrapper .profile-article img {
	width: 100%;
	margin-bottom: 20px
}

@media (min-width: 815px) {
	.diversity-wrapper .profile-article img {
		margin-bottom: 0
	}
}

.diversity-wrapper .profile-article h1 {
	font-weight: 600;
	line-height: 1.4;
	font-size: 22px;
	text-transform: none;
	margin: 0;
	padding: 0
}

.diversity-wrapper .profile-article h2,
.diversity-wrapper .profile-article h3,
.diversity-wrapper .profile-article h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 15px;
	margin-top: 20px
}

@media (min-width: 815px) {
	.diversity-wrapper .profile-article h2,
	.diversity-wrapper .profile-article h3,
	.diversity-wrapper .profile-article h4 {
		font-size: 22px
	}
}

.diversity-wrapper .profile-article h2.bigSize {
	font-size: 32px
}

.diversity-wrapper .profile-article h4 {
	margin-top: 30px
}

.diversity-wrapper .profile-article h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4
}

@media (min-width: 815px) {
	.diversity-wrapper .profile-article h5 {
		font-size: 20px
	}
}

.diversity-wrapper .profile-article p {
	margin: 20px 0
}

.diversity-wrapper .profile-article p.date {
	font-size: 14px;
	color: #757575;
	margin: 0
}

.diversity-wrapper .profile-article hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid #c6c6c6
}

.diversity-wrapper .text-centre {
	text-align: center
}

.innerpage .threeWheeler-wrapper .layoutWrap.innWrap {
	padding-top: 96px
}

@media (max-width: 815px) {
	.innerpage .threeWheeler-wrapper .layoutWrap.innWrap {
		padding-top: 65px
	}
}

.innerpage .threeWheeler-wrapper .boxOutline {
	margin: 20px 0 60px 0
}

.innerpage .threeWheeler-wrapper nav {
	padding: 30px 0;
	width: 100%
}

.innerpage .threeWheeler-wrapper .navbar-nav>li>a {
	padding: 15px 15px
}

.innerpage .threeWheeler-wrapper .nav-tabs {
	border: none
}

.innerpage .threeWheeler-wrapper .nav-tabs>li.active>a {
	background-color: #fff;
	color: #f12a00;
	border: none
}

@media (max-width: 815px) {
	.innerpage .threeWheeler-wrapper .nav>li>a {
		padding: 10px 10px
	}
}

.innerpage .threeWheeler-wrapper nav .nav-tabs>li.active>a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 3px;
	background-color: #f12a00;
	transition: all 0.3s
}

.innerpage .threeWheeler-wrapper .header h1 {
	font-size: 28px;
	font-weight: 700;
	text-transform: none
}

@media (max-width: 815px) {
	.innerpage .threeWheeler-wrapper .header h1 {
		font-size: 22px;
		padding: 0
	}
}

.innerpage .threeWheeler-wrapper .font-weight-bold {
	font-weight: 700
}

@media (max-width: 815px) {
	.innerpage .threeWheeler-wrapper .contPart .row {
		margin: 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border: none;
		box-shadow: none
	}
}

@media (max-width: 815px) {
	.innerpage .threeWheeler-wrapper .boxOutline {
		padding: 0
	}
}

.innerpage .threeWheeler-wrapper .boxOutline dl.row {
	padding: 15px;
	border-top: 1px solid #ddd;
	min-height: 65px
}

.innerpage .threeWheeler-wrapper .boxOutline dl:first-child {
	border-top: none
}

.innerpage .threeWheeler-wrapper .boxOutline .table {
	width: 90%;
	margin: 0 auto
}

@media (max-width: 815px) {
	.innerpage .threeWheeler-wrapper .boxOutline .table {
		width: 100%
	}
}

.accessories-wrapper .imgSlideWrap {
	height: auto
}

.accessories-wrapper .imgSlideWrap .slick-slide {
	margin: 0
}

.accessories-wrapper .layoutWrap.innWrap {
	padding-top: 96px
}

@media (max-width: 815px) {
	.accessories-wrapper .layoutWrap.innWrap {
		padding-top: 0
	}
}

.accessories-wrapper .banner-content {
	color: #fff;
	position: absolute;
	bottom: 15%;
	left: 10%;
	width: 50%
}

.accessories-wrapper .banner-content p {
	margin: 0
}

.accessories-wrapper .banner-content h1 {
	color: #fff;
	margin: 0;
	padding-top: 0;
	line-height: 50px;
	font-size: 50px;
	font-weight: 800
}

@media (max-width: 815px) {
	.accessories-wrapper .banner-content h1 {
		font-size: 30px;
		line-height: 30px
	}
}

.accessories-wrapper .accessories-slider-wrapper {
	margin-bottom: 30px
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider {
	margin-top: 10px
}

@media (min-width: 815px) {
	.accessories-wrapper .accessories-slider-wrapper .accessories-slider {
		margin-left: -5px;
		margin-right: -5px
	}
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide img {
	width: 100%;
	object-fit: cover
}

@media (max-width: 365px) {
	.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide img {
		height: 127px
	}
}

@media (min-width: 366px) and (max-width: 480px) {
	.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide img {
		height: 153px
	}
}

@media (min-width: 1120px) {
	.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide img {
		height: 223px
	}
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide .col-sm-12 {
	padding: 0
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide .btn {
	padding: 10px
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 50%
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-b.png) center center no-repeat !important
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:focus,
.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:hover {
	background: #959595 !important;
	border: 0 none
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:focus:before,
.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-w.png) center center no-repeat !important
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-next {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 50%
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-b.png) center center no-repeat !important
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:focus,
.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:hover {
	background: #959595 !important;
	border: 0 none
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:focus:before,
.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-w.png) center center no-repeat !important
}

.accessories-wrapper .accessories-slider-wrapper .accessories-slider .slick-track {
	margin: 0
}

.accessories-wrapper .accessories-slider-wrapper .card {
	background-color: #fff
}

.accessories-wrapper .accessories-slider-wrapper .card .card-body {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.accessories-wrapper .accessories-slider-wrapper {
	margin-top: 30px
}

@media (max-width: 815px) {
	.accessories-wrapper .accessories-slider-wrapper {
		width: 100%
	}
}

.accessories-wrapper .accessories-slider-wrapper h2 {
	margin-left: 0;
	font-size: 24px;
	font-weight: 700;
	color: #000
}

@media (max-width: 815px) {
	.accessories-wrapper .accessories-slider-wrapper h2 {
		margin-left: 15px
	}
}

.accessories-wrapper .accessories-slider .card {
	margin: 0 auto;
	background-color: #fff
}

.accessories-wrapper .accessories-slider .card-body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 15px
}

.accessories-wrapper .accessories-slider .card-body p {
	margin: 0;
	font-size: 14px;
	font-weight: 700
}

.accessories-wrapper .accessories-slider .card-body p em {
	color: #f12a00;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

@media (max-width: 815px) {
	.accessories-wrapper .accessories-slider .card-body p em {
		font-size: 16px
	}
}

.accessories-wrapper .accessories-slider .card-body p a {
	color: #838386;
	text-decoration: line-through;
	font-size: 16px;
	margin-left: 10px
}

@media (max-width: 815px) {
	.accessories-wrapper .accessories-slider .card-body p a {
		font-size: 12px
	}
}

.accessories-wrapper .accessories-slider .card-body p span.off {
	color: #f12a00;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

@media (max-width: 815px) {
	.accessories-wrapper .accessories-slider .card-body p span.off {
		font-size: 12px
	}
}

.accessories-wrapper .accessories-slider .card-body .item-detail .card-title {
	margin: 0
}

.accessories-wrapper .accessories-slider .card-body .item-detail .card-text {
	margin: 0
}

.accessories-wrapper .select-accessories-wrapper {
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #fff
}

@media (max-width: 815px) {
	.accessories-wrapper .select-accessories-wrapper>.row>div {
		padding-left: 10px;
		padding-right: 10px
	}
}

.accessories-wrapper .select-accessories-wrapper img.accessoriesImg {
	width: 100%
}

@media (max-width: 480px) {
	.accessories-wrapper .select-accessories-wrapper img.accessoriesImg {
		height: 200px;
		object-fit: cover
	}
}

.accessories-wrapper .select-accessories-wrapper .select-accessories {
	padding-left: 20px;
	padding-right: 20px
}

.accessories-wrapper .select-accessories-wrapper .select-accessories .select {
	width: 100% !important;
	margin-bottom: 10px;
	margin-right: 10px;
	box-shadow: none;
	height: 48px;
	border: 1px solid #bcbcbc;
	border-radius: 6px
}

.accessories-wrapper .select-accessories-wrapper .select-accessories .select::after {
	height: 46px
}

.accessories-wrapper .select-accessories-wrapper .select-accessories .select select {
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	background-image: none;
	background: transparent;
	border: none
}

.accessories-wrapper .select-accessories-wrapper .select-accessories .select::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	height: 38px;
	background: transparent url(../img/down-arrow.png) center no-repeat;
	pointer-events: none
}

.accessories-wrapper .select-accessories-wrapper .select-accessories h1 {
	text-transform: initial;
	line-height: 35px;
	font-weight: 700;
	font-size: 24px
}

@media (max-width: 815px) {
	.accessories-wrapper .select-accessories-wrapper .select-accessories h1 {
		padding: 0;
		margin-bottom: 15px
	}
}

.accessories-wrapper .select-accessories-wrapper .select-accessories p {
	color: #000;
	font-weight: 500;
	font-size: 16px
}

@media (max-width: 815px) {
	.accessories-wrapper .select-accessories-wrapper .select-accessories p {
		font-size: 16px
	}
}

.accessories-wrapper .select-accessories-wrapper .select-accessories .dropdown .btn {
	color: #000;
	background-color: transparent;
	border: 1px solid #ccc
}

.accessories-wrapper .select-accessories-wrapper .select-accessories .dropdown-menu a {
	display: block;
	padding: 5px 10px
}

@media (max-width: 815px) {
	.accessories-wrapper .select-accessories-wrapper img {
		padding-top: 10px
	}
}

.accessories-wrapper .products-wrapper {
	margin-top: 30px;
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .accordion {
		margin-bottom: 20px;
		display: none
	}
}

.accessories-wrapper .products-wrapper .accordion .filter_product {
	background-color: #fff;
	margin: 0 0 1px 0
}

.accessories-wrapper .products-wrapper .accordion .filter_product .card-body ul li:first-child {
	position: relative
}

.accessories-wrapper .products-wrapper .accordion .filter_product .card-body ul li:first-child button {
	right: 20px;
	position: absolute;
	top: 14px;
	background: transparent;
	border: none
}

.accessories-wrapper .products-wrapper .accordion .filter_product input.search {
	width: 100%
}

.accessories-wrapper .products-wrapper .accordion .filter_product h2 {
	margin: 0
}

.accessories-wrapper .products-wrapper .accordion .filter_product h2.filterTitle {
	font-size: 18px;
	color: #000;
	padding: 20px;
	font-weight: 500
}

.accessories-wrapper .products-wrapper .accordion .filter_product h2 .btn {
	padding-left: 15px
}

.accessories-wrapper .products-wrapper .accordion .filter_product h2 .btn:after {
	content: " ";
	width: 12px;
	height: 12px;
	margin-top: 4px;
	float: right;
	background: transparent url(../img/accessories-filter-icon-m.png) center center no-repeat !important
}

.accessories-wrapper .products-wrapper .accordion .filter_product h2 .btn.collapsed:after {
	background: transparent url(../img/accessories-filter-icon-p.png) center center no-repeat !important
}

.accessories-wrapper .products-wrapper .accordion .filter_product h2 .btn:focus {
	outline: none
}

.accessories-wrapper .products-wrapper .accordion .filter_product .btn {
	width: 100%;
	text-align: left;
	margin: 1px;
	background-color: transparent;
	color: #575757;
	border-left: 4px solid #001366
}

.accessories-wrapper .products-wrapper .accordion .filter_product ul li {
	padding: 10px
}

.accessories-wrapper .products-wrapper .accordion .filter_product ul li .checkmark {
	border-radius: 5px
}

.accessories-wrapper .products-wrapper .accordion .filter_product label {
	font-size: 13px;
	color: #8b8989
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .accordion .filter_product {
		margin: 0
	}
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .cardList:nth-child(even) {
		padding-left: 5px;
		padding-right: 5px
	}
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .cardList:nth-child(odd) {
		padding-left: 5px;
		padding-right: 5px
	}
}

.accessories-wrapper .products-wrapper .card {
	margin: 0 auto;
	background-color: #fff;
	margin-bottom: 30px;
	position: relative
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .card {
		border: 1px solid #e7e7e7;
		margin-bottom: 10px
	}
}

.accessories-wrapper .products-wrapper .card .card-body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 8px;
	border-top: 2px solid #e7e7e7
}

@media (min-width: 815px) {
	.accessories-wrapper .products-wrapper .card .card-body {
		padding: 8px 15px
	}
}

.accessories-wrapper .products-wrapper .card .card-body p {
	margin: 0;
	font-size: 18px;
	font-weight: 700
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .card .card-body p {
		font-size: 12px
	}
}

.accessories-wrapper .products-wrapper .card .card-body p em {
	color: #183883;
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	margin-right: 3px
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .card .card-body p em {
		font-size: 12px
	}
}

.accessories-wrapper .products-wrapper .card .card-body p em.cancelPrice {
	font-size: 16px;
	color: #6b6b6b;
	text-decoration: line-through
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .card .card-body p em.cancelPrice {
		font-size: 12px
	}
}

.accessories-wrapper .products-wrapper .card .card-body .item-detail .card-title {
	margin: 0;
	font-size: 16px;
	color: #000;
	line-height: 30px
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .card .card-body .item-detail .card-title {
		font-size: 14px
	}
}

.accessories-wrapper .products-wrapper .card .card-body .item-detail .card-title>a {
	display: inline-block
}

.accessories-wrapper .products-wrapper .card .card-body .item-detail .card-text {
	margin: 0;
	color: #000
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .card {
		width: auto
	}
}

.accessories-wrapper .products-wrapper .card .cardBtnWrap {
	position: relative
}

@media (min-width: 815px) {
	.accessories-wrapper .products-wrapper .card .cardBtnWrap {
		min-height: 225px
	}
}

.accessories-wrapper .products-wrapper .card .cardBtnWrap a.btn {
	display: none;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	max-width: 220px;
	margin: 0 auto;
	border-radius: 6px;
	color: #183883;
	background-color: #fff;
	border: solid 1px #183883
}

.accessories-wrapper .products-wrapper .card .cardBtnWrap:hover a.btn {
	display: block
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .card .cardBtnWrap:hover a.btn {
		display: none
	}
}

.accessories-wrapper .products-wrapper .card img {
	width: 100%;
	width: 80%;
	margin: 0 auto
}

.accessories-wrapper .products-wrapper .load-more {
	text-align: center
}

.accessories-wrapper .products-wrapper .load-more .blueBorder.btn-blue {
	padding: 10px 60px;
	color: #fff;
	background-color: #183883;
	border-radius: 6px
}

.accessories-wrapper .products-wrapper .load-more .blueBorder.btn-blue:hover {
	background-color: #fff;
	color: #183883
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .load-more .blueBorder.btn-blue {
		padding: 10px 80px
	}
}

.accessories-wrapper .products-wrapper .load-more img.loadingimg {
	margin: 0 auto
}

@media (max-width: 815px) {
	.accessories-wrapper .products-wrapper .filterBtn {
		width: 100%
	}
	.accessories-wrapper .products-wrapper .filterBtn img {
		display: inline-block;
		vertical-align: middle
	}
}

.accessories-wrapper .products-wrapper .filterBtn:hover {
	color: #183883;
	background-color: #fff;
	border-color: #183883
}

.accessories-wrapper .products-wrapper .mobile-filter {
	position: fixed;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 99
}

.accessories-wrapper .products-wrapper .mobile-filter.nofixed {
	position: sticky;
	width: 112%;
	margin-left: -6%;
	margin-bottom: -30px
}

.accessories-wrapper .products-wrapper .mobile-filter.nobtn {
	display: none !important
}

.accessories-wrapper .service-wrapper {
	background-color: #fff;
	padding: 30px 0
}

@media (max-width: 815px) {
	.accessories-wrapper .service-wrapper .layoutWrap {
		margin-right: 0;
		margin-left: 0;
		width: 100%
	}
}

.accessories-wrapper .service-wrapper .service {
	text-align: center
}

.accessories-wrapper .service-wrapper .service>div {
	max-width: 300px;
	margin: 0 auto
}

@media (max-width: 815px) {
	.accessories-wrapper .service-wrapper .service>div {
		margin-bottom: 30px
	}
}

.accessories-wrapper .service-wrapper .service:after {
	content: " ";
	border: 1px solid #e1e1e1;
	width: 130px;
	height: 1px;
	display: block;
	margin: 0 auto
}

.accessories-wrapper .service-wrapper .service:last-child:after {
	display: none
}

@media (min-width: 815px) {
	.accessories-wrapper .service-wrapper .service:after {
		content: " ";
		border: 1px solid #e1e1e1;
		width: 1px;
		height: 150px;
		display: inline-block;
		position: absolute;
		right: 0;
		top: 50%;
		bottom: 50%;
		transform: translate(-50%, -50%)
	}
}

@media (max-width: 815px) {
	.accessories-wrapper .service-wrapper .service {
		margin-bottom: 20px;
		margin-top: 20px
	}
}

.accessories-wrapper .service-wrapper .service img {
	margin: 0 auto;
	height: 64px;
	width: auto
}

@media (max-width: 815px) {
	.accessories-wrapper .service-wrapper .service img {
		height: auto
	}
}

.accessories-wrapper .service-wrapper .service h1 {
	font-size: 17px;
	color: #000000;
	margin: 0;
	padding: 6px 0 2px
}

.accessories-wrapper .service-wrapper .service a {
	color: #183883;
	font-size: 16px;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	font-weight: 500
}

.accessories-wrapper .service-wrapper .service p {
	font-size: 12px;
	line-height: 1.5;
	color: #6b6b6b
}

@media (min-width: 815px) {
	.accessories-wrapper .service-wrapper .service p {
		display: block;
		display: -webkit-box;
		height: 54px;
		font-size: 12px;
		line-height: 1.5;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.accessories-wrapper .card-body .item-detail h5 {
	color: #000
}

.accessories-wrapper .color {
	padding: 20px
}

.accessories-wrapper .color ul li {
	font-size: 12px;
	padding: 4px;
	height: 20px;
	min-width: 20px;
	display: inline-flex;
	margin-right: 10px;
	justify-content: center;
	align-items: center;
	font-weight: 800
}

.accessories-wrapper .color-orange {
	background-color: #f97f68
}

.accessories-wrapper .color-red {
	background-color: #f03331
}

.accessories-wrapper .color-green {
	background-color: #07df8a
}

.accessories-wrapper .color-blue {
	background-color: #27bfcd
}

.accessories-wrapper .color-pink {
	background-color: #e43ff5
}

.accessories-wrapper .color-container {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.accessories-wrapper .color-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.accessories-wrapper .color-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px
}

.accessories-wrapper .color-container:hover input~.checkmark {
	border: 1px solid #000
}

.accessories-wrapper .color-container input:checked~.checkmark {
	border: 1px solid #000
}

.accessories-wrapper .color-container .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.accessories-wrapper .color-container input:checked~.checkmark:after {
	display: none
}

.accessories-wrapper .color-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white
}

.accessories-wrapper .acceCategoryList {
	padding: 10px;
	position: relative
}

@media (min-width: 815px) {
	.accessories-wrapper .acceCategoryList {
		max-height: 300px
	}
}

.accessories-wrapper .acceCategoryList button {
	right: 8px;
	position: absolute;
	top: 20px;
	background: transparent;
	border: none
}

.accessories-wrapper .acceCategoryList .searchInput {
	position: sticky;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 10px 0 10px 0;
	background: white
}

.acceCategoryList.mCustomScrollbar .mCSB_container {
	overflow: initial
}

#pincodeStatus {
	display: inline-block;
	padding: 0 12px;
	font-size: 13px;
	color: #de4019
}

.btn-disable {
	font-size: 14px;
	color: #888888;
	background-color: #d1d1d1;
	padding: 13px 14px;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 0;
	margin: 10px 0;
	transition: all 0.3s;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	border-radius: 6px
}

.a-title {
	margin: 0;
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 700;
	color: #000
}

@media (max-width: 815px) {
	.proSearchEcom {
		margin-bottom: 20px
	}
}

@media (max-width: 815px) {
	.proSearchEcom .a-title {
		margin-bottom: 8px
	}
}

.proSearchEcom .searchInput {
	position: relative
}

@media (min-width: 815px) {
	.proSearchEcom .searchInput {
		float: right
	}
}

.proSearchEcom .searchInput input {
	border: solid 1px #cac8ca;
	border-radius: 5px;
	padding: 8px 40px 8px 14px;
	display: inline-block;
	width: 100%;
	color: #000;
	font-size: 14px
}

@media (min-width: 815px) {
	.proSearchEcom .searchInput input {
		width: 260px
	}
}

.proSearchEcom .searchInput .searchBtn {
	position: absolute;
	right: 8px;
	background: transparent;
	border: 0 none;
	top: 10px
}

.acceCategoryList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #606060 !important
}

.filteredItems>ul {
	padding-bottom: 0 !important;
	margin-left: 10px
}

.filteredItems>ul>li {
	display: inline-block;
	padding: 0 0 0 10px !important;
	margin: 0 5px 7px 0
}

.filteredItems>ul>li>a {
	background-color: #e5e5e5;
	color: #000;
	font-size: 13px;
	padding: 6px 27px 6px 10px;
	border-radius: 6px;
	display: block;
	position: relative
}

.filteredItems>ul>li>a:hover {
	text-decoration: line-through
}

.filteredItems>ul>li>a:after {
	content: '';
	background: url(../img/icon-close1.png) no-repeat 0 -1px;
	height: 10px;
	width: 10px;
	right: 10px;
	top: 10px;
	display: inline-block;
	position: absolute
}

.asideStickOnScroll.bottomActive>.accordion,
.asideStickOnScroll.topActive>.accordion {
	position: fixed;
	width: 21.5%
}

.asideStickOnScroll.endList>.accordion {
	position: relative;
	width: auto
}

@media (min-width: 815px) {
	#sidebar {
		width: 91%;
		float: left;
		position: absolute;
		top: 0
	}
}

@media (min-width: 815px) {
	.sidebarfixed {
		position: fixed !important;
		top: 0;
		width: 21% !important
	}
}

.spacer-sticky {
	height: 1px
}

@media (max-width: 815px) {
	.spacer-sticky {
		display: none
	}
}

.loaderAjax {
	background-color: rgba(255, 255, 255, 0.6);
	bottom: 0;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999
}

.loaderAjax_inner {
	height: 44px;
	width: 44px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -22px 0 0 -22px
}

.accessories-details-wrapper h5 {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
	color: #000
}

@media (max-width: 815px) {
	.accessories-details-wrapper h5 {
		font-size: 22px;
		line-height: 15px;
		margin-bottom: 20px;
		margin-left: 5px
	}
}

.accessories-details-wrapper .accessories-slider-for {
	width: 100%
}

.accessories-details-wrapper .accessories-slider-for .slick-slide {
	margin: 0
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-slider-for .slick-slide {
		margin: 0
	}
}

.accessories-details-wrapper .accessories-slider-nav {
	margin: 10px auto 0 auto;
	width: 100%
}

.accessories-details-wrapper .accessories-slider-nav .slick-slide {
	margin: 0 5px 0 0;
	opacity: 0.5;
	border: 1px solid transparent;
	background-color: #fff;
	max-width: 100px
}

.accessories-details-wrapper .accessories-slider-nav .slick-slide:focus,
.accessories-details-wrapper .accessories-slider-nav .slick-slide:hover {
	outline: 0
}

.accessories-details-wrapper .accessories-slider-nav .slick-track {
	float: left
}

.accessories-details-wrapper .accessories-slider-nav .slick-current {
	opacity: 1;
	border: 1px solid #183883
}

.accessories-details-wrapper .accessories-slider-nav .slick-prev {
	left: 0px
}

.accessories-details-wrapper .accessories-slider-nav .slick-next {
	right: 0px
}

.accessories-details-wrapper .accessories-slider-nav .slick-dots {
	bottom: inherit;
	top: -50px;
	line-height: 10px
}

.accessories-details-wrapper .accessories-slider-nav .slick-dots li {
	width: 12px;
	height: 3px
}

.accessories-details-wrapper .accessories-slider-nav .slick-dots li button {
	width: 12px;
	height: 3px;
	background: #d1d1d1;
	padding: 0;
	box-shadow: 0 none
}

.accessories-details-wrapper .accessories-slider-nav .slick-dots li button:before {
	content: " "
}

.accessories-details-wrapper .accessories-slider-nav .slick-dots li.slick-active button {
	background: #383838
}

.accessories-details-wrapper .video-div {
	margin-top: 40px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .video-div {
		margin-top: 20px
	}
}

.accessories-details-wrapper .video-div .vdownlod-list {
	margin-top: 10px
}

.accessories-details-wrapper .video-div .vdownlod-list iframe {
	width: 100%;
	height: 340px;
	margin-bottom: -10px
}

.accessories-details-wrapper .plyvid {
	display: none
}

.accessories-details-wrapper .product-header h2 {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
	color: #000
}

.accessories-details-wrapper .product-header p.product-code {
	font-size: 14px;
	font-weight: 400;
	color: #515151
}

.accessories-details-wrapper .product-header p {
	margin: 0;
	font-size: 14px;
	font-weight: 500
}

.accessories-details-wrapper .product-header p em {
	color: #183883;
	font-size: 28px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	margin-right: 5px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .product-header p em {
		margin-right: 20px
	}
}

.accessories-details-wrapper .product-header p a {
	color: rgba(1, 1, 1, 0.58);
	text-decoration: line-through;
	font-size: 18px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .product-header p a {
		margin-right: 20px
	}
}

.accessories-details-wrapper .product-header p span.off {
	color: #000000;
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

.accessories-details-wrapper .product-header p span.price-inclusive {
	color: #515151
}

@media (max-width: 815px) {
	.accessories-details-wrapper .product-header p span.price-inclusive {
		display: block
	}
}

.accessories-details-wrapper .color-size {
	margin-top: 10px
}

@media (min-width: 815px) {
	.accessories-details-wrapper .color-size {
		margin-top: 0
	}
}

.accessories-details-wrapper .color-size h5 {
	font-size: 14px;
	margin-bottom: 5px;
	color: #5a5a5a;
	font-weight: 500
}

@media (max-width: 815px) {
	.accessories-details-wrapper .color-size h5 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 13px
	}
}

.accessories-details-wrapper .color-size .color {
	margin-bottom: 20px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .color-size .color {
		margin-top: 10px
	}
}

.accessories-details-wrapper .color-size .size {
	margin-bottom: 20px;
	margin-top: 10px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .color-size .size {
		margin-top: 30px
	}
}

.accessories-details-wrapper .color-size .quantity {
	margin-top: 10px
}

@media (min-width: 815px) {
	.accessories-details-wrapper .color-size .quantity {
		margin-top: 0
	}
}

.accessories-details-wrapper .color-size .quantity .btn-div {
	display: inline-flex;
	flex-wrap: wrap
}

@media (max-width: 815px) {
	.accessories-details-wrapper .color-size .quantity {
		margin-top: 0px
	}
}

.accessories-details-wrapper .btnCnt {
	margin: 25px 0
}

@media (max-width: 815px) {
	.accessories-details-wrapper .btnCnt {
		display: flex;
		column-gap: 15px
	}
}

.accessories-details-wrapper .btn.btn-accessories {
	width: 200px;
	min-height: 40px;
	padding: 5px;
	margin: 0px 20px 0 0;
	border-radius: 6px;
	line-height: 2
}

@media (max-width: 815px) {
	.accessories-details-wrapper .btn.btn-accessories {
		width: 50%;
		margin: 0
	}
}

.accessories-details-wrapper .btn.access-buy {
	background: #f4f4f4
}

@media (max-width: 815px) {
	.accessories-details-wrapper .btn.access-buy {
		margin: 0 0 0 10px !important
	}
}

.accessories-details-wrapper .btn.access-buy:hover {
	background-color: #183883
}

.accessories-details-wrapper .delivery-options {
	background-color: #fff;
	padding: 15px
}

.accessories-details-wrapper .delivery-options h5 {
	font-size: 14px;
	font-weight: bold;
	color: #000
}

.accessories-details-wrapper .delivery-options h5.title {
	font-size: 18px;
	line-height: 24px
}

.accessories-details-wrapper .delivery-options p {
	font-size: 12px;
	line-height: 18px;
	color: #525252;
	margin: 5px 0
}

.accessories-details-wrapper .delivery-options p.deliv-msg {
	color: #959595
}

.accessories-details-wrapper .delivery-options p.not-deliver {
	color: #f03331
}

.accessories-details-wrapper .delivery-options .check {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.accessories-details-wrapper .delivery-options .check input {
	border-radius: 5px;
	border: 1px solid #cac8ca;
	width: 170px;
	height: 40px;
	padding: 5px 10px
}

.accessories-details-wrapper .delivery-options .check input:hover,
.accessories-details-wrapper .delivery-options .check input:focus {
	outline: none
}

.accessories-details-wrapper .delivery-options .check .btn {
	padding: 5px 10px;
	margin: 0;
	margin-left: 8px;
	border-radius: 6px;
	width: 100px;
	height: 40px;
	background: #7a7a7a;
	font-weight: 400
}

.accessories-details-wrapper .delivery-options .check .btn:hover,
.accessories-details-wrapper .delivery-options .check .btn:focus {
	color: #fff;
	outline: none
}

.accessories-details-wrapper .product-details {
	margin-top: 22px
}

.accessories-details-wrapper .product-details h5 {
	color: #000000
}

.accessories-details-wrapper .product-details h5.title {
	font-size: 22px;
	line-height: 28px
}

.accessories-details-wrapper .product-details p {
	font-size: 15px
}

.accessories-details-wrapper .item-detail p {
	margin: 0;
	font-size: 14px;
	font-weight: 700
}

.accessories-details-wrapper .item-detail p em {
	color: #f12a00;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

.accessories-details-wrapper .highlights ul li {
	line-height: 30px
}

.accessories-details-wrapper .highlights ul li::before {
	content: "";
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	width: 10px;
	border: 2px solid #f22a00;
	margin-right: 5px
}

.accessories-details-wrapper .general dl dt,
.accessories-details-wrapper .highlights dl dt {
	line-height: 30px
}

.accessories-details-wrapper .general dl dt::before,
.accessories-details-wrapper .highlights dl dt::before {
	content: "";
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	width: 10px;
	border: 2px solid #f22a00;
	margin-right: 5px
}

.accessories-details-wrapper .accessories-slider-wrapper {
	margin-bottom: 60px;
	margin-top: 10px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-slider-wrapper {
		margin-right: 0;
		margin-bottom: 40px;
		padding-left: 10px;
		width: 100%
	}
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider {
	margin-top: 10px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-list {
		padding: 0 14% 0 0 !important
	}
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide img {
	width: 100%
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide .col-sm-12 {
	padding: 0
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide .btn {
	padding: 10px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide {
		margin: 0 2px
	}
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 40%
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-b.png) center center no-repeat !important
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:focus,
.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:hover {
	background: #959595 !important;
	border: 0 none
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:focus:before,
.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-w.png) center center no-repeat !important
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 40%
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-b.png) center center no-repeat !important
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:focus,
.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:hover {
	background: #959595 !important;
	border: 0 none
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:focus:before,
.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-w.png) center center no-repeat !important
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card {
	background-color: #fff
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	border-top: 2px solid #e7e7e7
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p {
	margin: 0;
	font-size: 14px;
	font-weight: 700
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p em {
	color: #183883;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	margin-right: 9px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p em {
		font-size: 13px;
		margin-right: 5px
	}
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p em.cancelPrice {
	font-size: 15px;
	color: #6b6b6b;
	text-decoration: line-through
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p em.cancelPrice {
		font-size: 11px
	}
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body .item-detail .card-title {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	color: #000
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body .item-detail .card-title {
		display: block;
		display: -webkit-box;
		height: 39.2px;
		font-size: 14px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body .item-detail .card-text {
	margin: 0;
	color: #000
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body .item-detail .card-text {
		display: block;
		display: -webkit-box;
		height: 30.8px;
		font-size: 11px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.accessories-details-wrapper .general {
	margin-top: 20px
}

.accessories-details-wrapper .warranty {
	margin-top: 20px
}

.accessories-details-wrapper .warranty p {
	font-size: 15px !important
}

@media (max-width: 815px) {
	.accessories-details-wrapper .warranty p {
		font-size: 12px
	}
}

.accessories-details-wrapper .warranty .p-0 {
	padding: 0
}

.accessories-details-wrapper .warranty .p-xs-0 {
	padding: 0
}

@media (max-width: 815px) {
	.accessories-details-wrapper .warranty .p-xs-0 {
		padding: 0
	}
}

.accessories-details-wrapper .value-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 0px solid #ddd;
	margin: 0px;
	width: 50px;
	height: 40px;
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #505050
}

.accessories-details-wrapper .value-button.lCorner {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 16px
}

.accessories-details-wrapper .value-button.lCorner.deactive {
	color: #cac8ca;
	cursor: default
}

.accessories-details-wrapper .value-button.rCorner {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 16px
}

.accessories-details-wrapper .value-button.rCorner.deactive {
	color: #cac8ca;
	cursor: default
}

.accessories-details-wrapper .mr-30 {
	margin-right: 30px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .mr-30 {
		margin-right: 60px
	}
}

.accessories-details-wrapper .value-button:hover {
	cursor: pointer
}

.accessories-details-wrapper form #decrease {
	margin-right: -4px;
	border-radius: 8px 0 0 8px
}

.accessories-details-wrapper form #increase {
	margin-left: -4px;
	border-radius: 0 8px 8px 0
}

.accessories-details-wrapper form #input-wrap {
	margin: 0px;
	padding: 0px
}

.accessories-details-wrapper input#number {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 0px solid #ddd;
	margin: 0px;
	width: 40px;
	height: 40px;
	color: #000000;
	border-radius: 0
}

.accessories-details-wrapper input[type="number"]::-webkit-inner-spin-button,
.accessories-details-wrapper input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.accessories-details-wrapper .btn-orange {
	background-color: #f22a00
}

.accessories-details-wrapper .btn-orange:hover {
	background-color: #fff;
	color: #f22a00;
	border-color: #f22a00
}

.accessories-details-wrapper .color-orange {
	background-color: #f97f68
}

.accessories-details-wrapper .color-red {
	background-color: #f03331
}

.accessories-details-wrapper .color-green {
	background-color: #07df8a
}

.accessories-details-wrapper .color-blue {
	background-color: #27bfcd
}

.accessories-details-wrapper .color-pink {
	background-color: #e43ff5
}

.accessories-details-wrapper .color .color-container {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.accessories-details-wrapper .color .color-container span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	font-size: 12px;
	min-width: 25px
}

.accessories-details-wrapper .color .color-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	left: 5px
}

.accessories-details-wrapper .color .color-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	min-width: 30px;
	border-radius: 5px;
	border: 0 none;
	background: transparent
}

.accessories-details-wrapper .color .color-container .checkmark span {
	height: 28px;
	width: 28px;
	border: 2px solid #f4f4f4;
	border-radius: 5px
}

.accessories-details-wrapper .color .color-container:hover input~.checkmark {
	border: 1px solid #000
}

.accessories-details-wrapper .color .color-container input:checked~.checkmark {
	border: 1px solid #000
}

.accessories-details-wrapper .color .color-container .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.accessories-details-wrapper .color .color-container input:checked~.checkmark:after {
	display: none
}

.accessories-details-wrapper .color .color-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white
}

.accessories-details-wrapper .size .size-container {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	margin-right: 5px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.accessories-details-wrapper .size .size-container span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	font-size: 12px;
	min-width: 25px
}

.accessories-details-wrapper .size .size-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	left: 10px
}

.accessories-details-wrapper .size .size-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	min-width: 30px;
	border-radius: 5px
}

.accessories-details-wrapper .size .size-container:hover input~.checkmark {
	background-color: #000;
	color: #fff
}

.accessories-details-wrapper .size .size-container input:checked~.checkmark {
	background-color: #000;
	color: #fff
}

.accessories-details-wrapper .size .size-container .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.accessories-details-wrapper .size .size-container input:checked~.checkmark:after {
	display: none
}

.accessories-details-wrapper .size .size-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white
}

.accessories-details-wrapper .viewsizeChart {
	text-align: left;
	margin: 8px 0 0 30px;
	font-size: 12px
}

@media (max-width: 815px) {
	.accessories-details-wrapper .viewsizeChart {
		margin: 0;
		float: right;
		font-size: 16px;
		text-transform: none;
		text-decoration: none
	}
}

.accessories-details-wrapper .viewsizeChart>a {
	color: #f12a00
}

.accessories-details-wrapper .accessories-featureCnt {
	margin: 20px auto;
	width: 100%
}

@media (min-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt {
		margin: 24px auto
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoTab {
	padding: 15px 20px;
	border: 1px solid #d3d3d3;
	background: #f4f4f4
}

.accessories-details-wrapper .accessories-featureCnt .proinfoTab a {
	display: inline-block;
	width: 100%;
	font-weight: 700;
	color: #000;
	font-size: 20px
}

@media (min-width: 320px) and (max-width: 350px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoTab a {
		font-size: 18px;
		line-height: 24px
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoTab a:after {
	content: " ";
	background: transparent url("../img/accessories-info-tab-arrow.png") center center no-repeat;
	transform: rotate(180deg);
	width: 25px;
	height: 24px;
	float: right
}

.accessories-details-wrapper .accessories-featureCnt .proinfoTab.active {
	border-bottom: none
}

.accessories-details-wrapper .accessories-featureCnt .proinfoTab.active a:after {
	transform: rotate(0deg)
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap {
	display: none;
	background: #fff;
	padding: 30px 35px 10px 35px;
	border: 1px solid #d3d3d3;
	border-top: none
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap {
		padding: 30px 0
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox {
	display: inline-block;
	width: 100%;
	margin: 0 0px
}

@media (min-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox {
		display: block;
		width: auto
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt {
	display: block;
	border-top: 1px solid #e0e0e0;
	float: none;
	padding: 30px 35px
}

@media (min-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt {
		display: table-cell;
		border-top: 0px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		float: none;
		padding: 0 30px
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt:first-child {
	border: 0 none;
	padding-top: 0
}

@media (min-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt:first-child {
		padding-left: 0
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt h5 {
	font-size: 18px;
	line-height: 24px;
	color: #183883;
	font-weight: 500;
	margin: 0 0 0px 0
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt h5>img {
	float: left;
	margin: -4px 10px 0px 0
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt ul li {
	font-size: 13px;
	line-height: 20px;
	color: #474747;
	margin: 0px 3% 20px 0;
	padding: 0 0 0 20px;
	background: transparent url(../img/accessories-features-bullet.png) top 4px left no-repeat !important;
	display: inline-block;
	width: 31%;
	vertical-align: top
}

@media (min-width: 815px) and (max-width: 1024px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt ul li {
		margin: 0px 2% 20px 0;
		width: 30%
	}
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt ul li {
		margin: 20px 0 0px 0;
		width: 100%
	}
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt ul li:first-child {
		margin-top: 0px
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt ul li:nth-child(3n+3) {
	margin: 0px 0 20px 0
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt ul li:nth-child(3n+3) {
		margin: 20px 0 0px 0
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .simpleTxt ul li {
	font-size: 13px;
	line-height: 20px;
	color: #474747;
	margin: 15px 0 0 0;
	padding: 0 0 0 0px;
	background: 0 none
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .simpleTxt ul li:first-child {
	margin-top: 0
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .simpleTxt dl dt {
	font-size: 14px;
	line-height: 20px;
	color: #474747;
	margin: 15px 0 0 0;
	padding: 0 0 0 0px
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .simpleTxt dl dd {
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin: 15px 0 0 0;
	padding: 0px 0 0 0px;
	font-weight: 700
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .simpleTxt dl:first-child dt {
	margin-top: 0
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .simpleTxt dl:first-child dd {
	margin-top: 0
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .simpleTxt dl.row {
	margin: 0 0px
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .imgCnt img {
	border: 1px solid #d7d7d7;
	width: 100%;
	margin-top: 35px
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt {
	border: 1px solid #dadada;
	margin-bottom: 20px;
	padding: 0
}

@media (min-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt:first-child {
		width: 48%;
		margin-right: 2%
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 0px;
	margin: 0 0 0 0;
	border-top: 1px solid #dadada
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p span.ttl {
	background: #f1f1f1;
	color: #6f6f6f;
	padding: 25px 15px;
	display: inline-block;
	margin-right: 3%;
	max-width: 27%;
	min-width: 27%;
	vertical-align: middle
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p span.ttl {
		max-width: 40%;
		min-width: 40%
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p span.dtl {
	background: #fff;
	color: #000000;
	display: inline-block;
	margin-right: 0px;
	max-width: 70%;
	vertical-align: middle;
	padding: 0px 5px 0 0;
	word-break: break-all
}

@media (max-width: 815px) {
	.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p span.dtl {
		max-width: 57%
	}
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p a {
	color: #000000
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p a:hover {
	text-decoration: underline
}

.accessories-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p:first-child {
	border-top: 0 none
}

.accessories-details-wrapper .warrantyCnt {
	margin: 30px auto;
	width: 100%
}

.accessories-details-wrapper .warrantyCnt h5 {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 10px 0;
	color: #000;
	font-weight: 500
}

@media (max-width: 815px) {
	.accessories-details-wrapper .warrantyCnt h5 {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 0
	}
}

.accessories-details-wrapper .warrantyCnt p {
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0 0px 0;
	color: #474747
}

@media (min-width: 815px) {
	.accessories-details-wrapper .accessories-slider-nav {
		width: calc(50% - 20px) !important;
		margin: 0 !important
	}
}

@media (min-width: 815px) {
	.accessories-details-wrapper .details-wrapper .video-div {
		width: 50%
	}
}

@media (min-width: 815px) {
	.accessories-details-wrapper .absoCont {
		position: relative;
		left: 49%;
		margin-top: -93.7%
	}
}

@media (min-width: 815px) {
	.accessories-details-wrapper .easyzoom {
		width: calc(50% - 20px)
	}
}

@media (max-width: 815px) {
	.accessories-details-wrapper .easyzoom {
		width: 100%
	}
}

.accessories-details-wrapper .easyzoom>a>img {
	width: 100% !important;
	background-color: #fff
}

.accessories-details-wrapper .quantity .btn-disable {
	margin-top: 0;
	padding-top: 6px;
	padding-bottom: 5px
}

@media (min-width: 815px) {
	.accessories-details-wrapper .layoutWrap {
		margin-top: 15px
	}
}

.chartsizeCnt {
	padding-right: 0 !important
}

@media (max-width: 815px) {
	.chartsizeCnt .modal-dialog {
		margin: 0px 0px 20px 40px
	}
}

@media (min-width: 815px) {
	.chartsizeCnt .modal-dialog {
		margin-right: 0;
		margin-top: 0;
		width: 50%
	}
}

.chartsizeCnt .modal-dialog .modal-content {
	border-radius: 0
}

.chartsizeCnt .modal-dialog .modal-content .modal-body {
	padding: 0
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .close {
	opacity: 1;
	float: left;
	margin-left: -50px;
	margin-top: -10px
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .close:hover,
.chartsizeCnt .modal-dialog .modal-content .modal-body .close:focus {
	opacity: 0.7
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt {
	padding: 15px
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt h5 {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	margin: 0 0 10px 0
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt p.notes {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	margin: 10px 0 0 0;
	text-align: right
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll {
	overflow-x: auto
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable {
	border-collapse: separate;
	border-spacing: 0
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr {
	display: table-row
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr td,
.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr th {
	border: 1px solid #d7d7d7;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	padding: 10px 12px;
	text-align: left;
	width: 12%
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #fff
}

@media (max-width: 702px) {
	.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr th {
		-webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3)
	}
}

@media (min-width: 816px) and (max-width: 1307px) {
	.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr th {
		-webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3)
	}
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child {
	background: #ededed
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child td,
.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child th {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-weight: 700
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #fff
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child th:first-child {
	background: #ededed
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .howtoMeasureCnt {
	padding: 15px;
	background: #f0f0f0
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .howtoMeasureCnt h5 {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	margin: 0 0 10px 0
}

.chartsizeCnt .modal-dialog .modal-content .modal-body .howtoMeasureCnt img {
	margin: 0 auto
}

.merchandise-wrapper .imgSlideWrap {
	height: auto
}

.merchandise-wrapper .imgSlideWrap .slick-slide {
	margin: 0
}

.merchandise-wrapper .layoutWrap.innWrap {
	padding-top: 96px
}

@media (max-width: 815px) {
	.merchandise-wrapper .layoutWrap.innWrap {
		padding-top: 0
	}
}

.merchandise-wrapper .banner-content {
	color: #fff;
	position: absolute;
	bottom: 15%;
	left: 10%;
	width: 50%
}

.merchandise-wrapper .banner-content p {
	margin: 0
}

.merchandise-wrapper .banner-content h1 {
	color: #fff;
	margin: 0;
	padding-top: 0;
	line-height: 50px;
	font-size: 50px;
	font-weight: 800
}

@media (max-width: 815px) {
	.merchandise-wrapper .banner-content h1 {
		font-size: 30px;
		line-height: 30px
	}
}

.merchandise-wrapper .accessories-slider-wrapper {
	margin-bottom: 30px
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider {
	margin-top: 10px
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide img {
	width: 100%
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide .col-sm-12 {
	padding: 0
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide .btn {
	padding: 10px
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 50%
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-b.png) center center no-repeat !important
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:focus,
.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:hover {
	background: #959595 !important;
	border: 0 none
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:focus:before,
.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-w.png) center center no-repeat !important
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-next {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 50%
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-b.png) center center no-repeat !important
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:focus,
.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:hover {
	background: #959595 !important;
	border: 0 none
}

.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:focus:before,
.merchandise-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-w.png) center center no-repeat !important
}

.merchandise-wrapper .accessories-slider-wrapper .card {
	background-color: #fff
}

.merchandise-wrapper .accessories-slider-wrapper .card .card-body {
	padding: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.merchandise-wrapper .accessories-slider-wrapper {
	margin-top: 30px
}

.merchandise-wrapper .accessories-slider-wrapper h2 {
	margin-left: 0;
	font-size: 24px;
	font-weight: 700;
	color: #000;
	padding: 0px
}

@media (max-width: 815px) {
	.merchandise-wrapper .accessories-slider-wrapper h2 {
		padding: 0px 15px
	}
}

.merchandise-wrapper .accessories-slider .card {
	margin: 0 auto;
	background-color: #fff
}

.merchandise-wrapper .accessories-slider .card-body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 15px
}

.merchandise-wrapper .accessories-slider .card-body p {
	margin: 0;
	font-size: 14px;
	font-weight: 700
}

.merchandise-wrapper .accessories-slider .card-body p em {
	color: #f12a00;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

@media (max-width: 815px) {
	.merchandise-wrapper .accessories-slider .card-body p em {
		font-size: 14px
	}
}

.merchandise-wrapper .accessories-slider .card-body p a {
	color: #838386;
	text-decoration: line-through;
	font-size: 16px;
	margin-left: 10px
}

@media (max-width: 815px) {
	.merchandise-wrapper .accessories-slider .card-body p a {
		font-size: 12px
	}
}

.merchandise-wrapper .accessories-slider .card-body p span.off {
	color: #f12a00;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

@media (max-width: 815px) {
	.merchandise-wrapper .accessories-slider .card-body p span.off {
		font-size: 12px
	}
}

.merchandise-wrapper .accessories-slider .card-body .item-detail .card-title {
	margin: 0
}

.merchandise-wrapper .accessories-slider .card-body .item-detail .card-text {
	margin: 0
}

.merchandise-wrapper .select-accessories-wrapper {
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #fff
}

.merchandise-wrapper .select-accessories-wrapper .select-accessories {
	padding-left: 20px;
	padding-right: 20px
}

.merchandise-wrapper .select-accessories-wrapper .select-accessories .select {
	width: 42% !important;
	margin-bottom: 10px;
	margin-right: 10px
}

@media (max-width: 815px) {
	.merchandise-wrapper .select-accessories-wrapper .select-accessories .select {
		width: 100% !important
	}
}

.merchandise-wrapper .select-accessories-wrapper .select-accessories .select select {
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	background-image: none;
	background: transparent;
	border: none
}

.merchandise-wrapper .select-accessories-wrapper .select-accessories .select::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	height: 38px;
	background: transparent url(../img/down-arrow.png) center no-repeat;
	pointer-events: none
}

.merchandise-wrapper .select-accessories-wrapper .select-accessories h1 {
	text-transform: initial;
	line-height: 35px;
	font-weight: 700
}

@media (max-width: 815px) {
	.merchandise-wrapper .select-accessories-wrapper .select-accessories h1 {
		padding-bottom: 0
	}
}

.merchandise-wrapper .select-accessories-wrapper .select-accessories p {
	color: #000
}

@media (max-width: 815px) {
	.merchandise-wrapper .select-accessories-wrapper .select-accessories p {
		font-size: 18px
	}
}

.merchandise-wrapper .select-accessories-wrapper .select-accessories .dropdown .btn {
	color: #000;
	background-color: transparent;
	border: 1px solid #ccc
}

.merchandise-wrapper .select-accessories-wrapper .select-accessories .dropdown-menu a {
	display: block;
	padding: 5px 10px
}

@media (max-width: 815px) {
	.merchandise-wrapper .select-accessories-wrapper img {
		padding-top: 10px
	}
}

.merchandise-wrapper .products-wrapper {
	margin-top: 30px;
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .accordion {
		margin-bottom: 20px;
		display: none
	}
}

.merchandise-wrapper .products-wrapper .accordion .filter_product {
	background-color: #fff;
	margin: 0 0 1px 0
}

.merchandise-wrapper .products-wrapper .accordion .filter_product .card-body ul li:first-child {
	position: relative
}

.merchandise-wrapper .products-wrapper .accordion .filter_product .card-body ul li:first-child button {
	right: 20px;
	position: absolute;
	top: 14px;
	background: transparent;
	border: none
}

.merchandise-wrapper .products-wrapper .accordion .filter_product input.search {
	width: 100%
}

.merchandise-wrapper .products-wrapper .accordion .filter_product h2 {
	margin: 0
}

.merchandise-wrapper .products-wrapper .accordion .filter_product h2.filterTitle {
	font-size: 18px;
	color: #000;
	padding: 20px;
	font-weight: 500
}

.merchandise-wrapper .products-wrapper .accordion .filter_product h2 .btn {
	padding-left: 15px
}

.merchandise-wrapper .products-wrapper .accordion .filter_product h2 .btn:after {
	content: " ";
	width: 12px;
	height: 12px;
	margin-top: 4px;
	float: right;
	background: transparent url(../img/accessories-filter-icon-m.png) center center no-repeat !important
}

.merchandise-wrapper .products-wrapper .accordion .filter_product h2 .btn.collapsed:after {
	background: transparent url(../img/accessories-filter-icon-p.png) center center no-repeat !important
}

.merchandise-wrapper .products-wrapper .accordion .filter_product h2 .btn:focus {
	outline: none
}

.merchandise-wrapper .products-wrapper .accordion .filter_product .btn {
	width: 100%;
	text-align: left;
	margin: 1px;
	background-color: transparent;
	color: #575757;
	border-left: 4px solid #001366
}

.merchandise-wrapper .products-wrapper .accordion .filter_product ul li {
	padding: 10px
}

.merchandise-wrapper .products-wrapper .accordion .filter_product ul li .checkmark {
	border-radius: 5px
}

.merchandise-wrapper .products-wrapper .accordion .filter_product label {
	font-size: 13px;
	color: #8b8989
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .accordion .filter_product {
		margin: 0
	}
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .cardList:nth-child(even) {
		padding-left: 5px;
		padding-right: 5px
	}
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .cardList:nth-child(odd) {
		padding-left: 5px;
		padding-right: 5px
	}
}

.merchandise-wrapper .products-wrapper .card {
	margin: 0 auto;
	background-color: #fff;
	margin-bottom: 30px;
	position: relative
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .card {
		border: 1px solid #e7e7e7;
		margin-bottom: 10px
	}
}

.merchandise-wrapper .products-wrapper .card .card-body p {
	margin: 0;
	font-size: 18px;
	font-weight: 700
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .card .card-body p {
		font-size: 12px
	}
}

.merchandise-wrapper .products-wrapper .card .card-body p em {
	color: #183883;
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	margin-right: 3px
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .card .card-body p em {
		font-size: 12px
	}
}

.merchandise-wrapper .products-wrapper .card .card-body p em.cancelPrice {
	font-size: 16px;
	color: #6b6b6b;
	text-decoration: line-through
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .card .card-body p em.cancelPrice {
		font-size: 12px
	}
}

.merchandise-wrapper .products-wrapper .card .card-body .item-detail .card-title {
	margin: 0;
	font-size: 16px;
	color: #000;
	line-height: 30px
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .card .card-body .item-detail .card-title {
		font-size: 14px
	}
}

.merchandise-wrapper .products-wrapper .card .card-body .item-detail .card-title>a {
	display: inline-block
}

.merchandise-wrapper .products-wrapper .card .card-body .item-detail .card-text {
	margin: 0;
	color: #000
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .card {
		width: auto
	}
}

.merchandise-wrapper .products-wrapper .card .cardBtnWrap a.btn {
	display: none;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	max-width: 220px;
	margin: 0 auto;
	border-radius: 6px;
	color: #183883;
	background-color: #fff;
	border: solid 1px #183883
}

.merchandise-wrapper .products-wrapper .card .cardBtnWrap:hover a.btn {
	display: block
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .card .cardBtnWrap:hover a.btn {
		display: none
	}
}

.merchandise-wrapper .products-wrapper .card img {
	width: 100%;
	width: 80%;
	margin: 0 auto
}

.merchandise-wrapper .products-wrapper .load-more {
	text-align: center
}

.merchandise-wrapper .products-wrapper .load-more .blueBorder.btn-blue {
	padding: 10px 60px;
	color: #fff;
	background-color: #183883;
	border-radius: 6px
}

.merchandise-wrapper .products-wrapper .load-more .blueBorder.btn-blue:hover {
	background-color: #fff;
	color: #183883
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .load-more .blueBorder.btn-blue {
		padding: 10px 80px
	}
}

.merchandise-wrapper .products-wrapper .load-more img.loadingimg {
	margin: 0 auto
}

@media (max-width: 815px) {
	.merchandise-wrapper .products-wrapper .filterBtn {
		width: 100%
	}
	.merchandise-wrapper .products-wrapper .filterBtn img {
		display: inline-block;
		vertical-align: middle
	}
}

.merchandise-wrapper .products-wrapper .filterBtn:hover {
	color: #183883;
	background-color: #fff;
	border-color: #183883
}

.merchandise-wrapper .service-wrapper {
	background-color: #fff;
	margin-bottom: 50px;
	padding: 75px 0
}

@media (max-width: 815px) {
	.merchandise-wrapper .service-wrapper .layoutWrap {
		margin-right: 0;
		margin-left: 0
	}
}

.merchandise-wrapper .service-wrapper .service {
	text-align: center;
	min-height: 305px
}

@media (min-width: 815px) {
	.merchandise-wrapper .service-wrapper .service:after {
		content: "";
		border: 1px solid #e1e1e1;
		height: 150px;
		position: absolute;
		right: 0;
		top: 50%;
		bottom: 50%;
		transform: translate(-50%, -50%)
	}
	.merchandise-wrapper .service-wrapper .service:last-child:after {
		display: none
	}
}

@media (max-width: 815px) {
	.merchandise-wrapper .service-wrapper .service {
		margin-bottom: 20px;
		margin-top: 20px
	}
}

.merchandise-wrapper .service-wrapper .service img {
	margin: 0 auto;
	height: 90px;
	width: auto
}

@media (max-width: 815px) {
	.merchandise-wrapper .service-wrapper .service img {
		height: auto
	}
}

.merchandise-wrapper .service-wrapper .service h1 {
	font-size: 22px;
	color: #f12a00
}

.merchandise-wrapper .service-wrapper .service a {
	color: #183883;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer
}

.merchandise-wrapper .card-body .item-detail h5 {
	color: #000
}

.merchandise-wrapper .color {
	padding: 20px
}

.merchandise-wrapper .color ul li {
	font-size: 12px;
	padding: 4px;
	height: 20px;
	min-width: 20px;
	display: inline-flex;
	margin-right: 10px;
	justify-content: center;
	align-items: center;
	font-weight: 800
}

.merchandise-wrapper .color-orange {
	background-color: #f97f68
}

.merchandise-wrapper .color-red {
	background-color: #f03331
}

.merchandise-wrapper .color-green {
	background-color: #07df8a
}

.merchandise-wrapper .color-blue {
	background-color: #27bfcd
}

.merchandise-wrapper .color-pink {
	background-color: #e43ff5
}

.merchandise-wrapper .color-container {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.merchandise-wrapper .color-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.merchandise-wrapper .color-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px
}

.merchandise-wrapper .color-container:hover input~.checkmark {
	border: 1px solid #000
}

.merchandise-wrapper .color-container input:checked~.checkmark {
	border: 1px solid #000
}

.merchandise-wrapper .color-container .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.merchandise-wrapper .color-container input:checked~.checkmark:after {
	display: none
}

.merchandise-wrapper .color-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white
}

.merchandise-wrapper .acceCategoryList {
	padding: 10px;
	position: relative
}

@media (min-width: 815px) {
	.merchandise-wrapper .acceCategoryList {
		max-height: 300px
	}
}

.merchandise-wrapper .acceCategoryList button {
	right: 8px;
	position: absolute;
	top: 20px;
	background: transparent;
	border: none
}

.mobileFilterWrapper {
	position: absolute;
	background: #fff;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	display: none;
	z-index: 1000
}

.mobileFilterWrapper .filterTitle {
	width: 100%;
	height: 55px;
	border-bottom: solid 1px #eaeaea;
	line-height: 55px;
	color: #000;
	font-size: 18px;
	padding-left: 40px;
	position: relative
}

.mobileFilterWrapper .filterTitle::before {
	content: "";
	width: 8px;
	height: 14px;
	background: url(../img/black-left-arrow.png) 0 0 no-repeat;
	position: absolute;
	top: 20px;
	left: 20px
}

.mobileFilterWrapper .container .col-xs-5 {
	padding-left: 0px
}

.mobileFilterWrapper .container .categoryWrapper {
	line-height: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}

.mobileFilterWrapper .container .categoryWrapper.active {
	color: #183883;
	border-right: 0px;
	border-left: solid 4px #183883
}

.mobileFilterWrapper .container .subcategoryWrapper {
	display: none
}

.mobileFilterWrapper .container .subcategoryWrapper .checkboxCont {
	text-transform: none !important;
	line-height: 50px;
	font-size: 14px;
	color: #666666
}

.mobileFilterWrapper .container .subcategoryWrapper .checkmark {
	top: 15px
}

.mobileFilterWrapper .container .subcategoryWrapper.active {
	display: block
}

.mobileFilterWrapper .mobileFilterControls {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0px
}

.mobileFilterWrapper .mobileFilterControls [class*="col-xs"] {
	line-height: 50px;
	text-align: center
}

.mobileFilterWrapper .mobileFilterControls .reset {
	background-color: #dedede;
	color: #000;
	font-size: 14px
}

.mobileFilterWrapper .mobileFilterControls .apply {
	background-color: #183883;
	color: #fff;
	font-size: 14px
}

.mobileFilterWrapper.active {
	display: block;
	height: 100%
}

.mobileFilterWrapper.active .catWrapper {
	height: calc(100% - 105px);
	overflow: scroll
}

#pincodeStatus {
	display: inline-block;
	padding: 0 12px 0 0;
	font-size: 13px;
	color: #de4019;
	margin-left: 0
}

.btn-disable {
	font-size: 14px;
	color: #888888;
	background-color: #d1d1d1;
	padding: 13px 14px;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 0;
	margin: 10px 0;
	transition: all .3s;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	border-radius: 6px
}

.accessories-details-wrapper.merchandise-details-wrapper h5 {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	color: #000
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper h5 {
		font-size: 22px;
		line-height: 15px;
		margin-bottom: 20px;
		margin-left: 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-for {
	width: 100%
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-for .slick-slide {
	margin: 0
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-for .slick-slide {
		margin: 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav {
	margin: 10px auto 0 auto;
	width: 100%
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-slide {
	margin: 0 5px 0 0;
	opacity: 0.5;
	border: 1px solid transparent;
	max-width: 100px
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-slide:focus,
.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-slide:hover {
	outline: 0
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-track {
	float: left
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-current {
	opacity: 1;
	border: 1px solid #183883
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-prev {
	left: 0px
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-next {
	right: 0px
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-dots {
	bottom: inherit;
	top: -50px;
	line-height: 10px
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-dots li {
	width: 12px;
	height: 3px
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-dots li button {
	width: 12px;
	height: 3px;
	background: #d1d1d1;
	padding: 0;
	box-shadow: 0 none
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-dots li button:before {
	content: " "
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav .slick-dots li.slick-active button {
	background: #383838
}

.accessories-details-wrapper.merchandise-details-wrapper .video-div {
	margin-top: 20px
}

.accessories-details-wrapper.merchandise-details-wrapper .video-div .vdownlod-list {
	margin-top: 10px
}

.accessories-details-wrapper.merchandise-details-wrapper .video-div .vdownlod-list iframe {
	width: 100%;
	height: 340px;
	margin-bottom: -10px
}

.accessories-details-wrapper.merchandise-details-wrapper .plyvid {
	display: none
}

.accessories-details-wrapper.merchandise-details-wrapper .product-header h2 {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 10px 0;
	color: #000
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .product-header h2 {
		margin-top: 25px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .product-header p.product-code {
	font-size: 16px;
	font-weight: 200
}

.accessories-details-wrapper.merchandise-details-wrapper .product-header p {
	margin: 0;
	font-size: 13px;
	font-weight: 500
}

.accessories-details-wrapper.merchandise-details-wrapper .product-header p em {
	color: #183883;
	font-size: 28px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	margin-right: 5px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .product-header p em {
		margin-right: 20px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .product-header p a {
	color: #838386;
	text-decoration: line-through;
	font-size: 16px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .product-header p a {
		margin-right: 20px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .product-header p span.off {
	color: #183883;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .product-header p span.price-inclusive {
		display: block
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size {
	margin-top: 10px
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size h5 {
	font-size: 14px;
	margin-bottom: 5px;
	color: #5a5a5a;
	font-weight: 500
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .color-size h5 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .color {
	margin-bottom: 20px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .color-size .color {
		margin-top: 10px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .size {
	margin-bottom: 20px;
	margin-top: 10px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .color-size .size {
		margin-top: 30px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .quantity {
	margin-top: 10px
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .quantity .btn-div {
	display: inline-flex;
	flex-wrap: wrap
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .color-size .quantity {
		margin-top: 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt {
	margin-top: 10px
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt .btn-div {
	display: inline-flex;
	flex-wrap: wrap;
	position: relative
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt .btn-div .numNoticon {
	display: none
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt .btn-div .numnotavail+.numNoticon {
	display: block
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt .btn-div .numYesicon {
	display: block
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt .btn-div .numnotavail~.numYesicon {
	display: none
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt {
		margin-top: 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt p.mer-num-txt {
	margin: 5px 0;
	font-size: 12px;
	line-height: 18px;
	color: #525252
}

.accessories-details-wrapper.merchandise-details-wrapper .color-size .merCnt p.mer-num-txt.error {
	color: #f03331
}

.accessories-details-wrapper.merchandise-details-wrapper .btnCnt {
	margin: 25px 0
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .btnCnt {
		display: flex;
		column-gap: 15px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .btn.btn-accessories {
	width: 200px;
	min-height: 40px;
	padding: 5px;
	margin: 0px 20px 0 0;
	border-radius: 6px;
	line-height: 2
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .btn.btn-accessories {
		width: 50%;
		margin: 0px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options {
	background-color: #fff;
	padding: 15px
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options h5 {
	font-size: 14px;
	font-weight: bold;
	color: #000
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options h5.title {
	font-size: 18px;
	line-height: 24px
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options h5.deliv-date {
	margin-left: 0
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options p {
	font-size: 12px;
	line-height: 18px;
	color: #525252;
	margin: 5px 0
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options p.deliv-msg {
	color: #959595
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options p.not-deliver {
	color: #f03331
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options .check {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options .check input {
	border-radius: 5px;
	border: 1px solid #cac8ca;
	padding: 5px 10px
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options .check input:hover,
.accessories-details-wrapper.merchandise-details-wrapper .delivery-options .check input:focus {
	outline: none
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options .check .btn {
	padding: 5px 10px;
	margin-left: 8px;
	background: #7a7a7a;
	border-radius: 6px
}

.accessories-details-wrapper.merchandise-details-wrapper .delivery-options .check .btn:hover,
.accessories-details-wrapper.merchandise-details-wrapper .delivery-options .check .btn:focus {
	background: #7a7a7a;
	color: #ffffff;
	outline: none
}

.accessories-details-wrapper.merchandise-details-wrapper .product-warranty-return {
	width: 100%;
	min-height: 20px;
	margin-top: 20px
}

.accessories-details-wrapper.merchandise-details-wrapper .product-warranty-return .container {
	width: auto
}

.accessories-details-wrapper.merchandise-details-wrapper .product-warranty-return .container span {
	color: #183883;
	font-size: 14px;
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 25px
}

.accessories-details-wrapper.merchandise-details-wrapper .product-warranty-return .container span a {
	border-bottom: solid 1px #183883
}

.accessories-details-wrapper.merchandise-details-wrapper .product-warranty-return .container span::before {
	content: "";
	top: 2px;
	left: -20px
}

.accessories-details-wrapper.merchandise-details-wrapper .product-warranty-return .container .warrant::before {
	width: 35px;
	height: 35px;
	background: url(../img/noun_warranty.svg) 0 3px no-repeat;
	position: absolute
}

.accessories-details-wrapper.merchandise-details-wrapper .product-warranty-return .container .return::before {
	width: 40px;
	height: 40px;
	background: url(../img/noun_return.svg) 0 2px no-repeat;
	position: absolute
}

.accessories-details-wrapper.merchandise-details-wrapper .product-details {
	margin-top: 40px
}

.accessories-details-wrapper.merchandise-details-wrapper .product-details h5 {
	color: #000000
}

.accessories-details-wrapper.merchandise-details-wrapper .product-details h5.title {
	font-size: 22px;
	line-height: 28px
}

.accessories-details-wrapper.merchandise-details-wrapper .product-details p {
	font-size: 15px
}

.accessories-details-wrapper.merchandise-details-wrapper .item-detail p {
	margin: 0;
	font-size: 14px;
	font-weight: 700
}

.accessories-details-wrapper.merchandise-details-wrapper .item-detail p em {
	color: #f12a00;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

.accessories-details-wrapper.merchandise-details-wrapper .highlights ul li {
	line-height: 30px
}

.accessories-details-wrapper.merchandise-details-wrapper .highlights ul li::before {
	content: "";
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	width: 10px;
	border: 2px solid #f22a00;
	margin-right: 5px
}

.accessories-details-wrapper.merchandise-details-wrapper .general dl dt,
.accessories-details-wrapper.merchandise-details-wrapper .highlights dl dt {
	line-height: 30px
}

.accessories-details-wrapper.merchandise-details-wrapper .general dl dt::before,
.accessories-details-wrapper.merchandise-details-wrapper .highlights dl dt::before {
	content: "";
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	width: 10px;
	border: 2px solid #f22a00;
	margin-right: 5px
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper {
	margin-bottom: 60px;
	margin-top: 10px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper {
		margin-right: 0;
		margin-bottom: 40px;
		padding-left: 10px;
		width: 100%
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider {
	margin-top: 10px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-list {
		padding: 0 14% 0 0 !important
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide img {
	width: 100%
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide .col-sm-12 {
	padding: 0
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide .btn {
	padding: 10px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-slide {
		margin: 0 5px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 40%
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-b.png) center center no-repeat !important
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:focus,
.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:hover {
	background: #959595 !important;
	border: 0 none
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:focus:before,
.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-prev:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-w.png) center center no-repeat !important
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 40%
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-b.png) center center no-repeat !important
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:focus,
.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:hover {
	background: #959595 !important;
	border: 0 none
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:focus:before,
.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .slick-next:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-w.png) center center no-repeat !important
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card {
	background-color: #fff
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 15px;
	border-top: 2px solid #e7e7e7
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body {
		padding: 10px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p {
	margin: 0;
	font-size: 14px;
	font-weight: 700
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p em {
	color: #183883;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	margin-right: 9px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p em {
		font-size: 13px;
		margin-right: 5px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p em.cancelPrice {
	font-size: 16px;
	color: #6b6b6b;
	text-decoration: line-through
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body p em.cancelPrice {
		font-size: 11px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body .item-detail .card-title {
	margin: 0;
	font-size: 16px;
	color: #000
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body .item-detail .card-title {
		display: block;
		display: -webkit-box;
		height: 39.2px;
		font-size: 14px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body .item-detail .card-text {
	margin: 0;
	color: #000
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-wrapper .accessories-slider .card .card-body .item-detail .card-text {
		display: block;
		display: -webkit-box;
		height: 30.8px;
		font-size: 11px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .general {
	margin-top: 20px
}

.accessories-details-wrapper.merchandise-details-wrapper .warranty {
	margin-top: 20px
}

.accessories-details-wrapper.merchandise-details-wrapper .warranty p {
	font-size: 15px !important
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .warranty p {
		font-size: 12px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .warranty .p-0 {
	padding: 0
}

.accessories-details-wrapper.merchandise-details-wrapper .warranty .p-xs-0 {
	padding: 0
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .warranty .p-xs-0 {
		padding: 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .value-button {
	font-size: 18px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 0px solid #ddd;
	margin: 0px;
	width: 50px;
	height: 40px;
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.accessories-details-wrapper.merchandise-details-wrapper .value-button.lCorner {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.accessories-details-wrapper.merchandise-details-wrapper .value-button.lCorner.deactive {
	color: #cac8ca;
	cursor: default
}

.accessories-details-wrapper.merchandise-details-wrapper .value-button.rCorner {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.accessories-details-wrapper.merchandise-details-wrapper .value-button.rCorner.deactive {
	color: #cac8ca;
	cursor: default
}

.accessories-details-wrapper.merchandise-details-wrapper .mr-30 {
	margin-right: 30px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .mr-30 {
		margin-right: 60px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .value-button:hover {
	cursor: pointer
}

.accessories-details-wrapper.merchandise-details-wrapper form #decrease {
	margin-right: -4px;
	border-radius: 8px 0 0 8px
}

.accessories-details-wrapper.merchandise-details-wrapper form #increase {
	margin-left: -4px;
	border-radius: 0 8px 8px 0
}

.accessories-details-wrapper.merchandise-details-wrapper form #input-wrap {
	margin: 0px;
	padding: 0px
}

.accessories-details-wrapper.merchandise-details-wrapper input#number {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 0px solid #ddd;
	margin: 0px;
	width: 40px;
	height: 40px;
	color: #000000;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: textfield
}

.accessories-details-wrapper.merchandise-details-wrapper .mer-icon {
	position: absolute;
	right: 7px;
	top: calc(50% - 10px)
}

.accessories-details-wrapper.merchandise-details-wrapper input#merNumber {
	display: inline-flex;
	justify-content: left;
	align-items: left;
	text-align: left;
	border: 1px solid #cacaca;
	margin: 0px;
	width: 110px;
	height: 40px;
	color: #000000;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	padding: 0 15px
}

.accessories-details-wrapper.merchandise-details-wrapper input[type="number"]::-webkit-inner-spin-button,
.accessories-details-wrapper.merchandise-details-wrapper input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.accessories-details-wrapper.merchandise-details-wrapper .btn-orange {
	background-color: #f22a00
}

.accessories-details-wrapper.merchandise-details-wrapper .btn-orange:hover {
	background-color: #fff;
	color: #f22a00;
	border-color: #f22a00
}

.accessories-details-wrapper.merchandise-details-wrapper .color-orange {
	background-color: #f97f68
}

.accessories-details-wrapper.merchandise-details-wrapper .color-red {
	background-color: #f03331
}

.accessories-details-wrapper.merchandise-details-wrapper .color-green {
	background-color: #07df8a
}

.accessories-details-wrapper.merchandise-details-wrapper .color-blue {
	background-color: #27bfcd
}

.accessories-details-wrapper.merchandise-details-wrapper .color-pink {
	background-color: #e43ff5
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	font-size: 12px;
	min-width: 25px
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	left: 5px
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	min-width: 30px;
	border-radius: 5px;
	border: 0 none;
	background: transparent
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container .checkmark span {
	height: 28px;
	width: 28px;
	border: 2px solid #f4f4f4;
	border-radius: 5px;
	background-size: cover !important
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container:hover input~.checkmark {
	border: 1px solid #000
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container input:checked~.checkmark {
	border: 1px solid #000
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container input:checked~.checkmark:after {
	display: none
}

.accessories-details-wrapper.merchandise-details-wrapper .color .color-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container {
	display: inline-block;
	position: relative;
	padding-left: 0;
	margin-bottom: 12px;
	margin-right: 5px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	font-size: 12px;
	min-width: 25px
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	left: 10px
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container .checkmark {
	position: relative;
	top: 0;
	left: 0;
	height: 30px;
	min-width: 30px;
	border-radius: 5px;
	width: auto;
	padding: 0 10px
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container:hover input~.checkmark {
	background-color: #000;
	color: #fff
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container input:checked~.checkmark {
	background-color: #000;
	color: #fff
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container input:checked~.checkmark:after {
	display: none
}

.accessories-details-wrapper.merchandise-details-wrapper .size .size-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white
}

.accessories-details-wrapper.merchandise-details-wrapper .viewsizeChart {
	text-align: left;
	margin: 8px 0 0 30px;
	font-size: 12px
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .viewsizeChart {
		margin: 0;
		float: right;
		font-size: 16px;
		text-transform: none;
		text-decoration: none
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .viewsizeChart>a {
	color: #f12a00;
	text-decoration: underline;
	text-transform: uppercase
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt {
	margin: 20px auto;
	width: 90%
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt {
		margin: 24px auto
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoTab {
	padding: 15px 30px;
	border: 1px solid #d3d3d3;
	background: #f4f4f4
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoTab a {
	display: inline-block;
	width: 100%;
	font-weight: 700;
	color: #000;
	font-size: 20px
}

@media (min-width: 320px) and (max-width: 350px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoTab a {
		font-size: 18px;
		line-height: 24px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoTab a:after {
	content: " ";
	background: transparent url("../img/accessories-info-tab-arrow.png") center center no-repeat;
	transform: rotate(180deg);
	width: 25px;
	height: 24px;
	float: right
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoTab.active {
	border-bottom: none
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoTab.active a:after {
	transform: rotate(0deg)
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap {
	display: block;
	background: #fff;
	padding: 35px 35px;
	border: 1px solid #d3d3d3;
	border-top: none
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap {
		display: none
	}
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap {
		padding: 30px 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox {
	display: inline-block;
	width: 100%;
	margin: 0
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox {
		display: table;
		width: auto;
		float: left
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt {
	display: block;
	border-top: 1px solid #e0e0e0;
	float: none;
	padding: 30px 35px
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt {
		display: table-cell;
		border-top: 0px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		float: none;
		padding: 0 30px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt:first-child {
	border: 0 none;
	padding-top: 0
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt:first-child {
		padding-left: 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt h5 {
	font-size: 18px;
	line-height: 24px;
	color: #183883;
	font-weight: 500;
	margin: 0 0 0px 0
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt h5>img {
	float: left;
	margin: -4px 10px 0px 0
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap.featureWrap .fetureDetailBox .fetureTxt ul li {
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	color: #474747;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	background: transparent url(../img/accessories-features-bullet.png) top 4px left no-repeat !important;
	width: 100%
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .imgCnt img {
	border: 1px solid #d7d7d7;
	width: 100%;
	margin-top: 35px
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt {
	border: 1px solid #dadada;
	margin-bottom: 20px;
	padding: 0
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt:first-child {
		width: 48%;
		margin-right: 2%
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 0px;
	margin: 0 0 0 0;
	border-top: 1px solid #dadada
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p span.ttl {
	background: #f1f1f1;
	color: #6f6f6f;
	padding: 25px 15px;
	display: inline-block;
	margin-right: 3%;
	max-width: 27%;
	min-width: 27%;
	vertical-align: middle
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p span.ttl {
		max-width: 40%;
		min-width: 40%
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p span.dtl {
	background: #fff;
	color: #000000;
	display: inline-block;
	margin-right: 0px;
	max-width: 70%;
	vertical-align: middle;
	padding: 0px 5px 0 0;
	word-break: break-all
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p span.dtl {
		max-width: 55%;
		line-height: 16px
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p a {
	color: #000000
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p a:hover {
	text-decoration: underline
}

.accessories-details-wrapper.merchandise-details-wrapper .accessories-featureCnt .proinfoWrap .infoCnt p:first-child {
	border-top: 0 none
}

.accessories-details-wrapper.merchandise-details-wrapper .warrantyCnt {
	margin: 30px auto;
	width: 90%
}

.accessories-details-wrapper.merchandise-details-wrapper .warrantyCnt h5 {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 10px 0;
	color: #000;
	font-weight: 500
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .warrantyCnt h5 {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 0
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .warrantyCnt p {
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0 0px 0;
	color: #474747
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .accessories-slider-nav {
		width: calc(50% - 20px) !important;
		margin: 0 !important
	}
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .details-wrapper .video-div {
		width: 50%
	}
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .absoCont {
		position: relative;
		left: 49%;
		margin-top: -55%
	}
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .absoCont.numbCnt {
		margin-top: -56%
	}
}

@media (min-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .easyzoom {
		width: calc(50% - 20px)
	}
}

@media (max-width: 815px) {
	.accessories-details-wrapper.merchandise-details-wrapper .easyzoom {
		width: 100%
	}
}

.accessories-details-wrapper.merchandise-details-wrapper .easyzoom>a>img {
	width: 100% !important;
	height: auto
}

.accessories-details-wrapper.merchandise-details-wrapper .quantity .btn-disable {
	margin-top: 0;
	padding-top: 6px;
	padding-bottom: 5px
}

.accessories-details-wrapper.merchandise-details-wrapper .bootstrap-select .btn {
	background-color: #183883;
	color: #fff;
	outline: none
}

.accessories-details-wrapper.merchandise-details-wrapper .bootstrap-select .dropdown-toggle:focus {
	outline: none !important
}

.chartsizeCnt.chartMerchandise {
	padding-right: 0 !important
}

@media (max-width: 815px) {
	.chartsizeCnt.chartMerchandise .modal-dialog {
		margin: 0px 0px 20px 40px
	}
}

@media (min-width: 815px) {
	.chartsizeCnt.chartMerchandise .modal-dialog {
		margin-right: 0;
		margin-top: 0;
		width: 50%
	}
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content {
	border-radius: 0
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body {
	padding: 0
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .close {
	opacity: 1;
	float: left;
	margin-left: -50px;
	margin-top: -10px
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .close:hover,
.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .close:focus {
	opacity: 0.7
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt {
	padding: 15px
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt h5 {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	margin: 0 0 10px 0
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt p.notes {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	margin: 10px 0 0 0;
	text-align: right
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll {
	overflow-x: auto
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable {
	border-collapse: separate;
	border-spacing: 0
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr {
	display: table-row
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr td,
.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr th {
	border: 1px solid #d7d7d7;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	padding: 10px 12px;
	text-align: left;
	width: 12%
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #fff
}

@media (max-width: 702px) {
	.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr th {
		-webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3)
	}
}

@media (min-width: 816px) and (max-width: 1307px) {
	.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr th {
		-webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.3)
	}
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child {
	background: #ededed
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child td,
.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child th {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-weight: 700
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #fff
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .sizeTableCnt .table-scroll table.sizeTable tr:first-child th:first-child {
	background: #ededed
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .howtoMeasureCnt {
	padding: 15px;
	background: #f0f0f0
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .howtoMeasureCnt h5 {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	margin: 0 0 10px 0
}

.chartsizeCnt.chartMerchandise .modal-dialog .modal-content .modal-body .howtoMeasureCnt img {
	margin: 0 auto
}

.personalizeProduct {
	margin-top: 15px
}

.personalizeProduct p {
	font-size: 14px;
	color: #000;
	line-height: 20px
}

.personalizeProduct p span {
	color: #525252;
	font-size: 12px;
	display: block
}

.personalizeProduct .persoProduct {
	border: solid 1px #cac8c9;
	border-radius: 5px;
	background-color: #fff;
	padding: 10px 12px;
	font-size: 14px
}

.personalizeProduct .error {
	font-size: 12px;
	margin-top: 3px;
	color: black;
	display: none;
	background: no-repeat 0 1px;
	padding: 0 0 0 15px
}

.personalizeProduct .error.msg-success {
	color: #3bb548;
	background-image: url("../img/icon-success.html")
}

.personalizeProduct .error.msg-fail {
	color: #ff0000;
	background-image: url("../img/icon-close2.html")
}

.personalizeProduct .error.active {
	display: block
}

.cart-wrapper {
	color: #000
}

.cart-wrapper .bg-white {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1px
}

@media (max-width: 815px) {
	.cart-wrapper .order-details .bg-white {
		padding-left: 6px;
		padding-right: 6px;
		padding-bottom: 6px
	}
}

.cart-wrapper .paddin-0 {
	padding: 0
}

.cart-wrapper .emptyCart {
	margin: 20px 0 0 0
}

.cart-wrapper .emptyCart p {
	margin: 0 0 0 0;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	padding: 0 0 0 0
}

.cart-wrapper .emptyCart a {
	color: #183883
}

.cart-wrapper .emptyCart a:hover {
	text-decoration: underline
}

@media (max-width: 815px) {
	.cart-wrapper .paddin-xs-0 {
		padding: 0
	}
}

.cart-wrapper .paddin-5 {
	padding: 5px
}

.cart-wrapper .header-text h2 {
	margin-bottom: 0;
	padding: 10px 0;
	color: #000;
	font-weight: 500;
	font-size: 18px
}

@media (max-width: 815px) {
	.cart-wrapper .header-text h2 {
		font-weight: 800
	}
}

.cart-wrapper .check-delivery-location {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 15px;
	color: #7a7a7a;
	padding: 10px 0
}

@media (max-width: 815px) {
	.cart-wrapper .check-delivery-location {
		justify-content: flex-start
	}
}

.cart-wrapper .check-delivery-location img {
	margin-right: 10px;
	height: 15px
}

.cart-wrapper .check-delivery-location p {
	font-size: 15px;
	margin: 0
}

.cart-wrapper .check-delivery-location p input {
	text-align: center;
	border: none;
	width: 90px;
	height: 20px;
	background-color: transparent;
	border-bottom: 1px solid #f12a00;
	color: #000;
	font-size: 15px;
	font-weight: 600
}

.cart-wrapper .check-delivery-location p button {
	border: none;
	background-color: transparent;
	color: #000;
	height: 20px;
	font-size: 15px;
	font-weight: 600
}

.cart-wrapper .order-details .row:first-child {
	background-color: #fff;
	padding: 15px 0
}

@media (max-width: 815px) {
	.cart-wrapper .order-details .row:first-child {
		padding: 20px 15px
	}
}

.cart-wrapper .order-details .row {
	background-color: #f4f4f4;
	margin: 5px;
	padding: 20px 0
}

@media (max-width: 815px) {
	.cart-wrapper .order-details .row {
		background-color: #f4f4f4;
		margin: 5px;
		padding: 15px 0 0 0
	}
}

.cart-wrapper .order-summery .row.head-title:first-child {
	background-color: #fff;
	padding: 20px 15px;
	border-bottom: 4px solid #f4f4f4;
	margin-bottom: 20px
}

.cart-wrapper .order-summery .row {
	margin: 5px 0
}

.cart-wrapper .order-summery dl dt,
.cart-wrapper .order-summery dl dd {
	font-size: 14px;
	font-weight: 500
}

.cart-wrapper .order-summery dl dt.paddin-xs-0,
.cart-wrapper .order-summery dl dd.paddin-xs-0 {
	padding: 0
}

.cart-wrapper .order-summery dl dt em.discount,
.cart-wrapper .order-summery dl dd em.discount {
	color: #1ab345
}

.cart-wrapper .order-summery p.priceTitle {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #000000
}

.cart-wrapper .head-title .align-left {
	text-align: left
}

.cart-wrapper .head-title h3 {
	font-weight: 600;
	margin-bottom: 0;
	padding-left: 0px
}

@media (max-width: 815px) {
	.cart-wrapper .head-title h3 {
		padding: 5px;
		font-size: 18px;
		font-weight: 500;
		line-height: 24px;
		text-transform: uppercase
	}
}

.cart-wrapper .add-quantity {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.cart-wrapper .add-quantity .value-button {
	color: #666;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: none;
	margin: 0px;
	width: 50px;
	height: 40px;
	vertical-align: top;
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.cart-wrapper .add-quantity .value-button.deactive {
	color: #cac8ca;
	cursor: default !important
}

.cart-wrapper .add-quantity .value-button.cart-qty-minus {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.cart-wrapper .add-quantity .value-button.cart-qty-plus {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.cart-wrapper .add-quantity .value-button:hover {
	cursor: pointer
}

.cart-wrapper .add-quantity #decrease {
	margin-right: -4px
}

@media (max-width: 640px) {
	.cart-wrapper .add-quantity #decrease {
		font-size: 35px
	}
}

.cart-wrapper .add-quantity #increase {
	margin-left: -4px
}

@media (max-width: 640px) {
	.cart-wrapper .add-quantity #increase {
		font-size: 20px
	}
}

.cart-wrapper .add-quantity #input-wrap {
	margin: 0px;
	padding: 0px
}

.cart-wrapper .add-quantity input#number {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: none;
	margin: 0px;
	width: 40px;
	height: 40px
}

.cart-wrapper .add-quantity input[type="number"]::-webkit-inner-spin-button,
.cart-wrapper .add-quantity input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

@media (max-width: 815px) {
	.cart-wrapper .add-quantity {
		padding: 10px;
		border-top: 0px solid #fff;
		display: inline-flex !important;
		justify-content: left;
		align-items: center;
		padding: 10px 0;
		margin-top: 10px
	}
}

.cart-wrapper .cart-item img {
	margin: 0 auto;
	margin-top: 5px
}

@media (max-width: 815px) {
	.cart-wrapper .cart-item img {
		border: 1px solid #d8d8d8
	}
}

.cart-wrapper .cost h4 {
	margin-bottom: 5px;
	font-weight: 500
}

.cart-wrapper .cost .pricing-text {
	margin-top: -10px;
	color: #b8b8b8
}

.cart-wrapper .cost p {
	margin: 0;
	font-size: 13px;
	font-weight: 500
}

.cart-wrapper .cost p em {
	color: #000;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 700;
	font-style: normal;
	margin-right: 5px
}

@media (max-width: 815px) {
	.cart-wrapper .cost p em {
		color: #183883
	}
}

.cart-wrapper .cost p a {
	color: #838386;
	text-decoration: line-through;
	font-size: 16px
}

@media (max-width: 815px) {
	.cart-wrapper .cost p a {
		font-size: 14px
	}
}

.cart-wrapper .cost p span.off {
	color: #000;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal
}

@media (max-width: 815px) {
	.cart-wrapper .cost p span.off {
		font-size: 14px
	}
}

@media (max-width: 815px) {
	.cart-wrapper .cost p span.price-inclusive {
		display: block
	}
}

.cart-wrapper .remove {
	text-align: center;
	margin-top: 25px
}

.cart-wrapper .remove a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.cart-wrapper .remove a p {
	margin: 0;
	color: #444444;
	font-size: 15px;
	margin-left: 10px
}

.cart-wrapper .subtotal p {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	text-align: center
}

.cart-wrapper .subtotal p em {
	color: #183883;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	margin-right: 5px
}

.cart-wrapper .order-summery {
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.cart-wrapper .order-summery {
		margin-bottom: 0;
		padding-bottom: 0
	}
	.cart-wrapper .order-summery>.bg-white {
		margin-bottom: 22px
	}
}

.cart-wrapper .order-summery h3 {
	margin-left: -4px
}

@media (min-width: 815px) {
	.cart-wrapper .order-summery h3 {
		margin-left: -15px
	}
}

.cart-wrapper .order-summery dl dd {
	text-align: right
}

.cart-wrapper .order-summery .final-subtotal {
	padding: 20px 15px;
	margin-top: 30px;
	border-top: 1px dashed #d1d1d1
}

.cart-wrapper .order-summery .final-subtotal dt {
	color: #183883;
	font-size: 20px;
	line-height: 26px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 800
}

@media (min-width: 1280px) {
	.cart-wrapper .order-summery .final-subtotal dt {
		font-size: 24px;
		line-height: 30px
	}
}

@media (max-width: 815px) {
	.cart-wrapper .order-summery .final-subtotal dt {
		font-size: 21px;
		line-height: 27px
	}
}

.cart-wrapper .order-summery .final-subtotal em {
	color: #183883;
	font-size: 20px;
	line-height: 26px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 800;
	font-style: normal
}

@media (min-width: 1280px) {
	.cart-wrapper .order-summery .final-subtotal em {
		font-size: 24px;
		line-height: 30px
	}
}

@media (max-width: 815px) {
	.cart-wrapper .order-summery .final-subtotal em {
		font-size: 21px;
		line-height: 27px
	}
}

.cart-wrapper .order-summery p.pricing-text {
	text-align: right;
	color: #b8b8b8;
	font-size: 11px;
	margin-top: -8px;
	padding-right: 20px
}

@media (max-width: 815px) {
	.cart-wrapper .order-summery p.pricing-text {
		padding-right: 5px
	}
}

.cart-wrapper .order-summery .btnCnt {
	display: block
}

@media (max-width: 815px) {
	.cart-wrapper .order-summery .btnCnt {
		background: #fff;
		margin-left: -10px;
		margin-right: -10px;
		padding: 0 10px
	}
}

.cart-wrapper .order-summery .btnCnt .btn {
	width: 100%;
	margin-top: 20px;
	border-radius: 6px
}

@media (max-width: 815px) {
	.cart-wrapper .order-summery .btnCnt .btn {
		margin-top: 35px;
		margin-bottom: 30px;
		padding: 14px;
		font-size: 14px;
		max-width: 322px
	}
}

.cart-wrapper .footer-buttons {
	text-align: end;
	padding: 20px 55px 20px 20px;
	background-color: #fff;
	margin-top: 30px
}

@media (max-width: 815px) {
	.cart-wrapper .footer-buttons {
		text-align: center;
		padding: 10px
	}
}

.cart-wrapper .btn-orange {
	background-color: #f22a00;
	margin-left: 10px
}

.cart-wrapper .btn-orange:hover {
	background-color: #fff;
	border: 1px solid #f22a00;
	color: #f22a00
}

@media (max-width: 815px) {
	.cart-wrapper .btn {
		padding: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 140px;
		font-size: 12px
	}
}

@media (max-width: 815px) {
	.cart-wrapper .remove {
		border-top: 0px solid #fff;
		display: inline-flex !important;
		justify-content: center;
		align-items: center;
		padding: 15px 0;
		margin-top: 10px;
		clear: left
	}
}

@media (max-width: 640px) {
	.cart-wrapper.innerPart .layoutWrap {
		padding-top: 5px
	}
}

.cart-wrapper .modal-content {
	max-width: 330px;
	margin: 0 auto
}

.cart-wrapper .modal-content .modal-body {
	text-align: center;
	padding: 25px 15px
}

.cart-wrapper .modal-content .modal-body p {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #000000
}

.cart-wrapper .modal-content .modal-body .btn {
	padding: 12px 30px;
	border-radius: 5px;
	margin: 20px 5px 10px 5px
}

#applycoupon .col-xs-4 {
	margin: 0
}

@media (max-width: 815px) {
	#applycoupon .col-xs-4 .btn {
		width: auto;
		min-width: 78px
	}
}

@media (max-width: 815px) {
	.cart-wrapper .cart-item .remove-cart-item img {
		border: 0 none
	}
}

@media (max-width: 815px) {
	.details-wrapper .order-details .row.head-title {
		padding-left: 0;
		padding-bottom: 10px
	}
}

@media (max-width: 815px) {
	.dealerWrap.layoutWrap.innWrap {
		padding-top: 0
	}
}

.dealerWrap .bannerInner {
	margin: 0
}

.dealerWrap .dearlerHeroSlider .slick-slide {
	margin: 0
}

.dealerWrap .dearlerHeroSlider .slick-prev {
	left: 0
}

.dealerWrap .dearlerHeroSlider .slick-next {
	right: 0
}

.dealerWrap h1 {
	font-size: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	background-color: #f12a00;
	padding: 30px 20px 30px 20px;
	margin-top: 0;
	margin-bottom: 30px;
	z-index: 1;
	position: relative;
	text-transform: inherit;
	color: #fff
}

@media (min-width: 815px) {
	.dealerWrap h1 {
		font-size: 40px;
		margin-top: -60px;
		padding-left: 70px;
		padding-right: 200px
	}
}

.dealerWrap h1 span {
	font-size: 20px;
	margin: 0 0 14px 0;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

@media (max-width: 815px) {
	.dealerWrap h1 span {
		margin-bottom: 4px
	}
}

.dealerWrap h2 {
	text-align: center;
	font-size: 26px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	text-transform: uppercase;
	color: #000
}

@media (min-width: 815px) {
	.dealerWrap h2 {
		font-size: 30px
	}
}

.dealerWrap .slick-dots li button:before {
	background: #0c3888;
	border-radius: 50%;
	height: 13px;
	width: 13px;
	color: #0c3888
}

.dealerWrap .slick-dots li.slick-active button:before {
	opacity: 1
}

.dealerWrap .btn.btn-transparent {
	margin-right: 20px
}

.dealerWrap .btn.btn-transparent:hover {
	background-color: #fff;
	border-color: #fff;
	color: #183883
}

.aboutDealer {
	margin: 0 0 40px 0
}

.aboutDealer p em {
	font-weight: bold
}

.aboutDealer ul {
	margin: 0 0 0 20px
}

.aboutDealer ul li {
	padding: 0 0 0 0;
	list-style-type: disc
}

.serviceInfo {
	padding: 20px 0;
	background: #001553 url(../img/dealer/bg_service-info.html) no-repeat center top
}

@media (min-width: 815px) {
	.serviceInfo {
		padding: 60px 0
	}
}

@media (min-width: 815px) {
	.serviceInfo .col-xs-12:nth-child(even) {
		border-left: solid 1px #575a81
	}
}

@media (max-width: 815px) {
	.serviceInfo .col-xs-12:last-child .serviceInfo--details {
		border-bottom: 0 none
	}
}

.serviceInfo--details {
	padding-bottom: 60px;
	padding-left: 60px;
	padding-top: 0
}

@media (max-width: 815px) {
	.serviceInfo--details {
		border-bottom: solid 1px #575a81;
		padding-bottom: 40px;
		padding-top: 40px
	}
}

@media (min-width: 815px) {
	.serviceInfo--details {
		padding-left: 120px;
		padding-top: 20px
	}
}

.serviceInfo--details h3 {
	font-size: 24px;
	color: #a3a7b4;
	position: relative;
	margin-bottom: 12px;
	text-transform: uppercase
}

.serviceInfo--details h3::before {
	content: "";
	position: absolute;
	height: 45px;
	width: 43px;
	background-image: url("../img/dealer/dealer-icons.html");
	background-repeat: no-repeat;
	left: -60px;
	top: 0
}

@media (min-width: 815px) {
	.serviceInfo--details h3::before {
		left: -80px
	}
}

.serviceInfo--details p {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-bottom: 30px
}

@media (min-width: 815px) {
	.serviceInfo--details p {
		font-size: 18px;
		line-height: 32px
	}
}

.serviceInfo--details p span {
	width: 100px;
	display: inline-block
}

@media (min-width: 815px) {
	.serviceInfo--details p span {
		width: 130px
	}
}

.serviceInfo--details p em {
	font-weight: 700;
	text-transform: uppercase
}

.serviceInfo--details p a:hover {
	color: #fff;
	text-decoration: underline
}

.serviceInfo--details.timing h3::before {
	background-position: 0 -3px
}

.serviceInfo--details.srevice-center h3::before {
	background-position: 0 -104px
}

.serviceInfo--details.contact h3::before {
	background-position: 0 -208px
}

.serviceInfo--details.address h3::before {
	background-position: 0 -302px
}

.dealerVehicles {
	padding-top: 40px
}

@media (min-width: 815px) {
	.dealerVehicles {
		padding-top: 60px
	}
}

@media (min-width: 815px) {
	.dearlerVehicleSlider .slick-slide {
		margin: 0
	}
}

.dearlerVehicleSlider .slick-prev {
	left: 0
}

.dearlerVehicleSlider .slick-next {
	right: 0
}

.dearlerVehicleSlider .item {
	position: relative
}

.dearlerVehicleSlider .item .heroCard {
	width: 100%;
	position: relative
}

.dearlerVehicleSlider .item .cardDetails {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%
}

@media (min-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails {
		height: 310px;
		width: 400px;
		right: 180px;
		top: 50%;
		transform: translateY(-50%);
		border: solid 1px #a1a5a2;
		background-color: rgba(0, 0, 0, 0.7)
	}
}

.dearlerVehicleSlider .item .cardDetails--text {
	padding: 30px 18px
}

@media (min-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails--text {
		padding: 30px 35px
	}
}

.dearlerVehicleSlider .item .cardDetails--text h3 {
	font-size: 25px;
	color: #fff;
	margin-bottom: 5px
}

@media (min-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails--text h3 {
		font-size: 36px
	}
}

.dearlerVehicleSlider .item .cardDetails--text ul {
	margin-bottom: 30px
}

.dearlerVehicleSlider .item .cardDetails--text ul li {
	font-size: 15px;
	color: #fff;
	display: inline-block;
	padding: 0 15px 0 16px;
	border-left: solid 1px #fff;
	line-height: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap
}

@media (min-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails--text ul li {
		font-size: 18px;
		color: #f12a00;
		border-left: solid 1px #f12a00
	}
}

.dearlerVehicleSlider .item .cardDetails--text ul li:first-child {
	padding-left: 2px;
	border-left: 0
}

.dearlerVehicleSlider .item .cardDetails--text p {
	font-size: 13px;
	color: #fff;
	line-height: 15px
}

@media (min-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails--text p {
		font-size: 16px;
		line-height: 22px
	}
}

.dearlerVehicleSlider .item .cardDetails--text p em {
	font-size: 25px
}

@media (min-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails--text p em {
		font-size: 36px
	}
}

@media (max-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails--priceEle {
		position: absolute;
		bottom: 20px
	}
}

.dearlerVehicleSlider .item .cardDetails--webURl {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: solid 1px #a1a5a2;
	padding: 15px 10px;
	text-align: center
}

@media (max-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails--webURl {
		width: auto;
		right: 15px;
		border: 0 none;
		padding: 0;
		bottom: 30px
	}
}

.dearlerVehicleSlider .item .cardDetails--webURl>a {
	color: #a1a5a2;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500
}

@media (max-width: 815px) {
	.dearlerVehicleSlider .item .cardDetails--webURl>a {
		font-size: 14px;
		padding: 10px;
		border: solid 1px #a1a5a2;
		display: block
	}
}

.dearlerVehicleSlider .item .cardDetails--webURl>a:hover {
	color: #f12a00
}

.dealerVehicles-tabsWrap {
	text-align: center
}

@media (max-width: 815px) {
	.dealerVehicles-tabsWrap .nav-tabs-wrap {
		overflow-x: auto;
		margin-bottom: 10px;
		height: 60px
	}
}

.dealerVehicles-tabsWrap .nav-tabs {
	display: inline-block;
	border-bottom: 0 none
}

@media (max-width: 815px) {
	.dealerVehicles-tabsWrap .nav-tabs {
		white-space: nowrap
	}
}

.dealerVehicles-tabsWrap .nav-tabs>li {
	margin-bottom: 0
}

@media (max-width: 815px) {
	.dealerVehicles-tabsWrap .nav-tabs>li {
		float: none;
		display: inline-block
	}
}

.dealerVehicles-tabsWrap .nav-tabs>li.active>a,
.dealerVehicles-tabsWrap .nav-tabs>li.active>a:hover,
.dealerVehicles-tabsWrap .nav-tabs>li.active>a:focus {
	background-color: #fff;
	color: #f12a00;
	border: 0 none;
	border-bottom: 2px solid #f12a00
}

.dealerVehicles-tabsWrap .nav-tabs>li>a {
	border: 0 none;
	border-bottom: 2px solid transparent;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 0;
	padding: 12px 25px
}

.dealerVehicles-tabsWrap .nav-tabs>li>a:hover,
.dealerVehicles-tabsWrap .nav-tabs>li>a:focus {
	background: transparent;
	border-color: transparent
}

.dealerVehicles-tabsWrap .tab-content {
	text-align: left;
	margin-top: -7px;
	position: relative
}

.dealerVehiclesDropDown {
	position: absolute;
	right: 20px;
	top: 35px;
	z-index: 1
}

.dealerVehiclesDropDown .select {
	border: 0 none;
	border-bottom: 1px solid #e1e1e1;
	height: 50px;
	width: 250px
}

.dealerVehiclesDropDown .select:after {
	top: 6px;
	right: 6px;
	background-image: url(../img/down-arrow-white.html)
}

.dealerVehiclesDropDown .select select {
	color: #fff;
	font-size: 20px;
	padding: 0 35px 0 20px;
	background: #000
}

.testimonials {
	padding: 60px 0
}

.testimonials h2 {
	margin-bottom: 0
}

.testimonials p {
	color: #333;
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

.testimonials p.blurg {
	font-weight: 500
}

.dealer-testiSlider {
	margin: 40px 0 0 0
}

@media (min-width: 815px) {
	.dealer-testiSlider {
		max-width: 70%;
		margin-left: auto;
		margin-right: auto
	}
}

.dealer-testiSlider .item>.row {
	margin: 0
}

.dealer-testiSlider--image {
	padding: 0
}

.dealer-testiSlider--image img {
	width: 100%
}

.dealer-testiSlider--content {
	padding: 0;
	height: 380px;
	position: relative
}

.dealer-testiSlider--textwrap {
	background-color: #fff;
	border: solid 1px #a9a9a7;
	padding: 70px 38px 80px 30px
}

@media (min-width: 815px) {
	.dealer-testiSlider--textwrap {
		min-height: 300px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		padding: 70px 100px 80px 125px;
		width: 100%
	}
}

@media (max-width: 815px) {
	.dealer-testiSlider--textwrap {
		width: 98%;
		margin: 0 auto;
		min-height: 380px
	}
}

.dealer-testiSlider--textwrap p {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.dealer-testiSlider--textwrap:before,
.dealer-testiSlider--textwrap:after {
	content: "";
	height: 40px;
	width: 40px;
	position: absolute
}

.dealer-testiSlider--textwrap:before {
	left: 22px;
	top: 25px;
	background: url("../img/dealer/coma-up.html") no-repeat left top
}

@media (min-width: 815px) {
	.dealer-testiSlider--textwrap:before {
		left: 45px;
		top: 35px
	}
}

.dealer-testiSlider--textwrap:after {
	right: 30px;
	bottom: 90px;
	background: url("../img/dealer/coma-down.html") no-repeat left top
}

@media (min-width: 815px) {
	.dealer-testiSlider--textwrap:after {
		right: 50px;
		bottom: 60px
	}
}

.dealer-testiSlider--textwrap--msg {
	margin-bottom: 20px
}

.dealer-testiSlider--textwrap--msg em {
	font-style: italic
}

.dealer-testiSlider--textwrap--author {
	font-size: 15px
}

.dealer-testiSlider--textwrap--author strong {
	display: block;
	font-weight: bold;
	font-size: 18px
}

.dealer-testiSlider .slick-dots {
	right: 0;
	bottom: 20px
}

@media (min-width: 815px) {
	.dealer-testiSlider .slick-dots {
		bottom: 60px
	}
}

.dealer-gallery {
	background-color: #000;
	padding: 40px 0 40px 0
}

.dealer-gallery h2 {
	color: #fff
}

.dealer-gallery .btnSpace {
	margin-top: 60px
}

.dealer-gallery .cardList {
	margin-bottom: 20px
}

.dealer-gallery .btn-blue {
	color: #fff
}

.dealerOffers {
	padding: 60px 0 120px 0
}

.dealerOffers-slider {
	width: 96%;
	margin: 0 auto
}

.dealerOffers-slider .item {
	border: solid 1px #e5e5e5;
	padding: 15px 10px;
	background-color: #fff
}

@media (min-width: 815px) {
	.dealerOffers-slider .item {
		padding: 30px
	}
}

@media (max-width: 815px) {
	.dealerOffers-slider .item .col-xs-4 {
		padding-right: 0px
	}
}

.dealerOffers-slider .item img {
	width: 100%
}

.dealerOffers-slider .item h3 {
	font-size: 20px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	margin-bottom: 10px
}

@media (min-width: 815px) {
	.dealerOffers-slider .item h3 {
		font-size: 24px
	}
}

.dealerOffers-slider .item p {
	color: #000;
	font-size: 15px;
	line-height: 20px
}

@media (min-width: 815px) {
	.dealerOffers-slider .item p {
		font-size: 16px;
		min-height: 60px;
		line-height: 24px
	}
}

.dealerOffers-slider .slick-dots {
	bottom: -65px
}

.dealerForms .layoutWrap {
	text-align: right
}

.dealerForms .fromWrap {
	width: 100%;
	display: inline-block;
	padding: 80px 0
}

@media (min-width: 815px) {
	.dealerForms .fromWrap {
		width: 700px
	}
}

.dealerForms .fromWrap .nav-tabs {
	border-bottom: 2px solid #808080
}

.dealerForms .fromWrap .nav-tabs>li {
	margin-bottom: -2px;
	width: 33.3333%
}

.dealerForms .fromWrap .nav-tabs>li>a {
	background-color: #303030;
	color: #c7c7c7;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	padding: 15px 15px;
	display: block;
	border-radius: 0;
	margin-right: 0;
	text-align: center
}

@media (min-width: 815px) {
	.dealerForms .fromWrap .nav-tabs>li>a {
		font-size: 18px;
		font-family: "Roboto", sans-serif;
		font-weight: 700;
		font-display: swap
	}
}

.dealerForms .fromWrap .nav-tabs>li>a:hover {
	border-color: transparent
}

.dealerForms .fromWrap .nav-tabs>li.active>a {
	color: #fff;
	background-color: #000;
	border: solid 2px #808080;
	border-bottom-color: #000
}

.dealerForms .fromWrap .tab-content {
	background: #000;
	border: solid 2px #808080;
	border-top: 0 none;
	padding: 20px;
	text-align: left
}

@media (min-width: 815px) {
	.dealerForms .fromWrap .tab-content {
		padding-left: 35px;
		padding-right: 35px
	}
}

.dealerForms p.blurb {
	color: #fff
}

.dealerForms .qa-form {
	padding: 0;
	background-color: transparent
}

.dealerForms .qa-form .qa-option {
	margin-top: 10px
}

.dealerForms .qa-form .qa-option .group {
	margin-top: 25px;
	margin-bottom: 25px
}

.dealerForms .qa-form .qa-option .group>input,
.dealerForms .qa-form .qa-option .group>textarea {
	color: #fff;
	border-bottom: 1px solid #8c8c8d;
	background-color: #242424;
	padding-left: 15px
}

.dealerForms .qa-form .qa-option .group>select {
	padding-left: 15px;
	background-image: url(../img/down-arrow-white.html);
	background-color: #242424
}

.dealerForms .qa-form .qa-option .group>label {
	color: #edebeb;
	padding-left: 15px
}

.dealerForms .qa-form .qa-option .group select:focus,
.dealerForms .qa-form .qa-option .group select:required:valid,
.dealerForms .qa-form .qa-option .group select[value]:not([value=""]) {
	color: #edebeb;
	padding-left: 15px;
	background-image: url(../img/down-arrow-white.html);
	background-color: #242424
}

.dealerForms .qa-form .qa-option .bar-line:before {
	background: #fff
}

.news-wrapper.noMargin {
	margin: 0
}

@media (max-width: 815px) {
	.news-wrapper .news-search {
		padding: 0 15px
	}
}

.news-wrapper .news-search {
	margin-top: 20px
}

@media (max-width: 815px) {
	.wrapTabSearch .layoutWrap {
		width: 100%;
		padding-top: 0
	}
}

@media (max-width: 815px) {
	.community-wrapper .container {
		padding-left: 0;
		padding-right: 0;
		overflow: hidden
	}
}

@media (max-width: 815px) {
	.community-wrapper .ride-stories>.container {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 480px) {
	.tabs-scroll-x {
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none
	}
	.tabs-scroll-x::-webkit-scrollbar {
		width: 0;
		background: transparent;
		display: none
	}
}

.community-overview-banner {
	position: relative
}

.community-overview-banner img {
	width: 100%;
	height: 350px;
	object-fit: cover;
	object-position: center
}

@media (min-width: 768px) {
	.community-overview-banner img {
		height: 515px
	}
}

.community-overview-banner .communityOverviewSlider .slide {
	position: relative;
	margin: 0
}

.community-overview-banner .communityOverviewSlider .slide .banner-text {
	font-family: 'Roboto';
	font-display: swap;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	width: 100%;
	font-size: 24px;
	line-height: 35px;
	padding: 30px 10%;
	margin: 0 auto;
	font-size: 30px;
	line-height: 36px;
	background: rgba(0, 0, 0, 0.8)
}

@media (max-width: 815px) {
	.community-overview-banner .communityOverviewSlider .slide .banner-text {
		font-size: 16px;
		line-height: 22px;
		padding: 16px 10px
	}
}

.community-overview-banner .communityOverviewSlider .slick-dots {
	bottom: 10px
}

.community-overview-banner .communityOverviewSlider .slick-dots li button::before {
	height: 4px;
	width: 12px;
	content: "";
	background: #fff;
	top: 5px;
	left: 6px
}

.bgWhite {
	background-color: #fff
}

.commuCard {
	border: solid 1px #dedede;
	padding-bottom: 2px;
	margin-bottom: 20px;
	background-color: #fff
}

.commuCard>a>img {
	width: 100%
}

.commuCard .card-img-top {
	width: 100%;
	height: 215px;
	object-fit: cover
}

.commuCard .card-title {
	font-family: 'sf_pro_displaymedium';
	color: #000;
	font-size: 16px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 20px
}

.commuCard .card-title a {
	display: inline-block
}

.commuCard .card-title.marginbtm0 {
	margin-bottom: 0px
}

@media (max-width: 815px) {
	.commuCard .card-title {
		height: auto !important
	}
}

.commuCard .cardDeta {
	margin-left: 0;
	margin-right: 0;
	border-top: dashed 1px #7f7f7f;
	padding: 10px 0
}

.commuCard .cardDeta .col-xs-7 {
	padding-right: 0
}

.commuCard .cardDeta .col-xs-5 {
	padding-left: 0;
	padding-top: 10px
}

.commuCard .cardDeta p.status {
	padding: 0 15px;
	margin: 0 0 0 0;
	font-family: 'sf_pro_displayregular';
	font-size: 14px;
	line-height: 20px
}

.commuCard .cardDeta p.status span.red {
	font-family: 'sf_pro_displaybold';
	color: #dc0707
}

.commuCard .cardDeta p.status span.orange {
	font-family: 'sf_pro_displaybold';
	color: #f76d10
}

.commuCard .cardDeta p.status span.green {
	font-family: 'sf_pro_displaybold';
	color: #01a30c
}

.commuCard .userThumb {
	font-family: 'sf_pro_displaybold';
	font-size: 14px;
	color: #212121
}

.commuCard .userThumb img {
	border: solid 1px #909090;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	height: 44px;
	width: 44px
}

@media (min-width: 816px) and (max-width: 1199px) {
	.commuCard .userThumb img {
		float: none;
		display: block
	}
}

.commuCard .userThumb span {
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 13px;
	color: #6b6b6b;
	margin: 0 0 0 0
}

.commuCard .userThumb span>i {
	margin-left: 10px
}

.commuCard span.brandName {
	margin-top: 10px;
	display: block;
	clear: both;
	font-family: 'sf_pro_displayregular';
	font-size: 13px;
	color: #6b6b6b
}

.commuCard span.brandName strong {
	font-weight: bold
}

.commuCard .userLikes {
	text-align: right
}

.commuCard .userLikes>a {
	font-family: 'sf_pro_displaybold';
	font-size: 14px;
	color: #113279;
	margin-left: 15px
}

.commuCard .userLikes>a img {
	display: inline-block;
	vertical-align: text-top
}

.commuCard .card-text {
	margin: 0;
	font-size: 15px;
	line-height: 25px
}

.commuCard.eventCard {
	position: relative
}

.commuCard.eventCard .card-body {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 100%
}

@media (min-width: 816px) and (max-width: 991px) {
	.commuCard.eventCard .card-body {
		position: relative
	}
}

.commuCard.eventCard .item-detail h3.card-title {
	color: #fff;
	margin: 0
}

.commuCard.eventCard .item-detail h3.card-title a:hover {
	color: #fff
}

.commuCard.eventCard .item-detail p.eventDate {
	font-family: 'sf_pro_displayregular';
	font-size: 12px;
	line-height: 18px;
	color: #c9c9c9;
	padding: 10px 20px 10px 20px;
	margin: 0
}

.commuCard.eventCard .item-detail p.eventPlace {
	font-family: 'sf_pro_displayregular';
	font-size: 13px;
	color: #c9c9c9;
	margin: 0;
	padding: 0 0 0 20px;
	background: url("../img/community/evet-place-icon.png") no-repeat 0 center
}

.commuCard.eventCard .item-detail p.eventOrg,
.commuCard.eventCard .item-detail p.eventCost {
	font-family: 'sf_pro_displayregular';
	font-size: 13px;
	color: #a1a0a0;
	float: right;
	margin-left: 10px
}

@media (min-width: 816px) and (max-width: 1199px) {
	.commuCard.eventCard .item-detail p.eventOrg,
	.commuCard.eventCard .item-detail p.eventCost {
		float: none;
		margin: 10px 0 0 0
	}
}

.commuCard.eventCard .item-detail p.eventOrg span,
.commuCard.eventCard .item-detail p.eventCost span {
	font-family: 'sf_pro_displaysemibold';
	color: #c9c9c9
}

.commuCard.eventCard .item-detail p.card-text {
	color: #fff
}

.commuCard.eventCard .price {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #183883;
	color: #fff;
	padding: 2px 15px
}

.commuCard.eventCard .price p {
	margin: 0;
	font-size: 15px
}

.commuCard.whiteBG {
	background-color: #fff
}

.commuCard .itemHeade {
	background: #fff;
	display: inline-block;
	width: 100%
}

.commuCard .itemHeade .userLikes {
	text-align: left;
	padding: 15px 0 0 15px
}

.commuCard .itemCont {
	padding: 10px 20px 10px 20px
}

@media (max-width: 815px) {
	.commuCard .itemCont {
		height: inherit !important
	}
}

.commuCard .itemCont p {
	font-family: 'sf_pro_displayregular';
	color: #3a3a3a;
	font-size: 14px;
	line-height: 20px
}

.commuCard.openCard {
	background-color: transparent;
	box-shadow: none;
	border: 0 none
}

.commuCard.openCard .card-title {
	padding: 0;
	font-weight: normal;
	font-size: 15px;
	color: #595959;
	line-height: 20px
}

.commuCard.guidelinesCnt {
	box-shadow: none
}

@media (max-width: 815px) {
	.commuCard.guidelinesCnt {
		margin-bottom: 5px
	}
}

.commuCard.guidelinesCnt .itemHeade {
	background: #f7f7f7
}

.commuCard.guidelinesCnt h2.cgl-title {
	font-family: 'Roboto';
	font-display: swap;
	font-weight: bold;
	color: #b5b5b5;
	font-size: 60px;
	line-height: 70px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0 30px
}

@media (max-width: 815px) {
	.commuCard.guidelinesCnt h2.cgl-title {
		text-align: left
	}
}

.commuCard.guidelinesCnt h3.card-title {
	font-family: 'Roboto';
	font-display: swap;
	font-weight: 500;
	color: #000000;
	font-size: 14px;
	line-height: 22px;
	padding: 0 30px;
	margin-top: 30px;
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.commuCard.guidelinesCnt h3.card-title {
		text-align: left
	}
}

.headingH1 {
	font-family: 'sf_pro_displaybold';
	font-size: 26px !important;
	line-height: 32px;
	margin-top: 40px;
	color: #113279;
	padding: 10px 0 10px 0px
}

@media (max-width: 815px) {
	.headingH1 {
		padding: 10px 20px 10px 20px
	}
}

.ride-stories .headingH1.headSpace {
	margin-left: 0;
	padding-left: 20px
}

.ride-stories .headingH1,
.latest-discussions .headingH1,
.upcoming-events .headingH1,
.explore-groups .headingH1 {
	display: inline-block;
	width: 100%;
	color: #183883
}

@media (max-width: 815px) {
	.ride-stories .headingH1,
	.latest-discussions .headingH1,
	.upcoming-events .headingH1,
	.explore-groups .headingH1 {
		margin-left: 0;
		padding-left: 20px;
		margin-left: 30px
	}
}

.ride-stories .headingH1.rideTitle,
.latest-discussions .headingH1.rideTitle,
.upcoming-events .headingH1.rideTitle,
.explore-groups .headingH1.rideTitle {
	padding: 10px 0 10px 70px;
	background: url("../img/community/ride-title-icon.png") no-repeat 0 center
}

@media (max-width: 815px) {
	.ride-stories .headingH1.rideTitle,
	.latest-discussions .headingH1.rideTitle,
	.upcoming-events .headingH1.rideTitle,
	.explore-groups .headingH1.rideTitle {
		padding-left: 60px
	}
}

.ride-stories .headingH1.rideTitleCenter,
.latest-discussions .headingH1.rideTitleCenter,
.upcoming-events .headingH1.rideTitleCenter,
.explore-groups .headingH1.rideTitleCenter {
	padding: 10px 0 10px 0px;
	background: url("../img/community/ride-title-icon.png") no-repeat 0 center;
	background-position: calc(50% - 120px);
	margin-top: 0
}

.ride-stories .headingH1.discTitle,
.latest-discussions .headingH1.discTitle,
.upcoming-events .headingH1.discTitle,
.explore-groups .headingH1.discTitle {
	padding: 10px 0 10px 70px;
	background: url("../img/community/disc-title-icon.png") no-repeat 0 center
}

@media (max-width: 815px) {
	.ride-stories .headingH1.discTitle,
	.latest-discussions .headingH1.discTitle,
	.upcoming-events .headingH1.discTitle,
	.explore-groups .headingH1.discTitle {
		padding-left: 60px
	}
}

.ride-stories .headingH1.eventTitle,
.latest-discussions .headingH1.eventTitle,
.upcoming-events .headingH1.eventTitle,
.explore-groups .headingH1.eventTitle {
	padding: 10px 0 10px 70px;
	background: url("../img/community/event-title-icon.png") no-repeat 0 center
}

@media (max-width: 815px) {
	.ride-stories .headingH1.eventTitle,
	.latest-discussions .headingH1.eventTitle,
	.upcoming-events .headingH1.eventTitle,
	.explore-groups .headingH1.eventTitle {
		padding-left: 60px
	}
}

.ride-stories .headingH1.groupTitle,
.latest-discussions .headingH1.groupTitle,
.upcoming-events .headingH1.groupTitle,
.explore-groups .headingH1.groupTitle {
	padding: 10px 0 10px 70px;
	background: url("../img/community/group-title-icon.png") no-repeat 0 center
}

@media (max-width: 815px) {
	.ride-stories .headingH1.groupTitle,
	.latest-discussions .headingH1.groupTitle,
	.upcoming-events .headingH1.groupTitle,
	.explore-groups .headingH1.groupTitle {
		padding-left: 60px
	}
}

.ride-stories .headingH1.guidelineTitle,
.latest-discussions .headingH1.guidelineTitle,
.upcoming-events .headingH1.guidelineTitle,
.explore-groups .headingH1.guidelineTitle {
	padding: 10px 0 10px 70px;
	background: url("../img/community/guideline-title-icon.png") no-repeat 0 center
}

@media (max-width: 815px) {
	.ride-stories .headingH1.guidelineTitle,
	.latest-discussions .headingH1.guidelineTitle,
	.upcoming-events .headingH1.guidelineTitle,
	.explore-groups .headingH1.guidelineTitle {
		padding-left: 50px
	}
}

@media (max-width: 815px) {
	.ride-stories .latestStoryWrap>.text-center,
	.latest-discussions .latestStoryWrap>.text-center,
	.upcoming-events .latestStoryWrap>.text-center,
	.explore-groups .latestStoryWrap>.text-center {
		text-align: left
	}
}

@media (max-width: 815px) {
	.ride-stories .latestStoryWrap .headingH1,
	.latest-discussions .latestStoryWrap .headingH1,
	.upcoming-events .latestStoryWrap .headingH1,
	.explore-groups .latestStoryWrap .headingH1 {
		margin: 0
	}
}

.ride-stories .latestStoryWrap .headingH1.rideTitleCenter,
.latest-discussions .latestStoryWrap .headingH1.rideTitleCenter,
.upcoming-events .latestStoryWrap .headingH1.rideTitleCenter,
.explore-groups .latestStoryWrap .headingH1.rideTitleCenter {
	padding: 20px 0 20px 70px;
	background: url("../img/community/ride-title-icon.png") no-repeat 0 center;
	display: inline;
	line-height: 80px
}

@media (max-width: 815px) {
	.ride-stories .latestStoryWrap .headingH1.rideTitleCenter,
	.latest-discussions .latestStoryWrap .headingH1.rideTitleCenter,
	.upcoming-events .latestStoryWrap .headingH1.rideTitleCenter,
	.explore-groups .latestStoryWrap .headingH1.rideTitleCenter {
		padding-left: 50px;
		background-size: 35px
	}
}

.ride-stories .latestStoryWrap .headingH1.discTitleCenter,
.latest-discussions .latestStoryWrap .headingH1.discTitleCenter,
.upcoming-events .latestStoryWrap .headingH1.discTitleCenter,
.explore-groups .latestStoryWrap .headingH1.discTitleCenter {
	padding: 20px 0 20px 70px;
	background: url("../img/community/disc-title-icon.png") no-repeat 0 center;
	display: inline;
	line-height: 80px
}

@media (max-width: 815px) {
	.ride-stories .latestStoryWrap .headingH1.discTitleCenter,
	.latest-discussions .latestStoryWrap .headingH1.discTitleCenter,
	.upcoming-events .latestStoryWrap .headingH1.discTitleCenter,
	.explore-groups .latestStoryWrap .headingH1.discTitleCenter {
		padding-left: 50px
	}
}

@media (max-width: 815px) {
	.ride-stories .yml-heading {
		margin: 10px 0;
		text-align: center
	}
}

.view-details {
	text-align: center
}

.attend-buttons {
	text-align: center;
	margin-bottom: 15px
}

.viewAll {
	margin: 30px 0
}

.load-more {
	text-align: center
}

.blueBorder.btn-blue {
	color: #fff;
	background-color: #183883
}

.blueBorder.btn-blue:hover {
	background-color: #fff;
	color: #183883
}

.blueBorder.btn-grey {
	color: #4d4e53;
	border: 1px solid #4d4e53
}

.blueBorder.btn-grey:hover {
	color: #fff;
	background-color: #4d4e53
}

.blueBorder.viewAll {
	width: 360px
}

@media (max-width: 815px) {
	.blueBorder.viewAll {
		max-width: 310px;
		width: 90%
	}
}

.blueBorder.loadMore {
	width: 360px
}

@media (max-width: 815px) {
	.blueBorder.loadMore {
		max-width: 310px;
		width: 90%
	}
}

.community-cardWrap .cardList {
	padding-bottom: 10px
}

@media (max-width: 815px) {
	.community-cardWrap .cardList {
		max-width: 350px;
		margin: 0 auto;
		float: none
	}
}

.discussion-cardWrap {
	padding: 0 100px
}

.discussion-cardWrap.widthFull {
	padding: 0;
	overflow: hidden
}

@media (max-width: 815px) {
	.discussion-cardWrap {
		padding: 0
	}
}

.discussion-cardWrap .cardList {
	padding-bottom: 10px
}

@media (max-width: 815px) {
	.discussion-cardWrap .cardList {
		max-width: 480px;
		margin: 0 auto;
		float: none;
		padding-left: 0;
		padding-right: 0
	}
}

.discussion-cardWrap p.queTitle {
	color: #03339e;
	font-weight: 500;
	margin-bottom: 5px
}

@media (max-width: 815px) {
	.discussion-cardWrap.guidelineCardWrap {
		text-align: center
	}
	.discussion-cardWrap.guidelineCardWrap .cardList {
		display: inline-block !important;
		max-width: 49%;
		vertical-align: top
	}
}

.yourActivityWrapper,
.yourActivityWrapper1 {
	padding: 0 100px
}

.yourActivityWrapper.widthFull,
.yourActivityWrapper1.widthFull {
	padding: 0
}

@media (max-width: 815px) {
	.yourActivityWrapper,
	.yourActivityWrapper1 {
		padding: 0
	}
}

.yourActivityWrapper .cardList,
.yourActivityWrapper1 .cardList {
	padding-bottom: 10px
}

@media (max-width: 815px) {
	.yourActivityWrapper .cardList,
	.yourActivityWrapper1 .cardList {
		max-width: 480px;
		margin: 0 auto;
		float: none
	}
}

.yourActivityWrapper .cardList .commuCard,
.yourActivityWrapper1 .cardList .commuCard {
	box-shadow: 0px 0px 3px 3px rgba(150, 150, 150, 0.1)
}

.yourActivityWrapper .cardList .commuCard .itemHeade,
.yourActivityWrapper1 .cardList .commuCard .itemHeade {
	background: none
}

.yourActivityWrapper .cardList .commuCard .itemHeade .card-title,
.yourActivityWrapper1 .cardList .commuCard .itemHeade .card-title {
	margin-bottom: 0
}

.yourActivityWrapper .cardList .commuCard .cardDeta .userThumb span,
.yourActivityWrapper1 .cardList .commuCard .cardDeta .userThumb span {
	display: inline-block;
	margin: 0 0 0 10px
}

.yourActivityWrapper .cardList .commuCard .cardDeta .col-xs-5,
.yourActivityWrapper1 .cardList .commuCard .cardDeta .col-xs-5 {
	padding-top: 0
}

.yourActivityWrapper p.queTitle,
.yourActivityWrapper1 p.queTitle {
	color: #03339e;
	font-weight: 500;
	margin-bottom: 5px
}

@media (max-width: 815px) {
	.latest-discussions {
		padding-left: 0;
		padding-right: 0
	}
}

.comment-like-div {
	border-top: 1px solid #d2d2d4;
	position: relative;
	padding-top: 10px
}

@media (max-width: 815px) {
	.comment-like-div {
		padding-left: 20px;
		padding-right: 20px
	}
}

.comment-like-div a {
	color: #03339e;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
	display: inline-block;
	padding-left: 25px;
	position: relative
}

.comment-like-div a.like-icon::before {
	content: "";
	height: 25px;
	width: 25px;
	position: absolute;
	left: 0;
	background: url("../img/like.png") no-repeat 0 0
}

.comment-like-div a.like-icon.active::before {
	background: url("../img/liked.png") no-repeat 0 0
}

.comment-like-div a.comment-icon {
	margin-left: 40px
}

@media (max-width: 815px) {
	.comment-like-div a.comment-icon {
		margin-left: 15px
	}
}

.comment-like-div a.comment-icon::before {
	content: "";
	height: 25px;
	width: 25px;
	position: absolute;
	left: 0;
	background: url("../img/comment.png") no-repeat 0 2px
}

.like-count {
	position: relative;
	padding-bottom: 10px
}

.like-count.viewAllComm {
	border-top: 1px solid #d2d2d4;
	padding-top: 15px
}

.like-count.viewAllComm .boldLInk>a {
	font-weight: bold;
	text-decoration: underline
}

.like-count.viewAllComm .likes {
	top: 15px
}

.like-count.btnBorder {
	border-bottom: solid 1px #dbdbdb;
	margin-bottom: 10px
}

.like-count a {
	color: #03339e;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer
}

.like-count .date span {
	border: 1px solid transparent;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	line-height: 23px;
	background-color: #dadada
}

.like-count .date p {
	display: inline;
	font-size: 14px
}

.like-count .likes {
	position: absolute;
	top: 0;
	right: 0
}

.like-count .likes a {
	color: #4d4e53
}

.d-xs-block {
	display: none
}

.d-sm-block {
	display: block
}

@media (max-width: 815px) {
	.d-xs-block {
		display: block
	}
	.d-sm-block {
		display: none
	}
}

.morecontent span {
	display: none
}

.morelink {
	display: inline-block;
	color: #183883;
	text-decoration: underline
}

.morelink:hover,
.morelink:focus {
	color: #183883;
	text-decoration: underline
}

.commentBox {
	margin: 20px 0;
	padding: 0 0 10px 0
}

.commentBox .commentInitial {
	border: 1px solid #dbdbdb;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 46px;
	background-color: #ffffff;
	float: left
}

.commentBox .commentInitial img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.commentText {
	margin-left: 70px
}

.commentText textarea {
	color: #7c7c7c;
	width: 100%;
	font-size: 16px;
	padding: 16px 20px;
	border: 1px solid #dbdbdb;
	background-color: #ffffff;
	resize: none
}

@media (max-width: 815px) {
	.commentText.comment-view {
		margin-left: 55px
	}
}

.galleryGroup {
	margin-bottom: 30px;
	margin-top: 25px
}

.galleryGroup .commuCard {
	border-bottom: 0 none;
	padding: 0
}

.galleryGroup .commuCard img {
	width: 100%
}

.galleryGroup .headingH1 {
	display: inline-block;
	width: 100%;
	margin: 0
}

.commuContainer {
	max-width: 1170px;
	margin: 0 auto
}

.sortWrapper {
	margin: 0px 0 20px 0
}

.sortWrapper .commuCard {
	border: solid 1px #cecece
}

@media (max-width: 815px) {
	.sortWrapper {
		text-align: center
	}
	.sortWrapper .cardList {
		display: inline-block;
		width: 48%
	}
}

@media (max-width: 815px) and (max-width: 480px) {
	.sortWrapper .cardList {
		width: 100%
	}
}

@media (max-width: 815px) {
	.sortWrapper .cardList .commuCard img {
		width: 100%
	}
}

.sortWrapper .card {
	margin: 10px 0 15px 0
}

.sortWrapper .card .card-title {
	font-family: 'sf_pro_displaybold';
	font-size: 22px;
	line-height: 28px;
	color: #000;
	text-align: left;
	margin-bottom: 10px
}

@media (max-width: 815px) {
	.sortWrapper .card .card-title {
		font-size: 15px;
		line-height: 21px;
		margin-bottom: 10px
	}
}

.sortWrapper .card p.card-text {
	font-family: 'sf_pro_displayregular';
	font-size: 20px;
	line-height: 26px;
	color: #6c6c6c;
	padding: 0 20px;
	margin-bottom: 10px;
	text-align: left
}

@media (max-width: 815px) {
	.sortWrapper .card p.card-text {
		font-size: 13px;
		line-height: 19px
	}
}

.sortWrapper .card p.card-text span {
	font-family: 'sf_pro_displaysemibold'
}

.btnSpac {
	display: flex;
	justify-content: center;
	padding: 0 10px
}

@media (min-width: 550px) {
	.btnSpac {
		padding: 0
	}
}

.btnSpac .btn {
	margin: 0 8px;
	width: 50%;
	padding: 12px
}

@media (min-width: 550px) {
	.btnSpac .btn {
		width: 260px
	}
}

.event-group-modal {
	color: #000;
	text-align: center;
	padding: 0 !important
}

.event-group-modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px
}

.event-group-modal .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle
}

.event-group-modal .modal-header {
	border-bottom: 0
}

.event-group-modal .modal-body h3 {
	font-size: 22px;
	margin: 0
}

@media (min-width: 480px) {
	.event-group-modal .modal-body h3 {
		font-size: 24px
	}
}

.event-group-modal .modal-body h3 b {
	font-weight: 500 !important
}

.event-group-modal .btn-default {
	margin: 0
}

.event-group-modal .btn-default:hover {
	color: #fff;
	background-color: #183883;
	border-color: #183883
}

.event-group-modal .modal-footer {
	text-align: center;
	border-top: 0;
	margin-bottom: 60px
}

ul.overviewListTab {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e7e7e7;
	font-size: 0
}

ul.overviewListTab.ovlt-2 {
	margin-top: 20px;
	margin-bottom: 36px
}

@media (max-width: 480px) {
	ul.overviewListTab {
		white-space: nowrap
	}
	ul.overviewListTab.ovlt-2 {
		margin-top: 0;
		margin-bottom: 8px
	}
}

ul.overviewListTab li {
	display: inline-block;
	width: 20%;
	padding: 0 1%;
	text-align: center;
	background: #fff
}

@media (max-width: 480px) {
	ul.overviewListTab li {
		width: 25%
	}
}

ul.overviewListTab li a {
	display: inline-block;
	font-family: 'sf_pro_displaymedium';
	font-size: 16px;
	line-height: 1.4;
	color: #212121;
	padding: 12px 0;
	position: relative
}

@media (max-width: 480px) {
	ul.overviewListTab li a {
		font-size: 12px;
		line-height: 18px
	}
}

ul.overviewListTab li a.active {
	font-family: 'sf_pro_displaybold'
}

ul.overviewListTab li a.active,
ul.overviewListTab li a:hover {
	color: #113279;
	position: relative;
	outline: 0
}

ul.overviewListTab li a.active.overview:before,
ul.overviewListTab li a:hover.overview:before {
	background-position-y: -43px
}

ul.overviewListTab li a.active.ride:before,
ul.overviewListTab li a:hover.ride:before {
	background-position-y: -43px
}

ul.overviewListTab li a.active.cmt:before,
ul.overviewListTab li a:hover.cmt:before {
	background-position-y: -43px
}

ul.overviewListTab li a.active.event:before,
ul.overviewListTab li a:hover.event:before {
	background-position-y: -42px
}

ul.overviewListTab li a.active.group:before,
ul.overviewListTab li a:hover.group:before {
	background-position-y: -42px
}

ul.overviewListTab li a.active.overview:after,
ul.overviewListTab li a:hover.overview:after {
	content: " ";
	bottom: 0;
	width: 100%;
	max-width: 30px;
	margin: 0 auto;
	height: 3px;
	background-color: #113279;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0
}

ul.overviewListTab li a.active.ride:after,
ul.overviewListTab li a:hover.ride:after {
	content: " ";
	bottom: 0;
	width: 100%;
	max-width: 30px;
	margin: 0 auto;
	height: 3px;
	background-color: #113279;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0
}

ul.overviewListTab li a.active.cmt:after,
ul.overviewListTab li a:hover.cmt:after {
	content: " ";
	bottom: 0;
	width: 100%;
	max-width: 30px;
	margin: 0 auto;
	height: 3px;
	background-color: #113279;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0
}

ul.overviewListTab li a.active.event:after,
ul.overviewListTab li a:hover.event:after {
	content: " ";
	bottom: 0;
	width: 100%;
	max-width: 30px;
	margin: 0 auto;
	height: 3px;
	background-color: #113279;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0
}

ul.overviewListTab li a.active.group:after,
ul.overviewListTab li a:hover.group:after {
	content: " ";
	bottom: 0;
	width: 100%;
	max-width: 30px;
	margin: 0 auto;
	height: 3px;
	background-color: #113279;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0
}

ul.overviewListTab li a.overview:before {
	content: " ";
	height: 34px;
	width: 40px;
	display: block;
	background: url("../img/community/overview-tab-icon.png") no-repeat center 0;
	padding-top: 34px;
	margin: 0 auto
}

ul.overviewListTab li a.ride:before {
	content: " ";
	height: 34px;
	width: 40px;
	display: block;
	background: url("../img/community/ride-tab-icon.png") no-repeat center 0;
	padding-top: 40px;
	margin: 0 auto
}

ul.overviewListTab li a.cmt:before {
	content: " ";
	height: 34px;
	width: 40px;
	display: block;
	background: url("../img/community/disc-tab-icon.png") no-repeat center 0;
	padding-top: 40px;
	margin: 0 auto
}

ul.overviewListTab li a.event:before {
	content: " ";
	height: 34px;
	width: 40px;
	display: block;
	background: url("../img/community/event-tab-icon.png") no-repeat center 0;
	padding-top: 40px;
	margin: 0 auto
}

ul.overviewListTab li a.group:before {
	content: " ";
	height: 34px;
	width: 40px;
	display: block;
	background: url("../img/community/group-tab-icon.png") no-repeat center 0;
	padding-top: 40px;
	margin: 0 auto
}

.readmoreLink {
	color: #183883;
	text-decoration: underline
}

.community-wrapper .btn {
	border-radius: 6px
}

@media (min-width: 815px) {
	.fieldAlign {
		margin-top: 50px
	}
}

.countText {
	font-size: 13px;
	color: #9a9a9a;
	position: absolute;
	right: 0;
	bottom: -22px
}

.item-detail .like-count {
	float: right
}

.item-detail .artLikesall {
	margin-top: 0
}

.item-detail .comment-like-div {
	border-top: 0 none;
	padding-top: 0
}

.item-detail .comment-like-div a.comment-icon {
	margin-left: 10px
}

@media (max-width: 815px) {
	.padLR20 {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (max-width: 815px) {
	.marMLR0 {
		margin-left: 0px !important;
		margin-right: 0px !important
	}
}

@media (min-width: 815px) {
	.navSpace {
		padding-top: 144px
	}
}

@media (max-width: 815px) {
	.btnSpaceM {
		margin-bottom: 20px
	}
}

.yourActivityWrapper1 .cardList {
	display: block
}

.latestRideStories .btn {
	margin: 0 0 40px
}

@media (min-width: 815px) {
	.eveSpace {
		margin-top: 49px
	}
}

.qa-option #createEventForm .group select#StartTime,
.qa-option #createEventForm .group select#EndTime {
	background-position: 92% 55%
}

@media (max-width: 815px) {
	.qa-option #createEventForm .group select#StartTime,
	.qa-option #createEventForm .group select#EndTime {
		background-position: 85% 55%
	}
}

.community-wrapper .ride-stories .btn.blueBorder,
.community-wrapper .latest-discussions .btn.blueBorder,
.community-wrapper .upcoming-events .btn.blueBorder {
	margin: 0 0 40px
}

.community-wrapper .ride-stories .text-wrap .btn {
	margin-top: 20px;
	margin-bottom: 0
}

@media (min-width: 815px) {
	.community-nav-tabs {
		margin-top: 20px;
		margin-bottom: 30px
	}
}

.noResult {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	min-height: 100px;
	color: black
}

.fullWidthCol {
	display: inline-block;
	width: 100%
}

.create-story-form .qa-option .group.characterContWrap>label {
	left: 0
}

.modal-backdrop.in {
	filter: alpha(opacity=85);
	opacity: 0.85
}

@media (min-width: 650px) and (max-width: 816px) {
	.modal-xl {
		width: 600px
	}
}

@media (min-width: 1120px) {
	.modal-xl {
		width: 1100px
	}
}

.modal-xl button.close {
	padding: 0;
	cursor: pointer;
	background: #000;
	border: 3px solid #fff;
	-webkit-appearance: none;
	appearance: none;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: #fff;
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	opacity: 1;
	position: absolute;
	top: 0;
	right: -55px;
	z-index: 9
}

@media (max-width: 815px) {
	.modal-xl button.close {
		width: 30px;
		height: 30px;
		top: -8px;
		right: -8px;
		font-size: 22px;
		vertical-align: middle;
		box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
		line-height: 20px
	}
}

.modal-xl button.close:hover {
	opacity: 1
}

.modal-xl .modal-content {
	border-radius: 0;
	box-shadow: none;
	border: 0
}

.modal-middle-center {
	color: #000;
	text-align: center;
	padding: 0 !important
}

.modal-middle-center:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px
}

.modal-middle-center .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle
}

.welcome-body {
	padding: 40px 20px;
	border-radius: 0
}

@media (min-width: 815px) {
	.welcome-body {
		padding: 50px 45px
	}
}

.welcome-body>.row {
	margin-left: -20px;
	margin-right: -20px
}

.welcome-body>.row>div {
	padding: 0 20px
}

.welcome-body>.row>div.welcome-img {
	padding: 0
}

.welcome-body h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
	margin: 0;
	margin-bottom: 25px
}

@media (min-width: 815px) {
	.welcome-body h3 {
		font-size: 26px
	}
}

.welcome-body h4 {
	font-size: 18px;
	font-weight: 700;
	color: #474747;
	margin: 0;
	margin-bottom: 40px
}

@media (min-width: 815px) {
	.welcome-body h4 {
		font-size: 22px
	}
}

.welcome-body p {
	font-size: 14px;
	line-height: 1.8;
	color: rgba(58, 58, 58, 0.871);
	margin: 0;
	margin-bottom: 25px
}

@media (min-width: 815px) {
	.welcome-body p {
		font-size: 16px
	}
}

.welcome-body .btn {
	width: 206px;
	min-height: 50px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	margin: 0
}

@media (max-width: 1120px) {
	.welcome-body .btn {
		display: block;
		margin: 40px auto 0
	}
}

.welcome-body .btn.desk-btn {
	display: none
}

@media (min-width: 1120px) {
	.welcome-body .btn.desk-btn {
		display: block
	}
}

@media (min-width: 1120px) {
	.welcome-body .btn.mob-btn {
		display: none
	}
}

.welcome-body .join-aog-btn {
	width: 240px
}

.welcome-body img {
	width: 100%
}

.welcome-body ol {
	padding-left: 35px
}

.welcome-body ol li {
	font-size: 18px;
	list-style-type: decimal;
	margin-bottom: 15px
}

.non-user-login {
	padding: 30px 25px;
	border-bottom: dashed 1px #afafaf
}

.non-user-login>.row>div:last-child {
	text-align: center
}

@media (min-width: 1200px) {
	.non-user-login>.row>div:last-child {
		text-align: right
	}
}

.non-user-login h4 {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #000;
	margin: 0
}

@media (max-width: 480px) {
	.non-user-login h4 {
		font-size: 14px
	}
}

@media (min-width: 1200px) {
	.non-user-login h4 {
		margin-top: 15px;
		font-size: 20px;
		text-align-last: left
	}
}

.non-user-login .btn {
	border-radius: 5px;
	background-color: #183883;
	box-shadow: 0px 1px 9px 0px rgba(78, 78, 78, 0.1);
	max-width: 267px;
	width: 100%;
	height: 58px;
	font-size: 16px;
	font-weight: 700;
	line-height: 2.1;
	margin: 0
}

@media (max-width: 1199px) {
	.non-user-login .btn {
		max-width: 246px;
		width: 100%;
		height: 50px;
		line-height: 1.5;
		margin-top: 15px
	}
}

.non-user-login .btn:hover,
.non-user-login .btn:focus {
	color: #fff
}

@media (min-width: 500px) {
	.comfirm-popup {
		width: 440px
	}
}

.comfirm-popup .check-icon {
	width: 67px;
	height: 67px;
	background: url("../img/community/green-check-icon.png") center no-repeat padding-box;
	background-size: contain;
	margin: 25px auto 30px
}

.comfirm-popup h3 {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.7;
	margin: 0;
	font-family: Roboto, font-family
}

@media (min-width: 500px) {
	.comfirm-popup h3 {
		font-size: 16px
	}
}

.comfirm-popup .btn {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.625;
	width: 230px;
	height: 50px;
	border-radius: 5px;
	margin: 0
}

.comfirm-popup .modal-footer {
	text-align: center;
	padding: 25px 0 40px;
	border: 0
}

.user-thumb {
	font-family: 'sf_pro_displaybold';
	font-size: 14px;
	color: #212121
}

.user-thumb-photo {
	height: 44px;
	width: 44px;
	border: 1px solid #909090;
	border-radius: 50%;
	float: left;
	overflow: hidden
}

.user-thumb-photo img {
	width: 100%;
	height: 44px;
	object-fit: cover
}

.user-name-date {
	margin-left: 55px
}

.user-name-date span {
	display: block;
	font-family: 'sf_pro_displayregular';
	font-size: 13px;
	color: #6b6b6b;
	margin: 0 0 0 0
}

.results-not-found {
	max-width: 320px;
	margin: 0 auto 40px;
	text-align: center
}

@media (max-width: 815px) {
	.results-not-found {
		margin-bottom: 20px
	}
}

.results-not-found h4 {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	line-height: 1.556;
	margin: 0
}

.results-not-found p {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.78);
	line-height: 1.867;
	margin: 0
}

.results-not-found .rnf-icon {
	width: 105px;
	height: 74px;
	background: url("../img/community/search-icon.png") center no-repeat padding-box;
	background-size: contain;
	margin: 45px auto 30px
}

.ride-stories.headerSpace {
	padding-top: 30px
}

@media (min-width: 815px) {
	.ride-stories.headerSpace {
		padding-top: 150px
	}
}

.button-previous,
.button-next {
	position: absolute;
	background: #fff;
	border: solid 1px #b8b8b8;
	width: 60px;
	height: 40px
}

.button-previous:before,
.button-next:before {
	content: '';
	position: absolute;
	opacity: 1;
	width: 25px;
	height: 11px;
	left: 15px;
	top: 13px;
	background: url("../img/icon-next.png") no-repeat 0 0
}

.button-previous:before {
	background: url("../img/icon-prev.png") no-repeat 0 0
}

.button-previous:hover:before {
	animation: bounceArrowLeft 1.5s infinite
}

.button-next:hover:before {
	animation: bounceArrowRight 1.5s infinite
}

.button-close {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #000;
	text-align: center;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
	border-radius: 50%;
	font-size: 16px;
	border: 2px solid #fff
}

.button-previous,
.button-next {
	top: 50%;
	margin-top: -22px;
	line-height: 42px
}

.button-previous {
	left: 0
}

@media (min-width: 815px) {
	.button-previous {
		left: -30px
	}
}

.button-next {
	right: 0
}

@media (min-width: 815px) {
	.button-next {
		right: -30px
	}
}

.button-close {
	top: 0;
	right: -37px;
	font-size: 30px;
	color: #fff !important
}

.fancybox-caption {
	font-size: 16px;
	font-weight: 500;
	color: #000
}

.tc-block {
	padding: 50px 15px;
	background: #fff;
	text-align: center
}

.tc-block p {
	max-width: 730px;
	margin: 0 auto;
	font-size: 18px;
	color: #474747;
	font-weight: bold;
	line-height: 1.455;
	text-align: center
}

.tc-block p a {
	color: #183883;
	text-decoration: underline
}

.tc-block p a:hover {
	text-decoration: none
}

@media (max-width: 815px) {
	.navHeadSpace {
		margin-top: 130px !important
	}
}

@media (min-width: 1200px) {
	.groupPreviewPopCnt .modal-xl {
		width: 1225px
	}
}

@media (min-width: 815px) {
	.groupPreviewPopCnt .modal-xl {
		width: 85%
	}
}

@media (min-width: 815px) {
	.groupPreviewPopCnt .modal-xl .container {
		width: 100%
	}
}

@media (max-width: 815px) {
	.groupPreviewPopCnt .group-details p {
		font-size: 14px;
		line-height: 22px;
		margin: 5px 0
	}
}

@media (max-width: 815px) {
	.groupPreviewPopCnt .modal-body {
		padding: 15px 0
	}
}

.black-text {
	color: #000
}

.gray-text {
	color: rgba(0, 0, 0, 0.58)
}

.fw-normal {
	font-weight: 400
}

.community-discuss-wrapper {
	margin-bottom: 60px
}

@media (max-width: 815px) {
	.community-discuss-wrapper {
		margin-bottom: 30px
	}
}

@media (max-width: 815px) {
	.latest-discussions .tab-content .row {
		margin: 0
	}
}

@media (max-width: 815px) {
	.join-discussion-commu {
		padding: 0 10px;
		margin-left: 0;
		margin-right: 0
	}
}

.new-discussion {
	margin: 0 0 60px 0;
	background-color: #183883
}

.new-discussion .outer-text-wrap {
	max-width: 680px;
	margin: 0 auto
}

.new-discussion .text-wrap {
	color: #fff;
	padding: 30px 0 35px 0;
	margin: 0
}

@media (max-width: 815px) {
	.new-discussion .text-wrap {
		padding: 20px 0;
		margin: 0;
		text-align: center
	}
}

.new-discussion .text-wrap p {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.8);
	margin: 0
}

@media (max-width: 815px) {
	.new-discussion .text-wrap p {
		margin-top: 10px
	}
}

.new-discussion .text-wrap h2 {
	font-size: 26px;
	line-height: 1;
	color: #fff;
	margin: 10px 0 0;
	padding: 0;
	text-transform: none;
	font-weight: bold
}

.new-discussion .text-wrap .btn {
	margin-top: 10px !important;
	width: 230px;
	padding: 13px;
	font-size: 16px;
	font-weight: 600
}

@media (max-width: 815px) {
	.new-discussion .text-wrap .btn {
		margin-top: 20px !important
	}
}

.new-discussion .text-wrap .btn:hover {
	background-color: #183883;
	color: #fff;
	border: solid 1px #fff
}

.join-discussion .join-discussion-wraper {
	padding: 20px 0 30px 0
}

.join-discussion .join-discussion-wraper .headingH1 {
	margin-top: 0
}

@media (max-width: 815px) {
	.join-discussion .join-discussion-wraper .headingH1 {
		margin-left: 0;
		padding-left: 30px
	}
}

.join-discussion .join-discussion-wraper .card {
	background-color: #fff;
	padding: 25px;
	box-shadow: 0px 2px 2px 2px rgba(150, 150, 150, 0.1)
}

.join-discussion .join-discussion-wraper .card a {
	font-family: 'sf_pro_displaybold';
	font-size: 14px;
	line-height: 20px;
	color: #113279;
	cursor: pointer
}

.join-discussion .join-discussion-wraper .card a img {
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle
}

.join-discussion .join-discussion-wraper .card p {
	font-family: 'sf_pro_displayregular';
	font-size: 13px;
	line-height: 19px;
	margin-top: 0
}

@media (max-width: 815px) {
	.join-discussion .join-discussion-wraper .card {
		margin-bottom: 10px
	}
}

.join-discussion .join-discussion-wraper .joincardList {
	display: none;
	margin-bottom: 20px
}

@media (max-width: 815px) {
	.ride-stories .your-feed .headingH1 {
		margin-left: 0
	}
}

.discussion-cardWrap .commuCard .card-title a {
	height: 44px !important
}

@media (max-width: 815px) {
	.discussion-cardWrap .commuCard .card-title a {
		height: inherit !important
	}
}

.discussion-cardWrap .commuCard .itemCont {
	height: 155px !important
}

@media (max-width: 815px) {
	.discussion-cardWrap .commuCard .itemCont {
		height: inherit !important
	}
}

@media (max-width: 815px) {
	.latestStoryWrap {
		padding: 0 15px
	}
}

.post-your-story {
	background-color: #fff;
	margin-top: 30px;
	margin-bottom: 50px;
	box-shadow: 0px 2px 2px 2px #e6e6e6
}

@media (max-width: 815px) {
	.post-your-story {
		padding-top: 20px;
		padding-bottom: 15px
	}
}

@media (max-width: 815px) {
	.post-your-story>.row {
		margin: 0
	}
}

.post-your-story .story-title {
	color: #183883;
	font-size: 26px;
	font-weight: 600;
	margin: 0;
	margin-top: 5px
}

.post-your-story .story-text {
	font-size: 18px;
	margin: 0 0 15px 0
}

.post-your-story .post-story-text-wrap {
	padding: 30px 0 0 0
}

@media (max-width: 815px) {
	.post-your-story .post-story-text-wrap {
		text-align: center;
		padding: 20px 0 0 0
	}
}

.detailHeader {
	margin: 30px 0 20px 0
}

.detailHeader.group .banner-text {
	font-size: 14px;
	line-height: 24px;
	margin-top: 8px
}

.detailHeader.bannerHeader {
	position: relative
}

.detailHeader.bannerHeader .title {
	position: absolute;
	font-size: 36px;
	left: 40px;
	bottom: 40px;
	color: #fff;
	font-weight: 700;
	line-height: 40px;
	text-shadow: 1px 1px #252525
}

.createStoryWrapper,
.newDiscWrapper {
	background: #fff;
	background: #fff;
	border: 1px solid #e1e1e1;
	padding: 0 12px;
	margin: 50px 0 60px 0
}

@media (min-width: 815px) {
	.createStoryWrapper,
	.newDiscWrapper {
		padding: 0 80px
	}
}

.createStoryWrapper .qa-option .group select,
.newDiscWrapper .qa-option .group select {
	-webkit-appearance: none;
	appearance: none
}

.createStoryWrapper .qa-option .group.date-stamp select,
.newDiscWrapper .qa-option .group.date-stamp select {
	background-position: 92% 55%;
	padding-right: 55px
}

.createStoryWrapper .qa-option .group>input[type="file"],
.newDiscWrapper .qa-option .group>input[type="file"] {
	opacity: 0;
	z-index: 2;
	position: relative
}

.createStoryWrapper .qa-option .group .fileCustome,
.newDiscWrapper .qa-option .group .fileCustome {
	position: relative;
	z-index: 1;
	top: -49px;
	left: 0;
	background: none;
	color: #8b7f7f;
	padding: 12px 10px 12px 0;
	display: block;
	width: 100%;
	border-bottom: 1px solid #c6c6c6;
	white-space: nowrap;
	overflow: hidden
}

.createStoryWrapper .qa-option .group .fileCustome::before,
.newDiscWrapper .qa-option .group .fileCustome::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.createStoryWrapper .qa-option .group .fileCustome::after,
.newDiscWrapper .qa-option .group .fileCustome::after {
	content: '+';
	position: absolute;
	right: 10px;
	top: 10px;
	color: #000;
	background: #e2e2e2;
	height: 22px;
	width: 22px;
	text-align: center
}

.createStoryWrapper .qa-option .group.uploadWrap,
.newDiscWrapper .qa-option .group.uploadWrap {
	height: 48px
}

.createStoryWrapper .qa-option .group.uploadWrap .bar-line,
.newDiscWrapper .qa-option .group.uploadWrap .bar-line {
	top: -45px;
	z-index: 1
}

.createStoryWrapper .qa-option .group.storyPrivacy label,
.newDiscWrapper .qa-option .group.storyPrivacy label {
	top: -30px
}

.createStoryWrapper .qa-option .group.storyPrivacy ul,
.newDiscWrapper .qa-option .group.storyPrivacy ul {
	top: 30px;
	position: relative
}

@media (min-width: 815px) {
	.createStoryWrapper .qa-option .group.storyPrivacy ul li,
	.newDiscWrapper .qa-option .group.storyPrivacy ul li {
		display: inline-block;
		float: left;
		margin-right: 35px
	}
}

.discPopUp .newDiscWrapper {
	padding: 0;
	margin-top: 30px;
	margin-bottom: 0;
	border: 0 none;
	background: #f4f4f4
}

@media (min-width: 815px) {
	.discPopUp .newDiscWrapper {
		padding: 0 30px
	}
}

.discPopUp .modal-dialog {
	width: 95%
}

@media (min-width: 815px) {
	.discPopUp .modal-dialog {
		width: 700px
	}
}

.discPopUp .modal-content {
	border-radius: 0;
	box-shadow: none;
	border: 0 none;
	background: #f4f4f4
}

.discPopUp .headingH1 {
	margin-top: 0;
	margin-bottom: 0
}

.discPopUp .qa-option {
	margin-top: 0
}

.discPopUp .close {
	position: relative;
	z-index: 1;
	opacity: 1;
	right: 20px;
	top: 10px;
	font-size: 30px
}

@media (max-width: 815px) {
	.storyCommentsWrapper {
		padding-left: 20px;
		padding-right: 20px
	}
}

.storyComments {
	margin-top: 40px;
	margin-bottom: 40px
}

.storyComments .likes a {
	padding: 0 10px
}

.storyComments .likes a:hover {
	text-decoration: underline
}

.storyComments .likes a.active {
	font-weight: bold;
	text-decoration: underline;
	position: relative
}

.storyComments .likes a.active::after {
	content: '';
	position: absolute;
	right: -6px;
	top: 1px;
	height: 14px;
	width: 1px;
	background-color: #424242
}

.storyComments.commented {
	background: #fff;
	padding: 10px;
	box-shadow: 0px 2px 2px 2px #e6e6e6
}

@media (min-width: 815px) {
	.storyComments.commented {
		padding: 20px 40px
	}
}

.storyComments.commented .commentBox {
	border-bottom: solid 1px #e6e6e6
}

.storyComments.commented .commentText p {
	font-size: 15px;
	line-height: 20px
}

.storyComments.commented .commentText p span.date {
	font-size: 12px
}

.storyComments.commented .commentText p strong {
	font-weight: bold;
	display: block
}

.moreComments p {
	margin-left: 70px
}

.moreComments p>a {
	color: #03339e;
	text-decoration: underline
}

.moreComments p>a:hover {
	text-decoration: none
}

.ride-story-banner {
	margin-bottom: 20px !important
}

@media (min-width: 815px) {
	.ride-story-banner {
		margin-top: 25px
	}
}

.ride-story-banner .banner-title {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	margin-top: 15px
}

.ride-story-banner .banner-text {
	font-size: 12px;
	margin: 0
}

.ride-story-banner .contNumber strong {
	font-weight: 700;
	margin-bottom: 5px;
	display: inline-block
}

@media (max-width: 815px) {
	.ride-story-banner p {
		margin: 5px 15px 10px 15px
	}
}

.createStoryWrapper .gallerUpload h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: #000;
	overflow: hidden
}

.createStoryWrapper .gallerUpload p {
	color: #8b7f7f
}

.rideDetails li {
	display: inline-block;
	font-size: 15px;
	padding-right: 48px
}

.rideDetails li p {
	line-height: 25px
}

.rideDetails li strong {
	font-weight: 700;
	display: block
}

.videoWrapperCont {
	height: 350px
}

.artLikesall {
	margin-top: 40px
}

.artLikesall .comment-like-div a {
	font-weight: bold
}

.artLikesall .like-count .likes {
	top: 10px
}

.artLikesall .like-count .likes>a strong {
	font-weight: bold
}

.commnetForm {
	position: relative
}

.commnetForm .greyLight {
	position: absolute;
	right: 10px;
	top: 10px
}

@media (min-width: 815px) {
	.commnetForm .greyLight {
		right: 28px
	}
}

@media (max-width: 815px) {
	.ride-stories {
		padding: 0 0px
	}
}

.ride-stories.bgwhite {
	background: #ffffff;
	padding: 20px 0px
}

.ride-stories .community-cardWrap {
	margin-top: 30px
}

@media (max-width: 815px) {
	.ride-stories .community-cardWrap .cardList {
		max-width: 480px;
		margin: 0 auto;
		float: none
	}
}

.ride-stories .videoWrap {
	position: relative
}

.ride-stories .videoWrap a.playiconCnt {
	position: absolute;
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.ride-stories .videoWrap a.playiconCnt .playicon {
	position: absolute;
	top: calc(50% - 26px);
	left: calc(50% - 26px)
}

.ride-stories .youmaylikeSlider {
	margin: 0 0 30px 0
}

.ride-stories .youmaylikeSlider .slick-prev {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 40%
}

@media (max-width: 815px) {
	.ride-stories .youmaylikeSlider .slick-prev {
		left: 15px;
		background: rgba(255, 255, 255, 0.8) !important
	}
}

.ride-stories .youmaylikeSlider .slick-prev:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-b.png) center center no-repeat !important
}

.ride-stories .youmaylikeSlider .slick-prev:focus,
.ride-stories .youmaylikeSlider .slick-prev:hover {
	background: #959595 !important;
	border: 0 none
}

.ride-stories .youmaylikeSlider .slick-prev:focus:before,
.ride-stories .youmaylikeSlider .slick-prev:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-left-arrow-w.png) center center no-repeat !important
}

.ride-stories .youmaylikeSlider .slick-next {
	height: 48px !important;
	background: transparent !important;
	border: 0 none;
	top: 40%;
	right: -46px
}

@media (max-width: 815px) {
	.ride-stories .youmaylikeSlider .slick-next {
		right: 15px;
		background: rgba(255, 255, 255, 0.8) !important
	}
}

.ride-stories .youmaylikeSlider .slick-next:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-b.png) center center no-repeat !important
}

.ride-stories .youmaylikeSlider .slick-next:focus,
.ride-stories .youmaylikeSlider .slick-next:hover {
	background: #959595 !important;
	border: 0 none
}

.ride-stories .youmaylikeSlider .slick-next:focus:before,
.ride-stories .youmaylikeSlider .slick-next:hover:before {
	height: 21px;
	background: transparent url(../img/brands/rtr-right-arrow-w.png) center center no-repeat !important
}

.ride-stories .youmaylikeSlider .cardList {
	margin: 0 auto !important
}

@media (max-width: 815px) {
	.ride-stories .youmaylikeSlider .cardList {
		text-align: center
	}
	.ride-stories .youmaylikeSlider .cardList .commuCard {
		max-width: 346px;
		margin: 0 auto;
		display: inline-block
	}
}

.ride-stories#ride .community-cardWrap {
	margin-top: 0
}

.eventFilter {
	margin-top: 40px;
	margin-bottom: 0
}

@media (max-width: 480px) {
	.eventFilter {
		margin-top: 30px;
		margin-bottom: 30px;
		width: 100%;
		position: relative
	}
}

.eventFilter .filterEvent {
	border: solid 1px #d1d1d1;
	padding: 10px 80px 10px 20px;
	display: inline-block;
	background: #f4f4f4;
	position: relative;
	width: 175px
}

@media (max-width: 480px) {
	.eventFilter .filterEvent {
		width: 100%
	}
}

.eventFilter .filterEvent:after {
	content: '';
	position: absolute;
	right: 15px;
	top: 12px;
	border-bottom: solid 2px #808080;
	border-right: solid 2px #808080;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	transform-origin: center;
	transition: all .3s
}

.eventFilter .filterEvent.active:after {
	top: 18px;
	transform: rotate(225deg)
}

.eventFilterWrap {
	display: none;
	position: absolute;
	z-index: 2;
	background: white;
	width: 92%;
	box-shadow: 0px 2px 2px 2px #e6e6e6
}

@media (max-width: 480px) {
	.eventFilterWrap {
		width: 100%
	}
}

@media (min-width: 815px) {
	.eventFilterWrap {
		width: 700px
	}
}

.eventFilterWrap .row {
	margin: 0
}

.eventFilterWrap h3 {
	font-size: 18px;
	color: #183883;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	margin-bottom: 10px
}

.eventFilterWrap .filterSection {
	border-bottom: 1px dashed #7f7f7f;
	padding: 15px 20px
}

@media (min-width: 481px) {
	.eventFilterWrap .filterSection:first-child {
		border-right: 1px dashed #7f7f7f
	}
}

.eventFilterWrap ul {
	margin-left: 0;
	display: flex
}

.eventFilterWrap ul>li {
	display: inline-block;
	margin-left: 8px;
	margin-bottom: 10px
}

@media (max-width: 359px) {
	.eventFilterWrap ul>li {
		margin-left: 15px;
		width: 50%
	}
}

@media (min-width: 360px) and (max-width: 480px) {
	.eventFilterWrap ul>li {
		margin-left: 20px
	}
}

@media (min-width: 815px) {
	.eventFilterWrap ul>li {
		margin-left: 20px;
		margin-bottom: 15px
	}
}

.eventFilterWrap ul>li:first-child {
	margin-left: 0
}

.eventFilterWrap ul>li>a {
	border: solid 1px #d0d0d0;
	display: inline-block;
	padding: 4px 10px;
	min-width: 90px;
	text-align: center;
	border-radius: 3px;
	color: #7c7c7c
}

@media (max-width: 480px) {
	.eventFilterWrap ul>li>a {
		width: 120px;
		padding: 8px 10px
	}
}

@media (min-width: 815px) {
	.eventFilterWrap ul>li>a {
		width: 100%;
		min-width: 110px;
		padding: 10px 15px
	}
}

.eventFilterWrap ul>li>a.active {
	color: #fff;
	background-color: #183883
}

.eventFilterWrap .event-location {
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px
}

@media (max-width: 480px) {
	.eventFilterWrap .event-location>li {
		padding: 0 10px;
		width: 50%
	}
	.eventFilterWrap .event-location>li>a {
		width: 100%
	}
}

.eventFilterWrap .event-location>li {
	margin-left: 0;
	padding: 0 10px
}

.eventFilterWrap .error {
	position: absolute;
	bottom: 5px
}

.eventFilterWrap .filterBtnWrap {
	background-color: #f2f2f2;
	padding: 10px 15px
}

.eventFilterWrap .filterBtnWrap button {
	border: 0 none;
	background: transparent
}

.eventFilterWrap .filterBtnWrap button[type="submit"] {
	float: right;
	color: #183883;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.eventSearchFilter {
	margin: 0 0 20px 0
}

.eventSearchFilter .searchWrap {
	height: 42px;
	border: solid 1px #d0d0d0;
	border-radius: 3px;
	overflow: hidden
}

.eventSearchFilter .searchWrap input {
	width: 77%;
	height: 40px;
	border: 0 none;
	padding-left: 46px;
	padding-right: 15px;
	background: url(../img/search-icon.png) 14px 50% no-repeat
}

.eventSearchFilter .searchWrap button.btn {
	width: 23%;
	float: right;
	margin: 0;
	height: 40px;
	padding-top: 10px;
	background: #f0f0f0;
	color: #7c7c7c;
	text-transform: none
}

@media (max-width: 815px) {
	.eventSearchFilter .searchWrap button.btn {
		padding: 0
	}
}

.eventSearchFilter .searchWrap ::placeholder {
	color: #dbdbdb;
	opacity: 1
}

.eventSearchFilter .searchWrap :-ms-input-placeholder {
	color: #dbdbdb
}

.eventSearchFilter .searchWrap ::-ms-input-placeholder {
	color: #dbdbdb
}

.communitySubNav {
	overflow-x: auto
}

.communitySubNav .nav-select {
	display: none !important
}

.communitySubNav .navbar-nav {
	display: inline-block;
	width: 100%;
	border: 0 none;
	background: none;
	white-space: nowrap
}

.communitySubNav .navbar-nav li {
	width: auto;
	background: none;
	border: 0 none;
	padding: 0 15px;
	margin-bottom: 10px
}

.communitySubNav .navbar-nav li.active a {
	color: #253b85;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px
}

.communitySubNav .navbar-nav li a:after {
	background-color: #253b85
}

.community-overview-banner {
	position: relative
}

@media (min-width: 815px) {
	.community-overview-banner {
		margin-bottom: 40px;
		padding-top: 96px
	}
}

@media (max-width: 815px) {
	.community-overview-banner.innerBanner {
		margin-left: 0;
		margin-right: 0
	}
}

.community-overview-banner img {
	width: 100%
}

.community-overview-banner .banner-text {
	position: absolute;
	bottom: 20px;
	left: 100px;
	color: #fff;
	width: 45%;
	font-size: 22px
}

@media (max-width: 815px) {
	.community-overview-banner .banner-text {
		left: 20px;
		width: 90%
	}
}

.community-overview-banner .banner-text h1 {
	font-size: 32px;
	color: #fff;
	text-transform: none;
	font-weight: 500;
	line-height: 35px;
	padding: 0
}

.community-overview-banner .banner-text p {
	font-size: 14px;
	line-height: 20px
}

.community-overview-banner .banner-text .btn {
	border-radius: 6px
}

.innerBanner {
	padding-top: 0
}

.innerBanner .banner-text {
	display: inline-block;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	left: 0;
	bottom: 0;
	padding: 20px
}

.innerBanner .banner-text h1 {
	margin: 0 0 0 0;
	font-family: 'sf_pro_displaybold';
	font-size: 22px
}

@media (max-width: 815px) {
	.innerBanner .banner-text h1 {
		font-size: 18px;
		line-height: 24px
	}
}

.innerBanner .banner-text p.nameTxt {
	font-family: 'sf_pro_displaybold';
	font-size: 16px;
	color: #dfe0e0
}

.innerBanner .banner-text p.nameTxt span {
	font-family: 'sf_pro_displayregular';
	font-size: 14px;
	color: #9d9e9d;
	margin-left: 10px
}

.tab-div {
	text-align: left;
	margin: 0 auto;
	margin-bottom: 20px
}

@media (max-width: 815px) {
	.tab-div {
		overflow-x: auto;
		height: 42px;
		margin-left: -15px;
		margin-right: -15px
	}
}

.tab-div.text-center {
	text-align: center
}

.tab-div .nav-tabs {
	border: none
}

@media (max-width: 815px) {
	.tab-div .nav-tabs {
		white-space: nowrap;
		padding-left: 15px
	}
}

@media (max-width: 815px) {
	.tab-div .nav-tabs li {
		float: none;
		display: inline-block
	}
}

.tab-div ul {
	display: inline-block
}

.tab-div ul li a.btn-grey {
	text-transform: uppercase !important;
	color: #4d4e53;
	border: 1px solid #4d4e53;
	background-color: transparent;
	border-radius: 25px;
	font-size: 14px;
	text-transform: none;
	padding: 8px 26px;
	margin: 0 10px
}

.tab-div ul li a.btn-grey:hover,
.tab-div ul li a.btn-grey:focus {
	color: #fff;
	background-color: #183883;
	border: 1px solid #183883;
	cursor: pointer
}

@media (max-width: 815px) {
	.tab-div ul li a.btn-grey {
		padding: 5px 12px;
		margin: 0 5px
	}
}

.tab-div ul li a.active {
	color: #fff;
	background-color: #183883;
	border: 1px solid #183883
}

.tab-div .tabs {
	display: inline-block
}

.drop-select {
	display: inline-block;
	float: right;
	padding: 10px 0
}

.drop-select select {
	padding: 8px 0 8px 8px;
	font-size: 15px;
	min-width: 100px;
	margin-left: 12px
}

@media (max-width: 815px) {
	.drop-select select {
		font-size: 15px;
		display: block;
		width: 100%;
		margin-bottom: 10px
	}
}

.drop-select select option {
	display: inline;
	font-size: 12px;
	background-color: #f4f4f4;
	margin: 0 15px;
	text-align: left
}

.drop-select select option.select::after {
	height: 25px
}

@media (max-width: 815px) {
	.drop-select {
		width: 100%
	}
}

.mar30btm {
	margin-bottom: 30px;
	overflow: hidden
}

.col-sm-offset-right-6 {
	margin-right: 0
}

@media (min-width: 815px) {
	.col-sm-offset-right-6 {
		margin-right: 50%
	}
}

.headingH1 {
	font-size: 22px;
	font-weight: 500;
	color: #000000
}

.white-bg {
	background: #fff
}

.community-gallery>div:nth-child(n+7) {
	display: none
}

@media (max-width: 815px) {
	.community-gallery {
		padding-left: 20px;
		padding-right: 20px
	}
}

.community-gallery .col-sm-2 {
	padding-right: 0
}

@media (max-width: 815px) {
	.community-gallery .col-xs-4 {
		padding-left: 5px;
		padding-right: 5px
	}
}

@media (max-width: 815px) {
	.card-gallery {
		margin-bottom: 10px
	}
}

.card-gallery>a {
	position: relative;
	display: block;
	border-radius: 8px;
	overflow: hidden
}

.card-gallery>a img {
	width: 100%;
	height: 135px;
	object-fit: cover
}

.card-gallery .stamp-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: center;
	display: grid;
	align-items: center;
	font-size: 20px;
	font-weight: 600
}

@media (min-width: 480px) {
	.card-gallery .stamp-overlay {
		font-size: 45px
	}
}

.event-header {
	position: relative;
	background: #000;
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden
}

.event-header .status {
	font-size: 15px;
	margin: 0
}

.event-header .status .green {
	color: #01a30c
}

.event-header .status .orange {
	color: #f76d10
}

.event-header .status .red {
	color: #dc0707
}

.event-header>img {
	width: 100%;
	height: 220px;
	object-fit: cover
}

@media (min-width: 568px) {
	.event-header>img {
		height: 300px
	}
}

@media (min-width: 768px) {
	.event-header>img {
		height: 515px
	}
}

.event-header .previewBand {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	padding: 20px 25px
}

@media (max-width: 815px) {
	.event-header .previewBand {
		padding: 15px 5px
	}
}

.event-header .previewBand .btn {
	margin: 13px 0 0 !important;
	width: 230px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold
}

.event-header .previewBand .btn.blue {
	border-radius: 5px;
	margin-top: 0 !important
}

@media (max-width: 480px) {
	.event-header .previewBand .btn.blue {
		font-size: 12px;
		line-height: 18px;
		width: auto;
		padding: 15px
	}
}

.event-header .previewBand .previewTitle {
	padding: 12px 0 12px 40px;
	background: url("../img/community/preview-icon.html") left center no-repeat
}

@media (max-width: 815px) {
	.event-header .previewBand>.col-xs-7 {
		padding-left: 0px;
		width: auto
	}
}

@media (max-width: 815px) {
	.event-header .previewBand>.col-xs-5 {
		padding-right: 0px;
		width: auto;
		float: right
	}
}

.event-header .event-overlay {
	width: 100%;
	min-height: 100px;
	background: #000;
	color: #fff;
	padding: 20px
}

@media (min-width: 768px) {
	.event-header .event-overlay {
		padding: 25px 40px;
		background: rgba(0, 0, 0, 0.8);
		position: absolute;
		left: 0;
		bottom: 0
	}
}

.event-header .event-overlay h4 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px
}

.event-header .event-overlay h5 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 0
}

.event-header .event-overlay .author-name {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	line-height: 1.2
}

.event-header .event-overlay .author-name small {
	font-size: 14px;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.58);
	margin-left: 15px
}

.event-header .event-overlay .rideDetails li {
	padding-right: 70px
}

@media (max-width: 815px) {
	.event-header .event-overlay .rideDetails li {
		padding-right: 15px;
		width: 60%;
		vertical-align: top;
		margin-bottom: 20px
	}
	.event-header .event-overlay .rideDetails li:nth-child(even) {
		width: 38%;
		padding-right: 0px
	}
}

@media (min-width: 1024px) {
	.event-header .event-overlay .rideDetails li {
		padding-right: 100px
	}
}

@media (min-width: 1100px) {
	.event-header .event-overlay .rideDetails li {
		padding-right: 120px
	}
}

.event-header .event-overlay .rideDetails li p {
	font-size: 15px;
	margin: 0;
	color: rgba(255, 255, 255, 0.78)
}

.commentBox .commentInitial {
	height: 58px;
	width: 58px
}

.commentBox .commentInitial img {
	border-radius: 50%
}

.commnetForm .btn-post {
	background: url("../img/community/plan-icon.png") center no-repeat;
	width: 70px;
	border-left: 1px solid #e9e9e9;
	text-indent: -99999px;
	overflow: hidden;
	padding: 0;
	margin: 3px 2px 3px 0;
	height: 32px;
	right: 0
}

.commnetForm .btn-post:hover {
	background-color: #fff;
	border-left: 1px solid #e9e9e9
}

.commentText textarea {
	padding: 17px 80px 17px 10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	min-width: 100%;
	max-width: 100%;
	resize: none
}

.comment-view {
	position: relative
}

.comment-view .date {
	color: rgba(0, 0, 0, 0.5);
	font-size: 15px
}

.storyComments.commented {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	padding: 0
}

.storyComments.commented .commentBox {
	border-bottom: dashed 1px #afafaf;
	padding: 20px 0 15px;
	margin: 0;
	display: none
}

.storyComments.commented .commentBox:last-child {
	border-bottom: 0
}

.storyComments.commented .name {
	font-size: 18px;
	color: #000
}

@media (max-width: 815px) {
	.storyComments.commented .name {
		font-size: 15px;
		margin-top: 10px
	}
}

.storyComments.commented .comment-inner {
	padding: 0 25px
}

@media (max-width: 815px) {
	.storyComments.commented .comment-inner {
		padding: 0 12px
	}
}

.storyComments.commented .comment-inner .commentInitial {
	width: 40px;
	height: 40px
}

.storyComments.commented .commentText p {
	color: #3a3a3a
}

.storyComments.commented .linkBtn {
	color: #183883;
	text-decoration: underline;
	font-size: 16px;
	margin: 30px 0 50px 0;
	display: inline-block
}

.storyComments.commented .linkBtn:hover {
	text-decoration: none
}

.discuss-header {
	margin-top: 20px
}

.discuss-header h4 {
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 0;
	color: #000
}

.discuss-header .storyComments {
	margin: 0;
	margin-top: 15px
}

.discuss-header .storyComments .statusWrapper {
	clear: both
}

.discuss-header .storyComments .status {
	font-size: 15px;
	margin: 0
}

.discuss-header .storyComments .status .green {
	color: #01a30c
}

.discuss-header .storyComments .status .orange {
	color: #f76d10
}

.discuss-header .storyComments .status .red {
	color: #dc0707
}

.discuss-header .commentBox {
	margin: 0;
	padding: 0
}

.discuss-header .author-info {
	padding-top: 10px
}

.discuss-header .author-info h5 {
	font-size: 15px;
	margin-bottom: 0;
	color: rgba(0, 0, 0, 0.87)
}

.discuss-header .author-info p {
	font-size: 13px;
	margin: 0;
	color: rgba(0, 0, 0, 0.58);
	line-height: 1.2
}

.create-story-form {
	margin: 0 0 50px;
	padding: 0
}

.create-story-form .headingH1 {
	margin: 0;
	padding: 24px 0;
	background: #f9f9f9;
	border-bottom: 1px dashed #7c7c7c;
	color: #000
}

.create-story-form .headingH1.arrow-left-icon {
	position: relative
}

.create-story-form .headingH1.arrow-left-icon::before {
	content: " ";
	width: 12px;
	height: 20px;
	display: inline-block;
	background: url("../img/community/black-back-arrow.html") center no-repeat;
	background-size: contain;
	position: absolute;
	top: 30px;
	left: 30px
}

.create-story-form .qa-option {
	margin-top: 10px;
	padding: 0 20px
}

@media (min-width: 768px) {
	.create-story-form .qa-option {
		padding: 0 80px
	}
	.create-story-form .qa-option .row.imgCapClone .col-sm-6 {
		min-height: 200px
	}
}

.create-story-form .label-heading {
	font-size: 16px;
	font-weight: 500;
	color: #000
}

.create-story-form .checkboxCont {
	text-transform: capitalize
}

.create-story-form .qa-option .group .fileCustome::after {
	content: ' ';
	background: transparent url("../img/community/choose-file-icon.png") center no-repeat;
	width: 144px;
	height: 42px;
	top: 0;
	right: 0
}

.create-story-form .qa-option .group.storyPrivacy label {
	font-size: 16px;
	font-weight: 500;
	color: #000
}

.create-story-form .qa-option .group.storyPrivacy label.checkboxCont {
	font-weight: 400;
	color: rgba(0, 0, 0, 0.78)
}

@media (max-width: 480px) {
	.create-story-form .qa-option .group>label,
	.create-story-form .qa-option .group .fileCustome {
		font-size: 14px
	}
}

.create-story-form .gallerUpload .group {
	margin-top: 20px
}

.create-story-form .gallerUpload h3 {
	font-weight: 500;
	color: #000;
	margin-top: 15px
}

.create-story-form .gallerUpload .info {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.58);
	margin: 0
}

.create-story-form .c-icon,
.create-story-form .t-icon {
	position: absolute;
	background: transparent url("../img/community/calerdar-icon.png") center no-repeat;
	width: 24px;
	height: 23px;
	top: 15px;
	right: 0;
	cursor: pointer
}

.create-story-form .t-icon {
	background: transparent url("../img/community/time-icon.png") center no-repeat
}

.create-story-form .communi-condi .checkboxCont {
	color: rgba(0, 0, 0, 0.78);
	text-transform: inherit;
	font-size: 14px
}

@media (min-width: 815px) {
	.create-story-form .communi-condi .checkboxCont {
		font-size: 16px
	}
}

.create-story-form .communi-condi a.link {
	color: #183883;
	text-decoration: underline;
	outline: 0
}

.create-story-form .communi-condi label.error {
	color: #f12a00 !important;
	left: 0;
	bottom: -24px;
	top: inherit !important;
	font-size: 12px !important
}

.eventCard .card-img-top {
	height: 400px
}

.createEventForm .gallerUpload .group,
#createEventForm .gallerUpload .group {
	margin-top: 20px
}

.createEventForm .gallerUpload h3,
#createEventForm .gallerUpload h3 {
	font-weight: 500;
	color: #000;
	margin-top: 15px
}

.createEventForm .gallerUpload .info,
#createEventForm .gallerUpload .info {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.58);
	margin: 0
}

.create-story-form .group>textarea {
	border: 1px solid #c6c6c6;
	padding: 10px
}

@media (max-width: 815px) {
	#eventList .commuCard .card-img-top {
		height: 340px
	}
}

@media (max-width: 815px) {
	.overviewLD {
		padding-left: 15px;
		padding-right: 15px
	}
	.overviewLD .discussion-cardWrap .cardList {
		padding-left: 15px;
		padding-right: 15px
	}
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../img/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
	background-image: url("../img/ui-icons_444444_256x240.png")
}

.bootstrap-datetimepicker-widget table td {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 !important;
	vertical-align: middle
}

.bootstrap-datetimepicker-widget table td span.glyphicon {
	height: 30px;
	line-height: 30px;
	color: #494949
}

.bootstrap-datetimepicker-widget table td span.glyphicon:hover {
	color: #000000
}

.bootstrap-datetimepicker-widget a.btn {
	background: transparent;
	margin: 0
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
	background: #eee
}

.bootstrap-datetimepicker-widget .separator {
	font-weight: 700
}

.bootstrap-datetimepicker-widget button.btn[data-action] {
	border-radius: 0;
	margin: 0
}

.qa-wrapper {
	color: #000
}

.qa-wrapper h3 {
	margin-bottom: 0
}

.qa-wrapper h4 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 20px
}

.qa-form.loginForm {
	margin: 0 auto;
	max-width: 890px;
	border: 1px solid #aaaaaa;
	margin: 5px auto;
	padding: 0 0px
}

.qa-form.loginForm .loginformCnt {
	margin: 0
}

.qa-form.loginForm .qa-option {
	margin-top: 0
}

.qa-form.loginForm .qa-option .row {
	margin: 0 0 0 0
}

.qa-form.loginForm .modal-content {
	max-width: 330px;
	margin: 0 auto
}

.qa-form.loginForm button.close {
	z-index: 2;
	opacity: 1;
	right: 10px;
	top: 5px;
	position: absolute
}

.qa-form.loginForm.adminForm {
	max-width: 480px
}

.qa-form.loginForm.adminForm .userCnt {
	padding: 50px
}

@media (max-width: 815px) {
	.qa-form.loginForm.adminForm .userCnt h3 {
		display: block
	}
}

.profileCnt .modal-content {
	max-width: 330px;
	margin: 0 auto
}

.profileCnt button.close {
	z-index: 2;
	opacity: 1;
	right: 10px;
	top: 5px;
	position: absolute
}

.signupCnt {
	padding: 50px
}

@media (max-width: 815px) {
	.signupCnt h3 {
		display: none
	}
}

@media (max-width: 816px) {
	.signupCnt {
		border-left: 0 none;
		padding-top: 0
	}
}

@media (max-width: 640px) {
	.signupCnt {
		padding: 0px 20px 20px 20px
	}
}

.userCnt {
	padding: 50px
}

@media (max-width: 815px) {
	.userCnt h3 {
		display: none
	}
}

@media (max-width: 816px) {
	.userCnt {
		padding-bottom: 0
	}
}

@media (max-width: 640px) {
	.userCnt {
		padding: 20px 20px 0px 20px
	}
}

.qa-option {
	margin-top: 20px
}

.qa-option .socialbtnCnt {
	display: inline-block;
	width: 100%;
	margin: 20px 0
}

.qa-option .socialbtnCnt .gglCnt {
	margin: 20px 0
}

.qa-option .socialbtnCnt .gglCnt .btn-google {
	color: white;
	margin: 0 20px !important;
	display: block;
	border: 0 none;
	font-weight: normal;
	background: #ea4335 url("../img/ggllogin-icon.html") center center no-repeat;
	padding-top: 16px;
	padding-bottom: 15px;
	border: 1px solid #ea4335
}

.qa-option .socialbtnCnt .gglCnt .btn-google:hover {
	border: 1px solid #ffffff
}

.qa-option .socialbtnCnt .btn-facebook {
	color: white;
	margin: 0 20px !important;
	display: block;
	border: 0 none;
	font-weight: normal;
	background: #3b5998 url("../img/fblogin-icon.html") center center no-repeat;
	padding-top: 16px;
	padding-bottom: 15px;
	border: 1px solid #3b5998
}

.qa-option .socialbtnCnt .btn-facebook:hover {
	border: 1px solid #ffffff
}

.qa-option .orCnt {
	text-align: center;
	height: 50px;
	vertical-align: middle;
	margin: 0 auto
}

.qa-option .orCnt span.orline {
	display: inline-block;
	vertical-align: middle;
	border-top: 1px solid #dadada;
	min-width: 100px;
	margin: 0 0 0 0
}

@media (max-width: 480px) {
	.qa-option .orCnt span.orline {
		min-width: 50px
	}
}

.qa-option .orCnt span.orcircle {
	border: 1px solid #dadada;
	padding: 15px;
	border-radius: 50%;
	line-height: 13px;
	color: #606370;
	font-size: 12px;
	margin: 0 -4px
}

.qa-option .group {
	margin: 40px 0 20px
}

.qa-option .checkbox .tnc {
	color: #f12c00
}

.qa-option .readreq .bar-line:before,
.qa-option .greyline .bar-line:before {
	background: #c6c6c6
}

.qa-option a.otpoption {
	position: absolute;
	right: 0;
	top: 20px;
	font-size: 14px;
	color: #cccccc;
	text-decoration: underline;
	pointer-events: none;
	cursor: not-allowed
}

.qa-option a.otpoption.hilight {
	color: #f12c00;
	pointer-events: auto;
	cursor: pointer
}

.qa-option a.otpoption.hilight:hover {
	text-decoration: none
}

.qa-option .otpdtl {
	color: #737373
}

.qa-option .otpdtl span.mobnum {
	color: #000000
}

.qa-option .btn {
	margin: 0px 10px 20px
}

.qa-option .btn.loginsubbtn {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	border-radius: 6px
}

.qa-option .btn.grey {
	background-color: #ededed;
	color: #7c7c7c;
	border: 1px solid #ededed;
	margin-left: 0;
	margin-right: 0
}

.qa-option .btn.grey:hover {
	background-color: #ffffff;
	color: #7c7c7c;
	border: 1px solid #7c7c7c
}

@media (max-width: 815px) {
	.qa-option .btn.fullbtn {
		width: 100%;
		margin: 20px 0 0px 0
	}
}

.bikedtlformCnt .nobikefoundCnt {
	display: inline-block;
	width: 100%;
	margin-top: 20px
}

.bikedtlformCnt .nobikefoundCnt p.chasisnumTxt {
	font-size: 17px;
	line-height: 23px;
	color: #606370;
	margin: 0 0 0 0
}

.bikedtlformCnt .nobikefoundCnt p.chasisnumTxt>a {
	text-decoration: underline;
	color: #183883
}

.bikedtlformCnt .nobikefoundCnt .nobikeinnerboxL {
	padding-right: 14%;
	border-right: 1px solid #e1e1e1
}

@media (max-width: 815px) {
	.bikedtlformCnt .nobikefoundCnt .nobikeinnerboxL {
		padding-right: 0;
		padding-bottom: 30px;
		border-right: 0 none;
		border-bottom: 1px solid #e1e1e1
	}
}

.bikedtlformCnt .nobikefoundCnt .nobikeinnerboxL .sampleLink {
	font-size: 12px;
	color: #183883;
	text-decoration: underline;
	float: right;
	margin-top: -15px
}

.bikedtlformCnt .nobikefoundCnt .nobikeinnerboxL .tooltip-inner {
	min-width: 250px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #183883
}

.bikedtlformCnt .nobikefoundCnt .nobikeinnerboxL .tooltip-arrow {
	border-top-color: #183883
}

.bikedtlformCnt .nobikefoundCnt .nobikeinnerboxR {
	padding-left: 7%
}

@media (max-width: 815px) {
	.bikedtlformCnt .nobikefoundCnt .nobikeinnerboxR {
		padding-left: 0;
		padding-top: 30px
	}
}

.bikedtlformCnt .bikedtlCnt {
	margin: 20px 0;
	padding: 0 25px;
	border: 1px solid #fcfcfc;
	-webkit-box-shadow: 2px 5px 5px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px 3px rgba(0, 0, 0, 0.1)
}

@media (max-width: 815px) {
	.bikedtlformCnt .bikedtlCnt {
		padding: 0 15px
	}
}

.bikedtlformCnt .bikedtlCnt .bikedtl {
	padding: 25px 40px
}

@media (max-width: 480px) {
	.bikedtlformCnt .bikedtlCnt .bikedtl {
		padding: 20px 20px
	}
}

.bikedtlformCnt .bikedtlCnt .bikedtl.bdr-right {
	border-right: 1px solid #e5e7ec
}

@media (max-width: 815px) {
	.bikedtlformCnt .bikedtlCnt .bikedtl.bdr-right {
		border-right: 0px none;
		border-bottom: 1px solid #e5e7ec
	}
}

.bikedtlformCnt .bikedtlCnt .bikedtl .bike-pic {
	display: inline-block;
	max-width: 47%;
	margin-right: 2%;
	vertical-align: middle
}

.bikedtlformCnt .bikedtlCnt .bikedtl .bikeNameCnt {
	display: inline-block;
	max-width: 50%;
	vertical-align: middle
}

@media (max-width: 360px) {
	.bikedtlformCnt .bikedtlCnt .bikedtl .bikeNameCnt {
		max-width: 47%
	}
}

.bikedtlformCnt .bikedtlCnt .bikedtl p.bikename {
	font-size: 25px;
	line-height: 30px;
	color: #222535;
	margin: 0 0 0 0
}

.bikedtlformCnt .bikedtlCnt .bikedtl p.biketxt {
	font-size: 15px;
	line-height: 30px;
	color: #222535;
	margin: 0 0 0 0
}

.bikedtlformCnt .bikedtlCnt .bikedtl p.biketxt em {
	min-width: 150px;
	display: inline-block
}

@media (max-width: 400px) {
	.bikedtlformCnt .bikedtlCnt .bikedtl p.biketxt em {
		min-width: inherit;
		margin-right: 10px
	}
}

.bikedtlformCnt .bikedtlCnt .bikedtl p.biketxt span {
	color: #606370
}

.bikedtlformCnt .info {
	position: absolute;
	right: 0;
	top: 14px
}

@media (max-width: 400px) {
	.bikedtlformCnt .group>label {
		font-size: 12px;
		top: 22px
	}
}

.serviceHistoryCnt {
	display: inline-block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0
}

.serviceHistoryCnt .bikesort {
	display: inline-block;
	margin: 20px 0
}

.serviceHistoryCnt .bikesort p.lableTitle {
	font-size: 14px;
	line-height: 20px;
	color: #979797;
	margin: 0 0 5px 0
}

.serviceHistoryCnt .bikesort .select {
	background: transparent;
	box-shadow: none;
	border: 0;
	border-bottom: 1px solid #aaaaaa
}

.serviceHistoryCnt .bikesort .select select {
	font-size: 15px;
	padding-left: 0
}

.serviceHistoryCnt .upcomingCnt {
	display: inline-block;
	width: 100%;
	margin: 20px 0
}

.serviceHistoryCnt .upcomingCnt h3.serviceTitleTop {
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 0
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt {
	background: #ffffff;
	padding: 25px;
	margin: 15px 0px 15px 15px;
	width: 48%;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	border: 1px solid #d9d9d9;
	border-top: 3px solid #0c3688
}

@media (min-width: 815px) {
	.serviceHistoryCnt .upcomingCnt .serviceboxCnt {
		min-height: 255px
	}
}

@media (max-width: 815px) {
	.serviceHistoryCnt .upcomingCnt .serviceboxCnt {
		width: inherit;
		margin: 15px 15px 15px 15px
	}
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt.redline {
	border-top: 3px solid #f12c00
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt h4.serviceTitle {
	font-size: 22px;
	line-height: 28px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
	width: 100%
}

@media (max-width: 815px) {
	.serviceHistoryCnt .upcomingCnt .serviceboxCnt h4.serviceTitle {
		display: flex
	}
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt h4.serviceTitle span {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	margin-left: 8px;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	line-height: 20px;
	color: #000000;
	background: #ffec91
}

@media (max-width: 815px) {
	.serviceHistoryCnt .upcomingCnt .serviceboxCnt h4.serviceTitle span {
		position: relative;
		float: right
	}
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt p.serviceAdd {
	font-size: 17px;
	line-height: 23px;
	color: #606370;
	margin: 0 0 15px 0
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt p.serviceDate {
	font-size: 17px;
	line-height: 23px;
	color: #000000;
	font-weight: bold;
	margin: 0 0 15px 0
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl {
	display: inline-block;
	width: 100%
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.dtlTxt {
	display: inline-block;
	font-size: 17px;
	line-height: 23px;
	color: #727272;
	margin: 0 10% 0px 0;
	vertical-align: middle
}

@media (min-width: 816px) and (max-width: 1024px) {
	.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.dtlTxt {
		margin: 0 2% 0 0
	}
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.dtlTxt span {
	display: block;
	color: #000000
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.feedCnt {
	display: inline-block;
	float: right;
	margin: 0 0 0 0
}

@media (max-width: 480px) {
	.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.feedCnt {
		display: block;
		float: none;
		margin: 20px auto 0;
		text-align: center
	}
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.feedCnt a {
	margin: 0 0 0 0
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.status {
	float: right;
	font-size: 17px;
	line-height: 23px;
	color: #727272;
	margin: 0 0 0 0;
	vertical-align: middle
}

@media (max-width: 480px) {
	.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.status {
		float: none;
		margin: 15px 0 0 0
	}
}

.serviceHistoryCnt .upcomingCnt .serviceboxCnt .serviceDtl p.status span {
	display: inline-block;
	margin-left: 8px;
	padding: 5px 15px;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	background: #ffec91
}

@media (min-width: 815px) {
	.leftboxcnt {
		padding-right: 0
	}
}

@media (min-width: 815px) {
	.rightboxcnt {
		padding-left: 0;
		border-left: 1px solid #aaaaaa
	}
}

@media (max-width: 815px) {
	.rightboxcnt {
		display: none;
		border-left: 0px solid #aaaaaa
	}
}

.newlogintabbtnCnt {
	margin: 0 15px;
	padding: 20px 15px;
	background: #eeeeee;
	border-top: 1px solid #aaaaaa
}

@media (min-width: 815px) {
	.newlogintabbtnCnt {
		display: none
	}
}

@media (max-width: 815px) {
	.newlogintabbtnCnt {
		margin: 0 0 0 0
	}
}

.newlogintabbtnCnt a.newlogintabbtn {
	background: transparent url("../img/accordion-plus-minus.png") right top 10px no-repeat;
	display: inline-block;
	width: 100%;
	height: 46px;
	padding-top: 10px
}

.newlogintabbtnCnt a.newlogintabbtn h3 {
	color: #000000
}

.newlogintabbtnCnt a.newlogintabbtn h4 {
	color: #3a3a3a;
	margin-top: 0
}

.newlogintabbtnCnt.plus {
	border-bottom: 1px solid #aaaaaa
}

.newlogintabbtnCnt.plus a.newlogintabbtn {
	background-position: right top -60px
}

.logintabbtnCnt {
	margin: 0 15px;
	padding: 12px 15px 20px 15px;
	background: #eeeeee;
	border-bottom: 0px solid #aaaaaa
}

@media (min-width: 815px) {
	.logintabbtnCnt {
		display: none
	}
}

@media (max-width: 815px) {
	.logintabbtnCnt {
		margin: 0 0 0 0
	}
}

.logintabbtnCnt a.logintabbtn {
	background: transparent url("../img/accordion-plus-minus.png") right top 10px no-repeat;
	display: inline-block;
	width: 100%;
	height: 46px;
	padding-top: 10px
}

.logintabbtnCnt a.logintabbtn h3 {
	color: #000000
}

.logintabbtnCnt a.logintabbtn h4 {
	color: #3a3a3a;
	margin-top: 0
}

.logintabbtnCnt.plus {
	border-bottom: 1px solid #aaaaaa
}

.logintabbtnCnt.plus a.logintabbtn {
	background-position: right top -60px
}

.loginWelcome {
	max-width: 890px;
	margin: 10px auto 30px auto
}

.loginWelcome h2 {
	color: #3a3a3a;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0
}

@media (max-width: 815px) {
	.loginWelcome h2 {
		font-size: 30px;
		margin-bottom: 10px;
		line-height: 30px
	}
}

@media (max-width: 360px) {
	.loginWelcome h2 {
		font-size: 25px
	}
}

.loginWelcome h3 {
	color: #3a3a3a;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.loginWelcome h3 {
		font-size: 18px;
		line-height: inherit
	}
}

.loginWelcome h3 a {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle
}

.loginWelcome--list {
	background-color: #c1cff1;
	padding: 10px 20px 40px 20px
}

.loginWelcome--list ul {
	overflow: hidden
}

.loginWelcome--list ul li {
	font-size: 16px;
	font-weight: 500;
	position: relative;
	min-height: 54px;
	margin-top: 30px;
	padding-bottom: 0;
	padding-left: 70px;
	line-height: 20px;
	padding-top: 10px
}

.loginWelcome--list ul li::before {
	content: '';
	position: absolute;
	background: url("../img/icons-login.png") no-repeat left top;
	left: 0;
	top: 0;
	height: 54px;
	width: 54px
}

.loginWelcome--list ul li.icon-02::before {
	background-position: 0 -89px
}

.loginWelcome--list ul li.icon-03::before {
	background-position: 0 -178px
}

.loginWelcome--list ul li.icon-04::before {
	background-position: 0 -267px
}

.loginWelcome--list p em {
	font-size: 12px;
	color: #515151;
	font-style: italic;
	margin-bottom: 5px
}

.loginWelcome p.appNote {
	margin-top: -18px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 18px;
	font-style: italic
}

@media (max-width: 815px) {
	.loginWelcome p.appNote {
		font-size: 13px;
		line-height: 16px;
		margin-top: -19px
	}
}

.confMsgs .error {
	color: #f12a00;
	font-size: 12px
}

.qa-form {
	padding: 40px 60px;
	background-color: #fff;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

.qa-form .select {
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #c6c6c6
}

.qa-form .select select {
	padding-left: 0;
	color: #7f7f7f
}

.qa-form.profileCnt {
	padding: 10px;
	background: 0 none;
	-webkit-box-shadow: none;
	box-shadow: none
}

@media (max-width: 815px) {
	.qa-form.profileCnt {
		padding: 0
	}
}

.qa-form.profileCnt>.row {
	margin: 0 0 0 0
}

.qa-form.profileCnt .profilenameCnt {
	border: 1px solid #e1e1e1;
	display: inline-block;
	background-color: #fff;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	width: 100%;
	padding: 25px;
	margin-bottom: 25px
}

@media (max-width: 360px) {
	.qa-form.profileCnt .profilenameCnt {
		padding: 10px;
		margin-top: 20px;
		box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.1)
	}
}

@media (min-width: 360px) and (max-width: 815px) {
	.qa-form.profileCnt .profilenameCnt {
		padding: 18px 15px;
		margin-top: 20px;
		box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.1)
	}
}

.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt {
	width: 100%;
	text-align: center
}

@media (min-width: 480px) {
	.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt {
		display: inline-block;
		text-align: center
	}
}

.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .propicCnt {
	margin-bottom: 15px;
	border: solid 1px #969da8;
	display: inline-block;
	border-radius: 50%;
	height: 120px;
	width: 120px;
	overflow: hidden
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .propicCnt {
		display: inline-block;
		margin-bottom: 0px;
		margin-right: 15px;
		vertical-align: middle
	}
}

@media (max-width: 360px) {
	.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .propicCnt {
		margin-right: 5px
	}
}

.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .propicCnt img {
	clip-path: circle(52px at 59px 59px);
	max-width: inherit;
	min-height: 115px;
	min-width: 115px;
	width: 100%
}

.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .pronametxtCnt {
	display: block
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .pronametxtCnt {
		display: inline-block;
		margin-bottom: 0px;
		vertical-align: middle;
		text-align: left
	}
}

@media (max-width: 360px) {
	.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .pronametxtCnt {
		width: 100%;
		max-width: 130px;
		text-align: center
	}
}

@media (min-width: 360px) and (max-width: 480px) {
	.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .pronametxtCnt {
		text-align: center
	}
}

.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .pronametxtCnt h2.proname {
	font-size: 22px;
	line-height: 28px;
	color: #3a3a3a;
	margin: 0 0 0px 0;
	font-weight: bold
}

@media (max-width: 360px) {
	.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .pronametxtCnt h2.proname {
		font-size: 16px;
		line-height: 22px
	}
}

.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .pronametxtCnt p.proAdd {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 0 0
}

@media (max-width: 360px) {
	.qa-form.profileCnt .profilenameCnt .profileNameinnerCnt .pronametxtCnt p.proAdd {
		font-size: 15px;
		line-height: 20px
	}
}

.qa-form.profileCnt .profileTabCnt {
	border: 1px solid #e1e1e1;
	display: inline-block;
	background-color: #fff;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	width: 100%;
	padding: 0px;
	margin-bottom: 0px
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt {
		margin-bottom: 80px;
		position: relative
	}
}

@media (max-width: 480px) {
	.qa-form.profileCnt .profileTabCnt {
		margin-bottom: 68px
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt {
	display: inline-block;
	width: 100%
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt {
		display: block;
		overflow-x: auto
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul {
		white-space: nowrap
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li {
	display: inline-block;
	float: none;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li {
		width: auto;
		border-top: 0px solid #d9d9d9
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li a {
	display: block;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 23px;
	font-weight: bold;
	color: #3a3a3a;
	border-left: 3px solid transparent;
	border-bottom: 1px solid #d9d9d9;
	padding: 30px 20px 30px 20px
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li a {
		display: inline-block;
		border-left: 0px solid transparent;
		border-bottom: 3px solid transparent;
		padding: 20px 20px 20px 20px
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li a:hover {
	border-left: 3px solid #293b80;
	background: #e7ebf2
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li a:hover {
		border-left: 0px solid #293b80;
		border-bottom: 3px solid #293b80;
		background: 0 none
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul {
	display: inline-block;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	white-space: normal
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul {
		display: none;
		position: absolute;
		left: 0;
		top: 70px
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li {
	display: inline-block;
	width: 100%;
	padding: 20px 20px 20px 28px;
	border: 0 none;
	border-bottom: 1px solid #d9d9d9;
	border-left: 3px solid transparent;
	margin: 0
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li {
		width: auto;
		padding: 20px 10px 0px 10px;
		border: 0 none
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li a {
	text-transform: none;
	border-left: 3px solid transparent;
	display: inline-block;
	border: 0 none !important;
	color: #6d6d6d;
	padding: 0 0 0 0;
	font-weight: normal;
	background-color: transparent
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li a {
		font-size: 15px
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li a:hover {
	color: #293b80;
	font-weight: bold
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li.active {
	border-left: 3px solid #293b80;
	background: #e7ebf2
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li.active {
		border: 0 none;
		background: 0 none
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li.active a {
	color: #293b80;
	font-weight: bold
}

@media (min-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li ul li:hover {
		border-left: 3px solid #293b80;
		background: #e7ebf2
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li.active ul {
	display: block
}

@media (max-width: 480px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li.active ul {
		width: 100%;
		text-align: center
	}
}

@media (min-width: 481px) and (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li.active ul {
		width: calc(100vw - 22%)
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li.active a {
	border-left: 3px solid #293b80;
	background: 0 none
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li.active a {
		border-left: 0px solid #293b80;
		border-bottom: 3px solid #293b80;
		background: 0 none
	}
}

.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li.active a.nosub {
	border-left: 3px solid #293b80;
	background: #e7ebf2
}

@media (max-width: 815px) {
	.qa-form.profileCnt .profileTabCnt .profileTabinnerCnt ul li.active a.nosub {
		border-left: 0px solid transparent;
		background: 0 none
	}
}

.prfileDtlCnt {
	border: 1px solid #e1e1e1;
	display: inline-block;
	background-color: #fff;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	width: 100%;
	padding: 25px;
	padding-bottom: 0
}

@media (max-width: 815px) {
	.prfileDtlCnt {
		padding: 20px 20px 0px 20px
	}
}

.prfileDtlCnt .overviewformCnt {
	margin-top: 0
}

.prfileDtlCnt .overviewformCnt .propicEdit {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: relative
}

.prfileDtlCnt .overviewformCnt .propicEdit img.profile-pic {
	margin: 0 auto;
	display: inline-block;
	border: 1px solid #969da8;
	padding: 8px;
	border-radius: 50%;
	min-height: 116px;
	min-width: 116px
}

.prfileDtlCnt .overviewformCnt .propicEdit .error {
	display: none;
	position: absolute;
	left: 50%;
	bottom: -17px;
	transform: translate(-50%);
	font-size: 12px;
	color: #f12a00
}

.prfileDtlCnt .overviewformCnt input:read-only {
	color: #adadad
}

.prfileDtlCnt .overviewformCnt select:read-only {
	color: #adadad
}

.prfileDtlCnt .overviewformCnt select {
	color: #000000 !important
}

.prfileDtlCnt #editaddressform select:read-only {
	color: #000
}

.prfileDtlCnt .bikeDtl {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	-webkit-box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1)
}

.prfileDtlCnt .bikeDtl h3.bikeTtl {
	font-size: 18px;
	line-height: 24px;
	color: #293b80;
	padding: 0 0 0 44px;
	background: url("../img/mybike-icon.png") 0 center no-repeat
}

.prfileDtlCnt .bikeDtl p.bikeTxt {
	font-size: 14px;
	line-height: 20px;
	color: #6d6d6d;
	margin: 15px 0 0 0
}

.prfileDtlCnt .bikeDtl p.bikeTxt span {
	font-weight: bold;
	color: #000000
}

@media (min-width: 815px) and (max-width: 1024px) {
	.prfileDtlCnt .bikeDtl p.bikeTxt span {
		display: block
	}
}

@media (max-width: 360px) {
	.prfileDtlCnt .bikeDtl p.bikeTxt span {
		display: block
	}
}

.prfileDtlCnt .bikeDtl .topspace {
	margin-top: 23px
}

@media (max-width: 815px) {
	.prfileDtlCnt .bikeDtl .topspace {
		margin-top: 0
	}
}

.prfileDtlCnt .addressCnt {
	display: inline-block;
	width: 100%
}

.prfileDtlCnt .addressCnt .addressbox {
	padding: 20px;
	margin: 0px 2% 20px 2%;
	width: 46%;
	border: 1px solid #f7f7f7;
	background-color: #fff;
	-webkit-box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1)
}

.prfileDtlCnt .addressCnt .addressbox.officebox {
	margin: 0px 2% 20px 0
}

@media (max-width: 815px) {
	.prfileDtlCnt .addressCnt .addressbox.officebox {
		width: 88%;
		margin: 0 6% 20px 6%;
		float: none;
		display: inline-block
	}
}

@media (max-width: 815px) {
	.prfileDtlCnt .addressCnt .addressbox {
		width: 88%;
		margin: 0 6% 20px 6%;
		float: none;
		display: inline-block
	}
}

.prfileDtlCnt .addressCnt .addressbox .addHome {
	display: inline-block;
	width: 100%
}

.prfileDtlCnt .addressCnt .addressbox .addHome img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: text-bottom
}

.prfileDtlCnt .addressCnt .addressbox .addHome a.addBtn {
	float: right;
	margin: 0 0 0 0
}

.prfileDtlCnt .addressCnt .addressbox .addHome a.addBtn.box {
	font-size: 12px;
	line-height: 18px;
	padding: 5px 15px;
	background: #c5c5c5;
	color: #ffffff
}

.prfileDtlCnt .addressCnt .addressbox .addHome a.addBtn.box:hover,
.prfileDtlCnt .addressCnt .addressbox .addHome a.addBtn.box.active {
	background: #293b80
}

.prfileDtlCnt .addressCnt .addressbox p.addName {
	font-size: 16px;
	line-height: 22px;
	color: #404040;
	margin: 10px 0px
}

.prfileDtlCnt .addressCnt .addressbox p.addTxt {
	font-size: 15px;
	line-height: 22px;
	color: #6d6d6d;
	margin: 0px 30px 0 0;
	display: inline-block;
	max-width: 78%
}

@media (min-width: 320px) and (max-width: 374px) {
	.prfileDtlCnt .addressCnt .addressbox p.addTxt {
		margin: 0px 5px 0 0;
		max-width: 98%;
		word-break: break-all
	}
}

.prfileDtlCnt .addressCnt .addressbox p.addNum {
	font-size: 16px;
	line-height: 22px;
	color: #404040;
	margin: 10px 0px
}

.prfileDtlCnt .addressCnt .addressbox a.addBtn {
	display: inline-block;
	color: #9e9e9e;
	margin: 0 15px 0 0;
	font-size: 16px;
	line-height: 22px
}

.prfileDtlCnt .addressCnt .addressbox a.addBtn:hover,
.prfileDtlCnt .addressCnt .addressbox a.addBtn.active {
	color: #293b80
}

.prfileDtlCnt .addressCnt .btn.btn-transparent.darkText {
	border-color: #183883;
	border-radius: 6px
}

.prfileDtlCnt .serviceDtl,
.prfileDtlCnt .warrantyDtl,
.prfileDtlCnt .upgradeDtl {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	-webkit-box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1)
}

.prfileDtlCnt .serviceDtl p.bikeTxt,
.prfileDtlCnt .warrantyDtl p.bikeTxt,
.prfileDtlCnt .upgradeDtl p.bikeTxt {
	font-size: 14px;
	line-height: 20px;
	color: #6d6d6d;
	margin: 10px 30px 0 0;
	display: inline-block
}

.prfileDtlCnt .serviceDtl p.bikeTxt span,
.prfileDtlCnt .warrantyDtl p.bikeTxt span,
.prfileDtlCnt .upgradeDtl p.bikeTxt span {
	margin: 0 0 0 0;
	display: block;
	font-weight: bold;
	color: #000000
}

.prfileDtlCnt .serviceDtl p.bikeTxt span.smlTxt,
.prfileDtlCnt .warrantyDtl p.bikeTxt span.smlTxt,
.prfileDtlCnt .upgradeDtl p.bikeTxt span.smlTxt {
	font-weight: normal;
	color: #6d6d6d;
	font-size: 12px;
	line-height: 14px
}

.prfileDtlCnt .serviceDtl .topspace,
.prfileDtlCnt .warrantyDtl .topspace,
.prfileDtlCnt .upgradeDtl .topspace {
	margin-top: 36px
}

@media (max-width: 815px) {
	.prfileDtlCnt .serviceDtl .topspace,
	.prfileDtlCnt .warrantyDtl .topspace,
	.prfileDtlCnt .upgradeDtl .topspace {
		margin-top: 0
	}
}

.prfileDtlCnt .serviceDtl .righttxt,
.prfileDtlCnt .warrantyDtl .righttxt,
.prfileDtlCnt .upgradeDtl .righttxt {
	text-align: right
}

@media (max-width: 815px) {
	.prfileDtlCnt .serviceDtl .righttxt,
	.prfileDtlCnt .warrantyDtl .righttxt,
	.prfileDtlCnt .upgradeDtl .righttxt {
		margin-top: 10px;
		text-align: center
	}
}

.prfileDtlCnt .serviceDtl a.downloadbtn,
.prfileDtlCnt .warrantyDtl a.downloadbtn,
.prfileDtlCnt .upgradeDtl a.downloadbtn {
	font-size: 14px;
	line-height: 20px;
	color: #293b80;
	padding: 5px 0 5px 25px;
	background: url("../img/download-icon.png") 0 center no-repeat
}

@media (max-width: 815px) {
	.prfileDtlCnt .serviceDtl a.downloadbtn,
	.prfileDtlCnt .warrantyDtl a.downloadbtn,
	.prfileDtlCnt .upgradeDtl a.downloadbtn {
		margin-top: 10px
	}
}

.prfileDtlCnt .serviceDtl h3.bikeTtl {
	font-size: 18px;
	line-height: 24px;
	color: #293b80;
	padding: 0 0 0 44px;
	background: url("../img/mybike-service-icon.png") 0 center no-repeat
}

.prfileDtlCnt .serviceDtl .btn.blue,
.prfileDtlCnt .serviceDtl .btn.blueBorder {
	padding: 10px 10px
}

.prfileDtlCnt .warrantyDtl h3.bikeTtl {
	font-size: 18px;
	line-height: 24px;
	color: #293b80;
	padding: 0 0 0 44px;
	background: url("../img/mybike-warranty-icon.png") 0 center no-repeat
}

.prfileDtlCnt .upgradeDtl h3.bikeTtl {
	font-size: 18px;
	line-height: 24px;
	color: #293b80;
	padding: 0 0 0 44px;
	background: url("../img/mybike-upgrade-icon.png") 0 center no-repeat
}

.prfileDtlCnt .myorderCnt {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px
}

.prfileDtlCnt .myorderCnt h3.orderTitle {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px
}

.prfileDtlCnt .myorderCnt .orderDtlCnt {
	padding: 0px 0 20px 0;
	margin: 0px 0 20px 0;
	border: 1px solid #d9d9d9
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl {
	display: inline-block;
	background: #f4f4f4;
	width: 100%;
	padding: 20px
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl.row {
	margin: 0 0 0 0
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl .col-sm-6 {
	padding: 0 0 0 0
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl h3.orderTtl {
	font-size: 18px;
	line-height: 24px;
	color: #6d6d6d
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl h3.orderTtl span {
	font-weight: bold;
	color: #000000
}

@media (min-width: 815px) and (max-width: 1024px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl h3.orderTtl span {
		display: block
	}
}

@media (max-width: 360px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl h3.orderTtl span {
		display: block
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl p.orderTxt {
	font-size: 14px;
	line-height: 20px;
	color: #6d6d6d;
	margin: 0 0 15px 0
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl p.orderTxt span {
	font-weight: bold;
	color: #000000
}

@media (min-width: 815px) and (max-width: 1024px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl p.orderTxt span {
		display: block
	}
}

@media (max-width: 360px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl p.orderTxt span {
		display: block
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl .topspace {
	margin-top: 23px
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl .topspace {
		margin-top: 0
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl .righttxt {
	text-align: right
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .orderDtl .righttxt {
		margin-top: 10px;
		text-align: center
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt {
	display: inline-block;
	width: 100%;
	background: #ffffff;
	padding: 20px 20px 0 20px
}

@media (min-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt.padRight0 {
		padding-right: 0
	}
}

@media (min-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt.padLeft0 {
		padding-left: 0;
		position: relative
	}
	.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt.padLeft0::before {
		content: "";
		position: absolute;
		left: -10px;
		top: 20px;
		height: 95px;
		width: 1px;
		background-color: #ccc
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt img {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt .prodTxtCnt {
	display: inline-block;
	vertical-align: top
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt .prodTxtCnt p.prodTtl {
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	margin: 0 0 0 0
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt .prodTxtCnt p.prodTxt {
	font-size: 14px;
	line-height: 20px;
	color: #6d6d6d;
	margin: 3px 0 0 0
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .productDtlCnt .prodTxtCnt p.prodTxt span {
	font-weight: bold;
	color: #000000
}

.prfileDtlCnt .myorderCnt .orderstatusCnt {
	padding: 20px 20px 0 20px;
	margin: 0 0 0 0
}

@media (max-width: 359px) {
	.prfileDtlCnt .myorderCnt .orderstatusCnt {
		padding: 20px 10px
	}
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts {
	display: inline-block;
	width: 100%;
	text-align: center
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed {
	display: inline-block;
	width: 10%;
	vertical-align: top;
	z-index: 2;
	position: relative
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed {
		width: 100%
	}
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed::before {
	content: " ";
	width: 100%;
	height: 40px;
	display: inline-block
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed p.o-txt {
	font-size: 14px;
	line-height: 20px
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed p.o-txt {
		display: inline-table;
		vertical-align: top;
		margin-left: 10px;
		margin-top: 0px;
		width: 120px;
		text-align: left
	}
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed p.o-txt span.o-date {
	display: inline;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #7f7f7f
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.wait::before {
	background: transparent url("../img/order-placed-icon-w.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.prog::before {
	background: transparent url("../img/order-placed-icon-p.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.done::before {
	background: transparent url("../img/order-placed-icon-d.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.done p.o-txt {
	font-size: 14px;
	line-height: 20px
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.done p.o-txt {
		display: inline-table;
		vertical-align: top;
		margin-left: 10px;
		margin-top: 0px;
		width: 120px;
		text-align: left
	}
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.done p.o-txt span.o-date {
	display: inline;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.accepted.wait::before {
	background: transparent url("../img/order-placed-icon-w.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.accepted.prog::before {
	background: transparent url("../img/order-placed-icon-p.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.accepted.done::before {
	background: transparent url("../img/order-placed-icon-d.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.shipped.wait::before {
	background: transparent url("../img/order-placed-icon-w.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.shipped.prog::before {
	background: transparent url("../img/order-placed-icon-p.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.shipped.done::before {
	background: transparent url("../img/order-placed-icon-d.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.delivery.wait::before {
	background: transparent url("../img/order-placed-icon-w.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.delivery.prog::before {
	background: transparent url("../img/order-placed-icon-p.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts .o-placed.delivery.done::before {
	background: transparent url("../img/order-placed-icon-d.png") center center no-repeat;
	background-size: 100%;
	max-width: 40px
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts hr {
	display: inline-block;
	vertical-align: top;
	height: 0px;
	border-top: 2px dashed #3fad51;
	width: 11%;
	margin-top: 19px;
	margin-left: -5%;
	margin-right: -5%
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts hr {
		border-top: none;
		border-left: 2px dashed #3fad51;
		width: 134px;
		height: 50px;
		margin: -10px 0 0 0px
	}
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderStts hr.green-orange {
	height: 2px;
	background-image: linear-gradient(90deg, transparent, transparent 16px, #fff 2px, #fff 100%), linear-gradient(90deg, #3fad51, #ef7511);
	background-size: 20px 3px, 100% 3px;
	border: none
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderQuery {
	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
	text-align: center
}

.prfileDtlCnt .myorderCnt .orderstatusCnt .orderQuery p.queryTxt {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	display: block;
	margin: 10px 10px 0 10px;
	padding: 0 0 0 0
}

@media (max-width: 480px) {
	.prfileDtlCnt .myorderCnt .orderstatusCnt .orderQuery p.queryTxt {
		font-size: 14px;
		line-height: 20px
	}
}

.prfileDtlCnt .eventCnt {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px
}

.prfileDtlCnt .eventCnt h3.eventTitle {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px
}

.prfileDtlCnt .eventCnt p.eventTxt {
	font-size: 14px;
	line-height: 20px;
	color: #6d6d6d;
	margin: 15px 0 0 0
}

.prfileDtlCnt .eventCnt p.eventTxt span {
	font-weight: bold;
	color: #000000
}

@media (min-width: 815px) and (max-width: 1024px) {
	.prfileDtlCnt .eventCnt p.eventTxt span {
		display: block
	}
}

@media (max-width: 360px) {
	.prfileDtlCnt .eventCnt p.eventTxt span {
		display: block
	}
}

.prfileDtlCnt .eventCnt .eventDtlCnt {
	background: #f4f4f4
}

.prfileDtlCnt .eventCnt .eventDtlCnt .eventimgCnt {
	display: inline-block;
	max-width: 42%;
	margin: 0 0 0 0;
	vertical-align: top;
	position: relative
}

@media (max-width: 640px) {
	.prfileDtlCnt .eventCnt .eventDtlCnt .eventimgCnt {
		max-width: 100%
	}
}

.prfileDtlCnt .eventCnt .eventDtlCnt .eventimgCnt span.eventprice {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px 12px;
	color: #ffffff;
	background-color: #183883
}

.prfileDtlCnt .eventCnt .eventDtlCnt .eventDtl {
	display: inline-block;
	max-width: 57%;
	padding: 2%;
	vertical-align: top
}

@media (max-width: 640px) {
	.prfileDtlCnt .eventCnt .eventDtlCnt .eventDtl {
		max-width: 100%;
		padding: 4%
	}
}

.prfileDtlCnt .eventCnt .eventDtlCnt .eventDtl .lefttxt {
	text-align: left
}

@media (max-width: 640px) {
	.prfileDtlCnt .eventCnt .eventDtlCnt .eventDtl .lefttxt {
		text-align: center
	}
}

@media (max-width: 414px) {
	.prfileDtlCnt .eventCnt .eventDtlCnt .eventDtl .btn {
		width: 100%;
		margin-top: 20px
	}
}

.prfileDtlCnt .mydiscuCnt {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #f7f7f7;
	background-color: #fff;
	-webkit-box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1)
}

.prfileDtlCnt .mydiscuCnt h3.discTitle {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	margin-bottom: 10px
}

.prfileDtlCnt .mydiscuCnt .discussion-cardWrap.discDtlCnt {
	padding: 0 0 0 0
}

.prfileDtlCnt .mydiscuCnt .btn+.btn {
	margin-left: 15px
}

@media (max-width: 414px) {
	.prfileDtlCnt .mydiscuCnt .btn {
		padding: 15px 10px !important;
		font-size: 12px;
		width: 100%
	}
	.prfileDtlCnt .mydiscuCnt .like-count .likes {
		top: 16px
	}
}

.prfileDtlCnt .rideStoryCnt {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #f7f7f7;
	background-color: #fff;
	-webkit-box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, 0.1)
}

.prfileDtlCnt .rideStoryCnt h3.discTitle {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	margin-bottom: 10px
}

@media (max-width: 414px) {
	.prfileDtlCnt .rideStoryCnt .btn {
		padding: 15px 10px !important;
		font-size: 12px;
		width: 100%
	}
}

.prfileDtlCnt .rideStoryCnt.noEffect {
	padding: 0;
	border: 0 none;
	box-shadow: none;
	background-color: transparent
}

@media (max-width: 815px) {
	.prfileDtlCnt .rideStoryCnt.noEffect .commuCard {
		max-width: 350px;
		margin: 0 auto 30px auto
	}
	.prfileDtlCnt .rideStoryCnt.noEffect .commuCard img.card-img-top {
		width: 100%
	}
}

.prfileDtlCnt .rideStoryCnt.noEffect .likeCnt {
	margin-left: 0;
	margin-right: 0;
	padding: 0 0 10px 0
}

.prfileDtlCnt .rideStoryCnt.noEffect .likeCnt .col-xs-7 {
	padding-right: 0
}

.prfileDtlCnt .rideStoryCnt.noEffect .likeCnt .col-xs-5 {
	padding-left: 0;
	padding-top: 10px
}

.prfileDtlCnt .rideStoryCnt.noEffect .likeCnt .col-xs-5.disNone {
	display: none
}

.prfileDtlCnt .rideStoryCnt.noEffect .likeCnt p.postDate {
	font-family: "sf_pro_displaybold";
	font-size: 14px;
	line-height: 20px;
	color: #212121;
	margin: 12px 0 2px 0
}

.prfileDtlCnt .rideStoryCnt.noEffect .likeCnt p.postDate span {
	font-family: "sf_pro_displayregular";
	color: #6b6b6b
}

@media (max-width: 400px) {
	.prfileDtlCnt .rideStoryCnt.noEffect .likeCnt p.postDate span {
		display: block
	}
}

.prfileDtlCnt .profileEventCnt {
	padding: 0;
	border: 0 none;
	box-shadow: none;
	background-color: transparent
}

.prfileDtlCnt .profileEventCnt .eventTabs {
	overflow-x: auto;
	width: 100%
}

.prfileDtlCnt .profileEventCnt .eventTabs .nav-tabs {
	margin-bottom: 20px;
	border: 0 none
}

.prfileDtlCnt .profileEventCnt .eventTabs .nav-tabs li {
	float: none;
	position: relative;
	margin: 10px 8px;
	display: inline-block
}

.prfileDtlCnt .profileEventCnt .eventTabs .nav-tabs li a {
	background: transparent;
	margin-bottom: 3px;
	margin-right: 0;
	border-radius: 0;
	text-transform: uppercase;
	position: relative;
	line-height: 35px;
	border: 0 none;
	transition: all 0.4s;
	display: block;
	text-align: center;
	border-bottom: solid 2px transparent;
	font-weight: 500
}

.prfileDtlCnt .profileEventCnt .eventTabs .nav-tabs li.active a {
	transition: all 0.4s;
	color: #f12a00;
	border-bottom: solid 2px #f12a00;
	background: #ffffff
}

.prfileDtlCnt .profileEventCnt .eventboxCnt {
	padding: 30px 5px 0 5px;
	margin-left: 0;
	margin-right: 0;
	background: #fff
}

@media (max-width: 815px) {
	.prfileDtlCnt .profileEventCnt .eventboxCnt {
		padding: 30px 0px 0 0px
	}
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList {
	display: block
}

@media (max-width: 815px) {
	.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard img.card-img-top {
		width: 100%
	}
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body {
	width: 100%
}

@media (min-width: 815px) and (max-width: 1024px) {
	.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body {
		position: relative
	}
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .itemCont {
	text-align: right
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .itemCont p.eventPlace {
	text-align: left
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .itemCont p.eventCost,
.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .itemCont p.eventOrg {
	float: none;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 0
}

@media (max-width: 480px) {
	.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .itemCont p.eventCost,
	.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .itemCont p.eventOrg {
		font-size: 12px
	}
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .statusDtlCnt {
	padding: 15px 20px 15px 20px;
	border-top: 1px dashed #8f8d8c
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .statusDtlCnt p.status {
	font-family: "sf_pro_displayregular";
	color: #a19f9e;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0 0px 0
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .statusDtlCnt p.status.approval span {
	color: #f76d10
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .statusDtlCnt p.status.approved span {
	color: #01a30c
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .statusDtlCnt p.status.rejected span {
	color: #dc0707
}

.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .statusDtlCnt p.status span {
	font-family: "sf_pro_displaybold";
	color: #fff
}

@media (max-width: 400px) {
	.prfileDtlCnt .profileEventCnt .eventboxCnt .cardList .eventCard .card-body .statusDtlCnt p.status span {
		display: block
	}
}

.prfileDtlCnt .cart-summary {
	padding: 10px 15px
}

.prfileDtlCnt .cart-summary .cart-item {
	background: #fff
}

@media (min-width: 768px) and (max-width: 990px) {
	.prfileDtlCnt .cart-summary .cart-item>.row .col-xs-5 {
		width: 25%
	}
	.prfileDtlCnt .cart-summary .cart-item>.row .col-xs-7 {
		width: 75%
	}
}

.prfileDtlCnt .cart-summary .cart-item h4 {
	margin-top: 0
}

.prfileDtlCnt .cart-summary .cart-photo {
	border: 1px solid #d6d6d6;
	width: 100%
}

.prfileDtlCnt .cart-summary .sq-box {
	color: #000;
	margin-left: 15px
}

.prfileDtlCnt .cart-summary .sq-box b {
	font-weight: 600 !important
}

.prfileDtlCnt .order-footer {
	background-color: #f5f5f5;
	text-align: center;
	padding: 20px 10px
}

@media (min-width: 815px) {
	.prfileDtlCnt .order-footer {
		text-align: right;
		padding: 20px
	}
}

.prfileDtlCnt .order-footer p {
	font-size: 14px;
	color: #9c9c9c;
	margin: 10px 0 0
}

@media (min-width: 815px) {
	.prfileDtlCnt .order-footer p {
		margin: 0
	}
}

.prfileDtlCnt .order-footer .btn:last-child {
	margin-left: 10px !important
}

.prfileDtlCnt .order-footer .btn.blue {
	padding: 10px 14px;
	margin: 0;
	border-radius: 5px;
	font-weight: 400
}

.prfileDtlCnt .order-footer .btn.btn-transparent.greyBtn {
	position: relative;
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 14px;
	color: #000;
	padding: 10px 14px;
	margin: 0;
	top: 0;
	right: 0
}

.prfileDtlCnt .order-footer .btn.btn-transparent.greyBtn:hover,
.prfileDtlCnt .order-footer .btn.btn-transparent.greyBtn:focus {
	background-color: #fff
}

.prfileDtlCnt .headingH1 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 18px !important;
	padding: 0
}

.prfileDtlCnt .your-feed .posted,
.prfileDtlCnt .your-feed .status {
	font-size: 14px;
	color: #6b6b6b;
	margin: 0
}

.prfileDtlCnt .your-feed .posted span,
.prfileDtlCnt .your-feed .status span {
	font-weight: 600;
	color: #000000
}

.prfileDtlCnt .your-feed .posted {
	margin-bottom: 5px;
	padding: 0 20px
}

.prfileDtlCnt .your-feed .status.approval span {
	color: #f76d10
}

.prfileDtlCnt .your-feed .status.approved span {
	color: #01a30c
}

.prfileDtlCnt .your-feed .status.rejected span {
	color: #dc0707
}

.prfileDtlCnt .your-feed .loadingimg {
	margin: 0 auto
}

.prfileDtlCnt h3.discTitle {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 10px
}

.prfileDtlCnt.greybg {
	background: #f4f4f4;
	padding: 25px 0 0 0
}

.prfileDtlCnt.greybg .tab-content .load-more {
	padding: 20px 0;
	background: #ffffff
}

.prfileDtlCnt.greybg .tab-content .load-more img.loadingimg {
	margin: 0 auto
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt {
	padding: 20px 0 0;
	background: #fff
}

@media (min-width: 815px) {
	.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt {
		padding: 20px 20px 0 20px
	}
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt h3 {
	margin-bottom: 8px;
	margin-left: 15px
}

@media (min-width: 815px) {
	.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt h3 {
		margin-left: 5px
	}
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-next {
	height: 48px !important;
	background-color: transparent !important;
	top: -20px;
	right: 15px;
	border: 0 none
}

@media (min-width: 815px) {
	.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-next {
		right: 0
	}
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-next:before {
	height: 21px;
	background: transparent url("../img/event-right-arrow-b.png") center center no-repeat !important
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-next:focus,
.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-next:hover {
	background-color: #959595 !important;
	border: 0 none
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-next:focus:before,
.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-next:hover:before {
	height: 21px;
	background: transparent url("../img/event-right-arrow-w.png") center center no-repeat !important
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-prev {
	height: 48px !important;
	background: transparent !important;
	top: -20px;
	border: 0 none;
	right: 70px;
	left: inherit
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-prev:before {
	height: 21px;
	background: transparent url(../img/event-left-arrow-b.png) center center no-repeat !important
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-prev:focus,
.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-prev:hover {
	background-color: #959595 !important;
	border: 0 none
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-prev:focus:before,
.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .slick-prev:hover:before {
	height: 21px;
	background: transparent url(../img/event-left-arrow-w.png) center center no-repeat !important
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .eventSlider-item {
	margin: 0 0 0 0
}

.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .eventSlider-item .eventboxCnt .cardList {
	padding: 0
}

@media (max-width: 815px) {
	.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .pastevent-slider .eventSlider-item .eventboxCnt .cardList {
		padding: 0 3px
	}
}

@media (min-width: 815px) {
	.prfileDtlCnt.greybg .tab-content .pastevent-sliderCnt .slick-track {
		margin-left: 0
	}
}

.upload-button {
	padding: 0px;
	margin: -4px 0 0 0;
	border: 0 none;
	border-radius: 50%;
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% - 50px);
	float: none;
	display: inline-block;
	max-width: 100px;
	max-height: 100px;
	background: transparent url(../img/profile-edit-icon.png) center no-repeat;
	background-color: rgba(0, 0, 0, 0.6);
	min-height: 100px;
	min-width: 100px;
	cursor: pointer
}

.profile-pic {
	max-width: 116px;
	max-height: 116px;
	display: block
}

.file-upload {
	display: none !important
}

.formServiceBike label.error {
	display: block;
	color: #f12a00 !important;
	top: inherit !important;
	font-size: 12px !important
}

.bookingDetailForm .address em {
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	margin-bottom: 7px;
	display: inline-block
}

.formServiceBike#serviceForm label {
	width: 120px
}

.formServiceBike#serviceForm label.error {
	width: 100%
}

@media (min-width: 815px) {
	.formServiceBike#serviceForm label.error {
		margin-left: 125px
	}
}

.formServiceBike#serviceForm input,
.formServiceBike#serviceForm select {
	border: solid 1px #c6c6c6;
	height: 40px;
	width: 100%
}

@media (min-width: 815px) {
	.formServiceBike#serviceForm input,
	.formServiceBike#serviceForm select {
		width: 300px
	}
}

.formServiceBike#serviceForm select {
	background: url(../img/down-arrow.png) no-repeat;
	background-position: 97% 50%
}

.formServiceBike#serviceForm .ui-selectmenu-button.ui-button {
	width: 100% !important;
	background: transparent;
	border: 0 none;
	padding: 10px 0 9px 10px;
	border: solid 1px #c6c6c6;
	border-radius: 0
}

@media (min-width: 815px) {
	.formServiceBike#serviceForm .ui-selectmenu-button.ui-button {
		width: 300px !important
	}
}

.serviceDtl .separater {
	width: 100%;
	clear: both;
	border-top: 2px solid #e1e1e1;
	margin-top: 15px;
	display: inline-block;
	padding-top: 15px
}

.myBook .status {
	color: #6d6d6d;
	text-align: center;
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	width: 160px
}

@media (max-width: 815px) {
	.myBook .status {
		text-align: left;
		width: 100%
	}
}

.myBook .status em {
	color: #183883;
	text-transform: uppercase;
	font-weight: 700
}

@media (min-width: 815px) {
	.myBook .status em {
		display: block
	}
}

@media (max-width: 815px) {
	.myBook .status em {
		padding-left: 6px
	}
}

.myBook .orderDtl {
	padding-bottom: 10px !important
}

.prfileDtlCnt .myorderCnt .orderDtlCnt {
	padding: 0
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook {
	padding-bottom: 7px
}

@media (min-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook {
		padding-bottom: 0
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook .productDtlCnt {
	padding-bottom: 10px
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook .productDtlCnt.padRight0 img {
	width: 82px;
	border: solid 1px #ded8d8
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook .productDtlCnt img {
	float: left
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook .productDtlCnt img {
		display: none
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook .productDtlCnt .prodTxtCnt {
	float: left;
	width: 234px
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook p.orderTxt {
	margin-bottom: 5px
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook h3.orderTxt {
	margin-bottom: 10px;
	font-size: 17px
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook .topspace {
	margin-top: 10px
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook .topspace {
		text-align: left
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt.myBook .hideBtmSpace {
	margin-bottom: -7px
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .order-text {
	font-size: 16px;
	color: #000000;
	display: flex;
	margin: 0
}

@media (max-width: 815px) {
	.prfileDtlCnt .myorderCnt .orderDtlCnt .order-text {
		margin-bottom: 10px
	}
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .order-text>span {
	color: #383532;
	width: 90px;
	padding-right: 10px
}

.prfileDtlCnt .myorderCnt .orderDtlCnt .order-text b {
	font-weight: 500 !important
}

.processing .orderDtl {
	background: #fff2e5 !important
}

.processing .order-text.status b {
	color: #ff8003
}

.delivered .orderDtl {
	background: #e9f8e6 !important
}

.delivered .order-text.status b {
	color: #23b606
}

.mydiscuCnt .commuCard {
	box-shadow: none
}

.mydiscuCnt .commuCard .card-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	color: #183883;
	padding: 0
}

.mydiscuCnt .commuCard .itemCont {
	padding: 0
}

.mydiscuCnt .commuCard .itemCont p {
	font-size: 16px;
	line-height: 1.6
}

.mydiscuCnt .commuCard .cardDeta {
	border-top: solid 1px #e5e5e5
}

.mydiscuCnt .commuCard .userLikes {
	text-align: left
}

.mydiscuCnt .commuCard .userLikes>a:first-child {
	margin-left: 0;
	margin-right: 20px
}

@media (min-width: 815px) {
	.mydiscuCnt .commuCard .userLikes>a:first-child {
		margin-right: 50px
	}
}

.mydiscuCnt .commuCard .date-stamp {
	display: flex
}

.mydiscuCnt .commuCard .date-stamp>li {
	font-size: 14px;
	color: #585858;
	line-height: 2.2
}

.mydiscuCnt .commuCard .date-stamp>li:first-child {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 16px;
	background-color: #e5e5e5;
	color: #3a3a3a;
	text-align: center;
	line-height: 1.9;
	margin-right: 10px
}

.usul {
	margin: 30px 0 20px
}

.usul .user-lc {
	margin-top: 20px
}

@media (min-width: 815px) {
	.usul .user-lc {
		text-align: right;
		margin-top: 0
	}
}

.usul .user-lc>a {
	font-size: 14px;
	color: #585858;
	line-height: 2.2
}

.usul .user-lc>a:last-child {
	margin-left: 10px
}

.usul .user-lc>a b {
	font-weight: 600 !important
}

.rideStoryCnt .commuCard .card-title {
	font-size: 20px;
	line-height: 20px;
	padding: 0 15px;
	margin-bottom: 5px
}

@media (max-width: 480px) {
	.rideStoryCnt .commuCard .card-title {
		font-size: 16px;
		line-height: 22px
	}
}

.rideStoryCnt .commuCard .item-detail p {
	margin: 0
}

.eventsHeader {
	margin: 0 20px
}

.myOrderWrapper {
	margin-bottom: 30px
}

.prfileDtlCnt .mp-address .addressbox {
	width: 100%;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 55px;
	background: #fafafa;
	box-shadow: none;
	position: relative
}

@media (min-width: 815px) {
	.prfileDtlCnt .mp-address .addressbox {
		margin-bottom: 20px;
		box-shadow: 1.812px 6.761px 32px 0px rgba(0, 0, 0, 0.04);
		background: #ffffff
	}
}

.prfileDtlCnt .mp-address .addressbox .addHome {
	position: relative;
	color: #183883;
	padding-left: 35px;
	font-size: 14px
}

.prfileDtlCnt .mp-address .addressbox .addHome::before {
	content: " ";
	background: url("../img/profile-home-ico.png") center no-repeat;
	width: 24px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0
}

.prfileDtlCnt .mp-address .addressbox .addHome.addOff::before {
	background: url("../img/profile-office-ico.png") center no-repeat
}

.prfileDtlCnt .mp-address .addressbox p.addName {
	color: #000;
	text-transform: capitalize;
	margin: 0
}

.prfileDtlCnt .mp-address .addressbox p.addTxt {
	max-width: 100%;
	margin: 0;
	color: rgba(77, 77, 77, 0.87)
}

.prfileDtlCnt .mp-address .addressbox p.addNum {
	margin: 10px 0 15px;
	color: rgba(0, 0, 0, 0.87)
}

.prfileDtlCnt .mp-address .addressbox .address-cta {
	border-top: 1px dashed #757575;
	padding: 15px 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

@media (min-width: 815px) {
	.prfileDtlCnt .mp-address .addressbox .address-cta {
		border-top: 1px dashed #e7e7e7
	}
}

.prfileDtlCnt .mp-address .addressbox .address-cta .addBtn {
	position: relative;
	color: #183883;
	padding-left: 25px;
	font-size: 16px
}

.prfileDtlCnt .mp-address .addressbox .address-cta .addBtn:not(:last-of-type) {
	margin-right: 40px
}

.prfileDtlCnt .mp-address .addressbox .address-cta .addBtn::before {
	content: " ";
	background: url("../img/edit-icon.png") center no-repeat;
	width: 15px;
	height: 17px;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0
}

.prfileDtlCnt .mp-address .addressbox .address-cta .addBtn.delete::before {
	background: url("../img/delete-icon.png") center no-repeat
}

.prfileDtlCnt .mp-address .darkText {
	font-size: 17px;
	font-weight: 400;
	margin: 19px 0 30px
}

@media (max-width: 815px) {
	.prfileDtlCnt .mp-address .darkText {
		width: 90%;
		max-width: 282px;
		padding: 10px 15px;
		margin: 15px 0 12px
	}
}

.prfileDtlCnt .mp-address .checkboxCont.checkToRadio .checkmark:after {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.prfileDtlCnt .mp-address .checkboxCont.checkToRadio {
	margin: 15px 0 12px
}

@media (max-width: 815px) {
	.prfileDtlCnt .mp-address .checkboxCont.checkToRadio {
		background-color: #fafafa !important
	}
}

.prfileDtlCnt .mp-address .checkboxCont.checkToRadio .checkmark {
	margin: 0
}

.mpa-wrapper {
	box-shadow: none;
	border: 1px solid #d9d9d9
}

@media (max-width: 815px) {
	.mpa-wrapper {
		padding: 20px 15px;
		border: 1px solid #d9d9d9;
		background-color: #fff;
		box-shadow: 1.812px 6.761px 32px 0px rgba(0, 0, 0, 0.04)
	}
}

.qa-option.mp-edit-add-form .group>input,
.qa-option.mp-edit-add-form .group>select {
	height: 48px
}

.qa-option.mp-edit-add-form .addTypeWrap {
	margin-top: 15px
}

.qa-option.mp-edit-add-form .addTypeWrap p {
	font-size: 14px
}

.qa-option.mp-edit-add-form .addTypeWrap .checkboxCont {
	text-transform: capitalize
}

.qa-option.mp-edit-add-form .addTypeWrap>div {
	display: flex
}

.qa-option.mp-edit-add-form .addTypeWrap>div>.checkboxCont:not(:last-of-type) {
	margin-right: 30px
}

.qa-option.mp-edit-add-form .btn {
	border-radius: 6px;
	min-width: 170px;
	font-size: 18px;
	font-weight: 500
}

@media (max-width: 815px) {
	.qa-option.mp-edit-add-form .btn {
		min-width: inherit;
		width: 50%;
		font-size: 14px
	}
}

.qa-option.mp-edit-add-form .btn.grey {
	margin-right: 10px
}

.qa-option.mp-edit-add-form .mped-cta {
	margin: 100px 0 0px 0;
	text-align: right
}

@media (max-width: 815px) {
	.qa-option.mp-edit-add-form .mped-cta {
		display: flex;
		column-gap: 20px;
		margin-top: 0;
		margin-bottom: 0px;
		text-align: center;
		max-width: 300px;
		margin: 0 auto
	}
}

.qa-option.mp-edit-add-form p.mandatory {
	display: block;
	padding: 0 0px;
	font-size: 14px;
	margin: 10px 0 20px 0;
	text-align: left;
	line-height: 20px
}

.goBackDetails {
	text-align: center;
	margin: 20px 0 30px 0
}

.goBackDetails .btn {
	border-radius: 5px;
	margin-bottom: 4px
}

.goBackDetails p {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-display: swap;
	padding-left: 10px;
	padding-right: 10px
}

.orderTracker {
	background-color: #f5f5f5;
	padding: 20px
}

.orderTracker .progtrckr>li {
	width: 24%;
	display: inline-block;
	font-size: 16px;
	color: #7f7f7f;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap;
	text-align: center;
	position: relative;
	padding-top: 100px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li {
		width: 100%;
		display: block;
		text-align: left;
		padding-left: 100px;
		height: 80px;
		padding-top: 0
	}
}

.orderTracker .progtrckr>li:first-child::after {
	display: none
}

.orderTracker .progtrckr>li strong {
	display: block;
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.orderTracker .progtrckr>li.inProcess {
	color: #000
}

.orderTracker .progtrckr>li.done {
	color: #000
}

.orderTracker .progtrckr>li::after {
	content: '';
	position: absolute;
	left: -42px;
	top: 44px;
	height: 2px;
	width: 100%;
	border-bottom: 2px dashed #b3b3b3
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li::after {
		height: 40px;
		border-left: dashed 2px #b3b3b3;
		left: 30px;
		border-bottom: none;
		top: -31px
	}
}

.orderTracker .progtrckr>li::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: solid 2px #b3b3b3;
	background: #fff url("../img/icons-ordertracking.html") no-repeat 14px 0;
	z-index: 1
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li::before {
		width: 60px;
		height: 60px;
		left: 0;
		transform: translateX(0%);
		background-size: 40px
	}
}

.orderTracker .progtrckr>li.inProcess::before {
	border-color: #ed6c04
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.inProcess::before {
		border-color: #ffa053
	}
}

.orderTracker .progtrckr>li.done::before {
	border-color: #009720
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.done::before {
		border-color: #029721
	}
}

.orderTracker .progtrckr>li.progtrckr-placed:before {
	background-position: 14px 1px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-placed:before {
		background-position: 11px 1px
	}
}

.orderTracker .progtrckr>li.progtrckr-placed.inProcess:before {
	background-position: 14px -100px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-placed.inProcess:before {
		background-position: 11px -66px
	}
}

.orderTracker .progtrckr>li.progtrckr-placed.done:before {
	background-position: 14px -200px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-placed.done:before {
		background-position: 11px -132px
	}
}

.orderTracker .progtrckr>li.progtrckr-accepted:before {
	background-position: 19px -304px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-accepted:before {
		background-position: 12px -199px
	}
}

.orderTracker .progtrckr>li.progtrckr-accepted.inProcess:before {
	background-position: 19px -404px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-accepted.inProcess:before {
		background-position: 12px -265px
	}
}

.orderTracker .progtrckr>li.progtrckr-accepted.done:before {
	background-position: 19px -504px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-accepted.done:before {
		background-position: 12px -332px
	}
}

.orderTracker .progtrckr>li.progtrckr-shipped:before {
	background-position: 18px -605px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-shipped:before {
		background-position: 12px -398px
	}
}

.orderTracker .progtrckr>li.progtrckr-shipped.inProcess:before {
	background-position: 18px -705px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-shipped.inProcess:before {
		background-position: 12px -463px
	}
}

.orderTracker .progtrckr>li.progtrckr-shipped.done:before {
	background-position: 18px -805px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-shipped.done:before {
		background-position: 12px -530px
	}
}

.orderTracker .progtrckr>li.progtrckr-delivery:before {
	background-position: 16px -912px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-delivery:before {
		background-position: 11px -598px
	}
}

.orderTracker .progtrckr>li.progtrckr-delivery.inProcess:before {
	background-position: 16px -1012px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-delivery.inProcess:before {
		background-position: 11px -663px
	}
}

.orderTracker .progtrckr>li.progtrckr-delivery.done:before {
	background-position: 16px -1112px
}

@media (max-width: 815px) {
	.orderTracker .progtrckr>li.progtrckr-delivery.done:before {
		background-position: 11px -732px
	}
}

.mygrouparticles {
	padding: 25px 25px 0px 25px
}

.mygrouparticles .tab-div ul li a.btn-grey {
	border-radius: 10px;
	background-color: #f4f4f4;
	border: 0px
}

.mygrouparticles .tab-div ul li.active a.btn-grey,
.mygrouparticles .tab-div ul li:hover a.btn-grey {
	border-radius: 10px;
	box-shadow: inset 0 -0.6em 0 -0.35em #113279;
	color: #113279;
	background-color: #fff
}

.prfileDtlCnt.noPadding {
	padding: 0px !important
}

.mygrouparticles.skyBlueBg {
	background-color: #f4f4f4
}

.checkStepWrap {
	margin: 5px 0 50px 0
}

@media (max-width: 815px) {
	.checkStepWrap {
		margin-bottom: 30px
	}
}

.checkStep {
	background-color: #fff;
	margin: 0 0 10px 0
}

.checkStep .stepHead {
	background-color: #fff;
	padding: 15px 10px;
	padding-right: 50px;
	position: relative
}

@media (min-width: 815px) {
	.checkStep .stepHead {
		padding: 20px
	}
}

.checkStep .stepHead::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
	background: url("../img/circle-down-arrow-icon.png") center no-repeat;
	width: 25px;
	height: 25px
}

.checkStep .stepHead .stepNo {
	color: #fff;
	font-size: 16px;
	background-color: #9d9d9d;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center
}

.checkStep .stepHead h3 {
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	color: #9d9d9d;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap;
	text-transform: uppercase
}

@media (max-width: 815px) {
	.checkStep .stepHead h3 {
		margin-left: 16px
	}
}

.checkStep p.big {
	color: #000;
	line-height: initial
}

@media (max-width: 815px) {
	.checkStep p.big {
		margin-left: 16px;
		margin-top: 8px
	}
}

.checkStep p.big span {
	padding: 0 0 0 30px;
	color: #9d9d9d
}

@media (max-width: 815px) {
	.checkStep p.big span {
		padding: 5px 0 0 0;
		display: block
	}
}

.checkStep.activated .stepHead {
	padding-bottom: 10px;
	background-color: #fff
}

.checkStep.activated .stepNo {
	color: #fff;
	background-color: #183883
}

.checkStep.activated h3 {
	line-height: initial
}

.checkStep.current .stepHead {
	background-color: #183883
}

.checkStep.current .stepHead::after {
	background: url("../img/circle-up-arrow-icon.png") center no-repeat
}

.checkStep.current .stepNo {
	color: #183883;
	background-color: #fff
}

.checkStep.current h3 {
	color: #fff
}

@media (max-width: 815px) {
	.checkStep.current .btn.btn-transparent.greyBtn {
		top: 15px;
		width: 45%
	}
}

.checkStep .stepAddress .addressSection {
	max-width: 500px;
	float: left;
	margin-left: 50px
}

@media (max-width: 815px) {
	.checkStep .stepAddress .addressSection {
		margin-left: 35px;
		float: none
	}
}

.checkStep .stepAddress .addressSection p.big span {
	color: #000
}

@media (max-width: 815px) {
	.checkStep .stepAddress .addressSection p.big span {
		display: block
	}
}

.checkStep .stepAddress .addressSection .btn {
	border-radius: 0px
}

.checkStep .stepAddress .addressSection .deliveryCTA .btn {
	border-radius: 4px
}

.checkStep .stepAddress .big {
	text-transform: none;
	position: relative
}

@media (max-width: 815px) {
	.checkStep .stepAddress .big {
		margin-left: 0;
		margin-top: 1px
	}
}

.checkStep .stepAddress address {
	text-transform: none;
	color: #868484;
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px
}

.checkStep .stepAddress .checkboxCont {
	padding: 15px;
	display: inline-block;
	width: 100%
}

.checkStep.delivaryTab .stepHead .btn.btn-transparent.greyBtn.changeCTA {
	border: solid 1px #183883;
	color: #183883;
	border-radius: 4px
}

.checkStep.delivaryTab .stepHead .btn.btn-transparent.greyBtn.changeCTA:hover {
	color: #ffffff
}

@media (max-width: 815px) {
	.checkStep.delivaryTab .stepHead .btn.btn-transparent.greyBtn.changeCTA {
		right: 50px
	}
}

.addNewAddCTA {
	margin: 0 0 15px 0
}

@media (max-width: 815px) {
	.addNewAddCTA {
		margin: 0 0 10px 0
	}
}

.addNewAddCTA .btn {
	border-radius: 6px
}

.pad10 {
	padding: 10px
}

.btn.addressBtn {
	background: #242424;
	color: #fff;
	text-transform: none;
	font-size: 12px;
	padding: 3px 15px;
	margin: 0 0 0 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-display: swap
}

@media (max-width: 815px) {
	.btn.addressBtn {
		width: auto;
		position: absolute;
		right: 0px;
		top: 0
	}
}

.btn.btn-transparent.darkText {
	border-color: #b7b7b7;
	color: #183883
}

.btn.btn-transparent.darkText:hover,
.btn.btn-transparent.darkText:focus {
	color: #fff
}

.btn.btn-transparent.greyBtn {
	border-color: #b7b7b7;
	color: #9b9b9b;
	padding: 6px 22px 4px 22px;
	position: absolute;
	right: 10px;
	top: 10px;
	margin-top: 0
}

@media (max-width: 815px) {
	.btn.btn-transparent.greyBtn {
		width: auto;
		top: 0
	}
}

.btn.btn-transparent.greyBtn:hover,
.btn.btn-transparent.greyBtn:focus {
	color: #fff
}

.address-cta .btn.btn-transparent.greyBtn {
	position: relative;
	float: right;
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 12px;
	color: #000;
	padding: 10px 14px;
	top: 0
}

.address-cta .btn.btn-transparent.greyBtn:hover,
.address-cta .btn.btn-transparent.greyBtn:focus {
	background: #fff
}

.address-cta .btn.btn-transparent.greyBtn::before {
	content: " ";
	background: url("../img/pencil-icon.png") center no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 8px
}

.address-cta .btn.btn-transparent.greyBtn.removeCTA,
.address-cta .btn.btn-transparent.greyBtn.removeCTA-noAction {
	margin-right: 10px
}

.address-cta .btn.btn-transparent.greyBtn.removeCTA::before,
.address-cta .btn.btn-transparent.greyBtn.removeCTA-noAction::before {
	background: url("../img/remove-icon.png") center no-repeat
}

.removeAddModal {
	margin-top: 30px
}

.removeAddModal .modal-dialog {
	width: 350px;
	margin: 30px auto
}

.removeAddModal .modal-dialog .modal-body {
	text-align: center;
	padding: 25px 15px
}

.removeAddModal .modal-dialog .modal-body p {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #000000
}

.removeAddModal .modal-dialog .modal-body .btn {
	padding: 12px 30px;
	border-radius: 5px;
	margin: 20px 5px 10px 5px
}

.delivaryTab.activated .changeCTA {
	position: relative
}

.orderWrapper .cart-wrapper .order-details .row {
	background-color: #f2f6ff;
	margin: 0 0 5px 0;
	padding: 15px 0
}

.orderWrapper .cart-wrapper .subtotal p {
	text-align: right
}

@media (max-width: 815px) {
	.orderWrapper .cart-wrapper .subtotal p {
		text-align: left;
		margin: 0 0 0 75px
	}
}

.orderWrapper .cart-wrapper .cost {
	overflow: hidden
}

.orderWrapper .cart-wrapper .cost .thumImg {
	float: left;
	width: 50px;
	margin: 0 25px 0 0
}

.orderWrapper .cart-wrapper .cost .itemdetail {
	float: left
}

.orderWrapper .cart-wrapper .linkBlue {
	font-size: 14px;
	text-transform: uppercase;
	color: #183883;
	padding: 10px 10px 10px 10px;
	display: inline-block;
	margin-top: 10px;
	border-radius: 6px
}

.orderWrapper .cart-wrapper .linkBlue:hover {
	color: #bbb
}

.rowType {
	overflow: hidden
}

.rowType .colLeft {
	float: left
}

.rowType .colRight {
	float: right
}

@media (max-width: 815px) {
	.checkboxCont.checkToRadio>input {
		display: none
	}
}

.checkboxCont.checkToRadio .checkmark {
	border: solid 2px #bbbbbb;
	border-radius: 50%;
	margin: 21px 0 0 20px
}

@media (max-width: 815px) {
	.checkboxCont.checkToRadio .checkmark {
		margin: 15px 0 0 15px
	}
}

.checkboxCont.checkToRadio .checkmark:after {
	border: 0 none;
	height: 10px;
	width: 10px;
	background: #183883;
	transform: none;
	border-radius: 50%;
	left: 3px;
	top: 3px
}

.checkboxCont.checkToRadio input:checked~.checkmark {
	border: solid 2px #183883
}

.selectWallet {
	margin: 0 10px
}

.selectWallet h3 {
	color: #000 !important;
	font-size: 16px;
	margin: 10px 0 15px 0;
	font-weight: bold
}

.selectWallet .paymentOptions .checkboxCont {
	margin-top: 18px;
	margin-bottom: 30px
}

.selectWallet .paymentOptions .checkboxCont.checkToRadio .checkmark {
	margin: 0
}

.checkoutTnc {
	padding: 10px 20px 0 20px;
	background: #fff;
	border-top: solid 1px #ececec;
	margin-top: 10px
}

.checkoutTnc p {
	color: #9d9d9d;
	font-size: 14px;
	line-height: 24px
}

.checkoutTnc p>a {
	color: #183883
}

.checkoutTnc p>a:hover {
	text-decoration: underline
}

.stepAddress,
.orderWrapper,
.walletWrap,
.delivaryTab .stepHead .big,
.delivaryTab .stepHead .changeCTA,
.orderTab .big,
.orderTab .changeCTA,
.loginTab .big,
.stepLogin {
	display: none
}

.delivaryTab.current .stepAddress,
.orderTab.current .orderWrapper,
.paymentTab.current .walletWrap,
.delivaryTab.activated .big,
.orderTab.activated .big,
.orderTab.activated .changeCTA,
.loginTab.activated .big,
.loginTab.current .stepLogin {
	display: block
}

.delivaryTab.activated .changeCTA {
	display: inline-block
}

.addNewAddWrapper {
	display: none
}

.addNewAddWrapper,
.editAddressWrapper {
	padding: 15px
}

.addNewAddWrapper .newAddFormWrap,
.editAddressWrapper .newAddFormWrap {
	display: inline-block;
	width: 100%;
	background: #f4f4f4;
	padding: 20px
}

.addNewAddWrapper .newAddFormWrap h3,
.editAddressWrapper .newAddFormWrap h3 {
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-display: swap
}

.addNewAddWrapper .qa-option,
.editAddressWrapper .qa-option {
	margin-top: 0
}

.addNewAddWrapper .qa-option .group,
.editAddressWrapper .qa-option .group {
	margin: 30px 0 20px 0
}

@media (max-width: 815px) {
	.addNewAddWrapper .qa-option .group,
	.editAddressWrapper .qa-option .group {
		margin: 40px 0 0 0
	}
}

.addNewAddWrapper .qa-option .group select,
.editAddressWrapper .qa-option .group select {
	-webkit-appearance: none;
	appearance: none;
	color: transparent
}

.addNewAddWrapper .qa-option .group select:focus,
.editAddressWrapper .qa-option .group select:focus {
	color: #000
}

.addNewAddWrapper .qa-option .group.addTypeWrap,
.editAddressWrapper .qa-option .group.addTypeWrap {
	margin-top: 0
}

.addNewAddWrapper .qa-option .group.btnCnt,
.editAddressWrapper .qa-option .group.btnCnt {
	text-align: right
}

@media (max-width: 815px) {
	.addNewAddWrapper .qa-option .group.btnCnt,
	.editAddressWrapper .qa-option .group.btnCnt {
		text-align: center
	}
}

.addNewAddWrapper .qa-option p.mandatory,
.editAddressWrapper .qa-option p.mandatory {
	display: block;
	padding: 0 0px;
	font-size: 14px;
	margin: 0;
	text-align: left;
	line-height: 20px
}

.addNewAddWrapper .btn.btn-transparent.greyBtn,
.editAddressWrapper .btn.btn-transparent.greyBtn {
	position: inherit;
	padding: 12px 30px;
	top: inherit;
	right: inherit
}

.addTypeWrap .checkboxCont {
	padding: 0 15px 0 30px !important;
	width: auto !important
}

.addTypeWrap .checkboxCont.checkToRadio .checkmark {
	margin: 0
}

.checkboxCont .checkouteditAddressForm input {
	position: inherit;
	opacity: 1;
	cursor: initial;
	height: auto
}

.editAddressWrapper {
	display: block;
	padding: 0;
	margin-top: -15px
}

.editAddressWrapper .newAddFormWrap {
	text-transform: initial;
	padding: 20px 20px 0 65px
}

@media (max-width: 815px) {
	.editAddressWrapper .newAddFormWrap {
		padding: 15px 15px 0 50px
	}
}

@media (max-width: 815px) {
	.order-summery {
		margin-bottom: 30px
	}
}

@media (max-width: 815px) {
	.checkStep.current form .btn.btn-transparent.greyBtn {
		position: inherit;
		padding: 10px 30px;
		top: inherit;
		right: inherit
	}
}

@media (max-width: 815px) {
	.newAddFormWrap .qa-option button.btn[type="submit"] {
		width: auto;
		padding-left: 30px;
		padding-right: 30px;
		padding: 12px 30px
	}
}

.login-wrapper {
	max-width: 300px;
	margin: 0 auto 30px auto
}

@media (max-width: 815px) {
	.login-wrapper {
		margin: 0 auto 30px auto
	}
}

.login-wrapper h4 {
	font-size: 22px;
	font-weight: 600;
	color: #606060;
	margin-bottom: 0
}

.login-wrapper p {
	font-size: 14px;
	color: #a0a0a0;
	margin-top: 0;
	margin-bottom: 30px
}

.login-wrapper .form-group label {
	font-size: 14px;
	color: #bbbbbb
}

.login-wrapper label.error {
	color: #f12a00 !important;
	font-size: 12px !important
}

.login-wrapper .form-control {
	border: 0;
	border-bottom: 1px solid #d1d1d1;
	border-radius: 0;
	padding: 0;
	font-size: 16px;
	color: #404040
}

.login-wrapper .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.login-wrapper .otp-input {
	margin-left: -8px;
	margin-right: -8px
}

.login-wrapper .otp-input>div {
	padding-left: 8px;
	padding-right: 8px
}

.login-wrapper .otp-outer {
	width: 180px;
	overflow: hidden
}

.login-wrapper .otp-block {
	left: 0;
	position: sticky
}

.login-wrapper #userotpNumber {
	padding-left: 15px;
	letter-spacing: 32px;
	border: 0;
	background-image: linear-gradient(to left, #d1d1d1 70%, rgba(255, 255, 255, 0) 0%);
	background-position: bottom;
	background-size: 42px 1px;
	background-repeat: repeat-x;
	background-position-x: 35px;
	width: 192px;
	min-width: 192px
}

.login-wrapper .otp-btn {
	font-size: 14px;
	color: #f12c00;
	border: 0;
	background: white;
	padding: 6px 8px;
	text-transform: uppercase;
	text-decoration: underline
}

.login-wrapper .btn-login {
	width: 100%;
	border-radius: 6px;
	margin-left: 0
}

.login-wrapper .sign-up {
	font-size: 16px;
	text-align: center;
	color: #000;
	margin-top: 15px;
	display: inline-block;
	width: 100%
}

.login-wrapper .sign-up a {
	color: #f12c00;
	text-transform: uppercase;
	text-decoration: underline
}

.qa-option .login-wrapper .group {
	margin-top: 45px;
	margin-bottom: 45px
}

.qa-option .login-wrapper .group>input {
	width: 180px;
	height: 40px
}

.qa-option .login-wrapper .group input.userotpNum {
	padding-left: 15px;
	letter-spacing: 38px;
	border: 0;
	background-image: linear-gradient(to left, #d1d1d1 70%, rgba(255, 255, 255, 0) 0%);
	background-position: bottom;
	background-size: 48px 1px;
	background-repeat: repeat-x;
	background-position-x: 35px;
	height: 40px
}

.qa-option .login-wrapper .group label.upFocus {
	top: -20px;
	color: #8a8a8a;
	font-size: 14px
}

.qa-option .login-wrapper input[value]:not([value=""])~label.error {
	top: 0
}

.cart-summary {
	padding: 0 10px
}

.cart-summary .cart-item {
	background: #f5f5f5;
	padding: 2px 0;
	margin-bottom: 10px
}

.cart-summary .cart-photo {
	border: 1px solid #d6d6d6
}

.cart-summary h4 {
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: bold
}

.cart-summary h5 {
	font-size: 14px;
	margin-bottom: 0
}

.cart-summary h5 span {
	font-weight: 600
}

.cart-summary p {
	font-size: 14px;
	margin: 0
}

.cart-summary p.cupnCodeTxt {
	color: #0aae38;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold
}

.cart-summary .offer-price {
	font-size: 18px;
	font-weight: 600;
	color: #183883
}

.cart-summary a {
	color: #676767;
	font-weight: 500;
	margin-left: 15px
}

@media (max-width: 480px) {
	.cart-summary a {
		margin-left: 10px
	}
}

.cart-summary .off {
	font-weight: 600;
	color: #000;
	margin-left: 15px
}

@media (max-width: 480px) {
	.cart-summary .off {
		margin-left: 10px
	}
}

.promocode-wrapper {
	margin: 20px 10px;
	padding: 20px 10px;
	background: #f5f5f5
}

.promocode-wrapper .form-group label {
	font-size: 14px;
	color: #5a5a5a;
	margin-left: 15px
}

.promocode-wrapper .form-group label.error {
	color: #f12a00 !important;
	font-size: 13px !important
}

.promocode-wrapper .form-control {
	border: 0;
	border-bottom: 1px solid #d1d1d1;
	border-radius: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	color: #3d3d3d;
	background: transparent;
	letter-spacing: 5px;
	height: 43px
}

.promocode-wrapper .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.promocode-wrapper .btn-apply {
	font-size: 14px;
	color: #0c3688;
	border: 1px solid #0c3688;
	background: transparent;
	padding: 10px 8px;
	border-radius: 5px;
	text-transform: uppercase
}

@media (min-width: 1024px) {
	.promocode-wrapper .btn-apply {
		padding: 10px 14px
	}
}

.promocode-wrapper .btn-apply.btn-remove {
	color: #f12c00;
	border: 1px solid #f12c00
}

.promocode-wrapper .btn-apply:hover {
	text-decoration: underline
}

.final-summary {
	margin: 20px 10px;
	padding: 10px 0 0 0;
	background: #f5f5f5
}

.newAddFrom .btn,
.newAddFormWrap .btn {
	border-radius: 6px
}

@media (max-width: 480px) {
	.newAddFrom .btn,
	.newAddFormWrap .btn {
		margin-left: 2px;
		margin-right: 2px
	}
}

.newAddFrom .btn.btn-transparent.greyBtn,
.newAddFormWrap .btn.btn-transparent.greyBtn {
	border-color: #000;
	color: #000
}

.newAddFrom .btn.btn-transparent.greyBtn:hover,
.newAddFormWrap .btn.btn-transparent.greyBtn:hover {
	border-color: #183883;
	color: #fff
}

.address-error p {
	font-size: 12px;
	color: #f12a00;
	text-transform: none;
	margin: 0;
	line-height: 15px
}

.addCartMsg {
	margin-top: -58px
}

.addCartMsg p {
	font-size: 13px;
	display: inline-block;
	color: green;
	line-height: 20px
}

.absoCont .addCartMsg {
	margin-top: -25px
}

.bookingTabCnt {
	background: #ffffff;
	display: inline-block;
	width: 100%
}

@media (max-width: 768px) {
	.bookingTabCnt {
		overflow-x: auto
	}
}

ul.bookingTab {
	display: inline-block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 25px 0 0 0;
	list-style: none
}

@media (max-width: 768px) {
	ul.bookingTab {
		white-space: nowrap
	}
}

ul.bookingTab li {
	display: inline-block;
	width: 16%;
	margin: 0 4%;
	padding: 0px 0 10px 0;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	color: #bbbbbb;
	border-bottom: 3px solid transparent
}

@media (min-width: 815px) and (max-width: 1120px) {
	ul.bookingTab li {
		width: 20%;
		margin: 0 2%
	}
}

@media (max-width: 815px) {
	ul.bookingTab li {
		width: 20%;
		margin: 0 2%;
		font-size: 14px;
		line-height: 20px
	}
}

@media (max-width: 768px) {
	ul.bookingTab li {
		width: auto;
		float: none;
		margin: 0 15px
	}
}

ul.bookingTab li.dtal:before {
	content: ' ';
	background: transparent url("../img/bks-bookingdetail-icon.png") center -57px no-repeat;
	height: 57px;
	display: block;
	width: 42px;
	margin: 0 auto
}

ul.bookingTab li.srvc:before {
	content: ' ';
	background: transparent url("../img/bks-servicecenter-icon.png") center -57px no-repeat;
	height: 57px;
	display: block;
	width: 42px;
	margin: 0 auto
}

ul.bookingTab li.smmr:before {
	content: ' ';
	background: transparent url("../img/bks-bookingsummery-icon.png") center -57px no-repeat;
	height: 57px;
	display: block;
	width: 42px;
	margin: 0 auto
}

ul.bookingTab li.cnfm:before {
	content: ' ';
	background: transparent url("../img/bks-bookingconfirm-icon.png") center -57px no-repeat;
	height: 57px;
	display: block;
	width: 42px;
	margin: 0 auto
}

ul.bookingTab li.visited {
	color: #1c4490
}

ul.bookingTab li.visited:before {
	background-position: center 0px;
	border-bottom: 3px solid transparent
}

ul.bookingTab li.active {
	color: #1c4490;
	border-bottom: 3px solid #0c3788
}

ul.bookingTab li.active:before {
	background-position: center 0px
}

.topbox {
	display: inline-block;
	background: #ffffff;
	width: 100%;
	padding: 25px 30px 0px 30px;
	margin: 50px 0 20px 0;
	border: 1px solid #d9d9d9;
	border-top: 3px solid #f12c00;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

.topbox p.smrDtl {
	font-size: 16px;
	line-height: 22px;
	color: #727272;
	margin: 0 0 20px 0
}

@media (max-width: 360px) {
	.topbox p.smrDtl {
		font-size: 14px;
		line-height: 20px
	}
}

.topbox p.smrDtl span {
	display: block;
	color: #000000;
	word-break: break-word
}

.summaryBox {
	display: inline-block;
	background: #ffffff;
	width: 100%;
	padding: 50px;
	margin: 0px 0 20px 0;
	border: 1px solid #d9d9d9;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

@media (max-width: 815px) {
	.summaryBox {
		padding: 15px
	}
}

@media (max-width: 360px) {
	.summaryBox {
		padding: 20px 10px
	}
}

.summaryBox div.row {
	margin: 0 0 20px 0
}

.summaryBox div.row span.sumTxt {
	font-size: 18px;
	line-height: 24px;
	color: #949494;
	margin: 0 0 0px 0;
	padding: 5px 0 5px 35px
}

@media (max-width: 360px) {
	.summaryBox div.row span.sumTxt {
		font-size: 14px;
		line-height: 20px
	}
}

.summaryBox div.row span.sumTxt.cityico {
	background: transparent url("../img/bks-locaction-icon.html") 0 center no-repeat
}

.summaryBox div.row span.sumTxt.centerico {
	background: transparent url("../img/bks-centericon.html") 0 center no-repeat
}

.summaryBox div.row span.sumTxt.dateico {
	background: transparent url("../img/bks-dateicon.html") 0 center no-repeat
}

.summaryBox div.row span.sumTxt.typeico {
	background: transparent url("../img/bks-typeicon.html") 0 center no-repeat
}

.summaryBox div.row span.sumTxt.commentico {
	background: transparent url("../img/bks-commenticon.html") 0 center no-repeat
}

.summaryBox div.row span {
	display: inline-block;
	color: #212121;
	word-break: break-word;
	vertical-align: top;
	padding: 5px 0 0 35px
}

.summaryBox.topmrgn {
	margin: 50px 0 0 0
}

.confirmBox {
	text-align: center;
	display: inline-block;
	width: 100%;
	padding-bottom: 30px
}

.confirmBox .confIconCnt img {
	margin: 15px auto 30px auto
}

.confirmBox h3.confTitle {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	color: #000000
}

@media (max-width: 815px) {
	.confirmBox h3.confTitle {
		font-size: 18px;
		line-height: 24px
	}
}

.confirmBox p.confTxt {
	font-size: 20px;
	line-height: 26px;
	margin: 0 0 25px 0;
	color: #404040
}

@media (max-width: 815px) {
	.confirmBox p.confTxt {
		font-size: 16px;
		line-height: 22px
	}
}

.serviceCntrBox {
	display: inline-block;
	background: #ffffff;
	width: 100%;
	padding: 50px;
	margin: 0px 0 20px 0;
	border: 1px solid #d9d9d9;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

.serviceCntrBox .mapCnt .map-placeholder iframe {
	min-height: 1000px
}

@media (max-width: 815px) {
	.serviceCntrBox {
		padding: 15px
	}
	.serviceCntrBox .mapCnt {
		display: none
	}
}

@media (max-width: 360px) {
	.serviceCntrBox {
		padding: 20px 10px
	}
}

.serviceCntrBox h3.title {
	font-size: 22px;
	line-height: 28px;
	color: #000000;
	margin: 0 0 20px 0
}

.serviceCntrBox .areaCnt {
	display: inline-block;
	width: 100%;
	max-height: 1000px
}

.serviceCntrBox .areaCnt .checkboxCont {
	padding: 20px;
	border: 1px solid #f5f5f5;
	margin: 0 0 20px 0;
	-webkit-box-shadow: 2px 3px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 3px 5px -2px rgba(0, 0, 0, 0.1)
}

@media (min-width: 815px) {
	.serviceCntrBox .areaCnt .checkboxCont {
		min-height: 330px
	}
}

.serviceCntrBox .areaCnt .checkboxCont.selected {
	border: 1px solid #293b80;
	-webkit-box-shadow: 2px 7px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 7px 5px -2px rgba(0, 0, 0, 0.1)
}

.serviceCntrBox .areaCnt .checkboxCont .checkmark {
	margin: 20px 0 0 20px
}

.serviceCntrBox .areaCnt .checkboxCont .servCntrCnt {
	display: inline-block;
	width: 100%
}

.serviceCntrBox .areaCnt .checkboxCont .servCntrCnt p.centerTitle {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: #202020;
	margin: -2px 0 0 30px
}

.serviceCntrBox .areaCnt .checkboxCont .servCntrCnt p.centerAdd {
	font-size: 16px;
	line-height: 22px;
	color: #202020;
	margin: 10px 0 0 30px;
	text-transform: none
}

.serviceCntrBox .areaCnt .checkboxCont .servCntrCnt p.centerCall {
	font-size: 16px;
	line-height: 22px;
	color: #202020;
	padding: 10px 0 0 30px;
	text-transform: none;
	background: transparent url("../img/bks-call-icon.html") 0 10px no-repeat
}

.serviceCntrBox .areaCnt .checkboxCont .servCntrCnt p.centerEmail {
	font-size: 16px;
	line-height: 22px;
	color: #202020;
	padding: 10px 0 0 30px;
	text-transform: none;
	background: transparent url("../img/bks-email-icon.html") 0 10px no-repeat
}

.serviceCntrBox .areaCnt .checkboxCont .servCntrCnt p.centerEmail a {
	color: #202020
}

.serviceCntrBox .areaCnt .checkboxCont .servCntrCnt p.centerEmail a:hover {
	text-decoration: underline
}

.serviceCntrBox .areaCnt .checkboxCont .servCntrCnt p.centerLoc {
	font-size: 16px;
	line-height: 22px;
	color: #202020;
	padding: 10px 0 0 30px;
	text-transform: none;
	background: transparent url("../img/bks-locaction-icon.html") 0 10px no-repeat
}

.serviceCntrBox.topmrgn {
	margin: 50px 0 0 0
}

.bikedropdown {
	margin: 0 0 0 0
}

.bikedropdown .group {
	margin: 40px 0 0 0
}

.bikedropdown .group select {
	max-width: 250px
}

.bikedropdown .group .bar-line {
	max-width: 250px
}

.detailBox {
	display: inline-block;
	background: #ffffff;
	width: 100%;
	padding: 0 50px 10px 50px;
	margin: 0px 0 20px 0;
	border: 1px solid #d9d9d9;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

@media (max-width: 815px) {
	.detailBox {
		padding: 15px
	}
}

@media (max-width: 360px) {
	.detailBox {
		padding: 20px 10px
	}
}

.detailBox .qa-option {
	margin: 0 0 0 0
}

.detailBox .bookingDetailForm {
	max-width: 800px;
	margin: 0 auto
}

.detailBox .bookingDetailForm .checkboxCont {
	text-transform: none
}

.detailBox .bookingDetailForm .checkboxCont a.tnc {
	color: #f12c00
}

.detailBox .bookingDetailForm .checkboxCont span.chktxt {
	display: inline;
	margin: 0 0 0 10px
}

.detailBox .bookingDetailForm .group p span {
	font-size: 18px;
	color: #000
}

.detailBox .bookingDetailForm .addTypeWrap.first {
	margin-bottom: 5px
}

.detailBox .addressboxCnt {
	display: none
}

.detailBox .addressboxCnt.open {
	display: inline-block;
	width: 100%
}

.detailBox .addressboxCnt.open .addressbox {
	padding: 20px;
	margin: 0px 2% 20px 2%;
	width: 96%;
	border: 1px solid #293b80;
	background-color: #fafbff;
	-webkit-box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 5px 5px -2px rgba(0, 0, 0, 0.1)
}

.detailBox .addressboxCnt.open .addressbox.officebox {
	margin: 0px 2% 20px 0
}

@media (max-width: 815px) {
	.detailBox .addressboxCnt.open .addressbox.officebox {
		margin: 0px 2% 0px 2%
	}
}

@media (max-width: 815px) {
	.detailBox .addressboxCnt.open .addressbox {
		width: auto
	}
}

.detailBox .addressboxCnt.open .addressbox .addHome {
	display: inline-block;
	width: 100%
}

.detailBox .addressboxCnt.open .addressbox .addHome img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: text-bottom
}

.detailBox .addressboxCnt.open .addressbox .addHome a.addBtn {
	float: right;
	margin: 0 0 0 0
}

.detailBox .addressboxCnt.open .addressbox .addHome a.addBtn.box {
	font-size: 12px;
	line-height: 18px;
	padding: 5px 15px;
	background: #c5c5c5;
	color: #ffffff
}

.detailBox .addressboxCnt.open .addressbox .addHome a.addBtn.box:hover,
.detailBox .addressboxCnt.open .addressbox .addHome a.addBtn.box.active {
	background: #293b80
}

.detailBox .addressboxCnt.open .addressbox p.addName {
	font-size: 16px;
	line-height: 22px;
	color: #404040;
	margin: 10px 0px
}

.detailBox .addressboxCnt.open .addressbox p.addTxt {
	font-size: 15px;
	line-height: 22px;
	color: #6d6d6d;
	margin: 0px 30px 0 0;
	display: inline-block;
	max-width: 78%
}

.detailBox .addressboxCnt.open .addressbox p.addNum {
	font-size: 16px;
	line-height: 22px;
	color: #404040;
	margin: 10px 0px
}

.detailBox .addressboxCnt.open .addressbox a.addBtn {
	display: inline-block;
	color: #9e9e9e;
	margin: 0 15px 0 0;
	font-size: 16px;
	line-height: 22px
}

.detailBox .addressboxCnt.open .addressbox a.addBtn:hover,
.detailBox .addressboxCnt.open .addressbox a.addBtn.active {
	color: #293b80
}

.detailBox .addressboxCnt .prfileDtlCnt {
	border: 0px solid #e1e1e1;
	display: inline-block;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 100%;
	padding: 10px 0 0 0;
	padding-bottom: 0
}

@media (max-width: 815px) {
	.detailBox .addressboxCnt .prfileDtlCnt {
		padding: 10px 20px 0px 20px
	}
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox {
	width: 100%;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 55px;
	background: #fafafa;
	box-shadow: none;
	position: relative;
	border: 1px solid #eeeeee;
	border-radius: 20px;
	display: inline-table
}

@media (min-width: 815px) {
	.detailBox .addressboxCnt .prfileDtlCnt .addressbox {
		margin-bottom: 20px;
		box-shadow: 1.812px 6.761px 32px 0px rgba(0, 0, 0, 0.04);
		background: #ffffff;
		display: inline-table
	}
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox .addHome {
	position: relative;
	color: #183883;
	padding-left: 35px;
	font-size: 14px
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox .addHome::before {
	content: " ";
	background: url("../img/profile-home-ico.png") center no-repeat;
	width: 24px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox .addHome.addOff::before {
	background: url("../img/profile-office-ico.png") center no-repeat
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox p.addName {
	color: #000;
	text-transform: capitalize;
	margin: 0
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox p.addTxt {
	max-width: 100%;
	margin: 0;
	color: rgba(77, 77, 77, 0.87)
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox p.addNum {
	margin: 10px 0 15px;
	color: rgba(0, 0, 0, 0.87)
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox .address-cta {
	border-top: 1px dashed #757575;
	padding: 15px 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

@media (min-width: 815px) {
	.detailBox .addressboxCnt .prfileDtlCnt .addressbox .address-cta {
		border-top: 1px dashed #e7e7e7
	}
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox .address-cta .addBtn {
	position: relative;
	color: #183883;
	padding-left: 25px;
	font-size: 16px
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox .address-cta .addBtn:not(:last-of-type) {
	margin-right: 40px
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox .address-cta .addBtn::before {
	content: " ";
	background: url("../img/edit-icon.png") center no-repeat;
	width: 15px;
	height: 17px;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0
}

.detailBox .addressboxCnt .prfileDtlCnt .addressbox .address-cta .addBtn.delete::before {
	background: url("../img/delete-icon.png") center no-repeat
}

.detailBox .addressboxCnt .prfileDtlCnt .darkText {
	font-size: 17px;
	font-weight: 400;
	margin: 19px 0 30px
}

@media (max-width: 815px) {
	.detailBox .addressboxCnt .prfileDtlCnt .darkText {
		width: 90%;
		max-width: 282px;
		padding: 10px 15px;
		margin: 15px 0 12px
	}
}

.detailBox .addressboxCnt .prfileDtlCnt .checkboxCont.checkToRadio .checkmark:after {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.detailBox .addressboxCnt .prfileDtlCnt .checkboxCont.checkToRadio {
	margin: 15px 0 12px
}

@media (max-width: 815px) {
	.detailBox .addressboxCnt .prfileDtlCnt .checkboxCont.checkToRadio {
		background-color: #fafafa !important
	}
}

.detailBox .addressboxCnt .prfileDtlCnt .checkboxCont.checkToRadio .checkmark {
	margin: 0
}

.detailBox.topmrgn {
	margin: 50px 0 0 0
}

.newaddresspop .modal-header,
.editaddresspop .modal-header {
	padding: 15px;
	background: #ffffff;
	padding-top: 30px;
	border: 0 none
}

.newaddresspop .modal-body,
.editaddresspop .modal-body {
	padding: 0 15px
}

.newaddresspop .addNewAddWrapper,
.newaddresspop .editAddressWrapper,
.editaddresspop .addNewAddWrapper,
.editaddresspop .editAddressWrapper {
	display: block;
	padding: 0
}

.newaddresspop .addNewAddWrapper .addTypeWrap .checkboxCont,
.newaddresspop .editAddressWrapper .addTypeWrap .checkboxCont,
.editaddresspop .addNewAddWrapper .addTypeWrap .checkboxCont,
.editaddresspop .editAddressWrapper .addTypeWrap .checkboxCont {
	display: inline-block
}

.newaddresspop .addNewAddWrapper .newAddFormWrap,
.newaddresspop .editAddressWrapper .newAddFormWrap,
.editaddresspop .addNewAddWrapper .newAddFormWrap,
.editaddresspop .editAddressWrapper .newAddFormWrap {
	background: #ffffff;
	padding: 20px 20px 0
}

@media (max-width: 815px) {
	.newaddresspop .addNewAddWrapper .newAddFormWrap,
	.newaddresspop .editAddressWrapper .newAddFormWrap,
	.editaddresspop .addNewAddWrapper .newAddFormWrap,
	.editaddresspop .editAddressWrapper .newAddFormWrap {
		overflow: scroll
	}
}

.admin-bd {
	padding-top: 10px
}

@media (min-width: 815px) {
	.admin-bd {
		padding-top: 150px
	}
}

.news-wrapper.whitebg {
	background: #ffffff;
	padding: 30px 0
}

.news-wrapper.whitebg .greyband {
	background: #dedede;
	margin-bottom: 30px
}

.news-wrapper.whitebg .greyband>.row {
	margin: 0 auto 0px auto;
	width: 90%
}

.news-wrapper.whitebg .greyband h3 {
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 10px 0;
	font-size: 20px;
	line-height: 26px
}

.news-wrapper.whitebg .greyband h3 span {
	text-transform: uppercase
}

.news-wrapper.whitebg .layoutWrap .topbox {
	margin: 0 0px 20px 0;
	padding: 25px 0
}

.news-wrapper.whitebg .layoutWrap h3.boxTitle {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 30px 0;
	font-weight: bold;
	color: #000000
}

@media (max-width: 480px) {
	.news-wrapper.whitebg .layoutWrap h3.boxTitle {
		text-align: center;
		margin: 0 0 30px 0
	}
}

.news-wrapper.whitebg .layoutWrap p.subTitle {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 8px 0;
	color: #212121
}

@media (max-width: 480px) {
	.news-wrapper.whitebg .layoutWrap p.subTitle {
		text-align: center;
		margin: 0 0 10px 0
	}
}

.news-wrapper.whitebg .layoutWrap p.subTitle.strong {
	font-weight: bold
}

.whitebox {
	display: inline-block;
	width: 100%;
	padding: 0 30px;
	text-align: left
}

.whitebox h3.confTitle {
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	margin: 0 0 10px 0
}

.whitebox p.subTitle {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 8px 0;
	color: #3d3d3d
}

.whitebox p.subTitle.strong {
	font-weight: bold
}

.whitebox p.subTitle.grey {
	color: #8f8f8f
}

.greybox {
	display: inline-block;
	width: 100%;
	padding: 30px;
	background: #f4f4f4;
	margin: 25px 0;
	text-align: left
}

.greybox h4.dateTitle {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 0 0;
	color: #3d3d3d;
	font-weight: bold
}

.greybox p.twoText {
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0 0 0;
	display: inline-block;
	text-align: left;
	min-width: 32%;
	max-width: 32%;
	vertical-align: top;
	color: #8a8a8a
}

@media (max-width: 480px) {
	.greybox p.twoText {
		min-width: 49%
	}
}

.greybox p.twoText span {
	display: block;
	margin: 7px 0;
	color: #3c3c3c;
	font-weight: bold
}

@media (max-width: 480px) {
	.greybox p.twoText.statustxt {
		display: none
	}
}

.greybox p.twoText.statustxt span {
	color: #62c141
}

.mapWrapper {
	margin: 0 0 0 0
}

@media (max-width: 815px) {
	.mapWrapper {
		display: inline-grid
	}
}

.mapWrapper .mapDtlCnt {
	display: inline-block;
	padding: 0 15px
}

@media (max-width: 815px) {
	.mapWrapper .mapDtlCnt {
		order: 2
	}
}

.mapWrapper .mapDtlCnt .mapleftbox {
	margin: 40px 0 0 20px
}

@media (max-width: 480px) {
	.mapWrapper .mapDtlCnt .mapleftbox {
		margin: 40px 0 0 0
	}
}

.mapWrapper .mapDtlCnt .mapleftbox h4.mapTitle {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 30px 0
}

.mapWrapper .mapDtlCnt .mapleftbox p.subTitle {
	color: #3d3d3d;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	font-weight: bold
}

.mapWrapper .mapDtlCnt .mapleftbox p.subTitle.grey {
	font-weight: normal;
	color: #8f8f8f
}

.mapWrapper .mapDtlCnt .mapDetailbox {
	margin: 0 0 40px 20px
}

@media (max-width: 480px) {
	.mapWrapper .mapDtlCnt .mapDetailbox {
		margin: 0px 0 40px 0
	}
}

.mapWrapper .mapDtlCnt .mapDetailbox p.nameText {
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0 0 0;
	display: inline-block;
	text-align: left;
	min-width: 32%;
	color: #8a8a8a
}

@media (max-width: 480px) {
	.mapWrapper .mapDtlCnt .mapDetailbox p.nameText {
		min-width: 49%
	}
}

.mapWrapper .mapDtlCnt .mapDetailbox p.nameText span {
	display: block;
	margin: 7px 0;
	color: #3c3c3c;
	font-weight: bold
}

.mapWrapper .mapCnt {
	padding: 0 0px 0 0
}

@media (max-width: 815px) {
	.mapWrapper .mapCnt {
		order: 1
	}
}

.bookingIdBox {
	margin: 30px 0
}

@media (max-width: 815px) {
	.bookingIdBox {
		text-align: center
	}
}

.bookingIdBox p.bookingIdtxt {
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
	color: #173981;
	font-weight: bold;
	margin: 0 30px
}

@media (max-width: 815px) {
	.bookingIdBox p.bookingIdtxt {
		display: block;
		margin: 0 0 10px 0
	}
}

.news-wrapper.pnd-wrapper .btn {
	border-radius: 6px
}

.ty-wrapper {
	max-width: 880px;
	margin: 30px auto;
	color: #000000
}

.ty-wrapper h3 {
	font-size: 30px;
	font-weight: 600;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 15px;
	line-height: 1.4
}

@media (min-width: 815px) {
	.ty-wrapper h3 {
		margin-top: 50px;
		margin-bottom: 0
	}
}

.ty-wrapper p {
	font-size: 16px;
	margin: 0
}

.ty-wrapper p b {
	font-weight: bold !important
}

.ty-wrapper img {
	display: inline-block
}

.ty-wrapper.paymentfail-wrapper h3 {
	font-size: 30px;
	font-weight: 600;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 15px;
	line-height: 1.4
}

@media (min-width: 815px) {
	.ty-wrapper.paymentfail-wrapper h3 {
		margin-top: 10px;
		margin-bottom: 0
	}
}

.ty-wrapper.paymentfail-wrapper p {
	color: #3d3d3d;
	line-height: 28px
}

.ty-wrapper.paymentfail-wrapper .btnCnt a.btn {
	border-radius: 5px
}

.ty-wrapper.paymentfail-wrapper .btnCnt a.btn.nocolor {
	background: transparent;
	color: #0c3688;
	text-decoration: underline;
	border: none
}

.ty-wrapper.paymentfail-wrapper .btnCnt a.btn.nocolor:hover {
	color: #0c3688;
	text-decoration: none
}

.ty-wrapper.paymentfail-wrapper .btnCnt a.btn.nocolor:active {
	box-shadow: none
}

.od-group {
	border: 1px solid #f4f4f4
}

@media (min-width: 815px) {
	.od-group {
		margin: 0 20px
	}
}

.od-group .cart-item {
	background: transparent
}

@media (min-width: 500px) {
	.od-group .cart-item>.row>.col-xs-4 {
		width: 16.66666667%
	}
	.od-group .cart-item>.row>.col-xs-8 {
		width: 83.33333333%;
		padding-left: 15px
	}
}

.od-block {
	font-size: 14px;
	color: #494949;
	background: #f4f4f4;
	margin-bottom: 20px;
	padding: 10px 0
}

@media (min-width: 815px) {
	.od-block {
		padding: 10px
	}
}

.od-block ul>li {
	list-style: none;
	line-height: 1.7;
	display: table;
	width: 100%
}

.od-block ul>li span {
	display: table-cell
}

.od-block ul>li span:first-child {
	width: 120px;
	padding-right: 10px
}

.od-block ul>li b {
	font-weight: 500 !important;
	color: #000000
}

.od-block ul>li b.status {
	color: #f12b00
}

.od-block ul>li b.status.delivered {
	color: #2ab012
}

.od-block p {
	font-size: 14px;
	color: #000000;
	line-height: 1.5;
	margin: 0
}

.od-block p span {
	display: block;
	color: #494949;
	margin-bottom: 5px
}

ul.od-list>li {
	list-style: none;
	font-size: 14px;
	line-height: 1.7;
	display: table;
	width: 100%
}

ul.od-list>li span {
	display: table-cell
}

ul.od-list>li span:first-child {
	width: 95px;
	padding-right: 10px
}

ul.od-list>li b {
	font-weight: 500 !important;
	color: #000000;
	word-break: break-all
}

ul.od-list>li b.status {
	color: #ff8003
}

ul.od-list>li b.status.delivered {
	color: #2ab012
}

.ty-od {
	margin-bottom: 50px
}

@media (max-width: 815px) {
	.ty-od {
		padding: 0 15px
	}
}

.ty-od>.row {
	background: #fff
}

@media (max-width: 815px) {
	.ty-od>.row {
		border: 1px solid #cecece
	}
}

.ty-od .heading-title {
	font-size: 20px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 12px
}

.ty-od .final-summary {
	margin-top: 0
}

.cart-wrapper .ty-od .order-summery .btnCnt .btn {
	width: 94%
}

.blue-text {
	color: #183883 !important
}

.qa-option .mp-dealer .group>label {
	color: rgba(0, 0, 0, 0.38) !important
}

.qa-option .mp-dealer input,
.qa-option .mp-dealer textarea {
	font-size: 16px;
	font-weight: 400
}

.btn-dealer-big {
	min-width: 180px;
	min-height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	font-weight: 400
}

.dealer-shop {
	background: #f3f3f3;
	text-align: center;
	margin: 0 -25px;
	padding: 30px 25px
}

.dealer-shop h5 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px
}

@media (min-width: 375px) and (max-width: 480px) {
	.dealer-shop .btn-dealer-big {
		min-width: 140px
	}
}

.dealer-shop .black {
	background: #202020;
	color: #fff;
	font-size: 16px;
	border-radius: 6px
}

@media (max-width: 374px) {
	.dealer-shop .black {
		font-size: 12px;
		padding: 15px;
		min-width: 110px
	}
}

@media (min-width: 375px) and (max-width: 480px) {
	.dealer-shop .black {
		font-size: 14px
	}
}

.dealer-shop .black+.black {
	margin-left: 30px
}

@media (max-width: 374px) {
	.dealer-shop .black+.black {
		margin-left: 10px
	}
}

@media (min-width: 375px) and (max-width: 480px) {
	.dealer-shop .black+.black {
		margin-left: 15px
	}
}

.dealer-login {
	padding: 0 40px
}

.d-title {
	font-size: 24px;
	font-weight: 700;
	color: #000
}

.nav_accordian .sub_accordian>span {
	font-size: 16px;
	font-weight: 600;
	color: #183883;
	cursor: pointer
}

.bod-wrapper.innerPart {
	margin-bottom: 0
}

@media (max-width: 815px) {
	.bod-wrapper.innerPart>.layoutWrap nav {
		padding-top: 15px
	}
}

.bod-sec {
	margin-top: 15px;
	padding: 30px 0
}

@media (min-width: 815px) {
	.bod-sec {
		margin-top: 10px;
		padding: 50px 0
	}
}

.bod-sec .container .bodsec-detail {
	display: inline-block;
	margin-bottom: 40px
}

.bod-sec .container .bodsec-detail .text-truncate {
	display: block;
	overflow: hidden
}

.bod-sec .container .bodsec-detail .text-expand,
.bod-sec .container .bodsec-detail .text-contract {
	margin: 20px 0 40px 0;
	cursor: pointer;
	font-size: 15px;
	line-height: 22px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 600;
	color: #183883;
	text-decoration: underline;
	text-align: center
}

@media (min-width: 815px) {
	.bod-sec .container .bodsec-detail .text-expand,
	.bod-sec .container .bodsec-detail .text-contract {
		display: none
	}
}

.bod-sec .container .bodsec-detail .text-expand:hover,
.bod-sec .container .bodsec-detail .text-contract:hover {
	color: #23527c;
	text-decoration: underline
}

.bod-sec .container .bodsec-detail .hide {
	display: none
}

.bod-heading {
	font-size: 25px;
	font-family: "Roboto";
	font-display: swap;
	color: #000;
	font-weight: bold;
	line-height: 0.8;
	text-align: center;
	margin-bottom: 25px
}

@media (min-width: 815px) {
	.bod-heading {
		font-size: 35px;
		margin-bottom: 40px
	}
}

.bod-card {
	border: 1px solid #cecece;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	font-family: "Roboto";
	font-display: swap;
	font-size: 14px;
	margin-bottom: 30px
}

@media (max-width: 815px) {
	.bod-card .bod-photo {
		height: 342px;
		object-fit: cover;
		object-position: center
	}
}

.bod-overlay {
	background-color: rgba(255, 255, 255, 0.902);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px 15px
}

@media (min-width: 815px) {
	.bod-overlay {
		padding: 20px
	}
}

.bod-overlay h3 {
	font-size: 22px;
	font-family: "Roboto";
	font-display: swap;
	font-weight: 500;
	color: #000;
	line-height: 1.273;
	margin: 0
}

.bod-overlay>p {
	color: rgba(0, 0, 0, 0.78);
	line-height: 1.5;
	display: none
}

@media (min-width: 815px) {
	.bod-overlay>p {
		display: none
	}
}

.bod-overlay>a {
	color: #23527c;
	text-decoration: underline;
	display: none
}

@media (min-width: 815px) {
	.bod-overlay>a {
		display: none
	}
}

.dtlimgCnt {
	border: 1px solid #cecece;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	font-family: "Roboto";
	font-display: swap;
	font-size: 14px;
	margin-bottom: 30px
}

.dtlimgCnt img.pg-img {
	width: 100%
}

.bod-dtlCnt {
	padding: 0 0 0 0;
	margin: 0 0 0 0
}

.bod-dtlCnt h2 {
	font-size: 30px;
	line-height: 36px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 500
}

@media (min-width: 815px) {
	.bod-dtlCnt .bodText.section-scroll {
		height: 480px
	}
	.bod-dtlCnt .bodText.section-scroll .mCSB_scrollTools .mCSB_draggerRail {
		width: 5px;
		background-color: #d3d3d3;
		border-radius: 0
	}
	.bod-dtlCnt .bodText.section-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		width: 5px;
		background-color: #454545 !important
	}
}

.bod-dtlCnt .bodText p {
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	color: #363636;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: normal;
	margin: 30px 0 0 0
}

.bod-dtlCnt .bodText p:first-child {
	margin: 0 0 0 0
}

.bod-dtlCnt .bodText ul {
	list-style: inside;
	margin-left: 20px
}

.bod-dtlCnt .bodText ul li {
	font-size: 16px;
	line-height: 26px;
	color: #363636;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: normal;
	margin: 10px 0 0 0;
	list-style-type: disc
}

@media (min-width: 815px) {
	.bod-dtlCnt .bodText a.readmore {
		display: none
	}
}

.bod-slider-Cnt h2 {
	font-size: 30px;
	line-height: 36px;
	color: #000;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 600;
	text-align: center
}

.bod-slider-Cnt .bod-slider .slick-track {
	display: flex
}

.bod-slider-Cnt .bod-slider .slick-track .slick-slide {
	display: flex;
	height: auto
}

@media (min-width: 360px) and (max-width: 815px) {
	.bod-slider-Cnt .bod-slider .slick-track .slick-slide {
		flex-direction: row
	}
}

.bod-slider-Cnt .bod-slider .bod-slider-itm {
	background: #ffffff;
	border: 1px solid #cecece;
	border-radius: 15px;
	overflow: hidden
}

@media (min-width: 360px) and (max-width: 815px) {
	.bod-slider-Cnt .bod-slider .bod-slider-itm .sliderCnt img.bodsliderimg {
		width: 100%
	}
}

.bod-slider-Cnt .bod-slider .bod-slider-itm .sliderCnt .dtlCnt {
	border-top: 1px solid #cecece;
	padding: 30px 25px
}

.bod-slider-Cnt .bod-slider .bod-slider-itm .sliderCnt .dtlCnt p.bodTitle {
	font-size: 14px;
	line-height: 20px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	color: #919191;
	text-transform: uppercase
}

.bod-slider-Cnt .bod-slider .bod-slider-itm .sliderCnt .dtlCnt p.dtlTxt {
	font-size: 15px;
	line-height: 22px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 600;
	color: #000000
}

.bod-slider-Cnt .bod-slider .bod-slider-itm .sliderCnt .dtlCnt a.more {
	font-size: 15px;
	line-height: 22px;
	font-family: "Roboto", sans-serif;
	font-display: swap;
	font-weight: 600;
	color: #183883;
	text-decoration: underline
}

.bod-slider-Cnt .bod-slider .bod-slider-itm .sliderCnt .dtlCnt a.more:hover {
	text-decoration: none
}

.bod-slider-Cnt .bod-slider .slick-prev {
	left: 0
}

.bod-slider-Cnt .bod-slider .slick-next {
	right: 0
}

@font-face {
	font-family: 'DIN Next LT Pro HeavyItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic) format("svg");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Italic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Italic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Italic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Italic.svg#../fonts/DINNextLTPro/DINNextLTPro-Italic) format("svg");
	font-weight: 400;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro MediumItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-MediumItalic) format("svg");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro BoldItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-BoldItalic) format("svg");
	font-weight: 700;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Medium';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Medium.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Medium.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Medium.svg#../fonts/DINNextLTPro/DINNextLTPro-Medium) format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Light';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Light.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Light.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Light.svg#../fonts/DINNextLTPro/DINNextLTPro-Light) format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayblack';
	src: url("../fonts/sfpro-display/SFProDisplay-Black.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Blackd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Black.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Black.svg#SFProDisplay-Black") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaybold';
	src: url("../fonts/sfpro-display/SFProDisplay-Bold.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Bold.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Bold.svg#SFProDisplay-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayheavy';
	src: url("../fonts/sfpro-display/SFProDisplay-Heavy.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Heavy.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Heavy.svg#SFProDisplay-Heavy") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaylight';
	src: url("../fonts/sfpro-display/SFProDisplay-Light.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Light.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Light.svg#SFProDisplay-Light") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayregular';
	src: url("../fonts/sfpro-display/SFProDisplay-Regular.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Regular.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Regular.svg#SFProDisplay-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaymedium';
	src: url("../fonts/sfpro-display/SFProDisplay-Medium.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Medium.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Medium.svg#SFProDisplay-Medium") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaysemibold';
	src: url("../fonts/sfpro-display/SFProDisplay-Semibold.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Semiboldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Semibold.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Semibold.svg#SFProDisplay-Semibold") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaythin';
	src: url("../fonts/sfpro-display/SFProDisplay-Thin.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Thind41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Thin.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Thin.svg#SFProDisplay-Thin") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Knowledge-medium";
	src: url("../fonts/knowledge/Knowledge-Medium.eot");
	src: url("../fonts/knowledge/Knowledge-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/knowledge/Knowledge-Medium.ttf") format("truetype"), url("../fonts/knowledge/Knowledge-Medium.svg#Knowledge-Medium") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Knowledge-bold";
	src: url("../fonts/knowledge/Knowledge-Bold.eot");
	src: url("../fonts/knowledge/Knowledge-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/knowledge/Knowledge-Bold.ttf") format("truetype"), url("../fonts/knowledge/Knowledge-Bold.svg#Knowledge-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'oswaldbold';
	src: url("../fonts/oswald/oswald.bold-webfont.woff2") format("woff2"), url("../fonts/oswald/oswald.bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'oswaldregular';
	src: url("../fonts/oswald/oswald.regular-webfont.woff2") format("woff2"), url("../fonts/oswald/oswald.regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroythin";
	src: url("../fonts/gilroy/Gilroy-Thin.eot");
	src: url("../fonts/gilroy/Gilroy-Thind41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Thin.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Thin.svg#Gilroy-Thin") format("svg");
	font-weight: 100;
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroylight";
	src: url("../fonts/gilroy/Gilroy-Light.eot");
	src: url("../fonts/gilroy/Gilroy-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Light.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Light.svg#Gilroy-Light") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroyregular";
	src: url("../fonts/gilroy/Gilroy-Regular.eot");
	src: url("../fonts/gilroy/Gilroy-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Regular.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Regular.svg#Gilroy-Regular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroymedium";
	src: url("../fonts/gilroy/Gilroy-Medium.eot");
	src: url("../fonts/gilroy/Gilroy-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Medium.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
	font-weight: 500;
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroybold";
	src: url("../fonts/gilroy/Gilroy-Bold.eot");
	src: url("../fonts/gilroy/Gilroy-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Bold.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
	font-weight: bold;
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroysemibold";
	src: url("../fonts/gilroy/Gilroy-SemiBold.eot");
	src: url("../fonts/gilroy/Gilroy-SemiBoldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-SemiBold.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroyextrabold";
	src: url("../fonts/gilroy/Gilroy-ExtraBold.eot");
	src: url("../fonts/gilroy/Gilroy-ExtraBoldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-ExtraBold.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
	font-weight: normal;
	font-style: normal
}

h2.exp-heading {
	font-family: "gilroyextrabold";
	font-size: 27px;
	font-weight: 800;
	color: #141b4d;
	text-align: center;
	text-transform: uppercase
}

.experience .btn-dark-red {
	font-family: "gilroysemibold";
	font-size: 15px;
	line-height: 21px;
	margin: 40px 0 10px 0;
	background-color: transparent;
	border: 3px solid #db011f;
	color: #010101;
	padding: 18px 38px
}

.experience .btn-dark-red:hover {
	background-color: transparent;
	border-color: #db011f;
	color: #db011f
}

.bg-grey {
	background-color: #f4f4f4
}

.experience {
	margin-top: 0px;
	margin-bottom: 0px
}

.exp-hero {
	position: relative;
	width: 100%;
	height: auto
}

.exp-hero .banner-Slider .slick-slide {
	margin: 0px
}

.exp-hero .banner-Slider img {
	width: 100%;
	height: auto
}

.exp-hero .banner-Slider .bannerSlide {
	position: relative
}

.exp-hero .bannerContentContainer {
	width: 100%;
	min-height: 210px;
	background-color: #23274d;
	opacity: 0.9;
	position: absolute;
	bottom: 0px
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer {
		min-height: 180px
	}
}

.exp-hero .bannerContentContainer .container {
	display: block;
	margin-top: 20px
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer .container {
		margin-top: 35px
	}
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer .container .desktopPadding {
		padding-top: 60px
	}
}

.exp-hero .bannerContentContainer .container .contentSlider h2 {
	color: #fff;
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 27px;
	margin-bottom: 0px;
	text-align: left
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer .container .contentSlider h2 {
		font-size: 30px
	}
}

.exp-hero .bannerContentContainer .container .contentSlider span {
	color: #fff;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	font-weight: 300
}

.exp-hero .bannerContentContainer .container .contentSlider a {
	color: #fff;
	display: block;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 16px;
	text-decoration: underline;
	margin-top: 10px
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer .container .contentSlider a {
		font-size: 15px
	}
}

.exp-hero .banner-slider-controller {
	position: absolute;
	width: 100%;
	bottom: -20px
}

@media (min-width: 815px) {
	.exp-hero .banner-slider-controller {
		bottom: 30px;
		width: calc(100% - 300px);
		right: 0;
		overflow: hidden
	}
	.exp-hero .banner-slider-controller>.container {
		width: auto
	}
}

@media (min-width: 1367px) {
	.exp-hero .banner-slider-controller {
		width: calc(100% - 380px)
	}
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper {
	min-height: 30px;
	margin-bottom: 30px;
	width: 100%;
	border: solid 0px red
}

@media (min-width: 815px) {
	.exp-hero .banner-slider-controller .container.carousalControlsWrapper {
		margin-bottom: 0px
	}
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper {
	display: none
}

@media (min-width: 815px) {
	.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper {
		display: block;
		width: 100px;
		border: solid 0px red;
		min-height: 40px;
		float: right
	}
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper .prevArrow {
	height: 40px;
	width: 40px;
	float: left;
	background-color: #e5e5e5;
	cursor: pointer
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper .prevArrow .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper .nextArrow {
	height: 40px;
	width: 40px;
	float: right;
	background-color: #e5e5e5;
	cursor: pointer;
	margin-right: 15px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper .nextArrow .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper {
	width: 100%;
	border: solid 0px red;
	min-height: 40px;
	position: relative
}

@media (min-width: 815px) {
	.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper {
		width: calc(100% - 110px);
		float: left
	}
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper .slick-dots {
	top: 12px;
	bottom: 0px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper .slick-dots li {
	background-color: #7d7d90;
	height: 3px;
	width: 20px;
	margin-right: 0px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper .slick-dots li.slick-active {
	background-color: #fff
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper .slick-dots li button:before {
	content: ""
}

.exp-nmenu {
	background-color: #fff;
	min-height: 200px;
	width: 100%;
	background-image: url("../img/experience/experience-dropdown-bg.html");
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	overflow: inherit
}

@media (min-width: 815px) {
	.exp-nmenu {
		min-height: 140px
	}
}

@media (max-width: 815px) {
	.exp-nmenu {
		background: #fff;
		background-image: none
	}
}

.exp-nmenu .container {
	padding-top: 20px
}

@media (min-width: 815px) {
	.exp-nmenu .container {
		padding-top: 0px
	}
}

.exp-nmenu .container .dropdown {
	width: 100%;
	background-color: #fff;
	border: 0px
}

.exp-nmenu .container .dropdown button.btn-primary {
	width: 100%;
	color: #db011f;
	background-color: #fff;
	border: 0px;
	text-align: left;
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 15px;
	outline: none
}

.exp-nmenu .container .dropdown button.btn-primary .caret {
	margin-left: 0;
	float: right;
	margin-top: 6px;
	border-top: 8px dashed;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}

.exp-nmenu .container .dropdown ul.dropdown-menu {
	width: 100%;
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 15px;
	top: 95%;
	border: 0px;
	border-radius: 0px
}

.exp-nmenu .container .dropdown ul.dropdown-menu li {
	padding: 10px;
	border-top: solid 1px #cfcfcf;
	margin: 0px 20px;
	cursor: pointer
}

.exp-nmenu .container .dropdown ul.dropdown-menu li a {
	color: #141b4d !important;
	padding: 3px 5px
}

.exp-nmenu .container .dropdown ul.dropdown-menu li a:hover {
	background-color: transparent;
	color: #db011f
}

.exp-nmenu .container .dropdown ul.dropdown-menu li.hide {
	display: none
}

.sticky {
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 10000;
	margin: 0px auto
}

.welcomeTextSection {
	text-align: center;
	margin: 0 auto;
	background: #ffffff;
	padding-bottom: 80px
}

.welcomeTextSection.innerpageText {
	padding-top: 20px;
	padding-bottom: 50px
}

.welcomeTextSection .welcomewrapper {
	display: inline-block;
	white-space: nowrap
}

@media (max-width: 815px) {
	.welcomeTextSection .welcomewrapper {
		padding: 0 40px
	}
}

@media (max-width: 815px) {
	.welcomeTextSection .welcomewrapper .row {
		margin: 0
	}
}

.welcomeTextSection .welcomewrapper .row .welcomeblock {
	padding: 5px 0px;
	margin: 0px 0px;
	display: inline-block;
	white-space: normal;
	vertical-align: middle;
	text-align: center;
	height: auto;
	float: none
}

@media (max-width: 815px) {
	.welcomeTextSection .welcomewrapper .row .welcomeblock {
		float: left;
		display: block
	}
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.lftText {
	margin: 0 0 0 15px
}

@media (max-width: 815px) {
	.welcomeTextSection .welcomewrapper .row .welcomeblock.lftText {
		margin: 0 0px
	}
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.lftText h4 {
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 27px;
	line-height: 33px;
	color: #141b4d;
	text-align: left;
	text-transform: uppercase
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.rgtText {
	margin: 0 15px 0 0
}

@media (max-width: 815px) {
	.welcomeTextSection .welcomewrapper .row .welcomeblock.rgtText {
		margin: 0 0px
	}
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.rgtText p {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 20px;
	line-height: 30px;
	color: #000000;
	margin: 0 0px 0 0;
	text-align: left
}

@media (min-width: 815px) {
	.welcomeTextSection .welcomewrapper .row .welcomeblock.rgtText p {
		margin: 0 30px 0 0
	}
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.rgtText p strong {
	font-weight: 600
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.rgtText p:first-child {
	margin: 0 0px 30px 0
}

@media (min-width: 815px) {
	.welcomeTextSection .welcomewrapper .row .welcomeblock.rgtText p:first-child {
		margin: 0 30px 30px 0
	}
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.rgtText p.nomrgn {
	margin: 0 30px 0 0
}

@media (min-width: 815px) {
	.welcomeTextSection .welcomewrapper .row .welcomeblock.p-gray-text {
		padding-left: 30px
	}
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.p-gray-text p {
	color: rgba(0, 0, 0, 0.6)
}

.welcomeTextSection .welcomewrapper .row .welcomeblock.p-gray-text p:first-child {
	margin-bottom: 0
}

.exp-our-initiatives {
	background: #ffffff
}

@media (max-width: 815px) {
	.exp-our-initiatives>.container {
		padding-left: 0;
		padding-right: 0
	}
}

.exp-our-initiatives .eoi-row {
	margin-left: 0px;
	margin-right: 0px
}

@media (min-width: 815px) {
	.exp-our-initiatives .eoi-row {
		margin-left: -5px;
		margin-right: -5px
	}
}

@media (min-width: 815px) {
	.exp-our-initiatives .eoi-row>div {
		padding-right: 5px;
		padding-left: 5px
	}
}

@media (max-width: 815px) {
	.exp-our-initiatives .eoi-row>div {
		padding-right: 0px;
		padding-left: 0px
	}
}

.exp-our-initiatives .eoi-row .col-sm-6:nth-child(5),
.exp-our-initiatives .eoi-row .col-sm-6:nth-child(6) {
	display: none
}

.exp-our-initiatives .eoi-row .col-sm-6:nth-child(5).active,
.exp-our-initiatives .eoi-row .col-sm-6:nth-child(6).active {
	display: block
}

@media (min-width: 815px) {
	.exp-our-initiatives .our-init-card {
		margin-top: 10px
	}
}

.exp-our-initiatives .our-init-card h3 {
	font-size: 26px;
	font-family: "gilroyextrabold";
	font-display: swap;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.385;
	margin: 0
}

.exp-our-initiatives .oi-photo {
	background-color: #141b4d;
	position: relative
}

.exp-our-initiatives .oi-photo img {
	opacity: 0.3
}

@media (max-width: 815px) {
	.exp-our-initiatives .oi-photo img {
		width: 100%
	}
}

.exp-our-initiatives .oi-photo h3 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	padding: 0 25px;
	z-index: 1;
	display: block
}

@media (min-width: 815px) {
	.exp-our-initiatives .oi-photo h3 {
		display: none
	}
}

.exp-our-initiatives .our-init-overlay {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px 25px
}

@media (min-width: 815px) {
	.exp-our-initiatives .our-init-overlay {
		color: #fff;
		padding: 25px
	}
}

.exp-our-initiatives .our-init-overlay a,
.exp-our-initiatives .our-init-overlay a:hover,
.exp-our-initiatives .our-init-overlay a:focus {
	color: #fff;
	letter-spacing: 2px
}

.exp-our-initiatives .link-white-btn {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 5px 0 0;
	position: relative;
	font-family: "gilroysemibold";
	font-display: swap;
	font-size: 16px;
	letter-spacing: normal !important
}

@media (min-width: 815px) and (max-width: 991px) {
	.exp-our-initiatives .link-white-btn {
		font-size: 14px;
		line-height: 20px
	}
}

.exp-our-initiatives .link-white-btn:after {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	background: #fff;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0
}

.exp-our-initiatives .link-white-btn:hover {
	color: rgba(255, 255, 255, 0.8)
}

.exp-our-initiatives .link-white-btn:hover:after {
	width: 100%;
	left: 0
}

.exp-our-initiatives .oi-card-hover {
	overflow: hidden;
	position: relative
}

.exp-our-initiatives .oi-card-hover .our-init-overlay {
	position: relative;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	display: none
}

@media (min-width: 815px) {
	.exp-our-initiatives .oi-card-hover .our-init-overlay {
		height: 115px;
		position: absolute;
		display: block
	}
}

.exp-our-initiatives .oi-card-hover .our-init-overlay h3 {
	margin-bottom: 15px;
	display: none
}

@media (min-width: 815px) {
	.exp-our-initiatives .oi-card-hover .our-init-overlay h3 {
		display: block
	}
}

.exp-our-initiatives .oi-card-hover .our-init-overlay p {
	margin: 0;
	margin-bottom: 20px;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 24px
}

@media (max-width: 815px) {
	.exp-our-initiatives .oi-card-hover .our-init-overlay p {
		margin-bottom: 10px;
		color: #000000
	}
}

@media (min-width: 815px) and (max-width: 991px) {
	.exp-our-initiatives .oi-card-hover .our-init-overlay p {
		font-size: 14px;
		line-height: 20px
	}
}

@media (max-width: 815px) {
	.exp-our-initiatives .oi-card-hover .our-init-overlay .link-white-btn {
		color: #ff001a;
		font-size: 16px;
		font-weight: 600;
		text-decoration: underline
	}
}

.exp-our-initiatives .oi-card-hover:hover .our-init-overlay {
	height: 85%
}

.exp-our-initiatives .oi-accordion {
	position: relative;
	display: block;
	padding-right: 30px
}

.exp-our-initiatives .oi-accordion:hover,
.exp-our-initiatives .oi-accordion:focus {
	color: #fff
}

.exp-our-initiatives .oi-accordion::after {
	content: "";
	display: block;
	background: url("../img/experience/down-arrow.html") center no-repeat;
	position: absolute;
	top: 5px;
	right: 0;
	width: 23px;
	height: 16px
}

.exp-our-initiatives .oi-accordion.open::after {
	background: url("../img/experience/up-arrow.html") center no-repeat
}

.exp-our-initiatives.pro-records .oi-card-hover {
	overflow: hidden
}

.exp-our-initiatives.pro-records .oi-card-hover .our-init-overlay {
	position: relative;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	display: none
}

@media (min-width: 815px) {
	.exp-our-initiatives.pro-records .oi-card-hover .our-init-overlay {
		height: 75px;
		position: absolute;
		display: block;
		bottom: 10px
	}
}

.exp-our-initiatives.pro-records .oi-card-hover:hover .our-init-overlay {
	height: 70%
}

@media (min-width: 816px) and (max-width: 1199px) {
	.exp-our-initiatives.pro-records .oi-card-hover:hover .our-init-overlay {
		height: 100%
	}
}

.exp-EventCnt {
	padding: 80px 0 50px 0;
	background-color: #ffffff
}

@media (max-width: 767px) {
	.exp-EventCnt {
		padding: 80px 0 50px 0
	}
}

@media (max-width: 767px) {
	.exp-EventCnt>.container {
		padding: 0
	}
}

@media (max-width: 767px) {
	.exp-EventCnt .exp-eventslider {
		padding-left: 20px
	}
}

.exp-EventCnt h2.exp-heading {
	margin-bottom: 40px
}

@media (max-width: 767px) {
	.exp-EventCnt h2.exp-heading {
		padding: 0 15px
	}
}

.exp-EventCnt .exp-event-card {
	position: relative
}

.exp-EventCnt .exp-event-card.slick-slide:not(.slick-active) {
	opacity: 0.3
}

.exp-EventCnt .exp-event-card .exp-card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 15px 10px 15px;
	color: #fff;
	text-align: center;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.exp-EventCnt .exp-event-card .exp-card-overlay h4 {
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	text-align: left;
	margin: 0 0 15px 0
}

.exp-EventCnt .exp-event-card .exp-card-overlay p.place {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle
}

.exp-EventCnt .exp-event-card .exp-card-overlay p.place a.exp-btn {
	font-family: "gilroysemibold";
	font-display: swap;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: underline;
	text-transform: uppercase;
	float: right;
	vertical-align: middle
}

.exp-EventCnt .exp-event-card .exp-card-overlay p.place a.exp-btn:hover {
	text-decoration: none;
	color: #ffffff;
	vertical-align: middle
}

.exp-EventCnt .exp-event-card .exp-card-overlay p.place:before {
	content: " ";
	width: 26px;
	height: 24px;
	background: transparent url(../img/experience/event-loc-icon.html) left center no-repeat;
	vertical-align: middle;
	display: inline-block
}

.exp-EventCnt .exp-event-card .exp-date {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #141b4d;
	padding: 10px
}

.exp-EventCnt .exp-event-card .exp-date p.date {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 16px;
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center
}

.exp-EventCnt .exp-event-card .exp-date p.date span {
	display: block;
	font-family: "gilroybold";
	font-display: swap;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase
}

.exp-EventCnt .exp-event-card img {
	width: 100%
}

@media (max-width: 767px) {
	.exp-EventCnt .slick-list {
		padding: 0 30px 0 0 !important
	}
}

.performance-gear-exp {
	position: relative;
	padding-top: 50px;
	background: #ffffff
}

@media (max-width: 815px) {
	.performance-gear-exp {
		padding: 40px 0
	}
}

.performance-gear-exp img.pg-img {
	width: 100%
}

.performance-gear-exp h2 {
	display: none
}

@media (max-width: 815px) {
	.performance-gear-exp h2 {
		font-family: 'gilroyextrabold';
		font-display: swap;
		font-size: 27px;
		line-height: 33px;
		color: #141b4d;
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		text-align: center;
		left: calc(50% - 134px);
		top: 40px
	}
}

.performance-gear-exp h2.exp-heading {
	position: relative;
	left: inherit
}

.performance-gear-exp .performance-gear-box {
	width: 300px;
	position: absolute;
	top: 55%;
	right: 20%;
	padding: 0;
	transform: translateY(-50%);
	text-align: left
}

@media (min-width: 815px) and (max-width: 1024px) {
	.performance-gear-exp .performance-gear-box {
		top: 60%;
		right: 10%
	}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.performance-gear-exp .performance-gear-box {
		right: 15%
	}
}

@media (max-width: 815px) {
	.performance-gear-exp .performance-gear-box {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		transform: none;
		text-align: center;
		width: 100%;
		margin: 20px auto
	}
}

.performance-gear-exp .performance-gear-box h2 {
	display: block;
	font-family: 'gilroyextrabold';
	font-display: swap;
	font-size: 27px;
	line-height: 33px;
	color: #141b4d;
	margin: 0px 0 50px 0;
	text-align: left
}

@media (max-width: 815px) {
	.performance-gear-exp .performance-gear-box h2 {
		display: none
	}
}

@media (min-width: 1025px) {
	.performance-gear-exp .performance-gear-box h2 {
		margin: 0px 0 85px 0
	}
}

.performance-gear-exp .performance-gear-box h4 {
	font-family: 'gilroybold';
	font-display: swap;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	margin: 0px 0 15px 0
}

@media (max-width: 815px) {
	.performance-gear-exp .performance-gear-box h4 {
		font-size: 24px;
		line-height: 30px
	}
}

.performance-gear-exp .performance-gear-box p {
	font-family: 'gilroyregular';
	font-display: swap;
	font-size: 16px;
	color: #000000;
	margin: 0px 0 0
}

@media (min-width: 480px) {
	.performance-gear-exp .performance-gear-box p {
		font-size: 18px;
		line-height: 24px
	}
}

.bordr {
	border: solid 1px red
}

.exp-testimonials {
	padding-top: 0px;
	background-color: #fff;
	min-height: 700px
}

@media (min-width: 815px) {
	.exp-testimonials {
		min-height: 650px
	}
}

@media (min-width: 815px) {
	.exp-testimonials {
		padding-top: 75px
	}
}

.exp-testimonials .testimonialWrapper {
	width: 100%;
	height: 520px;
	padding: 10px;
	color: #000;
	background-color: #e6e6e6;
	box-shadow: 0px 15px 10px -15px #111;
	position: relative
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper {
		height: 400px;
		max-width: 1040px;
		margin: 0px auto
	}
}

.exp-testimonials .testimonialWrapper .container {
	width: 100%;
	padding: 0px
}

.exp-testimonials .testimonialWrapper .container .row {
	margin-top: 25px
}

.exp-testimonials .testimonialWrapper .container .row .arrowContainer {
	float: left;
	width: 10%
}

.exp-testimonials .testimonialWrapper .container .row .slideContainer {
	float: left;
	width: 80%
}

.exp-testimonials .testimonialWrapper .prevArrow {
	display: block;
	height: 40px;
	width: 40px;
	float: left;
	margin-top: 130px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .prevArrow {
		margin-left: 20px
	}
}

.exp-testimonials .testimonialWrapper .prevArrow .arrow {
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

.exp-testimonials .testimonialWrapper .prevArrow .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.exp-testimonials .testimonialWrapper .nextArrow {
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	margin-top: 130px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .nextArrow {
		margin-right: 20px
	}
}

.exp-testimonials .testimonialWrapper .nextArrow .arrow {
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

.exp-testimonials .testimonialWrapper .nextArrow .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right {
	float: right
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p {
	font-family: 'gilroyregular';
	font-display: swap;
	font-size: 15px;
	position: relative;
	padding: 20px;
	line-height: 25px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p {
		padding: 70px 50px 50px 50px
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p::before {
	content: '';
	background: url("../img/experience/ico-quote-begin.html");
	position: absolute;
	top: -24px;
	left: 0px;
	height: 37px;
	width: 47px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p::before {
		top: 50px;
		left: -25px
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p::after {
	content: '';
	position: absolute;
	background: url("../img/experience/ico-quote-end.html");
	top: 88%;
	left: 80%;
	height: 37px;
	width: 47px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p::after {
		top: 80%;
		left: 90%
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper {
	text-align: center;
	display: block;
	overflow: hidden;
	margin-top: 50px
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper picture {
	float: left;
	width: 30%;
	margin-top: 7px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper picture {
		width: 100%;
		margin-top: 0px
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper .authorWrapper {
	float: left;
	width: 60%;
	text-align: left;
	margin-left: 5%;
	margin-top: 0px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper .authorWrapper {
		text-align: center;
		width: 100%
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper img {
	margin: 0px auto
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper h3 {
	font-family: 'gilroyextrabold';
	font-display: swap;
	font-size: 14px;
	color: #060606;
	margin: 20px 0px 0px 0px
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper span {
	font-family: 'gilroyregular';
	font-display: swap;
	font-size: 13px;
	color: #000000
}

.exp-testimonials .testimonialWrapper .dotsWrapper {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: -50px;
	left: 0%
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .dotsWrapper {
		width: 60%;
		height: 30px;
		position: absolute;
		bottom: 20px;
		left: 20%
	}
}

.exp-testimonials .testimonialWrapper .dotsWrapper .slick-dots {
	top: 15px;
	bottom: 0px;
	border: solid 0px red
}

.exp-testimonials .testimonialWrapper .dotsWrapper .slick-dots li {
	background-color: #2f2e2e;
	height: 1px;
	width: 20px;
	margin-right: 0px
}

.exp-testimonials .testimonialWrapper .dotsWrapper .slick-dots li.slick-active {
	background-color: #d6001c
}

.exp-testimonials .testimonialWrapper .testmonialBg {
	position: absolute;
	top: 101%;
	left: 0px;
	width: 100%
}

.exp-testimonials .testimonialWrapper .testmonialBg img {
	margin: 0px auto
}

.exp-testimonials .slick-dots li button:before {
	content: ""
}

.exp-vid-img-gallery {
	background: #ffffff;
	display: block;
	padding: 0 0 20px 0
}

.exp-vid-img-gallery.one-champion-moc {
	padding: 40px 0 20px 0
}

@media (min-width: 815px) {
	.exp-vid-img-gallery.one-champion-moc {
		padding: 90px 0 20px 0
	}
}

.exp-vid-img-gallery p.moc-subtitle,
.exp-vid-img-gallery p.moc-summary {
	margin: 0 auto 40px;
	max-width: 740px;
	text-align: center;
	line-height: 24px;
	font-size: 18px;
	font-family: "gilroyregular";
	font-display: swap
}

.exp-vid-img-gallery .tabs-left .tabsWrapper {
	white-space: nowrap;
	overflow-x: auto;
	width: 100%
}

.exp-vid-img-gallery .container-fluid {
	padding-right: 0px;
	padding-left: 0px
}

.exp-vid-img-gallery h2.exp-heading {
	margin-bottom: 30px
}

.exp-vid-img-gallery .vid-controller-wrapper .prevArrowVid {
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	background-color: #e5e5e5
}

@media (min-width: 815px) {
	.exp-vid-img-gallery .vid-controller-wrapper .prevArrowVid {
		margin-right: 20px;
		margin-top: 20px
	}
}

.exp-vid-img-gallery .vid-controller-wrapper .prevArrowVid .arrow {
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

.exp-vid-img-gallery .vid-controller-wrapper .prevArrowVid .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.exp-vid-img-gallery .vid-controller-wrapper .nextArrowVid {
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	background-color: #e5e5e5
}

@media (min-width: 815px) {
	.exp-vid-img-gallery .vid-controller-wrapper .nextArrowVid {
		margin-right: 20px;
		margin-top: 20px
	}
}

.exp-vid-img-gallery .vid-controller-wrapper .nextArrowVid .arrow {
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

.exp-vid-img-gallery .vid-controller-wrapper .nextArrowVid .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.exp-vid-img-gallery .container.carousalControlsWrapper {
	min-height: 30px;
	margin-top: 20px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper {
	display: none
}

@media (min-width: 815px) {
	.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper {
		display: block;
		width: 100px;
		border: solid 0px red;
		min-height: 40px;
		float: right
	}
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper .prevArrow {
	height: 40px;
	width: 40px;
	float: left;
	background-color: #e5e5e5;
	cursor: pointer
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper .prevArrow .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper .nextArrow {
	height: 40px;
	width: 40px;
	float: right;
	margin-right: 14px;
	background-color: #e5e5e5;
	cursor: pointer
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper .nextArrow .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper {
	width: 100%;
	border: solid 0px red;
	min-height: 40px;
	position: relative
}

@media (min-width: 815px) {
	.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper {
		width: calc(100% - 110px);
		float: left
	}
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper .slick-dots {
	top: 15px;
	bottom: 0px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper .slick-dots li {
	background-color: #d3d3d3;
	height: 3px;
	width: 20px;
	margin-right: 0px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper .slick-dots li.slick-active {
	background-color: #c10720
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper .slick-dots li button:before {
	content: ""
}

.exp-vid-img-gallery .exp-vidimg .slick-slide {
	margin-top: 0 !important;
	background-color: transparent;
	margin-left: 20px;
	margin-right: 20px
}

.exp-vid-img-gallery .exp-vidimg .slick-slide:not(.slick-active) {
	opacity: 0.3
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .slick-slide {
		margin-left: 10px;
		margin-right: 10px
	}
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img {
	position: relative
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img a.downloadicon {
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 2
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img .vidTextCnt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 15px 10px 15px;
	color: #fff;
	text-align: left;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent)
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .gal-nrm-img .vidTextCnt {
		padding: 0 10px 10px 10px
	}
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img .vidTextCnt h4.vidTitle {
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	text-align: left;
	margin: 0 0 15px 0
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img .vidTextCnt p.vidText {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	margin: 0 45px 0 0;
	text-align: left
}

@media (min-width: 1300px) {
	.exp-vid-img-gallery .exp-vidimg .gal-nrm-img img.pg-img {
		width: 100%
	}
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .gal-nrm-img img.pg-img {
		width: 100%
	}
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper {
	position: relative
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .video-hero-modal-poster {
	z-index: 1
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .video-hero-modal-poster::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent url("../img/experience/play-icon-red.html") center no-repeat;
	background-size: 100%;
	width: 88px;
	height: 88px
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .videoWrapper .video-hero-modal-poster::after {
		width: 50px;
		height: 50px
	}
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .vidTextCnt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 15px 10px 15px;
	color: #fff;
	text-align: left;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent)
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .videoWrapper .vidTextCnt {
		padding: 0 10px 10px 10px
	}
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .vidTextCnt h4.vidTitle {
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	text-align: left;
	margin: 0 0 5px 0
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .vidTextCnt p.vidText {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	margin: 0 0 0 0;
	text-align: left
}

@media (min-width: 1200px) {
	.exp-vid-img-gallery .exp-vidimg .videoWrapper img.pg-img {
		width: 100%
	}
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .videoWrapper img.pg-img {
		width: 100%
	}
}

.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab {
	background: #e6e6e6;
	display: inline-block;
	border-radius: 12px;
	padding: 5px 5px 5px 5px;
	width: auto;
	margin: 0 auto 35px auto;
	border: solid 0px #afaeae
}

.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li {
	transform: scale(1);
	margin: 0 0 0 0;
	box-shadow: none
}

.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li a {
	padding: 10px 15px;
	background: #e6e6e6;
	border-bottom: 0 none;
	transition: all 0s;
	min-width: 170px;
	font-size: 16px;
	line-height: 34px;
	font-family: "gilroymedium";
	font-display: swap;
	color: #2f2e2e;
	height: 53px;
	text-indent: 0;
	border-color: #2f2e2e;
	margin-bottom: 0px;
	margin-right: 0;
	border-radius: 0;
	text-transform: uppercase;
	position: relative;
	border: 0 none;
	display: block;
	text-align: center
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li a {
		min-width: 150px
	}
}

@media (max-width: 374px) {
	.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li a {
		min-width: 120px
	}
}

.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li.active a {
	border-radius: 10px;
	border-bottom: 0 none;
	transition: all 0s;
	background: #2f2e2e !important;
	color: #ffffff
}

.exp-socialmediaCnt {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 50px 0 55px 0;
	background: #ffffff
}

@media (min-width: 815px) {
	.exp-socialmediaCnt {
		padding: 105px 0 55px 0
	}
}

.exp-socialmediaCnt h4 {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	margin: 0 0 24px 0
}

@media (min-width: 320px) and (max-width: 479px) {
	.exp-socialmediaCnt h4 {
		font-size: 20px;
		line-height: 26px;
		margin: 0 auto 24px auto;
		max-width: 72%
	}
}

@media (min-width: 480px) and (max-width: 639px) {
	.exp-socialmediaCnt h4 {
		font-size: 20px;
		line-height: 26px;
		margin: 0 auto 24px auto;
		max-width: 56%
	}
}

.exp-socialmediaCnt .socialWrap {
	position: relative;
	display: block;
	left: 0;
	margin: 0;
	text-align: center
}

.exp-socialmediaCnt .socialWrap .socialIcons li {
	margin: 0 8px
}

@media (min-width: 815px) {
	.exp-socialmediaCnt .socialWrap .socialIcons li {
		display: inline-block;
		margin: 0 26px
	}
}

.exp-socialmediaCnt .socialWrap .socialIcons li a {
	width: 54px;
	height: 54px;
	background: url(../img/experience/exp-social-icons.html) no-repeat left top
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.fb {
	background-position: -1px -1px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.fb:hover {
	background-position: -1px -71px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.instagram {
	background-position: -113px -1px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.instagram:hover {
	background-position: -113px -71px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.twitter {
	background-position: -223px -1px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.twitter:hover {
	background-position: -223px -71px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.yt {
	background-position: -337px -1px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.yt:hover {
	background-position: -337px -71px
}

.exp-register-sec {
	background: #fff;
	position: fixed;
	bottom: 0px;
	z-index: 9999;
	margin: 0 auto;
	width: 100%
}

.exp-register-sec.nocookie {
	bottom: 0 !important
}

.exp-register-sec.hideAogbtn {
	display: none
}

@media (max-width: 815px) {
	.exp-register-sec>.container {
		padding: 0;
		overflow: hidden
	}
}

@media (min-width: 1200px) {
	.exp-register-sec>.container {
		width: 1070px
	}
}

@media (min-width: 815px) {
	.exp-register-sec {
		box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.24);
		padding: 15px 0;
		position: fixed;
		bottom: 0px;
		z-index: 9999;
		width: 100%
	}
}

.exp-register-sec .regi-text {
	display: none
}

@media (min-width: 815px) {
	.exp-register-sec .regi-text {
		display: block
	}
}

.exp-register-sec p {
	font-size: 18px;
	font-family: "gilroyregular";
	font-display: swap;
	color: #000;
	line-height: 1.333;
	text-align: center;
	margin: 0;
	margin-top: 12px
}

.exp-register-sec .btn-red {
	background: #db011f;
	font-size: 15px;
	font-family: "gilroysemibold";
	font-display: swap;
	width: 220px;
	height: 50px;
	margin: 0;
	padding: 13px
}

@media (max-width: 815px) {
	.exp-register-sec .btn-red {
		max-width: 480px;
		width: 100%;
		height: 80px;
		line-height: 2.7;
		font-size: 20px;
		box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.14);
		display: block
	}
}

.are-hero {
	background: #fff;
	padding-bottom: 30px
}

@media (min-width: 815px) {
	.are-hero {
		padding-bottom: 50px
	}
}

.are-hero .bannerSlide {
	background: #141b4d
}

.are-hero .bannerSlide .pg-img {
	opacity: 0.4
}

.are-hero .bannerSlide .pg-img.homebanner {
	opacity: 1
}

.are-hero .bannerSlide .are-heading {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 45px;
	font-family: "gilroybold";
	font-display: swap;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	color: #fff;
	max-width: 1170px;
	padding: 15px;
	margin-bottom: 10px
}

@media (min-width: 320px) and (max-width: 359px) {
	.are-hero .bannerSlide .are-heading {
		font-size: 38px
	}
}

@media (min-width: 815px) {
	.are-hero .bannerSlide .are-heading {
		top: 50%;
		bottom: inherit;
		right: 0;
		transform: translateY(-50%);
		font-size: 65px;
		margin: 0 auto
	}
}

.are-hero .bannerSlide .are-heading.home-banner-heading {
	text-transform: uppercase
}

@media (min-width: 375px) {
	.are-hero .bannerSlide .are-heading.home-banner-heading {
		font-size: 49px
	}
}

.are-moc {
	padding-top: 0
}

.are-moc .tabbable {
	position: relative
}

@media (max-width: 767px) {
	.are-moc .tabbable::after {
		content: "";
		position: absolute;
		top: 15px;
		right: -15px;
		width: 26px;
		height: 38px;
		background: #f3f3f3 url("../img/experience/right-arrow-black.html") center no-repeat;
		display: block
	}
}

@media (max-width: 815px) {
	.are-moc .tabs-left .nav-tabs.roundtab {
		border-radius: 0
	}
}

.are-moc .tab-div {
	position: relative
}

@media (max-width: 815px) {
	.are-moc .tab-div {
		height: 72px;
		overflow-y: hidden
	}
}

.moc-content {
	font-size: 18px;
	font-family: "gilroyregular";
	font-display: swap;
	color: #000;
	line-height: 1.333;
	max-width: 970px;
	margin: 0 auto
}

.moc-content .moc-summary {
	max-width: 740px;
	margin: 0 auto 30px;
	text-align: center;
	line-height: 1.4;
	font-size: 18px;
	font-family: "gilroyregular";
	font-display: swap
}

@media (min-width: 815px) {
	.moc-content .moc-summary {
		margin: 0 auto 40px
	}
}

@media (min-width: 815px) {
	.moc-content .moc-dropdown {
		display: none
	}
}

.moc-location {
	border: 1px solid #7f7f7f;
	height: 47px;
	border-radius: 0;
	margin-bottom: 20px;
	font-size: 18px;
	font-family: "gilroymedium";
	font-display: swap;
	color: #000;
	text-transform: uppercase;
	line-height: 1.2;
	position: relative;
	appearance: none;
	background: url("../img/experience/down-arrow-black.html") 95% center no-repeat;
	padding-right: 40px
}

@media (min-width: 375px) {
	.moc-location {
		height: 67px
	}
}

.moc-info h5 {
	font-size: 24px;
	font-family: "gilroymedium";
	font-display: swap;
	color: #000;
	line-height: 1.5;
	margin: 0;
	margin-bottom: 30px
}

@media (min-width: 815px) {
	.moc-info h5 {
		font-size: 14px;
		padding-left: 30px
	}
}

.moc-card {
	display: table;
	width: 100%;
	transition: all 0.3s ease-in-out;
	position: relative
}

.moc-card:not(:first-child) {
	padding-top: 20px;
	margin-top: 20px
}

.moc-card::after {
	content: " ";
	width: 80%;
	height: 1px;
	background: #b2b2b2;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s ease-in-out
}

.moc-card:hover::after {
	width: 100%
}

.moc-card>div {
	display: table-cell
}

.moc-card .moc-photo {
	width: 60px
}

@media (min-width: 815px) {
	.moc-card .moc-photo {
		width: 90px
	}
}

.moc-card .moc-sr {
	font-size: 16px;
	font-family: "gilroybold";
	font-display: swap;
	color: #2f2e2e;
	font-weight: bold;
	line-height: 1.5;
	width: 30px;
	vertical-align: top;
	padding-top: 15px
}

.moc-card .mocp-inner {
	width: 60px;
	height: 60px;
	overflow: hidden
}

@media (min-width: 815px) {
	.moc-card .mocp-inner {
		width: 90px;
		height: 90px
	}
}

.moc-card .mocp-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.moc-card .moc-body {
	vertical-align: top;
	padding: 0 15px 0 15px
}

@media (min-width: 375px) {
	.moc-card .moc-body {
		vertical-align: middle
	}
}

@media (min-width: 815px) {
	.moc-card .moc-body {
		padding: 0 15px 0 20px
	}
}

.moc-card .moc-body h4 {
	font-size: 18px;
	font-family: "gilroybold";
	font-display: swap;
	color: #141b4d;
	font-weight: bold;
	line-height: 1.333;
	margin: 0
}

@media (min-width: 375px) {
	.moc-card .moc-body h4 {
		margin-bottom: 10px
	}
}

.moc-card .moc-body ul {
	margin: 0;
	padding: 0;
	font-size: 0
}

.moc-card .moc-body ul>li {
	font-size: 14px;
	font-family: "gilroymedium";
	font-display: swap;
	color: #d6001c;
	line-height: 1.714
}

@media (min-width: 375px) {
	.moc-card .moc-body ul>li {
		display: inline-block
	}
}

@media (min-width: 375px) {
	.moc-card .moc-body ul>li:not(:first-child) {
		border-left: 1px solid #b2b2b2;
		padding-left: 15px;
		margin-left: 15px
	}
}

@media (min-width: 815px) {
	.moc-card .moc-body ul>li:not(:first-child) {
		padding-left: 25px;
		margin-left: 25px
	}
}

.india-map {
	position: relative;
	max-width: 401px
}

@media (max-width: 815px) {
	.india-map {
		display: none
	}
}

.india-map .nav-tabs {
	border: 0
}

.india-map .loc-circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border: 2px solid #141b4d;
	border-radius: 50%;
	text-indent: -99999px;
	cursor: pointer;
	transition: all 0.3s ease-in
}

.india-map .loc-circle.active {
	background: #d6001c;
	border: 2px solid #d6001c
}

.india-map .loc-circle.active::after {
	content: " ";
	width: 16px;
	height: 16px;
	border: 1px solid #d6001c;
	border-radius: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	display: block;
	transition: all 0.3s ease-in-out
}

.india-map .loc-circle>a {
	display: block
}

.india-map .loc-circle.delhi {
	top: 22%;
	left: 30%
}

.india-map .loc-circle.lucknow {
	top: 39%;
	left: 55%
}

.india-map .loc-circle.mumbai {
	top: 61.3%;
	left: 16%
}

.india-map .loc-circle.pune {
	top: 63%;
	left: 27%
}

.india-map .loc-circle.hyderabad {
	top: 60%;
	left: 53%
}

.india-map .loc-circle.goa {
	top: 78%;
	left: 25%
}

.moc-dropdown {
	margin-bottom: 20px
}

.moc-dropdown .moc-location {
	width: 100%;
	text-align: left;
	padding-left: 15px;
	background-color: transparent;
	box-shadow: none;
	font-size: 18px;
	margin: 0
}

.moc-dropdown>.dropdown-menu {
	width: 100%
}

.moc-dropdown>.dropdown-menu .nav-tabs {
	border-bottom: 0;
	margin-bottom: 0
}

.moc-dropdown>.dropdown-menu .nav-tabs>li {
	float: none;
	border: 0;
	border-radius: 0
}

.moc-dropdown>.dropdown-menu .nav-tabs>li>a {
	font-size: 16px
}

.moc-dropdown>.dropdown-menu .nav-tabs>li.active>a,
.moc-dropdown>.dropdown-menu .nav-tabs>li.active>a:hover,
.moc-dropdown>.dropdown-menu .nav-tabs>li.active>a:focus {
	background-color: #183883;
	color: #fff;
	border-radius: 0
}

.form-header {
	position: relative
}

@media (max-width: 815px) {
	.form-header {
		height: 80px;
		background: #fff;
		border-bottom: 2px solid #c0c0c0
	}
}

.form-header .fh-img {
	display: none
}

@media (min-width: 815px) {
	.form-header .fh-img {
		display: block
	}
}

.form-header .fh-overlay {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 45px;
	font-family: "gilroybold";
	font-display: swap;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	color: #fff;
	max-width: 1170px;
	padding: 15px;
	margin-bottom: 10px
}

@media (min-width: 815px) {
	.form-header .fh-overlay {
		right: 0;
		font-size: 65px;
		margin: 0 auto
	}
}

@media (min-width: 1200px) {
	.form-header .fh-overlay>.container {
		width: 960px;
		position: relative
	}
}

.form-header .fh-overlay .reg-title {
	color: #fff;
	display: none
}

@media (min-width: 815px) {
	.form-header .fh-overlay .reg-title {
		display: block
	}
}

.form-header .fh-overlay .btn-back {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	font-family: "gilroysemibold";
	font-display: swap;
	display: inline-block;
	padding: 10px 10px 10px 40px;
	background: url("../img/experience/back-arrow-grey.html") 10px center no-repeat;
	color: #000000
}

@media (min-width: 815px) {
	.form-header .fh-overlay .btn-back {
		background: rgba(0, 0, 0, 0.6) url("../img/experience/back-arrow-white.html") 10px center no-repeat;
		color: #fff;
		font-size: 14px;
		font-family: "gilroyregular";
		font-display: swap;
		padding: 10px 10px 10px 24px
	}
}

.reg-title {
	font-size: 27px;
	font-family: "gilroyextrabold";
	font-display: swap;
	color: #141b4d;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
	margin: 0
}

.exp-vid-img-gallery.experience-form-sec {
	padding: 25px 0
}

@media (min-width: 1200px) {
	.experience-form-sec>.container {
		width: 960px
	}
}

.experience-form-sec .moc-summary {
	margin: 0;
	margin-bottom: 20px
}

.experience-form-sec .reg-title {
	margin-bottom: 20px
}

@media (min-width: 815px) {
	.experience-form-sec .reg-title {
		display: none
	}
}

.experience-form h3 {
	font-size: 24px;
	font-family: "gilroyextrabold";
	font-display: swap;
	color: #000;
	font-weight: bold;
	line-height: 1.2
}

.experience-form .btn-dark-red {
	min-width: 180px;
	margin-top: 20px
}

@media (max-width: 815px) {
	.experience-form .note {
		margin-bottom: 40px
	}
}

.experience-form .event-time {
	margin: 0 0 20px;
	padding: 0
}

.experience-form .event-time>li {
	display: inline-block;
	font-size: 16px;
	font-family: "gilroysemibold";
	font-display: swap;
	color: #000;
	text-transform: uppercase
}

.experience-form .event-time>li+li {
	margin-left: 20px
}

@media (min-width: 815px) {
	.experience-form .event-time>li+li {
		margin-left: 80px
	}
}

.experience-form .event-time>li::before {
	content: "";
	width: 23px;
	height: 30px;
	background: url("../img/experience/location-icon.html") center no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.experience-form .event-time>li.date::before {
	width: 31px;
	height: 30px;
	background: url("../img/experience/calendar-icon.html") center no-repeat
}

.experience-form .form-group {
	margin-bottom: 48px
}

.experience-form .form-control {
	height: 66px;
	border: 2px solid #7f7f7f;
	border-radius: 0;
	font-size: 18px;
	font-family: "gilroymedium";
	font-display: swap;
	color: rgba(0, 0, 0, 0.702);
	text-transform: uppercase;
	line-height: 1.2
}

.experience-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.702)
}

.experience-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.702)
}

.experience-form .form-control::placeholder {
	color: rgba(0, 0, 0, 0.702)
}

.experience-form .qa-option .group>input,
.experience-form .qa-option .group>textarea {
	padding: 20px;
	height: 66px;
	border: 2px solid #7f7f7f;
	border-radius: 0;
	font-size: 18px;
	font-family: "gilroymedium";
	font-display: swap;
	color: rgba(0, 0, 0, 0.702);
	text-transform: uppercase;
	line-height: 1.2
}

.experience-form .qa-option .group select,
.experience-form .qa-option .bootstrap-select .btn {
	border: 2px solid #7f7f7f;
	padding: 20px;
	height: 66px;
	appearance: none
}

.experience-form .qa-option .group>label,
.experience-form .qa-option .bootstrap-select>label {
	color: rgba(0, 0, 0, 0.702);
	font-size: 18px;
	font-family: "gilroymedium";
	font-display: swap;
	left: 20px;
	top: 20px
}

.experience-form .qa-option input:focus~label,
.experience-form .qa-option select:focus~label,
.experience-form .qa-option select:required:valid~label {
	top: -20px;
	font-size: 14px
}

.experience-form .qa-option .group {
	margin: 0 0 50px
}

@media (min-width: 815px) {
	.experience-form .qa-option .group {
		margin: 20px 0 26px
	}
}

.experience-form label.error {
	color: #f12a00;
	font-size: 14px;
	font-family: "gilroyregular";
	font-display: swap;
	position: absolute
}

.experience-form .optional {
	position: relative
}

.experience-form .optional::after {
	content: "OPTIONAL";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	font-size: 13px;
	font-family: "gilroyregular";
	font-display: swap;
	color: rgba(0, 0, 0, 0.502)
}

.guest-note {
	padding-left: 16px
}

@media (max-width: 815px) {
	.guest-note {
		margin-bottom: 40px
	}
}

.guest-note>li {
	list-style: decimal;
	margin-bottom: 10px
}

.about-aog {
	margin-top: 0px
}

.about-aog .divBack {
	width: 100%;
	height: 75px;
	background-color: #ffffff;
	display: block
}

@media (min-width: 815px) {
	.about-aog .divBack {
		display: none
	}
}

.about-aog .divBack span {
	font-family: "gilroyregular";
	color: #000;
	display: block;
	padding: 27px 40px;
	font-weight: 700;
	position: relative
}

.about-aog .divBack span::before {
	position: absolute;
	content: '';
	background: url("../img/about-aog/ico-back-mobile.html");
	width: 12px;
	height: 18px;
	top: 30px;
	left: 17px
}

.about-aog .bannerWrapper img.pg-img.aogbanner {
	display: block
}

@media (min-width: 815px) {
	.about-aog .bannerWrapper img.pg-img.aogbanner {
		display: none
	}
}

.about-aog .bannerWrapper .aogDesktopBanner {
	display: none
}

@media (min-width: 815px) {
	.about-aog .bannerWrapper .aogDesktopBanner {
		display: block
	}
}

.about-aog .bannerWrapper .container {
	position: relative;
	padding: 0px;
	z-index: 1
}

.about-aog .bannerWrapper .container .divBackMobile {
	display: none
}

@media (min-width: 815px) {
	.about-aog .bannerWrapper .container .divBackMobile {
		background-color: #000;
		position: absolute;
		top: 50px;
		left: 0px;
		z-index: 99;
		padding: 5px 10px;
		opacity: 0.7;
		display: block;
		min-width: 73px;
		text-align: center
	}
}

.about-aog .bannerWrapper .container .divBackMobile span {
	font-family: "gilroyregular";
	font-size: 14px;
	color: #fff
}

.about-aog .bannerWrapper .container .divBackMobile span::before {
	position: absolute;
	content: '';
	background: url("../img/about-aog/ico-back-desktop.html");
	width: 8px;
	height: 11px;
	top: 11px;
	left: 8px
}

.about-aog .bannerWrapper .container h1 {
	position: absolute;
	color: #fff;
	font-family: 'gilroybold';
	font-weight: 700;
	font-size: 32px;
	bottom: 10px;
	left: 20px;
	text-align: left
}

@media (min-width: 815px) {
	.about-aog .bannerWrapper .container h1 {
		font-weight: bold;
		font-size: 60px;
		top: 120px
	}
}

.about-aog .contentWrapper {
	background-color: #fff
}

.about-aog .contentWrapper .container {
	padding-top: 20px;
	padding-bottom: 0px
}

@media (min-width: 815px) {
	.about-aog .contentWrapper .container {
		padding-top: 50px
	}
}

.about-aog .contentWrapper .container p {
	font-family: "gilroyregular";
	font-size: 15px;
	color: #000
}

.about-aog .contentWrapper .container.no-horizontal-padding {
	padding-left: 0px;
	padding-right: 0px
}

.about-aog-milestones {
	position: relative;
	width: 100%
}

@media (min-width: 1366px) {
	.about-aog-milestones img.pg-img.aogbanner {
		width: 100%
	}
}

@media (max-width: 815px) {
	.about-aog-milestones img.pg-img.aogbanner {
		width: 100%
	}
}

.about-aog-milestones .container {
	position: absolute;
	border: solid 0px red;
	width: 100%;
	top: 55px
}

@media (min-width: 815px) {
	.about-aog-milestones .container {
		top: 45px
	}
}

.about-aog-milestones .container .col-sm-4 {
	margin-top: 10px
}

.about-aog-milestones .container .exp-heading {
	color: #fff;
	margin-bottom: 0px
}

.about-aog-milestones .container .row {
	padding-top: 20px
}

@media (min-width: 815px) {
	.about-aog-milestones .container .row {
		padding-top: 30px
	}
}

.about-aog-milestones .container .row .milestoneContent {
	color: #fff;
	width: 75%;
	margin-left: 25%;
	position: relative;
	padding-bottom: 20px
}

.about-aog-milestones .container .row .milestoneContent h4 {
	font-size: 18px;
	font-family: 'gilroybold';
	margin: 0px;
	opacity: 0.7
}

.about-aog-milestones .container .row .milestoneContent h3 {
	font-size: 36px;
	font-family: 'gilroyextrabold';
	padding: 0px;
	margin: 0px;
	line-height: 32px
}

@media (min-width: 815px) {
	.about-aog-milestones .container .row .milestoneContent h3 {
		font-size: 48px;
		line-height: 50px
	}
}

.about-aog-milestones .container .row .milestoneContent span {
	font-size: 14px;
	font-family: 'gilroyregular';
	margin: 0px;
	opacity: 0.7
}

@media (min-width: 815px) {
	.about-aog-milestones .container .row .milestoneContent span {
		font-size: 18px
	}
}

.about-aog-milestones .container .row .milestoneContent:before {
	content: '';
	position: absolute;
	top: 18px;
	left: -65px
}

@media (min-width: 815px) {
	.about-aog-milestones .container .row .milestoneContent:before {
		left: -75px
	}
}

.about-aog-milestones .container .row .communityMembers:before {
	background: url("../img/experience/ico-community-members.html");
	width: 54px;
	height: 41px
}

.about-aog-milestones .container .row .ridesCompleted:before {
	background: url("../img/experience/ico-rides-completed.html");
	width: 44px;
	height: 48px
}

.about-aog-milestones .container .row .kilometersCovered:before {
	background: url("../img/experience/ico-kilometers-covered.html");
	width: 36px;
	height: 52px
}

.about-aog-our-journey {
	width: 100%;
	background-color: #fff;
	display: block;
	overflow: hidden
}

.about-aog-our-journey .container {
	margin-top: 80px
}

@media (min-width: 815px) {
	.about-aog-our-journey .container {
		max-width: 910px
	}
}

.about-aog-our-journey .container h2.exp-heading {
	margin-bottom: 65px
}

.about-aog-our-journey .container .row {
	margin: 0px 0px 70px 0px
}

.about-aog-our-journey .container .row h4 {
	color: #d90120;
	font-family: 'gilroybold';
	font-size: 24px;
	margin: 0px
}

.about-aog-our-journey .container .row .dvJourneyWrapper {
	width: 100%;
	min-height: 200px;
	border-left: solid 1px #000;
	margin: 0px 10px
}

@media (min-width: 815px) {
	.about-aog-our-journey .container .row .dvJourneyWrapper {
		min-height: 140px
	}
}

.about-aog-our-journey .container .row .dvJourneyWrapper .dvJourneyContent {
	background-color: #ececec;
	padding: 15px;
	margin: 15px 15px 70px 15px;
	position: relative
}

@media (min-width: 815px) {
	.about-aog-our-journey .container .row .dvJourneyWrapper .dvJourneyContent {
		padding: 20px
	}
}

.about-aog-our-journey .container .row .dvJourneyWrapper .dvJourneyContent h4 {
	color: #000;
	font-size: 18px;
	font-family: 'gilroybold'
}

.about-aog-our-journey .container .row .dvJourneyWrapper .dvJourneyContent span {
	color: #000;
	font-size: 18px;
	font-family: 'gilroyregular'
}

.about-aog-our-journey .container .row .dvJourneyWrapper .dvJourneyContent:last-child {
	margin: 15px 15px 0px 15px
}

.about-aog-our-journey .container .row .dvJourneyWrapper .dvJourneyContent:before {
	content: '';
	position: absolute;
	height: 20px;
	width: 20px;
	border: solid 3px red;
	border-radius: 25px;
	background-color: #fff;
	left: -26px
}

.about-aog-our-journey .container .row .btnKnowMore {
	text-align: center;
	padding: 10px;
	margin: 0px auto;
	width: 150px;
	color: #010101;
	border: solid 2px #db011f;
	font-size: 14px;
	font-weight: 400;
	font-family: "gilroyextrabold";
	display: block
}

@media (min-width: 815px) {
	.about-aog-our-journey .container .row .btnKnowMore {
		margin: 0px auto
	}
}

.about-aog-our-journey .container .row.hide {
	display: none
}

.aog-nmenu {
	background-color: #fff;
	width: 100%;
	display: block
}

@media (min-width: 815px) {
	.aog-nmenu {
		min-height: 0px;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: right;
		display: block;
		overflow: inherit
	}
}

.aog-nmenu .container {
	padding: 20px 10px 50px 10px
}

@media (min-width: 815px) {
	.aog-nmenu .container {
		padding: 50px 15px 0 15px
	}
}

.aog-nmenu .container .dropdown {
	width: 100%;
	background-color: #fff;
	border: 0px;
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.24)
}

@media (min-width: 815px) {
	.aog-nmenu .container .dropdown {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
	}
}

.aog-nmenu .container .dropdown button.btn-primary {
	width: 100%;
	color: #db011f;
	background-color: #fff;
	border: 0px;
	text-align: left;
	font-family: "gilroyextrabold";
	font-size: 15px;
	outline: none
}

@media (min-width: 815px) {
	.aog-nmenu .container .dropdown button.btn-primary {
		width: 80%
	}
}

.aog-nmenu .container .dropdown button.btn-primary .caret {
	margin-left: 20px;
	float: right;
	margin-top: 5px;
	border-top: 8px dashed;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}

@media (min-width: 815px) {
	.aog-nmenu .container .dropdown button.btn-primary .caret {
		float: none;
		margin-top: -5px
	}
}

.aog-nmenu .container .dropdown button.btn-primary:active {
	-moz-box-shadow: none;
	-goog-ms-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.aog-nmenu .container .dropdown .ancJoinCommunity {
	float: right;
	border: solid 1px red;
	width: 18%;
	height: 100%;
	text-align: center;
	display: none;
	padding: 10px;
	margin: 10px;
	color: #fff;
	background-color: #db011f;
	font-size: 14px;
	font-weight: 400;
	font-family: "gilroyextrabold"
}

@media (min-width: 815px) {
	.aog-nmenu .container .dropdown .ancJoinCommunity {
		display: block;
		height: 53px;
		margin: 6px;
		line-height: 33px
	}
}

.aog-nmenu .container .dropdown ul.dropdown-menu {
	width: 100%;
	font-family: "gilroyextrabold";
	font-size: 15px;
	top: 95%;
	border: 0px;
	border-radius: 0px
}

.aog-nmenu .container .dropdown ul.dropdown-menu li {
	padding: 10px;
	border-top: solid 1px #cfcfcf;
	margin: 0px 20px;
	cursor: pointer
}

.aog-nmenu .container .dropdown ul.dropdown-menu li a {
	color: #141b4d !important;
	padding: 3px 5px
}

.aog-nmenu .container .dropdown ul.dropdown-menu li a:hover {
	background-color: transparent;
	color: #db011f
}

.sticky {
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 10000;
	margin: 0px auto
}

.aog-about {
	min-height: 100px;
	background-color: #fff;
	padding-bottom: 45px
}

@media (min-width: 815px) {
	.aog-about {
		padding-top: 0px
	}
}

@media (max-width: 767px) {
	.aog-about>.container {
		padding: 0
	}
}

.aog-about .pg-img {
	width: 100%;
	height: auto
}

.aog-about .bannerWrapper {
	background: #141b4d
}

.aog-about .bannerWrapper .pg-img {
	opacity: 0.4
}

.aog-about .video-hero-modal-poster::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent url(../img/experience/play-icon-red.html) center no-repeat;
	background-size: 100%;
	width: 88px;
	height: 88px
}

.aog-about .videoWrapper {
	position: relative
}

.aog-about .videoWrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.aog-about h3 {
	font-family: "gilroyextrabold";
	color: #000;
	font-size: 26px;
	font-weight: 400;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 5px
}

@media (min-width: 815px) {
	.aog-about h3 {
		font-size: 40px
	}
}

.aog-about span.descText {
	font-family: "gilroyregular";
	color: #000;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	width: 100%;
	display: block
}

.aog-about .btnKnowMore {
	text-align: center;
	padding: 10px;
	margin: 25px auto;
	width: 150px;
	color: #010101;
	border: solid 2px #db011f;
	font-size: 14px;
	font-weight: 400;
	font-family: "gilroyextrabold";
	display: block
}

@media (min-width: 815px) {
	.aog-about .btnKnowMore {
		margin: 40px auto 0px auto
	}
}

.aog-ride-with-us {
	background: #ffffff
}

@media (max-width: 815px) {
	.aog-ride-with-us>.container {
		padding-left: 0;
		padding-right: 0
	}
}

@media (min-width: 815px) {
	.aog-ride-with-us .eoi-row {
		margin-left: -5px;
		margin-right: -5px
	}
}

@media (min-width: 815px) {
	.aog-ride-with-us .eoi-row>div {
		padding-right: 5px;
		padding-left: 5px
	}
}

@media (min-width: 815px) {
	.aog-ride-with-us .our-init-card {
		margin-bottom: 10px;
		position: relative
	}
}

.aog-ride-with-us .our-init-card h3 {
	font-size: 26px;
	font-family: "gilroyextrabold";
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.385;
	margin: 0
}

@media (min-width: 815px) {
	.aog-ride-with-us .our-init-card.extraPadding {
		margin-bottom: 10px;
		margin-top: 19px
	}
}

.aog-ride-with-us .oi-photo {
	background-color: #141b4d;
	position: relative
}

.aog-ride-with-us .oi-photo img {
	opacity: 0.3
}

@media (max-width: 815px) {
	.aog-ride-with-us .oi-photo img {
		width: 100%
	}
}

.aog-ride-with-us .oi-photo h3 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	padding: 0 25px;
	z-index: 1;
	display: block
}

@media (min-width: 815px) {
	.aog-ride-with-us .oi-photo h3 {
		display: none
	}
}

.aog-ride-with-us .our-init-overlay {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px 25px
}

@media (min-width: 815px) {
	.aog-ride-with-us .our-init-overlay {
		color: #fff;
		padding: 25px
	}
}

.aog-ride-with-us .our-init-overlay p {
	margin: 0;
	margin-bottom: 20px;
	font-family: "gilroyregular";
	font-size: 18px
}

.aog-ride-with-us .our-init-overlay a,
.aog-ride-with-us .our-init-overlay a:hover,
.aog-ride-with-us .our-init-overlay a:focus {
	color: #fff;
	letter-spacing: 2px
}

.aog-ride-with-us .link-white-btn {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 5px 0 0;
	position: relative;
	font-family: "gilroysemibold";
	font-size: 16px;
	letter-spacing: normal !important
}

.aog-ride-with-us .link-white-btn:after {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	background: #fff;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0
}

.aog-ride-with-us .link-white-btn:hover {
	color: rgba(255, 255, 255, 0.8)
}

.aog-ride-with-us .link-white-btn:hover:after {
	width: 100%;
	left: 0
}

.aog-ride-with-us .oi-card-hover {
	overflow: hidden
}

.aog-ride-with-us .oi-card-hover .our-init-overlay {
	position: relative;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	display: none
}

@media (min-width: 815px) {
	.aog-ride-with-us .oi-card-hover .our-init-overlay {
		height: 120px;
		position: absolute;
		display: block
	}
}

.aog-ride-with-us .oi-card-hover .our-init-overlay h3 {
	margin-bottom: 15px;
	display: none
}

@media (min-width: 815px) {
	.aog-ride-with-us .oi-card-hover .our-init-overlay h3 {
		display: block
	}
}

.aog-ride-with-us .oi-card-hover .our-init-overlay p {
	margin: 0;
	margin-bottom: 20px;
	font-family: "gilroyregular";
	font-size: 18px
}

@media (max-width: 815px) {
	.aog-ride-with-us .oi-card-hover .our-init-overlay p {
		color: #000000;
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 10px
	}
}

@media (max-width: 815px) {
	.aog-ride-with-us .oi-card-hover .our-init-overlay .link-white-btn {
		color: #ff001a;
		font-size: 16px;
		font-weight: 600;
		text-decoration: underline
	}
}

.aog-ride-with-us .oi-card-hover:hover .our-init-overlay {
	height: 85%
}

.aog-ride-with-us .oi-card-hover .small:hover {
	height: 100% !important
}

.aog-ride-with-us .oi-accordion {
	position: relative;
	display: block;
	padding-right: 30px
}

.aog-ride-with-us .oi-accordion:hover,
.aog-ride-with-us .oi-accordion:focus {
	color: #fff
}

.aog-ride-with-us .oi-accordion::after {
	content: "";
	display: block;
	background: url("../img/experience/down-arrow.html") center no-repeat;
	position: absolute;
	top: 5px;
	right: 0;
	width: 23px;
	height: 16px
}

.aog-ride-with-us .oi-accordion.open::after {
	background: url("../img/experience/up-arrow.html") center no-repeat
}

.sub-category-ride-details {
	margin-top: 0px
}

.sub-category-ride-details .divBack {
	width: 100%;
	height: 75px;
	background-color: #ffffff;
	display: block
}

@media (min-width: 815px) {
	.sub-category-ride-details .divBack {
		display: none
	}
}

.sub-category-ride-details .divBack span {
	font-family: "gilroyregular";
	font-display: swap;
	color: #000;
	display: block;
	padding: 27px 40px;
	font-weight: 700;
	position: relative
}

.sub-category-ride-details .divBack span::before {
	position: absolute;
	content: "";
	background: url("../img/about-aog/ico-back-mobile.html");
	width: 12px;
	height: 18px;
	top: 30px;
	left: 17px
}

.sub-category-ride-details .bannerWrapper .container {
	position: relative;
	font-display: swap;
	font-weight: 700
}

@media (min-width: 1200px) {
	.sub-category-ride-details .bannerWrapper .container {
		width: 950px
	}
}

.sub-category-ride-details .bannerWrapper .container .divBackMobile {
	display: none
}

@media (min-width: 815px) {
	.sub-category-ride-details .bannerWrapper .container .divBackMobile {
		background-color: #000;
		position: absolute;
		top: 50px;
		left: 0px;
		z-index: 1000;
		padding: 5px 10px;
		border-radius: 0px;
		opacity: 0.7;
		display: block;
		min-width: 89px;
		text-align: center
	}
}

.sub-category-ride-details .bannerWrapper .container .divBackMobile span {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 14px;
	color: #fff
}

.sub-category-ride-details .bannerWrapper .container .divBackMobile span::before {
	position: absolute;
	content: "";
	background: url("../img/about-aog/ico-back-desktop.html");
	width: 8px;
	height: 11px;
	top: 11px;
	left: 15px
}

.sub-category-ride-details .bannerWrapper .container .bannerDesc {
	position: absolute;
	top: 290px;
	font-family: "gilroyregular";
	font-display: swap;
	font-weight: 700;
	font-size: 16px;
	color: #fff
}

@media (min-width: 815px) {
	.sub-category-ride-details .bannerWrapper .container .bannerDesc {
		top: 260px
	}
}

.sub-category-ride-details .contentWrapper {
	background-color: #fff
}

.sub-category-ride-details .contentWrapper .container {
	padding-top: 20px;
	padding-bottom: 20px
}

@media (min-width: 815px) {
	.sub-category-ride-details .contentWrapper .container {
		padding-top: 30px
	}
}

@media (min-width: 1200px) {
	.sub-category-ride-details .contentWrapper .container {
		width: 950px
	}
}

.sub-category-ride-details .contentWrapper .container p {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 15px;
	color: #000
}

.sub-category-ride-details .contentWrapper .container p b {
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	padding-top: 15px
}

.scrd-hero {
	position: relative
}

.scrd-hero .btn-back-aog {
	color: #000;
	font-size: 14px;
	font-family: "gilroybold";
	font-display: swap;
	text-align: left;
	line-height: 2.16;
	height: 50px;
	padding: 10px 15px;
	display: block;
	background: #fff;
	margin: 0 -15px
}

@media (min-width: 767px) {
	.scrd-hero .btn-back-aog {
		position: absolute;
		top: 25px;
		left: 15px;
		width: 80px;
		background: rgba(0, 0, 0, 0.6);
		color: #fff;
		height: auto;
		font-family: "gilroyregular";
		font-display: swap;
		text-align: center;
		padding: 0;
		margin: 0
	}
}

.scrd-hero .btn-back-aog::before {
	content: " ";
	width: 9px;
	height: 13px;
	background: url("../img/experience/back-arrow-grey.html") center no-repeat;
	background-size: contain;
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 10px
}

@media (min-width: 767px) {
	.scrd-hero .btn-back-aog::before {
		background: url("../img/experience/back-arrow-white.html") center no-repeat;
		margin-right: 5px
	}
}

.scrd-hero .scrd-overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
	color: #fff;
	padding: 25px 0
}

@media (min-width: 815px) {
	.scrd-hero .scrd-overlay {
		top: inherit
	}
}

.scrd-hero .scrd-overlay h1 {
	font-size: 36px;
	font-family: "gilroyextrabold";
	font-display: swap;
	text-align: left;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	padding: 0;
	margin: 0;
	margin-bottom: 10px
}

.scrd-hero .scrd-overlay p {
	font-size: 20px;
	font-family: "gilroyregular";
	font-display: swap;
	line-height: 1.5;
	max-width: 930px;
	margin: 0;
	display: block
}

@media (min-width: 815px) {
	.scrd-hero .scrd-overlay p {
		display: block
	}
}

.sub-category-details-faqs {
	background-color: #e5e5e5;
	padding: 30px 0px 0px 0px
}

@media (min-width: 1200px) {
	.sub-category-details-faqs .container {
		width: 900px
	}
}

.sub-category-details-faqs .container h2.exp-heading {
	text-align: left;
	text-transform: none;
	color: #000;
	font-size: 22px
}

@media (min-width: 815px) {
	.sub-category-details-faqs .container h2.exp-heading {
		font-size: 18px
	}
}

.sub-category-details-faqs .panel {
	border: 0px;
	border-radius: 0px
}

.sub-category-details-faqs .panel-default>.panel-heading {
	background-color: #e5e5e5;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	color: #000;
	font-weight: 300;
	padding: 0px 15px
}

.sub-category-details-faqs .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 15px;
	color: inherit;
	border-bottom: solid 1px #bfbfbf;
	height: 60px;
	line-height: 60px
}

@media (min-width: 815px) {
	.sub-category-details-faqs .panel-title {
		font-size: 18px
	}
}

.sub-category-details-faqs .panel:last-child .panel-title {
	border-bottom: 0px
}

.sub-category-details-faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: 0px;
	background-color: #2f2e2e;
	color: #fff;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 15px
}

@media (min-width: 815px) {
	.sub-category-details-faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
		font-size: 18px
	}
}

.sub-category-details-faqs .panel-default>.panel-heading.active {
	background-color: #2f2e2e;
	color: #fff;
	border-radius: 0
}

.sub-category-details-faqs .panel-default>.panel-heading.active .panel-title {
	border-bottom: 0px;
	font-family: "gilroysemibold";
	font-display: swap
}

.sub-category-details-faqs .panel-group .panel+.panel {
	margin-top: 0px
}

.sub-category-details-faqs .panel-group {
	margin-bottom: 0px
}

@media (min-width: 815px) {
	.sub-category-details-faqs .panel-group {
		margin-bottom: 30px
	}
}

.sub-category-details-faqs .panel-default>.panel-heading.active .glyphicon {
	position: relative;
	float: right;
	top: 11px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	font-size: 25px;
	-webkit-font-smoothing: antialiased;
	border: solid 1px #fff;
	padding: 5px 10px;
	border-radius: 50px;
	color: #fff
}

.sub-category-details-faqs .panel-default>.panel-heading .glyphicon {
	position: relative;
	float: right;
	top: 11px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	font-size: 25px;
	color: #070708;
	-webkit-font-smoothing: antialiased;
	border: solid 1px #070708;
	padding: 5px 10px;
	border-radius: 50px
}

.sub-category-details-faqs .container.noMobilePadding {
	padding-left: 0px;
	padding-right: 0px
}

.sub-category-details-register {
	margin-top: 0px
}

.sub-category-details-register .contentWrapper {
	background-color: #fff
}

.sub-category-details-register .contentWrapper .container {
	padding-top: 20px;
	padding-bottom: 20px
}

@media (min-width: 815px) {
	.sub-category-details-register .contentWrapper .container {
		padding-bottom: 0
	}
}

.sub-category-details-register .contentWrapper .container p {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 15px;
	color: #000
}

.sub-category-details-register .contentWrapper .container p b {
	font-family: "gilroybold";
	font-display: swap;
	display: block;
	padding-bottom: 40px;
	padding-top: 15px
}

@media (min-width: 815px) {
	.sub-category-details-register .contentWrapper .container p {
		font-size: 18px
	}
}

.sub-category-details-register .contentWrapper .container p a {
	color: #183883
}

.sub-category-details-register .contentWrapper .container ul {
	margin-top: 30px;
	margin-bottom: 50px;
	padding-left: 20px
}

.sub-category-details-register .contentWrapper .container ul>li {
	list-style: disc;
	margin-bottom: 15px;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 15px;
	color: #000
}

@media (min-width: 815px) {
	.sub-category-details-register .contentWrapper .container ul>li {
		font-size: 18px
	}
}

.sub-category-details-register .contentWrapper .container .btnKnowMore {
	text-align: center;
	padding: 10px;
	margin: 25px auto;
	width: 150px;
	color: #010101;
	border: solid 2px #db011f;
	font-size: 14px;
	font-weight: 400;
	font-family: "gilroyextrabold";
	font-display: swap;
	display: block
}

#featureBike {
	background: #ffffff
}

#featureBike .container.carousalControlsWrapper {
	min-height: 30px;
	margin-top: 20px
}

#featureBike .container.carousalControlsWrapper .arrowWrapper {
	display: none
}

@media (min-width: 815px) {
	#featureBike .container.carousalControlsWrapper .arrowWrapper {
		display: block;
		width: 100px;
		border: solid 0px red;
		min-height: 40px;
		float: right
	}
}

#featureBike .container.carousalControlsWrapper .arrowWrapper .prevArrow {
	height: 40px;
	width: 40px;
	float: left;
	background-color: #e5e5e5;
	cursor: pointer
}

#featureBike .container.carousalControlsWrapper .arrowWrapper .prevArrow .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

#featureBike .container.carousalControlsWrapper .arrowWrapper .nextArrow {
	height: 40px;
	width: 40px;
	float: right;
	background-color: #e5e5e5;
	cursor: pointer
}

#featureBike .container.carousalControlsWrapper .arrowWrapper .nextArrow .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

#featureBike .container.carousalControlsWrapper .dotWrapper {
	width: 90%;
	border: solid 0px red;
	min-height: 40px;
	position: relative;
	margin: 0px auto
}

@media (min-width: 815px) {
	#featureBike .container.carousalControlsWrapper .dotWrapper {
		width: calc(60% - 110px);
		float: left;
		left: 20%
	}
}

#featureBike .container.carousalControlsWrapper .dotWrapper .slick-dots {
	top: 15px;
	bottom: 0px
}

#featureBike .container.carousalControlsWrapper .dotWrapper .slick-dots li {
	background-color: #d3d3d3;
	height: 3px;
	width: 20px;
	margin-right: 0px
}

#featureBike .container.carousalControlsWrapper .dotWrapper .slick-dots li.slick-active {
	background-color: #c10720
}

#featureBike .container.carousalControlsWrapper .dotWrapper .slick-dots li button:before {
	content: ''
}

.featureBike {
	padding: 80px 0 40px 0
}

.featureBike .bike-slide {
	margin: 0 0 0 0
}

.featureBike .bike-slide .imgCnt {
	padding: 0 0 0 0;
	display: inline-block;
	float: none;
	vertical-align: middle
}

.featureBike .bike-slide .dtlCnt {
	display: inline-block;
	max-width: 32%;
	float: none;
	vertical-align: middle
}

@media (max-width: 815px) {
	.featureBike .bike-slide .dtlCnt {
		max-width: 100%;
		padding: 40px 0;
		margin: 0 30px;
		display: block
	}
}

.featureBike .bike-slide .dtlCnt h4.bikeTitle {
	display: block;
	font-family: "gilroymedium";
	font-display: swap;
	font-size: 24px;
	line-height: 30px;
	color: #000000
}

.featureBike .bike-slide .dtlCnt .bikeDtl {
	display: inline-block;
	width: 100%
}

.featureBike .bike-slide .dtlCnt .bikeDtl p.bikeDtlTxt {
	font-family: "gilroymedium";
	font-display: swap;
	font-size: 20px;
	line-height: 26px;
	color: #db011f;
	display: inline-block;
	width: 32%;
	vertical-align: top
}

@media (max-width: 374px) {
	.featureBike .bike-slide .dtlCnt .bikeDtl p.bikeDtlTxt {
		font-size: 18px;
		line-height: 24px
	}
}

.featureBike .bike-slide .dtlCnt .bikeDtl p.bikeDtlTxt span {
	font-family: "gilroymedium";
	font-display: swap;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	display: block;
	text-transform: uppercase
}

@media (max-width: 374px) {
	.featureBike .bike-slide .dtlCnt .bikeDtl p.bikeDtlTxt span {
		font-size: 13px;
		line-height: 18px
	}
}

@media (max-width: 815px) {
	.xprts-fbike .featureBike {
		padding-bottom: 0
	}
	.xprts-fbike .featureBike .bike-slide .dtlCnt {
		padding-bottom: 0
	}
}

@media (max-width: 815px) {
	.xprts-fbike#featureBike .container.carousalControlsWrapper {
		margin-top: 0
	}
}

.em-header {
	background: #fff
}

.em-header .aog-about {
	padding-bottom: 0;
	padding-top: 0
}

.msh-table {
	padding: 40px 0 30px 0;
	position: relative
}

@media (min-width: 815px) {
	.msh-table {
		display: table;
		width: 100%;
		padding: 30px 30px 30px 74px
	}
}

@media (min-width: 815px) {
	.msh-table>div {
		display: table-cell
	}
}

.msh-table .msh-logo {
	width: 120px;
	padding: 0;
	margin: 0 auto
}

@media (min-width: 815px) {
	.msh-table .msh-logo {
		padding: 5px 30px 5px 5px;
		margin: 0;
		border-right: 1px solid #ccc
	}
}

.msh-table .pa-img {
	width: 120px;
	height: 120px;
	overflow: hidden
}

.msh-table .pa-img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.msh-table .msh-body {
	vertical-align: middle;
	text-align: center;
	margin-top: 35px
}

@media (min-width: 815px) {
	.msh-table .msh-body {
		padding: 0 15px 0 25px;
		margin: 0;
		text-align: left
	}
}

.msh-table .msh-body h4 {
	margin: 0;
	font-size: 24px;
	font-family: "gilroyextrabold";
	font-display: swap;
	color: #141b4d;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	line-height: 0.781
}

@media (min-width: 365px) {
	.msh-table .msh-body h4 {
		font-size: 28px
	}
}

@media (min-width: 815px) {
	.msh-table .msh-body h4 {
		font-size: 36px
	}
}

.msh-table .msh-body p {
	font-size: 18px;
	font-family: "gilroymedium";
	font-display: swap;
	color: #141b4d;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 0
}

@media (min-width: 365px) {
	.msh-table .msh-body p {
		font-size: 22px
	}
}

@media (min-width: 815px) {
	.msh-table .msh-body p {
		font-size: 24px
	}
}

.embed-responsive-3by1 {
	padding-top: 33.33%
}

.motosoul-about {
	padding: 20px 0;
	background: #fff
}

@media (min-width: 815px) {
	.motosoul-about {
		padding: 70px 0 87px
	}
}

.ms-about {
	max-width: 925px;
	position: relative
}

@media (min-width: 815px) {
	.ms-about {
		padding: 0 0 0 45px;
		margin-bottom: 60px
	}
}

@media (max-width: 815px) {
	.ms-about {
		padding: 0 20px
	}
}

@media (min-width: 1024px) and (max-width: 1140px) {
	.ms-about {
		padding-right: 60px
	}
}

.ms-about p {
	font-size: 18px;
	font-family: "gilroyregular";
	color: #000;
	line-height: 1.4;
	margin: 0;
	margin-bottom: 30px
}

@media (min-width: 815px) {
	.ms-about p {
		font-size: 20px;
		line-height: 1.6
	}
}

.ms-about .ms-heading {
	font-size: 100px;
	font-family: "gilroyextrabold";
	color: #dedfe3;
	text-transform: uppercase;
	letter-spacing: 10px;
	line-height: 0.337;
	position: absolute;
	top: 85%;
	right: -63%;
	transform: rotate(90deg);
	z-index: 0
}

.ms-banner {
	position: relative;
	margin-left: -15px;
	padding-right: 20px;
	max-width: 1230px
}

@media (min-width: 815px) {
	.ms-banner {
		margin-left: -70px;
		padding-right: 50px
	}
}

@media (min-width: 1200px) and (max-width: 1366px) {
	.ms-banner {
		margin-left: -110px
	}
}

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.ms-banner {
		margin-left: -113px
	}
	.ms-banner img {
		width: 100%
	}
}

.ms-banner img {
	position: relative;
	z-index: 1
}

@media (max-width: 815px) {
	.ms-banner img {
		width: 100%
	}
}

.ms-banner::after {
	content: " ";
	width: 40px;
	height: 445px;
	background: url("../img/experience/motosoul-text.html") bottom center no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	bottom: 40px
}

@media (min-width: 815px) {
	.ms-banner::after {
		width: 74px;
		height: 648px;
		bottom: 41.5%;
		right: -4px
	}
}

.ms-our-init {
	background-color: #fff
}

@media (min-width: 815px) {
	.ms-our-init {
		padding-top: 75px
	}
}

@media (max-width: 815px) {
	.motosoul-eap {
		padding-top: 30px;
		padding-bottom: 70px
	}
}

@media (min-width: 815px) {
	.motosoul-eap {
		padding-bottom: 75px
	}
}

.motosoul-eap h2.exp-heading {
	margin-bottom: 50px
}

.eap-card:not(:last-child) {
	margin-bottom: 80px
}

@media (min-width: 815px) {
	.eap-card:not(:last-child) {
		margin-bottom: 115px
	}
}

@media (max-width: 815px) {
	.eap-card:nth-child(odd) .eap-content {
		padding-left: 17px
	}
}

@media (min-width: 815px) {
	.eap-card:nth-child(odd) .eap-content {
		padding-left: 10px
	}
}

@media (min-width: 815px) {
	.eap-card:nth-child(even) .eap-content {
		padding-left: 60px
	}
}

.eap-img {
	position: relative;
	padding-left: 17px
}

@media (min-width: 815px) {
	.eap-img {
		padding-left: 27px
	}
}

.eap-img::before {
	content: "";
	position: absolute;
	top: -30px;
	left: 0;
	width: 26px;
	height: 408px;
	background: url("../img/experience/accelerate-text.html") top center no-repeat;
	display: block;
	background-size: contain
}

@media (min-width: 815px) {
	.eap-img::before {
		top: -71px;
		width: 39px
	}
}

@media (min-width: 320px) and (max-width: 359px) {
	.eap-img::before {
		width: 21px
	}
}

@media (min-width: 360px) and (max-width: 440px) {
	.eap-img::before {
		width: 22px
	}
}

.eap-img.shift {
	padding-left: 0;
	padding-right: 17px
}

@media (min-width: 815px) {
	.eap-img.shift {
		padding-right: 27px
	}
}

.eap-img.shift::before {
	left: inherit;
	right: 0;
	background: url("../img/experience/shift-text.html") top center no-repeat;
	background-size: contain
}

@media (min-width: 815px) {
	.eap-img.shift::before {
		top: -76px
	}
}

.eap-img.brake::before {
	background: url("../img/experience/brakex-text.html") top center no-repeat;
	background-size: contain
}

.eap-img img {
	position: relative;
	width: 100%
}

.eap-content {
	margin-top: 30px
}

.eap-content h3 {
	font-size: 27px;
	font-family: "gilroyextrabold";
	color: #141b4d;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.333;
	margin-bottom: 10px
}

.eap-content h5,
.eap-content p {
	font-size: 20px;
	font-family: "gilroysemibold";
	color: #141b4d;
	line-height: 1.4
}

@media (max-width: 410px) {
	.eap-content h5,
	.eap-content p {
		font-size: 15px
	}
}

.eap-content p {
	font-family: "gilroyregular";
	margin: 0
}

.eap-content .btn {
	margin-bottom: 0
}

.wte-sec {
	padding-top: 0
}

@media (min-width: 815px) {
	.wte-sec {
		padding-top: 25px;
		padding-bottom: 60px
	}
}

@media (min-width: 1200px) {
	.wte-sec>.container {
		width: 920px
	}
}

.wte-sec .tabs-left .nav-tabs.roundtab li a {
	min-width: 120px
}

@media (min-width: 360px) and (max-width: 416px) {
	.wte-sec .tabs-left .nav-tabs.roundtab li a {
		min-width: 100px
	}
}

.wte-sec .btn-dark-red {
	min-width: 180px;
	height: 55px;
	padding: 10px 10px;
	line-height: 2
}

.wte-header {
	margin-bottom: 50px
}

.wte-header h2.exp-heading {
	margin-bottom: 15px
}

.wte-header p {
	font-size: 18px;
	font-family: "gilroyregular";
	color: #000;
	line-height: 1.667;
	text-align: center
}

.day-card {
	position: relative;
	padding-left: 20px
}

.day-card:not(:last-child) {
	padding-bottom: 50px
}

.day-card::before,
.day-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0
}

.day-card::before {
	width: 1px;
	height: 100%;
	background: #000
}

.day-card::after {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #d90120;
	background: #fff;
	left: -10px
}

.day-card .day-time {
	font-size: 16px;
	font-family: "gilroysemibold";
	color: #000;
	line-height: 1.4;
	margin-bottom: 15px
}

.day-card .day-inner {
	display: table;
	width: 100%;
	background: #ececec
}

@media (min-width: 768px) {
	.day-card .day-inner>div {
		display: table-cell;
		vertical-align: top
	}
}

@media (min-width: 768px) {
	.day-card .day-inner .day-img {
		width: 46%
	}
}

.day-card .day-inner .day-img img {
	width: 100%
}

.day-card .day-inner .day-content {
	padding: 20px
}

@media (min-width: 815px) {
	.day-card .day-inner .day-content {
		padding: 40px 22px 40px 30px
	}
}

.day-card .day-inner .day-content h4,
.day-card .day-inner .day-content p {
	font-size: 18px;
	font-family: "gilroysemibold";
	color: #000;
	line-height: 1.6;
	margin: 0
}

.day-card .day-inner .day-content h4 {
	margin-bottom: 5px
}

.day-card .day-inner .day-content p {
	font-family: "gilroyregular"
}

.mow-sec {
	padding-top: 0;
	overflow: hidden
}

@media (min-width: 815px) {
	.mow-sec .tab-div {
		margin-bottom: 0
	}
}

.mow-sec .tabs-left .nav-tabs.roundtab {
	margin-bottom: 40px
}

.mow-sec .tab-content {
	position: relative
}

.mow-sec .tab-content::before {
	content: " ";
	position: absolute;
	top: calc(50% - 30px);
	right: -50%;
	width: 1145px;
	height: 185px;
	background: url("../img/experience/blue-band.html") center right no-repeat;
	transform: translateY(-50%)
}

@media (max-width: 815px) {
	.mow-sec .tab-content::before {
		display: none
	}
}

.mow-header {
	margin-bottom: 30px
}

.mow-header h2.exp-heading {
	margin-bottom: 15px
}

@media (max-width: 815px) {
	.mow-header h2.exp-heading {
		margin-top: 35px
	}
}

.mow-header p {
	margin: 0;
	line-height: 1.5
}

.red-dots-bottom-arrow {
	padding-bottom: 60px
}

.red-dots-bottom-arrow .slick-prev,
.red-dots-bottom-arrow .slick-next {
	position: absolute;
	background: #e5e5e5;
	border: 0;
	width: 40px;
	height: 40px;
	top: unset;
	left: unset;
	bottom: -20px
}

.red-dots-bottom-arrow .slick-prev::before,
.red-dots-bottom-arrow .slick-next::before {
	display: none
}

.red-dots-bottom-arrow .slick-prev::after,
.red-dots-bottom-arrow .slick-next::after {
	content: " ";
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 13px;
	transition: all 0.3s ease-in
}

.red-dots-bottom-arrow .slick-prev:hover::after,
.red-dots-bottom-arrow .slick-next:hover::after {
	border: solid #c10720;
	border-width: 0px 4px 4px 0
}

.red-dots-bottom-arrow .slick-prev {
	right: 45px
}

.red-dots-bottom-arrow .slick-prev::after {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.red-dots-bottom-arrow .slick-next {
	right: 0
}

.red-dots-bottom-arrow .slick-next::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.red-dots-bottom-arrow .slick-slide {
	margin: 0
}

.red-dots-bottom-arrow .slick-dots {
	bottom: 13px
}

.red-dots-bottom-arrow .slick-dots li {
	width: 15%;
	height: 2px
}

@media (min-width: 1100px) {
	.red-dots-bottom-arrow .slick-dots li {
		width: 180px
	}
}

.red-dots-bottom-arrow .slick-dots li.slick-active button {
	background: #c10720
}

.red-dots-bottom-arrow .slick-dots li button {
	width: 100%;
	height: 2px;
	padding: 0;
	background: #d2d2d2
}

.red-dots-bottom-arrow .slick-dots li button:before {
	display: none
}

.one-champion-hero {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 50px;
	background: #ffffff
}

.one-champion-hero .bannerWrapper {
	background: #141b4d
}

.one-champion-hero .bannerWrapper img.pg-img {
	opacity: 0.4
}

@media (min-width: 1366px) {
	.one-champion-hero img.pg-img.champbanner {
		width: 100%
	}
}

@media (max-width: 815px) {
	.one-champion-hero img.pg-img.champbanner {
		width: 100%
	}
}

.one-champion-hero .divBack {
	width: 100%;
	height: 75px;
	background-color: #ffffff;
	display: block
}

@media (min-width: 815px) {
	.one-champion-hero .divBack {
		display: none
	}
}

.one-champion-hero .divBack span {
	font-family: "gilroyregular";
	font-display: swap;
	color: #000;
	display: block;
	padding: 27px 40px;
	font-weight: 700;
	position: relative
}

.one-champion-hero .divBack span::before {
	position: absolute;
	content: "";
	background: url("../img/about-aog/ico-back-mobile.html");
	width: 12px;
	height: 18px;
	top: 30px;
	left: 17px
}

.one-champion-hero .bannerWrapper .container {
	position: relative;
	z-index: 1
}

.one-champion-hero .bannerWrapper .container .divBackMobile {
	display: none
}

@media (min-width: 815px) {
	.one-champion-hero .bannerWrapper .container .divBackMobile {
		background-color: #000;
		position: absolute;
		top: 50px;
		left: 0px;
		z-index: 1000;
		padding: 5px 10px;
		border-radius: 15px;
		opacity: 0.7;
		display: block;
		min-width: 89px;
		text-align: center
	}
}

.one-champion-hero .bannerWrapper .container .divBackMobile span {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 14px;
	color: #fff
}

.one-champion-hero .bannerWrapper .container .divBackMobile span::before {
	position: absolute;
	content: "";
	background: url("../img/about-aog/ico-back-desktop.html");
	width: 8px;
	height: 11px;
	top: 11px;
	left: 15px
}

.one-champion-hero .bannerWrapper .container h1 {
	position: absolute;
	color: #fff;
	font-family: "gilroybold";
	font-display: swap;
	font-weight: 700;
	font-size: 40px;
	line-height: 46px;
	top: 220px;
	text-align: left;
	width: auto
}

@media (min-width: 375px) and (max-width: 480px) {
	.one-champion-hero .bannerWrapper .container h1 {
		top: 285px
	}
}

@media (min-width: 815px) and (max-width: 991px) {
	.one-champion-hero .bannerWrapper .container h1 {
		top: 115px
	}
}

@media (min-width: 991px) {
	.one-champion-hero .bannerWrapper .container h1 {
		font-weight: bold;
		font-size: 65px;
		line-height: 58px;
		top: 180px
	}
}

.one-champion-hero .bannerWrapper .container .bannerDesc {
	position: absolute;
	top: 350px;
	font-family: "gilroybold";
	font-display: swap;
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	color: #fff
}

@media (min-width: 375px) and (max-width: 480px) {
	.one-champion-hero .bannerWrapper .container .bannerDesc {
		top: 420px
	}
}

@media (min-width: 815px) and (max-width: 991px) {
	.one-champion-hero .bannerWrapper .container .bannerDesc {
		top: 285px
	}
}

@media (min-width: 991px) {
	.one-champion-hero .bannerWrapper .container .bannerDesc {
		font-size: 30px;
		line-height: 43px;
		top: 338px
	}
}

.one-champion-hero .contentWrapper {
	background-color: #fff
}

.one-champion-hero .contentWrapper .container {
	padding-top: 20px;
	padding-bottom: 20px
}

@media (min-width: 815px) {
	.one-champion-hero .contentWrapper .container {
		padding-top: 60px
	}
}

.one-champion-hero .contentWrapper .container p {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	color: #000000
}

.one-champion-hero .contentWrapper .container p b {
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	padding-top: 15px;
	font-family: "gilroybold";
	font-display: swap;
	color: #141b4d;
	text-transform: uppercase;
	font-size: 20px
}

.one-championship-page .exp-EventCnt {
	padding: 80px 0 0px 0
}

.one-championship-page h2.exp-heading {
	margin-bottom: 35px
}

.one-champion-moc .tabbable {
	position: relative
}

@media (max-width: 815px) {
	.one-champion-moc .tabbable::after {
		content: "";
		position: absolute;
		top: 15px;
		right: -15px;
		width: 26px;
		height: 38px;
		background: #f3f3f3 url("../img/experience/right-arrow-black.html") center no-repeat;
		display: block
	}
}

@media (max-width: 815px) {
	.one-champion-moc .tabs-left .nav-tabs.roundtab {
		border-radius: 0
	}
}

.one-champion-moc .tab-div {
	position: relative
}

@media (max-width: 815px) {
	.one-champion-moc .tab-div {
		height: 72px;
		overflow-y: hidden
	}
}

.moc-content {
	font-size: 18px;
	font-family: "gilroyregular";
	font-display: swap;
	color: #000;
	line-height: 1.333;
	max-width: 970px;
	margin: 0 auto
}

.moc-content .moc-summary {
	max-width: 740px;
	margin: 0 auto 30px;
	text-align: center;
	line-height: 1.4;
	font-size: 18px;
	font-family: "gilroyregular";
	font-display: swap
}

@media (min-width: 815px) {
	.moc-content .moc-summary {
		margin: 0 auto 40px
	}
}

@media (min-width: 815px) {
	.moc-content .moc-location {
		display: none
	}
}

.moc-location {
	border: 1px solid #7f7f7f;
	height: 47px;
	border-radius: 0;
	margin-bottom: 20px;
	font-size: 18px;
	font-family: "gilroymedium";
	font-display: swap;
	color: #000;
	text-transform: uppercase;
	line-height: 1.2;
	position: relative;
	appearance: none;
	background: url("../img/experience/down-arrow-black.html") 95% center no-repeat;
	padding-right: 40px
}

@media (min-width: 375px) {
	.moc-location {
		height: 67px
	}
}

@media (min-width: 815px) {
	.ourChampionsGrid {
		margin: 0px auto;
		float: none;
		background-color: #e6e6e6;
		padding: 20px
	}
}

.moc-info h5 {
	font-size: 24px;
	font-family: "gilroyextrabold";
	font-display: swap;
	color: #000;
	line-height: 1.5;
	margin: 0;
	margin-bottom: 30px
}

@media (min-width: 815px) {
	.moc-info h5 {
		font-size: 14px;
		padding-left: 30px
	}
}

.moc-card {
	display: table;
	width: 100%;
	transition: all 0.3s ease-in-out;
	position: relative
}

.moc-card:not(:first-child) {
	padding-top: 20px;
	margin-top: 20px
}

.moc-card::after {
	content: " ";
	width: 80%;
	height: 1px;
	background: #b2b2b2;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s ease-in-out
}

.moc-card:hover::after {
	width: 100%
}

.moc-card>div {
	display: table-cell
}

.moc-card .moc-photo {
	width: 60px
}

@media (min-width: 815px) {
	.moc-card .moc-photo {
		width: 90px
	}
}

.moc-card .moc-sr {
	font-size: 16px;
	font-family: "gilroybold";
	font-display: swap;
	color: #2f2e2e;
	font-weight: bold;
	line-height: 1.5;
	width: 30px;
	vertical-align: top;
	padding-top: 15px
}

.moc-card .mocp-inner {
	width: 60px;
	height: 60px;
	overflow: hidden
}

@media (min-width: 815px) {
	.moc-card .mocp-inner {
		width: 90px;
		height: 90px
	}
}

.moc-card .mocp-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.moc-card .moc-body {
	vertical-align: top;
	padding: 0 15px 0 15px
}

@media (min-width: 375px) {
	.moc-card .moc-body {
		vertical-align: middle
	}
}

@media (min-width: 815px) {
	.moc-card .moc-body {
		padding: 0 15px 0 20px
	}
}

.moc-card .moc-body h4 {
	font-size: 18px;
	font-family: "gilroybold";
	font-display: swap;
	color: #141b4d;
	font-weight: bold;
	line-height: 1.333;
	margin: 0
}

@media (min-width: 375px) {
	.moc-card .moc-body h4 {
		margin-bottom: 10px
	}
}

.moc-card .moc-body ul {
	margin: 0;
	padding: 0;
	font-size: 0
}

.moc-card .moc-body ul>li {
	font-size: 14px;
	font-family: "gilroymedium";
	font-display: swap;
	color: #d6001c;
	line-height: 1.714
}

@media (min-width: 375px) {
	.moc-card .moc-body ul>li {
		display: inline-block
	}
}

@media (min-width: 375px) {
	.moc-card .moc-body ul>li:not(:first-child) {
		border-left: 1px solid #b2b2b2;
		padding-left: 15px;
		margin-left: 15px
	}
}

@media (min-width: 815px) {
	.moc-card .moc-body ul>li:not(:first-child) {
		padding-left: 25px;
		margin-left: 25px
	}
}

.india-map {
	position: relative;
	max-width: 401px
}

@media (max-width: 815px) {
	.india-map {
		display: none
	}
}

.india-map .loc-circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border: 2px solid #141b4d;
	border-radius: 50%;
	text-indent: -99999px;
	cursor: pointer
}

.india-map .loc-circle.active {
	background: #d6001c;
	border: 2px solid #d6001c
}

.india-map .loc-circle.active::after {
	content: " ";
	width: 16px;
	height: 16px;
	border: 1px solid #d6001c;
	border-radius: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	display: block;
	transition: all 0.3s ease-in-out
}

.india-map .loc-circle.delhi {
	top: 22%;
	left: 30%
}

.india-map .loc-circle.lucknow {
	top: 39%;
	left: 55%
}

.india-map .loc-circle.mumbai {
	top: 61.3%;
	left: 16%
}

.india-map .loc-circle.pune {
	top: 63%;
	left: 27%
}

.india-map .loc-circle.hyderabad {
	top: 60%;
	left: 53%
}

.india-map .loc-circle.goa {
	top: 78%;
	left: 25%
}

.india-map .loc-circle.kerala {
	top: 90%;
	left: 29%
}

@media (min-width: 815px) {
	.exp-hero.cal-hero .banner-slider-controller .container.carousalControlsWrapper {
		margin-bottom: 0
	}
}

.exp-calender {
	padding-bottom: 0
}

.exp-calender .cal-filter-form {
	position: relative
}

@media (max-width: 815px) {
	.exp-calender .cal-filter-form {
		margin-left: -15px;
		margin-right: -15px
	}
}

.exp-calender .cal-filter {
	margin-bottom: 30px;
	color: #000;
	padding: 0 15px
}

@media (min-width: 815px) {
	.exp-calender .cal-filter {
		display: none
	}
}

.exp-calender .cal-filter h4 {
	font-size: 22px;
	font-family: "gilroybold";
	font-display: swap;
	font-weight: bold;
	color: #000;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 10px;
	padding-left: 17px
}

.exp-calender .cal-filter .btn-cal-filter {
	position: relative;
	border: 2px solid #7f7f7f;
	padding: 17px 50px 17px 17px;
	font-size: 20px;
	font-family: "gilroymedium";
	font-display: swap;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.2;
	width: 100%;
	background: transparent
}

.exp-calender .cal-filter .btn-cal-filter::after {
	content: " ";
	width: 23px;
	height: 22px;
	background: transparent url("../img/experience/filter-icon.html") center no-repeat;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%)
}

.exp-calender .experience-form {
	padding: 10px 15px 20px;
	background: #f0f0f0;
	display: none
}

.exp-calender .experience-form .btn-cal-close {
	background: transparent;
	border: 0;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -99999px;
	position: absolute;
	top: 20px;
	right: 20px;
	background: transparent url("../img/experience/close-black-icon.html") center no-repeat
}

@media (min-width: 824px) {
	.exp-calender .experience-form .btn-cal-close {
		display: none
	}
}

@media (max-width: 824px) {
	.exp-calender .experience-form {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		z-index: 1
	}
	.exp-calender .experience-form .qa-option {
		margin-top: 50px
	}
}

@media (max-width: 480px) {
	.exp-calender .experience-form {
		height: 510px
	}
}

@media (min-width: 480px) and (max-width: 824px) {
	.exp-calender .experience-form {
		height: 270px
	}
}

@media (min-width: 815px) {
	.exp-calender .experience-form {
		padding: 1px 15px 20px;
		margin-bottom: 50px;
		display: block
	}
}

@media (min-width: 815px) {
	.exp-calender .experience-form .qa-option .group {
		margin-bottom: 0
	}
}

.exp-calender .experience-form .qa-option .group>label,
.exp-calender .experience-form .qa-option .group .bootstrap-select>label {
	font-weight: 600
}

.exp-calender .experience-form .qa-option .group select,
.exp-calender .experience-form .qa-option .group .bootstrap-select .btn {
	color: #f0f0f0;
	background-color: #f8f8f8;
	background-image: url("../img/experience/down-arrow-black.html");
	background-repeat: no-repeat;
	background-size: 5%;
	background-position: 94%;
	padding-right: 45px
}

.exp-calender .experience-form .qa-option .group .bootstrap-select .btn {
	color: #7c7c7c
}

.exp-calender .experience-form .qa-option .group .bootstrap-select .bs-placeholder {
	color: #f0f0f0
}

.exp-calender .experience-form .qa-option .group .bootstrap-select .btn .bs-caret {
	display: none
}

.exp-calender .experience-form .qa-option .group .bs3.bootstrap-select .dropdown-toggle .filter-option {
	padding-right: unset
}

.exp-calender .experience-form .qa-option .group .bootstrap-select .bs-searchbox .form-control {
	text-transform: capitalize
}

.exp-calender .experience-form .qa-option .group select:focus,
.exp-calender .experience-form .qa-option .group select:required:valid,
.exp-calender .experience-form .qa-option .group select[value]:not([value=""]) {
	color: #7c7c7c
}

.exp-calender .exp-EventCnt {
	padding: 0
}

@media (min-width: 480px) and (max-width: 735px) {
	.exp-calender .exp-EventCnt .col-mob-2 {
		width: 100%
	}
}

.exp-calender .exp-EventCnt .exp-event-card {
	box-shadow: 0px 0px 9.6px 0.4px rgba(0, 0, 0, 0.15);
	margin-bottom: 25px
}

@media (min-width: 815px) {
	.exp-calender .exp-EventCnt .exp-event-card {
		margin-bottom: 50px
	}
}

@media (min-width: 370px) and (max-width: 735px) {
	.exp-calender .exp-EventCnt .exp-event-card {
		display: table;
		width: 100%
	}
	.exp-calender .exp-EventCnt .exp-event-card>div {
		display: table-cell;
		vertical-align: top
	}
}

.exp-calender .exp-EventCnt .exp-event-card>div.exp-event-photo {
	position: relative
}

@media (min-width: 370px) and (max-width: 735px) {
	.exp-calender .exp-EventCnt .exp-event-card>div.exp-event-photo {
		width: 45%
	}
}

.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay {
	background: #fff;
	color: #000;
	padding: 17px;
	text-align: left;
	position: relative
}

@media (min-width: 370px) and (max-width: 735px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay {
		width: 55%;
		vertical-align: middle
	}
}

@media (min-width: 370px) and (max-width: 500px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay {
		padding: 10px
	}
}

.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay h4,
.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay p.place {
	color: #000
}

.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay h4 {
	font-size: 26px;
	font-family: "gilroybold";
	font-display: swap
}

@media (min-width: 370px) and (max-width: 500px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay h4 {
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 8px
	}
}

.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay p.place {
	font-family: "gilroysemibold";
	font-display: swap
}

@media (min-width: 370px) and (max-width: 500px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay p.place {
		font-size: 10px
	}
}

.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay p.place::before {
	background: transparent url("../img/experience/location-icon.html") left center no-repeat;
	background-size: contain;
	width: 18px;
	height: 23px;
	position: relative;
	top: -4px;
	margin-right: 10px
}

@media (min-width: 370px) and (max-width: 500px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay p.place::before {
		width: 14px;
		height: 18px
	}
}

.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay h6 {
	font-size: 14px;
	font-family: "gilroyregular";
	font-display: swap;
	margin: 0;
	margin-bottom: 5px
}

@media (min-width: 370px) and (max-width: 500px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-card-overlay h6 {
		font-size: 10px
	}
}

.exp-calender .exp-EventCnt .exp-event-card .exp-cal-cta {
	display: inline-block;
	grid-gap: 15px;
	width: 100%
}

@media (min-width: 370px) and (max-width: 500px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-cal-cta {
		grid-gap: 10px
	}
}

.exp-calender .exp-EventCnt .exp-event-card .exp-cal-cta>a {
	display: inline-block;
	max-width: 150px;
	min-width: inherit;
	width: 47%;
	margin: 0;
	margin-top: 15px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px
}

@media (max-width: 369px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-cal-cta>a {
		padding: 10px
	}
}

@media (min-width: 370px) and (max-width: 500px) {
	.exp-calender .exp-EventCnt .exp-event-card .exp-cal-cta>a {
		max-width: 105px;
		margin-top: 8px;
		padding: 8px;
		font-size: 10px;
		line-height: 1.4
	}
}

.exp-calender .exp-EventCnt .exp-event-card .btn-dark-black {
	border-color: #000;
	color: #000
}

.exp-calender .exp-EventCnt .exp-event-card .btn-dark-black:hover {
	color: #db011f
}

.exp-calender .exp-EventCnt .btn-dark-red {
	margin-top: 10px
}

@media (max-width: 369px) {
	.exp-calender .tabs-left .nav-tabs.roundtab li a {
		font-size: 14px
	}
}

@media (max-width: 815px) {
	.one-championship-page .covid-event {
		padding: 70px 15px
	}
}

.one-championship-page .covid-event h2.exp-heading {
	margin-bottom: 18px
}

.covid-banner {
	background: #141b4d;
	color: #fff;
	padding: 15px;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.14);
	max-width: 1040px;
	margin: 0 auto
}

@media (min-width: 815px) {
	.covid-banner {
		padding: 34px 40px
	}
}

@media (min-width: 815px) {
	.covid-banner>.row {
		display: flex;
		align-items: center
	}
}

.covid-banner h4 {
	font-family: "gilroybold";
	font-size: 24px;
	position: relative;
	padding: 25px 0 25px 61px;
	margin: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.5)
}

@media (max-width: 815px) {
	.covid-banner h4 {
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		border-right: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 10px
	}
}

.covid-banner h4::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url("../img/experience/warning-icon.html") center no-repeat;
	width: 41px;
	height: 37px
}

.covid-banner p {
	font-family: "gilroyregular";
	font-size: 18px;
	line-height: 28px;
	margin: 0
}

@media (min-width: 815px) {
	.covid-banner p {
		padding-left: 10px
	}
}

.exp-sponsors-sec {
	padding: 40px 0 120px;
	background: #fff
}

.exp-sponsors {
	text-align: center
}

.exp-sponsors img {
	display: inline-block
}

.exp-sponsors h5 {
	font-family: "gilroysemibold";
	font-size: 16px;
	color: #141b4d;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 24px
}

.exp-sponsors .title-sponsors {
	margin-bottom: 45px
}

.exp-sponsors .co-sponsors {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 50px
}

.exp-sponsors .co-sponsors>div {
	width: 290px;
	padding: 20px
}

.exp-sponsors .co-sponsors>div:not(:last-child) {
	border-right: 1px solid #898da6
}

.exp-sponsors .co-sponsors h5 {
	margin-bottom: 12px
}

.exp-sponsors .part-sponsors {
	display: table
}

@media (min-width: 815px) {
	.exp-sponsors .part-sponsors {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 80px
	}
}

@media (max-width: 815px) {
	.exp-sponsors .part-sponsors>div {
		display: inline-block;
		width: 50%;
		text-align: center;
		padding: 0 10px;
		margin-bottom: 50px
	}
}

@media (max-width: 815px) {
	.omcfeatureBikes .featureBike {
		padding-top: 40px;
		padding-bottom: 0
	}
}

@media (max-width: 815px) {
	.omcfeatureBikes#featureBike .container.carousalControlsWrapper {
		margin-top: 0
	}
}

@media (max-width: 815px) {
	.omcfeatureBikes .bike-slide .dtlCnt {
		padding-bottom: 0
	}
}

@font-face {
	font-family: 'DIN Next LT Pro HeavyItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-HeavyItalic) format("svg");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Italic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Italic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Italic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Italic.svg#../fonts/DINNextLTPro/DINNextLTPro-Italic) format("svg");
	font-weight: 400;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro MediumItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-MediumItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-MediumItalic) format("svg");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro BoldItalic';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.svg#../fonts/DINNextLTPro/DINNextLTPro-BoldItalic) format("svg");
	font-weight: 700;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Medium';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Medium.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Medium.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Medium.svg#../fonts/DINNextLTPro/DINNextLTPro-Medium) format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'DIN Next LT Pro Light';
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Light.eot);
	src: url(../fonts/DINNextLTPro/DINNextLTPro-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINNextLTPro/DINNextLTPro-Light.ttf) format("truetype"), url(../fonts/DINNextLTPro/DINNextLTPro-Light.svg#../fonts/DINNextLTPro/DINNextLTPro-Light) format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayblack';
	src: url("../fonts/sfpro-display/SFProDisplay-Black.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Blackd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Black.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Black.svg#SFProDisplay-Black") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaybold';
	src: url("../fonts/sfpro-display/SFProDisplay-Bold.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Bold.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Bold.svg#SFProDisplay-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayheavy';
	src: url("../fonts/sfpro-display/SFProDisplay-Heavy.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Heavyd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Heavy.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Heavy.svg#SFProDisplay-Heavy") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaylight';
	src: url("../fonts/sfpro-display/SFProDisplay-Light.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Light.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Light.svg#SFProDisplay-Light") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displayregular';
	src: url("../fonts/sfpro-display/SFProDisplay-Regular.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Regular.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Regular.svg#SFProDisplay-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaymedium';
	src: url("../fonts/sfpro-display/SFProDisplay-Medium.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Medium.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Medium.svg#SFProDisplay-Medium") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaysemibold';
	src: url("../fonts/sfpro-display/SFProDisplay-Semibold.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Semiboldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Semibold.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Semibold.svg#SFProDisplay-Semibold") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sf_pro_displaythin';
	src: url("../fonts/sfpro-display/SFProDisplay-Thin.eot");
	src: url("../fonts/sfpro-display/SFProDisplay-Thind41d.eot?#iefix") format("embedded-opentype"), url("../fonts/sfpro-display/SFProDisplay-Thin.ttf") format("truetype"), url("../fonts/sfpro-display/SFProDisplay-Thin.svg#SFProDisplay-Thin") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Knowledge-medium";
	src: url("../fonts/knowledge/Knowledge-Medium.eot");
	src: url("../fonts/knowledge/Knowledge-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/knowledge/Knowledge-Medium.ttf") format("truetype"), url("../fonts/knowledge/Knowledge-Medium.svg#Knowledge-Medium") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Knowledge-bold";
	src: url("../fonts/knowledge/Knowledge-Bold.eot");
	src: url("../fonts/knowledge/Knowledge-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/knowledge/Knowledge-Bold.ttf") format("truetype"), url("../fonts/knowledge/Knowledge-Bold.svg#Knowledge-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'oswaldbold';
	src: url("../fonts/oswald/oswald.bold-webfont.woff2") format("woff2"), url("../fonts/oswald/oswald.bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'oswaldregular';
	src: url("../fonts/oswald/oswald.regular-webfont.woff2") format("woff2"), url("../fonts/oswald/oswald.regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroythin";
	src: url("../fonts/gilroy/Gilroy-Thin.eot");
	src: url("../fonts/gilroy/Gilroy-Thind41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Thin.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Thin.svg#Gilroy-Thin") format("svg");
	font-weight: 100;
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroylight";
	src: url("../fonts/gilroy/Gilroy-Light.eot");
	src: url("../fonts/gilroy/Gilroy-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Light.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Light.svg#Gilroy-Light") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroyregular";
	src: url("../fonts/gilroy/Gilroy-Regular.eot");
	src: url("../fonts/gilroy/Gilroy-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Regular.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Regular.svg#Gilroy-Regular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroymedium";
	src: url("../fonts/gilroy/Gilroy-Medium.eot");
	src: url("../fonts/gilroy/Gilroy-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Medium.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
	font-weight: 500;
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroybold";
	src: url("../fonts/gilroy/Gilroy-Bold.eot");
	src: url("../fonts/gilroy/Gilroy-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Bold.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
	font-weight: bold;
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroysemibold";
	src: url("../fonts/gilroy/Gilroy-SemiBold.eot");
	src: url("../fonts/gilroy/Gilroy-SemiBoldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-SemiBold.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "gilroyextrabold";
	src: url("../fonts/gilroy/Gilroy-ExtraBold.eot");
	src: url("../fonts/gilroy/Gilroy-ExtraBoldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-ExtraBold.ttf") format("truetype"), url("../fonts/gilroy/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
	font-weight: normal;
	font-style: normal
}

h2.exp-heading {
	font-family: "gilroyextrabold";
	font-size: 27px;
	font-weight: 800;
	color: #141b4d;
	text-align: center;
	text-transform: uppercase
}

.experience .btn-dark-red {
	font-family: "gilroysemibold";
	font-size: 15px;
	line-height: 21px;
	margin: 40px 0 10px 0;
	background-color: transparent;
	border: 3px solid #db011f;
	color: #010101;
	padding: 18px 38px
}

.experience .btn-dark-red:hover {
	background-color: transparent;
	border-color: #db011f;
	color: #db011f
}

.bg-grey {
	background-color: #f4f4f4
}

.experience {
	margin-top: 0px;
	margin-bottom: 0px
}

.exp-hero {
	position: relative;
	width: 100%;
	height: auto
}

.exp-hero .banner-Slider .slick-slide {
	margin: 0px
}

.exp-hero .banner-Slider img {
	width: 100%;
	height: auto
}

.exp-hero .banner-Slider .bannerSlide {
	position: relative
}

.exp-hero .bannerContentContainer {
	width: 100%;
	min-height: 210px;
	background-color: #23274d;
	opacity: 0.9;
	position: absolute;
	bottom: 0px
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer {
		min-height: 180px
	}
}

.exp-hero .bannerContentContainer .container {
	display: block;
	margin-top: 20px
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer .container {
		margin-top: 35px
	}
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer .container .desktopPadding {
		padding-top: 60px
	}
}

.exp-hero .bannerContentContainer .container .contentSlider h2 {
	color: #fff;
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 27px;
	margin-bottom: 0px;
	text-align: left
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer .container .contentSlider h2 {
		font-size: 30px
	}
}

.exp-hero .bannerContentContainer .container .contentSlider span {
	color: #fff;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	font-weight: 300
}

.exp-hero .bannerContentContainer .container .contentSlider a {
	color: #fff;
	display: block;
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 16px;
	text-decoration: underline;
	margin-top: 10px
}

@media (min-width: 815px) {
	.exp-hero .bannerContentContainer .container .contentSlider a {
		font-size: 15px
	}
}

.exp-hero .banner-slider-controller {
	position: absolute;
	width: 100%;
	bottom: -20px
}

@media (min-width: 815px) {
	.exp-hero .banner-slider-controller {
		bottom: 30px;
		width: calc(100% - 300px);
		right: 0;
		overflow: hidden
	}
	.exp-hero .banner-slider-controller>.container {
		width: auto
	}
}

@media (min-width: 1367px) {
	.exp-hero .banner-slider-controller {
		width: calc(100% - 380px)
	}
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper {
	min-height: 30px;
	margin-bottom: 30px;
	width: 100%;
	border: solid 0px red
}

@media (min-width: 815px) {
	.exp-hero .banner-slider-controller .container.carousalControlsWrapper {
		margin-bottom: 0px
	}
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper {
	display: none
}

@media (min-width: 815px) {
	.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper {
		display: block;
		width: 100px;
		border: solid 0px red;
		min-height: 40px;
		float: right
	}
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper .prevArrow {
	height: 40px;
	width: 40px;
	float: left;
	background-color: #e5e5e5;
	cursor: pointer
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper .prevArrow .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper .nextArrow {
	height: 40px;
	width: 40px;
	float: right;
	background-color: #e5e5e5;
	cursor: pointer;
	margin-right: 15px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .arrowWrapper .nextArrow .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper {
	width: 100%;
	border: solid 0px red;
	min-height: 40px;
	position: relative
}

@media (min-width: 815px) {
	.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper {
		width: calc(100% - 110px);
		float: left
	}
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper .slick-dots {
	top: 12px;
	bottom: 0px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper .slick-dots li {
	background-color: #7d7d90;
	height: 3px;
	width: 20px;
	margin-right: 0px
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper .slick-dots li.slick-active {
	background-color: #fff
}

.exp-hero .banner-slider-controller .container.carousalControlsWrapper .dotWrapper .slick-dots li button:before {
	content: ""
}

.aog-nmenu {
	background-color: #fff;
	width: 100%;
	display: block
}

@media (min-width: 815px) {
	.aog-nmenu {
		min-height: 0px;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: right;
		display: block;
		overflow: inherit
	}
}

.aog-nmenu .container {
	padding: 20px 10px 50px 10px
}

@media (min-width: 815px) {
	.aog-nmenu .container {
		padding: 50px 15px 0 15px
	}
}

.aog-nmenu .container .dropdown {
	width: 100%;
	background-color: #fff;
	border: 0px;
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.24)
}

@media (min-width: 815px) {
	.aog-nmenu .container .dropdown {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
	}
}

.aog-nmenu .container .dropdown button.btn-primary {
	width: 100%;
	color: #db011f;
	background-color: #fff;
	border: 0px;
	text-align: left;
	font-family: "gilroyextrabold";
	font-size: 15px;
	outline: none
}

@media (min-width: 815px) {
	.aog-nmenu .container .dropdown button.btn-primary {
		width: 80%
	}
}

.aog-nmenu .container .dropdown button.btn-primary .caret {
	margin-left: 20px;
	float: right;
	margin-top: 5px;
	border-top: 8px dashed;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}

@media (min-width: 815px) {
	.aog-nmenu .container .dropdown button.btn-primary .caret {
		float: none;
		margin-top: -5px
	}
}

.aog-nmenu .container .dropdown button.btn-primary:active {
	-moz-box-shadow: none;
	-goog-ms-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.aog-nmenu .container .dropdown .ancJoinCommunity {
	float: right;
	border: solid 1px red;
	width: 18%;
	height: 100%;
	text-align: center;
	display: none;
	padding: 10px;
	margin: 10px;
	color: #fff;
	background-color: #db011f;
	font-size: 14px;
	font-weight: 400;
	font-family: "gilroyextrabold"
}

@media (min-width: 815px) {
	.aog-nmenu .container .dropdown .ancJoinCommunity {
		display: block;
		height: 53px;
		margin: 6px;
		line-height: 33px
	}
}

.aog-nmenu .container .dropdown ul.dropdown-menu {
	width: 100%;
	font-family: "gilroyextrabold";
	font-size: 15px;
	top: 95%;
	border: 0px;
	border-radius: 0px
}

.aog-nmenu .container .dropdown ul.dropdown-menu li {
	padding: 10px;
	border-top: solid 1px #cfcfcf;
	margin: 0px 20px;
	cursor: pointer
}

.aog-nmenu .container .dropdown ul.dropdown-menu li a {
	color: #141b4d !important;
	padding: 3px 5px
}

.aog-nmenu .container .dropdown ul.dropdown-menu li a:hover {
	background-color: transparent;
	color: #db011f
}

.sticky {
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 10000;
	margin: 0px auto
}

.aog-about {
	min-height: 100px;
	background-color: #fff;
	padding-bottom: 45px
}

@media (min-width: 815px) {
	.aog-about {
		padding-top: 0px
	}
}

@media (max-width: 767px) {
	.aog-about>.container {
		padding: 0
	}
}

.aog-about .pg-img {
	width: 100%;
	height: auto
}

.aog-about .bannerWrapper {
	background: #141b4d
}

.aog-about .bannerWrapper .pg-img {
	opacity: 0.4
}

.aog-about .video-hero-modal-poster::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent url(../img/experience/play-icon-red.html) center no-repeat;
	background-size: 100%;
	width: 88px;
	height: 88px
}

.aog-about .videoWrapper {
	position: relative
}

.aog-about .videoWrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.aog-about h3 {
	font-family: "gilroyextrabold";
	color: #000;
	font-size: 26px;
	font-weight: 400;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 5px
}

@media (min-width: 815px) {
	.aog-about h3 {
		font-size: 40px
	}
}

.aog-about span.descText {
	font-family: "gilroyregular";
	color: #000;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	width: 100%;
	display: block
}

.aog-about .btnKnowMore {
	text-align: center;
	padding: 10px;
	margin: 25px auto;
	width: 150px;
	color: #010101;
	border: solid 2px #db011f;
	font-size: 14px;
	font-weight: 400;
	font-family: "gilroyextrabold";
	display: block
}

@media (min-width: 815px) {
	.aog-about .btnKnowMore {
		margin: 40px auto 0px auto
	}
}

.aog-ride-with-us {
	background: #ffffff
}

@media (max-width: 815px) {
	.aog-ride-with-us>.container {
		padding-left: 0;
		padding-right: 0
	}
}

@media (min-width: 815px) {
	.aog-ride-with-us .eoi-row {
		margin-left: -5px;
		margin-right: -5px
	}
}

@media (min-width: 815px) {
	.aog-ride-with-us .eoi-row>div {
		padding-right: 5px;
		padding-left: 5px
	}
}

@media (min-width: 815px) {
	.aog-ride-with-us .our-init-card {
		margin-bottom: 10px;
		position: relative
	}
}

.aog-ride-with-us .our-init-card h3 {
	font-size: 26px;
	font-family: "gilroyextrabold";
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.385;
	margin: 0
}

@media (min-width: 815px) {
	.aog-ride-with-us .our-init-card.extraPadding {
		margin-bottom: 10px;
		margin-top: 19px
	}
}

.aog-ride-with-us .oi-photo {
	background-color: #141b4d;
	position: relative
}

.aog-ride-with-us .oi-photo img {
	opacity: 0.3
}

@media (max-width: 815px) {
	.aog-ride-with-us .oi-photo img {
		width: 100%
	}
}

.aog-ride-with-us .oi-photo h3 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	padding: 0 25px;
	z-index: 1;
	display: block
}

@media (min-width: 815px) {
	.aog-ride-with-us .oi-photo h3 {
		display: none
	}
}

.aog-ride-with-us .our-init-overlay {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px 25px
}

@media (min-width: 815px) {
	.aog-ride-with-us .our-init-overlay {
		color: #fff;
		padding: 25px
	}
}

.aog-ride-with-us .our-init-overlay p {
	margin: 0;
	margin-bottom: 20px;
	font-family: "gilroyregular";
	font-size: 18px
}

.aog-ride-with-us .our-init-overlay a,
.aog-ride-with-us .our-init-overlay a:hover,
.aog-ride-with-us .our-init-overlay a:focus {
	color: #fff;
	letter-spacing: 2px
}

.aog-ride-with-us .link-white-btn {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 5px 0 0;
	position: relative;
	font-family: "gilroysemibold";
	font-size: 16px;
	letter-spacing: normal !important
}

.aog-ride-with-us .link-white-btn:after {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	background: #fff;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0
}

.aog-ride-with-us .link-white-btn:hover {
	color: rgba(255, 255, 255, 0.8)
}

.aog-ride-with-us .link-white-btn:hover:after {
	width: 100%;
	left: 0
}

.aog-ride-with-us .oi-card-hover {
	overflow: hidden
}

.aog-ride-with-us .oi-card-hover .our-init-overlay {
	position: relative;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	display: none
}

@media (min-width: 815px) {
	.aog-ride-with-us .oi-card-hover .our-init-overlay {
		height: 120px;
		position: absolute;
		display: block
	}
}

.aog-ride-with-us .oi-card-hover .our-init-overlay h3 {
	margin-bottom: 15px;
	display: none
}

@media (min-width: 815px) {
	.aog-ride-with-us .oi-card-hover .our-init-overlay h3 {
		display: block
	}
}

.aog-ride-with-us .oi-card-hover .our-init-overlay p {
	margin: 0;
	margin-bottom: 20px;
	font-family: "gilroyregular";
	font-size: 18px
}

@media (max-width: 815px) {
	.aog-ride-with-us .oi-card-hover .our-init-overlay p {
		color: #000000;
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 10px
	}
}

@media (max-width: 815px) {
	.aog-ride-with-us .oi-card-hover .our-init-overlay .link-white-btn {
		color: #ff001a;
		font-size: 16px;
		font-weight: 600;
		text-decoration: underline
	}
}

.aog-ride-with-us .oi-card-hover:hover .our-init-overlay {
	height: 85%
}

.aog-ride-with-us .oi-card-hover .small:hover {
	height: 100% !important
}

.aog-ride-with-us .oi-accordion {
	position: relative;
	display: block;
	padding-right: 30px
}

.aog-ride-with-us .oi-accordion:hover,
.aog-ride-with-us .oi-accordion:focus {
	color: #fff
}

.aog-ride-with-us .oi-accordion::after {
	content: "";
	display: block;
	background: url("../img/experience/down-arrow.html") center no-repeat;
	position: absolute;
	top: 5px;
	right: 0;
	width: 23px;
	height: 16px
}

.aog-ride-with-us .oi-accordion.open::after {
	background: url("../img/experience/up-arrow.html") center no-repeat
}

.exp-EventCnt {
	padding: 80px 0 50px 0;
	background-color: #ffffff
}

@media (max-width: 767px) {
	.exp-EventCnt {
		padding: 80px 0 50px 0
	}
}

@media (max-width: 767px) {
	.exp-EventCnt>.container {
		padding: 0
	}
}

@media (max-width: 767px) {
	.exp-EventCnt .exp-eventslider {
		padding-left: 20px
	}
}

.exp-EventCnt h2.exp-heading {
	margin-bottom: 40px
}

@media (max-width: 767px) {
	.exp-EventCnt h2.exp-heading {
		padding: 0 15px
	}
}

.exp-EventCnt .exp-event-card {
	position: relative
}

.exp-EventCnt .exp-event-card.slick-slide:not(.slick-active) {
	opacity: 0.3
}

.exp-EventCnt .exp-event-card .exp-card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 15px 10px 15px;
	color: #fff;
	text-align: center;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.exp-EventCnt .exp-event-card .exp-card-overlay h4 {
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	text-align: left;
	margin: 0 0 15px 0
}

.exp-EventCnt .exp-event-card .exp-card-overlay p.place {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle
}

.exp-EventCnt .exp-event-card .exp-card-overlay p.place a.exp-btn {
	font-family: "gilroysemibold";
	font-display: swap;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: underline;
	text-transform: uppercase;
	float: right;
	vertical-align: middle
}

.exp-EventCnt .exp-event-card .exp-card-overlay p.place a.exp-btn:hover {
	text-decoration: none;
	color: #ffffff;
	vertical-align: middle
}

.exp-EventCnt .exp-event-card .exp-card-overlay p.place:before {
	content: " ";
	width: 26px;
	height: 24px;
	background: transparent url(../img/experience/event-loc-icon.html) left center no-repeat;
	vertical-align: middle;
	display: inline-block
}

.exp-EventCnt .exp-event-card .exp-date {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #141b4d;
	padding: 10px
}

.exp-EventCnt .exp-event-card .exp-date p.date {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 16px;
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center
}

.exp-EventCnt .exp-event-card .exp-date p.date span {
	display: block;
	font-family: "gilroybold";
	font-display: swap;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase
}

.exp-EventCnt .exp-event-card img {
	width: 100%
}

@media (max-width: 767px) {
	.exp-EventCnt .slick-list {
		padding: 0 30px 0 0 !important
	}
}

.performance-gear-exp {
	position: relative;
	padding-top: 50px;
	background: #ffffff
}

@media (max-width: 815px) {
	.performance-gear-exp {
		padding: 40px 0
	}
}

.performance-gear-exp img.pg-img {
	width: 100%
}

.performance-gear-exp h2 {
	display: none
}

@media (max-width: 815px) {
	.performance-gear-exp h2 {
		font-family: 'gilroyextrabold';
		font-display: swap;
		font-size: 27px;
		line-height: 33px;
		color: #141b4d;
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		text-align: center;
		left: calc(50% - 134px);
		top: 40px
	}
}

.performance-gear-exp h2.exp-heading {
	position: relative;
	left: inherit
}

.performance-gear-exp .performance-gear-box {
	width: 300px;
	position: absolute;
	top: 55%;
	right: 20%;
	padding: 0;
	transform: translateY(-50%);
	text-align: left
}

@media (min-width: 815px) and (max-width: 1024px) {
	.performance-gear-exp .performance-gear-box {
		top: 60%;
		right: 10%
	}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.performance-gear-exp .performance-gear-box {
		right: 15%
	}
}

@media (max-width: 815px) {
	.performance-gear-exp .performance-gear-box {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		transform: none;
		text-align: center;
		width: 100%;
		margin: 20px auto
	}
}

.performance-gear-exp .performance-gear-box h2 {
	display: block;
	font-family: 'gilroyextrabold';
	font-display: swap;
	font-size: 27px;
	line-height: 33px;
	color: #141b4d;
	margin: 0px 0 50px 0;
	text-align: left
}

@media (max-width: 815px) {
	.performance-gear-exp .performance-gear-box h2 {
		display: none
	}
}

@media (min-width: 1025px) {
	.performance-gear-exp .performance-gear-box h2 {
		margin: 0px 0 85px 0
	}
}

.performance-gear-exp .performance-gear-box h4 {
	font-family: 'gilroybold';
	font-display: swap;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	margin: 0px 0 15px 0
}

@media (max-width: 815px) {
	.performance-gear-exp .performance-gear-box h4 {
		font-size: 24px;
		line-height: 30px
	}
}

.performance-gear-exp .performance-gear-box p {
	font-family: 'gilroyregular';
	font-display: swap;
	font-size: 16px;
	color: #000000;
	margin: 0px 0 0
}

@media (min-width: 480px) {
	.performance-gear-exp .performance-gear-box p {
		font-size: 18px;
		line-height: 24px
	}
}

.bordr {
	border: solid 1px red
}

.exp-testimonials {
	padding-top: 0px;
	background-color: #fff;
	min-height: 700px
}

@media (min-width: 815px) {
	.exp-testimonials {
		min-height: 650px
	}
}

@media (min-width: 815px) {
	.exp-testimonials {
		padding-top: 75px
	}
}

.exp-testimonials .testimonialWrapper {
	width: 100%;
	height: 520px;
	padding: 10px;
	color: #000;
	background-color: #e6e6e6;
	box-shadow: 0px 15px 10px -15px #111;
	position: relative
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper {
		height: 400px;
		max-width: 1040px;
		margin: 0px auto
	}
}

.exp-testimonials .testimonialWrapper .container {
	width: 100%;
	padding: 0px
}

.exp-testimonials .testimonialWrapper .container .row {
	margin-top: 25px
}

.exp-testimonials .testimonialWrapper .container .row .arrowContainer {
	float: left;
	width: 10%
}

.exp-testimonials .testimonialWrapper .container .row .slideContainer {
	float: left;
	width: 80%
}

.exp-testimonials .testimonialWrapper .prevArrow {
	display: block;
	height: 40px;
	width: 40px;
	float: left;
	margin-top: 130px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .prevArrow {
		margin-left: 20px
	}
}

.exp-testimonials .testimonialWrapper .prevArrow .arrow {
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

.exp-testimonials .testimonialWrapper .prevArrow .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.exp-testimonials .testimonialWrapper .nextArrow {
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	margin-top: 130px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .nextArrow {
		margin-right: 20px
	}
}

.exp-testimonials .testimonialWrapper .nextArrow .arrow {
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

.exp-testimonials .testimonialWrapper .nextArrow .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right {
	float: right
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p {
	font-family: 'gilroyregular';
	font-display: swap;
	font-size: 15px;
	position: relative;
	padding: 20px;
	line-height: 25px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p {
		padding: 70px 50px 50px 50px
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p::before {
	content: '';
	background: url("../img/experience/ico-quote-begin.html");
	position: absolute;
	top: -24px;
	left: 0px;
	height: 37px;
	width: 47px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p::before {
		top: 50px;
		left: -25px
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p::after {
	content: '';
	position: absolute;
	background: url("../img/experience/ico-quote-end.html");
	top: 88%;
	left: 80%;
	height: 37px;
	width: 47px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right p::after {
		top: 80%;
		left: 90%
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper {
	text-align: center;
	display: block;
	overflow: hidden;
	margin-top: 50px
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper picture {
	float: left;
	width: 30%;
	margin-top: 7px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper picture {
		width: 100%;
		margin-top: 0px
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper .authorWrapper {
	float: left;
	width: 60%;
	text-align: left;
	margin-left: 5%;
	margin-top: 0px
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper .authorWrapper {
		text-align: center;
		width: 100%
	}
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper img {
	margin: 0px auto
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper h3 {
	font-family: 'gilroyextrabold';
	font-display: swap;
	font-size: 14px;
	color: #060606;
	margin: 20px 0px 0px 0px
}

.exp-testimonials .testimonialWrapper .testimonialSlider .slick-slide .right .contentWrapper span {
	font-family: 'gilroyregular';
	font-display: swap;
	font-size: 13px;
	color: #000000
}

.exp-testimonials .testimonialWrapper .dotsWrapper {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: -50px;
	left: 0%
}

@media (min-width: 815px) {
	.exp-testimonials .testimonialWrapper .dotsWrapper {
		width: 60%;
		height: 30px;
		position: absolute;
		bottom: 20px;
		left: 20%
	}
}

.exp-testimonials .testimonialWrapper .dotsWrapper .slick-dots {
	top: 15px;
	bottom: 0px;
	border: solid 0px red
}

.exp-testimonials .testimonialWrapper .dotsWrapper .slick-dots li {
	background-color: #2f2e2e;
	height: 1px;
	width: 20px;
	margin-right: 0px
}

.exp-testimonials .testimonialWrapper .dotsWrapper .slick-dots li.slick-active {
	background-color: #d6001c
}

.exp-testimonials .testimonialWrapper .testmonialBg {
	position: absolute;
	top: 101%;
	left: 0px;
	width: 100%
}

.exp-testimonials .testimonialWrapper .testmonialBg img {
	margin: 0px auto
}

.exp-testimonials .slick-dots li button:before {
	content: ""
}

.exp-vid-img-gallery {
	background: #ffffff;
	display: block;
	padding: 0 0 20px 0
}

.exp-vid-img-gallery.one-champion-moc {
	padding: 40px 0 20px 0
}

@media (min-width: 815px) {
	.exp-vid-img-gallery.one-champion-moc {
		padding: 90px 0 20px 0
	}
}

.exp-vid-img-gallery p.moc-subtitle,
.exp-vid-img-gallery p.moc-summary {
	margin: 0 auto 40px;
	max-width: 740px;
	text-align: center;
	line-height: 24px;
	font-size: 18px;
	font-family: "gilroyregular";
	font-display: swap
}

.exp-vid-img-gallery .tabs-left .tabsWrapper {
	white-space: nowrap;
	overflow-x: auto;
	width: 100%
}

.exp-vid-img-gallery .container-fluid {
	padding-right: 0px;
	padding-left: 0px
}

.exp-vid-img-gallery h2.exp-heading {
	margin-bottom: 30px
}

.exp-vid-img-gallery .vid-controller-wrapper .prevArrowVid {
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	background-color: #e5e5e5
}

@media (min-width: 815px) {
	.exp-vid-img-gallery .vid-controller-wrapper .prevArrowVid {
		margin-right: 20px;
		margin-top: 20px
	}
}

.exp-vid-img-gallery .vid-controller-wrapper .prevArrowVid .arrow {
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

.exp-vid-img-gallery .vid-controller-wrapper .prevArrowVid .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.exp-vid-img-gallery .vid-controller-wrapper .nextArrowVid {
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	background-color: #e5e5e5
}

@media (min-width: 815px) {
	.exp-vid-img-gallery .vid-controller-wrapper .nextArrowVid {
		margin-right: 20px;
		margin-top: 20px
	}
}

.exp-vid-img-gallery .vid-controller-wrapper .nextArrowVid .arrow {
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

.exp-vid-img-gallery .vid-controller-wrapper .nextArrowVid .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.exp-vid-img-gallery .container.carousalControlsWrapper {
	min-height: 30px;
	margin-top: 20px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper {
	display: none
}

@media (min-width: 815px) {
	.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper {
		display: block;
		width: 100px;
		border: solid 0px red;
		min-height: 40px;
		float: right
	}
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper .prevArrow {
	height: 40px;
	width: 40px;
	float: left;
	background-color: #e5e5e5;
	cursor: pointer
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper .prevArrow .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 15px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper .nextArrow {
	height: 40px;
	width: 40px;
	float: right;
	margin-right: 14px;
	background-color: #e5e5e5;
	cursor: pointer
}

.exp-vid-img-gallery .container.carousalControlsWrapper .arrowWrapper .nextArrow .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	border: solid #2f2e2e;
	border-width: 0px 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin: 14px 10px 14px 10px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper {
	width: 100%;
	border: solid 0px red;
	min-height: 40px;
	position: relative
}

@media (min-width: 815px) {
	.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper {
		width: calc(100% - 110px);
		float: left
	}
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper .slick-dots {
	top: 15px;
	bottom: 0px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper .slick-dots li {
	background-color: #d3d3d3;
	height: 3px;
	width: 20px;
	margin-right: 0px
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper .slick-dots li.slick-active {
	background-color: #c10720
}

.exp-vid-img-gallery .container.carousalControlsWrapper .dotWrapper .slick-dots li button:before {
	content: ""
}

.exp-vid-img-gallery .exp-vidimg .slick-slide {
	margin-top: 0 !important;
	background-color: transparent;
	margin-left: 20px;
	margin-right: 20px
}

.exp-vid-img-gallery .exp-vidimg .slick-slide:not(.slick-active) {
	opacity: 0.3
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .slick-slide {
		margin-left: 10px;
		margin-right: 10px
	}
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img {
	position: relative
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img a.downloadicon {
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 2
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img .vidTextCnt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 15px 10px 15px;
	color: #fff;
	text-align: left;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent)
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .gal-nrm-img .vidTextCnt {
		padding: 0 10px 10px 10px
	}
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img .vidTextCnt h4.vidTitle {
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	text-align: left;
	margin: 0 0 15px 0
}

.exp-vid-img-gallery .exp-vidimg .gal-nrm-img .vidTextCnt p.vidText {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	margin: 0 45px 0 0;
	text-align: left
}

@media (min-width: 1300px) {
	.exp-vid-img-gallery .exp-vidimg .gal-nrm-img img.pg-img {
		width: 100%
	}
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .gal-nrm-img img.pg-img {
		width: 100%
	}
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper {
	position: relative
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .video-hero-modal-poster {
	z-index: 1
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .video-hero-modal-poster::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent url("../img/experience/play-icon-red.html") center no-repeat;
	background-size: 100%;
	width: 88px;
	height: 88px
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .videoWrapper .video-hero-modal-poster::after {
		width: 50px;
		height: 50px
	}
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .vidTextCnt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 15px 10px 15px;
	color: #fff;
	text-align: left;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent)
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .videoWrapper .vidTextCnt {
		padding: 0 10px 10px 10px
	}
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .vidTextCnt h4.vidTitle {
	font-family: "gilroyextrabold";
	font-display: swap;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	text-align: left;
	margin: 0 0 5px 0
}

.exp-vid-img-gallery .exp-vidimg .videoWrapper .vidTextCnt p.vidText {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	margin: 0 0 0 0;
	text-align: left
}

@media (min-width: 1200px) {
	.exp-vid-img-gallery .exp-vidimg .videoWrapper img.pg-img {
		width: 100%
	}
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .exp-vidimg .videoWrapper img.pg-img {
		width: 100%
	}
}

.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab {
	background: #e6e6e6;
	display: inline-block;
	border-radius: 12px;
	padding: 5px 5px 5px 5px;
	width: auto;
	margin: 0 auto 35px auto;
	border: solid 0px #afaeae
}

.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li {
	transform: scale(1);
	margin: 0 0 0 0;
	box-shadow: none
}

.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li a {
	padding: 10px 15px;
	background: #e6e6e6;
	border-bottom: 0 none;
	transition: all 0s;
	min-width: 170px;
	font-size: 16px;
	line-height: 34px;
	font-family: "gilroymedium";
	font-display: swap;
	color: #2f2e2e;
	height: 53px;
	text-indent: 0;
	border-color: #2f2e2e;
	margin-bottom: 0px;
	margin-right: 0;
	border-radius: 0;
	text-transform: uppercase;
	position: relative;
	border: 0 none;
	display: block;
	text-align: center
}

@media (max-width: 815px) {
	.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li a {
		min-width: 150px
	}
}

@media (max-width: 374px) {
	.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li a {
		min-width: 120px
	}
}

.exp-vid-img-gallery .tabs-left .nav-tabs.roundtab li.active a {
	border-radius: 10px;
	border-bottom: 0 none;
	transition: all 0s;
	background: #2f2e2e !important;
	color: #ffffff
}

.exp-socialmediaCnt {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 50px 0 55px 0;
	background: #ffffff
}

@media (min-width: 815px) {
	.exp-socialmediaCnt {
		padding: 105px 0 55px 0
	}
}

.exp-socialmediaCnt h4 {
	font-family: "gilroyregular";
	font-display: swap;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	margin: 0 0 24px 0
}

@media (min-width: 320px) and (max-width: 479px) {
	.exp-socialmediaCnt h4 {
		font-size: 20px;
		line-height: 26px;
		margin: 0 auto 24px auto;
		max-width: 72%
	}
}

@media (min-width: 480px) and (max-width: 639px) {
	.exp-socialmediaCnt h4 {
		font-size: 20px;
		line-height: 26px;
		margin: 0 auto 24px auto;
		max-width: 56%
	}
}

.exp-socialmediaCnt .socialWrap {
	position: relative;
	display: block;
	left: 0;
	margin: 0;
	text-align: center
}

.exp-socialmediaCnt .socialWrap .socialIcons li {
	margin: 0 8px
}

@media (min-width: 815px) {
	.exp-socialmediaCnt .socialWrap .socialIcons li {
		display: inline-block;
		margin: 0 26px
	}
}

.exp-socialmediaCnt .socialWrap .socialIcons li a {
	width: 54px;
	height: 54px;
	background: url(../img/experience/exp-social-icons.html) no-repeat left top
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.fb {
	background-position: -1px -1px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.fb:hover {
	background-position: -1px -71px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.instagram {
	background-position: -113px -1px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.instagram:hover {
	background-position: -113px -71px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.twitter {
	background-position: -223px -1px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.twitter:hover {
	background-position: -223px -71px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.yt {
	background-position: -337px -1px
}

.exp-socialmediaCnt .socialWrap .socialIcons li a.yt:hover {
	background-position: -337px -71px
}

.exp-register-sec {
	background: #fff;
	position: fixed;
	bottom: 0px;
	z-index: 9999;
	margin: 0 auto;
	width: 100%
}

.exp-register-sec.nocookie {
	bottom: 0 !important
}

.exp-register-sec.hideAogbtn {
	display: none
}

@media (max-width: 815px) {
	.exp-register-sec>.container {
		padding: 0;
		overflow: hidden
	}
}

@media (min-width: 1200px) {
	.exp-register-sec>.container {
		width: 1070px
	}
}

@media (min-width: 815px) {
	.exp-register-sec {
		box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.24);
		padding: 15px 0;
		position: fixed;
		bottom: 0px;
		z-index: 9999;
		width: 100%
	}
}

.exp-register-sec .regi-text {
	display: none
}

@media (min-width: 815px) {
	.exp-register-sec .regi-text {
		display: block
	}
}

.exp-register-sec p {
	font-size: 18px;
	font-family: "gilroyregular";
	font-display: swap;
	color: #000;
	line-height: 1.333;
	text-align: center;
	margin: 0;
	margin-top: 12px
}

.exp-register-sec .btn-red {
	background: #db011f;
	font-size: 15px;
	font-family: "gilroysemibold";
	font-display: swap;
	width: 220px;
	height: 50px;
	margin: 0;
	padding: 13px
}

@media (max-width: 815px) {
	.exp-register-sec .btn-red {
		max-width: 480px;
		width: 100%;
		height: 80px;
		line-height: 2.7;
		font-size: 20px;
		box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.14);
		display: block
	}
}

.qa-option .group .fileCustome.btn-blue::after {
	content: "Choose File";
	border: 1px solid #183883;
	color: #183883;
	border-radius: 6px;
	background: #fff;
	line-height: 2.6;
	cursor: pointer;
	font-size: 15px;
	z-index: 2
}

@media (max-width: 815px) {
	.qa-option .group .fileCustome.btn-blue::after {
		width: 105px;
		height: 36px;
		line-height: 2.3
	}
}

@media (min-width: 815px) {
	.createGroupForm .btn.blue {
		width: 270px
	}
}

@media (max-width: 815px) {
	.createGroupForm .qa-option .group {
		margin-bottom: 55px
	}
	.createGroupForm .qa-option .group.characterContWrap {
		margin-bottom: 20px
	}
}

@media (min-width: 815px) {
	.createGroupForm .gallerUpload {
		margin-top: 20px
	}
}

@media (max-width: 815px) {
	.createGroupForm .gallerUpload .group {
		margin-bottom: 40px
	}
}

@media (max-width: 815px) {
	.cg-head-banner img {
		height: 500px
	}
}

@media (max-width: 815px) {
	.cgnu-block>.container,
	.cg-upcoming-events>.container {
		padding-left: 15px;
		padding-right: 15px
	}
}

.search-groups {
	margin-bottom: 25px
}

@media (min-width: 815px) {
	.search-groups {
		padding-top: 50px;
		width: 185px;
		float: right;
		margin-bottom: 0
	}
}

.search-groups+.search-groups {
	margin-right: 15px;
	width: 136px
}

.cg-search {
	border: 0;
	border-bottom: 1px solid #7f7f7f;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.58);
	background: url("../img/community/search-small.html") 1px no-repeat;
	border-radius: 0;
	padding-left: 25px
}

.cg-search:focus {
	outline: none;
	box-shadow: none
}

@media (max-width: 815px) {
	.cgh-eu .search-groups {
		float: right;
		margin-bottom: 20px
	}
}

.mped-cta {
	margin-bottom: 20px
}

.exploreGroupbtn {
	margin: 0px auto;
	display: block;
	border-radius: 5px
}

.groups-row {
	margin-bottom: 10px
}

@media (min-width: 815px) {
	.groups-row {
		margin-left: -8px;
		margin-right: -8px;
		margin-top: 20px
	}
	.groups-row>.col-sm-4 {
		padding-left: 8px;
		padding-right: 8px
	}
}

.groups-row.discussion-cardWrap {
	padding: 0
}

@media (max-width: 767px) {
	.groups-row.discussion-cardWrap .cardList {
		max-width: 480px
	}
}

@media (max-width: 815px) {
	.groups-row.discussion-cardWrap .cardList {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (min-width: 768px) and (max-width: 815px) {
	.groups-row.discussion-cardWrap .cardList {
		max-width: inherit;
		width: 50%;
		float: left
	}
}

.groups-card {
	font-size: 0;
	border: 1px solid #dedede;
	background: #ffffff;
	margin-bottom: 20px
}

@media (max-width: 1099px) {
	.groups-card {
		display: table
	}
}

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

@media (max-width: 1099px) {
	.groups-card>div {
		display: table-cell
	}
}

.groups-card .group-logo {
	width: 29.57746478873239%
}

@media (max-width: 1099px) {
	.groups-card .group-logo {
		vertical-align: middle
	}
	.groups-card .group-logo img {
		width: 100%
	}
}

.group-body {
	width: 70.42253521126761%;
	padding: 5px 10px
}

@media (min-width: 815px) {
	.group-body {
		padding: 10px
	}
}

.group-body h4 {
	font-size: 20px;
	font-family: "Roboto";
	font-display: swap;
	color: #000000;
	font-weight: 800;
	line-height: 1.621;
	margin: 0
}

.group-body p {
	font-size: 12px;
	color: #3a3a3a;
	margin-bottom: 5px;
	line-height: 1.4
}

.group-body a {
	font-size: 12px;
	color: #0d2a6e;
	text-decoration: underline
}

.group-body ul {
	margin: 10px 0 0;
	padding: 0;
	font-size: 0
}

.group-body ul li {
	display: inline-block;
	font-size: 14px;
	color: #113279;
	position: relative;
	padding-left: 20px
}

.group-body ul li+li {
	margin-left: 12px
}

@media (max-width: 365px) {
	.group-body ul li+li {
		margin-left: 0;
		margin-top: 10px
	}
}

.group-body ul li::before {
	content: "";
	display: block;
	background: url("../img/community/placeholder-icon_blue.html") center no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 17px
}

.group-body ul li.members {
	padding-left: 25px
}

.group-body ul li.members::before {
	background: url("../img/community/users-icon_blue.html") center no-repeat;
	background-size: contain;
	width: 20px;
	height: 17px
}

.group-create-block {
	padding: 20px
}

@media (min-width: 815px) {
	.group-create-block {
		padding: 40px 0
	}
}

.group-create-block .new-discussion {
	margin-bottom: 0
}

.group-create-block .new-discussion .text-wrap .btn {
	margin-bottom: 0
}

.commu-group-info {
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	left: 0;
	top: 0;
	width: 186px;
	height: 50px;
	padding: 5px 10px;
	font-size: 0
}

.commu-group-info>div {
	display: inline-block;
	vertical-align: top
}

.commu-group-info .commu-group-logo {
	width: 40px;
	height: 40px;
	border: 1px solid #ffffff;
	border-radius: 40px;
	overflow: hidden
}

.commu-group-info img {
	width: 40px;
	height: 40px;
	border-radius: 40px
}

.commu-group-info .commu-group-name {
	width: calc(100% - 40px);
	padding-left: 10px;
	padding-top: 4px
}

.commu-group-info .commu-group-name p {
	font-size: 13px;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.58);
	margin: 0
}

.commu-group-info .commu-group-name h4 {
	font-size: 14px;
	line-height: normal;
	color: rgba(255, 255, 255, 0.87);
	margin: 0
}

.user-group-name {
	border-top: dashed 1px #7f7f7f;
	padding: 10px
}

.ugn-inner {
	max-width: 270px;
	margin: 0 auto
}

.user-card {
	text-align: center
}

.user-card .user-picture {
	width: 42px;
	height: 42px;
	border-radius: 42px;
	margin: 0 auto 5px;
	overflow: hidden
}

.user-card p {
	font-size: 13px;
	font-family: "Roboto";
	font-display: swap;
	color: rgba(0, 0, 0, 0.58);
	line-height: 1.549;
	margin: 0
}

.user-card h5 {
	font-size: 14px;
	font-family: "Roboto";
	font-display: swap;
	font-weight: 600;
	color: #000;
	line-height: 1.439;
	margin: 0
}

.ug-likes {
	padding-bottom: 10px
}

.ug-likes .userLikes {
	text-align: center
}

.ug-likes .userLikes>a {
	margin-left: 0
}

.ug-likes .userLikes>a+a {
	margin-left: 20px
}

.user-group-location {
	background: #fff;
	padding: 15px 20px;
	margin-bottom: 20px
}

.user-group-location h4 {
	font-size: 14px;
	color: #000000;
	margin: 0;
	margin-bottom: 10px
}

.user-location {
	border: 0;
	border-bottom: 1px solid #7f7f7f;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.58);
	background: url("../img/community/location.html") left no-repeat;
	border-radius: 0;
	padding-left: 25px
}

.user-location:focus {
	outline: none;
	box-shadow: none
}

.explore-groups .headingH1.myGroupTitle {
	padding: 10px 0 10px 70px;
	background: url("../img/community/my-groups-icon.html") no-repeat 0 center
}

.explore-groups .headingH1.pendingTitle {
	padding: 10px 0 10px 70px;
	background: url("../img/community/pending-invites-icon.html") no-repeat 0 center;
	margin-top: 0
}

@media (max-width: 815px) {
	.explore-groups .headingH1.pendingTitle {
		margin-top: 15px
	}
}

@media (max-width: 815px) {
	.pending-slider {
		margin-left: -5px
	}
	.pending-slider .slick-list {
		padding: 0 20% 0 0 !important
	}
	.pending-slider .slick-slide {
		padding: 0;
		margin: 10px
	}
}

@media (max-width: 767px) {
	.mygroups-slider {
		margin-left: -5px
	}
	.mygroups-slider .slick-list {
		padding: 0 5% 0 0 !important
	}
	.mygroups-slider .slick-slide {
		padding: 0
	}
}

@media (min-width: 768px) and (max-width: 815px) {
	.mygroups-slider .slick-list {
		padding: 0 20% 0 0 !important
	}
}

.pending-card {
	background: #fff;
	margin-bottom: 20px;
	border: 0 none;
	overflow: hidden;
	border-radius: 10px
}

.pending-card .group-logo {
	width: 100%
}

.pending-card .group-logo img {
	width: 100%
}

.pending-card .group-body {
	width: 100%;
	padding: 0
}

.pending-card .group-body h4 {
	border-bottom: dashed 1px #7f7f7f;
	padding: 10px 20px
}

.pending-card .group-body .group-location {
	padding: 15px 20px;
	margin: 0;
	font-size: 0
}

.pending-card .group-body .group-location>li {
	width: 50%
}

.pending-card .group-body .group-location>li.members {
	margin-left: 0;
	text-align: right
}

.pending-card .group-body .group-location>li.members::before {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	vertical-align: text-bottom
}

.pending-card .group-body .ua-group_body h4 {
	padding: 0 10px;
	border-bottom: none
}

.pending-card .group-body .ua-group_body ul li {
	padding-left: 0
}

.pending-card .group-body .ua-group_body ul li:before {
	position: relative
}

.cg-cta {
	display: flex;
	column-gap: 15px;
	padding: 10px 20px 20px
}

.cg-cta .btn {
	width: 50%;
	background: #969696;
	color: #fff;
	margin: 0;
	text-decoration: none
}

.cg-cta .btn:hover,
.cg-cta .btn:focus {
	text-decoration: none
}

.cg-cta .btn.btn-accept {
	background: #183883
}

.cg-cta .btn.btn-requested {
	width: 100%
}

.aog-sec {
	padding: 45px 0
}

@media (max-width: 815px) {
	.aog-sec>.container {
		padding-right: 15px;
		padding-left: 15px
	}
}

.aog-sec h4 {
	font-size: 24px;
	font-family: "Roboto";
	font-display: swap;
	color: #000;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 15px;
	margin-bottom: 10px
}

@media (min-width: 815px) {
	.aog-sec h4 {
		margin-top: 70px;
		margin-bottom: 20px;
		font-size: 30px
	}
}

.aog-sec p {
	font-size: 16px;
	color: #3a3a3a;
	line-height: 1.375;
	margin: 0
}

.aog-sec a {
	color: #0d2a6e;
	text-decoration: underline
}

.aog-sec+.tc-block {
	background: #f7f7f7
}

.cg-details {
	margin-bottom: 45px
}

.cg-details .group-body {
	padding: 0
}

.cg-details .group-body ul li {
	color: #fff
}

.cg-details .group-body ul li.location::before {
	background: url("../img/community/location-map-white.html") center no-repeat
}

.cg-details .group-body ul li.members::before {
	background: url("../img/community/groups-icon-white.html") center no-repeat
}

.cg-details .event-overlay h4 {
	margin-bottom: 0
}

.cg-details .event-overlay h4.tvs-official-group small {
	font-size: 15px;
	color: #fff;
	position: relative;
	top: -4px;
	left: 5px
}

.cg-details .event-overlay h4.tvs-official-group small::before {
	content: " ";
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url("../img/community/star-check-icon_green.html") center no-repeat;
	background-size: contain;
	margin-right: 10px;
	margin-top: -2px;
	vertical-align: middle
}

.cg-details .event-overlay .btn {
	margin: 13px 0 0 !important;
	width: 230px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold
}

.cg-details .event-overlay .btn.blue {
	border-radius: 5px
}

.tab-div .group-tabs li a.btn-grey {
	background: #fff;
	padding-left: 18px;
	padding-right: 18px
}

.tab-div .group-tabs li a.btn-grey.active {
	background-color: #183883
}

.tab-div .group-tabs li.btn-post {
	border-left: 1px dashed #a9a9a9;
	margin-left: 10px
}

.tab-div .group-tabs li.btn-post a.btn-grey {
	font-size: 14px;
	border-radius: 6px;
	border-color: #253b85;
	color: #253b85;
	margin-left: 20px;
	min-width: 150px
}

.tab-div .group-tabs li.btn-post a.btn-grey:hover {
	color: #fff
}

.group-details h3 {
	font-size: 24px;
	font-family: "Roboto";
	font-display: swap;
	color: #183883;
	font-weight: bold;
	line-height: 1.167;
	margin-bottom: 5px
}

.group-details p {
	font-size: 16px;
	color: #3a3a3a
}

.group-details a {
	color: #253b85
}

.commuCard .userThumb span.name {
	color: black;
	font-weight: 800
}

.group-gallery-wrapper {
	margin: 30px auto;
	max-width: 100%;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	grid-auto-rows: 120px;
	grid-auto-flow: dense
}

@media (min-width: 815px) {
	.group-gallery-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		grid-auto-rows: 200px
	}
}

.group-gallery-wrapper>.gallery-list {
	text-align: center;
	padding: 1rem 0;
	color: white;
	font-size: 3rem;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.2);
	overflow: hidden;
	padding: 0;
	display: flex;
	align-items: stretch;
	justify-content: center
}

.group-gallery-wrapper>.gallery-list img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	transition: all 0.5s
}

.group-gallery-wrapper>.gallery-list.show::before {
	content: "";
	display: block;
	position: fixed;
	z-index: 555;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6)
}

.group-gallery-wrapper>.gallery-list.show img {
	position: fixed;
	top: 0;
	left: 0;
	margin: 30px;
	align-self: center;
	object-fit: contain;
	z-index: 666;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	filter: drop-shadow(0 3px 15px black)
}

.group-gallery-wrapper>.gallery-list:not(.show):hover img {
	cursor: pointer;
	transform: scale(1.3)
}

.group-gallery-wrapper .horizontal {
	grid-column: span 2
}

.group-gallery-wrapper .vertical {
	grid-row: span 2
}

.group-gallery-wrapper .big {
	grid-column: span 2;
	grid-row: span 2
}

.group-gallery-wrapper .video {
	position: relative
}

.group-gallery-wrapper .video::before {
	content: " ";
	background: rgba(0, 0, 0, 0.5) url("../img/community/bw-play-icon.html") center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.group-gallery-wrapper .active div:not(.show) img {
	filter: blur(3px)
}

.gallery-sort {
	width: 120px;
	border-radius: 6px;
	border: 1px solid #858585;
	font-size: 15px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.87);
	background: #f2f2f2 url("../img/community/black-down-arrow.html") 90% center no-repeat;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-right: 30px
}

.gallery-sort:focus {
	box-shadow: none
}

@media (max-width: 480px) {
	.gallery-sort {
		width: 100%;
		background: #fff url("../img/community/black-down-arrow.html") 95% center no-repeat
	}
}

.headingH1.aog-heading {
	margin-top: 5px
}

@media (max-width: 815px) {
	.headingH1.aog-heading {
		margin: 15px 0;
		padding: 0
	}
}

.groupAdminGallery .groupGalleryAdmin .slick-list {
	padding-right: 20%
}

.groupAdminGallery .grpAdmingallCard {
	height: 300px
}

.groupAdminGallery .grpAdmingallCard .image-container.row {
	margin: 0;
	height: 300px
}

.groupAdminGallery .grpAdmingallCard .image-container .col-xs-5,
.groupAdminGallery .grpAdmingallCard .image-container .col-xs-7 {
	padding: 0;
	height: 100%
}

.groupAdminGallery .grpAdmingallCard .image-container .col-xs-5 img {
	height: 50%;
	width: 100%
}

.groupAdminGallery .grpAdmingallCard .image-container .col-xs-7 a::before {
	content: " ";
	background: rgba(0, 0, 0, 0.3) url("../img/community/play-icon.png") center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.groupAdminGallery .grpAdmingallCard .image-container .col-xs-7 img {
	height: 100%;
	width: 100%;
	position: relative
}

.groupAdminGallery .grpAdmingallCard .card-body {
	padding: 10px;
	z-index: 2
}

.groupAdminGallery .grpAdmingallCard .card-body .userThumb {
	padding: 15px
}

.groupAdminGallery .grpAdmingallCard .card-body .userThumb span.name {
	color: #fff;
	font-weight: 600
}

.groupAdminGallery .grpAdmingallCard .card-body h3 {
	color: #fff;
	margin: 0
}

.groupAdminGallery .grpAdmingallCard .card-body .col-xs-4 {
	text-align: right
}

.groupAdminGallery .grpAdmingallCard .card-body .tvs-icon-edit {
	background: transparent url("../img/community/edit-icon_white.html") center no-repeat;
	background-size: contain
}

.groupAdminGallery .grpAdmingallCard .card-body .tvs-icon-delete {
	background: transparent url("../img/community/trash-icon_white.html") center no-repeat;
	background-size: 83%;
	margin-right: 10px
}

.joinCommunityWrapper {
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 90px;
	position: fixed;
	bottom: 0;
	z-index: 100000
}

@media (min-width: 815px) {
	.joinCommunityWrapper {
		box-shadow: 0px 0px 15px -7px rgba(0, 0, 0, 0.4);
		height: 50px
	}
}

.joinCommunityWrapper .container {
	padding: 0px
}

.joinCommunityWrapper .container .btnJoinCommunity {
	width: 100%;
	height: 90px;
	color: #fff;
	border: 0px;
	float: right;
	font-size: 20px;
	background-color: red;
	font-family: 'GilroySemiBold'
}

@media (min-width: 815px) {
	.joinCommunityWrapper .container .btnJoinCommunity {
		width: 280px;
		height: 45px;
		margin-top: 3px;
		font-size: 14px
	}
}

.joinCommunityWrapper.nocookie {
	bottom: 0 !important
}

.joinCommunityWrapper.hideAogbtn {
	display: none
}
@media screen and (max-width: 767.98px) {
.logo-heading{
        color: #fff;
    font-size: 18px;
    font-weight: 800;
      margin-top: 30px;
    margin-right: 20px;
    display: block!important;
    
}

}
@media screen and (min-width: 767.98px) {
.logo-heading{
    display: none!important;
}
}
.tvs-header .navbar{
    background:#000;
}
}