/********************************
*			Fonts				*
*********************************/

/********************************
*			General				*
*********************************/
.fg_wrapper img{box-shadow: 0px !important;border-radius:0px !important;}
.fg-caption{ display:block;}
.clr{clear:both;}
.fg_wrapper li{list-style:none !important; margin:0px !important;}
.flo-gallery img{border-radius: 0px !important;box-shadow: 0px !important;
}
/********************************
*			Slideshow			*
*********************************/
.fg-slideshow .flex-direction-nav a  {width: 50px; height: 50px;  }
.fg-slideshow .main-area .flexslider,.fg-slideshow .main-area .flex-direction-nav{ margin:0px;}
/********************************
*			Owl Carousel		*
*********************************/
.fg-carousel-list{

}
.fg-carousel-list div.item{
padding:4px; border:1px solid #ccc; background-color:#fff; margin:2px;
}
.fg-carousel-list div.item img{
	display: block;
  width: 100%;
  }
.fg-carousel-list div.item .title-car h3{
	margin:2px 0px 0px 0px; padding:0px;

}
/********************************
*			Carousel			*
*********************************/
#fg-carousel .flexslider { margin: 0 0 6px; background: none !important; border: 0px solid #FAFAFA; position: relative; zoom: 1; }
#fg-carousel .flex-viewport { max-height: 400px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#fg-carousel .loading .flex-viewport { max-height: 300px; }
#fg-carousel .flexslider .slides { zoom: 1; }
.fg_wrapper #fg-carousel ul.slides li { margin: 3px !important; }


/* Direction Nav */
#fg-carousel .flex-direction-nav {*height: 0;}
#fg-carousel .flex-direction-nav a  { display: block; width: 50px; height: 50px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#fg-carousel .flex-direction-nav .flex-prev { left: -50px; }
#fg-carousel .flex-direction-nav .flex-next { right: -50px; text-align: right; }
#fg-carousel .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
#fg-carousel .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
#fg-carousel .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
#fg-carousel .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#fg-carousel .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
#fg-carousel .flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
#fg-carousel .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
#fg-carousel .flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
#fg-carousel .flex-pauseplay a:hover  { opacity: 1; }
#fg-carousel .flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
#fg-carousel .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
#fg-carousel .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
#fg-carousel .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
#fg-carousel .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
#fg-carousel .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

#fg-carousel .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
#fg-carousel .flex-control-thumbs li {width: 25%; float: left; margin: 0; height:400px !important;}
#fg-carousel .flex-control-thumbs img {/*width: 100%;*/ height:400px !important; display: block; opacity: .7; cursor: pointer;}
#fg-carousel .flex-control-thumbs img:hover {opacity: 1;}
#fg-carousel .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  #fg-carousel .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  #fg-carousel .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/********************************
*			Masonry				*
*********************************/

.fg_masonry{}
.fg_masonry div.box{
	width:200px;
	margin: 2px;
    background: #fff;
    font: normal 13px/18px Arial, sans-serif;
    color: #333;
    position: relative;
    padding: 4px 4px 10px 4px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 0px;
    box-shadow: 0px;
	    border: 1px solid #ececec;}
.fg_masonry div.box img:hover{ 
	box-shadow: inset 0px 0px 120px rgba(0, 0, 0, 0.9) !important;
	
    /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	opacity: 0.7;
}
.fg_masonry div.box img{ 
	border-radius: 0px;
	box-shadow: none;
    background: #fff;
    border: 1px solid #ececec;
    margin: 3px 0 5px 0;
}
.fg_masonry div.box span.fg-title{display:block; color:#222; font-weight:bold;}
.fg_masonry div.box span.fg-caption{display:block; color:#333;}
/********************************
*			Grid				*
*********************************/

ul.fg-grid{
	list-style: none !important;
	display: block !important;
	width: 100%;
	margin: 0;
	padding: 0;
   	font-family: "entypoFont";
}
ul.fg-grid li{
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
	width:150px;
	height:150px;
	cursor:pointer;
}
ul.fg-grid li img{
	position: absolute;  
    left: 0;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
}
ul.fg-grid li img:hover{
	opacity: 0.8;
	 -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
    transform: translateX(100%) translateY(-100%) rotate(45deg);
}
p#entypo{font-family: 'entypoFont';}
ul.fg-grid li span.caption{
	position: absolute;  
    color: #fff;  
    left: 0;
    right: 0;
    top: -150px;
    bottom: 0;
    padding: 60px 20px 4px 15px; 
    opacity: 0;
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
	text-align:center;
	font-weight:bold;
}
ul.fg-grid li span.caption p{
	line-height:12px !important;
	font-size:12px !important;
}
ul.fg-grid li:hover .caption {  
    opacity: 1; 
    top: 0; 
}  

.fg_grid{}
/* Image Box Style */
.fg_grid .box {
	border: 0px solid #FAFAFA;
	cursor: pointer;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0px;
	-moz-box-shadow: 0px;
	box-shadow: 0px;
}
.fg_grid .box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
.fg_grid .box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}


/** Caption 1: Simple **/
.fg_grid .box .simple-caption {
	height: 30px;
	width: 200px;
	display: block;
	bottom: -30px;
	line-height: 25pt;
	text-align: center;
}

/** Caption 2: Full Width & Height **/
.fg_grid .box .full-caption {
	width: 100%;
	height: 100%;	
	top: -200px;
	text-align: left;
	padding: 15px;
}

/** Caption 3: Fade **/
.fg_grid .box .fade-caption, .fg_grid .box .scale-caption  {
	opacity: 0;
	width: 170px;
	height: 170px;
	text-align: left;
	padding: 15px;
}

/** Caption 4: Slide **/
.fg_grid .box .slide-caption {
	width: 100%;
	height: 100%;	
	text-align: left;
	padding: 15px;
	left: 200px;
}

/** Caption 5: Rotate **/
.fg_grid #box-5.box .rotate-caption {
	width: 170px;
	height: 170px;	
	text-align: left;
	padding: 15px;
	top: 200px;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.fg_grid .box .rotate {
	width: 200px;
	height: 400px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/** Caption 6: Scale **/
.fg_grid .box .scale-caption h3, .fg_grid .box .scale-caption p {
	position: relative;
	left: -200px;
	width: 170px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

.fg_grid .box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

.fg_grid .box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}

/** Simple Caption :hover Behaviour **/
.fg_grid .box:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
}

/** Full Caption :hover Behaviour **/
.fg_grid .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

/** Fade Caption :hover Behaviour **/
.fg_grid .box:hover .fade-caption, .fg_grid .box:hover .scale-caption  {
	opacity: 1;
}

/** Slide Caption :hover Behaviour **/
.fg_grid .box:hover .slide-caption {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 1;
	transform: translateX(-100%);
}
.fg_grid .box:hover img#image-4 {
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
}

/** Rotate Caption :hover Behaviour **/
.fg_grid .box:hover .rotate {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/** Scale Caption :hover Behaviour **/
.fg_grid .box:hover #image-6 {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.fg_grid .box:hover .scale-caption h3, .fg_grid .box:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}

/********************************
*			News Grid			*
*********************************/

.news-grid {
	background-color:#fff;
	cursor: pointer;
	float: left;
	margin: 5px 5px 5px 0px;
	width: 220px;
	border:1px solid #ccc; 
	padding:4px;}
.news-grid h3{margin:2px 0px !important; padding:0px !important; font-size:14px !important; line-height:12px !important;}
.news-grid div.caption { }
.news-grid div.caption p{ }
.news-grid .thumb{
	position: relative;
	display: block;
	height: 150px;
	width: 100%; background-repeat:no-repeat;
	-webkit-transition:background-position 1s ease;
	background-position: 0 0;
}

.news-grid .thumb:hover {
	 background-position: 20% 10%;
}
.news-grid .thumb a{display:block;}
.news-grid .thumb a img{height: auto;
width: auto;
display: block;}
.news-grid .text{
clear: both;
padding: 6px 5px;}

/********************************
*		Portfolio Grid			*
*********************************/

.portfolio-grid {
	cursor: pointer;
	float: left;
	margin: 5px 5px 5px 0px;
	width: 190px;
	border:1px solid #ccc; 
	}
.portfolio-grid h3{margin:2px 0px !important; padding:0px !important; font-size:14px !important; line-height:12px !important;}
.portfolio-grid div.caption { background-color:#FAFAFA; border:1px solid #f6f6f6; height:100%;}
.portfolio-grid div.caption p{ }
.portfolio-grid .thumb{
	position: relative;
	display: block;
	height: 150px;
	width: 100%; background-repeat:no-repeat;
	-webkit-transition:background-position 1s ease;
	background-position: 0 0;
}


.portfolio-grid .thumb:hover {
	 background-position: 40% 70%;
}
.portfolio-grid .thumb a{display:block;}
.portfolio-grid .thumb a img{height: auto;
width: auto;
display: block;}
.portfolio-grid .text{
clear: both;
padding: 6px 5px;
}
.portfolio-grid .view-more{float: right;}

/********************************
*			Inline				*
*********************************/

.fgl-container{background-color:#000000;  color:#afafaf; width:100%;}
	.fgl-container .fg-caption{
		width: 100%;
		height: 300px;
		overflow: auto;
	}
	/*.fgl-container .fg-slider{ position:absolute; bottom:0px;}*/
	.fgl-slide{position:relative;background: #000;}
	.fgl-mainbox{ position:relative; z-index:10010; overflow:hidden; background: #000;}
	.fgl-inner{z-index:99; /*background:  #000;*/ padding:10px;}
	@media (max-width: 480px) {
		.fgl-sidebox{ display:none !important;}
	}
		.fgl-sidebox{ width:330px; z-index: 1; position:absolute; top:0px; right:5px;}
	
	.fgl-sidebox .fg-title{ padding:10px;}
	.fgl-sidebox .fg-banner{ position: absolute;bottom: 20px;height: 250px;padding-left: 12px;width: 300px;overflow: hidden;
z-index: 10002;}
	.fg-thumbnails{width:100%;}
	.fg-thumbnails li{display:inline-block;}
	.fgl-sidebox  .caption-box{ padding:10px;}
	.fgl-sidebox .fg-caption{ width: 300px;clear: both;margin: 10px 0 10px;}
	.fgl-sidebox{background-color: #111;display: block;bottom: 0px;}
	/*.fg-thumbnail{position: absolute;bottom: 20px;}*/
	
#fg-slider {  overflow:hidden; position: relative; /*padding: 0 0 10px;*/   }
#fg-slider .viewport { /*float: left; width: 300px; height: 125px;*/ overflow: hidden; position: relative; }
#fg-slider .buttons { background:url("carousel/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: absolute; top:0px; }
#fg-slider .next { background-position: 0 0; margin: 30px 0 0 10px; right:0px; }
/*#fg-slider .prev { background-position: 0 0;  left:0px; }*/
#fg-slider .disable { visibility: hidden; }
#fg-slider .overview { list-style: none; position: absolute; width: 240px; left: 0; top: 0; }
#fg-slider .overview li{ float: left; margin: 5px; height: 70px; border: 4px solid #dcdcdc; width:70px;}                #fg-slider .overview li img{width:100%; height:100%;}
.fg-display-area{
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-duration: 500ms;	
}
.fg-album-title{margin:0px !important; color:white; float:left;}
.fg-title{ color:white !important;font-weight:bold; font-size:14px;}
.fg-caption{ color:white;}
.fg-slider a.prev{ display:block;}


/*
*	Slideshow
*/
.fg_wrapper #carousel { background:none; border:0px;}
.fg_wrapper #carousel  .slides{margin:0px;}
.fg_wrapper #carousel  .slides > li{margin:4px;}
.fg_wrapper #carousel .flex-direction-nav{margin:0px;}
/*
*	Caroudel
*/
.flexslider-carousel{
	margin:0px;
}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #222; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Control Nav */
.flexslider-carousel .flex-control-nav {width: 100%; position: relative; bottom: -40px; text-align: center;}
.flexslider-carousel .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flexslider-carousel .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flexslider-carousel .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flexslider-carousel .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }


.flexslider-carousel .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flexslider-carousel .flex-control-thumbs li {width: 25%; float: left; margin: 0; height:400px !important;}
.flexslider-carousel .flex-control-thumbs img {/*width: 100%;*/ height:400px !important; display: block; opacity: .7; cursor: pointer;}
.flexslider-carousel .flex-control-thumbs img:hover {opacity: 1;}
.flexslider-carousel .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



/*
*	FlGallery
*/
.fg-album-title{float:left;}
.fg-counter{float:right;font-weight: bold;color: #fff;font-size: 16px;}
.fg-thumbnails li{margin:4px !important;}
.close-gal{ cursor:pointer; font-weight:bold; float:right; margin-right:10px;}

/* Direction Nav */
.fgl-container .flex-direction-nav li a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../assets/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;  z-index:1000;}
.fgl-container .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.fgl-container .flex-direction-nav .flex-prev {left: -36px;}
.fgl-container .flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.fgl-container .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.fgl-container .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.fgl-container .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


/* Control Nav */
.flexslider-carousel .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flexslider-carousel .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flexslider-carousel .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flexslider-carousel .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flexslider-carousel .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }


.flexslider-carousel .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flexslider-carousel .flex-control-thumbs li {width: 25%; float: left; margin: 0; height:400px !important;}
.flexslider-carousel .flex-control-thumbs img {/*width: 100%;*/ height:400px !important; display: block; opacity: .7; cursor: pointer;}
.flexslider-carousel .flex-control-thumbs img:hover {opacity: 1;}
.flexslider-carousel .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


#fjp_overlay {
position: fixed;
top: 0;
left: 0;
background-color: #000;
width: 100%;
height: 100%;
z-index: 998;
display: block;
}
#fjp_lightbox {
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 100%;
text-align: center;
display: none;
}
#fjp_lightbox a {
color: #fff;
}
.fg-slider .flexslider{margin: 0px !important; background: none; border: 0px solid #FAFAFA;}
.fg-slider .slides{margin:0px !important;}

.fg-photo-list .fg-photo-item{float:left; margin:5px;}
.title{display:block;}
.fg_wrapper div.item{ text-align:center;}
.fg_wrapper .carousel-li{margin:0px 5px;}


/******************
*
*******************/
	
.fg-max-container .fg-max-title h2 {
	margin:6px 0px;
	float: left;
}
.fg-max-container h3 {
	margin:6px 0px;
}
.fg-max-container .fg-max-image {
}
.fg-max-container .fg-max-details {
	position:relative;
}
.fg-max-container .fg-max-details .info {
	display: table-cell;
}
.fg-max-container .fg-max-details .options {
	display: table-cell;
	width: 85px;
	padding-left: 10px;
}
.fg-max-container .fg-max-details h3 {
	margin:6px 0px;
}
.clr {
	clear:both;
}
.fg-fullscreen .fg-max-container {
/*display:table-cell;*/
	}
.fg-fullscreen .fg-max-title {
	height:30px;
}
.fg-fullscreen .fg-max-title h2 {
	float:left;
	margin:0px;
}
.customNavigation {
	float: right;
}
.fg-fullscreen .fg-max-image {
	display:block;
	text-align:center;
	height:300px;
}
.fg-fullscreen .fg-max-image img {
	height:100%;
}
.fg-fullscreen .fg-max-details {
	height:200px;
}
.fg-fullscreen .slide-container {
	width:70%;
	float: left;
	padding: 6px;
}
.fg-fullscreen .details-col {
	height: 100%;
	float: left;
	padding: 6px;
	width: 28%;
	background: #222;
	border-left: 1px solid #2b2b2b;
	}
.fg-fullscreen .details-col .details-inner {
	padding:20px;
}
.fg-fullscreen .slides {
/*text-align: center;
		position: relative;
		overflow: hidden;
		height: 100%;*/
	}
.fg-fullscreen .item {
	margin:4px;
}
.fg-fullscreen .item img {
	border:2px solid #ccc;
}
.lightbox_trigger {
	float: right;
	margin: 6px 0px;
}
.thumbscroll {
	display:none;
}
.fg-fullscreen .thumbscroll {
	display:block;
}
.fg-fullscreen .fg-max-details {
	height: 200px;
	display:none;
}
.fg-max-counter {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:28px;
	float: right;
	margin-right:10px;
}
.customNavigation a {
	cursor:pointer;
}
 @media (max-width: 600px) {
 .fg-fullscreen .slide-container {
 width:100%;
 float: none;
 padding: 6px;
}
 .fg-fullscreen .details-col {
 padding: 6px;
 width: 100%;
 float: none;
 background: #222;
 border-top: 1px solid #2b2b2b;
 height: auto;
}
 .fg-fullscreen .details-col .details-inner {
 padding: 0px 20px;
}
}