img {
    border: 0;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}


/* 	Flex Customization
----------------------------------------------------------------------*/
/* Big-Slider */
.big-slider .flex-direction-nav a {
	top: 250px !important;
	bottom: auto !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 1 !important;
	padding: 8px 14px;
	background-color: transparent !important;
}
.flex-direction-nav a:hover {background-color: transparent !important;}
.big-slider:hover .flex-direction-nav a { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1 !important;
}
.big-slider .flex-direction-nav a i {
	color: #FFF;
	font-size: 40px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}
.big-slider .flex-direction-nav a:hover i {} /* in color file */
.big-slider .flex-direction-nav a:focus i , .big-slider .flex-direction-nav a:focus,
.big-slider .flex-direction-nav:focus
{
	outline: 0 !important;
}
.big-slider .flex-direction-nav .flex-next {
	left: 115px !important;
	right: auto !important;
}
.big-slider .flex-direction-nav .flex-prev {
	left: 70px !important;
	right: auto !important;
}
.big-slider h3 {
	position: absolute;
	top: 120px;
	left: 90px;
	font-size: 35px;
	background: #FFF;
	background: rgba(255, 255, 255, 0.9);
	padding: 5px 15px;
	font-weight: normal;
	text-transform: uppercase;
	display: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}
.big-slider p {
	position: absolute;
	top: 185px;
	left: 90px;
	color: #FFF;
	padding: 6px 20px;
	display: none;
	font-size: 22px;
	line-height: 26px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.big-slider p.flex-price {
	position: absolute;
	top: 85px;
	color: #FFF;
	padding: 6px 20px;
	display: none;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}
.big-slider .firstly h3,
.big-slider .firstly p {
	display: block
}
.big-slider .flex-active-slide h3.effect {
	-webkit-animation: pullDown 1s;
	animation: pullDown 1s
}
.big-slider .flex-active-slide p.effectt {
	-webkit-animation: pullDown 1.5s;
	animation: pullDown 1.5s
}
.big-slider h3. {
	right: 20px !important;
}
/* General FlexSlider */
.general-slider .flex-direction-nav a {
	bottom: 5px !important;
	top: auto !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1 !important;
	padding: 8px 14px;
	background-color: transparent !important;
}
.general-slider .flex-direction-nav a i {
	color: #FFF;
	font-size: 40px;
}
.general-slider .flex-direction-nav a:hover i {

}
.general-slider .flex-direction-nav .flex-next {
	right: 20px !important;
}
.general-slider .flex-direction-nav .flex-prev {
	right: 65px !important;
	left: auto !important;
}
/* 	Flex Slider
----------------------------------------------------------------------*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles */ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block; width: 100%}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0 0 60px 0; 
	background: #fff; 
	border: 4px solid #fff; 
	position: relative; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
	box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.flex-viewport {
	max-height: 2000px; 
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	transition: all 1s ease;
}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav a {
	margin: -20px 0 0; 
	display: block;
	background-color: #272727; 
	padding: 8px; 
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	opacity: 1; 
	-webkit-transition: all .3s ease;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.flex-direction-nav a:hover {background-color: #696969;}
.flex-direction-nav a i {color: #fff;}
.flex-direction-nav a:hover i {color: #FFF;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 8px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 8px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.8;}
.flex-direction-nav .flex-disabled {opacity: 0 !important; cursor: default;}

/* Control Nav */
.flex-control-nav {
	position: absolute; 
	text-align: center;
	right: 20px;
	bottom: 10px;
}
.flex-control-nav li {
	margin: 0 6px; 
	display: inline-block;
}
.flex-control-paging li a {
	background-color: #BDBEC4;
	width: 8px; 
	height: 8px; 
	display: block; 
	cursor: pointer; 
	text-indent: -9999px; 
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px; 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.m-thumb .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background-color: #696969; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
	.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/**	Overwrite original style     **/
.flexslider {
	margin: 0 ;
	background-color : transparent;
	border: none;
	position: relative;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
/**	Control nav	**/
.flex-control-nav li {
	padding: 4px;
	margin: 0;
}
.flexslider.position-nav-under .flex-control-nav {
	position : absolute;
	top: 4px;
	right: 4px;
}
.flexslider.flexslider.position-nav-under {
	margin-bottom: 0px;
}
.flexslider.position-nav-bottom .flex-control-nav {
	position : absolute;
	bottom:9px;
}
.flexslider.position-nav-top .flex-control-nav {
	position : absolute;
	top:9px;
}
.flex-active {
	background-color: #fff;
}
.color-nav-active-red .flex-control-paging li a.flex-active {
	background-color: #c61013;
}
.color-nav-active-white .flex-control-paging li a.flex-active {
	background-color: #fff;
}

/** Custom CSS by JoomSpirit **/
.flexslider {
	overflow:visible !important;
}
.flexslider ul.slides {
	background-color: transparent;
}
.flexslider .slides > li {
	position:relative;
}
.flexslider ul.slides li a {
	display:block;
}






/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* 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(../images/defaults/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);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	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: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* 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{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* 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;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../images/defaults/owlLoader.gif) no-repeat center center
}



#owl-demo .item{
	margin-right: 15px;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}
.customNavigation{
  text-align: center;
  margin-top: 20px;
}
.customNavigation a{
  -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);
}


/*	owl Carousel
----------------------------------------------------------------------------------------------------*/
.item-carousel-wrapper {
	position: relative;
	margin-right: -20px
}
.item-carousel-wrapper.mr-19 {
	margin-right: -19px
}
.item-carousel-wrapper img {
	width: 100%;
}

#item-carousel-col-4 .item, #item-carousel-col-4-auto .item,
#item-carousel-col-3 .item, #item-carousel-col-3-auto .item,
#item-carousel-col-2 .item, #item-carousel-col-2-auto .item  {
	margin-right: 20px;
}
.item-carousel-navigation {
	text-align: center;
	position: absolute;
	top: -54px;
	right: 20px;
}
.item-carousel-navigation a {
	-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);
	cursor:pointer;
	font-size: 20px;
	line-height: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.item-carousel-navigation a i {
	margin: 0;
}
.item-carousel-navigation a.icnp i {
	padding: 4px 4px 0 4px !important;
}
.item-carousel-navigation a.icnn i {
	padding: 4px 4px 0 4px !important;
}
.item-carousel-navigation a:hover i {
	color: #717171;
}
/*	Testimonials owl Carousel
----------------------------------------------------------------------------------------------------*/
.testi-carousel .item {
	margin:0;
	padding: 0;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
#testi-carousel  .owl-controls .owl-page span{
	display: block;
	width: 24px;
	height: 8px;
	margin: 5px 3px;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #3C454E;
}

#testi-carousel .owl-controls .owl-page.active span,
#testi-carousel .owl-controls.clickable .owl-page:hover span{
}

/* Owl Slider
----------------------------------------------------------------------------------------------------*/
.owl-slider-wrapper { /* osg = owl-slider-general */
	position: relative;
	padding: 0;
	margin: 0;
}
#owl-slider .item img, #owl-slider-general .item img, #owl-slider-nav .item img{
	display: block;
	width: 100%;
	height: auto;
}
.owl-slider-nav {
	position: absolute;
	bottom: 88px;
	right: 30px;
	padding: 0;
	font-size: 42px;
}
.owl-slider-nav a{
	cursor:pointer;
	color: #FFF !important;
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	font-size: 42px;
	font-weight: normal;
	position: relative;
	padding: 0 !important;
}
.owl-slider-nav a i {
	font-size: 30px;
	line-height: 30px;
	padding: 0 !important;
	margin: 0;
}
.owl-slider-nav a:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-slider-nav a:hover i {} /* in color file */
.center-capture .owl-slider-nav {
	bottom: 46%;
	right: 47.5%;
}

.owl-slider-wrapper .owl-controls {
	position: absolute;
	bottom: 60px;
	right: 28px;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}
.owl-slider-wrapper .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 2px 3px !important;
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #FFF;
}
.owl-slider-wrapper .owl-controls .owl-page.active span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	
}
.owl-slider-wrapper .owl-controls.clickable .owl-page:hover span {} /* in color file */

.owl-slider-wrapper.center-capture  .owl-controls {
	display: none !important;
}


/* Owl Slider - General
----------------------------------------------------------------------------------------------------*/
.osg-wrapper { /* osg = owl-slider-general */
	position: relative;
	padding: 0;
	margin: 0;
}
#owl-slider-3 .item {
	position: relative;
}
#owl-slider-3 .item img{
    display: block;
    width: 100%;
    height: auto;
	margin: 0;
	padding: 0;
}
.osg-capture {
	position: absolute;
	left: 0;
	bottom: 0px;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	color: #FFF;
	width: 100%;
	padding: 5px 15px;
}
.osg-wrapper .owl-slider-nav {
	bottom: 30px;
	right: 20px;
}
.osg-wrapper .owl-controls {
	position: absolute;
	bottom: 0px;
	right: 20px;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}
.osg-wrapper .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 2px 3px !important;
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #FFF !important;
}
.osg-wrapper .owl-controls .owl-page.active span,
.osg-wrapper .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* Owl Slider with Progress Bar
----------------------------------------------------------------------------------------------------*/
#owl-slider-pBar .item img{
  display: block;
  width: 100%;
  height: auto;
}
#bar{
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #7fc242;
}
#progressBar{
  width: 100%;
  background: #EDEDED;
}

/* Owl Capture
----------------------------------------------------------------------------------------------------*/
.owl-capture {
	position: absolute;
	top: 30%;
	left: 30px;
	color: #FFF;
}
.owl-capture h2 {
	margin: 0;
}
.owl-capture h2 a {
	padding: 0px 2px;
	background: #FFF;
	background: rgba(255, 255, 255, 0.9);
	font-weight: normal;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 40px;
	margin: 5px 0;
	display: inline-block;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}
.owl-capture h2 a:hover {} /* in color file */
.owl-capture p {
	font-size: 20px;
	line-height: 26px;
	padding: 0px 20px;
	display: inline-block;
	margin: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #FFF;
}
.owl-capture p.owl-price {
	padding: 6px 20px 4px;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}
.right-capture .owl-capture {
	float: right;
	text-align: right;
	right: 30px;
	top: 55%;
}
.center-capture .owl-capture {
	text-align: center;
	left: 0;
	top: 20%;
	display: block;
	width: 100%;
}
.center-capture .owl-capture h2 a {
	background: none;
	color: #FFF;
	font-size: 50px;
	line-height: 1
}
.center-capture .owl-capture h2 a:hover {
	
}
.center-capture .owl-capture p {
	background: none;
	color: #FFF;
	font-size: 20px;
}

#slider-thumb, #slider-thumb-nav {
	padding: 10 px;
	margin: 0;
}
#slider-thumb .item {
	color: #FFF;
	text-align: center;
	width: 100%;
}
#slider-thumb .item img {
	display: block;
	width: 100%;
	height: 100%;
}
#slider-thumb-nav .item {
	margin: 15px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	opacity: 0.7
}
#slider-thumb-nav .item:hover {
	opacity: 1;
}
#slider-thumb-nav .item img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
#slider-thumb-nav .synced .item{
  background: #0c83e7;
  opacity: 1;
}

/*** Price Range **/
.price-range {
    padding: 10px 13px 12px 5px;
    overflow: hidden;
}
#start-val,
#end-val {
    display: inline-block;
    border: none;
    float: left;
    padding: 0;
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    max-width: 50px;
}
#end-val {
   float: right;
   text-align: right;
}

/*** nouislider style (used in priccing range) **/
.noUi-target * {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-touch-callout: none;
    -ms-touch-action: none;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        cursor: default;
}
.noUi-base {
    width: 100%;
    height: 6px;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    z-index: 1;
    border: 1px solid #dbdbdb;
    margin-bottom: 15px;
}
.noUi-handle {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin: -6px 0 0 -6px;
    border: 1px solid #bdbdbd;
    background: #E8E8E8 url('../images/defaults/price-range.png') center center no-repeat;
}
.noUi-connect {
}
.noUi-background {
    background: #f5f5f5;
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    border-radius: inherit;
}
.noUi-origin-upper {
    background: inherit !important;
}
.noUi-z-index {
    z-index: 10;
}
.noUi-vertical {
    width: 40px;
    height: 100%;   }
.noUi-vertical .noUi-origin {
    bottom: 0;
    left: 0;
}
.noUi-vertical .noUi-handle  {
    margin: -23px 0 0 -3px;
}

.noUi-target[disabled] .noUi-base {
    background: #999;
}
.noUi-target[disabled] .noUi-connect {
    background: #BBB;
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}

/** Detail SLider **/
#detail-slider {
	float: left;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#detail-slider .title {
	font-weight: bold;
	padding: 10px 0;
	margin: 0;
}
#detail-slider p {
	color: #171717;
}
#details-slider img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
#details-slider-images { /* for thumb nav */
	display:none;
	float:left;	
	overflow: hidden;
	padding: 15px 50px 5px;
	width: 100%;
	background: none;
	margin: 0;
	border: 0;
}
#right,
#left {
	position: absolute;
}
#left {
	left: 0px;
}
#right {
	right: 12px;
}
.panel {
	position: relative;
	width: 100%;
	background: #E8E8E8;
	margin-top: -3px;
	border-radius: 0 0 10px 10px;
}
#right a img,
#left a img {
	height:40px;
	width:20px;
	border:none;
	opacity:0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}
#right a:hover img,
#left a:hover img {
	opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}
#right a,
#left a {
	outline:none;
}
#left .left-arrow,
#right .right-arrow {
	display: block;
	width: 40px;
	padding: 60px 0;
	margin-top: 0;
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#left .left-arrow:after,
#right .right-arrow:after {
	content: "";
	width: 26px;
	height: 26px;
	position: absolute;
	top: 43%;
	left: 50%;
	margin: -12px 0 0 -8px;
	/* background: url(../images/defaults/detail-slider-nav.png) no-repeat; */
	font-family: 'ElegantIcons';
	font-size: 26px;
}
.svg #left .left-arrow:after,
.svg #right .right-arrow:after {
	/* background-image: url(../images/defaults/detail-slider-icons.svg); */
}
#left .left-arrow:after {
	/* background-position: 0 0; */
	content: "\3c";
}
#right .right-arrow:after {
	/* background-position: -16px 0; */
	content: "\3d";
}
#left .left-arrow:hover,
#right .right-arrow:hover {
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}
#right a.right-arrow {
	background-position: right top;
}
.panel {
	margin: 0;
}
ul.exposureThumbs {
	background:#333;
	/*border:3px solid #333;
	border-right:none; */
	padding:0;
	margin: 17px 0 7px;
	margin-left: 1px;
	list-style-type:none;
}
ul.exposureThumbs li { /* width of thumb nav */
	background:#111;
	margin: 0px 5px 10px 5px;
	padding:0;
	text-align:center;
	display:none;
	float:left;
	width: 128px;
}
ul.exposureThumbs li img {
	cursor:pointer;
}
ul.exposureThumbs li.last {

}
.exposureTarget {
	width:800px;
	height:600px;
	background-color:#111;	
	background-image:url(../images/logo.jpg);
/*	background-image:url(../images/defaults/detail-slider-loader.gif);*/
	background-repeat:no-repeat;
	background-position:center center;
	padding:0;
	margin:0 auto;
	position:relative;
	overflow:hidden; 
}
.exposureWrapper {
	position:absolute; 
	top:0; 
	left: 0;
	width: 796px;
	height: 448px;
}
.exposureWrapper img {
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.exposureLoaded {
	background-image:none;	
}
.exposureData {
	position:absolute;
 	left:0;
 	right:0;
 	bottom:0;
	padding:7px 15px;
	background-image:url(../images/defaults/detail-slider-veil.png);
	color:#fff;
	font-size:14px;
}
/* In this demo we are using thumbs with fixed size */
.exposureSlideshowControls a {
	font-size:11px;
	color:#bba;
	text-decoration:none;
	outline:none;
	padding:2px 6px;
	display:inline;
}
.exposureSlideshowControls a:active,
.exposureSlideshowControls a:hover {
	background-color:#999;
	color:#444;
}
p.info {
	margin:40px auto;
	text-align:center;	
	width:600px;
}
p.info a {
	color:#006fc0;	
}
p.info a:hover, p.info a:active {
	color:#0084e7;	
}
@media only screen and (max-width: 980px) {
	
	#exposure {
		width: auto !important;
		height: auto !important;
		position: relative;
	}

	.exposureWrapper .exposureCurrentImage,
	.exposureWrapper {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.exposureWrapper .exposureLastImage {
		display: none !important;
	}
}


