﻿/*font-family:Arial, Helvetica, sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Lato);
*{margin:0px; padding:0px;}
a{text-decoration:none;  font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
ul{list-style:none;}
p, body, marquee{
	 font-size:10pt; font-family:Arial, Helvetica, sans-serif;
}
img{border:0px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr-ml-15{margin-right:15px;}
h2{margin:10px; text-align:justify; font-family:Arial, Helvetica, sans-serif; color:#025cce; letter-spacing:2px; width:100%; padding-left:0; margin-left:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;  background:#FFF url(../images/main-bg.jpg) 0 610px repeat-x; }
/*container*/
#container{width:999px; margin:auto; padding: 0;  height:auto; background:none; position:relative;}
.logo{margin:5px 0;}
.top-me{position:absolute; top:0px; color:#FFF; width:268px; line-height:38px; background:url(../images/menu-log.png) no-repeat; text-align:center; right:0px;}
.top-me a{color:#FFFFFF;}
.top-me a:hover{text-decoration:underline;}
ul.navigation{ z-index:50; position:absolute; right:65px;  }
ul.navigation li{float:left; }
ul.navigation li a{ transition:all ease-in-out 0.2s; display:block; line-height:110px; font-size: 15px; font-family:Arial, Helvetica, sans-serif; font-weight:400; color:#666; padding:0 25px;}
ul.navigation li a:hover, ul.navigation li a.active{background:#025cce url(../images/menu-hover.jpg) repeat-x; border-left:1px solid #1e99af; border-right:1px solid #1e99af; padding-bottom:8px;  color:#FFFFFF;}
ul.navigation li.last{border:0;}
/*container*/
/*container2*/

	/**************************HADER*************************/
header{background:url(../images/back.jpg) repeat-x; width:100%;}
.hader{width:1000px; margin:0 auto;}
.mini-strip{width:1000px; float:left; height:10px; background:#2484ff; position:relative;}
.card{width:60px; height:50px; background:#2484ff; color:#FFF; text-align:center; padding:5px 10px ; position:absolute; top:10px; left:880px; border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; box-shadow:0px 4px 8px #666;}
.socal-media-icon{width:960px; float:left; padding:8px 20px; background:#6a6868; color:#FFF; font-size:16px;}
.login{color:#FFF; float:right; margin-right:119px;}
.login a{color:#FFF; text-decoration:none;}
.menu{width:1000px; float:left; background:#FFF;}
.nev{width:auto; float:right;  margin-top:83px;}
.nev li{float:left; list-style:none;}
.nev li a{color:#666; padding:0px 25px; font-size:15px; border-bottom:3px solid #FFF; border-top:3px solid #FFF; font-family:Arial, Helvetica, sans-serif; line-height:40px; text-decoration:none; display:block; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s;}
.nev li a:hover{border-bottom:3px solid #2484ff; border-top:3px solid #2484ff;}
.active-menu{border-bottom:3px solid #2484ff !important; border-top:3px solid #2484ff !important;}

/*drop*/
.nev li:hover  a{border-bottom:3px solid #2484ff; border-top:3px solid #2484ff ;}
.drop-down{ display:none;  position:absolute; background:#FFFFFF; z-index:100;}
.nev li:hover .drop-down{display:block;}
.drop-down li a{width:60px; }
/*drop*/
	/**************************HADER*************************/
#container2{width:100%; margin:auto; padding: 0;  height:auto;  position:relative;}
.contain{width:999px; height:425px;  margin:auto; padding: 0;   background:none; position:relative;}

.servics{padding:380px 0 10px 0; background:none; position:absolute; z-index:2;}

.servics > div{float:left; background:#FFFFFF; margin:0 25px 10px 80px ; padding:5px; border:5px solid #CCCCCC; width:350px;}
.servics > div img{border:3px solid #666;}
.servics >div > h1{margin-bottom:10px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; color:#025cce; text-align:center; letter-spacing:2px; width:100%;} 
 .servics >div > p{margin-top:10px; text-align:justify; width:100%;}
 .servics >div > p > span > a{color:#035165; background:url(../images/button-arrow.png) center right no-repeat; margin:10px 0; padding-right:15px;}
 .servics >div > p > span > a:hover{color:#12b5cd;}
 ul.serv-lis{width:50%;}
 ul.serv-lis li{list-style:url(../images/check.png) inside;  margin: 5px 0px 6px 0px; line-height:17px; color: #333333; padding:5px;}
 
 ul.serv-lis li a{color:#333; display:inline-table; line-height:17px; border-bottom:1px transparent solid;}
 ul.serv-lis li a:hover{color:red; border-bottom:1px red solid; }
/*container2*/
/*container3*/
#container3{width:100%; margin: 200px auto 0 auto; padding: 0;  height:auto; background:url(../images/back-premier.png) no-repeat; background-size:100%; position:relative;}
.contain3{width:999px; height:auto;   margin: 10px auto 0 auto; padding: 0;   background:none; position:relative;}
ul.pro{ margin:10px 0;}
ul.pro li{width:200px; float:left; padding:10px; margin:0 18px; background:#FFFFFF; border:1px solid #999;}
ul.pro li.first_pro{margin-left:0;}
ul.pro li.last_pro{margin-right:0;}

ul.pro li p{width:100%; margin:10px 0; font-size:14px; font-weight:bold;}

.line{background:url(../images/line.png) -30px 0 repeat-x; height:2px; width:100%; margin:20px;}

.mid{padding: 10px; border:5px solid #CCCCCC; margin-top:-31px; margin-bottom:10px; background:#FFFFFF;}

.mid_left{ width:100%; padding-right:10px;}
.mid_left p{width:100%; text-align:justify; line-height:18px; margin:10px 0 0 0;}
.mid_right{ width:100%; }
.mid_right p{width:100%; text-align:justify; line-height:18px; margin:10px 0 0 0;}

ul.home-list{margin:10px 30px;}
ul.home-list li{ list-style:url(bu-home.png) !important;}

.popular-services{width:49%; float:left; background:#CCCCCC; height:35px; line-height:35px; text-align:center; cursor:pointer; margin:0px; padding:0px; }
.popular-services span{ width:100%; line-height:35px; display:block;}
.popular-services:hover ,.popular-services span.active{background:#3b5998; color:#FFFFFF;}

  /* Generic Carousel Properties */
    .carousel { position:relative; clear:both;  margin-top:10px; 
        border:2px solid #555555; background-color:#333333;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
    }
    .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:pointer;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        -moz-opacity:0.7;
        opacity:0.7;
        list-style-type:none; margin:0px; 
    }
    .carousel .item.hover, .carousel .item.selected { 
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;    
    }

   

    /* Horizontal Carousel */
    #Carousel2 { height:250px; width:1000px; }
    #Carousel2 .container { left:26px; top:12px; width:974px; height:100px; }        
    #Carousel2 .items { top:0; left:2px; width:1000px;}
    #Carousel2 .item { width:200px;  padding:10px; margin:0 18px; background:#FFFFFF; border:1px solid #999; float:left; clear:right; }
    #Carousel2 .item .icon img { position:relative; left:0px; width:250px !important; height:265px; cursor:pointer;}
    #Carousel2 .navButton { position:absolute; bottom:0px; width:24px; height:87px; }
    #Carousel2 .navButton.previous {  left:0px; background-image:url('../images/interface/button.left.png'); }
    #Carousel2 .navButton.next { right:8px; background-image:url('../images/interface/button.right.png'); }

    /* Hide data items from selector */
    #Carousel2 .item .key { display:none;}
    #Carousel2 .item .picture { display:none;}
    /* Vertical Carousel */


/*container3*/

/*********************** FUTTER ******************************/
.futter{text-align:left; list-style:none;}
.futter li{list-style:none;   border-bottom:1px dotted #FFF;}
.futter li a{text-align:left; text-decoration:none; color:#FFF; line-height:30px; font-size:14px;}
.futter li a:hover{	 color:rgba(200,200,200,0.9); }
h6{font-size:15px; color:#FFF; line-height:40px; border-bottom:1px solid rgba(200,200,200,0.9);  font-weight:normal;}


.futter-2{text-align:left; list-style:none; margin-top:10px;}
.futter-2 li{list-style:none; text-align:left; text-decoration:none; color:#FFF; line-height:20px; font-size:10pt;}


.fild{

width: 95%;
border-color:#CCCCCC;

padding:5px;
border:1px rgba(190,190,190,0.9) solid;
box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset;  margin-bottom:5px;
color:rgba(50,50,50,0.9);
 }

#environmental table{
	 font-size:10pt; font-family:Arial, Helvetica, sans-serif; margin-top:15px;
}
/*cart*/

.cart{color: #FFF; position: absolute; top: -3px; right: 27px; width:22px; font-size: 12px;}

.goog-logo-link {display:none !important;}
.goog-te-combo {
	 padding:3px !important;; border:1px rgba(200,200,200,0.9) solid !important;; border-radius:3px !important; margin-top:-2px !important; color:rgba(50,50,50,0.8) !important;
	 box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset;
}
.player{cursor:pointer;}

.close{  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  margin-top:25px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


.tex-align-cen{text-align:center;}

.bank-detail{padding:15px; background:#f8f8f8; text-align:center; line-height:19px; height:223px; width:25%; margin:25px; transition:all ease-in-out 0.25s; -o-transition:all ease-in-out 0.25s; -moz-transition:all ease-in-out 0.25s; -webkit-transition:all ease-in-out 0.25s; box-shadow:0 0 1px #333;}
.bank-detail:hover{ box-shadow:0 0 8px #333; -o-box-shadow:0 0 8px #333; -webkit-box-shadow:0 0 8px #333; -moz-box-shadow:0 0 8px #333; cursor:all-scroll; transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5);}

.btn {
	 padding:6px 15px; border:0px; background-color:#2484ff ; color:white; cursor:pointer; margin-top:-5px;
}
.btn input[type=file]{
	position:absolute; width:60px; height:50px; margin-left:-30px; margin-top:-50px; opacity:0; z-index:100; cursor:pointer;  moz-opacity:0; -ms-opacity:0;  -o-opacity:0;  -webkit-opacity:0;}
.goog-logo-link {display:none !important;}
.goog-te-combo {
	 padding:3px !important;; border:1px rgba(200,200,200,0.9) solid !important;; border-radius:3px !important; margin-top:-2px !important; color:rgba(50,50,50,0.8) !important;
	 box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset;
}

.contact_form {
	 border:1px rgba(200,200,200,0.8) solid; padding:10px; border-radius:5px;
}
#environmental {
	 font-family:Arial, Helvetica, sans-serif; font-size:10pt;
}

.goog-logo-link {
	 display:none !important;
}
#errorbox {
font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
padding:10px 10px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
 display:none;
}
#errorbox img { margin-right:5px;
	 float:left;
}
.login {
	 font-family:Arial, Helvetica, sans-serif; font-size:10pt;
}
input[type=number], select{

	  border:1px rgba(200,200,200,0.9) solid;
	 padding:5px 3px;  font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	 box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset; outline:0px;
	
}
#qty { width:35px;  display:inline-block;
	  border:1px rgba(200,200,200,0.9) solid;
	 padding:5px 3px;  font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	 box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset; outline:0px;
}