/*!
 * Start Bootstrap - 2 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif; 
	color:#111214;
	line-height: 1.5;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("/bangkok/images/bg3.jpg");
	background-color: #61A1C4;
}
a:link {
	color:#111214;
	text-decoration:underline;
}
a:hover, a:focus, a:active {
	text-decoration:none;
}
h1, h2, h3, .h1, .h2, .h3 {
	font-family: 'PT Sans Caption', sans-serif;
	text-transform: uppercase;
	margin:15px 0;
	padding:0;
	font-weight:bold;
	color:#236fbd;
}
h1, .h1 {font-size: 140%;}
h2, .h2 {font-size:130%;}
h3, .h3 {font-size:125%;}
#main .container {
    
}
.main-c {
	background: #236fbd;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
	padding: 1px 0;
}
#content {
	background: #FFF;
	border-radius: 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
	padding-bottom: 10px;
	margin: 10px;
}
#footer {
	color: #B1B2B4;
    background: #236fbd;
	padding: 0 20px;
}
#footer .row {
	margin-right: -20px;
    margin-left: -20px;
}
#footer .sub-f {
	background: #0a1923;
	font-size:90%;
}

@media (min-width: 992px) {
  #footer .sub-f {border-top: none;}
}
#footer p {
    padding: 15px 0 30px 0;
    margin: 10px 0;
}
#footer .sub-f p {
	margin: 15px 0 0 0;
}
#footer a {
    text-decoration: none;
    color: #FFFFFF;
}
#footer .sub-menu {
	font-family: 'PT Sans Caption', sans-serif;
    font-size: 110%;
}
table#firstprice {
	margin: 0 auto !important;
}
table#firstprice tbody tr td {
	padding: 10px 10px 20px 10px;
	font-size: 14px;
	display: block;
}
@media (min-width: 768px) {
  table#firstprice tbody tr td {
    display: table-cell;
  }
}
.navbar-inverse {
    background:none;
	border:none;
	z-index: 9999;
}
.navbar .container>.navbar-header {
    background:#000;
	border:none;
	border-radius: 0px 6px 6px 6px;
	-moz-border-radius: 0px 6px 6px 6px;
    -webkit-border-radius: 0px 6px 6px 6px;
    -khtml-border-radius: 0px 6px 6px 6px;
}
.navbar .container-fluid>.navbar-collapse, .navbar .container-fluid>.navbar-header, .navbar .container>.navbar-collapse, .navbar .container>.navbar-header {
    margin-right: 0; 
    margin-left: 0; 
	border:none;
}
@media (min-width: 768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}
}
.navbar-inverse .navbar-brand {
    font-weight: 900;
    letter-spacing: 1.5px;
	font-family: 'PT Sans Caption', sans-serif;
	text-decoration:none;
	color: #fff;
	white-space: nowrap;
}
.navbar-inverse a {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.navbar-inverse a.navbar-brand:hover {
	color: #7fbed7;
}
.navbar-inverse .navbar-nav > li > a{
	text-decoration: none;
	color:#fff;
}
.navbar-inverse .navbar-nav > li > a:hover{
	color: #7fbed7;
	background-color: #000000;
}
.navbar-inverse .navbar-nav{
	font-size: 120%;
}
@media (min-width: 992px) {
.navbar-header {
    display: none;
}
}
.navbar-nav {
	margin-top: 0;
    background: #1e2a33;
}
/* Main menu settings */
@media (min-width: 992px) {
#custom-collapse {
	height: 75px;
	font-family: Verdana, Geneva, sans-serif; /* Menu font */
	background:#000;
	border-radius: 0px 6px 6px 6px;
	-moz-border-radius: 0px 6px 6px 6px;
    -webkit-border-radius: 0px 6px 6px 6px;
    -khtml-border-radius: 0px 6px 6px 6px;
}
#custom-collapse>ul>li>a {
	font-family: 'PT Sans Caption', sans-serif;
	text-transform: uppercase;
	padding-top: 25px;
    padding-bottom: 25px;
}
#custom-collapse>ul>li:hover>a, #custom-collapse ul li.active a { 
	background: #236fbd; /* Top menu items background */
}
#custom-collapse ul ul li a,
#custom-collapse ul li.active li a,
#custom-collapse ul li:hover ul li a { 
	font-size:90%;
	font-weight:normal; 
	background: #44474C;
	color:#ffffff;
	line-height:1.4em; 
	border-bottom:1px solid #44474C; 
	padding: 10px 15px;
	text-decoration:none;
}
#custom-collapse ul ul li a:hover,
#custom-collapse ul li.active ul li a:hover,
#custom-collapse ul li:hover ul li a:hover { 
	background:#236fbd; 
}
#custom-collapse>ul>li>a, #custom-collapse ul ul li a {
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
.navbar-inverse {
    background: none;
    border: none; 
	margin-bottom:0;
}
.navbar-nav {
    display: table;
    float: none;
    margin: 0 auto;
    table-layout: fixed;
    font-size: 120%;
}
.dropdown-menu {
	padding:0;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
}
#home {
	padding: 15px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}
#home .first, #home .first a {
	color: #020202;
	text-decoration: none;
}
#home .last, #home .last a {
	color: #236fbd;
	text-decoration: none;
}
#home p.lead {
	margin-bottom: 0;
}
#home>.container>.flags.row {
	padding-bottom:5px;
}
@media (min-width: 480px) and (max-width: 767px) {
	#home>.container>.head.row {
		height:130px;
	}
	#home>.container>.head.row>.first a {
		font-size:0;
	}
	#home>.container>.head.row>.last {
		padding-top: 0 !important;
	}
}
@media (max-width: 479px){
	.navbar-inverse .navbar-brand {
		font-size: 13px !important;
	}
	#home>.container>.head.row>.first a {
		font-size:0;
	}
	#home>.container>.head.row>.last {
		padding-top: 0 !important;
	}
}
#home>.container>.head.row>.last {
	font-size:110%;
	padding-top: 10px;
}
@media (min-width: 768px) {
	#home>.container>.head.row {
		background: url(/bangkok/images/head-w-toyota-commuter4.png) left 15px bottom no-repeat;
		height:130px;
		text-align: left;
		overflow: hidden;
	}
	#home>.container>.head.row>.first {
		font-size:250%;
		display:block;
		line-height: 100px;
		font-family: 'PT Sans Caption', sans-serif;
	}
	#home>.container>.head.row>.last {
		background: none;
	}
}
@media (max-width: 991px) {
/*@media (min-width: 768px) and (max-width: 991px) {*/
	.dropdown-menu {
		font-size:12px;
	}
	.dropdown-menu a {
		text-decoration:none;
	}
	#home>.container>.head.row>.first a {
		font-size:0;
	}
	#home>.container>.head.row {
		background: url(/bangkok/images/head-w-toyota-commuter4-sm.png) left 15px bottom no-repeat;
	}
	#home>.container>.head.row>.last {
		font-size: 100%;
		padding-top: 15px;
	}
	#pricingRates {
		font-size:90%;
	}
}
@media (max-width: 479px){
	#home>.container>.head.row {
		background: url(/bangkok/images/head-w-toyota-commuter4-xs.png) left 15px bottom no-repeat;
	}
}
.header {
	padding-bottom:20px;
	z-index: 9999;
	width:100%;
}

/* ---------------------------------------------- /*
 * Scroll to top
/* ---------------------------------------------- */

.scroll-up {
	position: fixed;
	display: none;
	z-index: 999;
	bottom: 2em;
	right: 2em;
	border-radius: 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
	overflow: hidden;
}

.scroll-up a {
	background-color: rgba(22, 24, 25, 0.5);
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.scroll-up a:hover,
.scroll-up a:active {
	background-color: rgba(235, 235, 235, .8);
	color: #236fbd;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #C2E1F2;
}

#main .col-sm-3 .img-responsive-c {
	width:180px;
	height: auto;
}
@media (min-width: 768px) {
	#vk_groups, #vk_groups iframe, .gsInformer {
		width: 100% !important;
	}
	#main .col-sm-3 .img-responsive-c {
		display: block;
		width:100%;
		max-width: 100%;
		height: auto;
	}
}
.btn-info, .btn-info:hover {
	font-family: 'PT Sans Caption', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
    color: #fff;
    border-color: #236fbd;
	padding: 15px 25px;
}
.btn-info {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background-color: #000000;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.btn-info:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #236fbd;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  color: white;
  background-color: #000000;
}
.btn-info:hover:before, .btn-info:focus:before, .btn-info:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.ui-datepicker { position: relative; z-index: 10000 !important; }
.table-hover>tbody>tr:hover{background-color: #f1f6fc;}

a.roll {
	display: inline-block;
    position: relative;
}
span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(/bangkok/images/mag.png) center center no-repeat #000;
	cursor: pointer;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
}
span.rollover:hover {
	opacity: .6;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 3s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}
.left {
    float: left;
    width: 45%; 
    padding-top:30px;
}
.left p, .right p {
   }

.right {
    float: right;
    width: 45%;
    padding-top:30px;
}

.group:after {
    content:"";
    display: table;
    clear: both;
    
}
.left img, .right img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 380px) {
    .left,
    .right {
        float: none;
        width: auto;
    }
}

img.all-four-rounded-corners
{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

img.commonpicture 
{
    
   width:400px;
   max-width:90%;
   height: auto;
   -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;    
}