@charset "utf-8";
/* Global Styles */
/* Default Style - Mobile First */
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,300");
@import url("https://fonts.googleapis.com/css?family=Radley:400italic");

html {
	background: #FFFFFF;
}

body {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
em {
	color: #666;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	clear: both;
}
h1.comsoo {
	color: #FFFFFF;
	padding: 150px 20px;
	box-sizing: border-box;
	text-align: center;
	text-transform: capitalize;
    font: italic bold 55px Georgia, Serif;
    text-shadow: -4px 3px 0 #000000;
}
img {
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}
a img {
	border: none;
}
article {
	margin: 0;
	padding: 0;
}
hr {
	background-color: rgba(208,207,207,1.00);
	height: 1px;
}
#page {
	position: relative;
	width:100%;
	background: #FFFFFF;
}
.full-width {
	width:100%;
	margin: 0 auto;
	display: block;
}
.full-width:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.container {
	margin: 0 auto;
	width: 100%;
}
/* Header */
header {
	text-align: center;
	display: block;
}
header.top-bg {
	/* background-image: url(../images/bg-top-header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 600px; */
	position: relative;
}
.hdrtop-outer {
	background-color: rgba(32,86,13,1.00);
	border-bottom: 1px solid rgba(255,255,255,0.30);
	position: relative;
	z-index: 100;
}
.hdrtop {
	padding: 15px;
	box-sizing: border-box;
}
.hdrt-left {
	position: relative;
	z-index: 999;
}
.hdrt-right {
	margin: 0 !important;
	padding: 0 !important;
}
.hdrtop h2.title-h2 {
	color: #FFFFFF;
	font-size: 2.12em;
	line-height: 30px;
	font-family: 'Radley', serif;
	font-style:italic;
	display: inline-block;
	padding: 6px 0 0;
	/* border-bottom: 1px solid #FFFFFF; */
}
.hdrtop h2.title-h2 a {
	color: #FFFFFF;
	text-decoration: none;
}
/* TOP NAV */
/* Mobile Menu */
.mobi-menu {
	position: absolute;
	top: 10px;
	right: 10px;
}
.mobi-menu a.btn-toggle {
	color: #FFFFFF;
	padding: 5px;
	border: 1px solid #FFFFFF;
}
.uk-offcanvas-bar {
	background-color: rgba(0,0,0,0.85);
}
/* Desktop Menu */
nav.desktop-menu ul.menu {
	width: auto;
	text-align: right;
 	padding: 0;
 	margin: 0;
}
nav.desktop-menu ul.menu li {
	display: inline-block;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
	border-bottom: none;
	position: relative;
}
nav.desktop-menu ul.menu li:hover a {
 background-color: rgba(187,0,3,1.00);
 color: #FFFFFF;
}
nav.desktop-menu ul.menu li.last {
	border-bottom: none;
}
nav.desktop-menu ul.menu li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	display: block;
	text-transform: uppercase;
	font-weight: 400;
	padding: 5px 10px;
    letter-spacing: 1px;
}
nav.desktop-menu ul.menu li a:hover, nav.desktop-menu ul.menu li a.active {
	background-color: rgba(187,0,3,1.00);
	color: #FFFFFF;
}
/* Drop-down menu */
nav.desktop-menu ul.menu li ul.menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 38px;
	left: 0px;
	text-align: left;
	min-width: 250px;
	display: none;
	opacity: 0;
	visibility: hidden;
	background-color: #00243C;
	border-bottom: 1px solid #333333;
	/* Shadow */
	-webkit-box-shadow: 0 8px 6px -6px #333333;
		 -moz-box-shadow: 0 8px 6px -6px #333333;
			  box-shadow: 0 8px 6px -6px #333333;
			  
  }
nav.desktop-menu ul.menu li ul.menu li {
	background:transparent;
	display: block;
	color: #FFFFFF;
	margin: 0px;
	padding: 0;
}
nav.desktop-menu ul.menu li:hover ul.menu {
	display: block;
	opacity: 1;
	visibility: visible;
}
nav.desktop-menu ul.menu li ul.menu li a {
	font-size: 1em;
	display: block;
	min-width: 250px;
	padding: 9px 0;
	color: #FFFFFF;
	text-transform: capitalize;
}
nav.desktop-menu ul.menu li ul.menu li a:hover, nav.desktop-menus ul.menu li ul.menu li a.active {
	background-color: #EEEEEE;
	color: #333333 !important;
}
nav.desktop-menu ul.menu li ul.menu li a span {
	padding: 0 0 0 10px;
}
a.bdr-btn {
	border: 1px solid rgba(255,255,255,0.40);
}
/* BANNER - Slide Show */
.banner-outer {
	overflow: hidden;
	position: relative;
	z-index: 99;
}
.banner {
	background-image: url(../images/bgcb.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 857px;
}
ul.dot-nav {
	position: absolute;
	z-index: 500;
	top: 580px;
	left: 0;
	right: 0;
}
ul.dot-nav li a {
	background-color: #FFF;
}
ul.dot-nav li.uk-active a {
	background-color: #FF6E00;
}
/* Main Content sections */

/* Footer */

/* Misc */
.bg-transition {
	/* Bg Transition */
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
/* Media query for Mobile devices*/
@media (min-width: 480px) {

}

/* Media Query for Tablets */
@media (min-width: 768px) {
.container {
 	width: 100%;
	}

}

/* laptops  */
@media (min-width: 960px) {
.hdrtop h2.title-h2 {
	font-size: 1.7em;
	line-height: 20px;
	padding: 8px 0 0;
	}
}
/* Desktops and laptops  */
@media (min-width: 1220px) {
.container {
 	width: 1180px;
	}
.hdrtop h2.title-h2 {
	font-size: 2.26em;
	line-height: 26px;
	}
}