@charset "utf-8";
/* Custom Styles for Thailand Yacht Show 2018 website created by Monsters Edge */

/* FONTS */
@font-face {
    font-family: 'galaxy_btregular';
    src: url('../fonts/galaxy_bt-webfont.woff2') format('woff2'),
         url('../fonts/galaxy_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*FLAG*/
#lang {
	position: absolute;
    right: 20px;
	top: 12px;
	z-index: 500;
}

/* LINKS */
a { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; outline: none; color: #231f20;}
a:hover { text-decoration:none; color: #435597;}
a:focus { outline: none;}

/* GENERAL */
body { font-family: Century Gothic, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; background:#9ad6e3; color:#000;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; padding: 0; font-weight: bold; color: #435593; text-transform: uppercase; font-family: 'galaxy_btregular';}
h1 { font-size:22px; line-height: 24px;}
h2 { font-size:16px; line-height: 18px; color:#2a315d;}
h3 { font-size:16px; line-height: 18px; color:#2a315d;}
p { font-size:15px; line-height: 22px; margin: 0 0 15px 0; padding: 0;}
body.red h1, body.red h2, body.red h3 { color:#d90011;}

#site-container { box-shadow:0 0 8px #333;}
#content { padding:30px 15px;}
#content ul { list-style: none; padding: 0; margin: 0 0 15px 15px;}
#content ul li { font-size:15px; padding: 0 0 0 20px; margin: 0 0 10px 0; background:url(../images/list-sq.png) 0 7px no-repeat;}
#content ul.list { list-style: none; padding: 0; margin: 0 0 15px 0;}
#content ul.list li { font-size:15px; padding: 3px 0 6px 40px; margin: 0 0 10px 0; background:url(../images/icon-tick.png) 0 0px no-repeat;}
#content ul.list li strong { color:#dd1d35;}
.link-btn { font-size:18px; border: 5px solid #2a315d; display: block; padding: 15px 15px 20px 15px; color:#2a315d; font-family: 'galaxy_btregular'; margin-bottom: 15px; font-weight: bold;}
.link-btn .text { display: block; padding: 13px 0 0 0;}
.link-btn .glyphicon { font-size:50px; float: left; margin-right: 15px;}
.link-btn:hover { color:#008ba7; border: 5px solid #008ba7;}
#sharethis_0 { display:block; margin-bottom: 15px;}
#carousel-quotes { font-family: 'Exo', sans-serif; text-transform: uppercase; font-size:16px; color:#155a84; text-align: center; padding: 0 15px; min-height: 150px;}
#footer-img { position:absolute; bottom: 0; right: 0;}
blockquote { padding: 10px 20px; margin: 0 0 20px 0; font-size: 16px; border-left: 5px solid #435597;}

body.red .link-btn { border: 5px solid #d90011; color:#d90011;}
body.red .link-btn:hover { color:#ad0714; border: 5px solid #ad0714;}

/* Additional Classes */
.alpha { margin-left:-15px; margin-right:15px;}
.omega { margin-right:-15px; margin-left:15px;}
.marB30 { margin-bottom:30px;}

/* Navbar Styles */
.navbar { background:#435593; border:none; border-radius:0; margin: 0; min-height: auto;}
.navbar-collapse { padding:0; box-shadow:none;}
.navbar-nav li a { color:#fff !important; font-size:15px; text-transform:uppercase; padding:12px 20px 15px 20px; background:#435593 !important;}
.navbar-nav .open li a:hover, .navbar-nav li a:hover, .navbar-nav li.active a { color:#fff !important; background:#2a315d !important;}
.navbar-nav .open a { color:#fff !important; background:#2a315d !important;}
.navbar-nav .dropdown-menu { background:#435593 !important; border-radius:0; padding: 0;}
.navbar-nav li ul.dropdown-menu li a { padding:5px 20px; font-size:14px; background:#435593 !important;}
.navbar-nav li.active ul.dropdown-menu li a { color:#fff !important;}
.navbar-nav li.active ul.dropdown-menu li a:hover { color:#fff !important; background:#2a315d !important;}
.navbar-header { border:none;}
.navbar-nav li.dropdown:hover .dropdown-menu { display:block;}

body.red .navbar { background:#d90011;}
body.red .navbar-nav li a { background:#d90011 !important;}
body.red .navbar-nav .open li a:hover, body.red .navbar-nav li a:hover, body.red .navbar-nav li.active a { background:#ad0714 !important;}
body.red .navbar-nav .open a {background:#ad0714 !important;}
body.red .navbar-nav .dropdown-menu { background:#d90011 !important; }
body.red .navbar-nav li ul.dropdown-menu li a { background:#d90011 !important;}
body.red .navbar-nav li.active ul.dropdown-menu li a:hover { background:#ad0714 !important;}

/* Carousel fade styles */
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity;}
.carousel-fade .carousel-inner .active { opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-control { z-index: 2;}

table { margin-bottom:15px;}
.table p, table p { margin:0;}
.table tr.title { font-family: 'Exo', sans-serif; color: #009fe3;}
.table tr.title p { font-size: 18px !important;}
.table tr.red td { background: #dd1f33; color:#fff;}
.table tr.grey td { background: #d9ddea; color:#000;}
.table td.dark-blue { background:#004488; color:#fff;}
.table td.light-blue { background:#009fe3; color:#fff;}
.table tr.blue td { background: #24a9dc; color:#fff;}
.table-bordered { border-color:#fff;}
.table-bordered td { background:#d4eff8; border-color:#fff !important; border-width: 2px !important;}

/* Improvements for carousels */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1024px */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
	.link-btn { text-align:center;}
	.link-btn .glyphicon { float: none; margin-right: 0;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.navbar-nav li a { padding:12px 12px 15px 12px; font-size:14px;}
	.navbar-nav li ul.dropdown-menu li a { padding:5px 15px;}
	.link-btn { text-align:center;}
	.link-btn .glyphicon { float: none; margin-right: 0;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
	#site-container { background:#fff;}
	#tagline-mob { color:#fff; font-size: 12px; text-transform: uppercase; padding: 7px 0 0 15px;}
	#footer-mob { background:#006eb0; text-align: center; color:#fff; font-size: 11px; text-transform: uppercase;}
	body.red #footer-mob { background:#d90011;}
	#footer-mob #text { padding: 5px 15px 15px 15px;}
	#footer-mob #text a { color:#fff;}
	#footer-mob #text a:hover { color:#0b2535;}
	#content { padding:30px 0px;}
	
	.navbar-default .navbar-toggle:hover { background:#0077c1;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; height:3px; width:30px; border-radius:2px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:#fff;}
    .nav { width: 100%; text-align: left;}
    .navbar { padding: 0; margin:0; width: 100%;}
    .navbar-nav { margin:0;}
	.navbar-nav li { border-bottom:1px solid #5a6ba7;}
	body.red .navbar-nav li { border-bottom:1px solid #f00d1f;}
	.navbar-nav li.active a { border:none; color:#fff !important; border-radius:0;}
    .navbar-nav li a { margin:0 !important; text-align:left; color:#fff !important; padding:5px 15px; font-size: 13px;}
	.navbar-nav li a:hover { color:#fff !important;}
	.navbar-nav li ul.dropdown-menu li a { font-size: 13px; padding:5px 15px;}
	.navbar-nav .dropdown-menu { padding:0; width: 100%;}
	.navbar-nav li a:hover ul.dropdown-menu { display:block;}
	
	#lang {
	position: absolute;
    right: 80px;
	top: 12px;
	z-index: 500;
}
}	

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
 
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}