/* -- Copyright MayTours.cn, All Rights Reserved. -->> */
/* -- Show Form -- */

    @font-face {
        font-family: 'source_sans_proregular';
        src: url('../font/SourceSansPro-Regular-webfont.eot');
        src: url('../font/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../font/SourceSansPro-Regular-webfont.woff2') format('woff2'),
             url('../font/SourceSansPro-Regular-webfont.woff') format('woff'),
             url('../font/SourceSansPro-Regular-webfont.ttf') format('truetype'),
             url('../font/SourceSansPro-Regular-webfont.svg#source_sans_proregular') format('svg');
        font-weight: normal;
        font-style: normal; }
    
    @font-face {
        font-family: 'source_sans_probold';
        src: url('../font/SourceSansPro-Bold-webfont.eot');
        src: url('../font/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../font/SourceSansPro-Bold-webfont.woff2') format('woff2'),
             url('../font/SourceSansPro-Bold-webfont.woff') format('woff'),
             url('../font/SourceSansPro-Bold-webfont.ttf') format('truetype'),
             url('../font/SourceSansPro-Bold-webfont.svg#source_sans_probold') format('svg');
        font-weight: normal;
        font-style: normal; }

/* BASIC STYLING */

div, html, body { margin: 0; padding: 0; }
body { color: #000; margin: 0; font-family: 'source_sans_proregular';
font-size: 18px; line-height: 22px; }

a { color: #014fad; text-decoration: none; }
a:hover { color: #014fad; text-decoration: underline; }

h3.form { text-decoration: underline; margin: 20px 0; }

h1,h2,h3,h4 { font-weight: normal; }

h1 { font-family: 'source_sans_probold'; font-size: 28px;
font-weight: normal; margin: 20px 0; padding: 0; line-height: 27px; }
h2 { font-family: 'source_sans_probold'; font-size: 26px;
font-weight: normal; margin: 20px 0; padding: 0; }
h3 { font-family: 'source_sans_probold'; font-size: 22px;
font-weight: normal; margin: 10px 0; padding: 0; }

h1.home, h2.home { text-align:center; font-size:24px; color:#fff; line-height:21px;
text-transform: uppercase; margin: 8px 0 2px 0; }
h1.title { text-align:center; margin: 30px 0; text-decoration: underline; font-size: 32px; line-height: 34px; }
h3.inner { text-align: center; margin: 30px 0 20px 0; }
h2.inner { text-align: center; margin: 50px 0 20px 0; }

hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin: 10px 0; }
p { margin: 20px 0; /* display: inline-block; */ }
ul { padding: 0; }
li { display: inline-block; list-style-type: none; padding: 2px 0; }

button.sbutton,
button.submit-button {
    background: none repeat scroll 0 0 #D82133;
    color: #FFFFFF;
    display: block !important;
    font-size: 20px !important;
    font-weight: bold;
	height: 50px;
    line-height: 40px;
    text-align: center;
    width: 200px;
    margin: 0 auto !important; border: 0 !important; }

button.sbutton.s1 { margin: 0 0 -10px 110px !important; float:left; display: inline-block !important; }
button.sbutton.s2 { margin: 0 0 -10px 5px !important; display: inline-block !important; }
button.sbutton.s3 { margin-bottom: -10px; }

button.sbutton:hover,
button.submit-button:hover { background-color: #ED2135; }

.copy-alert { font-size: 15px !important; text-align: justify; }

/*
*** Custom Fox Contact Form Layout
*** *** The Show Form Part
*/

#booking-form { margin: 0 auto; width:390px; border: 1px solid #e9e9e9; background-color: #fafafa;
padding:10px 20px; }

.alert-success { /* height:920px; display: table-cell; vertical-align: bottom; */
background-color:#fafafa !important; color:#000 !important; }

.fox-container .alert { padding: 0 !important; border: 0 !important; }
ul.fox-messages { background-color:#fff; padding:5px 20px !important; font-size:20px !important; text-align:center; line-height: 24px !important;
border: 1px solid #e9e9e9; }
ul.fox-messages h1 { color:#EB0000 !important; }
.fox-container .alert .close { display: none !important; }

.fox-container .fox-form-stacked .controls { float: none !important; }
.fox-container .fox-form-stacked .control-label { float: none !important; width: 100% !important; }

.fox-container input,
.fox-container select, /* Standard select used as fallback under some circumstances */
.fox-container .fox-form-stacked .fox-item-submit .controls,
.fox-container .fox-form-stacked .fox-item-captcha .controls,
.fox-container .fox-form-stacked .fox-item-checkbox .controls,
.fox-container .fox-form-stacked .fox-item-newsletter .controls,
.fox-container .fox-form-stacked .fox-item-attachments .controls,
.fox-container .fox-form-stacked .fox-item-html-fields .controls
{ width: 100% !important; padding: }
.fox-container textarea { width: 100% !important; }

.fox-container input[type="text"],
.fox-container input[type="email"],
.fox-container select,
.fox-container .chzn-container-single .chzn-single
{ font-size: 18px; height: 36px !important; line-height: 36px !important; color: #000 !important; border: 1px solid #e9e9e9 !important; }

.fox-container textarea { font-size: 18px; color: #000 !important; border: 1px solid #e9e9e9 !important; }

.fox-container .chzn-container .chzn-results li.active-result { font-size: 18px; }

.fox-container .control-group { margin-bottom: 10px !important; }
.fox-container .control-label { font-weight: bold; }

/* fox date picker good old style */

.xdsoft_datetimepicker { box-shadow: none !important; padding: 0 !important; }
.xdsoft_datetimepicker .xdsoft_datepicker { width: 100%; margin: 0 !important; }

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th {
	font-size: 18px !important;
	padding: 3px !important;
	font-weight: normal !important;
	color: #000 !important; box-sizing: border-box; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #FFE401 !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{ color:#BB0008 !important; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
    background: #424242 !important; }

.xdsoft_datetimepicker .xdsoft_label { font-size: 18px !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #FFE401 !important;
	box-shadow: #000 0px 1px 3px 0px inset !important; }

.xdsoft_datetimepicker .xdsoft_month { width:140px !important; }

.xdsoft_datetimepicker .xdsoft_year { width:106px !important; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { font-size: 18px !important; }