/*
=========================================================================
Lanceng - Responsive Admin Template
Exclusive on Wrapbootstrap (http://wrapbootstrap.com)

Author				Isoh Design Studio
URL					http://isohdesign.com
Designer			Ari Rusmanto (http://twitter.com/arirusmanto)
Version				1.1.1
Update Released		March 13, 2014
=========================================================================
*/


/*
=========================================================================
BOOTSTRAP LITLE CUSTOM
=========================================================================
*/

/* Import font from Google Font (Red Hat Display) */
/*@import url(https://fonts.googleapis.com/css?family=Red+Hat+Display:400,300,600,700);*/


/* red-hat-display-regular - latin */
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/red-hat-display-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/red-hat-display-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/red-hat-display-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/red-hat-display-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/red-hat-display-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/red-hat-display-v4-latin-regular.svg#RedHatDisplay') format('svg'); /* Legacy iOS */
}
/* red-hat-display-700 - latin */
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/red-hat-display-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/red-hat-display-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/red-hat-display-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/red-hat-display-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/red-hat-display-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/red-hat-display-v4-latin-700.svg#RedHatDisplay') format('svg'); /* Legacy iOS */
}

/** Body style reset **/

/** Heading style reset **/
h1,h2,h3,h4,h5,h6{font-family: 'Red Hat Display', Arial;}

/** Make container auto **/
.container{width: auto;}

@media (max-width: 767px) {
    .container{
        padding-left: 5px;
        padding-right: 5px;
    }
}

/** Navbar style reset **/
blockquote.reply-message{
    font-size: 14px;
}
.modal{z-index: 9999996;}
.modal-backdrop {
    z-index: 9999995;
}
.navbar{
    margin: 0 0 0 -15px;
    z-index: 999993;
    border-radius: 0;
}
.navbar-collapse{
    padding:0;
    margin: 0;
}
.navbar-default {
    background-color: #fff;
    border: none;
    max-height: 50px;
}
.nav.navbar-nav.top-navbar li {position:relative;}
.nav.navbar-nav.top-navbar li a {
    cursor: pointer;
    color: #4C5264;
}
.nav.navbar-nav.top-navbar li span.absolute {
    position:absolute;
    top: 5px;
    left: 25px;
    border-radius: 10px;
    padding: 5px;
    z-index: 999;
}
.dropdown-menu{
    top: 97%;
    z-index: 99999997 !important;
    border-radius: 8px;
}
.dropdown-menu.dropdown-message ul{white-space: inherit;}
.dropdown-menu.dropdown-message li a{
    word-wrap:normal;
    white-space: inherit;
    width: 300px;
    border-bottom: 1px solid #ddd;
}
.dropdown-menu.dropdown-message li.dropdown-footer a{
    display: block;
    padding: 10px 20px 6px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999999;
    border-top: 1px solid #ddd;
    border-bottom: none;
}
.dropdown-menu.dropdown-message li:hover.dropdown-footer a{background: #fff;}
.dropdown-menu.dropdown-message li p{font-size: 11px;}
.dropdown-menu.dropdown-message li p i{color: #65BD77}
.dropdown-menu.dropdown-message .dropdown-message-scroll{padding: 0px;}
.dropdown-menu.dropdown-message .dropdown-message-scroll li{padding: 5px 20px;}
.dropdown-menu.dropdown-message .dropdown-message-scroll a,
.dropdown-menu.dropdown-message .dropdown-message-scroll strong{
    text-decoration: none;
    border-bottom: none;
}
.dropdown-menu.dropdown-message .dropdown-message-scroll .unread{background: #FFFCE0;}
.dropdown-menu.dropdown-message .dropdown-message-scroll a:hover{color: #000}
.dropdown-header.notif-header{
    font-size: 14px;
    padding: 5px 20px 3px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555555;
    background-color: #fafafa;
    border-bottom: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555555;
    background-color: #fafafa;
}

/** Breadcrumb **/
.breadcrumb{
    padding: 0;
    background: transparent;
    font-size: 12px;
    margin: 0;
}

/** Progress bar **/
.progress-bar {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.progress.progress-xs {
    height: 5px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
}
.progress.progress-xs.for-modal {
    margin-top: 10px;
    margin-bottom: 20px;
}
.progress.progress-xs .progress-bar {
    font-size: 11px;
    line-height: 16px;
    color: #ffffff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.progress.progress-xs.progress-striped .progress-bar {background-size: 10px 10px;}
.progress.progress-sm {
    height: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress.progress-sm.progress-striped .progress-bar {background-size: 15px 15px;}


/** Tables **/
.table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 1px solid #dddddd;
}

/** Form **/
.form-control{
    font-size: 13px;
    border-radius: 8px;
    color: inherit;
    background: inherit;
    border-color: #ddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.form-control:focus {
    border-color: #dadada;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
}
.form-group .checkbox{margin-left: 0; padding-left: 0;}

/** Button **/
.btn{border-radius: 8px;}


/** List group **/
.list-group-item:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.list-group-item:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

/** Alert **/
.alert {
    border-radius: 8px;
    text-align: left;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.alert:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    z-index: 20;
}

.alert::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 5px;
    width: 6px;
    border-radius: 4px;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    backdrop-filter: blur(5px);
}

.alert:hover::before {
    box-shadow: none;
    backdrop-filter: blur(5px);
}

/* Bootstrap-Farbvariablen für den Streifen (kräftiger) */
.alert-success::before { background-color: #4cae4c; }
.alert-info::before { background-color: #49a5bd; }
.alert-warning::before { background-color: #e09f3a; }
.alert-danger::before { background-color: #c94340; }
.alert-primary::before { background-color: #0069d9; }
.alert-secondary::before { background-color: #5b6268; }
.alert-light::before { background-color: #e9ecef; }
.alert-dark::before { background-color: #23272b; }

/* Hover-Effekt für die Alerts (Farbanpassung und Textfarbe) */
.alert-success:hover { background-color: #4cae4c; color: white; }
.alert-info:hover { background-color: #49a5bd; color: white; }
.alert-warning:hover { background-color: #e09f3a; color: black; }
.alert-danger:hover { background-color: #c94340; color: white; }
.alert-primary:hover { background-color: #0069d9; color: white; }
.alert-secondary:hover { background-color: #5b6268; color: white; }
.alert-light:hover { background-color: #e9ecef; color: black; }
.alert-dark:hover { background-color: #23272b; color: white; }

@media (max-width: 767px) {
    .col-form-label{
        float: left;
    }
}
    


/*
=========================================================================
BASIC SELECTOR
=========================================================================
*/

/* === MISC === */
span.new-circle {
    border-radius: 10px;
    padding: 2px 5px;
    font-weight: 400;
}
img.xs-avatar{
    width: 40px;
    padding: 3px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0px 4px 0 0;
}
img.ava-dropdown{
    float: left;
    margin: 7px 10px 0 0;
}
i.i-xs{font-size: 10px;}
.clear{clear: both}

/** LOADING ANIMATION **/
#loading{
    margin: auto;
    position: fixed;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 999999999;
    background:#fff;
}
.spinner {
    margin: 0 auto;
    width: 36px;
    height: 36px;
    position: relative;
}
.cube1, .cube2 {
    background-color: #1B1E24;
    width: 7.5px;
    height: 7.5px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: cubemove 2s infinite ease-in-out;
    animation: cubemove 2s infinite ease-in-out;
}
.cube2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
@-webkit-keyframes cubemove {
    25% { -webkit-transform: translateX(24px) rotate(-90deg) scale(0.5) }
    50% { -webkit-transform: translateX(24px) translateY(24px) rotate(-180deg) }
    75% { -webkit-transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5) }
    100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
    25% { 
        transform: translateX(24px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(24px) rotate(-90deg) scale(0.5);
    } 50% { 
        transform: translateX(24px) translateY(24px) rotate(-179deg);
        -webkit-transform: translateX(24px) translateY(24px) rotate(-179deg);
    } 50.1% { 
        transform: translateX(24px) translateY(24px) rotate(-180deg);
        -webkit-transform: translateX(24px) translateY(24px) rotate(-180deg);
    } 75% { 
        transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5);
    } 100% { 
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}
.loading-inner{
    position: absolute;
    top: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
}



/* === BUTTONS AND ICONS COLOR === */
.btn-facebook{background: #45619D;border-color: #4D6CAD;}
.btn-facebook:hover{background: #395289;border-color: #4D6CAD;}
.btn-twitter{background: #00ACEE;border-color: #00B7FC;}
.btn-twitter:hover{background: #03A0DE;border-color: #00B7FC;}
.btn-gplus{background: #D54636;border-color: #B22E21;}
.btn-gplus:hover{background: #BF392E;border-color: #B22E21;}
.btn-vimeo{background: #1BB6EC;border-color: #0AA0D3;}
.btn-vimeo:hover{background: #12ADE3;border-color: #0AA0D3;}
.btn-pinterest{background: #CD1F28;border-color: #B70F17;}
.btn-pinterest:hover{background: #C9121A;border-color: #B70F17;}
.btn-instagram{background: #4E3D35;border-color: #392C24;}
.btn-instagram:hover{background: #483931;border-color: #392C24;}

i.success{color: #65BD77;}
i.warning{color: #F39C12}
i.info{color: #3498DB}
i.danger{color: #E85344}
i.cb{color: #343a40;}


/* === MASTER PAGE SELECTORS === */
.page {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.rows, .col, .page {
    overflow: hidden;
    position: absolute;
}
.rows {
    left: 0;
    right: 0;
}
.rows-content-header {
    left: 0;
    right: 0;
    position: absolute;
}
.col {top: 0; bottom: 0;}
.scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.scroll-y { overflow-y: auto; -webkit-overflow-scrolling: touch; }
.fill, .pane {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}
.pane { display: none; }

/* === LEFT COLUMN (SIDEBAR) === */
.left {
    width: 225px;
    background: #1B1E24;
    margin-left: -15px;
    overflow: hidden;
    position: absolute;
    top: 0; bottom: 0;
    left: 15px;
}
.header.sidebar{
    background: #000;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0px;
}
.header.sidebar .logo{
    padding: 14px 20px;
    color: #fff;
}
.header.sidebar .logo img{
    margin-left: 4px;
    margin-top: 1px;
}
.header.sidebar .logo h1{
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: 'Red Hat Display', Arial;
    font-weight: 600;
    letter-spacing: -1px;
} 
.header.sidebar .logo h1 a{color: #8B91A0;}
.header.sidebar .logo h1 a:hover{
    text-decoration: none;
    color: #fff;
}

/* === LEFT COLUMN (SIDEBAR USER PROFILE) === */
.sidebar-inner{}
.sidebar-inner .media{
    padding: 0px 30px 15px;
    margin: 15px -15px 0 -15px;
    border-bottom: 1px solid #1F2429;
    color: #fff;
}
.sidebar-inner .media a{
    cursor: pointer;
    font-size: 11px;
    margin: 0 5px 0 0;
}
.sidebar-inner .media a:hover{
    color: #fff;
    text-decoration: none;
}
.sidebar-inner .media .pull-left{margin: 3px 10px 0 3px;}
.sidebar-inner .media .media-object{
    width: 57px;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;}

.sidebar-inner .media .media-object:hover {
    transform: scale(1.10);
}


/* === LEFT COLUMN (SEARCH FORM) === */
.sidebar-inner #search{padding: 15px;}
.sidebar-inner #search form{position: relative;}
.sidebar-inner #search form i{
    color: #909090;
    position: absolute;
    top: 10px;
    right: 10px;
}
.sidebar-inner #search .search{
    border-radius: 0;
    border-color: #121515;
    background: #313940;
    padding-right: 25px;
    font-size: 12px;
    color: #909090;
    -webkit-transition:All 0.25s ease;
    -moz-transition:All 0.25s ease;
    -o-transition:All 0.25s ease;
}
.sidebar-inner #search .search:focus{
    border-color: #121515;
    background: #fdfdfd;
    -webkit-box-shadow: inset 0 1px 1px rgba(2, 0, 0, 0.075), 0 0 8px rgba(1, 1, 1, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 1, 1, 0.3);
}

/* === LEFT COLUMN (SIDEBAR VERTICAL MENU) === */


/* === LEFT COLUMN (SIDEBAR VERTICAL SUBMENU) === */

/* === LEFT COLUMN (SIDEBAR FOOTER) === */
.footer.rows {
    height: 50px;
    bottom: 0;
    background: #0F1215;
    color: #E8EAED;
    padding: 15px;
}
.footer.rows .progress.progress-xs{
    margin: 9px 70px 9px 0;
    overflow: visible;
    position: relative;
}
.footer.rows .progress.progress-xs .progress-precentage{
    display: block;
    position: absolute;
    right: -20px;
    top: -12px;
    padding: 7px 5px;
    border-radius: 50%;
    background: #212121;
    color: #8B91A0;
}
.footer.rows .progress.progress-xs .btn{
    display: block;
    position: absolute;
    right: -70px;
    top: -14px;
    background: #212121;
    color: #8B91A0;
    border: none;
}

/* === RIGHT COLUMN (CONTENT) === */
.right{
    left: 225px;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
}

/* === RIGHT COLUMN (CONTENT HEADER / NAV) === */
.header.rows { height: 50px;}
.header.rows-content-header { height: 50px;}
.header.content{background: #FFFFFF; border-bottom: 1px solid #E5E9EC}

/* === RIGHT COLUMN (CONTENT BODY) === */
.body.rows {
    top: 50px;
    bottom: 50px;
}
.body.content.rows {
    top: 50px;
    bottom: 0px;
    /*background: #E5E9EC;*/
    padding: 20px;
    font-size: 13px;
}

@media (min-width: 990px) {
    .body.content.rows {
        margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 7px;
        border-radius: 25px;
    }
}

.body.content.rows.aktuelleBelegung {
    top: 0px;
    bottom: 0px;
    /*background: #E5E9EC;*/
    padding: 20px;
    font-size: 13px;
}
.button-menu-mobile{
    display: none;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 99999;
    padding: 10px 15px;
    height: 50px;
    font-size: 14px;
    background: #343a40;
    color: #A5B2BC;
    border: none;
    border-bottom-right-radius: 8px;
}
footer{
    padding: 20px 0;
    font-size: 12px;
    border-top: 1px solid #B9C1CB;
    margin-top: 40px;
}

/* === BOXES === */
.box-info{
    position:relative;
    padding: 15px;
    background: #fff;
    color: #5b5b5b;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.35);
}
.box-info-alternative-login{
    position:relative;
    padding: 15px 15px 0;
    background: #fff;
    color: #5b5b5b;
    margin-bottom: 20px;
    border-radius: 8px;
}
/*.box-info:hover{color: #393E48;}*/
.box-info:before,
.box-info:after {
    display: table;
    content: " ";
}
.box-info:after {clear: both;}
.box-info .des-thumbnail{padding: 20px;}
.box-info .img-wrap{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.box-info .img-wrap img{width: 100%;}
.box-info .icon-box{
    width: 80px;
    font-size: 30px;
    display: block;
    float: left;
}
.box-info h2{
    padding: 0 15px 15px 15px;
    margin: 5px -15px 20px -15px;
    font-weight: 400;
    font-size: 16px;
    display: block;
    color: inherit;
    border-bottom: 1px solid #ddd;
    border-radius: 8px 8px 0 0;
}
.box-info h2.no-style{
    padding:0px;
    margin: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
}
.box-info.box-messages h2{border-bottom: none;}
.box-info.full{padding: 0px;}
.box-info.full .box-footer{padding: 20px 20px 15px 20px;}
.box-info.full .box-footer a,
.box-info.full .box-footer a:hover{
    color: #1B1E24;
    text-decoration: none;
}
.box-info .nav-tabs {
    background: #1B1E24;
    border-radius: 8px 8px 0 0;
}
.box-info .nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.428571429;
    font-size: 14px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-radius: 0px 0px 0 0;
    margin: 0;
    color: #8B91A0;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
}

.box-info .nav-tabs > li > a i {color: #fff;}
.box-info .media-list{margin-top: 30px;}
.box-info .media-list a{color: #1B1E24;}
.box-info .media-list a:hover{
    color: #212121;
    text-decoration: none;
}
.box-info .media-list .media{
    padding: 5px 20px;
    border-bottom: 1px solid #eaeaea;
}
.box-info .media-list li:last-child.media{border-bottom: none;}
.box-info .media-list .media .media-heading a{
    font-size: 14px;
    font-weight: 600;
    color: #1B1E24;
    margin-right: 5px;
}
.box-info .media-list .media .media-heading small{
    color: #65BD77;
    font-size: 11px;
}
.box-info .media-list .media p{color: #909090;}
.box-info .media-list .media .media-object{width: 50px;}
.box-info .media-list{}
.box-info .nav-tabs > li.active > a,
.box-info .nav-tabs > li.active > a:hover,
.box-info .nav-tabs > li.active > a:focus {
    cursor: default;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    background-color: #ffffff;
    color: #1B1E24;
}
.box-info .nav-tabs > li.active > a{
     border-radius: 8px 8px 0 0;
}
.box-info .nav-tabs > li > a:hover{
     border-radius: 8px 8px 0 0;
}

.box-info .nav-tabs > li.active > a i,
.box-info .nav-tabs > li.active > a:hover i,
.box-info .nav-tabs > li.active > a:focus i {color: #212121;  border-radius: 8px 8px 0 0;}
.box-info .additional-box{
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 99999;
}
.box-info .additional-btn{
    position: absolute;
    top: 17px;
    right: 15px;
    z-index: 99991;
}
.box-info .btn-group{z-index: 9999;}
.box-info table .btn-group{z-index: 1;}
.box-info .additional-btn .dropdown-menu{z-index: 999999;}
.box-info .additional-btn a.additional-icon{
    color: inherit;
    margin-left: 10px;
    cursor: pointer;
}
.box-info .additional-btn a:hover.additional-icon{text-decoration: none;}

.box-info.success{
    background: #65BD77;
    color: #fff;
}
.box-info.success h2{
    color: #2C7439;
    border-bottom-color: #3B934B;
}
.box-info.success:hover{color: #DEFFE5;}
.box-info.success .additional-btn a.additional-icon{color: #3B934B;}
.box-info.success .additional-btn a:hover.additional-icon{color: #2C7439;}
.box-info.success .text-box h3{color: #215F2E}
.box-info.success .progress-bar-success {background-color: #215F2E;}
.box-info.success i.success {color: #215F2E;}

.box-info.danger{
    background: #D9534F;
    color: #fff;
}
.box-info.danger h2{
    color: #791C1A;
    border-bottom-color: #791C1A;
}
.box-info.danger:hover{color: #fff;}
.box-info.danger .additional-btn a.additional-icon{color: #791C1A;}
.box-info.danger .additional-btn a:hover.additional-icon{color: #791C1A;}
.box-info.danger .text-box h3{color: #791C1A}
.box-info.danger .progress-bar-danger {background-color: #791C1A;}
.box-info.danger i.danger {color: #791C1A;}

.box-info.info{
    background: #4393D8;
    color: #fff;
}
.box-info.info h2{
    color: #15558B;
    border-bottom-color: #15558B;
}
.box-info.info:hover{color: #DEFFE5;}
.box-info.info .additional-btn a.additional-icon{color: #15558B;}
.box-info.info .additional-btn a:hover.additional-icon{color: #15558B;}
.box-info.info .text-box h3{color: #15558B}
.box-info.info .progress-bar-info {background-color: #15558B;}
.box-info.info i.info {color: #15558B;}

.box-info.warning{
    background: #F7CB17;
    color: #fff;
}
.box-info.warning h2{
    color: #9D5D03;
    border-bottom-color: #9D5D03;
}
.box-info.warning:hover{color: #DEFFE5;}
.box-info.warning .additional-btn a.additional-icon{color: #9D5D03;}
.box-info.warning .additional-btn a:hover.additional-icon{color: #9D5D03;}
.box-info.warning .text-box h3{color: #9D5D03}
.box-info.warning .progress-bar-warning {background-color: #9D5D03;}
.box-info.warning i.warning {color: #9D5D03;}

.box-info .additional{
    padding: 0 15px;
    background: #fff;
    color: #909090;
    margin: 15px -15px -15px -15px;
}
.box-info .additional .list-box-info{margin: 0 -15px;}
.box-info .additional .list-box-info ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-info .additional .list-box-info ul li{
    background: #fff;
    padding: 15px 20px;
    color: #909090;
    border-bottom: 1px solid #ddd;
}
.box-info .additional .list-box-info ul li span.label{
    float: right;
    font-size: 13px;
}
.box-info .additional .list-box-info ul li:last-child{border-bottom: 1px solid #fff;}
.box-info.full h2{
    padding: 15px;
    margin: 5px 0px 20px 0px;
}
.box-info table{margin: 0;}
.box-info table tr th,
.box-info table tr td{
    padding-left: 15px;
    padding-right: 15px;
}

.box-info .text-box h3{
    padding: 0;
    margin: 5px 0;
    font-weight: 600;
    font-size: 20px;
    display: block;
}
.box-info .text-box p{font-size: 14px;}






/*
=========================================================================
WIDGET SELECTOR
=========================================================================
*/

/* === QUICK POST === */
p.quick-post {margin: 10px 5px;}
p.quick-post i {
    color: #909090;
    margin: 5px;
    cursor: pointer;
}
p.quick-post.message i {margin: 0 2px;}
p.quick-post.message {
    margin: 3px 0px;
    padding: 0;
    text-align: right;
}

/* === CHAT === */
.chat-widget{
    height: 300px;
    margin-bottom: 20px;
}
form.input-chat{margin-top: 20px;}
.chat-widget .media-list{margin: 0;}
.chat-widget .media-list .media{border-bottom: none;}
.chat-widget .media-list .media .media-object{
    width: 50px;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;}

.chat-widget .media-list .media .media-object:hover {
    transform: scale(1.25);
}

.chat-widget .media-list .media .media-body{
    background: #f7f7f7;
    border-radius: 3px;
    padding: 10px;
    color: #677179;
    border-radius: 8px;
}
.chat-widget .media-list .media .media-body p.time{
    text-align: right;
    color: #909090;
    font-size: 11px;
    font-style: italic;
}
.chat-widget .media-list .media .media-body.success{background: #EDFFED;}
.chat-widget .media-list .media .media-body.warning{background: #FFFCE0;}
.chat-widget .media-list .media .media-body.danger{background: #FFE8E8;}
.chat-widget .media-list .media .media-body.info{background: #E5F5FF;}




/*
=========================================================================
ELEMENT SELECTOR
=========================================================================
*/

/** Typography **/
.the-notes{
    padding: 15px 15px 15px 30px;
    border-left: 4px solid #909090;
    margin-bottom: 20px;
}
.the-notes.default{background: #fff;}
.the-notes.success{
    background: #fff;
    border-left-color: #65BD77;
}
.the-notes.warning{
    background: #fff;
    border-left-color: #F7CB17;
}
.the-notes.danger{
    background: #fff;
    border-left-color: #D9534F;
}
.the-notes.info{
    background: #fff;
    border-left-color: #4393D8;
}
.the-notes.success h4{color: #65BD77;}
.the-notes.warning h4{color: #F7CB17;}
.the-notes.danger h4{color: #D9534F;}
.the-notes.inf h4{color: #4393D8;}





/*
=========================================================================
FORM SELECTOR
=========================================================================
*/
/** Form Element **/
.selectpicker{
    border-radius: 0;
    font-size: 13px;
}


/** Form Wizard **/
#myWizard {}
.easyWizardSteps {
    list-style:none;
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0;
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
    background: #fafafa;
}
.easyWizardSteps li {
    font-size:18px;
    display:inline-block;
    padding:10px 20px;
    color:#B0B1B3;
    margin-right:0px;
}
.easyWizardSteps li span {
    font-size:20px;
    padding: 2px 10px;
    border-radius: 50%;
    margin-top: -5px;
}
.easyWizardSteps li.current span {
    background: #65BD77;
    color: #fff;
}
.easyWizardSteps li.current {
    color:#2C7439;
    background: #fff;
}
.easyWizardButtons {overflow:hidden;padding:10px;}
.easyWizardButtons button, .easyWizardButtons .submit {cursor:pointer}
.easyWizardButtons .prev {float:left}
.easyWizardButtons .next, .easyWizardButtons .submit {float:right}
.notes{
    padding: 15px;
    border: 1px dashed #ddd;
}
section.step{padding: 0 30px;}






/*
=========================================================================
TABLE SELECTOR
=========================================================================
*/






/*
=========================================================================
GALLERY SELECTOR
=========================================================================
*/
.gallery-wrap{margin: 10px -10px;}
.gallery-wrap:before,
.gallery-wrap:after {
    display: table;
    content: " ";
}
.gallery-wrap:after {clear: both;}
.gallery-wrap .column{
    float: left;
    width: 20%;
    margin: 0;
    padding: 0;
}
.gallery-wrap .column-4{
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
}
.gallery-wrap .column-3{
    float: left;
    width: 33.33333333333333%;
    margin: 0;
    padding: 0;
}
.gallery-wrap .column .inner,
.gallery-wrap .column-4 .inner,
.gallery-wrap .column-3 .inner{
    margin: 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
}
.gallery-wrap .column .inner:hover,
.gallery-wrap .column-4 .inner:hover,
.gallery-wrap .column-3 .inner:hover{
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
}
.gallery-wrap .column .inner a .img-wrap,
.gallery-wrap .column-3 .inner a .img-wrap,
.gallery-wrap .column-4 .inner a .img-wrap{
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.gallery-wrap .column .inner .img-wrap{
    height: 100px;
    overflow: hidden;
    background: #ddd;
}
.gallery-wrap .column-3 .inner .img-wrap{
    height: 200px;
    overflow: hidden;
    background: #ddd;
}
.gallery-wrap .column-4 .inner .img-wrap{
    height: 150px;
    overflow: hidden;
    background: #ddd;
}
.gallery-wrap .column .inner .img-frame,
.gallery-wrap .column-3 .inner .img-frame,
.gallery-wrap .column-4 .inner .img-frame{
    padding: 5px;
    background: #fff;
    display: block;
    position: relative;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
}
.gallery-wrap .column .inner:hover .img-frame,
.gallery-wrap .column-3 .inner:hover .img-frame,
.gallery-wrap .column-4 .inner:hover .img-frame{background: #fff;}

.gallery-wrap .column .inner:hover .img-frame.success,
.gallery-wrap .column-3 .inner:hover .img-frame.success,
.gallery-wrap .column-4 .inner:hover .img-frame.success{background: #65BD77;}

.gallery-wrap .column .inner:hover .img-frame.warning,
.gallery-wrap .column-3 .inner:hover .img-frame.warning,
.gallery-wrap .column-4 .inner:hover .img-frame.warning{background: #EBC85E;}

.gallery-wrap .column .inner:hover .img-frame.danger,
.gallery-wrap .column-3 .inner:hover .img-frame.danger,
.gallery-wrap .column-4 .inner:hover .img-frame.danger{background: #D73D3D;}

.gallery-wrap .column .inner:hover .img-frame.info,
.gallery-wrap .column-3 .inner:hover .img-frame.info,
.gallery-wrap .column-4 .inner:hover .img-frame.info{background: #67B0D1;}

.gallery-wrap .column .inner .img-wrap img,
.gallery-wrap .column-4 .inner .img-wrap img,
.gallery-wrap .column-3 .inner .img-wrap img{width: 100%;}

.gallery-wrap .column .inner .caption-hover,
.gallery-wrap .column-4 .inner .caption-hover,
.gallery-wrap .column-3 .inner .caption-hover{
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
    color: #909090;
    padding: 10px;
    background: #fff;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
}

.gallery-wrap .column .inner .caption-hover.success,
.gallery-wrap .column-4 .inner .caption-hover.success,
.gallery-wrap .column-3 .inner .caption-hover.success{
    color: #2C7439;
    background: #65BD77;
}

.gallery-wrap .column .inner .caption-hover.danger,
.gallery-wrap .column-4 .inner .caption-hover.danger,
.gallery-wrap .column-3 .inner .caption-hover.danger{
    color: #790D0D;
    background: #D73D3D;
}

.gallery-wrap .column .inner .caption-hover.warning,
.gallery-wrap .column-4 .inner .caption-hover.warning,
.gallery-wrap .column-3 .inner .caption-hover.warning{
    color: #B27C05;
    background: #EBC85E;
}

.gallery-wrap .column .inner .caption-hover.info,
.gallery-wrap .column-4 .inner .caption-hover.info,
.gallery-wrap .column-3 .inner .caption-hover.info{
    color: #0A487C;
    background: #67B0D1;
}

.gallery-wrap .column .inner:hover .caption-hover,
.gallery-wrap .column-4 .inner:hover .caption-hover,
.gallery-wrap .column-3 .inner:hover .caption-hover{bottom: 0px;}

.gallery-wrap .column .inner .caption-static,
.gallery-wrap .column-4 .inner .caption-static,
.gallery-wrap .column-3 .inner .caption-static{
    position: relative;
    text-align: center;
    color: #909090;
    padding: 10px;
    background: #fff;
    margin: 0;
}

.gallery-wrap .column .inner a:hover,
.gallery-wrap .column-4 .inner a:hover,
.gallery-wrap .column-3 .inner a:hover{text-decoration: none;}

.gallery-wrap .column .inner .caption-static.success,
.gallery-wrap .column-4 .inner .caption-static.success,
.gallery-wrap .column-3 .inner .caption-static.success{
    color: #2C7439;
    background: #65BD77;
}

.gallery-wrap .column .inner .caption-static.danger,
.gallery-wrap .column-4 .inner .caption-static.danger,
.gallery-wrap .column-3 .inner .caption-static.danger{
    color: #790D0D;
    background: #D73D3D;
}

.gallery-wrap .column .inner .caption-static.warning,
.gallery-wrap .column-4 .inner .caption-static.warning,
.gallery-wrap .column-3 .inner .caption-static.warning{
    color: #B27C05;
    background: #EBC85E;
}

.gallery-wrap .column .inner .caption-static.info,
.gallery-wrap .column-4 .inner .caption-static.info,
.gallery-wrap .column-3 .inner .caption-static.info{
    color: #0A487C;
    background: #67B0D1;
}


/* === GALLERY (ZOOM) === */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}





/*
=========================================================================
GRAPH / CHART SELECTOR
=========================================================================
*/






/*
=========================================================================
READY PAGES
=========================================================================
*/

/** Login, Register, Forgot Password, Lock Screen and Error Page **/
.full-content-center{
    width: 100%;
    max-width: 500px;
    margin: 10% auto;
    text-align: center;
}
.full-content-center img.logo-login{
    width: 70px;
    margin-right: 10px;
    background: #272C31;
}
body.full-content{
    background : #E5E9EC;
    padding-top: 0px;
}
.full-content-center h1{
    font-size: 150px;
    font-weight: 600;
}
.login-wrap{
    margin: 20px 10%;
    text-align: left;
}
.login-wrap i{margin-right: 5px;}
.login-wrap .checkbox{
    margin-left: 0;
    padding-left: 0;
}
.login-wrap .btn-block{margin: 5px 0;}
.login-wrap .login-input{position: relative;}
.login-wrap .login-input .text-input{padding-left: 30px;}
.login-wrap .login-input i.overlay{
    position: absolute;
    left: 10px;
    top: 10px;
    color: #aaa;
}
.login-wrap-alternativ{
}
.login-wrap-alternativ i{}
.login-wrap-alternativ .checkbox{

}
.login-wrap-alternativ .btn-block{}
.login-wrap-alternativ .login-input{position: relative;}
.login-wrap-alternativ .login-input .text-input{padding-left: 30px;}
.login-wrap-alternativ .login-input i.overlay{
    position: absolute;
    left: 25px;
    top: 10px;
    color: #aaa;
}
.login-pflichtfeld
{
    text-align: right;
    color: #555;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.ava-lock-screen img{
    width: 100px;
    margin: 10px 0 0 10px;
}

/** Search Results **/
.box-info .media-list.search-result .media a{color: #46C45F;}
.box-info .media-list.search-result .media .media-heading a{color: #1279D1;}
.box-info .media-list.search-result .media .media-heading span{
    font-size: 12px;
    font-weight: 400;
    padding: 3px 5px;
}
.box-info .media-list.search-result .media .media-object{width: 100px;}

/** FAQ **/
ul.faq {
    list-style: none;
    padding-left: 10px;
    margin: 20px 0 50px;
}
ul.faq li i{margin-right: 5px;}
ul.faq li{margin: 10px 0;}
ul.faq li a.faq-question{
    cursor: pointer;
    display: block;
    font-size: 14px;
}
ul.faq li .faq-answer{margin: 10px 15px;}


/** Pricing table **/
table.pricing-table-style-1{
    text-align: center;
    background: #fff;
}
table.pricing-table-style-1 thead tr th {
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
table.pricing-table-style-1 thead tr th.best-choice {
    color: #A2A7B7;
    background: #0F1215;
    border-bottom-color: #000;
}
table.pricing-table-style-1 tbody tr td.best-choice {
    background: #1B1E24;
    font-weight: 600;
    font-size: 15px;
    color: #fafafa;
    border-top-color: #000;
}
table.pricing-table-style-1 tbody tr td.td-success {
    background: #65BD77;
    font-weight: 600;
    color: #2C7439;
    text-align: right;
    border-top-color: #55AD67;
}
table.pricing-table-style-1 thead tr th.th-success {
    color: #65BD77;
    background: #55AD67;
    border-bottom-color: #55AD67;
}
.la-pricing-table{
    margin: 30px 0;
    text-align: center;
}
.la-pricing-table:before,
.la-pricing-table:after {
    display: table;
    content: " ";
}
.la-pricing-table:after {clear: both;}
.la-pricing-table .la-col-4{
    float: left;
    margin: 20px 0 20px 0;
    padding: 0;
    width: 25%;
    border: 3px solid transparent;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: relative;
    overflow: hidden;
}
.la-pricing-table .la-col-4:hover{border-color: #434D58;}
.la-pricing-table .la-col-4 i.bg-big{
    position: absolute;
    font-size: 210px;
    opacity: .05;
    top: 20%;
    left: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.la-pricing-table .la-col-4:hover i.bg-big{
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
}
.la-pricing-table .la-col-4 ul{
    list-style: none;
    padding:0;
    margin: 0;
    background: #fff;
}
.la-pricing-table .la-col-4 ul li{
    padding: 10px 20px;
    display: block;
    font-size: 13px;
}
.la-pricing-table .la-col-4 ul li.la-package{
    font-size: 24px;
    font-weight: 600;
    background: #121515;
    color: #fff;
}
.la-pricing-table .la-col-4 ul li.la-price{
    font-size: 18px;
    font-weight: 600;
    color: #8E98AD;
    background: #434D58;
    margin: 0 20px;
}
.la-pricing-table .la-col-4 ul li.la-price i{font-size: 13px;}

/* === PRICING TABLES SUCCESS === */
.la-pricing-table .la-col-4.success{}
.la-pricing-table .la-col-4:hover.success{border-color: #2C7439;}
.la-pricing-table .la-col-4.success ul {background: #65BD77;}
.la-pricing-table .la-col-4.success ul li{color: #fff;}
.la-pricing-table .la-col-4.success ul li.la-package{
    color: #BCF5C6;
    background: #2C7439;
}
.la-pricing-table .la-col-4.success ul li.la-price{
    color: #fff;
    background: #3E984D;
}

/* === PRICING TABLES DANGER === */
.la-pricing-table .la-col-4.danger{}
.la-pricing-table .la-col-4:hover.danger{border-color: #B42424;}
.la-pricing-table .la-col-4.danger ul {background: #D73D3D;}
.la-pricing-table .la-col-4.danger ul li{color: #fff;}
.la-pricing-table .la-col-4.danger ul li.la-package{
    color: #FFB4B4;
    background: #B42424;
}
.la-pricing-table .la-col-4.danger ul li.la-price{
    color: #fff;
    background: #C42E2E;
}

/* === PRICING TABLES INFO === */
.la-pricing-table .la-col-4.info{}
.la-pricing-table .la-col-4:hover.info{border-color: #1F6AAA;}
.la-pricing-table .la-col-4.info ul {background: #529DDE;}
.la-pricing-table .la-col-4.info ul li{color: #fff;}
.la-pricing-table .la-col-4.info ul li.la-package{
    color: #C6E5FF;
    background: #1F6AAA;
}
.la-pricing-table .la-col-4.info ul li.la-price{
    color: #fff;
    background: #2E71AD;
}

/* === PRICING TABLES WARNING === */
.la-pricing-table .la-col-4.warning{}
.la-pricing-table .la-col-4:hover.warning{border-color: #F08600;}
.la-pricing-table .la-col-4.warning ul {background: #EBC85E;}
.la-pricing-table .la-col-4.warning ul li{color: #fff;}
.la-pricing-table .la-col-4.warning ul li.la-package{
    color: #FFF5C9;
    background: #F08600;
}
.la-pricing-table .la-col-4.warning ul li.la-price{
    color: #fff;
    background: #FFAA00;
}

/** Invoice **/
.icon-print{
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 22px;
}
.icon-print a{color: #909090;}
.icon-print a:hover{
    color: #212121;
    text-decoration: none;
}
.company-column{
    padding: 15px;
    border: 1px dashed #ddd;
    margin-bottom: 20px;
}

.bill-to{
    padding: 15px;
    margin-bottom: 20px;
    background: #E5E9EC;
}


/** User profile **/
.user-profile-sidebar{margin: 0 0 20px 0;}
.user-profile-sidebar .user-identity{margin: 20px 0 0 0;}
.user-profile-sidebar img{width: 90px;}
.account-status-data{
    text-align: center;
    padding: 10px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 20px 0;
}
.account-status-data h5{
    font-size: 11px;
    line-height: 150%;
    color: #909090
}
.user-button{ margin: 15px 0;}
.user-button .btn{ margin: 5px 0;}

#social{
    padding: 10px;
    background: #E5E9EC;
    text-align: center;
}
#social a:hover{text-decoration: none;}

.fa-circle.facebook{color: #5471AE;}
.fa-circle.twitter{color: #4EC6F6;}
.fa-circle.gplus{color: #E24E3E;}
.fa-circle.tumblr{color: #4D77A3;}
.fa-circle.linkedin{color: #3097CE;}
.user-profile-content{margin: 30px 15px;}








/*
=========================================================================
ICONS SHOWCASE
=========================================================================
*/
.icon-showcase i {margin-right: 5px;}
.bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}
.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word; /* Help out IE10+ with class names */
}
.bs-glyphicons li:hover {background-color: rgba(86,61,124,.1);}

@media (min-width: 768px) {
    .bs-glyphicons li {width: 12.5%;}
}





/*
=========================================================================
MESSAGES
=========================================================================
*/
.menu-message{margin: 20px 0;}
.table-message tr.unread{
    font-weight: 600;
    background: #FFFCE0;
}
.table-hover > tbody > tr:hover.unread > td{background: #FCF5BF;}
.table-message > tbody > tr > td > a{
    display: block;
    color: inherit;
}
.table-message > tbody > tr > td > a:hover{text-decoration: none;}
.data-table-toolbar{margin: 15px 0;}
.data-table-toolbar span.paging-status{
    font-weight: bold;
    margin: 10px 10px 0 0;
}
.input-message{margin-top: -1px;}
hr.dashed {
    height: 1px;
    background: transparent;
    border-top: none;
    border-bottom: 1px dashed #ddd;
}
.data-table-toolbar{
    margin: 15px 0;
    padding: 0 15px;
}
.toolbar-btn-action{text-align: right;}





/*
=========================================================================
UPDATE FOR VERSION 1.1
=========================================================================
*/
/** PRICING TABLES **/
.pricing-tables{
    text-align: center;
    position: relative;
    margin: 30px 0;
    color: #353535;
    -webkit-transition:All 0.25s ease;
    -moz-transition:All 0.25s ease;
    -o-transition:All 0.25s ease;
}
.pricing-tables:hover{
    box-shadow: 0 0 0 5px rgba(255,255,255,1);
}
.pricing-tables .the-box{
    margin: 0;
    background: #fff;
}
.pricing-tables .header{
    padding: 5px 0 70px;
    background: #D6D6D6;
}
.pricing-tables .circle-price-wrap{
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -75px;
    border: 3px solid #D6D6D6;
}
.pricing-tables .circle-price-wrap h2{
    font-size: 40px;
    padding: 15px 0 ;
}
.pricing-tables .circle-price-wrap h2 small{
    font-size: 14px;
    color: #909090;
    display: block;
}
.pricing-tables table.table-inner{
    margin: 100px 0 0 0;
    padding: 0;
}

.pricing-tables table.table-inner > tbody:first-child > tr:first-child > td {border-top: 0;}
.pricing-tables table.table-inner > thead > tr > th,
.pricing-tables table.table-inner > tbody > tr > th,
.pricing-tables table.table-inner > tfoot > tr > th,
.pricing-tables table.table-inner > thead > tr > td,
.pricing-tables table.table-inner > tbody > tr > td,
.pricing-tables table.table-inner > tfoot > tr > td {
    padding: 15px;
    font-size: 16px;
    vertical-align: middle;
    border-top: 1px dotted #dddddd;
}

.pricing-tables:hover.best-choice{box-shadow: 0 0 0 5px rgba(62,152,77,1);}
.pricing-tables.best-choice .header{
    background: #3E984D;
    color: #fff;
}
.pricing-tables.best-choice .circle-price-wrap{border: 3px solid #3E984D;}
.pricing-tables.best-choice .circle-price-wrap h2{color: #3E984D;}
.pricing-tables.best-choice .circle-price-wrap h2 small{color: #3E984D;}
.pricing-tables.best-choice table.table-inner{
    margin: 100px 0 0 0;
    padding: 0;
}
.pricing-tables.best-choice table.table-inner > tbody:first-child > tr:first-child > td {border-top: 0;}



/** Jumbotron **/
.container .jumbotron,
.jumbotron{
    border-radius: 0;
}
.jumbotron.bg-white{
    background: #fff;
}
.jumbotron.sm {
    padding: 20px;
    margin-bottom: 20px;
    color: inherit;
}
.jumbotron.sm p {
    margin-bottom: 20px;
    font-size: 16px;
}

.jumbotron.xs {
    padding: 15px;
    margin-bottom: 15px;
    color: inherit;
}
.jumbotron.xs p {
    margin-bottom: 15px;
    font-size: 14px;
}
.jumbotron.dashed {
    background: #fff;
    border: 1px dashed #ddd;
}
.jumbotron.rounded {
    border-radius: 15px;
}
@media screen and (min-width: 768px) {
    .jumbotron.sm {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .jumbotron.sm h1,
    .jumbotron.sm .h1 {
        font-size: 40px;
        margin-top: 0px;
    }
    .jumbotron.xs {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .jumbotron.xs h1,
    .jumbotron.xs .h1 {
        font-size: 30px;
        margin-top: 0px;
    }
}


/** User profile style 2 **/
.user-profile-2{
    text-align: center;
    position:relative;
}
.user-profile-2 .header-cover{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 130px;
    overflow: hidden;
    z-index: 1;
}
.user-profile-2 .header-cover.primary{
    background-color: #428BCA;
}
.user-profile-2 .header-cover img{
    width: 100%;
}
.user-profile-2 .user-profile-inner{
    z-index: 2;
    position: relative;
}
.user-profile-2 .user-profile-inner h4.white{
    color: #fff;
}
.user-profile-2 .user-profile-inner img.profile-avatar{
    box-shadow: 0 0 0 5px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 0 5px rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,1);
    border: none;
}
.user-profile-2 .avatar-wrap {
    margin: 15px auto;
    border: 2px solid rgba(1,1,1,.4);
    padding: 3px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.user-profile-2 .avatar-wrap img.profile-avatar{
    display: block;
    width: 90px;
    border-radius: 50%;
}
.user-profile-2 .list-group{
    text-align: left;
    margin-top: 20px;
}

/** Timeline **/
/*.the-timeline{margin-bottom: 40px;}*/
.the-timeline .post-to-timeline{
    margin: 15px 0;
}
.the-timeline .post-to-timeline textarea{
    height: 50px;
    resize: none;
    margin-bottom: 10px;
}
.the-timeline ul{
    padding: 0;
    list-style: none;
    margin: 0 15px 0 30px;
    border-left: 2px solid #ddd;
}
.the-timeline ul li{
    padding: 5px 15px;
    display: block;
    margin: 20px 0 20px 35px;
    background: #E5E9EC;
    position: relative;
    border-left: 4px solid transparent;
}
.the-timeline ul li:hover{
    border-left-color: #343a40;
}
.the-timeline ul li p{
    margin: 0;
    padding: 0;
}
.the-timeline ul li .the-date{
    position: absolute;
    left: -64px;
    top:0;
    width: 50px;
    height: 50px;
    background: #343a40;
    border-radius: 50%;
    text-align: center;
    line-height: 130%;
}
.the-timeline ul li .the-date span{
    color: #fff;
    font-size: 18px;
    display: block;
    margin-top: 8px;
}
.the-timeline ul li .the-date small{
    color: #fff;
    font-size: 12px;
    display: block;
}


/** Video iframe responsive **/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 15px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
iframe {
    width: 100%;
    border: none;
}




/** Social button and icon **/
/** SOCIAL BUTTON ICONS **/
/** Button Facebook **/
.btn-facebook {
    background-color: #4B66A0;
    border-color: #4B66A0;
    color: #fff;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-color: #3B5A98;
    border-color: #3B5A98;
    color: #fff;
}
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-image: none;
}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
    background-color: #6C89C1;
    border-color: #6C89C1;
    color: #fff;
}
.btn-facebook .badge {color: #3B5A98;}


/** Button Twitter **/
.btn-twitter {
    background-color: #55ACEE;
    border-color: #55ACEE;
    color: #fff;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    background-color: #3490D3;
    border-color: #3490D3;
    color: #fff;
}
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    background-image: none;
}
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
    background-color: #7CC1F5;
    border-color: #7CC1F5;
    color: #fff;
}
.btn-twitter .badge {color: #3490D3;}


/** Button Googleplus **/
.btn-google-plus {
    background-color: #D24333;
    border-color: #D24333;
    color: #fff;
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    background-color: #BC2C1F;
    border-color: #BC2C1F;
    color: #fff;
}
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    background-image: none;
}
.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
    background-color: #F0675A;
    border-color: #F0675A;
    color: #fff;
}
.btn-google-plus .badge {color: #BC2C1F;}


/** Button Dribbble **/
.btn-dribbble {
    background-color: #E04C86;
    border-color: #E04C86;
    color: #fff;
}
.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
    background-color: #D33471;
    border-color: #D33471;
    color: #fff;
}
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
    background-image: none;
}
.btn-dribbble.disabled,
.btn-dribbble[disabled],
fieldset[disabled] .btn-dribbble,
.btn-dribbble.disabled:hover,
.btn-dribbble[disabled]:hover,
fieldset[disabled] .btn-dribbble:hover,
.btn-dribbble.disabled:focus,
.btn-dribbble[disabled]:focus,
fieldset[disabled] .btn-dribbble:focus,
.btn-dribbble.disabled:active,
.btn-dribbble[disabled]:active,
fieldset[disabled] .btn-dribbble:active,
.btn-dribbble.disabled.active,
.btn-dribbble[disabled].active,
fieldset[disabled] .btn-dribbble.active {
    background-color: #F571A5;
    border-color: #F571A5;
    color: #fff;
}
.btn-dribbble .badge {color: #D33471;}


/** Button Flickr **/
.btn-flickr {
    background-color: #0162DB;
    border-color: #0162DB;
    color: #fff;
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
    background-color: #0555BF;
    border-color: #0555BF;
    color: #fff;
}
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
    background-image: none;
}
.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
    background-color: #2983F7;
    border-color: #2983F7;
    color: #fff;
}
.btn-flickr .badge {color: #0555BF;}


/** Button Pinterest **/
.btn-pinterest {
    background-color: #CC2127;
    border-color: #CC2127;
    color: #fff;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
    background-color: #B70F12;
    border-color: #B70F12;
    color: #fff;
}
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
    background-image: none;
}
.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
    background-color: #E53B3E;
    border-color: #E53B3E;
    color: #fff;
}
.btn-pinterest .badge {color: #B70F12;}


/** Button Youtube **/
.btn-youtube {
    background-color: #D92623;
    border-color: #D92623;
    color: #fff;
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
    background-color: #C91212;
    border-color: #C91212;
    color: #fff;
}
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
    background-image: none;
}
.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
    background-color: #F04343;
    border-color: #F04343;
    color: #fff;
}
.btn-youtube .badge {color: #C91212;}


/** Button Dropbox **/
.btn-dropbox {
    background-color: #1473C3;
    border-color: #1473C3;
    color: #fff;
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
    background-color: #0864B2;
    border-color: #0864B2;
    color: #fff;
}
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
    background-image: none;
}
.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
    background-color: #2E90E3;
    border-color: #2E90E3;
    color: #fff;
}
.btn-dropbox .badge {color: #0864B2;}


/** Button Foursquare **/
.btn-foursquare {
    background-color: #0086BE;
    border-color: #0086BE;
    color: #fff;
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
    background-color: #0571A0;
    border-color: #0571A0;
    color: #fff;
}
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
    background-image: none;
}
.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
    background-color: #2CA0CE;
    border-color: #2CA0CE;
    color: #fff;
}
.btn-foursquare .badge {color: #0571A0;}


/** Button Github **/
.btn-github {
    background-color: #3B3B3B;
    border-color: #3B3B3B;
    color: #fff;
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
    background-color: #212121;
    border-color: #212121;
    color: #fff;
}
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
    background-image: none;
}
.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
    background-color: #5F5F5F;
    border-color: #5F5F5F;
    color: #fff;
}
.btn-github .badge {color: #212121;}


/** Button Linkedin **/
.btn-linkedin {
    background-color: #0085AE;
    border-color: #0085AE;
    color: #fff;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
    background-color: #036C8E;
    border-color: #036C8E;
    color: #fff;
}
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
    background-image: none;
}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
    background-color: #24A7D3;
    border-color: #24A7D3;
    color: #fff;
}
.btn-linkedin .badge {color: #036C8E;}


/** Button Tumblr **/
.btn-tumblr {
    background-color: #3E5A70;
    border-color: #3E5A70;
    color: #fff;
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
    background-color: #2E485D;
    border-color: #2E485D;
    color: #fff;
}
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
    background-image: none;
}
.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
    background-color: #586F81;
    border-color: #586F81;
    color: #fff;
}
.btn-tumblr .badge {color: #2E485D;}


/** Button Vimeo **/
.btn-vimeo {
    background-color: #1BB6EC;
    border-color: #1BB6EC;
    color: #fff;
}
.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
    background-color: #0D9DD1;
    border-color: #0D9DD1;
    color: #fff;
}
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
    background-image: none;
}
.btn-vimeo.disabled,
.btn-vimeo[disabled],
fieldset[disabled] .btn-vimeo,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled:active,
.btn-vimeo[disabled]:active,
fieldset[disabled] .btn-vimeo:active,
.btn-vimeo.disabled.active,
.btn-vimeo[disabled].active,
fieldset[disabled] .btn-vimeo.active {
    background-color: #4BCBFA;
    border-color: #4BCBFA;
    color: #fff;
}
.btn-vimeo .badge {color: #0D9DD1;}


/** SOCIAL ICONS COLORS **/
.icon-facebook{color: #4B66A0}
a .icon-facebook{color: #4B66A0}
a:hover .icon-facebook ,
a:focus .icon-facebook {
    text-decoration: none;
    color: #3B5A98;
}

.icon-twitter{color: #55ACEE}
a .icon-twitter {color: #55ACEE}
a:hover .icon-twitter,
a:focus .icon-twitter{
    text-decoration: none;
    color: #3490D3;
}

.icon-google-plus{color: #D24333}
a .icon-google-plus{color: #D24333}
a:hover .icon-google-plus,
a:focus .icon-google-plus{
    text-decoration: none;
    color: #BC2C1F;
}

.icon-dribbble{color: #E04C86}
a .icon-dribbble{color: #E04C86}
a:hover .icon-dribbble,
a:focus .icon-dribbble{
    text-decoration: none;
    color: #D33471;
}

.icon-flickr{color: #0162DB}
a .icon-flickr {color: #0162DB}
a:hover .icon-flickr,
a:focus .icon-flickr{
    text-decoration: none;
    color: #0555BF;
}

.icon-pinterest{color: #CC2127}
a .icon-pinterest{color: #CC2127}
a:hover .icon-pinterest,
a:focus .icon-pinterest{
    text-decoration: none;
    color: #B70F12;
}

.icon-youtube{color: #D92623}
a .icon-youtube{color: #D92623}
a:hover .icon-youtube,
a:focus .icon-youtube{
    text-decoration: none;
    color: #C91212;
}

.icon-dropbox{color: #1473C3}
a .icon-dropbox {color: #1473C3}
a:hover .icon-dropbox,
a:focus .icon-dropbox{
    text-decoration: none;
    color: #0864B2;
}

.icon-foursquare{color: #0086BE}
a .icon-foursquare{color: #0086BE}
a:hover .icon-foursquare,
a:focus .icon-foursquare{
    text-decoration: none;
    color: #0571A0;
}

.icon-github{color: #3B3B3B}
a .icon-github{color: #3B3B3B}
a:hover .icon-github,
a:focus .icon-github{
    text-decoration: none;
    color: #212121;
}

.icon-linkedin{color: #0085AE}
a .icon-linkedin{color: #0085AE}
a:hover .icon-linkedin,
a:focus .icon-linkedin{
    text-decoration: none;
    color: #036C8E;
}

.icon-tumblr{color: #3E5A70}
a .icon-tumblr{color: #3E5A70}
a:hover .icon-tumblr,
a:focus .icon-tumblr{
    text-decoration: none;
    color: #2E485D;
}

.icon-vimeo{color: #1BB6EC}
a .icon-vimeo{color: #1BB6EC}
a:hover .icon-vimeo,
a:focus .icon-vimeo {
    text-decoration: none;
    color: #0D9DD1;
}