body{ background-color:#222; padding-top:50px;}

body>.navbar{-webkit-transition:background-color 300ms ease-in;transition:background-color 300ms ease-in}

@media (min-width:768px){body>.navbar-transparent{background-color:transparent}
    
    body>.navbar-transparent .navbar-nav>.open>a{background-color:transparent!important
    }

}

.logo-size-right{height:80px}
.smallerText2 {font-size:28px}
iframe{width:100%; height:400px;}
.pandalogo  {width:184px}
.strip {margin:0; background: url(../img/background.png)}
.epawslogo {height:65px}

.headline-box {
    font-family:'OswaldBook', helvetica condensed, arial narrow;
    background-color:#d1282d;
    color:#FFF;
    display: inline-block;
    font-size: 25px;
    padding: 12px;
    position:relative;
    left: -12px;
    top:12px;
    z-index: 2;
    
}

.headline-box-gray {
    font-family:'OswaldBook', helvetica condensed, arial narrow;
    background-color:#484849;
    color:#FFF;
    display: inline-block;
    font-size: 18px;
    padding: 10px;
    position:relative;
    left: -12px;
    top:12px;
    z-index: 2;
    
}

.navbar p { 
    color: #fff;
    display:block;
    position: relative;
    top:11px;
    margin-right: 15px;
    float:right;
  

}
.notopmargin {
	margin-top:0;
}

	/* Smartphones (portrait and landscape) ----------- */
@media 
	only screen and (max-width: 580px),
	(min-device-width: 600px) and (max-device-width: 800px)  {
		
        .logo-size-right{height:65px; padding-top:18px}
        .smallerText2 {font-size:20px}
        iframe{width:100%; height:250px}
        .pandalogo  {width:110px}
        .epawslogo {height:50px}
        .panda-footer{ 
           display:none;   
		}
        .navbar-brand {font-size:14px}
        
        .navbar p {display:none}
		#ad-wrapper {display:none}
			
		}

#remove_desktop {display:none}
.remove_desktop {display:none}

#smallText {font-size:14px}
.smallText {font-size:14px}
#smallerText {font-size:12px}
.smallerText {font-size:12px}
#smallestText {font-size:11px}
.smallestText {font-size:11px}
.backgroundpanda {background:url(../img/hello1.png) bottom right no-repeat #FFF;}




@media 
	only screen and (max-width: 1200px),
	(min-device-width: 1200px) and (max-device-width: 1200px)  {
#remove_phone {display:none}
.remove_phone {display:none}
#remove_desktop {display:inherit}
.remove_desktop {display:inherit}
#smallText {font-size:12px}
.smallText {font-size:12px}
#smallerText {font-size:11px}
.smallerText {font-size:11px}
#smallestText {font-size:10px}
.smallestText {font-size:10px}

.backgroundpanda {background:url(../img/white.jpg) bottom right no-repeat #FFF;}
        


	}



/* Panda Footer ----------- */
.panda-footer{
	font-size:12px;
	color:#FFFFFF;
    position:fixed;
    left:0px;
    bottom:0px;
    height:23px;
    width:100%;
	padding:3px 0 3px 8px;
    background:#702916;
	text-align:center;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ 	#eee /*{a-bar-shadow-color}*/;
	z-index:2;
}
/* Für ie6*/
* html .panda-footer{
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}	

#home{padding-top:0}

#home .navbar-brand{padding:13.5px 15px 12.5px}

#home .navbar-brand>img{display:inline;margin:0 10px;height:100%}

#banner{min-height:300px;border-bottom:none}

.table-of-contents{margin-top:1em}

.page-header h1{font-size:35px}

.bs-docs-section{margin-top:6em}

.bs-docs-section h1{padding-top:100px}

.bs-component{position:relative}

.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}

.bs-component .modal-dialog{width:90%}

.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}

#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:700}

.nav-tabs{margin-bottom:15px}

.progress{margin-bottom:10px}

footer{margin:5em 0}

footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}

footer p{clear:left;margin-bottom:0}

.splash{padding:9em 0 2em;background-color:#141d27;background-image:url(../img/bg.jpg);background-size:cover;background-attachment:fixed;color:#fff;text-align:center}

.splash .logo{width:160px}

.splash h1{font-size:3em}

.splash #social{margin:2em 0}

.splash .alert{margin:2em 0}

.section-tout{padding:4em 0 3em;border-bottom:1px solid rgba(0,0,0,.05);background-color:#eaf1f1}

.section-tout .fa{margin-right:.5em}

.section-tout p{margin-bottom:3em}

.section-preview{padding:4em 0 4em}

.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}

.section-preview .preview .image{position:relative}

.section-preview .preview .image:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}

.section-preview .preview .options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,.05);border-top:none;text-align:center}

.section-preview .preview .options p{margin-bottom:2em}

.section-preview .dropdown-menu{text-align:left}

.section-preview .lead{margin-bottom:2em}

@media (max-width:767px){
    .section-preview .image img{width:100%}
}

.sponsor{text-align:center}

.sponsor a:hover{text-decoration:none}

@media (max-width:767px){
    .splash{padding-top:4em}
    .splash .logo{width:100px}
    .splash h1{font-size:2em}
    #banner{margin-bottom:2em;text-align:center}
}

.no-margin {margin:0 0 3px 0}

.table > thead > tr.darkgray {
    background-color: #484849;
    color: #FFF;
}

.table > thead > tr.darkgray a{
    background-color: #484849;
    color: #FFF;
}





/* Featured Box */
.featured-box {
	background: #F5F5F5;
	background-color: transparent;
	background: -webkit-linear-gradient(top, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
	background: linear-gradient(to bottom, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-radius: 8px;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	min-height: 100px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.featured-box h4 {
	font-family:'gotham-medium-webfont', Calibri, 'calibri-webfont', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.7px;
	margin-top: 5px;
	text-transform: uppercase;
}

.featured-box a {
	text-decoration:none;
	color:#404041
}


.featured-box .box-content {
	border-radius: 8px;
	border-top: 3px solid #33B8FF;
	border-top-width: 4px;
	padding: 30px 30px 10px 30px;
}

.featured-box .box-content i{
	padding: 21px 0 0 0;
}

.featured-box .learn-more {
	display: block;
	margin-top: 10px;
}

/* Featured Boxes */
.featured-boxes .featured-box {
	margin-bottom: 30px;
	margin-top: 45px;
}

.featured-boxes .featured-box.info-content {
	text-align: left;
}

/* Primary */
.featured-box-primary i.icon-featured {
	background-color: #d1282e;
}

.featured-box-primary h4 {
	color: #d1282e;
}

.featured-box-primary .box-content {
	border-top-color: #d1282e;
}

/* Secundary */
.featured-box-secundary i.icon-featured {
	background-color: #404041;
}

.featured-box-secundary h4 {
	color: #404041;
}

.featured-box-secundary .box-content {
	border-top-color: #404041;
}

/* Tertiary */
.featured-box-tertiary i.icon-featured {
	background-color: #7e9cb6;
}

.featured-box-tertiary h4 {
	color: #7e9cb6;
}

.featured-box-tertiary .box-content {
	border-top-color: #7e9cb6;
}

/* Quartenary */
.featured-box-quartenary i.icon-featured {
	background-color: #38b44a;
}

.featured-box-quartenary h4 {
	color: #38b44a;
}

.featured-box-quartenary .box-content {
	border-top-color: #38b44a;
}


/* Icon Featured */
.icon-featured {
	border-radius: 100%;
	color: #FFF;
	font-size: 40px;
	line-height: 110px;
	margin: 25px 0;
	padding: 25px;
	display: inline-block;
	padding: 0;
	width: 110px;
	height: 110px;
}




/* Team List */
ul.team-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.team-list .team-item {
	margin-bottom: 35px;
}

ul.team-list .team-item .thumb-info-social-icons {
	margin: 0 10px;
}


/* Thumb Info */
.thumb-info {
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	height:200px;
}

.thumb-info:hover .thumb-info-action-icon {
	right: 0;
	top: 0;
}

.thumb-info:hover .thumb-info-action {
	filter: alpha(opacity=100);
	opacity: 1;
}

.thumb-info:hover .thumb-info-title {
	background: #000;
}

.thumb-info .thumb-info-action-icon {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #CCC;
	border-radius: 0 0 0 25px;
	display: inline-block;
	font-size: 25px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: -100px;
	text-align: center;
	top: -100px;
	width: 50px;
}

.thumb-info .thumb-info-action-icon i {
	font-size: 24px;
	left: 3px;
	position: relative;
	top: -4px;
}

.thumb-info .thumb-info-action {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(36, 27, 28, 0.9);
	bottom: 0;
	color: #FFF;
	filter: alpha(opacity=0);
	height: 100%;
	left: 0;
	opacity: 0.0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.thumb-info .thumb-info-inner {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
	white-space: nowrap;
}

.thumb-info .thumb-info-title {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(36, 27, 28, 0.9);
	bottom: 10%;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	left: 0;
	letter-spacing: -1px;
	padding: 9px 11px 9px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	z-index: 1;
	top:120px
}

.thumb-info .thumb-info-type {
	background-color: #d1282e;
	border-radius: 2px;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 8px -2px -15px -2px;
	padding: 2px 9px;
	text-transform: none;
}

.thumb-info img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border-radius: 3px;
	position: relative;
	padding:0 0 0 0;
}

.thumb-info:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* Thumb Info Caption  */
.thumb-info-caption {
	padding: 10px 0;
}

.thumb-info-caption p {
	font-size: 0.9em;
	line-height: 20px;
	margin: 0 0 8px;
	padding: 10px;
}

/* Thumb Info Social Icons */
.thumb-info-social-icons {
	border-top: 1px dotted #DDD;
	margin: 0;
	padding: 15px 0;
	display: block;
}

.thumb-info-social-icons a {
	background: #CCC;
	border-radius: 25px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.thumb-info-social-icons a:hover {
	text-decoration: none;
}

.thumb-info-social-icons a span {
	display: none;
}

.thumb-info-social-icons a i {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
}

/* Thumb Info Secundary */
.thumb-info.secundary .thumb-info-title {
	background: transparent;
	bottom: auto;
	left: 0;
	right: 0;
	top: 35%;
	text-align: center;
	opacity: 0;
}

.thumb-info.secundary .thumb-info-type {
	float: none;
}

.thumb-info.secundary:hover .thumb-info-title {
	top: 42%;
	opacity: 1;
}

/*HOVER ON DROPDOWN*/
uib-accordion-heading .darkgray {
	background-color:#404041;
	color:#FFF;
}





/*HOVER ON DROPDOWN*/

 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.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 > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
}  
  
@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
 
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
   
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 0px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
   }x

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  


/*  Slider */

#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}

/* MARK MUNOZ SPLASH */
.mark-splash-headline {
font-size:32px;
color:#fff;
text-align:center;
letter-spacing: 4px;
}


@media 
	only screen and (max-width: 580px),
	(min-device-width: 600px) and (max-device-width: 800px)  {
.mark-splash-headline {
font-size:20px;
color:#fff;
text-align:center;
letter-spacing: 3px;
}

.carousel-caption h1{
	font-size:20px;
}

.carousel-caption p{
	display:none;
}

.carousel-caption .btn-primary{
	font-size:12px;
}


}  

a.hover .jumbotron .container h2 {
	text-decoration:none;
}