/* Slider
 http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html
 */
/* Slider
 * 2E3639
 */
/*-----------------------------------------------------------------------------------*/
.slider_container {
}

.flex-caption {
	width: 40%;
	height: 320px;
	padding: 0 20px;
	background-position: center top;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #DFDFDF;
	margin-left: 20px;  
	background-color: rgba(54,54,54,.5);
	border: 1px solid rgba(0,0,0,.0);
	text-shadow: 2px 2px 4px black;	
}
.flex-caption .caption_title_line p {
	font-size: 12px;
	line-height: 20px;
	clear: both;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease; 
	padding: 0px;
	text-align: left;
}

.flex-caption strong {
}
.flex-container a:active, .flexslider a:active {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 1;
}

/* FlexSlider Necessary Styles
 *********************************/
.flexslider {
	width: 100%;
	background: #151515;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('images/mainslide-loader.gif');
	height: 320px;
	overflow: hidden;
}
.flexslider .slides > li {
}/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	position: absolute;
	top: -100%;
	bottom: -100%;
	margin: auto;
	max-width: 100%;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	position: relative;
	zoom: 1;
	overflow: hidden;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides > li {
	position: relative;
}
.flex-container {
	zoom: 1;
	position: relative;
}

/* Direction Nav */
.flex-direction-nav {
	top: 0px;
	right: 0px;
	z-index: 1; 
	position: absolute; 
	background-image: url(images/clipbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}
 
.flex-direction-nav li {
	display: inline-block;
	float: left;
}
.flex-direction-nav li a {
	width: 26px;
	height: 14px;
	margin: 10px;
	display: inline-block;
	cursor: pointer;
	float: left;
	z-index: 1;
	text-indent: -9999px;
	padding: 5px;
	border: 1px solid #171B1E;
	outline: 0;
	background-color: #2B2F32;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1B1F22), color-stop(1, #0C0D11));
	background: -moz-linear-gradient(top, #1B1F22 5%, #0C0D11 100%);
	background: -webkit-linear-gradient(top, #1B1F22 5%, #0C0D11 100%);
	background: -o-linear-gradient(top, #1B1F22 5%, #0C0D11 100%);
	background: -ms-linear-gradient(top, #1B1F22 5%, #0C0D11 100%);
	background: linear-gradient(to bottom, #1B1F22 5%, #0C0D11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B1F22', endColorstr='#0C0D11',GradientType=0);
	background-color: #1B1F22;
	border: 1px solid #121212;
}
.flex-direction-nav li a:hover {
	opacity: .7;
}
.flex-direction-nav li a:active {
	background: rgba(0,0,0,.8);
}
.flex-direction-nav li a.next {
	background-image: url(images/next.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	position: relative;
	margin-left: 0;
	border-radius: 0 4px 4px 0;
	border-left: 1px solid #393D40;
}
.flex-direction-nav li a.prev {
	background-image: url(images/prev.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 99;
	position: relative;
	margin-right: 0;
	border-radius: 4px 0 0 4px;
}
.flex-direction-nav li a.disabled {
	opacity: .3;
}

/* Control Nav */
.flex-control-nav {
	z-index: 99;
	width: 100%;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.flex-control-nav li {
	text-indent: -9999px;
	float: right;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 6px;
	height: 6px;
	display: block;
	cursor: pointer;
	text-align: center;
	margin: 10px 5px 0 10px;
	border-radius: 100%;
	background-color: #000;
	border: 1px solid rgba(255,255,255,0);
}
.flex-control-nav li:hover a {
	color: #999999;
}
.flex-control-nav li a:hover {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
.flex-control-nav li a.active {
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(255,255,255,.0);
}

/*BANNER*/

/* TOP SLIDER BANNER */
#banner-wrapper {
	font-family: 'Open Sans', Arial, sans-serif;
}
#banner-wrapper span {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 36%;
	left: 0;
	font-size: 1.8em;
	text-align: center;
	letter-spacing: -1px;
	text-transform: lowercase;
}
#banner-wrapper a {
	font-weight: bold;
}

#banner-wrapper {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	background-position: center center;
	overflow: hidden;
	/* http://images3.alphacoders.com/111/111335.jpg
	 background-image: url('http://www.hdwallpapers.in/wallpapers/tiger_hd_1080p-1920x1080.jpg');
	 http://p1.pichost.me/i/26/1489027.jpg
	 'http://newevolutiondesigns.com/images/freebies/animals-background-23.jpg
	 http://i.imgur.com/TN1xEYv.jpg
	 http://i.imgur.com/Z50FYnz.jpg
	 *  */
	/* background-image: url('http://i.imgur.com/XYT4shO.jpg'); */

	background-size: cover;
	background-repeat: no-repeat;
}
#banner-wrapper .container {
	/*background-image: url('images/imap.png');*/
	background-position: center top;
	background-size: contain;
	background-repeat: repeat-x;
}
#banner-wrapper .ibg {
	margin-top: 15px;
}
#banner-wrapper .ibg h2 {
	margin: 0px;
	letter-spacing: 0px;
	margin-top: 20px;
	font-size: 2em;
	padding-bottom: 5px;
	line-height: 1.2em;
	font-family: 'Righteous', Arial, sans-serif;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	text-align: left;
	color: #FAFAFB;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,.5);
	text-shadow: 2px 2px 5px black;
	text-transform: capitalize;
}
#banner-wrapper .ibg img {
	height: auto;
	position: absolute;
	left: 0;
	z-index: -9999;
}
#banner-wrapper .ibg-single {
	box-shadow: none;
}

#banner-wrapper .ibg-single-white {
	box-shadow: -5px 0 80px 80px rgba(255,255,255,.3), 5px 0 80px 80px rgba(255,255,255,.3);
}
#banner-wrapper .ibg-single-white h3 {
	text-shadow: 0px 0px 6px rgba(255,255,255, 1);
}

#primary {
	float: left :;
	width: 25%;
	background: #334455;
}

#content {
	float: left;
	width: 50%;
	background: #999900;
}

#secondary {
	float: left;
	width: 25%;
	background: #009999;
}
.flex-caption {
	text-align: center;
}
.flex-caption .button {
	padding: 6px 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	text-shadow: none;
	border-radius: 3px;
	border: 2px solid #FFFFFF;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.flex-caption .button a {
	color: #FFFFFF;
}
.flex-caption:hover .button {
	border-color: #FFFFFF;
	color: #151515;
	background: #FFFFFF;
}
.flex-caption:hover .button a {
	color: #151515;
}
.button:hover {
	color: #FFFFFF;
	background-color: #151515;
}
/* Media Queries
 /*-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 980px) {
	.flexslider,.flex-caption {
		height: 200px;
		overflow: hidden;
	}
	.flex-caption h2 {
		font-size: 1em;
	}
}