@import url(../fonts/thsarabunnew.css);

body{ font-family: 'THSarabunNew', sans-serif; font-size: 1.5em; line-height: 1.7em; padding-top: 35px;padding-bottom: 0px;}
input, select, textarea {
    max-width: 580px;
}
 pre{
	       font-family: 'THSarabunNew', sans-serif;
            border:0px;
            background-color:transparent;
        }
		
.navbar{    min-height: 35px;}
.menu-green{
    background: #6AB843;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;
    top: 50px;
}
.nav-item{background: transparent;}
.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show>.nav-link {
    color: #54933A;
	font-weight:bold;
}
a.nav-link{
	color: #fff;
	background-color: transparent;
	font-weight:bold;
}

.navbar-nav .nav-item .nav-link:hover{
	color: #54933A;
	background-color: transparent;
	font-weight:bold;
}
.navbar-navpadding{
    padding-top: 50px;
}
.nav .nav-item-lang span.lang-label{
    padding-left: 15px;
    border-left: 1px solid #FFF;
}
  .nav .nav-item-lang .flag {
    margin-top: -3px; }
  .nav .nav-item-lang .flag-menu {
    margin-top: -3px; }
  .nav .nav-item-lang .dropdown-item.active, .main-nav .nav-item-lang .dropdown-item:active {
   /* color: rgba(0, 0, 0, 0.9);*/
   color: #fff;
    background-color: rgba(0, 50, 140, 0.1); }
  .nav .nav-item-lang .dropdown-menu img {
    margin-top: -3px; }
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background: transparent;
		color: #54933A;
	}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;    
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #54933A;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.dropdown-menu > li > a {
	color: #fff;
}
	.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.navbar-collapse {
    max-height: 420px;
}
.navbar-nav {
    margin: 0px;
}
.nav-tabs{
border: 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: transparent;
    border: 0px;
    border-bottom: 3px solid #FFF;
    font-weight: bold;
    color: #FFF;
}

.nav-tabs>li>a,.nav-tabs>li>a:hover {
    background-color: transparent;
	border: 0px;
    color: #FFF;
}
.wordOnFile{
	width:100%;color:#FFF;text-align: center;display:block;position:absolute;top:50%;font-weight:bold; font-size: 1.2em;
}
.txtboxTransparent{
	background: transparent;
	max-width:670px;
	width:370px;
	color:#FFF;
}
.navbar-brand{
	background: #FFF;
}
.lastMinuteBlueBG{
	background: rgba(65, 107, 179, 0.7);
	color:#FFF;
	padding-top: 50px;
	padding-bottom: 50px;
}
.lastMinuteWhiteBG{
	background: white;
	color:#999999;
	padding-top: 30px;
	padding-bottom: 30px;
}
.lastMinutePrice{
    line-height: 0.85em;
	font-size: 5em; 
}
.btnLastMinute{
    color: #FFF;
    background-color: #6AB843;
	border-radius: 0px;
}

.inputSubscribe{
	max-width: 580px;
	width:580px
}
.btnSubscribe{
    color: #FFF;
    background-color: #6AB843;
	border-radius: 0px;
	width:100%
}
   
.divGetInTouch{
	margin-bottom: 30px; margin-top: 30px;
}
    .divbtnGetInTouch{
    padding-top: 120px;
	}
	.divFindTheJourney{
	margin-bottom: 30px; margin-top: 30px;
}
.btnFindTheJourney{
	color: #FFF;
    background-color: #6AB843;
	border-radius: 0px;
	width:100%
}
    .divbtnFindTheJourney{
    padding-top: 25px;
	}
	 .flight-details {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        color: #fff;
        width: 93%;
        margin-left: 14px;
	   padding-top: 10px;
        padding-bottom: 10px;
    }
	.txtStart{
		font-size:0.8em;
		line-height:0.8em;
	}
	.txtRoute{
		font-size:2em;
		line-height:1em;
	}
	.txtFarePrice{
		font-size:1.5em;
		line-height:1em;
	}
	  .divIconOnFooter{
    padding: 145px 50px 0px 0px;
	}
	#myTabsFligth {
    text-align: -webkit-center;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 375px;
}

.divbtnFlightSearch{
    padding-top: 30px;
}
.btnFlightSearch{
	color: #FFF;
    background-color: #6AB843;
	border-radius: 0px;
	width:100%
}
.txtInputTypeBold{
width:100%;
font-weight: bold;
}
.txtInputLabel{
	display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

.custom-select {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding-left: 15px;
    border: 2px solid #fff;
    width:100%;
    font-weight: bold;
}
.custom-txtboxTransparent {
    color: #fff;
    background: transparent;
    padding-left: 15px;
    border: 2px solid #fff;
    width:100%;
    font-weight: bold;
}

	 .peak_name {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        color: #fff;
       width: 97.5%;
	font-weight: bold;
     font-size: 2em;
	 padding: 50px 0px 10px 30px;
    }
	.peak_error_period{
		font-size: 2em;
		color: red;
		text-align: center;
		padding: 40px 20px;
		font-weight: bold;
	}
	.peak_condition{
		    font-size: 1.2em;
    padding: 20px 0px 10px 15px;
    font-weight: bold;
	}
.divPeakPreriod{
	 background-color:#F2F2F2;border-bottom:1px solid #FFF;
	}
	.divRailRate{
	 background-color:#F2F2F2;border-bottom:1px solid #FFF;
	}
	.titlePrice{
		display:none;
	}
	.TopOnEarthPrice{
		color:#54933A;
		font-size:1.2em;
	}
	.btn-info {
    color: #ffffff;
    background-color: #6AB843;
    border-color: #54933A;
	}
	.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.tabs-left {
  border-bottom: none;
  padding-top: 2px;
  border-right: 1px solid #ddd;
}

.tabs-left>li{
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  color: #ffffff;
  background-color: #6AB843;
  border-color: #398439;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
  color:#000;
 border-bottom:1px solid #ddd;
}
.tabs-left>li>a:hover {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
  color:#000;
  border-bottom:1px solid #398439;
}

 .btnBook{
		color: #FFF;
		background-color: #6AB843;
		border-radius: 0px;
		font-weight:bold;
	}
	.divBookingRef{
		padding: 160px 20px 20px 20px;
	}
		.divSystemProblem{
		padding: 160px 20px 20px 20px;
	}
		.divAllProduct{
		padding: 160px 20px 20px 20px;
	}
	.divContact{
		padding: 160px 0px 0px 0px;
	}
	.loginAndDetailsMember{
		text-align:right;
	}
	.divLoginMember{
		padding: 160px 0px 0px 0px;
		background-color: #F6F6F6;
		text-align: -webkit-center;
	}
	a.Login{
	color: #fff;
	text-decoration: none;
}
	a.Login: hover,
	a.Login:focus,
	a.Login:active,
	a.Login:active{
	color: #FFF;
	text-decoration: none;
}
a.Register{
	color: #54933A;
     font-weight: bold;
	text-decoration: none;
}
	a.Register: hover,
	a.Register:focus,
	a.Register:active,
	a.Register:active{
	color: #000;
	text-decoration: none;
}

.btnFacebookLogin
{
	color:#FFFFFF;
	font-weight:bold;
    line-height:40px;
    height:40px;
    width:100%;
	max-width:300px;
    text-align:center;
    vertical-align:middle;
    cursor: pointer;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
     background: -webkit-linear-gradient(#4165B3, #4165B3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(4165B3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4165B3, #4165B3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4165B3, #4165B3); /* Standard syntax */
    background-color: #4165B3;
}

.btnFacebookLogin:hover
{
    box-shadow: 1px 1px 5px #888888;
}

.btnFacebookLogin img{
	margin-bottom: 0px !important;
}

.btnGoogleLogin
{
	color:#FFFFFF;
	font-weight:bold;
    line-height:40px;
    height:40px;
    width:100%;
	max-width:300px;
    text-align:center;
    vertical-align:middle;
    cursor: pointer;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
     background: -webkit-linear-gradient(#C1272D, #C1272D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C1272D, #C1272D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C1272D, #C1272D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C1272D, #C1272D); /* Standard syntax */
    background-color: #C1272D;
}

.btnGoogleLogin:hover
{
    box-shadow: 1px 1px 5px #888888;
}

.btnGoogleLogin img{
	margin-bottom: 0px !important;
}

.btnSocialSmall
{
	width:200px !important;
}

.dvLoginIcon
{
	float:left;
	width:30px;
	position: relative;
}

.dvLoginText
{
	padding-left:10px;
	float:left;
}
.btnLogin{
    color: #FFF;
    background-color: #6AB843;
	border-radius: 0px;
	width:100%;
	    max-width: 300px;
}
.txtboxLogin
{
    width: 100%;
    max-width: 300px;
}
#myTabsProfile {
    text-align: -webkit-center;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 375px;
}
.bookingList{
		font-size: 1.2em;
		padding: 10px 0px 10px 15px;
		font-weight: bold;
	}
	.showDesktop{
		display:black;
	}
	.tableHead{
		color:#FFF;
		font-weight: bold;
	}
	.bookingRefCode{
		color:#54933A;
	}
	a.bookingRefCode{
	color: #54933A;
	text-decoration: none;
}
	a.bookingRefCode: hover,
	a.bookingRefCode:focus,
	a.bookingRefCode:active,
	a.bookingRefCode:active{
	color:#54933A;
	text-decoration: none;
}
 .Title-Bar{
	 background-color: #6AB843;
	 color:#FFF;
	 text-align:right;
}
.Title-Bar-traveller{
	 background-color: #6AB843;
	 color:#FFF;
	 text-align:right;
}
	@media screen and (min-width: 320px) and (max-width: 767px)  {
	body{padding-top: 120px;}
	input, select, textarea {
    max-width: 370px;
	}
	#divTravelPeriod{
		display:none;
	}
	.divPeakPreriod{
	 padding: 20px 0px 20px 0px;
	 text-align: -webkit-center;
	}
	.divRailRate{
      padding: 20px 0px 20px 0px;
	 text-align: -webkit-center;
	}
	.titlePrice{
		display:block;
	}
	.navbar-brand{
		display:none;
	}
	.menu-green{  
	top: 120px;
	}
	.navbar-navpadding{
		padding-top: 0px;
	}
	.inputSubscribe{
	max-width: 580px;
	width:100%
	
	}
	.txtboxTransparent{
	background: transparent;
	max-width:345px;
	width:100%;
	color:#FFF;
	}
	.divbtnSubscribe{
	text-align: -webkit-center;
     padding: 5px;
	}
	
	.divGetInTouch{
	margin-bottom: 5px; margin-top: 0px;
	}
	.divFindTheJourney{
	margin-bottom: 5px; margin-top: 0px;
    }
	.divFindTheFlight{
	margin-bottom: 5px; margin-top: 0px;
    }
	.divbtnFindTheJourney{
	text-align: -webkit-center;
     padding: 5px;
	}
    .divbtnGetInTouch{
	text-align: -webkit-center;
     padding: 5px;
	}
	.flight-details {
        width: 92%;
    }
	.divIconOnFooter{
		padding: 10px 10px 20px 10px;
	}
.divbtnFlightSearch{
    padding-top: 15px;
}
.nav .nav-item-lang span.lang-label {
    padding-left: 0;
    border-left: 0;
}
 .peak_name {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        color: #fff;
       width: 92%;
	font-weight: bold;
     font-size: 1.8em;
    }
    .divBookingRef{
		padding: 15px;
	}
	.divSystemProblem{
		padding: 15px;
	}
	.divAllProduct{
		padding: 15px;
	}
	.divContact{
		padding: 0px;
	}
		.divLoginMember{
		padding: 0px;
		background-color: #F6F6F6;
	}
	.loginAndDetailsMember{
		text-align:left;
	}
	.bookingList{
		font-size: 1.2em;
		padding: 10px 0px 10px 15px;
		font-weight: bold;
	}
	.showDesktop{
		display:none;
	}
	.Title-Bar-traveller{
		text-align:left;
	}
  }
  
  @media screen and (min-width: 300px) and (max-width: 320px)  {
	  .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
		left: 26.5%;
	  }
	  .flight-details {
		width: 90.5%;
	  }
	  .showDesktop{
		display:none;
	}
  }