/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.alterdiv {
    background-color:#FAFAFA;
}

body
{
    font-family: 'Segoe UI', Verdana, Arial, sans-serif;
}



.header .wrapper .col-md-4 {
    float: left;
    padding-right: 2px;
}

.header .col-md-4 #logo {
    margin: .5em 0 .8em;
}
.header .col-md-10 {
    float: right;
    padding-left: 4px;
}

.header .col-md-10 ul {
    background: rgba(0, 0, 0, .2);
    border-radius: 5px;
    float: right;
    list-style: none;
    margin-top: 1.8em;
    padding: .5em .3em .5em .3em;
}

.header .col-md-10 ul li {
    display: inline;
    font-size: 16px;
    font-family: 'Segoe UI', Arial;
}

.header .col-md-10 ul li a {
    color: #fff;
    padding: .5em 1em .5em 1em;
}

.header .col-md-10 ul li a.air {
    background: url('images/air-icon-f.png') no-repeat 10px 10px;
}

.header .col-md-10 ul li a.air:hover {
    background: url('images/air-icon.png') no-repeat 10px 10px;
}

.header .col-md-10 ul li a.reserve {
    background: url('images/reserve-f.png') no-repeat 10px 12px;
}

.header .col-md-10 ul li a.reserve:hover {
    background: url('images/reserve.png') no-repeat 10px 12px;
}

.header .col-md-10 ul li a.dir {
    background: url('images/location-f.png') no-repeat 15px 12px;
}

.header .col-md-10 ul li a.dir:hover {
    background: url('images/location.png') no-repeat 15px 12px;
}

.header .col-md-10 ul li a.account {
    background: url('images/account-f.png') no-repeat 10px 11px;
}

.header .col-md-10 ul li a.account:hover {
    background: url('images/account.png') no-repeat 10px 11px;
}

.header .col-md-10 ul li a:hover {
    color: #ffd800;
    text-decoration: none;
}

/* end style 10*/



#slided {
    height: 400px;
    position: relative;
}

#intro {
    position: absolute;
}

#slided {
    height: 400px;
    text-align: center;
    overflow: hidden;
    width: 100%;
}

#div-460 {
    display: none;
}

#intro {
	float: left;
    top: 10em;
    z-index: 15;
}

#intro .form {
    float: left;
    margin: 0 auto;
}

#intro .form form {
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    color: #eee;
    font-family: 'Segoe UI';
	margin: 0 auto;
    padding: .6em .8em;
    width: 88%;
}

#intro .form form .row {
    display: inline;
    margin: .5em auto;
}

#intro .form form .row .col-md-12 {
    display: inline;
    float: left;
    margin: .5em 0;
    width: 100%
}

#intro .form form h4 {
    color: #ffd800;
    float: left;
    margin: 0;
}

#intro .form form span.input {
    display: block;
    clear: none;
    float: left;
    height: 34px;
    margin: auto .4em 1em 0;
    position: relative;
}

#intro .form form span input {
    border: none;
    border-radius: 5px;
    background: #000;
    font-size: 14px;
    max-width: 255px;
    padding: .5em .4em;
}

#intro .form form span.departure {
    clear: left;
}

#intro .form form span input[name="arrivaldate"] {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 100%;
}

#intro .form form span input[name="returndate"] {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 100%;
}

#intro .form form span.airport {
    float: left;
    width: 28%;
}

#intro .form form span span#ui-id-1-button {
    background: #000;
    border: none;
    color: #fff;
    font-family: 'Segoe UI', Arial;
    font-weight: normal;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
}

#intro .form form span span#ui-id-2-button {
    background: #000;
    font-family: 'Segoe UI', Arial;
    font-weight: normal;
    width: 100%;
}

.reservation .form form span.input {
    display: block;
    clear: none;
    float: left;
    height: 34px;
    margin: auto .4em 1em 0;
    position: relative;
}

.reservation .form form span input {
    border: none;
    border-radius: 5px;
    background: #000;
    font-size: 14px;
    max-width: 255px;
    padding: .5em .4em;
}

.reservation .form form span.departure {
    clear: left;
}

.reservation .form form span input[name="arrivaldate"] {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 100%;
}

.reservation .form form span input[name="returndate"] {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 100%;
}

.reservation .form form span.airport {
    float: left;
    width: 28%;
}

.reservation .form form span span#ui-id-1-button {
    background: #000;
    border: none;
    color: #fff;
    font-family: 'Segoe UI', Arial;
    font-weight: normal;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
}

.reservation .form form span span#ui-id-2-button {
    background: #000;
    font-family: 'Segoe UI', Arial;
    font-weight: normal;
    width: 100%;
}

.reservation .ui-selectmenu-button {
    width: 100%;
}

.select-option {
    width: 100%;
}

.ui-selectmenu-text {
    width: 100%;
}   

span.ui-selectmenu-button {
    background: #000;
}

span.ui-selectmenu-button {
    background: #000;
    border: none;
    color: #fff;
    font-weight: normal;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
}

.ui-selectmenu-menu ul {
    border: none;
    background: #000;
    color: #fff;
    font-family: 'Segoe UI', Arial;
    font-size: 14px;
    height: 200px;
    width: 100%;
}

.ui-selectmenu-menu ul li:hover{
    border: none;
    background: #00549a;
    font-family: 'Segoe UI', Arial;
    font-weight: normal;
    color: #fff;
}


.ui-state-hover {
    border: none;
    background: #00549a;
    color: #fff;
}

.ui-state-default {
    border: none;
    background: #00549a;
    color: #fff;
}

span.ui-icon, span#ui-id-1-button {
    position: absolute;
}

#intro .form form span.ui-icon {
    background: url('images/btn.png') no-repeat;
    top: 1.5em;
    right: 3px;
}

#intro .form form span input[name="airport"] {
    display: none;
    width: 100%;
}

#intro .form form span.arrival {
    width: 13%;
}

#intro .form form span.arrival-time {
    border-radius: 4px;
    background: #000;
    height: 34px;
    width: 15%;
}

.reservation .form form span input {
    border: none;
    border-radius: 5px;
    background: #000;
    font-size: 14px;
    max-width: 255px;
    padding: .5em .4em;
}

.reservation .form form span.arrival-time {
    border-radius: 4px;
    background: #000;
    height: 34px;
    width: 15%;
}

#ui-id-2-button {
    width: 100%;
}

#intro .form form span.departure {
    clear: none;
    width: 17%;
}

#intro .form form span input[name="arrival-time"] {
    width: 100%;
}

#intro .form form span.departure-time {
    background: #000;
    border-radius: 4px;
    width: 15%;
}

#intro .form form span input[name="departure-time"] {
    width: 100%;
}

#intro .form form span.submit {
    margin: 0 auto .3em;
    text-align: center;
}

#intro .form form span input[type="submit"] {
    background: #00549a url('images/search-icon.png') no-repeat 6px 13px;
    color: #fff;
    text-align: right;
    padding: .5em .6em;
    width: 68px;
}

#intro .form form select.select-option {
    background: #000;
    color: #fff;
}

#intro .form form ul.selectable {
    background: #000;
    cursor: pointer;
    display: none;
    list-style: none;
    height: 220px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 32px;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    z-index: 100;
}

#intro .form form ul.starttime {
    width: 100%;
}

#intro .form form ul.endtime {
    width: 100%;
}

#intro .form form ul.selectable li {
    clear: left;
    float: left;
    font-size: 14px;
    padding: .4em 0 .4em .6em;
    width: 100%;
}

#intro .form form ul.selectable li:hover {
    background: #00549a;
    color: #fff;
}

#intro .form form span i.calendar-icon {
    background: url('images/calendar.png') no-repeat;
    cursor: pointer;
    height: 13px;
    position: absolute;
    top: 13px;
    right: 8px;
    width: 11px;
    z-index: 12;
}

#intro .form form span i.select-arrow {
    background: url('images/btn.png') no-repeat;
    cursor: pointer;
    height: 9px;
    position: absolute;
    top: 14px;
    right: 8px;
    width: 12px;
    z-index: 12;
}

.about {
    font-family: 'Segoe UI', Arial;
}

.about .wrapper {
	background: #fafafa;
	padding: 1em 0;
}

.about .wrapper .desc h3 {
	margin: 0 0 .4em;
}

.about .wrapper .right h3 {
	margin: 0 0 .4em;
}

.reason {
    background: #00549a;
    color: #eee;
    font-family: 'Segoe UI', Arial;
    padding: .8em 0;
}

.reason h2 {
    color: #ffd800;
}

.reason .col-md-8 ul {
    padding-left: 1.8em;
}

.reason .col-md-4 ul {
    padding-left: 1.8em;
}

.reason .col-md-8 ul li {
    list-style-image: url('images/marked.png');
    margin: .8em 0;
}

.reason .col-md-4 ul li {
    list-style-image: url('images/marked.png');
    margin: .8em 0;
}

.reason .col-md-4 ul li a {
    color: #3590ff;
}

.footer {
    background: #000;
    font-family: 'Segoe UI', Arial;
    padding: 2em 0;
}

.footer .col-md-10 ul {
   padding: 0;
}

.footer .col-md-10 ul li {
    display: inline;
    list-style: none;
    margin: 0 .5em;
}

.footer .col-md-10 ul li a:hover {
    color: #ffd800;
}

.footer .col-md-2 #social-icons {
    margin: .4em 0;
}

.footer .col-md-2 #social-icons img {
    margin: 0 .3em;
}

.copy {
    color: #888;
}



/*
                                LOGIN    
*/
.login {
    font-family: 'Segoe UI', Arial, sans-serif;
    padding: .4em 0;
    height: 470px;
}

.login h3 {
    color: #888;
    font-size: 30px;
	margin: 0 0;
}

.login form {
    clear: left;
    float: left;
    width: 100%;
}

.login form .col-md-12 {
    clear: left;
    float: left;
    margin: .3em 0;
    width: 100%;
}

.login .col-md-12 label {
    clear: left;
    
    float: left;
    font-size: 16px;
    font-weight: normal;
}

.login .col-md-12 input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .5em .4em;
    width: 40%;
}

.login .col-md-12 input[type="password"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .5em .4em;
    width: 40%;
}

.login .col-md-12 input[type="submit"] {
    background: #00549a;
    border: none;
    border-radius: 4px;
    clear: left;
    color: #fff;
    float: left;
    padding: .6em 2em;
    text-align: center;
}

.login .col-md-12 a {
    float: left;
    margin: .3em 0 0 4em;
}

.login .cl-account a {
    float: left;
    margin-left: 0;
}




/*
                                REGISTER    
*/
.register {
    font-family: 'Segoe UI', Verdana, Arial, sans-serif;

    padding: .8em 0;
}

.register h3 {
    color: #888;
    font-size: 30px;
	margin: 0 0;
}

.register .col-md-12 {
    margin: .3em 0;
}

.register .col-md-12 label {
    clear: left;
   
    float: left;
    font-size: 16px;
    font-weight: normal;
}

.register .col-md-12 input[type="text"], .register .col-md-12 select,.register .col-md-12 textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .5em .4em;
    max-width: 300px;
    width: 100%;
}

.register .col-md-12 input[type="password"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .5em .4em;
    max-width: 300px;
    width: 100%;
}

.register .col-md-12 input[type="submit"] {
    background: #00549a;
    border: none;
    border-radius: 4px;
    clear: left;
    color: #fff;
    float: left;
    padding: .6em 2em;
    text-align: center;
}

.create-account form {
    clear: left;
    font-family: 'Segoe UI', Arial;
    float: left;
    width: 100%;
}

.create-account form .col-md-12 {
    clear: left;
    float: left;
    width: 100%;
}

.account-login {
    clear: left;
    float: left;
    padding: .6em .5em 0 2em;
    width: 80%;
}

.account-login p {
    background: #00549a;
    color: #fff;
    padding: .3em 0 .3em .6em;
    width: 80%;
}

#login-details {
    padding-left: .5em;
    width: 86%;
}

#login-details form {
    clear: left;
    float: left;
    width: 80%;
}

#login-details .login {
    font-family: 'Segoe UI', Verdana, Arial, sans-serif;
    padding: 0 1.5em;
}

#login-details .login .col-md-12 {
    clear: left;
    float: left;
    width: 100%;
}

#login-details .login h3 {
    clear: left;
    float: left;
    color: #888;
    font-size: 30px;
    margin-top: 0; 
}

#login-details .login .col-md-12 input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .5em .4em;
    max-width: 300px;
    width: 100%;
}

#login-details .login .col-md-12 input[type="password"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .5em .4em;
    max-width: 300px;
    width: 100%;
}

.confirm {
    font-family: 'Segoe UI', Verdana, Arial, sans-serif;
    margin: 2em 0 4em;
}

.confirm h2 {
    color: #00549a;
}

.confirm p {
    color: #888;
}

.confirm-info .row {
    margin: 2em 0;
}

.confirm-info .row .line {
    border-bottom: 1px solid #666;
    
}


/*
                          UPDATE    
*/

.update {
    font-family: 'Segoe UI', Arial;
    margin: 1em 0;
}

.welcome-msg p {
    color: #808080;
    float: right;
}

.welcome-msg p span {
    clear: left;
    float: left;
}

.welcome-msg p span.logout {
    float: right;
}

.update h2 {
    color: #00549a;
    margin: .6em 0;
}

.update .form_update {
    clear: left;
    float: left;
    width: 100%;
}

.update .form_update form {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
} 

.update .form_update form .col-md-12 {
    clear: left;
    float: left;
    margin: .6em 0;
    padding: 0;
    width: 100%;
}

.update .form_update form .col-md-12 label {
    clear: left;
    float: left;
    font-weight: normal;
    margin: 0 0;
}

.update .form_update form .col-md-12 input {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .4em .4em;
    width: 40%;
} 

.update .form_update form .col-md-12 input[type="submit"] {
    background: #00549a;
    border: none;
    border-radius: 4px;
    clear: left;
    color: #fff;
    float: left;
    padding: .6em .4em;
    text-align: center;
    width: 120px;
} 

.update .form_update form .col-md-12 select {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .4em .4em;
    width: 40%;
}


.welcome-msg {
    content: '';
    display: table;
    width: 100%;
}



/*
                    CANCEL    
*/

.cancel {
    font-family: 'Segoe UI', Arial;
    margin: 1em 0;
}


.cancel h2 {
    color: #00549a;
    margin: .6em 0;
}

.cancel form {
    margin: 0;
    padding: 0;
} 

.cancel form .col-md-12 {
    clear: left;
    float: left;
    margin: .6em 0;
    padding: 0;
}

.cancel form .col-md-12 label {
    clear: left;
    float: left;
    font-weight: normal;
    margin: 0 0;
}

.cancel form .col-md-12 input {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .4em .4em;
    width: 40%;
} 

.cancel form .col-md-12 input[type="submit"] {
    background: #00549a;
    border: none;
    border-radius: 4px;
    clear: left;
    color: #fff;
    float: left;
    padding: .6em .4em;
    text-align: center;
    width: 120px;
}

.update > .col-md-12 {
    clear: left;
    float: left;
    width: 100%;
} 


.update .re-details {
    clear: left;
    float: left;
    margin: 4em 0 4em;
    width: 100%;
}

.re-details {
    clear: left;
    font-family: 'Segoe UI', Arial;
    float: left;
    margin: 1em 0 4em;
}

.re-details h2 {
    color: #00549a;
    margin: .3em 0;
}

.re-details h3 {
    clear: left;
    float: left;
    width: 100%;
}

.re-details .col-md-12 .header {
    padding-left: .4em;
    padding-right: 0;
}

.re-details .col-md-12 .header ul {
    background: #00549a;
    float: left;
    list-style: none;
    margin: 0;
    padding: .5em 0;
    width: 100%;
}

.re-details .col-md-12 .header ul li {
    color: #fff;
    float: left;
    padding: 0;
}

.re-details .col-md-12 .header ul li.reservation-row {
    width: 10%;
}

.re-details .col-md-12 .header ul li.property-row {
    width: 25%;
}

.re-details .col-md-12 .header ul li.arrival-row {
    width: 20%;
}

.re-details .col-md-12 .header ul li.departure-row {
    width: 20%;
}

.re-details .col-md-12 .header ul li.total-row {
    width: 7%;
}

.re-details .col-md-12 .body {
    padding-left: .4em;
}

.re-details .col-md-12 .body ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: .5em 0;
    width: 100%;
}

.re-details .col-md-12 .body ul li {
    color: #888;
    float: left;
    padding: 0;
}

.re-details .col-md-12 .body ul li.reservation-row {
    width: 10%;
}

.re-details .col-md-12 .body ul li.property-row {
    width: 25%;
}

.re-details .col-md-12 .body ul li.arrival-row {
    width: 20%;
}

.re-details .col-md-12 .body ul li.departure-row {
    width: 20%;
}

.re-details .col-md-12 .body ul li.total-row {
    width: 7%;
}

.re-details > .col-md-12 {
    clear: left;
    float: left;
    width: 100%;
}

.reservation-menu {
    clear: left;
    float: left;
    width: 100%;
}

.reservation-menu .col-md-12 {
    padding: 0;
}

.reservation-menu .col-md-12 .col-md-12 {
    padding: 0;
}

.reservation-menu .col-md-12 .col-md-4 {
    float: left;
    padding: 0;
    width: 25%;
}

.reservation-menu .col-md-12 .col-md-5 {
    float: left;
    padding: 0;
    width: 25%;
}

.reservation-menu .col-md-12 .col-md-7 {
    border-bottom: 1px solid #ccc;
    color: #888;
    float: left;
    margin-bottom: .6em;
    padding: 0;
    padding-left: .3em;
    width: 72%;
}

.reservation-menu .col-md-12 .col-md-8 {
    border-bottom: 1px solid #ccc;
    color: #888;
    float: left;
    margin-bottom: .6em;
    padding: 0;
    padding-left: .3em;
    width: 72%;
}

.update .reservation-menu {
    display: none;
}

.cancel {
    margin: 2em 0;
}

.cancel form {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
}

.cancel form .col-md-12 {
    clear: left;
    float: left;
    margin: 0 0;
    padding: 0;
}

.cancel form .col-md-12 label {
    clear: left;
    
    float: left;
    font-size: 15px;
    font-weight: normal;
}

.cancel form .col-md-12 textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    height: 200px;
    padding: .4em .6em;
    width: 100%;
}

.cancel form .submit {
    margin-top: 1.2em;
}

.cancel form .col-md-12 input[type="submit"] {
    background: #00549a;
    border: none;
    border-radius: 4px;
    clear: left;
    color: #fff;
    float: left;
    padding: .6em .4em;
    text-align: center;
    width: 120px;
} 

.cancelation p {
    color: #888;
    margin: 0;
}


.terms {
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    clear: left;
    font-family: 'Segoe UI', Arial;
    float: left;
    height: 290px;
    overflow: scroll;
    overflow-x: hidden;
    padding: .4em .6em;
    width: 100%;
}

.term p {
    color: #999;
    float: left;
    width: 98%;
}

.term p input {
    float: left;
    margin-right: .5em;
}

.checkout {
    font-family: 'Segoe UI', Verdana, Arial, sans-serif;
    padding: 2em 0;
}

.checkout .col-md-6 {
    float: left;
    width: 50%;
}

.checkout .col-md-6 form {
    clear: left;
    float: left;
    width: 100%;
}

.checkout .head {
    float: left;
	margin: 0;
	width: 100%;
}

.checkout .head h3 {
    margin: 0;
    padding: 0;
}

.checkout .head p {
    color: #888;
    margin: 0;
    padding: 0;
}

.checkout h3 {
    color: #888;
    font-size: 30px;
}

.checkout .col-md-12 {
    margin: .8em 0;
    padding: 0;
}

.checkout .col-md-6:last-child .col-md-12 {
    margin: .4em 0;
    padding: 0;
}

.checkout .head {
    margin: .3em 0;
    padding: 0;
}

.checkout .steps {
    clear: left;
    float: left;
    width: 100%;
}

.checkout .steps .col-md-12 h3 {
    background: #00549a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    clear: left;
    color: #fff;
    float: left;
    font-size: 18px;
    margin: 0;
    padding: .4em .5em;
    width: 100%;
}

.checkout .steps .col-md-12 {
    clear: left;
    float: left;
	margin: .3em 0;
    width: 100%;
}

.checkout .col-md-12 label {
    float: left;
    font-size: 16px;
    font-weight: normal;
    margin-right: .5em;
	width: 38%;
}

/*.checkout .col-md-12 label[for="card"] {
	width: 100%;
}*/

.checkout .col-md-12 label a {
	clear: left;
	float: left;
    font-size: 12px;
    font-weight: normal;
}

.checkout .col-md-12 > img {
	margin-bottom: .8em;
}

.checkout .col-md-12 input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    float: left;
    padding: .5em .4em;
    width: 60%;
}

/*.checkout .col-md-12 input[name="card"] {
    width: 73%;
}*/

.checkout .col-md-12 select {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: .4em;
    padding: .5em .4em;
	
}

.checkout .col-md-12 select.clear {
	float: left;
	width: 18%;
}

.checkout .col-md-12 input[type="password"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: left;
    float: left;
    padding: .5em .4em;
    width: 100%;
}

.checkout .col-md-12 input[type="submit"] {
    background: #00549a;
    border: none;
    border-radius: 4px;
    clear: left;
    color: #fff;
    float: left;
    padding: .6em 2em;
    text-align: center;
}

.checkout .summary .col-md-12 .col-md-12 .row .col-md-4 {
    padding-left: 0;
}


.checkout .summary {
    font-family: Arial, sans-serif;
    margin: 0 0 4em;
}

.checkout .summary h2 {
    color: #00549a;
}

.checkout .summary p {
    color: #888;
}

.checkout .summary .row {
    margin: 1em 0;
    padding: 0;
}

.checkout .customer-details .col-md-12 .row .col-md-4 {
    padding-left: 0;
}

.checkout .customer-details .col-md-12 {
    margin: 0;
}

.checkout .customer-details .col-md-12 .row:first-child {
    margin: 0;
}

.checkout .customer-details {
   display: none;
}

.checkout .customer-details {
    font-family: Arial, sans-serif;
    margin: 0 0 4em;
}

.checkout .customer-details h2 {
    color: #00549a;
}

.checkout .customer-details p {
    color: #888;
}

.checkout .customer-details .row {
    margin: 2em 0;
    padding: 0;
}

.checkout .customer-details .row .line {
    border-bottom: 1px solid #666;
    
    padding-left: 0;
}

.checkout .summary .row .line {
    border-bottom: 1px solid #666;
   
    padding-left: 0;
}

.checkout .col-md-6 .reserve-details {
    margin: 1em 0;
    padding: 0;
}

.checkout .col-md-6 .details-de-reserve {
    float: left;
	width: 100%;
}

.checkout .col-md-6 .reserve-details h3 {
    color: #00549a;
    margin: 0;
    padding: 0;
    font-size: 22px;
    width: 100%;
}

.checkout .col-md-6 .reserve-details h3 img {
    cursor: pointer;
    float: right;
    margin-top: .5em;
}

.checkout .edit {
	text-decoration: underline;
}

.checkout .col-md-6 .discount-info {
	float: left;
	margin: 0;
	width: 100%;
}

.checkout .col-md-6 .discount-info span {
	float: left;
}

.checkout .col-md-6 .discount-info form {
	float: left;
	margin-top: .3em;
}

.checkout .col-md-6 .discount-info form input[type="text"] {
	float: left;
	margin-bottom: .6em;
	width: 100%;
}

.checkout .col-md-6 .account-exist {
	float: left;
	font-size: 16px;
	margin: 0 0 .3em;
	width: 100%;
}

.checkout .col-md-6 .account-exist p {
	font-size: 16px;
}

.checkout .col-md-6 .account-exist p a {
	text-decoration: underline;
}

.checkout .col-md-6 .account-exist form input[type="text"] {
	margin-bottom: .4em;
	width: 80%;
}

.checkout .col-md-6 .account-exist form input[type="password"] {
	margin-bottom: .4em;
	width: 80%;
}

.checkout .col-md-6 .account-exist form .continue {
	float: left;
	margin-left: 1em;
	margin-top: .5em;
}

/*.checkout .discount-info {
	width: 30%;
}

.checkout .discount-info form {
	width: 40%;
}

.checkout .discount-info form input[type="text"] {
	width: 80%;
}

.checkout .discount-info form input[type="password"] {
	width: 80%;
}*/


/*

                                        RESERVATION
   
*/

.clearfix {
    clear: both;
}

.div.body ul {
    clear: left;
    float: left;
    width: 100%;
}

/*

RESERVATION FORM
*/

.intro .form form {
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    color: #eee;
    font-family: 'Segoe UI';
	margin: 0 auto 1em;
    padding: .6em .8em;
    width: 100%;
}

.intro .form form .row {
    display: inline;
    margin: .5em auto;
}

.intro .form form .row .col-md-12 {
    display: inline;
    float: left;
    margin: .5em 0;
    width: 100%
}

.intro .form form h4 {
    color: #ffd800;
    float: left;
    margin: 0;
}

.intro .form form span.input {
    display: block;
    clear: none;
    float: left;
    margin: auto .4em 1em 0;
    position: relative;
}

.intro .form form span input {
    border: none;
    border-radius: 5px;
    background: #000;
    font-size: 14px;
    max-width: 255px;
    padding: .5em .4em;
}

.intro .form form span.departure {
    clear: left;
}

.intro .form form span input[name="arrivaldate"] {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 100%;
}

.intro .form form span input[name="returndate"] {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 100%;
}

.intro .form form span.airport {
    float: left;
    width: 28%;
}

.intro .form form span span#ui-id-1-button {
    background: #000;
    border: none;
    color: #fff;
    font-family: 'Segoe UI', Arial;
    font-weight: normal;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
}

.intro .form form span span#ui-id-2-button {
    background: #000;
    font-family: 'Segoe UI', Arial;
    font-weight: normal;
    width: 100%;
}

span.ui-selectmenu-button {
    background: #000;
}

span.ui-selectmenu-button {
    background: #000;
    border: none;
    color: #fff;
    font-weight: normal;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
}

.ui-selectmenu-menu ul {
    border: none;
    background: #000;
    color: #fff;
    font-family: 'Segoe UI', Arial;
    font-size: 14px;
    height: 200px;
}

.ui-selectmenu-menu ul li:hover{
    border: none;
    background: #00549a;
    font-family: 'Segoe UI', Arial;
    font-weight: normal;
    color: #fff;
}


.ui-state-hover {
    border: none;
    background: #00549a;
    color: #fff;
}

.ui-state-default {
    border: none;
    background: #00549a;
    color: #fff;
}

span.ui-icon, span#ui-id-1-button {
    position: absolute;
}

.intro .form form span.ui-icon {
    background: url('images/btn.png') no-repeat;
    top: 1em;
    right: 3px;
}

.intro .form form span input[name="airport"] {
    display: none;
    width: 100%;
}

.intro .form form span.arrival {
    width: 13%;
}

.intro .form form span.arrival-time {
    border-radius: 4px;
    background: #000;
    width: 15%;
}

#ui-id-2-button {
    width: 100%;
}

.intro .form form span.departure {
    clear: none;
    width: 13%;
}

.intro .form form span input[name="arrival-time"] {
    width: 100%;
}

.intro .form form span.departure-time {
    background: #000;
    border-radius: 4px;
    width: 19%;
}

.intro .form form span input[name="departure-time"] {
    width: 100%;
}

.intro .form form span.submit {
    margin: 0 auto .3em;
    text-align: center;
}

.intro .form form span input[type="submit"] {
    background: #00549a url('images/search-icon.png') no-repeat 6px 13px;
    color: #fff;
    text-align: right;
    padding: .5em .6em;
    width: 68px;
}

.intro .form form select.select-option {
    background: #000;
    color: #fff;
}

.intro .form form ul.selectable {
    background: #000;
    cursor: pointer;
    display: none;
    list-style: none;
    height: 220px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 32px;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    z-index: 100;
}

.intro .form form ul.starttime {
    width: 100%;
}

.intro .form form ul.endtime {
    width: 100%;
}

.intro .form form ul.selectable li {
    clear: left;
    float: left;
    font-size: 14px;
    padding: .4em 0 .4em .6em;
    width: 100%;
}

.intro .form form ul.selectable li:hover {
    background: #00549a;
    color: #fff;
}

.intro .form form span i.calendar-icon {
    background: url('images/calendar.png') no-repeat;
    cursor: pointer;
    height: 13px;
    position: absolute;
    top: 13px;
    right: 8px;
    width: 11px;
    z-index: 12;
}

.intro .form form span i.select-arrow {
    background: url('images/btn.png') no-repeat;
    cursor: pointer;
    height: 9px;
    position: absolute;
    top: 14px;
    right: 8px;
    width: 12px;
    z-index: 12;
}

.reservation {
    font-family: 'Segoe UI', Arial;
    margin: 1em 0;
}

.reservation .header li#pLot {
    color: #fff;
    font-size: 18px;
    padding-left: .8em;
}

.reservation .header li#type {
    color: #fff;
    font-size: 18px;
    margin-left: 2px;
}

.reservation .header li#avg {
    color: #fff;
    font-size: 18px;
    margin-left: 2px;
}

.reservation .header li#qp {
    color: #fff;
    font-size: 18px;
    margin-left: 2px;

}

.reservation .header li#rs {
    color: #fff;
    font-size: 18px;
    margin-left: 2px;

}

.reservation .body ul.rows {
    
}

.reservation .body ul.row1 li.pLot h3 {
    color: #ff6a00;
}

.reservation .body ul.rows li div {
    width: 98%;
}

.reservation .body li.pLot {
    background: -moz-linear-gradient(top, #f4fbff 20%, #fff 80%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f4fbff), color-stop(80%,#fff)); 
    background: -webkit-linear-gradient(top, #f4fbff 20%,#d45701 80%); 
    background: -o-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -ms-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: linear-gradient(to bottom, #f4fbff 20%,#fff 80%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fbff', endColorstr='#fff',GradientType=0 );
  
}

.reservation .body li.pLot h3 {
    color: #0094ff;
    margin-bottom: .8em;
    padding-left: .5em;
}

.reservation .body li.pLot .body .drow {
    padding-left: .5em;
    margin-bottom: .6em;
}

.reservation .body li.pLot .body .drow h4 {
   margin-bottom: .2em;
}

.reservation .body li.pLot .body .drow p {
   color: #808080;
   line-height: 18px;
   font-size: 14px;
}

.reservation .body li.type {
    background: -moz-linear-gradient(top, #f4fbff 20%, #fff 80%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f4fbff), color-stop(80%,#fff)); 
    background: -webkit-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -o-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -ms-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: linear-gradient(to bottom, #f4fbff 20%,#fff 80%); 
    font-weight: 600;
  
    text-align: center;
   
}

.reservation .body li.type span {
    display: block;
    margin: 4em auto;
    text-align: center;
}

.reservation .body li.avg {
    background: -moz-linear-gradient(top, #f4fbff 20%, #fff 80%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f4fbff), color-stop(80%,#fff)); 
    background: -webkit-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -o-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -ms-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: linear-gradient(to bottom, #f4fbff 20%,#fff 80%);
    font-weight: 600;
 
    text-align: center;
 
}

.reservation .body li.avg span {
    display: block;
    margin: 4em auto;
    text-align: center;
}

.reservation .body li.qp {
    background: -moz-linear-gradient(top, #f4fbff 20%, #fff 80%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f4fbff), color-stop(80%,#fff)); 
    background: -webkit-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -o-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -ms-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: linear-gradient(to bottom, #f4fbff 20%,#fff 80%);
 
 
}

.reservation .body li.qp h3 {
    font-size: 17px;
}



.reservation .body li.qp div.body h3 {
   margin-bottom: .6em;
}

.reservation .body li.qp div.body p {
   color: #808080;
   font-size: 15px;
   
}

.reservation .body li.rs {
    background: -moz-linear-gradient(top, #f4fbff 20%, #fff 80%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f4fbff), color-stop(80%,#fff)); 
    background: -webkit-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -o-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: -ms-linear-gradient(top, #f4fbff 20%,#fff 80%); 
    background: linear-gradient(to bottom, #f4fbff 20%,#fff 38%);

   
}

li.rs div.btn,li.rs div.btnsold, div.btnunavailable {
    color: #fff;
    font-size: 13px;
    margin: 4em auto;
    width: 90%;
}

.reservation .body li.rs div.btn span {
    padding: .4em .8em;
    color: #FFFFFF;
    background-color: #0080FF;
}
.reservation .body li.rs div.btnsold span {
    padding: .4em .8em;
    color: #FFFFFF;
    background-color: #FF0000;
}
.reservation .body li.rs div.btnunavailable span {
    padding: .4em .8em;
    color: #FFFFFF;
    background-color: #FF0000;
}

.reservation .body li.rs div.btn a span {
    color: #fff;
}

.re-details .body {
    padding-left: 0;
    padding-right: 0;
}

.reservation {
   display: block;
}

.re-mobile {
   display: none;
}




.re-details-mobile {
	display: none;
}



/*@media screen and (max-width: 833px) {
	.fixed {
		display: none;
	}
	
	.re-details-mobile {
		display: block;
		width: 100%;
	}
	
	.mobile {
		clear: left;
		float: left;
		width: 100%;
	}
}*/

@media screen and (max-width: 800px) {

    .nav-menu {
        display: none;
    }

    .header .wrapper .col-md-4 {
        display: inline;
        float: left;
    }

    .header .wrapper {
        position: relative;
    }

  

   

   
	

    .checkout .col-md-12 label {
        width: 100%;
    }
	
	.checkout .col-md-12 label {
		float: left;
		font-size: 16px;
		font-weight: normal;
		margin-right: .5em;
		width: 36%;
	}
	
	.checkout .col-md-12 label[for="card"] {
		width: 100%;
	}
	
	.checkout .col-md-12 label a {
		clear: left;
		float: left;
		font-size: 12px;
		font-weight: normal;
	}
	
	.checkout .col-md-12 input[type="text"] {
		border: 1px solid #ccc;
		border-radius: 4px;
		float: left;
		padding: .5em .4em;
		width: 60%;
	}
	
	.checkout .col-md-12 input[name="card"] {
		width: 92%;
	}
	
	.checkout .col-md-12 select {
		border: 1px solid #ccc;
		border-radius: 4px;
		margin-bottom: .4em;
		padding: .5em .4em;
		
	}
	
	.checkout .col-md-12 select.clear {
		float: left;
		width: 18%;
	}

}

@media screen and (max-width: 767px) {

    #slided {
        height: 462px;
        max-height: 100%;
    }

    #intro {
	    float: left;
        top: 7em;
        z-index: 15;
    }

}

@media screen and (max-width: 720px) {

    .re-mobile .col-md-6 {
        padding-left: 0;
    }

    .re-mobile .col-md-6 h3 {
        color: #00549a;
    }

    .re-mobile .mobile-row:nth-child(odd) {
        clear: left;
        background: #3590ff;
        float: left;
        width: 100%;
    }

    .re-mobile .mobile-row:nth-child(even) {
        clear: left;
        background: #ffd800;
        float: left;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 {
        clear: left;
        float: left;
        margin-bottom: .8em;
        padding: 0;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-4 h4 {
        margin-top: 1em;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 {
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 h3 {
        margin-bottom: 0;
        margin-top: .2em;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 .body {
        float: left;
        margin-bottom: .2em;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 .body .drow {
        float: left;
        width: 33%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 .body .drow h4 {
        margin: .2em 0;
    }

    .re-mobile .mobile-row h4 {
        color: #fff;
        margin: .2em 0;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 .body .drow p {
        margin-bottom: .2em;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-3 {
        float: left;
        padding: 0;
        width: 15%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-3 .col-md-6 {
        clear: left;
        float: left;
        padding: 0;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-3 .col-md-6 span {
        text-align: center;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 {
        float: left;
        padding: 0;
        width: 70%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 .col-md-6 {
        clear: left;
        float: left;
        padding: 0;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 .col-md-6 .col-md-8 .body h3 {
        margin-top: 0;
    }

}

@media screen and (max-width: 690px) {
	.slide {
		background: url(../images/3-3.jpg) no-repeat;
		/*height: 400px; */
	}
	
	#slided {
		display: none;
	}

    #intro {
        top: 10em;
		margin-top: 0;
    }

    #intro .form form span.airport {
        width: 50%;
    }

    #intro .form form span input[name="airport"] {
        max-width: 100%;
        width: 100%;
    }

    #intro .form form span.arrival {
        width: 23%;
    }

    #intro .form form span.arrival-time {
        clear: left;
        width: 25%;
    }

    #intro .form form span.departure {
        clear: none;
        width: 30%;
    }

    #intro .form form span input[name="arrival-time"] {
        width: 100%;
    }

    #intro .form form span.departure-time {
        width: 30%;
    }

    #intro .form form span.submit {
        width: 100%;
    }
}

@media screen and (max-width: 639px) {
	
	.intro .form form span.airport {
        width: 50%;
    }

    .intro .form form span input[name="airport"] {
        max-width: 100%;
        width: 100%;
    }

    .intro .form form span.arrival {
        width: 23%;
    }

    .intro .form form span.arrival-time {
        clear: left;
        width: 25%;
    }

    .intro .form form span.departure {
        clear: none;
        width: 30%;
    }

    .intro .form form span input[name="arrival-time"] {
        width: 100%;
    }

    .intro .form form span.departure-time {
        width: 30%;
    }

    .intro .form form span.submit {
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 {
        clear: left;
        float: left;
        margin-bottom: .8em;
        padding: 0;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-4 h4 {
        margin-top: 1em;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 {
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 h3 {
        margin-bottom: 0;
        margin-top: .2em;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 .body {
        float: left;
        margin-bottom: .2em;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 .body .drow {
        float: left;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 .body .drow h4 {
        margin: .2em 0;
    }

    .re-mobile .mobile-row h4 {
        color: #fff;
        margin: .2em 0;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-8 .body .drow p {
        margin-bottom: .2em;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-3 {
        float: left;
        padding: 0;
        width: 15%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-3 .col-md-6 {
        clear: left;
        float: left;
        padding: 0;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-3 .col-md-6 span {
        text-align: center;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 {
        float: left;
        padding: 0;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 .col-md-6 {
        clear: left;
        float: left;
        padding: 0;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 .col-md-6 .col-md-8 .body h3 {
        margin-top: 0;
    }

}


@media screen and (max-width: 600px) {

    #intro {
        top: 10em;
    }

    #intro .form form span.airport {
        width: 94%;
    }

    #intro .form form span input[name="airport"] {
        max-width: 100%;
        width: 100%;
    }

    #intro .form form span.arrival {
        width: 34%;
    }

    #intro .form form span.arrival-time {
        clear: none;
        width: 58%;
    }

    #intro .form form span.departure {
        clear: left;
        width: 34%;
    }

    #intro .form form span input[name="arrival-time"] {
        width: 100%;
    }

    #intro .form form span.departure-time {
        clear: none;
        width: 58%;
    }
	
	.intro .form form span.airport {
        width: 94%;
    }

    .intro .form form span input[name="airport"] {
        max-width: 100%;
        width: 100%;
    }

    .intro .form form span.arrival {
        width: 34%;
    }

    .intro .form form span.arrival-time {
        clear: none;
        width: 58%;
    }

    .intro .form form span.departure {
        clear: left;
        width: 34%;
    }

    .intro .form form span input[name="arrival-time"] {
        width: 100%;
    }

    .intro .form form span.departure-time {
        clear: none;
        width: 58%;
    }

    .login form .col-md-12 input[type="text"] {
        width: 80%;
    }

    .login form .col-md-12 input[type="password"] {
        width: 80%;
    }

    .update .form_update form .col-md-12 {
        clear: left;
        float: left;
        margin: .6em 0;
        padding: 0;
        width: 100%;
    }

    .update .form_update form .col-md-12 label {
        clear: left;
        float: left;
        font-weight: normal;
        margin: 0 0;
    }

    .update .form_update form .col-md-12 input {
        border: 1px solid #ccc;
        border-radius: 4px;
        clear: left;
        float: left;
        padding: .4em .4em;
        width: 100%;
    } 

    .update .form_update form .col-md-12 select {
        width: 100%;
    }

    .update .form_update form .col-md-12 input[type="submit"] {
        background: #00549a;
        border: none;
        border-radius: 4px;
        clear: left;
        color: #fff;
        float: left;
        padding: .6em .4em;
        text-align: center;
        width: 120px;
    } 

    .reservation-menu .col-md-12 .col-md-4 {
        float: left;
        padding: 0;
        width: 25%;
    }

    .reservation-menu .col-md-12 .col-md-5 {
        float: left;
        padding: 0;
        width: 25%;
    }

    .reservation-menu .col-md-12 .col-md-7 {
        border-bottom: 1px solid #ccc;
        color: #888;
        float: left;
        margin-bottom: .6em;
        padding: 0;
        width: 90%;
    }

    .reservation-menu .col-md-12 .col-md-8 {
        border-bottom: 1px solid #ccc;
        color: #888;
        float: left;
        margin-bottom: .6em;
        padding: 0;
        width: 90%;
    }

    .reservation-menu .col-md-12 .col-md-12 {
        clear: left;
        float: left;
        margin-bottom: .6em;
        margin-top: .6em;
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-3 {
        float: left;
        padding: 0;
        width: 50%;
    }
}

@media screen and (max-width: 639px) {

    .checkout .col-md-6 {
        float: left;
        margin-bottom: 2em;
        width: 100%;
    }
}

@media screen and (max-width: 520px) {

    #intro {
        top: 10em;
    }
}

@media screen and (max-width: 480px) {

    #intro {
        float: left;
        top: 10em;
        z-index: 15;
    }

    #div-1 {
        background: url('images/3.jpg') no-repeat;
        height: 462px;
        width: 100%;
    }
	
	.checkout .col-md-12 label {
		float: left;
		font-size: 16px;
		font-weight: normal;
		margin-right: .5em;
		width: 30%;
	}
	
	.checkout .col-md-12 label[for="card"] {
		width: 100%;
	}
	
	.checkout .col-md-12 label a {
		clear: left;
		float: left;
		font-size: 12px;
		font-weight: normal;
	}
	
	.checkout .col-md-12 input[type="text"] {
		border: 1px solid #ccc;
		border-radius: 4px;
		float: left;
		padding: .5em .4em;
		width: 60%;
	}
	
	.checkout .col-md-12 input[name="card"] {
		width: 73%;
	}
	
	.checkout .col-md-12 select {
		border: 1px solid #ccc;
		border-radius: 4px;
		margin-bottom: .4em;
		padding: .5em .4em;
		
	}
	
	.checkout .col-md-12 select.clear {
		float: left;
		width: 18%;
	}

}    

@media screen and (max-width: 460px) {
    #slider1_container {
        display: none;
    }

    #div-460 {
        background: url('images/3.jpg') no-repeat;
        display: block;
        height: 562px;
        width: 100%;
	}
	
	#intro {
		top: 6.5em;
	}

    .terms {
        width: 90%;
    }

    .register .account-login {
        width: 100%;
    }

    .register #login-details .login form {
        width: 100%;
    }

    .footer .col-md-10 ul li {
        clear: left;
        float: left;
        list-style: none;
        margin: 0 .5em;
    }

    .copy {
        margin: 1em 0;
        text-align: center;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 .col-md-6 .col-md-8 {
        width: 100%;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 .col-md-6 .col-md-4 {
        padding: 0;
    }

    .re-mobile .mobile-row .col-md-12 .col-md-6 .col-md-6 .col-md-4 div.btn {
        padding: 0;
    }

     #intro .form form span input {
        display: block;
        max-width: 100%;
        width: 100%;

    }

    #intro .form form ul.selectable {
        width: 100%;
    }

    #intro .form form span.input {
        max-width: 100%;
        width: 100%;
    }

    #intro .form form span.submit {
        clear: both;
        margin: auto auto;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }

    #intro .form form span.submit input {
        clear: both;
        margin: auto auto;
        width: 68px;
    }
}

@media screen and (max-width: 392px) {
	#slided {
		height: 520px;
	}
	
	#intro {
		top: 0em;
		margin-top: 6em;
	}
}

@media screen and (max-width: 339px) {
    #intro .form form span.first {
		width: 260px;
	}
	
	#intro .form form span.first ul.first {
		top: 50px;
		right: 5px;
	}

    .login .col-md-12 a {
        float: left;
        margin: .3em 0 0 2em;
    }

    .login .cl-account a {
        clear: left;
        float: left;
        margin: 0;
    }

}

@media screen and (max-width: 368px) {
	
    #intro .form form span input {
        display: block;
        max-width: 100%;
        width: 100%;

    }

    #intro .form form ul.selectable {
        width: 100%;
    }

    #intro .form form span.input {
        max-width: 100%;
        width: 100%;
    }
	
	.intro .form form span.airport {
        width: 100%;
    }

    .intro .form form span input[name="airport"] {
        max-width: 100%;
        width: 100%;
    }

    .intro .form form span.arrival {
        width: 100%;
    }

    .intro .form form span.arrival-time {
        clear: none;
        width: 100%;
    }

    .intro .form form span.departure {
        clear: left;
        width: 100%;
    }

    .intro .form form span.departure input {
        display: block;
        width: 100%;
    }

    .intro .form form span input[name="arrival-time"] {
        width: 100%;
    }

    .intro .form form span.departure-time {
        clear: none;
        width: 100%;
    }
	
	.checkout .col-md-6 .account-exist form input[type="text"] {
		margin-bottom: .4em;
		width: 100%;
	}
	
	.checkout .col-md-6 .account-exist form input[type="password"] {
		margin-bottom: .4em;
		width: 100%;
	}

    .reservation #ui-id-1-menu {
        width: 100%;
    }

    .reservation .ui-selectmenu-text {
        width: 100%;
    }


}
    .spinit {
        background-image: url('images/spinner.gif');
        background-position: left center;
        background-repeat: no-repeat;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    
}
.error {
    color: #f00;
    margin-top: 0;
}
.success {
    color: #0f0;
    
}
.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}



.editor-field input {
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #333;
	padding: .8em .5em; 
	width: 100%;
}

.editor-label {
	color: #666;
	margin-bottom: .3em;
}
.boxrow .row {
    border: thin solid #808080;
}
.total {
    border: 2px solid #808080;
    color: #333333;
    font-weight: bold;
}


.topline {
    border-style: solid none none none;
    border-width: thin;
    border-top-color: #C0C0C0;
}
.downline {
    border-style: none none solid none;
    border-width: thin;
    border-bottom-color: #C0C0C0;
}

.paydiv {
    color:#00549a;
}
.special-p {
    float:left;
    clear:left;
    text-align:center;
}