html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0 auto;border:0;line-height:1.6;}
h1 {font-size:20px;}
a {text-decoration:none;}
ol {list-style:decimal;padding-left:20px;}
ul {list-style:disc;padding-left:20px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
/* BACKGROUND */
#bg {font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;color:#000;background:#fff;}
#bgcontent {width:980px;line-height:1.6;margin:0 auto;padding:20px 0;clear:both;}
#bgigmobile {margin:0 auto;padding:1%;clear:both;}
@media screen and (max-width:990px)
{
#bg {font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;color:#000;background:#fff;}
#bgcontent {width:90%;margin:0 auto;padding:5%;clear:both;}
#bgigmobile {margin:0 auto;padding:1%;clear:both;}
}
/* ==================================================================================================== */
/* TOP */
#bgheadtop {width:100%;margin:0 auto;padding:10px 0;background:#151314;}
#boheadtop {width:1160px;margin:0 auto;padding:0;}
#headtopleft {width:50%;float:left;color:#fff;}
#topleftbox {margin:0 auto;padding:0;font-weight:700;}
#topleftbox a {color:#fff;}
#headtoprite {width:50%;float:left;}
#toprightbox {float:right;}
.headtoprights-cart {width:auto;float:left;text-align:center;color:#fff;padding-left:20px;}
.headtoprights-cart a {color:#fff;}
.headtoprights-cart a:hover {color:#F89921;}
.headtoprights-cart:hover {color:#F89921;}
.headtoprights-user {width:auto;float:left;text-align:center;color:#fff;padding-left:20px;}
.headtoprights-user a {color:#fff;}
.headtoprights-user a:hover {color:#F89921;}
.headtoprights-user:hover {color:#F89921;}
@media screen and (max-width:990px)
{
#bgheadtop {width:100%;margin:0 auto;padding:5px 0;background:#231F20;}
#boheadtop {width:100%;margin:0 auto;padding:0;color:#fff;border-bottom:1px solid #4D4344;}
#headtopleft {width:100%;float:left;color:#fff;text-align:center;padding:5px 0;border-bottom:1px solid #4D4344;}
#headtoprite {width:100%;float:left;padding:5px 0;}
#toprightbox {width:46%;float:right;padding:0 2%;}
.headtoprights-cart {width:100%;float:left;text-align:right;color:#fff;padding-left:0;}
.headtoprights-cart a {color:#fff;}
.headtoprights-cart a:hover {color:#F89921;}
.headtoprights-cart:hover {color:#F89921;}
.headtoprights-user {width:100%;float:left;text-align:left;color:#fff;padding-left:0;}
.headtoprights-user a {color:#fff;}
.headtoprights-user a:hover {color:#F89921;}
.headtoprights-user:hover {color:#F89921;}
}
/* ==================================================================================================== */
/* LOGO */
#bgtop {width:100%;margin:0 auto;padding:10px 0;background:#231F20;}
#botop {width:1160px;margin:0 auto;padding:0;}
#topleft {width:20%;float:left;}
#logo {height:auto;width:100%;}
#logo img {padding:0;text-align:center;margin:0 auto;}
#topright {width:80%;float:left;margin:10px 0;padding:5px 0;}
#searchcolom {width:100%;text-align:right;float:left;}
#searchcolom input {width:50%;margin:0 auto;padding:5px 10px;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;background:#3F3738;color:#fff;text-align:left;border:none;border-radius:3px;}
#searchcolom input:focus {color:#fff;background:#4D4344;outline:none;}
@media screen and (max-width:990px)
{
#bgtop {width:100%;margin:0 auto;padding:0;background:#231F20;}
#botop {width:100%;height:auto;margin:0 auto;padding:0;text-align:left;}
#topleft {width:100%;float:left;}
#logo {width:100%;height:auto;padding:5px 0;text-align:center;}
#logo img {padding:0;text-align:center;margin:0 auto;}
#topright {width:100%;float:left;margin:0 0 5px;padding:0;}
#searchcolom {text-align:center;width:100%;float:left;}
#searchcolom input {width:90%;color:#fff;background:#3F3738;border:none;padding:1%;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;margin:0 auto;text-align:center;}
#searchcolom input:focus {color:#fff;background:#4D4344;outline:none;}
}
/* ==================================================================================================== */
/* MENU */
#bgmenu {width:100%;margin:0 auto;padding:0;background:#231F20;border-top:1px solid #4D4344;}
#bomenu {width:1160px;margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
#bgmenu {width:100%;margin:0 auto;padding:0;background:#231F20;border-top:1px solid #4D4344;}
#bomenu {width:100%;margin:0 auto;padding:0;}
}
/* ==================================================================================================== */
/* SLIDESHOW */
#bgslideshow {width:100%;margin:0 auto;padding:20px 0;background:#f0f0f0;}
#boslideshow {width:100%;margin:0 auto;}
#boslideshow img {width:100%;height:auto;}
@media screen and (max-width:990px)
{
#bgslideshow {width:100%;margin:0 auto;padding:20px 0;background:#f0f0f0;}
#boslideshow {width:100%;margin:0 auto;}
#boslideshow img {width:100%;height:auto;}
}
/* ==================================================================================================== */
/* MARKETPLACE */
#bgmarketplace {width:100%;margin:0 auto;padding:50px 0;}
#bomarketplace {width:1160px;margin:0 auto;padding:0;}
#hemarketplace {margin:0 auto 20px;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;text-align:center;}
#marketplacebox {width:25%;float:left;margin:0 auto;padding:0;text-align:center;}
.marketplaceboximg {width:70%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.marketplaceboximg img {width:100%;height:auto;}
@media screen and (max-width:990px)
{
#bgmarketplace {width:100%;margin:0 auto;padding:50px 0;}
#bomarketplace {width:90%;margin:0 auto;padding:0;}
#hemarketplace {margin:0 auto 20px;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;text-align:center;}
#marketplacebox {width:50%;float:left;margin:0 auto 5%;padding:0;text-align:center;}
.marketplaceboximg {width:70%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.marketplaceboximg img {width:100%;height:auto;}
}
/* ==================================================================================================== */
/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:50px 0;background:#231F20;}
#bofrontpage {width:1160px;margin:0 auto;padding:0;}
#frontpagebox {margin:0 auto;padding:0;}
#frontpageleft {width:20%;float:left;margin:0 auto;padding:0;}
.frontpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.frontpageimg img {width:100%;height:auto;border-radius:8px;}
#frontpagerite {width:75%;float:left;margin:0 0 0 5%;padding:2% 0;}
.frontpagetit {margin:0 auto 10px;padding:0 0 10px;}
.frontpagetit h1 {font-weight:700;font-size:30px;color:#F89921;}
.frontpagedes {margin:0 auto;padding:0;}
.frontpagedes p {font-weight:400;font-size:20px;color:#fff;}
@media screen and (max-width:990px)
{
#bgfrontpage {width:100%;margin:0 auto;padding:10% 0;background:#231F20;}
#bofrontpage {width:90%;margin:0 auto;padding:0;}
#frontpagebox {margin:0 auto;padding:0;text-align:center;}
#frontpageleft {width:100%;float:left;margin:0 auto;padding:0;}
.frontpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.frontpageimg img {width:50%;height:auto;border-radius:8px;}
#frontpagerite {width:90%;float:left;margin:0 auto;padding:0 5%;}
.frontpagetit {margin:0 auto 5px;padding:0 0 5px;}
.frontpagetit h1 {font-weight:700;font-size:25px;color:#F89921;}
.frontpagedes {margin:0 auto;padding:0;}
.frontpagedes p {font-weight:400;font-size:18px;color:#fff;text-align:justify;}
}
/* ==================================================================================================== */
/* LOOK BOOK */
#bglookbook {width:100%;margin:0 auto;padding:50px 0;}
#bolookbook {width:1160px;margin:0 auto;padding:0;}
#lookbook {width:24%;float:left;margin:0 0.5%;padding:0;}
.lookbookimg {width:100%;height:auto;}
.lookbookimg img {width:100%;height:auto;border-radius:8px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2);}
@media screen and (max-width:990px)
{
#bglookbook {width:100%;margin:0 auto;padding:5% 0;}
#bolookbook {width:90%;margin:0 auto;padding:0;}
#lookbook {width:48%;float:left;margin:0 1% 2%;padding:0;}
.lookbookimg {width:100%;height:auto;}
.lookbookimg img {width:100%;height:auto;border-radius:8px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2);}
}
/* ==================================================================================================== */
/* BOX BOTTOM
#bgboxbottom {width:100%;margin:10px auto;padding:0;}
#boboxbottom {width:980px;margin:0 auto;padding:0;}
.boxbottom {width:100%;margin:0 auto;padding:0;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.boxbottom:hover {opacity:0.8;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.boxbottom img {width:100%;height:auto;}
@media screen and (max-width:980px)
{
#bgboxbottom {width:100%;margin:10px auto;padding:0;}
#boboxbottom {width:90%;margin:0 5%;padding:0;}
.boxbottom {width:100%;margin:0 auto;padding:0;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.boxbottom:hover {opacity:0.8;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.boxbottom img {width:100%;height:auto;}
}
/* ==================================================================================================== */
/* NEWSLETTER */
#bgnewsletter {width:100%;margin:0 auto;padding:50px 0;background:#f0f0f0;}
#bonewsletter {width:1060px;margin:0 auto;padding:50px;background:#fff;border:5px solid #F89921;border-radius:8px;}
#newsletterbx {margin:0 auto;padding:0;}
#newsletterleft {width:50%;float:left;margin:0 5% 0 0;padding:0 5% 0 0;border-right:1px solid #F89921;box-sizing:border-box;}
.newslettertit {margin:0 auto 5px;padding:0;font-weight:700;font-size:20px;color:#F89921;}
.newsletterdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;}
#newsletterrite {width:45%;float:left;}
.newslettermal {margin-bottom:10px;}
.newslettergen {margin-bottom:20px;}
.newsletterbtn {margin:0 auto;padding:0;}
.newsletter {border:none;border:1px solid #ccc;font:bold 14px 'Titillium Web', sans-serif;padding:1%;width:98%;text-align:left;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;color:#999;}
.newsletter:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
@media screen and (max-width:990px)
{
#bgnewsletter {width:100%;margin:0 auto;padding:5% 0;background:#f0f0f0;}
#bonewsletter {width:80%;margin:0 auto;padding:5%;background:#fff;border:5px solid #F89921;border-radius:8px;}
#newsletterbx {margin:0 auto;padding:0;}
#newsletterleft {width:100%;float:left;margin:0 0 5% 0;padding:0 0 5% 0;border-right:none;border-bottom:1px solid #F89921;}
.newslettertit {margin:0 auto 5px;padding:0;font-weight:700;font-size:20px;color:#F89921;}
.newsletterdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;}
#newsletterrite {width:100%;float:left;}
.newslettermal {margin-bottom:10px;}
.newslettergen {margin-bottom:20px;}
.newsletterbtn {margin:0 auto;padding:0;}
.newsletter {border:none;border:1px solid #ccc;font:bold 14px 'Titillium Web', sans-serif;padding:2%;width:96%;text-align:left;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;color:#999;}
.newsletter:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
}
/* ==================================================================================================== */
/* BENEFIT */
#bgbenefit {width:100%;margin:0 auto;padding:0;}
#bobenefit {width:100%;margin:0 auto;padding:0;}
#benefitbox {margin:0 auto 5px;padding:0;}
#benefitboxleft {width:9%;float:left;margin-right:2%;}
.benefitboximg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.benefitboximg img {width:100%;height:auto;}
#benefitboxrite {width:89%;float:left;}
.benefitboxtit {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;}
.benefitboxdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;color:#666;}
@media screen and (max-width:990px)
{
#bgbenefit {width:100%;margin:0 auto;padding:0;}
#bobenefit {width:100%;margin:0 auto;padding:0;}
#benefitbox {margin:0 auto 5px;padding:0;}
#benefitboxleft {width:9%;float:left;margin-right:2%;}
.benefitboximg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.benefitboximg img {width:100%;height:auto;}
#benefitboxrite {width:89%;float:left;}
.benefitboxtit {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;}
.benefitboxdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;color:#666;}
}
/* ==================================================================================================== */
/* CARA ORDER */
#bgorder {width:100%;margin:0 auto;padding:50px 0;background:#f2f2f2;}
#boorder {width:1160px;margin:0 auto;padding:0;}
#orderbox {width:23%;float:left;margin:0 1% 4%;padding:0;text-align:center;}
.orderboximg {width:60px;height:auto;overflow:hidden;margin:0 auto;}
.orderboximg img {width:60px;height:auto;}
.orderboxtit {margin:0 auto;padding:0;font-weight:700;}
.orderboxdes {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
#bgorder {width:100%;margin:0 auto;padding:5% 0;background:#f2f2f2;}
#boorder {width:90%;margin:0 auto;padding:0;}
#orderbox {width:46%;height:150px;float:left;margin:0 2% 5%;padding:0;text-align:center;}
.orderboximg {width:60px;height:auto;overflow:hidden;margin:0 auto;}
.orderboximg img {width:60px;height:auto;}
.orderboxtit {margin:0 auto;padding:0;font-weight:700;}
.orderboxdes {margin:0 auto;padding:0;}
}
/* ==================================================================================================== */
/* LOGOS */
#bglogos {width:100%;margin:0 auto;padding:50px 0;}
#bologos {width:1160px;margin:0 auto;padding:0;}
#bologosleft {width:49%;float:left;margin:0 auto;padding:0;}
#bologosrite {width:49%;float:right;margin:0 auto;padding:0;}
#helogos {margin:0 auto 10px;padding:0;font-weight:700;font-size:16px;text-align:center;}
#logosbox {width:20%;float:left;margin:0 auto;padding:0;text-align:center;}
.logosboximg {width:80%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.logosboximg img {width:100%;height:auto;}
@media screen and (max-width:990px)
{
#bglogos {width:100%;margin:0 auto;padding:5% 0;}
#bologos {width:90%;margin:0 auto;padding:0;}
#bologosleft {width:100%;float:none;margin:0 auto 5%;padding:0;}
#bologosrite {width:100%;float:none;margin:0 auto;padding:0;}
#helogos {margin:0 auto 10px;padding:0;font-weight:700;font-size:16px;text-align:center;}
#logosbox {width:20%;float:left;margin:0 auto;padding:0;text-align:center;}
.logosboximg {width:80%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.logosboximg img {width:100%;height:auto;}
}
/* ==================================================================================================== */
/* BOTTOM */
#bgbottom {width:100%;margin:0 auto;padding:50px 0;background:#DE8007;}
#bobottom {width:1160px;margin:0 auto;padding:0;}
#bottombox1 {width:20%;float:left;margin:0 auto;padding:0;}
#bottombox2 {width:25%;float:left;margin:0 auto;padding:0;}
#bottombox3 {width:25%;float:left;margin:0 auto;padding:0;}
#bottombox4 {width:20%;float:left;margin:0 auto;padding:0;}
#bottombox5 {width:10%;float:left;margin:0 auto;padding:0;}
#bottomboxtit {margin:0 auto 10px;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
#bottomboxdes {margin:0 auto;padding:0;}
#bottomboxdes ul {margin:0 auto;padding:0;}
#bottomboxdes li {list-style:none;margin:0 auto 5px;font-weight:400;font-size:13px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:#fff;}
#bottomboxdes a {color:#fff;}
#bottomboxdes a:hover {color:#000;}
@media screen and (max-width:990px)
{
#bgbottom {width:100%;margin:0 auto;padding:5% 0;background:#DE8007;}
#bobottom {width:90%;margin:0 auto;padding:0;}
#bottombox1 {width:50%;float:left;margin:0 auto 5%;padding:0;}
#bottombox2 {width:50%;float:left;margin:0 auto 5%;padding:0;}
#bottombox3 {width:50%;float:left;margin:0 auto 5%;padding:0;}
#bottombox4 {width:50%;float:left;margin:0 auto 5%;padding:0;}
#bottombox5 {width:100%;float:left;margin:0 auto 5%;padding:0;}
#bottomboxtit {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
#bottomboxdes {margin:0 auto;padding:0;}
#bottomboxdes ul {margin:0 auto;padding:0;}
#bottomboxdes li {list-style:none;margin:0 auto 5px;font-weight:400;font-size:13px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:#fff;}
#bottomboxdes a {color:#fff;}
#bottomboxdes a:hover {color:#000;}
}
/* ==================================================================================================== */
/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:50px 0;color:#FFF;background:#231F20;text-transform:uppercase;}
#bofooter {width:1160px;margin:0 auto;padding:0;text-align:center;font-weight:400;font-size:13px;font-family:'Titillium Web', sans-serif;}
#footera {width:50%;float:left;margin:0 auto;padding:0;text-align:left;color:#fff;}
#footerb {width:50%;float:left;margin:0 auto;padding:0;text-align:right;color:#aaa;}
#footerb a {color:#aaa;text-decoration :none;}
#footerb a:hover {color:#fff;}
@media screen and (max-width:990px)
{
#bgfooter {padding:20px 0 50px;clear:both;height:auto;width:100%;color:#FFF;display:inline-block;background:#231F20;}
#bofooter {display:block;height:auto;margin:0 auto;width:100%;text-align:center;}
#footera {text-align:center;height:auto;width:100%;color:#fff}
#footerb {height:auto;width:100%;text-align:center; color:#aaa}
#footerb a {color:#aaa;text-decoration :none;}
#footerb a:hover {color:#fff;}
}
/* ==================================================================================================== */
/* WHATSAPP BUTTON */
#bgwhatsapp {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)
{
#bgwhatsapp {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)
{
#bgwhatsapp {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)
{
#bgwhatsapp {position:fixed;bottom:20px;right:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
}
}
}
/* ======================================================================================================================================================================= */
/* KONTAK KAMI */
#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
#bocontact {width:1160px;margin:0 auto;padding:0;}
#contactleft {width:30%;float:left;margin:0 auto;padding:0;}
#contactrite {width:70%;float:left;margin:0 auto;padding:0;}
.contacttit {margin:0 auto 10px;padding:0;font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.contactdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
.contactdes a {color:#C00;}
@media screen and (max-width:990px)
{
#bgcontact {width:100%;margin:0 auto;padding:5% 0;}
#bocontact {width:90%;margin:0 auto;padding:0;}
#contactleft {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #ddd;}
#contactrite {width:100%;float:left;margin:0 auto;padding:0;}
.contacttit {margin:0 auto 10px;padding:0;font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.contactdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
.contactdes a {color:#C00;}
}
/* ==================================================================================================== */
/* PAGE DETAILS */
#bgpagedetails {width:100%;margin:0 auto;padding:50px 0;}
#bopagedetails {width:1160px;margin:0 auto;padding:0;}
.pagedetailstit {margin:0 auto 20px;padding:0;}
.pagedetailstit h1 {margin:0 auto;padding:0;font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.pagedetailstit span {margin:0 auto;padding:20px 0 0;border-top:2px solid #F89921;}
.pagedetailsdet {font-size:14px;color:#999;}
.pagedetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.pagedetailsimg img {width:100%;height:auto;}
.pagedetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
.pagedetailsdes h2 {margin:10px auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;}
.pagedetailsdes h3 {margin:10px auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;}
.pagedetailsdes img {width:100%!important;height:auto!important;}
.pagedetailsdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
.pagedetailsimgadd {width:auto;margin:0 auto;padding:0;}
.pagedetailsimgaddbox {width:48%;height:200px;overflow:hidden;margin:1%;padding:0;float:left;}
.pagedetailsimgaddbox img {width:100%;height:auto;}
@media screen and (max-width:990px)
{
#bgpagedetails {width:100%;margin:0 auto;padding:5% 0;}
#bopagedetails {width:90%;margin:0 auto;padding:0;}
.pagedetailstit {margin:0 auto 20px;padding:0;}
.pagedetailstit h1 {margin:0 auto;padding:0;font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;}
.pagedetailstit span {margin:0 auto;padding:20px 0 0;border-top:2px solid #F89921;}
.pagedetailsdet {font-size:14px;color:#999;}
.pagedetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.pagedetailsimg img {width:100%;height:auto;}
.pagedetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
.pagedetailsdes h2 {margin:10px auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;}
.pagedetailsdes h3 {margin:10px auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;}
.pagedetailsdes img {width:100%!important;height:auto!important;}
.pagedetailsdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
.pagedetailsimgadd {width:auto;margin:0 auto;padding:0;}
.pagedetailsimgaddbox {width:48%;height:200px;overflow:hidden;margin:1%;padding:0;float:left;}
.pagedetailsimgaddbox img {width:100%;height:auto;}
}
/* ==================================================================================================== */
/* BLOG PAGE */
#bgblogpage {width:100%;margin:0 auto;padding:50px 0;}
#boblogpage {width:1160px;margin:0 auto;padding:0;}
#blogpagebox {width:23%;float:left;margin:0 1% 2%;padding:0;}
#blogpagetop {margin:0 auto;padding:0;}
.blogpageimg {width:100%;height:200px;overflow:hidden;margin:0 auto;padding:0;line-height:0;border-radius:8px;}
.blogpageimg img {width:150%;height:auto;}
#blogpagebot {width:auto;height:110px;margin:0 auto;padding:20px;}
.blogpagedet {margin:0 auto;padding:0;color:#999;}
.blogpagetit {margin:0 auto;padding:0;}
.blogpagetit a {font-weight:700;font-size:14px;color:#444;}
.blogpagetit a:hover {color:#C00;}
@media screen and (max-width:990px)
{
#bgblogpage {width:100%;margin:0 auto;padding:0;}
#boblogpage {width:100%;margin:0 auto;padding:0;}
#blogpagebox {width:100%;float:left;margin:0 auto;padding-bottom:0;}
#blogpagetop {margin:0 auto;padding:0;}
.blogpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;border-radius:0;border-bottom:5px solid #ddd;border-top:5px solid #eee;}
.blogpageimg a {line-height:0;}
.blogpageimg img {width:100%;height:auto;}
#blogpagebot {width:auto;height:auto;margin:0 20px 5%;padding:20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-radius:0 0 8px 8px;}
.blogpagetit {margin:0 auto;padding:0;}
.blogpagetit a {font-weight:700;font-size:14px;color:#444;}
.blogpagetit a:hover {color:#C00;}
.blogpagedet {margin:0 auto;padding:0;color:#999;}
}
/* ==================================================================================================== */
/* BLOGS DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:50px 0;}
#boblogdetails {width:1160px;margin:0 auto;padding:0;}
.blogdetailstit {font-weight:700;font-size:20px;margin:0 auto 10px;padding:0 0 10px;}
.blogdetailsdet {font-size:14px;color:#999;}
.blogdetailsimg {margin:0 auto;padding:0;}
.blogdetailsimg img {width:100%;height:auto;}
.blogdetailsdes {margin:0 auto;padding:0;}
.blogdetailsdes h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.blogdetailsdes h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.blogdetailsdes h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.blogdetailsdes img {width:100%!important;height:auto!important;}
.blogdetailsdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
.blogdetailsimgadd {width:auto;margin:0 auto;padding:0;}
.blogdetailsimgaddbox {width:48%;height:200px;overflow:hidden;margin:1%;padding:0;float:left;}
.blogdetailsimgaddbox img {width:100%;height:auto;}
@media screen and (max-width:990px)
{
#bgblogdetails {width:100%;margin:0 auto;padding:5% 0;}
#boblogdetails {width:90%;margin:0 auto;padding:0;}
.blogdetailstit {font-weight:700;font-size:20px;margin:0 auto 10px;padding:0 0 10px;}
.blogdetailsdet {font-size:14px;color:#999;}
.blogdetailsimg {margin:0 auto;padding:0;}
.blogdetailsimg img {width:100%;height:auto;}
.blogdetailsdes {margin:0 auto;padding:0;}
.blogdetailsdes h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.blogdetailsdes h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.blogdetailsdes h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.blogdetailsdes img {width:100%!important;height:auto!important;}
.blogdetailsdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
.blogdetailsimgadd {width:auto;margin:0 auto;padding:0;}
.blogdetailsimgaddbox {width:48%;height:200px;overflow:hidden;margin:1%;padding:0;float:left;}
.blogdetailsimgaddbox img {width:100%;height:auto;}
}
/* ==================================================================================================== */
/* BLOG LIST */
#bgbloglist {margin:0 auto;padding:0;}
#hebloglist {font-weight:700;font-size:18px;color:#0878A3;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;}
#bloglist {margin:0 auto 20px;padding:0 0 20px;border-bottom:1px solid #eee;}
#bloglisttop {margin:0 auto;padding:0;}
.bloglistimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.bloglistimg img {width:100%;height:auto;}
#bloglistbot {margin:0 auto;padding:10px;}
.bloglistdet {margin:0 auto;padding:0;color:#999;}
.bloglisttit {margin:0 auto;padding:0;}
.bloglisttit a {font-weight:700;font-size:14px;color:#444;}
.bloglisttit a:hover {color:#C00;}
@media screen and (max-width:990px)
{
#bgbloglist {margin:0 auto;padding:0;}
#hebloglist {font-weight:700;font-size:18px;color:#0878A3;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;}
#bloglist {margin:0 auto 20px;padding:0 0 20px;border-bottom:1px solid #eee;}
#bloglisttop {margin:0 auto;padding:0;}
.bloglistimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.bloglistimg img {width:100%;height:auto;}
#bloglistbot {margin:0 auto;padding:10px;}
.bloglistdet {margin:0 auto;padding:0;color:#999;}
.bloglisttit {margin:0 auto;padding:0;}
.bloglisttit a {font-weight:700;font-size:14px;color:#444;}
.bloglisttit a:hover {color:#C00;}
}
/* ==================================================================================================== */
/* BLOG DETAILS */
#blogleft {width:68%;float:left;margin-right:2%;}
#blogright {width:30%;float:left;}
@media screen and (max-width:990px)
{
#blogleft {width:100%;float:left;margin-right:0;margin-bottom:5%;}
#blogright {width:100%;float:left;}
}
/* ==================================================================================================== */
/* ERROR PAGE */
#bgerrorpage {width:100%;margin:0 auto;padding:50px 0;}
#boerrorpage {width:1160px;margin:0 auto;padding:0;}
#errorpagebox {margin:0 auto;padding:0;text-align:center;}
.errorpagetit {margin:0 auto;padding:0;font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#F89921;}
.errorpagedes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;}
@media screen and (max-width:990px)
{
#bgerrorpage {width:100%;margin:0 auto;padding:5% 0;}
#boerrorpage {width:90%;margin:0 auto;padding:0;}
#errorpagebox {margin:0 auto;padding:0;text-align:center;}
.errorpagetit {margin:0 auto;padding:0;font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#F89921;}
.errorpagedes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;}
}
/* ==================================================================================================== */