@charset "utf-8";
/* CSS Document */

.owl-carousel {overflow: hidden; height:100%; max-width:1100px;  margin: 0px auto;}
.owl-item{
  float: left;
  color: #FFF;
  text-align: center;
  height: 300px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
}

.green_color{background: #3fbf79;
    height: 100%;
    float: left;
    margin: 0 auto;
    width: 100%;
	  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.blue_color{background: #4CB1CF;
    height: 100%;
    float: left;
    margin: 0 auto;
    width: 100%;
	  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}
.red_color{background: #F0433D; height: 100%;
    float: left;
    margin: 0 auto;
    width: 100%;
	  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}
.orange_color{background: #f0ad4e; height: 100%;
    float: left;
    margin: 0 auto;
    width: 100%;
	  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}
.yellow_color{background: #fee664; height: 100%;
    float: left;
    margin: 0 auto;
    width: 100%;
	  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}
.purple_color{background: #db6ac5; height: 100%;
    float: left;
    margin: 0 auto;
    width: 100%;
	  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}
.gray_color{background: #cad3d0; height: 100%;
    float: left;
    margin: 0 auto;
    width: 100%;
	  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}
.lblue_color{background: #42bdc2; height: 100%;
    float: left;
    margin: 0 auto;
    width: 100%;
	  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.owl-prev{
  margin-top:250px;	
}
.owl-prev:after { 
    content: attr(data-attr);
    position: absolute;
    bottom: 5px;
    left: -19px;
    right: 0;
    height: 50px;
    text-align: center;
}

.owl-next:after { 
    content: attr(data-attr);
    position: absolute;
    top : 50px;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
}

/*.owl-next{
  margin-top:110px;	
}*/
@media screen and (min-width: 580px){
	.owl-controls{
		display:none;
	}	
}
@media screen and (max-width: 580px){
	/* arrows-box*/
	.owl-controls{
		display:inline-block;
		position: absolute;
		right: 0;
		display: inline-block;
		top: 0;
		background: #fff;
		border: 1px solid #e2e5e8;
		border-bottom-color: #d8d6d1;
		box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		-ms-border-radius: 1px;
		-o-border-radius: 1px;
		height: 300px;
		padding: 20px;
		cursor: pointer;
		color: #8f8f8f;
		transition: .5s left;
	}	
}