﻿/* = No JavaScript Fallback ================================================== */
.no-js .slides > li:first-child {display: block;}
.flexslider .slides li.flex-active-slide {
	display: block;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
/* ==== FlexSlider Theme =================================================== */
#flexwrapper {text-align: center;line-height: 1.5em;font-size: 1em;padding: 0em;margin: 0em auto 0.5em auto;width: 100%;display: block;float: none;clear: both;}
/* ==== FlexWrapper (Use for Width) ==== */
#flexwrapper {width: 100%;}
.flexslider {
	padding: 0em;
	border: 1px solid #000000;
	border-radius: 0px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	box-shadow: none;
	background-color: transparent;
}
.flexslider.noborder {border-style: none;}
.flexslider ul.slides {padding: 0em;margin: 0em;list-style: none;}
ul.flex-direction-nav {padding: 0em;margin: 0em;width: 0;height: 0;font-size: 0em;line-height: 0px;}
.flexslider ul li {padding: 0em;margin: 0em,;list-style-type: none;float: none;margin-bottom:0em!important;}
.flexslider img, .flexslider .slides img, .flexslider .slides li img {width: 100%;display: block;border-style: none;padding: 0em;margin: 0em;float: none;z-index: 5;}
p.flex-caption {
	padding: 0em;
	margin: 0em;
	text-align: center;
	line-height: 1.5em;
	text-transform: none;
}
/* ==== Direction Navigation ================================================== */
.flex-direction-nav a {
	text-indent: -9999px;
	-webkit-transition: all 0.3s ease;
	background: url('../images/bg_direction_nav.png') no-repeat 0 0;
}
/* ==== Pagination ========================================================= */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -2em;
	text-align: center;
}
/* ==== No Pag ==== */
.flexslider.nopag .flex-control-nav {padding: 0;margin: 0;overflow: hidden;width: 0;position: relative;bottom: 0;height: 0;visibility: hidden;display: none;}
.flex-control-paging li a {
	background: #1B1B1B;
	background: rgba(27, 27, 27, 0.8);
	text-indent: -9999px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.5);
}
.flex-control-paging li a.flex-active {
	background: #0891C7;
	background: rgba(8, 145, 199, 0.8);
}
/* ==== FlexSlider Thumbnails =============================================== */
#flexwrapper.thumbs .flexslider {
	padding: 0em;
	border: 1px solid #000;
	border-radius: 0px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	box-shadow: none;
}
/* == OL Thumnail List == */
#flexwrapper.thumbs .flex-control-nav {
	width: 100%;
	position: relative;
	bottom: 0em;
	text-align: center;
}
#flexwrapper.thumbs .flex-control-thumbs {padding: 0em;margin: 0em;}
/* == List Items == */
#flexwrapper.thumbs .flex-control-nav li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.25em;
	background-color: #000;
}
/* == List Items WIDTH == */
#flexwrapper.thumbs .flex-control-nav li {width: 20%;}
#flexwrapper.thumbs .flex-control-nav li {*width: 20%;}
#flexwrapper.thumbs .flex-control-nav li {*padding: 0px;*background-color: #FFFFFF;}
#flexwrapper.thumbs .flex-control-thumbs img {width: 100%;display: block;background-color:#FFF;opacity: 0.9;filter: Alpha(opacity=90);cursor: pointer;}
#flexwrapper.thumbs .flex-control-thumbs img:hover,
#flexwrapper.thumbs .flex-control-thumbs img:active {opacity: 1.0;filter: Alpha(opacity=100);}
/* ==== FlexSlider Thumbnails Colours ==== */
#flexwrapper.thumbs .flexslider {
	border-color: #111111;
}
#flexwrapper.thumbs .flex-control-nav li {
	background-color: #494B54;
}
/* ==== FlexSlider Internal ================================================== */
#flexwrapper.internal .flexslider {
	margin: 0em;
	border-style: none;
	border-radius: 0px;
}
#flexwrapper.internal .flexslider .slides li {
	background: #000;
}
/* ==== Images ==== */
#flexwrapper.internal .flexslider .slides li img {
	left: 10em;
	position: relative;
	opacity: 0.00;
	-moz-opacity: 0.00;
	-webkit-opacity: 0.00;
	-khtml-opacity: 0.00;
	-ms-filter: "Alpha(opacity=00)";
	filter: Alpha(opacity=00);
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
#flexwrapper.internal .flexslider .slides li.flex-active-slide img {
	left: 0em;
	opacity: 1.0;
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	-khtml-opacity: 1.0;
	-ms-filter: "Alpha(opacity=100)";
	filter: Alpha(opacity=100);
	-webkit-transition: all 0.5s 0.25s linear;
	-moz-transition: all 0.5s 0.25s linear;
	-o-transition: all 0.5s 0.25s linear;
	-ms-transition: all 0.5s 0.25s linear;
	transition: all 0.5s 0.25s linear;
}
/* ==== Pagination ==== */
#flexwrapper.internal .flex-control-nav {
	margin: 0em;
	padding: 0.25em 0em 0.25em 0em;
	text-align: right;
	height: 20px;
	line-height: 20px;
	bottom: 0em;
}
/* == Hover == */
#flexwrapper.internal:hover .flex-control-nav {background-color: rgba(255, 255, 255, 0.1);}
#flexwrapper.internal .flex-control-nav li {
	margin: 0em 0.25em 0em 0.25em;
	padding: 0em;
	display: inline-block;
	font-size: 1em;
	line-height: 20px;
}
#flexwrapper.internal .flex-control-paging li a {
	border: 2px solid #333333;
	color: #333333;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	text-indent: 0px;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	font-weight: bold;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	background-color: #FFFFFF;
	background: rgba(255, 255, 255, 0.5);
}
#flexwrapper.internal .flex-control-paging li a:hover {
	color: #FFFFFF;
	background-color: #0891C7;
	background: rgba(8, 145, 199, 0.75);
}
#flexwrapper.internal .flex-control-paging li a.flex-active {
	cursor: default;
	background: #333333;
	background: rgba(51, 51, 51, 1.0);
	color: #FFFFFF;
}
/* ==== FlexSlider CAPTIONS ================================================= */
/* ==== A Flex Caption ==== */
#flexwrapper .flexslider .slides li a.flexcaption {
	position: relative;
	z-index: 6;
	display: block;
	width: 100%;
	cursor: default;
}
/* ==== Pseudo Elements ==== */
a.flexcaption:after, a.flexcaption:before {
	position: absolute;
	width: 100%;
	color: #FFFFFF;
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	-o-transition: opacity 2s;
	-ms-transition: opacity 2s;
	transition: opacity 2s;
	z-index: 7;
}
a.flexcaption:before {
	padding: 5%;
	width: 40%;
	content: attr(data-title);
	top: 0;
	height: 30%;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.25em;
	text-align: left;
	color: #0891C7;
	text-shadow: 0px -1px 0px #000;
}
a.flexcaption:after {
	content: attr(data-description);
	padding: 0% 5% 0% 5%;
	width: 40%;
	top: 40%;
	height: 60%;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
	color: #ADE7FC;
}
/* ==== Transition Set ==== */
#flexwrapper .flexslider .slides li a.flexcaption:before,
#flexwrapper .flexslider .slides li a.flexcaption:after {
	opacity: 0.0;
	-moz-opacity: 0.0;
	-webkit-opacity: 0.0;
	-khtml-opacity: 0.0;
	-ms-filter: "Alpha(opacity=00)";
	filter: Alpha(opacity=00);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 1s 1s ease-in-out;
	-moz-transition: -moz-transform 1s 1s ease-in-out;
	-o-transition: -o-transform 1s 1s ease-in-out;
	-ms-transition: -ms-transform 1s 1s ease-in-out;
	transition: all 1s 1s ease-in-out;
	-webkit-transition: all 2s 1s ease-in-out;
	-moz-transition: all 2s 1s ease-in-out;
	-o-transition: all 2s 1s ease-in-out;
	-ms-transition: all 2s 1s ease-in-out;
	transition: all 2s 1s ease-in-out;
}
/* ==== Transition Active ==== */
#flexwrapper .flexslider .slides li.flex-active-slide a.flexcaption:before,
#flexwrapper .flexslider .slides li.flex-active-slide a.flexcaption:after
{
	opacity: 1.0;
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	-khtml-opacity: 1.0;
	-ms-filter: "Alpha(opacity=100)";
	filter: Alpha(opacity=100);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
/* ==== Flex Article ======================================================= */
/* ==== FlexSlider Article Styles ==== */
.flexslider.article {
	padding: 0em;
	margin: 0em 0em 1em 0em;
	border-style: none;
}
.flexslider .flxarticle {font-size: 1em;text-align: center;padding: 0em;margin: 0em;width: 100%;display: block;}
.flexslider .flxarticle .imgwrap {overflow: hidden;padding: 0em;margin: 0em;vertical-align: top;text-align: left;display: table-cell;width: 48%;}
.flexslider .flxarticle img {width: 100%;display: block;border-style: none;padding: 0px;margin: 0px;}
.flexslider .flxarticle .textwrap {
	margin: 0em;
	padding: 1%;
	vertical-align: middle;
	text-align: left;
	font-size: 1em;
	position: relative;
	overflow: hidden;
	display: table-cell;
	width: 48%;
}
.flexslider .flxarticle .textwrap h6 {
	font-size: 1.5em;
	line-height: 1.25em;
	text-align: left;
}
/* ==== Transitions ======================================================== */
.flexslider .slides li .flxarticle .imgwrap img {
	opacity: 0.00;
	-moz-opacity: 0.00;
	-webkit-opacity: 0.00;
	-khtml-opacity: 0.00;
	-ms-filter: "Alpha(opacity=00)";
	filter: Alpha(opacity=00);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.flexslider .slides li.flex-active-slide .flxarticle .imgwrap img {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	-khtml-opacity: 1.0;
	-ms-filter: "Alpha(opacity=100)";
	filter: Alpha(opacity=100);
	-webkit-transition: all 0.5s 0.5s linear;
	-moz-transition: all 0.5s 0.5s linear;
	-o-transition: all 0.5s 0.5s linear;
	-ms-transition: all 0.5s 0.5s linear;
	transition: all 0.5s 0.5s linear;
}
.flexslider .flxarticle .textwrap h6, .flexslider .flxarticle .textwrap p {
	position: relative;
	z-index: 0;
	left: 20em;
	opacity: 0.00;
	-moz-opacity: 0.00;
	-webkit-opacity: 0.00;
	-khtml-opacity: 0.00;
	-ms-filter: "Alpha(opacity=00)";
	filter: Alpha(opacity=00);
	-webkit-transition: all 0.95s linear;
	-moz-transition: all 0.95s linear;
	-o-transition: all 0.95s linear;
	-ms-transition: all 0.95s linear;
	transition: all 0.95s linear;
}
.flexslider .slides li.flex-active-slide .flxarticle .textwrap h6, .flexslider .slides li.flex-active-slide .flxarticle .textwrap p {
	position: relative;
	z-index: 100;
	left: 0em;
	opacity: 1.0;
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	-khtml-opacity: 1.0;
	-ms-filter: "Alpha(opacity=100)";
	filter: Alpha(opacity=100);
	-webkit-transition: all 0.5s 0.5s linear;
	-moz-transition: all 0.5s 0.5s linear;
	-o-transition: all 0.5s 0.5s linear;
	-ms-transition: all 0.5s 0.5s linear;
	transition: all 0.5s 0.5s linear;
}
/* ========== MenuSwap (767px) ================== */
 @media only screen and (max-width: 767px) {
/* ==== FlexSlider Pag ========================== */
#flexwrapper .flex-control-nav {display: none;visibility: hidden;overflow: hidden;}
/* ==== FlexSlider FLXarticle ====================== */
.flexslider .flxarticle .imgwrap, .flexslider .flxarticle .textwrap 
{padding: 1%;margin: 0px;width: 98%;vertical-align: top;text-align: center;}
.flexslider .flxarticle .textwrap {vertical-align: middle;width: 98%;}
.flexslider .flxarticle .textwrap h6 {margin-bottom: 0.25em;}
.flexslider .flxarticle .textwrap p {margin-bottom: 0em;}
.flexslider .flxarticle .textwrap h6, .flexslider .flxarticle .textwrap p 
{z-index: 100;left: 0em;opacity: 1.0;-moz-opacity: 1.0;-webkit-opacity: 1.0;-khtml-opacity: 1.0;-ms-filter: "Alpha(opacity=100)";filter: Alpha(opacity=100);}
.flexslider .flxarticle .imgwrap, .flexslider .flxarticle .textwrap {display: block;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */
/* ========== Mobile + Landscape (480>767px) ======== */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
/* ==== FlexSlider Pag ========================== */
#flexwrapper .flex-control-nav {display: block;visibility: visible;}
/* ==== FlexSlider FLXarticle ====================== */
.flexslider .flxarticle .imgwrap, .flexslider .flxarticle .textwrap 
{padding: 2%;margin: 0px;width: 45%;vertical-align: top;text-align: left;}
.flexslider .flxarticle .textwrap {vertical-align: middle;width: 45%;}
.flexslider .flxarticle h6 {margin-bottom: 0.25em;}
.flexslider .flxarticle p {margin-bottom: 0.5em;}
.flexslider .flxarticle .imgwrap, .flexslider .flxarticle .textwrap {display: table-cell;}

/* ++++ MQ END ++++ */}/* ++++ MQ END ++++ */

/* ==== Flex Slider IE 7 ==================================================== */
.flex-control-nav {*left: 0px;*background-color: transparent;}
.flexslider .flxarticle {*display: block;*float: none;*clear: both;}
.flexslider .flxarticle .imgwrap {*display: block;*width: 49%;*float: left;*clear: both;}
.flexslider .slides li .flxarticle .imgwrap img {*-ms-filter: "Alpha(opacity=100)";*filter: Alpha(opacity=100);}
.flexslider .flxarticle .textwrap {*padding: 1%;*display: block;*width: 48%;*float: right;*clear: none;}
.flexslider .flxarticle .textwrap {*padding-top: 6em;}
#flexwrapper.internal .flex-control-nav li {*display: inline;}

/* ==== END ============================================================== */

