.landing-page .logo img {
    max-height: 100px;
}
/* PEACE */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace-inactive {
    display: none;
}
.pace .pace-progress {
    background: #00d4d5;
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}
.pace-inactive {
    display: none;
}

/* PACE PLUGIN
-------------------------------------------------- */
.landing-page.pace .pace-progress {
    background: #fff;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.pace-inactive {
    display: none;
}

.landing-page .navbar {
    padding: 0 1rem;
}
.landing-page .navbar-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
}
.landing-page .navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0;
}
.landing-page .navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
}

.landing-page .navbar-wrapper .navbar.navbar-scroll {
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7eaec;
    border-radius: 0;
}

@media (min-width: 768px) {
    .landing-page .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .landing-page .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .landing-page .navbar-wrapper .navbar {
        border-radius: 4px;
    }

    .navbar-static-side {
        z-index: 2001;
        width: 220px;
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .landing-page .navbar.navbar-scroll .navbar-brand {
        margin-top: 6px;
    }
    .landing-page .navbar-default {
        background-color: #fff;
        border-color: #fff;
        padding: 15px 0;
    }
    .landing-page .navbar-default .navbar-nav > .active > a:focus {
        background: transparent;
        color: inherit;
    }
    .landing-page .navbar-default .nav li a {
        color: #676a6c;
    }
    .landing-page .navbar-default .nav li a:hover {
        color: #00d4d5;
    }
    .landing-page .navbar-wrapper .navbar {
        padding-top: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #e7eaec;
        border-radius: 0;
    }
    .landing-page .nav > li > a {
        padding: 10px 10px 15px 10px;
    }
    .landing-page .navbar-nav > li > a {
        padding: 20px 10px;
    }
    .landing-page .navbar .navbar-brand {
        margin-top: 5px;
        border-radius: 5px;
        font-size: 12px;
        padding: 10px;
        height: auto;
    }
    .landing-page .navbar-wrapper .navbar {
        padding-left: 15px;
        padding-right: 5px;
    }
    .landing-page .navbar-default .navbar-nav > .active > a,
    .landing-page .navbar-default .navbar-nav > .active > a:hover {
        color: inherit;
    }
}
@media (max-width: 768px) {
    .landing-page .navbar .navbar-header {
        display: block;
        float: none;
    }
    .landing-page .navbar.active {
        background-color: #ffffff!important;;
    }
    .landing-page .navbar .navbar-header .navbar-toggle {
        background-color: #ffffff;
        padding: 9px 10px;
        border: none;
    }
    .body-small .navbar-static-side {
        display: block;
        z-index: 2001;
        width: 0;
        overflow: hidden;
    }
    .body-small.mini-navbar .navbar-static-side {
        display: block;
        overflow: visible;
    }

}
.landing-page .navbar-toggle {
    color: #ddd;
    float: right;
}
.landing-page .navbar-toggle i {
    font-size: 24px;
}

.landing-page .navbar-default.navbar-scroll {
    background-color: #fff;
    border-color: #fff;
    padding: 15px 0;
}
.md-skin .landing-page.navbar-default.navbar-scroll {
    background-color: #fff !important;
}
.landing-page .navbar-default {
    background-color: transparent;
    border-color: transparent;
    transition: all 0.3s ease-in-out 0s;
}
.landing-page .navbar-default .nav li a {
    color: #676a6c;
    font-family: 'Open Sans', helvetica, arial, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
}
.landing-page .navbar-nav > li > a {
    padding-top: 25px;
    border-top: 6px solid transparent;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    color: #fff;
    border-top: 6px solid #00d4d5;
}
.landing-page .navbar-default .navbar-nav > li > a:hover,
.landing-page .navbar-default .navbar-nav > li > a:focus {
    color: #00d4d5;
    background: inherit;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: #fff;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: #ffffff;
}
.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
    background: transparent;
    color: inherit;
}
.landing-page .navbar-default .navbar-brand:hover,
.landing-page .navbar-default .navbar-brand:focus {
    background: transparent;
    color: #fff;
}
.landing-page .navbar-default .navbar-brand {
    color: #fff;
    height: auto;
    display: block;
    font-size: 14px;
    background: transparent;
    padding: 10px 0 0;
    border-radius: 0 0 5px 5px;
    font-weight: 700;
    transition: all 0.3s ease-in-out 0s;
    margin-top: -16px;
}
.landing-page .navbar-scroll.navbar-default .nav li a {
    color: #676a6c;
}
.landing-page .navbar-scroll.navbar-default .nav li a:hover {
    color: #00d4d5;
}
.landing-page .nav.navbar-right {
    flex-direction: row;
}
.landing-page .navbar-scroll .navbar-nav > li > a {
    padding: 20px 10px;
}
@media (max-width: 768px) {
    .landing-page .nav.navbar-right {
        flex-direction: column;
    }
}
.landing-page .navbar-default .navbar-nav > li .nav-link.active,
.landing-page .navbar-default .navbar-nav > li .nav-link.active:hover {
    border-top: 6px solid #00d4d5;
}
.landing-page .navbar-fixed-top {
    border: none !important;
}
.landing-page .navbar-fixed-top.navbar-scroll {
    border-bottom: 1px solid #e7eaec !important;
}
.landing-page .navbar.navbar-scroll .navbar-brand {
    margin-top: 5px;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px;
    height: auto;
}
.nav > li > a {
    color: #a7b1c2;
    font-weight: 600;
    padding: 14px 20px 14px 25px;
    display: block;
}
.nav.metismenu > li {
    display: block;
    width: 100%;
    position: relative;
}
.nav.metismenu .dropdown-menu > li > a {
    padding: 3px 20px;
    display: block;
}
.nav.navbar-right > li > a {
    color: #999c9e;
}
.nav > li.active > a {
    color: #ffffff;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #293846;
    color: white;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background: #fff;
}
.nav.navbar-top-links > li > a:hover,
.nav.navbar-top-links > li > a:focus {
    background-color: transparent;
}
.nav > li > a i {
    margin-right: 6px;
}
.navbar {
    border: 0;
}
.navbar-default {
    background-color: transparent;
    border-color: #2f4050;
}
.navbar-top-links li {
    display: inline-block;
    align-self: center;
}
.navbar-default .special_link a {
    background: #00d4d5;
    color: white;
}
.navbar-default .special_link a:hover {
    background: #17987e !important;
    color: white;
}
.navbar-default .special_link a span.label {
    background: #fff;
    color: #00d4d5;
}
.navbar-default .landing_link a {
    background: #1cc09f;
    color: white;
}
.navbar-default .landing_link a:hover {
    background: #00d4d5 !important;
    color: white;
}
.navbar-default .landing_link a span.label {
    background: #fff;
    color: #1cc09f;
}

.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.navbar-fixed-top {
    background: #fff;
    transition-duration: 0.4s;
    border-bottom: 1px solid #e7eaec !important;
    z-index: 2030;
    position: fixed;
    right: 0;
    left: 0;
    padding: 0;
    top: 0;
}
.navbar-fixed-top .navbar-form-custom .form-control {
    height: 50px;
}
.navbar-fixed-top,
.navbar-static-top {
    background: #f3f3f4;
}
.navbar .dropdown-menu {
    margin-top: 0;
}
.navbar-toggler {
    background-color: #00d4d5;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    margin: 8px;
}.form-control,
 .form-control:focus,
 .has-error .form-control:focus,
 .has-success .form-control:focus,
 .has-warning .form-control:focus,
 .navbar-collapse,
 .navbar-form,
 .navbar-form-custom .form-control:focus,
 .navbar-form-custom .form-control:hover,
 .open .btn.dropdown-toggle,
 .panel,
 .popover,
 .progress,
 .progress-bar {
     box-shadow: none;
 }
.landing-page .container {
    overflow: hidden;
}
.container.features .row .rond-rouge {
    display:table-cell;
    vertical-align:middle;
    background-color: #fa054b;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    line-height:1.6em;
    color: white;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
}
.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: none;
}
#single {
    margin: 100px auto 20px;
}
.md-skin.landing-page .navbar-default {
    background-color: transparent !important;
    border-color: transparent;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: none;
}
.md-skin.landing-page .navbar-default.navbar-scroll,
.md-skin.landing-page.body-small .navbar-default {
    background-color: #fff !important;
}
.md-skin.landing-page .nav > li.active {
    background: inherit;
}
.md-skin.landing-page .navbar-scroll .navbar-nav > li > a {
    padding: 20px 10px;
}
.md-skin.landing-page .navbar-default .nav li a {
    font-family: 'Roboto', helvetica, arial, sans-serif;
}
.md-skin.landing-page .nav > li > a {
    padding: 25px 10px 15px 10px;
}
.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
.md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
    background: inherit;
    color: #00d4d5;
}
.md-skin.landing-page.body-small .nav.navbar-right > li > a {
    color: #676a6c;
}
.md-skin .landing_link a,
.md-skin .special_link a {
    color: #ffffff !important;
}
.md-skin.canvas-menu.mini-navbar .nav-second-level {
    background: #f8f8f9;
}
.md-skin.mini-navbar .nav-second-level {
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin.mini-navbar .nav-second-level li a {
    padding-left: 0;
}
.md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
    padding-left: 52px;
}
.md-skin.top-navigation .nav.navbar-right > li > a {
    padding: 15px 20px;
    color: #676a6c;
}
.md-skin.top-navigation .nav > li a:hover,
.md-skin .top-navigation .nav > li a:focus,
.md-skin.top-navigation .nav .open > a,
.md-skin.top-navigation .nav .open > a:hover,
.md-skin.top-navigation .nav .open > a:focus {
    color: #00d4d5;
    background: #ffffff;
}
.md-skin.top-navigation .nav > li.active a {
    color: #00d4d5;
    background: #ffffff;
}
.md-skin.fixed-nav #side-menu {
    background-color: #fff;
}
.md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
    margin-top: 0;
}
.md-skin.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px;
    background-color: #ffffff;
}
.md-skin.canvas-menu nav.navbar-static-side {
    z-index: 2001;
    background: #ffffff;
    height: 100%;
    position: fixed;
    display: none;
}