/* Containers - #00c4cc | #2a8fbd */
html, body { font: 100 106%/1.6 'Lato', sans-serif; background: #000; color: #ccc; text-rendering: optimizeLegibility; }

h1, h2, h3 { color: #ffcf00; }

a { color: #ffcf00; }
a:hover, a:focus { color: #fff; }

b { color: #fff; }

img { max-width: 100% !important; }
.gm-style img { max-width: none !important; }

.btn-xl { padding: 14px 20px; font-size: 30px; line-height: 1.57; border-radius: 6px; }
.btn-xxl { padding: 18px 24px; font-size: 42px; line-height: 1.72428572; border-radius: 6px; }
.btn-w3 { background: #ffcf00; border-radius: 0; color: #000; font-weight: bold; }

input[type=search] { -webkit-appearance: inherit; padding-top: 0; padding-bottom: 0; }
input[type=search]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; }

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.label-block { white-space: initial; display: block; }

/* 5 lines */
.col-xs-2-4, .col-sm-2-4, .col-md-2-4, .col-lg-2-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.col-xs-2-4 { float: left; width: 20%; }
@media (min-width: 768px) { .col-sm-2-4 { float: left; width: 20%; } }
@media (min-width: 992px) { .col-md-2-4 { float: left; width: 20%; } }
@media (min-width: 1200px) { .col-lg-2-4 { float: left; width: 20%; } }

/* Header */
header .navbar-default .navbar-nav>li>a { color: #ccc; }
header .navbar-default .navbar-nav>li>a:hover,
header .navbar-default .navbar-nav>li>a:focus { color: #ffcf00; }
header .navbar-default { margin-bottom: 0; background: #000; border: 0; border-radius: 0; }
header .logo { background: #ffcf00; padding: 20px; margin-bottom: 50px; }
header .logo img { max-width: 100%; }
header #google_translate_element { min-width: 180px; overflow: hidden; padding: 0 5px; border-top: 1px solid #ccc; margin-top: 5px; }
header #google_translate_element .goog-te-gadget { white-space: normal; }
header #google_translate_element .form-control { border: none; box-shadow: none; }
@media (min-width: 768px) { header .navbar-default .navbar-nav>li>a .language-name { display: none; } }

/* Footer */
.homepage-link { margin: 70px auto 40px; text-align: center; position: relative; overflow: hidden; }
.homepage-link:before { content: ''; border: 0; display: block; position: absolute; left: 0; right: 0; width: 100%; height: 1px; top: 30px;
	background-image: -webkit-linear-gradient(left, transparent, #fff, transparent);
	background-image:         linear-gradient(to right,transparent, #fff, transparent); }
.homepage-link table { display: inline-table; background: #000; position: relative; z-index: 1; }
.homepage-link table td { border-right: 1px solid #777; }
.homepage-link table td:last-child { border-right: 0; }
.homepage-link a { color: #fff; font-size: 22px; text-decoration: none; line-height: 30px; position: relative; display: inline-block; padding: 0 20px; }
.homepage-link a .sup { text-transform: uppercase; }
.homepage-link a .sub { font-family: Verdiana, sans-serif; font-weight: bold; font-size: 36px; letter-spacing: .1em; }
@media (max-width: 515px) {
	.homepage-link a { font-size: 16px; line-height: 24px; }
	.homepage-link a .sub { font-size: 28px; }
}

.footer-gray-line { background: #333; padding: 20px 0; margin: 40px 0; text-align: center; }
.footer-gray-line a { font-size: 28px; color: #fff; text-shadow: 0 3px 1px #000; text-transform: uppercase; display: block; margin: -5px 0; text-decoration: none; }
.cta { margin: 15px auto 50px; }
.cta .btn { padding: 20px 40px; box-shadow: inset 0 0 10px #000; border: none; text-transform: uppercase; font-weight: bold; white-space: inherit; }
footer { margin: 30px 0 10px; font-size: 14px; }
footer>span { padding-top: 15px; padding-bottom: 15px; display: block; }
footer .nav>li>a { color: #ddd; font-weight: bold; }
footer .nav>li>a:hover,
footer .nav>li>a:focus { color: #ffcf00; background: none; }
footer .nav>li>a .btn-w3 { margin: -10px; font-style: normal; }
footer .nav>li>a .branding { color: #f44336; font-weight: bold; }
@media (max-width: 991px) {
	.cta .btn { width: 70%; padding: 20px; }
}
@media (max-width: 767px) {
	.cta .btn { width: 100%; }
}
@media (max-width: 430px) {
	.cta .btn { font-size: 20px; font-weight: bold; }
}

/* Responsiveness */
@media (max-width: 515px) {
	.col-xxs-1 { width: 8.33333333%; } .col-xxs-2 { width: 16.6666666%; } .col-xxs-3 { width: 25%; }
	.col-xxs-4 { width: 33.3333333%; } .col-xxs-5 { width: 41.6666666%; } .col-xxs-6 { width: 50%; }
	.col-xxs-7 { width: 58.3333333%; } .col-xxs-8 { width: 66.6666666%; } .col-xxs-9 { width: 75%; }
	.col-xxs-10 { width: 83.333333%; } .col-xxs-11 { width: 91.666666%; } .col-xxs-12 { width: 100%; }
	.table th, .table td { display: block; }
	.table>thead>tr>th { border-bottom: none; }
	.table>thead>tr>th:last-child { border-bottom: 2px solid #ddd; }
	.table>tbody>tr>td { border-top: none; }
	.table>tbody>tr>td:first-child { border-top: 1px solid #ddd; }
}
@media (max-width: 300px) {
	.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { width: 100%; }
}
@media (min-width: 768px) {
	header .navbar-default .navbar-collapse { padding: 0; margin-left: -15px; }
}

/* Site */
.filter { margin-top: -40px; margin-bottom: 50px; padding-top: 20px; background: #333; }
.datetimepicker { color: #000; }
/* Days */
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
/* Hours */
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
/* Dropdown */
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus { background: #ffcf00 !important; color: #000 !important; text-shadow: none !important; }
.modal { color: #333; }

/* Weather icons */
.weather { background: url(/img/weather.png) center center no-repeat; width: 60px; height: 60px; display: inline-block; }
.weather.w01d { background-position: 0px 0px; }
.weather.w01n { background-position: 0px -60px; }
.weather.w02d { background-position: 0px -120px; }
.weather.w02n { background-position: 0px -180px; }
.weather.w03d { background-position: 0px -240px; }
.weather.w03n { background-position: 0px -300px; }
.weather.w04d { background-position: 0px -360px; }
.weather.w04n { background-position: 0px -420px; }
.weather.w09d { background-position: 0px -480px; }
.weather.w09n { background-position: 0px -540px; }
.weather.w10d { background-position: 0px -600px; }
.weather.w10n { background-position: 0px -660px; }
.weather.w11d { background-position: 0px -720px; }
.weather.w11n { background-position: 0px -780px; }
.weather.w13d { background-position: 0px -840px; }
.weather.w13n { background-position: 0px -900px; }
.weather.w50d { background-position: 0px -960px; }
.weather.w50n { background-position: 0px -1020px; }

/* Pub */
.pub-bottom a { margin: 0 auto; display: block; height: 150px; max-width: 100%; /*background-size: contain;*/ background-position: center; background-repeat: no-repeat;
	position: relative; margin-bottom: 28px; }
.pub-bottom a span { font-size: 18px; font-weight: bold; color: #fff; background: rgba(51, 51, 51, .5); position: absolute; left: 0; bottom: -30px; width: 100%;
	text-align: center; z-index: 2; }
.pub-lateral { background: #333; }
.pub-lateral .free { display: block; font-size: 14px; line-height: 16px; margin: 0 -15px; padding: 2px; text-align: center; background: #f38d1a; color: #fff;
	cursor: pointer; font-weight: bold; text-transform: uppercase; }
.pub-lateral .info { text-align: right; font-size: 12px; margin-bottom: 5px; margin-right: 2px; margin-top: 5px; }
.pub-lateral a { position: relative; display: block; opacity: 0.96; }
.pub-lateral a:hover { opacity: 1; border-color: #ccc; }
.pub-lateral a img { margin-bottom: 20px; padding-bottom: 3px; border-bottom: 1px solid #efefef; }
.pub-lateral a small { position: absolute; bottom: 5px; right: 8px; left: 8px; display: block; text-align: right; color: #666 !important; font-size: 12px; font-weight: 400; }
@media (max-width: 991px) {
	.pub-lateral a small { text-align: left; }
}

/* WhatsApp button */
.whatsapp-btn iframe { vertical-align: bottom; margin-left: 8px; }