/* HTML - BODY */
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;border:0;line-height:1.6;}
@media screen and (max-width:990px)
{
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;border:0;line-height:1.6;}
}
/* ==================================================================================================== */
/* ATTRIBUTE */
h1 {font-size:20px;font-weight:400;}
h2 {font-size:18px;font-weight:400;}
h3 {font-size:15px;font-weight:400;}
a {text-decoration:none;}
ol {list-style:decimal;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {background:#f9f9f9!important;color:#03295D!important;}
@media screen and (max-width:990px)
{
h1 {font-size:20px;font-weight:400;}
h2 {font-size:18px;font-weight:400;}
h3 {font-size:15px;font-weight:400;}
a {text-decoration:none;}
ol {list-style:decimal;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#BF7342!important;}
}
/* ==================================================================================================== */
/* BACKGROUND */
#bg {font-weight:400;font-size:15px;font-family:'Titillium Web', sans-serif;line-height:1.6;color:#000;background:#fff;margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
#bg {font-weight:400;font-size:15px;font-family:'Titillium Web', sans-serif;line-height:1.6;color:#000;background:#fff;margin:0 auto;padding:0;}
}
/* ==================================================================================================== */
/* TOP */
#bgtop {width:100%;margin:0 auto;padding:1% 0;position:absolute;z-index:99999;}
#botop {width:990px;margin:0 auto;padding:0;}
#bglogomenu {width:100%;margin:0 auto;padding:0;}
#bologomenu {width:100%;margin:0 auto;padding:0;}
#boxnavi {width:auto;margin:0 auto;padding:0;}
#boxlogo {width:220px;height:auto;margin:0 auto;padding:0;float:left;}
#boxmenu {width:770px;height:auto;margin:0 auto;padding:0;float:left;}
@media screen and (max-width:990px)
{
#bgtop {width:100%;margin:0 auto;padding:0;position:relative;z-index:99999;}
#botop {width:100%;margin:0 auto;padding:0;}
#bglogomenu {width:100%;margin:0 auto;padding:0;}
#bologomenu {width:100%;margin:0 auto;padding:0;}
#boxnavi {width:auto;margin:0 auto;padding:0;}
#boxlogo {width:auto;height:auto;margin:0 auto;padding:0;float:left;}
#boxmenu {width:100%;height:auto;margin:0 auto;padding:0;float:right;}
}
/* ==================================================================================================== */
/* SLIDESHOW */
#bgslideshow {width:100%;margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
#bgslideshow {width:100%;margin:0 auto;padding:0;}
}
/* ==================================================================================================== */
/* HEADER */
#bgpageshead {width:100%;margin:0 auto;padding:0;}
#bopageshead {width:100%;margin:0 auto;padding:0;}
.pageshed {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;background:#fff;}
.pageshed img {width:100%;height:auto;opacity:0.2;}
.pagesnohed {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:60px 0;border-bottom:1px solid #ddd;}
@media screen and (max-width:990px)
{
#bgpageshead {width:100%;margin:0 auto;padding:0;}
#bopageshead {width:100%;margin:0 auto;padding:0;}
.pageshed {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;background:#fff;}
.pageshed img {width:100%;height:auto;opacity:0.2;}
.pagesnohed {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:60px 0;border-bottom:1px solid #ddd;display:none;}
}
/* ==================================================================================================== */
/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:0;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#frontpage {margin:0 auto;padding:0;}
#frontpageleft {width:50%;float:left;margin:0 auto;padding:0;background:#969593;}
.frontpageimg {width:100%;height:auto;overflow:hidden;}
.frontpageimg img {width:100%;height:auto;}
#frontpagerite {width:40%;float:left;margin:0 auto;padding:4% 0 0 4%;box-sizing:border-box;}
.frontpagecat {margin:0 auto;padding:0;color:#6CC4EE;}
.frontpagetit {margin:0 auto;padding:0;}
.frontpagetit h1 {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#03295D;}
.frontpagedes {margin:10px auto;padding:0;}
.frontpagedes p {font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;color:#444;}
@media screen and (max-width:990px)
{
#bgfrontpage {width:100%;margin:0 auto;padding:0;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#frontpage {margin:0 auto;padding:0;}
#frontpageleft {width:100%;float:left;margin:0 auto;padding:0;background:#fff;}
.frontpageimg {width:100%;height:auto;overflow:hidden;}
.frontpageimg img {width:100%;height:auto;}
#frontpagerite {width:100%;float:left;margin:0 auto;padding:0 5% 5%;box-sizing:border-box;}
.frontpagecat {margin:0 auto;padding:0;color:#6CC4EE;}
.frontpagetit {margin:0 auto 10px;padding:0;}
.frontpagetit h1 {margin:0;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;}
.frontpagedes {margin:0 auto;padding:0;}
.frontpagedes p {margin:0;padding:0;font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;color:#444;}
}
/* ==================================================================================================== */
/* TRACKING HOTLINE */
#bghotrack {width:100%;margin:0 auto;padding:50px 0;background:#03295D;}
#bohotrack {width:990px;margin:0 auto;padding:0;}
#hotrackbox {margin:0 auto;padding:0;}
#hotrackleft {width:48%;float:left;margin-right:2%;}
#bxhotline {margin:0 auto;padding:0;}
#hotlinebox {margin:0 auto;padding:0;}
#hotlineleft {width:60%;float:left;margin-right:4%;color:#fff;text-align:right;}
.hotlinetit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;}
.hotlinetit span {border-top:3px solid #27AAE5;}
.hotlinedes {margin:2% auto 5%;padding:0;}
.hotlinecal {margin:0 auto;padding:0;}
#hotlinerite {width:36%;float:left;}
.hotlineimg {width:100%;height:auto;overflow:hidden;}
.hotlineimg img {width:100%;height:auto;border-radius:3px;}
#hotrackrite {width:48%;float:left;padding-left:2%;border-left:1px solid #27AAE5;box-sizing:border-box;}
#bxtrackform {width:100%;margin:0 auto;padding:0;color:#fff;}
#trackformtop {margin:0 auto;padding:0;}
.trackformtit {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;}
.trackformtit span {border-top:3px solid #27AAE5;}
.trackformdes {margin:0 auto;padding:0;}
#trackformbot {margin:0 auto;padding:0;}
.trackformbot {margin:0 auto;padding:0;}
.trackformcol {width:100%;margin:10px auto 20px;padding:2%;border:none;border-radius:3px;background:#fff;color:#666;font-family:'Titillium Web', sans-serif;box-sizing:border-box;}
.trackformcol:focus {background:#f9f9f9;color:#000;}
@media screen and (max-width:990px)
{
#bghotrack {width:100%;margin:0 auto;padding:5% 0;background:#03295D;}
#bohotrack {width:100%;margin:0 auto;padding:0;}
#hotrackbox {margin:0 auto;padding:0;}
#hotrackleft {width:100%;float:left;margin-right:0;}
#bxhotline {margin:0 auto;padding:0 5%;}
#hotlinebox {margin:0 auto 10%;padding:0 0 10%;border-bottom:1px solid #053F8F;}
#hotlineleft {width:60%;float:right;margin-right:0;margin-left:4%;color:#fff;text-align:left;}
.hotlinetit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;}
.hotlinetit span {border-top:3px solid #27AAE5;}
.hotlinedes {margin:2% auto 5%;padding:0;}
.hotlinecal {margin:0 auto;padding:0;}
#hotlinerite {width:36%;float:left;}
.hotlineimg {width:100%;height:auto;overflow:hidden;}
.hotlineimg img {width:100%;height:auto;border-radius:3px;}
#hotrackrite {width:100%;float:left;padding-left:0;border-left:0 solid #27AAE5;box-sizing:border-box;}
#bxtrackform {width:90%;margin:0 auto 5%;padding:0;color:#fff;text-align:center;}
#trackformtop {margin:0 auto;padding:0;}
.trackformtit {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;}
.trackformtit span {border-top:3px solid #27AAE5;}
.trackformdes {margin:0 auto;padding:0;}
#trackformbot {margin:0 auto;padding:0;}
.trackformbot {margin:0 auto;padding:0;}
.trackformcol {width:100%;margin:10px auto 20px;padding:2%;border:none;border-radius:3px;background:#fff;color:#666;font-family:'Titillium Web', sans-serif;box-sizing:border-box;}
.trackformcol:focus {background:#f9f9f9;color:#000;}
}
/* ==================================================================================================== */
/* RESI FROM RESULT */
#bgresiformresult{width:100%;margin:0 auto;padding:30px 0;}
#boresiformresult{width:800px;margin:0 auto;padding:30px;background:#03295D;border-radius:3px;}
#bxresiformresult{margin:0 auto;padding:0;}
.topresiformresult{font-weight:700;font-size:18px;color:#fff;}
.midresiformresult{margin:0 auto;padding:0;color:#fff;}
.lacakbutton{background:#6CC4EE;border:1px solid #6CC4EE;margin:0 auto;padding:5px 10px;border-radius:2px;color:#fff;cursor:pointer;}
.lacakbutton:hover{background:#F5870B;}
@media screen and (max-width:990px){
#bgresiformresult{width:100%;margin:0 auto;padding:30px 0 0;}
#boresiformresult{width:90%;margin:0 auto;padding:30px;background:#03295D;border-radius:3px;box-sizing:border-box;}
#bxresiformresult{margin:0 auto;padding:0;}
.topresiformresult{font-weight:700;font-size:18px;color:#fff;}
.midresiformresult{margin:0 auto;padding:0;color:#fff;}
.lacakbutton{background:#6CC4EE;border:1px solid #6CC4EE;margin:0 auto;padding:5px 10px;border-radius:2px;color:#fff;cursor:pointer;}
.lacakbutton:hover{background:#F5870B;}
}
/* ==================================================================================================== */
/* TRACKING RESULT */
#bgtrackres {width:100%;margin:0 auto;padding:0 0 50px;background:#f5f5f5;}
#botrackres {width:930px;margin:0 auto;padding:30px;background:#f2f2f2;border-radius:10px 10px 0 0;}
#bxtrackres {margin:0 auto;padding:0;}
.trackreshead {margin:0 auto 20px;padding:0;font-weight:700;font-size:18px;text-align:center;}
#pc {display:block;}
#hp {display:none;}
@media screen and (max-width:990px)
{
#bgtrackres {width:100%;margin:50px auto 0;padding:0;}
#botrackres {width:90%;margin:0 auto;padding:5%;background:#f2f2f2;border-radius:10px 10px 0 0;}
#bxtrackres {margin:0 auto;padding:0;}
.trackreshead {margin:0 auto 20px;padding:0;font-weight:700;font-size:18px;text-align:center;}
#pc {display:none;}
#hp {display:block;}
}
/* ==================================================================================================== */
/* FRONTPAGE BOX
#bgfrontpagebox {width:100%;margin:0;padding:50px 0;}
#wrapfrontpagebox {width:990px;margin:0 auto;padding:0;}
#headfrontpagebox {margin:0 auto;padding:0;}
#headfrontpagebox h2 {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#015294;text-align:center;}
#textfrontpagebox {color:#666;text-align:center;margin-bottom:30px;}
#frontpagebox {width:320px;float:left;margin:0 5px;padding:0;text-align:center;}
.frontpageboximg {width:100px;height:100px;overflow:hidden;margin:0 auto;}
.frontpageboximg img {width:100px;height:100px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);border-radius:100%;}
.frontpageboximg img:hover {width:100px;height:100px;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);border-radius:100%;}
#frontpagedescbox {padding:20px;}
.frontpageboxtitle {margin:0;padding:0;}
.frontpageboxtitle h3 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;text-align:center;}
.frontpageboxdesc {text-align:center;color:#666;}
@media screen and (max-width:990px)
{
#bgfrontpagebox {width:100%;margin:0;padding:10% 0;}
#wrapfrontpagebox {width:90%;margin:0 5%;padding:0;}
#headfrontpagebox {margin:0 auto;padding:0;}
#headfrontpagebox h2 {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#015294;text-align:center;}
#textfrontpagebox {color:#666;text-align:center;margin-bottom:30px;}
#frontpagebox {width:96%;float:left;margin:0 0 5%;padding:5% 2%;text-align:center;border-bottom:1px solid #ddd;}
.frontpageboximg {width:100%;height:auto;overflow:hidden;margin:0 auto;}
.frontpageboximg img {width:200px;height:200px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);border-radius:100%;}
.frontpageboximg img:hover {width:200px;height:200px;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);border-radius:100%;}
#frontpagedescbox {padding:20px;}
.frontpageboxtitle {margin-bottom:10px;padding:0;}
.frontpageboxtitle h3 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.frontpageboxdesc {text-align:center;}
}
/* ==================================================================================================== */
/* LAYANAN HOME */
#bglayanan {width:100%;margin:0 auto;padding:5% 0;background:#fff url('../images/bgservices.jpg') fixed;background-size:100%;}
#bolayanan {width:90%;margin:0 auto;padding:0;}
#helayanan {margin:0 auto 2%;padding:0;}
.helayanantit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#03295D;text-align:center;}
.helayanandes {font-weight:400;font-size:18px;font-family:'Titillium Web', sans-serif;color:#666;text-align:center;}
#folayanan {margin:0 auto;padding:0;}
#layananbox {width:19%;float:left;margin:0 0.5%;padding:0;background:#03295D;box-sizing:border-box;}
#layanantop {margin:0;padding:0;}
.layananimg {width:100%;height:auto;overflow:hidden;}
.layananimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.layananimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#layananbot {margin:0 auto;padding:20px;background:#f9f9f9;}
.layanantit {margin:0 auto 10px;padding:0;}
.layanantit h2 {font-weight:700;font-size:16px;text-transform:uppercase;}
.layanantit a {color:#03295D;}
.layanantit a:hover {color:#75C5EF;}
.layanandes {margin:0 auto;padding:0;color:#666;}
.layananmor {margin:0;padding:0;}
.layananmor a {color:#75C5EF;}
@media screen and (max-width:990px)
{
#bglayanan {width:100%;margin:0 auto;padding:5% 0;background:#fff url('../images/bgservices.jpg');background-size:100%;}
#bolayanan {width:90%;margin:0 auto;padding:0;}
#helayanan {margin:0 auto 2%;padding:0;}
.helayanantit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#03295D;text-align:center;}
.helayanandes {font-weight:400;font-size:18px;font-family:'Titillium Web', sans-serif;color:#666;text-align:center;}
#folayanan {margin:0 auto;padding:0;}
#layananbox {width:100%;float:left;margin:0 auto 5%;padding:0;background:#03295D;box-sizing:border-box;}
#layanantop {margin:0;padding:0;}
.layananimg {width:100%;height:auto;overflow:hidden;}
.layananimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.layananimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#layananbot {margin:0 auto;padding:20px;background:#f9f9f9;}
.layanantit {margin:0 auto 10px;padding:0;}
.layanantit h2 {font-weight:700;font-size:16px;text-transform:uppercase;}
.layanantit a {color:#03295D;}
.layanantit a:hover {color:#75C5EF;}
.layanandes {margin:0 auto;padding:0;color:#666;}
.layananmor {margin:0;padding:0;}
.layananmor a {color:#75C5EF;}
}
/* ==================================================================================================== */
/* CONTACT FRONT
#bgcontfront{width:100%;margin:0 auto;padding:30px 0;background:#03295D;}
#bocontfront{width:990px;margin:0 auto;padding:0;}
.contfrontleft{width:80%;float:left;margin:0 auto;padding:0;}
.contfrontleft h3{font-size:20px;font-weight:700;color:#fff;}
.contfrontrite{width:20%;float:left;margin:4px auto 0;padding:0;}
.contfrontrite a{padding:0;margin:0 auto;}
.contfrontrite a:hover{background:#DD7A09;}
.contfrontrite p{width:60%;color:#fff;background:#F5870B;padding:3px 0;margin:0 auto;border-radius:2px;text-align:center;}
.contfrontrite p:hover{background:#DD7A09;}
@media screen and (max-width:990px){
#bgcontfront{width:100%;margin:0 auto;padding:30px 0;background:#03295D;}
#bocontfront{width:90%;margin:0 auto;padding:0;text-align:center;}
.contfrontleft{width:100%;float:left;margin:0 auto 10px;padding:0;}
.contfrontleft h3{font-size:16px;font-weight:700;color:#fff;}
.contfrontrite{width:100%;float:left;margin:0 auto;padding:0;}
.contfrontrite a{padding:0;margin:0 auto;}
.contfrontrite a:hover{background:#DD7A09;}
.contfrontrite p{width:50%;color:#fff;background:#F5870B;padding:3px 0;margin:0 auto;border-radius:2px;text-align:center;}
.contfrontrite p:hover{background:#DD7A09;}
}
/* ==================================================================================================== */
/* LAYANAN PAGE */
#bglayananpage {width:100%;margin:0 auto;padding:5% 0;}
#bolayananpage {width:990px;margin:0 auto;padding:0;}
#layananpagebox {margin:0 auto 20px;padding:0 0 20px;border-bottom:1px solid #ddd;}
#layananpageleft {width:300px;float:left;margin:0 auto;padding:0;}
.layananpageimg {width:300px;height:200px;overflow:hidden;}
.layananpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.layananpageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#layananpagerite {width:650px;float:left;margin:0 auto;padding:0 0 0 20px;}
.layananpagetit {margin:0 auto 10px;padding:0;}
.layananpagetit h2 {font-weight:700;font-size:16px;text-transform:uppercase;}
.layananpagetit a {color:#03295D;}
.layananpagetit a:hover {color:#75C5EF;}
.layananpagedes {margin:0 auto 20px;padding:0;color:#666;}
.layananpagemor {margin:0 auto;padding:0;text-align:right;}
.layananpagemor a {color:#75C5EF;}
.layananpagemor a:hover {color:#03295D;}
@media screen and (max-width:990px)
{
#bglayananpage {width:100%;margin:0 auto;padding:5% 0;}
#bolayananpage {width:90%;margin:0 auto;padding:0;}
#layananpagebox {margin:0 auto 20px;padding:0 0 20px;border-bottom:1px solid #ddd;}
#layananpageleft {width:100%;float:left;margin:0 auto;padding:0;}
.layananpageimg {width:100%;height:auto;overflow:hidden;}
.layananpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.layananpageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#layananpagerite {width:100%;float:left;margin:0 auto;padding:0;}
.layananpagetit {margin:0 auto 10px;padding:0;}
.layananpagetit h2 {font-weight:700;font-size:16px;text-transform:uppercase;}
.layananpagetit a {color:#03295D;}
.layananpagetit a:hover {color:#75C5EF;}
.layananpagedes {margin:0 auto 20px;padding:0;color:#666;}
.layananpagemor {margin:0 auto;padding:0;text-align:right;}
.layananpagemor a {color:#75C5EF;}
.layananpagemor a:hover {color:#03295D;}
}
/* ==================================================================================================== */
/* BENEFIT */
#bgbenefit{width:100%;height:650px;margin:0 auto;padding:0;background:#03295D;overflow:hidden;}
#bobenefit{width:100%;margin:0 auto;padding:0;}
#beneleft {width:40%;margin:0 auto;padding:0;float:left;}
.beneleftimg {width:100%;height:auto;margin:0 auto;padding:0;overflow:hidden;}
.beneleftimg img {width:auto;height:100%;}
#benerite {width:60%;margin:0 auto;padding:0;float:left;}
#beneritebox {margin:0 auto;padding:10%;}
.beneritetit {margin:0 auto;padding:0;font-size:18px;font-weight:500;color:#F5870B;font-family:'Titillium Web', sans-serif;text-transform:uppercase;letter-spacing:2px;position:relative;}
.beneritedes {margin:0 auto 30px;padding:0;font-size:30px;font-weight:700;font-family:'Titillium Web', sans-serif;font-weight:700;text-transform:capitalize;color:#fff;}
.beneritelis {margin:0 auto;padding:0;}
.beneritelis ul {list-style:none;}
.beneritelis ul li {display:block;margin:0 auto 3%;padding-left:0;position:relative;z-index:1;list-style:none;}
.beneritelis ul li h5 {text-transform:capitalize;font-weight:700;position:relative;z-index:1;display:inline-block;margin:0 auto;font-size:20px;color:#fff;}
.beneritelis ul li p {color:#aaa;font-size:17px;margin:0 auto 10px;}
@media screen and (max-width:990px)
{
#bgbenefit{width:100%;height:auto;margin:0 auto;padding:0;background:#03295D;overflow:hidden;}
#bobenefit{width:100%;margin:0 auto;padding:0;}
#beneleft {width:100%;margin:0 auto;padding:0;float:left;}
.beneleftimg {width:100%;height:auto;margin:0 auto;padding:0;overflow:hidden;}
.beneleftimg img {width:100%;height:auto;}
#benerite {width:100%;margin:0 auto;padding:0;float:left;}
#beneritebox {margin:0 auto;padding:10%;}
.beneritetit {margin:0 auto;padding:0;font-size:18px;font-weight:500;color:#F5870B;font-family:'Titillium Web', sans-serif;text-transform:uppercase;letter-spacing:2px;position:relative;}
.beneritedes {margin:0 auto 5%;padding:0;font-size:30px;font-weight:700;font-family:'Titillium Web', sans-serif;font-weight:700;text-transform:capitalize;color:#fff;}
.beneritedes p {margin:0;padding:0;}
.beneritelis {margin:0 auto;padding:0;}
.beneritelis ul {list-style:none;margin:0;padding:0;}
.beneritelis ul li {display:block;margin:0 auto 5%;padding-left:0;position:relative;z-index:1;list-style:none;}
.beneritelis ul li h5 {text-transform:capitalize;font-weight:700;position:relative;z-index:1;display:inline-block;margin:0 auto;font-size:20px;color:#fff;}
.beneritelis ul li p {color:#aaa;font-size:17px;margin:0 auto 10px;}
}
/* ==================================================================================================== */
/* BLOG HOME */
#bgblog {width:100%;margin:0 auto;padding:50px 0;}
#boblog {width:990px;margin:0 auto;padding:0;}
#heblog {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#03295D;text-align:center;}
#blog {width:310px;float:left;margin:0 10px 20px;padding:0;}
.blogimg {width:310px;height:207px;overflow:hidden;border-radius:5px;}
.blogimg img {width:310px;height:207px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogimg img:hover {width:310px;height:207px;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogbox {margin:0 auto;padding:0;}
.blogtit {margin:10px auto 0;padding:0;}
.blogtit h2 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.blogtit a {color:#03295D;}
.blogtit a:hover {color:#000;}
.blogdet {margin:0 auto;padding:0;font-size:13px;color:#999;}
@media screen and (max-width:990px)
{
#bgblog {width:100%;margin:0 auto;padding:5% 0 10%;}
#boblog {width:90%;margin:0 auto;padding:0;}
#heblog {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#03295D;text-align:center;}
#blog {width:100%;float:left;margin:0 auto 20px;padding:0;}
.blogimg {width:100%;height:auto;overflow:hidden;border-radius:5px;}
.blogimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);border-radius:5px;}
.blogimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogbox {margin:0 auto;padding:0;}
.blogtit {margin:10px auto 0;padding:0;}
.blogtit h2 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.blogtit a {color:#03295D;}
.blogtit a:hover {color:#000;}
.blogdet {margin:0 auto;padding:0;font-size:13px;color:#999;}
}
/* ==================================================================================================== */
/* BLOG PAGE */
#bgblogpage {width:100%;margin:0 auto;padding:50px 0;}
#boblogpage {width:990px;margin:0 auto;padding:0;}
#blogpage {width:310px;float:left;margin:0 10px 25px;padding:0;}
.blogpageimg {width:310px;height:207px;overflow:hidden;border-radius:5px;}
.blogpageimg img {width:310px;height:207px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogpageimg img:hover {width:310px;height:207px;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogpagebox {margin:0 auto;padding:0;}
.blogpagetit {margin:10px auto 0;padding:0;}
.blogpagetit h2 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.blogpagetit a {color:#03295D;}
.blogpagetit a:hover {color:#000;}
.blogpagedes {margin:0 auto;padding:10px 0;}
.blogpagedes p {margin:0 auto;padding:10px 0;}
.blogpagedet {margin:0 auto;padding:0;font-size:13px;color:#999;}
@media screen and (max-width:990px)
{
#bgblogpage {width:100%;margin:0 auto;padding:50px 0;}
#boblogpage {width:90%;margin:0 auto;padding:0;}
#blogpage {width:100%;float:left;margin:0 auto 20px;padding:0;}
.blogpageimg {width:100%;height:auto;overflow:hidden;border-radius:5px;}
.blogpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogpageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogpagebox {margin:0 auto;padding:0;}
.blogpagetit {margin:10px auto 0;padding:0;}
.blogpagetit h2 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.blogpagetit a {color:#03295D;}
.blogpagetit a:hover {color:#000;}
.blogpagedes {margin:0 auto;padding:0;}
.blogpagedes p {margin:0 auto;padding:10px 0;}
.blogpagedet {margin:0 auto;padding:0;font-size:13px;color:#999;}
}
/* ==================================================================================================== */
/* BLOG DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:50px 0;}
#boblogdetails {width:990px;margin:0 auto;padding:0;}
#blogdetailsleft {width:700px;float:left;margin-right:20px;}
#blogdetailsright {width:270px;float:left;padding:0;}
#blogdetails {margin:0 auto;padding:0;}
.blogdetailstitle {margin:auto;padding:0;}
.blogdetailstitle h1 {font-weight:400;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;}
.blogdetailsattribute {color:#999;}
.blogdetailssosmed {text-align:right;}
.blogdetailsimg {width:700px;height:467px;overflow:hidden;margin:20px 0;}
.blogdetailsimg img {width:700px;height:467px;}
.blogdetailsdesc {margin:0 auto;padding:0;line-height:1.6;text-align:justify;}
.blogdetailsdesc a {color:#C00;}
.blogdetailsdesc h2 {font-weight:700;font-size:15px;font-family:'Titillium Web', sans-serif;}
.blogdetailsdesc h3 {font-weight:700;font-size:15px;font-family:'Titillium Web', sans-serif;}
.blogdetailsdesc ol li {margin-left:18px;padding-left:10px;list-style:decimal;}
.blogdetailsdesc ul li {margin-left:18px;padding-left:10px;list-style:square;}
@media screen and (max-width:990px)
{
#bgblogdetails {width:100%;margin:0 auto;padding:50px 0;}
#boblogdetails {width:90%;margin:0 auto;padding:0;}
#blogdetailsleft {width:100%;float:left;margin-right:0;margin-bottom:10%;}
#blogdetailsright {width:100%;float:left;padding:0;}
#blogdetails {margin:0 auto;padding:0;}
.blogdetailstitle {margin:auto;padding:0;}
.blogdetailstitle h1 {font-weight:400;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;}
.blogdetailsattribute {color:#999;}
.blogdetailssosmed {text-align:right;}
.blogdetailsimg {width:100%;height:auto;overflow:hidden;margin:20px 0;}
.blogdetailsimg img {width:100%;height:auto;}
.blogdetailsdesc {margin:0 auto;padding:0;line-height:1.6;text-align:justify;}
.blogdetailsdesc a {color:#C00;}
.blogdetailsdesc h2 {font-weight:700;font-size:15px;font-family:'Titillium Web', sans-serif;}
.blogdetailsdesc h3 {font-weight:700;font-size:15px;font-family:'Titillium Web', sans-serif;}
.blogdetailsdesc ol li {margin-left:18px;padding-left:10px;list-style:decimal;}
.blogdetailsdesc ul li {margin-left:18px;padding-left:10px;list-style:square;}
}
/* ==================================================================================================== */
/* BLOG LIST */
#bgbloglist {width:100%;margin:0 auto;padding:0;}
#bobloglist {width:100%;margin:0 auto;padding:0;}
#hebloglist {margin:0 auto 20px;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;}
#bloglist {width:270px;margin:0 0 30px;padding:0;}
.bloglistimg {width:270px;height:180px;overflow:hidden;border-radius:5px;}
.bloglistimg img {width:270px;height:180px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.bloglistimg img:hover {width:270px;height:180px;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#bloglistbox {margin:0 auto;padding:0;}
.bloglisttit {margin:10px auto 0;padding:0;}
.bloglisttit h2 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.bloglisttit a {color:#03295D;}
.bloglisttit a:hover {color:#000;}
.bloglistdes {margin:0 auto;padding:10px 0;}
.bloglistdes p {margin:0 auto;padding:10px 0;}
.bloglistdet {margin:0 auto;padding:0;font-size:13px;color:#999;}
@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 20px;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;}
#bloglist {width:100%;margin:0 0 30px;padding:0;}
.bloglistimg {width:100%;height:auto;overflow:hidden;border-radius:5px;}
.bloglistimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.bloglistimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#bloglistbox {margin:0 auto;padding:0;}
.bloglisttit {margin:10px auto 0;padding:0;}
.bloglisttit h2 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.bloglisttit a {color:#03295D;}
.bloglisttit a:hover {color:#000;}
.bloglistdes {margin:0 auto;padding:10px 0;}
.bloglistdes p {margin:0 auto;padding:10px 0;}
.bloglistdet {margin:0 auto;padding:0;font-size:13px;color:#999;}
}
/* ==================================================================================================== */
/* GALERY */
#bggal{width:100%;margin:0 auto;padding:50px 0;}
#bogal{width:90%;margin:0 auto;padding:0;}
.galtit{font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;margin:0 auto 20px;color:#03295D;text-align:center;}
#galleftbox{margin:0 auto;padding:0;}
#galleftbox a:hover .gallefttit{text-decoration:underline;}
.galleft{width:31.3%;margin:1% 1%;padding:0;float:left;}
.galleftimg{width:100%;margin:0 auto;height:160px;padding:0;overflow:hidden;border-top:3px solid #03295D;}
.galleftimg img{width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);}
.galleftimg img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.gallefttit{margin:0 auto;padding:10px 0;color:#03295D;font-family:'Titillium Web', sans-serif;font-weight:700;text-align:center;text-transform:uppercase;background:#fff;font-size:17px;border-bottom:3px solid #F5870B;box-shadow:0px 3px 5px 0px rgb(0,0,0,0.2);}
.gallefttit:hover{text-decoration:underline;}
.galbtn{margin:3% auto 0 ;padding:0;text-align:center;}
.galbtn a{color:#fff;background:#03295D;padding:5px 10px;margin:2% 0;}
.galbtn a:hover{background:#F5870B;}
@media screen and (max-width:990px)
{
}
/* ==================================================================================================== */
/* GALERY PAGE */
#bggalpage{width:100%;margin:0 auto;padding:50px 0;}
#bogalpage{width:90%;margin:0 auto;padding:0;}
.galpagetit{color:#03295D;font-weight:700;padding:0;margin:0 auto;font-size:18px;font-family:'Titillium Web', sans-serif;text-align:center;}
.galpagebox{width:23%;float:left;margin:0 1% 2%;padding:0;}
.galpageimg{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.galpageimg img{width:100%;height:auto;}
@media screen and (max-width:990px)
{
#bggalpage{width:100%;margin:0 auto;padding:50px 0;}
#bogalpage{width:90%;margin:0 auto;padding:0;}
.galpagetit{color:#03295D;font-weight:700;padding:0;margin:0 auto;font-size:18px;font-family:'Titillium Web', sans-serif;text-align:center;}
.galpagebox{width:100%;float:left;margin:0 auto 2%;padding:0;}
.galpageimg{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.galpageimg img{width:100%;height:auto;}
}
/* ==================================================================================================== */
/* PAGING */
#bgpaging {width:980px;margin:20px auto;padding:10px 5px;text-align:right;}
#pageinfo {margin:0;float:left;}
.pagingact {padding:5px 10px;margin:0;background:#000;color:#fff;border:1px solid #666;border-radius:2px;margin:0 2px;}
.paging {padding:5px 10px;margin:0;background:#fff;color:#666;border:1px solid #666;border-radius:2px;margin:0 2px;}
.paging:hover {padding:5px 10px;margin:0;background:#000;color:#fff;border:1px solid #666;border-radius:2px;margin:0 2px;}
.pagingacts {padding:5px 10px;margin:0;background:#fff;color:#fff;display:none;}
@media screen and (max-width:1200px)
{
#bgpaging {width:94%;margin:20px auto;padding:10px 2%;text-align:right;}
#pageinfo {margin:0;float:left;}
.pagingact {padding:5px 10px;margin:0;background:#000;color:#fff;border:1px solid #666;border-radius:2px;margin:0 2px;}
.paging {padding:5px 10px;margin:0;background:#fff;color:#666;border:1px solid #666;border-radius:2px;margin:0 2px;}
.paging:hover {padding:5px 10px;margin:0;background:#000;color:#fff;border:1px solid #666;border-radius:2px;margin:0 2px;}
.pagingacts {padding:5px 10px;margin:0;background:#fff;color:#fff;display:none;}
}
/* ==================================================================================================== */
/* PAGES HEADER */
#bgfronthead{width:100%;background:#03295D;padding:0;position:relative;}
#bgfrontcolor{width:100%;margin:0 auto;padding:0;height:200px;overflow:hidden;position:relative;}
#bgfrontcolor img{width:100%;height:auto;background-size:cover;position:absolute;top:-190%;opacity:0.8;}
#bofronthead{width:100%;margin:0 auto;padding:0;text-align:center;position:absolute;bottom:0;top:40%;}
#bofronthead h3{font-size:20px;color:#fff;font-weight:700;text-transform:uppercase;}
@media screen and (max-width:990px){
#bgfronthead{width:100%;background:#03295D;padding:0;position:relative;}
#bgfrontcolor{width:100%;margin:0 auto;padding:0;height:100px;overflow:hidden;opacity:0.8;position:relative;}
#bgfrontcolor img{width:100%;height:auto;background-size:cover;position:relative;top:0;}
#bofronthead{width:100%;margin:0 auto;padding:0;text-align:center;position:absolute;bottom:0;top:40%;}
#bofronthead h3{font-size:20px;color:#fff;font-weight:700;text-transform:uppercase;}
}
/* ==================================================================================================== */
/* PAGES DETAILS */
#versidesktop {display:block;}
#versimobile {display:none;}
#bgpages {width:100%;margin:0 auto;padding:50px 0;}
#bopages {width:990px;margin:0 auto;padding:0;}
#pagesleft {width:700px;float:left;margin:0 0 0 20px;padding:0;}
#pagesright {width:260px;float:left;margin:0;padding:0;}
.pagestit {margin:0 auto 20px;padding:0;}
.pagestit h1 {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;}
.pagesimg {width:100%;height:auto;overflow:hidden;margin:0 auto 20px;padding:0;}
.pagesimg img {width:100%;height:auto;}
.pagesdes {margin:0 auto;padding:0;}
.pagesdes h2 {font-weight:700;font-size:15px;color:#75C5EF;margin-bottom:5px;}
.pagesdes h3 {font-weight:700;font-size:15px;color:#75C5EF;margin-bottom:5px;}
.pagesdes a {color:#990000;}
.pagesdes a:hover {color:#243A6E;}
.pagesdes ul {list-style:square;}
.pagesdes ol {list-style:decimal;}
.pagesdes li {margin-left:18px;padding-left:5px;}
.pagesdes table {width:100%!important;}
.pagesimgadd {margin:0 auto;padding:0;}
.pagesimgaddbox {width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.pagesimgaddbox img {width:100%;height:auto;border-radius:10px;}
.pagessosmedtext {margin:20px auto 10px;padding-top:20px;text-align:left;border-top:1px solid #ddd;}
.pagessosmed {text-align:left;}
.pagessosmed span {padding:5px 0;}
@media screen and (max-width:990px)
{
#versidesktop {display:none;}
#versimobile {display:block;}
#bgpages {width:100%;margin:0 auto;padding:5% 0;}
#bopages {width:90%;margin:0 auto;padding:0;}
#pagesleft {width:100%;float:left;margin:0 auto;padding:0;}
#pagesright {width:100%;float:left;margin:0 auto 5%;padding:0;}
.pagestit {margin:0 auto 20px;padding:0;}
.pagestit h1 {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;}
.pagesimg {width:100%;height:auto;overflow:hidden;margin:0 auto 20px;padding:0;}
.pagesimg img {width:100%;height:auto;}
.pagesdes {margin:0 auto;padding:0;}
.pagesdes h2 {font-weight:700;font-size:15px;color:#75C5EF;margin-bottom:5px;}
.pagesdes h3 {font-weight:700;font-size:15px;color:#75C5EF;margin-bottom:5px;}
.pagesdes a {color:#990000;}
.pagesdes a:hover {color:#243A6E;}
.pagesdes ul {list-style:square;}
.pagesdes ol {list-style:decimal;}
.pagesdes li {margin-left:18px;padding-left:5px;}
.pagesdes table {width:100%!important;}
.pagesimgadd {margin:0 auto;padding:0;}
.pagesimgaddbox {width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.pagesimgaddbox img {width:100%;height:auto;border-radius:10px;}
.pagessosmedtext {margin:20px auto 10px;padding-top:20px;text-align:left;border-top:1px solid #ddd;}
.pagessosmed {text-align:left;}
.pagessosmed span {padding:5px 0;}
}
/* ======================================================= */
/* MENU SIDE */
#menuside {margin:0 auto;}
#menuside ul li {list-style:none;margin:0 auto 10px;padding:0;}
.menutitle {padding:5px 10px;background:#f9f9f9;color:#666;border-top:1px solid #03295D;border-bottom:1px solid #03295D;}
.menutitle:hover {background:#03295D;color:#fff;border-top:1px solid #03295D;border-bottom:1px solid #03295D;}
@media screen and (max-width:990px)
{
#menuside {margin:0 auto;}
#menuside ul li {list-style:none;margin:0 auto;padding:0;}
.menutitle {padding:10px;background:none;color:#03295D;border-top:0;border-bottom:0;}
.menutitle:hover {background:#03295D;color:#fff;border-top:0;border-bottom:0;}
}
/* ======================================================= */
/* KONTAK KAMI */
#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
#contact {width:990px;margin:0 auto;padding:0;}
#boxcontact{margin:0 auto;padding:0;}
#contactlef {width:350px;float:left;margin:0;}
#contactmid {width:605px;float:left;margin:0 15px;}
#contactrit {width:990px;margin:0;}
#bgmodule {width:100%;margin:0 auto;}
#module {width:100%;float:left;padding:0;margin-bottom:20px;background:#fff;}
.moduletit {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.moduledes {font-weight:400;font-size:15px;font-family:'Titillium Web', sans-serif;color:#000;padding:5px 0;}
.moduledes a {color:#C00;}
.moduledes table {line-height:1.6;}
.moduledes table tr td {padding:5px;}
.moduledes iframe {width:100%!important;height:auto!important;}
@media screen and (max-width:990px)
{
#bgcontact {width:100%;margin:0 auto;padding:10% 0;}
#contact {width:90%;margin:0 5%;padding:0;}
#contactlef {width:100%;float:left;margin:0 0 5%;}
#contactmid {width:100%;float:left;margin:0 0 5%;}
#contactrit {width:100%;float:left;margin:0;}
#bgmodule {width:100%;margin:0 auto;}
#module {width:100%;float:left;padding:0;margin-bottom:20px;background:#fff;}
.moduletit {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#03295D;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.moduledes {font-weight:400;font-size:15px;font-family:'Titillium Web', sans-serif;color:#000;padding:5px 0;}
.moduledes a {color:#C00;}
.moduledes table {line-height:1.6;}
.moduledes table tr td {padding:5px;}
.moduledes iframe {width:100%!important;height:500px!important;}
}
/* ======================================================= */
/* FORM EMAIL */
#bgemailform {margin:0 auto;padding:0;clear:both}
.formcontact {font-weight:400;font-size:15px;font-family:'Titillium Web', sans-serif;width:96%;padding:2%;border:none;background:#f9f9f9;border-radius:2px;color:#666;margin-bottom:5px;}
.formcontact:focus {background:#eee;color:#000;}
@media screen and (max-width:990px)
{
#bgemailform {margin:0 auto;padding:0;clear:both}
.formcontact {font-weight:400;font-size:15px;font-family:'Titillium Web', sans-serif;width:90%;padding:5%;border:none;background:#f9f9f9;border-radius:2px;color:#666;margin-bottom:5px;}
.formcontact:focus {background:#eee;color:#000;}
}
/* ======================================================= */
/* BOTTOM */
#bgbottom {width:100%;margin:0 auto;padding:50px 0;background:#03295D;}
#bobottom {width:990px;margin:0 auto;padding:0;}
#bottoma {width:40%;float:left;margin:0 auto;padding:0;}
#bottomb {width:18%;float:left;margin:0 1%;padding:0;}
#bottomc {width:25%;float:left;margin:0 auto;padding:0;}
#bottomd {width:13%;float:left;margin:0 1%;padding:0;}
.bottomtit {margin:0;padding:0 0 20px;font-weight:700;font-size:18px;color:#fff;text-transform:uppercase;}
.bottomdes {margin:0 0 20px;padding:0;color:#fff;}
.bottomdes a {color:#fff;}
.bottomdes a:hover {text-decoration:underline;color:#75C5EF;}
.bottomdes ul {margin:0 auto;padding:0;}
.bottomdes li {list-style:disc;margin-left:20px;margin-bottom:5px;}
.bottomdes li img {width:25px;height:25px;vertical-align:middle;margin-right:5px;list-style:none;}
.bottommor {margin:0;padding:0;}
.bottommor a {padding:5px 20px;border:2px solid #fff;color:#fff;}
.bottommor a:hover {border:2px solid #75C5EF;color:#75C5EF;}
#bottomrow {margin:0 0 5px;padding:0 0 5px;}
.bottomimg {width:25px;height:25px;overflow:hidden;float:left;margin-right:10px;}
.bottomimg img {width:25px;height:25px;vertical-align:middle;}
.bottomlis {margin:0;padding:0;float:left;}
@media screen and (max-width:990px)
{
#bgbottom {width:100%;margin:0 auto;padding:50px 0;background:#03295D;}
#bobottom {width:90%;margin:0 auto;padding:0;}
#bottoma {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #053F8F;}
#bottomb {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #053F8F;}
#bottomc {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #053F8F;}
#bottomd {width:100%;float:left;margin:0 auto;padding:0;}
.bottomtit {margin:0;padding:0 0 20px;font-weight:700;font-size:18px;color:#fff;text-transform:uppercase;}
.bottomdes {margin:0 0 20px;padding:0;color:#fff;}
.bottomdes a {color:#fff;}
.bottomdes a:hover {text-decoration:underline;color:#75C5EF;}
.bottomdes ul {margin:0 auto;padding:0;}
.bottomdes li {list-style:disc;margin-left:20px;margin-bottom:5px;}
.bottomdes li img {width:25px;height:25px;vertical-align:middle;margin-right:5px;list-style:none;}
.bottommor {margin:0;padding:0;}
.bottommor a {padding:5px 20px;border:2px solid #fff;color:#fff;}
.bottommor a:hover {border:2px solid #75C5EF;color:#75C5EF;}
#bottomrow {margin:0 0 5px;padding:0 0 5px;}
.bottomimg {width:25px;height:25px;overflow:hidden;float:left;margin-right:10px;}
.bottomimg img {width:25px;height:25px;vertical-align:middle;}
.bottomlis {margin:0;padding:0;float:left;}
}
/* ======================================================= */
/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:0 0 50px;color:#fff;background:#03295D;}
#bofooter {width:990px;margin:0 auto;padding:5px 0 0;border-top:1px solid #053F8F;font-weight:400;font-size:13px;}
#footer1 {width:50%;float:left;text-align:left;}
#footer2 {width:50%;float:left;text-align:right;}
#footer2 a {color:#fff;text-decoration :none;}
#footer2 a:hover {color:#C00;}
@media screen and (max-width:990px)
{
#bgfooter {width:100%;margin:0 auto;padding:0 0 50px;color:#fff;background:#03295D;}
#bofooter {width:90%;margin:0 auto;padding:5px 0 0;border-top:1px solid #053F8F;font-weight:400;font-size:13px;}
#footer1 {width:100%;float:left;text-align:center;}
#footer2 {width:100%;float:left;text-align:center;}
#footer2 a {color:#fff;text-decoration :none;}
#footer2 a:hover {color:#C00;}
}
/* ======================================================= */
/* MORE BUTTON */
#more {margin:20px auto 0;padding:0;text-align:center;}
#more a {padding:5px 20px;border:2px solid #03295D;color:#03295D;}
#more a:hover {border:2px solid #000;color:#000;}
@media screen and (max-width:990px)
{
#more {margin:20px auto 0;padding:0;text-align:center;}
#more a {padding:5px 20px;border:2px solid #03295D;color:#03295D;}
#more a:hover {border:2px solid #000;color:#000;}
}
/* ==================================================================================================== */
/* ERROR PAGES */
#bgerrorpage {width:100%;margin:0 auto;padding:50px 0;}
#boerrorpage {width:930px;margin:0 auto;padding:30px;text-align:center;background:#f9f9f9;}
#errorpage {margin:0 auto;padding:0;}
.errorpagetit {color:#000;clear:both;}
.errorpagetit h1 {font-weight:700;font-size:50px;font-family:'Titillium Web', sans-serif;color:#03295D;margin-bottom:20px;padding-bottom:20px;border-bottom:2px dotted #ddd;}
.errorpagedes {margin:0;padding:0;}
.errorpagedes h2 {font-size:18px;}
@media screen and (max-width:990px)
{
#bgerrorpage {width:100%;margin:0 auto;padding:50px 0;}
#boerrorpage {width:80%;margin:0 5%;padding:5%;text-align:center;background:#f9f9f9;}
#errorpage {margin:0 auto;padding:0;}
.errorpagetit {color:#000;clear:both;}
.errorpagetit h1 {font-weight:700;font-size:50px;font-family:'Titillium Web', sans-serif;color:#03295D;margin-bottom:20px;padding-bottom:20px;border-bottom:2px dotted #ddd;}
.errorpagedes {margin:0;padding:0;}
.errorpagedes h2 {font-size:18px;}
}
/* ======================================================= */
/* TEXT BOX */
#bgtext {margin:0 auto 20px;padding:0;}
.texttitle {font-size:18px;color:#03295D;}
.textdesc {color:#666;}
@media screen and (max-width:990px)
{
#bgtext {margin:0 auto 20px;padding:0;}
.texttitle {font-size:18px;color:#03295D;}
.textdesc {color:#666;}
}
/* ==================================================================================================== */
/* === AUTO BUTTON === */
.autobutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BF7342), color-stop(1, #BF7342));
background:-moz-linear-gradient(top, #BF7342 5%, #BF7342 100%);
background:-webkit-linear-gradient(top, #BF7342 5%, #BF7342 100%);
background:-o-linear-gradient(top, #BF7342 5%, #BF7342 100%);
background:-ms-linear-gradient(top, #BF7342 5%, #BF7342 100%);
background:linear-gradient(to bottom, #BF7342 5%, #BF7342 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF7342', endColorstr='#BF7342',GradientType=0);
background-color:#BF7342;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:0px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#fff;
font-family:'Titillium Web', sans-serif;
font-size:15px;
padding:10px 30px;
text-decoration:none;
}
.autobutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AD673B), color-stop(1, #AD673B));
background:-moz-linear-gradient(top, #AD673B 5%, #AD673B 100%);
background:-webkit-linear-gradient(top, #AD673B 5%, #AD673B 100%);
background:-o-linear-gradient(top, #AD673B 5%, #AD673B 100%);
background:-ms-linear-gradient(top, #AD673B 5%, #AD673B 100%);
background:linear-gradient(to bottom, #AD673B 5%, #AD673B 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD673B', endColorstr='#AD673B',GradientType=0);
background-color:#AD673B;
}
.autobutton:active {
position:relative;
top:1px;
}
@media screen and (max-width:990px)
{
.autobutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BF7342), color-stop(1, #BF7342));
background:-moz-linear-gradient(top, #BF7342 5%, #BF7342 100%);
background:-webkit-linear-gradient(top, #BF7342 5%, #BF7342 100%);
background:-o-linear-gradient(top, #BF7342 5%, #BF7342 100%);
background:-ms-linear-gradient(top, #BF7342 5%, #BF7342 100%);
background:linear-gradient(to bottom, #BF7342 5%, #BF7342 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF7342', endColorstr='#BF7342',GradientType=0);
background-color:#BF7342;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:0px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#fff;
font-family:'Titillium Web', sans-serif;
font-size:15px;
padding:10px 30px;
text-decoration:none;
}
.autobutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AD673B), color-stop(1, #AD673B));
background:-moz-linear-gradient(top, #AD673B 5%, #AD673B 100%);
background:-webkit-linear-gradient(top, #AD673B 5%, #AD673B 100%);
background:-o-linear-gradient(top, #AD673B 5%, #AD673B 100%);
background:-ms-linear-gradient(top, #AD673B 5%, #AD673B 100%);
background:linear-gradient(to bottom, #AD673B 5%, #AD673B 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD673B', endColorstr='#AD673B',GradientType=0);
background-color:#AD673B;
}
.autobutton:active {
position:relative;
top:1px;
}
}
/* SUBMIT BUTTON */
.submitbutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6CC4EE), color-stop(1, #6CC4EE));
background:-moz-linear-gradient(top, #6CC4EE 5%, #6CC4EE 100%);
background:-webkit-linear-gradient(top, #6CC4EE 5%, #6CC4EE 100%);
background:-o-linear-gradient(top, #6CC4EE 5%, #6CC4EE 100%);
background:-ms-linear-gradient(top, #6CC4EE 5%, #6CC4EE 100%);
background:linear-gradient(to bottom, #6CC4EE 5%, #6CC4EE 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CC4EE', endColorstr='#6CC4EE',GradientType=0);
background-color:#6CC4EE;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:0px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#fff;
font-family:'Titillium Web', sans-serif;
font-size:15px;
padding:5px 20px;
text-decoration:none;
}
.submitbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DD7A09), color-stop(1, #DD7A09));
background:-moz-linear-gradient(top, #DD7A09 5%, #DD7A09 100%);
background:-webkit-linear-gradient(top, #DD7A09 5%, #DD7A09 100%);
background:-o-linear-gradient(top, #DD7A09 5%, #DD7A09 100%);
background:-ms-linear-gradient(top, #DD7A09 5%, #DD7A09 100%);
background:linear-gradient(to bottom, #DD7A09 5%, #DD7A09 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD7A09', endColorstr='#DD7A09',GradientType=0);
background-color:#DD7A09;
}
.submitbutton:active {
position:relative;
top:1px;
}
@media screen and (max-width:990px)
{
.submitbutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DD7A09), color-stop(1, #DD7A09));
background:-moz-linear-gradient(top, #DD7A09 5%, #DD7A09 100%);
background:-webkit-linear-gradient(top, #DD7A09 5%, #DD7A09 100%);
background:-o-linear-gradient(top, #DD7A09 5%, #DD7A09 100%);
background:-ms-linear-gradient(top, #DD7A09 5%, #DD7A09 100%);
background:linear-gradient(to bottom, #DD7A09 5%, #DD7A09 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD7A09', endColorstr='#DD7A09',GradientType=0);
background-color:#DD7A09;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:0px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#fff;
font-family:'Titillium Web', sans-serif;
font-size:15px;
padding:10px 30px;
text-decoration:none;
}
.submitbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2B326A), color-stop(1, #2B326A));
background:-moz-linear-gradient(top, #2B326A 5%, #2B326A 100%);
background:-webkit-linear-gradient(top, #2B326A 5%, #2B326A 100%);
background:-o-linear-gradient(top, #2B326A 5%, #2B326A 100%);
background:-ms-linear-gradient(top, #2B326A 5%, #2B326A 100%);
background:linear-gradient(to bottom, #2B326A 5%, #2B326A 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B326A', endColorstr='#2B326A',GradientType=0);
background-color:#2B326A;
}
.submitbutton:active {
position:relative;
top:1px;
}
}
/* ==================================================================================================== */
/* SEARCH BUTTON */
.searchbutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #178CC1), color-stop(1, #178CC1));
background:-moz-linear-gradient(top, #178CC1 5%, #178CC1 100%);
background:-webkit-linear-gradient(top, #178CC1 5%, #178CC1 100%);
background:-o-linear-gradient(top, #178CC1 5%, #178CC1 100%);
background:-ms-linear-gradient(top, #178CC1 5%, #178CC1 100%);
background:linear-gradient(to bottom, #178CC1 5%, #178CC1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#178CC1', endColorstr='#178CC1',GradientType=0);
background-color:#178CC1;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:0px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#fff;
font-weight:700;
font-size:15px;
font-family:'Titillium Web', sans-serif;
padding:5px 30px;
text-decoration:none;
}
.searchbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #27AAE5), color-stop(1, #27AAE5));
background:-moz-linear-gradient(top, #27AAE5 5%, #27AAE5 100%);
background:-webkit-linear-gradient(top, #27AAE5 5%, #27AAE5 100%);
background:-o-linear-gradient(top, #27AAE5 5%, #27AAE5 100%);
background:-ms-linear-gradient(top, #27AAE5 5%, #27AAE5 100%);
background:linear-gradient(to bottom, #27AAE5 5%, #27AAE5 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#27AAE5', endColorstr='#27AAE5',GradientType=0);
background-color:#27AAE5;
}
.searchbutton:active {
position:relative;
top:1px;
}
@media screen and (max-width:990px)
{
.searchbutton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #178CC1), color-stop(1, #178CC1));
background:-moz-linear-gradient(top, #178CC1 5%, #178CC1 100%);
background:-webkit-linear-gradient(top, #178CC1 5%, #178CC1 100%);
background:-o-linear-gradient(top, #178CC1 5%, #178CC1 100%);
background:-ms-linear-gradient(top, #178CC1 5%, #178CC1 100%);
background:linear-gradient(to bottom, #178CC1 5%, #178CC1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#178CC1', endColorstr='#178CC1',GradientType=0);
background-color:#178CC1;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:0px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#fff;
font-weight:700;
font-size:15px;
font-family:'Titillium Web', sans-serif;
padding:5px 30px;
text-decoration:none;
}
.searchbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #27AAE5), color-stop(1, #27AAE5));
background:-moz-linear-gradient(top, #27AAE5 5%, #27AAE5 100%);
background:-webkit-linear-gradient(top, #27AAE5 5%, #27AAE5 100%);
background:-o-linear-gradient(top, #27AAE5 5%, #27AAE5 100%);
background:-ms-linear-gradient(top, #27AAE5 5%, #27AAE5 100%);
background:linear-gradient(to bottom, #27AAE5 5%, #27AAE5 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#27AAE5', endColorstr='#27AAE5',GradientType=0);
background-color:#27AAE5;
}
.searchbutton:active {
position:relative;
top:1px;
}
}
/* ==================================================================================================== */