ul{ padding-left:15px; list-style:circle; }

.line{ text-decoration:line-through; }

.text-gray{ color:#666; }

.bg-danger-dark{ 
  background-color:#f0523d; 
  color:#FFF; 
}

.bg-danger-dark h4{
  color:#FFF;	
}

.bg-warning-dark{background-color:#ff9600;}
.bg-warning-dark h3{color:#FFF;}
.bg-warning-dark .form-control{ background-color:transparent; color:#FFF; border-color:#FFF; }
.bg-warning-dark .btn-default{ background-color:transparent; color:#FFF; border-color:#FFF; text-transform:uppercase; }
.bg-warning-dark p{ color:#FFF; }
.bg-warning-dark a{ color:#FFF; font-weight:600;  }

.quotation{
	display:inline-block; 
	width:100%;
	background-color:#fff; 
	margin-bottom:30px;
	border:#e2e2e2 1px solid;
}

.quotation hr{ margin-top:10px; margin-bottom:10px; }

.quotation .q-prc{ 
	padding:0 15px; 
}

.quotation .q-prc p{ margin-top:20px; }
.quotation h3{
font-size: 22px;
color: #000;
font-weight: 600;
margin-bottom: 10px;
margin-top: 10px;
}

.quotation h4.prc{
	font-weight:800;
	color:#047bb3;
	margin-top:0px;
	font-size:20px;
	margin-bottom:0px;
	text-align:center;
}

.quotation p{
	margin:0;
	font-size:14px;
}

.quotation p.mb-5{
    margin-bottom: 10px;
}

.quotation .nav{     
	margin-top: 0;
    padding: 15px;
    margin-bottom: 0; 
	border-top:#ddd thin solid;
}

.quotation .nav > li > a{
	position:relative;
	display:block;
	padding:7px 12px;
	font-size:13px;
	color:#333;
	border-color:#ccc;
	margin-right:15px;
	border-radius:3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.quotation .nav > li > a span.arrow{ 
	width: 17px;
	height: 17px;
	display:none;
	position: absolute;
	transform: rotate(45deg);
	left: 40%;
	background-color: #e9e9e9;
	top: 25px;
	border-bottom: #ccc thin solid;
	z-index: 0;
	border-right: #ccc thin solid; 
}
.quotation .nav > li.active > a span.arrow{ display:block; }

.quotation .amenities{ margin-bottom:0; }

.quotation .amenities li{ 
	font-size:13px;
	color:#000;
	text-align:center;
	font-weight:600;
}
.quotation .amenities p{ display:block; }
.quotation .amenities img{
	max-height:75px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.quotation .tab-content .tab-pane{padding:15px;border-top:#ddd thin solid;}
.quotation .tab-content h3{margin-bottom:25px;}
.quotation ul.term{ line-height:1.6; }
.quotation ul.term li{ margin-bottom:5px; }
.quotation ul li{ font-size:13px; }
.quotation h4{
	margin-top:0;
	font-size:14px;
	font-weight:600;
	color:#666;
}
.quotation ul.pricing{}
.quotation ul.pricing li.head div{font-weight:600;}
.quotation ul.pricing li div{border-top:#ddd thin solid;padding:15px 0;font-size:14px;color:#000;}
.quotation ul.pricing li div:last-child{text-align:right;font-weight:600;}
.quotation ul.pricing li.total div{ font-size:18px;font-weight:600;}
.quotation ul.pricing li.total div:last-child{font-weight:700;}
.quotation .gallery{ padding:15px 10px; } 
.quotation .gallery li > a{ margin-bottom:30px; display:inline-block;}

.det-wrap{position: relative;
	padding-top: 50px;
	border-top: #ddd thin solid; 
	margin-bottom:0;
}

.quotation .img .featured{
	overflow:hidden;
	width:100px;
	display:inline-block;
	height: 80px;
	position: absolute;
	top: -1px;
	left: -1px;
}

.quotation .img .featured span{
	position: absolute;
    width: 65px;
    height: 39px;
    transform: rotate(-45deg);
    background-color: #C00;
    text-align: center;
    color: #fff;
    left: -23px;
    top: -10px;
    z-index: 1;
    font-weight: 800;
    padding-top: 17px;
}

.det-wrap .panel-body { border:none !important; }
.det-wrap .panel{ border:none !important; }

    .dist-wrap{ text-align:center; }

	.step-wrapper {
	 width:100%;
	 box-shadow: rgba(0,0,0,0.25) 0 0 15px;
	 margin-bottom:15px;
	 background-color:#fff;
	}
	
	.step.p-0{padding:0;}
	
	.step{ 
	 padding: 15px;
	 width: 100%;
	 margin-bottom: -5px;
	 display: inline-block;
	}
	
	.step .form-control{
	 padding-left: 0;
	 border-left: 0;
	 border-radius: 0;
	 border-top: 0;
	 border-right: 0;
	 box-shadow:rgba(0,0,0,0.0) 0 0 0;	
	 background-color:transparent;
	}
	
	.step p{ font-size:13px; }
	
	.step .form-control:focus{ background-color:transparent; }
	
	.step .input-group-addon{ border-radius:0; }
	
	.step .field-wrap > i.fa{ top:0; right:0; }
	
	.custom-vehicle li{ 
  	  border-radius:50px;
	  border:#ccc thin solid;
	  padding:2px 8px;
	  font-size:12px;
	  margin-bottom:4px;
	}
	
    .feature .toggle{ background-color:#0095da; border-color:#fff !important; border-radius:50px; }
	
	.feature .toggle label.btn{ background-color:#0095da !important; }
	
	.step.completed p{ font-size:13px; }	
		
	.step.completed p.location{ 
	   font-weight: 600;
color: #000;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
margin-bottom: 10px;
text-align: right;
	}

	.step.completed p.location.text-left{ text-align:left; }

	.step .num-wrap{
		text-align:center;
		
	}
	
	.step .toggle-group{ width:170%; }
	.step .toggle-handle{ background-color:#FFF !important; border-radius:50px; }
	.step .toggle.off .toggle-group{ left:-70%; }
	.step .toggle.btn { width:120px!important; }	
	.step .number{ 
	 width: 45px;
     height: 45px;
     display: inline-block;
     background-color: #CCC;
     color: #fff;
     font-size: 15px;
     font-weight: 600;
     border-radius: 5px;
     line-height: 3;
	}
	
	.step.completed{
		background-color:#eee;
		border-top:#ddd thin solid;
	}
	
	.step.completed .prc-det{
	    padding:0;
	}
	
	.step .head h2 {
	    margin-bottom:15px;
	    font-weight:600;
	    margin-top:0px;
	}
	
	.step h3{ font-size:16px; }
		
	.step.completed .number{ background-color:#333;}
	
	.step.active .number{ background-color:#0095da;}
	
	.step .edit-wrap{ text-align:right; }
	.step.active{ background-color:#FFF; }
	
	.step .form-control{ 
		border-radius:0px; 
	}
	
	.step h2{ 
	 font-weight: 500;
	 font-size:17px;
	 margin:0;
     margin-bottom:0px;
	 margin-bottom:15px;
	}
	
.feature h2{ 
	border-bottom:rgba(0,0,0,0.2) thin solid;
	margin-bottom:0;
	padding-bottom:10px;
} 
	
.f-list li{ 
	padding-top:15px; border-right:rgba(0,0,0,0.2) thin solid;
}
	
.f-list li:last-child{
	border-right:none;
} 
	
.f-list li img{
    height:50px	
}
	
.step-outer{ 
	background-color:#FFF; 
	display:inline-block; 
	width:100%;
	margin-top:-80px;
	overflow:hidden;
	border-radius:10px;
}

	.custom-vehicle{ 
	  text-align:left;
	}


.steps2{
    display:inline-block;
    text-align:left;
    width:90%;
    background-color:#ddd;
    height:5px;
    margin-bottom:100px;
    margin-top:50px;
    border-radius:50px;
    margin-left:5%;
}

.steps2 ul {
    width: 124%;
    margin: -27px -12% 50px;
    height: ;
}

.steps2 ul li .progress{ 
position: absolute;
left: -50%;
top: 27px;
background-color: #0095da;
height: 5px;
width: 100%;
display:none;
z-index: 0;
}


.steps2 ul li.completed .progress{
	display:block;
}

.steps2 ul li.active .progress{
	display:block;
}
.steps2 ul li:first-child .progress{
	display:none;
}


.steps2 ul li a {
color: #333;
margin: 0 -10px;
padding: 0;
font-weight: 600;
text-align: center;
position: relative;
z-index: 1;
}

.steps2 ul li a:hover{ background-color:transparent; }

.steps2 ul li a:focus{ 
	 background-color:transparent; 
 } 
.steps2 ul li a span.fa-stack {
	border-radius: 40px;
	margin-bottom: 10px;
	background-color: #fff;
	border: #ddd 5px solid;
	box-shadow:#fff 0px 0px 0px 10px;
	text-align:center;
}

.steps2 ul li a span.fa-stack img{ display:none; color:#FFF; }
.steps2 ul li.completed a span.fa-stack img{
	display: inline-block;
	height: 40px;
	margin-top: -15px;
}
.steps2 ul li.completed a span.fa-stack .fa-stack-1x{display:none;}
.steps2 ul li.completed a{ pointer-events:auto; }
.steps2 ul li.completed a span.fa-stack{
   background-color: #0095da;
   border-color: #0095da;	
}
.steps2 ul li.completed a span.fa-stack{
   	
}
.steps2 ul li.completed a span.fa-stack strong{color:#FFF;}
.steps2 ul li.completed a p{ font-weight:700; color:#333; }



.steps2 ul li a i.fa{ 
	color: #333;
	font-size: 38px;
	margin-right: 15px;
	margin-top: 8px;
}

.steps2 ul li.active a span.fa-stack strong{ 
	color:#000; }

.steps2 ul li a span.fa-stack strong{ 
	color:#333;
	line-height: 1.5; 
	font-weight: 400;
}

.steps2 ul li.active a p{ font-weight:700; }

.steps2 ul li.active a span.fa-stack{background-color: #fff;
border-color: #0095da;} 

.steps2 ul li.active:last-child a{ width:108%; }

.steps2 ul li.active a i.fa{ color:#FFF; }

.contact-content{ 
	line-height:2.3;  
}

.contact-content li{
	padding-left:35px;
	position:relative;
	text-align:left;
	line-height:1.5;
	margin-bottom:15px;
}

.contact-content li i{
    position: absolute;
    left:0;
    top:0;
    width:25px;
    height:25px;
    text-align:center;
    border:#fff 1px solid;
    border-radius:20px;
    line-height:1.6;
}


.det-wrap .panel-heading a.collapsed{
	background-color:#ddd;
	box-shadow:none;
}

.det-wrap .panel-heading a{	
	padding: 15px;
	background-color: #FFF;
	display: block;
	font-weight: 600;
	color: #000;
}



.vehicle-banner #slideshow{ border-radius:5px; overflow:hidden; position:relative; margin-bottom:30px; }

.get-prc .form-control {
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    margin-bottom: 20px;
    border-right: 0;
    box-shadow: none;
	padding-left:0;
}

.get-prc .field-wrap > i.fa{ top:0; right:0; }
.list-inline{margin-left:0;}

.expand-arrow{border: #999 thin solid;
  line-height: 1;
  padding: 10px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  border-radius: 25px;
}

.bg-success-dark{ background-color:#7dbe4d; color:#FFF; }
.bg-success-dark h3{ color:#FFF; }
.bg-success-dark h2{ color:#FFF; }

.prc-box{
	height:120px;
	position:relative;
	margin-bottom:30px;
	border-radius:5px;
}

.prc-box a{
	position:absolute;
	right:15px;
	bottom:10px;
}
.pr-0{padding-right:0;}

.error-box{ padding:15px; }
.error-box img.esc{ height:90px; margin-right:10px; }
.error-box h1{ font-size:55px; color:#000; }
.error-box h1 span{ color:#000; display:block; }
.error-box h2{ text-align:center; font-weight:600; color:#000; }

.vehicle-det p{ font-size:14px;color:#000; line-height:2; }

.vehicle-key-features {
    line-height: 2;
    margin: 15px 0;
}

.vehicle-key-features li{ 
   background-image: url(../images/arrow.png);
   padding-left: 20px;
   background-repeat: no-repeat;
   color: #000;
   background-position: left center;
}

.select-vehicle .btn{ 
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */	
	border:#ddd thin solid;
	color:#333;
	font-size:16px;
	font-weight:600;	
	text-align:left;
	box-shadow:rgba(0,0,0,0.15) 0 0 5px;
}

.select-vehicle .btn i{ 
	position:absolute;
	right:15px;
	top:10px;
	font-size:22px;
}

.select-vehicle .dropdown-menu{ width:100%; }

.steps{ overflow:hidden; }

.dir-list{ line-height:1.8; }
.dir-list li a{ font-size:18px;color:#000; }

.out-station-cab-list.vehicle-rate{ border-radius:0; border-left:none; border-right:0; margin-bottom:10px; border-top:0; }

.vehicle-opt-heading{ 
  font-size:14px; 
  font-weight:600; 
  text-transform:uppercase;
  color:#666;
}

.vehicle-opt-main-head {font-weight:600; font-size:20px; }
.hotel .hotel-det.search h1{ color:#FFF; }
.hotel .hotel-det.search p{ color:#FFF; padding:0; margin-bottom:10px; }
.hotel .hotel-det.search .input-group-addon .small{ color:#FFF; }

@media (min-width:768px) {
	
    .cab-wrap {
        margin: 0;
    }

    .tab-content .owl-buttons {
        display: none;
    }

    .booking-detail .prc-det h5 {
        float: none;
    }

.quotation .amenities img{
	max-height:45px;
}

@media (min-width:992px) {
 .det-wrap .panel-heading{
	position: absolute;
	top: 0px;
	width: 25%;
	text-align: center;
}

.det-wrap .panel.panel-default:first-child .panel-heading{left:0;}
.det-wrap .panel.panel-default:nth-child(2) .panel-heading{left:25%;}
.det-wrap .panel.panel-default:nth-child(3) .panel-heading{left:50%;}
.det-wrap .panel.panel-default:nth-child(4) .panel-heading{left:75%;}
.det-wrap .panel.panel-default:nth-child(4) .panel-heading a{margin:7px 7px 0px 7px;}
.det-wrap .panel-heading a{	
	border-radius: 5px 5px 0 0;
	margin: 7px 0px 0 7px;
	box-shadow: rgba(0,0,0,0.2) -1px -1px 2px;
}
.panel-group.det-wrap .panel + .panel{ margin-top:0;}
}

@media (max-width:1024px){
.step.completed p{ font-size:12px;}
.steps2 ul li a span.fa-stack{
  width:1.7em;height:1.7em;
}
.steps2 ul li a span.fa-stack strong{ line-height:1.2; }
.steps2 ul li.completed a span.fa-stack img{ margin-top:-22px; }
.step-outer{ margin-top:-30px; }
.why-cablo{ background-size:auto 80%; background-position:bottom right;}
.services .content_ h3{ font-size:16px; margin-bottom:5px; }
.services .content_ p{ 
	font-size: 12px;
	line-height: 1.3; 
}
.services .content_ .btn-lg{ height:42px; }
.quotation h3{ font-size:18px; margin-top:5px; }
.quotation hr { margin-top:10px; margin-bottom:10px; }

}
@media (max-width:991px){
  .hotel-det.search .bottom{position:static;}
  .quotation .q-prc p{ margin-top:2px; }	
  .quotation h3{ margin-top:15px; }	
  .fleet .head h3{font-size:30px;}
  .fleet .otr-det > h4{font-size:30px;}
  .traveller{ color:#000; }
  .traveller .cont h4{ font-size:25px;}
  .traveller .cont p{ font-size:13px;}
  .bus-features h3{ font-size:19px; }
  .bus-features p{ font-size:12px; }
  .border-bottom-sm{
    border-bottom:#ddd thin solid;
  }
  .det-wrap{
	padding-top:0;
  }
  .quotation .amenities li{margin:5px 0;}
  .det-wrap .panel-heading a{box-shadow:rgba(0,0,0,0.2) 1px 1px 3px;}
  .prc-box p{ font-size:12px; }
 .vehicle-banner #slideshow{height:500px;}
 .vehicle-banner #slideshow img{height:500px;}
 .prc-box h4{font-size:15px;} 
 .step-box p{ font-size:20px; }
 .step-box{width:180px;height:180px;padding:15px;}
 .step-box p{font-size:16px;}
 .step-box div{ 
 	width:135px; 
	height:135px; 
	box-shadow:rgba(0,0,0,0.3) 0 10px 10px;
 } 
 .slide .heading h2{ font-size:25px;}
 .reason p{ font-size:16px; }
}

@media (max-width:767px) {
 .text-center-xs{ text-align:center; }	
 .trip-banner .hotel{margin-bottom:0;}	
 .hotel .hotel-det p{padding:0;margin:5px 0;}
 .panel{ border-radius:0; }	
 .services{ margin-bottom:30px; }
 .services .image{ display:block; width:100%; }
 .services .content_{ display:block; height:420px; }
 .slide-heading.border-left h1{ font-size:20px; }
 .prc-box{ margin-bottom:15px; }
 .vehicle-banner #slideshow{ margin-bottom:15px;height:380px; }
 .vehicle-banner #slideshow img{height:380px;}
 .services .image img{min-height:235px;}
 .prc-box a{
	padding:10px 15px;
 } 
 .bus-banner{ max-height:none; }
 .bus-banner .inner{  }
 .bus-banner img{ height:400px; width:auto; max-width:none; }
 .bus-banner h1 {
    font-size: 22px;
    margin-top: 10px;
 }
 .bus-banner .search .form-control{background-color:transparent; color:#FFF; border-right:none; padding-left:0; padding-right:0; color:#FFF; }
 .bus-banner .search .form-control:focus{background-color:transparent; }
 .bus-banner .search .form-control::placeholder{color:#fff;}
 .bus-banner .search{border-radius:0;}
 .bus-banner .search .form-control{border-bottom:#ddd 1px solid;}
 .slide .heading h2{font-size:22px;}
 .slide .heading p{font-size:15px;}
 .reason p{font-size:13px;}
 .why-cablo.slide{background-image:none;}
 .fleet{margin-bottom:0;}
 .steps h2{font-size:20px;}
  .services .content_{ padding:15px; }
  .services .bottom-buttons{ left:15px; bottom:15px; right:15px; }
}

@media (max-width:667px) {
	.hotel .hotel-det.search h1{ margin-bottom:0; }
.hotel .hotel-det.search p{ margin:0; }	
 ul.table-ul.inclusions li > div{ display:block !important; }
 .steps ul.table-ul{display:inline-block;}
 .steps ul.table-ul li{display:inline-block;}
 .steps ul.table-ul li > div{display:inline-block;width:49.5%;}
 .step-box{display:inline-block;margin:20px 0;}
 .fleet .head .inner{position:static;background-color:#444;}	
 h3{ font-size:22px;}
 section.pv-40{ padding:15px 0;}
 section.pv-40 > .pv-20{ padding:0; }
}

@media (max-width:500px){
	
  .about-city-heading{padding-left:15px; font-size:22px;}	
  .routes li a p{ font-size:12px; white-space:normal; }	
  .routes li a .btn-default{ font-size:13px; }
  .cab-wrap{border:none;}	
  .step-outer{margin-top:0px;}
  .booking-detail .dist-wrap{text-align:right;}
  .steps2{height:3px;margin-top:25px!important;margin-bottom:55px!important;}  
  .steps2 ul{margin-top:-15px;}
  .steps2 ul li a span.fa-stack{
	border-width:3px;width:1.2em;
	height:1.2em;
	box-shadow:#fff 0px 0px 0px 4px;
  }
  .steps2 ul li a p {
    font-size: 11px;
    font-weight: 600 !important;
	line-height:1.2;
  }
  .steps2 ul li a span.fa-stack strong{
	line-height:1.4;
	font-size:17px;  
  }
  .steps2 ul li.completed a span.fa-stack img{ 
	margin-top: -30px;
    height: 17px;
  }
  .steps2 ul li .progress{ height:3px; top:15px; }
  .steps2 ul li a p{ font-size:12px; font-weight:400;}
  .f-list li.border-bottom-mob{ border-bottom:rgba(0,0,0,0.2) thin solid; }
  .mobile-6{ width:50%; }	
  .text-left-xs{text-align:left;}
  .p-xs-l-0{padding-left:0;}
  .quotation .amenities li{padding-left:3px;padding-right:3px;}
  .quotation .amenities p{font-size:10px;}
  .quotation ul.pricing li div{font-size:12px;}
  .quotation ul.pricing li.total div{font-size:14px;}
  .m-xs-0{margin-left:0;margin-right:0;}
  .quotation h4.prc{ font-weight:700; text-align:left;  }
  .quotation .q-prc p {font-size:13px;}
  .quotation .btn-default{min-width:150px; padding:7px 10px; margin-top:4px; }
  .fleet .otr-det{ padding:15px; }
  .traveller{margin-bottom:15px;}
  .fleet .otr-det > h4{ font-size:24px; }
  .services .content_{ display:block;height:auto; padding-bottom:80PX; }	
  .why-cablo.slide .heading h2 {margin-top:0;}
  .bus-features{margin-bottom:15px;}
  .vehicle-banner #slideshow img{ height:300px; }	
  .vehicle-banner #slideshow{ height:300px;}
  .prc-box{ position:relative; height:130px; } 
  .prc-box .row{position:static;}
  .prc-box a.btn, .prc-box a.btn:hover{ 
    left:0; 
    right:0; 
    bottom:0; 
    margin:0;
    top:auto; 
    border-radius:0 0 3px 3px;
	background-color:rgba(0,0,0,0.5);
	border-color:rgba(0,0,0,0.2);	
	color:#FFF;
  }
  .step-box{ margin-top:0; margin-bottom:15px; }
}

@media (max-width:414px) {
  .why-city .img{ width:auto; display:block; }
  .why-city .cont{ padding:15px; display:block; width:auto;}
  .routes li a div{ 
  	display: block;
	padding: 10px;
	width: auto;}	
  .routes li a div.btn-default{text-align:center;}	
  .routes li a .cont{border-radius:5px 5px 0 0;}
  .steps ul.table-ul li > div{display:inline-block;}
  .vehicle-banner #slideshow img{height:250px;}	
  .vehicle-banner #slideshow{height:250px;} 	
}

@media (max-width:360px) {
  .vehicle-banner #slideshow img{ height:200px; }	
  .vehicle-banner #slideshow{ height:200px;} 	 
  .header-space{margin-top:85px;}
   .steps ul.table-ul li > div{ width:100%; }
}