/*
Theme Name: Wootstrap
Theme URI: http://mehne.biz
Description: Design: Annette Österreicher. Development by Kai Meinhardt. It is not allowed for usage by others. Thank you.	
Author: Kai Meinhardt / Annette Österreicher
Version: 0.9.8 beta
*/


/* Fonts importieren */
/*@import url('includes/typography.css');*/


@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu-LightItalic.eot');
    src: url('font/Ubuntu-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu-LightItalic.woff2') format('woff2'),
        url('font/Ubuntu-LightItalic.woff') format('woff'),
        url('font/Ubuntu-LightItalic.svg#Ubuntu-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu-BoldItalic.eot');
    src: url('font/Ubuntu-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu-BoldItalic.woff2') format('woff2'),
        url('font/Ubuntu-BoldItalic.woff') format('woff'),
        url('font/Ubuntu-BoldItalic.svg#Ubuntu-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu-Light.eot');
    src: url('font/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu-Light.woff2') format('woff2'),
        url('font/Ubuntu-Light.woff') format('woff'),
        url('font/Ubuntu-Light.svg#Ubuntu-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu-Bold.eot');
    src: url('font/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu-Bold.woff2') format('woff2'),
        url('font/Ubuntu-Bold.woff') format('woff'),
        url('font/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu-Medium.eot');
    src: url('font/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu-Medium.woff2') format('woff2'),
        url('font/Ubuntu-Medium.woff') format('woff'),
        url('font/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu-Thin.eot');
    src: url('font/Ubuntu-Thin.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu-Thin.woff2') format('woff2'),
        url('font/Ubuntu-Thin.woff') format('woff'),
        url('font/Ubuntu-Thin.svg#Ubuntu-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu-Italic.eot');
    src: url('font/Ubuntu-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu-Italic.woff2') format('woff2'),
        url('font/Ubuntu-Italic.woff') format('woff'),
        url('font/Ubuntu-Italic.svg#Ubuntu-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu.eot');
    src: url('font/Ubuntu.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu.woff2') format('woff2'),
        url('font/Ubuntu.woff') format('woff'),
        url('font/Ubuntu.svg#Ubuntu') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('font/Ubuntu-MediumItalic.eot');
    src: url('font/Ubuntu-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Ubuntu-MediumItalic.woff2') format('woff2'),
        url('font/Ubuntu-MediumItalic.woff') format('woff'),
        url('font/Ubuntu-MediumItalic.svg#Ubuntu-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}


/* kleiner reset */
*:focus {
    outline: none;   
}

html, body {
    margin: 0;
    padding: 0;
    font-family: Ubuntu, Arial, sans-serif;
	color: #3f413d;
    font-size: 10px;
    line-height: 1.375em;
}

body {
    font-size: 16px;
}

.container-fluid {
	
}

img { max-width: 100%; height: auto; }
iframe { 
	/* use bootstrap classes to achive this */ 
	/*
	<!-- 16:9 aspect ratio -->
	<div class="embed-responsive embed-responsive-16by9">
	  <iframe class="embed-responsive-item" src="…"></iframe>
	</div>

	<!-- 4:3 aspect ratio -->
	<div class="embed-responsive embed-responsive-4by3">
	  <iframe class="embed-responsive-item" src="…"></iframe>
	</div>
	*/
}

/* wordpress klassen */
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* bootstrap heading-reset */
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; }


h1, h1 a { 
	font-family: sans-serif;
    font-size: 1.14em;
	color: rgb(145,143,126);
    position: relative;
    margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 3px;
}

h2, h2 a { 
    font-size: 2.4rem; /*2.1rem;*/
	line-height: 1.3em;
    font-weight: 500;
    color: #bd061a; 
    margin-bottom: 0.571em;
}

h3, h3 a { 
    font-size: 1.8rem;
	line-height: 1.375em;
    font-weight: 700;
    color: #bd061a;
    margin-bottom: .8em;
    margin-top: 1.2em;
}

h3.widgettitle {
    color: #bd061a;
    text-transform: uppercase;
}

h4, h4 a { 
    font-size: 1.8rem;
	line-height: 1.375em;
    font-weight: 700;
    color: #3f413d;
    margin-bottom: .8em;
    margin-top: 1.2em;
}

h5, h5 a { 
    font-size: 1.083em;
    font-weight: 500;
    color: rgba(169,0,0,1);
    background-color: rgba(169,0,0,.05);
    padding: 0.3em 0 .3em .7em;
    margin-bottom: .9em;
}

h6, h6 a { 
	font-size: 1.167em;
	font-weight: 900;
	color: #8b8b8e; 
}


/* Nur wenn Bootstrap-Slider verwendet wird: */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
/* Ende Bootstrap Slider */


/* Anpassungen individuell für diese Seite */

.page-header {
    border: 0;
    margin: 0; /* standard 40 0 20 */
    padding: 0; /* standard 9 */
}

.navbar-default {
    background: transparent;
    padding: 0;
    margin: 0;
	border: 0; /*wichtig*/
	max-width: 100%; /*wichtig für IE*/
	border-radius: 0;
	
	-webkit-box-shadow: none;
	box-shadow: none;
	
	font-family: 'Ubuntu Condensed', sans-serif;
}

.navbar-collapse {
    border-color: transparent;
	width: 100%; /* wichtig für FF! */
	font-family: 'Ubuntu Condensed', sans-serif;
}

.navbar-header {
	/* bootstrap reset */
	float: none;
	/**/
	background: #fff;
}


/* mobiler Button */
.navbar-default .navbar-toggle {
	background-color: rgba(45,45,45,0);
	border: 0px;
	border-radius: 0px;
	margin: 0;
	padding: 11px 15px 10px 10px;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: rgba(45,45,45,0);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #bd061a;
    height: 6px;
    border-radius: 0px;
    width: 42px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}

/* Ende mobiler Button */


.navbar-brand {
	/* bootstrap resets */
    line-height: 100%;
	height: auto;
	/* individuell */
	width: 100%;
	padding: 0;
}

.logo {
    /* immer gleich */
    display: block;
    padding: 0;
    /*margin: 0;*/
    background: url(images/MAS_Logo_mobil.svg) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	/*background-position: 50%;*/
	
	color: #fff;
    
    /*max-width: 300px;*/
    margin: auto;
}

.logo:after {
    border: 0 !important;   
}

a.navbar-brand, a.navbar-brand:hover {
	text-decoration: none!important;
	overflow: hidden;
}


.nav li.close-menu a {
	cursor: pointer;
	text-align: right;
	padding-right: 2.5rem;
}

/* Menü - Ebene 1 und Tiefer */
.nav>li {
	position: static;
}

.nav>li a {
	font-size: 1.751rem;
	text-align: left;
	text-transform: none;
	letter-spacing: 1px;
}

/* Menü - Ebene 1 */
.nav>li>a {
    padding: 7px 15px 8px 25px;
    margin: 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: rgba(255,255,255,.2);
	color: #e3e3e4;
	font-weight: 500;
}

.nav>li:nth-child(2)>a {
	border-top-width: 1px;
}

.nav>li.disable a {
	min-height: 38px;
	pointer-events: none;
	cursor: default;
	color: rgb(75,78,84);
}

body:not(.home) .navbar-collapse ul.menu>li.current-menu-item>a,
body:not(.home) .navbar-collapse ul.menu>li.current-menu-ancestor>a {
    color:rgb(189,6,26);
	font-weight: 700;
	background-color: rgba(255,255,255,1); 
}

.nav>li>a:focus, 
.nav>li>a:hover {
    
	font-weight: 700;
	background-color: #6f7176; 
}

.menu-item-has-children {
    cursor: pointer;
	position: relative; /*for position of menu level 3*/
	background: transparent; /*mobile*/
}

/* sorgt dafür, dass submenüs sichtbar werden bei hover */
.menu-item-has-children:hover > ul {
	display: block;
    height: 100%;
}

/*
.menu-item-has-children > a:after {
    content: '\f107';
    font-family: FontAwesome;
    color: rgb(170,135,67);
    padding-left: .5em;
    font-size: .8em;
    vertical-align: text-bottom;
}
*/
/* Untermenüs */
.navbar .sub-menu,
.dropdown-menu {
	/*resets*/
	list-style: none;
    padding: 41px 0 0 0;
	margin: 0;
	border:0;
	border-radius: 0;
	
	/*mobile*/
	
	width: 100%;
    float: none;
	background: transparent;
	
	position: absolute;
    top: 0px!important;
    left: 100%!important;
	
	/* shadows */
	
        -moz-box-shadow: 15px 5px 15px -5px rgba(0,0,0,.2);
		-webkit-box-shadow: 15px 5px 15px -5px rgba(0,0,0,.2);
		box-shadow: 15px 5px 15px -5px rgba(0,0,0,.2);
    
	
	/*indiv. background */
	background: rgba(255,255,255,.9);
}


.nav .dropdown-menu > li {
    border-width: 0 0 1px 0;
	border-style: solid;
	border-color: rgba(0,0,0,.2);
	position: static;
}

.nav .dropdown-menu > li:nth-child(1) {
    border-top-width: 1px;
}

.arrow {
    display: inline-block;
    width: 13%;
    color:#bd061a; 
	padding-left: 2rem;
}

.nav .dropdown-menu > li > a {
    display: inline-block;
    width: 87%;
    color:#4b4e54; 
	background-color: transparent;
    line-height: 1.2em;
	text-align: left; /* mobil */
	font-weight: 500;
	padding: 8px 25px;
    letter-spacing: 0px;
    
}

.nav .sub-menu > li:hover i,
.nav ul.sub-menu>li.current-menu-item>a,
.nav .sub-menu > li > a:hover {
	background-image: none; /*reset important*/
	background-color: transparent;
    color: #bd061a;
	font-weight: 600;
    text-decoration: none;
}

.nav .sub-menu .sub-menu > li > a {
  
    background-color: transparent;
}



.obalken:before {
	display: inline-block;
	content:'.';
	background-color: rgb(189,6,26);
	color: rgb(189,6,26);
    height: 39px;
    position: absolute;
    margin-top: -1px;
    width: 10px;
    padding-right: 10px;
	z-index: 999;
}





/* Farbdefinitionen */
.orange {color: rgb(232,76,10);}
a, a:active, a:focus, a:visited {
	color: rgb(42,42,42);
}

a:hover {
	color: rgb(130,178,175);
}

/* MAIN */
article p {
    font-weight: 300;   
}

article a, article a:active, article a:focus, article a:visited {
	color:#bd061a;
	text-decoration: none;
}

article a:hover, .home article a:hover {
	color: #bd061a;
	text-decoration: underline;
}

article ul, article ol {
    list-style: none;  
    padding-left: 43px;
}

article li {
    font-weight: 300;   
}

article ul li {
    padding-left: 0rem;
    text-indent: -1.4rem;
    margin-bottom: 0.3em;
    
}

/*
.home article ul li {
    padding-left: 0rem;
    text-indent: -1.4rem;
	color: #bd061a;
    margin-bottom: 0.3em;
}
*/

article ul li:before {
    content: '\f111';
    font-family: FontAwesome;
    color: #bd061a;
    font-size: .4em;
    position: relative;
    top: 0.2em;
    vertical-align: bottom;
    margin-right: 1.3em;
}

article ul ul {
    padding-top: .2em;
}

article ul ul li:before {
    color: #3f413d;
}

article ol { counter-reset: item; }
article ol li:before {
    content: counter(item) ".";
    counter-increment: item;
    color: #bd061a;
    margin-right: .7em;
}

article img {
    max-width: 100%;
    height: auto;
}

article .thumb  {
    padding: 0;
	margin: 0;
	height: 100%;
    overflow: hidden; /*??*/
	background-color: #cbcccd;
}
article .thumb img {
    width: 100%;
    height: auto;
}

article blockquote {
    color: #bd061a;
    font-style: italic;
    font-size: 1.7rem;
    line-height: 1.5em;
    font-weight: 300;
    border-left: 0;
    padding-left: 1.7em;
    padding-top:35px;
}

article blockquote:before {
    content: '\201d';
    color: #bd061a;
    font-weight: 700;
    font-size: 4.7rem;
    position: absolute;
    left: 10px;
}

figure {
    max-width: 100%;
}

article .wp-caption-text {
    background: #fff;
    color: rgb(70,70,70);
    padding-bottom: 24px;
    padding-left: 28px;
    padding-right: 27px;
    font-size: 0.833em;
}


button {
    border: 0;
    background-color: rgb(56,125,170);
    color: #fff;
    font-size: .833em;
    min-height: 2.2em;
    padding: 0px 25px;
    border-radius: 4px;
    line-height: 2.2em;   
}

button:hover {
    background-color: rgb(38,103,146);   
}


button:active {
    background-color: rgb(38,103,146);   
    -webkit-box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
    box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
}

/* 
 * Wordpress Gallery 
 */
.gallery:after {
	content: ' ';
	display: block;
	clear: both;
}

.gallery-item {
	float:left;
	margin-right: 3%;
	margin-bottom: 1rem;
}

.gallery-item img {
	width: 100%;
	height: auto;
}


/* the different columns */
.gallery-columns-3 .gallery-item {
	width: 30.33%;
}

.gallery-item:nth-child(3n) {
	margin-right: 0;
}


/* 
 * PAGINATION 
 */
.pagination li:before {
	content: "";
	display: none;
}

/* standard-status */
.pagination li a,
.pagination>li.inactive>a:focus, .pagination>li.inactive>a:hover, .pagination>li.inactive>span:focus, .pagination>li.inactive>span:hover {
	color: #33c660;
	font-weight: 600;
	background-color: #f2f9f4;
	border-color: #f2f9f4;
	margin-right: 3px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	padding-left: 2.9rem;
}

.pagination li.inactive a,
.pagination>li.inactive>a:focus, .pagination>li.inactive>a:hover, .pagination>li.inactive>span:focus, .pagination>li.inactive>span:hover {
	cursor: default;
	color: #c6c6c6;
}

/* hover-status */
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	background-color: #4fd076;
	border-color: #4fd076;
	color: #fff;
	
	-webkit-box-shadow: 0 0 29px 5px rgba(0,255,77,.51);
	-moz-box-shadow: 0 0 29px 5px rgba(0,255,77,.51);
	box-shadow: 0 0 29px 5px rgba(0,255,77,.51);
}

/* active-status */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #4fd076;
	border-color: #4fd076;
	cursor: pointer;
}

/* inactive-status */
.pagination .inactive a {
	pointer-events: none;
}

/* erstes und letztes element (bootstrap reset) */
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
	
}



aside {
    position: relative;
    top: -1rem;
}

aside li.widget {
    list-style: none;
    font-family: 'Ubuntu Condensed', sans-serif;
}

aside li.widget ul {
    padding-left: 1.5rem;
}

aside li.widget a {
    color: #bd061a;
    font-family: 'Ubuntu Condensed', sans-serif;
}



/* FOOTER */
.shadowbot {
	position: relative;
	z-index: 2;
	-moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,.1);
	box-shadow: 0 10px 10px 0px rgba(0,0,0,.1);
}

.page-footer {
	background: #e9e8e7;
	color: #4b4e54;
}

.page-footer>.row:first-child>.col-xs-12:first-child {
	padding-top: 25px;
}

article .page-footer a {
	color: #4b4e54;
}

article .page-footer a:hover {
	text-decoration: none;
}

article .page-footer ul {
	padding-left: 20px;
}

article .page-footer ul li {
	font-size: 15px;
}

article .page-footer ul li:before {
	color: #4b4e54;
}


.bbgrey {
	border-bottom: 1px solid #d4d3d1;
	padding: 15px 50px;
}


/* eigene Abstände */
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb110 {margin-bottom: 110px;}
.mb120 {margin-bottom: 120px;}

/**/
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}

/**/
.pd0 {padding: 0px;}





/*
 *
 * MOBILE ANPASSUNGEN
 *
 */

/*==========  Mobile First Method  ==========*/

@media (max-width : 767px) {
	.navbar-default {
		position: fixed;
		overflow-x: auto;
		max-height: 100%;
		padding-bottom: 179px;
		width: 100%;
	}
	
	.navbar-header {
		-moz-box-shadow: 0px 0px 15px 0px black;
		-webkit-box-shadow: 0px 0px 15px 0px black;
		box-shadow: 0px 0px 15px 0px black;
	}
	
    .navbar-toggle.pull-left {
		float: right!important;
		padding-right: 0;
	}
	
	.main-content {margin-top:30%;}
}



@media (max-width : 1399px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        padding: 0;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }

	.navbar-collapse.collapse.in { 
        display: block!important;
		overflow: visible;
		position: relative;
		
		border-top: 0;
        
		padding: 41px 0 164px 0;
		
		width: 100%;
		margin: 0 0 0 0;
		
		background-color: rgba(75,78,84,1);
		
		-webkit-box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
		box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
    }
	
	.collapsing {
        overflow: hidden!important;
		display: none; /*nich schön aber zielführend*/
    }
	
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-collapse .navbar-nav>li,
    .navbar-collapse .nav-justified>li {
        float: none;
		display: block;
    	width: 100%;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
	
}


@media (min-width:768px) and (max-width : 1399px) {	
	.collapse.width {
		height: auto;
		-webkit-transition: width 0.35s ease;
		-moz-transition: width 0.35s ease;
		-o-transition: width 0.35s ease;
		transition: width 0.35s ease;
	}
	
	.page-header { 
		max-width: 72px;
		position: fixed;
    	z-index: 999;
	}
	
	.navbar-default .navbar-toggle {
		padding: 11px 0px 10px 0px;
	}
	
	/**/
	
	.nav>li:first-child>a {
		border-top-width: 1px;
	}
	
	.nav>li:nth-child(2)>a {
		border-top-width: 0px;
	}
	
	
}


@media (min-width: 768px) { 
	.logo {
    	background-image: url(images/MAS_Logo_Tablet.svg);
	}
	
	h1, h1 a { 
    	font-size: 2.157rem;
	}
	html, body, main {height:100%;}
	html,body  {overflow:hidden;}
	
	.main-content {padding-left:0;}
	.main-text {overflow-y:scroll;-webkit-overflow-scrolling: touch;}
	
	article .thumb img {
		position: relative;
		/*top: 50%;
		transform: translateY(-50%);*/
	}
	
    .navbar-collapse.collapse.in {
		position: fixed;
		width: 320px;
		top: 0;
    }
	
	.navbar-collapse.collapse.in {
		height: 100%!important;	
	}
	
	.dropdown-menu .dropdown-menu {
		border-left: 1px solid rgba(0,0,0,.2);
	}
	
	
}



@media (min-width: 992px) {
    .bbgrey {
        padding: 15px 20px;
    }
	footer .borderleft {
		border-left: 1px solid #d4d3d1;
	}
	
}

@media (min-width: 1400px) {
    
    .logo {
    	background-image: url(images/MAS_Logo_Desktop.svg);
	}
    
	.navbar-collapse {
        border-top: 0;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		
		position: relative;
		width: 25%;
		
		padding: 41px 0 164px 0;
		
		margin: 0;
		
		background-color: rgba(75,78,84,1);
		
		-moz-box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
		box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
    }
	
	.navbar-collapse.collapse {
		height: 100%!important;
		z-index: 998;
	}
	
	.navbar-collapse .navbar-nav>li,
    .navbar-collapse .nav-justified>li {
        float: none;
		display: block;
    	width: 100%;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
	
	
	
}

.visible-xlg {display: none;}
@media (min-width: 1400px) {
	.hidden-xlg {display: none;}
	.visible-xlg {display: block;}
	
	.col-xlg-2 {
		width: 16.66%;
	}
	.col-xlg-9 {
		width: 75%;
	}
	.col-xlg-10 {
		width: 83.33%;
	}
}