html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align:baseline;
font-size:100%;
outline:0;
padding:0;
margin:0 auto;
border:0;
line-height:1.6;
}
h1 {font-size:20px;font-weight:400;color:#000;}
h2 {font-size:18px;font-weight:700;color:#026500;}
h3 {font-size:16px;font-weight:700;color:#026500;}
hr {border-width:1px;border-color:#ddd;}
a {color:#C00;text-decoration:none;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#c00;}
#e404 {padding:50px 0;text-align:center;font-size:50px;font-weight:700;}
.notfound {font-size:25px;}
.required {color:#C00;}
@media screen and (max-width:990px)
{
h1 {font-size:20px;font-weight:400;color:#000;}
h2 {font-size:18px;font-weight:700;color:#026500;}
h3 {font-size:16px;font-weight:700;color:#026500;}
hr {border-width:1px;border-color:#ddd;}
a {color:#C00;text-decoration:none;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#c00;}
#e404 {padding:50px 0;text-align:center;font-size:50px;font-weight:700;}
.notfound {font-size:25px;}
.required {color:#C00;}
}
/* ====================================================================================================================================================== */
/* BACKGROUND */
#bg {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.5;color:#000;background:#fff;}
@media screen and (max-width:990px)
{
#bg {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.5;color:#000;background:#fff;}
}
/* ====================================================================================================================================================== */
/* BACKGROUND */
#bgcon {width:100%;margin:0 auto;position:relative;background:#F0F1F3;z-index:99999;}
@media screen and (max-width:990px)
{
#bgcon {width:100%;margin:0 auto;position:relative;background:#F0F1F3;z-index:99999;}
}
/* ====================================================================================================================================================== */
/* LOGO */
#bgtop {width:100%;margin:0 auto;padding:10px 0;}
#botop {width:990px;margin:0 auto;padding:0;}
#topleft {width:auto;float:left;margin:0 auto;padding:0;}
#toprite {width:auto;float:right;margin:0 auto;padding:0;text-align:center;}
@media screen and (max-width:990px)
{
#bgtop {width:100%;margin:0 auto;padding:0;}
#botop {width:100%;margin:0 auto;padding:0;}
#topleft {width:90%;float:none;margin:0 auto;padding:10px 0 0;text-align:center;}
#topleft img {width:100%;height:auto;}
#toprite {width:100%;float:none;margin:0 auto;padding:0;text-align:left;background:#fff;}
}
/* ====================================================================================================================================================== */
/* MENU */
#menu {width:auto;height:auto;margin:0 auto;}
@media screen and (max-width:990px)
{
#menu {width:auto;height:auto;margin:0 auto;}
}
/* ====================================================================================================================================================== */
/* SLIDESHOW */
#bgslideshow {margin:0 auto;padding:10px 0 60px;background-size:100%;position:relative;z-index:999;width:100%;background:#00ABBF;background:-webkit-linear-gradient(to right, #0094A6, #00ABBF);background:linear-gradient(to right, #0094A6, #00ABBF);}
#bgslideshow img {border-radius:10px;}
.slidetit {margin:0 auto;padding:0;position:absolute;top:72%;left:15%;width:auto;height:auto;font-weight:700;font-size:70px;font-family:'Roboto', sans-serif;color:#fff;text-shadow:1px 1px 1px #000;}
.slidedes {margin:0 auto;padding:0;position:absolute;top:80%;left:15%;width:auto;height:auto;font-weight:700;font-size:40px;font-family:'Roboto', sans-serif;color:#fff;text-shadow:1px 1px 1px #000;}
.slidedes span {width:auto;float:left;margin-top:35px;border-top:2px dashed #fff;text-shadow:1px 1px 1px #000;}
@media screen and (max-width:990px)
{
#bgslideshow {margin:0 auto;padding:10px 0 60px;background-size:100%;position:relative;z-index:999;width:100%;background:#00ABBF;background:-webkit-linear-gradient(to right, #0094A6, #00ABBF);background:linear-gradient(to right, #0094A6, #00ABBF);}
#bgslideshow img {border-radius:10px;}
.slidetit {margin:0 auto;padding:0;position:absolute;top:72%;left:15%;width:auto;height:auto;font-weight:700;font-size:70px;font-family:'Roboto', sans-serif;color:#fff;text-shadow:1px 1px 1px #000;}
.slidedes {margin:0 auto;padding:0;position:absolute;top:80%;left:15%;width:auto;height:auto;font-weight:700;font-size:40px;font-family:'Roboto', sans-serif;color:#fff;text-shadow:1px 1px 1px #000;}
.slidedes span {width:auto;float:left;margin-top:35px;border-top:2px dashed #fff;text-shadow:1px 1px 1px #000;}
}
/* ====================================================================================================================================================== */
/* HEADER */
#bgheader {margin:0 auto;padding:20px 0;background-size:100%;position:relative;z-index:-999;width:100%;background:#B70400;background:-webkit-linear-gradient(to right, #6C0200, #B70400);background:linear-gradient(to left, #6C0200, #B70400);}
#boheader {margin:0 auto;width:100%;background-size:100%;}
#boheader img {width:100%;height:auto;}
#headertit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-align:center;color:#fff;text-transform:uppercase;}
@media screen and (max-width:990px)
{
#bgheader {margin:0 auto;padding:20px 0;background-size:100%;position:relative;z-index:-999;width:100%;background:#B70400;background:-webkit-linear-gradient(to right, #6C0200, #B70400);background:linear-gradient(to left, #6C0200, #B70400);}
#boheader {margin:0 auto;width:100%;background-size:100%;}
#boheader img {width:100%;height:auto;}
#headertit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-align:center;color:#fff;text-transform:uppercase;}
}
/* ====================================================================================================================================================== */
/* SEARCH BAR */
#bgsform {width:90%;margin:0 auto;padding:0 0 50px;background:#026500;border-radius:0 0 10px 10px;}
#bosform {width:950px;margin:-50px auto 0;padding:20px;background:#fff;position:relative;z-index:99999;border-bottom:5px solid #B70400;border-radius:10px 10px 0 0;}
#sformtop {width:100%;margin:0 auto 20px;padding:0;}
.sformtoptit {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#026500;}
.sformtopdes {margin:0 auto;padding:0;}
#sformbot {width:100%;margin:0 auto;padding:0;}
.sformbotfil {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
#bgsform {width:90%;margin:0 auto;padding:0 0 50px;background:#026500;border-radius:0 0 10px 10px;}
#bosform {width:80%;margin:-50px 5% 0;padding:5%;background:#fff;position:relative;z-index:99999;border-bottom:5px solid #B70400;border-radius:10px 10px 0 0;}
#sformtop {width:100%;margin:0 auto 20px;padding:0;text-align:center;}
.sformtoptit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#026500;}
.sformtopdes {margin:0 auto;padding:0;}
#sformbot {width:100%;margin:0 auto;padding:0;}
.sformbotfil {margin:0 auto;padding:0;}
}
/* ====================================================================================================================================================== */
.cari {margin:0 auto;font-size:15px;font-family:'Roboto', sans-serif;padding:11px 0;border:1px solid #ddd;background:#fff;color:#666;box-sizing:border-box;vertical-align:top;}
input.cari {width:79%;text-align:center;}
@media screen and (max-width:990px)
{
.cari {margin:0 auto;font-size:15px;font-family:'Roboto', sans-serif;padding:11px 10px;border:1px solid #ddd;background:#fff;color:#666;box-sizing:border-box;vertical-align:top;}
input.cari {width:100%;text-align:center;}
}
/* ====================================================================================================================================================== */
/* FRONT */
#bgfront {width:100%;margin:0 auto;padding:0;background:#f2f2f2 url('../images/bgfrontpage.jpg') repeat;}
#bofront {width:990px;margin:0 auto;padding:0;}
#bofrontleft {width:60%;float:left;}
#bofrontrite {width:38%;float:left;margin-left:2%;}
@media screen and (max-width:990px)
{
#bgfront {width:100%;margin:0 auto;padding:0;background:#f2f2f2 url('../images/bgfrontpage.jpg');}
#bofront {width:100%;margin:0 auto;padding:0;}
#bofrontleft {width:100%;float:left;}
#bofrontrite {width:100%;float:left;margin-left:0;}
}
/* ====================================================================================================================================================== */
/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:50px 0;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#frontpage {margin:0 auto;padding:0;text-align:left;}
.frontpagetit {margin:0 auto;padding:0;}
.frontpagetit h1 {margin:0 auto 10px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;border-bottom:1px solid #ddd;}
.frontpagedes {margin:0 auto;padding:0;}
.frontpagedes h2 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;color:#333;}
@media screen and (max-width:990px)
{
#bgfrontpage {width:100%;margin:0 auto;padding:50px 0 10px;}
#bofrontpage {width:90%;margin:0 auto;padding:0;}
#frontpage {margin:0 auto;padding:0;text-align:center;}
.frontpagetit {margin:0 auto;padding:0;}
.frontpagetit h1 {margin:0 auto 10px;padding:0;font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;border-bottom:1px solid #ddd;}
.frontpagedes {margin:0 auto;padding:0;}
.frontpagedes h2 {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#333;}
}
/* ====================================================================================================================================================== */
/* HOTLINE */
#bghotline {width:100%;margin:0 auto;padding:50px 0;}
#bohotline {width:100%;margin:0 auto;padding:0;}
#hehotline {margin:0 auto;padding:5px 10px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;text-transform:uppercase;background:#185A9D;background:-webkit-linear-gradient(to right, #124071, #185A9D);background:linear-gradient(to right, #124071, #185A9D);}
#hotlinecon {margin:0 auto;padding:10px;border:1px solid #185a9d;border-radius:0 0 5px 5px;}
#hotline {width:98%;float:left;margin:0 auto 2%;padding:0;border-bottom:1px solid #ddd;}
#hotline:last-child {border-bottom:0px solid #185A9D;}
#hotlineleft {width:15%;float:left;margin-right:5%;}
.hotlineimg {width:100%;height:auto;overflow:hidden;}
.hotlineimg img {width:100%;height:auto;}
#hotlinerite {width:80%;float:left;}
.hotlinetit {font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.hotlinetit a {color:#333;}
.hotlinecap {font-weight:700;font-size:40px;font-family:'Roboto', sans-serif;color:#026500;}
.hotlinecap a {color:#026500;}
.hotlinedes {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#B70400;}
.hotlinedes a {color:#B70400;}
@media screen and (max-width:990px)
{
#bghotline {width:100%;margin:0 auto;padding:10px 0 50px;}
#bohotline {width:90%;margin:0 5%;padding:0;}
#hehotline {margin:0 auto;padding:5px 10px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;text-transform:uppercase;background:#185A9D;background:-webkit-linear-gradient(to right, #124071, #185A9D);background:linear-gradient(to right, #124071, #185A9D);}
#hotlinecon {margin:0 auto;padding:10px;border:1px solid #185a9d;border-radius:0 0 5px 5px;}
#hotline {width:100%;float:left;margin:0 auto;padding:0;}
#hotline:first-child {border-right:none;}
#hotline:last-child {border-left:none;}
#hotlineleft {width:28%;float:left;margin-right:2%;}
.hotlineimg {width:100%;height:auto;overflow:hidden;}
.hotlineimg img {width:100%;height:auto;}
#hotlinerite {width:70%;float:left;}
.hotlinetit {font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.hotlinetit a {color:#333;}
.hotlinecap {font-weight:700;font-size:35px;font-family:'Roboto', sans-serif;color:#026500;}
.hotlinecap a {color:#026500;}
.hotlinedes {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#B70400;}
.hotlinedes a {color:#B70400;}
}
/* ====================================================================================================================================================== */
/* PROMOTION */
#bgpromo {width:100%;margin:0 auto;padding:2% 0;background:#529649;}
#bopromo {width:96%;margin:0 2%;padding:0;}
#hepromo {margin:0 auto 10px;padding:0;font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;border-bottom:1px solid #ddd;}
#promobox {width:990px;float:left;margin:0 auto;padding:0;}
.promoboximg {width:990px;height:auto;overflow:hidden;}
.promoboximg img {width:990px;height:auto;border-radius:10px;}
@media screen and (max-width:990px)
{
#bgpromo {width:100%;margin:0 auto;padding:2% 0;background:#529649;}
#bopromo {width:96%;margin:0 2%;padding:0;}
#hepromo {margin:0 auto 10px;padding:0;font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;border-bottom:1px solid #ddd;}
#promobox {width:100%;float:left;margin:0 auto;padding:0;}
.promoboximg {width:100%;height:auto;overflow:hidden;}
.promoboximg img {width:100%;height:auto;border-radius:10px;}
}
/* ====================================================================================================================================================== */
/* BUS */
#bgbus {width:100%;margin:0 auto;padding:50px 0;background:#f2f2f2;}
#bobus {width:990px;margin:0 auto;padding:0;}
#hebus {margin:0 auto;padding:5px 0;text-align:center;}
#hebus span {margin:0 auto;padding:10px 50px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;background:#B70400;background:-webkit-linear-gradient(to right, #6C0200, #B70400);background:linear-gradient(to right, #6C0200, #B70400);}
#buscon {margin:0 auto;padding:10px;border:2px solid #B70400;border-radius:5px 5px 5px 5px;}
#busbox {margin:0 auto 10px;padding:0;background:#fff;border-radius:5px;}
#busbox:last-child {margin:0 auto;}
#busboxleft {width:30%;float:left;margin:0 auto;padding:0;}
.busimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.busimg img {width:100%;height:auto;border-radius:5px 0 0 5px;line-height:0;}
.busimg a {line-height:0;}
#busboxrite {width:70%;float:left;margin:0 auto;padding:0;}
#busboxtop {margin:0 auto;padding:10px;}
.bustit {font-weight:700;font-size:18px;text-transform:uppercase;}
.bustit a {color:#B70400;}
.bustit a:hover {text-decoration:underline;}
#busboxbot {margin:0 auto;padding:10px;}
.busdes {margin:0 auto;padding:0;}
#busboxfot {margin:0 auto;padding:10px;display:flex;}
.busbut {margin:0 1%;padding:0;}
.busbut a {padding:5px 20px;background:#700200;color:#fff;border-radius:3px;}
@media screen and (max-width:990px)
{
#bgbus {width:100%;margin:0 auto;padding:50px 0;background:#f2f2f2;}
#bobus {width:90%;margin:0 5%;padding:0;}
#hebus {margin:0 auto;padding:5px 0;text-align:center;}
#hebus span {margin:0 auto;padding:10px 50px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;background:#B70400;background:-webkit-linear-gradient(to right, #6C0200, #B70400);background:linear-gradient(to right, #6C0200, #B70400);}
#buscon {margin:0 auto;padding:10px;border:2px solid #B70400;border-radius:5px 5px 5px 5px;}
#busbox {margin:0 auto 10px;padding:0;background:#fff;border-radius:5px;}
#busbox:last-child {margin:0 auto;}
#busboxleft {width:100%;float:left;margin:0 auto;padding:0;}
.busimg {width:100%;height:auto;overflow:hidden;}
.busimg img {width:100%;height:auto;border-radius:5px 5px 0 0;}
#busboxrite {width:100%;float:left;margin:0 auto;padding:0 0 10px 0;}
#busboxtop {margin:0 auto;padding:10px;}
.bustit {font-weight:700;font-size:18px;text-transform:uppercase;}
.bustit a {color:#B70400;}
.bustit a:hover {text-decoration:underline;}
#busboxbot {margin:0 auto;padding:10px;}
.busdes {margin:0 auto;padding:0;}
#busboxfot {margin:0 auto;padding:10px;display:flex;}
.busbut {margin:0 auto;padding:0;}
.busbut a {padding:5px 30px;background:#700200;color:#fff;border-radius:3px;}
}
/* ====================================================================================================================================================== */
/* BENEFIT */
#bgbenefit {width:100%;margin:0 auto;padding:50px 0;}
#bobenefit {width:990px;margin:0 auto;padding:0;}
#hebenefit {margin:0 auto;padding:5px 0;}
#hebenefit span {padding:10px 20px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;background:#026500;background:-webkit-linear-gradient(to right, #013200, #026500);background:linear-gradient(to right, #013200, #026500);}
#benefitcon {margin:0 auto;padding:20px;border:2px solid #013200;border-radius:0 5px 5px 5px;}
#benefit {margin:0 auto 10px;padding:0 0 10px;border-bottom:1px dashed #026500;}
#benefitleft {width:60px;float:left;}
.benefitimg {width:50px;height:50px;overflow:hidden;}
.benefitimg img {width:50px;height:50px;}
#benefitrite {width:886px;float:left;}
.benefittit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;margin:0 auto;padding:0;color:#026500}
.benefitdes {margin:0 auto;padding:0;}
@media screen and (max-width:980px)
{
#bgbenefit {width:100%;margin:0 auto;padding:50px 0;}
#bobenefit {width:90%;margin:0 5%;padding:0;}
#hebenefit {margin:0 auto;padding:5px 0;}
#hebenefit span {padding:10px 20px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;background:#026500;background:-webkit-linear-gradient(to right, #013200, #026500);background:linear-gradient(to right, #013200, #026500);}
#benefitcon {margin:0 auto;padding:20px;border:2px solid #013200;border-radius:0 5px 5px 5px;}
#benefit {margin:0 auto 10px;padding:0 0 10px;border-bottom:1px dashed #026500;}
#benefitleft {width:20%;float:left;}
.benefitimg {width:90%;height:auto;overflow:hidden;}
.benefitimg img {width:90%;height:auto;}
#benefitrite {width:80%;float:left;}
.benefittit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;margin:0 auto;padding:0;color:#026500}
.benefitdes {margin:0 auto;padding:0;}
}
/* ====================================================================================================================================================== */
/* BG CONTENT */
#bgcontent {width:100%;margin:40px auto 0;padding-bottom:50px;}
#bocontent {width:990px;margin:0 auto;padding:0;}
#contentleft {width:260px;margin:0 auto;padding:0;float:left;}
#contentrite {width:700px;margin:0 auto;padding:0;float:right;}
#contenttop {margin:0 auto;padding:0;line-height:1.6;}
.contenttoptit {margin:0 auto;padding:0;}
.contenttoptit h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;}
.contenttopdes {margin:0 auto;padding:0;color:#000;text-align:justify;line-height:1.6;}
.contenttopdes h2 {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
#contentbot {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
#bgcontent {width:100%;margin:40px auto 0;padding-bottom:50px;}
#bocontent {width:90%;margin:0 auto;padding:0;}
#contentleft {width:260px;margin:0 auto;padding:0;float:left;}
#contentrite {width:700px;margin:0 auto;padding:0;float:right;}
#contenttop {margin:0 auto;padding:0;line-height:1.6;}
.contenttoptit {margin:0 auto;padding:0;}
.contenttoptit h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;}
.contenttopdes {margin:0 auto;padding:0;color:#000;text-align:justify;line-height:1.6;}
.contenttopdes h2 {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
#contentbot {margin:0 auto;padding:0;}
}
/* ====================================================================================================================================================== */
/* MENU SIDE */
#bgartmenu {margin:0 auto;padding:0;}
#heartmenu {margin:0 auto 10px;padding:0;color:#000;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
#accordion ul li {border-bottom:1px solid #026500;color:#004469;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;padding-bottom:4px;margin-bottom:4px;font-weight:400;list-style:none;}
#accordion ul li a {color:#333;}
#accordion ul li a:hover {color:#026500;}
@media screen and (max-width:990px)
{
#bgartmenu {margin:0 auto;padding:0;}
#heartmenu {border-bottom:1px solid #026500;border-top:1px solid #026500;color:#000;font-family:'Roboto', sans-serif;font-size:25px;margin:0 auto;padding:8px 0 8px 10px;border-right:0px solid #026500;border-left:10px solid #026500;text-align:left;}
#accordion ul li {border-bottom:1px solid #c8c8c8;color:#004469;font-family:'Roboto', sans-serif;font-size:15px;padding:8px 0 8px 8%;width:92%;font-weight:400;list-style:none;text-align:left;margin-left:0;margin-right:0;}
#accordion ul li a {color:#004469;}
#accordion ul li a:hover {color:#333;}
}
/* ====================================================================================================================================================== */
/* SUBMENU ARTIKEL */
#bgartmenu {width:100%;margin:0 auto;padding:0;background-color:#026500;}
.topnav {width:auto;margin:0 auto;padding:5px 0 0;overflow:hidden;background-color:#026500;text-align:center;display:table;}
.topnav a {float:left;display:block;color:#f2f2f2;text-align:center;padding:5px 20px;text-decoration:none;font-size:13px;text-transform:uppercase;}
.topnav a:hover {background-color:#014C00;color:#fff;}
.topnav a.active {background-color:#014C00;color:#fff;}
.topnav .icon {display:none;}
@media screen and (max-width:600px) {
#bgartmenu {width:100%;margin:0 auto;padding:0;background-color:#026500;}
.topnav {width:100%;margin:0 auto;padding:5px 0;overflow:hidden;background-color:#026500;text-align:center;display:table;}
.topnav a:not(:first-child) {display:none;}
.topnav a.icon {float:right;display:block;}
}
@media screen and (max-width:600px) {
.topnav.responsive {position:relative;}
.topnav.responsive .icon {position:absolute;right:0;top:0;}
.topnav.responsive a {float:none;display:block;text-align:left;}
}
/* ====================================================================================================================================================== */
/* ARTICLES DETAILS */
#bgartdetails {margin:0 auto;padding:0;}
#boartdetails {margin:0 auto;padding:0;}
#artdetails {margin:0 auto;padding:0;}
.artdetailstit {margin:0 auto 10px;padding:0;}
.artdetailstit h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-transform:uppercase;color:#000;}
.artdetailsimg {margin:20px auto 0;padding:0;}
.artdetailsimg img {width:100%;height:auto;}
.artdetailsdes {padding:0;}
.artdetailsdes ol, .artdetailsdes ul {margin-left:20px;}
.artdetailsdes ol li {padding-left:5px;}
.artdetailsdes ul li {list-style:square;padding-left:5px;}
.artdetailssos {margin:10px auto 0;padding:10px 0 0;text-align:right;border-top:1px solid #ddd;}
@media screen and (max-width:990px)
{
#bgartdetails {margin:0 auto;padding:0;}
#boartdetails {margin:0 auto;padding:0;}
#artdetails {margin:0 auto;padding:0;}
.artdetailstit {margin:0 auto 10px;padding:0;}
.artdetailstit h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-transform:uppercase;color:#000;}
.artdetailsimg {margin:20px auto 0;padding:0;}
.artdetailsimg img {width:100%;height:auto;}
.artdetailsdes {padding:0;}
.artdetailsdes ol, .artdetailsdes ul {margin-left:20px;}
.artdetailsdes ol li {padding-left:5px;}
.artdetailsdes ul li {list-style:square;padding-left:5px;}
.artdetailssos {margin:10px auto 0;padding:10px 0 0;text-align:right;border-top:1px solid #ddd;}
}
/* ====================================================================================================================================================== */
/* BUS PAGE
#bgbuspage {width:100%;margin:0 auto;padding:50px 0;background:#f2f2f2;}
#bobuspage {width:990px;margin:0 auto;padding:0;}
#hebuspage {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;border-bottom:1px solid #ddd;}
#buspagebox {width:320px;margin:0 5px 20px;float:left;}
#buspageboxtop {margin:0 auto;padding:10px;background:#fff;border-radius:3px 3px 0 0;text-align:center;}
.buspagetit {font-weight:700;font-size:18px;text-transform:uppercase;}
.buspagetit a {color:#026500;}
.buspagetit a:hover {text-decoration:underline;}
#buspageboxmid {width:320px;height:auto;overflow:hidden;}
.buspageimg {width:320px;height:207px;overflow:hidden;}
.buspageimg img {width:320px;height:207px;}
#buspageboxbot {margin:0 auto;padding:10px;background:#fff;border-radius:0 0 3px 3px;text-align:center;}
.buspagedes {margin:0 auto;padding:0;color:#B70400;}
@media screen and (max-width:990px)
{
#bgbuspage {width:100%;margin:0 auto;padding:50px 0;background:#f2f2f2;}
#bobuspage {width:90%;margin:0 5%;padding:0;}
#hebuspage {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;border-bottom:1px solid #ddd;}
#buspagebox {width:320px;margin:0 5px 20px;float:left;}
#buspageboxtop {margin:0 auto;padding:10px;background:#fff;border-radius:3px 3px 0 0;text-align:center;}
.buspagetit {font-weight:700;font-size:18px;text-transform:uppercase;}
.buspagetit a {color:#026500;}
.buspagetit a:hover {text-decoration:underline;}
#buspageboxmid {width:320px;height:auto;overflow:hidden;}
.buspageimg {width:320px;height:207px;overflow:hidden;}
.buspageimg img {width:320px;height:207px;}
#buspageboxbot {margin:0 auto;padding:10px;background:#fff;border-radius:0 0 3px 3px;text-align:center;}
.buspagedes {margin:0 auto;padding:0;color:#B70400;}
}
/* ====================================================================================================================================================== */
/* BUS DETAILS */
#bgbusdetails {width:100%;margin:0 auto;padding:0;}
#bobusdetails {width:990px;margin:0 auto;padding:0;}
#hebusdetails {margin:0 auto 10px;padding:0;border-bottom:1px solid #ddd;}
#hebusdetails h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;}
#cobusdetails {margin:0 auto;padding:0;}
#busdetailsleft {width:570px;float:left;margin:0 20px 0 0;}
.busdetailstit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#026500;text-transform:uppercase;border-bottom:1px solid #ddd;}
.busdetailstit h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;}
.busdetailsimg {width:570px;height:auto;overflow:hidden;margin:10px auto;padding:0;}
.busdetailsimg img {width:570px;height:auto;border-radius:5px;}
.busdetailsdes {margin:0 auto;padding:0;}
.busdetailsdes ul {margin-left:20px;}
#busdetailsrite {width:400px;float:left;}
.busdetailsgal {margin:10px auto;padding:0;}
.busdetailsgalimg {width:198px;height:132px;overflow:hidden;float:left;margin:1px;border-radius:5px;}
.busdetailsgalimg img {width:198px;height:132px;}
@media screen and (max-width:990px)
{
#bgbusdetails {width:100%;margin:0 auto;padding:0;}
#bobusdetails {width:100%;margin:0 auto;padding:0;}
#hebusdetails {margin:0 auto 10px;padding:0;border-bottom:1px solid #ddd;}
#hebusdetails h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;}
#cobusdetails {margin:0 auto;padding:0;}
#busdetailsleft {width:100%;float:left;margin:0 auto;}
.busdetailstit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#026500;text-transform:uppercase;border-bottom:1px solid #ddd;}
.busdetailstit h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;}
.busdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px auto;padding:0;}
.busdetailsimg img {width:100%;height:auto;border-radius:5px;}
.busdetailsdes {margin:0 auto;padding:0;}
.busdetailsdes ul {margin-left:20px;}
#busdetailsrite {width:100%;float:left;}
.busdetailsgal {margin:10px auto;padding:0;}
.busdetailsgalimg {width:48%;height:auto;overflow:hidden;float:left;margin:1%;border-radius:5px;}
.busdetailsgalimg img {width:100%;height:auto;}
}
/* ====================================================================================================================================================== */
/* BUS LIST */
#bgbuslist {width:100%;margin:0 auto;padding:50px 0;background:#f2f2f2;}
#bobuslist {width:990px;margin:0 auto;padding:0;}
#buslistbox {width:328px;margin:1px;float:left;}
#buslistboxtop {margin:0 auto;padding:0;background:#fff;border-radius:3px;text-align:center;}
.buslistimg {width:328px;height:219px;overflow:hidden;}
.buslistimg img {width:328px;height:219px;}
#buslistboxbot {margin:0 auto;padding:10px;background:#fff;border-radius:3px;text-align:center;}
.buslisttit {font-weight:700;font-size:15px;text-transform:uppercase;}
.buslisttit a {color:#026500;}
.buslisttit a:hover {text-decoration:underline;}
@media screen and (max-width:990px)
{
#bgbuslist {width:100%;margin:0 auto;padding:50px 0;background:#f2f2f2;}
#bobuslist {width:90%;margin:0 5%;padding:0;}
#buslistbox {width:98%;margin:1px;float:left;}
#buslistboxtop {margin:0 auto;padding:0;background:#fff;border-radius:3px;text-align:center;}
.buslistimg {width:100%;height:auto;overflow:hidden;}
.buslistimg img {width:100%;height:auto;}
#buslistboxbot {margin:0 auto;padding:10px;background:#fff;border-radius:3px;text-align:center;}
.buslisttit {font-weight:700;font-size:15px;text-transform:uppercase;}
.buslisttit a {color:#026500;}
.buslisttit a:hover {text-decoration:underline;}
}
/* ====================================================================================================================================================== */
/* INFO */
#bgblog {width:100%;margin:0 auto;padding:50px 0;}
#boblog {width:990px;margin:0 auto;padding:0;}
#blogleft {width:570px;float:left;margin-right:20px;}
#blogrite {width:400px;float:left;}
@media screen and (max-width:990px)
{
#bgblog {width:100%;margin:0 auto;padding:50px 0;}
#boblog {width:90%;margin:0 5%;padding:0;}
#blogleft {width:100%;float:left;margin-right:0;}
#blogrite {width:100%;float:left;}
}
/* ====================================================================================================================================================== */
/* INFO HOME */
#bgbloghome {width:100%;margin:0 auto;padding:50px 0;background:#E5FFE3;}
#bobloghome {width:90%;margin:0 auto;padding:0;}
#cobloghome {margin:0 auto;padding:0;display:inline-flex;flex-wrap:wrap;}
#bloghome {width:24%;float:left;margin:0 0.5% 2%;padding:0;background:#fff;border-radius:5px;}
#bloghometop {width:100%;margin:0 auto;padding:0;}
.bloghomeimg {width:100%;height:auto;overflow:hidden;}
.bloghomeimg img {width:100%;height:auto;border-radius:5px;}
#bloghomebot {margin:0 auto;padding:20px;}
.bloghometit {margin:0 auto;padding:0;}
.bloghometit h2 {font-size:15px;}
.bloghometit h2 a {color:#026500;}
.bloghomedet {margin:0 auto 10px;padding:0;font-size:13px;color:#999;}
.bloghomedes {margin:0 auto;padding:0;color:#666;}
@media screen and (max-width:990px)
{
#bgbloghome {width:100%;margin:0 auto;padding:0;}
#bobloghome {width:100%;margin:0 auto;padding:0;}
#cobloghome {margin:0 auto;padding:0;display:block;flex-wrap:;}
#bloghome {width:100%;float:left;margin:0 auto 5%;padding:0;background:transparent;border-radius:5px;}
#bloghometop {width:100%;margin:0 auto;padding:0;}
.bloghomeimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.bloghomeimg img {width:100%;height:auto;border-radius:0;}
.bloghomeimg a {line-height:0;}
#bloghomebot {margin:0 20px;padding:20px;background:#fff;}
.bloghometit {margin:0 auto;padding:0;}
.bloghometit h2 {font-size:15px;}
.bloghometit h2 a {color:#026500;}
.bloghomedes {margin:0 auto;padding:0;color:#666;}
.bloghomedet {margin:0 auto;padding:0;font-size:13px;color:#999;}
}
/* ====================================================================================================================================================== */
/* INFO PAGE */
#bgblogpage {width:100%;margin:0 auto;padding:20px 0;}
#boblogpage {width:90%;margin:0 auto;padding:0;}
#blogpagebox {width:31%;margin:0 1% 2%;padding:0;display:inline-grid;}
#blogpageboxtop {width:100%;margin:0 10px 0 0;padding:0;}
.blogpageimg {width:100%;height:auto;overflow:hidden;}
.blogpageimg img {width:100%;height:auto;border-radius:5px;}
#blogpageboxbot {width:80%;margin:-50px auto 0;padding:20px;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);position:relative;z-index:99;border-radius:5px;}
.blogpagetit {margin:0 auto;padding:0;font-size:18px;}
.blogpagetit a {color:#B70400;}
.blogpagetit a:hover {color:#000;text-decoration:none;}
.blogpagedet {margin:0 auto 10px;padding:0;font-size:13px;color:#999;}
.blogpagedes {margin:0 auto;padding:0;color:#666;}
@media screen and (max-width:990px)
{
#bgblogpage {width:100%;margin:0 auto;padding:20px 0;}
#boblogpage {width:100%;margin:0 auto;padding:0;}
#blogpagebox {width:100%;float:left;margin:0 auto 10px;padding:0 0 10px;}
#blogpageboxleft {width:100%;margin:0 auto;padding:0;}
.blogpageimg {width:100%;height:auto;overflow:hidden;}
.blogpageimg img {width:100%;height:auto;}
#blogpageboxrite {width:80%;height:auto;margin:-50px auto 0;padding:20px;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);position:relative;z-index:99;}
.blogpagetit {margin:0 auto;padding:0;font-size:18px;}
.blogpagetit a {color:#B70400;}
.blogpagetit a:hover {text-decoration:underline;}
.blogpagedes {margin:0 auto 20px;padding:0;}
.blogpagedet {margin:0 auto;padding:0;font-size:11px;color:#999;}
}
/* ====================================================================================================================================================== */
/* INFO LIST */
#bgbloglist {width:100%;margin:0 auto;padding:0;}
#bobloglist {width:100%;margin:0 auto;padding:0;}
#hebloglist {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;border-bottom:1px solid #ddd;}
#bloglistbox {width:100%;margin:0 auto 20px;padding:0;}
#bloglistboxtop {margin:0 auto;padding:0;}
.bloglistimg {width:100%;height:auto;overflow:hidden;}
.bloglistimg img {width:100%;height:auto;}
#bloglistboxbot {padding:5px;margin:0 auto;background:#fff;}
.bloglistdet {margin:0 auto;padding:0;font-size:12px;color:#999;}
.bloglisttit {margin:0 auto;padding:0;font-size:18px;}
.bloglisttit a {color:#026500;}
.bloglisttit a:hover {text-decoration:underline;}
.bloglistdes {margin:0 auto;padding:10px 0;}
@media screen and (max-width:990px)
{
#bgbloglist {width:100%;margin:0 auto;padding:0;}
#bobloglist {width:100%;margin:0 auto;padding:0;}
#hebloglist {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#B70400;text-transform:uppercase;border-bottom:1px solid #ddd;}
#bloglistbox {width:100%;margin:0 auto 20px;padding:0;}
#bloglistboxtop {margin:0 auto;padding:0;}
.bloglistimg {width:100%;height:auto;overflow:hidden;}
.bloglistimg img {width:100%;height:auto;}
#bloglistboxbot {padding:5px;margin:0 auto;background:#fff;}
.bloglistdet {margin:0 auto;padding:0;font-size:12px;color:#999;}
.bloglisttit {margin:0 auto;padding:0;font-size:18px;}
.bloglisttit a {color:#026500;}
.bloglisttit a:hover {text-decoration:underline;}
.bloglistdes {margin:0 auto;padding:10px 0;}
}
/* ====================================================================================================================================================== */
/* INFO DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:0;}
#boblogdetails {width:100%;margin:0 auto;padding:0;}
.blogdetailsdet {font-size:13px;color:#999;}
.blogdetailstit {margin:0 auto;padding:0;}
.blogdetailstit h1 {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;}
.blogdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px 0;padding:0;}
.blogdetailsimg img {width:100%;height:auto;}
.blogdetailsdes {margin:0 auto;padding:0;text-align:justify;}
.blogdetailsdes ol {margin-left:20px;}
.blogdetailsdes ul {margin-left:20px;}
.blogdetailsdes a {color:#B70400;}
.blogdetailsdes a:hover {color:#026500;}
.blogdetailsdes h2 {font-weight:700;}
.blogdetailssos {margin:20px auto 0;padding:5px;text-align:right;border-top:1px solid #ddd;border-radius:3px;}
@media screen and (max-width:990px)
{
#bgblogdetails {width:100%;margin:0 auto;padding:0;}
#boblogdetails {width:100%;margin:0 auto;padding:0;}
.blogdetailsdet {font-size:13px;color:#999;}
.blogdetailstit {margin:0 auto;padding:0;}
.blogdetailstit h1 {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;}
.blogdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px 0;padding:0;}
.blogdetailsimg img {width:100%;height:auto;}
.blogdetailsdes {margin:0 auto;padding:0;text-align:justify;}
.blogdetailsdes ol {margin-left:20px;}
.blogdetailsdes ul {margin-left:20px;}
.blogdetailsdes a {color:#B70400;}
.blogdetailsdes a:hover {color:#026500;}
.blogdetailsdes h2 {font-weight:700;}
.blogdetailssos {margin:20px auto 0;padding:5px;text-align:right;border-top:1px solid #ddd;border-radius:3px;}
}
/* ====================================================================================================================================================== */
/* BOOKING FORM */
#gsettingform {padding:0;}
#gsettingrows {padding:5px 0;border-bottom:1px dotted #ddd;}
#gsettingtits {margin:20px auto 0;border-bottom:1px solid #999;}
#gsettingtits h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
#gsettingsubs {margin:10px auto 0;padding:5px 10px;background:#f9f9f9;color:#026500;border-bottom:1px solid #ddd;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettinglabel {float:left;width:30%;padding:5px 0;color:#666;font-weight:400;}
#gsettinginput {float:left;width:70%;margin-bottom:0px;padding:0.6%;border-radius:3px;border:1px solid #999;box-sizing:border-box;background:#f9f9f9;color:#026500;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit {float:left;width:70%;color:#000;}
#gsettingedit input {width:100%;margin-bottom:0px;padding:1%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit input:focus {color:#333;border:1px solid #333;}
#gsettingedit textarea {width:100%;margin-bottom:0px;padding:1%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit textarea:focus {color:#333;border:1px solid #333;}
#gsettingedit select {width:auto;margin-bottom:0px;padding:1%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit select:focus {color:#333;border:1px solid #333;}
#gsettingeditsmall input {width:5%;margin-bottom:0px;padding:0.5%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingeditsmall input:focus {color:#333;border:1px solid #333;}
#gsettingtombol {float:left;width:70%;color:#000;}
#gsettingtombol input {width:100%;padding:10px 0;}
@media screen and (max-width:960px)
{
#gsettingform {margin:0 3%;padding:20px 0;}
#gsettingrows {padding:5px 0;border-bottom:1px dotted #ddd;}
#gsettingtits {margin:20px auto 0;border-bottom:1px solid #999;}
#gsettingtits h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
#gsettingsubs {margin:10px auto 0;padding:5px 10px;background:#f9f9f9;color:#026500;border-bottom:1px solid #ddd;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettinglabel {float:left;width:100%;padding:5px 0;color:#333;}
#gsettinginput {float:left;width:100%;margin-bottom:0px;padding:0.6% 2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;background:#f9f9f9;color:#026500;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit {float:left;width:100%;color:#000;}
#gsettingedit input {width:100%;margin-bottom:0px;padding:2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit input:focus {color:#333;border:1px solid #333;}
#gsettingedit textarea {width:100%;margin-bottom:0px;padding:2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit textarea:focus {color:#333;border:1px solid #333;}
#gsettingedit select {width:auto;margin-bottom:0px;padding:2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit select:focus {color:#333;border:1px solid #333;}
#gsettingeditsmall input {width:10%;margin-bottom:0px;padding:2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingeditsmall input:focus {color:#333;border:1px solid #333;}
#gsettingtombol {float:left;width:100%;color:#000;}
#gsettingtombol input {width:100%;padding:10px 0;}
#booktitle {margin:20px 0 0;border-bottom:1px solid #999;}
#booktitle h1 {font-weight:700;font-size:15px;}
}
/* ====================================================================================================================================================== */
/* MODULE BOTTOM */
#bgbottomtop {width:100%;margin:0 auto;padding:50px 0;border-top:5px solid #C99C00;border-bottom:5px solid #C99C00;background:#3E1B4A;background:-webkit-linear-gradient(to left, #2E1437, #3E1B4A);background:linear-gradient(to left, #2E1437, #3E1B4A);}
#bobottomtop {width:990px;margin:0 auto;padding:0;}
#bobottomtop a {color:#fff;}
#bottomhed {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#fff;text-transform:uppercase;margin-bottom:10px;}
#bottomboxa {width:310px;float:left;margin:0 20px 0 0;padding:10px 20px;line-height:1.6;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;background:#2E1437;color:#fff;box-sizing:border-box;border-radius:5px;}
#bottomboxb {width:150px;float:left;margin:0 auto;padding:0;line-height:1.6;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:#fff;box-sizing:border-box;}
#bottomboxb ul li {list-style:none;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;margin-bottom:8px;}
#bottomboxb ul li a {list-style:none;color:#fff;}
#bottomboxb ul li a:hover {list-style:none;text-decoration:underline;}
#bottomboxc {width:190px;float:left;margin:0 auto;padding:0;line-height:1.6;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:#fff;box-sizing:border-box;}
#bottomboxc ul li {list-style:none;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;margin-bottom:8px;}
#bottomboxc ul li a {list-style:none;color:#fff;}
#bottomboxc ul li a:hover {list-style:none;text-decoration:underline;}
@media screen and (max-width:990px)
{
#bgbottomtop {width:100%;margin:0 auto;padding:50px 0;border-top:5px solid #C99C00;border-bottom:5px solid #C99C00;background:#3E1B4A;background:-webkit-linear-gradient(to left, #2E1437, #3E1B4A);background:linear-gradient(to left, #2E1437, #3E1B4A);}
#bobottomtop {width:90%;margin:0 auto;padding:0;}
#bobottomtop a {color:#fff;}
#bottomhed {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#fff;text-transform:uppercase;margin-bottom:10px;}
#bottomboxa {width:100%;float:left;margin:0 auto 20px;padding:20px;line-height:1.6;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;background:#2E1437;color:#fff;box-sizing:border-box;border-radius:5px;}
#bottomboxb {width:100%;float:left;margin:0 auto 20px;padding:20px;line-height:1.6;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;background:#2E1437;color:#fff;box-sizing:border-box;}
#bottomboxb ul li {list-style:none;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;margin-bottom:8px;}
#bottomboxb ul li a {list-style:none;color:#fff;}
#bottomboxb ul li a:hover {list-style:none;text-decoration:underline;}
#bottomboxc {width:100%;float:left;margin:0 auto 20px;padding:20px;line-height:1.6;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;background:#2E1437;color:#fff;box-sizing:border-box;}
#bottomboxc ul li {list-style:none;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;margin-bottom:8px;}
#bottomboxc ul li a {list-style:none;color:#fff;}
#bottomboxc ul li a:hover {list-style:none;text-decoration:underline;}
}
/* ====================================================================================================================================================== */
/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:50px 0;background:#014C00;background:-webkit-linear-gradient(to right, #026500, #014C00);background:linear-gradient(to right, #026500, #014C00);}
#bofooter {width:990px;margin:0 auto;padding:0;color:#000;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;text-align:center;text-transform:uppercase;}
.footleft {width:100%;color:#fff;}
.footrite {width:100%;color:#fff;}
.footrite a {color:#fff;}
.footrite a:hover {color:#000;}
@media screen and (max-width:990px)
{
#bgfooter {width:100%;margin:0 auto;padding:50px 0;background:#014C00;background:-webkit-linear-gradient(to right, #026500, #014C00);background:linear-gradient(to right, #026500, #014C00);}
#bofooter {width:90%;margin:0 auto;padding:0;color:#000;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;text-align:center;text-transform:uppercase;}
.footleft {width:100%;color:#fff;}
.footrite {width:100%;color:#fff;}
.footrite a {color:#fff;}
.footrite a:hover {color:#000;}
}
/* ====================================================================================================================================================== */
/* CONTACT US */
#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
#bocontact {width:990px;margin:0 auto;padding:0;}
#contactleft {width:300px;float:left;margin-right:20px;}
#contactrite {width:670px;float:left;}
#contactbox {margin:0 auto;padding:0;}
#contactboxtit {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#026500;text-transform:uppercase;border-bottom:1px solid #026500;}
#contactboxdes {margin:0 auto;padding:0;}
#contactboxdes a {color:#C00;}
#contactboxdes a:hover {color:#026500}
@media screen and (max-width:990px)
{
#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
#bocontact {width:90%;margin:0 5%;padding:0;}
#contactleft {width:100%;float:left;margin-right:0;margin-bottom:20px;}
#contactrite {width:100%;float:left;}
#contactbox {margin:0 auto;padding:0;}
#contactboxtit {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#026500;text-transform:uppercase;border-bottom:1px solid #026500;}
#contactboxdes {margin:0 auto;padding:0;}
#contactboxdes a {color:#C00;}
#contactboxdes a:hover {color:#026500}
}
/* ====================================================================================================================================================== */
/* FORM CONTACT US */
#bgformcontact {margin:0 auto;padding:10px 0;}
#boformcontact {margin:0 auto;padding:0;}
#formcontactbox {margin:0 auto;padding:0;}
.formcontact input {width:100%;padding:10px;margin:5px 0;background:#fff;border:none;border:none;background:#f2f2f2;font:15px Roboto;color:#999;font-weight:300;box-sizing:border-box;}
.formcontact textarea {width:100%;padding:15px 10px;margin:5px 0 10px;background:#fff;border:none;background:#f2f2f2;font:15px Roboto;color:#999;font-weight:300;box-sizing:border-box;}
@media screen and (max-width:990px)
{
#bgformcontact {margin:0 auto;padding:10px 0;}
#boformcontact {margin:0 auto;padding:0;}
#formcontactbox {margin:0 auto;padding:0;}
.formcontact input {width:100%;padding:10px;margin:5px 0;background:#fff;border:none;border:none;background:#f2f2f2;font:15px Roboto;color:#999;font-weight:300;box-sizing:border-box;}
.formcontact textarea {width:100%;padding:15px 10px;margin:5px 0 10px;background:#fff;border:none;background:#f2f2f2;font:15px Roboto;color:#999;font-weight:300;box-sizing:border-box;}
}
/* ====================================================================================================================================================== */
/* MAPS */
#bgmaps {margin:0 auto;padding;0;}
#bomaps {margin:0 auto;padding;0;}
@media screen and (max-width:990px)
{
#bgmaps {margin:0 auto;padding;0;}
#bomaps {margin:0 auto;padding;0;}
}
/* ====================================================================================================================================================== */
/* PAGING */
#bgpage {width:90%;margin:20px auto;text-align:right;}
#pageinfo {margin:0;float:left;}
.pagingact {padding:5px 10px;margin-right:2px;background:#C4852B;color:#fff;border-radius:3px;}
.paging {padding:5px 10px;margin-right:2px;background:#DDD;color:#fff;border-radius:3px;}
.paging:hover {padding:5px 10px;margin-right:2px;background:#C4852B;color:#fff;border-radius:3px;}
.pagingacts {padding:5px 10px;margin-right:2px;background:#fff;color:#fff;display:none;}
@media screen and (max-width:980px)
{
#bgpage {width:90%;margin:20px 5%;text-align:center;}
#pageinfo {margin:0;float:left;}
.pagingact {padding:5px 10px;margin-right:2px;background:#C4852B;color:#fff;border-radius:3px;}
.paging {padding:5px 10px;margin-right:2px;background:#DDD;color:#fff;border-radius:3px;}
.paging:hover {padding:5px 10px;margin-right:2px;background:#C4852B;color:#fff;border-radius:3px;}
.pagingacts {padding:5px 10px;margin-right:2px;background:#fff;color:#fff;display:none;}
}
/* ==================================================================================================== */
/* PRICE LIST PAGE */
#bgpricelist {width:100%;margin:0 auto;padding:0;}
#bopricelist {width:100%;margin:20px auto 0;padding:0;border-bottom:1px solid #CB2D01;text-align:center;}
.pricetab {margin:0 1px 0 0;padding:10px 20px;background:#000;color:#fff;border-radius:3px 2px 0 0;}
#priceres {width:auto;overflow-x:hidden;}
.bookbutton {background:#C00;color:#fff!important;padding:3px 10px;border-radius:3px;}
#pricelisttab {width:auto;float:left;}
@media screen and (max-width:990px)
{
#bgpricelist {width:100%;margin:0 auto;padding:0;}
#bopricelist {width:100%;margin:20px auto 0;padding:0;border-bottom:1px solid #CB2D01;text-align:center;}
.pricetab {width:100%;margin:0 1px 0 0;padding:10px 10px;background:#000;color:#fff;border-radius:3px 2px 0 0;}
#priceres {width:auto;overflow-x:auto;}
.bookbutton {background:#C00;color:#fff!important;padding:3px 10px;border-radius:3px;}
#pricelisttab {width:100%;float:left;}
}
/* ====================================================================================================================================================== */
/* ERROR PAGE */
#errorbox {margin:0 auto;padding:20px 0;text-align:center;}
.errortit {margin:0 auto;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#026500;}
.errordes {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
@media screen and (max-width:990px)
{
#errorbox {margin:0 auto;padding:20px 0;text-align:center;}
.errortit {margin:0 auto;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#026500;}
.errordes {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
}
/* ====================================================================================================================================================== */
/* BUTTON */
.submitbutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #333333));
background:-moz-linear-gradient(top, #000 5%, #333333 100%);
background:-webkit-linear-gradient(top, #000 5%, #333333 100%);
background:-o-linear-gradient(top, #000 5%, #333333 100%);
background:-ms-linear-gradient(top, #000 5%, #333333 100%);
background:linear-gradient(to bottom, #000 5%, #333333 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#333333',GradientType=0);
background-color:#000;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:none;
display:inline-block;
cursor:pointer;
color:#fff;
font-family:'Roboto', sans-serif;
padding:10px 20px;
text-decoration:none;
}
.submitbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333333), color-stop(1, #000));
background:-moz-linear-gradient(top, #333333 5%, #000 100%);
background:-webkit-linear-gradient(top, #333333 5%, #000 100%);
background:-o-linear-gradient(top, #333333 5%, #000 100%);
background:-ms-linear-gradient(top, #333333 5%, #000 100%);
background:linear-gradient(to bottom, #333333 5%, #000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000',GradientType=0);
background-color:#333333;
}
.submitbutton:active {
position:relative;
top:1px;
}
.bookingbutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C00), color-stop(1, #C00));
background:-moz-linear-gradient(top, #C00 5%, #C00 100%);
background:-webkit-linear-gradient(top, #C00 5%, #C00 100%);
background:-o-linear-gradient(top, #C00 5%, #C00 100%);
background:-ms-linear-gradient(top, #C00 5%, #C00 100%);
background:linear-gradient(to bottom, #C00 5%, #C00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C00', endColorstr='#C00',GradientType=0);
background-color:#C00;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:none;
display:inline-block;
cursor:pointer;
color:#fff!important;
font-family:'Roboto', sans-serif;
font-size:15px;
padding:4px 10px;
text-decoration:none;
width:auto;
}
.bookingbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A70000), color-stop(1, #A70000));
background:-moz-linear-gradient(top, #A70000 5%, #A70000 100%);
background:-webkit-linear-gradient(top, #A70000 5%, #A70000 100%);
background:-o-linear-gradient(top, #A70000 5%, #A70000 100%);
background:-ms-linear-gradient(top, #A70000 5%, #A70000 100%);
background:linear-gradient(to bottom, #A70000 5%, #A70000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A70000', endColorstr='#A70000',GradientType=0);
background-color:#A70000;
}
.bookingbutton:active {
position:relative;
top:1px;
}
.wabutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #026500), color-stop(1, #026500));
background:-moz-linear-gradient(top, #026500 5%, #026500 100%);
background:-webkit-linear-gradient(top, #026500 5%, #026500 100%);
background:-o-linear-gradient(top, #026500 5%, #026500 100%);
background:-ms-linear-gradient(top, #026500 5%, #026500 100%);
background:linear-gradient(to bottom, #026500 5%, #026500 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#026500', endColorstr='#026500',GradientType=0);
background-color:#026500;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:none;
display:inline-block;
cursor:pointer;
color:#fff!important;
font-family:'Roboto', sans-serif;
font-size:15px;
padding:4px 10px;
text-decoration:none;
width:auto;
}
.wabutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #014C00), color-stop(1, #014C00));
background:-moz-linear-gradient(top, #014C00 5%, #014C00 100%);
background:-webkit-linear-gradient(top, #014C00 5%, #014C00 100%);
background:-o-linear-gradient(top, #014C00 5%, #014C00 100%);
background:-ms-linear-gradient(top, #014C00 5%, #014C00 100%);
background:linear-gradient(to bottom, #014C00 5%, #014C00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#014C00', endColorstr='#014C00',GradientType=0);
background-color:#014C00;
}
.wabutton:active {
position:relative;
top:1px;
}
.tabbutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CB2D01), color-stop(1, #CB2D01));
background:-moz-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
background:-webkit-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
background:-o-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
background:-ms-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
background:linear-gradient(to bottom, #CB2D01 5%, #CB2D01 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CB2D01', endColorstr='#CB2D01',GradientType=0);
background-color:#CB2D01;
-moz-border-radius:3px 2px 0 0;
-webkit-border-radius:3px 2px 0 0;
border-radius:3px 2px 0 0;
border:none;
display:inline-block;
cursor:pointer;
color:#fff!important;
font-family:'Roboto', sans-serif;
font-size:15px;
padding:5px 20px;
text-decoration:none;
margin:0 1px 0 0;
width:auto;
text-align:center;
}
.tabbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #992101), color-stop(1, #992101));
background:-moz-linear-gradient(top, #992101 5%, #992101 100%);
background:-webkit-linear-gradient(top, #992101 5%, #992101 100%);
background:-o-linear-gradient(top, #992101 5%, #992101 100%);
background:-ms-linear-gradient(top, #992101 5%, #992101 100%);
background:linear-gradient(to bottom, #992101 5%, #992101 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#992101', endColorstr='#992101',GradientType=0);
background-color:#992101;
}
.tabbutton:active {
position:relative;
top:1px;
}
@media screen and (max-width:990px)
{
.tabbutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CB2D01), color-stop(1, #CB2D01));
background:-moz-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
background:-webkit-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
background:-o-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
background:-ms-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
background:linear-gradient(to bottom, #CB2D01 5%, #CB2D01 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CB2D01', endColorstr='#CB2D01',GradientType=0);
background-color:#CB2D01;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:none;
display:inline-block;
cursor:pointer;
color:#fff!important;
font-family:'Roboto', sans-serif;
font-size:15px;
padding:10px 0;
text-decoration:none;
margin:0 0 1px 0;
width:100%;
}
.tabbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #992101), color-stop(1, #992101));
background:-moz-linear-gradient(top, #992101 5%, #992101 100%);
background:-webkit-linear-gradient(top, #992101 5%, #992101 100%);
background:-o-linear-gradient(top, #992101 5%, #992101 100%);
background:-ms-linear-gradient(top, #992101 5%, #992101 100%);
background:linear-gradient(to bottom, #992101 5%, #992101 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#992101', endColorstr='#992101',GradientType=0);
background-color:#992101;
}
.tabbutton:active {
position:relative;
top:1px;
}
}
.searchutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #333));
background:-moz-linear-gradient(top, #333 5%, #333333 100%);
background:-webkit-linear-gradient(top, #333 5%, #333333 100%);
background:-o-linear-gradient(top, #333 5%, #333333 100%);
background:-ms-linear-gradient(top, #333 5%, #333333 100%);
background:linear-gradient(to bottom, #333 5%, #333333 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#333333',GradientType=0);
background-color:#333;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:none;
display:inline-block;
cursor:pointer;
color:#fff;
font-weight:700;
font-size:15px;
font-family:'Roboto', sans-serif;
padding:12px 0;
text-decoration:none;
width:20%;
}
.searchutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000));
background:-moz-linear-gradient(top, #000 5%, #000 100%);
background:-webkit-linear-gradient(top, #000 5%, #000 100%);
background:-o-linear-gradient(top, #000 5%, #000 100%);
background:-ms-linear-gradient(top, #000 5%, #000 100%);
background:linear-gradient(to bottom, #000 5%, #000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000',GradientType=0);
background-color:#000;
}
.searchutton:active {
position:relative;
top:1px;
}
@media screen and (max-width:990px)
{
.searchutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #333));
background:-moz-linear-gradient(top, #333 5%, #333333 100%);
background:-webkit-linear-gradient(top, #333 5%, #333333 100%);
background:-o-linear-gradient(top, #333 5%, #333333 100%);
background:-ms-linear-gradient(top, #333 5%, #333333 100%);
background:linear-gradient(to bottom, #333 5%, #333333 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#333333',GradientType=0);
background-color:#333;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:none;
display:inline-block;
cursor:pointer;
color:#fff;
font-weight:700;
font-size:15px;
font-family:'Roboto', sans-serif;
padding:8px 0;
text-decoration:none;
width:50%;
margin-top:10px;
}
.searchutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000));
background:-moz-linear-gradient(top, #000 5%, #000 100%);
background:-webkit-linear-gradient(top, #000 5%, #000 100%);
background:-o-linear-gradient(top, #000 5%, #000 100%);
background:-ms-linear-gradient(top, #000 5%, #000 100%);
background:linear-gradient(to bottom, #000 5%, #000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000',GradientType=0);
background-color:#000;
}
.searchutton:active {
position:relative;
top:1px;
}
}