a, a:active, a:focus {
    outline: none;
 }

a.light {
    color: #fff;
}

a.light:hover,
a.light:focus {
    color: #00f;
}


a.dark {
    color: #000;
}

a.dark:hover,
a.dark:focus {
    color: #00f;
}

header {
    background-image: url(../img/cover.jpg);
}

header .header-content .header-content-inner p {
    margin-bottom: 70px;
}



@media(min-width:768px) {
    header .header-content {
        top: 38%;
    }

    header .header-content .header-content-inner p {
        font-size: 20px;
    }
}

.out-header {
    background-image: url(../img/coutr.jpg);
    color: #e35808;
}

.out-header .header-content .header-content-inner p {
    margin-bottom: 70px;
    color: #e35808;
}



@media(min-width:768px) {
    .out-header .header-content {
        top: 38%;
    }

    .out-header .header-content .header-content-inner p {
        font-size: 20px;
    }
}





.service-box {padding-top: 5px; height: 180px; border-style: solid; border-width: 1pt; border-color: #e95e0e;}

a.opening > .service-box:hover {background-color: #e35808; border-color: rgba(255,255,255,.7);}

p.opening-background,
h3.opening-position {color: #ffffff;}
p.opening-background {padding-bottom: 20px;}

a.opening {text-decoration: none;}

a.opening:hover,
a.opening:active,
a.opening:focus {color: rgba(255,255,255,.7);}



.closed > p,
.closed > h3 {
    opacity: .4;
}


.closed:after {
    opacity: .7;
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    top: 10%;
    left: 5%;
    z-index: 1;
    background-image: url(../img/position-filled.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 340px;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
}



.bottom-logo {height: 80px; margin-top: 20px;}

/*
 * #ff4000
 * #f46626
 * #ea4e27
 * #ca6227
 * #f16625
 * #e95e0e
 */


hr.bottom {max-width: 85%; margin-top: 80px; margin-bottom: 5px;}

@media (min-width: 1200px) {
    hr.bottom {max-width: 1100px;}
}



hr {border-color: #e95e0e; max-width: 200px;}



.bg-primary {color: #ffffff; background-color: #e95e0e;}

.navbar-default .navbar-header .navbar-brand {color: #e95e0e;}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {color: #e95e0e;}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {color: #e95e0e !important;}

@media (min-width: 768px) {
    .navbar-default.affix .navbar-header .navbar-brand {color: #e95e0e;}
    .navbar-default.affix .nav > li > a:hover,
    .navbar-default.affix .nav > li > a:focus:hover {color: #e95e0e;}
}

.text-primary {color: #fff;}


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

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {background-color: #e95e0e; border-color: #e95e0e;}

.btn-primary .badge {color: #e95e0e;}


.wrappingGrid {
  display: flex;
  flex-wrap: wrap;
}

/* mbiro media entries*/ 

p.date {text-align:right; font-size:85%; font-weight:300; color:#777;}
p.details {text-align:right; font-size:90%; font-weight:300; color:#777;}

.media-item p.description {margin-bottom: 0px; font-size:75%; font-weight:300; text-align: left;}
.media-item h3 {font-size:150%; text-align: left;}
.media-item h4 {font-size:100%; text-align: left;}
.media-item span.details:after {content: " - ";}
#media .media-item:nth-child(odd) {clear: both;}
#media a.ghost {text-decoration:none; color:black; font-style: oblique;}

/* carousel */

#custom_carousel .item {

    padding:20px 0;
    outline: 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel .controls li.active {
    background-color:rgb(224, 221, 218);
    border-top:3px solid #ffd000;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:1.5vmin;
    margin-top:0px;
}

/* carousel */

#custom_carousel_og .item {

    padding:20px 0;
    outline: 0;
}
#custom_carousel_og .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#312d2b
}
#custom_carousel_og .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}

#custom_carousel_og .controls a:hover {
    background-color: #423d3a;
}

#custom_carousel_og .controls li.active {
    background-color:#504a47;
    border-top:3px solid #e95e0e;
}

#custom_carousel_og .controls a small {
    overflow:hidden;
    display:block;
    font-size:1.5vmin;
    margin-top:0px;
    color: #fff;
}

#custom_carousel_og .controls a:focus {
    background-color:#504a47;
}


/* carousel */

#custom_carousel_le .item {

    padding:20px 0;
    outline: 0;
}
#custom_carousel_le .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff
}
#custom_carousel_le .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel_le .controls li.active {
    background-color:rgb(224, 221, 218);
    border-top:3px solid #ffd000;
}
#custom_carousel_le .controls a small {
    overflow:hidden;
    display:block;
    font-size:1.5vmin;
    margin-top:0px;
}

/* carousel */

#custom_carousel_me .item {

    padding:20px 0;
    outline: 0;
}
#custom_carousel_me .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#312d2b
}
#custom_carousel_me .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}

#custom_carousel_me .controls a:hover {
    background-color: #423d3a;
}

#custom_carousel_me .controls li.active {
    background-color:#504a47;
    border-top:3px solid #e95e0e;
}

#custom_carousel_me .controls a small {
    overflow:hidden;
    display:block;
    font-size:1.5vmin;
    margin-top:0px;
    color: #fff;
}

#custom_carousel_me .controls a:focus {
    background-color:#504a47;
}

/* carousel */

#custom_carousel_aw .item {

    padding:20px 0;
    outline: 0;
}
#custom_carousel_aw .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff
}
#custom_carousel_aw .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel_aw .controls li.active {
    background-color:rgb(224, 221, 218);
    border-top:3px solid #ffd000;
}
#custom_carousel_aw .controls a small {
    overflow:hidden;
    display:block;
    font-size:1.5vmin;
    margin-top:0px;
}


#myCarouselInner {min-height: 375px;}
/*
@media (max-width: 992px) {
    #myCarouselInner {min-height: 725px;} 
}

@media (max-width: 576px) {
    #myCarouselInner {min-height: 590px;}
}
*/
#myCarousel .carousel-control {
    z-index: 10;
    top: 2%;
    width: 30px;
}

#myCarousel .carousel-control.left, .carousel-control.right { background: none }

#myCarousel .carousel-control.left { left: -40px; }
#myCarousel .carousel-control.right { right: -40px; }

.circular--square {
    border-radius: 50%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto;
    background-color: #000;
}

/* Video */

.video {
    position: relative;
    
}

.video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video__placeholder {
    width: 100%;
    position: relative;
}

.video__youtube {
    padding-bottom: 56.23%;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    object-fit: cover;
    background-color: black;
}

.video__button {
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 100%;
}

.video__button:before {
    width:100%;
    height:100%;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../img/youtube_0.svg) no-repeat center center;
    color: red;
    background-size: 10%; 
}

.video__button:hover:before {
    background: url(../img/youtube_1.svg) no-repeat center center;
    background-size: 10%; 
}