@charset "UTF-8";
/*
Template Name: Transform
Template URI: http://www.os-templates.com/
Description: Designed and Built by <a href="http://www.os-templates.com/">OS Templates</a>. This modern template is adaptable, lightweight and fully customisable. The template is easy to use, enabling you to create your site within minutes.
Version: 1.0.1
Author: OS-Templates.com
Author URI: http://www.os-templates.com/
Copyright: OS-Templates.com
Licence: Single Site
Licence URI: http://www.os-templates.com/template-terms
File: Custom Flexslider CSS
*/

/* Browser Resets
---------------------------------------------------------------------------------------------------------------------------------------*/
.flex-container{display:block; margin:0; padding:0;}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline:none;}
.flex-slides, .flex-control-nav, .flex-direction-nav{margin:0; padding:0; list-style:none;}
.flex-direction-nav a, .flex-pauseplay a:before{font-family:"Font Awesome\ 5 Free"; font-weight:900;}

/* FlexSlider Necessary Styles
---------------------------------------------------------------------------------------------------------------------------------------*/ 
.flexslider{margin:0; padding:0;}
.flexslider .flex-slides > li{display:none; -webkit-backface-visibility:hidden; position:relative;}/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .flex-slides a{text-decoration:none; outline:none;}
.flexslider .flex-slides a img{border:none;}
.flexslider .flex-slides img{display:block; max-width:100%; margin:0 auto;}
.flex-pauseplay span{text-transform:capitalize;}

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

/* FlexSlider Default Theme
---------------------------------------------------------------------------------------------------------------------------------------*/
.flexslider{position:relative; margin:0;}
.flex-viewport{max-height:2000px; direction:ltr;}
.loading .flex-viewport{max-height:300px;}

.carousel .flex-slides li{width:249px; margin-right:48px;}
.carousel li:last-child{margin-right:0;}

/* Direction Nav */
.flex-direction-nav{*height:0; line-height:normal;}
.flex-direction-nav li{display:inline-block; position:absolute; top:50%; width:50px; height:50px; margin:-25px 0 0 0; z-index:10;}
.flex-direction-nav li:first-child{left:40px;}
.flex-direction-nav li:last-child{right:40px;}
.flex-direction-nav a{display:inline-block; width:50px; height:50px; line-height:48px; font-size:26px; border:2px solid; text-align:center; opacity:0; cursor:pointer; box-sizing:border-box; border-radius:50%;}
.flex-direction-nav a:before{content:"\f053";}
.flex-direction-nav a.flex-next:before{content:"\f054";}
.flex-direction-nav a{color:#FFFFFF; border-color:#FFFFFF;}

.flexslider:hover .flex-prev, .flexslider:hover .flex-next{opacity:0.7;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;}
.flex-direction-nav .flex-disabled{opacity:0!important; cursor:default;}
.flex-direction-nav em{display:none;}

/* Direction Nav - Carousel Custom Override */
.carousel.flex-carousel{position:relative;}
.carousel.flex-carousel .flex-direction-nav{display:block; position:absolute; top:-25px; right:0; width:42px;}
.carousel.flex-carousel .flex-direction-nav li{width:20px; height:20px; margin:0;}
.carousel.flex-carousel .flex-direction-nav li:first-child{left:0;}
.carousel.flex-carousel .flex-direction-nav li:last-child{right:0;}
.carousel.flex-carousel .flex-direction-nav a{display:inline-block; width:20px; height:20px; line-height:20px; font-size:12px; border:none; text-align:center;}
.carousel.flex-carousel .flex-direction-nav a{color:#FFFFFF; background-color:#000000;}

/* Pause/Play */
.flex-pauseplay a{display:block; position:absolute; bottom:5px; left:10px; width:20px; height:20px; color:#000000; opacity:0.8; z-index:10; overflow:hidden; cursor:pointer;}
.flex-pauseplay a:before{display:inline-block; font-size:20px; content:"\f04c";}
.flex-pauseplay a:hover{opacity:1;}
.flex-pauseplay a.flex-play:before{content:"\f04b";}

/* Control Nav */
.flex-control-nav{position:absolute; top:40px; right:40px; text-align:center; z-index:999;}
.flex-control-nav li{margin:0 5px; display:inline-block;}
.flex-control-paging li a{display:block; width:14px; height:14px; border:2px solid #FFFFFF; background:#FFFFFF; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer; border-radius:50%;}
.flex-control-paging li a:hover{background:none;}
.flex-control-paging li a.flex-active{background:none; cursor:default;}

.flex-control-thumbs{margin:0; position:static; overflow:hidden; border-top:1px solid transparent;}
.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;}

/* Captions */
.flex-caption{display:block; width:100%; box-sizing:border-box;}
.flex-caption{position:absolute; bottom:0; left:0; margin:0; padding:20px 15px; color:#FFFFFF; background:rgba(0,0,0,.5);}
.flex-caption *{margin:0; padding:0;}
.flex-caption a{color:inherit; background:inherit;}

/* Control Nav Override for Homepage and Horizontal & Vertical text sliding */
.paging .flex-control-nav{display:block; position:relative; top:auto; right:auto; margin:10px 0 0 0; padding:0;}
.paging .flex-control-nav li a{width:12px; height:12px; /*border-color:#686868; background:#686868;*/}
.paging .flex-control-nav li a:hover{background:none;}
.paging li a.flex-active{background:none; cursor:default;}

/* Homepage */
.full_width .flexslider{max-height:600px; overflow:hidden;}
.flex-homepage .flex-caption{height:100%; padding:0;}
.flex-homepage .flex-caption .fc-hpage{display:block; max-width:1140px; height:100%; margin:0 auto; padding:0;}
.flex-homepage .flex-caption .fc-hpage .table{height:100%; border:none; text-align:center;}
.flex-homepage .flex-caption .fc-hpage .table .t-cell{padding:0; border:none; vertical-align:middle; vertical-align:central;}

.flex-homepage .t-cell *{text-transform:uppercase; opacity:0.5;}
.flex-homepage:hover .t-cell *{opacity:1;}
.flex-homepage .flex-caption .hptitle{margin:-50px 0 0 0; font-size:120px;}
.flex-homepage .flex-caption .hpsubtitle{margin:-20px 0 15px 0; font-size:40px; line-height:1em;}

html.boxed .flex-homepage .flex-caption .hptitle{font-size:120px;}
html.boxed .flex-homepage .flex-caption .hpsubtitle{font-size:40px;}

.flex-container .flex-homepage .pagingwrapper{display:block; position:absolute; bottom:0; right:0; width:100%; text-align:center; z-index:999;}
.flex-container .flex-homepage .pagingwrapper .flex-control-nav{display:inline-block; position:relative; top:auto; right:auto; padding:8px 15px 4px; border-radius:8px 8px 0 0; z-index:auto; /*background:#272727;*/}