/* 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;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
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;}
/* POTRAIT */
@media screen and (max-width:820px)
{
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;}
/* MOBILE */
@media screen and (max-width:502px)
{
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;}
}
}
}
/* ======================================================================================================================================================================= */
/* ATTRIBUTES */
a {text-decoration:none;}
sup {position:relative; top:-0.5em;font-size:10px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#EE623D!important;}
*, *::before, *::after {box-sizing:border-box;}
::-webkit-scrollbar {width:5px;height:0;}
::-webkit-scrollbar-track {background:#F2F2F2;}
::-webkit-scrollbar-thumb {background:#DDDDDD;}
::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
a {text-decoration:none;}
sup {position:relative; top:-0.5em;font-size:10px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#EE623D!important;}
*, *::before, *::after {box-sizing:border-box;}
::-webkit-scrollbar {width:5px;height:0;}
::-webkit-scrollbar-track {background:#F2F2F2;}
::-webkit-scrollbar-thumb {background:#DDDDDD;}
::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
/* POTRAIT */
@media screen and (max-width:820px)
{
a {text-decoration:none;}
sup {position:relative; top:-0.5em;font-size:10px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#EE623D!important;}
*, *::before, *::after {box-sizing:border-box;}
::-webkit-scrollbar {width:5px;height:0;}
::-webkit-scrollbar-track {background:#F2F2F2;}
::-webkit-scrollbar-thumb {background:#DDDDDD;}
::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
/* MOBILE */
@media screen and (max-width:502px)
{
a {text-decoration:none;}
sup {position:relative; top:-0.5em;font-size:10px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#EE623D!important;}
*, *::before, *::after {box-sizing:border-box;}
::-webkit-scrollbar {width:5px;height:0;}
::-webkit-scrollbar-track {background:#F2F2F2;}
::-webkit-scrollbar-thumb {background:#DDDDDD;}
::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
}
}
}
/* ======================================================================================================================================================================= */
/* BACKGROUND */
#bg {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#000000;background:url('../images/bgsite.jpg') fixed;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bg {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#000000;background:url('../images/bgsite.jpg') fixed;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bg {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#000000;background:url('../images/bgsite.jpg') fixed;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bg {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#000000;background:url('../images/bgsite.jpg') fixed;}
}
}
}
/* ======================================================================================================================================================================= */
/* WHATSAPP BUTTON */
.whatsappbuttonleft {position:fixed;bottom:20px;left:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
.whatsappbuttonrite {position:fixed;bottom:20px;right:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
.whatsappbuttonleft {position:fixed;bottom:20px;left:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
.whatsappbuttonrite {position:fixed;bottom:20px;right:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
/* POTRAIT */
@media screen and (max-width:820px)
{
.whatsappbuttonleft {position:fixed;bottom:20px;left:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
.whatsappbuttonrite {position:fixed;bottom:20px;right:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
/* MOBILE */
@media screen and (max-width:502px)
{
.whatsappbuttonleft {position:fixed;bottom:20px;left:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
.whatsappbuttonrite {position:fixed;bottom:20px;right:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
}
}
}
/* ======================================================================================================================================================================= */
/* TOP */
#bgtop {width:100%;height:auto;margin:0 auto;padding:5px 0;background:#348CCB;}
#botop {width:1200px;margin:0 auto;padding:0;}
#topbox {margin:0 auto;padding:0;display:flex;align-items:center;}
#topleft {width:90%;display:flex;font-weight:700;}
#runtextbox {margin:0 auto;padding:0 10px 0 0;color:#fff;}
#runtextbox a {color:#fff;}
#runtextbox a:hover {color:#E16E00;}
#toprite {width:10%;text-align:right;color:#fff;font-weight:700;}
#toprite a {color:#fff;}
#toprite a:hover {color:#E16E00;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgtop {width:100%;height:auto;margin:0 auto;padding:5px 0;background:#348CCB;}
#botop {width:90%;margin:0 auto;padding:0;}
#topbox {margin:0 auto;padding:0;display:flex;align-items:center;}
#topleft {width:90%;display:flex;font-weight:700;}
#runtextbox {margin:0 auto;padding:0 10px 0 0;color:#fff;}
#runtextbox a {color:#fff;}
#runtextbox a:hover {color:#E16E00;}
#toprite {width:10%;text-align:right;color:#fff;font-weight:700;}
#toprite a {color:#fff;}
#toprite a:hover {color:#E16E00;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgtop {width:100%;height:auto;margin:0 auto;padding:5px 0;background:#348CCB;}
#botop {width:90%;margin:0 auto;padding:0;}
#topbox {margin:0 auto;padding:0;display:flex;align-items:center;}
#topleft {width:90%;display:flex;font-weight:700;}
#runtextbox {margin:0 auto;padding:0 10px 0 0;color:#fff;}
#runtextbox a {color:#fff;}
#runtextbox a:hover {color:#E16E00;}
#toprite {width:10%;text-align:right;color:#fff;font-weight:700;}
#toprite a {color:#fff;}
#toprite a:hover {color:#E16E00;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgtop {width:100%;height:auto;margin:0 auto;padding:5px 0;background:#348CCB;}
#botop {width:90%;margin:0 auto;padding:0;}
#topbox {margin:0 auto;padding:0;display:flex;align-items:center;flex-wrap:wrap;}
#topleft {width:100%;display:flex;font-weight:700;}
#runtextbox {margin:0 auto;padding:0 10px 0 0;color:#fff;}
#runtextbox a {color:#fff;}
#runtextbox a:hover {color:#E16E00;}
#toprite {width:100%;text-align:center;color:#fff;font-weight:700;}
#toprite a {color:#fff;}
#toprite a:hover {color:#E16E00;}
}
}
}
/* ======================================================================================================================================================================= */
/* TOP */
#baxtop {width:100%;height:auto;margin:0 auto;padding:0;}
#boxtop {width:1200px;margin:0 auto;padding:10px 0;}
#boxsnav {width:1200px;height:auto;margin:0 auto;padding:0;display:flex;}
#boxlogo {width:15%;height:auto;margin:0 auto;padding:0;float:left;text-align:left;position:relative;z-index:999;}
#boxlogo img {width:100%;height:auto:;margin:0 auto;padding:0;background:#fff;}
#boxlogom {width:auto;height:auto;margin:0 auto;padding:0;float:left;text-align:left;display:none;}
#boxlogom img {width:100%;height:auto;margin:0 auto;padding:0;}
#boxmenu {width:85%;height:auto;margin:0 auto;padding:0;float:right;text-align:right;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#baxtop {width:100%;height:auto;margin:0 auto;padding:0;}
#boxtop {width:100%;margin:0 auto;padding:10px 0;}
#boxsnav {width:90%;height:auto;margin:0 auto;padding:0;display:flex;}
#boxlogo {width:15%;height:auto;margin:0 auto;padding:0;float:left;text-align:left;position:relative;z-index:999;}
#boxlogo img {width:100%;height:auto:;margin:0 auto;padding:0;background:#fff;}
#boxlogom {width:auto;height:auto;margin:0 auto;padding:0;float:left;text-align:left;display:none;}
#boxlogom img {width:100%;height:auto;margin:0 auto;padding:0;}
#boxmenu {width:85%;height:auto;margin:0 auto;padding:0;float:right;text-align:right;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#baxtop {width:100%;height:auto;margin:0 auto;padding:0;}
#boxtop {width:100%;margin:0 auto;padding:10px 0;}
#boxsnav {width:90%;height:auto;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#boxlogo {width:25%;height:auto;margin:0 auto;padding:0;float:left;text-align:left;position:relative;z-index:999;}
#boxlogo img {width:100%;height:auto:;margin:0 auto;padding:0;background:#fff;}
#boxlogom {width:auto;height:auto;margin:0 auto;padding:0;float:left;text-align:left;display:none;}
#boxlogom img {width:100%;height:auto;margin:0 auto;padding:0;}
#boxmenu {width:100%;height:auto;margin:0 auto;padding:0;float:right;text-align:right;}
/* MOBILE */
@media screen and (max-width:502px)
{
#baxtop {width:100%;height:auto;margin:0 auto;padding:0;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#boxtop {width:100%;margin:0 auto;padding:10px 0 0;}
#boxsnav {width:100%;height:auto;margin:0 auto;padding:0;}
#boxlogo {width:auto;height:auto;margin:0 auto;padding:0;float:left;text-align:left;display:none;}
#boxlogom {width:100%;height:auto;margin:0 auto;padding:0;float:left;text-align:center;display:block;}
#boxlogom img {width:50%;height:auto;margin:0 auto;padding:0;}
#boxmenu {width:100%;height:auto;margin:0 auto;padding:0;float:left;text-align:left;}
}
}
}
/* ======================================================================================================================================================================= */
/* HEADER */
#bgheader {width:100%;margin:0 auto;padding:0;}
#boheader {width:100%;margin:0 auto;padding:0;}
.boheaderimg {width:100%;height:auto;overflow:hidden;}
.boheaderimg img {width:100%;height:auto;}
#bgheaderno {width:100%;margin:0 auto;padding:1px 0;background:#348CCB}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgheader {width:100%;margin:0 auto;padding:0;}
#boheader {width:100%;margin:0 auto;padding:0;}
.boheaderimg {width:100%;height:auto;overflow:hidden;}
.boheaderimg img {width:100%;height:auto;}
#bgheaderno {width:100%;margin:0 auto;padding:1% 0;background:#348CCB}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgheader {width:100%;margin:0 auto;padding:0;}
#boheader {width:100%;margin:0 auto;padding:0;}
.boheaderimg {width:100%;height:auto;overflow:hidden;}
.boheaderimg img {width:100%;height:auto;}
#bgheaderno {width:100%;margin:0 auto;padding:1% 0;background:#348CCB}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgheader {width:100%;margin:0 auto;padding:0;}
#boheader {width:100%;margin:0 auto;padding:0;}
.boheaderimg {width:100%;height:auto;overflow:hidden;}
.boheaderimg img {width:100%;height:auto;}
#bgheaderno {width:100%;margin:0 auto;padding:1% 0;background:#348CCB}
}
}
}
/* ======================================================================================================================================================================= */
/* SLIDESHOW */
#bgslideshow {width:100%;margin:0 auto;padding:0;}
#boslideshow {width:100%;margin:0 auto;padding:0;}
#boslideshow img {width:100%;margin:0 auto;padding:0;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgslideshow {width:100%;margin:0 auto;padding:0;}
#boslideshow {width:100%;margin:0 auto;padding:0;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgslideshow {width:100%;margin:0 auto;padding:0;}
#boslideshow {width:100%;margin:0 auto;padding:0;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgslideshow {width:100%;margin:0 auto;padding:0;}
#boslideshow {width:100%;margin:0 auto;padding:0;}
}
}
}
/* ======================================================================================================================================================================= */
/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:100px 0;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#cofrontpage {width:1200px;margin:0 auto;padding:0;}
#frontpage {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;border-radius:50px 0 0;}
#frontpagetop {width:60%;float:left;margin:0 auto;padding:0;border-top:5px solid #348CCB;border-right:5px solid #2A70A3;border-bottom:20px solid #2A70A3;border-left:5px solid #348CCB;border-radius:50px 0 0;}
.frontpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;line-height:0;}
.frontpageimg img {width:100%;height:auto;border-radius:50px 0 0;}
#frontpagebot {width:40%;float:left;margin:0 auto;padding:50px;border-radius:0 0 25px 0;background:#348CCB;border-top:20px solid #2A70A3;}
.frontpagenot {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#000;}
.frontpagetit {margin:0 auto;padding:0;}
.frontpagetit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#FFF;}
.frontpagesde {margin:1% auto;padding:0;}
.frontpagesde h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#FFF;}
.frontpagesdemor {margin:0;padding:0;color:#FFF;float:right;}
.frontpagesdemor:hover {color:#444;}
#frontpagebut {width:100%;margin:0 auto;padding:0;}
.frontpagebut {width:50%;float:left;text-align:left;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgfrontpage {width:100%;margin:0 auto;padding:100px 0;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#cofrontpage {width:90%;margin:0 auto;padding:0;}
#frontpage {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;border-radius:50px 0 0;}
#frontpagetop {width:60%;float:left;margin:0 auto;padding:0;border-top:5px solid #348CCB;border-right:5px solid #2A70A3;border-bottom:20px solid #2A70A3;border-left:5px solid #348CCB;border-radius:50px 0 0;}
.frontpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;line-height:0;}
.frontpageimg img {width:100%;height:auto;border-radius:50px 0 0;}
#frontpagebot {width:40%;float:left;margin:0 auto;padding:50px;border-radius:0 0 25px 0;background:#348CCB;border-top:20px solid #2A70A3;}
.frontpagenot {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#000;}
.frontpagetit {margin:0 auto;padding:0;}
.frontpagetit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#FFF;}
.frontpagesde {margin:1% auto;padding:0;}
.frontpagesde h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#FFF;}
.frontpagesdemor {margin:0;padding:0;color:#FFF;float:right;}
.frontpagesdemor:hover {color:#444;}
#frontpagebut {width:100%;margin:0 auto;padding:0;}
.frontpagebut {width:50%;float:left;text-align:left;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgfrontpage {width:100%;margin:0 auto;padding:10% 0;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#cofrontpage {width:80%;margin:0 auto;padding:0;}
#frontpage {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;border-radius:50px 0 0;}
#frontpagetop {width:100%;float:left;margin:0 auto;padding:0;border-top:5px solid #348CCB;border-right:5px solid #2A70A3;border-bottom:20px solid #2A70A3;border-left:5px solid #348CCB;border-radius:50px 0 0;}
.frontpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;line-height:0;}
.frontpageimg img {width:100%;height:auto;border-radius:50px 0 0;}
#frontpagebot {width:100%;float:left;margin:0 auto;padding:50px;border-radius:0 0 25px 0;background:#348CCB;border-top:20px solid #2A70A3;}
.frontpagenot {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#000;}
.frontpagetit {margin:0 auto;padding:0;}
.frontpagetit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#FFF;}
.frontpagesde {margin:1% auto;padding:0;}
.frontpagesde h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#FFF;}
.frontpagesdemor {margin:0;padding:0;color:#FFF;float:right;}
.frontpagesdemor:hover {color:#444;}
#frontpagebut {width:100%;margin:0 auto;padding:0;}
.frontpagebut {width:50%;float:left;text-align:left;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgfrontpage {width:100%;margin:0 auto;padding:5% 0;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#cofrontpage {width:90%;margin:0 auto;padding:0;}
#frontpage {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;border-radius:50px 0 0;}
#frontpagetop {width:100%;float:left;margin:0 auto;padding:0;border-top:5px solid #348CCB;border-right:5px solid #2A70A3;border-bottom:20px solid #2A70A3;border-left:5px solid #348CCB;border-radius:50px 0 0;}
.frontpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;line-height:0;}
.frontpageimg img {width:100%;height:auto;border-radius:50px 0 0;}
#frontpagebot {width:100%;float:left;margin:0 auto;padding:50px;border-radius:0 0 25px 0;background:#348CCB;border-top:20px solid #2A70A3;}
.frontpagenot {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#000;}
.frontpagetit {margin:0 auto;padding:0;}
.frontpagetit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#FFF;}
.frontpagesde {margin:1% auto;padding:0;}
.frontpagesde h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#FFF;}
.frontpagesdemor {margin:0;padding:0;color:#FFF;float:right;}
.frontpagesdemor:hover {color:#444;}
#frontpagebut {width:100%;margin:0 auto;padding:0;}
.frontpagebut {width:50%;float:left;text-align:left;}
}
}
}
/* ======================================================================================================================================================================= */
/* SERVICES HOME */
#bgservices {width:100%;margin:0 auto;padding:0;background:#348CCB;border-top:1px solid #348CCB;border-bottom:1px solid #348CCB;}
#bcservices {width:100%;margin:0 auto;padding:5% 0;background:#FCFDFE;border-radius:200px 0;}
#boservices {width:96%;margin:0 auto;padding:0;}
#coservices {margin:0 auto;padding:0;}
#servicestop {margin:0 auto 50px;padding:0;text-align:center;}
.servicestoptit {margin:0 auto;padding:0;}
.servicestoptit h2 {font-weight:900;font-size:25px;color:#348CCB;}
.servicestopdes {margin:0 auto;padding:0;}
.servicestopdes h3 {font-weight:400;font-size:16px;color:#222222;}
#servicesbot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#servicesbotbox {width:25%;float:left;margin:0 auto 5%;padding:0;text-align:center;}
#servicesbotboxtop {width:100%;float:left;margin:0 auto 10px;padding:0;}
.servicesbotimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.servicesbotimg img {width:20%;height:auto;}
#servicesbotboxfot {width:100%;float:left;margin:0 auto;padding:0;}
.servicesbottit {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#348CCB;}
.servicesbotdes {margin:0 auto;padding:0 5%;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#222222;}
.servicesbotmor {margin:10px auto 0;padding:0;}
.servicesbotmor a {margin:0 auto;padding:5px 20px;color:#358CCB;border:1px solid #358CCB;font-weight:700;font-size:13px;border-radius:3px;}
.servicesbotmor a:hover {background:#358CCB;color:#fff;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgservices {width:100%;margin:0 auto;padding:0;background:#348CCB;border-top:1px solid #348CCB;border-bottom:1px solid #348CCB;}
#bcservices {width:100%;margin:0 auto;padding:5% 0;background:#FCFDFE;border-radius:200px 0;}
#boservices {width:96%;margin:0 auto;padding:0;}
#coservices {margin:0 auto;padding:0;}
#servicestop {margin:0 auto 50px;padding:0;text-align:center;}
.servicestoptit {margin:0 auto;padding:0;}
.servicestoptit h2 {font-weight:900;font-size:25px;color:#348CCB;}
.servicestopdes {margin:0 auto;padding:0;}
.servicestopdes h3 {font-weight:400;font-size:16px;color:#222222;}
#servicesbot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#servicesbotbox {width:25%;float:left;margin:0 auto 5%;padding:0;text-align:center;}
#servicesbotboxtop {width:100%;float:left;margin:0 auto 10px;padding:0;}
.servicesbotimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.servicesbotimg img {width:20%;height:auto;}
#servicesbotboxfot {width:100%;float:left;margin:0 auto;padding:0;}
.servicesbottit {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#348CCB;}
.servicesbotdes {margin:0 auto;padding:0 5%;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#222222;}
.servicesbotmor {margin:10px auto 0;padding:0;}
.servicesbotmor a {margin:0 auto;padding:5px 20px;color:#358CCB;border:1px solid #358CCB;font-weight:700;font-size:13px;border-radius:3px;}
.servicesbotmor a:hover {background:#358CCB;color:#fff;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgservices {width:100%;margin:0 auto;padding:0;background:#348CCB;border-top:1px solid #348CCB;border-bottom:1px solid #348CCB;}
#bcservices {width:100%;margin:0 auto;padding:5% 0;background:#FCFDFE;border-radius:200px 0;}
#boservices {width:90%;margin:0 auto;padding:0;}
#coservices {margin:0 auto;padding:0;}
#servicestop {margin:0 auto 50px;padding:0;text-align:center;}
.servicestoptit {margin:0 auto;padding:0;}
.servicestoptit h2 {font-weight:900;font-size:25px;color:#348CCB;}
.servicestopdes {margin:0 auto;padding:0;}
.servicestopdes h3 {font-weight:400;font-size:16px;color:#222222;}
#servicesbot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#servicesbotbox {width:50%;float:left;margin:0 auto 5%;padding:0;text-align:center;}
#servicesbotboxtop {width:100%;float:left;margin:0 auto 10px;padding:0;}
.servicesbotimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.servicesbotimg img {width:20%;height:auto;}
#servicesbotboxfot {width:100%;float:left;margin:0 auto;padding:0;}
.servicesbottit {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#348CCB;}
.servicesbotdes {margin:0 auto;padding:0 5%;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#222222;}
.servicesbotmor {margin:10px auto 0;padding:0;}
.servicesbotmor a {margin:0 auto;padding:5px 20px;color:#358CCB;border:1px solid #358CCB;font-weight:700;font-size:13px;border-radius:3px;}
.servicesbotmor a:hover {background:#358CCB;color:#fff;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgservices {width:100%;margin:0 auto;padding:0;background:#348CCB;border-top:1px solid #348CCB;border-bottom:1px solid #348CCB;}
#bcservices {width:100%;margin:0 auto;padding:10% 0;background:#FCFDFE;border-radius:200px 0;}
#boservices {width:90%;margin:0 auto;padding:0;}
#coservices {margin:0 auto;padding:0;}
#servicestop {margin:0 auto 50px;padding:0;text-align:center;}
.servicestoptit {margin:0 auto;padding:0;}
.servicestoptit h2 {font-weight:900;font-size:25px;color:#348CCB;}
.servicestopdes {margin:0 auto;padding:0;}
.servicestopdes h3 {font-weight:400;font-size:16px;color:#222222;}
#servicesbot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#servicesbotbox {width:100%;float:left;margin:0 auto 10%;padding:0;text-align:center;}
#servicesbotboxtop {width:100%;float:left;margin:0 auto 10px;padding:0;}
.servicesbotimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.servicesbotimg img {width:20%;height:auto;}
#servicesbotboxfot {width:100%;float:left;margin:0 auto;padding:0;}
.servicesbottit {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#348CCB;}
.servicesbotdes {margin:0 auto;padding:0 5%;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#222222;}
.servicesbotmor {margin:10px auto 0;padding:0;}
.servicesbotmor a {margin:0 auto;padding:5px 20px;color:#358CCB;border:1px solid #358CCB;font-weight:700;font-size:13px;border-radius:3px;}
.servicesbotmor a:hover {background:#358CCB;color:#fff;}
}
}
}
/* ======================================================================================================================================================================= */
/* PUBLIC HOME */
#bgpublichome {width:100%;margin:0 auto;padding:100px 0;}
#bopublichome {width:90%;margin:0 auto;padding:0;}
#publichomebox {margin:0 auto;padding:0;}
#publichometop {width:1200px;margin:0 auto 20px;padding:0;}
.publichometoptit {font-weight:700;font-size:30px;color:#348CCB;}
.publichometopdes {font-weight:400;font-size:16px;color:#222222;}
#publichomebot {width:100%;margin:0 auto;padding:0;display:flex;}
#publichomebotcon {width:31.33%;margin:0 1%;padding:20px;border:1px solid #ddd;}
#publichomebotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publichomebotrow span {float:right;font-weight:400;font-size:12px;}
#publichomebotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publichomebotrow span a:hover {background:#EE613D;color:#fff;}
#publichomebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publichomebothed {width:30%;margin:0 auto;padding:0;}
.publichomebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publichomebotimg img {width:130%;height:auto;}
#publichomebotfot {width:70%;margin:0 auto;padding:0 20px;}
.publichomebotdet {margin:0 auto;padding:0;color:#999;}
.publichomebottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publichomebottit a {color:#348CCB;}
.publichomebottit a:hover {color:#EE613D;}
.publichomebotdes {margin:10px auto;padding:0;color:#444444;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgpublichome {width:100%;margin:0 auto;padding:100px 0;}
#bopublichome {width:90%;margin:0 auto;padding:0;}
#publichomebox {margin:0 auto;padding:0;}
#publichometop {width:90%;margin:0 auto 20px;padding:0;}
.publichometoptit {font-weight:700;font-size:30px;color:#348CCB;}
.publichometopdes {font-weight:400;font-size:16px;color:#222222;}
#publichomebot {width:100%;margin:0 auto;padding:0;display:flex;}
#publichomebotcon {width:31.33%;margin:0 1%;padding:20px;border:1px solid #ddd;}
#publichomebotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publichomebotrow span {float:right;font-weight:400;font-size:12px;}
#publichomebotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publichomebotrow span a:hover {background:#EE613D;color:#fff;}
#publichomebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publichomebothed {width:30%;margin:0 auto;padding:0;}
.publichomebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publichomebotimg img {width:130%;height:auto;}
#publichomebotfot {width:70%;margin:0 auto;padding:0 20px;}
.publichomebotdet {margin:0 auto;padding:0;color:#999;}
.publichomebottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publichomebottit a {color:#348CCB;}
.publichomebottit a:hover {color:#EE613D;}
.publichomebotdes {margin:10px auto;padding:0;color:#444444;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgpublichome {width:100%;margin:0 auto;padding:5% 0;}
#bopublichome {width:90%;margin:0 auto;padding:0;}
#publichomebox {margin:0 auto;padding:0;}
#publichometop {width:90%;margin:0 auto 20px;padding:0;}
.publichometoptit {font-weight:700;font-size:30px;color:#348CCB;}
.publichometopdes {font-weight:400;font-size:16px;color:#222222;}
#publichomebot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publichomebotcon {width:100%;margin:0 auto 5%;padding:20px;border:1px solid #ddd;}
#publichomebotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publichomebotrow span {float:right;font-weight:400;font-size:12px;}
#publichomebotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publichomebotrow span a:hover {background:#EE613D;color:#fff;}
#publichomebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publichomebothed {width:20%;margin:0 auto;padding:0;}
.publichomebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publichomebotimg img {width:100%;height:auto;}
#publichomebotfot {width:80%;margin:0 auto;padding:0 20px;}
.publichomebotdet {margin:0 auto;padding:0;color:#999;}
.publichomebottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publichomebottit a {color:#348CCB;}
.publichomebottit a:hover {color:#EE613D;}
.publichomebotdes {margin:10px auto;padding:0;color:#444444;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgpublichome {width:100%;margin:0 auto;padding:5% 0;}
#bopublichome {width:90%;margin:0 auto;padding:0;}
#publichomebox {margin:0 auto;padding:0;}
#publichometop {width:90%;margin:0 auto 20px;padding:0;}
.publichometoptit {font-weight:700;font-size:30px;color:#348CCB;}
.publichometopdes {font-weight:400;font-size:16px;color:#222222;}
#publichomebot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publichomebotcon {width:100%;margin:0 auto 5%;padding:20px;border:1px solid #ddd;}
#publichomebotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publichomebotrow span {float:right;font-weight:400;font-size:12px;}
#publichomebotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publichomebotrow span a:hover {background:#EE613D;color:#fff;}
#publichomebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publichomebothed {width:20%;margin:0 auto;padding:0;}
.publichomebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publichomebotimg img {width:100%;height:auto;}
#publichomebotfot {width:80%;margin:0 auto;padding:0 20px;}
.publichomebotdet {margin:0 auto;padding:0;color:#999;}
.publichomebottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publichomebottit a {color:#348CCB;}
.publichomebottit a:hover {color:#EE613D;}
.publichomebotdes {margin:10px auto;padding:0;color:#444444;}
}
}
}
/* ======================================================================================================================================================================= */
/* BOTTOM A */
#bgbottoma {width:100%;margin:0;padding:100px 0;background:#358CCB;}
#bobottoma {width:1200px;margin:0 auto;padding:0;}
#bottoma01 {width:38%;float:left;margin:0 1% 0 0;padding:0 1% 0 0;border-right:1px solid #fff;}
#bottoma02 {width:30%;float:left;margin:0 1%;padding:0;}
#bottoma03 {width:28%;float:left;margin:0;padding:0;}
.bottomatit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottomades {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;margin:0;padding:0;color:#fff;}
.bottomades img {width:25px;height:auto;vertical-align:middle;}
.bottomades ul li {list-style:none;margin-bottom:20px;margin-left:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.bottomades ul li a {color:#fff;}
.bottomades ul li a:hover {color:#000;}
.bottomades a {color:#fff;}
.bottomades a:hover {color:#000;}
.bottomamor {margin:20px auto 0;padding:0;}
.bottomamor a {margin:0 auto;padding:5px 20px;background:#fff;color:#358CCB;border:1px solid #fff;font-weight:700;font-size:13px;border-radius:3px;}
.bottomamor a:hover {background:#358CCB;color:#fff;border:1px solid #fff;}
/* BOTTOM B */
#bgbottomb {width:100%;margin:0;padding:100px 0;background:#2A70A3;}
#bobottomb {width:990px;margin:0 auto;padding:0;}
#bottomb01 {width:22%;float:left;margin:0;padding:0;}
#bottomb02 {width:32%;float:left;margin:0 1%;padding:0;}
#bottomb03 {width:32%;float:left;margin:0 1%;padding:0;}
#bottomb04 {width:10%;float:left;margin:0;padding:0;}
.bottombtit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottombdes {font-size:15px;margin:0;padding:0;color:#fff;}
.bottombdes ul li {list-style:square;margin-bottom:5px;margin-left:18px;}
.bottombdes ul li a {color:#fff;}
.bottombdes ul li a:hover {color:#000;}
.bottombdes a {color:#fff;}
.bottombdes a:hover {color:#000;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgbottoma {width:100%;margin:0;padding:100px 0;background:#358CCB;}
#bobottoma {width:90%;margin:0 auto;padding:0;}
#bottoma01 {width:38%;float:left;margin:0 1% 0 0;padding:0 1% 0 0;border-right:1px solid #fff;}
#bottoma02 {width:30%;float:left;margin:0 1%;padding:0;}
#bottoma03 {width:28%;float:left;margin:0;padding:0;}
.bottomatit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottomades {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;margin:0;padding:0;color:#fff;}
.bottomades img {width:25px;height:auto;vertical-align:middle;}
.bottomades ul li {list-style:none;margin-bottom:20px;margin-left:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.bottomades ul li a {color:#fff;}
.bottomades ul li a:hover {color:#000;}
.bottomades a {color:#fff;}
.bottomades a:hover {color:#000;}
.bottomamor {margin:20px auto 0;padding:0;}
.bottomamor a {margin:0 auto;padding:5px 20px;background:#fff;color:#358CCB;border:1px solid #fff;font-weight:700;font-size:13px;border-radius:3px;}
.bottomamor a:hover {background:#358CCB;color:#fff;border:1px solid #fff;}
/* BOTTOM B */
#bgbottomb {width:100%;margin:0;padding:100px 0;background:#2A70A3;}
#bobottomb {width:90%;margin:0 auto;padding:0;}
#bottomb01 {width:22%;float:left;margin:0;padding:0;}
#bottomb02 {width:32%;float:left;margin:0 1%;padding:0;}
#bottomb03 {width:32%;float:left;margin:0 1%;padding:0;}
#bottomb04 {width:10%;float:left;margin:0;padding:0;}
.bottombtit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottombdes {font-size:15px;margin:0;padding:0;color:#fff;}
.bottombdes ul li {list-style:square;margin-bottom:5px;margin-left:18px;}
.bottombdes ul li a {color:#fff;}
.bottombdes ul li a:hover {color:#000;}
.bottombdes a {color:#fff;}
.bottombdes a:hover {color:#000;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgbottoma {width:100%;margin:0;padding:5% 0;background:#358CCB;}
#bobottoma {width:90%;margin:0 auto;padding:0;}
#bottoma01 {width:38%;float:left;margin:0 1% 0 0;padding:0 1% 0 0;border-right:1px solid #fff;}
#bottoma02 {width:33%;float:left;margin:0 2%;padding:0;}
#bottoma03 {width:24%;float:left;margin:0;padding:0;}
.bottomatit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottomades {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;margin:0;padding:0;color:#fff;}
.bottomades img {width:25px;height:auto;vertical-align:middle;}
.bottomades ul li {list-style:none;margin-bottom:20px;margin-left:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.bottomades ul li a {color:#fff;}
.bottomades ul li a:hover {color:#000;}
.bottomades a {color:#fff;}
.bottomades a:hover {color:#000;}
.bottomamor {margin:20px auto 0;padding:0;}
.bottomamor a {margin:0 auto;padding:5px 20px;background:#fff;color:#358CCB;border:1px solid #fff;font-weight:700;font-size:13px;border-radius:3px;}
.bottomamor a:hover {background:#358CCB;color:#fff;border:1px solid #fff;}
/* BOTTOM B */
#bgbottomb {width:100%;margin:0;padding:5% 0;background:#2A70A3;}
#bobottomb {width:90%;margin:0 auto;padding:0;}
#bottomb01 {width:22%;float:left;margin:0;padding:0;}
#bottomb02 {width:32%;float:left;margin:0 1%;padding:0;}
#bottomb03 {width:32%;float:left;margin:0 1%;padding:0;}
#bottomb04 {width:10%;float:left;margin:0;padding:0;}
.bottombtit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottombdes {font-size:15px;margin:0;padding:0;color:#fff;}
.bottombdes ul li {list-style:square;margin-bottom:5px;margin-left:18px;}
.bottombdes ul li a {color:#fff;}
.bottombdes ul li a:hover {color:#000;}
.bottombdes a {color:#fff;}
.bottombdes a:hover {color:#000;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgbottoma {width:100%;margin:0;padding:5% 0;background:#358CCB;}
#bobottoma {width:90%;margin:0 auto;padding:0;}
#bottoma01 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-right:none;border-bottom:1px solid #4997D0;}
#bottoma02 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #4997D0;}
#bottoma03 {width:100%;float:left;margin:0;padding:0;}
.bottomatit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottomades {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;margin:0;padding:0;color:#fff;}
.bottomades img {width:25px;height:auto;vertical-align:middle;}
.bottomades ul li {list-style:none;margin-bottom:20px;margin-left:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.bottomades ul li a {color:#fff;}
.bottomades ul li a:hover {color:#000;}
.bottomades a {color:#fff;}
.bottomades a:hover {color:#000;}
.bottomamor {margin:20px auto 0;padding:0;}
.bottomamor a {margin:0 auto;padding:5px 20px;background:#fff;color:#358CCB;border:1px solid #fff;font-weight:700;font-size:13px;border-radius:3px;}
.bottomamor a:hover {background:#358CCB;color:#fff;border:1px solid #fff;}
/* BOTTOM B */
#bgbottomb {width:100%;margin:0;padding:5% 0;background:#2A70A3;}
#bobottomb {width:90%;margin:0 auto;padding:0;}
#bottomb01 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #2F7EB7;}
#bottomb02 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #2F7EB7;}
#bottomb03 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #2F7EB7;}
#bottomb04 {width:100%;float:left;margin:0;padding:0;}
.bottombtit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottombdes {font-size:15px;margin:0;padding:0;color:#fff;}
.bottombdes ul li {list-style:square;margin-bottom:5px;margin-left:18px;}
.bottombdes ul li a {color:#fff;}
.bottombdes ul li a:hover {color:#000;}
.bottombdes a {color:#fff;}
.bottombdes a:hover {color:#000;}
}
}
}
/* ======================================================================================================================================================================= */
/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:50px 0;font-size:15px;background:#20547B;color:#fff;text-transform:uppercase;}
#bofooter {width:100%;margin:0 auto;padding:0;}
#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:#fff;}
/* LANDSCAPE */
@media screen and (max-width:1004px)
{
#bgfooter {width:100%;margin:0 auto;padding:30px 0;font-size:12px;background:#25628F;color:#fff;text-transform:uppercase;}
#bofooter {width:100%;margin:0 auto;padding:0;}
#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:#fff;}
/* POTRAIT */
@media screen and (max-width:1004px)
{
#bgfooter {width:100%;margin:0 auto;padding:30px 0;font-size:12px;background:#25628F;color:#fff;text-transform:uppercase;}
#bofooter {width:100%;margin:0 auto;padding:0;}
#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:#fff;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgfooter {width:100%;margin:0 auto;padding:30px 0;font-size:12px;background:#25628F;color:#fff;text-transform:uppercase;}
#bofooter {width:100%;margin:0 auto;padding:0;}
#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:#fff;}
}
}
}
/* ======================================================================================================================================================================= */
/* BREADCUMB */
#bgbreadcumb {width:100%;margin:0 auto;padding:0;}
#bobreadcumb {width:1200px;margin:0 auto;padding:10px 0;border-bottom:1px solid #ddd;}
.bobreadcumbtit {margin:0 auto;padding:0;font-weight:700;text-transform:uppercase;}
.bobreadcumbtit a {color:#348CCB;}
.bobreadcumbtit a:hover {color:#EE623D;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgbreadcumb {width:100%;margin:0 auto;padding:0;}
#bobreadcumb {width:90%;margin:0 auto;padding:10px 0;border-bottom:1px solid #ddd;}
.bobreadcumbtit {margin:0 auto;padding:0;text-transform:uppercase;}
.bobreadcumbtit a {color:#348CCB;}
.bobreadcumbtit a:hover {color:#EE623D;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgbreadcumb {width:100%;margin:0 auto;padding:0;}
#bobreadcumb {width:90%;margin:0 auto;padding:10px 0;border-bottom:1px solid #ddd;}
.bobreadcumbtit {margin:0 auto;padding:0;text-transform:uppercase;}
.bobreadcumbtit a {color:#348CCB;}
.bobreadcumbtit a:hover {color:#EE623D;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgbreadcumb {width:100%;margin:0 auto;padding:0;}
#bobreadcumb {width:90%;margin:0 auto;padding:10px 0;border-bottom:1px solid #ddd;}
.bobreadcumbtit {margin:0 auto;padding:0;text-transform:uppercase;}
.bobreadcumbtit a {color:#348CCB;}
.bobreadcumbtit a:hover {color:#EE623D;}
}
}
}
/* ======================================================================================================================================================================= */
/* PAGES */
#bgpages {width:100%;margin:0 auto;padding:0;}
#bopages {width:100%;margin:0 auto;padding:0;}
#pageshed {width:100%;margin:0 auto;padding:0;}
#pageshedbox {margin:0 auto;padding:0;display:flex;align-items:center;background:#348CCB;color:#FFF;border-radius:0 0 100px;overflow:hidden;}
#pageshedboxfull {margin:0 auto;padding:5%;}
#pageshedboxleft {width:50%;margin:0;padding:0;}
.pageshedimg {width:100%;float:left;margin:0 auto;padding:0;line-height:0;}
.pageshedimg img {width:100%;height:auto;}
#pageshedboxrite {width:50%;margin:0;padding:5%;}
.pageshedtit {margin:0 auto 20px;padding:0;}
.pageshedtit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.pagesheddes {margin:0 auto;padding:0;}
.pagesheddes h2 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
.pagesheddes a {color:#D7251B;}
.pagesheddes a:hover {color:#EE623E;}
.pagesheddes ol li {list-style:decimal;margin-left:18px;}
.pagesheddes ul li {list-style:disc;margin-left:18px;}
#pagesfot {width:100%;float:left;margin:0 auto;padding:0;}
#pagesfotbox {width:1200px;margin:0 auto;padding:50px 0;display:flex;align-items:center;border-bottom:1px solid #EE613D;}
#pagesfotboxC {width:1200px;margin:0 auto;padding:0;}
#pagesfotboxlefta {width:35%;margin:0 5% 0 0;padding:0;}
#pagesfotboxritea {width:60%;margin:0 auto;padding:0;}
#pagesfotboxleftb {width:60%;margin:0 5% 0 0;padding:0;text-align:right;}
#pagesfotboxriteb {width:35%;margin:0 auto;padding:0;}
.pagesfottit {margin:0 auto 2%;padding:0;}
.pagesfottit h2 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;text-transform:uppercase;color:#348CCB;}
.pagesfotdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes h3 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes table {font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;}
.pagesfotdes strong {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesfotdes p {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesfotdes a {color:#348CCB;}
.pagesfotdes a:hover {color:#EE623E;}
.pagesfotdes ol li {list-style:decimal;margin-left:20px;}
.pagesfotdes ul li {list-style:disc;margin-left:20px;}
.pagesfotmor {margin:0 auto;padding:0;}
.pagesfotmor a {color:#EE623E;}
.pagesfotmor a:hover {color:#348CCB;}
.pagesfotimg {width:100%;float:left;margin:10px auto;padding:0;line-height:1;}
.pagesfotimg img {width:100%;height:auto;border-radius:10px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesfotbut {margin:0 auto;padding:0;}
.pagesfotbutleft {width:50%;float:left;}
.pagesfotbutrite {width:50%;float:left;}
#pagesgaleribox {margin:20px auto 0;padding:0;}
#pagesgaleri {width:24%;float:left;margin:0 0.5% 1%;padding:0;}
.pagesgaleriimg {width:100%;height:150px;overflow:hidden;margin:0 auto;padding:0;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesgaleriimg img {width:100%;height:auto;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgpages {width:100%;margin:0 auto;padding:0;}
#bopages {width:100%;margin:0 auto;padding:0;}
#pageshed {width:100%;margin:0 auto;padding:0;}
#pageshedbox {margin:0 auto;padding:0;display:flex;align-items:center;background:#348CCB;color:#FFF;border-radius:0 0 100px;overflow:hidden;}
#pageshedboxfull {margin:0 auto;padding:5%;}
#pageshedboxleft {width:50%;margin:0;padding:0;}
.pageshedimg {width:100%;float:left;margin:0 auto;padding:0;line-height:0;}
.pageshedimg img {width:100%;height:auto;}
#pageshedboxrite {width:50%;margin:0;padding:5%;}
.pageshedtit {margin:0 auto 20px;padding:0;}
.pageshedtit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.pagesheddes {margin:0 auto;padding:0;}
.pagesheddes h2 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
.pagesheddes a {color:#D7251B;}
.pagesheddes a:hover {color:#EE623E;}
.pagesheddes ol li {list-style:decimal;margin-left:18px;}
.pagesheddes ul li {list-style:disc;margin-left:18px;}
#pagesfot {width:100%;float:left;margin:0 auto;padding:0;}
#pagesfotbox {width:90%;margin:0 auto;padding:50px 0;display:flex;align-items:center;border-bottom:1px solid #EE613D;}
#pagesfotboxC {width:90%;margin:0 auto;padding:0;}
#pagesfotboxlefta {width:35%;margin:0 5% 0 0;padding:0;}
#pagesfotboxritea {width:60%;margin:0 auto;padding:0;}
#pagesfotboxleftb {width:60%;margin:0 5% 0 0;padding:0;text-align:right;}
#pagesfotboxriteb {width:35%;margin:0 auto;padding:0;}
.pagesfottit {margin:0 auto 2%;padding:0;}
.pagesfottit h2 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;text-transform:uppercase;color:#348CCB;}
.pagesfotdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes h3 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes table {font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;}
.pagesfotdes strong {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesfotdes p {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesfotdes a {color:#348CCB;}
.pagesfotdes a:hover {color:#EE623E;}
.pagesfotdes ol li {list-style:decimal;margin-left:20px;}
.pagesfotdes ul li {list-style:disc;margin-left:20px;}
.pagesfotmor {margin:0 auto;padding:0;}
.pagesfotmor a {color:#EE623E;}
.pagesfotmor a:hover {color:#348CCB;}
.pagesfotimg {width:100%;float:left;margin:10px auto;padding:0;line-height:1;}
.pagesfotimg img {width:100%;height:auto;border-radius:10px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesfotbut {margin:0 auto;padding:0;}
.pagesfotbutleft {width:50%;float:left;}
.pagesfotbutrite {width:50%;float:left;}
#pagesgaleribox {margin:20px auto 0;padding:0;}
#pagesgaleri {width:24%;float:left;margin:0 0.5% 1%;padding:0;}
.pagesgaleriimg {width:100%;height:150px;overflow:hidden;margin:0 auto;padding:0;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesgaleriimg img {width:100%;height:auto;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgpages {width:100%;margin:0 auto;padding:0;}
#bopages {width:100%;margin:0 auto;padding:0;}
#pageshed {width:100%;margin:0 auto;padding:0;}
#pageshedbox {margin:0 auto;padding:0;display:flex;align-items:center;background:#348CCB;color:#FFF;border-radius:0 0 100px;overflow:hidden;}
#pageshedboxfull {margin:0 auto;padding:5%;}
#pageshedboxleft {width:50%;margin:0;padding:0;}
.pageshedimg {width:100%;float:left;margin:0 auto;padding:0;line-height:0;}
.pageshedimg img {width:100%;height:auto;}
#pageshedboxrite {width:50%;margin:0;padding:5%;}
.pageshedtit {margin:0 auto 20px;padding:0;}
.pageshedtit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.pagesheddes {margin:0 auto;padding:0;}
.pagesheddes h2 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
.pagesheddes a {color:#D7251B;}
.pagesheddes a:hover {color:#EE623E;}
.pagesheddes ol li {list-style:decimal;margin-left:18px;}
.pagesheddes ul li {list-style:disc;margin-left:18px;}
#pagesfot {width:100%;float:left;margin:0 auto;padding:0;}
#pagesfotbox {width:90%;margin:0 auto;padding:50px 0;display:flex;align-items:center;border-bottom:1px solid #EE613D;}
#pagesfotboxC {width:90%;margin:0 auto;padding:0;}
#pagesfotboxlefta {width:35%;margin:0 5% 0 0;padding:0;}
#pagesfotboxritea {width:60%;margin:0 auto;padding:0;}
#pagesfotboxleftb {width:60%;margin:0 5% 0 0;padding:0;text-align:right;}
#pagesfotboxriteb {width:35%;margin:0 auto;padding:0;}
.pagesfottit {margin:0 auto 2%;padding:0;}
.pagesfottit h2 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;text-transform:uppercase;color:#348CCB;}
.pagesfotdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes h3 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes table {font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;}
.pagesfotdes strong {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesfotdes p {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesfotdes a {color:#348CCB;}
.pagesfotdes a:hover {color:#EE623E;}
.pagesfotdes ol li {list-style:decimal;margin-left:20px;}
.pagesfotdes ul li {list-style:disc;margin-left:20px;}
.pagesfotmor {margin:0 auto;padding:0;}
.pagesfotmor a {color:#EE623E;}
.pagesfotmor a:hover {color:#348CCB;}
.pagesfotimg {width:100%;float:left;margin:10px auto;padding:0;line-height:1;}
.pagesfotimg img {width:100%;height:auto;border-radius:10px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesfotbut {margin:0 auto;padding:0;}
.pagesfotbutleft {width:50%;float:left;}
.pagesfotbutrite {width:50%;float:left;}
#pagesgaleribox {margin:20px auto 0;padding:0;}
#pagesgaleri {width:24%;float:left;margin:0 0.5% 1%;padding:0;}
.pagesgaleriimg {width:100%;height:150px;overflow:hidden;margin:0 auto;padding:0;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesgaleriimg img {width:100%;height:auto;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgpages {width:100%;margin:0 auto;padding:0;}
#bopages {width:100%;margin:0 auto;padding:0;}
#pageshed {width:100%;margin:0 auto;padding:0;}
#pageshedbox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;background:#348CCB;color:#FFF;border-radius:0 0 100px;overflow:hidden;}
#pageshedboxfull {margin:0 auto;padding:5%;}
#pageshedboxleft {width:100%;margin:0;padding:0;}
.pageshedimg {width:100%;float:left;margin:0 auto;padding:0;line-height:0;}
.pageshedimg img {width:100%;height:auto;}
#pageshedboxrite {width:100%;margin:0;padding:5%;}
.pageshedtit {margin:0 auto 20px;padding:0;}
.pageshedtit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.pagesheddes {margin:0 auto;padding:0;}
.pagesheddes h2 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
.pagesheddes a {color:#D7251B;}
.pagesheddes a:hover {color:#EE623E;}
.pagesheddes ol li {list-style:decimal;margin-left:18px;}
.pagesheddes ul li {list-style:disc;margin-left:18px;}
#pagesfot {width:100%;float:left;margin:0 auto;padding:0;}
#pagesfotbox {width:90%;margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #EE613D;}
#pagesfotboxC {width:90%;margin:0 auto;padding:0;}
#pagesfotboxlefta {width:100%;margin:0 auto;padding:0;}
#pagesfotboxritea {width:100%;margin:0 auto;padding:0;}
#pagesfotboxleftb {width:100%;margin:0 auto;padding:0;text-align:right;}
#pagesfotboxriteb {width:100%;margin:0 auto;padding:0;}
.pagesfottit {margin:0 auto 2%;padding:0;}
.pagesfottit h2 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;text-transform:uppercase;color:#348CCB;}
.pagesfotdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes h3 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesfotdes table {font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;}
.pagesfotdes strong {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesfotdes p {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesfotdes a {color:#348CCB;}
.pagesfotdes a:hover {color:#EE623E;}
.pagesfotdes ol li {list-style:decimal;margin-left:20px;}
.pagesfotdes ul li {list-style:disc;margin-left:20px;}
.pagesfotmor {margin:0 auto;padding:0;}
.pagesfotmor a {color:#EE623E;}
.pagesfotmor a:hover {color:#348CCB;}
.pagesfotimg {width:100%;float:left;margin:10px auto;padding:0;line-height:1;}
.pagesfotimg img {width:100%;height:auto;border-radius:10px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesfotbut {margin:0 auto;padding:0;}
.pagesfotbutleft {width:50%;float:left;}
.pagesfotbutrite {width:50%;float:left;}
#pagesgaleribox {margin:20px auto 0;padding:0;}
#pagesgaleri {width:24%;float:left;margin:0 0.5% 1%;padding:0;}
.pagesgaleriimg {width:100%;height:150px;overflow:hidden;margin:0 auto;padding:0;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesgaleriimg img {width:100%;height:auto;}
}
}
}
/* ======================================================================================================================================================================= */
/* PAGES DETAILS */
#bgpagesdetails {width:100%;margin:0 auto;padding:20px 0;}
#bopagesdetails {width:100%;margin:0 auto;padding:0;}
#bopagesdetailsleft {width:100%;margin:0 auto;padding:0;}
#pagesdetailsful {margin:0 auto;padding:0;}
#pagesdetailsbox {margin:0 auto;padding:0;display:flex;}
#pagesdetailstopL {width:40%;margin:0 auto;padding:0;}
#pagesdetailstopR {width:60%;margin:0 auto;padding:0 50px 0 100px;}
.pagesdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px auto;padding:0;}
.pagesdetailsimg img {width:100%;height:auto;margin:0 auto;padding:0;}
#pagesdetailsbotL {width:60%;margin:0 auto;padding:0 150px 0 50px;}
#pagesdetailsbotR {width:40%;margin:0 auto;padding:0;}
.pagesdetailscat {margin:0 auto;padding:0;color:#EE623E;}
.pagesdetailstit {margin:0 auto 2%;padding:0;}
.pagesdetailstit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#348CCB;}
.pagesdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes table {width:100%!important;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;}
.pagesdetailsdes strong {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes p {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes a {color:#D7251B;}
.pagesdetailsdes a:hover {color:#EE623E;}
.pagesdetailsdes ol li {list-style:decimal;margin-left:20px;}
.pagesdetailsdes ul li {list-style:disc;margin-left:20px;}
#bopagesdetailsrite {width:90%;margin:5% auto 0;padding:5% 0;border-top:1px solid #ddd;}
#bopagesdetailsritebox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#pagesdetailslis {width:23%;float:left;margin:0 1% 2%;padding:0;}
#pagesdetailslisleft {width:100%;margin:0 auto 2%;padding:0;}
.pagesdetailslisimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.pagesdetailslisimg img {width:100%;height:auto;}
#pagesdetailslisrite {width:100%;margin:0 auto;padding:0;}
.pagesdetailslistit {margin:0 auto;padding:0;}
.pagesdetailslistit h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailslistit a {color:#348BCB;}
.pagesdetailslistit a:hover {color:#EE623D;}
.pagesdetailslisdes {margin:0 auto;padding:0;}
.pagesdetailslisdes h3 {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
#pagestimbox {width:90%;margin:0 auto;padding:5% 0;display:flex;flex-wrap:wrap;}
#pagestim {width:23%;margin:0 1% 2%;padding:5px;text-align:center;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagestimimg {width:100%;height:auto;margin:0;padding:0;}
.pagestimimg img {width:100%;height:auto;}
.pagestimtit {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;color:#348BCB;}
.pagestimpos {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgpagesdetails {width:100%;margin:0 auto;padding:20px 0;}
#bopagesdetails {width:100%;margin:0 auto;padding:0;}
#bopagesdetailsleft {width:100%;margin:0 auto;padding:0;}
#pagesdetailsful {margin:0 auto;padding:0;}
#pagesdetailsbox {margin:0 auto;padding:0;display:flex;}
#pagesdetailstopL {width:40%;margin:0 auto;padding:0;}
#pagesdetailstopR {width:60%;margin:0 auto;padding:0 50px 0 100px;}
.pagesdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px auto;padding:0;}
.pagesdetailsimg img {width:100%;height:auto;margin:0 auto;padding:0;}
#pagesdetailsbotL {width:60%;margin:0 auto;padding:0 150px 0 50px;}
#pagesdetailsbotR {width:40%;margin:0 auto;padding:0;}
.pagesdetailscat {margin:0 auto;padding:0;color:#EE623E;}
.pagesdetailstit {margin:0 auto 2%;padding:0;}
.pagesdetailstit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#348CCB;}
.pagesdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes table {width:100%!important;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;}
.pagesdetailsdes strong {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes p {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes a {color:#D7251B;}
.pagesdetailsdes a:hover {color:#EE623E;}
.pagesdetailsdes ol li {list-style:decimal;margin-left:20px;}
.pagesdetailsdes ul li {list-style:disc;margin-left:20px;}
#bopagesdetailsrite {width:90%;margin:5% auto 0;padding:5% 0;border-top:1px solid #ddd;}
#bopagesdetailsritebox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#pagesdetailslis {width:23%;float:left;margin:0 1% 2%;padding:0;}
#pagesdetailslisleft {width:100%;margin:0 auto 2%;padding:0;}
.pagesdetailslisimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.pagesdetailslisimg img {width:100%;height:auto;}
#pagesdetailslisrite {width:100%;margin:0 auto;padding:0;}
.pagesdetailslistit {margin:0 auto;padding:0;}
.pagesdetailslistit h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailslistit a {color:#348BCB;}
.pagesdetailslistit a:hover {color:#EE623D;}
.pagesdetailslisdes {margin:0 auto;padding:0;}
.pagesdetailslisdes h3 {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
#pagestimbox {width:90%;margin:0 auto;padding:3% 0;display:flex;flex-wrap:wrap;}
#pagestim {width:23%;margin:0 1% 2%;padding:5px;text-align:center;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagestimimg {width:100%;height:auto;margin:0;padding:0;}
.pagestimimg img {width:100%;height:auto;}
.pagestimtit {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;color:#348BCB;}
.pagestimpos {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgpagesdetails {width:100%;margin:0 auto;padding:20px 0;}
#bopagesdetails {width:100%;margin:0 auto;padding:0;}
#bopagesdetailsleft {width:100%;margin:0 auto;padding:0;}
#pagesdetailsful {margin:0 auto;padding:0;}
#pagesdetailsbox {margin:0 auto;padding:0;display:flex;}
#pagesdetailstopL {width:40%;margin:0 auto;padding:0;}
#pagesdetailstopR {width:60%;margin:0 auto;padding:0 50px;}
.pagesdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px auto;padding:0;}
.pagesdetailsimg img {width:100%;height:auto;margin:0 auto;padding:0;}
#pagesdetailsbotL {width:60%;margin:0 auto;padding:0 50px;}
#pagesdetailsbotR {width:40%;margin:0 auto;padding:0;}
.pagesdetailscat {margin:0 auto;padding:0;color:#EE623E;}
.pagesdetailstit {margin:0 auto 2%;padding:0;}
.pagesdetailstit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#348CCB;}
.pagesdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes table {width:100%!important;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;}
.pagesdetailsdes strong {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes p {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes a {color:#D7251B;}
.pagesdetailsdes a:hover {color:#EE623E;}
.pagesdetailsdes ol li {list-style:decimal;margin-left:20px;}
.pagesdetailsdes ul li {list-style:disc;margin-left:20px;}
#bopagesdetailsrite {width:90%;margin:5% auto 0;padding:5% 0;border-top:1px solid #ddd;}
#bopagesdetailsritebox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#pagesdetailslis {width:23%;float:left;margin:0 1% 2%;padding:0;}
#pagesdetailslisleft {width:100%;margin:0 auto 2%;padding:0;}
.pagesdetailslisimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.pagesdetailslisimg img {width:100%;height:auto;}
#pagesdetailslisrite {width:100%;margin:0 auto;padding:0;}
.pagesdetailslistit {margin:0 auto;padding:0;}
.pagesdetailslistit h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailslistit a {color:#348BCB;}
.pagesdetailslistit a:hover {color:#EE623D;}
.pagesdetailslisdes {margin:0 auto;padding:0;}
.pagesdetailslisdes h3 {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
#pagestimbox {width:90%;margin:0 auto;padding:3% 0;display:flex;flex-wrap:wrap;}
#pagestim {width:48%;margin:0 1% 2%;padding:5px;text-align:center;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagestimimg {width:100%;height:auto;margin:0;padding:0;}
.pagestimimg img {width:100%;height:auto;}
.pagestimtit {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;color:#348BCB;}
.pagestimpos {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgpagesdetails {width:100%;margin:0 auto;padding:20px 0;}
#bopagesdetails {width:100%;margin:0 auto;padding:0;}
#bopagesdetailsleft {width:100%;margin:0 auto;padding:0;}
#pagesdetailsful {margin:0 auto;padding:0;}
#pagesdetailsbox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#pagesdetailstopL {width:100%;margin:0 auto;padding:0;}
#pagesdetailstopR {width:100%;margin:0 auto;padding:0 5%;}
.pagesdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px auto;padding:0;}
.pagesdetailsimg img {width:100%;height:auto;margin:0 auto;padding:0;}
#pagesdetailsbotL {width:100%;margin:0 auto;padding:0 5%;}
#pagesdetailsbotR {width:100%;margin:0 auto;padding:0;}
.pagesdetailscat {margin:0 auto;padding:0;color:#EE623E;}
.pagesdetailstit {margin:0 auto 2%;padding:0;}
.pagesdetailstit h1 {font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#348CCB;}
.pagesdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes table {width:100%!important;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;}
.pagesdetailsdes strong {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes p {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes a {color:#D7251B;}
.pagesdetailsdes a:hover {color:#EE623E;}
.pagesdetailsdes ol li {list-style:decimal;margin-left:20px;}
.pagesdetailsdes ul li {list-style:disc;margin-left:20px;}
#bopagesdetailsrite {width:90%;margin:5% auto 0;padding:5% 0;border-top:1px solid #ddd;}
#bopagesdetailsritebox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#pagesdetailslis {width:100%;float:left;margin:0 auto 5%;padding:0;}
#pagesdetailslisleft {width:100%;margin:0 auto 2%;padding:0;}
.pagesdetailslisimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.pagesdetailslisimg img {width:100%;height:auto;}
#pagesdetailslisrite {width:100%;margin:0 auto;padding:0;}
.pagesdetailslistit {margin:0 auto;padding:0;}
.pagesdetailslistit h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailslistit a {color:#348BCB;}
.pagesdetailslistit a:hover {color:#EE623D;}
.pagesdetailslisdes {margin:0 auto;padding:0;}
.pagesdetailslisdes h3 {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
#pagestimbox {width:90%;margin:0 auto;padding:3% 0;display:flex;flex-wrap:wrap;}
#pagestim {width:100%;margin:0 auto 2%;padding:5px;text-align:center;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagestimimg {width:100%;height:auto;margin:0;padding:0;}
.pagestimimg img {width:100%;height:auto;}
.pagestimtit {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;color:#348BCB;}
.pagestimpos {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
}
}
}
/* ======================================================================================================================================================================= */
/* PUBLIC PAGE */
#bgpublicpage {width:100%;margin:0 auto;padding:20px 0;}
#bopublicpage {width:90%;margin:0 auto;padding:0;}
#publicpagebox {margin:0 auto;padding:0;}
#publicpagetop {width:1200px;margin:0 auto 20px;padding:0;}
.publicpagetoptit {font-weight:700;font-size:30px;color:#348CCB;}
.publicpagetopdes {font-weight:400;font-size:16px;color:#222222;}
#publicpagebothead {margin:0 auto 5%;padding:0;background:#fff;}
#publicpagebotheadtop {width:100%;margin:0 auto;padding:0;}
.publicpagebotheadimg {width:100%;height:auto;}
.publicpagebotheadimg img {width:100%;height:auto;}
#publicpagebotheadfot {width:100%;height:110px;margin:0 auto;padding:10px;border-bottom:2px solid #ddd;}
.publicpagebotheaddet {margin:0 auto;padding:0;color:#999;}
.publicpagebotheadtit {margin:0 auto;padding:0;font-weight:700;font-size:18px;}
.publicpagebotheadtit a {color:#EE613D;}
.publicpagebotheadtit a:hover {color:#348CCB;}
.publicpagebotheaddes {margin:10px auto;padding:0;color:#444444;}
#publicpagebot {width:100%;margin:0 auto;padding:0;display:flex;}
#publicpagebotcon {width:31.33%;margin:0 1%;padding:20px;border:1px solid #ddd;}
#publicpagebotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publicpagebotrow span {float:right;font-weight:400;font-size:12px;}
#publicpagebotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publicpagebotrow span a:hover {background:#EE613D;color:#fff;}
#publicpagebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publicpagebothed {width:30%;margin:0 auto;padding:0;}
.publicpagebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publicpagebotimg img {width:130%;height:auto;}
#publicpagebotfot {width:70%;margin:0 auto;padding:0 20px;}
.publicpagebotdet {margin:0 auto;padding:0;color:#999;}
.publicpagebottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publicpagebottit a {color:#348CCB;}
.publicpagebottit a:hover {color:#EE613D;}
.publicpagebotdes {margin:10px auto;padding:0;color:#444444;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgpublicpage {width:100%;margin:0 auto;padding:20px 0;}
#bopublicpage {width:90%;margin:0 auto;padding:0;}
#publicpagebox {margin:0 auto;padding:0;}
#publicpagetop {width:90%;margin:0 auto 20px;padding:0;}
.publicpagetoptit {font-weight:700;font-size:30px;color:#348CCB;}
.publicpagetopdes {font-weight:400;font-size:16px;color:#222222;}
#publicpagebothead {margin:0 auto 5%;padding:0;background:#fff;}
#publicpagebotheadtop {width:100%;margin:0 auto;padding:0;}
.publicpagebotheadimg {width:100%;height:auto;}
.publicpagebotheadimg img {width:100%;height:auto;}
#publicpagebotheadfot {width:100%;height:110px;margin:0 auto;padding:10px;border-bottom:2px solid #ddd;}
.publicpagebotheaddet {margin:0 auto;padding:0;color:#999;}
.publicpagebotheadtit {margin:0 auto;padding:0;font-weight:700;font-size:18px;}
.publicpagebotheadtit a {color:#EE613D;}
.publicpagebotheadtit a:hover {color:#348CCB;}
.publicpagebotheaddes {margin:10px auto;padding:0;color:#444444;}
#publicpagebot {width:100%;margin:0 auto;padding:0;display:flex;}
#publicpagebotcon {width:31.33%;margin:0 1%;padding:20px;border:1px solid #ddd;}
#publicpagebotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publicpagebotrow span {float:right;font-weight:400;font-size:12px;}
#publicpagebotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publicpagebotrow span a:hover {background:#EE613D;color:#fff;}
#publicpagebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publicpagebothed {width:30%;margin:0 auto;padding:0;}
.publicpagebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publicpagebotimg img {width:130%;height:auto;}
#publicpagebotfot {width:70%;margin:0 auto;padding:0 20px;}
.publicpagebotdet {margin:0 auto;padding:0;color:#999;}
.publicpagebottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publicpagebottit a {color:#348CCB;}
.publicpagebottit a:hover {color:#EE613D;}
.publicpagebotdes {margin:10px auto;padding:0;color:#444444;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgpublicpage {width:100%;margin:0 auto;padding:20px 0;}
#bopublicpage {width:90%;margin:0 auto;padding:0;}
#publicpagebox {margin:0 auto;padding:0;}
#publicpagetop {width:90%;margin:0 auto 20px;padding:0;}
.publicpagetoptit {font-weight:700;font-size:30px;color:#348CCB;}
.publicpagetopdes {font-weight:400;font-size:16px;color:#222222;}
#publicpagebothead {margin:0 auto 5%;padding:0;background:#fff;}
#publicpagebotheadtop {width:100%;margin:0 auto;padding:0;}
.publicpagebotheadimg {width:100%;height:auto;}
.publicpagebotheadimg img {width:100%;height:auto;}
#publicpagebotheadfot {width:100%;height:110px;margin:0 auto;padding:10px;border-bottom:2px solid #ddd;}
.publicpagebotheaddet {margin:0 auto;padding:0;color:#999;}
.publicpagebotheadtit {margin:0 auto;padding:0;font-weight:700;font-size:18px;}
.publicpagebotheadtit a {color:#EE613D;}
.publicpagebotheadtit a:hover {color:#348CCB;}
.publicpagebotheaddes {margin:10px auto;padding:0;color:#444444;}
#publicpagebot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publicpagebotcon {width:48%;margin:0 1% 5%;padding:20px;border:1px solid #ddd;}
#publicpagebotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publicpagebotrow span {float:right;font-weight:400;font-size:12px;}
#publicpagebotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publicpagebotrow span a:hover {background:#EE613D;color:#fff;}
#publicpagebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publicpagebothed {width:30%;margin:0 auto;padding:0;}
.publicpagebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publicpagebotimg img {width:130%;height:auto;}
#publicpagebotfot {width:70%;margin:0 auto;padding:0 20px;}
.publicpagebotdet {margin:0 auto;padding:0;color:#999;}
.publicpagebottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publicpagebottit a {color:#348CCB;}
.publicpagebottit a:hover {color:#EE613D;}
.publicpagebotdes {margin:10px auto;padding:0;color:#444444;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgpublicpage {width:100%;margin:0 auto;padding:20px 0;}
#bopublicpage {width:90%;margin:0 auto;padding:0;}
#publicpagebox {margin:0 auto;padding:0;}
#publicpagetop {width:90%;margin:0 auto 20px;padding:0;}
.publicpagetoptit {font-weight:700;font-size:30px;color:#348CCB;}
.publicpagetopdes {font-weight:400;font-size:16px;color:#222222;}
#publicpagebothead {margin:0 auto 5%;padding:0;background:#fff;}
#publicpagebotheadtop {width:100%;margin:0 auto;padding:0;}
.publicpagebotheadimg {width:100%;height:auto;}
.publicpagebotheadimg img {width:100%;height:auto;}
#publicpagebotheadfot {width:100%;height:110px;margin:0 auto;padding:10px;border-bottom:2px solid #ddd;}
.publicpagebotheaddet {margin:0 auto;padding:0;color:#999;}
.publicpagebotheadtit {margin:0 auto;padding:0;font-weight:700;font-size:18px;}
.publicpagebotheadtit a {color:#EE613D;}
.publicpagebotheadtit a:hover {color:#348CCB;}
.publicpagebotheaddes {margin:10px auto;padding:0;color:#444444;}
#publicpagebot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publicpagebotcon {width:100%;margin:0 auto 5%;padding:20px;border:1px solid #ddd;}
#publicpagebotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publicpagebotrow span {float:right;font-weight:400;font-size:12px;}
#publicpagebotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publicpagebotrow span a:hover {background:#EE613D;color:#fff;}
#publicpagebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publicpagebothed {width:30%;margin:0 auto;padding:0;}
.publicpagebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publicpagebotimg img {width:130%;height:auto;}
#publicpagebotfot {width:70%;margin:0 auto;padding:0 20px;}
.publicpagebotdet {margin:0 auto;padding:0;color:#999;}
.publicpagebottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publicpagebottit a {color:#348CCB;}
.publicpagebottit a:hover {color:#EE613D;}
.publicpagebotdes {margin:10px auto;padding:0;color:#444444;}
}
}
}
/* ======================================================================================================================================================================= */
/* PUBLIC PAGE CAT */
#bgpublicpagecat {width:100%;margin:0 auto;padding:20px 0;}
#bopublicpagecat {width:1200px;margin:0 auto;padding:0;}
#bopublicpagecattop {margin:0 auto 20px;padding:0;border-bottom:1px solid #ddd;}
.bopublicpagecattoptit {margin:0 auto;padding:0;}
.bopublicpagecattoptit h1 {font-weight:700;font-size:30px;color:#348CCB;text-transform:uppercase;}
.bopublicpagecattopdes {margin:0 auto;padding:0;}
.bopublicpagecattopdes h2 {font-weight:400;font-size:20px;color:#222222;}
#bopublicpagecatbot {width:100%;margin:0 auto;padding:0;}
#publicpagecathead {margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items: center;}
#publicpagecatheadlef {width:40%;float:left;margin:0 auto;padding:0;}
.publicpagecatheadimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicpagecatheadimg img {width:100%;height:auto;}
#publicpagecatheadrit {width:60%;float:left;margin:0 auto;padding:0 2%;}
.publicpagecatheaddet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666666;}
.publicpagecatheadtit {margin:5px auto 10px;padding:0;}
.publicpagecatheadtit h2 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicpagecatheadtit h2:hover {color:#EE613D;}
.publicpagecatheaddes {margin:0 auto;padding:0;}
.publicpagecatheaddes h3 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#222222;}
#publicpagecatfoot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publicpagecatbox {width:48%;float:left;margin:0 1% 2%;padding:0;overflow:hidden;}
#publicpagecatboxtop {width:40%;float:left;margin:0 auto;padding:0;}
.publicpagecatboxtopimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicpagecatboxtopimg img {width:100%;height:auto;}
#publicpagecatboxbot {width:60%;float:left;margin:0 auto;padding:2%;}
.publicpagecatboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666666;}
.publicpagecatboxbottit {margin:0 auto;padding:0;}
.publicpagecatboxbottit h2 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicpagecatboxbottit h2:hover {color:#EE613D;}
/* PUBLIC LIST */
#bgpubliclist {width:100%;margin:0 auto;padding:100px 0;background:#f9f9f9;}
#bopubliclist {width:1200px;margin:0 auto;padding:0;}
#publiclistbox {margin:0 auto;padding:0;}
#publiclistbot {width:100%;margin:0 auto;padding:0;display:flex;}
#publiclistbotcon {width:47%;margin:0 1%;padding:20px;border:1px solid #ddd;background:#fff;}
#publiclistbotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publiclistbotrow span {float:right;font-weight:400;font-size:12px;}
#publiclistbotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publiclistbotrow span a:hover {background:#EE613D;color:#fff;}
#publiclistbotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publiclistbothed {width:20%;margin:0 auto;padding:0;}
.publiclistbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publiclistbotimg img {width:130%;height:auto;}
#publiclistbotfot {width:80%;margin:0 auto;padding:0 20px;}
.publiclistbotdet {margin:0 auto;padding:0;color:#999;}
.publiclistbottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publiclistbottit a {color:#348CCB;}
.publiclistbottit a:hover {color:#EE613D;}
.publiclistbotdes {margin:10px auto;padding:0;color:#444444;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgpublicpagecat {width:100%;margin:0 auto;padding:2% 0;}
#bopublicpagecat {width:90%;margin:0 auto;padding:0;}
#bopublicpagecattop {margin:0 auto 20px;padding:0;border-bottom:1px solid #ddd;}
.bopublicpagecattoptit {margin:0 auto;padding:0;}
.bopublicpagecattoptit h1 {font-weight:700;font-size:30px;color:#348CCB;text-transform:uppercase;}
.bopublicpagecattopdes {margin:0 auto;padding:0;}
.bopublicpagecattopdes h2 {font-weight:400;font-size:20px;color:#222222;}
#bopublicpagecatbot {width:100%;margin:0 auto;padding:0;}
#publicpagecathead {margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items: center;}
#publicpagecatheadlef {width:40%;float:left;margin:0 auto;padding:0;}
.publicpagecatheadimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicpagecatheadimg img {width:100%;height:auto;}
#publicpagecatheadrit {width:60%;float:left;margin:0 auto;padding:0 2%;}
.publicpagecatheaddet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666666;}
.publicpagecatheadtit {margin:5px auto 10px;padding:0;}
.publicpagecatheadtit h2 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicpagecatheadtit h2:hover {color:#EE613D;}
.publicpagecatheaddes {margin:0 auto;padding:0;}
.publicpagecatheaddes h3 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#222222;}
#publicpagecatfoot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publicpagecatbox {width:48%;float:left;margin:0 1% 2%;padding:0;overflow:hidden;}
#publicpagecatboxtop {width:40%;float:left;margin:0 auto;padding:0;}
.publicpagecatboxtopimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicpagecatboxtopimg img {width:100%;height:auto;}
#publicpagecatboxbot {width:60%;float:left;margin:0 auto;padding:2%;}
.publicpagecatboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666666;}
.publicpagecatboxbottit {margin:0 auto;padding:0;}
.publicpagecatboxbottit h2 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicpagecatboxbottit h2:hover {color:#EE613D;}
/* PUBLIC LIST */
#bgpubliclist {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;}
#bopubliclist {width:90%;margin:0 auto;padding:0;}
#publiclistbox {margin:0 auto;padding:0;}
#publiclistbot {width:100%;margin:0 auto;padding:0;display:flex;}
#publiclistbotcon {width:47%;margin:0 1%;padding:20px;border:1px solid #ddd;background:#fff;}
#publiclistbotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publiclistbotrow span {float:right;font-weight:400;font-size:12px;}
#publiclistbotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publiclistbotrow span a:hover {background:#EE613D;color:#fff;}
#publiclistbotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publiclistbothed {width:20%;margin:0 auto;padding:0;}
.publiclistbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publiclistbotimg img {width:130%;height:auto;}
#publiclistbotfot {width:80%;margin:0 auto;padding:0 20px;}
.publiclistbotdet {margin:0 auto;padding:0;color:#999;}
.publiclistbottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publiclistbottit a {color:#348CCB;}
.publiclistbottit a:hover {color:#EE613D;}
.publiclistbotdes {margin:10px auto;padding:0;color:#444444;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgpublicpagecat {width:100%;margin:0 auto;padding:2% 0;}
#bopublicpagecat {width:90%;margin:0 auto;padding:0;}
#bopublicpagecattop {margin:0 auto 20px;padding:0;border-bottom:1px solid #ddd;}
.bopublicpagecattoptit {margin:0 auto;padding:0;}
.bopublicpagecattoptit h1 {font-weight:700;font-size:30px;color:#348CCB;text-transform:uppercase;}
.bopublicpagecattopdes {margin:0 auto;padding:0;}
.bopublicpagecattopdes h2 {font-weight:400;font-size:20px;color:#222222;}
#bopublicpagecatbot {width:100%;margin:0 auto;padding:0;}
#publicpagecathead {margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items: center;}
#publicpagecatheadlef {width:40%;float:left;margin:0 auto;padding:0;}
.publicpagecatheadimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicpagecatheadimg img {width:100%;height:auto;}
#publicpagecatheadrit {width:60%;float:left;margin:0 auto;padding:0 2%;}
.publicpagecatheaddet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666666;}
.publicpagecatheadtit {margin:5px auto 10px;padding:0;}
.publicpagecatheadtit h2 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicpagecatheadtit h2:hover {color:#EE613D;}
.publicpagecatheaddes {margin:0 auto;padding:0;}
.publicpagecatheaddes h3 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#222222;}
#publicpagecatfoot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publicpagecatbox {width:48%;float:left;margin:0 1% 2%;padding:0;overflow:hidden;}
#publicpagecatboxtop {width:40%;float:left;margin:0 auto;padding:0;}
.publicpagecatboxtopimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicpagecatboxtopimg img {width:100%;height:auto;}
#publicpagecatboxbot {width:60%;float:left;margin:0 auto;padding:2%;}
.publicpagecatboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666666;}
.publicpagecatboxbottit {margin:0 auto;padding:0;}
.publicpagecatboxbottit h2 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicpagecatboxbottit h2:hover {color:#EE613D;}
/* PUBLIC LIST */
#bgpubliclist {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;}
#bopubliclist {width:90%;margin:0 auto;padding:0;}
#publiclistbox {margin:0 auto;padding:0;}
#publiclistbot {width:100%;margin:0 auto;padding:0;display:flex;}
#publiclistbotcon {width:47%;margin:0 1%;padding:20px;border:1px solid #ddd;background:#fff;}
#publiclistbotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publiclistbotrow span {float:right;font-weight:400;font-size:12px;}
#publiclistbotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publiclistbotrow span a:hover {background:#EE613D;color:#fff;}
#publiclistbotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publiclistbothed {width:20%;margin:0 auto;padding:0;}
.publiclistbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publiclistbotimg img {width:130%;height:auto;}
#publiclistbotfot {width:80%;margin:0 auto;padding:0 20px;}
.publiclistbotdet {margin:0 auto;padding:0;color:#999;}
.publiclistbottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publiclistbottit a {color:#348CCB;}
.publiclistbottit a:hover {color:#EE613D;}
.publiclistbotdes {margin:10px auto;padding:0;color:#444444;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgpublicpagecat {width:100%;margin:0 auto;padding:2% 0;}
#bopublicpagecat {width:90%;margin:0 auto;padding:0;}
#bopublicpagecattop {margin:0 auto 20px;padding:0;border-bottom:1px solid #ddd;}
.bopublicpagecattoptit {margin:0 auto;padding:0;}
.bopublicpagecattoptit h1 {font-weight:700;font-size:30px;color:#348CCB;text-transform:uppercase;}
.bopublicpagecattopdes {margin:0 auto;padding:0;}
.bopublicpagecattopdes h2 {font-weight:400;font-size:20px;color:#222222;}
#bopublicpagecatbot {width:100%;margin:0 auto;padding:0;}
#publicpagecathead {margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items: center;}
#publicpagecatheadlef {width:100%;float:left;margin:0 auto;padding:0;}
.publicpagecatheadimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicpagecatheadimg img {width:100%;height:auto;}
#publicpagecatheadrit {width:100%;float:left;margin:0 auto;padding:0 2%;}
.publicpagecatheaddet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666666;}
.publicpagecatheadtit {margin:5px auto 10px;padding:0;}
.publicpagecatheadtit h2 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicpagecatheadtit h2:hover {color:#EE613D;}
.publicpagecatheaddes {margin:0 auto;padding:0;}
.publicpagecatheaddes h3 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#222222;}
#publicpagecatfoot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publicpagecatbox {width:100%;float:left;margin:0 auto 2%;padding:0;overflow:hidden;}
#publicpagecatboxtop {width:40%;float:left;margin:0 auto;padding:0;}
.publicpagecatboxtopimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicpagecatboxtopimg img {width:100%;height:auto;}
#publicpagecatboxbot {width:60%;float:left;margin:0 auto;padding:2%;}
.publicpagecatboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666666;}
.publicpagecatboxbottit {margin:0 auto;padding:0;}
.publicpagecatboxbottit h2 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicpagecatboxbottit h2:hover {color:#EE613D;}
/* PUBLIC LIST */
#bgpubliclist {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;}
#bopubliclist {width:90%;margin:0 auto;padding:0;}
#publiclistbox {margin:0 auto;padding:0;}
#publiclistbot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#publiclistbotcon {width:100%;margin:0 auto 5%;padding:20px;border:1px solid #ddd;background:#fff;}
#publiclistbotrow {margin:0 auto 10px;padding:0 2px;font-weight:700;font-size:20px;color:#348CCB;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content: space-between;}
#publiclistbotrow span {float:right;font-weight:400;font-size:12px;}
#publiclistbotrow span a {margin:0 auto;padding:3px 10px;border:1px solid #EE613D;color:#EE613D;border-radius:3px;}
#publiclistbotrow span a:hover {background:#EE613D;color:#fff;}
#publiclistbotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;}
#publiclistbothed {width:20%;margin:0 auto;padding:0;}
.publiclistbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.publiclistbotimg img {width:130%;height:auto;}
#publiclistbotfot {width:80%;margin:0 auto;padding:0 20px;}
.publiclistbotdet {margin:0 auto;padding:0;color:#999;}
.publiclistbottit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.publiclistbottit a {color:#348CCB;}
.publiclistbottit a:hover {color:#EE613D;}
.publiclistbotdes {margin:10px auto;padding:0;color:#444444;}
}
}
}
/* ======================================================================================================================================================================= */
/* PUBLIC DETAILS */
#bgpublicdetails {width:100%;margin:0 auto;padding:50px 0;}
#bopublicdetails {width:1200px;margin:0 auto;padding:0;}
#bopublicdetailsleft {width:60%;float:left;margin:0 auto;padding:0;}
#bopublicdetailsrite {width:38%;float:left;margin:0 0 0 2%;padding:0;}
/* DETAILS */
#publicdetailstop {width:100%;margin:0 auto;padding:0;}
.publicdetailsdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#EE623D;}
.publicdetailstit {margin:0 auto;padding:0;}
.publicdetailstit h1 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#348CCB;}
#publicdetailsmid {width:100%;margin:0 auto;padding:20px 0;clear:both;}
.publicdetailsimg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
.publicdetailsimg img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#publicdetailsbot {width:100%;margin:0 auto;padding:0;clear:both;}
.publicdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.publicdetailsdes h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailsdes h3 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailsdes p {margin:0 auto 10px;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.publicdetailsdes a {font-weight:700;color:#EE623D;}
.publicdetailsdes a:hover {color:#348CCB;}
.publicdetailsdes ol {list-style:decimal;margin-left:20px;}
.publicdetailsdes ul {list-style:disc;margin-left:20px;}
#publicdetailsfot {width:100%;margin:0 auto 20px;padding:25px;background:#FFCAAE;display:table;}
.publicdetailstex {margin:0 auto 15px;padding:0;clear:both;}
.publicdetailstex h2 {font-weight:700;font-size:16px;color:#000;}
.publicdetailsbtn {margin:0 auto;padding:0;}
.publicdetailsbtn a {margin:0 auto;padding:10px 20px;background:#0C9F16;color:#fff;border-radius:5px;font-weight:700;}
#publicdetailsgaleribox {margin:20px auto 0;padding:0;}
#publicdetailsgaleri {width:24%;float:left;margin:0 0.5% 20px;padding:0;}
.publicdetailsgaleriimg {width:100%;height:100px;overflow:hidden;margin:0 auto;padding:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.publicdetailsgaleriimg img {width:100%;height:auto;}
.publicdetailsgaleritit {margin:0 auto;padding:0;font-size:12px;text-align:center;}
/* LIST */
#publicdetailslist {margin:0 auto;padding:0;}
#publicdetailslistbox {margin:0 auto 20px;padding:10px;display:flex;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#publicdetailslistboxtop {width:30%;margin:0 auto;padding:0;}
.publicdetailslistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicdetailslistimg img {width:100%;height:auto;}
.publicdetailslistimg a {line-height:0;}
#publicdetailslistboxbot {width:70%;margin:0 auto;padding:0 0 0 10px;}
.publicdetailslistdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666;}
.publicdetailslisttit {margin:0 auto;padding:0;}
.publicdetailslisttit h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailslisttit h2:hover {color:#EE623D;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgpublicdetails {width:100%;margin:0 auto;padding:5% 0;}
#bopublicdetails {width:90%;margin:0 auto;padding:0;}
#bopublicdetailsleft {width:60%;float:left;margin:0 auto;padding:0;}
#bopublicdetailsrite {width:38%;float:left;margin:0 0 0 2%;padding:0;}
/* DETAILS */
#publicdetailstop {width:100%;margin:0 auto;padding:0;}
.publicdetailsdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#EE623D;}
.publicdetailstit {margin:0 auto;padding:0;}
.publicdetailstit h1 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#348CCB;}
#publicdetailsmid {width:100%;margin:0 auto;padding:20px 0;clear:both;}
.publicdetailsimg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
.publicdetailsimg img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#publicdetailsbot {width:100%;margin:0 auto;padding:0;clear:both;}
.publicdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.publicdetailsdes h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailsdes h3 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailsdes p {margin:0 auto 10px;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.publicdetailsdes a {font-weight:700;color:#EE623D;}
.publicdetailsdes a:hover {color:#348CCB;}
.publicdetailsdes ol {list-style:decimal;margin-left:20px;}
.publicdetailsdes ul {list-style:disc;margin-left:20px;}
#publicdetailsfot {width:100%;margin:0 auto 20px;padding:25px;background:#FFCAAE;display:table;}
.publicdetailstex {margin:0 auto 15px;padding:0;clear:both;}
.publicdetailstex h2 {font-weight:700;font-size:16px;color:#000;}
.publicdetailsbtn {margin:0 auto;padding:0;}
.publicdetailsbtn a {margin:0 auto;padding:10px 20px;background:#0C9F16;color:#fff;border-radius:5px;font-weight:700;}
#publicdetailsgaleribox {margin:20px auto 0;padding:0;}
#publicdetailsgaleri {width:24%;float:left;margin:0 0.5% 20px;padding:0;}
.publicdetailsgaleriimg {width:100%;height:100px;overflow:hidden;margin:0 auto;padding:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.publicdetailsgaleriimg img {width:100%;height:auto;}
.publicdetailsgaleritit {margin:0 auto;padding:0;font-size:12px;text-align:center;}
/* LIST */
#publicdetailslist {margin:0 auto;padding:0;}
#publicdetailslistbox {margin:0 auto 20px;padding:10px;display:flex;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#publicdetailslistboxtop {width:30%;margin:0 auto;padding:0;}
.publicdetailslistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicdetailslistimg img {width:100%;height:auto;}
.publicdetailslistimg a {line-height:0;}
#publicdetailslistboxbot {width:70%;margin:0 auto;padding:0 0 0 10px;}
.publicdetailslistdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666;}
.publicdetailslisttit {margin:0 auto;padding:0;}
.publicdetailslisttit h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailslisttit h2:hover {color:#EE623D;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgpublicdetails {width:100%;margin:0 auto;padding:5% 0;}
#bopublicdetails {width:90%;margin:0 auto;padding:0;}
#bopublicdetailsleft {width:60%;float:left;margin:0 auto;padding:0;}
#bopublicdetailsrite {width:38%;float:left;margin:0 0 0 2%;padding:0;}
/* DETAILS */
#publicdetailstop {width:100%;margin:0 auto;padding:0;}
.publicdetailsdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#EE623D;}
.publicdetailstit {margin:0 auto;padding:0;}
.publicdetailstit h1 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#348CCB;}
#publicdetailsmid {width:100%;margin:0 auto;padding:20px 0;clear:both;}
.publicdetailsimg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
.publicdetailsimg img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#publicdetailsbot {width:100%;margin:0 auto;padding:0;clear:both;}
.publicdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.publicdetailsdes h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailsdes h3 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailsdes p {margin:0 auto 10px;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.publicdetailsdes a {font-weight:700;color:#EE623D;}
.publicdetailsdes a:hover {color:#348CCB;}
.publicdetailsdes ol {list-style:decimal;margin-left:20px;}
.publicdetailsdes ul {list-style:disc;margin-left:20px;}
#publicdetailsfot {width:100%;margin:0 auto 20px;padding:25px;background:#FFCAAE;display:table;}
.publicdetailstex {margin:0 auto 15px;padding:0;clear:both;}
.publicdetailstex h2 {font-weight:700;font-size:16px;color:#000;}
.publicdetailsbtn {margin:0 auto;padding:0;}
.publicdetailsbtn a {margin:0 auto;padding:10px 20px;background:#0C9F16;color:#fff;border-radius:5px;font-weight:700;}
#publicdetailsgaleribox {margin:20px auto 0;padding:0;}
#publicdetailsgaleri {width:24%;float:left;margin:0 0.5% 20px;padding:0;}
.publicdetailsgaleriimg {width:100%;height:100px;overflow:hidden;margin:0 auto;padding:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.publicdetailsgaleriimg img {width:100%;height:auto;}
.publicdetailsgaleritit {margin:0 auto;padding:0;font-size:12px;text-align:center;}
/* LIST */
#publicdetailslist {margin:0 auto;padding:0;}
#publicdetailslistbox {margin:0 auto 20px;padding:10px;display:flex;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#publicdetailslistboxtop {width:30%;margin:0 auto;padding:0;}
.publicdetailslistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicdetailslistimg img {width:100%;height:auto;}
.publicdetailslistimg a {line-height:0;}
#publicdetailslistboxbot {width:70%;margin:0 auto;padding:0 0 0 10px;}
.publicdetailslistdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666;}
.publicdetailslisttit {margin:0 auto;padding:0;}
.publicdetailslisttit h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailslisttit h2:hover {color:#EE623D;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgpublicdetails {width:100%;margin:0 auto;padding:5% 0;}
#bopublicdetails {width:90%;margin:0 auto;padding:0;}
#bopublicdetailsleft {width:100%;float:left;margin:0 auto 5%;padding:0;}
#bopublicdetailsrite {width:100%;float:left;margin:0 auto;padding:0;}
/* DETAILS */
#publicdetailstop {width:100%;margin:0 auto;padding:0;}
.publicdetailsdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#EE623D;}
.publicdetailstit {margin:0 auto;padding:0;}
.publicdetailstit h1 {font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#348CCB;}
#publicdetailsmid {width:100%;margin:0 auto;padding:20px 0;clear:both;}
.publicdetailsimg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
.publicdetailsimg img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#publicdetailsbot {width:100%;margin:0 auto;padding:0;clear:both;}
.publicdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.publicdetailsdes h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailsdes h3 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailsdes p {margin:0 auto 10px;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.publicdetailsdes a {font-weight:700;color:#EE623D;}
.publicdetailsdes a:hover {color:#348CCB;}
.publicdetailsdes ol {list-style:decimal;margin-left:20px;}
.publicdetailsdes ul {list-style:disc;margin-left:20px;}
#publicdetailsfot {width:100%;margin:0 auto 20px;padding:25px;background:#FFCAAE;display:table;}
.publicdetailstex {margin:0 auto 15px;padding:0;clear:both;}
.publicdetailstex h2 {font-weight:700;font-size:16px;color:#000;}
.publicdetailsbtn {margin:0 auto;padding:0;}
.publicdetailsbtn a {margin:0 auto;padding:10px 20px;background:#0C9F16;color:#fff;border-radius:5px;font-weight:700;}
#publicdetailsgaleribox {margin:20px auto 0;padding:0;}
#publicdetailsgaleri {width:24%;float:left;margin:0 0.5% 20px;padding:0;}
.publicdetailsgaleriimg {width:100%;height:100px;overflow:hidden;margin:0 auto;padding:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.publicdetailsgaleriimg img {width:100%;height:auto;}
.publicdetailsgaleritit {margin:0 auto;padding:0;font-size:12px;text-align:center;}
/* LIST */
#publicdetailslist {margin:0 auto;padding:0;}
#publicdetailslistbox {margin:0 auto 20px;padding:10px;display:flex;background:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#publicdetailslistboxtop {width:30%;margin:0 auto;padding:0;}
.publicdetailslistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.publicdetailslistimg img {width:100%;height:auto;}
.publicdetailslistimg a {line-height:0;}
#publicdetailslistboxbot {width:70%;margin:0 auto;padding:0 0 0 10px;}
.publicdetailslistdet {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#666;}
.publicdetailslisttit {margin:0 auto;padding:0;}
.publicdetailslisttit h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#348CCB;}
.publicdetailslisttit h2:hover {color:#EE623D;}
}
}
}
/* ======================================================================================================================================================================= */
/* KONTAK KAMI */
#bgcontact {width:100%;margin:0 auto;padding:20px 0 100px;}
#bocontact {width:1200px;margin:0 auto;padding:0;}
#bocontacttop {margin:0 auto 20px;padding:0;}
#bocontacttopbox {margin:0 auto;padding:0;}
.bocontacttoptit {margin:0 auto;padding:0;font-weight:700;font-size:20px;color:#348CCB;}
.bocontacttopdes {margin:0 auto;padding:0;color:#444;}
#bocontactmid {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#bocontactmidbox {width: 32.33%;float: left;margin: 0 0.5%;padding: 20px;border: 1px solid #348CCB;}
.bocontactmidleftboxtit {margin:0 auto 10px;padding:0 0 10px;font-weight:700;font-size:20px;color:#348CCB;border-bottom:1px solid #ddd;}
.bocontactmidleftboxdes {margin:0 auto;padding:0;color:#444;}
.bocontactmidleftboxdes a {color:#348CCB;}
.bocontactmidleftboxdes a:hover {color:#000000;}
.bocontactmidleftboximg iframe {width:100%;height:auto;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);border-radius:0 100px 0 0;}
.bocontactmidleftboximg {margin:20px auto 0;padding:0;}
.bocontactmidleftboximg img {width:100%;height:auto;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#bocontactbot {margin:0 auto;padding:25px;background:#f9f9f9;}
#bocontactbotbox {margin:0 auto;padding:0;}
.bocontactbotboxtit {margin:0 auto 10px;padding:0 0 10px;font-weight:700;font-size:20px;color:#000000;border-bottom:1px solid #ddd;}
.bocontactbotboxdes {margin:0 auto;padding:0;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgcontact {width:100%;margin:0 auto;padding:5% 0;}
#bocontact {width:90%;margin:0 auto;padding:0;}
#bocontacttop {margin:0 auto 20px;padding:0;}
#bocontacttopbox {margin:0 auto;padding:0;}
.bocontacttoptit {margin:0 auto;padding:0;font-weight:700;font-size:20px;color:#348CCB;}
.bocontacttopdes {margin:0 auto;padding:0;color:#444;}
#bocontactmid {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#bocontactmidbox {width: 32.33%;float: left;margin: 0 0.5%;padding: 20px;border: 1px solid #348CCB;}
.bocontactmidleftboxtit {margin:0 auto 10px;padding:0 0 10px;font-weight:700;font-size:20px;color:#348CCB;border-bottom:1px solid #ddd;}
.bocontactmidleftboxdes {margin:0 auto;padding:0;color:#444;}
.bocontactmidleftboxdes a {color:#348CCB;}
.bocontactmidleftboxdes a:hover {color:#000000;}
.bocontactmidleftboximg iframe {width:100%;height:auto;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);border-radius:0 100px 0 0;}
.bocontactmidleftboximg {margin:20px auto 0;padding:0;}
.bocontactmidleftboximg img {width:100%;height:auto;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#bocontactbot {margin:0 auto;padding:25px;background:#f9f9f9;}
#bocontactbotbox {margin:0 auto;padding:0;}
.bocontactbotboxtit {margin:0 auto 10px;padding:0 0 10px;font-weight:700;font-size:20px;color:#000000;border-bottom:1px solid #ddd;}
.bocontactbotboxdes {margin:0 auto;padding:0;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgcontact {width:100%;margin:0 auto;padding:5% 0;}
#bocontact {width:90%;margin:0 auto;padding:0;}
#bocontacttop {margin:0 auto 20px;padding:0;}
#bocontacttopbox {margin:0 auto;padding:0;}
.bocontacttoptit {margin:0 auto;padding:0;font-weight:700;font-size:20px;color:#348CCB;}
.bocontacttopdes {margin:0 auto;padding:0;color:#444;}
#bocontactmid {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#bocontactmidbox {width: 32.33%;float: left;margin: 0 0.5%;padding: 20px;border: 1px solid #348CCB;}
.bocontactmidleftboxtit {margin:0 auto 10px;padding:0 0 10px;font-weight:700;font-size:20px;color:#348CCB;border-bottom:1px solid #ddd;}
.bocontactmidleftboxdes {margin:0 auto;padding:0;color:#444;}
.bocontactmidleftboxdes a {color:#348CCB;}
.bocontactmidleftboxdes a:hover {color:#000000;}
.bocontactmidleftboximg iframe {width:100%;height:auto;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);border-radius:0 100px 0 0;}
.bocontactmidleftboximg {margin:20px auto 0;padding:0;}
.bocontactmidleftboximg img {width:100%;height:auto;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#bocontactbot {margin:0 auto;padding:25px;background:#f9f9f9;}
#bocontactbotbox {margin:0 auto;padding:0;}
.bocontactbotboxtit {margin:0 auto 10px;padding:0 0 10px;font-weight:700;font-size:20px;color:#000000;border-bottom:1px solid #ddd;}
.bocontactbotboxdes {margin:0 auto;padding:0;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgcontact {width:100%;margin:0 auto;padding:5% 0;}
#bocontact {width:90%;margin:0 auto;padding:0;}
#bocontacttop {margin:0 auto 20px;padding:0;}
#bocontacttopbox {margin:0 auto;padding:0;}
.bocontacttoptit {margin:0 auto;padding:0;font-weight:700;font-size:20px;color:#348CCB;}
.bocontacttopdes {margin:0 auto;padding:0;color:#444;}
#bocontactmid {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#bocontactmidbox {width:100%;float:none;margin: 0 auto 5%;padding:20px;border:1px solid #348CCB;}
.bocontactmidleftboxtit {margin:0 auto 10px;padding:0 0 10px;font-weight:700;font-size:20px;color:#348CCB;border-bottom:1px solid #ddd;}
.bocontactmidleftboxdes {margin:0 auto;padding:0;color:#444;}
.bocontactmidleftboxdes a {color:#348CCB;}
.bocontactmidleftboxdes a:hover {color:#000000;}
.bocontactmidleftboximg iframe {width:100%;height:auto;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);border-radius:0 100px 0 0;}
.bocontactmidleftboximg {margin:20px auto 0;padding:0;}
.bocontactmidleftboximg img {width:100%;height:auto;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#bocontactbot {margin:0 auto;padding:25px;background:#f9f9f9;}
#bocontactbotbox {margin:0 auto;padding:0;}
.bocontactbotboxtit {margin:0 auto 10px;padding:0 0 10px;font-weight:700;font-size:20px;color:#000000;border-bottom:1px solid #ddd;}
.bocontactbotboxdes {margin:0 auto;padding:0;}
}
}
}
/* ======================================================================================================================================================================= */
/* ERROR PAGE */
#bgerror {width:100%;margin:0 auto;padding:50px 0;}
#boerror {width:1200px;margin:0 auto;padding:0;}
#errorco {margin:0 auto;padding:0;text-align:center;}
.errortit {margin:0 auto;padding:0;}
.errortit h1 {font-weight:700;font-size:40px;color:#348CCB;}
.errordes {margin:0 auto;padding:0;}
.errordes h2 {font-weight:400;font-size:16px;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#bgerror {width:100%;margin:0 auto;padding:50px 0;}
#boerror {width:90%;margin:0 auto;padding:0;}
#errorco {margin:0 auto;padding:0;text-align:center;}
.errortit {margin:0 auto;padding:0;}
.errortit h1 {font-weight:700;font-size:40px;color:#348CCB;}
.errordes {margin:0 auto;padding:0;}
.errordes h2 {font-weight:400;font-size:16px;}
/* POTRAIT */
@media screen and (max-width:820px)
{
#bgerror {width:100%;margin:0 auto;padding:50px 0;}
#boerror {width:96%;margin:0 auto;padding:0;}
#errorco {margin:0 auto;padding:0;text-align:center;}
.errortit {margin:0 auto;padding:0;}
.errortit h1 {font-weight:700;font-size:40px;color:#348CCB;}
.errordes {margin:0 auto;padding:0;}
.errordes h2 {font-weight:400;font-size:16px;}
/* MOBILE */
@media screen and (max-width:502px)
{
#bgerror {width:100%;margin:0 auto;padding:5% 0;}
#boerror {width:90%;margin:0 auto;padding:0;}
#errorco {margin:0 auto;padding:0;text-align:center;}
.errortit {margin:0 auto;padding:0;}
.errortit h1 {font-weight:700;font-size:40px;color:#348CCB;}
.errordes {margin:0 auto;padding:0;}
.errordes h2 {font-weight:400;font-size:16px;}
}
}
}
/* ======================================================================================================================================================================= */
/* LOADING */
#loading {text-align:center;padding:5% 0;}
.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #253544;border-bottom:5px solid #253544;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:0 auto;}
@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
@keyframes spin {0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
#loading {text-align:center;padding:5% 0;}
.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #253544;border-bottom:5px solid #253544;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:0 auto;}
@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
@keyframes spin {0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }}
/* POTRAIT */
@media screen and (max-width:820px)
{
#loading {text-align:center;padding:5% 0;}
.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #253544;border-bottom:5px solid #253544;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:0 auto;}
@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
@keyframes spin {0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }}
/* MOBILE */
@media screen and (max-width:502px)
{
#loading {text-align:center;padding:5% 0;}
.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #253544;border-bottom:5px solid #253544;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:0 auto;}
@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
@keyframes spin {0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }}
}
}
}
/* ======================================================================================================================================================================= */
/* === BUTTON === */
.autobutton {background:#348CCB;border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto';font-size:16px;padding:20px 30px;text-decoration:none;}
.autobutton:hover {background:#000000;}
.autobutton:active {position:relative;top:1px;}
@media screen and (max-width:1004px)
{
/* TABLET */
.autobutton {background:#348CCB;border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto';font-size:16px;padding:20px 30px;text-decoration:none;}
.autobutton:hover {background:#000000;}
.autobutton:active {position:relative;top:1px;}
@media screen and (max-width:502px)
{
/* MOBILE */
.autobutton {background:#348CCB;border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto';font-size:16px;padding:20px 30px;text-decoration:none;}
.autobutton:hover {background:#000000;}
.autobutton:active {position:relative;top:1px;}
}
}
/* FULL BUTTON */
.fullbutton {background:#348CCB;border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-weight:700;font-size:16px;font-family:'Roboto';padding:10px 0;text-align:center;text-decoration:none;width:100%;margin:5% auto 0;}
.fullbutton:hover {background:#000000;}
.fullbutton:active {position:relative;top:1px;}
@media screen and (max-width:1004px)
{
/* TABLET */
.fullbutton {background:#348CCB;border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-weight:700;font-size:16px;font-family:'Roboto';padding:20px 0;text-align:center;text-decoration:none;width:100%;margin:10% auto 0;}
.fullbutton:hover {background:#000000;}
.fullbutton:active {position:relative;top:1px;}
@media screen and (max-width:502px)
{
/* MOBILE */
.fullbutton {background:#348CCB;border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-weight:700;font-size:16px;font-family:'Roboto';padding:20px 0;text-align:center;text-decoration:none;width:100%;margin:10% auto 0;}
.fullbutton:hover {background:#000000;}
.fullbutton:active {position:relative;top:1px;}
}
}
/* ======================================================================================================================================================================= */
.searchbutton {background:#111;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%;}
.searchbutton:hover {background:#000000;}
.searchbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
.searchbutton {background:#111;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:100%;}
.searchbutton:hover {background:#000000;}
.searchbutton:active {position:relative;top:1px;}
}
/* ======================================================================================================================================================================= */
.detailbutton {background:#fff;border-radius:3px;background:#000000;display:inline-block;cursor:pointer;color:#fff;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;padding:5px 15px;text-decoration:none;text-align:center;text-transform:uppercase;}
.detailbutton:hover {background:#348CCB;color:#fff;}
.detailbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
}
/* ======================================================================================================================================================================= */
.wabutton {background:#348CCB;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto', sans-serif;font-size:12px;padding:10px 30px;text-decoration:none;width:auto;}
.wabutton:hover {background:#B90000;}
.wabutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
.wabutton {background:#348CCB;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto', sans-serif;font-size:12px;padding:10px 30px;text-decoration:none;width:auto;}
.wabutton:hover {background:#B90000;}
.wabutton:active {position:relative;top:1px;}
}
/* ======================================================================================================================================================================= */
.tabbutton {background:#348CCB;border-radius:0;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-weight:700;font-family:'Roboto', sans-serif;font-size:15px;padding:10px 0;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
.tabbutton:hover {background:#B90000;}
.tabbutton:active {position:relative;top:1px;}
@media screen and (max-width:1180px)
{
.tabbutton {background:#348CCB;border-radius:0;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-weight:700;font-family:'Roboto', sans-serif;font-size:15px;padding:10px 0;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
.tabbutton:hover {background:#B90000;}
.tabbutton:active {position:relative;top:1px;}
/* POTRAIT */
@media screen and (max-width:820px)
{
.tabbutton {background:#348CCB;border-radius:0;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-weight:700;font-family:'Roboto', sans-serif;font-size:15px;padding:10px 20px;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
.tabbutton:hover {background:#B90000;}
.tabbutton:active {position:relative;top:1px;}
/* MOBILE */
@media screen and (max-width:502px)
{
.tabbutton {background:#348CCB;border-radius:0;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-weight:700;font-family:'Roboto', sans-serif;font-size:15px;padding:10px 0;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
.tabbutton:hover {background:#B90000;}
.tabbutton:active {position:relative;top:1px;}
}
}
}
/* ======================================================================================================================================================================= */
.morebutton {background:#D7251B;border-radius:3px;border:1px solid #D7251B;display:inline-block;cursor:pointer;color:#FFF!important;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;padding:6px 10px;text-decoration:none;text-align:center;width:auto;margin:0;box-sizing:border-box;}
.morebutton:hover {background:#fff;color:#D7251B!important;}
.morebutton:active {position:relative;top:1px;}
/* LANDSCAPE */
@media screen and (max-width:1180px)
{
.morebutton {background:#D7251B;border-radius:3px;border:1px solid #D7251B;display:inline-block;cursor:pointer;color:#FFF!important;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;padding:6px 10px;text-decoration:none;text-align:center;width:auto;margin:0;box-sizing:border-box;}
.morebutton:hover {background:#fff;color:#D7251B!important;}
.morebutton:active {position:relative;top:1px;}
/* POTRAIT */
@media screen and (max-width:820px)
{
.morebutton {background:#D7251B;border-radius:3px;border:1px solid #D7251B;display:inline-block;cursor:pointer;color:#FFF!important;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;padding:6px 10px;text-decoration:none;text-align:center;width:auto;margin:0;box-sizing:border-box;}
.morebutton:hover {background:#fff;color:#D7251B!important;}
.morebutton:active {position:relative;top:1px;}
/* MOBILE */
@media screen and (max-width:502px)
{
.morebutton {background:#D7251B;border-radius:3px;border:1px solid #D7251B;display:inline-block;cursor:pointer;color:#FFF!important;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;padding:6px 10px;text-decoration:none;text-align:center;width:auto;margin:0;box-sizing:border-box;}
.morebutton:hover {background:#fff;color:#D7251B!important;}
.morebutton:active {position:relative;top:1px;}
}
}
}
/* ======================================================================================================================================================================= */