@charset "utf-8";
/*
Template Name: Landon
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("fontawesome6/css/all.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4{border:solid; border-width:5px 0 1px 0;}
.row5, .row5 a{}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:20px 0; text-align:right;}

#topbar i{font-size:18px; line-height:1;}


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{margin-bottom:60px; padding:10px 0;}

#header #logo{margin-top:16px;margin-bottom:14px}
#header #logo h1{margin:0; padding:0; font-size:26px; text-transform:uppercase; letter-spacing:3px;}


/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:40px 0 30px; text-align:center;}

#pageintro *{margin:0; white-space:normal; word-wrap:break-word; line-height:1;}
#pageintro .heading{font-size:80px; text-transform:capitalize; font-variant:small-caps;}
#pageintro .heading.underlined{margin-bottom:40px; padding-bottom:35px;}
#pageintro .heading.underlined::after{height:5px;}
#pageintro p:first-of-type{max-width:75%; margin:0 auto 50px; font-size:18px; line-height:1.4;}


/* Shout
--------------------------------------------------------------------------------------------------------------- */
#shout{padding:50px 0;}

#shout .btn, .btn_b{display:block; text-align:center;}


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:80px 0;}

/* Content */
.container .content{}

/* Comments */

/*
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
*/
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"], #comments input[type="button"]{color:#ffffff; background-color:#4f81bd; border-color:#3f71ad; display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}
#comments input[type="submit"]:hover, #comments input[type="reset"]:hover, #comments input[type="button"]:hover{color:#ffffff; background-color:#4f81bd; border-color:#3f71ad;}


/* Sidebar */
.container .sidebar{}
.sidebar {padding-right:20px;}
.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Homepage Blocks
--------------------------------------------------------------------------------------------------------------- */
.blocks.centred{padding:80px 0;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:80px 0;}

#footer .title{margin:0 0 35px 0; padding:0; font-size:16px; font-weight:bold; text-transform:uppercase;}

#footer .linklist li{margin-bottom:10px;}
#footer .linklist li:last-child{margin-bottom:0;}

#footer .smallfont{font-size:.8rem; margin:0;}

#footer input, #footer button{border:none;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:6px 12px 8px; text-transform:uppercase; cursor:pointer;}


/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
.faico a, #mainav *, #backtotop, .btn, .btn_w, .btn_b, .btn_blue, .btn_download{transition:all .3s ease-in-out;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav {padding-top:30px;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:fontawesome; font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav{}
#mainav ul{text-transform:uppercase; font-weight:400; letter-spacing:2px;font-size:13px;}
#mainav ul ul{z-index:9999; position:absolute; width:200px; text-transform:none; font-weight:400; letter-spacing:normal;}
#mainav ul ul ul{left:200px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 30px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}

#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:10px 0; border-top:5px solid transparent;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:20px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
#breadcrumb{padding:30px 0;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px; text-transform:uppercase;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}
#breadcrumb li.nte a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;border-radius:5px 5px 0 0;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}



/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:5px 2px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:16px; text-align:center;}

.faico a{color:inherit; background-color:#464646;}
.faico a:hover{color:#FFFFFF;}

.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-instagram:hover{background-color:#3F729B;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-tumblr:hover{background-color:#34526F;}
.faicon-twitter:hover{background-color:#00ACEE;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#dddddd; background-color:#292929;}
a{color:#4f81bd;}
a:hover{color:#3f71ad;}
hr, .borderedbox{border-color:#D7D7D7;}
.hrsep{border-color:#CCCCCC;}

hr.style-three {
	border-color:#ffffff;
    border: 0px;
	border-top: 1px #cccccc;
    background: #cccccc;
}

label span{color:#FF0000; background-color:inherit;}
.overlay::after{color:#FFFFFF; background-color:rgba(0,0,0,.35);}
.underlined::after{background-color:#D7D7D7;}
.btn, .btn.inverse:hover{border-radius: 3px;color:inherit; background-color:transparent; border-color:inherit;}
.btn:hover, .btn.inverse{color:#2C2C2C; background-color:#4f81bd; border-color:#3f71ad;}

.nocolor {color:#ffffff; background-color:transparent; border-color:#FFFFFF;height:74px;}
.nocolor:hover {color:#ffffff; background-color:#4f81bd; border-color:#FFFFFF;}

.btn_ffb{color:#2C2C2C; background-color:#ffffff; border-color:#3f71ad; border:solid; border-width:1px;padding:10px;}
.btn_ffb a{color:#2C2C2C; background-color:#ffffff; border-color:#3f71ad; border:solid; border-width:1px;padding:10px;}
.btn_ffb a{color:#3f71ad; background-color:#ffffff; border-color:#3f71ad; border:solid; border-width:1px;padding:10px;}
.btn_ffb:hover, .btn_b.inverse{color:#ffffff; background-color:#4f81bd; border-color:#3f71ad; border:solid; border-width:1px;padding:10px;}
.btn_ffb a:hover{color:#ffffff; background-color:#4f81bd; border-color:#3f71ad; border:solid; border-width:1px;padding:10px;}



.btn_b, .btn_b.inverse:hover{border-radius: 3px;display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer; border:solid; border-width:1px;}
.btn_b, .btn_b.inverse:hover{color:#4f81bd; background-color:#ffffff;border-color:#4f81bd;}
.btn_b a{color:#4f81bd; background-color:#ffffff;border-color:#4f81bd;}
.btn_b:hover, .btn_b.inverse{color:#ffffff; background-color:#8fb1dd; border-color:#3f71ad;}

.btn_w{color:inherit; background-color:#FFE550; border-color:inherit;}
.btn_w{color:#2C2C2C; background-color:#AFD540; border-color:#D7D7D7;}
.btn_w:hover{color:#2C2C2C; background-color:#AFD540; border-color:#ECB700;}

.abtn, .abtn.inverse:hover{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}
.abtn, .abtn.inverse:hover{color:#2C2C2C; background-color:#FBFBFB;border-color:#D7D7D7;}
.abtn a{color:#2C2C2C; background-color:#FBFBFB;border-color:#D7D7D7;}
.abtn:hover, .abtn.inverse{color:#2C2C2C; background-color:#4f81bd; border-color:#3f71ad;}

.bg_dark{color:#FFFFFF; background-color:rgba(0,0,0,.7);}
.bg_light{color:#333333; background-color:rgba(255,255,255,.7);}


/* Rows */
.row0, .row0 a{color:#FFFFFF; background-color:transparent;}
.row1{color:#464646; background-color:rgba(255,255,255,.7);}
.row2{color:#FFFFFF; background-color:rgba(0,0,0,.65);}
.row3{color:#333333; background-color:#FFFFFF;}
.row3 a{color:#4f81bd;}
.row4{color:#D7D7D7; background-color:#2C2C2C;}
.row4{border-color:#4f81bd transparent #000000;}
.row5, .row5 a{color:#888888; background-color:#292929;}


/* Header */
#header #logo a{color:inherit;}


/* Footer */
#footer .title{color:#FFFFFF; background-color:inherit;}
#footer input{color:#FFFFFF; background-color:#464646;}
#footer button{color:#2C2C2C; background-color:#4f81bd;}


/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:inherit; background-color:inherit; border-color:#4f81bd;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#2C2C2C; background-color:#4f81bd;}
#mainav form select{color:#464646; background-color:#FFFFFF; border-color:#D7D7D7;}

#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#4f81bd;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#4f81bd;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#2C2C2C; background-color:#4f81bd;}

#backtotop{color:#FFFFFF; background-color:#4f81bd;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#373737;}

table tbody tr.light{color:#979797; background-color:#FFFFFF;}
table tbody tr.dark{color:#979797; background-color:#F7F7F7;}
table tbody tr.caption{color:#979797; background-color:#e3e8ee;}
table tbody tr:hover{background:#e3e8ee; !important;}

tr, #comments input[type="submit"], #comments input[type="reset"], #comments input[type="button"]{border-radius: 3px;color:#4f81bd; background-color:#d2dfee;}
tr:nth-child(even) {color:inherit; background-color:#F7F7F7;}
/*
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
*/
table a, #comments a{background-color:inherit;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
.btn_blue {display:inline-block; width:auto;margin:0; padding:8px 10px 8px 10px; cursor:pointer;color:#4f81bd; background-color:#3f71ad; border-color:#4f81bd;border:solid; border-width:1px;}
.btn_blue:hover  {display:inline-block; width:auto;margin:0; padding:8px 10px 8px 10px; cursor:pointer;color:#ffffff; background-color:#4f81bd; border-color:#3f71ad;border:solid; border-width:1px;}

.btn_download {display:inline-block; width:auto;margin:0; padding:8px 10px 8px 10px; cursor:pointer;color:4f81bd; background-color:#3f71ad; border-color:#4f81bd;border:solid; border-width:1px;}
.btn_download:hover  {display:inline-block; width:auto;margin:0; padding:8px 10px 8px 10px; cursor:pointer;color:#d2dfee; background-color:#4f81bd; border-color:#3f71ad;border:solid; border-width:1px;}




/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	#topbar, #header, #pageintro, #breadcrumb, #shout, .container, .centred, #footer, #copyright{max-width:85%;m-max-width:978px;}
}


/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	#topbar, #header, #pageintro, #breadcrumb, #shout, .container, .centred, #footer, #copyright{max-width:90%;}

	#topbar{}

	#header{text-align:center;}

	#pageintro{}

	#shout{}

	#mainav{margin-top:5px;}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	.centred{}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#topbar{text-align:center;}
	#topbar li{display:inline-block; margin-right:20px;}
	
	#pageintro .heading{font-size:54px;}
	#pageintro p:first-of-type{max-width:none;}

	#shout div:last-child{margin:0;}

	#mainav{margin-top:15px;}

	#footer, .container, .centred.blocks{padding-bottom:50px;}
}








.mtab_section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.mtab_input {
  display: none;
}

.mtab_label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 15px;
  font-weight: 100;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.mtab_label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

.mtab_label[for$='1']:before { content: '\f05a'; }
.mtab_label[for$='2']:before { content: '\f02d'; }
.mtab_label[for$='3']:before { content: '\f15b'; }
.mtab_label[for$='4']:before { content: '\f073'; }
.mtab_label[for$='5']:before { content: '\f007'; }
.mtab_label[for$='6']:before { content: '\f07d'; }

.mtab_label:hover {
  color: #888;
  cursor: pointer;
}

.mtab_input:checked + .mtab_label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #4f81bd;
  border-bottom: 1px solid #fff;
}

#tab11:checked ~ #content11,
#tab12:checked ~ #content12,
#tab13:checked ~ #content13,
#tab14:checked ~ #content14,
#tab15:checked ~ #content15,
#tab16:checked ~ #content16,

#tab21:checked ~ #content21,
#tab22:checked ~ #content22,
#tab23:checked ~ #content23,
#tab24:checked ~ #content24,
#tab25:checked ~ #content25,
#tab26:checked ~ #content26,

#tab31:checked ~ #content31,
#tab32:checked ~ #content32,
#tab33:checked ~ #content33,
#tab34:checked ~ #content34,
#tab35:checked ~ #content35,
#tab36:checked ~ #content36,

#tab41:checked ~ #content41,
#tab42:checked ~ #content42,
#tab43:checked ~ #content43,
#tab44:checked ~ #content44,
#tab45:checked ~ #content45,
#tab46:checked ~ #content46,

#tab51:checked ~ #content51,
#tab52:checked ~ #content52,
#tab53:checked ~ #content53,
#tab54:checked ~ #content54,
#tab55:checked ~ #content55,
#tab56:checked ~ #content56,

#tab61:checked ~ #content61,
#tab62:checked ~ #content62,
#tab63:checked ~ #content63,
#tab64:checked ~ #content64,
#tab65:checked ~ #content65,
#tab66:checked ~ #content66,

#tab71:checked ~ #content71,
#tab72:checked ~ #content72,
#tab73:checked ~ #content73,
#tab74:checked ~ #content74,
#tab75:checked ~ #content75,
#tab76:checked ~ #content76 {
  display: block;
}

@media screen and (max-width: 650px) {
  .mtab_label {
    font-size: 0;
  }
  .mtab_label:before {
    margin: 0;
    font-size: 12px;
  }
}

@media screen and (max-width: 400px) {
  #mtab_label {
    padding: 12px;
  }
}








/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}
}



.expanded {

    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/images/expanded.gif);
	
}



.collapsed {

    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/images/collapsed.gif);
}




.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  z-index: 10;
  
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #4f81bd;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -120px;

  /* Position the tooltip */
  position: absolute;
  z-index: 2000;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #4f81bd transparent transparent transparent;
  z-index: 2000;
}

.tooltip:hover .tooltiptext {
  position: absolute;
  visibility: visible;
  z-index: 2000;
  overflow:visible;
}

a:hover {color: hsl(0, 10%, 80%);transition: color 0.3s ease;}
.row4 a:hover {color: hsl(0, 0%, 100%);transition: color 0.3s ease;}
.row5 a:hover {color: hsl(0, 0%, 100%);transition: color 0.3s ease;}
.row0 a:hover {color: #2f619d;transition: color 0.3s ease;}



.smll-menu {
	position:fixed;
	top:0px;
	transition: all 0.5s ease;
	background-color:rgba(255,255,255,1);
	z-index:100;
	width:100%;
	margin:0 auto;
	
	animation-name: slidein;
  animation-duration: 0.5s;
	
	-webkit-box-shadow: 0 4px 4px -2px #555;
   -moz-box-shadow: 0 4px 4px -2px #555;
        box-shadow: 0 4px 4px -2px #555;}
		
@keyframes slidein {
  from {top:-100px;}
  to {top:0px;}
}