@import url('/webfiles/css/web-frames.css');
@import url('/webfiles/css/web-colors.css');
@import url('/webfiles/css/web-buttons.css');
@import url('/webfiles/css/web-spacing.css');
@import url('/webfiles/css/ndmc-web-tools.css');

/*==== Basic Link Styles ====*/
body p a, #contentarea ul li a, body h2 a, #contentarea h3 a, body h4 a, #contentarea h5 a, body h6 a, body span a, body td a{color:#5e8846;}
#contentarea p a:hover, #contentarea ul li a:hover, #contentarea h2 a:hover, #contentarea h3 a:hover, #contentarea h4 a:hover, #contentarea h5 a:hover,#contentarea h6 a:hover, #contentarea span a:hover #contentarea td a:hover{text-decoration:underline!important;}
#contentarea p a.button:hover{text-decoration:none!important;}

/*==== Superscript Text Style =====*/
sup {font-size:xx-small; vertical-align:super;}

/*==== Basic List Styles ====*/
#contentarea ul, #contentarea ol{padding-left:20px;}

.slider-feature{height:600px;}
.slider-feature-alt{height:500px;}
.section-divide{background-color:#6a72a0!important;padding:30px 0;}
.section-divide h2, .section-divide h2 span{text-align:center;text-transform:uppercase!important;font-size:26px;line-height:26px;color:white;font-family:'Oswald';}
.feat-title{color:white!important;font-size:60px;line-height:60px;font-family:'Oswald';top:100px;left:200px;position:relative;font-weight:bold;width:800px;}
.feat-text, .feat-text-alt{color:white!important;font-size:22px;line-height:24px;top:130px;left:200px;position:relative;width:650px;}
.feat-link{position:relative;top:180px;left:200px;}

.feat-title-alt{color:white!important;font-size:60px;line-height:60px;font-family:'Oswald';top:100px;left:200px;position:relative;font-weight:bold;width:800px;}
.feat-text-alt{color:white!important;font-size:22px;line-height:24px;top:130px;left:200px;position:relative;width:700px;}
.feat-link-alt{position:relative;top:170px;left:200px;}

.feat-cred{position:absolute;float:right;top:550px;right:100px;color:white!important;font-size:12px;text-align: center;}
.feat-cred-alt{position:absolute;float:right;top:450px;right:100px;color:white!important;font-size:12px;text-align: center;}



.sub-menu-box{background-color:#f5f5f4;padding:10px;border:1px solid #666;margin-bottom:10px;}
.sub-menu-box h3{color:white!important;background-color:#2c2f48!important;margin:-10px -10px 10px -10px;font-weight:normal;padding:10px;}

@media only screen and (max-width: 1360px) {
    #page-title-inner > h1 {
        margin-left: 10px;
    }
}


@media(max-width:1024px){
    .feat-title, .feat-title-alt{font-size:48px;}
    .feat-text, .feat-text-alt{font-size:20px;}
}

@media(max-width:768px) {
    .feat-title, .feat-title-alt{top:50px;left:0;text-align:center;width:auto;}
    .feat-text, .feat-text-alt{top:75px;left:0;text-align:center;width:auto;margin-right:10px;margin-left:10px;}
    .feat-link, .feat-link-alt{left:0;text-align:center;width:auto;}
}

.row.no-pad{margin-right:0;margin-left:0;}
.sub-title{text-align:center;}

.narrow-content{margin-left:calc(50% - 480px);margin-right:calc(50% - 480px);}
.wide-content {margin-left:calc(50% - 680px);margin-right:calc(50% - 680px);
}

@media (max-width:960px) {
    .narrow-content{margin-left:0;margin-right:0;}
}

/*@media (max-width:1360px) {
    .wide-content{margin-left:0;margin-right:0;}
}*/

/*--- Size & Space Fix to Ensure Button Display on Mobile --- */
@media (max-width:500px) {
    .feat-title, .feat-title-alt{font-size: 33px;line-height: 33px}
}

.footer a{color:white!important;font-weight:bold!important;}
/*.footer{margin-top:30px;}*/
footer{background-color:#6a72a0!important;}

/*  COLUMN SETUP  */
.col {display: block;float:left;margin: 2% 0 2% 2%;}
.col:first-child { margin-left: 0; }

/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 90.58%;}
.span_10_of_12 {width: 82.16%;}
.span_9_of_12 {width: 73.75%;}
.span_8_of_12 {width: 65.33%;}
.span_7_of_12 {width: 56.91%;}
.span_6_of_12 {width: 48.5%;}
.span_5_of_12 {width: 40.08%;}
.span_4_of_12 {width: 31.66%;}
.span_3_of_12 {width: 23%;}
.span_2_of_12 {width: 14.83%;}
.span_1_of_12 {width: 6.416%;}

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

    .col {  margin: 1% 0 1% 0%; }    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}

}


/*==== Zebra Table ====*/
table.ndmctable {width:100%;border-collapse:collapse;margin:10px 0;text-align:left;font-family:'Open Sans',sans-serif;}
table.ndmctable th, table.ndmctable td {padding:6px;border-right:1px solid white;border-bottom:1px solid white;}
table.ndmctable tr th {text-align:center;font-family:'Open Sans',sans-serif;}
table.ndmctable tbody tr {border-bottom: 1px solid #B5B3A7;}
table.ndmctable tbody tr:nth-child(odd) td {background-color: #ebebea;}
table.ndmctable tbody tr:nth-child(even) td {background-color: #f5f5f4;}
table.ndmctable thead tr th{background-color: #2c2f48;color:white!important;}

p a, li a{font-weight:bold!important;}

@media only screen and (max-width: 767px){
    .mobile_box {
        background-color:#6a72a0!important;
    }
}

.alert.alert-ndmc{
    color: #fff!important;
    background-color:#6a72a0!important;
    border-color: #2c2f48;
}

.alert.alert-ndmc a,.alert.alert-ndmc a:link,.alert.alert-ndmc a:active,.alert.alert-ndmc a:visited{color:white!important;font-weight:bold!important;}

.carousel .owl-pagination{
    	text-align:center;
	padding: 10px 0 0;
	position: relative;
	top: 0;
	left:2;
	width:100%;
}


ul.legend-list li span{
border: 1px solid #ccc;
    width: 24px!important;
    height: 20px!important;
    margin-right: 5px;
    margin-bottom: -5px;
    display: inline-block;
}

ul.legend-list{
    list-style:none!important;
}

/*==== Button Font Size ====*/
a.Button_style6,a.Button_style7, .boxes_style_7 .boxes .but a.buttoncolor,a[class*="Button"].one,a[class*="Button"].two,a[class*="Button"].three{
    font-size: 16px!important;
}


/*--------- Header Gradient Background----------*/
.header3 .head_main {
	position: absolute;
	z-index: 906;
	width: 100%;
	top:0px;
	background-color: rgba(106, 114, 160, 0.9);
	}

/*----- Slider Button Custom Styling -----*/
a[class*="Button_style9"].white,
a[class*="Button_style11"].white{
	border:1px solid #2f4a22;
	background-color: #2f4a22;
	color:#fff;
  font-size: 16px;
  line-height: normal;
	}

a.Button_style9:hover,
a.Button_style11:hover{
  color:#FFF;
  background-color: transparent;
  border:2px solid #2f4a22;
  text-decoration:none;
  font-size: 16px;
  line-height: normal;
  }

.photo-credit{float:right;position:relative;top:-30px;right:10px;color:white!important;}

.clear{clear:both}

/*a{font-weight:bold;text-decoration:none!important;}
a:hover {text-decoration:underline;}*/

#pg-container {max-width:100%; margin: 0 auto 0 auto;min-height:768px;}

/*#content ul, #content ol{margin-left:20px;margin-bottom:10px;}*/

#title-bar{min-height:36px;padding:10px 15px;font:normal 30px/36px 'Open Sans', sans-serif!important;font-weight:bold!important;background-color:rgba(106, 114, 160, 0.9);}
#title-bar-inner{max-width:1360px;margin:0 auto;}
#page-title-outer{background-color:#2c2f48;}
#page-title-inner{max-width:1360px;margin:0 auto;color:white!important;}
#page-title-inner a{color:white!important;}
#page-title-inner > h1{font-weight:normal!important;}
#breadcrumb-inner{float:right;}
#breadcrumb-inner > p{font-size:12px;}

/* breadcrumbs */
#breadcrumb-inner li {
  display: inline-block;font-size:12px;
}
#breadcrumb-inner li:not(:first-child) {
  margin-left: 0.4em;
}
#breadcrumb-inner li:not(:first-child):before {
  content: '>';
  margin-right: 0.4em;
}

/*==== Navigation Menu ====*/
#navigationbar{height: 50px;clear:both;border-top:none!important;background-color:rgba(106, 114, 160, 0.9);}
#navmenu { list-style:none;padding-top: 0; text-align:center; max-width:1360px;padding:0 10px; margin:0 auto; }
#navmenu > li { float: left; list-style: none; z-index: 100;font: 18px/20px'Oswald',sans-serif;font-weight:normal!important; }
#navmenu ul { min-width: 160px; list-style: none; display: none; position: absolute; top: 119px; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; padding: 3px 0; z-index:99999}
#navmenu ul:after { clear: both; display: block; height: 0; visibility: hidden; }
#navmenu li:hover ul, #navmenu ul li:hover ul, #navmenu ul ul li:hover ul { display: block; }

/* Root Menu */ 
#navmenu li span { cursor: default; padding: 11px 0 6px 0; float: none !important; float: left; display: block; text-decoration: none; height: auto !important; z-index:10; text-align: center; width: 125px; font-weight:bold;}
#navmenu li span:first-of-type{}
#navmenu > li > a { padding: 15px 25px 15px 25px; float: none !important; float: left; display: block;text-decoration: none; height: auto !important; z-index:10; text-align: center;font-weight:normal!important;color:white!important;}
#navmenu a:first-of-type{}
.menu-current{background-color:#2c2f48;}
.menu-active{background-color:#f5f5f4!important;} 
#navmenu li.menu-active > a {color:#737373!important;}

/* 2nd Menu */
#navmenu > li > ul > li a { padding: 15px 25px 15px 25px; display: block;float:none!important;text-decoration: none; height: auto !important; z-index:1000; font-weight:normal;font-family:'Open Sans',sans-serif;font-size:14px;background-color:#f5f5f4!important;color:#737373!important;}
#navmenu > li:hover > ul > li a { float: left; width: 200px; padding:10px 15px; text-align:left; z-index:20; font-weight:normal; }
#navmenu > li > ul > li a.menu2-active{background-color:#5e8846!important;color:white!important;}

/* Hide 3rd Level */
/*#navmenu > li > ul > li > ul > li a {display:none;}*/
#navmenu > li > ul > li ul {display:none!important;}

/* Hide Specific Navigation */
.hide-elem{display:none!important;}



/* mobile navigation*/
#mobilenav {
    display: none;
    background-image:url('/images/nav-burger-white.png');
    background-position:center;
    background-repeat:no-repeat;
    width:18px;
    height:17px;
    margin-right: 10px;
    margin-top: 10px;
    font: 'Open Sans';
    border:1px solid white;
    border-radius:5px;
    padding:5px;
    cursor:pointer;
    float:right;
}

#navigationbar #mobilenav:hover {
    background-image:url('/images/nav-burger-white.png');
    background-position:center;
    background-repeat:no-repeat;
}

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

    /*Mobile navigation layout*/
    #navmenu {display: none;margin-top:0;padding:0;position:relative;top:10px;clear:both;}
    #navmenu li{width:100%!important;filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; background-color: #f5f5f4!important;}
    #navmenu li a{color:#737373!important;}
    navmenu li:hover{background-color:#737373;}
    #navmenu li:hover a{color:white!important;}
    #navmenu li:last-of-type{margin-bottom:10px;}
    #navmenu > li{font-family:'Open Sans',sans-serif;}
    #navmenu > li > a{width:100%;border-right:none;text-align:left;padding-left:20px;padding-right:-20px;height:40px;}
    #navmenu ul {display:none;}
    #navmenu > li.menu-active{background-color:#5e8846!important;}
    #navmenu > li.menu-active a{color:white!important;}

    #mobilenav {display:inline-block;}
    #navmenu li:hover ul, #navmenu ul li:hover ul, #navmenu ul ul li:hover ul { display: none; }

    .menu-active{background-color:#5e8846!important;} 

}

#title-txt{display:none;}


.bottom_b ul li a {
    padding: 25px!important;
    list-style:none;
}

.bottom_b ul li a {
    border-bottom: 1px solid #cccccc;
    list-style:none;
}

.bottom_d p {
    margin: 0 0 15px 0;
}

.bottom_d ul li {
    padding: 10px 0;
    list-style:none;
}

.title2 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: normal;
    color: white!important;
    line-height: 1.3;
}

.inside_conk {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    text-align: center;
    padding: 20px;
}

@media only screen and (min-width: 1600px){
    .inside_conk {
        padding: 60px;
    }
}

.inside_cone {
    background-color: #F8F8F8;
}

.clearfix {
    display: block;
}

.inside_cone .leftbox {
    width: 33%;
    float: left;
    overflow: hidden;
}

.inside_cone .rightbox {
    width: 64%;
    float: left;
    padding: 20px 50px!important;
}

.rightbox h4 {
    color: #666!important;
    font-size: 16px;
}

/*==== Boxes ====*/
.outline_box .boxes{
    background-color: #F5F5F5;
    padding: 50px 80px;
    z-index: 1;
    position: relative;
    text-align: center;
}

.outline_box .boxes2{
    background-color: #FFFFFF;
    padding: 50px 80px;
    z-index: 1;
    position: relative;
    text-align: center;
    border:1px solid #000000;
}

/*==== quotes =====*/
.quotes_4 blockquote {
	border:none;
	background-color: #2c2f48;
	color: #ffffff;
	text-indent: 0px;
	padding:50px 30px 50px 125px;
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
	position:relative;
	}
.quotes_4 blockquote span.mark{
	width:50px;
	height:50px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border:1px solid #fff;
	line-height:48px;
	text-align:center;
	position:absolute;
	left:35px;
	top:50px;
	color:#fff;
	font-size:24px;
	text-align:center;
	padding:0;
	}
.quotes_4 blockquote p{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-style: normal;
	margin:0 0 30px 0;
	}
.quotes_4 blockquote small{
	display: block;
	font-size: 16px;
	line-height: normal;
	color: #fff;
	}

.quotes_5 blockquote {
	border:none;
	background-color: transparent;
	color: #666666;
	text-indent: 0px;
	padding:20px 90px;
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
	position:relative;
	text-align:center;
	}
.quotes_5 blockquote span.mark{
	width:70px;
	height:70px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:#2c2f48;
	line-height:68px;
	text-align:center;
	color:#fff;
	font-size:24px;
	text-align:center;
	padding:0;
	margin:0 0 40px 0;
	}
.quotes_5 blockquote p{
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	font-style: normal;
	margin:0 0 30px 0;
	}
.quotes_5 blockquote small{
	display: block;
	font-size: 16px;
	line-height: normal;
	color: #666666;
	}
.quotes_5 blockquote small span{
	color:#2c2f48;
	}

.static-band {
    background-image: url(/images/Background/RanchPlan.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}

/*==== Sub-nav Box ====*/
.secondary_sub_nav {
    margin-left: 20px;
}

.photo_box .pic_box {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.photo_box img {
	width: 100%;
	max-width: 100%;
}

.photo_box {
	margin: 0 0 5px 0;
	padding: 0px;
	overflow: hidden;
	line-height: 1.8
}

.photo_box .pic_box {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	vertical-align: middle;
}

.photo_box a,
.photo_box a:hover {
	text-decoration: none
}

.photo_box .ico {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -25px;
	text-align: center;
	color: #FFF;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 1;
}

.photo_box .ico span {
	position:relative;
	color: #FFF;
	width: 50px!important;
	height: 50px!important;
	line-height: 50px!important;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	margin: 0px 3px;
	background-color: #FF8726;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.photo_box .ico h3 {
	color: #FFF;
	font-size: 15px;
	margin-bottom: 5px;
}

.photo_box .content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFF;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 1;
}

.photo_box.default_show .ico, .photo_box.default_show .content {
    filter: alpha(opacity=100);
    opacity: 1;
}

.photo_box .ico span{
    background-color: #2c2f48;
}