/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


 
/* Browser Resets */
.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 ul, .flexslider ul li { list-style-type:none; margin:auto; overflow:hidden;}
.flexslider {margin: 0; padding: 0;}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; } 
.flexslider .slides img.flximg {width: 100%; display: block; min-height:420px;}
.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%;}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 /*20px*/; background: #fff; border: 0px solid #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport { }
.flexslider .slides {zoom: 1;}



/* Caption style */
/* IE rgba() hack */
/*.flex-caption, .slide-cnt { 
	background:url(../image/bg-fade-brown.png) transparent; zoom: 1;
	width: 350px; padding: 0; position: absolute; left: 9%; top: 20%;  
	  color: #FFF; text-shadow: 0 -1px 0 rgba(185, 183, 177,.5); border:0px solid #FC0;  
}

.flex-caption, .slide-cnt .slide-cnt-pad {padding:15px;} 
.flexslider.flexbanner { display:block;}
.flexslider.flexbanner .slides h2, 
.flexslider.flexbanner .slides p { font-weight:normal; display:inline-block; color:#FFF; margin:0px; padding:8px 15px; font-size:16px; line-height:170%;  }

.flexslider.flexbanner .slides h2 { font-size:35px; display:inline-block; font-weight:normal; line-height:110%;   }

.flexslider.flexbanner .slides p {   }

.flexslider.flexbanner .slides a, a.box_nav_yellow { 
	width: 130px; height:35px; background: url(../image/layout/arrowbtn.png) no-repeat 97% 50% #EDB424; display:block;
	margin:0px 0; line-height:35px; padding-left:25px; font-size: 17px; color: #3E3C30;
	}

a.box_nav_yellow { line-height:30px; height:30px;font-size: 15px; }

.flexslider.flexbanner .slides a:hover { text-decoration:none;}*/

.flex-caption, .slide-cnt {
	zoom: 1;
	position: absolute;
	/*width: 100%;left: 0;*/
	bottom:1%; 
	/*top: 20%;
	bottom: auto;*/
	left: 10%;
	right: 45%;
	padding: 0;    
	  color: #FFF; text-shadow: 0 -1px 0 rgba(185, 183, 177,.5); border:0px solid #FC0; 
}
.slide-cnt .slide-cnt-pad { width:100%; margin:0;
	background:url(../image/layout/bg_fade_white.png)\9;
	background:rgba(255,255,255,0.75);
	padding:20px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
.flex-caption, .slide-cnt .slide-cnt-pad {/*padding:5px;*/}

/* Caption Content */
.flexslider.flexbanner { display:block; background: #EEE; }
.flexslider.flexbanner .slides h2, 
.flexslider.flexbanner .slides p { font-weight:normal; display:inline-block; color:#000/*#737B35#FC0*/; margin:0px; padding:0px 1px;/**/ font-size:15px; line-height:170%;  }

.flexslider.flexbanner .slides h2 { font-size:17px; display:inline-block; font-weight:normal; text-transform:uppercase; line-height:110%;}

.flexslider.flexbanner .slides p { }

/*.flexslider.flexbanner .slides a, a.box_nav_yellow { 
	width:auto; height:25px; background: url(../image/layout/arrowbtn.png) no-repeat 97% 50% #EDB424; display:inline-block;
	margin:0px 5px; line-height:27px; padding:0 15px; font-size: 15px; color: #3E3C30;
	}*/

a.box_nav_yellow { height:27px;/*line-height:30px; font-size: 15px; padding-right:25px; width:auto; */}

.flexslider.flexbanner .slides a:hover { text-decoration:none;}


@media only screen and ( min-width: 1100px ) 
{
	.slide-cnt .slide-cnt-pad { /*width: 1100px;*/}
}

/* _________________________________________________________ */








.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 27px; height: 33px; margin: -10px 0 0; display: block; background: url(flex/arrow-sprite-flex.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.5; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0;  right: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 0px; width:27px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 0px; width:27px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


/* Control Nav */
.flex-control-nav {width: 300px; position: absolute; bottom: 0px; left:0px; text-align: center; background:url(../image/layout/bg_fade_red.png) #F00; height:40px; border:0px solid #FF9; /*left:72px;*/ }
.flex-control-nav li {margin: 12px 6px 0; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a {width: 15px; height: 15px; display: block; background: #FFF; background: rgba(255,255,255,0.9); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border:1px solid #F8852A !important;  }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #F1592A; background: rgba(241,89,42,1); cursor: default; border:1px solid #F8852A !important; }

.flexslider.flexbanner .flex-control-nav {left: 125px;}


/*.flexslider.flexbanner .slides img.flximg,*/
.loading .flex-viewport {max-height: 790px/*500px*/;}
.flexslider.flexbanner .slides li { }
.flexslider.flexbanner .slides li.flex-active-slide { swidth:100%; overflow:hidden; position:relative;}
.flex-caption, .slide-cnt { height: auto; }
.flexslider.flexbanner { border:1px solid #003042; border-width:0px; padding:0px; margin:0px 0;}
.flexslider.flexbanner .slides li.flex-active-slide img { /*position: absolute;
    top: -9999px; bottom: -9999px; left: -9999px; right: -9999px;*/ margin: auto; width:100%; }


.flexslider.flexbanner .slides li,
.flexslider.flexbanner .slides li.flex-active-slide,
.flexslider.flexbanner {height: 790px /*500px*/; }




/*#flxcarousel .slides li {}
#flxcarousel { border:0px solid #CDCDCD; border-radius: 0; box-shadow: none !important; margin-bottom:0; }
#flxcarousel .slides { margin:5px 10px 0 0;}
#flxcarousel .flex-control-nav { bottom: -20px; }
#flxcarousel .flex-direction-nav .flex-next {right: -20px;}
#flxcarousel .flex-direction-nav .flex-prev {left: -20px;}*/






/*-------------------------------------------------------------------------------------------------------
@ CAROUSEL CUSTOM
-------------------------------------------------------------------------------------------------------*/

.wrap_carousel {z-index:1000; width:100%; /*background:url(../image/layout/bg_fade_white.png)\9;*/ background:rgba(255,255,255,0.30);  }
.page_margins.home .wrap_carousel { position:absolute; bottom:0px;   } 


.h-carousel {  display:inline-block; margin:0; padding:10px 10px;background-color:rgba(238, 238, 238,0.95); background:#F9F9F9\9; border:1px solid #CCC; border-bottom:none; border-radius: 2px 2px 0 0  !important; line-height:1; }

.flxcarousel { background-color:rgb(238, 238, 238); background-color:rgba(238, 238, 238,0.95); border:1px solid #CCC; border-top:none; border-radius: 0px 0px 2px 2px !important;  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); max-height:200px; overflow:hidden;}

.flxcarousel .flex-viewport { /*max-height:160px !important;*/}
.flxcarousel ul.slides { margin-top: 0; padding-top: 0; }
.flxcarousel ul.slides a { color:#900; margin:0; font-weight:200;}
.flxcarousel ul.slides li { background: transparent; position: relative; float: left; padding: 0px; display:inline-block; margin:0; }

.flxcarousel ul.slides li .project_item { }
.flxcarousel ul.slides li .project_wrap { position: relative; }
.flxcarousel ul.slides li .project_image img {  z-index: 4; margin:0; padding:5px; width:110px;max-height: 90px;}


.flxcarousel ul.slides li .project_item,
.flxcarousel ul.slides li .project_wrap,
.flxcarousel ul.slides li .project_image {display:block; cursor:pointer;  margin:0;padding:0; }

.flxcarousel ul.slides li .project_item { margin:0;  padding:5px 10px 5px; /*background:url(flex/bg_carousel_fade.png) 0% 50% repeat-x transparent; border:1px solid #B0C2C3 !important;  -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ /*width:320px;*/ }

.flxcarousel ul.slides li .project_wrap { border: 0px solid #CB4C58 !important; }




.flxcarousel ul.slides li .project_name, .flxcarousel ul.slides li .project_name a{
	/*color:#FF6600;
	text-transform:uppercase;*/
	font-weight:normal;
	font-size:13px;
	
	text-align: left;
	border:0px solid #f00;
	z-index:100;
}
.flxcarousel ul.slides li .project_over{
	position:absolute; top:0px; left:120px;
	width:auto;
	display:block;
	color:#000;
	z-index:100;
	text-transform: none;
	font-weight: normal;
	border:0px solid #F00
}
.flxcarousel ul.slides li .project_padd{
	padding: 0px;
	/*font-size: 12px;*/ line-height: 150%;
}

.page_margins.pg-inside .flxcarousel { background: none; border:0px solid #B0C2C3; box-shadow:none; height:auto !important; }

.page_margins.pg-inside .h-carousel {  display:block; margin:0; padding:10px 10px; background:none; border:none;  border-bottom: 1px solid #c8c8c8/*75796F*/; padding-bottom: 3px; margin-bottom:3px; }


.page_margins.home .flxcarousel { margin-bottom: 20px; }
.page_margins.home .flxcarousel ul.slides li .project_name, 
.page_margins.home .flxcarousel ul.slides li .project_name a{
	color:#990000/*#FF6600*/;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;/**/
	text-align: left;
	border:0px solid #f00;
	z-index:100;
}



/* Control Nav */
.flxcarousel .flex-control-nav {width: auto; position: absolute; bottom: 4px; left:10px; text-align: center; background: none; height:20px; border:0px solid #FF9; /*left:72px;*/ }
.flxcarousel .flex-control-nav li {margin: 6px 6px 0; display: inline-block; zoom: 1; *display: inline; }
.flxcarousel .flex-control-paging li a {width: 10px; height: 10px; display: block; background: #FFF; background: rgba(255,255,255,0.9); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border:1px solid #999 !important;  }
.flxcarousel .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flxcarousel .flex-control-paging li a.flex-active { background: #008000; background: rgb(0, 128, 0,1); cursor: default; border:1px solid #008000 !important; }


.flxcarousel .slides li {  }
/*.flxcarousel { border:0px solid #CDCDCD; border-radius: 0; box-shadow: none !important; margin-bottom:0; }*/
.flxcarousel .slides { margin:5px 10px /*20px*/ 0;}
.page_margins.pg-inside .flxcarousel .flex-control-nav { /*bottom: -20px;*/ position:relative; text-align:left; }
.flxcarousel .flex-direction-nav .flex-next {right: -20px;}
.flxcarousel .flex-direction-nav .flex-prev {left: -20px;}

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