body{margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#666;}
input[type="button"],input[type="submit"]{
transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;}
input,
button,
select,
textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a {color: #568907; text-decoration: none;}
a:hover,
a:focus {color: #E74C3C; text-decoration: underline;}
a:focus { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
figure {margin: 0;}
img {vertical-align: middle;}
h1,h2,h3,h4,h5,h6{margin:0;}	
p{margin:0;}
ul{margin:0;padding:0;}
label{margin:0;}
.clear-both{ clear:both}
.container{margin:0 auto; padding:0px 0; width:950px; height:auto; clear:both;}
.wrap{margin:0 auto; padding:0px 0; width:950px; height:auto; clear:both;}
.header-wrapper{margin:0 auto; padding:0px 0 25px 0;  clear:both; background:#224797 url(images/bg_pattern.png);}
.header-wrapper .logo{margin:0 auto; padding:0px; margin-top:0px; width:100%; float:left; text-align:center; }
  /*CSS MENU START */
.cssmenu { float:left; margin:0 auto; width:100%; height:auto;background: #224797; border-radius:7px;  } 
.nav-star {width:100%;float:left; }
.nav-star li { float:left; width:12%; text-align:center; list-style:none;}
.nav-star li.border {border-right:none;}
.nav-star li a {font-size:15px;float:left;width:100%;text-transform:uppercase;line-height:50px;text-decoration:none;color:#fff;transition:all ease .25s;}
.nav-star li a:hover, .nav-star li a.active {color:#000;}
/*CSS MENU END */
 
.main-wrapper{margin:0 auto; padding:5px; background:rgba(255, 255, 255, 0.9); clear:both; float:left; border-radius:10px;}
.main-wrapper .slider{margin:0 auto; padding:0px 0; width:100%; float:left; margin:0 0 8px 0;}
.main-wrapper .slider img{ vertical-align:top; width:100%; border-radius:7px;}

.main-wrapper .text-area{margin:0 auto; padding:10px 0; width:100%; float:left; margin:5px 0px; }
.main-wrapper .text-area .leftstar{margin:0 auto; padding:0px 0; width:25%; float:left; margin:0 15px 0 0; }
.main-wrapper .text-area .leftstar .box{margin:0 auto; padding:0px 0; width:100%; float:left; margin:0 0 20px 0; background:#FFFFFF; border-radius:7px; }
.main-wrapper .text-area .leftstar .box h2{padding:10px 0 3px 0; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size:18px;font-weight: 600; color: #1b428d; text-align:center; border-bottom:3px solid #0C6;  }
  .main-wrapper .text-area .leftstar .box p{ color: #bebdbd;font-size:14px;font-weight: 400;   line-height:22px;   margin:5px 0; padding:10px;}
 .main-wrapper .text-area .leftstar .box p a{color:ca0205;}
 .main-wrapper .text-area.leftstar  .box p a:hover{color: #fff;}
.main-wrapper .text-area .leftstar .box ul{ list-style:none; font-size:14px; padding:10px;}
.main-wrapper .text-area .leftstar .box ul li{padding:5px 0px 5px 5px; font-weight:bold; line-height:19px; text-align:left; }
.main-wrapper .text-area .leftstar .box ul li a {color: #3d3d3b;}
.main-wrapper .text-area .leftstar .box ul li:hover a{color:#fb990e;}

 .main-wrapper .text-area .rightstar{margin:0 auto; padding:0px 0; width:70%; float:left; margin:0 0 0 15px; }
.main-wrapper .text-area .rightstar h1{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif; font-size: 24px;font-weight: 600;color: #568907; text-align:center; border:1px dashed #1b428d; border-radius:7px;}
.main-wrapper .text-area .rightstar h2{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size:22px;font-weight: 600; color: #568907; text-align:center; border:1px dashed #1b428d; border-radius:7px;}
  .main-wrapper .text-area .rightstar h3{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: 600; color: #568907; text-align:center; border:1px dashed #1b428d; border-radius:7px;}
  .main-wrapper .text-area .rightstar h4{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size:18px;  font-weight: 600; color: #568907; text-align:center; border:1px dashed #1b428d; border-radius:7px;}
    .main-wrapper .text-area .rightstar p{ color: #020b1c;   font-size:14px;   font-weight: 400;   line-height:22px;   margin:5px 0;}
 .main-wrapper .text-area .rightstar p a{color:ca0205;}
 .main-wrapper .text-area.rightstar  p a:hover{color: #fff;}
 
.fotermenu { float:left; margin:0 auto; width:100%; height:auto;background: #224797; border-radius:7px; padding:10px 0;}
 .fotermenu p{text-align:center; }
.fotermenu p a{color: #fff;text-decoration: none; font-weight:700; font-size:14px;}
.fotermenu p a:hover {text-decoration: none; color:#29befc;}
.foterblk { float:left; margin:0 auto; width:100%; height:auto;background: #fff; border-radius:7px; padding:10px 0; margin:10px 0 0 0;}
 .foterblk h2{text-align:center; font-size:1.3em; font-weight:600; color:#9ab710; }
 .foterblk p{text-align:center; padding:5px 0; line-height:24px; font-size:13px; color: #000;}
.foterblk p a{color: #000; text-decoration: none; font-weight:bold; }
.foterblk p a:hover {text-decoration: none; color:#29befc;}
/* start social-media */
#social-dey { width:100%; float:left;}
 #social-dey li {list-style:none;float:left;}
#social-dey a {border-radius: 100%;margin:5px 0 0 5px;float: left;background:#2e4f97;height: 35px;width: 35px;}
#social-dey a:hover {background-color:#ec008c;}
/* end social-media */
 
/*--media query start--*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.product ul li {float:left; width:25%; margin:3%;}
  }
@media screen and (min-width:768px) and (max-width: 1024px) {
.container{margin:0 auto; padding:0px 0px; width:100%; height:auto; clear:both;}
.wrap{margin:0 auto; padding:25px 0px; width:100%; height:auto; clear:both;}	
}
@media screen and (min-width: 481px) and (max-width: 720px) {
.container{margin:0 auto; padding:0px 0px; width:100%; height:auto; clear:both;}
	.wrap{margin:0 auto; padding:7px 0px; width:100%; height:auto; clear:both;}	
	#nav li { width:48%; margin:2px 5px;}
.top-wrapper .mid h1 {font-size:16px; font-weight:600;}
.main-wrapper .text-area .leftstar{width:35%;}
.main-wrapper .text-area .rightstar{width:60%;}
.main-wrapper .text-area .rightstar h1 {font-size:20px; padding:2px 0;}
.main-wrapper .text-area .rightstar h2 {font-size:18px; padding:2px 0;}
.main-wrapper .text-area  .rightstar h3 {font-size:16px; padding:2px 0;}
.fotermenu { width:95%; padding:10px; } .foterblk { width:95%; padding:10px; } 
.nav-star li {width:100%;border-bottom:1px solid rgba(255,255,255,.1);border-right:none;}
.nav-star li.border {border-bottom:none;} 
.nav-star li a {font-size:13px; line-height:30px;}
}
@media screen and (max-width:480px)  {
	.container{margin:0 auto; padding:0px 0; width:100%; height:auto; clear:both;}
	.wrap{margin:0 auto; padding:25px 0; width:100%; height:auto; clear:both;}	
 #nav li { width: 100%; margin:2px 0;}
 .main-wrapper .text-area .leftstar{width:100%;}
.main-wrapper .text-area .rightstar{width:95%;}
.top-wrapper .mid h1 {font-size:14px; font-weight:600;}
.main-wrapper .text-area .rightstar h1 {font-size:16px; padding:2px 0;}
.main-wrapper .text-area .rightstar h2 {font-size:16px; padding:2px 0;}
.main-wrapper .text-area .rightstar h3 {font-size:16px; padding:2px 0;}
.main-wrapper .text-area .rightstar h4 {font-size:16px; padding:2px 0;}
.fotermenu { width:90%; padding:10px; } .foterblk { width:90%; padding:10px; }
.nav-star li {width:100%;border-bottom:1px solid rgba(255,255,255,.1);border-right:none;}
.nav-star li.border {border-bottom:none;}  
.nav-star li a {font-size:13px; line-height:30px;}

}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block;}
.clearfix { display: block; zoom: 1;}