/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

@import url("font-awesome.min.css");

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Bootstrap override */


.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #00aeef
}



.checkbox-inline, .radio-inline {
    padding-left: 40px;
}

.modal-title {
    color: white;
    font-size: 2em; 
}

.modal-header {
    background-color: #00aeef;
}

a {
    color: #00aeef;
    text-decoration: none
}
a:focus,
a:hover {
    color: #0075A0;
    text-decoration: underline
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}


.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    font-weight: bold;
    background-color: #00aeef;
    border-color: #00aeef;
}

@media(max-width:666px) {
    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .list-group-item {
     text-align: center;   
    }
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.carousel-control {
    color: #00aeef;
    opacity: 1;
    
}

.carousel-control:hover, .carousel-control:focus {
    color: #00aeef;
}

a.left.carousel-control {
    animation: slideInLeft 1s;
    -webkit-animation: slideInLeft 1s;
}

a.right.carousel-control {
    animation: slideInRight 1s;
    -webkit-animation: slideInRight 1s;
}

.col-padding-override {
    padding-left: 0px;
}

/* //Bootstrap override */

.btn-lbr {
    color: #fff;
    background-color: #00aeef;
    border-color: #00aeef;
    font-weight: bold;
}
.btn-lbr.active,
.btn-lbr.focus,
.btn-lbr:active,
.btn-lbr:focus,
.btn-lbr:hover,
.open>.dropdown-toggle.btn-lbr {
    color: #fff;
    background-color: #00aeef;
    border-color: #00aeef;
    font-weight: bold;
}
.btn-lbr.active,
.btn-lbr:active,
.open>.dropdown-toggle.btn-lbr {
    background-image: none
}
.btn-lbr.disabled,
.btn-lbr.disabled.active,
.btn-lbr.disabled.focus,
.btn-lbr.disabled:active,
.btn-lbr.disabled:focus,
.btn-lbr.disabled:hover,
.btn-lbr[disabled],
.btn-lbr[disabled].active,
.btn-lbr[disabled].focus,
.btn-lbr[disabled]:active,
.btn-lbr[disabled]:focus,
.btn-lbr[disabled]:hover,
fieldset[disabled] .btn-lbr,
fieldset[disabled] .btn-lbr.active,
fieldset[disabled] .btn-lbr.focus,
fieldset[disabled] .btn-lbr:active,
fieldset[disabled] .btn-lbr:focus,
fieldset[disabled] .btn-lbr:hover {
    background-color: #00aeef;
    border-color: #00aeef
}
.btn-lbr .badge {
    color: #00aeef;
    background-color: #fff
}

/* contact-menu-item */

span.contact-menu-item {
    font-size: 1.2em;
    font-weight: bold;
}

/* <<< Scroll To Top */

/* TO TOP*/
#toTop-right {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	outline:none;
}
#toTop-left {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	left:20px;
	outline:none;
}
#toTop-center {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	left:50%;
	margin-left:-20px; /*Feintuning je nach Inhalt */
	outline:none;
}

.mspartner {
    margin-top: 0px;
}

img.img-responsive.mspartner {
    padding-right: 100px;
    padding-bottom: 50px;
}

.no-margin {
    margin: 0;
}

/* >>> Scroll To Top */

.company {
	color: black;
	opacity: .50;
	font-weight: bold;
	font-family: arial;
	font-style: italic;
			
}

#SlideOneHeaderOne {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    bottom: 50%;
    color: white; 
    font-weight: bold;
    font-size: 50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#SlideOneHeaderTwo {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
    position: absolute;
    color: white;
    left: 40%; 
    bottom: 5%;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}


@media(max-width:1350px) {
    
    #SlideOneHeaderOne {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    bottom: 50%;
    color: white; 
    font-weight: bold;
    font-size: 33px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
    
#SlideOneHeaderTwo {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
    position: absolute;
    color: white;
    left: 50%; 
    bottom: 5%;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
}

@media(max-width:900px) {
    
    #SlideOneHeaderOne {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    bottom: 50%;
    color: white; 
    font-weight: bold;
    font-size: 25px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
}

#SlideTwoHeaderOne {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
    position: absolute;
    color: grey; 
    left: 60%; 
    bottom: 60%;
    font-weight: bold;
    font-size: 50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

    #SlideTwoHeaderTwo {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
    position: absolute;
    color: grey;
    left: 60%; 
    bottom: 20%;
    font-size: 40px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}


@media(max-width:1350px) {
    
    #SlideTwoHeaderOne {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
    position: absolute;
    color: grey; 
    left: 60%; 
    bottom: 55%;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
    
#SlideTwoHeaderTwo {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
    position: absolute;
    color: grey;
    left: 60%; 
    bottom: 25%;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
}

@media(max-width:900px) {
        #SlideTwoHeaderOne {
    	-webkit-animation-delay: 1s;
    	animation-delay: 1s;
        position: absolute;
        color: grey; 
        left: 58%; 
        bottom: 55%;
        font-weight: bold;
        font-size: 30px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
    }
        
        #SlideTwoHeaderTwo {
    	-webkit-animation-delay: 2s;
    	animation-delay: 2s;
        position: absolute;
        color: grey;
        left: 58%; 
        bottom: 25%;
        font-weight: bold;
        font-size: 20px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
    }
}

#SlideThreeHeaderOne {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
    position: absolute;
    color: white; 
    left: 50%; 
    bottom: 50%;
    font-weight: bold;
    font-size: 50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

#SlideThreeHeaderTwo {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
    position: absolute;
    color: grey; 
    left: 50%; 
    bottom: 25%;
    font-weight: bold;
    font-size: 29px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

@media(max-width:1350px) {
    #SlideThreeHeaderOne {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
    position: absolute;
    color: white; 
    left: 50%; 
    bottom: 60%;
    font-weight: bold;
    font-size: 25px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

#SlideThreeHeaderTwo {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
    position: absolute;
    color: grey; 
    left: 50%; 
    bottom: 25%;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
}

@media(max-width:900px) {
    #SlideThreeHeaderOne {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
    position: absolute;
    color: white; 
    left: 50%; 
    bottom: 50%;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
#SlideThreeHeaderTwo {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
    position: absolute;
    color: grey; 
    left: 50%; 
    bottom: 10%;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
}

/* Display Telephone Number */

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}


.fa-arrow-circle-down	
		{
			color: #05295d;
		}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}


/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

    span.roll { 
        background:url(../img/imgrollover/mag.png) center center no-repeat white; 
    }
    
    span.roll_alt { 
        background:url(../img/imgrollover/mag_alt.png) center center no-repeat white; 
    }
    
    span.roll_red {
        background:url(../img/imgrollover/mag_red.png) center center no-repeat white;
    }
    
    span.roll, span.roll_alt, span.roll_red {
        height: 718px; 
        position: absolute; 
        width: 555px; 
        z-index: 10;	
        -webkit-box-shadow: 0px 0px 4px #000; 
        -moz-box-shadow: 0px 0px 4px #000; 
        box-shadow: 0px 0px 4px #000; 
        margin-top: 60px;
    }
    
    
    @media(max-width:960px) {
       span.roll, span.roll_alt, span.roll_red{
       margin-top: 0px;
       }
    }
    
    @media(max-width:768px) {
       span.roll, span.roll_alt, span.roll_red{
       display: none;
       }
    }
    
    .marginoverride {
        margin-top: 0px;
    }


/* Side Menu */

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 5px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

}

.navbar {
    background-color: white;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

nav.navbar.shrink {
    box-shadow: 5px 5px 5px grey;
    min-height: 0px;
}

@media (max-width: 768px) {
    nav.navbar{
    box-shadow: 5px 5px 5px grey;
    min-height: 0px;
    }  
}


.LanguageIcon {
    padding-right: 5px;
}

/* <<< Navbar Brand Image Align >>> */

.navbar-brand {
    margin: 0;
    padding: 0;
}

.navbar-brand > img {
    max-height: 100%;
}

/* <<< Hamburger Icon Animation */

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(4) {
	  top: -6px;
	  transform: rotate(-45deg);
}

/* >>> Hamburger Icon Animation */

@media (min-width:768px) {
span.Kontakt {
    display: none;
}
}

.contact-envelope, .contact-envelope:hover, .contact-phone, .contact-phone:hover, .contact-ampersand, .contact-ampersand:hover {
    color: #EF8701;
}

/* Header */

/*.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}*/

.touch-gesture {
    position: absolute;
    padding-top: 500px;
    right: 0px;
    pointer-events: none;
    animation: fadeOutLeft 3s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation: fadeOutLeft 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
}


@media(max-width:1550px){
.touch-gesture {
    position: absolute;
    padding-top: 400px;
    right: 0px;
    pointer-events: none;
    animation: fadeOutLeft 3s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation: fadeOutLeft 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    }
}

@media(max-width:1280px) and (max-height:800px){
.touch-gesture {
    position: absolute;
    padding-top: 330px;
    right: -10px;
    pointer-events: none;
    animation: fadeOutLeft 3s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation: fadeOutLeft 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    }
}

@media(max-width:1367px) and (max-height:769px){
.touch-gesture {
    position: absolute;
    padding-top: 350px;
    right: -10px;
    pointer-events: none;
    animation: fadeOutLeft 3s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation: fadeOutLeft 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    }
}

@media(max-width:1025px) and (max-height:769px){
.touch-gesture {
    position: absolute;
    padding-top: 280px;
    right: -10px;
    pointer-events: none;
    animation: fadeOutLeft 3s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation: fadeOutLeft 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    }
}

.touch-gesture2 {
    position: absolute;
    pointer-events: none;
    animation: fadeOutRight 3s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    animation-iteration-count: 2;
    -webkit-animation: fadeOutRight 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2s;
}

@media(max-width:769px){
    .touch-gesture2 {
    position: absolute;
    pointer-events: none;
    animation: fadeOutRight 3s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation: fadeOutRight 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    bottom: 200px;
    right: 20px;
}
}

.Consulting::before {
			content:url(../img/comment-circled-mini.png);
			position: absolute;
			left: 0;
			top: 8px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 1s;
			}
				
			.Consulting {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
		}
        
.About::before {
			content:url(../img/home-circled-mini.png);
			position: absolute;
			left: 0;
			top: 8px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 1.75s;
			}
				
			.About {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
		}
        
.Passion::before {
			content:url(../img/heart-circled-mini.png);
			position: absolute;
			left: 0;
			top: 8px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 0.75s;
			}
				
			.Passion {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
		}
        
.Kompetenz::before {
			content:url(../img/bulb-circled-mini.png);
			position: absolute;
			left: 0;
			top: 8px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 1.25s;
			}
				
			.Kompetenz {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
		}
        
.GridHeader {
    margin-top: 0px;
}  

.Solutions::before {
			content:url(../img/desktop-circled-mini.png);
			position: absolute;
			left: 0;
			top: 8px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 1.5s;
			}
				
			.Solutions {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
		}

.Services::before {
			content:url(../img/thumsup-circled-mini.png);
			position: absolute;
			left: 0;
			top: 8px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 0.5s;
			}
				
			.Services {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
        }
        
.fa-services {
    font-size: 6em;
    line-height: .75em;
    vertical-align: -15%;
}        

.fa-blue {
    color: #00aeef;
}

.fa-white {
    color: white;
}

.fa-university-align {
    padding-left: 5px;
}

.img-responsive-margin-override {
    margin: 0px
}
        
.headline {
    margin-top: 2px;
    /*text-align: center;*/
    margin-bottom: 40px;
}

.headoverline {
    position: relative;
    z-index: 1;
    bottom: -12px;
    display: inline-block;
    margin-bottom: 30px;
    width: auto;
    margin: 0 auto;
    padding-right: 22px;
    background: #fff;
    color: #000;
    font-size: 36px;
    font-weight: bold;
}
        
.container-Focus {
    /* border-top: 1px solid black;*/
}  

.box-shadow {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.dynamics-crm-box {
    color: #fff;
    background-color: #01ADEF;
    text-decoration: none;
    min-height: 200px;
    margin: 20px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    cursor: pointer;
}

.dynamics-crm-box:hover {
    background-color: #006F9A;
}

.resourcen-box {
    color: #fff;
    background-color: #EF8701;
    text-decoration: none;
    min-height: 200px;
    margin: 20px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    cursor: pointer;
}

.fact-box {
    color: #fff;
    background-color: #01ADEF;
    text-decoration: none;
    min-height: 200px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    cursor: pointer;
    margin: 25px;
}

.fact-box:hover {
    background-color: #006F9A;
}

.focus-box-text {
    color: #fff;
    position: absolute;
    top: 25%;
    left: 20%;
}

.days-box-text {
    color: #fff;
    position: absolute;
    left: 20%;
}

.portfolio-box-text {
    color: #fff;
    position: absolute;
    left: 20%;
}


.solutions-box-text {
    color: #fff;
    position: absolute;
    left: 20%;
    top: 25%;
}

.customers-box-text {
    color: #fff;
    position: absolute;
    left: 20%;
    top: 25%;
}

.consulting-box-text {
    color: #fff;
    position: absolute;
    left: 20%;
    top: 25%;
}

#solutions-gt-text {
    float: left;
}

span#portfolio-box-text-desc {
    font-size: 20px;
}

@media(max-width: 768px) {
    span#portfolio-box-text-desc{
        font-size: 15px;
    }
}

@media(max-width: 1200px) {
    span#portfolio-box-text-desc{
        font-size: 15px;
    }
}

@media(max-width: 768px) {
    span#days-box-text-desc{
        font-size: 17px;
    }
}

@media(max-width: 1200px) {
    span#days-box-text-desc{
        font-size: 17px;
    }
}

#count-focus, #consulting-gt-text, #count-consulting, #count-customers1, #count-customers2, #customers-slash-text, #count-solutions, #count-degree, #count-days {
    float: left;
}






.resourcen-box:hover {
   background-color: #B76700;
}
        
.container-Services {
    /*border-top: 1px solid black;*/
}        

.headline-spacer {
    margin-top: 20px;
    margin-bottom: 15px;
    height: 5px;
}

.color-headline-spacer {
    border-style: solid;
    border-bottom-width: 5px;
    border-color: #00aeef;
    width: 100px;
    display: block;
    max-width: 100%;
    background: transparent
}


.service-box {
    color: #fff;
    background-color: #777;
    text-decoration: none;
    min-height: 170px;
    margin: 20px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 20px;
}

.service-box:hover {
    background-color: #1F4B9C;
}

.fa-service-box {
    padding: 25px
}

.service-box-text {
    color: #fff;
    padding: 25px;
}

.background-lightgrey {
    background-color: lightgrey;
}

@media(max-width:768px) {
 .service-box-text {
font-size: 1.5em;
 }   
}

.whitepaper-box {
    color: black;
    background-color: gainsboro;
    text-decoration: none;
    margin: 20px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    cursor: pointer;
}

.whitepaper-box > img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.resource-description {
    padding-left: 20px;
}

@media(min-width:500px) and (max-width:1023px){
    .whitepaper-box {
    max-width: 55%
    }
    .resource-description {
    max-width: 55%
}
}

/* Seperator */

.Seperator {
    background-color: white;
    height: 100px;
    margin: auto;
}

.Section-Header {
    font-weight: bold;
    color: white;
}

.background-grey {
    background: rgba(242,242,242,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(242,242,242,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=1 );
}

.lbr-blue-text {
    color: #00aeef;
    font-weight: 900;
}

/* xRM */

.xRM-padding {
    padding-top: 75px;
    padding-left: 25px;
}

.xRM-Text > h3 {
    font-size: 2.4em;
    font-weight: bold;
} 

.xRM-Text > p{
    font-size: 1.5em;
}

@media(min-width:991px) and (max-width:1239px) {
    .xRM-img-padding {
        padding-top: 200px;
    }
}

@media(min-width:1240px) {
    .xRM-img-padding {
        padding-top: 100px;
    }
}

/* Industry */

.industry-padding {
    padding-top: 75px;
    padding-left: 25px;
}

.industry-Text > h3 {
    font-size: 2.4em;
    font-weight: bold;
} 

.industry-Text > p{
    font-size: 1.5em;
}

@media(min-width:991px) and (max-width:1239px) {
    .industry-img-padding {
        padding-top: 200px;
    }
}

@media(min-width:1240px) {
    .industry-img-padding {
        padding-top: 120px;
    }
}


/* XaaS */

.XaaS-padding {
    padding-top: 75px;
    padding-left: 25px;
}

.XaaS-Text > h3 {
    font-size: 2.5em;
    font-weight: bold;
} 

.XaaS-Text > p{
    font-size: 1.5em;
}

.XaaS-Text > ul > li {
    font-size: 1.2em;
}


/* IT-Strategy */

.IT-Strategy-padding {
    padding-top: 75px;
    padding-left: 25px;
}

.IT-Strategy-Text > h3 {
    font-size: 2.4em;
    font-weight: bold;
} 

.IT-Strategy-Text > p{
    font-size: 1.5em;
}

.IT-Strategy-Text > ul > li{
    font-size: 1.2em;
}

@media(min-width:991px) and (max-width:1239px) {
    .IT-Strategy-img-padding {
        padding-top: 100px;
    }
}

@media(min-width:1240px) {
    .IT-Strategy-img-padding {
        padding-top: 50px;
    }
}

/* SaaS */

.SaaS-padding {
    padding-top: 75px;
    padding-left: 25px;
}

.SaaS-Text > h3 {
    font-size: 2.4em;
    font-weight: bold;
} 

.SaaS-Text > p{
    font-size: 1.5em;
}

.SaaS-Text > ul > li{
    font-size: 1.2em;
}

/* PaaS */

.PaaS-padding {
    padding-top: 75px;
    padding-left: 25px;
}

.PaaS-Text > h3 {
    font-size: 2.4em;
    font-weight: bold;
} 

.PaaS-Text > p{
    font-size: 1.5em;
}

.PaaS-Text > ul > li{
    font-size: 1.2em;
}

@media(min-width:991px) and (max-width:1239px) {
    .PaaS-img-padding {
        padding-top: 100px;
    }
}

@media(min-width:1240px) {
    .PaaS-img-padding {
        padding-top: 50px;
    }
}

/* IaaS */

.IaaS-padding {
    padding-top: 75px;
    padding-left: 25px;
}

.IaaS-Text > h3 {
    font-size: 2.4em;
    font-weight: bold;
} 

.IaaS-Text > p{
    font-size: 1.5em;
}

.IaaS-Text > ul > li{
    font-size: 1.2em;
}

@media(min-width:991px) and (max-width:1239px) {
    .IaaS-img-padding {
        padding-top: 200px;
    }
}

@media(min-width:1240px) {
    .IaaS-img-padding {
        padding-top: 100px;
    }
}


/* News */

.News {
    padding: 50px 0;
}

.thumbnail {
        box-shadow: 10px 9px 22px 0px rgba(0,0,0,0.75);
        height: 500px
}

@media(max-width:768px) {
    .thumbnail {
        height: 450px;
    }
}

@media(max-width:701px) {
    .thumbnail {
        height: auto;
    }
}


/* Contact */

.fa-circle {
    color: rgba(0, 174, 239, 1);
}

.Contact .fa-home, .Contact .fa-phone, .Contact .fa-envelope, .Contact .fa-wrench {
   color: #fff   
}

#map {
    pointer-events: none;
}

.car-arrival::before {
			content:url(../img/car-circled-mini.png);
			position: absolute;
			left: 0;
			top: 0px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 0.5s;
			}
				
			.car-arrival {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
        }
        
.train-arrival::before {
			content:url(../img/train-circled-mini.png);
			position: absolute;
			left: 0;
			top: 0px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 1s;
			}
				
			.train-arrival {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
        }
        
.plane-arrival::before {
			content:url(../img/plane-circled-mini.png);
			position: absolute;
			left: 0;
			top: 0px;
			vertical-align: top;
            opacity: 0;
            animation: rollIn 1s;
            animation-fill-mode: forwards;
            animation-delay: 1.5s;
			}
				
			.plane-arrival {
            color: #444444;
			display: inline-block;
		    margin-top: 55px;
		    margin-bottom: 70px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 80px;
		    position: relative;
			vertical-align: top;
        }


@media(min-width:768px) {
    .Contact-item {
        height: 200px;
        margin-bottom: 30px;
    }
}

@media(max-width:768px) {
    .Contact-item {
        margin-bottom: 50px;
    }
}

/* MailTO */

a.mailto {
    color: #333;
}

/* eService */

a.eService {
    color: #333;
}

.scrolloff {
        pointer-events: none;
    }

.DynamicsCRM {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: #002050;
}

.PivotalCRM {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: #ed1c24;
}

.proCONTRACTS {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: #f8992f;
}

.proFINANCI {
    margin-top: 0px;
}

/* Head */

/* Customer */

.bg-head {
    color: black;
    background-color: white;
}

.industry {
    margin: 3px;
}

/* Customer */

.KundenHeading {
    font-weight: bold;
    font-size: 1.7em;
}

.CustomerDesc {
    background-color: #333;
    color: white;
    max-width: 100px;
    margin: auto;
    height: 50px;
    font-weight: bold;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: Center;
    padding: 10px;
    font-size: 0.7em;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}

.News {
    padding: 50px 0;
}

.bg-News {
    color: black;
    background-color: #dbdbdb;
    padding-bottom: 25px;
    -webkit-box-shadow: inset 0px 0px 45px 9px rgba(143,143,143,1);
    -moz-box-shadow: inset 0px 0px 45px 9px rgba(143,143,143,1);
    box-shadow: inset 0px 0px 45px 9px rgba(143,143,143,1);
}

.bg-lbr {
    background-color: #00adef;
}

/* Footer */

footer {
    padding: 40px 0 0 0;
}

#bg-footer {
background: #222
}

.footerHeader {
    color: hsla(0, 100%, 100%, 0.74);
    font-weight: bold;
} 

.footer-text {
    color: hsla(0, 100%, 100%, 0.74);
    font-weight: bold;
}

.footer-control {
    color: #999;
    background-color: rgba(0,0,0,.2);
    border-color: rgba(0,0,0,.25);
    margin-bottom: 6px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ul-footer {
    list-style-type: square;   
    margin-left: 15px;
}

.social-slide {
	height: 48px;
	width: 48px;
	margin: 10px 10px 10px 0px;
	display: inline-block;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
    border: 1px solid #c6c6c6;
}
.social-slide:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.twitter-hover {
    background-image: url('../img/socialicons/twitter-hover.png')
}

.facebook-hover {
    background-image: url('../img/socialicons/facebook-hover.png')
}

.linkedin-hover {
    background-image: url('../img/socialicons/linkedin-hover.png')
}

.xing-hover {
    background-image: url('../img/socialicons/xing-hover.png')
}

.social-icons > a:hover {
    text-decoration: none;
}

a.container-link, a.footer-link {
    color:white;
    text-decoration: none;
}

a.container-link {
    text-decoration: none;
}

address {
    background: url('../img/world-map.png') no-repeat;
}

.Home::before {
            content: "\f015";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            font-size: 2em;
            color: hsla(0, 100%, 100%, 0.74);
            left: 0px;
			position: absolute;
			vertical-align: top;
			}
				
			.Home {
            color: #444444;
		    margin-bottom: 30px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 40px;
		    position: relative;
			vertical-align: top;
		}
        
.Phone::before {
            content: "\f095";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            font-size: 2em;
            color: hsla(0, 100%, 100%, 0.74);
			position: absolute;
			left: 0px;
			vertical-align: top;
			}
				
			.Phone {
            color: #444444;
		    margin-bottom: 30px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 40px;
		    position: relative;
			vertical-align: top;
		}
           
.Information::before {
            content: "\f05a";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            font-size: 2em;
            color: hsla(0, 100%, 100%, 0.74);
			position: absolute;
			left: 0px;
			vertical-align: top;
			}
				
			.Information {
            color: #444444;
		    margin-bottom: 30px;
		    line-height: 24px;
		    font-size: 14px;
		    padding-left: 40px;
		    position: relative;
			vertical-align: top;
		}

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
}

.filter-list-padding-adjust {
    padding-top: 35px;
}

#Container .mix{
	display: none;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline-year {
    text-align: center;
    opacity: 0;
    animation: fadeIn 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

@media (max-width: 767px) {
    .timeline-year {
    text-align: initial;
    padding-left: 15px;    
    }
    }
    
a.timeline-link, a.timeline-link {
    text-decoration: none;
    color: black
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
        opacity: 0;
        animation: fadeInUp 1s;
        animation-fill-mode: forwards;
        animation-delay: 1s;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            opacity: 0;
            animation: fadeInLeft 1s;
            animation-fill-mode: forwards;
            animation-delay: 1s;
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.lbr-primary {
    background-color: #00aeef !important;
    opacity: 0;
    animation: fadeInRight 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

.timeline-badge.lbr-secondary {
    background-color: #EF8701 !important;
    opacity: 0;
    animation: fadeInRight 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}


.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

@media (min-width: 768px) {
    .mix-employees {
        margin-right: 100px;
    }
    .employee-margin {
        margin-top: 35px;
    }
}

.progress-bar-gap {
    float: right;
    /* float: none; */
    /* width: 0; */
    /* height: 100%; */
    /* font-size: 12px; */
    /* line-height: 20px; */
    /* color: #fff; */
    vertical-align: bottom;
    top: 100%;
    overflow: auto;
    /* text-align: center; */
    background-color: #03A9F4;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: height .12s ease;
    -o-transition: width .6s ease;
    transition: height .12s ease;
    -moz-transition: .12s ease;
    position: relative;
}

.progress-gap {
    height: 200px;
    width: 20%;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    /* border-radius: 4px; */
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.bar-gap {
    width: 100%; 
    height: 1%;   
    min-height: 80%; /* Required for Edge :/ */

    animation: bar-gap-animation 4s 1 forwards;
    animation-timing-function: ease-in-out;
    -moz-animation: bar-gap-animation 4s 1 forwards;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation: bar-gap-animation 4s 1 forwards;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation: bar-gap-animation 4s 1 forwards;
    -o-animation-timing-function: ease-in-out;
}

@keyframes bar-gap-animation { 
  from { height: 0%; }
  to  { height: 80%;}
  from {top: 100%;}
  to { top: 20%;}
  
}



.progress-bar-customer {
    float: right;
    /* float: none; */
    /* width: 0; */
    /* height: 100%; */
    /* font-size: 12px; */
    /* line-height: 20px; */
    /* color: #fff; */
    vertical-align: bottom;
    top: 100%;
    overflow: auto;
    /* text-align: center; */
    background-color: #03A9F4;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: height .12s ease;
    -o-transition: width .6s ease;
    transition: height .12s ease;
    position: relative;
}

.progress-customer {
    height: 200px;
    width: 20%;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    /* border-radius: 4px; */
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.bar-customer {
    width: 100%; 
    height: 1%;
    min-height: 8%; /* Required for Edge :/ */

    animation: bar-customer-animation 1s 1 forwards;
    animation-timing-function: ease-in-out;
    -webkit-animation: bar-customer-animation 1s 1 forwards;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation: bar-customer-animation 1s 1 forwards;
    -moz-animation-timing-function: ease-in-out;
}

@keyframes bar-customer-animation { 
  from { height: 0% }
  to { height: 8%}
  from {top: 100%}
  to { top: 92%}
  
}

.gap-percentage {
    font-size: 20px;
}

.gap-text {
    font-size: 18px;
}

.circle {
    width: 150px;
    height: 150px;
    border-radius: 300px;
    font-size: 20px;
    color: #fff;
    line-height: 150px;
    text-align: center;
    background: #00aeef;
    opacity: 0;
    /* transition: 1s ease-in-out; */
    /* animation-iteration-count: infinite; */
    animation: bounceIn 1s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    -webkit-animation: bounceIn 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0.5s;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

@media (max-width: 1200px) {
    .circle {
    margin: 25px;   
    }
}


/*
.btn-lbr {
    color: #EF8700;
    background-color: #00ADEF;
    border-color: #00ADEF
}
.btn-lbr.active,
.btn-lbr.focus,
.btn-lbr:active,
.btn-lbr:focus,
.btn-lbr:hover,
.open>.dropdown-toggle.btn-lbr {
    color: #EF8700;
    background-color: #00ADEF;
    border-color: #00ADEF
}
.btn-lbr.active,
.btn-lbr:active,
.open>.dropdown-toggle.btn-lbr {
    background-image: none
}
.btn-lbr.disabled,
.btn-lbr.disabled.active,
.btn-lbr.disabled.focus,
.btn-lbr.disabled:active,
.btn-lbr.disabled:focus,
.btn-lbr.disabled:hover,
.btn-lbr[disabled],
.btn-lbr[disabled].active,
.btn-lbr[disabled].focus,
.btn-lbr[disabled]:active,
.btn-lbr[disabled]:focus,
.btn-lbr[disabled]:hover,
fieldset[disabled] .btn-lbr,
fieldset[disabled] .btn-lbr.active,
fieldset[disabled] .btn-lbr.focus,
fieldset[disabled] .btn-lbr:active,
fieldset[disabled] .btn-lbr:focus,
fieldset[disabled] .btn-lbr:hover {
    background-color: #00ADEF;
    border-color: #00ADEF
}
.btn-lbr .badge {
    color: #EF8700;
    background-color: #00ADEF
}

*/