form.booking_form {font-family: 'Raleway';}

.book_container {
    border: 0px solid #dedede!important;
    margin-top: 0px!important;
    box-shadow: 0px 8px 19px #88888838!important;
    background: white!important;
	height: 280px!important;
    }

.title {background-color: #000!important;color: white!important;}

.bt {
    margin: 0px 20px;
    width: 120px!important;
    background: transparent!important;
    }
.com-booking.view-bookingform button.validate.btn.btn-primary:hover{
    color: #fff !important;
    border: 1px solid #0000!important;
    cursor: pointer;
    background:#000;}

.bt:active {color: #db023b;font-weight: 900;}
.bt:hover {cursor: pointer;}
.active>.span-freight {
    font-weight: 700;
    color: #db023b;
    padding-bottom: 5px;
    border-bottom: 3px solid #db023b;
}
input.airport {
    width: 140px!important;
    text-align: center!important;
    padding: 20px!important;
    margin-right: 0px;
    background: transparent!important;
    }

label.slabel {
    line-height: 33px;
    position: absolute;
    margin-left: 10px;
    font-family: 'Raleway';}

form.booking_form button.btn {
    border-radius: 10px;
    outline: none;
    background: transparent;
    color: #2d2d2d;
    font-family: 'Raleway';
    border: 1px solid #2d2d2d;
    font-size: 14px;
    height: 80px!important;
    padding: 0px 30px!important;
}



/*book now*/
.subbtn {float: right;padding-top: 0px!important;}
.subbtn .btn:hover{background: black!important;color: white!important;}

input:checked + .slider {background-color: #e5003f!important;}

p.from1, p.to1, form.booking_form .label{background: transparent;}



/*desktop*/
@media screen and (min-width:993px){
.main-body {width: 106%!important;}
.book_container {width: 100%;height: 285px;}
.main-top {margin-top: 10px!important;height: 60px!important;margin-left: 10px!important;}
.main-body {margin-left: 25px!important;}  
label.label {padding-top: 8px;font-weight: 900;font-size: 14px;}
span.slabel {
    vertical-align: text-top;
    line-height: 29px;
    padding: 0px 10px;
    font-size: 16px;
    font-weight: 500; padding-right: 30px;}
  
.toggle1 {margin-top: 20px;}
  
.port-name {width: 223px!important;}
  
input.airport {
padding-top: 0px;
padding: 12px 0px 12px 20px!important;
width: 198px!important;
text-align: left!important;
margin: 0px!important;}
  
input#tairport-port-address {
padding-top: 0px;
padding: 12px 0px 12px 20px!important;
width: 221px!important;
text-align: left!important;
margin: 0px!important;}
  
input#fairport-port-address{
padding-top: 0px;
padding: 12px 0px 12px 20px!important;
width: 221px!important;
text-align: left!important;
margin: 0px!important;}
  
p.to1, p.from1 {border: 1px solid #ccc!important;outline: 0px!important;height: 80px!important;}
.com-booking.view-bookingform section#sp-main-body {
    padding: 0px 0px 30px 0px;
}

}


/*mobile*/
@media screen and (max-width:992px){
  
.book_container {width: 100%;height: 663px!important;margin-top: 0px!important;border-bottom: 5px solid black!important;}
.main-top {margin-left: 0px!important;text-align: center;}
.bt {margin: 4px 8px;width: 42%!important;background: transparent!important;font-size: 18px;text-align: center!important;}
  
.toggle1, .toggle2 {margin-bottom: 10px!important;}

.from {float: none!important;width: 100%!important;}

.to {float: none!important;width: 100%!important;}

.toggle2 {width: 40%!important;	margin-top: 200px!important;}

p.to1 {margin-bottom: 1rem!important;width: auto!important;}

p.from1, p.to1 {width: calc(100% - 17px)!important;}
  
span.slabel {
    vertical-align: text-top;
    line-height: 25px;
    padding: 0px 10px;
    font-size: 16px;
    font-weight: 500;
}

form.booking_form label.label {padding-top: 10px!important; font-weight:900!important;}

input.airport {
    padding: 10px 20px!important;
    width: 231px!important;
    text-align: left!important;}

form.booking_form .subbtn {float: left!important;margin: 0px 0px 30px 0px!important; width: 100%!important;}

form.booking_form button.btn {width: calc(100% - 17px)!important;}
  
form.booking_form button.btn {height: 72px!important;padding: 0px 30px!important;}
  
.com-booking.view-bookingform section#sp-main-body {
    padding: 0px 0px 30px 0px;
}

}





/*booking form after click*/

form#form-booking .control-group {float: right;}

@media screen and (max-width:768px){
form#form-booking .controls {margin-left: 132px!important; float:none!important;}}