@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');

body{ margin: 0px; padding: 0px;  font-family: 'Poppins', sans-serif;}
::-webkit-scrollbar{background:#ddd;width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 10px #fff;border-radius:10px}
::-webkit-scrollbar-thumb{background:#16bcb6;border-radius:50px}::selection{background:#16bcb6;color:#fff}

/* background setup */
.background { background-repeat:no-repeat;  /* custom background-position */ background-position:50% 50%; /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;}
/* fullscreen setup */
html, body {/* give this to all tags from html to .fullscreen */height:100%;}
.fullscreen, .content-a {width:100%; height:100%; overflow:hidden;}
.fullscreen.overflow, .fullscreen.overflow .content-a {height:auto; min-height:100%;}
.bgColorShade1 {background-color:rgba(0,0,0,0.7);}
.bgColorShade2 {background-color:rgba(0,0,0,0.7);}
.bgColorShade3 {background-color:rgba(0,0,0,0.7);}
/* content centering styles */
.content-a {display:table;}
.content-b {display:table-cell; position:relative; vertical-align:middle; text-align:center;}
/* visual styles */
section {background:#ec2b25;}
.inner-fullscreen{height:50%;}
.not-fullscreen{height:70%;}

/* Bootstrap Styles */
.col-xsl-12 {width:100%;}
.col-xsl-11 {width:86.66666667%;}
.col-xsl-10 {width:83.33333333%;}
.col-xsl-9 {width:75%;}
.col-xsl-8 {width:66.66666667%;}
.col-xsl-7 {width:58.33333333%;}
.col-xsl-6 {width:50%;}
.col-xsl-5 {width:41.66666667%;}
.col-xsl-4 {width:33.33333333%;}
.col-xsl-3 {width:25%;}
.col-xsl-2 {width:16.66666667%;}
.col-xsl-1 {width:8.33333333%;}
.col-xsl-1, .col-xsl-2, .col-xsl-3, .col-xsl-4, .col-xsl-5, .col-xsl-6, .col-xsl-7, .col-xsl-8, .col-xsl-9, .col-xsl-10, .col-xsl-11, .col-xsl-12 {float:left;}
.container-fluid{ width:100%;}
.container{ width:1180px; display: table; margin:auto;}
.wrapper{width:900px; overflow:hidden; margin:auto; text-align:center;}
.bannerTxtBig{ font-size: 60px;  color: #ffffff; font-weight:bold; text-transform: none; line-height: 56px;
	    text-shadow: 0px 3px 0px #000000;  font-weight: 500;}
.bannerTxtBig span{ font-size: 30px; text-transform: none; display: block; color: #ffffff;}
.bannerSmallTXt{ font-size: 16px; color: #ffffff; text-transform: uppercase; letter-spacing:4px; padding-bottom: 10px; }
.bannerTopPadd{ padding-top:56px; }
.paddingBtmHD{ padding-bottom: 15px; }
.paddingTopHD{ padding-top: 15px; }
.row { margin: 0px -15px;}
.paddRow{ padding: 15px; }
.innerPaddTB{ padding: 40px 0px; }
.alignCenter{ text-align: center; }

.logoDiv{ width: 120px; float: left; overflow: hidden; padding: 10px 0px; }
.logoDiv img { width: 100%; }
.greyBgDiv{ background: #f8f8f8; overflow: hidden; }
.paddtopBtm{ padding: 50px 0px;}

.mobileBanner{max-width: 700px; overflow: hidden; display: none; clear: both;}
.mobileBanner img{ width: 100%; }

.menuDiv{ float: left; width: auto; padding-left: 172px; padding-top: 24px; }
.menuDiv ul{ margin: 0px; padding: 0px; }
.menuDiv ul li{ margin: 0px; padding: 0px; font-size: 14px; text-transform: uppercase; list-style: none; float: left;
letter-spacing: 1px;}
.menuDiv ul li a{ text-decoration: none; color: #333333; padding: 0px 15px; display: block; line-height: 30px; }
.menuDiv ul li a:hover{ color: #0090e2; }
.menuIconDiv{float: right; width: auto; padding:15px 0px 0px 0px; display: none;}
.menuIconDiv i{ color: #0090e2; font-size: 26px; padding: 8px 10px; border:2px solid #0090e2; }

.selectLocationDiv{ background: #f4f4f4; float: right;  width: auto; padding:8px; margin-top:18px; padding-left: 15px;
	font-size:15px;letter-spacing: 0.5px; cursor: pointer; }
.selectLocationDiv span{ padding: 0px 10px; }


h1, h2, h3{ margin:0px; padding:0px; color:#333333; font-size:30px; font-weight:500; text-transform: none; line-height: 30px;}
p{ font-size: 16px; color: #6d6d6d; line-height: 24px;}
.centerAlign{ text-align: center; }
.clearFix{ clear: both; }


/* What we Offer */
.what-we-offer-1{ width: 330px; float: left; overflow: hidden; }
.offerIconBlue{width: 90px; height: 90px; background: #0090e2; border-radius: 50%; padding: 10px; margin: auto;}
.offerIconBlue img{ width: 100%; }
.offerIconGreen{width: 90px; height: 90px; background: #21b94e; border-radius: 50%; padding: 10px; margin: auto;}
.offerIconGreen img{ width: 100%; }
.what-we-offer-1 h2{ font-size: 20px; color: 333333; padding-top: 10px; }
.what-we-offer-1 p{ letter-spacing: 1px; color: #6d6d6d; font-size: 16px; margin: 0px; padding: 0px; line-height: 22px; }

.what-we-offer-2{ width: 330px; float: right; overflow: hidden; }
.what-we-offer-2 h2{ font-size: 20px; color: 333333; padding-top: 10px; }
.what-we-offer-2 p{ letter-spacing: 1px; color: #6d6d6d; font-size: 16px; margin: 0px; padding: 0px; line-height: 22px; }

.what-we-offer-3{  width:434px; float: left; overflow: hidden; padding-left: 30px; padding-top: 15px; }
.what-we-offer-3 img{ width: 100%; }

/* Our Bikes */
.bike_img { width: 100%; max-width: 400px;}
.bike_img img { width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;
	transition: all 0.3s;}
.bike_img img:hover {transform: scale(1.1); transition: all 0.3s ease 0s;}
.bikedetails h3 { margin: 0; padding-top: 10px; font-weight: bold; font-size: 18px;}
.bikedetails p {margin: 0; padding: 4px 10px; font-size: 13px; letter-spacing: 0.5px; color: #6d6d6d; line-height: 14px;}

/* How it Works */
.shadeDiv{background: rgba(0,0,0,0.2); padding:20px; text-align: center; height: 234px;}
.shadeDiv h2{ font-size: 20px; color: #ffffff; font-weight: 600; padding: 10px 0px; margin: 0px; }
.shadeDiv p{ color: #ffffff; font-size: 16px; margin: 0px; padding: 0px; letter-spacing:1px; font-weight: 300; line-height: 22px;}

.questionLeft{width: 506px; float: left;}
.questionContDiv{ width: 390px; float: right; text-align: left; }
.questionContDiv h2{font-size: 30px; color: #333333; font-weight: 600; padding: 10px 0px; margin: 0px; }
.questionContDiv p{ color: #6d6d6d; font-size: 16px; margin: 0px; padding: 0px; letter-spacing:1px; font-weight: 300; line-height: 22px;}
.callUsTxt{ color: #0090e2; font-size: 22px; padding-top: 20px; }
.phoneNumTxt{ color: #0090e2; font-size: 36px; font-weight: 600; line-height: 34px; }
.timingTxt{ font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }

/* Bike Taping */
.bikeTapingDiv{width: 432px; text-align: center; padding-top:30px; color: #ffffff; margin: auto; text-shadow: 0px 2px 0px #000000;}
.bikeTapingTxt-1{ font-size: 30px; letter-spacing: 2px; text-transform: uppercase; }
.bikeTapingTxt-2{ font-size:70px; letter-spacing: 2px; text-transform: uppercase; font-family: 'Anton', sans-serif;
color: #ffffff; line-height: 70px; text-shadow: 0px 2px 0px #000000; }
.bikeTapingTxt-3{ font-size:20px; letter-spacing: 2px; text-transform: uppercase; }

.slideInvest{margin:0px; float: right;}

/* Testimonial Block */
.testimonialBgDiv{ background: #f8f8f8; padding:20px; display: table; border-radius: 10px;}
.thumbnailDiv{ width: 117px; height: 117px; background: #ffffff; border-radius: 50%; float: left; }
.testimonialCntDiv{float: right; width:76%; color: #6d6d6d;}
.arrowDiv{ text-align: right; padding-right: 30px; }
.clientTxt{ text-align: right; letter-spacing: 1px; }

/* Inner Page Styles */
.innerContDivHead{ padding-top: 115px; }
.innerContDivHead h1{ font-size: 40px; color: #ffffff; font-weight: bold; line-height: 38px; }
.innerContDivHead h1 span{ display: block; font-size: 16px; letter-spacing: 2px; font-weight: 400; }
.innerContDivHead h1 span a{ color: #ffffff; text-decoration: none; }
.innerContDivHead h1 span a:hover{color: #21b94e;}

/* Footer */
.footerBg{ background: #282828; padding: 15px 0px; display: table; width: 100%; font-weight: 400; }
.footerLogo{ width: 242px; cursor: pointer;  }
.footerLogo img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%); transition: all 0.3s;}
.footerLogo img:hover {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(0);}
.footerHdng { font-size:24px; font-weight: 500; color: #fff; text-transform: none;}
.footerIcon .fab { color: #d1d1d1;  font-size: 16px; margin-right: 15px; margin-top: 10px; font-size: 24px;}
.footerIcon .fab:hover{ color: #21b94e; }
.footerList { margin: 0; padding: 0; margin-top: 10px;}
.footerList ul {list-style: none; margin: 0; padding: 0;}
.footerList ul li { color: #c7c7c7; padding: 3px 0; letter-spacing: 1px; margin-left: 2px; font-size: 16px;}
.footerList ul li a {text-decoration: none; color: #c7c7c7; transition: all .5s ease;}
.footerList ul li a:hover {color: #21b94e; margin-left: 5px;}
.footerPhnTxtCLR { color: #c7c7c7; font-size: 14px; letter-spacing: 1px; pointer-events: none;}
.footerList .marinTop { margin-top: 15px;}
.footerPhnTxtCLR a{text-decoration: none; color: #c7c7c7; transition: all .5s ease;}
.copyRightDiv{background: #212121; display: table; width: 100%; padding: 10px 0px; font-weight: 300;}
.copyLftTxt{float: left; width: auto; color: #ffffff; font-size: 14px; letter-spacing: 1.5px;}
.cardsDiv{width: auto; float: right;}

/* Inner Page Styles */
p{ font-size: 16px; color: #6d6d6d; line-height: 30px; font-weight: 300; letter-spacing:0.5px; }
.gridBoxStyle { padding: 25px 0px; box-sizing: border-box; border-bottom: 1px solid #eeeeee;}
.clearFix{ clear: both; }
.aboutusCnt h2{ font-size: 20px; color: #333333; text-transform: none; margin: 0px; padding: 0px; }
.aboutIconMNDiv{width: 120px; height: 120px; float: left; border-radius: 50%; background: #f4f4f4;}
.aboutIconMNDiv img{ width: 80px; }
.aboutIcnInn{ height: 120px; display: table-cell; vertical-align: middle; text-align: center; width: 100em; }
.cntBlkLeft{ float: right; width:88%; }

/* Contact Us */

.contFormDivMn{background:#f2f2f2; border-radius: 10px; padding: 20px 30px; box-sizing: border-box;}
.contFormDivMn h1{ font-size: 30px; text-align: center; color: #333333;  padding-bottom: 15px; }
.contactFormList{ margin: 0px; padding: 0px; clear: both; }
.contactFormList ul{ margin: 0px; padding: 0px; }
.contactFormList ul li{ list-style: none; margin: 0px; padding:4px 0px; }
.textBox{   font-family: 'Poppins', sans-serif; background:#ffffff; padding:16px; font-size: 16px; color: #6d6d6d;
box-sizing: border-box;width: 100%; border:0px; border-radius:6px; outline: none; }
.resize{ resize: none; }

.contRightDiv{ padding-left: 60px; box-sizing: border-box; }
.contRightDiv h2{ font-size: 30px; padding-bottom: 15px; }
.contRightDiv p{ margin: 0px; padding:0px; line-height: 22px; }
.contIconDivMn{ padding-top: 10px; clear: both; }
.iconDiv{float: left; width: 68px; height: 68px; border-radius:50%; background: #0090e2;}
.iconDiv div{ height: 68px; width: 100em; color: #ffffff; font-size:30px; vertical-align: middle; text-align: center;
	display: table-cell; }
.infoDiv{padding-left:10px; font-size:20px; color: #333333; float: left; box-sizing: border-box;
width:80%;}
.infoDiv span{ font-size: 16px; color: #6d6d6d; display: block;}
.paddTopCont{ padding-top:15px; }
.rightDirection {transform: scaleX(-1);}

.contactbtnTab{background: #f2f2f2; padding: 10px; border-radius:8px; font-size: 20px;
position: relative; display: block;}
.contactbtnTab a{ color: #333333; text-decoration: none; }
.contactbtnTab span{ display: block; font-size: 14px; color: #6d6d6d;}
.contactbtnTab i { position: absolute; right: 10px; top:25px;}
.paddTopBtm{ padding:50px 0px; overflow: hidden; }
a.readMoreBtn{ text-decoration: none; display: inline-block; }
a.readMoreBtn div{background:#0090e2 ; color: #ffffff; border-radius:8px; padding: 10px 30px; font-size: 18px;}

/* Location Styles */
.location h2 span{ display: block;  font-size: 14px; color: #999999; letter-spacing: 2px;  }

/* Our Bikes */
.bike_img { width: 100%; max-width: 400px;}
.location .bike_img img:hover {transform:none !important; transition:0;}
.borderlocationBke{padding: 20px; position: relative; background: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); overflow: hidden;}
.location .bikedetails p {font-size: 12px; letter-spacing: 0.5px;}
.selectBoxLocMN{position: absolute; top: 18px; left: 18px; font-size: 12px; color: #cfcfcf;}
.selectBoxLocMN select{  font-family: 'Poppins', sans-serif; font-size: 12px; color: #cfcfcf; border: 1px solid #cfcfcf; outline: none;}
.bikeinfoIcon{position: absolute; top: 18px; right: 18px; font-size: 16px; color: #cfcfcf;}
.bikePriceDiv{padding: 10px 0px; border-top:3px solid #eaeaea; margin-top: 5px; clear: both; overflow: hidden;}
.priceDiv{width: 50%; float: left; overflow: hidden; padding: 5px; color: #000000; font-size:20px; line-height: 20px; box-sizing: border-box;
padding-top: 10px;}
.priceDiv i{ font-size:18px;}
.priceDiv div{ font-size: 12px; letter-spacing: 0.5px; color: #999999;}
.selectDivMn{width: 150px; margin: auto; color: #6d6d6d; padding-top: 5px;}
.bookNowDiv{ width: 50%; float: right; overflow: hidden; padding-top: 10px; }
.bookNowBtn{  background: #d6d6d6; padding:8px; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 14px; border: 0px;
transition: all 0.3s ease 0s; width: 100%; cursor: pointer;}
.bookNowBtn:hover{ background: #0090e2; }


.selctionDiv{padding: 0px 0px 25px 0px; overflow: hidden;}
.selectdateMn{width: 800px; margin: auto; background: #f4f4f4; height: 40px;}
.location-1{ width: 30%; float: left; position: relative;}
.location-1 input{ background: #f4f4f4; padding: 10px; border: 0px; font-family: 'Poppins', sans-serif; letter-spacing: 1px; outline: none;
padding-left:30px; color: #6d6d6d;}
.location-1 i{ position: absolute; left: 10px; top: 10px; }
.searchBtn{ background: #1cb363; width: 10%; float: left; padding:9px; box-sizing: border-box; text-align: center; cursor: pointer;  }
.searchBtn a{  color: #ffffff; font-size: 14px; text-decoration: none; }
.borderRightDiv{ border-right: 2px solid #efefef; }
.bookNowBtnNew{ padding: 12px 0px; background: #21b94e; font-family: 'Poppins', sans-serif; font-size:22px; text-transform: uppercase;
width: 200px; border: 0px; color: #ffffff; cursor: pointer; }


/* Register */
.labelLFT{width:300px; float:left; margin-right:10px; text-align:right; padding:8px 0px;}
.labelRGT{width:300px; float:left;}
.loginlabelLFT{width:100px; float:left; margin-right:10px; text-align:right; padding:8px 0px; color:#6d6d6d;}
.loginlabelRGT{width:78%; float:left;}
.textBoxlogin{border:1px solid #cccccc; padding:10px; background:#ffffff; font-size:16px; color:#6d6d6d; box-sizing: border-box; width: 100%;
outline: none; font-family: 'Poppins', sans-serif;}
.leftBoxLogin{background: #ffffff; padding: 20px; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}
.loginBtn{ padding: 8px 20px; background: #21b94e; font-family: 'Poppins', sans-serif; font-size:16px; text-transform: uppercase;
border: 0px; color: #ffffff; cursor: pointer; }
.leftBoxLogin h1{ padding-bottom: 20px; font-size: 24px; color: #0090e2; text-transform: none; font-weight: 400; }
.rightBoxLogin{ background: #ffffff; padding: 20px 30px; overflow: hidden; height: 215px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); }
.rightBoxLogin h2{ padding-bottom: 0px; font-size: 24px; color: #0090e2; text-transform: none; font-weight: 400; }
.registerWrapper{width: 800px; margin: auto;}
.marginTopReg{ margin-top: 30px !important; }

/* Checkout */
.checkoutWrapper{width: 1180px; margin: auto;}
.checkoutMnDiv{ overflow: hidden; box-sizing: border-box; float: left; width: 60%;}
.checkoutList ul{ margin: 0px; padding: 0px;  list-style: none;}
.checkoutList ul li{ margin: 0px 0px 10px 0px; border: 1px solid #efefef; padding: 15px; list-style: none; clear: both; width: 100%; overflow: hidden;
box-sizing: border-box; overflow: hidden; }
.checkoutImg{ width: 30%; float: left; }
.checkoutImg img{ width: 100%; }
.checkoutContDiv{ width: 70%;  float: left; }
.bikehdngTxt{ font-size: 18px; color: #666666; font-weight: 500; }
.checkoutQTY{ font-size: 12px; color: #666666; padding: 10px 0px;}
.checkoutQTY select{  font-family: 'Poppins', sans-serif; font-size: 12px; color: #666666; border: 1px solid #666666; outline: none;}
.priceTxt{ font-size:26px; color: #0090e2; font-weight: 600; }
.checkoutSmlTxt{ font-size:12px; color: #999999; font-weight: 600; letter-spacing: 2px; }
.removeTxt{  font-size:12px; text-transform: uppercase; font-weight: 600;  letter-spacing: 1px; padding-top: 5px; }
.removeTxt a{ color: #21b94e; text-decoration: none; }
.checkoutbluebox{float: right; width:38%;}
.checkoutbluebox .bluebg{background: #f9f9f9; padding: 0px 15px; box-sizing: border-box; font-size:16px; color: #6d6d6d;}
.checkoutbluebox span{ float: right; }
.checkoutbluebox div{ border-bottom: 1px solid rgba(0,0,0,0.1); padding:10px; }
.checkoutbluebox .totalPrice{ font-size:24px; color: #0090e2;  font-weight:600;}

/* Terms & Conditions */
.myulcheck { list-style:none; padding: 0; margin: 0px; display: inline-block; padding-right: 5px;vertical-align: top;}
.myulcheck ul{ margin: 0px; padding: 0px; margin-left:26px; }
.myulcheck li:before { content: ''; width: 14px; height: 6px; position: absolute; top: 10px; left: -26px; border: 2px solid #0399b4; border-top: none; border-right: none; background: transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.myulcheck li { position: relative;list-style:none; padding:5px 0px; font-size: 16px; color: #6d6d6d; line-height: 24px;
	font-weight: 300;}
.myulcheck li span{ font-weight: bold; color: #0399b4; }
.tableMnDiv{clear: both; width:600px;}
.policy_table {border-top: 1px solid #ddd; border-left: 1px solid #ddd; margin-bottom: 10px;}
.policy_table tr th { font-weight: 500 !important; letter-spacing: 0.5px; }
.policy_table tr th, .policy_table tr td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px 5px;
	text-align: left;}
.policy_table tr th:first-child, .policy_table tr td:first-child {text-align: center;width: 40px;}
.policy_table tr th {background: #eee;}
.policy_table tr:nth-child(2n+1) {background: #f7f7f7;}
.policy_table tr td{ font-weight: 300;  font-size: 14px; line-height: 26px; letter-spacing: 0.5px; }
.tableMnDivcancel{clear: both; width:1180px;}