/* ==========================================================================
   Standards
   ========================================================================== */

html, body {
	height: 100%;
  font-family: 'Source Sans Pro', sans-serif;
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}




h1 {color: #154275; font-weight: 600; text-transform: uppercase;}
h2 {color: #e41b13; font-weight: 400;}
h3 {color: #154275; font-weight: 400;}
h4 {color: #6e6f71; font-weight: 400;}
h5 {color: #e41b13; font-weight: 400; line-height: 1.9rem;}
h6 {font-size: 1.3rem; line-height: 1.5rem;}

.titleline {border-left: 5px solid #e41b13; padding-top: 40px; margin-left: -40px;}
.titleline h1, .titleline h2, .titleline h3 {padding-left: 35px;}

.callout .titleline {border-left: 5px solid #fff;}

#content-aktuelles h2, #ansprechpartner h2 {color: #154275; font-weight: 600; text-transform: uppercase;}
#content-aktuelles h3, #ansprechpartner h3 {color: #e41b13; font-weight: 400;}


@media (max-width: 991px) {
h1, #content-aktuelles h2, #ansprechpartner h2  {font-size: 2rem;}
h2, #content-aktuelles h3, #ansprechpartner h3  {font-size: 1.7rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.3rem;}
h5 {font-size: 1.1rem;}
h4.introtext {margin-top: 2rem;}
.titleline {padding-top: 20px;}
}
@media (min-width: 992px) {
h1, #content-aktuelles h2, #ansprechpartner h2 {font-size: 3rem;}
h2, #content-aktuelles h3, #ansprechpartner h3 {font-size: 2.7rem;}
h3 {font-size: 2.2rem;}
h4 {font-size: 1.7rem;}
h5 {font-size: 1.5rem;}
h4.introtext {margin-top: 4rem;}
}




p, li {font-size: 1.3em; color: #6e6f71;}
p.small {font-size: 0.9em !important;}

.bg-primary {background-color: #154275 !important;}
.bg-info {background-color: #e41b13;}

.blue {color: #154275;}
.red {color: #e41b13;}


ul {list-style-type: square;}

/* ----------- MAP ------------- */

#map-canvas { height: 600px;}

#map {padding: 0;  background-color: rgba(220,220,220, 0.7); }
#map .row {margin: 0; padding: 0;}
#map .col-1, #map .col-2, #map .col-3, #map .col-4, #map .col-5, #map .col-6, #map .col-7, #map .col-8, #map .col-9, #map  .col-10, #map  .col-11, #map .col-12, #map .col, #map .col-auto, #map .col-sm-1, #map .col-sm-2, #map .col-sm-3, #map .col-sm-4, #map .col-sm-5, #map .col-sm-6, #map .col-sm-7, #map .col-sm-8, #map .col-sm-9, #map .col-sm-10, #map  .col-sm-11, #map .col-sm-12, #map .col-sm, #map .col-sm-auto, #map .col-md-1, #map .col-md-2, #map .col-md-3, #map .col-md-4, #map .col-md-5, #map .col-md-6, #map .col-md-7, #map .col-md-8, #map .col-md-9, #map .col-md-10, #map .col-md-11, #map .col-md-12, #map .col-md, #map .col-md-auto, #map .col-lg-1, #map .col-lg-2, #map .col-lg-3, #map .col-lg-4, #map .col-lg-5, #map .col-lg-6, #map .col-lg-7, #map .col-lg-8, #map .col-lg-9, #map .col-lg-10, #map .col-lg-11, #map .col-lg-12, #map .col-lg, #map .col-lg-auto, #map .col-xl-1, #map .col-xl-2, #map .col-xl-3, #map .col-xl-4, #map .col-xl-5, #map .col-xl-6, #map .col-xl-7, #map .col-xl-8, #map .col-xl-9, #map .col-xl-10, #map .col-xl-11, #map .col-xl-12, #map .col-xl, #map .col-xl-auto {
  min-height: 1px;
  padding-left: 0px !important;
  position: relative;
  width: 100%;
}
#map .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  padding-right: 0px !important;
}

  .map-bg {color: #154275; }

  .map-bg h4 {margin-top: 3rem; color: #154275;   }
  .map-bg p {margin-top: 2rem; color: #154275; }

  .map-angaben {padding: 6rem 2rem 2rem 2rem; text-align: center;}




/* ---------- Social Sidebar ---------- */
[class*="facebook"]:before {
  font-family:'FontAwesome';
  content: "\f09a";
}
[class*="brief"]:before {
  font-family:'FontAwesome';
  content: "\f003";
}
[class*="phone"]:before {
  font-family:'FontAwesome';
  content: "\f095";
}
[class*="xing"]:before {
  font-family:'FontAwesome';
  content: "\f168";
}
[class*="twitter"]:before {
  font-family:'FontAwesome';
  content: "\f099";
}


#social-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


#social-sidebar {
  right: 0;
  margin-top: -75px; /* (li * a:width) / -2 */
  position: fixed;
  top: 50%;
  z-index: 9998;
}

#social-sidebar li:first-child a { border-radius: 5px 0 0 0; }
#social-sidebar li:last-child a { border-radius:  0  0 0 5px; }

#social-sidebar a {
  background: #6e6f71;
  color: #fff;
  display: block;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  position: relative;
  text-align: center;
  width: 50px;
}

#social-sidebar a:hover span {
  right: 110%;
  opacity: 1;
}

#social-sidebar a span {
  border-radius: 3px;
  line-height: 24px;
  right: -100%;
  margin-top: -16px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  padding: 4px 8px;
  position: absolute;
  -webkit-transition: opacity .3s, right .4s;
  -moz-transition: opacity .3s, right .4s;
  -ms-transition: opacity .3s, right .4s;
  -o-transition: opacity .3s, right .4s;
  transition: opacity .3s, right .4s;
  top: 50%;
  white-space: nowrap;
  z-index: -1;
}

#social-sidebar a span:before {
  content: "";
  display: block;
  height: 8px;
  right: -2px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  z-index: -2;
}

#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before { background: #00aced; text-decoration: none;}

#social-sidebar a[class*="xing"]:hover,
#social-sidebar a[class*="xing"] span,
#social-sidebar a[class*="xing"] span:before { background: #005a5f; text-decoration: none; }

#social-sidebar a[class*="phone"]:hover,
#social-sidebar a[class*="phone"] span,
#social-sidebar a[class*="phone"] span:before { background: #e41b13; text-decoration: none; }

#social-sidebar a[class*="brief"]:hover,
#social-sidebar a[class*="brief"] span,
#social-sidebar a[class*="brief"] span:before { background: #154275; text-decoration: none; }

#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before { background: #3b5998; text-decoration: none;}


/* ----------- FOOTER ------------- */

footer {background-color: #154275; color: #fff; padding: 2rem; }
footer h6, footer a {color: #fff;}
footer .btn {margin-left: 1rem;}


/* ----------- LINKS ------------- */

a {
	color: #154275;
	transition: all 0.2s; /* explorer 10 */
    -webkit-transition: all 0.4s; /* chrome & safari */
    -moz-transition: all 0.4s; /* firefox */
    -o-transition: all 0.4s; /* opera */
}

a:hover {color: #e41b13;}

a:focus {
  	outline: none;
  	outline: 0px auto -webkit-focus-ring-color;
}

::selection {
  	background: #ccc; /* WebKit/Blink Browsers */
  	color: #fff;
}

::-moz-selection {
  	background: #ccc; /* Gecko Browsers */
  	color: #fff;
}

#content a[target="_blank"]:after { /* externe Links mit icon */
  content: "\f08e";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 6px;
}

/* ----------- Breadcrumb ------------- */

.breadcrumb {margin-bottom: 2rem; 
    background-color: rgba(0,0,0,0);
    border: none;
    list-style: outside none none;
    padding: 0.75rem 1rem;
    font-style: italic;
}

/* ==========================================================================
   Ansprechpartner
   ========================================================================== */

  #ansprechpartner {background-color: #e8e8e8; margin-top: -30px;}
  #ansprechpartner a {margin-top:  10px;}



/* ==========================================================================
   Bild 
   ========================================================================== */
@media (min-width: 992) {
.logo {display: block; margin-right: auto; margin-left: auto;}
}


/* ==========================================================================
   Navigation
   ========================================================================== */

/* Sticky */
    .sticky.is-sticky {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      z-index: 1000;
      width: 100%;
    }

/* HOVER & FontSizes */

.navbar-dark .navbar-brand {
   color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: white;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0.7rem 2.5rem;
}
@media (max-width: 991) {
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0.7rem 2rem;
}
}

.navbar {
    padding: 0;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:active {
  color: rgba(255, 255, 255, 1);
  background-color: #e41b13;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: white;
}


.navbar a {font-size: 1.3rem;}

/* Dropdown */
.dropdown-menu {
  margin: 0;
  color: #212529;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

a.dropdown-item {font-size: 1rem;}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #154275;
    color: #fff;
    text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #e41b13;
    color: #fff;
    text-decoration: none;
}







.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

/* Scrollbar in Mobile Nav entfernen */
.navbar-collapse.in {
    overflow: hidden;
    max-height: none !important;
    height: auto !important;
}

.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}


/* Tabellen */

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

table th,
table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #e9ecef;
}

table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9ecef;
}

table tbody + tbody {
  border-top: 2px solid #e9ecef;
}




/* ==========================================================================
   Sections
   ========================================================================== */

section {
	min-height: 100px;
	padding: 60px 0 60px 0;
}

section#top {
  padding: 60px 0 20px 0;
  margin-bottom: 20px;
}

section#top a {
  color: #6e6f71;
}

section#top p {margin-bottom: 0.5rem; text-align: right; font-size: 1.2em;}

@media (max-width: 991px) {
section#top p {text-align: center;}
}

/* ----------- RGB Overlay ------------- */

section#overlay {
	background: 
    linear-gradient(
      rgba(40, 0, 0, 0.55), 
      rgba(40, 0, 0, 0.55)
    ),
    /* bottom, image */
    url(../img/bg.jpg);
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

/* ----------- PNG Overlay (für Muster z.B.) ------------- */

section#png-overlay {
  position: relative;
  background: url(../img/bg.jpg) center center;
  background-attachment: fixed;
}

section#png-overlay:before,
section#png-overlay:after {
    content: ''; /* you have to define that to make the pseudo elements work */
    position: absolute;
    top: 0;
}

section#png-overlay:before {
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/dots.png) repeat;
    opacity: 0.8;
}


.vert-text p {
  font-weight: 300;
  letter-spacing: 0.2em;
  text-align: center;
  font-size: 1.2em;
  padding: 1em;
  margin: 0;
  color: #fff;

}

.vert-text {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.callout {
  color: #ffffff;
  display: table;
  height: 100px;
  padding: 3rem 0;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.callout h2 {text-transform: uppercase; font-weight: 600; color: #fff; }
.callout h3, .callout h4, .callout h5, .callout a {color: #fff;}
.callout h5, .callout h6 {color: #fff; padding-top: 10px;}
.callout h6 {text-transform: uppercase; font-weight: 600;}

.callout .borderdiv2 {
    border: 3px solid #fff;
    margin: 1rem;
    padding: 1rem 3rem;
}

.callout a:hover {color: #fff;}

@media (max-width: 1199px) {
.callout h2 {font-size: 2rem; }
.callout h3, .callout h5 {font-size: 1.5rem;}
}

 /* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .callout, .callout2 {
        background-attachment: scroll;
    }
}

@media (max-width: 991px) {
  .callout {
  padding: 3rem 0;
  text-align: center;
}
}


/* TEstimonials - Zitate Slider */

/* Previous button  */
#quotes .carousel-control.left 
{
 float: left;
 margin-top: -100px;
 margin-left: -20px;
}
/* Next button  */
#quotes .carousel-control.right 
{
 float: right;
 margin-top: -100px;
 margin-right: -20px;
}


/* ==========================================================================
   FORMULAR
   ========================================================================== */

form {margin-top: 0px;}

.form-control {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.form-control:focus {
    border-color: #98c991;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.3);
    outline: 0 none;
}

#kontaktformular .form-group label{
    display:none;
    font-size:18px;
    line-height:24px;
    font-weight:100;
    text-transform:uppercase;
}

#kontaktformular.no-placeholder .form-group label{
    display:block;
}

#kontaktformular .controls {
    padding:0;
    margin-bottom:10px;
    border:1px solid #eee;
}

#kontaktformular .form-control {
    background:#f4f4f4;
    border:none;
    border-bottom:3px solid transparent;
    border-radius:0;
    outline:none;
    box-shadow:none;
    height:42px;
    font-size:1.2em;
    line-height:32px;
    font-weight:300;
    padding-left:64px;
    -webkit-transition:border-color .3s ease-out;
    transition:border-color .3s ease-out;
}

#kontaktformular .form-group{
    position:relative;
}

#kontaktformular .form-group [class*="fa"] {
    color: #b1b1b1;
    display: block;
    font-size: 16px;
    font-weight: 300;
    left: 5px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 64px;
}

#kontaktformular.no-placeholder .form-group [class*=fa]{
    top:30px;
}

#kontaktformular textarea.form-control {
  height:auto;
  max-width:100%;
  min-width:100%;
  font-size:1.2em;
  line-height:32px;
  padding-top:4px;
}

#kontaktformular .form-control:focus {
    background:#ededed;
    border-right:3px solid #29166f;
    outline:none;
    box-shadow:none;
    color: #2e2e2e;
    -webkit-transition:border-color .0s;
    transition:border-color .0s;
}

#kontaktformular .error-message {
    padding:5px 0;
    position:absolute;
    top:100%;
    right:0;
    font-size:14px;
    font-weight:300;
    color:#ff0000;
    z-index:10;
}


.team {margin: 1rem 0;}



.service-block h4 {height: 75px;}

.service-block h3 {font-weight: 400;}
@media (max-width:767px){
  .service-block h4 {text-align: center;}
}

.service-block img {margin-bottom: 25px;}

.shadow {
position: relative;
background-color: #fff; }



.service-block {
margin-bottom: 30px;
border-radius: 3px;
border: 1px solid #f1f1f1;
padding: 20px 20px 10px;
background: rgba(221, 0, 0, 0.75);}
.shadow::before {
position: absolute;
left: 0;
height: 65%;
bottom: 0;
width: 100%;
content: "";
background-color: #fff;
z-index: 2; }
.shadow::after {
content: "";
position: absolute;
height: 50%;
width: 96%;
left: 50%;
bottom: 2px;
margin-left: -48%;
-webkit-box-shadow: 0 5px 7px #999;
box-shadow: 0 5px 7px #999;
z-index: 1;
border-radius: 10%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.shadow:hover::after {
bottom: 10px; }

.shadow *, .shadow-narrow * {
position: relative;
z-index: 3; }
.service-block p {
clear: both;
margin-bottom: 15px;
color: #fff; }




/* ==========================================================================
   Startseite News
   ========================================================================== */




@media (min-width: 992px) {
#content-aktuelles {background: linear-gradient(
    to right, 
    #fff 0%, 
    #fff 57%, 
    #e0e0e0 57%, 
    #e0e0e0 100%
  );
}
.pad-rig-20 {padding-right: 2rem;}
}
@media (min-width: 1300px) {
#content-aktuelles {background: linear-gradient(
    to right, 
    #fff 0%, 
    #fff 56%, 
    #e0e0e0 56%, 
    #e0e0e0 100%
  );
}
}
@media (min-width: 1600px) {
#content-aktuelles {background: linear-gradient(
    to right, 
    #fff 0%, 
    #fff 55%, 
    #e0e0e0 55%, 
    #e0e0e0 100%
  );
}
}

 .short-news {border-left: 3px solid #e41b13; margin-top: 40px; margin-left: 20px;}
 .short-news-inner {padding-left: 30px;}

 .short-news-inner button {font-size: 1.2rem; margin-bottom: 1.3rem;}
  .short-news-inner button:hover {cursor:default;}
 .short-news-inner .btn-primary:hover {
  color: #fff;
  background-color: #e41b13;
  border-color: #e41b13;
}

.top-news {margin-top: 7rem;}
@media (max-width: 992px) {
.top-news {margin-top: 1rem;}
}

/* ==========================================================================
   Auflistung Leistungen Startseite
   ========================================================================== */

.borderdiv {border: 3px solid #fff; padding: 2rem; margin:1rem;}
.borderdiv h5 {color: #fff; text-transform: uppercase; text-align: center; margin-top: 2rem; font-weight: 600;}
.borderdiv p {margin-top: 2rem; letter-spacing: 0;}


/* ==========================================================================
   Buttons
   ========================================================================== */

.back-to-top {
   background: #004286;
   background: rgba(11,47,85,0.6);
   position: fixed;
   color: #fff;
   bottom: 20px;
   right: 20px;
   padding: 10px 20px 10px 20px;
   transition: all 1s; /* explorer 10 */
  -webkit-transition: all 1s; /* chrome & safari */
  -moz-transition: all 1s; /* firefox */
  -o-transition: all 1s; /* opera */
  font-size: 1.9em;
}

.back-to-top:hover {
  background: #004286;
  background: rgba(11,47,85,1);
}

.back-to-top:hover,
.back-to-top:active,
.back-to-top:focus {color:#fff;}

.btn-down  {
  background: #fff;
  width: 88px; 
  height: 88px; 
  border-radius: 50%;
  margin: 0 auto; 
  display: block; 
  position: absolute; 
  right: 0;
  left: 0; 
  margin-top: -55px;
  padding: 30px 0 0 0;
}

.btn-down a {color: #717070;}
.btn-down a:hover {color: #9f9f9f;}


/* --------------------------------------------- */

.btn {
  border-radius: 0;
}


.btn-primary {
  color: #fff;
  background-color: #e41b13;
  border-color: #e41b13;
}

.btn-primary:hover {
  color: #fff;
  background-color: #154275;
  border-color: #154275;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #f65c56;
  border-color: #f65c56;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #e41b13;
  background-image: none;
  border-color: #e41b13;
}

.btn-secondary {
  color: #fff;
  background-color: #154275;
  border-color: #154275;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #e41b13;
  border-color: #e41b13;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #4872a1;
  border-color: #4872a1;
}

.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #154275;
  background-image: none;
  border-color: #154275;
}



.btn-success {
  color: #fff;
  background-color: rgba(255,255,255,0);
  border-color: #fff;
}

.btn-success:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.3);
  border-color: #fff;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 3px rgba(255,255,255,0.2);
}

.btn-success.disabled, .btn-success:disabled {
  background-color: rgba(255,255,255,0);
  border-color: #fff;
}

.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
  background-color: rgba(255,255,255,0.6);
  background-image: none;
  border-color: #fff;
}


.btn-info {
  color: #154275;
  background-color: rgba(255,255,255,0);
  border-color: #154275;
}

.btn-info:hover {
  color: #fff;
  background-color: #154275;
  border-color: #154275;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 3px rgba(255,255,255,0.2);
}

.btn-info.disabled, .btn-info:disabled {
  background-color: rgba(21,66,117,0.3);
  border-color: #154275;
}

.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
  background-color: rgba(21,66,117,0.6);
  background-image: none;
  border-color: #154275;
}


/* ==========================================================================
 /**
 * Featherlight Loader
 *
 * Copyright 2015, WP Site Care http://www.wpsitecare.com
 * MIT Licensed.

   ========================================================================== */



@-webkit-keyframes featherlightLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes featherlightLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.featherlight-loading .featherlight-content {
  -webkit-animation: featherlightLoader 1s infinite linear;
          animation: featherlightLoader 1s infinite linear;
  background: transparent;
  border: 8px solid #8f8f8f;
  border-left-color: #fff;
  border-radius: 80px;
  width: 80px;
  height: 80px;
  min-width: 0;
}

.featherlight-loading .featherlight-content > * {
  display: none !important;
}

.featherlight-loading .featherlight-close,
.featherlight-loading .featherlight-inner {
  display: none;
}





/*---------------------------------------------*/
/***** imagelightbox *****/
/*--------------------------------------------*/


/* IMAGE LIGHTBOX SELECTOR */

    #imagelightbox
    {
      cursor: pointer;
      position: fixed;
      z-index: 10000;

      -ms-touch-action: none;
      touch-action: none;

      -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
      box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    }


    /* ACTIVITY INDICATION */

    #imagelightbox-loading,
    #imagelightbox-loading div
    {
      border-radius: 50%;
    }
    #imagelightbox-loading
    {
      width: 2.5em; /* 40 */
      height: 2.5em; /* 40 */
      background-color: #444;
      background-color: rgba( 0, 0, 0, .5 );
      position: fixed;
      z-index: 10003;
      top: 50%;
      left: 50%;
      padding: 0.625em; /* 10 */
      margin: -1.25em 0 0 -1.25em; /* 20 */

      -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
      box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    }
      #imagelightbox-loading div
      {
        width: 1.25em; /* 20 */
        height: 1.25em; /* 20 */
        background-color: #fff;

        -webkit-animation: imagelightbox-loading .5s ease infinite;
        animation: imagelightbox-loading .5s ease infinite;
      }

      @-webkit-keyframes imagelightbox-loading
      {
        from { opacity: .5; -webkit-transform: scale( .75 ); }
        50%  { opacity: 1;  -webkit-transform: scale( 1 ); }
        to   { opacity: .5; -webkit-transform: scale( .75 ); }
      }
      @keyframes imagelightbox-loading
      {
        from { opacity: .5; transform: scale( .75 ); }
        50%  { opacity: 1;  transform: scale( 1 ); }
        to   { opacity: .5; transform: scale( .75 ); }
      }


    /* OVERLAY */

    #imagelightbox-overlay
    {
      background-color: #fff;
      background-color: rgba(255,255,255,1);
      position: fixed;
      z-index: 9999;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }


    /* "CLOSE" BUTTON */

    #imagelightbox-close
    {
      width: 2.5em; /* 40 */
      height: 2.5em; /* 40 */
      text-align: left;
      border: none;
      background-color: rgba(21,66,117,.85);
      border-radius: 50%;
      position: fixed;
      z-index: 10002;
      top: 2.5em; /* 40 */
      right: 2.5em; /* 40 */   
      border: 3px solid #fff;
      cursor: pointer;

      -webkit-transition: color .3s ease;
      transition: color .3s ease;
    }
    #imagelightbox-close:hover,
    #imagelightbox-close:focus { background-color: rgba(21,66,117,1) }

      #imagelightbox-close:before,
      #imagelightbox-close:after
      {
        width: 2px;
        background-color: #fff;
        content: '';
        position: absolute;
        top: 20%;
        bottom: 20%;
        left: 50%;
        margin-left: -1px;
      }
      #imagelightbox-close:before
      {
        -webkit-transform: rotate( 45deg );
        -ms-transform: rotate( 45deg );
        transform: rotate( 45deg );
      }
      #imagelightbox-close:after
      {
        -webkit-transform: rotate( -45deg );
        -ms-transform: rotate( -45deg );
        transform: rotate( -45deg );
      }


    /* CAPTION */

    #imagelightbox-caption
    {
      text-align: center;
      color: #fff;
      background-color: #666;
      position: fixed;
      z-index: 10001;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0.625em; /* 10 */
    }


    /* NAVIGATION */

    #imagelightbox-nav
    {
      background-color: #444;
      background-color: rgba(0,0,0,.5 );
      border-radius: 20px;
      position: fixed;
      z-index: 10001;
      left: 50%;
      bottom: 3.75em; /* 60 */
      padding: 0.313em; /* 5 */


      -webkit-transform: translateX( -50% );
      -ms-transform: translateX( -50% );
      transform: translateX( -50% );
    }
      #imagelightbox-nav button
      {
        width: 1em; /* 20 */
        height: 1em; /* 20 */
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 50%;
        display: inline-block;
        margin: 0 0.313em; /* 5 */

      }
      #imagelightbox-nav button.active
      {
        background-color: #fff;
      }


    /* ARROWS */

    .imagelightbox-arrow
    {
      width: 3.75em; /* 60 */
      height: 7.5em; /* 120 */
      background-color: #444;
      background-color: rgba(21,66,117,.85);
      vertical-align: middle;
      display: none;
      position: fixed;
      z-index: 10001;
      top: 50%;
      margin-top: -3.75em; /* 60 */
      cursor: pointer;
    }
    .imagelightbox-arrow:hover,
    .imagelightbox-arrow:focus  { background-color: rgba(21,66,117,.95); }
    .imagelightbox-arrow:active { background-color: rgba(21,66,117,1) }

      .imagelightbox-arrow-left  { left: 2.5em; border: medium none; /* 40 */ }
      .imagelightbox-arrow-right { right: 2.5em; border: medium none; /* 40 */ }

      .imagelightbox-arrow:before
      {
        width: 0;
        height: 0;
        border: 1em solid transparent;
        content: '';
        display: inline-block;
        margin-bottom: -0.125em; /* 2 */
      }
        .imagelightbox-arrow-left:before
        {
          border-left: none;
          border-right-color: #fff;
          margin-left: -0.313em; /* 5 */
        }
        .imagelightbox-arrow-right:before
        {
          border-right: none;
          border-left-color: #fff;
          margin-right: -0.313em; /* 5 */
        }

    #imagelightbox-loading,
    #imagelightbox-overlay,
    #imagelightbox-close,
    #imagelightbox-caption,
    #imagelightbox-nav,
    .imagelightbox-arrow
    {
      -webkit-animation: fade-in .25s linear;
      animation: fade-in .25s linear;
    }
      @-webkit-keyframes fade-in
      {
        from  { opacity: 0; }
        to    { opacity: 1; }
      }
      @keyframes fade-in
      {
        from  { opacity: 0; }
        to    { opacity: 1; }
      }

    @media only screen and (max-width: 41.250em) /* 660 */
    {
      #container
      {
        width: 100%;
      }
      #imagelightbox-close
      {
        top: 1.25em; /* 20 */
        right: 1.25em; /* 20 */
      }
      #imagelightbox-nav
      {
        bottom: 1.25em; /* 20 */
      }

      .imagelightbox-arrow
      {
        width: 2.5em; /* 40 */
        height: 3.75em; /* 60 */
        margin-top: -2.75em; /* 30 */
      }
      .imagelightbox-arrow-left { left: 1.25em; /* 20 */ }
      .imagelightbox-arrow-right  { right: 1.25em; /* 20 */ }
    }

    @media only screen and (max-width: 20em) /* 320 */
    {
      .imagelightbox-arrow-left { left: 0; }
      .imagelightbox-arrow-right  { right: 0; }
    }