@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.navbar{
background:#fff !important;
border-radius:0;
padding:20px 0 0 !important;
margin:0 !important;
float:none;
border:0 !important;
min-height:120px;
}
.mainnav .nav > li{ margin:0 10px; padding:30px 0px 50px; font-size:12px; line-height:20px; color:#ffa32c;font-weight:600;font-family: 'montserratregular', sans-serif; text-transform:uppercase; letter-spacing:1.2px;}
.mainnav .nav > li.social_meadi_links{ margin:0 4px 0 6px;}
.mainnav .nav > li.social_meadi_links img{ }
.mainnav  .navbar-nav{ padding-right:0 !important; margin-top:0 !important;}
.mainnav .nav > li > a {

    position: relative;
    display: block;
    padding:0;
}
.navbar-default .navbar-nav > li > a {
    color: #231f20 !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li.active > a {
	color:#fdb714 !important;
	background:none !important;
}
.navbar-default .navbar-nav > li > a .icon-fb{ width:19px; height:19px; background:url(../images/facebook-icon.png) no-repeat; background-size:cover; display:inline-block;}
.navbar-default .navbar-nav > li > a:hover .icon-fb{background:url(../images/Facebook-Hover.png) no-repeat; background-size:cover;}
.navbar-default .navbar-nav > li > a .icon-instagram{ width:19px; height:19px; background:url(../images/instagram_icon.png) no-repeat; background-size:cover; display:inline-block;}
.navbar-default .navbar-nav > li > a:hover .icon-instagram{background:url(../images/Instagram-Hover.png) no-repeat; background-size:cover;}
.navbar-collapse{
	
}
.mainnav .navbar-brand{ height:auto; padding:0; margin:0 0; float:left; position:relative;}
.dropdown-submenu{
    position:relative;
	text-align:center;
	
} 

.dropdown-menu{ margin:0; padding:0; top:95%; border:0px !important; box-shadow: none !important; }
.dropdown-menu li{ display:inline-block;}
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:0;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
	position:relative;
	
	
} 
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
 
.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
 
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
 
.dropdown-submenu .pull-left{
    float:none;
}
 
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.root{ position:static !important;}
.root:hover > .dropdown-menu{
    display: block;
}
.dropdown-content{ width:100%;background:#fff; position:absolute;}
/* Style the tab */
.tab {
  background-color: #fff;
  width: 100%;
  text-align:center;
  padding:30px 0;
}

/* Style the buttons inside the tab */
.tab li {
  display: inline;
  color: #fff;
  padding: 22px 8px;
  border: none;
  outline: none;
  text-align: center;
  font-size: 14px;
}
.tab li a {
    color: #231f20;
}
/* Change background color of buttons on hover */
.tab li a:hover, .tab li a.active, .tab li.active a{
  color:#fdb714 !important;
  text-decoration:none;
}
.communities .nav_logo a
{
    color: #231f20;	
}
.communities .nav_logo a:hover{
  color:#fdb714;
  text-decoration:none;	
}
/* Style the tab content */
.communities {
  float: left;
  padding:0 20px 110px;
  border:0;
  width: 100%;
  border-left: none;
  display: none;
  background:#fff;
  text-align:center;
}
.communities h3{ color:#231f20;font-family: 'AstoriaRoman'; font-size:60px; margin:0 0 20px;}
.communities .nav_logo a{ display:inline-block; padding:10px 0;}
.communities .nav_logo img{ /*width:100%;*/ padding:0 10px 10px;}
.communities .nav_logo a:hover{ background:#8f2a2a;}
.communities .nav_logo{ float:none; display:inline-block; width:16.22%;}
#upcoming-communities.communities .nav_logo{width:22%;}
/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.frs-slideshow-container .frs-skin-default .frs-bullets-wrapper ul.frs-bullets{ z-index:10 !important; bottom:-15px !important;}
.frs-slideshow-container .frs-wrapper.frs-skin-default ul.frs-bullets li.frs-slideshow-nav-bullets { background-color:#fff !important;}
.frs-slideshow-container .frs-wrapper.frs-skin-default ul.frs-bullets li.frs-bullets-active{ background-color:#ffa32c !important;}
.view {
        height: 100%;
      }
/* Carousel*/
      .carousel,
      .carousel-item,
      .carousel-item.active {
        height: 100%;
      }
      .carousel-inner {
        height: 100%;
      }
      .carousel .carousel-item video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
@media screen and (min-width:992px) and (max-width:1199px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	width:100%;
	text-align:center;
}	
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin:0 auto;
	float:none;
}
.mainnav .navbar-nav {
    padding-right: 0 !important;
    margin-top: 0 !important;
	width:100%;
	text-align:center;
}
.mainnav .nav > li {
    margin:0 5px;
    padding: 30px 0px 50px;
	float:none; 
	display:inline-block;}
	.communities .nav_logo img {
    width: 100%;}
	.communities .nav_logo {
    width: 16.22%;
	padding-left:10px;
	padding-right:10px;

}
}
@media screen and (min-width:768px) and (max-width:991px) {
#masthead { z-index:1000;}	
#masthead .container {width:auto;}
#masthead .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left:15px;
}
.navbar-toggle {
    display: block;}
.navbar-collapse.collapse {
    display: none !important;
}	
.navbar-collapse.collapse.in {
    display: block !important;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	width:100%;
	text-align:center;
}	
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
}
.mainnav .navbar-nav {
    padding-right: 0 !important;
	padding-bottom:20px;
    margin-top:20px !important;
	width:100%;
	text-align:left;
}
.dropdown-content{ position:relative; top:0;}
.mainnav .nav > li {
    margin:0;
    padding:5px 0;
	float:none; 
	display:block;
	text-align:left;
	}
	.mainnav .nav > li a{ display:inline-block;}
	.communities .nav_logo img {
    width: 100%;}
	.communities .nav_logo {
    width: 16.22%;
	padding-left:10px;
	padding-right:10px;

}
.mainnav .nav > li.social_meadi_links {
    margin: 0 10px 0 0;
	display:inline-block;
}
.root{ position:relative !important;}

.root a:hover > .dropdown-menu{
    display: block !important;
}
.navbar-default .navbar-toggle{ border:0px; display:none;}
.navbar{ min-height:100px;}
img.home_logo{ width:70%;}
.navbar-default .navbar-toggle{ margin-top:12px;}
}
@media (max-width: 767px) {
#masthead { z-index:1000;}	
#masthead .container {width:auto;}
#masthead .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left:-30px;
}
.navbar-toggle {
    display: block;}
.navbar-collapse{border:0 !important;box-shadow:0 0 0;}
.navbar-collapse.collapse {
    display: none !important;
	border:0 !important;
	box-shadow:0 0 0;
}	
.navbar-collapse.collapse.in {
    display: block !important;
	border:0 !important;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	width:100%;
	text-align:center;
	margin-left:0;
	margin-right:0;
}	
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-top:0;
}
.navbar-default .navbar-toggle{ margin-top:12px; display:none;}
.mainnav .navbar-nav {
    padding-right: 0 !important;
	padding-bottom:20px;
    margin:20px 0 0!important;
	width:100%;
	text-align:left;
}
.dropdown-content{ position:relative; top:0;}
.mainnav .nav > li {
    margin:0;
    padding:5px 0;
	float:none; 
	display:block;
	text-align:left;
	}
	.mainnav .nav > li a{ display:inline-block;}
	.communities .nav_logo img {
    width: 100%;}
	.communities .nav_logo {
    width:18%;
	padding-left:10px;
	padding-right:10px;


}
.communities .nav_logo{ font-size:12px;}
.navbar-collapse {
    max-height:none;
}
.mainnav .nav > li.social_meadi_links {
    margin: 0 10px 0 0;
	display:inline-block;
}
.root{ position:relative !important;}

.root a:hover > .dropdown-menu{
    display: block !important;
}
.tab {
    padding:10px 0;
}
.tab li{ display:block; clear:both; margin:10px 0; padding:0; }
.communities h3 img{ max-width:100%;}
.navbar-default .navbar-toggle{ border:0px; display:none;}
.navbar{ min-height:100px;}
img.home_logo{ width:70%;}
}
@media screen and (max-width:600px){
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-top:20px;
}
.navbar-default .navbar-toggle {
    margin-top:32px;
	margin-right:-10px;
	 display:none;
}
.navbar{
padding:0 0 0 !important;
}
}
@media (max-width: 575px) {
.communities .nav_logo {
    width:32%;
	padding-left:5px;
	padding-right:5px;
}
.communities .nav_logo{ font-size:12px;}
.navbar{
padding:0 0 0 !important;
}
}
@media (max-width: 480px) {
	.navbar{padding: 10px 0 0 !important; min-height:45px;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top: 13px;}
	.navbar-default .navbar-toggle{margin-top: 26px; display:none;}
	
}
@media (max-width: 380px) {
	.navbar{padding: 10px 0 0 !important; min-height:60px;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top: 13px;}
	.navbar-default .navbar-toggle{margin-top: 26px; display:none;}
	
}