@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700);


* { margin:0px; padding:0px; text-decoration:none;

/*-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;*/

 }



img { max-width: 100%; border:0px; height: auto; width: auto\9; /* ie8 */ }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { margin:0px; padding:0px; background:#fff; color:#000; font-family: 'Lato', sans-serif; font-weight:300;}

h1 { font-size:24px; font-weight:normal; }

h2 { font-size:22px; font-weight:normal; }

h3 { font-size:20px; font-weight:normal; }

h4 { font-size:18px; font-weight:normal; }

h5 { font-size:16px; font-weight:normal; }

h6 { font-size:14px; font-weight:bold; }



 .txt-1{ color:#0b9778; font-size:30px; font-weight:300; line-height:50px; letter-spacing:1px; text-transform:uppercase; text-align:center; margin:50px 0 0 0px;}
 .txt-1 span{ display:block;}


 .txt-2{ color:#000; font-size:25px; font-weight:400; line-height:40px;   text-align:left; margin:0px 0 25px 0px;}
 .txt-2 p{ width:80%; margin:30px 0 0 0px; float:left;}
 .txt-2 span{ width:185px; height:185px; float:left; background:#069; margin:0 20px 0 0px; -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;
 

    -moz-box-shadow:5px 5px 10px #9e9d9d;
    -webkit-box-shadow:5px 5px 10px #9e9d9d;
    box-shadow:5px 5px 10px #9e9d9d;


  }
 .txt-2 span img{ width:185px; height:185px; -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%; }



.title-1{ font-size:18px; text-transform:uppercase; margin:20px 0 30px 0px;}

.title-2 { }

.title-3 { }

.title-4 { }

.title-5 { }

/*--------------MAI USER CSS-----------------*/

.clear{ clear:both;}

.none { background-image:none !important; }

.left { float:left; }

.right { float:right; }

/*--------------PROJECT CSS-----------------*/

.main{ margin:0px; padding:0px; /*width:100%; height:2500px; background: url(../main/home.jpg) top center no-repeat;*/}
.center{ width:1170px; margin:0px auto;}


.header{ width:100%;}
.logo{ float:left; padding:5px 0 0 23px;}
.my-menu{ width:50%; float:right; margin:38px 0 0 0px;}

.slider{ width:100%;  position:relative;}
.slider img{ vertical-align:top; width:100%;}
.capt{ width:100%; position:absolute; bottom:15%; left:0px; text-align:center; float:none;}
.capt h2{ font-size:35px; font-weight:400; color:#fff; line-height:50px; margin:0 0 40px 0px;}

.capt a{ width:210px; height:47px; line-height:47px; font-size:16px; font-weight:400; border:solid 1px #838b95; color:#fff; text-shadow:1px 1px 1px #838b95; margin:0px auto; display:block; text-align:center; background:#ff9600;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.capt a:hover{ background:#FF8800;}

.down{ width:100%; position:absolute;  z-index:997; bottom:-23px; text-align:center;}
.down a{ width:86px; margin:0px auto; display:block; clear:both; position:relative; }

.down img{
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out ;
 }

.down img:hover{
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out ;
  
  
  -webkit-transform: rotate(360deg) scale(1.2);
   -moz-transform: rotate(360deg) scale(1.2);
    -o-transform: rotate(360deg) scale(1.2);
     -ms-transform: rotate(360deg) scale(1.2);
      transform: rotate(360deg) scale(1.2);
  }
  
  
 .content-full{ width:100%; background:#f2f2f2; padding:50px 0px;}
 
 .ctn{ width:1170px; margin:0px auto;}
 .ctn p{ font-size:18px; line-height:30px; color:#000; padding:0 0 25px 0px;}
.list-1{ width:100%; margin:0 0 35px 0px;} 
.list-1 h2{ font-size:20px; font-weight:300; color:#000; text-transform:uppercase; margin:3px 0 16px 0px; text-decoration:underline;}
.list-1 ul{ margin:0px; padding:0px;}
.list-1 ul li{ list-style: none; font-size:20px; line-height:40px;}
.list-1 ul li:before{  font-family: 'FontAwesome'; content: "\f111"; font-size:11px; margin:0 10px 0 0px;}
 
 
 .services{ width:100%; background:#fff;}
 .services h1{ color:#0b9778; font-size:30px; text-transform:uppercase; font-weight:300; padding:28px 0px;}
 .services ul{ width:100%;  background:url(../images/services.jpg) fixed; background-size: cover; background-position: 100% top; height:215px; text-align:center; 
 padding:80px 0 50px 0px; }
 .services ul li{ width:15%; list-style:none; display:inline-block;}
  .services ul li p{ font-size:18px; color:#fff; font-weight:400; text-shadow:1px 1px 1px #055757; margin:45px 0 0 0px; text-align:center;}
 .services ul li span{ width:148px; height:113px; margin:0px auto; display:block; -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%; background:#fff; padding-top:35px;  border:solid 1px #fff;
   -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out ;
 
 
 }


  .services ul li span:hover{ border:solid 1px #107e92; 
   -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out ;
  
  -moz-box-shadow: 0px 0px 10px #fff;
-webkit-box-shadow: 0px 0px 10px #fff;
box-shadow: 0px 0px 10px #fff;
  
  
  -webkit-transform: scale(1.2);
   -moz-transform:  scale(1.2);
    -o-transform:  scale(1.2);
     -ms-transform:  scale(1.2);
      transform: scale(1.2);}
 
 



 .client{ width:100%; background:#fff; padding:35px 0 40px 0px;}
 .client h1{ color:#0b9778; font-size:30px; text-transform:uppercase; font-weight:300; padding:28px 0px;}
 .client .center{ position:relative;}
 
 
 
.footer{ width:100%; background:url(../images/footer.png) repeat; padding:110px 0 30px 0px;}
ul.social{ margin:0px; padding:0px; width:100%; text-align:center;}
ul.social li{list-style:none; margin:0 10px 55px 0px; display:inline-block;}
ul.social li a{ width:92px; height:92px; line-height:92px;  background:#515151; display:block; color:#fff; text-align:center; font-size:50px;
-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
ul.social li:first-child a:hover{ background:#294072;}
ul.social li:nth-child(2n) a:hover { background:#C34121}
ul.social li:nth-child(3n) a:hover { background:#2085D3}
ul.social li:last-child a:hover{ background:#0DB2F2}

.copy{ font-size:20px; color:#8a8a8a;  text-align:center; line-height:22px; font-weight:300;}
.cont{ width:50px; position:fixed; left:0px; top:30%; background:#000; text-align:center; padding:25px 0 25px 0px;
 -moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;}

.cont:hover{background:#111;}








/******************SERVICES PAGE CSS******************/



.title{ color:#0b9778; font-size:30px; font-weight:300; line-height:50px; letter-spacing:1px; text-transform:uppercase;  margin:0px 0 0 0px;}

.ser-box{ width:100%; margin:50px 0 0px 0px; padding-bottom:20px;}
.ser-box p{ padding:15px 0 0 0px;}
.ser-box p > span{ display:block; font-size:18px; font-weight:400; color:#545454; padding:0 0 7px 0px;}
 .ser-box > span{ width:148px; height:113px; float:left; text-align:center;  display:block; -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;
  background:#fff; padding-top:35px;  border:solid 1px #bcccdb; margin:0 30px 0 0px;
  -moz-box-shadow: 5px 5px 8px #d9d9d9;
  -webkit-box-shadow: 5px 5px 8px #d9d9d9;
  box-shadow: 5px 5px 8px #d9d9d9;
 
 
 }
 
 
 


ul.tab-nav { margin:0px; padding:0px;}

ul.tab-nav li {list-style: none; display: inline-block; }

ul.tab-nav li a { padding: 10px 20px; background-color: #000; color: #fff; text-decoration: none; font-size:18px; font-weight:400; display:block;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;


 }

ul.tab-nav li a.selected,  ul.tab-nav ul A:hover { background-color: #c4c4c4; color: #5d5d5d;  }

ul.tab-nav li a:focus { outline: 0; }



.tabs{ width:100%; margin-bottom:50px;}

.tabs > div{ padding:15px 20px;
  border:solid 1px #c4c4c4;
 -moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 0px 0px 10px 10px;
 }

.tabs > div p{}
.tabs > div p span{ font-size:18px; font-weight:700; display:block;}
.tabs > div ul{ margin:0px 0 20px 0px; padding:0px;}
.tabs > div ul li{ list-style:none; font-size:18px; line-height:30px;}
.tabs > div ul li span{font-weight:700; }



/******************CONTACT PAGE CSS******************/
 ul.form{ width:45%; float:left;  margin:0px; padding:0px;}
 ul.form li{ list-style:none; margin:0 0 20px 0px;}
 ul.form li span{ display:block; font-size:20px; color:#535252; font-weight:400; margin-bottom:10px;}
 ul.form li input[type="text"]{ width:95%; height:45px; line-height:45px; padding:0% 2%; border:solid 1px #b9b9b9;  font-size:15px; color:#ccc; font-family: 'Lato', sans-serif; font-weight:300;}
 
 ul.form li textarea{ width:95%; height:187px; line-height:30px; padding:0% 2%; border:solid 1px #b9b9b9;  font-size:15px; color:#ccc; font-family: 'Lato', sans-serif;
  font-weight:300;}
  
   ul.form li input[type="button"]{
     width:210px; height:47px; line-height:47px; font-size:16px; font-weight:400; border:0px; color:#fff; text-shadow:1px 1px 1px #838b95;  display:block; text-align:center; background:#ff9600; cursor:pointer; margin:10px 0 0 0px; float:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
   
ul.form li input[type="button"]:hover{ background:#FF8800;}

.address{ width:45%; float:right; background:url(../images/shadow.png) top left no-repeat; padding:0 0 0 5%;}
.address h4{ color:#0b9778; font-weight:700; text-transform:uppercase; margin-bottom:10px;}
.address p{ font-size:16px; font-weight:400; line-height:30px; padding:0px;}
 .address a{ color:#0b9778;} 
  .address a:hover{ text-decoration:underline;} 
  
  .map{ width:96%; margin:20px 0 0 0px; background:#f4f3f3; border:solid 1px #ccc; padding:5px;}
  
  
  
  
/******************CLIENT PAGE CSS******************/  
  
 ul.client-list{ margin:0px; padding:0px;}
 ul.client-list li{ list-style:none; float:left; margin:5px 6px;}
  ul.client-list li img{ vertical-align:top;}
   ul.client-list li:hover{
      -moz-box-shadow: 0px 0px 5px #C9C9C9;
  -webkit-box-shadow:0px 0px 5px #C9C9C9;
  box-shadow: 0px 0px 5px #C9C9C9;
     
     }