*,html,footer{
 margin:0;
 padding:0;
 border:0;
}

body{
 font:normal normal normal 12px/1.33333 arial,"helvetica neue",helvetica,sans-serif;
}



p{
 margin-top:0.8em;
 line-height:1.3em;
}

.crrd{
 color:#900;
 background-color:inherit; 
}

.bccn{
 text-align:center !important;
}

.sbld{
 font-weight:bold;
}

.bcdk{
 color:#2b552b;
 color:rgba(43,85,43,0.8);
 background-color:transparent;
}

.bcbdr{
 border-style:solid;
 border-width:2px;
 padding:0.5em;
}

.bcactive:hover{
 text-decoration:underline;
}

#bcl1{}

#bcl2{
 color:#334D19;
 color:rgba(51,77,25,0.5);
 background-color:#f9fdf2;
}

/*-----------------------------------*/
/*   Right                           */
/*-----------------------------------*/


#bclr1{
 height:100%;
 width:100%;
 border:0;
 overflow:hidden; 
}

#th1{
 margin:0;
 padding:0;  
 width:100%; 
 height:3em; 
 color:#446921; 
 background-color:#80bf40;
} 

#bclr1 header{
 text-align:left;
 font-size:0.7em;
 overflow:auto; 
}

#bclr1 h1{
 font-family:"helvetica neue",helvetica,Arial, sans-serif;
 font-size:18px;
 text-align:center;
 padding:0.2em 3em 0.4em 0;
 margin:0;
 letter-spacing:0.05em;
 color:#5a5;
 background-color:transparent;
 /*text-shadow: -1px -1px rgba(242,249,235,0.9), 1px 1px rgba(77,153,0,0.7)
               , 1px 1px 0.1em rgba(54,178,200,0.7);*/
 text-shadow:2px 2px 0.5em rgba(189,232,115,0.7);
}

#bclr1 h3{
 font-family:Arial, sans-serif;
 text-align:left;
 padding:1em 0 0.3em;
 margin:0;
 color:#55AA55;
 background-color:transparent;
 /*text-shadow: 1px 1px 1px #c0e684,-0.2px 0.2px 0.3em #a0d945; */
 text-shadow:1px 1px 0.2em rgba(221,244,180,0.7);
}

#bclr2{
 color:#484; 
 color:rgba(68,136,68,1);
 background-color:#f8fBf0;
 overflow:hidden;
} 

#bclr2[class="nobotbutt"]{
 margin:0.5em 0.5em 0.5em 17em; 
 padding:1em;
}


#bcl1 p{
 text-align:justify;
}

#bcltt2{
 margin:0 auto;
 height:5em;
 width:40em;
 text-align:right;
}


#bcl4{
 width:100%;
 text-indent:2em;
 margin:0.8em 0 0;
 height:100%;
 overflow:auto;
}

.spic{
 float:right;
 width:20.6em;
 border:1px solid #ccea95;
 margin:0 0em 0.5em 1em;
 padding:auto auto 0 auto;
}
.spic > img{
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:20.6em;
 height:20.6em;
 vertical-align:middle;
 margin:auto;
}

.spic span{
 display:block;
 height:2em;
 width:100%;
 background-color:#AFE061;
 text-align:center;
 padding-top:0.3em;
 vertical-align:middle;
}

.bpic{
 float:right;
 width:330px;
 height:378px;
 margin:2em 0em 0em 1.5em;
 padding:auto auto 0 auto;
}

.bpic > img{
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:330px;
 height:378px;
 vertical-align:middle;
 margin:auto;
}

.bcltxt ul{
 text-decoration:none;
 text-indent:2em;
 margin:1em 0;
}

.bcltxt li{
 list-style-type:none;
}

.bcltxt a{
 font-weight:bold;
 text-decoration:none;
 color:#484; 
 color:rgba(68,136,68,1);
 background-color:transparent;
}

.prodbutt{
 width:100%;
 margin:1em 0 0;
 padding:0.5em;
 overflow:hidden;
}

.prcebutt{
 width:100%;
 margin:1em 0 0;
 padding:1em 0.5em;
}

.prodbutt a.price{
 float:left; 
 padding:0.5em 2em; 
}

.prcebutt a.price{
 padding:0.5em 2em; 
}

.prodbutt a.sample{
 float:right;
 padding:0.5em 2em; 
 margin-right:4em; 
}

.prodbutt a,
.prcebutt a,
#ul1 a{
 text-indent:0;
 text-decoration:none;
 font-weight:bold;
 padding:0.5em 1.5em; 
 color:#5d8f2d;
 background-color:#cbea99;  
 border:0.3em solid #fff;
 border-top:1px solid rgba(182,221,146,0.7);
 border-left:1px solid rgba(169,215,127,0.7);
 border-right:1px solid rgba(93,143,45,0.7);
 border-bottom:1px solid rgba(93,143,45,0.7);
 -moz-border-radius:0.5em 0.5em;
 -webkit-border-radius:0.5em 0.5em;
 border-radius:0.5em 0.5em; 
 -moz-box-shadow:rgba(102,153,51,0.7) 2px 2px 3px 0.5px;
 -webkit-box-shadow:rgba(102,153,51,0.7) 2px 2px 3px 0.5px;
 box-shadow:0.2em 0.2em 0.5em 0.05em rgba(102,153,51,0.4);
 background:rgba(102,153,51,0.4) -webkit-linear-gradient(273deg, #F7FBEE, #ECF4D5, #ECF7D9, #CBEB99, #B6E26E, #88C427);
 background:rgba(102,153,51,0.4) -moz-linear-gradient(273deg, #F7FBEE, #ECF4D5, #ECF7D9, #CBEB99, #B6E26E, #88C427);
 background:rgba(102,153,51,0.4) -ms-linear-gradient(273deg, #F7FBEE, #ECF4D5, #ECF7D9, #CBEB99, #B6E26E, #88C427);
 background:rgba(102,153,51,0.4) -o-linear-gradient(273deg, #F7FBEE, #ECF4D5, #ECF7D9, #CBEB99, #B6E26E, #88C427);
 background:rgba(102,153,51,0.4) linear-gradient(177deg, #F7FBEE, #ECF4D5, #ECF7D9, #CBEB99, #B6E26E, #88C427);
 text-shadow:1px 1px rgba(255,255,255,0.7);
}



.bclc2 a:hover,
.bclc2 a:focus,
.prodbutt a:hover,
.prcebutt a:focus,
#ul1 a:hover,
#ul1 a:focus{
 color:#446921;
 background-color:#D6EFAF;  
 background:rgba(236,247,217,0.7) -webkit-linear-gradient(271deg, #EEF6DA, #F7FBEE, #BFDD73);
 background:rgba(236,247,217,0.7) -moz-linear-gradient(271deg, #EEF6DA, #F7FBEE, #BFDD73);
 background:rgba(236,247,217,0.7) -ms-linear-gradient(271deg, #EEF6DA, #F7FBEE, #BFDD73);
 background:rgba(236,247,217,0.7) -o-linear-gradient(271deg, #EEF6DA, #F7FBEE, #BFDD73);
 background:rgba(236,247,217,0.7) linear-gradient(177deg, #EEF6DA, #F7FBEE, #BFDD73);
}

/*-----------------------------------*/
/*   Left                            */
/*-----------------------------------*/

#nv1{ 
 height:100%;
 color:#484; 
 color:rgba(182,226,110,1); 
 background-color:#E7F3CE;
 padding:0.3em;

 background:#f7f3ce -ms-radial-gradient(20% 15%, ellipse cover, #C6ED85, #C5EC82, #C1E882, #BFE77E, #BEE77A, #BCE776, #BBE772, #B9E76D, #B8E769, #B6E765, #B5E761, #B3E75C, 70%) no-repeat fixed;
 background:#f7f3ce -o-radial-gradient(20% 15%, ellipse cover, #C6ED85, #C5EC82, #C1E882, #BFE77E, #BEE77A, #BCE776, #BBE772, #B9E76D, #B8E769, #B6E765, #B5E761, #B3E75C, 70%) no-repeat fixed; 
 background:#f7f3ce  -webkit-radial-gradient(20% 15%, ellipse cover, #C6ED85, #C5EC82, #C1E882, #BFE77E, #BEE77A, #BCE776, #BBE772, #B9E76D, #B8E769, #B6E765, #B5E761, #B3E75C,  70%) no-repeat fixed; 
 background:#f7f3ce -moz-radial-gradient(20% 15%, ellipse cover, #C6ED85, #C5EC82, #C1E882, #BFE77E, #BEE77A, #BCE776, #BBE772, #B9E76D, #B8E769, #B6E765, #B5E761, #B3E75C, 70%) no-repeat fixed;
 background:#f7f3ce radial-gradient(20% 15%, ellipse cover, #C6ED85, #C5EC82, #C1E882, #BFE77E, #BEE77A, #BCE776, #BBE772, #B9E76D, #B8E769, #B6E765, #B5E761, #B3E75C,  70%);
 border-bottom-left-radius:6px;
 border:1px solid #C1E784;
}

#nv1 a{
 display:block;
 /*color:#446921; */
 text-decoration:none;
 font-weight:bold; 
 margin:0.5em 0.5em;
}

#ul1 li{
 list-style-type:none;
 margin-bottom:0.8em; 
}
#ul1 a{
 display:block;
 width:12.5em;
 padding:0.5em 0.75em;
}

.bcbm1{
 text-indent:7em;
 margin-top:2em;
 font:normal normal normal 1.2em verdana, Arial, sans-serif;
 width:100%;
 text-align:center;
}

/*-----------------------------------*/
/*   Business Card                   */
/*-----------------------------------*/

.brin3{
  color:#484;
  background-color:#f7fbee;
  border-top:1px solid #87AC2A;
  border-bottom:1px solid #fff1d5;
  border-left:1px solid #87AC2A;
}
.brin1{
  height:1.2em;
}
.brin2{
 width:98%;
}
select.brin3{
 width:100%;
 color:#484;
 background-color:#f7fbee;
 border-top:1px solid #87AC2A;
 border-bottom:1px solid #fbfcfd;
 border-left:1px solid #87AC2A;
}

/*

#contactForm{
 overflow:hidden;
 border:1px solid red;
}

.txta1{
 width:99%;
}

*/

.fbutton{
 margin-top:1em;
 text-align:center;
 width:100%;
}
.fbutton input{
 text-decoration:none;
 font-weight:bold; 
 padding:0.5em 1em;
 color:#446921;
 background-color:#cbea99;  
 border:0.3em solid #ECF7D9;
}

.vul-sentok{
 padding:1em 0;
 text-align:center;
 width:100%;
}

.vul-sentok2{
 margin:auto;
}
svg{
 z-index:2;
}


/***********************/
/*   Right Side        */
/***********************/

.sde1{
 position:absolute;
 z-index:130;
 top:50%;
 width:0;
 height:0;
 right:0;
 border:0;
 color:transparent;
 background-color:transparent;
 border:1px solid #9bcaca;
}

.sde12{
 position:relative;
 margin-top:7em;
 border:0;
 color:transparent;
 background-color:transparent; 
}

.sde13{
 position:fixed;
 width:19em; 
 padding:0.2em 0.2em 0 0.2em;
 color:#fff;
 background-color:#fff;
 font:normal normal normal 14px arial,"Arial Unicode MS",verdana,arial,helvetica,sans-serif;
 transform:rotate(270deg);
 transform-origin:bottom left;
 -moz-transform:rotate(270deg);
 -moz-transform-origin:bottom left;
 -webkit-transform:rotate(270deg);
 -webkit-transform-origin:bottom left; 
 -o-transform:rotate(270deg);
 -o-transform-origin:bottom left;
 -ms-transform:rotate(270deg);
 -ms-transform-origin:bottom left;
 -moz-border-radius-topleft:8px;
 -moz-border-radius-topright:8px;
 border-top-left-radius:8px;
 border-top-right-radius:8px;
 border-top:1px solid #960;
 border-left:1px solid #960;
 border-right:1px solid #960;
 border-bottom:0;
 -moz-box-shadow:0 0 0.5em 0.2em rgba(112, 112, 112, 0.4);
 -webkit-box-shadow:0 0 0.5em 0.2em rgba(112, 112, 112, 0.4);
 box-shadow:0 0 0.5em 0.2em rgba(112, 112, 112, 0.4);
}

.sde14{
 color:#fff;
 background-color:#ffc266;
 text-shadow: 1px 1px 0.5px #994d00;
 border-top:1px solid #c60;
 border-left:1px solid #c60;
 border-right:1px solid #c60;
 -moz-border-radius-topleft:6px;
 -moz-border-radius-topright:6px;
 border-top-left-radius:6px;
 border-top-right-radius:6px;
 /*padding:.5em .75em .5em;*/
 padding:.3em .3em .3em;
 cursor:pointer;
 text-align:center; 
}

.sde12 p{
 margin:0;
 padding:0;
 border:0;
 color:#fff;
 background-color:inherit;
 text-shadow:-1px 1px 0.1em #B36B00, -0.2px 0.2px 0.5em #ffcc80, -0.2px 0.2px 0.1em #B36B00;
}


#cbusiness{ 
 /*position:absolute;*/ 
 position:relative;
 z-index:-1;
 top:0;
 width:0;
 height:0;
 left:-6em;
}

img{
 z-index:-1;
}

.bcard {
 position:relative;
 width:0;
 height:0;
 z-index:-1;
}

.card1{
 position:absolute;
 z-index:-1;
 top:-35em;
 width:200px;
 height:135px; 
}

.card2{
 position:absolute;
 z-index:-1;
 top:-30em;
 width:245px;
 height:179px;
}

.card3{
 position:absolute;
 z-index:-1;
 top:-20em;
 left:0;
 width:256px;
 height:182px;
}

.card4{
 position:absolute;
 z-index:-1;
 top:-10em;
 left:5em;
 width:254px;
 height:174px;
}

footer{
 width:100%;
 z-index:120; 
}

footer .fr{
 width:13.5em;
 color:#066;
 color:rgba(0,102,102,0.5);
 background-color:transparent;
 margin:1em auto;
}


footer .fr p{
 margin:0;
 text-shadow:0.1em 0.1em 0.5em #c8c8c8;
 /*border:0.5px solid #066;*/
}

@media only screen and (min-width:721px) {

 html{
  color:#484;
  background-color:#8ac1c1;
  background-color:rgba(138,193,193,0.8);
  background:#8ac1c1 -ms-radial-gradient(15% 20%, ellipse cover, #ddeeee, #ddeeee, #cde5e5, #bcdcdc, #abd3d3, #9bcaca, #8ac1c1, #79b9b9, #69b0b0 80%) no-repeat fixed;
  background:#8ac1c1 -o-radial-gradient(15% 20%, ellipse cover, #ddeeee, #ddeeee, #cde5e5, #bcdcdc, #abd3d3, #9bcaca, #8ac1c1, #79b9b9, #69b0b0 80%) no-repeat fixed; 
  background:#8ac1c1 -webkit-radial-gradient(15% 20%, ellipse cover, #ddeeee, #ddeeee, #cde5e5, #bcdcdc, #abd3d3, #9bcaca, #8ac1c1, #79b9b9, #69b0b0 80%) no-repeat fixed; 
  background:#8ac1c1 -moz-radial-gradient(15% 20%, ellipse cover, #ddeeee, #ddeeee, #cde5e5, #bcdcdc, #abd3d3, #9bcaca, #8ac1c1, #79b9b9, #69b0b0 80%) no-repeat fixed;
  background:#8ac1c1 radial-gradient(15% 20%, ellipse cover, #ddeeee, #ddeeee, #cde5e5, #bcdcdc, #abd3d3, #9bcaca, #8ac1c1, #79b9b9, #69b0b0 80%);
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
 }


 #bcl1{
  position:relative;
  z-index:100;
  margin:2em auto 0;
  min-width:70em;
  max-width:100em; 
 }

 #bcl2{
  position:relative;
  z-index:100;
  border:1px solid #690;
  border:1px solid rgba(102,153,0,0.9);
  -moz-box-shadow:rgba(13,13,13,0.4) 5px 5px 10px 2px;
  -webkit-box-shadow:rgba(13,13,13,0.4) 5px 5px 10px 2px;
  box-shadow:rgba(13,13,13,0.4) 5px 5px 10px 2px;
  -moz-border-radius:1em 1em;
  -webkit-border-radius:1em 1em;
  border-radius:1em 1em;
  min-height:42em;
  overflow:hidden;
  margin:0 5.5em 0 3em; 
 }

 #th1{
  border-top-left-radius:1em 1em;
  border-top-right-radius:1em 1em; 
 } 

 #bcltt1{
  position:absolute;
  z-index:100; 
  top:-1.5em;
  height:0;
  width:0;
 }

 #bcltt2{
  position:relative;
  z-index:130;
  left:1.6em;
  background:transparent url(/img/bg/bcl-title.png) no-repeat top left;
 }

 #bclsp{
  position:absolute;
  top:0.5em;
  left:50%;
  margin:0;
  color:#2D5700;
  text-shadow: -0.03em -0.03em 0.3em #B4D991, 0.05em 0.05em 0.3em #416322;
 }

 #bclsp h3{
  font:bold 11pt Arial;
  padding-top:.3em;
 }

 #bcpho{
  position:absolute;
  z-index:130;
  right:1em;
  top:-2em;
  width:125px;
  height:135px;
  background:url(/img/bg/business-photo.png) no-repeat top left;
 }

 #bclr1{
  position:relative;
  left:0em;
  right:7em; 
  float:right;
  height:100%;
  width:100%;
  border:0;
  overflow:hidden; 
 }

 #bclr2{
  position:relative; 
  left:0; 
  /*min-height:30.5em;*/
  min-height:36.5em;
  margin:0.5em 0.5em 0.5em 17em; 
  padding:1em 1em 6em;
  overflow:hidden;
  border:2px solid #e1f3c4; 
  border:2px solid rgba(182,226,111,0.3); 

  background:#cbeb99 -ms-radial-gradient(35% 25%, ellipse cover, #fbfdf7, #fbfdf7, #fbfdf7, #f9fcf3, #f8fBf0, #f7faed, #f5f9ea, #f3f8e7, #f1f7e3, #eff7df, #eef7db, #ecf7d7, #eaf7d2, #e9f7ce, #e7f7ca, #e6f7c6 80%) no-repeat fixed;
  background:#cbeb99 -o-radial-gradient(35% 25%, ellipse cover, #fbfdf7, #fbfdf7, #fbfdf7, #f9fcf3, #f8fBf0, #f7faed, #f5f9ea, #f3f8e7, #f1f7e3, #eff7df, #eef7db, #ecf7d7, #eaf7d2, #e9f7ce, #e7f7ca, #e6f7c6  80%) no-repeat fixed; 
  background:#cbeb99 -webkit-radial-gradient(35% 25%, ellipse cover,  #fbfdf7, #fbfdf7, #fbfdf7, #f9fcf3, #f8fBf0, #f7faed, #f5f9ea, #f3f8e7, #f1f7e3, #eff7df, #eef7db, #ecf7d7, #eaf7d2, #e9f7ce, #e7f7ca, #e6f7c6  80%) no-repeat fixed; 

  background:#f8fBf0 -moz-radial-gradient(35% 25%, ellipse cover, #fbfdf7, #fbfdf7, #fbfdf7, #f9fcf3, #f8fBf0, #f7faed, #f5f9ea, #f3f8e7, #f1f7e3, #eff7df, #eef7db, #ecf7d7, #eaf7d2, #e9f7ce, #e7f7ca, #e6f7c6 80%) no-repeat fixed;

  background:#cbeb99 radial-gradient(35% 25%, ellipse cover, #fbfdf7, #fbfdf7, #fbfdf7, #f9fcf3, #f8fBf0, #f7faed, #f5f9ea, #f3f8e7, #f1f7e3, #eff7df, #eef7db, #ecf7d7, #eaf7d2, #e9f7ce, #e7f7ca, #e6f7c6  80%);
  border-bottom-right-radius:6px;
 }

 #vplt1{
  position:absolute;
  float:left;
  top:4.3em;
  left:0;
  bottom:0.5em;
  width:0;
  margin:0;
 }

 #vplt2{
  position:absolute;
  width:16em; 
  min-height:35em;
  height:100%;
  margin:0.5em 0 0.5em 0.5em;   
 }

 #nv1{ 
  position:absolute;
  width:15.5em;
  bottom:0.6em;
 }

 .prodbutt{
  position:absolute;
  bottom:1em;
 }

 .vphone{
  position:absolute;
  top:0.3em;
  right:6em;
  text-shadow:0.1em 0.1em 0.5em #73AC39;
 }

 .vphone p{
  font:normal normal normal 0.9em Arial, sans-serif;
  color:#2d5700;
  margin:0;
 }

 .vphone a{
  font-size:1.4em;
 }

 .vphone .tel a{
  text-decoration :none;
  color:#2B4215;
  background-color:transparent;
 }

 .vcard{
  position:absolute;
  font:normal normal normal 1em Arial, sans-serif;
  color:#2d5700;
  padding:0.5em 0.3em 1em 1.5em;
  width:12em;
  bottom:0.5em;
 }

 .vcard p{
  margin:0;
 }


#pdf1{
 position:fixed;
 z-index:130;
 bottom:0;
 right:0;
 width:80px;
 height:118px;
 margin:0;
 padding:0;
 border:0;
}

#pdf1 a{
 display:block;
 width:80px;
 height:118px;

}

 #fvd{
  position:fixed;
  /*width:100%;*/
  bottom:0;
  left:0;
  z-index:120;
  /*text-align:center;*/
  opacity:0.7;
 }

 #fvd .ftwd1{
  width:9.8em;
  margin:0.2em;
 }

 #fvd .ftwd3{
  display:inline-block;
  width:11.5em;
  color:#000; 
  background:url(/img/bg/webdesign.gif) left top no-repeat;
  text-align:left;
  text-indent:3.2em; 
  font:normal normal bold 0.6em verdana,arial,sans-serif;
  text-decoration:none;
  line-height:1.9em;
  height:2.1em; 
  white-space:nowrap;
 }
}