/*
 * GLOBAL
 */
a {color: #009bee;text-decoration: underline;}
a:hover {color: #0d6efd;}
h5 {font-family: Roboto,Helvetica,Arial,sans-serif;font-weight: 300;font-size: 1.0625rem;line-height: 1.55em;margin-bottom: 15px;}
h6 {font-size: .75rem;text-transform: uppercase;font-weight: 500;margin-top: 10px;margin-bottom: 10px;font-family: Roboto,Helvetica,Arial,sans-serif;line-height: 1.5em;}
.mr-auto, .mx-auto {margin-right: auto!important;}
.ml-auto, .mx-auto {margin-left: auto!important;}
.d-none {display:none;}
.mt-50 {margin-top: 50px;}
.txt-lft {text-align: left;}


/*
 * CONTENEUR
 */
.main{background-color: rgba(0, 0, 0, .1);border: solid rgba(0, 0, 0, .15);border-width: 1px 0;box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);padding: 50px 0;}
.main-raised {border-radius: 6px;box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);background: #fff;position: relative;z-index: 3;}


/*
 * HEADER
 */
.nav {margin-top:60px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #009bee;}


/*
 * FOOTER
 */
.footer {color: #FFFFFF;}
.footer a {color: #FFFFFF;float: right;padding: 0;}


/*
 * HOMEPAGE
 */
.main-raised.hp {margin-top: -100px;}
.page-header.header-small {height: 65vh;min-height: 65vh;}
.header-filter {position: relative;}
.page-header, .page-header .page-header-image {background-position: 50%;background-size: cover;}
.page-header {margin: 0;padding: 0;border: 0;display: flex;align-items: center;}
.header-filter:before {background: rgba(0,0,0,.2);}
.header-filter:after, .header-filter:before {position: absolute;z-index: 1;width: 100%;height: 100%;display: block;left: 0;top: 0;content: "";}
.about-us .page-header .container {color: #fff;text-align: center;}
.header-filter .container {z-index: 2;position: relative;}
.page-header .title {color: #fff;}
.about-contact {padding-bottom: 70px;}


/*
 * PAGE
 */
.about-description {padding: 70px 0 0;}
.description {color: #999;}
.img-customer {width: 100%;}
.logo-customer {margin: 25px 0;}

.about-team {padding: 50px 0;}
.card-profile {margin-top: 30px;text-align: center;}
.card-plain {background: transparent;box-shadow: none;}
.card-plain.card-profile .card-avatar {margin-top: 0;}
.about-team .card-profile .card-avatar {margin: -50px auto 0;border-radius: 50%;overflow: hidden;padding: 0;box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);}
.about-team .card-profile .card-avatar {width: 180px;max-width: 180px;max-height: 180px;}
.card-profile .card-avatar img {width: 100%;height: auto;}
.card {border: 0;margin-bottom: 30px;border-radius: 6px;color: rgba(0,0,0,.87);width: 100%;position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;font-size: .875rem;}
.about-team .card-profile .card-avatar+.card-body {margin-top: 15px;}
.card .card-body, .card .card-footer {padding: .9375rem 1.875rem;}
.about-team .card-title {color: #3c4858;text-decoration: none;font-weight: 700;font-family: Roboto Slab,Times New Roman,serif;font-size: 1.125rem;line-height: 1.5em;text-transform: uppercase;}
.btn-link {font-size: 14px;margin: 0 0 10px;color: #999;text-decoration: none;padding-bottom: 0;}
.btn-link .fas {padding-right:8px;}

.about-services {padding: 0 15px 50px 15px;}
.title {color: #3c4858;text-decoration: none;font-weight: 700;font-family: Roboto,Helvetica,Arial,sans-serif;margin-top: 30px;margin-bottom: 25px;min-height: 32px;font-size: 2.25rem;line-height: 1.5em;}
.info {max-width: 360px;margin: 0 auto;padding: 30px 0 30px;}
.info-horizontal .description {overflow: hidden;font-family: Roboto,Helvetica,Arial,sans-serif;font-weight: 300;line-height: 1.5em;}
.info-title {font-weight: 700;font-family: Roboto,Helvetica,Arial,sans-serif;font-size: 1.125rem;line-height: 1.5em;color: #3c4858;margin: 1.75rem 0 .875rem;}
.info p {font-size: 14px;margin: 0;}
.info em {font-size: 12px;font-weight: 700;}
.info-horizontal .icon {float: left;margin-top: 24px;margin-right: 10px;}
.icon.icon-rose {color: #e3060f;font-size: 2.5em;}

.about-product {padding: 50px 0;}
.about-product .card-profile .card-avatar {margin: -50px auto 0;overflow: hidden;padding: 0;}
.about-product .card-title {font-weight: 700;font-family: Roboto,Helvetica,Arial,sans-serif;font-size: 1.125rem;line-height: 1.5em;color: #3c4858;}
.about-product .card-profile .card-avatar+.card-body {margin-top: 0;}
.about-product .card-body p {margin-bottom: 0.2rem;font-family: Roboto,Helvetica,Arial,sans-serif;font-weight: 300;line-height: 1.5em;font-size: 14px;color: #999;}


/*
 * FORM
 */
.about-contact input {margin-bottom: 20px;}
.about-contact input[type=submit] {margin: 30px 0 50px 0;}