/*** Overall MovingBoxes Slider ***/

#page-header h2 {
	color:#ffffff;
	font-size:30px;
	text-align:center;
	margin: 30px 0;
}

#slider-one { width:1070px; }
#slider-one > li { width:560px; }


.mb-wrapper {
	border:0px solid #ccc;
	margin: 0 auto 20px;
	position: relative;
	left: 0;
	top: 0;
	width: 1070px!important;
	overflow: hidden;
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto 15px;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
     	padding-top: 20px;
	/***(>'-')> Control Panel Font size here <('-'<)***/
	font-size: 18px;
	height: 450px!important;
	
}

/* active slider border highlight 
.mb-active-slider {
	border-color: #333;
}*/

/*** Slider panel ***/
.mb-slider .mb-panel {
	margin: 0;
	padding: 20px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;

}

/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
	cursor: auto;
	position:relative;
	z-index:5;
	margin-left: 0px;
	width: 560px!important;
}


/*** Inside the panel ***/
.mb-panel .current{
	width: 560px!important;
transition: all 0.2s ease-in-out;
}
.current .mb-inside {
    	height: 400px;
	border:3px solid #fff;
	background:  #eee;
   	box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.75);
	text-align: center;
	min-width: 560px!important;
	max-width: 560px;
	padding: 0px;	
	transition: all 0.1s ease;	
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.mb-inside img {
	border:3px solid #fff;
	box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);
	width: auto;
	max-width: 560px;
	max-height: 400px;
	transition: all 0.5s ease;
}

.current .mb-inside > img {
    border: 0 none;
    box-shadow: none;
transition: all 0.2s ease;
}
.mb-inside * {
	max-width: 100%;
}

/*** Left & Right Navigation Arrows ***/
/*a.mb-scrollButtons {
	display: block;
	width: 45px;
	height: 58px;
	background: transparent url(../images/arrows.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) 
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
}
a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
a.mb-scrollButtons.disabled {
	display: none;
}*/

/*** Controls added below the panels ***/
.mb-controls {
	margin: 0 auto;
	text-align: center;
	/*background: #ccc;*/
	position: relative;
	z-index: 100;
}
#mb-controls a {
	color: #666;
	font: 18px/2.2 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin:0;
	text-align: center;
	outline: 0;
}
.mb-controls a:hover {
	/*border:1px solid #fff;*/
}
.mb-controls a.current {
	color: white;
}

.mb-slider .leftslide, .mb-slider .rightslide{position:relative; z-index:0; margin-top:40px;}
.mb-slider .leftslide{ left:45px; }
.mb-slider .rightslide{ left:-45px; }

.mb-panel.rightslide img {
	float: left;
    height: 313px;
	width: 40%;
	margin-left: 4px;
	position:relative; 
	z-index:0; 
	transform:perspective(600px) rotateY(20deg); 
	-ms-transform:perspective(600px) rotateY(20deg); 
	-webkit-transform:perspective(600px) rotateY(20deg);
}
.mb-panel.leftslide img {
	float: right;
    height: 313px;
	width: 40%;
	margin-right: -2px;
	position:relative; 
	z-index:0; 
	transform:perspective(600px) rotateY(-20deg); 
	-ms-transform:perspective(600px) rotateY(-20deg); 
	-webkit-transform:perspective(600px) rotateY(-20deg);
}

.thumbimg{width:110px; height:75px; opacity:0.7}
.thumbimg:hover{opacity:1;}


@media(min-width: 1025px) and (max-width: 1199px){
.mb-wrapper{
	width: 960px!important;
}
.mb-panel.leftslide img, .mb-panel.rightslide img{
	width: 20%;
}
#slider-one{
padding-left: 60px!important;
	margin-left: -90px;
}
#mb-controls{
	width: 900px;
}

}



@media(min-width: 1025px) and (max-width: 1199px){
.mb-wrapper{
	width: 960px!important;
}
.mb-panel.leftslide img, .mb-panel.rightslide img{
	width: 20%;
}
#slider-one{
padding-left: 60px!important;
	margin-left: -90px;
}
#mb-controls{
	width: 900px;
}

}



.hide{display:none}
/* Responsive Behaviour - Phone/Tablets */
/* Owl Carousel */
.owl-carousel .owl-wrapper-3d: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-3d{
	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);
}


/* fix */
.owl-carousel  .owl-wrapper-3d,
.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 Theme */
.owl-theme .owl-controls{
	margin-top: 0px;
	text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 0px;
	padding: 3px 10px;
	background: #000;
}

.owl-theme .owl-controls .owl-buttons div:hover{
	background:#4d4d4d;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	background:#4d4d4d;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}


/* Owl Carousel Custom */
.owl-pagination{
	display:none;
}
.owl-prev, .owl-next{
    font-size: 12px;
	text-transform:uppercase;	
    height: auto;
    line-height: 25px;
    width: auto;
	top: 45%;
}
#MobileGallery{
	position:relative;
}
.owl-controls{
	padding-top: 0;
}
.owl-carousel .owl-item img{
	width:100%;	
}
@media (min-width: 768px){
	.owl-controls, .owl-nav, .owl-prev, .owl-next{
		display:block !important;
	}
	#MobileGallery .owl-wrapper-outer .owl-wrapper{
		max-width:none;
		width:100%;
	}
	.owl-carousel .owl-item{
		max-width:none;
		margin-right:0px;
	}
}
@media (min-width: 768px) and (max-width:1024px){
	.owl-prev, .owl-next{
		display:inline-block !important;
		position:absolute;
		top:0;
	}
	.owl-carousel{
		width:87%;
		margin:0 auto;
		position:initial;
	}
	.owl-carousel.owl-loaded{
		display:inline-block;
	}
	.owl-prev, .owl-next{
		top:45%;
		z-index:1;
	}
	.owl-prev{
		left:0px;
	}
	.owl-next {
		right: 0px;
	}
	.fp-filter-inner-controller{
		height:auto !important;
	}
}
@media(max-width:1024px){
.owl-carousel .owl-wrapper-outer {height:500px;}
.owl-carousel .owl-item img {width: auto!important; height: 500px!important}
}
@media(max-width:768px){
.owl-carousel .owl-wrapper-outer {height:400px;}
.owl-carousel .owl-item img {width: auto!important; height: 400px!important}
}
@media(max-width:767px){
.owl-carousel .owl-item img {width: auto!important; height: 400px!important}
}
@media(max-width:480px){
.owl-carousel .owl-wrapper-outer {height: 300px;}
.owl-carousel .owl-item img {
    width: auto!important; height: 300px!important
}
}
@media(max-width:360px){
.owl-carousel .owl-wrapper-outer {height: 220px;}
.owl-carousel .owl-item img {
    width: auto!important; height: 200px!important
}
}