/**
Buttons
 */

a {
    outline-style:none;
    box-shadow:none;
    border-color:transparent;
}

.btn.orange {
    background: #fbb900;
    color: white;
}

.btn.orange:hover {
    color: white;
    background: #dfa400;
}

.btn.green {
    background: #27ce3c;
    color: white;
}

.btn.green:hover {
    color: white;
    background: #ce292f;
}

.btn.black {
    color: white;
    background: #42515a;
}

.btn.blue {
    border: 2px solid #01b1ed;
    color: #42515a !important;
    background: #fff;
}

.btn.blue:hover {
    background: rgba(1, 177, 237, 0.6) !important;
    color: white !important;
}

.btn.blue.active {
    background: #01b1ed !important;
    color: white !important;
}

h5 {
    margin-top: 50px;
    margin-bottom: 25px;
}

/**
Layout
 */

html, body {
    color: #42515a !important;
}

header .desktop-navbar {
    background: white;
    border-bottom: 2px solid rgb(1, 177, 237);
}

header .desktop-navbar .departments-navigation {
    background: -moz-linear-gradient(left, #00b0eb 0%, #0081b4 100%);
    background: -webkit-linear-gradient(left, #00b0eb 0%, #0081b4 100%);
    background: -o-linear-gradient(left, #00b0eb 0%, #0081b4 100%);
    background: -ms-linear-gradient(left, #00b0eb 0%, #0081b4 100%);
    background: linear-gradient(to right, #00b0eb 0%, #0081b4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0eb', endColorstr='#0081b4', GradientType=1 );
}

header .desktop-navbar .departments-navigation .header span {
    color: white;
}

header .desktop-navbar .departments-navigation .header span a {
    color: white;
}

header .desktop-navbar .departments-navigation ul.departments > li > a {
    color: rgba(255, 255, 255, 0.5)!important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.0);
}

header .desktop-navbar .departments-navigation ul.departments > li > a:hover {
    color: rgba(255, 255, 255, 0.75)!important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.75);
}

header .desktop-navbar .departments-navigation ul.departments > li > a.active {
    border-bottom: 2px solid #fbb900;
    color: white!important;
    background: none;
}

header .desktop-navbar .website-navigation ul.website > li > a {
    color: #42515a;
    border-bottom: 1px solid #fff;
}

header .desktop-navbar .website-navigation ul.website > li > a:hover {
    border-bottom: 1px solid #42515a;
}

header .desktop-navbar .menubarprofile > a {
    border-bottom: 2px solid rgba(255, 255, 255, 0.0) !important;
}

header .desktop-navbar .menubarprofile a:hover {
    border-bottom: 2px solid #fbb900 !important;
}

header .desktop-navbar .menubarprofile .dropdown-menu a, header .desktop-navbar .website-navigation div.dropdown-menu a {
    border-bottom: 1px solid rgba(0,0,0,.15);
}

header .desktop-navbar .menubarprofile .dropdown-menu a:last-child, header .desktop-navbar .website-navigation div.dropdown-menu a:last-child {
    border-bottom: 1px solid rgba(0,0,0,0);
}

header .desktop-navbar .menubarprofile .dropdown-menu a:hover, header .desktop-navbar .menubarprofile .dropdown-menu a.active, header .desktop-navbar .website-navigation div.dropdown-menu a:hover, header .desktop-navbar .website-navigation div.dropdown-menu a.active {
    color: #212529;;
    background: white;
    border-bottom: 1px solid #fbb900 !important;
}

header .desktop-navbar .menubarprofile .dropdown-menu a:hover:first-child,
header .desktop-navbar .menubarprofile .dropdown-menu a.active:first-child,
header .desktop-navbar .website-navigation div.dropdown-menu a:hover:first-child,
header .desktop-navbar .website-navigation div.dropdown-menu a.active:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

header .desktop-navbar .menubarprofile .dropdown-menu a:hover:last-child,
header .desktop-navbar .menubarprofile .dropdown-menu a.active:last-child,
header .desktop-navbar .website-navigation div.dropdown-menu a:hover:last-child,
header .desktop-navbar .website-navigation div.dropdown-menu a.active:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

header .desktop-navbar .menubarprofile .dropdown-menu a.active {
    background: #00b0eb;
    /*background: -moz-linear-gradient(left, #00b0eb 0%, #0081b4 100%);*/
    /*background: -webkit-linear-gradient(left, #00b0eb 0%, #0081b4 100%);*/
    /*background: -o-linear-gradient(left, #00b0eb 0%, #0081b4 100%);*/
    /*background: -ms-linear-gradient(left, #00b0eb 0%, #0081b4 100%);*/
    /*background: linear-gradient(to right, #00b0eb 0%, #0081b4 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0eb', endColorstr='#0081b4', GradientType=1 );*/
}

header .desktop-navbar .menubarprofile > a span {
    color: rgba(255, 255, 255, 0.5)!important;
    line-height: 70px;
}

header .desktop-navbar .menubarprofile > a[aria-expanded="true"] {
    border-bottom: 2px solid #fbb900 !important;
}

header .desktop-navbar .website-navigation a.dropdown-toggle[aria-expanded=true]{
    border-bottom: 1px solid #42515a;
}

header .desktop-navbar .menubarprofile > a:hover span, header .desktop-navbar .menubarprofile > a[aria-expanded="true"] span {
    color: rgba(255, 255, 255, 1)!important;

}

header .desktop-navbar .menubarprofile[aria-expanded="true"] a::after {
    color: rgba(255, 255, 255, 1)!important;
}

header .mobile-navbar {
    background: -moz-linear-gradient(left, #00b0eb 0%, #0081b4 100%);
    background: -webkit-linear-gradient(left, #00b0eb 0%, #0081b4 100%);
    background: -o-linear-gradient(left, #00b0eb 0%, #0081b4 100%);
    background: -ms-linear-gradient(left, #00b0eb 0%, #0081b4 100%);
    background: linear-gradient(to right, #00b0eb 0%, #0081b4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0eb', endColorstr='#0081b4', GradientType=1 );
}

header .mobile-navbar .departments-navigation a {
    border-bottom: 2px solid rgba(255, 255, 255, 0.0);
}

header .mobile-navbar .departments-navigation a.active {
    border-bottom: 2px solid #fbb900;
    color: white!important;
    background: none;
}

header .mobile-navbar .website-navigation {
    background: white;
}

header .mobile-navbar .website-navigation li {
    text-align: center;
}

header .mobile-navbar .website-navigation li a {
    display: inline-block;

    color: #42515a !important;
    border-bottom: 1px solid #fff;
}

header .mobile-navbar .website-navigation li a:hover {
    border-bottom: 1px solid #42515a;
}

header .mobile-navbar .website-navigation .dropdown-menu a {
    display: inline-block;

    color: #42515a !important;
    border-bottom: 1px solid #fff;

    padding: 0px;
}

header .mobile-navbar .menubarprofile .dropdown-menu a {
    color: #42515a !important;
}

header .mobile-navbar .menubarprofile .dropdown-menu a span {
    background: rgba(0,0,0, 0.0);
}

header .mobile-navbar .menubarprofile .dropdown-menu a:hover {
    background: white;
}

header .mobile-navbar .menubarprofile .dropdown-menu a:hover span {
    border-bottom: 1px solid #42515a;
}



div.carousel#matzziCarousel {
    border-bottom: 2px solid rgb(1, 177, 237);
}

div.carousel#matzziCarousel .carousel-item .caption h1 {
    color: #01b1ed;
    border: 2px solid #01b1ed;
    background: rgba(1,177,237, 0.1);
}

footer {
    color: white;
}

footer span div.socialmedia a {
    color: white;
}


/**
Content
 */

main p {
    color: #42515a !important;
}

section.panorama.image a.btn {
    border: 2px solid #01b1ed !important;
    color: #42515a !important;
}


/**
Tooltip
 */

.tooltip.in {
    opacity: 1!important;
}

.tooltip > .tooltip-inner {
    background-color: #ecedef !important;
    /*border: 1px solid #42515a;*/
    padding: 10px;
    color: #333;
    box-shadow: 0px 0px 1px 0px #333;
}

.tooltip.top .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #42515a !important
}

.tooltip.left .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #42515a !important
}

.tooltip.bottom .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #42515a !important
}

.tooltip.right .tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #42515a !important
}

/*
Checkblocks
 */

checkblock {
    background-color: #ffffff;
}

checkblock.vertical-align {
    display: block;
}

checkblock input[type="checkbox"], checkblock input[type="radio"]{
    display: none;
}

checkblock label{
    border: 1px solid #fbb900;
}

checkblock input[type="checkbox"]:checked + label, checkblock input[type="radio"]:checked + label{
    background-color: #fbb900;
    color: #FFF;
    border: 1px solid #fbb900;
}

checkblock input[type="checkbox"]:not(:checked) + label, checkblock input[type="radio"]:not(:checked) + label{
    background-color: #FBFBFB;
}

/**
Breadcrumbs
 */

ol.breadcrumb {
    border-bottom: 1px solid #ccc;
}

/*
 * Extra small devices (portrait phones, less than 576px)
 * No media query since this is the default in Bootstrap
 */


@media (max-width: 576px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    header .mobile-navbar .menubarprofile .dropdown-menu a span {
        color: #42515a;
    }

    header .mobile-navbar .menubarprofile .dropdown-menu a:hover span {
        border-bottom: 2px solid #fbb900 !important;
        /*padding: .5em 0;*/
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


}