html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  line-height:1.3em;
  font-family: "MetaWeb",Helvetica,Arial,sans-serif;
  color:#000000;
}


#statistic.row {
  margin-left:0px;
  margin-right:0px;
}



/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
  margin-top:50px;
  padding-top:20px;
  padding-bottom:20px;
}


/* Custom page CSS
-------------------------------------------------- */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height:100%;
  position:relative;
  
 
  
}

.nav_container {
	background: none repeat scroll 0px 0px rgba(97, 32, 128, 0.6);
  height:100%;
  position:relative;
  
  
  
  
}

@media (min-width: 768px) {
  .container {
    max-width: 1200px;
    width:100%
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1200px;
       width:100%
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
       width:100%
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

#footer {
  background-color:#414141;
}

#footer a {
  color:#efefef;
}


#header {
  
  color:#ffffff;
  width:100%;
 
 
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	z-index:3
}

.contentmargin{
	margin-left:20px
	
}
.contentbackground {
background-repeat:no-repeat;background-position:25% 90%;
}
nav_wrapper {
	
}

#nav { 
   margin-bottom:0px;
   width: 100%;
    display: block; 
    width:100%;
  max-width:1200px;
   margin-right: auto;
  margin-left: auto;
  padding-left:15px;
  padding-right:15px;
  position:relative;
}


#nav .nav > li {
   -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;	
	
}
#nav .nav > li > a {
    display: block;
    
    position: relative;
  
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:9999;
   width:100%;
   -webkit-transition: all .6s ease-in-out;
   height:50px;
   min-height: 50px
  
}

#nav.affix .nav_container {
	background: none repeat scroll 0px 0px rgba(97, 32, 128, 1);
  
  
  
  
  
}


#footer > .container {
  
}

@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      
      float:none;
     
  }
}
@media (max-width: 767px) {
  .navbar-nav.nav-justified > li{
      heigth:50px;
      float:left;
      width:33%;
       min-width:100px;
  }
}
.navbar-nav {
  margin: 1px 1px; 
  float:none;
}  

.content_header {float:left;margin-left:34px;width:100% }

@media (min-width: 600px) {
.navbar-nav {
  margin: 1px 1px; 
  float:left;
}  
.contentbackground {
background-repeat:no-repeat;background-position:25% 90%;padding-bottom:100px;width:100%;
}
.content_header {float:left;margin-left:34px;width:100% }

}

@media (min-width: 890px) {
.contentbackground {
background-repeat:no-repeat;background-position:25% 90%;padding-bottom:100px;width:66.6667%;
}
.content_header {float:right;margin-left:15px;margin-right:15px;width:25% }

}  
  
/* customize nav style */
.navbar-custom {
	
    background:transparent;
	font-weight:700;
    text-transform:uppercase;
    border-width:0;
   
  
	min-height: 114px;
	margin: 0;
	height: 114px;
	display: block;
}
.navbar-custom  .navbar-nav>li>a {
	color: #ffffff;
	line-height: normal;
}



.navbar-custom  .navbar-nav>li {
	color: #AE91C1;
	
}

.navbar-custom .navbar-nav > li:first-child {
	border-left:0px solid #ffffff;
	
}

.navbar-custom  .navbar-nav li:hover, .navbar-nav li .open  {
	background-color: #AE91C1;
	color: #ffffff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0}


.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    background-color: #AE91C1;
    color: #ffffff;
    
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
   background-color: #AE91C1;
    color: #ffffff;
}

.dropdown-menu > .active > a  {
	background-color: #622180;
	color: #ffffff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #622180;
    color: #AE91C1;
    outline: 0 none;
    text-decoration: none;
}


.navbar-custom .dropdown-menu{
	right:0;
	left:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
	outline:0;
}
@media (min-width: 600px) {
  .navbar-toggle {
    display: none;
  }
}


@media (min-width: 600px) {
.navbar-collapse {
    border-top: 0 none;
    box-shadow: none;
    width: auto;
}
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 0;
}
.navbar-collapse.in {
    overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}


}


.nav > li > a:hover, .nav > li > a:focus {
    background-color: rgba(241, 196, 15, 0.5);
    text-decoration: none;
   }

@media (max-width: 600px) {
	#header {
		
	}
	
	.welcome-div {display:nonefloat: left; z-index: 0; position: ; margin-top: -114px; width: 100%; max-width: 100%; top: -114px; float: left; border-bottom: 10px solid #622180; }
	
	.navbar-collapse > .nav-justified > li > a
{
	text-align:center;
}
}



.scroll-top > li > a:hover, .scroll-top > li > a:focus {
    background-color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
   }

.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background:rgba(241, 196, 15, 0.9);
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
 
.modal-dialog {
    margin: 150px auto 0px auto;
    width: 80%;
    height:auto;
}

.modal-content {

}

video, .video-js, .video-js .vjs-tech, .video-js-box {
width:100% !important;
height:auto !important;
max-width: 100% !important;	
}	

.gm-style img {max-width:none ;height:auto}

dropdown-submenu{
position:relative;
}
.dropdown-submenu > .dropdown-menu{
top:0;
left:100%;
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;
}
.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;
}

    ul.nav > li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin-top:0px
    }
	


/* optional */
.dropdown-menu {
    background-clip: padding-box;
    background-color: #622180;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

@media (max-width: 600px) {
.in ul.dropdown-menu {
	font-size:0.85em;
	background-color: #ae91c1;
}
}


.open > .dropdown-menu .dropdown-menu {

    top:-1px;
    left:100%;
}

/* must */
.open > .dropdown-menu li:hover .dropdown-menu {
    display: block;
}