body {
    font-family: "Open Sans", sans-serif !important;
}

i.fa.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

::selection {
    background: #121212;
    color: #fff;
}

::-moz-selection {
    background: #121212;
    color: #fff;
}

div.reviews {
    padding-top: 30px;
    padding-bottom: 30px;
}

div.sitemap {
    padding-top: 30px;
}

div.sitemap a {
    display: block;
}

div.sitemap a:hover {
    color: #fff !important;
    text-decoration: none;
}

nav.navbar:not(.fixed-top) {
    border-radius: .25rem;
}

.alert-dark .alert-link {
	color: #fff;
}

div#header-carousel div.carousel-item {
    width: 100%;
    height: 520px;
    background-color: #121212;
}

div#header-carousel div.carousel-item div.carousel-background {
    filter: brightness(90%);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

body {
    margin-top: 76px;
}

/* {
    border-radius: 0 !important;
}*/

@media (max-width: 767px) {
    div#header-carousel {
        display: none;
    }

    div.sitemap {
        display: none;
    }

    div.header-links a.btn {
        margin-top: 30px;
    }
}

div.header-links {
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    div#partners {
        display: none;
    }

    div.card-header {
        padding: 20px;
    }

    ul.card-header-tabs {
        margin: 0;
        display: block;
    }

    ul.card-header-tabs a.nav-link {
        border: 0;
        padding: 8px 16px;
        font-size: 16px;
        text-align: center;
    }

    ul.card-header-tabs a.nav-link:hover {
        border: 0;
    }

    ul.card-header-tabs a.nav-link.active {
        background: #121212;
        color: #fff;
    }

    img.img-card-bottom {
        display: none;
    }

    div.subheader div.background {
        opacity: 1 !important;
    }
}

ul.nav-pills {
    margin-bottom: 1rem;
}

.fa-external-link {
    font-size: 0.85em;
    margin-left: 2px;
}

main {
    margin-top: 30px;
    margin-bottom: 30px;
}

div#partners {
    margin-bottom: 60px;
    margin-top: 60px;
}

div.card {
    margin-bottom: 30px;
}
.carousel-caption{
    left:15%;
    right: 15%;
    bottom: 60px;
}
@media (min-width: 992px) {
    .carousel-caption {
        left: 15%;
        right: 50%;
        bottom: 76px;
    }
}
@media (max-width:1260px){
    #recaptchaTop{
        transform:scale(0.75);
        transform-origin:50% 50%;
    }
}
div.carousel-caption h1,
div.carousel-caption p:not(.cta),
div.card-img-top {
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);*/
}

div.card,
div.alert,
nav#navbar-header {
    box-shadow: 0 3px 6px rgba(0,0,0,0.08), 0 3px 6px rgba(0,0,0,0.12);
}
.contact-panel{
    position: absolute;
    left: 50%;
    right: 15%;
    top: 115px;
    height: 420px;
    margin: 10px 0px 10px 35px;
    padding:15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index:20;
}

.btn-outline-light:hover {
    color: #121212;
}

div.carousel-caption p:not(.cta) {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

div.card-img-top {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 144px;
    background-color: #121212;
    background-position: center;
    background-size: cover;
}

img.img-card-bottom {
    width: 100% !important;
    height: auto !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
}

nav#navbar-header {
    background-color: #121212;
    transition: background 250ms;
    line-height: 2.5;
}

div.subheader {
    width: 100%;
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-position: top;
    background-size: cover;
}

div.subheader div.background {
    width: 100%;
    height: 100%;
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    background-position: top;
    background-size: cover;
}

div.subheader h1 {
    margin: 0;
    font-size: 48px;
    color: #fff;
}

div.subheader h1 span {
    color: rgba(255, 255, 255, 0.75);
}

div.subheader-img {
    width: 100%;
    height: 550px;
    background-position: center;
    background-size: cover;
}

a[data-target='#modal-contact'],
a[data-target='#modal-calculator'],
a[data-target='#modal-ticket'] {
    text-transform: capitalize !important;
}

div.card a.nav-link {
    color: inherit;
}

div.modal-content {
    border: 0;
}

.bg-dark,
.btn-dark {
    background-color: #121212 !important;
}

.btn-outline-dark {
    border-color: #121212 !important;
    color: #121212 !important;
}

.btn-outline-dark:hover {
    background-color: #121212;
    color: #fff !important;
}

.bg-business,
.btn-business {
    background-color: rgba(52, 152, 219, 1) !important;
    color: #fff !important;
}

.bg-cloud,
.btn-cloud {
    background-color: rgba(91, 192, 222, 1) !important;
    color: #fff !important;
}

.bg-education,
.btn-education {
    background-color: rgba(230, 126, 34, 1) !important;
    color: #fff !important;
}

.bg-hosting,
.btn-hosting {
    background-color: rgba(46, 204, 113, 1) !important;
    color: #fff !important;
}

.bg-repairs,
.btn-repairs {
    background-color: rgba(155, 89, 182, 1) !important;
    color: #fff !important;
}

.bg-rhino,
.btn-rhino {
    background-color: rgba(231, 76, 60, 1) !important;
    color: #fff !important;
}

.bg-shop,
.btn-shop {
    background-color: rgba(26, 188, 156, 1) !important;
    color: #fff !important;
}

.bg-telecoms,
.btn-telecoms {
    background-color: rgba(142, 68, 173, 1) !important;
    color: #fff !important;
}

img.img-partner {
    filter: grayscale(100%);
}

@media (max-width: 768px) {
    a.christmas {
        margin-bottom: 0 !important;
        margin-top: 106px;
    }
    div.row.header-links a.btn {
        margin-top: 15px;
    }
}

.hidden {
    display: none !important;
}

.btn {
    overflow-x: hidden;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
.btn-group-justified .btn,
.btn-group-justified .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}
.btn-group-justified .btn .btn,
.btn-group-justified .btn-group .btn {
    width: 100%;
}
.btn-group-justified .btn .dropdown-menu,
.btn-group-justified .btn-group .dropdown-menu {
    left: auto;
}

/* IE 10 Navbar Fix */

div.collapse.navbar-collapse {
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto;
}

.departments-overview p.card-text {
    min-height: 168px !important;
}

div.alert strong{margin-right:5px;}div.alert-primary{background:#007bff;border-color:#007bff;color:#fff;}div.alert-success{background:#28a745;border-color:#28a745;color:#fff;}div.alert-warning{background:#ffc107;border-color:#ffc107;color:#111;}div.alert-danger{background:#dc3545;border-color:#dc3545;color:#fff;}div.alert-info{background:#17a2b8;border-color:#17a2b8;color:#fff;}div.alert-dark{background:#111;border-color:#111;color:#fff;}div.alert-light{background:#fff;border-color:#fff;color:#111;}
.clickableRow :hover{
    cursor: pointer;
}

.announcement{
    width:100%;
    padding: 25px;
    color: white;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
}
@media (min-width:768px){
    .double-col{
        column-count: 2;
    }
}