/*************************
        CSS DEMATIS
*************************/
/******** HEADER ********/
nav.fixed-top {
    background: #ffffff;
    opacity: 0.9;
    border-bottom: 1px solid #16618D;
}

.logo-dematis {
    width: 159px;
}

.menu-topo > li > > li > a:not(.btn) {
    color: #6C7A89;
    font-weight: 500;
}

.menu-topo > li > > li > a:hover {
    color: #337ab7;
}

.navbar-light {
    background: #ffffff !important;
    border-bottom: 1px solid #16618D !important;
    opacity: 0.9 !important;
    padding: 0.6rem 8%;
}

.navbar-light .navbar-toggler,
.navbar-light .navbar-toggler:active,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:focus-within,
.navbar-light .navbar-toggler:focus-visible,
.navbar-light .navbar-toggler:visited {
    color: #6C7A89 !important;
    border: none !important;
    transition: 150ms;
}
.navbar-light .navbar-toggler:hover {
    color: #ab3c43 !important;
    transition: 150ms;
}

#navbarHeader.bg-light {
    opacity: 0.9 !important;
    border-bottom: 1px solid #7b7b7b;
}

#menu-topo li {
    list-style: none;
}
#menu-topo li a {
    color: #6C7A89;
    font-size: 1.2em;
    padding: 1% 0;
    font-weight: bold;
}
#menu-topo li a:hover {
    text-decoration: none;
}

/******** MAIN ********/
.head {
    position: relative;
    width: 100%;
    height: 590px !important;
    color: white;
    background: rgba(28, 36, 65, 0.93);
    background: url('../img/header.jpg') center no-repeat #ceced0;
    background-size: cover;
    padding: 20% 0;
}

.head-cont {
    display: table;
    height: 100%;
}

.head .container {
    height: 100%;
}

.head .header-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
}

.head .typed {
    display: inline-block;
    margin: 0;
}

.head .typed-cursor {
    font-size: 60px;
    display: inline-block;
    margin: 0 10px;
    color: #4183D7;
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.other {
    color: #1E2744;
}
.light {
    font-weight: 300;
}

.logo {
    height: 47%;
    position: relative;
    top: 1.5rem;
}

.section1 {
    background: #ffffff;
}

.section2 {
    background: #f8f9fa;
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.section1 p,
.section2 p {
    color: #626262;
    font: 300 1rem/1.5rem "Raleway", sans-serif;
    font-size: .97rem;
}

/* Underline From Center animation */
.e-mp {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-mp:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #59ABE3;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-mp:hover:before, .e-mp:focus:before, .e-mp:active:before {
    left: 0;
    right: 0;
}

.e-mp:hover {
    color: #59ABE3 !important;
}

.menu-topo > li > .e-mp {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-mp:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #59ABE3;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-mp:hover:before, .e-mp:focus:before, .e-mp:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-mp:hover {
    color: #59ABE3 !important;
}

.e-cv {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-cv:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #BE90D4;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-cv:hover:before, .e-cv:focus:before, .e-cv:active:before {
    left: 0;
    right: 0;
}

.e-cv:hover {
    color: #BE90D4 !important;
}

.menu-topo > li > .e-cv {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-cv:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #BE90D4;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-cv:hover:before, .e-cv:focus:before, .e-cv:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-cv:hover {
    color: #BE90D4 !important;
}

.e-as {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-as:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #3148c5;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-as:hover:before, .e-as:focus:before, .e-as:active:before {
    left: 0;
    right: 0;
}

.e-as:hover {
    color: #3148c5 !important;
}

.menu-topo > li > .e-as {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-as:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #3148c5;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-as:hover:before, .e-as:focus:before, .e-as:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-as:hover {
    color: #3148c5 !important;
}

.e-lg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-lg:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #7DA647;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-lg:hover:before, .e-lg:focus:before, .e-lg:active:before {
    left: 0;
    right: 0;
}

.e-lg:hover {
    color: #7DA647 !important;
}

.menu-topo > li > .e-lg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-lg:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #7DA647;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-lg:hover:before, .e-lg:focus:before, .e-lg:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-lg:hover {
    color: #7DA647 !important;
}

.e-ph {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-ph:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #89C4F4;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-ph:hover:before, .e-ph:focus:before, .e-ph:active:before {
    left: 0;
    right: 0;
}

.e-ph:hover {
    color: #19B5FE !important;
}

.menu-topo > li > .e-ph {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-ph:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #89C4F4;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-ph:hover:before, .e-ph:focus:before, .e-ph:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-ph:hover {
    color: #19B5FE !important;
}

.cdt {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.cdt:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #22A7F0;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.cdt:hover:before, .cdt:focus:before, .cdt:active:before {
    left: 0;
    right: 0;
}

.cdt:hover {
    color: #22A7F0 !important;
}

.menu-topo > li > .cdt {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .cdt:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #22A7F0;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .cdt:hover:before, .cdt:focus:before, .cdt:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .cdt:hover {
    color: #22A7F0 !important;
}

.e-ep {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-ep:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #C63146;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-ep:hover:before, .e-ep:focus:before, .e-ep:active:before {
    left: 0;
    right: 0;
}

.e-ep:hover {
    color: #C63146 !important;
}

.menu-topo > li > .e-ep {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-ep:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #C63146;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-ep:hover:before, .e-ep:focus:before, .e-ep:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-ep:hover {
    color: #C63146 !important;
}

.e-ss2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-ss2:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #ca6c39;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-ss2:hover:before, .e-ss2:focus:before, .e-ss2:active:before {
    left: 0;
    right: 0;
}

.e-ss2:hover {
    color: #ca6c39 !important;
}

.menu-topo > li > .e-ss2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-ss2:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #ca6c39;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-ss2:hover:before, .e-ss2:focus:before, .e-ss2:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-ss2:hover {
    color: #ca6c39 !important;
}

.e-ss {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-ss:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #F39C12;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-ss:hover:before, .e-ss:focus:before, .e-ss:active:before {
    left: 0;
    right: 0;
}

.e-ss:hover {
    color: #F39C12 !important;
}

.menu-topo > li > .e-ss {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-ss:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #F39C12;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-ss:hover:before, .e-ss:focus:before, .e-ss:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-ss:hover {
    color: #F39C12 !important;
}

.e-fc {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.e-fc:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #F39C12;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.e-fc:hover:before, .e-fc:focus:before, .e-fc:active:before {
    left: 0;
    right: 0;
}

.e-fc:hover {
    color: #F39C12 !important;
}

.menu-topo > li > .e-fc {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .e-fc:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #F39C12;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .e-fc:hover:before, .e-fc:focus:before, .e-fc:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .e-fc:hover {
    color: #F39C12 !important;
}

.c-at {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.c-at:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #6b61a3;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c-at:hover:before, .c-at:focus:before, .c-at:active:before {
    left: 0;
    right: 0;
}

.c-at:hover {
    color: #6b61a3 !important;
}

.menu-topo > li > .c-at {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.menu-topo > li > .c-at:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #6b61a3;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-topo > li > .c-at:hover:before, .c-at:focus:before, .c-at:active:before {
    left: 0;
    right: 0;
}

.menu-topo > li > .c-at:hover {
    color: #6b61a3 !important;
}

/* Border color Hover */
.EMP {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.EMP:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #59ABE3;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.EMP:hover:before, .EMP:focus:before, .EMP:active:before {
    left: 0;
    right: 0;
}

.ECV {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ECV:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #913D88;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ECV:hover:before, .ECV:focus:before, .ECV:active:before {
    left: 0;
    right: 0;
}

.EAS {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.EAS:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #3148c5;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.EAS:hover:before, .EAS:focus:before, .EAS:active:before {
    left: 0;
    right: 0;
}

.ELG {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ELG:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #7DA647;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ELG:hover:before, .ELG:focus:before, .ELG:active:before {
    left: 0;
    right: 0;
}

.EPH {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.EPH:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #22A7F0;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.EPH:hover:before, .EPH:focus:before, .EPH:active:before {
    left: 0;
    right: 0;
}

.EEP {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.EEP:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #C63146;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.EEP:hover:before, .EEP:focus:before, .EEP:active:before {
    left: 0;
    right: 0;
}

.CAT {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.CAT:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #6b61a3;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.CAT:hover:before, .CAT:focus:before, .CAT:active:before {
    left: 0;
    right: 0;
}

.EFC {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.EFC:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #fabf4c;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.EFC:hover:before, .EFC:focus:before, .EFC:active:before {
    left: 0;
    right: 0;
}

.CDT {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.CDT:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #22A7F0;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.CDT:hover:before, .CDT:focus:before, .CDT:active:before {
    left: 0;
    right: 0;
}

.ESS2 {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ESS2:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #ca6c39;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ESS2:hover:before, .ESS2:focus:before, .ESS2:active:before {
    left: 0;
    right: 0;
}

.ESS {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ESS:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #E87E04;
    height: 7px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ESS:hover:before, .ESS:focus:before, .ESS:active:before {
    left: 0;
    right: 0;
}

.tousdroits {
    color: #ffffff;
}

.mentionslegales_subtitles {
    color: #a7383f;
}

.h1_page_annexes {
    font-size: 28px;
}

.h3_page_annexes {
    font-size: 20px;
}

.mentionslegales_content .font-weight-light {
    font-size: 14px;
    text-align: justify;
    font-weight: 400 !important;
}

.mentionslegales_content .font-weight-light a {
    color: #6C7A89 !important;
}
.mentionslegales_content .font-weight-light a:hover {
    color: #6C7A89 !important;
}


/******** FOOTER ********/
footer {
    border-top: 1px solid #eeeeee;
}

footer h6,
footer h6 a {
    font-weight: 500;
    text-decoration: none;
    font-size: 0.8rem;
    color: #8f959b;
}
footer .footer-description,
footer .footer-description a,
footer .footer-description div {
    text-decoration: none;
    font-size: 0.8rem;
    color: #8f959b;
}
footer .footer-description i {
    position: relative;
    top: 3px;
}

img.solutions-img {
    height: 28px;
    max-width: 100%;
}
footer h6 a:hover,
footer .footer-description:hover a,
footer .footer-description:hover,
footer .footer-description:hover i {
    text-decoration: none;
    color: #8f959b !important;
}

.reforest,
.reforest a {
    font-size: 14px !important;
    color: #006148 !important;
    font-weight: 400 !important;
    text-align: right;
    transition: 150ms;
}

.reforest a:hover {
    text-decoration: none;
}
.reforest a:hover {
    color: #015741 !important;
    text-decoration: underline;
    transition: 150ms;
}
.reforest a:first-child:hover {
    text-decoration: none;
}

.reforest .reforest-img {
    max-width: 114px;
    max-height: 40px;
    position: relative;
    top: -8px;
    left: 12px;
}

.social-i {
    position: relative;
    top: -4px;
}

.copyrights,
.copyrights a {
    color: #8f959b;
    font-size: 13px;
}



@media screen and (max-width: 659px) {
    footer div {
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
    }

    footer .solutions-sat {
        display: none;
    }

    .reforest {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 500px) {
    .logo {
        height: 37%;
    }
}


/*************************
        CSS REFOREST
*************************/
.body-reforest {
    overflow-x: hidden;
    color: #626262;
    font: 400 0.875rem/1.375rem "Raleway", sans-serif;
}

.h1-reforest {
    font-size: 3rem;
    color: #393939;
    font: 700 3rem/3.5rem "Raleway", sans-serif;
    line-height: 3.5rem;
    margin-bottom: 1.125rem;
}
.h2-reforest {
    color: #393939;
    font: 700 2.25rem/2.75rem "Raleway", sans-serif;
    line-height: 3.5rem;
    margin-bottom: 1rem;
}
.h4-reforest {
    color: #393939;
    font: 700 1.375rem/1.875rem "Raleway", sans-serif;
}

.header-reforest {
    background: url(../img/bg2.jpg) center center no-repeat;
    background-size: cover;
    overflow: auto;
    height: 45rem;
}

/******** MAIN ********/
main {
    margin-top: -3rem;
}

.svg-fluid {
    position: absolute;
    z-index: 0;
    width: 87rem;
    right: -33rem;
    top: -31rem;
}

.txt-green {
    color: #70ad5c;
}

.top-svg {
    width: 30rem;
    position: relative;
    top: -4rem;
    right: -5rem;
}

.p-large {
    color: #626262;
    font: 400 1rem/1.5rem "Raleway", sans-serif;
}

.padding-row {
    padding: 7rem 0;
}

.card {
    max-width: 21rem;
    min-width: 21rem;
    text-align: center;
    padding: 3.25rem 2rem 2rem 2rem;
    border: 1px solid #c4d8dc;
    border-radius: 3.5rem;
}

.normal-svg-r {
    width: 31rem;
    float: right;
    margin-top: -5rem;
}

.normal-svg-l {
    width: 31rem;
    float: left;
    margin-top: -5rem;
}

.img-ref {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    margin-bottom: 3rem;
    opacity: 0.5;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    transition: 200ms;
}
.img-ref:hover {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    transition: 200ms;
}

.img-grenelle {
    background-image: url(../img/grenelle.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    border: 4px solid #a0dc95;
    border-radius: 20px;
}

@media screen and (max-width: 990px) {
    .image-container {
        display: none;
    }

    .card {
        max-width: auto !important;
        min-width: auto !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 500px) {

}