@charset "utf-8";
/*
Template Name: Legendary
*/

/* Browser Resets

--------------------------------------------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&display=swap');
.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{display:block; position:relative; margin:0; padding:0;}
.flexslider .slides{display:block; width:100%; white-space:nowrap; overflow:hidden; /*background:#3c8f16; padding-bottom:5px;*/}
.flexslider .slides > li{display:none; position:relative; -webkit-backface-visibility:hidden;}
.flexslider .slides img{display:block; /* max-width:100%; margin:0 auto; */ width:100%;}

.slides::before, .slides::after{display:table; content:"";}
.slides, .slides::after{clear:both;}


/* FlexSlider Default Theme
--------------------------------------------------------------------------------------------------------------- */
.flex-viewport{max-height:2000px; transition:all 1s ease;}
.loading .flex-viewport{max-height:300px;}
.flexslider .slides{zoom:1;}
.flexslider.carousel .slides li{}

/* Direction Nav */
.flex-direction-nav{*height:0;}
.flex-direction-nav a{display:block; position:absolute; top:45%; width:60px; height:60px; margin:0px; z-index:10; overflow:hidden; text-decoration:none; opacity:0; cursor:pointer; color:rgba(0,0,0,0.8); text-shadow:1px 1px 0 rgba(255,255,255,0.3); transition:all .3s ease;}
.flex-direction-nav .flex-prev{left:10px; background:#fff;}
.flex-direction-nav .flex-next{right:10px; background:#fff;}
.flexslider:hover .flex-prev, .flexslider:hover .flex-next{opacity:1;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;}
.flex-direction-nav .flex-disabled{opacity:1; cursor:default;}
.flex-direction-nav a:before{font-family:"FontAwesome"; font-size:50px; border:solid 2px #fff; padding:4px 18px; line-height:1; display:inline-block; content:"\f104"; color:#909090; font-weight: normal;}
.flex-direction-nav a.flex-next:before{content:"\f105"; color:#909090; font-weight: normal; font-size:50px; }

/* Control Nav */
.flex-control-nav{width:100%; position:absolute; bottom:10px; text-align:center;}
.flex-control-nav li{margin:0 6px; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a{width:11px; height:11px; display:block; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover{background:rgba(0,0,0,0.7);}
.flex-control-paging li a.flex-active{background:rgba(0,0,0,0.9); cursor:default;}

 

/* Slider---content------------------------------------------------------------------------------------------------- */
.txtoverlay{display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; margin:0; padding:0; white-space:normal;}
.centralise{display:block; max-width:802px; height:100%; margin:0 auto; padding:0;}
.verticalwrap{display:table; width:100%; height:100%; border:none; text-align:center;}

.txtoverlay article{display:table-cell; padding:0; border:none;vertical-align: middle;}

.txtoverlay .heading h3{ padding:10px 30px 10px 30px; font-size:75px; font-weight:600; text-align:center; font-family: 'Oswald', sans-serif;  text-transform: none; margin:0px 0px 10px 0px; line-height:80px;  color:#fff; text-shadow:0px 1px #000;}
.txtoverlay .heading p{font-size:25px; line-height:22px; margin-bottom:30px; text-transform: none; font-weight:normal !important; font-family: 'Oswald';color:#fff; text-align:center;padding-bottom:20px; }


.button2 a{ font-size:14px; text-transform:uppercase;  border-radius:0px}
.txtoverlay .pushright{margin-right:15px;}
.btn{color:#FFFFFF; background-color:#0361a7;}
.red{background-color:#0544a6; padding:12px 30px; border-radius:0px }
.orange{background-color:#d03539; padding:12px 30px;  border-radius:0px   }
.blue{background-color:#0544a6;padding:12px 30px;   border-radius:0px  }
.flexslider .heading, .flexslider .btn{color:#FFFFFF;background: rgb(0,0,0,0.2);}

/* Slider---content------end------------------------------------------------------------------------------------------- */
@media screen and (max-width:1024px){
.txtoverlay .heading h3{ font-size:50px;  }
}

@media screen and (max-width:900px){
.txtoverlay .heading h3{ font-size:40px; line-height:40px; }
}




/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{display:;}

.txtoverlay .heading{font-size:20px;   } }


@media screen and (max-width:768px) {
 .txtoverlay .heading h3{ font-size:35px; padding:0px; margin-bottom:0px;}
  .txtoverlay .heading br{ display:none;}
 .txtoverlay .heading{ font-size:15px;}
 .txtoverlay .heading p{font-size:20px; }
 
.flex-direction-nav a{ top:42%; width:30px; height:35px;}

.flex-direction-nav a:before{font-size:30px; padding:1px 7px; }

.flex-direction-nav a.flex-next:before{font-size:30px;}
 .centralise{max-width:629px;    }
 .button2{    margin-top: 20px;}
}
@media screen and (max-width:468px) { .txtoverlay{display: none;} 
.flex-direction-nav a{ top:40%; width:25px; height:25px;}
.flex-direction-nav a:before{font-size:18px; padding:1px 7px; }
.flex-direction-nav a.flex-next:before{font-size:18px;}
 

}