﻿/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
 
.carousel-area{position:relative; width:100%; margin:0 auto; padding:50px 0; }
 

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.html) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



#owl-demo .item{
    margin: 20px 5px; text-align:center; border:1px #e9e9e9 solid; border-bottom-width:3px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+24,f2f2f2+100 */
	background: rgb(249,249,249); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(249,249,249,1) 0%, rgba(249,249,249,1) 24%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(249,249,249,1)), color-stop(24%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(249,249,249,1) 0%,rgba(249,249,249,1) 24%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(249,249,249,1) 0%,rgba(249,249,249,1) 24%,rgba(242,242,242,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(249,249,249,1) 0%,rgba(249,249,249,1) 24%,rgba(242,242,242,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(249,249,249,1) 0%,rgba(249,249,249,1) 24%,rgba(242,242,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#owl-demo .item img{
    display: block; text-align:center;
    height: auto;
}


@media all and (max-width: 1030px){
#owl-demo .item{
    margin: 25px 20px;
}
}

@media all and (max-width: 810px){
#owl-demo .item{
    margin: 25px 50px;
}
}

@media all and (max-width: 650px){
#owl-demo .item{
    margin: 25px 15px;
}
}


@media all and (max-width: 500px){
#owl-demo .item{
    margin: 80px 15px 20px;
}
}

