/**********************************************



Mixin



***********************************************/



/* Font Family Start */



/* Font Family End */



body {



	font-size: 16px;



	margin: 0px;



	padding: 0px;



	color: #000;



	line-height: normal;



	font-family: 'Anton', sans-serif;



	font-family: 'Montserrat', sans-serif;



	background-color: #ffffff;



}



body.overflow-body {



	overflow: hidden;



}



html,



body {



	height: 100%;



}







a,



input,



button,



textarea {



	outline: none !important;



}







a {



	transition: all ease-in-out 300ms;



	-webkit-transition: all ease-in-out 300ms;



	-ms-transition: all ease-in-out 300ms;



	-o-transition: all ease-in-out 300ms;



	-moz-transition: all ease-in-out 300ms;



	text-decoration: none !important;



	color: #2a3d90;



}



a:hover {



	color: #7f8080;



}











/***** header start *******/



.header {



	text-align: center;



	position: absolute;



    top: 0;



    left: 0;



    right: 0;



}



.h-inner {



	display: flex;



	/* align-items: center; */



	justify-content: flex-end;



}



.h-inner .logo {



	padding: 35px 0 0;



}







.h-inner .right {



	position: relative;



	z-index: 9;



}







.main {



	background: url(../images/body-bg.jpg) no-repeat;



    padding: 25px 0 0;



	background-size: cover;



	/* margin-top: -45px; */



	position: relative;



}







.reserve-main {



	max-width: 415px;



	/* margin-top: 45px; */



	padding-bottom: 25px;



}







.reserve-form {



	background: rgba(0,0,0,.5);



	padding: 22px 48px;



	margin-bottom: -200px;



}







.reserve-main h2 {



	font-size: 40px;



	line-height: 44px;



	color: #ffffff;



	font-family: 'BlenderProHeavy';



}







.reserve-main p {



	font-family: 'BlenderProMedium';



	font-size: 14px;



	line-height: 20px;



	color: #ffffff;



}







.segment-checkboxes {



	display: flex;



	flex-wrap: wrap;



	justify-content: space-between;



}







.segment-checkboxes .checkboxBlock {



	display: inline-flex;



}







.checkboxBlock {



	position: relative;



}







.checkboxBlock input[type="checkbox"],
.checkboxBlock input[type="radio"] {



	position: absolute;



	left: 0;



	top: 2px;



	width: 10px;



	height: 10px;



	cursor: pointer;



	z-index: 9;



	appearance: none;



	margin: 0;



	padding: 0;



	opacity: 0;



}







.checkboxBlock input[type="checkbox"]:checked ~ label:before,
.checkboxBlock input[type="radio"]:checked ~ label:before {



	font-family: "FontAwesome";



	content: "\f00c";



	background-color: #ffffff;



	text-align: center;



	font-size: 8px;



	line-height: 9px;



	color: #000000;



}







.checkboxBlock label {



	position: relative;



	font-family: 'BlenderProHeavy';



	font-size: 16px;



	line-height: 16px;



	color: #ffffff;



	padding-left: 18px;



	user-select: none;



}







.checkboxBlock label:before {



	position: absolute;



	content: "";



	left: 0;



	top: 1px;



	width: 10px;



	height: 10px;



	border: 1px solid #ffffff;



}







.club-logo-attach {



	position: relative;



}







.club-logo-attach .btn-gray {



	text-decoration: none;



	position: absolute;



	right: 0;



	top: 0;



	bottom: 0;



	width: 80px;



	align-items: center;



	display: inline-flex;



	justify-content: center;



	text-transform: uppercase;



	font-family: 'BlenderProHeavy';



	font-size: 12px;



	line-height: 12px;



	color: #ffffff;



	background-color: #999999;



	box-shadow: none !important;



	border-radius: 0;



	-webkit-border-radius: 0;



	-moz-border-radius: 0;



	-ms-border-radius: 0;



	-o-border-radius: 0;



}







.club-logo-attach .btn-gray:focus {



	color: #ffffff;



	background-color: #999999;



}







.club-logo-attach .btn-gray:hover,



.club-logo-attach .btn-gray:active:focus {



	color: #ffffff;



	background-color: #999999;



}







.club-logo-attach .fileUpload .fileName {



	padding-right: 90px;



}







.club-logo-attach .fileUpload {



	position: absolute;



	right: 0;



	top: 0;



	bottom: 0;



	appearance: none;



	z-index: 9;



	cursor: pointer;



	width: 80px;



	height: 100%;



	opacity: 0;



	text-indent: -99999px;



}







.agreeInformation p {



	font-family: 'BlenderProMedium';



	font-size: 14px;



	line-height: 18px;



	color: #ffffff;



	margin-bottom: 5px;



}







.agreeInformation .checkboxBlock label {



	font-size: 12px;



	line-height: 18px;



}







.agreeInformation .checkboxBlock input[type="checkbox"],
.agreeInformation .checkboxBlock input[type="radio"] {



	top: 4px;



}







.agreeInformation .checkboxBlock label:before {



	top: 4px;



}







.form-group label {



	font-family: 'BlenderProHeavy';



	color: #ffffff;



	font-size: 12px;



	line-height: 12px;



}



.form-group .form-control {



	background: transparent;



	border: 1px solid #999999;



	box-shadow: none !important;



	border-radius: 0;



	color: #ffffff;



	height: 28px;



	font-size: 12px;



	line-height: 12px;



	font-family: 'TradeGothicLTComLight';



}



.form-group .custom-select {



	background-color: transparent;



	border: 1px solid #999999;



	box-shadow: none !important;



	border-radius: 0;



	color: #ffffff;



	height: 28px;



	font-size: 12px;



	line-height: 12px;



	font-family: 'TradeGothicLTComLight';



	/* background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9 19.6' style='enable-background:new 0 0 9 19.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='9,7.3 0,7.3 4.5,0 '/%3E%3Cpolygon class='st0' points='0,12.3 9,12.3 4.5,19.6 '/%3E%3C/svg%3E%0A") no-repeat right 10px center/8px 18px; */



	background: url("../images/selectBox.svg") no-repeat;



	background-size: 28px;



	background-position: center right;



}







.form-group .custom-select optgroup {



	color: #000000;



	font-size: 14px;



}







.btn-orange {



	font-family: 'BlenderProHeavy';



	font-size: 12px;



	line-height: 12px;



	color: #ffffff;



	background: #FF6600;



	padding: 10px 20px;



	border-radius: 0;



	margin: 30px 0 0;



}



.btn-orange:hover {



	background: #FFFFFF;



}



.form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */



	color: #999999;



}







.form-group .form-control::-moz-placeholder { /* Firefox 19+ */



	color: #999999;



}







.form-group .form-control:-ms-input-placeholder { /* IE 10+ */



	color: #999999;



}







.form-group .form-control:-moz-placeholder { /* Firefox 18- */



	color: #999999;



}







.form-group select option {



	font-size: 14px;



	line-height: 14px;



	color: #000;



}







.feature {



	padding-right: 0;



	padding-top: 30px;



}



.feature .f-block {



	display: flex;



	align-items: center;



	margin: 0 0 10px;



}



.feature .f-block .icon {



	margin-right: 15px;



}



.feature .f-block .text {



	background: #FFFFFF;



	padding: 10px 15px;



}



.feature .f-block p {



	font-size: 19px;



	line-height: 23px;



	color: #000;



	margin: 0;



	font-family: 'BlenderProHeavy';



}







.feature .f-block span {



	display: block;



	font-size: 14px;



	line-height: 18px;



	color: #000;



	margin: 0;



	font-family: 'BlenderProHeavy';



}







.condition span {



	font-size: 8px;



	line-height: 8px;



	color: #ffffff;



	display: block;



	margin-left: 0;



}







.footer {



	/* background: #ffffff; */



	padding: 40px 0;



	margin-top: 200px;



}







.f-left h4 {



	font-size: 18px;



	line-height: 18px;



	color: #000000;



	margin: 0 0 5px;



	font-family: 'TradeGothicLTComBold';



}



.f-left h4 span {



	font-size: 10px;



	line-height: 10px;



	color: #000000;



	font-family: 'TradeGothicLTComLight';



}



.f-left p {



	font-size: 15px;



	line-height: 15px;



	color: #000000;



	margin: 0 0 5px;



	font-family: 'TradeGothicLTComLight';



}







.f-right {



	text-align: right;



}







.f-right p {



	font-size: 15px;



	line-height: 15px;



	color: #000000;



	margin: 0;



	font-family: 'BlenderProHeavy';



}



.f-right p a {



	color: #000000;



}







.f-bottom {



	/* border-top: 1px solid #000000; */



	/* margin-top: 20px; */



	padding: 15px 0  0;



}



.f-bottom p {



	font-size: 12px;



	line-height: 12px;



	color: #000000;



	font-family: 'TradeGothicLTComLight';



	margin: 0;



}



.inner-page {



	padding: 55px 0 0;



	min-height: calc(100vh - 350px);



}



.thank-you .text h2 {



	font-size: 48px;



	line-height: 48px;



	font-family: 'BlenderProHeavy';



	color: #ffffff;



	margin: 0;



}



.thank-you .text p {



	font-size: 24px;



	line-height: 24px;



	font-family: 'BlenderProHeavy';



	color: #ffffff;



}







.thank-you .bike-img {



	text-align: right;



}



.hide{



	display: none;



}







.form-group label.error {



	color: red;



	margin: 0;



	padding: 0;



}



.form-group label.error:before {



	display: none;

	

}





/* **** kemaman_landing ***** */

.hero-wrp{

	background-image: url(../images/landing-hero.png);

	height: 423px;

	width: 100%;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	display: flex;

	align-items: flex-end;

	padding: 0 0 40px;

}

.hero-wrp h3{

	font-family: 'BlenderProHeavy';

	font-size: 40.89px;

	line-height: 35px;

	text-align: left;

	color: #fff;

}

/* **** End kemaman_landing ***** */



.hero-wrp .container{

	max-width: 800px;

}

.product-wrp .container{

	max-width: 800px;

}

.contact-wrp .container{

	max-width: 800px;

}

/* **** product *** */

.product-wrp{

	padding: 60px 0 0;

}

.product-wrp .prd-box{

	margin: 0 0 50px;

}

.product-wrp .prd-box .prd-img{

	width: 233.14px;

	height: 150px;

	background: transparent;

	border: 1px solid #eee;

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 0 0 15px;

}

.product-wrp .prd-box .prd-img img{

	max-width: 100%;

}

.product-wrp .prd-box h2{

	font-family: 'BlenderProHeavy';

	font-size: 16px;

	letter-spacing: 0.05em;

	line-height: 12px;

	text-align: left;

	color: #000;

	margin: 0 0 5px;

}

.product-wrp .prd-box p{

	font-family: 'BlenderProHeavy';

	font-size: 10px;

	line-height: 12px;

	text-align: left;

	color: #808080;

	margin: 0 0 6px;

}

.product-wrp .prd-box .price span{

	font-family: 'BlenderProHeavy';

	font-size: 10.5px;

	color: #FF6600;

	text-transform: uppercase;

	display: block;

}

.product-wrp .prd-box .price h3{

	font-size: 20px;

	color: #FF6600;

	margin: 0 0 6px;

	font-family: 'BlenderProHeavy';

}

.product-wrp .prd-box .price h4{

	font-size: 10.5px;

	font-family: 'BlenderProHeavy';

	color: #000;

	letter-spacing: 0.05em;

	margin: 0 0 5px;

}



.quantity-box h2{

	font-family: 'BlenderProHeavy';

	font-size: 10.5px;

	letter-spacing: 0.05em;

	line-height: 12.6px;

	text-align: left;

	color: #808080;

	margin:  0 0 5px;

}

.quantity-box .quantity-input{

	width: 100px;

	height: 28.69px;

	background: transparent;

	border: 0.75px solid #919191;

	display: flex;

	align-items: center;



}

.quantity-box .quantity-input button{

	width: 28.69px;

	height: 28.69px;

	background: #919191;

	font-size: 18px;

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	border:none;

	box-shadow: none;

	outline: none;

}

.quantity-box .quantity-input input{

	height: 25.69px;

	border:none;

	box-shadow: none;

	outline: none;

	width: 41px;

	font-family: 'TradeGothicLTComLight';

	font-weight: 600;

	font-size: 12px;

	letter-spacing: 0.05em;

	line-height: 18px;

	text-align: center;

	color: #919191;



}

/* **** End product *** */





/* **** delivery-box **** */

.delivery-box{

	padding: 0 0 34px;

	border-bottom: 5px solid #f60;

	margin: 0 0 30px;

}



.delivery-box h3{

	font-family: 'BlenderProHeavy';

	font-size: 10.5px;

	letter-spacing: 0.05em;

	line-height: 12.6px;

	text-align: left;

	color: #000;

	margin: 0 0 8px;

}

.form-checkbox{

	margin: 0;

}

.delivery-box label{

	color: #000;

}

.delivery-box .checkboxBlock label:before{

	border-color: #000;

}

.delivery-box h2,
.delivery-box h2 span#totalprice {

	font-family: 'BlenderProHeavy';

	text-align: left;

	color: #f60;

	font-size: 30px;

	line-height: 20px;

}

.delivery-box h2 {
	display: flex;
}

/* .delivery-box h2 span#totalprice {
	float: right;
    margin-right: 70px;
} */

.delivery_box_price span{

	display: block;

	font-size: 10.5px;

	letter-spacing: 0.05em;

	line-height: 16px;

}

.checkboxBlock [type="radio"]:checked, .checkboxBlock [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}



/* **** End delivery-box **** */







/* **** contact **** */

.contact-wrp .form-group{

	margin: 0 0 14px;

}

.contact-wrp label{

	color: #000;

}

.contact-wrp .checkboxBlock label:before{

	border-color: #000;

}

.contact-wrp .form-group label{

	color: #000;

}

.contact-wrp .form-checkbox label{

	font-family: 'BlenderProMedium';

	font-size: 14px;

	letter-spacing: -0.01em;

	line-height: 12px;

	text-align: left;

	color: #808080;	

}

.contact-wrp .form-group .custom-select{

	color: #000;

}

.contact-wrp .form-group .form-control{

	color: #000;

}

.contact-wrp p{

	padding-left: 20px;

	font-family: 'BlenderProMedium';

	font-size: 14px;

	line-height: 18px;

	text-align: left;

	color: #808080;

	margin: 0 0 15px;

}

.contact-wrp p a {
	color: #FF6600;
}

.contact-wrp button{

	background-color: #FF6600;

	border-radius: 0;

	border:none;

	font-family: 'BlenderProHeavy';

	font-size: 12px;

	letter-spacing: 0.05em;

	line-height: 18px;

	text-align: left;

	color: #fff;

	padding: 8px 20px;

	margin-left: 20px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.contact-wrp button:hover{

	background-color: #000;
	color: #fff;

}

.landing-footer{

	margin-top: 20px;

}

.landing-footer .container{

	max-width: 800px;

}

.contact-wrp .checkboxBlock label{

	font-size: 12px;

	font-family: 'BlenderProMedium';

    font-size: 14px;

    line-height: 18px;

    text-align: left;

    color: #808080;

}

.product-wrp .checkboxBlock label:before{

	top: 2px;

}

.contact-wrp .checkboxBlock label:before{

	top:4px;

}

.contact-wrp form .row{

	margin-left: -5px;

	margin-right: -5px;

}

.contact-wrp form .row .col-md-4,

.contact-wrp form .row .col-md-8{

	padding-left: 5px;

	padding-right: 5px;

}

/* **** End contact **** */

.contact-wrp .form-group label.error {
    color: #ff0000;
}

.checkboxBlock label#term_use-error {
	font-family: 'BlenderProHeavy';
	font-size: 12px;
    color: #ff0000;
    padding-left: 0;
}

#ktm_price-error {
	font-family: 'BlenderProHeavy';
	font-size: 12px;
    color: #ff0000;
    padding-left: 0;
	padding-bottom: 20px;
}

.checkboxBlock label#term_use-error::before{
	display: none;
}

.alert-success, .alert-danger {
    background-color: transparent;
    border: transparent;
}

.alert {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}