/* ----------------------------------------------------------------|
   | ausignis-Framework (ausignis.css)                             | 
   | --------------------------------------------------------------|
   | ausignis GbR, Freinsheim | www.ausignis.de                    |
   |                                                               |
   | Version 2.0                                                   |
   | requires:   - Bootstrap 3.x                                   |
   |             - Glyphicons Halflings (included in Bootstrap)    |                               |
   ----------------------------------------------------------------- */

/* ============================== INITIALIZE ============================== */

/* This only works with JavaScript, if it's not present, don't show loader */
html:not(.js) #preloader, /*DNN-fix - kein Zugriff auf html-class*/
.no-js #preloader {
    display: none;    
}
.js #preloader {	
    position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/preloader.gif) center no-repeat #fff;
}

/* ============================== /initialize ============================== */

/* ============================== TYPOGRAPHY ============================== */
html {
    font-size: 10px;    
}
body, html {	   
    -webkit-font-smoothing: antialiased;
    /*Sticky-Footer*/
	height: 100%;
}
body:after {
    content: 'mobile';
    display: none;
}

p:first-child {
	margin-top: 0px !important;
}
p:last-child {
    margin-bottom: 0px;
}
	
a, a:active, a:visited, a:focus {
	outline: none;
}
a:hover {	
	outline: none;
}

h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
    display:  inline-block;
}

li {
	margin-bottom: 5px;
}
ol li {
    margin-bottom: 10px;
}
li:last-child {
	/*
    margin-bottom: 0px;
	margin-right: 0px;
        */
}

table {
	font-size: inherit;
    font: 100%;
}

ul {
	margin-bottom: 20px;
}

address li {
    margin-bottom: 0px;
}

select, input, textarea {
    font-size: 99%;
}

pre {
    padding: 15px;
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label */
input[type=radio] { vertical-align: text-bottom; }
input[type=checkbox] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


table.textflow {
    margin-bottom: 15px;
}
.textflow td {
    padding-right: 15px;
    padding-bottom: 5px;
    vertical-align: top;  
}
.textflow td:last-child {
    padding-right: 0px;    
}

.img_caption {
    font-size: 0.9em;
    text-align: center;
    width: auto !important;
}

.column-text-2, .column-text-3, .column-text-4 {
    -moz-column-gap: normal;
    -webkit-column-gap: normal;
    column-gap: normal;
    padding: 0;
    text-align: justify;
}
.column-text-2 li, .column-text-3 li, .column-text-4 li {
    list-style-type: none;
    display: block;
}
.column-text-2 {    
    -moz-column-count: 2;
    -webkit-column-count: 2;    
    column-count: 2;
}
.column-text-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
.column-text-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

.table.text-center td , .table.text-center th{
   text-align: center;   
}
.table.text-left td, .table.text-left th {
   text-align: left;   
}
.table.text-right td, .table.text-right th {
   text-align: right;   
}

a.extern:before {
	content: '\e164';
    font-family: 'Glyphicons Halflings';
    font-size: 85%;		
    margin-left: 0px;
    margin-right: 4px;
	vertical-align: 0px;		
}

/* ============================== /typography ============================== */


/* ============================== EFFECTS ============================== */

/* ----- Twist-Content wechselt bei Hover zwischen .frontside und .backside ----- */
.twist-content {
    overflow: hidden;
    position: relative;    
}
.twist-content .frontside, .twist-content .backside {
    backface-visibility: hidden;    
    transition: all 0.5s ease 0s;    
}
.twist-content .frontside {
    cursor: pointer;
    opacity: 1;
    transform: perspective(500px) rotateY(0deg);
}
.twist-content .backside {
    bottom: 0;
    cursor: text;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: perspective(500px) rotateY(180deg);
}
.twist-content:hover .frontside {
    opacity: 0;
    transform: perspective(500px) rotateY(-180deg);
}
.twist-content:hover .backside {
    opacity: 1;
    transform: perspective(500px) rotateY(0deg);
}

/* ----- Hover-Content -----*/
.hover-content {
    overflow: hidden;
    position: relative;
}
.hover-content .bottom-part, .hover-content .top-part {
    bottom: 0;    
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}
.hover-content .top-part {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #ffffff;
    height: 79%;
    top: 0;
    transform: translate(0%, -100%);
}
.hover-content .bottom-part {
    background: #ffffff none repeat scroll 0 0;
    height: 21%;
    transform: translate(0%, 100%);
}
.hover-content:hover .bottom-part, .hover-content:hover .top-part {
    opacity: 1;
    transform: translate(0%, 0%);
}
.hover-content .top-part > i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);     
    margin: 0px;    
    font-size: 7.0rem;
    opacity: 0.8;
    transition: opacity 0.5s linear 0s;
}
.hover-content .top-part i:hover {
    opacity: 1.0;
}
.hover-content .bottom-part h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);     
    width: 100%;
    margin: 0px;      
}

.sunrise-box,
.sundown-box {
    position: relative;
    text-align: center;
    border: 1px solid #eeeeee;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}
.sunrise-box .overlay,
.sundown-box .overlay {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    color: #ffffff;
    height: 100%;
    left: 0;    
    padding: 25% 15px 0px 15px;
    position: absolute;
    text-align: center;
    top: 0;    
    width: 100%;    
    transition: all 0.5s ease 0s;
}
.sunrise-box .overlay {
    opacity: 1;
}
.sunrise-box:hover .overlay{
    opacity: 0;
}
.sundown-box .overlay {
    opacity: 0;
}
.sundown-box:hover .overlay{
    opacity: 1;
}
.sunrise-box .overlay .title,
.sundown-box .overlay .title {
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 2.6rem;
    font-weight: 400;
    margin-bottom: 10px;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.sunrise-box .overlay i,
.sundown-box .overlay i {
    font-size: 6.0rem;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

/* ============================== /effects ============================== */


/* ============================== JQUERY-INITS ============================== */
.jq-scrollup {
	display: none;
	cursor: pointer;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 998;    
    width: 50px;
    height: 50px;    
    line-height: 50px;
    background: #e82525;
    border-radius: 100%;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);
    color: #ffffff;    
    font-size: 24px;
    text-align: center;    
    transition: all 0.5s ease-out 0s;
    opacity: 0.7;
}
.jq-scrollup:before {
    content: '\e260';
    font-family: 'Glyphicons Halflings';        
	vertical-align: 0px;
}
.jq-scrollup:hover {	
	text-decoration: none;
    opacity: 1;    
    color: #ffffff;
}


/*initialisiert ein Element erst beim Scrollfocus um dann die gewaehlte Animation aus der animation.css zu starten*/
.jq-wow {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;    
}
/*entfernen dieser Class (via jq-effects.js) startet die Animation*/
.jq-wow-off {
    visibility: hidden;
    animation-name: none; /*fuer einfachere animation.css integration*/
}

/*jQuery Marquee-Plugin*/
.jq-marquee {
    padding: 7px 2px;
    overflow: hidden;
}
.jq-marquee p,
.jq-marquee ul {            
    margin: 0px;
    overflow: hidden;   
    white-space: nowrap;
    letter-spacing: 1px;
    width: 100%;
    line-height: 130%; 
}
.jq-marquee ul {
    list-style: outside none none;    
    padding: 0px;
}
.jq-marquee li {
    display: inline-block;
    margin: 0px;
    padding: 0px;    
}
.jq-marquee li:before {
    content: '+++';
    padding-right: 15px;
    padding-left: 15px;
}
.jq-marquee li:last-child:after {
    content: '+++';
    padding-left: 15px;
}

/* ============================== /jquery-inits ============================== */


/* ================================== EXTENSIONS ================================== */

.pull-left {
	float: left;
	clear: both;
	margin: 0px 20px 10px 0px;				
}
.pull-right {	
	clear: both;
    float: right;
    margin: 5px 0px 20px 30px;
}

.box-25p {
    width: 25%;
}
.box-33p {
    width: 33.3%;
}
.box-50p {
    width: 50%;
}
.box-75p {
    width: 75%;
}

.col-left {
    float: left;
}
.col-right {
    float: right;
}
.block-center {
	display: block;				
	margin: 5px auto 20px auto;
}
/* zentriert den content des folgenden Divs vertikal */
.vertical-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.first {
	margin-top: 0px;
}
.last {
	margin-bottom: 0px;
}
.no-passages p, .no-passages ul, .no-passages img {
    margin-bottom: 0px !important;
}

i.spacer-right {
	margin-right: 0.7rem;
}
i.spacer-left {
	margin-left: 0.7rem;
}

.landing {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.overlay {
    height: 100%;
    width: 100%;
}

.clickable {
    cursor: pointer;
}

.cover-bg, 
.cover-img {
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;    
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    overflow: hidden;
    background-image: none;
}
.cover-img {
    background-attachment: scroll;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.no-padding {
    padding: 0px;
}
.no-margin {
    margin: 0px;
}
.no-border {
    border: none;
}

.abs-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
}


/* --- Footer-Menu --- */
.footer-menu {
    margin: -5px;
}
.footer-menu li {    
    display: inline-block;    
    list-style: none outside none;
    margin: 0px;
    padding: 0px;	
}
.footer-menu li > a {
    padding: 5px;
}
.footer-menu li > a:hover {
    background: none;
}
/* Menusuffix 'separator' fuer Trennstriche */
.separator li {
    border-right: 1px dotted #ffffff;
}
.separator li:last-child {		
	border-right: none;	
}

/* --- vertikales Sidebarmenue --- */
.navside {
    list-style: none;
}
.navside .nav-child {
    display: none;
    list-style: none;
}
.navside .parent.open .nav-child {
    display: block;
}
.navside .parent.active .nav-child {
    display: block;
}

.navside li {    
    margin: 0px;
    padding: 2px 0px;
}

.navside li > a {        
    padding: 0px;
    white-space: normal;    
}
.navside li > a:hover {    
}
.navside .active > a {    
}
.navside .nav-child {    
}

.navside .nav-child li > a {             
}
.navside .nav-child li > a:hover {    
}
.navside .nav-child .active > a {    
    font-weight: normal;
}


img.no-sizing {
    max-width: none !important;
    max-height: none !important;
}


/* -------------------- for Bootstrap -------------------- */
.panel-body > *:last-child {
    margin-bottom: 0px;
}


/*um Fullsizebilder in einem Panel darzustellen*/
.panel .no-padding {
    margin: -15px;
}
.panel .no-padding img {
    display: block;
    width: 100%;
    margin: 0px;      
}

/* --- Accordion-Panel --- */
.panel-accordion {        
    border: none;    
}
.panel-accordion .panel-heading {
    padding: 0px;            	
	width: 100%;       
    padding: 12px 15px;            
}
.panel-accordion .panel-heading h4 {
	margin: 0px 0px 0px 15px;    
    text-indent: -15px;    
}
.panel-accordion .panel-heading h4 a:before {
	content: '\e250';
    font-family: 'Glyphicons Halflings';
    font-size: 70%;		
    margin-left: 0px;
    margin-right: 5px;
	vertical-align: 0px;	
}
.panel-accordion .panel-heading a {
    display: block;
    color: inherit;
    text-decoration: none;
}
.panel-accordion .panel-heading a:hover {	
}
.panel-accordion .panel-body {
    padding-top: 25px;
    padding-bottom: 25px;        
}
.panel-accordion .panel-footer {
    background: none;
    font-size: 75%;    
}

/* --- Fullsize-Modelbox --- */
.modal-fullsize .modal-dialog {
    width: 100%;
}
.modal-fullsize .modal-content {
    border-radius: 0px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.modal-fullsize .modal-header {
    border: none;    
}

.modal-fullsize button.close {
    margin-top: -20px;
    font-size: 80px;
}
.modal-fullsize .modal-body {
    border-bottom: 2px solid #aaaaaa;    
}

ul.row {
    list-style: none;
    padding: 0px;
    margin-top: -15px;
    margin-bottom: -15px;
}
ul.row > li {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* --- vertikaler Abstand von cols bei mobiler Ansicht --- */
.row.col-padding {
    margin-top: -15px;    
}
.row.col-padding > div {
    padding-top: 15px;    
}
.row.col-padding > div > *:last-child {
    margin-bottom: 0px;
}

div.list-inline ul {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
div.list-inline ul > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/* -------------------- /for bootstrap -------------------- */

/* -------------------- for SWIPER SLIDER -------------------- */

.swiper-container {
    height: 300px;
} 

/* -------------------- /for swiper-slider -------------------- */

/* -------------------- for animate.css -------------------- */

/* -------------------- /for animate.css -------------------- */

/* ============================== /extensions ============================== */


/* ============================== OVERWRITES ============================== */

/* -------------------- BOOTSTRAP-OVERWRITE -------------------- */
.navbar {
	position: static; /*sonst werden im IE Elemente mit neg. margin abgeschnitten*/
    min-height: 0px;
}

.page-header {
	border: none;
	margin: 0px;
    padding: 0px;    
}

blockquote {
    clear: both;	
}
blockquote p {    
    font-weight: normal;    
}
.dropdown-menu {	
	border-radius: 5px;	
}

.dropdown-menu .active > a {
    background: none;
}

.no-resp .container {
    width: 1170px !important;
}
.resp .container {
    max-width: 1170px;
    width: auto;
}

/* -------------------- /bootstrap-overwrite -------------------- */

/* ============================== /overwrites ============================== */


/* ================================== SITE-LAYOUT ================================== */

#site-wrapper { 			       
    /*Sticky-Footer*/
	position: relative;
	min-height: 100%;	
}

#no-footer-wrapper {}

#sticky-footer {     
	clear: both;
	position: absolute;
	bottom: 0px;	
	left: 0px;
	width: 100%;
}

#sticky-footer-spacer {}

/* -------------------- RESPONSIVE NAVBAR -------------------- */
#navbar {
	margin-bottom: 0px;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
    z-index: 200;	
    box-shadow: none;
    border: none;
    border-radius: 0px;
    padding: 0px 0px;
    min-height: 0;    
}

#navbar .navbar-header {}
/*Logo-Bereich -> Layout*/
#navbar .navbar-brand {	
	float: none;
    position: relative;			
    height: auto;        
}

#navbar .navbar-brand p:last-child {
    margin-bottom: 0px;
}

/*Logo-Bereich -> Design*/
#navbar .navbar-brand img {				    
	border: none;	
	box-shadow: none;
	border-radius: 0px;
	background-color: transparent;	
}

/* -------------------- Definition des Dropdown-Icons -------------------- */
#navbar .navarrow:before {
	content: '\e259';
	font-family: 'Glyphicons Halflings';
	margin-left: 4px;
    vertical-align: -1px;            
    font-size: 60%;    
    font-style: normal;
    font-variant: normal;    
}

/* -------------------- Menu-Element (div) -------------------- */
#navbar .navbar {	
    border-top: none;    
    box-shadow: none;       
}


/* -------------------- Menu-Liste -------------------- */
#navbar .navbar-nav li {
	margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
#navbar .bg-hover li:hover {
    background: rgba(255,255,255,0.15);
}

.no-resp #navbar .navbar-nav > li {
    float: left;
}

#navbar .dropdown-menu {
	filter: none;	    
    border: none;          
}

/* -------------------- Menu-Links -------------------- */

/* --- alle Ebenen --- */
.resp #navbar .navbar-nav li > a {	        
	font-variant: normal;
    border-bottom: 1px dotted #f0f0f0;
}
#navbar .navbar-nav li:last-child > a {
    border-bottom: none;
}
#navbar .navbar-nav li > a:hover, #navbar .navbar-nav li > a:focus {
    background: transparent;    
}
#navbar .navbar-nav li.open > a {
    background: none;    
}
#navbar .navbar-nav li.open > a:hover, #navbar .navbar-nav li.open > a:focus {
    background: none;        
}
#navbar .navbar-nav li.active > a {    
	background: none;
}

#navbar .mainnav-menu .navbar-nav li > a:hover,
#navbar .mainnav-menu .navbar-nav li > a:focus,
#navbar .mainnav-menu .navbar-nav li.active > a {    
}


/* --- oberste Ebene --- */
#navbar .navbar-nav > li > a {}

/* --- Dropdown --- */
#navbar .mainnav-menu .navbar-nav .dropdown-menu {
    margin-bottom: 10px;    
}
#navbar .mainnav-menu .navbar-nav .dropdown-menu li > a {    
    padding: 5px 20px;        
    font-variant: normal;
    text-shadow: none;
    font-weight: normal;   
}

/* --- 2+. Ebene --- */
#navbar .mainnav-menu .navbar-nav .dropdown-menu .navarrow:before {
    position: static;
}
#navbar .mainnav-menu .navbar-nav .dropdown-menu .dropdown-menu {        
    font-style: italic;    
}


/* -------------------- Menu-Button -------------------- */
#navbar .navbar-toggle {
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    font-size: 1.7rem;
    text-align: center;
}
#navbar .navbar-toggle.bar {     /*Doku: .bar um den Navbar-Toggle als fullsize-bar darzustellen*/
    display: block;
    float: none;    
    border-radius: 0px;        
}
#navbar .navbar-toggle.bar .menu-title {    
    text-transform: uppercase;        
}
#navbar .navbar-toggle .menu-icon {
    font-size: 75%;
    margin-left: 7px;
    margin-right: 7px;
    vertical-align: 1px;
}


/* -------------------- Dropdown-Box -------------------- */
#navbar .mainnav-menu .navbar-nav .dropdown-menu li {
    float: none;
}


#navbar .mainnav-menu .navbar-nav .dropdown-menu .menu-icon {
    display: none;
}

/* -------------------- /responsive navbar -------------------- */

/* -------------------- TEASER -------------------- */
.teaser p:last-child {
    margin-bottom: 0px;
}

#teaser-left {
    position: fixed;    
    left: 0px;
    top: 40%; 
    z-index: 200;
}

#teaser-left > div {
    position: relative;
    left: -120px; /*rel(1)*/
    overflow: hidden;
    transition: left 0.5s ease 0.1s;
    border-radius: 0px 5px 5px 0px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);    
}
#teaser-left > div:hover {
    left: 0px;    
}

/*Teaser mit hereinragendem 90Grad-Header*/
#teaser-left td {
    width: 120px; /*rel(1)*/
}
#teaser-left td.header {            
    width: 30px;
    white-space: nowrap;    
}
#teaser-left td.header h3 {
    transform:     
        translate(0px, 40px) /*QaD*/    
        rotate(270deg);
    width: 30px;    
    text-transform: uppercase;
}
#teaser-left td.header h3 span {
    padding: 5px 10px;
    color: #ffffff;
}
#teaser-left h3 span {
    
}

/* -------------------- /teaser -------------------- */

/* ============================== /site-layout ============================== */


/* ================================== MEDIA QUERIES ================================== */

/* -------------------- >= Tablet -------------------- */
@media (min-width: 768px) {
    body:after { content: 'tablet'; }
   
    /* -------- Responsive Navbar -------- */         
    .resp #navbar .mainnav-menu .navbar-nav .dropdown-menu {        
        margin-top: 0px;        
        border-radius: 0px 0px 5px 5px;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        padding: 10px 0px;
    }
    .resp #navbar .navbar-nav li > a {
        font-size: 1.7rem;    
        padding: 20px 20px;        
    }
    .resp #navbar .navbar-nav > li > a {        
        border-bottom: none;
    }
    .resp #navbar .navbar-toggle, #navbar .navbar-toggle.bar { /*default*/
        display: none;
    }

     /* --- 2+. Ebene --- */
    .resp #navbar .mainnav-menu .dropdown-menu .navarrow:before {
        position: absolute;
        left: 5px;
        top: 10px;
        content: '\e251';
        font-size: 50%;        
    }        
    .resp #navbar .mainnav-menu .dropdown-menu .dropdown-menu {                     
        top: 0px;
        left: -200px;
        width: 200px;        
        box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        float: none;    
        font-style: italic;          
        white-space: normal;        
    }        

    /*Dropdownmenu on hover*/
    .resp #navbar .mainnav-menu.onhover li.dropdown:hover > .dropdown-menu {
        display: block !important;
    }

    #navbar .mainnav-menu.root-icon .navbar-nav > li > a > .menu-icon {
        display: block;                
        height: 45px;
        margin: 0px auto 3px auto;
    }
    
    /* -------- /responsive navbar -------- */


    .resp .modal-fullsize .modal-dialog {        
        margin: 0 auto;
        position: relative;
        top: 15%;
        width: 75%;
    }
    .resp .modal-fullsize .img-area {
        position: absolute;
        bottom: 0px;
        right: 0px;    
    }   
    
}
/* -------------------- />=tablet -------------------- */


/* -------------------- >= Desktop -------------------- */
@media (min-width: 992px) {
    body:after { content: 'desktop'; }
}

/* -------------------- >= HD-Desktop -------------------- */
@media (min-width: 1600px) {
    body:after {
        content: 'hd-desktop';
    }    
}

/* -------------------- />=hd-desktop -------------------- */

/* -------------------- Portrait tablet to landscape and desktop -------------------- */
@media (max-width: 991px) {
    .resp .abs-bottom {
        position: initial;
        bottom: initial;
        width: initial;
    }
}

/* -------------------- Landscape phone to portrait tablet -------------------- */
@media (max-width: 767px) {	
            
    /* -------- Responsive Navbar -------- */    
    .resp #navbar .navbar-nav {}
    .resp #navbar .navbar-nav > li {
        margin: 0px 0px;            
    }        
    .resp #navbar .navarrow:before {
	    position: absolute;
        right: 15px;
        content: '\f078';	    
	    margin-left: 0px;        
    }
    .resp .dnn #navbar .navbar-nav .dropdown-menu {
        float: none;
        position: static;
        width: auto;
    }
    .resp #navbar .mainnav-menu .navbar-nav .dropdown-menu li > a {
        border-bottom: none;
    }   
    /* -------- /responsive navbar -------- */

    .resp #sticky-footer {     
	    clear: initial;
	    position: static;
	    bottom: initial;	
	    left: initial;
	    width: initial;
    }
    .resp #sticky-footer-spacer {
        display: none;
    }    

    .resp .box-25p,
    .resp .box-33p,
    .resp .box-50p,
    .resp .box-75p,
    .resp ul.cols-3 > li {
        width: 100%;
        float: none;        
    }

    .resp .column-text-2,
    .resp .column-text-3,
    .resp .column-text-4 {
        -moz-column-count: auto;
        -moz-column-gap: normal;
        -webkit-column-count: auto;
        -webkit-column-gap: normal;
        column-count: auto;
        column-gap: normal;
    }    
    
}
/* -------------------- /landscape phone to portrait tablet -------------------- */

/* -------------------- <= Portrait Phone -------------------- */
@media (max-width: 480px) {
    .resp img.pull-left, .resp img.pull-right,
    .resp .item-image.pull-left, .resp .item-image.pull-right {
        display: block;
        float: none !important;        
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }    
}

/* -------------------- Print Styles -------------------- */
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* ============================== /media queries ============================== */