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;}

@font-face /*perintah untuk memanggil font eksternal*/
{
	font-family:'Avenir Roman'; /*memberikan nama bebas untuk font*/
	src:url('../fonts/AvenirLTStd-Roman.otf');/*memanggil file font eksternalnya di folder nexa*/
}

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 {width:100%;margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';line-height:1.6;background:#FFFFFF;color:#000000;}
#bgcontent {width:990px;margin:0 auto;padding:20px 0;line-height:1.6;}
#bgigmobile {margin:0 auto;padding:1%;clear:both;}
@media screen and (max-width:990px)
{
	#bg {width:100%;margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';line-height:1.6;background:#FFFFFF;color:#000000;}
	#bgcontent {width:90%;margin:0 auto;padding:5%;clear:both;}
	#bgigmobile {margin:0 auto;padding:1%;clear:both;}
}
/* ==================================================================================================== */

/* TOP */
#bgtop {width:100%;margin:0 auto;padding:1% 0;background:url(../images/bglogo.jpg);}
#botop {width:98%;margin:0 auto;padding:0;}

#cotop {margin:0 auto;padding:0;display:flex;align-items:center;}
#topleft {width:6%;margin:0;padding:0;}
.logo {width:100%;height:auto;line-height:0;}
.logo img {padding:0;text-align:center;margin:0 auto;line-height:0;}
.logo a {line-height:0;}
#topmidd {width:88%;margin:0;padding:0;text-align:right;}
#toprite {width:6%;margin:0;padding:0;text-align:center;}

#searchbox {margin:0 auto;padding:0;text-align:left;}
.searchcolom {width:92%;margin:0;padding:0 10px;border:none;outline:none;box-sizing:border-box;font-weight:400;font-size:14px;font-family:'Avenir Roman';line-height:36px;}
.modal {display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.2);}
#myBtn {width:100%;height:auto;}
#myBtn img {width:20px;height:20px;cursor:pointer;vertical-align:middle;}
.modal-content {width:20%;margin:6% 0 0 77%;padding:0;background-color:#FFFFFF;border:none;}
.close {width:8%;float:right;margin:0;padding:0;font-weight:700;font-size:16px;font-family:'Avenir Roman';line-height:36px;color:#AAAAAA;}
.close:hover, .close:focus {color:#000000;text-decoration:none;cursor:pointer;}
@media screen and (max-width:990px)
{
	#bgtop {width:100%;margin:0 auto;padding:1% 0;background:url(../images/bglogo.jpg);}
	#botop {width:98%;margin:0 auto;padding:0;}

	#cotop {margin:0 auto;padding:0;display:block;align-items:center;}
	#topleft {width:100%;margin:0 auto;padding:0;}
	.logo {width:100%;height:auto;padding:5px 0;line-height:0;text-align:center;}
	.logo img {padding:0;text-align:center;margin:0 auto;line-height:0;}
	.logo a {line-height:0;}
	#topmidd {width:100%;margin:0;padding:5px 0;text-align:left;}
	#toprite {width:100%;margin:0;padding:5px 0;text-align:right;clear:both;}

	#searchbox {margin:0 auto;padding:0;text-align:left;}
	.searchcolom {width:92%;margin:0;padding:0 10px;border:none;outline:none;box-sizing:border-box;font-weight:400;font-size:14px;font-family:'Avenir Roman';line-height:36px;}
	.modal {display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.2);}
	#myBtn {width:100%;height:auto;}
	#myBtn img {width:20px;height:20px;cursor:pointer;vertical-align:middle;}
	.modal-content {width:96%;margin:40% 2%;padding:0;background-color:#FFFFFF;border:none;}
	.close {width:8%;float:right;margin:0;padding:0;font-weight:700;font-size:16px;font-family:'Avenir Roman';line-height:36px;color:#AAAAAA;text-align:center;}
	.close:hover, .close:focus {color:#000000;text-decoration:none;cursor:pointer;}
}
/* ==================================================================================================== */

/* SLIDESHOW */
#bgslideshow {width:100%;margin:0 auto;padding:0;}
#boslideshow {width:100%;margin:0 auto;}
@media screen and (max-width:990px)
{
	#bgslideshow {width:100%;margin:0 auto;padding:0;}
	#boslideshow {width:100%;margin:0 auto;}
}
/* ==================================================================================================== */

/* PRODUCT POPULAR */
#bgproductspop {width:100%;margin:0 auto;padding:0;}
#boproductspop {width:100%;margin:0 auto;padding:0;}

#heproductspop {width:100%;margin:0 auto;padding:1% 0;font-weight:400;font-size:30px;font-family:'Avenir Roman';text-align:center;color:#F46178;}
#coproductspop {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgproductspop.jpg');}

#roproductspop {width:80%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#productspopbox {width:23%;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;background:#FCFAFB;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);position:relative;}

#productspoptop {margin:0 auto;padding:0;}
.productspopimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.productspopimg img {width:100%;height:auto;line-height:0;}
.productspopimg a {line-height:0;}
#productspopbot {margin:0 auto;padding:0 0 20px;text-align:center;}
.productspoptit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
.productspoptit a {color:#000000;}

.labellove {padding:20px;margin:0 auto;min-height:0;min-width:0;position:absolute;right:0;left:auto;top:0;z-index:10;line-height:1;}
.labellove img {width:30px;height:30px;}
@media screen and (max-width:990px)
{
	#bgproductspop {width:100%;margin:0 auto;padding:0;}
	#boproductspop {width:100%;margin:0 auto;padding:0;}

	#heproductspop {width:100%;margin:0 auto;padding:1% 0;font-weight:400;font-size:25px;font-family:'Avenir Roman';text-align:center;color:#F46178;}
	#coproductspop {width:100%;margin:0 auto;padding:10% 0;background:url('../images/bgproductspop.jpg');}

	#roproductspop {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
	#productspopbox {width:48%;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;background:#FCFAFB;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);position:relative;}

	#productspoptop {margin:0 auto;padding:0;}
	.productspopimg {width:100%;height:auto;overflow:hidden;line-height:0;}
	.productspopimg img {width:100%;height:auto;line-height:0;}
	.productspopimg a {line-height:0;}
	#productspopbot {margin:0 auto;padding:0 0 20px;text-align:center;}
	.productspoptit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	.productspoptit a {color:#000000;}

	.labellove {padding:20px;margin:0 auto;min-height:0;min-width:0;position:absolute;right:0;left:auto;top:0;z-index:10;line-height:1;}
	.labellove img {width:30px;height:30px;}
}
/* ==================================================================================================== */

/* BLOG HOME */
#bgbloghome {width:100%;margin:0 auto;padding:0;}
#bobloghome {width:100%;margin:0 auto;padding:0;}

#hebloghome {width:100%;margin:0 auto;padding:1% 0;font-weight:400;font-size:30px;font-family:'Avenir Roman';text-align:center;color:#F46178;}
#cobloghome {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgarticles.jpg');}

#robloghome {width:75%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#bloghomebox {width:46%;float:left;margin:0 2%;padding:0;display:inline-flex;align-items:center;background:#FFFFFF;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);}

#bloghometop {width:50%;margin:0 auto;padding:0;}
.bloghomeimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
.bloghomeimg img {width:100%;height:auto;line-height:0;}
.bloghomeimg a {line-height:0;}

#bloghomebot {width:50%;margin:0 auto;padding:0 20px;}
.bloghometit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
.bloghometit a {color:#000;}
.bloghometit a:hover {color:#FE6274;}
.bloghomedes {margin:10% auto 20%;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
.bloghomemor {margin:0 auto;padding:0;line-height:0;}
.bloghomemor img {width:35px;height:35px;}
.bloghomemor a {line-height:0;}
@media screen and (max-width:990px)
{
	#bgbloghome {width:100%;margin:0 auto;padding:0;}
	#bobloghome {width:100%;margin:0 auto;padding:0;}

	#hebloghome {width:100%;margin:0 auto;padding:1% 0;font-weight:400;font-size:25px;font-family:'Avenir Roman';text-align:center;color:#F46178;}
	#cobloghome {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgarticles.jpg');}

	#robloghome {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
	#bloghomebox {width:100%;float:left;margin:0 auto 5%;padding:0;display:inline-flex;flex-wrap: wrap;align-items:center;background:#FFFFFF;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);}

	#bloghometop {width:100%;margin:0 auto;padding:0;}
	.bloghomeimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
	.bloghomeimg img {width:100%;height:auto;line-height:0;}
	.bloghomeimg a {line-height:0;}

	#bloghomebot {width:100%;margin:0 auto;padding:20px;}
	.bloghometit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	.bloghometit a {color:#000;}
	.bloghometit a:hover {color:#FE6274;}
	.bloghomedes {margin:10% auto 20%;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	.bloghomemor {margin:0 auto;padding:0;line-height:0;}
	.bloghomemor img {width:35px;height:35px;}
	.bloghomemor a {line-height:0;}
}
/* ==================================================================================================== */


/* OFFLINE STORE */
#bgofflinestore {width:100%;margin:0 auto;padding:0;}
#boofflinestore {width:100%;margin:0 auto;padding:0;}
#offlinestorebox {margin:0 auto;padding:0;position:relative;text-align:center;color:white;}
.offlinestoreboximg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
.offlinestoreboximg img {width:100%;height:auto;line-height:0;}
.offlinestoreboximg a {line-height:0;}
.offlinestoreboxtit {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.offlinestoreboxtit span {font-weight:400;font-size:100px;font-family:'Avenir Roman';}
@media screen and (max-width:990px)
{
	#bgofflinestore {width:100%;margin:0 auto;padding:0;}
	#boofflinestore {width:100%;margin:0 auto;padding:0;}
	#offlinestorebox {margin:0 auto;padding:0;position:relative;text-align:center;color:white;}
	.offlinestoreboximg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
	.offlinestoreboximg img {width:100%;height:auto;line-height:0;}
	.offlinestoreboximg a {line-height:0;}
	.offlinestoreboxtit {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.offlinestoreboxtit span {font-weight:400;font-size:25px;font-family:'Avenir Roman';}
}
/* ==================================================================================================== */

/* BOTTOM */
#bgbottom {width:100%;margin:0 auto;padding:150px 0;background:url('../images/patternbottom.jpg');}
#bobottom {width:80%;margin:0 auto;padding:0;}
#cobottom {margin:0 auto;padding:0;display:flex;}
#bottombox1 {width:25%;margin:0 auto;float:left;}
#bottombox2 {width:50%;margin:0 auto;float:left;}
#bottombox4 {width:25%;margin:0 auto;float:left;}

#bottomboxtit {margin:0 auto;padding:0;font-weight:400;font-size:18px;font-family:'Avenir Roman';color:#FFFFFF;}

#bottomboxfom {margin:10px auto;padding:0;}
* {box-sizing:border-box;}
.newsletter input[type=email] {width:90%;float:left;margin:0 auto;padding:8.5px 10px;border:none;font-size:15px;font-family:'Avenir Roman';text-align:left;background:#FFFFFF;color:#999999;line-height:1.5;}
.newsletter input:focus {outline:none;}
.newsletter button {float:left;width:10%;padding:7px 5px;background:#FFFFFF;color:#000000;font-size:15px;border:none;cursor:pointer;line-height:1.7;}
.newsletter button:hover {background:#C14D60;color:#FFFFFF;}
.newsletter::after {content:"";clear:both;display:table;}

#bottomboxdes {margin:0 auto;padding:0;}
#bottomboxdes ul {margin:0 auto;padding:0;}
#bottomboxdes li {font-weight:400;font-size:18px;font-family:'Avenir Roman';list-style:none;margin-bottom:10px;margin-left:0;color:#FFFFFF;}
#bottomboxdes a {color:#FFFFFF;}
#bottomboxdes a:hover {color:#000;} 
#bottomboxdes img {width:30px;height:30px;}
@media screen and (max-width:990px)
{
	#bgbottom {width:100%;margin:0 auto;padding:100px 0;background:url('../images/patternbottom.jpg');}
	#bobottom {width:80%;margin:0 auto;padding:0;}
	#cobottom {margin:0 auto;padding:0;display:flex;flex-wrap: wrap;}
	#bottombox1 {width:100%;margin:0 auto 10%;float:left;}
	#bottombox2 {width:100%;margin:0 auto 10%;float:left;}
	#bottombox4 {width:100%;margin:0 auto;float:left;}

	#bottomboxtit {margin:0 auto;padding:0;font-weight:400;font-size:18px;font-family:'Avenir Roman';color:#FFFFFF;}

	#bottomboxfom {margin:10px auto;padding:0;}
	* {box-sizing:border-box;}
	.newsletter input[type=email] {width:90%;float:left;margin:0 auto;padding:8.5px 10px;border:none;font-size:15px;font-family:'Avenir Roman';text-align:left;background:#FFFFFF;color:#999999;line-height:1.5;}
	.newsletter input:focus {outline:none;}
	.newsletter button {float:left;width:10%;padding:7px 5px;background:#FFFFFF;color:#000000;font-size:15px;border:none;cursor:pointer;line-height:1.7;}
	.newsletter button:hover {background:#C14D60;color:#FFFFFF;}
	.newsletter::after {content:"";clear:both;display:table;}

	#bottomboxdes {margin:0 auto;padding:0;}
	#bottomboxdes ul {margin:0 auto;padding:0;}
	#bottomboxdes li {font-weight:400;font-size:18px;font-family:'Avenir Roman';list-style:none;margin-bottom:10px;margin-left:0;color:#FFFFFF;}
	#bottomboxdes a {color:#FFFFFF;}
	#bottomboxdes a:hover {color:#000;} 
	#bottomboxdes img {width:30px;height:30px;}
}
/* ==================================================================================================== */


/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:50px 0;background:#ED93B9;}
#bofooter {width:990px;margin:0 auto;padding:0;}

#footer {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Avenir Roman';color:#FFFFFF;}
#footera {width:50%;float:left;text-align:left;}
#footerb {width:50%;float:left;text-align:right;}
#footerb a {color:#FFFFFF;text-decoration:none;}
#footerb a:hover {color:#000;}
@media screen and (max-width:990px)
{
	#bgfooter {width:100%;margin:0 auto;padding:50px 0;background:#ED93B9;}
	#bofooter {width:100%;margin:0 auto;padding:0;}

	#footer {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Avenir Roman';color:#FFFFFF;}
	#footera {width:100%;float:left;text-align:center;}
	#footerb {width:100%;float:left;text-align:center;}
	#footerb a {color:#FFFFFF;text-decoration:none;}
	#footerb a:hover {color:#000;}
}
/* ==================================================================================================== */

/* PRODUCT PAGE */
#bgproductspage {width:100%;margin:0 auto;padding:0;}
#boproductspage {width:100%;margin:0 auto;padding:0;}

#heproductspage {width:100%;margin:0 auto;padding:1% 0;font-weight:400;font-size:30px;font-family:'Avenir Roman';text-align:center;color:#F46178;}
#coproductspage {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgproductspop.jpg');}

#roproductspage {width:80%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#productspagebox {width:23%;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;background:#FCFAFB;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);position:relative;}

#productspagetop {margin:0 auto;padding:0;}
.productspageimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.productspageimg img {width:100%;height:auto;line-height:0;}
.productspageimg a {line-height:0;}
#productspagebot {margin:0 auto;padding:0 0 20px;text-align:center;}
.productspagetit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
.productspagetit a {color:#000000;}

.labellove {padding:20px;margin:0 auto;min-height:0;min-width:0;position:absolute;right:0;left:auto;top:0;z-index:10;line-height:1;}
.labellove img {width:30px;height:30px;}
@media screen and (max-width:990px)
{
	#bgproductspage {width:100%;margin:0 auto;padding:0;}
	#boproductspage {width:100%;margin:0 auto;padding:0;}

	#heproductspage {width:100%;margin:0 auto;padding:1% 0;font-weight:400;font-size:20px;font-family:'Avenir Roman';text-align:center;color:#F46178;}
	#coproductspage {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgproductspop.jpg');}

	#roproductspage {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
	#productspagebox {width:48%;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;background:#FCFAFB;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);position:relative;}

	#productspagetop {margin:0 auto;padding:0;}
	.productspageimg {width:100%;height:auto;overflow:hidden;line-height:0;}
	.productspageimg img {width:100%;height:auto;line-height:0;}
	.productspageimg a {line-height:0;}
	#productspagebot {margin:0 auto;padding:0 0 20px;text-align:center;}
	.productspagetit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	.productspagetit a {color:#000000;}

	.labellove {padding:20px;margin:0 auto;min-height:0;min-width:0;position:absolute;right:0;left:auto;top:0;z-index:10;line-height:1;}
	.labellove img {width:30px;height:30px;}
}
/* ==================================================================================================== */

/* PRODUCT DETAILS */
#bgproductsdetails {width:100%;margin:0 auto;padding:0;}
#boproductsdetails {width:100%;margin:0 auto;padding:0;}

#heproductsdetails {width:990px;margin:0 auto;padding:20px 0;text-align:center;}
.heproductsdetailstit {font-weight:400;font-size:30px;font-family:'Avenir Roman';color:#F46178;}

#coproductsdetails {width:100%;margin:0 auto;padding:150px 0;background:url('../images/bgproductsdetails.png');}
#productsdetailsbox {width:990px;margin:0 auto;padding:0;display:flex;align-items:start;}

#productsdetailsleft {width:40%;margin:0 5% 0 0;padding:0;}
.productsdetailsimg {width:100%;height:auto;overflow:hidden;line-height:0;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);}
.productsdetailsimg img {width:100%;height:auto;line-height:0;}


#productsdetailsrite {width:55%;margin:0 auto;padding:0;}
.productsdetailstit {margin:0 auto 20px;padding:0;font-weight:400;font-size:30px;font-family:'Avenir Roman';}
.productsdetailsdes {margin:0 auto 10%;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}

#productsdetailsritebot {margin:0;padding:0;display:flex;align-items:center;}
#productsdetailsritebotleft {margin:0;padding:0;}
#productsdetailsritebotrite {margin:0;padding:0 10px;line-height:0;}
#productsdetailsritebotrite img {width:22.4px;height:22.4px;line-height:0;}
#productsdetailsritebotrite form {line-height:0;}
#productsdetailsritebotritelovebox {display:flex;align-items:center;}
.productsdetailsritebotritelove {width:100%;margin:0;padding:0 2px;line-height:0;}
.productsdetailsritebotritelove img {line-height:0;}
.productsdetailsritebotritenumb {width:100%;margin:0;padding:0 2px;}
@media screen and (max-width:990px)
{
	#bgproductsdetails {width:100%;margin:0 auto;padding:0;}
	#boproductsdetails {width:100%;margin:0 auto;padding:0;}

	#heproductsdetails {width:100%;margin:0 auto;padding:20px 0;text-align:center;}
	.heproductsdetailstit {font-weight:400;font-size:25px;font-family:'Avenir Roman';color:#F46178;}

	#coproductsdetails {width:100%;margin:0 auto;padding:100px 0;background:url('../images/bgproductsdetails.png');}
	#productsdetailsbox {width:90%;margin:0 auto;padding:0;display:flex;align-items:start;flex-wrap:wrap;}

	#productsdetailsleft {width:100%;margin:0 auto 5%;padding:0;}
	.productsdetailsimg {width:100%;height:auto;overflow:hidden;line-height:0;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);}
	.productsdetailsimg img {width:100%;height:auto;line-height:0;}


	#productsdetailsrite {width:100%;margin:0 auto;padding:0;}
	.productsdetailstit {margin:0 auto 20px;padding:0;font-weight:400;font-size:25px;font-family:'Avenir Roman';}
	.productsdetailsdes {margin:0 auto 10%;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}

	#productsdetailsritebot {margin:0;padding:0;display:flex;align-items:center;}
	#productsdetailsritebotleft {margin:0;padding:0;}
	#productsdetailsritebotrite {margin:0;padding:0 10px;line-height:0;}
	#productsdetailsritebotrite img {width:22.4px;height:22.4px;line-height:0;}
	#productsdetailsritebotrite form {line-height:0;}
	#productsdetailsritebotritelovebox {display:flex;align-items:center;}
	.productsdetailsritebotritelove {width:100%;margin:0;padding:0 2px;line-height:0;}
	.productsdetailsritebotritelove img {line-height:0;}
	.productsdetailsritebotritenumb {width:100%;margin:0;padding:0 2px;}
}
/* ==================================================================================================== */

/* ORDER PAGE */
.orderbox {margin:0 auto;padding:0;border:none;}
.orederoverlay {position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);transition:opacity 500ms;visibility:hidden;opacity:0;}
.orederoverlay:target {visibility:visible;opacity:1;}

.orderpopupbox {padding:20px;background:#FFFFFF;width:40%;position:fixed;transition:all 5s ease-in-out;	top:50%;left:50%;transform:translate(-50%, -50%);}
.orderpopupbox .orderclose {transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#222222;line-height:1;}
.orderpopupbox .orderclose:hover {color:#06D85F;}
.orderpopupbox .ordercontent {max-height:30%;overflow:auto;}
.ordercontenttop{width:100%;text-align:right;}
.ordercontentbot {width:100%;}
.ordercontentbotmar {width:46%;float:left;margin:2%;padding:5%;border:1px solid #DDDDDD;text-align:center;box-sizing:border-box;border-radius:10px;}
.ordercontentbotmartop {width:100%;height:auto;margin:0 auto 10%;padding:0;}
.ordercontentbotmartop img {width:100%;height:auto;}
.ordercontentbotmarbot {margin:0 auto;padding:0;}
@media screen and (max-width:990px){
  .orderbox{
    width:100%;
  }
  .orderpopupbox{
    width:90%;
  }
}
/* ==================================================================================================== */

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

#heblogpage {width:100%;margin:0 auto;padding:1% 0;font-weight:400;font-size:30px;font-family:'Avenir Roman';text-align:center;color:#F46178;}
#coblogpage {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgarticles.jpg');}

#roblogpage {width:75%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#blogpagebox {width:46%;float:left;margin:0 2% 4%;padding:0;display:inline-flex;align-items:center;background:#FFFFFF;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);}

#blogpagetop {width:50%;margin:0 auto;padding:0;}
.blogpageimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
.blogpageimg img {width:100%;height:auto;line-height:0;}
.blogpageimg a {line-height:0;}

#blogpagebot {width:50%;margin:0 auto;padding:0 20px;}
.blogpagetit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
.blogpagetit a {color:#000;}
.blogpagetit a:hover {color:#FE6274;}
.blogpagedes {margin:10% auto 20%;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
.blogpagemor {margin:0 auto;padding:0;line-height:0;}
.blogpagemor img {width:30px;height:30px;}
.blogpagemor a {line-height:0;}
@media screen and (max-width:990px)
{
	#bgblogpage {width:100%;margin:0 auto;padding:0;}
	#boblogpage {width:100%;margin:0 auto;padding:0;}

	#heblogpage {width:100%;margin:0 auto;padding:1% 0;font-weight:400;font-size:30px;font-family:'Avenir Roman';text-align:center;color:#F46178;}
	#coblogpage {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgarticles.jpg');}

	#roblogpage {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
	#blogpagebox {width:100%;float:left;margin:0 auto 5%;padding:0;display:inline-flex;flex-wrap:wrap;align-items:center;background:#FFFFFF;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);}

	#blogpagetop {width:100%;margin:0 auto;padding:0;}
	.blogpageimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
	.blogpageimg img {width:100%;height:auto;line-height:0;}
	.blogpageimg a {line-height:0;}

	#blogpagebot {width:100%;margin:0 auto;padding:20px;}
	.blogpagetit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	.blogpagetit a {color:#000;}
	.blogpagetit a:hover {color:#FE6274;}
	.blogpagedes {margin:10% auto 20%;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	.blogpagemor {margin:0 auto;padding:0;line-height:0;}
	.blogpagemor img {width:30px;height:30px;}
	.blogpagemor a {line-height:0;}
}
/* ==================================================================================================== */


/* BLOG DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:5% 0;}
#boblogdetails {width:70%;margin:0 auto;padding:0;}

#coblogdetails {margin:0 auto;padding:0;display:flex;align-items:center;}
#coblogdetailsleft {width:40%;margin:0;padding:0;}
.blogdetailsimg {width:100%;height:auto;}
.blogdetailsimg img {width:100%;height:auto;}
#coblogdetailsrite {width:60%;margin:0;padding-left:2%;}
.blogdetailstit {margin:0 auto;padding:0;}
.blogdetailstit h1 {margin:0 auto 5%;padding:0;font-weight:400;font-size:30px;font-family:'Avenir Roman';line-height:1;}

.blogdetailsdes {margin:0 auto;padding:0;}
.blogdetailsdes {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
.blogdetailsdes p {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
.blogdetailsdes h2 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
.blogdetailsdes h3 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
.blogdetailsdes img {width:100%!important;height:auto!important;}

/* IMAGE DETAILS */
.blogdetailsadd {width:auto;margin:5% auto 0;padding:0;}
.blogdetailsaddimg {width:48%;height:200px;overflow:hidden;margin:1%;padding:0;float:left;}
.blogdetailsaddimg img {width:100%;height:auto;}

#blogbot {width:100%;float:left;margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bgblogdetails {width:100%;margin:0 auto;padding:10% 0;}
	#boblogdetails {width:90%;margin:0 auto;padding:0;}

	#coblogdetails {margin:0 auto;padding:0;display:flex;align-items:center;flex-wrap:wrap;}
	#coblogdetailsleft {width:100%;margin:0 auto 5%;padding:0;}
	.blogdetailsimg {width:100%;height:auto;}
	.blogdetailsimg img {width:100%;height:auto;}
	#coblogdetailsrite {width:100%;margin:0;padding-left:0;}
	.blogdetailstit {margin:0 auto;padding:0;}
	.blogdetailstit h1 {margin:0 auto 5%;padding:0;font-weight:400;font-size:25px;font-family:'Avenir Roman';line-height:1;}

	.blogdetailsdes {margin:0 auto;padding:0;}
	.blogdetailsdes {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
	.blogdetailsdes p {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
	.blogdetailsdes h2 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
	.blogdetailsdes h3 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
	.blogdetailsdes img {width:100%!important;height:auto!important;}

	/* IMAGE DETAILS */
	.blogdetailsadd {width:auto;margin:5% auto 0;padding:0;}
	.blogdetailsaddimg {width:48%;height:200px;overflow:hidden;margin:1%;padding:0;float:left;}
	.blogdetailsaddimg img {width:100%;height:auto;}

	#blogbot {width:100%;float:left;margin:0 auto;padding:0;}
}
/* ==================================================================================================== */

/* BLOG LIST */
#bgbloglist {margin:0 auto;padding:0;}
#hebloglist	{margin:0 auto 2%;padding:0;font-weight:700;font-size:30px;font-family:'Avenir Roman';text-align:center;}
#hebloglist span {border-bottom:3px solid #FE6274;}

#bloglistbox {width:100%;float:left;margin:0 auto 5%;padding:0;}
#bloglisttop {margin:0 auto;padding:0;}
.bloglistimg {width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.bloglistimg img {width:100%;height:auto;}
#bloglistbot {margin:-60px 20px 0;padding:10px;background:#FFFFFF;position:relative;}
.bloglisttit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Avenir Roman';}
.bloglisttit a {color:#000;}
.bloglisttit a:hover {color:#FE6274;}
.bloglistdes {margin:3% auto 8%;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
.bloglistmor {margin:0 auto;padding:0;}
.bloglistmor a {margin:0 auto;padding:10px 20px;background:#000000;color:#FFFFFF;}
.bloglistmor a:hover {background:#FE6274;color:#FFFFFF;}
@media screen and (max-width:990px)
{
	#bgbloglist {margin:0 auto;padding:0;}
	#hebloglist	{margin:0 auto 2%;padding:0;font-weight:700;font-size:25px;font-family:'Avenir Roman';text-align:center;}
	#hebloglist span {border-bottom:3px solid #FE6274;}

	#bloglistbox {width:100%;float:left;margin:0 auto 5%;padding:0;}
	#bloglisttop {margin:0 auto;padding:0;}
	.bloglistimg {width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
	.bloglistimg img {width:100%;height:auto;}
	#bloglistbot {margin:-60px 20px 0;padding:10px;background:#FFFFFF;position:relative;}
	.bloglisttit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Avenir Roman';}
	.bloglisttit a {color:#000;}
	.bloglisttit a:hover {color:#FE6274;}
	.bloglistdes {margin:3% auto 8%;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	.bloglistmor {margin:0 auto;padding:0;}
	.bloglistmor a {margin:0 auto;padding:10px 20px;background:#000000;color:#FFFFFF;}
	.bloglistmor a:hover {background:#FE6274;color:#FFFFFF;}
}
/* ==================================================================================================== */

/* KONTAK KAMI */
#bgcontact {width:100%;margin:0 auto;padding:0;}
#bocontact {width:100%;height:750px;margin:0 auto;padding:0;overflow:hidden;}
#contactleft {width:50%;float:left;}
#contactleftbox {margin:0 auto;padding:0;}
.contactimg {width:auto;height:750px;overflow:hidden;margin:0 auto;padding:0;}
.contactimg img {width:auto;height:100%;}
#contactrite {width:46%;float:left;margin:0 auto;padding:2%;}
#contactritebox {margin:0 auto 5%;padding:0;}
.contacttit {margin:0 auto 1%;padding:0;font-weight:700;font-size:20px;font-family:'Avenir Roman';}
.contacttit span {border-bottom:3px solid #FE6274;}
.contactdes {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bgcontact {width:100%;margin:0 auto;padding:0;}
	#bocontact {width:100%;height:auto;margin:0 auto;padding:0;}
	#contactleft {width:100%;float:left;}
	#contactleftbox {margin:0 auto;padding:0;}
	.contactimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
	.contactimg img {width:100%;height:auto;}
	#contactrite {width:90%;float:none;margin:0 auto;padding:5% 0;clear:both;}
	#contactritebox {margin:0 auto 5%;padding:0;}
	.contacttit {margin:0 auto 1%;padding:0;font-weight:700;font-size:20px;font-family:'Avenir Roman';}
	.contacttit span {border-bottom:3px solid #FE6274;}
	.contactdes {margin:0 auto;padding:0;}
}
/* ==================================================================================================== */

/* PAGECAT DETAILS */
#bgpagedetails {width:100%;margin:0 auto;padding:5% 0;background:url(../images/bgarticles.jpg);}
#bopagedetails {width:80%;margin:0 auto;padding:0;}

#pagedetailsbox {width:100%;margin:0 auto 5%;padding:0;display:inline-flex;align-items:center;}

#pagedetailsboxleft {width:50%;margin:0 auto;padding:0 10px;}
.pagedetailshed {width:100%;margin:0 auto;padding:0;}
.pagedetailshed img {width:100%;margin:0 auto;padding:0;box-shadow:0px }

#pagedetailsboxrite {width:50%;margin:0 auto;padding:0 10px;}
.pagedetailstithed {margin:0 auto;padding:0;}
.pagedetailstithed h1 {font-weight:400;font-size:30px;font-family:'Avenir Roman';}
.pagedetailstithed span {text-align:right;}
.pagedetailsdeshed {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';line-height:1.6;}
.pagedetailsdeshed p {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
.pagedetailsdeshed h2 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
.pagedetailsdeshed h3 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
.pagedetailsdeshed img {width:100%!important;height:auto!important;}
.pagedetailsdeshed 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:16px;font-family:'Avenir Roman';line-height:1.6;}


/* PAGE DETAILS */
.pagedetailsimg {width:100%;margin:0 auto;padding:0;}
.pagedetailsimg img {width:100%;margin:0 auto;padding:0;box-shadow:0px }
.pagedetailstit {margin:0 auto 2%;padding:0;}
.pagedetailstit h1 {font-weight:400;font-size:30px;font-family:'Avenir Roman';}
.pagedetailstit span {text-align:right;}
.pagedetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
.pagedetailsdes p {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
.pagedetailsdes h2 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
.pagedetailsdes h3 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
.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:16px;font-family:'Avenir Roman';line-height:1.6;}
@media screen and (max-width:990px)
{
	#bgpagedetails {width:100%;margin:0 auto;padding:10% 0;background:url(../images/bgarticles.jpg);}
	#bopagedetails {width:90%;margin:0 auto;padding:0;}

	#pagedetailsbox {width:100%;margin:0 auto 5%;padding:0;display:inline-flex;align-items:center;flex-wrap: wrap;}

	#pagedetailsboxleft {width:100%;margin:0 auto;padding:0 10px;}
	.pagedetailshed {width:100%;margin:0 auto;padding:0;}
	.pagedetailshed img {width:100%;margin:0 auto;padding:0;box-shadow:0px }

	#pagedetailsboxrite {width:100%;margin:0 auto;padding:0 10px;}
	.pagedetailstithed {margin:0 auto;padding:0;}
	.pagedetailstithed h1 {font-weight:400;font-size:25px;font-family:'Avenir Roman';}
	.pagedetailstithed span {text-align:right;}
	.pagedetailsdeshed {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';line-height:1.6;}
	.pagedetailsdeshed p {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
	.pagedetailsdeshed h2 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
	.pagedetailsdeshed h3 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
	.pagedetailsdeshed img {width:100%!important;height:auto!important;}
	.pagedetailsdeshed 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:16px;font-family:'Avenir Roman';line-height:1.6;}


	/* PAGE DETAILS */
	.pagedetailsimg {width:100%;margin:0 auto;padding:0;}
	.pagedetailsimg img {width:100%;margin:0 auto;padding:0;box-shadow:0px }
	.pagedetailstit {margin:0 auto 2%;padding:0;}
	.pagedetailstit h1 {font-weight:400;font-size:25px;font-family:'Avenir Roman';}
	.pagedetailstit span {text-align:right;}
	.pagedetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
	.pagedetailsdes p {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:0 auto;padding:0;line-height:1.6;}
	.pagedetailsdes h2 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
	.pagedetailsdes h3 {font-weight:400;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;line-height:1.6;}
	.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:16px;font-family:'Avenir Roman';line-height:1.6;}
}
/* ==================================================================================================== */

/* IMAGE DETAILS *
.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)
{
	.pagedetailsimgadd {width:auto;margin:0 auto;padding:0;}
	.pagedetailsimgaddbox {width:48%;height:100px;overflow:hidden;margin:1%;padding:0;float:left;}
	.pagedetailsimgaddbox img {width:100%;height:auto;}
}
/* ==================================================================================================== */

/* LOADING */
#loading {text-align:center;padding:15% 0;}
.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #FE6274;border-bottom:5px solid #FE6274;width:50px;height:50px;-webkit-animation:spin 2s linear infinite; /* Safari */ animation:spin 2s linear infinite;margin:0 auto;color:#FE6274;}
.loader span {vertical-align:middle;}
/* Safari */
@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
@keyframes spin {0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }}
@media screen and (max-width:720px)
{
	#loading {text-align:center;padding:20% 0;}
	.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #FE6274;border-bottom:5px solid #FE6274;width:50px;height:50px;-webkit-animation:spin 2s linear infinite; /* Safari */ animation:spin 2s linear infinite;margin:0 auto;}
	/* Safari */
	@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
	@keyframes spin {0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }}
}
/* ==================================================================================================== */