*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*farmwork*/
.container{
width:1170px;
padding:0 15px;
}
.clearfix{clear:bath;}

/*farmwork*/
.wrapper{
width:1200px;
margin:0 auto;
}
 /* start header*/
  /* start top_header*/
/*header{margin-bottom:20px;}*/ 
.top_header{
background:#252323;
overflow:hidden;
} 
.top_header .logo{
width:30%;
float:left;
}
.top_header .logo h1{
font-family:Dancing Script;
text-transform:capitalize;
font-weight:bold ;
word-spacing: -5px;
font-size:50px;
color:#fff;
 }
 .top_header .logo span{color:#00bac6;}
.top_header .social{
width:30%;
float:right;
direction:rtl;
line-height: 120px;
}
.top_header .social i{
font-family:fontAwesome;
font-size:30px;
color:#c1c1c1;
margin-right:15px;
}
.top_header .social i:first-child{margin-right:-30px;}
/* end top_header*/
/* start bottom_header*/ 
.bottom_header{
background:#fff;
color:#a6a6a6;
padding-top: 30px;
margin-bottom: 10px;
height: 80px;
}
.bottom_header .menu{
width:60%;
float:left;
}
.bottom_header .menu ul{
list-style:none;
padding:0;margin:0;
}
.bottom_header .menu ul li{
float:left;
margin-right:15px;
}
.bottom_header .menu ul li a{
text-decoration:none;
font-size:18px;
line-height:40px;
font-family:Open Sans;
text-transform:capitalize;
color:#a6a6a6;
padding-bottom:10px;
}
.bottom_header .menu ul .list_active a,
.bottom_header .menu ul li:hover a{
color:#00bac6;
border-bottom:2px solid #00bac6;
}
.bottom_header .search{
width:30%;
height:80px;
float:right;
direction:rtl;
position: relative;
}
.bottom_header .search input{
width: 250px;
height: 35px;
margin-right: -25px;
padding: 10px;
font-size: 10px;
text-align: left;
}
.bottom_header .search i{
	font-size:25px;
position: absolute;
top: 5px;
right:5px;
}
/* end bottom_header*/ 
 /* end header*/
/* Slideshow container */
.slider{
  height:400px;
  background: #000;
  margin-top: -10px;
      margin-bottom: 80px;
  }
.slideshow{
  max-width: 1200px;
  position: relative;
  margin:auto;
}

.mySlides {
    display: none;
}
.mySlides img{margin-top: -30px;}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 180px;
  width: 100%;
  text-align: center;
  margin-bottom: 220px;
}
.text h2{
font-size:20px;
font-family:Open Sans;
text-transform:uppercase;
color:#fff;
}
.text p{
font-size:15px;
font-family:Open Sans;
text-transform:capitalize;
color:#fff;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dots{    
text-align: center;
margin-top: -40px;}
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
.dec1{
text-align:center;
 margin: 30px 15px;
}
.dec1 .dec_info{
width:1170px;
}
.dec1 .dec_info h2{
color:#818181;
font-size:18px;
}
.dec1 .dec_info p{
color:#b8b8b8;
font-size:14px;
}
.dec1 .dec_info span{color:#646464;}
.photo{
width:32%;
display:inline-block;
position: relative;
}
.photo:nth-child(2){
margin:0 1%;
}
.photo i{
font-family:fontAwesome;
color:#cacaca;
}
.photo:nth-child(2) i,
.photo i:hover{
font-family:fontAwesome;
color:#00bac6;
}
.photo h2{
color:#818181;
font-size:16px;
}
.photo span{color:#646464;}
.photo p{
color:#b8b8b8;font-size:14px;
}
/*
    display: block;
    border-width: 10px 10px 0px 0px;
    border-style: solid;
    border-color: #0548a1 transparent transparent transparent;
    position: absolute;
    bottom: -11px;
*/
.photo:hover:after{
content:'';
display:block;
width:0;
height:0;
border-width:30px 30px 30px 30px;
border-style:solid;
border-color:transparent transparent #eee transparent;
position:absolute;
bottom:-30px;left:160px;
}
/*dec1*/
/*dec2*/
.dec2{
background:#eee;
    padding: 15px 30px 30px;
overflow:hidden;
}
.dec2 .imgs{
width:30%;
margin-left:1%;
margin-top: 15px;
padding-bottom: 10px;
display:inline-block;
border:1px solid #ddd;

}
.dec2 .imgs img{width:100%;}
.dec2 .imgs .imgs_info{
padding-bottom:10px;
}
.dec2 .imgs .imgs_info h3,
.dec2 .imgs .imgs_info p{
font-size:12px;  
margin: 0 150px 5px 10px;
}
/*dec2*/
.logos{
padding:30px;
}
.logos img{
margin-left:60px;
}
footer .foot_top{
 background:#534d49;
 padding-bottom: 30px;
 overflow:hidden;
}
.foot_top .foot_top_tem{
width:23%;
float:left;
margin:1%;
padding:20px;
font-size:14px;
}
.foot_top .foot_top_tem h3{
font-size:15px;
color:#c1c1c1;
}
.foot_top .foot_top_tem h4{
font-size:12px;
color:#6b6e6e;
}
.foot_top .foot_top_tem p{
font-size:12px;
color:#8b8b8b;
}
.foot_top .foot_top_tem span{
font-size:14px;
color:#c1c1c1;
}
.foot_top .foot_top_tem i{
width:10%;
float:left;
margin-right:20px;
color:#00bac6;
}
.foot_top .foot_top_tem hr{
height:1px;
background:#6b6e6e;
border-width:0;
}
.foot_top .foot_top_tem .touch p{
	margin-bottom:20px;
}
.foot_top .foot_top_tem .contect_us p{
	margin:0;
}
footer .copyright{
background:#282421;	
 height: 100px;
line-height: 80px;
color:#c1c1c1;
}
footer .copyright p{
width: 65%;
margin: 10px;
float: left;
font-size: 20px;
}
footer .copyright .social{
width:30%;
float:right;
direction:rtl;
margin: 10px;
}
.fa{
	margin-right: 10px;
	font-size: 30px;
	}