/* 
Theme Name: projekt-3funk
Theme Description: projekt-3funk
Author: Computerservice Hess
URI: http://www.cs-hess.de/ 

*/ 
@import url('css/bootstrap.min.css'); 

body {
	overflow:auto;
	width:100%;
	margin-top: 110px;
	/*background: #f7f7f7; /* Old browsers */
	/*background: -moz-linear-gradient(-45deg, #f7f7f7 1%, #e8e8e8 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#f7f7f7), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(-45deg, #f7f7f7 1%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(-45deg, #f7f7f7 1%,#e8e8e8 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(-45deg, #f7f7f7 1%,#e8e8e8 100%); /* IE10+ */
	/*background: linear-gradient(135deg, #f7f7f7 1%,#e8e8e8 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

h1,
.h1 {
  font-size: 24px;
  color:#004379;
}
.h2, h2 {
    font-size: 18px;
}
.mobile-site-description{
	display:none;
}
p{
	-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -khtml-hyphens: auto;
  hyphens: auto; 
}

/**
 *	Navbar
 **/
.navbar{
	margin-bottom:1px;
	min-height:0 !important;
	height:36px;
	background-color:#fff;
	padding-top:10px;
}
.menu-item{
	/*background:rgb(255,255,255);*/
	background-color:#fff;
	margin-right:5px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	
}
.menu-item:hover{
	background:rgb(220,220,220);
}
.menu-item:active{
	background:rgb(220,220,220);
}
.active > a,
.current-menu-item > a,
.current_page_item > a{
	/*background:none !important;*/
}
nav {
	z-index:99999 !important;
}
.nav > li > a {
    position: relative;
    display: block;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	/*padding: 0px 0px;*/
}
.nav > li > a:active{
  text-decoration: none;
  background-color: #eee;
  display:block;
}

#nav-center{
	margin:0 auto;
	max-width:1170px;
}
nav > div.navbar-header{
	margin-left: 0px;
}
.navbar-brand{
	padding:0px;
	height:92px;
}
.navbar-brand > img{
	position:absolute;
	padding:0;
	margin-left:20px;
	height:92px;
	width:220px;
	z-index:99;
}
nav > div.navbar-collapse,
nav > div.navbar-ex1-collapse{
	margin-right: 0px;
}

.navbar-nav{
	float:right;
	margin: 20px 0px 0px 0px;	
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background-color:#fff;
	-webkit-box-shadow: 1px 5px 4px 0px rgba(0, 0, 0, 0.5);;
	-moz-box-shadow: 1px 5px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 5px 4px 0px rgba(0, 0, 0, 0.5);
	margin-top: -4px;
	
}
.navbar-default .navbar-nav > li > a:hover {
    background-color:#fff;
	-webkit-box-shadow: 1px 5px 4px 0px rgba(0, 0, 0, 0.5);;
	-moz-box-shadow: 1px 5px 4px 0px rgba(0, 0, 0, 0.5);;
	box-shadow: 1px 5px 4px 0px rgba(0, 0, 0, 0.5);
	margin-top: -4px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-blue{
	z-index:-2; 
	position:absolute; 
	margin-top:-67px; 
	width:100%; 
	height:74px; 
	/*background:#004379;*/
	background: #004379; /* Old browsers */
	background: -moz-linear-gradient(left, #004379 0%, #007ac2 50%, #004379 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#004379), color-stop(50%,#007ac2), color-stop(100%,#004379)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #004379 0%,#007ac2 50%,#004379 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #004379 0%,#007ac2 50%,#004379 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #004379 0%,#007ac2 50%,#004379 100%); /* IE10+ */
	background: linear-gradient(to right, #004379 0%,#007ac2 50%,#004379 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004379', endColorstr='#004379',GradientType=1 ); /* IE6-9 */
}

.sidebar-kontakt{
	position:absolute; 
	right:0; 
	margin-top:20px; 
	width:155px; 
	height:200px; 
	background: #007ac2; /* Old browsers */
	background: -moz-linear-gradient(left, #007ac2 49%, #004379 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(49%,#007ac2), color-stop(100%,#004379)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #007ac2 49%,#004379 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #007ac2 49%,#004379 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #007ac2 49%,#004379 100%); /* IE10+ */
	background: linear-gradient(to right, #007ac2 49%,#004379 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ac2', endColorstr='#004379',GradientType=1 ); /* IE6-9 */
	color:#FFFFFF; 
	overflow:hidden; 
	padding:10px;
	z-index:99;
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	-webkit-transition: width 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
    transition: width 0.6s ease-in-out;
	
}
.sidebar-kontakt-vertical{
	display:none;
}
.sidebar-news-vertical{
	display:none;
}

.sidebar-news{
	position:fixed; 
	right:0; 
	margin-top:260px; 
	width:155px; 
	height:50px; 
	background: #007ac2; /* Old browsers */
	background: -moz-linear-gradient(left, #007ac2 49%, #004379 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(49%,#007ac2), color-stop(100%,#004379)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #007ac2 49%,#004379 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #007ac2 49%,#004379 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #007ac2 49%,#004379 100%); /* IE10+ */
	background: linear-gradient(to right, #007ac2 49%,#004379 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ac2', endColorstr='#004379',GradientType=1 ); /* IE6-9 */
	color:#FFFFFF; 
	/*overflow:hidden;*/ 
	padding:10px;
	font-size: 24px;
	z-index:99999;
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	margin-right:0px;
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	
}
.news-container{
	position:fixed;
	top:0;
	right:0;
	width:320px;
	height:100%;
	background-color:#FFF;
	z-index:99999;
	margin-right:-320px;
	color: #484848;
	font-size: 14px;
	padding: 20px 10px 20px 10px;
	-webkit-transition: margin-right 0.6s ease-in-out;
    -moz-transition: margin-right 0.6s ease-in-out;
    -o-transition: margin-right 0.6s ease-in-out;
    transition: margin-right 0.6s ease-in-out;
}
.sidebar-news:hover .news-container{
	margin-right:0px;
	-webkit-transition: margin-right 0.6s ease-in-out;
    -moz-transition: margin-right 0.6s ease-in-out;
    -o-transition: margin-right 0.6s ease-in-out;
    transition: margin-right 0.6s ease-in-out;
}
.sidebar-news:hover{
	margin-right:320px;
	-webkit-transition: margin-right 0.6s ease-in-out;
    -moz-transition: margin-right 0.6s ease-in-out;
    -o-transition: margin-right 0.6s ease-in-out;
    transition: margin-right 0.6s ease-in-out;
}
.widget-title{
	color:#FFF;
	margin-top:0px;
}
.textwidget{
	font-size:12px;
}
#bild-slider{
	display:block;
	background-color:#FFF;
	padding:10px;
}
.footer-container{
	position:fixed;
	background: #004379; /* Old browsers */
	background: -moz-linear-gradient(left, #004379 0%, #007ac2 50%, #004379 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#004379), color-stop(50%,#007ac2), color-stop(100%,#004379)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #004379 0%,#007ac2 50%,#004379 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #004379 0%,#007ac2 50%,#004379 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #004379 0%,#007ac2 50%,#004379 100%); /* IE10+ */
	background: linear-gradient(to right, #004379 0%,#007ac2 50%,#004379 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004379', endColorstr='#004379',GradientType=1 ); /* IE6-9 */
	width:100%;
	/*padding-bottom:50px;*/
	padding-top:10px;
	bottom:0;
	/*position:fixed;*/
	/*min-height:100px;*/
}
.footer-container .container{
	margin-bottom:10px;
}
.footer-title {
    font-weight: 900;
    list-style: outside none none;
}



.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color:transparent;	
}
.navbar-default .navbar-toggle {
    border-color:transparent;
}
.navbar-toggle:focus {
    outline: 0px none;
}
.navbar-toggle {
    margin-top: 31px;
    
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.footer-container .menu-item {
	background-color:transparent;
	list-style:none;
}
.footer-container .menu-item a {
	color:#FFF;
	font-size:11px;
}
.breadcrumbs{
	position:absolute;
	background-color:#e8e8e8;
	color:#505050;
	text-shadow: 1px 1px 0px #fff;
	margin-top:10px;
	font-size:12px;
}
.container{
	margin-bottom:30px;
	opacity:0.95;
}
#boxshadow {
        display: inline-block;
        -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        position: relative;
		background-color:#FFF; min-height:300px;
		
    }

#boxshadow::after {
    content: "";
    box-shadow: 9px -80px 1px 80px rgba(0, 0, 0, 0.3);
    transform: skew(30deg);
    position: absolute;
    bottom: 0px;
    left: 69px;
    height: 0px;
    width: 71%;
    z-index: -1;
}
.boxshadowNav {
        display: inline-block;
        /*-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);*/
        position: relative;
    }

.boxshadowNav::after {
    content: "";
    box-shadow: -57px -22px 1px 22px rgba(0, 0, 0, 0.3);
    transform: skew(30deg);
    position: absolute;
    bottom: 0px;
    left: 77px;
    height: 0px;
    width: 33%;
    z-index: -1;
}

#boxshadowSlider {
        display: inline-block;
        -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        position: relative;
    }

#boxshadowSlider::after {
    content: "";
    box-shadow: 9px -80px 1px 80px rgba(0, 0, 0, 0.3);
    transform: skew(30deg);
    position: absolute;
    bottom: 0px;
    left: 69px;
    height: 0px;
    width: 67%;
    z-index: -1;
}
#page-col-lg6{
	background-color:#FFF;
	min-height:300px;" id="boxshadow
}
.mobile-alignright a{
	color:#fff;
}

.table-ref img {
	max-width:80%;
	padding:10px;
	

}
@-moz-document url-prefix() {
    /* Firefox doesn't respect max-width in certain situations */
    .table-ref img { width: 80%; max-width: -moz-max-content; }
}

 
_:-ms-fullscreen,:root .table-ref img { max-width:50%; }




@media (max-width: 990px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	position: absolute;
	width: 100%;
	background-color: #004379;
	margin-top: 6px;
	}
	.navbar-nav {
   	float:none;
	margin: 20px 0px 0px;
	text-align: center;
	}
	.menu-item {
    background-color: transparent;
	}
	.menu-item:hover{
	background:none;
	}
	.menu-item:active{
		background:none;
	}
	.navbar-default .navbar-nav > li > a:hover {
    background-color:transparent;
    box-shadow:none;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color:transparent;
    box-shadow:none;
	color: #FFF;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	}
	.nav > li:after{
	  content:""; 
	  height: 1px;
	  background:-moz-linear-gradient(left, #004379 0%,#7fa7c8 50%,#004379 100%); 
	  background:-webkit-linear-gradient(left, #004379 0%,#7fa7c8 50%,#004379 100%); 
	  background:linear-gradient(left, #004379 0%,#7fa7c8 50%,#004379 100%);
	  width:100%;
	  display:block;
	  z-index:99;
	}
	
	.navbar-default .navbar-nav > li > a {
    color: #FFF;
	font-size:16px;
	text-transform:uppercase;
	}
	.navbar-default .navbar-nav > li > a:hover{
	color:#FFF;
	font-weight:bold;	
	}	
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
	    margin-top: 41px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
	 .navbar-collapse.collapse.in {
        display: block!important;
	 }
  
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.mobile-site-description{
	display: block;
	position:fixed;
	top: 43px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	z-index:9999999;
	}
	.footer-container{
	position:fixed;
	bottom:0;
	padding-top:10px;
	}
	.footer-container .container{
		background-color:transparent;
	}
	#boxshadow {
        -moz-box-shadow: none;
        -webkit-box-shadow:none;
        box-shadow:none;
        
    }
	#boxshadow::after {
		box-shadow:none;
	  }
	  #boxshadowSlider{
		-moz-box-shadow: none;
        -webkit-box-shadow:none;
        box-shadow:none;
		}
	  #boxshadowSlider::after {
		box-shadow:none;
	   }
	   .boxshadowNav::after{
		box-shadow:none;
		left:0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
    text-align: center;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #FFF;
    background-color: transparent;
    font-weight: bold;
	}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
    background-color: transparent;
	}
}


@media (max-width: 991px) {
	.container{
		background-color:#FFFFFF;
		
	}
	

	
}

@media (max-width: 768px) {
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
    background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #FFF;
    background-color: transparent;
    font-weight: bold;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
    text-align: center;
	}
	.boxshadowNav::after{
		box-shadow:none;
		left:0;
	}
	.container{
		width:90%;
		margin-top:0px;
	}
	.sidebar-kontakt{
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	width:100%;
	height:115px;
	margin-right:-20px;
	/*opacity:0;*/
	}
	.sidebar-news{
		display:none;
	}
	.sidebar-kontakt-vertical{
		display:none;
	}
	
	.sidebar-news-vertical{
		display:none;
	}
	.mobile-alignleft{
		float: left;
	}
	.mobile-alignright{
		float: right;
		margin-right: 10%;
	}
	#bild-slider{
		display:none;
	}
	.container-zusammen{
		background-color:transparent;
	}
	.header-blue{
	margin-top:-67px; 
	width:100%; 
	height:54px;
	position:fixed;
	}
	.navbar-brand > img{
	padding:0;
	margin-top:10px;
	margin-left:20px;
	height:54px;
	width:130px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	position: absolute;
	width: 100%;
	background-color: #004379;
	margin-top: -15px;
	}
	.navbar-nav {
   	float:none;
	margin: 20px 0px 0px;
	text-align: center;
	}
	.menu-item {
    background-color: transparent;
	}
	.menu-item:hover{
	background:none;
	}
	.menu-item:active{
		background:none;
	}
	.navbar-default .navbar-nav > li > a:hover {
    background-color:transparent;
    box-shadow:none;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color:transparent;
    box-shadow:none;
	color: #FFF;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	}
	.nav > li:after{
	  content:""; 
	  height: 1px;
	  background:-moz-linear-gradient(left, #004379 0%,#7fa7c8 50%,#004379 100%); 
	  background:-webkit-linear-gradient(left, #004379 0%,#7fa7c8 50%,#004379 100%); 
	  background:linear-gradient(left, #004379 0%,#7fa7c8 50%,#004379 100%);
	  width:100%;
	  display:block;
	}
	
	.navbar-default .navbar-nav > li > a {
    color: #FFF;
	font-size:16px;
	text-transform:uppercase;
	}
	.navbar-default .navbar-nav > li > a:hover{
	color:#FFF;
	font-weight:bold;
	
	}
	.footer-container{
	position:relative;
	margin-top:50px;
	padding-top:20px;
	}
	.footer-container .container{
		background-color:transparent;
		margin-bottom:0px;
	}
	
	.mobile-site-description{
	display: block;
	position:fixed;
	top: 0px;
	color: #004379;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	text-align: right;
	z-index:9999999;
	}
	.navbar-toggle {
    margin-top: 31px;
    
	}
	.breadcrumbs{
		margin-top:-10px;
		
	}
	#boxshadow {
        margin-top:115px;	
    }
	
		
}
@media (min-width: 560px) and (max-width: 768px) {
	.mobile-site-description{
	display: block;
	position:fixed;
	top: 43px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	z-index:9999999;
	}
}

@media (min-width: 768px) and (max-width: 1450px) {

	/*.container {
		width: 960px;
	}*/
	.sidebar-kontakt{
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	width:0px;
	margin-right:-20px;
	/*opacity:0;*/
	}
	
	.sidebar-news{
	-moz-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
    transition: width 0.6s ease-in-out;
	width:0px;
	margin-right:-20px;
	}
	
	.sidebar-kontakt-vertical{
	display:block;
	position:fixed; 
	right:0; 
	margin-top:20px; 
	width:20px; 
	height:200px; 
	background-color:#007ac2; 
	color:#FFFFFF; 
	/*overflow:hidden;*/ 
	padding:10px;
	z-index:99;
	-webkit-transition: width 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
    transition: width 0.6s ease-in-out;
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	}
	.sidebar-kontakt-vertical a{
		color:#FFFFFF;
		text-decoration:none;
	}
	.sidebar-kontakt-vertical .sidebar-kontakt a{
		color:#FFFFFF;
		text-decoration:none;
		
	}
	.sidebar-kontakt-vertical .sidebar-kontakt{
		margin-top:-10px;
	}
	.sidebar-kontakt-vertical:hover .sidebar-kontakt{
	width:175px; 
	/*opacity:1;*/
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all s0.6s ease-in-out;
	}
	
	.sidebar-news-vertical{
	display:block;
	position:fixed; 
	right:0; 
	margin-top:260px; 
	width:20px; 
	height:200px; 
	background-color:#007ac2; 
	color:#FFFFFF; 
	/*overflow:hidden;*/ 
	padding:10px;
	z-index:99;
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	margin-right:0px;
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	}
	
	.news-container{
	position:fixed;
	top:0;
	right:0;
	width:320px;
	height:100%;
	background-color:#FFF;
	z-index:999;
	margin-right:-320px;
	-webkit-transition: margin-right 0.6s ease-in-out;
    -moz-transition: margin-right 0.6s ease-in-out;
    -o-transition: margin-right 0.6s ease-in-out;
    transition: margin-right 0.6s ease-in-out;
	}
	.sidebar-news-vertical:hover .news-container{
		margin-right:0px;
		-webkit-transition: margin-right 0.6s ease-in-out;
		-moz-transition: margin-right 0.6s ease-in-out;
		-o-transition: margin-right 0.6s ease-in-out;
		transition: margin-right 0.6s ease-in-out;
	}
	.sidebar-news-vertical:hover{
		margin-right:320px;
		-webkit-transition: margin-right 0.6s ease-in-out;
		-moz-transition: margin-right 0.6s ease-in-out;
		-o-transition: margin-right 0.6s ease-in-out;
		transition: margin-right 0.6s ease-in-out;
	}

}

@media (max-width: 1199px) {
	#nav-center{
	/*	width:970px;*/
	}
	

	#boxshadow::after {
		
		width: 67%;
		
	}
	
	#boxshadowSlider::after {
  	  width: 60%;
    
	}
	.mapp-align-center{
		width:450px !important;
	
	}

}