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 */
h1 {font-size:20px;font-weight:300;color:#000;}
h2 {font-size:18px;font-weight:700;color:#1A2B45;}
h3 {font-size:16px;font-weight:700;color:#1A2B45;}
hr {border-width:1px;border-color:#ddd;}
a {color:#C00;text-decoration:none;}
a:hover {text-decoration:underline;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#c00;}
#e404 {padding:50px 0;text-align:center;font-size:50px;font-weight:700;}
.notfound {font-size:25px;}
.required {color:#C00;}
@media screen and (max-width:990px)
{
	h1 {font-size:20px;font-weight:300;color:#000;}
	h2 {font-size:18px;font-weight:700;color:#1A2B45;}
	h3 {font-size:16px;font-weight:700;color:#1A2B45;}
	hr {border-width:1px;border-color:#ddd;}
	a {color:#C00;text-decoration:none;}
	a:hover {text-decoration:underline;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
	.active {color:#c00;}
	#e404 {padding:50px 0;text-align:center;font-size:50px;font-weight:700;}
	.notfound {font-size:25px;}
	.required {color:#C00;}
}
/* ======================================================================================================================================== */

/* BACKGROUND */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
#bg {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.5;color:#000;background:url('../images/bgpage_4k.jpg') fixed no-repeat;opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* BACKGROUND */
#bgcon {width:100%;margin:0 auto;position:relative;background:#F0F1F3;z-index:99999;}
@media screen and (max-width:990px)
{
	#bgcon {width:100%;margin:0 auto;position:relative;background:#F0F1F3;z-index:99999;}
}
/* ======================================================================================================================================== */

/* LOGO */
#bgtop {width:100%;margin:0 auto;padding:2% 0 0;position:fixed;z-index:99999;}
#botop {max-width:96%;margin:0 auto;padding:0;}
#topleft {width:auto;float:left;margin:0 auto;padding:0;}
#toprite {width:auto;float:right;margin:10px auto;padding:0;text-align:right;}
@media screen and (max-width:990px)
{
	#bgtop {width:100%;margin:0 auto;padding:0;position:relative;z-index:99999;}
	#botop {max-width:100%;margin:0 auto;padding:0;}
	#topleft {width:20%;float:none;margin:0 auto;padding:10px 0 0;text-align:left;}
	#topleft img {width:100%;height:auto;}
	#toprite {width:100%;float:none;margin:0 auto;padding:0;}
}
/* ======================================================================================================================================== */

/* MENU */
#menu {width:auto;height:auto;margin:0 auto;float:right;}
@media screen and (max-width:990px)
{
	#menu {width:auto;height:auto;margin:0 auto;float:right;}
}
/* ======================================================================================================================================== */

/* SLIDESHOW */
#bgslideshow {margin:0 auto;padding:0}

.slidetit {margin:0 auto;padding:0;position:absolute;top:50%;left:0;width:100%;height:auto;font-weight:300;font-size:70px;font-family:'Roboto', sans-serif;color:#fff;text-align:center;text-shadow:0 1px 1px #000;}
.slidetit span {font-weight:700;font-size:70px;text-shadow:0 1px 1px #000;}
.slidedes {margin:0 auto;padding:0;position:absolute;top:60%;left:0!important;width:100%;height:auto;font-weight:300;font-size:20px;font-family:'Roboto', sans-serif;color:#eee;text-align:center;text-shadow:0 1px 1px #000;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* HEADER */
#bgheader {margin:0 auto;padding:0;background-size:100%;position:relative;z-index:-999;width:100%;background:#000;}
#boheader {margin:0 auto;width:100%;background-size:100%;}
#headerimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
#headerimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;opacity:0.7;}
#headerimgno {padding:5% 0;background:#0D0D0D;}
#headerimgnews {padding:5% 0 10%;background:#000;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:5% 0;background:#000;}
#bofrontpage {max-width:90%;margin:0 5%;padding:0;}
#frontpage {margin:0 auto;padding:0;}
#frontpageleft {width:40%;float:left;margin-right:5%;}
.frontpageimg {width:100%;height:auto;overflow:hidden;}
.frontpageimg img {width:100%;height:auto;}
#frontpagerite {width:55%;float:left;}
.frontpagetit {margin:0 auto;padding:0;}
.frontpagetit span {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;color:#fff;letter-spacing:1px;}
.frontpagetit h1 {margin:0 auto 10px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#fff;letter-spacing:1px;}
.frontpagedes {margin:0 auto;padding:0;}
.frontpagedes h2 {font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;color:#eee;line-height:2;}
.frontpagemor {margin:20px auto 0;padding:0;}
.frontpagemor a {padding:10px 20px;background:#fff;color:#000;font-size:12px;letter-spacing:2px;}
.frontpagemor a:hover {background:#1A2B45;color:#fff;text-decoration:none;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* PROJECT TYPE HOME */
#bgprojecttypehome {width:100%;margin:0 auto;padding:10% 0;background:#fff;}
#boprojecttypehome {max-width:80%;margin:0 10%;padding:0;}
#heprojecttypehome {margin:0 auto 50px;padding:0;color:#000;text-align:center;}
.heprojecttypehometit {margin:0 auto;padding:0;font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
.heprojecttypehomecap {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}

#projecttypehome {width:50%;float:left;margin:0 auto 50px;padding:0;}
#projecttypehomeleft {width:30%;float:left;margin:0 2% 0 0;padding:0;}
.projecttypehomeimg {width:100%;height:auto;overflow:hidden;}

.projecttypehomeimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.projecttypehomeimg img:hover {width:100%;height:auto;opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}

#projecttypehomerite {width:68%;float:left;margin:0 auto;padding:0;}
.projecttypehometit {margin:0 auto;padding:0;}
.projecttypehometit h2 {margin:0 auto;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#1A2B45;}
.projecttypehomedes {margin:0 auto;padding:0 20px 0 0;}
.projecttypehomedes h3 {margin:5px auto;padding:0 20px 0 0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;color:#333;}
.projecttypehomemor {margin:0 auto;padding:0;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
.projecttypehomemor a:hover {color:#000;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* LATEST PROJECT */
#bgprojectlatest {width:100%;margin:0 auto;padding:5% 0;background:#000;}
#boprojectlatest {width:90%;margin:0 5%;padding:0;}
#heprojectlatest {margin:0 auto 50px;padding:0;color:#fff;text-align:center;}
.heprojectlatestcap {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
.heprojectlatesttit {margin:0 auto;padding:0;font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;}

#projectlatestrows {margin:0 auto 50px;padding:0;}
.projectlatest {width:32.3%;float:left;margin:0 0.5%;position:relative;}
.projectlatest:hover .projectlatestover {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.projectlatestimg {display:block;width:100%;height:auto;}
.projectlatestover {position:absolute;bottom:0;left:0;right:0;background-color:#182B43;overflow:hidden;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.3s ease;transition:.3s ease;opacity:0.8;}
.projectlatesttext {
color:#fff;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;}
.projectlatesttext a {color:#fff;}
.projectlatesttext span {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}

#projectlatestmore {margin:20px auto 0;padding:0;text-align:center;}
#projectlatestmore a {padding:10px 20px;background:#fff;color:#000;font-size:12px;letter-spacing:2px;}
#projectlatestmore a:hover {background:#1A2B45;color:#fff;text-decoration:none;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* BLOG HOME */
#bgbloghome {width:100%;margin:0 auto;padding:100px 0;background:#fff;}
#bobloghome {width:990px;margin:0 auto;padding:0;}
#hebloghome {margin:0 auto 50px;padding:0;color:#000;text-align:center;}
.hebloghomecap {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
.hebloghometit {margin:0 auto;padding:0;font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;}

#bloghomebox-headline {margin:0 auto 5%;padding:0;-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);}
#bloghomeboxleft-headline {width:495px;float:left;margin:0 auto;padding:0;}
.bloghomeimg-headline {width:100%;height:300px;overflow:hidden;}
.bloghomeimg-headline img {width:100%;height:300px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.bloghomeimg-headline img:hover {width:100%;height:300px;opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#bloghomeboxrite-headline {width:455px;float:left;margin:0 auto;padding:20px;}
.bloghomecat-headline {margin:0 auto;padding:0;color:#1A2B45;}
.bloghomecat-headline a {color:#1A2B45;}
.bloghometit-headline {margin:0 auto;padding:0;font-weight:400;font-size:18px;}
.bloghomedes-headline {margin:20px auto 40px;padding:0;}
.bloghomedet-headline {margin:0 auto;padding:0;text-align:right;color:#999;font-size:13px;}

#bloghomebox {width:320px;float:left;margin:0 5px;padding:0;box-sizing:border-box;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);}
#bloghomeboxtop {margin:0 auto;padding:0;}
.bloghomeimg {width:320px;height:auto;overflow:hidden;}
.bloghomeimg img {width:320px;height:auto;}
.bloghomeimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.bloghomeimg img:hover {width:100%;height:auto;opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#bloghomeboxbot {margin:0 auto;padding:20px;}
.bloghomecat {margin:0 auto;padding:0;color:#1A2B45;}
.bloghomecat a {color:#1A2B45;}
.bloghometit {margin:0 auto;padding:0;font-weight:400;font-size:15px;}
.bloghomedes {margin:10px auto;padding:0;}
.bloghomedet {margin:0 auto;padding:0;text-align:right;color:#999;font-size:13px;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* FOOTER */
#bgfooter {width:50%;margin:0 auto;padding:2% 0;background:transparent;position:fixed;z-index:99999;bottom:0;}
#bofooter {width:92%;margin:0 auto;padding:0;font-weight:300;font-size:12px;font-family:'Roboto', sans-serif;}
.footleft {width:100%;color:#fff;float:left;text-align:left;}
.footrite {width:100%;color:#fff;float:left;text-align:left;}
.footrite a {color:#fff;}
.footrite a:hover {color:#000;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* FOOTER PAGE */
#bgfooterpage {width:100%;margin:0 auto;padding:2% 0 1%;background:transparent;position:fixed;z-index:99999;bottom:0;}
#bofooterpage {width:96%;margin:0 auto;padding:0;font-weight:300;font-size:12px;font-family:'Roboto', sans-serif;}
.footpageleft {width:100%;color:#1A2B45;float:left;text-align:left;}
.footpagerite {width:100%;color:#1A2B45;float:left;text-align:left;}
.footpagerite a {color:#1A2B45;}
.footpagerite a:hover {color:#000;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* ARTICLES DETAILS */
#bgartdetails {width:100%;margin:0 auto;padding:7% 0 0;}
#boartdetails {width:60%;margin:0 auto;padding:0;}
#artdetails {margin:0 auto;padding:0;}
#artdetailsleft {width:38%;float:left;margin:0 2% 0 0;padding:0;}
.artdetailsimg {margin:20px auto 0;padding:0;}
.artdetailsimg img {width:100%;height:auto;}
#artdetailsrite {width:60%;float:left;margin:0 auto;padding:0;}
.artdetailsbre {margin:0 auto 20px;padding:0;color:#1A2B45;font-weight:300;font-size:13px;}
.artdetailsbre a {color:#1A2B45;}
.artdetailstit {margin:0 auto 10px;padding:0;}
.artdetailstit h1 {font-weight:400;font-size:30px;font-family:'Roboto', sans-serif;color:#1A2B45;}
.artdetailssos {margin:0 auto 10px;padding:0;text-align:right;}
.artdetailsdes {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;color:#1A2B45;}
.artdetailsdes ol, .artdetailsdes ul {margin-left:20px;}
.artdetailsdes ol li {padding-left:5px;}
.artdetailsdes ul li {list-style:square;padding-left:5px;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* FOUNDERS */
#bgfounders {width:100%;margin:0 auto;padding:5% 0;}
#bofounders {width:60%;margin:0 auto;padding:0;}
#foundersbox {width:48%;float:left;margin:0 1% 5%;display:block;}
.foundersimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.foundersimg img {width:100%;height:auto;}
.founderstit {margin:0 auto;padding:0;font-weight:400;}
.founderspos {margin:0 auto 10px;padding:0;} 
.foundersdes {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* PROJECT COMP PAGE
#bgprojectcomp {width:100%;margin:0 auto;padding:0;}
#boprojectcomp {width:60%;margin:5% auto 0;padding:5% 0;border-top:1px solid #ddd;}
#heprojectcomp {margin:0 auto 50px;padding:0;color:#1A2B45;text-align:center;}
.heprojectcomptit {margin:0 auto;padding:0;font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
.heprojectcompcap {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#projectcompbox {width:23%;float:left;margin:0 1%;display:block;text-align:center;color:#1A2B45;}
.projectcompimg {width:30%;height:auto;overflow:hidden;margin:0 auto 20px;padding:0;}
.projectcompimg img {width:100%;height:auto;}
.projectcomptit {margin:0 auto;padding:0;font-weight:400;font-size:15px;}
.projectcomptit a {color:#1A2B45;}
.projectcompdes {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-style:italic;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* PEOPLE */
#bgpeople {width:100%;margin:0 auto;padding:5% 0;}
#bopeople {width:60%;margin:0 auto;padding:0;} 
#peoplebox {width:32%;float:left;margin:0 0.65% 1%;text-align:center;background:#fff;}
.peopleimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.peopleimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.peopleimg img:hover {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);}
.peopletit {margin:0 auto;padding:0;font-weight:300;font-size:13px;}
.peoplepos {margin:0 auto 10px;padding:0;}
.peopledes {margin:0 auto;padding:0;text-align:justify;}
@media screen and (max-width:990px)
{ 
	
}
/* ======================================================================================================================================== */

/* PROJECT TYPE PAGE */
#bgprojecttype {width:100%;margin:0 auto;padding:5% 0;background:#fff;}
#boprojecttype {max-width:60%;margin:0 auto;padding:0;}
#heprojecttype {margin:0 auto 50px;padding:0;color:#000;text-align:center;}
.heprojecttypetit {margin:0 auto;padding:0;font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
.heprojecttypecap {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}

#projecttypebox {width:50%;float:left;margin:0 auto 5%;padding:0;}
#projecttypeleft {width:30%;float:left;margin:0 2% 0 0;padding:0;}
.projecttypeimg {width:100%;height:auto;overflow:hidden;}
.projecttypeimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.projecttypeimg img:hover {width:100%;height:auto;opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}

#projecttyperite {width:68%;float:left;margin:0 auto;padding:0;}
.projecttypetit {margin:0 auto;padding:0;}
.projecttypetit h2 {margin:0 auto;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#1A2B45;}
.projecttypedes {margin:0 auto;padding:0 20px 0 0;}
.projecttypedes h3 {margin:5px auto;padding:0 20px 0 0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;color:#333;}
.projecttypemor {margin:0 auto;padding:0;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
.projecttypemor a:hover {color:#000;border-bottom:1px solid #000;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* PROJECT CAT PAGE */
#bgprojectcat {width:100%;margin:0 auto;padding:5% 0 3%;}
#boprojectcat {max-width:60%;margin:0 auto;padding:0;}
#heprojectcat {margin:0 auto 50px;padding:0;text-align:center;}
.heprojectcattit {margin:0 auto;padding:0;font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
.heprojectcatcap {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}


#projectcatbox {width:23%;float:left;margin:0 1% 2%;padding:0;}
#projectcattop {margin:0 auto;padding:0;}
.projectcatimg {width:100%;max-height:300px;position: relative;overflow:hidden;}
.projectcatimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.projectcatimg img:hover {width:100%;height:auto;opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.projectcatimgs {display:block;width:100%;height:auto;}
.projectcatover {position:absolute;bottom:0;background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.7);color:#f1f1f1;width:100%;transition:.5s ease;opacity:0;color:#fff;font-weight:400;font-size:15px;padding:10px 0;text-align:center;}
.projectcatimg:hover .projectcatover {opacity:1;}
* {box-sizing: border-box;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* ACHIEVEMENT */
#bgachievements {width:100%;margin:0 auto;padding:5% 0 0;}
#boachievements {width:60%;margin:0 auto;padding:0;}
#achievementsbox {width:49%;float:left;margin:0 0.5% 5%;}

.achievementsimg {width:100%;max-height:250px;overflow:hidden;}
.achievementsimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.achievementsimg img:hover {width:100%;height:auto;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.achievementstit {font-weight:700;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* BLOG PAGE */
#bgblogpage {width:100%;margin:0 auto;padding:5% 0;background:#fff;}
#boblogpage {width:60%;margin:0 auto;padding:0;}

#blogpagebox-headline {margin:0 auto 5%;padding:0;-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);}
#blogpageboxleft-headline {width:50%;float:left;margin:0 auto;padding:0;}
.blogpageimg-headline {width:100%;height:260px;overflow:hidden;}
.blogpageimg-headline img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogpageimg-headline img:hover {width:100%;height:auto;opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogpageboxrite-headline {width:50%;float:left;margin:0 auto;padding:2%;}
.blogpagecat-headline {margin:0 auto;padding:0;}
.blogpagecat-headline a {color:#1A2B45;}
.blogpagetit-headline {margin:0 auto;padding:0;font-weight:400;font-size:18px;}
.blogpagedes-headline {margin:20px auto 40px;padding:0;}
.blogpagedet-headline {margin:0 auto;padding:0;text-align:right;color:#999;font-size:13px;}

#blogpagebox {width:49%;float:left;margin:0 0.5% 1%;padding:0;box-sizing:border-box;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);}
#blogpageboxtop {margin:0 auto;padding:0;}
.blogpageimg {width:100%;height:200px;overflow:hidden;}
.blogpageimg img {width:100%;height:auto;}
.blogpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.blogpageimg img:hover {width:100%;height:auto;opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#blogpageboxbot {margin:0 auto;padding:20px;}
.blogpagecat {margin:0 auto;padding:0;}
.blogpagecat a {color:#1A2B45;}
.blogpagetit {margin:0 auto;padding:0;font-weight:400;font-size:18px;}
.blogpagedes {margin:10px auto;padding:0;}
.blogpagedet {margin:0 auto;padding:0;text-align:right;color:#999;font-size:13px;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* CAREER PAGE */
#bgcareerpage {width:100%;margin:0 auto;padding:5% 0 0;background:#fff;}
#bocareerpage {width:60%;margin:0 auto;padding:0;}
#careerpagebox {margin:0 auto 5%;padding:0 0 5%;border-bottom:1px dashed #ddd;}
#careerpageboxleft {width:30%;float:left;margin:0 2% 0 0;padding:0;}
.careerpageimg {width:100%;height:auto;overflow:hidden;}
.careerpageimg img {width:100%;height:auto;}
.careerpageimg img:hover {opacity:0.7;}

#careerpageboxrite {width:68%;float:left;margin:0 auto;padding:0;}
.careerpagecat {margin:0 auto;padding:0;}
.careerpagecat a {color:#1A2B45;}
.careerpagetit {margin:0 auto;padding:0;font-weight:400;font-size:18px;}
.careerpagedes {margin:20px auto 0;padding:0;}
.careerpagedet {margin:0 auto;padding:0;color:#999;font-size:13px;}
.careerpagemor {margin:0 auto;padding:0;font-weight:400;}
.careerpagemor a {color:#1A2B45;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* PROJECT COMP */
#bgprocomp {width:100%;margin:0 auto;padding:7% 0 0;}
#boprocomp {width:60%;margin:0 auto;padding:0;}
#heprocomp {margin:0 auto 50px;padding:0;}
.heprocompbre {margin:0 auto 20px;padding:0;color:#fff;font-weight:300;font-size:13px;}
.heprocompbre a {color:#fff;}
.heprocomptit {margin:0 auto;padding:0;font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;}
.heprocompsos {margin:0 auto 10px;padding:0;text-align:right;}
.heprocompdes {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}

#procomprows {margin:0 auto;padding:0;}
#procompbo {width:49%;float:left;margin:0 0.5% 5%;}
.procompimg {width:100%;height:auto;overflow:hidden;}
.procompimg img {width:100%;height:auto;}
.procompcom {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
.procompcom a {color:#1A2B45;}
.procomptit {font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
.procomptit a {color:#666;}
.procompcat {font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
.procompcat a {color:#666;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* PROJECT TYPE */
#bgprotype {width:100%;margin:0 auto;padding:7% 0 0;}
#boprotype {width:60%;margin:0 auto;padding:0;}
#heprotype {margin:0 auto 50px;padding:0;}
.heprotypebre {margin:0 auto 20px;padding:0;color:#fff;font-weight:300;font-size:13px;}
.heprotypebre a {color:#fff;}
.heprotypetit {margin:0 auto;padding:0;font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;}
.heprotypesos {margin:0 auto 10px;padding:0;text-align:right;}
.heprotypedes {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}

#protyperows {margin:0 auto;padding:0;}
#protypebo {width:49%;float:left;margin:0 0.5% 5%;}
.protypeimg {width:100%;height:auto;overflow:hidden;}
.protypeimg img {width:100%;height:auto;}
.protypetit {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
.protypetit a {color:#1A2B45;}
.protypecom {font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
.protypecom a {color:#666;}
.protypecat {font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
.protypecat a {color:#666;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* PROJECT CAT */
#bgprocat {width:100%;margin:0 auto;padding:7% 0 0;}
#boprocat {width:60%;margin:0 auto;padding:0;}
#heprocat {margin:0 auto 50px;padding:0;}
.heprocatbre {margin:0 auto 20px;padding:0;color:#fff;font-weight:300;font-size:13px;}
.heprocatbre a {color:#fff;}
.heprocattit {margin:0 auto;padding:0;font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;}
.heprocatsos {margin:0 auto 10px;padding:0;text-align:right;}
.heprocatdes {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}

#procatrows {margin:0 auto;padding:0;}
#procatbo {width:49%;float:left;margin:0 0.5% 5%;}
.procatimg {width:100%;height:auto;overflow:hidden;}
.procatimg img {width:100%;height:auto;}
.procatcat {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
.procatcat a {color:#1A2B45;}
.procattit {font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
.procattit a {color:#666;}
.procatcom {font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
.procatcom a {color:#666;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* NEWS DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:7% 0 0;}
#boblogdetails {width:60%;margin:0 auto;padding:0;}
.blogdetailsdet {font-size:13px;color:#999;}
.blogdetailstit {margin:0;padding:0;}
.blogdetailstit h1 {font-weight:300;font-size:25px;font-family:'Roboto', sans-serif;}
.blogdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px 0;padding:0;}
.blogdetailsimg img {width:100%;height:auto;}
.blogdetailsdes {margin:0;padding:0;}
.blogdetailsdes ol {margin-left:20px;}
.blogdetailsdes ul {margin-left:20px;}
.blogdetailsdes a {color:#1A2B45;}
.blogdetailsdes a:hover {color:#1A2B45;}
.blogdetailsdes h2 {font-weight:700;}
.blogdetailssos {margin:20px auto 0;padding:5px;text-align:right;border-top:1px solid #ddd;border-radius:3px;}
@media screen and (max-width:990px)
{
	#bgblogdetails {width:100%;margin:0 auto;padding:0;}
	#boblogdetails {width:100%;margin:0 auto;padding:0;}
	.blogdetailsdet {font-size:13px;color:#999;}
	.blogdetailstit {margin:0;padding:0;}
	.blogdetailstit h1 {font-weight:300;font-size:25px;font-family:'Roboto', sans-serif;}
	.blogdetailsimg {width:100%;height:auto;overflow:hidden;margin:10px 0;padding:0;}
	.blogdetailsimg img {width:100%;height:auto;}
	.blogdetailsdes {margin:0;padding:0;}
	.blogdetailsdes ol {margin-left:20px;}
	.blogdetailsdes ul {margin-left:20px;}
	.blogdetailsdes a {color:#1A2B45;}
	.blogdetailsdes a:hover {color:#1A2B45;}
	.blogdetailsdes h2 {font-weight:700;}
	.blogdetailssos {margin:20px auto 0;padding:5px;text-align:right;border-top:1px solid #ddd;border-radius:3px;}
}
/* ======================================================================================================================================== */





























/* BG BLOGS */
#bgblog {width:100%;margin:0 auto;padding:50px 0;}
#boblog {width:990px;margin:0 auto;padding:0;}
#blogleft {width:570px;float:left;margin-right:20px;}
#blogrite {width:400px;float:left;}
@media screen and (max-width:990px)
{
	#bgblog {width:100%;margin:0 auto;padding:50px 0;}
	#boblog {width:90%;margin:0 5%;padding:0;}
	#blogleft {width:100%;float:left;margin-right:0;}
	#blogrite {width:100%;float:left;}
}














#bgblog {width:100%;margin:0 auto;padding:50px 0;background:#fff;}
#boblog {width:90%;margin:0 auto;padding:0;}
#blogbox {width:32.33%;float:left;margin:0 0.5% 2%;display:block;}
.blogimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.blogimg img {width:100%;height:auto;}
.blogtit {margin:0 auto;padding:0;font-weight:400;}
.blogtit a {color:#1A2B45;}
.blogdes {margin:0 auto;padding:0;color:#666;}
























/* PROJECT DETAILS */
#bgprodetails {width:100%;margin:0 auto;padding:50px 0;background:#fff;}
#boprodetails {width:990px;margin:0 auto;padding:0;}
#prodetailshead {width:100%;height:700px;overflow:hidden;margin:0 auto;padding:0;}
#prodetailshead img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;opacity:0.7}
#prodetails {margin:0 auto;padding:0;}

#prodetailstop {margin:0 auto 50px;padding:0;}
.prodetailstit {margin:0 auto 10px;padding:0;}
.prodetailstit h1 {font-weight:400;font-size:30px;font-family:'Roboto', sans-serif;}
.prodetailssos {margin:0 auto 10px;padding:0;text-align:right;}
.prodetailsdes {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
.prodetailsdes ol, .prodetailsdes ul {margin-left:20px;}
.prodetailsdes ol li {padding-left:5px;}
.prodetailsdes ul li {list-style:square;padding-left:5px;}

#prodetailsmid {margin:0 auto 50px;padding:0;}
.prodetailscap {width:50%;float:left;margin:0 auto 20px;padding:0;font-weight:300;color:#999;letter-spacing:2px;}
.prodetailscap span {margin:0 auto;padding:0;font-weight:400;color:#000;letter-spacing:0;}
.prodetailscap a span {color:#C00;}
.prodetailscap a span:hover {color:#000;}

#prodetailsbot {margin:0 auto;padding:0;}
#prodetailsimgbox {width:493px;float:left;margin:0 1px 2px;padding:0;}
.prodetailsimg {width:493px;height:277px;overflow:hidden;}
.prodetailsimg img {width:100%;height:auto;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */





/* BG CONTENT */
#bgcontent {width:100%;margin:40px auto 0;padding-bottom:50px;}
#bocontent {width:990px;margin:0 auto;padding:0;}
#contentleft {width:260px;margin:0 auto;padding:0;float:left;}
#contentrite {width:700px;margin:0 auto;padding:0;float:right;}
#contenttop {margin:0 auto;padding:0;line-height:1.6;}
.contenttoptit {margin:0 auto;padding:0;}
.contenttoptit h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;}
.contenttopdes {margin:0 auto;padding:0;text-align:justify;line-height:1.6;}
.contenttopdes h2 {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
#contentbot {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bgcontent {width:100%;margin:40px auto 0;padding-bottom:50px;}
	#bocontent {width:90%;margin:0 auto;padding:0;}
	#contentleft {width:260px;margin:0 auto;padding:0;float:left;}
	#contentrite {width:700px;margin:0 auto;padding:0;float:right;}
	#contenttop {margin:0 auto;padding:0;line-height:1.6;}
	.contenttoptit {margin:0 auto;padding:0;}
	.contenttoptit h1 {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;}
	.contenttopdes {margin:0 auto;padding:0;color:#000;text-align:justify;line-height:1.6;}
	.contenttopdes h2 {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
	#contentbot {margin:0 auto;padding:0;}
}
/* ======================================================================================================================================== */


/* MENU SIDE 
#bgartmenu {margin:0 auto;padding:0;}
#heartmenu {margin:0 auto 10px;padding:0;color:#000;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
#accordion ul li {border-bottom:1px solid #1A2B45;color:#004469;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;padding-bottom:4px;margin-bottom:4px;font-weight:300;list-style:none;}
#accordion ul li a {color:#333;}
#accordion ul li a:hover {color:#1A2B45;}
@media screen and (max-width:990px)
{
	#bgartmenu {margin:0;padding:0;}
	#heartmenu {border-bottom:1px solid #1A2B45;border-top:1px solid #1A2B45;color:#000;font-family:'Roboto', sans-serif;font-size:25px;margin:0;padding:8px 0 8px 10px;border-right:0px solid #1A2B45;border-left:10px solid #1A2B45;text-align:left;}
	#accordion ul li {border-bottom:1px solid #c8c8c8;color:#004469;font-family:'Roboto', sans-serif;font-size:15px;padding:8px 0 8px 8%;width:92%;font-weight:300;list-style:none;text-align:left;margin-left:0;margin-right:0;}
	#accordion ul li a {color:#004469;}
	#accordion ul li a:hover {color:#333;}
}
/* ======================================================================================================================================== */

/* SUBMENU ARTIKEL */
#bgartmenu {width:100%;margin:0 auto;padding:0;background-color:#1A2B45;}
.topnav {width:auto;margin:0 auto;padding:5px 0 0;overflow:hidden;background-color:#1A2B45;text-align:center;display:table;}
.topnav a {float:left;display:block;color:#f2f2f2;text-align:center;padding:5px 20px;text-decoration:none;font-size:13px;text-transform:uppercase;}
.topnav a:hover {background-color:#014C00;color:#fff;}
.topnav a.active {background-color:#014C00;color:#fff;}
.topnav .icon {display:none;} 
@media screen and (max-width:600px) {
	#bgartmenu {width:100%;margin:0 auto;padding:0;background-color:#1A2B45;}
	.topnav {width:100%;margin:0 auto;padding:5px 0;overflow:hidden;background-color:#1A2B45;text-align:center;display:table;}
	.topnav a:not(:first-child) {display:none;}
	.topnav a.icon {float:right;display:block;}
}
@media screen and (max-width:600px) { 
	.topnav.responsive {position:relative;}
	.topnav.responsive .icon {position:absolute;right:0;top:0;}
	.topnav.responsive a {float:none;display:block;text-align:left;}
}
/* ======================================================================================================================================== */






/* INFO PAGE 
#bgblogpage {width:100%;margin:0 auto;padding:20px 0;}
#boblogpage {width:990px;margin:0 auto;padding:0;}

#blogpagetop {width:990px;margin:0 auto;padding:0;}

#blogpagetopbox {width:493px;float:left;margin:0 1px 20px;padding:0 0 20px;border-bottom:1px solid #ddd;}

#blogpagetopboxtop {width:493px;margin:0 auto;padding:0;}
.blogpagetopboximg {width:493px;height:auto;overflow:hidden;}
.blogpagetopboximg img {width:493px;height:auto;}

#blogpagetopboxbot {margin:-33% auto 0;padding:20px;background:rgb(0,0,0,0.8);position:relative;}
.blogpagetopboxtit {margin:0;padding:0;font-size:25px;}
.blogpagetopboxtit a {color:#fff;}
.blogpagetopboxdes {margin:0;padding:0 0 10px;color:#fff;}
.blogpagetopboxdet {margin:0;padding:0;font-size:12px;color:#fff;}

#blogpagebox {width:485px;float:left;margin:0 5px 10px;padding:0 0 10px;border-bottom:1px solid #ddd;}

#blogpageboxleft {width:100px;float:left;margin:0 10px 0 0;padding:0;}
.blogpageimg {width:100px;height:auto;overflow:hidden;}
.blogpageimg img {width:100px;height:auto;}

#blogpageboxrite {width:375px;float:left;margin:0 auto;padding:0;background:#fff;}
.blogpagetit {margin:0;padding:0;font-size:18px;}
.blogpagetit a {color:#1A2B45;}
.blogpagetit a:hover {text-decoration:underline;} 
.blogpagedes {margin:0;padding:0;}
.blogpagedet {margin:0;padding:0;font-size:11px;color:#999;}
@media screen and (max-width:990px)
{
	#bgblogpage {width:100%;margin:0 auto;padding:20px 0;}
	#boblogpage {width:100%;margin:0 auto;padding:0;}

	#blogpagetop {width:100%;margin:0 auto;padding:0;}

	#blogpagetopbox {width:100%;float:left;margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #ddd;}

	#blogpagetopboxtop {width:100%;margin:0 auto;padding:0;}
	.blogpagetopboximg {width:100%;height:auto;overflow:hidden;}
	.blogpagetopboximg img {width:100%;height:auto;}

	#blogpagetopboxbot {margin:-33% auto 0;padding:20px;background:rgb(0,0,0,0.8);position:relative;}
	.blogpagetopboxtit {margin:0;padding:0;font-size:25px;}
	.blogpagetopboxtit a {color:#fff;}
	.blogpagetopboxdes {margin:0;padding:0 0 10px;color:#fff;}
	.blogpagetopboxdet {margin:0;padding:0;font-size:12px;color:#fff;}

	#blogpagebox {width:100%;float:left;margin:0 auto 10px;padding:0 0 10px;border-bottom:1px solid #ddd;}

	#blogpageboxleft {width:100%;float:left;margin:0 auto;padding:0;}
	.blogpageimg {width:100%;height:auto;overflow:hidden;}
	.blogpageimg img {width:100%;height:auto;}

	#blogpageboxrite {width:100%;float:left;margin:0 auto;padding:0;background:#fff;}
	.blogpagetit {margin:0;padding:0;font-size:18px;}
	.blogpagetit a {color:#1A2B45;}
	.blogpagetit a:hover {text-decoration:underline;} 
	.blogpagedes {margin:0;padding:0;}
	.blogpagedet {margin:0;padding:0;font-size:11px;color:#999;}
}
/* ======================================================================================================================================== */

/* INFO LIST */
#bgbloglist {width:100%;margin:0 auto;padding:0;}
#bobloglist {width:100%;margin:0 auto;padding:0;}
#hebloglist {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#1A2B45;text-transform:uppercase;border-bottom:1px solid #ddd;}

#bloglistbox {width:100%;margin:0 auto 20px;padding:0;}

#bloglistboxtop {margin:0;padding:0;}
.bloglistimg {width:100%;height:auto;overflow:hidden;}
.bloglistimg img {width:100%;height:auto;}

#bloglistboxbot {padding:5px;margin:0 auto;background:#fff;}
.bloglistdet {margin:0;padding:0;font-size:12px;color:#999;}
.bloglisttit {margin:0;padding:0;font-size:18px;}
.bloglisttit a {color:#1A2B45;}
.bloglisttit a:hover {text-decoration:underline;} 
.bloglistdes {margin:0;padding:10px 0;}
@media screen and (max-width:990px)
{
	#bgbloglist {width:100%;margin:0 auto;padding:0;}
	#bobloglist {width:100%;margin:0 auto;padding:0;}
	#hebloglist {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#1A2B45;text-transform:uppercase;border-bottom:1px solid #ddd;}

	#bloglistbox {width:100%;margin:0 auto 20px;padding:0;}

	#bloglistboxtop {margin:0;padding:0;}
	.bloglistimg {width:100%;height:auto;overflow:hidden;}
	.bloglistimg img {width:100%;height:auto;}

	#bloglistboxbot {padding:5px;margin:0 auto;background:#fff;}
	.bloglistdet {margin:0;padding:0;font-size:12px;color:#999;}
	.bloglisttit {margin:0;padding:0;font-size:18px;}
	.bloglisttit a {color:#1A2B45;}
	.bloglisttit a:hover {text-decoration:underline;} 
	.bloglistdes {margin:0;padding:10px 0;}
}
/* ======================================================================================================================================== */







/* CONTACT US */
#bgcontact {width:100%;margin:0 auto;padding:7% 0 0;}
#bocontact {width:60%;margin:0 auto 2%;padding:0;}
#contacttop {margin:0 auto 5%;padding:0;}
.contacttoptit {margin:0 auto;padding:0;}
.contacttoptit h1 {font-weight:400;font-size:30px;font-family:'Roboto', sans-serif;color:#1A2B45;}
.contacttopdes {margin:0 auto;padding:0;}
.contacttopdes h2 {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
#contactleft {width:25%;float:left;margin-right:5%;}
#contactrite {width:70%;float:left;}
#contactbox {margin:0 auto;padding:0;}
.contactboxtit {margin:0 auto 10px;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;text-transform:uppercase;border-bottom:1px solid #ddd;}
.contactboxdes {margin:0 auto;padding:0;}
.contactboxdes a {color:#C00;}
.contactboxdes a:hover {color:#1A2B45}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* FORM CONTACT US */
#bgformcontact {margin:0 auto;padding:10px 0;}
#boformcontact {margin:0 auto;padding:0;}
#formcontactbox {margin:0 auto;padding:0;}
.formcontact input {width:100%;margin:5px 0;padding:10px 0;border-bottom:1px solid #ddd;background:transparent;border-left:none;border-top:none;border-right:none;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;color:#999;box-sizing:border-box;}
.formcontact input:focus {border-bottom:1px solid #1A2B45;background:transparent;border-left:none;border-top:none;border-right:none;color:#1A2B45;}
.formcontact textarea {width:100%;margin:5px 0;padding:10px 0;border-bottom:1px solid #ddd;background:transparent;border-left:none;border-top:none;border-right:none;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;color:#999;box-sizing:border-box;}
.formcapthca {margin:5px auto;padding:0;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */

/* MAPS */
#bgmaps {width:100%;margin:0 auto;padding;0;}
#bomaps {width:60%;margin:0 auto;padding:1%;background:#F8F8F8;}
@media screen and (max-width:990px)
{
	
}
/* ======================================================================================================================================== */




/* ERROR PAGE */
#errorbox {margin:0 auto;padding:20px 0;text-align:center;}
.errortit {margin:0 auto;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#1A2B45;}
.errordes {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
@media screen and (max-width:990px)
{
	#errorbox {margin:0 auto;padding:20px 0;text-align:center;}
	.errortit {margin:0 auto;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#1A2B45;}
	.errordes {margin:0 auto;padding:0;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
}
/* ======================================================================================================================================== */

/* BUTTON */
.submitbutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1A2B45), color-stop(1, #1A2B45));
	background:-moz-linear-gradient(top, #1A2B45 5%, #1A2B45 100%);
	background:-webkit-linear-gradient(top, #1A2B45 5%, #1A2B45 100%);
	background:-o-linear-gradient(top, #1A2B45 5%, #1A2B45 100%);
	background:-ms-linear-gradient(top, #1A2B45 5%, #1A2B45 100%);
	background:linear-gradient(to bottom, #1A2B45 5%, #1A2B45 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A2B45', endColorstr='#1A2B45',GradientType=0);
	background-color:#1A2B45;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:'Roboto', sans-serif;
	padding:10px 20px;
	text-decoration:none;
}
.submitbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #122032), color-stop(1, #122032));
	background:-moz-linear-gradient(top, #122032 5%, #122032 100%);
	background:-webkit-linear-gradient(top, #122032 5%, #122032 100%);
	background:-o-linear-gradient(top, #122032 5%, #122032 100%);
	background:-ms-linear-gradient(top, #122032 5%, #122032 100%);
	background:linear-gradient(to bottom, #122032 5%, #122032 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#122032', endColorstr='#122032',GradientType=0);
	background-color:#122032;
}
.submitbutton:active {
	position:relative;
	top:1px;
}












/* PRICE LIST PAGE
#bgpricelist {width:100%;margin:0 auto;padding:0;}
#bopricelist {width:100%;margin:20px auto 0;padding:0;border-bottom:1px solid #CB2D01;text-align:center;}
.pricetab {margin:0 1px 0 0;padding:10px 20px;background:#000;color:#fff;border-radius:3px 2px 0 0;}
#priceres {width:auto;overflow-x:hidden;}
.bookbutton {background:#C00;color:#fff!important;padding:3px 10px;border-radius:3px;}
#pricelisttab {width:auto;float:left;}
@media screen and (max-width:990px)
{
	#bgpricelist {width:100%;margin:0 auto;padding:0;}
	#bopricelist {width:100%;margin:20px auto 0;padding:0;border-bottom:1px solid #CB2D01;text-align:center;}
	.pricetab {width:100%;margin:0 1px 0 0;padding:10px 10px;background:#000;color:#fff;border-radius:3px 2px 0 0;}
	#priceres {width:auto;overflow-x:auto;}
	.bookbutton {background:#C00;color:#fff!important;padding:3px 10px;border-radius:3px;}
	#pricelisttab {width:100%;float:left;}
}
/* ======================================================================================================================================== */



/* BOOKING BUTTON 
.bookingbutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C00), color-stop(1, #C00));
	background:-moz-linear-gradient(top, #C00 5%, #C00 100%);
	background:-webkit-linear-gradient(top, #C00 5%, #C00 100%);
	background:-o-linear-gradient(top, #C00 5%, #C00 100%);
	background:-ms-linear-gradient(top, #C00 5%, #C00 100%);
	background:linear-gradient(to bottom, #C00 5%, #C00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C00', endColorstr='#C00',GradientType=0);
	background-color:#C00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff!important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	padding:4px 10px;
	text-decoration:none;
	width:auto;
}
.bookingbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A70000), color-stop(1, #A70000));
	background:-moz-linear-gradient(top, #A70000 5%, #A70000 100%);
	background:-webkit-linear-gradient(top, #A70000 5%, #A70000 100%);
	background:-o-linear-gradient(top, #A70000 5%, #A70000 100%);
	background:-ms-linear-gradient(top, #A70000 5%, #A70000 100%);
	background:linear-gradient(to bottom, #A70000 5%, #A70000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A70000', endColorstr='#A70000',GradientType=0);
	background-color:#A70000;
}
.bookingbutton:active {
	position:relative;
	top:1px;
}

.wabutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1A2B45), color-stop(1, #1A2B45));
	background:-moz-linear-gradient(top, #1A2B45 5%, #1A2B45 100%);
	background:-webkit-linear-gradient(top, #1A2B45 5%, #1A2B45 100%);
	background:-o-linear-gradient(top, #1A2B45 5%, #1A2B45 100%);
	background:-ms-linear-gradient(top, #1A2B45 5%, #1A2B45 100%);
	background:linear-gradient(to bottom, #1A2B45 5%, #1A2B45 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A2B45', endColorstr='#1A2B45',GradientType=0);
	background-color:#1A2B45;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff!important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	padding:4px 10px;
	text-decoration:none;
	width:auto;
}
.wabutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #014C00), color-stop(1, #014C00));
	background:-moz-linear-gradient(top, #014C00 5%, #014C00 100%);
	background:-webkit-linear-gradient(top, #014C00 5%, #014C00 100%);
	background:-o-linear-gradient(top, #014C00 5%, #014C00 100%);
	background:-ms-linear-gradient(top, #014C00 5%, #014C00 100%);
	background:linear-gradient(to bottom, #014C00 5%, #014C00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#014C00', endColorstr='#014C00',GradientType=0);
	background-color:#014C00;
}
.wabutton:active {
	position:relative;
	top:1px;
}

.tabbutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CB2D01), color-stop(1, #CB2D01));
	background:-moz-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
	background:-webkit-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
	background:-o-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
	background:-ms-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
	background:linear-gradient(to bottom, #CB2D01 5%, #CB2D01 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CB2D01', endColorstr='#CB2D01',GradientType=0);
	background-color:#CB2D01;
	-moz-border-radius:3px 2px 0 0;
	-webkit-border-radius:3px 2px 0 0;
	border-radius:3px 2px 0 0;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff!important;
	font-family:'Roboto', sans-serif;
	font-size:15px;
	padding:5px 20px;
	text-decoration:none;
	margin:0 1px 0 0;
	width:auto;
	text-align:center;
}
.tabbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #992101), color-stop(1, #992101));
	background:-moz-linear-gradient(top, #992101 5%, #992101 100%);
	background:-webkit-linear-gradient(top, #992101 5%, #992101 100%);
	background:-o-linear-gradient(top, #992101 5%, #992101 100%);
	background:-ms-linear-gradient(top, #992101 5%, #992101 100%);
	background:linear-gradient(to bottom, #992101 5%, #992101 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#992101', endColorstr='#992101',GradientType=0);
	background-color:#992101;
}
.tabbutton:active {
	position:relative;
	top:1px;
}
@media screen and (max-width:990px)
{
	.tabbutton {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CB2D01), color-stop(1, #CB2D01));
		background:-moz-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
		background:-webkit-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
		background:-o-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
		background:-ms-linear-gradient(top, #CB2D01 5%, #CB2D01 100%);
		background:linear-gradient(to bottom, #CB2D01 5%, #CB2D01 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CB2D01', endColorstr='#CB2D01',GradientType=0);
		background-color:#CB2D01;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:none;
		display:inline-block;
		cursor:pointer;
		color:#fff!important;
		font-family:'Roboto', sans-serif;
		font-size:15px;
		padding:10px 0;
		text-decoration:none;
		margin:0 0 1px 0;
		width:100%;
	}
	.tabbutton:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #992101), color-stop(1, #992101));
		background:-moz-linear-gradient(top, #992101 5%, #992101 100%);
		background:-webkit-linear-gradient(top, #992101 5%, #992101 100%);
		background:-o-linear-gradient(top, #992101 5%, #992101 100%);
		background:-ms-linear-gradient(top, #992101 5%, #992101 100%);
		background:linear-gradient(to bottom, #992101 5%, #992101 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#992101', endColorstr='#992101',GradientType=0);
		background-color:#992101;
	}
	.tabbutton:active {
		position:relative;
		top:1px;
	}
}

.searchutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #333));
	background:-moz-linear-gradient(top, #333 5%, #333333 100%);
	background:-webkit-linear-gradient(top, #333 5%, #333333 100%);
	background:-o-linear-gradient(top, #333 5%, #333333 100%);
	background:-ms-linear-gradient(top, #333 5%, #333333 100%);
	background:linear-gradient(to bottom, #333 5%, #333333 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#333333',GradientType=0);
	background-color:#333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:700;
	font-size:15px;
	font-family:'Roboto', sans-serif;
	padding:12px 0;
	text-decoration:none;
	width:20%;
}
.searchutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000));
	background:-moz-linear-gradient(top, #000 5%, #000 100%);
	background:-webkit-linear-gradient(top, #000 5%, #000 100%);
	background:-o-linear-gradient(top, #000 5%, #000 100%);
	background:-ms-linear-gradient(top, #000 5%, #000 100%);
	background:linear-gradient(to bottom, #000 5%, #000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000',GradientType=0);
	background-color:#000;
}
.searchutton:active {
	position:relative;
	top:1px;
}
@media screen and (max-width:990px)
{
	.searchutton {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #333));
		background:-moz-linear-gradient(top, #333 5%, #333333 100%);
		background:-webkit-linear-gradient(top, #333 5%, #333333 100%);
		background:-o-linear-gradient(top, #333 5%, #333333 100%);
		background:-ms-linear-gradient(top, #333 5%, #333333 100%);
		background:linear-gradient(to bottom, #333 5%, #333333 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#333333',GradientType=0);
		background-color:#333;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:none;
		display:inline-block;
		cursor:pointer;
		color:#fff;
		font-weight:700;
		font-size:15px;
		font-family:'Roboto', sans-serif;
		padding:8px 0;
		text-decoration:none;
		width:50%;
		margin-top:10px;
	}
	.searchutton:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000));
		background:-moz-linear-gradient(top, #000 5%, #000 100%);
		background:-webkit-linear-gradient(top, #000 5%, #000 100%);
		background:-o-linear-gradient(top, #000 5%, #000 100%);
		background:-ms-linear-gradient(top, #000 5%, #000 100%);
		background:linear-gradient(to bottom, #000 5%, #000 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000',GradientType=0);
		background-color:#000;
	}
	.searchutton:active {
		position:relative;
		top:1px;
	}
}

/* HOTLINE 
#bghotline {width:100%;margin:0 auto;padding:50px 0;background:#fff;}
#bohotline {width:990px;margin:0 auto;padding:0;}
#hehotline {margin:0 auto;padding:5px 10px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;text-transform:uppercase;background:#185A9D;background:-webkit-linear-gradient(to right, #124071, #185A9D);background:linear-gradient(to right, #124071, #185A9D);}

#hotlinecon {margin:0 auto;padding:10px;border:1px solid #185a9d;border-radius:0 0 5px 5px;}

#hotline {width:302px;float:left;margin:0 auto;padding:0 10px;}
#hotline:first-child {border-right:1px solid #185a9d;}
#hotline:last-child {border-left:1px solid #185a9d;}
#hotlineleft {width:50px;float:left;margin-right:10px;}
.hotlineimg {width:50px;height:auto;overflow:hidden;}
.hotlineimg img {width:50px;height:50px;}
#hotlinerite {width:240px;float:left;}
.hotlinetit {font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.hotlinetit a {color:#333;}
.hotlinecap {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#1A2B45;}
.hotlinecap a {color:#1A2B45;}
.hotlinedes {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#1A2B45;}
.hotlinedes a {color:#1A2B45;}
@media screen and (max-width:990px)
{
	#bghotline {width:100%;margin:0 auto;padding:50px 0;background:#fff;}
	#bohotline {width:90%;margin:0 5%;padding:0;}
	#hehotline {margin:0 auto;padding:5px 10px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;text-transform:uppercase;background:#185A9D;background:-webkit-linear-gradient(to right, #124071, #185A9D);background:linear-gradient(to right, #124071, #185A9D);}

	#hotlinecon {margin:0 auto;padding:10px;border:1px solid #185a9d;border-radius:0 0 5px 5px;}

	#hotline {width:100%;float:left;margin:0 auto 10px;padding:0 0 10px;}
	#hotline:first-child {border-right:none;}
	#hotline:last-child {border-left:none;}
	#hotlineleft {width:20%;float:left;margin-right:2%;}
	.hotlineimg {width:100%;height:auto;overflow:hidden;}
	.hotlineimg img {width:100%;height:auto;}
	#hotlinerite {width:78%;float:left;}
	.hotlinetit {font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
	.hotlinetit a {color:#333;}
	.hotlinecap {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;color:#1A2B45;}
	.hotlinecap a {color:#1A2B45;}
	.hotlinedes {font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;color:#1A2B45;}
	.hotlinedes a {color:#1A2B45;}
}
/* ======================================================================================================================================== */


/* BENEFIT 
#bgbenefit {width:100%;margin:0 auto;padding:50px 0;}
#bobenefit {width:990px;margin:0 auto;padding:0;}

#hebenefit {margin:0 auto;padding:5px 0;}
#hebenefit span {padding:10px 20px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;background:#1A2B45;background:-webkit-linear-gradient(to right, #013200, #1A2B45);background:linear-gradient(to right, #013200, #1A2B45);}

#benefitcon {margin:0 auto;padding:20px;border:2px solid #013200;border-radius:0 5px 5px 5px;}

#benefit {margin:0 auto 10px;padding:0 0 10px;border-bottom:1px dashed #1A2B45;}
#benefitleft {width:60px;float:left;}
.benefitimg {width:50px;height:50px;overflow:hidden;}
.benefitimg img {width:50px;height:50px;}
#benefitrite {width:886px;float:left;}
.benefittit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;margin:0 auto;padding:0;color:#1A2B45}
.benefitdes {margin:0 auto;padding:0;}
@media screen and (max-width:980px)
{
	#bgbenefit {width:100%;margin:0 auto;padding:50px 0;}
	#bobenefit {width:90%;margin:0 5%;padding:0;}

	#hebenefit {margin:0 auto;padding:5px 0;}
	#hebenefit span {padding:10px 20px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#fff;border-radius:5px 5px 0 0;background:#1A2B45;background:-webkit-linear-gradient(to right, #013200, #1A2B45);background:linear-gradient(to right, #013200, #1A2B45);}

	#benefitcon {margin:0 auto;padding:20px;border:2px solid #013200;border-radius:0 5px 5px 5px;}

	#benefit {margin:0 auto 10px;padding:0 0 10px;border-bottom:1px dashed #1A2B45;}
	#benefitleft {width:20%;float:left;}
	.benefitimg {width:90%;height:auto;overflow:hidden;}
	.benefitimg img {width:90%;height:auto;}
	#benefitrite {width:80%;float:left;}
	.benefittit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;margin:0 auto;padding:0;color:#1A2B45}
	.benefitdes {margin:0 auto;padding:0;}
}
/* ======================================================================================================================================== */

/* BOOKING FORM 
#gsettingform {padding:0;}
#gsettingrows {padding:5px 0;border-bottom:1px dotted #ddd;}

#gsettingtits {margin:20px auto 0;border-bottom:1px solid #999;}
#gsettingtits h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
#gsettingsubs {margin:10px auto 0;padding:5px 10px;background:#f9f9f9;color:#1A2B45;border-bottom:1px solid #ddd;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}

#gsettinglabel {float:left;width:30%;padding:5px 0;color:#666;font-weight:300;}
#gsettinginput {float:left;width:70%;margin-bottom:0px;padding:0.6%;border-radius:3px;border:1px solid #999;box-sizing:border-box;background:#f9f9f9;color:#1A2B45;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit {float:left;width:70%;color:#000;}
#gsettingedit input {width:100%;margin-bottom:0px;padding:1%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit input:focus {color:#333;border:1px solid #333;}
#gsettingedit textarea {width:100%;margin-bottom:0px;padding:1%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit textarea:focus {color:#333;border:1px solid #333;}
#gsettingedit select {width:auto;margin-bottom:0px;padding:1%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingedit select:focus {color:#333;border:1px solid #333;}
#gsettingeditsmall input {width:5%;margin-bottom:0px;padding:0.5%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
#gsettingeditsmall input:focus {color:#333;border:1px solid #333;}
#gsettingtombol {float:left;width:70%;color:#000;}
#gsettingtombol input {width:100%;padding:10px 0;}
@media screen and (max-width:960px)
{
    #gsettingform {margin:0 3%;padding:20px 0;}
	#gsettingrows {padding:5px 0;border-bottom:1px dotted #ddd;}

	#gsettingtits {margin:20px auto 0;border-bottom:1px solid #999;}
	#gsettingtits h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}
	#gsettingsubs {margin:10px auto 0;padding:5px 10px;background:#f9f9f9;color:#1A2B45;border-bottom:1px solid #ddd;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
	
    #gsettinglabel {float:left;width:100%;padding:5px 0;color:#333;}
    #gsettinginput {float:left;width:100%;margin-bottom:0px;padding:0.6% 2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;background:#f9f9f9;color:#1A2B45;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
    #gsettingedit {float:left;width:100%;color:#000;}
    #gsettingedit input {width:100%;margin-bottom:0px;padding:2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
	#gsettingedit input:focus {color:#333;border:1px solid #333;}
	#gsettingedit textarea {width:100%;margin-bottom:0px;padding:2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
	#gsettingedit textarea:focus {color:#333;border:1px solid #333;}
	#gsettingedit select {width:auto;margin-bottom:0px;padding:2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
	#gsettingedit select:focus {color:#333;border:1px solid #333;}
	#gsettingeditsmall input {width:10%;margin-bottom:0px;padding:2%;border-radius:3px;border:1px solid #999;box-sizing:border-box;color:#999;font-weight:300;font-size:15px;font-family:'Roboto', sans-serif;}
	#gsettingeditsmall input:focus {color:#333;border:1px solid #333;}
    #gsettingtombol {float:left;width:100%;color:#000;}
    #gsettingtombol input {width:100%;padding:10px 0;} 
	#booktitle {margin:20px 0 0;border-bottom:1px solid #999;}
	#booktitle h1 {font-weight:700;font-size:15px;}
}
/* ======================================================================================================================================== */

/* MODULE BOTTOM 
#containerbot {width:100%;margin:0 auto;padding:0;background:#000}
#containerbox {width:990px;margin:0 auto;padding:0;}
#containerlef {width:390px;float:left;background:#000;}
#containerrit {width:600px;float:left;background:#000;}

#bobottom {margin:0 auto;padding:0;}
#bottombox {width:200px;float:left;margin:0 auto;padding:50px 0;line-height:1.6;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;color:#fff;box-sizing:border-box;}

#bottomhed {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#fff;margin-bottom:20px;} 
#bottombot {margin:0 auto;padding:0;}
#bottombot ul {margin:0 auto;padding:0;}
#bottombot li {margin:0 20px 5px 0;padding:0 0 5px;list-style:none;border-bottom:1px dotted #1A1A1A;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
#bottombot li a {list-style:none;color:#fff;}
#bottombot li a:hover {list-style:none;text-decoration:underline;}



#bottomimg {margin:0 auto;padding:0;}
#bottomimg img {width:300px;height:297px;}


#bottomboxb {width:150px;float:left;margin:0 auto;padding:0;line-height:1.6;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;color:#fff;box-sizing:border-box;}
#bottomboxb ul li {list-style:none;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
#bottomboxb ul li a {list-style:none;color:#fff;}
#bottomboxb ul li a:hover {list-style:none;text-decoration:underline;}

#bottomboxc {width:190px;float:left;margin:0 auto;padding:0;line-height:1.6;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;color:#fff;box-sizing:border-box;}
#bottomboxc ul li {list-style:none;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
#bottomboxc ul li a {list-style:none;color:#fff;}
#bottomboxc ul li a:hover {list-style:none;text-decoration:underline;}
@media screen and (max-width:990px)
{
	#bgbottomtop {width:100%;margin:0 auto;padding:50px 0;border-top:5px solid #C99C00;border-bottom:5px solid #C99C00;background:#3E1B4A;background:-webkit-linear-gradient(to left, #2E1437, #3E1B4A);background:linear-gradient(to left, #2E1437, #3E1B4A);}
	#bobottomtop {width:90%;margin:0 auto;padding:0;}
	#bobottomtop a {color:#fff;}
	#bottomhed {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#fff;text-transform:uppercase;margin-bottom:10px;} 

	#bottomboxa {width:100%;float:left;margin:0 auto 20px;padding:20px;line-height:1.6;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;background:#2E1437;color:#fff;box-sizing:border-box;border-radius:5px;}

	#bottomboxb {width:100%;float:left;margin:0 auto 20px;padding:20px;line-height:1.6;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;background:#2E1437;color:#fff;box-sizing:border-box;}
	#bottomboxb ul li {list-style:none;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
	#bottomboxb ul li a {list-style:none;color:#fff;}
	#bottomboxb ul li a:hover {list-style:none;text-decoration:underline;}

	#bottomboxc {width:100%;float:left;margin:0 auto 20px;padding:20px;line-height:1.6;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;background:#2E1437;color:#fff;box-sizing:border-box;}
	#bottomboxc ul li {list-style:none;font-weight:300;font-size:13px;font-family:'Roboto', sans-serif;}
	#bottomboxc ul li a {list-style:none;color:#fff;}
	#bottomboxc ul li a:hover {list-style:none;text-decoration:underline;}
}
/* ======================================================================================================================================== */