/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'fontawesome';
	src: url('../fonts/fontawesome.eot');
	src: url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome.svg#fontawesome') format('svg'), url('../fonts/fontawesome.woff') format('woff'), url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

article {
	display: block !important;
}

/*body {
	font-family: "myriad-pro-1","myriad-pro-2","Arial",sans-serif;
	font-size: 16px;
	background: #20140d url(images/DGForest.jpg) top no-repeat;
	background-color:#20140d;
	margin: 0px;
	height: 100%;
	line-height: 1.4em;
}*/
body {
	font-family: 'Lato', Calibri, Arial, sans-serif !important;
	font-size: 16px;
	margin: 0px;
	height: 100%;
	width: 100%;
	line-height: 1.4em;
}

a {
	font-family: 'Lato', Calibri, Arial, sans-serif !important;
	color: #172e18;
	font-weight: bolder;
}

	a:hover {
		text-decoration: none;
	}

h1, h2, h3, h4 {
	/*color: #3b291f;*/
	color: #000;
	font-family: "myriad-pro-1","myriad-pro-2","Arial",sans-serif;
	line-height: 1.2em;
}

h1 {
	text-align: center;
	padding-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

p {
	font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-family: "myriad-pro-1","myriad-pro-2","Arial",sans-serif;
}


.caption {
	font-size: 12px;
}

/*-----COVID Banner-----*/

.alert-banner {
    background-color: #f46c22;
    padding: 5px 30px;
    position: relative;
    text-align: right
}

    .alert-banner div {
        text-align: right;
    }

    .alert-banner p {
        color: #ffffff;
        text-shadow: 0px 0px 0px;
        margin: 0px 0px !important;
        line-height: initial;
        position: absolute;
        top: 50%;
        transform: translate(0px, -50%);
        font-size: 1em;
    }

@media only screen and (max-width: 550px) {
    .alert-banner {
        text-align: center;
    }

        .alert-banner p {
            position: relative;
            transform: inherit;
            margin: 5px 0 !important;
        }

        .alert-banner a.button {
            margin-bottom: 5px !important;
        }
}

/*-----COVID Banner End-----*/

.Affiliation_Blocks {
    text-align: center;
    font-size: 0;
}

.AffiliationBlock, .MyAccountBlock {
	display: inline-block;
	width: 194px;
	margin: 4px;
	padding: 5px;
	padding-top: 10px;
	text-align: center;
	border: 1px solid #20140d;
	/*background-color: #b9a594;*/
	background-color: rgba(255,255,255,0.5);
    font-size: 16px;
    vertical-align: top;
}

.AffiliationBlock {
    height: 218px;
}

.MyAccountBlock {
    height: 270px;
}

.AffiliationImage {
	height: 102px;
}

	.AffiliationImage img {
		text-align: center;
		margin-top: 7%;
	}

.AffiliationTitle {
	text-align: center;
}

#content .AffiliationTitle a {
	/*color: #172e18;*/
	color: #210b0e;
	font-weight: bolder;
}

.AffiliationCaption {
	text-align: center;
	height: 70px;
}

#content a.MemberInsurance {
	/*background: #efefef;*/
	background-color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #333;
	color: #2a2a22;
	padding: 4px;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	width: 160px;
	transition: background-color 0.4s ease;
}

	#content a.MemberInsurance:hover {
		/*background: #CCC;*/
		background-color: rgba(255,255,255,0.5);
	}

input[type=button] {
	margin-top: 30px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	background: #940303;
	color: #fff;
	border: none;
	height: 30px;
	cursor: pointer;
}

#banner {
	margin: 0 auto;
	display: block;
	align-content: center;
    background-image: url("Images/OUI_WebHeader_2019_trees.jpg");
    background-size: cover;
	/*width: 1000px;
	height: 231px;
	margin: 40px auto 0px;*/
}

#head {
    animation-name: banner_swap;
    -webkit-animation-name: banner_swap;
    animation-duration: 15s;
    animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes banner_swap {
  0%   {opacity: 1.0}
  40%  {opacity: 1.0}
  50%  {opacity: 0}
  90%  {opacity: 0}
  100% {opacity: 1.0}
}

/* Standard syntax */
@keyframes banner_swap {
  0%   {opacity: 1.0}
  40%  {opacity: 1.0}
  50%  {opacity: 0}
  90%  {opacity: 0}
  100% {opacity: 1.0}
}


		#banner div h1 {
			font-family: 'Times New Roman';
			font-weight: 700;
			color: #ffffff;
			font-size: 38px;
			margin: 40px 0 0 0;
			text-shadow: 1px 1px 2px #000;
		}

		#banner div h2 {
			font-family: 'Times New Roman';
			font-weight: 700;
			color: #ffffff;
			font-size: 28px;
			margin: 0;
			text-shadow: 1px 1px 2px #000;
		}

		#banner div a {
			cursor: pointer;
			display: inline-block;
			outline: 0;
			height: auto !important;
			color: white !important;
			text-decoration: none;
			background: #768f3a;
			white-space: nowrap;
			border: 5px solid #768f3a !important;
			padding: 6px 15px;
			line-height: 1.4;
			position: relative;
			vertical-align: top;
			border-radius: 5px;
			-webkit-box-shadow: 4px 4px 0px 0px rgba(189,189,189,1);
			-moz-box-shadow: 4px 4px 0px 0px rgba(189,189,189,1);
			box-shadow: 4px 4px 0px 0px rgba(189,189,189,1);
			transition: 0.1s;
			font-size: 19px !important;
			margin: 30px 5px 0 5px;
		}

			#banner div a:active {
				transform: translate(1px, 3px);
				box-shadow: inset 0 100px 0 0 #768f3a;
				color: #ffffff !important;
				text-decoration: none;
				border: #768f3a solid 8px;
			}

	#banner img {
		width: 100%;
	}

.content_wrapper {
	width: 100%;
	background-color: #ffffff;
    background-repeat: repeat;
	position: relative;
	top: 102px;
}

.content_spacer {
	padding: 40px 0;
}

#content, #mainContent {
	/*background-image: url(images/transparent_bg2.png);
	background-repeat: repeat;
	width: 860px;
	padding: 20px;
	margin: -8px auto 0px auto;*/
	color: #2a2a22;
	/* For IE 5.5 - 7
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#993f3731, endColorstr=#993f3731);*/
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#993f3731, endColorstr=#993f3731)";
	max-width: 860px;
	padding: 20px;
	margin: 0px auto 0px auto;
}

#content {
	position: relative;
	/*z-index: 2001;*/
}

	#content p {
		line-height: 26px;
	}

/*#FooterPad {
	background: url(images/footer.png) top no-repeat;
	width: 100%;
	height: 141px;
	margin: -100px 0px 0px;
	position: relative;
	z-index: 2000;
}*/
#footer {
	/*background: #20140d;
	width: 100%;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;*/
	background: #2a2a22;
	width: 100%;
	padding: 50px 30px 45px 30px;
	line-height: 15px;
	white-space: normal;
}

.footer-menu {
	text-align: center;
	color: #cccccc;
	font-size: 13px;
	max-width: 860px;
	padding: 0 0 5px 0;
	margin: 0 auto;
}

#footer div a {
	font-family: "myriad-pro-1","myriad-pro-2","Arial",sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #a89a92;
	padding: 0;
	text-decoration: none;
	display: inline;
}

	#footer div a:hover {
		text-decoration: underline;
	}

#footer div h3, #footer div h3 a {
	color: #e7d8d0;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2","Arial Narrow",sans-serif;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	display: inline;
	margin: 0;
}

#footer div.footer_info {
	border-top: 1px solid #cccccc;
	margin: 0 auto;
	margin-top: 20px;
	padding: 10px 0 0 0;
	text-align: right;
	color: #cccccc;
	font-size: 13px;
	max-width: 860px;
}

.subscribe {
    margin-bottom: 10px;
    display: block !important; 
}


#footer div h3 a:hover {
	color: #e7d8d0;
	text-decoration: underline;
}

#footer div div.footer_logo {
	float: left;
	width: 250px;
}

	#footer div div.footer_logo img {
		width: 100%;
	}

#footer div div.footer_share {
	float: right;
	width: 50px;
	vertical-align: top;
}

.qq-label {
    font-weight: bold;
    text-decoration: underline;
}


.quickquote-info li:before {
    content: "\e089";
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: -35px;
    color: green;
    font-size: 23px;
}

.quickquote-info li {
    list-style: none;
    display: block;
    margin-bottom: 14px;
}

.slides h1 {
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: left;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif !important;
}

.slides p {
	font-size: 22px;
	line-height: 21px !important;
	padding-left: 20px;
	font-weight: 400 !important;
	font-family: 'Lato', Calibri, Arial, sans-serif !important;
}

.slides-text {
    display: inline-block;
}

/*#footer td {
	padding: 0px 40px;
	color: #a89a92;
	text-shadow: 1px 1px 2px #000;
	font-size: 14px;
	line-height: 1.4em;
}
#footer h3, #footer h3 a {
	color: #e7d8d0;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2","Arial Narrow",sans-serif;
	font-size: 19px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	display: inline;
	margin-bottom: 8px;
}
#footer h3 {
	display: block;
}
#footer h3 a:hover {
	color: #e7d8d0;
	text-decoration: underline;
}
#footer a {
	font-family: "myriad-pro-1","myriad-pro-2","Arial",sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #a89a92;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	display: block;
}
#footer a:hover {
	color: #e7d8d0;
	text-decoration: underline;
}*/

a.CompanyWebsite {
	font-family: Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 22px;
	font-weight: bold;
	color: #015C95;
	display: block;
	padding: 13px 10px 15px 50px;
	margin: 8px;
	background: url(images/external_link.png) no-repeat 10px 5px;
	text-decoration: none;
}

	a.CompanyWebsite span {
		text-decoration: underline;
	}

	a.CompanyWebsite:hover {
		text-decoration: underline;
	}

#content a.Application {
	display: block;
	/*background-color: #f7ecda;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	border: 1px solid #999099;
	color: #000;
	padding: 10px;
	width: 50%;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
	background-color: rgba(255,255,255,0.5);
    text-align-last: center;
}

.combobox {
	background-color: #f7ecda;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #999099;
	padding: 8px;
	padding-bottom: 12px;
	float: right;
	margin: -20px 0px 0px 0px;
	padding-top: 7px;
	background-color: #f7ecda;
	text-decoration: none;
	height: 40px;
}

#AssociationBox {
	background-color: #f7ecda;
	border: 1px solid #999099;
	margin: 10px 0px 20px 10px;
	font-family: "droid-sans-1","droid-sans-2","tahoma";
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	width: 500px;
	position: relative;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 8px;
	float: right;
}

	#AssociationBox p {
		font-family: "droid-sans-1","droid-sans-2","tahoma";
	}

	#AssociationBox a {
		-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
		-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
		background-color: #dfdfdf;
		border: 1px solid #999099;
		display: inline-block;
		font-family: "droid-sans-1","droid-sans-2","tahoma";
		font-size: 11px;
		font-weight: bold;
		padding: 0px 6px 0px 6px;
		text-decoration: none;
		color: #000;
		cursor: pointer;
		text-align: center;
		position: absolute;
		margin-left: 4px;
	}

		#AssociationBox a:hover {
			background: #ccc;
		}

	#AssociationBox select {
		height: 25px;
		width: 297px;
	}

a#QuoteLink {
	background: url(images/cursor.png) no-repeat 6px #006400;
	border: 1px solid #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 8px 4px 8px 40px;
	margin: 10px 0px 20px 0px;
	text-decoration: none;
	color: #fff;
	font-family: "droid-sans-1","droid-sans-2","Arial";
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	display: inline-block;
	width: 220px;
	float: left;
}

	a#QuoteLink span {
		color: #D2B48C;
		text-decoration: underline;
		font-size: 14px;
		line-height: 16px;
		font-weight: bold;
		padding-top: 6px;
		display: inline-block;
	}

div#ArticleNav a {
	background-color: rgba(255,255,255,0.5);
	display: inline-block;
	color: #222;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2","Arial Narrow",sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c0c0c0;
	margin-left: 5px;
	margin-right: 5px;
	padding: 6px 8px;
}

	div#ArticleNav a.activeSlide {
		background: #20140d;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #c0c0c0;
		display: inline-block;
		color: #fff;
		font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2","Arial Narrow",sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 6px 8px;
		text-decoration: none;
	}

	div#ArticleNav a:hover {
		background: #FFFFFF;
		color: #000000;
	}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}






div.news_wrapper {
	width: 100%;
	position: relative;
    margin-top: 50px;
}

	div.news_wrapper h2 {
		color: #210b0e;
		letter-spacing: -.5px;
		font-family: 'Kameron', serif;
		font-weight: 700;
		text-align: center;
	}

div.inner_news_wrapper {
	width: 100%;
	margin: 80px auto;
    padding: 0 30px;
}

.soc_drop-down {
	width: 100%;
	background-color: transparent;
	background-color: rgba(161,172,104,0.6);
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(161,172,104) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(161,172,104,0.6);
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e9c223, endColorstr=#99e9c223);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e9c223, endColorstr=#99e9c223)";
}

.arrow {
	display: block;
	text-align: center;
	padding: 0 0 30px;
	margin: 0 auto;
	width: 100%;
}

.soc_content {
	display: none;
	background-color: rgba(161,172,104,0.6);
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(161,172,104) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(161,172,104,0.6);
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e9c223, endColorstr=#99e9c223);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e9c223, endColorstr=#99e9c223)";
}

div.NewsBlurb {
	/*margin: 6px;
	margin-top: 20px;
	padding: 10px;*/
	margin: 20px 0 6px 0;
	padding: 10px;
}

div.Article {
	width: 780px;
	border: solid #c0c0c0 1px;
	padding: 20px;
	padding-top: 12px;
	background: #20140d;
	color: #fff;
	height: 200px;
	font-size: 16px;
}

	div.Article h3 {
		color: #fff;
	}

	div.Article div.Date {
		float: right;
		color: #fff;
		font-size: 90%;
		font-weight: bold;
	}

	div.Article div.PostLink {
		float: right;
		font-family: "Trebuchet MS";
		font-size: 15px;
		margin-top: 17px;
	}

	div.Article a {
		color: #fff;
		text-decoration: none;
		border-bottom: solid #fff 1px;
	}

.bold-list li {
	font-weight: 600;
	font-size: 22px;
}

.Blurb {
	background-color: #f7ecda;
	border: 1px solid #000;
	margin: 10px;
	display: inline-block;
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 12px;
}

/* jQuery.Rating Plugin CSS - http: //www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating {
	float: left;
	width: 17px;
	height: 15px;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden;
}

	div.rating-cancel, div.rating-cancel a {
		background: url(images/delete.gif) no-repeat 0 -16px;
	}

	div.star-rating, div.star-rating a {
		background: url(images/star.gif) no-repeat 0 0px;
	}

		div.rating-cancel a, div.star-rating a {
			display: block;
			width: 16px;
			height: 100%;
			background-position: 0 0px;
			border: 0;
		}

div.star-rating-on a {
	background-position: 0 -16px !important;
}

div.star-rating-hover a {
	background-position: 0 -32px;
}
/* Read Only CSS */
div.star-rating-readonly a {
	cursor: default !important;
}
/* Partial Star CSS */
div.star-rating {
	background: transparent !important;
	overflow: hidden !important;
}
/* END jQuery.Rating Plugin CSS */

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

	#lbPrevLink:hover {
		background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
	}

#lbNextLink {
	right: 0;
}

	#lbNextLink:hover {
		background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
	}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#divAlert {
	position: absolute;
	display: none;
	left: 50px;
	background-color: #efefef;
	border: outset #c0c0c0 1px;
	z-index: 2000;
}

#divAlertTitle {
	background-color: #222;
	font-family: Arial;
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}

#divAlert #divClose {
	color: #fff;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 8pt;
	text-align: right;
	float: right;
	cursor: pointer;
}

	#divAlert #divClose:hover {
		text-decoration: underline;
	}

#divAlertMessage {
	text-align: left;
	font-family: Tahoma;
	font-size: 8pt;
	padding: 4px;
}

/*** MENU STYLES ***/
.header_wrapper {
	max-width: 100%;
	position: relative;
	top: 102px;
}

.menu_wrapper {
	background-position: top;
	width: 100%;
	position: fixed;
	z-index: 10;
}

#MenuHolder {
	min-height: 50px;
	position: relative;
	z-index: 2002;
}

.mobile {
  display: none;
  background-color: #2A2A22;
  position: fixed;
  width: 100%;
  top: 40px;
}

.mobile_container, .nav_dropdown_container {
  display: none;
  z-index: 3;
  padding: 0 !important;
}

.nav_dropdown_container {
    background-color: #525044 !important;
    float: none !important;
    width: 100% !important;
    padding: 0px !important;
    margin-top: 20px;
    display: none;
}

.nav_dropdown_container a {
    display: block;
}


.mobile_btn {
  position: absolute;
  top: 10px;
  right: 15px;
  border: 0;
  text-indent: 200%;
  overflow: hidden;
  background: #525044 url("Images/dropdown_menu.png") center no-repeat;
  border: 1px solid #525044;
  border-radius: 3px;
  background-size: 80%;
  width: 30px;
  height: 30px;
  outline: none;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.nav_dropdown_btn {
  position: absolute;
  margin: 5px;
  margin-top: -5px;
  right: initial;
  overflow: hidden;
  background: #525044 url("Images/dropdown_arrow.png") center no-repeat;
  border: 1px solid #2A2A22;
  border-radius: 3px;
  background-size: 80%;
  width: 30px;
  height: 30px;
  outline: none;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 100;
}



.mobile_btn:hover, .nav_dropdown_btn:hover {
    background-color: #666455;
    border-color: #666455;
}

.mobile_btn.expanded {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border: 0;
  top: 10px;
}

.nav_dropdown_btn.expanded {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  border: 0;
  background-color: transparent !important;
}

.desktop div, .mobile div {
  text-align: center;
  padding: 20px 0;
  text-decoration: none;
  font-weight: bold;
  background-color: rgb(42, 42, 34);
}

.desktop div a, .mobile div a {
    color: #fff;
    padding: 7px 0;
}

.desktop {
  display: block;
  overflow: hidden;
  background-color: transparent;
}

.desktop a:hover, .mobile a:hover {
    text-decoration: underline !important; 
}

.desktop div {
  width: 25%;
  float: left;
  box-sizing: border-box;
}


article {
  padding: 0 30px 15px;
}

@media (max-width: 1200px) {
  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .content_wrapper, .header_wrapper {
        top: 40px;
    }
}

@media (max-width: 552px) {
    .content_wrapper, .header_wrapper, .mobile {
        top: 70px;
    }
}

@media (max-width: 378px) {
    .content_wrapper, .header_wrapper, .mobile {
        top: 90px;
    }
}

/*** END MENU STYLES ***/




/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.slider_wrapper {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	background: url(images/b06.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb05 div {
	background-position: -7px -7px;
}

	.jssorb05 div:hover, .jssorb05 .av:hover {
		background-position: -37px -7px;
	}

.jssorb05 .av {
	background-position: -67px -7px;
}

.jssorb05 .dn, .jssorb05 .dn:hover {
	background-position: -97px -7px;
}
/* jssor slider arrow navigator skin 12 css */
/*
.jssora12l              (normal)
.jssora12r              (normal)
.jssora12l:hover        (normal mouseover)
.jssora12r:hover        (normal mouseover)
.jssora12ldn            (mousedown)
.jssora12rdn            (mousedown)
*/
.jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(images/a202.png) no-repeat;
	overflow: hidden;
}

.jssora12l {
	background-position: -16px -37px;
}

.jssora12r {
	background-position: -75px -37px;
}

.jssora12l:hover {
	background-position: -136px -37px;
}

.jssora12r:hover {
	background-position: -195px -37px;
}

.jssora12ldn {
	background-position: -256px -37px;
}

.jssora12rdn {
	background-position: -315px -37px;
}

.article_img {
    float: right;
    margin-left: 20px;
}

.ou-iframe {
    width: 500px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center
}




/*Media Queries*/

@media (min-width: 1601px) {
	.content_wrapper {
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}


.homePage#content, .homePage#mainContent {
	padding: 0;
	margin: 0;
	position: inherit;
	width: 100%;
	background: none;
	background-color: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=none, endColorstr=none);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" /* IE 8+ */ !important;
}

.hiddenfooter {
	display: none;
}
 
.product-list {
	list-style: none;
	overflow: hidden;
	padding: 24px;
    text-align: center;
}

	.product-list li {
		display: inline-block;
		height: 100%;
	}

.product-banner {
    width: 100%;
}

a.hovertext {
	position: absolute;
	width: 254px;
	height: 254px;
	text-decoration: none !important;
	text-align: center;
	overflow: hidden;
}

	a.hovertext:after {
		content: attr(title);
		position: absolute;
		left: 0;
		padding: 5px 0;
		bottom: 0;
		width: 254px;
		background: rgba(0,0,0,0.8);
		text-decoration: none !important;
		color: #fff;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
	}

.pic {
	display: block;
	width: 254px;
	height: 254px !important;
	overflow: hidden;
    text-align: left;
}

.grow a img {
	width: 254px;
	height: 254px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
}

.grow img:hover {
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

a.hovertext2 {
	height: 254px;
	text-decoration: none !important;
	text-align: center;
	overflow: hidden;
}

	a.hovertext2:after {
		content: attr(title);
		position: absolute;
		left: 0;
		padding: 5px 0;
		bottom: 0;
		width: 100%;
		background: rgba(0,0,0,0.8);
		text-decoration: none !important;
		color: #fff;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
	}

.pic2 {
	display: block !important;
	width: 100%;
	height: 254px !important;
	overflow: hidden;
    position: relative;
}

.grow2 {
    overflow: hidden;
}

.grow2 a img {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
}

.grow2 img:hover {
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

.rec-lodge {
	margin: 0 120px;
}

.col2 {
	max-width: 860px;
}

.row div {
	padding: 10px;
	width: 47%;
	float: left;
}

.clear {
	clear: both;
}

.dropdown {
	position: relative;
	display: inline-block;
	margin: 14px;
}

.dropbtn {
	background-color: #A1AC68;
	color: #fff;
	width: 400px;
	padding: 16px;
	font-size: 20px;
	border: none;
	cursor: pointer;
	position: relative;
	font-family: 'Kameron', serif;
	font-weight: 700;
	letter-spacing: 1px;
	-webkit-transition-delay: 2s;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 860px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 3;
}

	.dropdown-content p {
		z-index: 10;
	}

.dropdown:hover .dropdown-content {
	display: block;
}

div.contactus {
	float: left;
	height: 488px;
}

.contactus ul {
	background: #fff;
	padding: 20px;
	width: 275px;  
}

	.contactus ul ul {
		display: block;
		width: initial;
	}

		.contactus ul ul li {
			vertical-align: middle;
			text-align: center;
			list-style: none;
			padding-bottom: 10px;
		}


	.contactus ul li {
		list-style: none;
	}

.contacts {
	text-align: center;
	margin: 40px 0 60px;
	letter-spacing: .75px;
	text-transform: uppercase;
}

	.contacts ul {
		display: inline-block;
		padding: 0 40px;
		font-size: 18px;
		letter-spacing: .75px;
		text-transform: uppercase;
	}

		.contacts ul li {
			list-style: none;
			text-align: center;
		}

			.contacts ul li strong {
				font-size: 24px;
				margin-bottom: 10px;
				display: block;
                line-height: 26px;
			}

    .members {
      display: inline-block;
      text-align: left;
      margin-right: 20px;
    }
  	.members:last-child {
      margin-right: 0px;
    }
  	.members ul {
      padding-left: 0 !important;
    }

.panel {
	display: inline-block;
	width: 49%;
}

.panel-default a {
	text-decoration: none !important;
}

.panel-heading {
	text-align: center;
	background-color: #A1AC68 !important;
	padding: 20px;
}

h4.panel-title {
	color: #fff !important;
	font-size: 20px;
}

	h4.panel-title:hover {
		text-decoration: underline;
	}



/* Generated by Font Squirrel (https://www.fontsquirrel.com) on August 25, 2016 */






@font-face {
	font-family: 'oui-icons';
	src: url('fonts/oui-icons.eot') format('embedded-opentype'), url('oui-icons.woff') format('woff'), url('oui-icons.ttf') format('truetype'), url('oui-icons.svg#oui-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}





.article_blocks {
	max-width: 820px;
}

.article_block {
	display: inline-block;
	border-radius: 15px;
	width: 49%;
	background-color: #2a2a22;
	margin: 45px 0;
	height: 350px;
}

.article_block a {
    color: #fff;
}

.article_icons {
	display: block;
	background-color: #fff;
	width: 140px;
	height: 140px;
	border-radius: 70px;
	border-style: solid;
	border-width: 20px;
	border-color: #2a2a22;
	margin: 0 auto;
	position: relative;
	top: -70px;
	z-index: 4;
	text-align: center;
}


	.article_icons a {
		margin: 0;
	}

	.article_icons:hover {
		background-color: #A1AC68;
		border-color: #fff;
	}

	.article_icons img {
		width: 70px;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		position: absolute;
	}

.article_content {
	position: relative;
	z-index: 5;
	top: -70px;
    height: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
}

	.article_content h3 {
		padding: 0 20px;

	}

		.article_content h3 a:hover {
			text-decoration: underline;
		}

	.article_content a {
		color: #fff !important;
		display: block;
	}

.keep_reading {
	float: right;
	padding-right: 20px;
}

	.keep_reading a:hover {
		text-decoration: underline;
		cursor: pointer;
	}

.right {
	position: relative;
	right: 0;
	left: auto;
}

.property_tiles {
	margin: 0 auto;
	max-width: 820px;
    text-align: center;
}

.individual_property_tile {
	background: rgba(255, 255, 255, 0.9);
	height: 170px;
	width: 170px;
	border: 10px solid #333;
	display: inline-block;
	margin: 15px;
	text-align: center;
}

	.individual_property_tile:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}

	.individual_property_tile a {
		margin: 0;
	}

	.individual_property_tile img {
		display: inline-block;
		vertical-align: middle;
		width: 120px;
		margin: 0 auto;
	}

.video_frame {
	width: 560px;
	display: inline-block;
}

.video {
	width: 560px;
	height: 315px;
}

.soc_icons-frame {
	width: 229px;
	height: 420px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.soc_icons {
	display: block;
}

.soc_icons-text {
	display: block;
}

.secondary {
    background: #D6843A;
    border: 5px solid #D6843A !important;
}

.small-btn {
    font-size: 12px !important;
    padding: 5px 8px;
}

.quote, .app, .infographic, .small-btn {
	border: 5px solid #768f3a !important;
    background: #768f3a;
}

.quote, .app, .infographic, .secondary {
    padding: 6px 15px;
    font-size: 19px !important;
}

.quote, .app, .infographic, .secondary, .small-btn {
    cursor: pointer;
    display: inline-block;
    outline: 0;
    height: auto !important;
    color: white !important;
    text-decoration: none;
    line-height: 1.4;
    position: relative;
    vertical-align: top;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 0px 0px rgba(189,189,189,1);
    -moz-box-shadow: 4px 4px 0px 0px rgba(189,189,189,1);
    box-shadow: 4px 4px 0px 0px rgba(189,189,189,1);
    transition: 0.1s;
    margin: 0 5px 20px 5px;
}

	.quote:active, .app:active, .infographic:active, .secondary:active, .small-btn:active {
		transform: translate(1px, 3px);
		color: #ffffff !important;
		text-decoration: none;
	}

    .quote:active, .app:active, .infographic:active, .small-btn:active {
        border: #768f3a solid 8px;
        box-shadow: inset 0 100px 0 0 #768f3a;
    }

    .secondary:active {
        border: #D6843A solid 8px;
        box-shadow: inset 0 100px 0 0 #D6843A;
    }



@media screen and (max-width: 1080px) {

	.slides {
		height: 100%;
		padding: 35px 0;
	}


@media screen and (max-width: 870px) {
	.video_frame {
		display: block;
		margin: 0 auto;
	}

	.video {
		width: 100%;
		height: inherent;
	}

	.soc_icons-frame {
		display: block;
		width: 100%;
		height: inherit;
	}

	.soc_icons {
		display: inline-block;
		padding: 0 10px;
	}

    .row div {
        width: 100%;
    }

    .contactus {
        width: 100%;
        height: auto !important;
    }

    .contactus ul {
        background-color: transparent;
        width: 100%;
        padding: 0px;
        padding-bottom: 20px;
    }

    .contactus ul ul {
        width: 33.33%;
        float: left;
    }

    .contactus ul ul li {
        padding-bottom: 5px;
    }

    .contact_img {
        height: 278px !important;
        overflow: hidden;
    }

    .contact_img img {
        width: 100%;
        position: relative;
        bottom: 270px;
    }
}

@media screen and (max-width: 730px) {
    .panel {
        width: 100%;
    }

    .article_block {
        width: 100%;
        height: auto;
        margin: 60px 0;
    }
}

@media screen and (max-width: 617px) {
	.arrow {
		display: none;
	}

	.video_frame {
		width: 100%;
		height: inherent;
	}

	.soc_icons-text {
		display: none;
	}

    #content a.Application {
        width: 75% !important;
    }

    .article_img {
        float: none;
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    .contact_img img {
        bottom: 0;
    }

    .rec-lodge {
        margin: 0;
    }
}

@media screen and (max-width: 515px) {
    
    .contactus ul ul {
        width: 100%;
        float: none;
    }
    
    .contact_spacer .contact_list {
        width: 210px;
        margin: 0 auto;
    }
}