body{margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#666; background:#424242 url(images/bg1.jpg) no-repeat top left; background-attachment:fixed; }
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: #d6a215; text-decoration: none;}
a:hover,
a:focus {color: #07b718; 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:1024px; height:auto; clear:both;}
.wrap{margin:0 auto; padding:0px 0; width:950px; height:auto; clear:both;}
.header-wrapper{margin:0 auto;  clear:both; }
  /*CSS MENU START */
.cssmenu { float:left; margin:0 auto; width:100%; height:auto; background:#1f2428; border-bottom:1px solid #6b7983; border-top:1px solid #6b7983;} 
 .nav-star {width:100%;float:left; }
.nav-star li { float:left; width:14%; text-align:center; list-style:none;}
.nav-star li.border {border-right:none;}
.nav-star li a {font-size:16px;float:left; font-weight:600;width:100%; line-height:40px;text-decoration:none;color:#fff;transition:all ease .25s;}
.nav-star li a:hover, .nav-star li a.active {color:#59a7e4;}
/*CSS MENU END */
.main-wrapper{margin:0 auto; padding:0px 0px; clear:both; float:left;}
.main-wrapper .logo-area{margin:0 auto; padding:10px 0; margin-top:0px; width:100%; float:left; 
background:#30373e url(images/bg2.jpg); border-bottom:2px solid #7e8c95;}
.main-wrapper .logo-area .item{margin:0 auto; padding:0px; margin:0px 5px; width:32%; float:left; }
.main-wrapper .logo-area .item h2{ font-size:1.4em; color:#fff; text-align:left; font-weight:600; padding-top:10px;}
.main-wrapper .logo-area .item p{ font-size:1.4em; color:#fecb6d; text-align:left; font-weight:normal;}
.main-wrapper .slider{margin:0 auto; padding:0px 0; width:100%; float:left; }
.main-wrapper .slider img{ vertical-align:top; width:100%;}
.main-wrapper .text-area{margin:0 auto; padding:10px 10px; width:98%; float:left; margin:0px 0px; background:#fff url(images/layout.jpg); }
.main-wrapper .text-area .rightstar{margin:0 auto; padding:0px 0; width:25%; float:right; margin:0 0px 0 0px;  }
.main-wrapper .text-area .rightstar .box{margin:0 auto; padding:0px 0; width:100%; float:left; margin:0 0 20px 0;  background:rgba(0, 0, 0, 0.7); border-radius:15px;}
.main-wrapper .text-area .rightstar .box img{width:100%; float:left; vertical-align:top; border-radius:7px; margin-bottom:10px; }
 .main-wrapper .text-area .rightstar .box h2{padding:5px 0 5px 0; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size:18px; font-weight: 600; color: #fff; text-align:center;border-radius:15px; background:#4089c0;}
  .main-wrapper .text-area .rightstar .box p{ color: #dbdedb;font-size:13px;font-weight: 400;   line-height:18px;   margin:5px 0; padding:10px;}
 .main-wrapper .text-area .rightstar .box p a{color:ca0205;}
 .main-wrapper .text-area.rightstar  .box p a:hover{color: #fff;}
.main-wrapper .text-area .rightstar .box ul{ list-style:none; font-size:14px; padding:10px;}
.main-wrapper .text-area .rightstar .box ul li{padding:5px 0px 5px 0px; font-weight:bold; line-height:19px; text-align:center; }
.main-wrapper .text-area .rightstar .box ul li a {color: #e8060a;}
.main-wrapper .text-area .rightstar .box ul li:hover a{color:#fff;}

 .main-wrapper .text-area .leftstar{margin:0 auto; padding:10px; width:70%; float:left; margin:0 10px 0 0px ; }
.main-wrapper .text-area .leftstar h1{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif; font-size: 24px;font-weight: 600;color: #32556f;}
.main-wrapper .text-area .leftstar h2{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size:22px;font-weight: 600; color: #32556f;  margin-bottom:10px;}
  .main-wrapper .text-area .leftstar h3{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size:20px;font-weight: 600; color: #32556f;  margin-bottom:10px;}
  .main-wrapper .text-area .leftstar h4{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size:18px;  font-weight: 600; color: #32556f; margin-bottom:10px;}
    .main-wrapper .text-area .leftstar p{ color: #626161;   font-size:14px;   font-weight: 400;   line-height:22px;   margin:5px 0;}
 .main-wrapper .text-area .leftstar p a{color:09bc00;}
 .main-wrapper .text-area.leftstar  p a:hover{color: #d40000;}
 
 .main-wrapper .text-area .gallery{margin:0 auto; padding:0px 0; width:100%; float:left; margin:0 0 0 15px; }
.main-wrapper .text-area .gallery h1{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif; font-size: 22px;font-weight: 600;color:#323a41; text-align:center;}
   .main-wrapper .text-area .gallery h4{padding:5px 0px; margin:0px 0px;font-family: 'Open Sans', sans-serif;font-size:18px;  font-weight: 600; color:#323a41; text-align:center; margin-bottom:10px;}
    .main-wrapper .text-area .gallery p{ color: #6b6b6c;   font-size:14px;   font-weight: 400;   line-height:22px;   margin:5px 0;}
 .main-wrapper .text-area .gallery p a{color:ca0205;}
 .main-wrapper .text-area.gallery  p a:hover{color: #fff;}
 
.foternav { float:left; margin:0 auto; width:100%; height:auto; background:#1f2428; border-bottom:1px solid #6b7983; border-top:1px solid #6b7983;}
.bottom { float:left; margin:0 auto; width:100%; height:auto;   padding:10px 0; background:url(images/bg2.jpg);}
 .bottom p{text-align:center; color:#FF0000; font-weight:500; line-height:22px; }
.bottom p a{color: #cd7c08;text-decoration: none; font-weight:500; font-size:12px;}
.bottom p a:hover {text-decoration: none; color:#4089c0;}
.bottom h2{text-align:center; font-size:1.3em; font-weight:600; color:#4089c0; margin:0.5em 0; }

#services {width:100%;padding:10px 0;float:left;}
#services .step{ width:29%; padding:5px; float:left; margin:5px 5px; background:#1e1e1e; border-radius:15px;}
#services .step h4{ width:100%; padding:2px 0; font-size:18px; text-align:center; font-weight:normal; color:#ae0c02; margin-bottom:10px;}
#services .step img{ width:100%; vertical-align:top; border-radius:15px;}
 
/* 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:#0ab7dd;height:30px;width:30px;}
#social-dey a:hover {background-color:#000;}
/* 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;}
	.main-wrapper .logo-area .item{width:95%; padding:10px; text-align:center !important;}	
	#nav li { width:48%; margin:2px 5px;}
.top-wrapper .mid h1 {font-size:16px; font-weight:600;}
.main-wrapper .text-area .rightstar{width:35%;}
.main-wrapper .text-area .leftstar{width:60%;}
.main-wrapper .text-area .leftstar h1 {font-size:20px; padding:2px 0;}
.main-wrapper .text-area .leftstar h2 {font-size:18px; padding:2px 0;}
.main-wrapper .text-area  .leftstar 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;}
#services .step{ width:27%;}
}
@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 .logo-area .item{width:95%; padding:10px; text-align:center !important;}
 .main-wrapper .text-area .rightstar{width:100%;}
.main-wrapper .text-area .leftstar{width:95%;}
.top-wrapper .mid h1 {font-size:14px; font-weight:600;}
.main-wrapper .text-area .leftstar h1 {font-size:16px; padding:2px 0;}
.main-wrapper .text-area .leftstar h2 {font-size:16px; padding:2px 0;}
.main-wrapper .text-area .leftstar h3 {font-size:16px; padding:2px 0;}
.main-wrapper .text-area .leftstar 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;}
#services .step{ width:94%;}
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block;}
.clearfix { display: block; zoom: 1;}