/* header {
    display: block;
}*/


/* Complete... */


/***************************************************************/
/* ABOVE : used styles, BELOW : either used or obsolete styles */
/***************************************************************/



body,
p {
    font-size: 16px;
}
body,
sub,
sup {
    position: relative;
}
.btn,
.invisible-link,
a {
    text-decoration: none;
}
fieldset,
img,
legend { 
    border: 0;
}
.list-links,
.menu {
    list-style: none;
}
.layout-grey-container,
.layout-white-container,image-container
.list-tips .tips-item,
.menu-mobile .menu-item {
    border-top: 1px solid rgba(129, 129, 129, 0.2);
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden;
}
@font-face {
    font-family: raleway;
    src: url(/fonts/Raleway-ExtraLight-webfont.eot);
    src: url(/fonts/Raleway-ExtraLight-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Raleway-ExtraLight-webfont.woff2) format("woff2"), url(/fonts/Raleway-ExtraLight-webfont.woff) format("woff"),
        url(/fonts/Raleway-ExtraLight-webfont.ttf) format("truetype"), url(/fonts/Raleway-ExtraLight-webfont.svg#ralewayextralight) format("svg");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: raleway;
    src: url(/fonts/Raleway-Light-webfont.eot);
    src: url(/fonts/Raleway-Light-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Raleway-Light-webfont.woff2) format("woff2"), url(/fonts/Raleway-Light-webfont.woff) format("woff"),
        url(/fonts/Raleway-Light-webfont.ttf) format("truetype"), url(/fonts/Raleway-Light-webfont.svg#ralewaylight) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: raleway;
    src: url(/fonts/Raleway-Medium-webfont.eot);
    src: url(/fonts/Raleway-Medium-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Raleway-Medium-webfont.woff2) format("woff2"), url(/fonts/Raleway-Medium-webfont.woff) format("woff"),
        url(/fonts/Raleway-Medium-webfont.ttf) format("truetype"), url(/fonts/Raleway-Medium-webfont.svg#ralewaymedium) format("svg");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: raleway;
    src: url(/fonts/Raleway-Bold-webfont.eot);
    src: url(/fonts/Raleway-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Raleway-Bold-webfont.woff2) format("woff2"), url(/fonts/Raleway-Bold-webfont.woff) format("woff"),
        url(/fonts/Raleway-Bold-webfont.ttf) format("truetype"), url(/fonts/Raleway-Bold-webfont.svg#ralewaybold) format("svg");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: meotempo_icon_font;
    src: url(/fonts/meotempo_icon_font.eot);
    src: url(/fonts/meotempo_icon_font.eot?#iefix) format("eot"), url(/fonts/meotempo_icon_font.woff) format("woff"), url(/fonts/meotempo_icon_font.ttf) format("truetype"), url(/fonts/meotempo_icon_font.svg#meotempo_icon_font) format("svg");
}
.icon-arrow-right:before,
.icon-ball:before,
.icon-bird:before,
.icon-cross:before,
.icon-facebook-f:before,
.icon-facebook:before,
.icon-forward:before,
.icon-googleplus:before,
.icon-hat:before,
.icon-job:before,
.icon-linkedin:before,
.icon-magnifying-glass:before,
.icon-menu:before,
.icon-people:before,
.icon-pinterest:before,
.icon-rss:before,
.icon-triangle-down:before,
.icon-twitter-bird:before,
.icon-twitter:before,
.icon-yoga:before,
.icon-instagram:before {
    font-family: meotempo_icon_font;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(9.1px, 1.1vw, 15px);
    transition: font-size 0.3s ease-in-out;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}
.icon-arrow-right:before {
    content: "\E001";
}
.icon-ball:before {
    content: "\E002";
}
.icon-bird:before {
    content: "\E003";
}
.icon-cross:before {
    content: "\E004";
}
.icon-facebook-f:before {
    content: "\E005";
}
.icon-facebook:before {
    content: "\E006";
}
.icon-forward:before {
    content: "\E007";
}
.icon-googleplus:before {
    content: "\E008";
}
.icon-hat:before {
    content: "\E009";
}
.icon-job:before {
    content: "\E00A";
}
.icon-linkedin:before {
    content: "\E00B";
}
.icon-magnifying-glass:before {
    content: "\E00C";
}
.icon-menu:before {
    content: "\E00D";
	font-size: xxx-large;
}
.icon-people:before {
    content: "\E00E";
}
.icon-pinterest:before {
    content: "\E00F";
}
.icon-rss:before {
    content: "\E010";
}
.icon-triangle-down:before {
    content: "\E011";
}
.icon-twitter-bird:before {
    content: "\E012";
}
.icon-twitter:before {
    content: "\E013";
}
.icon-yoga:before {
    content: "\E014";
}
.title-small.underline:after,
.title.underline:after {
    background: rgba(129, 129, 129, 0.2);
    bottom: -1em;
    content: "";
} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: raleway, Helvetica, Arial, sans-serif;
    font-size: 62.5%;  /*copyright*/
}
body {
    margin: 0;
    font-size: 1.6rem;
    color: #ffffff;
}
article,
aside,
details,
figcaption,
figure,
footer,
/*header,*/
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: 1px dotted;
}
.toggle-btn-list,
legend {
    border-bottom: 1px solid rgba(129, 129, 129, 0.2);
}
b,
optgroup,
strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    margin: 0.67em 0;
    font-size: 4.5rem;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
.col-2,
.col-3,
.col-4 {
    vertical-align: top;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
*,
:after,
:before,
input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
pre,
textarea {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
.cases,
.footer,
.intro-resume,
.menu-mobile,
.noscroll,
.slick-list {
    overflow: hidden;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
}
.title,
p {
    font-weight: 400;
}
h1,
h2,
h3 {
    text-transform: uppercase;
}
.title,
.title-small,
p {
    text-transform: none;
}
h2 {
    font-size: 35px;
    font-size: 3.5rem;
}
h3 {
    font-size: 30px;
    font-size: 3rem;
}
h4 {
    font-size: 27px;
    font-size: 2.7rem;
}
h5 {
    font-size: 25px;
    font-size: 2.5rem;
}
h6 {
    font-size: 23px;
    font-size: 2.3rem;
}
p {
    font-size: 1.6rem;
    line-height: 1.4em;
}

.container-menu-mobile {
	position: absolute;
    display: flex;
    justify-content: center;
	width: 100%;
	max-width: 2048px;
	top:0;
}
.container-menu-mobile .menu-mobile {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	position: absolute;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	width: 100%;
	max-width: 2048px;
	top: 0;
	z-index: 1;
}
.container-menu-mobile.closed .menu-mobile {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.container-page {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}

.layout-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px 1em;
    position: relative;
}

.layout-grey-container {
    padding-top: 1.5em;
    background: #fafafa;
    border-top-width: 3px;
    border-color: #99151D;
    border-top-style: solid;
}

.layout-white-container {
    padding-top: 1.5em;
    background: #fff;
    border-top-width: 3px;
    border-color: #f07e3c;
    border-top-style: solid;
}
.media,
label {
    max-width: 100%;
}

.intro-resume {
    background: #fafafa;
    padding: 0.5em 1em;
    position: relative;
    margin: 2em 0 3em;
}
.intro-resume .list-links {
    width: 50%;
    padding-right: 1em;
}
.intro-resume .intro-image {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.container {
    padding: 0.5em 0 4em;
}
.container:after,
.container:before {
    content: "";
    display: table;
}

.col-2,
.col-3,
.col-4,
.container-content,
.container-media {
    display: inline-block;
}

.container:after {
    clear: both;
}
.container-content {
    width: 46%;
    float: left;
}
.container-content > p {
    margin-top: 0;
}

.container-media {
    width: 46%;
    float: right;
}

.container-media .media {
    border-radius: 5px;
    padding: 0 2em;
}

.col-2 {
    width: 45%;
    margin-left: 5%;
}
.col-2:first-child {
    margin-left: 0;
}
.col-3 {
    width: 27%;
    margin-left: 9%;
}
.col-3:first-child {
    margin-left: 0;
}
.col-4 {
    width: 19%;
    margin-left: 7.5%;
}
.col-4:first-child {
    margin-left: 0;
}
@media screen and (max-width: 1024px) {
    .col-4 {
        width: 22%;
        margin-left: 2.5%;
    }
    .col-3 {
        width: 30%;
        margin-left: 4.4%;
    }
}
@media screen and (max-width: 767px) {
    .col-2,
    .col-3 {
        margin-left: 0;
    }
    .col-2 {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
    .col-3 {
        width: 100%;
        padding: 0 5% 1em;
    }

    .container-content,
    .container-media {
        width: 100%;
    }

    .intro-resume .list-links {
        width: 100%;
        padding-right: 0;
    }
    .intro-resume .intro-image {
        width: 100%;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media screen and (min-width: 107001px) {
    .container-page {
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-transition: none;
        transition: none;
    }
}

@media screen and (max-width: 699px) {
    .layout-container {
        padding: 0 10px 1em;
    }
    .col-4 {
        width: 49%;
        margin: 0;
        padding: 0 5% 1.5em;
    }
}

@media screen and (max-width: 499px) {
    .col-4 {
        width: 100%;
        margin: 0;
        padding: 0 5% 2.5em;
    }
}
.title {
    font-size: 30px;
    font-size: 3rem;
    color: #f07e3c;
    position: relative;
}
.title.underline {
    margin-bottom: 2em;
}
.title.underline:after {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
}
.title.with-number {
    padding-left: 2em;
}
.title-small {
    font-size: 22px;
    font-size: 2.2rem;
    position: relative;
    font-weight: 100;
    color: #f07e3c;
    margin-bottom: 0;
}
.banner strong,
.blog-content .encadre,
.blog-content h2,
.blog-resume .blog-resume-link,
.btn-share,
.btn,
.cases-link,
.menu-item-mobile .menu-link,
.list-links,
.list-tips .tips-link,
.menu,
.title-tiny,
.toggle-btn {
    text-transform: uppercase;
}
.title-tiny,
a,
label {
    font-weight: 700;
}
.title-small.underline {
    margin-bottom: 2em;
}
.title-small.underline:after {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
}
.title-small.white {
    color: #fff;
}
.title-small.white.underline:after {
    background: rgba(255, 255, 255, 0.5);
}
.title-small.goal-title {
    font-size: 25px;
    font-size: 2.5rem;
}
.title-tiny {
    font-size: 15px;
    font-size: 1.5rem;
    color: #f07e3c;
    margin: 0;
}
.title-tiny.grey {
    color: #5e5e5e;
}
.title-tiny.medium {
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 699px) {
    .title {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
a {
    color: #99151D;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ed6718;
    opacity: 0;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
}
a:active,
a:hover {
    outline: 0;
    color: #ed6718;
}
a:active:after,
a:hover:after {
    opacity: 1;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}
.link-icon {
	position: absolute;
	left: clamp(-1.4em, 1vw, -3em);
	transition: font-size 0.3s ease-in-out;
}
.invisible-link {
    color: inherit;
    -webkit-transition: none;
    transition: none;
    display: block;
}
.invisible-link:after {
    display: none;
}
.invisible-link:active,
.invisible-link:hover {
    color: inherit;
}
fieldset {
    padding: 0;
    margin: 0;
    min-width: 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 1em;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: inherit;
    color: #f07e3c;
}
label {
    display: inline-block;
    margin-bottom: 5px;
}
.checkbox label,
.checkbox-inline,
.radio label,
.radio-inline {
    margin-bottom: 0;
    cursor: pointer;
    padding-left: 20px;
    font-weight: 400;
}
.checkbox,
.form-control,
.radio,
input[type="file"],
output {
    display: block;
}
input[type="search"] {
    -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
    margin: 2px 0 0;
    line-height: normal;
}
.form-control,
output {
    font-size: 16px;
    line-height: 1.5;
}
input[type="range"] {
    display: block;
    width: 100%;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="file"]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
output {
    padding-top: 7px;
    font-size: 1.6rem;
    color: #353535;
}
.form-control {
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 1.6rem;
    color: #5e5e5e;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(129, 129, 129, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
    border-color: #f07e3c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
        line-height: 46px;
    }
}
.form-group {
    margin-bottom: 1.5em;
}
.checkbox,
.radio {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox label,
.radio label {
    min-height: 20px;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    position: absolute;
    margin-left: -20px;
}
.checkbox + .checkbox,
.radio + .radio {
    margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px;
}
.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
    cursor: not-allowed;
}
.has-feedback {
    position: relative;
}
.has-feedback .form-control {
    padding-right: 56.25px;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    pointer-events: none;
}
.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .form-control-feedback,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b;
}
.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.btn,
.modal {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
    top: 30px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        margin-right: 10px;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-static {
        display: inline-block;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto;
    }
    .form-inline .input-group > .form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0;
    }
    .form-inline .checkbox input[type="checkbox"],
    .form-inline .radio input[type="radio"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 30px;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}
ol,
ul {
    list-style-position: outside;
    padding-left: 17px;
}
ol > li,
ul > li {
    margin-bottom: 0.5em;
}
.list-benefits,
.list-tips,
.unstyled-list {
    list-style: none;
    padding-left: 0;list-style-type
}
.list-links a {
    color: #5e5e5e;
}
.list-links a:active,
.list-links a:hover {
    color: #ed6718;
}
.list-2-column {
    padding-left: 0;
}
.list-2-column > li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-right: 4%;
    padding-left: 17px;
    position: relative;
}
.btn,
.menu-icon-link {
    vertical-align: middle;
}
.list-2-column > li:before {
    content: "\2022";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    font-size: 1.5em;
    top: -3px;
}
.list-benefits .benefits-item {
    margin-top: 2em;
}
.list-benefits .benefit-text {
    margin: 0;
}
.list-tips .tips-item {
    padding: 1.2em 0;
    margin: 0;
    position: relative;
}
.list-tips .tips-text {
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 100;
    padding-right: 95px;
}
.list-tips .tips-link {
    position: absolute;
    right: 0;
    bottom: 22px;
    font-size: 12px;
    font-size: 1.2rem;
}
.menu-item-mobile {
	display: none;
}
.menu-item-mobile .menu-link {
	background: 0 0;
	border: none;
	outline: 0;
}
.menu-item-mobile .link-icon {
	position: static;
	display: block;
	text-align: center;
	font-size: 2vw;
	margin-bottom: -0.3em;
}


@media screen and (max-width: 1024px) {
    .header {
        padding: 10px;
    }
    .header-link {
        width: 200px;
    }
    .header-navigation .menu-item {
        padding: 0 1.5em;
    }
    .header-subtitle {
        bottom: 0.15em;
        font-size: 14px;
        font-size: 1.4rem;
        letter-spacing: 1.5px;
    }
}
@media screen and (max-width: 768px) {
    .header {
        padding: 5px;
    }
    .header-link {
        width: 180px;
    }
    .header-navigation .menu-item {
        padding: 0 1em;
    }
    .header-subtitle {
        bottom: 0.25em;
        right: -10px;
        font-size: 12px;
        font-size: 1.2rem;
        letter-spacing: 1.4px;
    }
}
@media screen and (max-width: 106996px) {
    .header-navigation .menu-item {
        display: none;
    }
    .header-navigation .menu-item-mobile {
        display: inline-block;
        padding: 0;
    }
    .header-navigation .menu {
        margin: 0;
    }
}

.footer {
    background: #212121;
    color: #5e5e5e;
}
.footer-title {
    font-weight: 400;
    font-size: clamp(12px, 4vw, 34px);
	transition: font-size 0.3s ease-in-out;
}
.footer-subtitle {
	font-weight: 100;
	font-size: clamp(16px, 1.4vw, 28px);
	transition: font-size 0.3s ease-in-out;
}
.footer-nav {
    position: relative;
    padding: 1em 0;
}
.footer-nav:after,
.footer-nav:before {
    content: "";
    height: 1px;
    width: 200%;
    left: -50%;
    position: absolute;
    background: rgba(129, 129, 129, 0.2);
}
.hero,
.menu-item {
    position: relative;
}
.footer-nav:before {
    top: 0;
}
.footer-nav:after {
    bottom: 0;
}
.footer-copyright {
    color: #707070;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 0 4em;
	font-size: clamp(9px, 1vw, 24px);
}
.menu-link {
    color: #FFD479;
}
.menu-mobile {
    color: #99151D;
}
.footer .menu {
    text-align: center;
    width: 100%;
    margin: 1.5em 0;
    font-size: 0.8em;
}
.footer .menu.float-right {
    float: none;
    margin: 1.5em 0;
}
@media screen and (max-width: 1024px) {
    .footer .menu {
        text-align: center;
        width: 100%;
        margin: 1.5em 0;
    }
    .footer .menu.float-right {
        float: none;
        margin: 1.5em 0;
    }
    .footer .menu.float-right .menu-item {
        padding: 0 1.5em;
    }
}
/*@media screen and (max-width: 768px) {
    .footer-header {
        padding: 50px 90px;
    }
}*/
@media screen and (max-width: 699px) {
/*    .footer-header {
        padding: 30px 35px;
    }*/
    .footer .menu {
        margin: 1.5em 0 0;
    }
    .footer .menu .menu-item {
        text-align: left;
        width: 100%;
        margin-bottom: 1.5em;
        padding: 0 3em;
    }
    .footer .menu.float-right .menu-item {
        width: initial;
        margin: 0;
    }
}
.banner,
.btn,
.btn-share,
.goal-list,
.hero,
/*.hero-header {
    text-align: center;
}*/
.menu {
    display: inline-block;
    padding: 0;
    font-weight: 700;
	font-size: clamp(8px, 0.9vw, 17px);
	transition: font-size 0.3s ease-in-out;
}
.menu:after,
.menu:before {
    content: "";
    display: table;
}
.menu:after {
    clear: both;
}
.menu.float-right {
    float: right;
}
.menu-item {
    display: inline-block;
    padding: 0 2em 0 0;
    margin: 0;
}
.menu-icon-link {
    color: #5e5e5e;
    font-size: 30px;
    font-size: 3rem;
    line-height: 0;
    display: table-cell;
}
.menu-icon-link:after {
    display: none;
}
.menu-mobile {
    background: #212121;
}
.menu-mobile .menu {
    width: 100%;
    margin: 0;
}
.menu-mobile .menu-item {
    display: block;
    padding: 0;
}
.menu-mobile .menu-item a {
    padding: 2em 2em 2em 0;
    margin-left: 2em;
    display: block;
}
.menu-mobile .menu-item .menu-item1 a {
    padding: 1em 2em 0.5em 0em;
    margin-left: 0;
}
.menu-mobile .menu-item a:after {
    display: none;
}
.menu-mobile .menu-item:first-child {
    border-top: none;
}
/*.hero {    2025-09-12 09:44 Commented because it conflicts with home.ejs hero class
    background-size: cover;
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 550px;
}*/
.hero-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.hero-small-title,
.hero-title {
    color: #fff;
    display: block;
    margin: 10px 0;
}
.btn,
/*.hero-header {
    display: inline-block;
}*/
.hero-title {
    font-size: 65px;
    font-size: 6.5rem;
}
.hero-small-title {
    font-size: 35px;
    font-size: 3.5rem;
}
.hero-homepage-1 {
    background-image: url(/img/hero_img_1.jpg);
}
.hero-homepage-2 {
    background-image: url(/img/hero_img_2.jpg);
}
/*.hero-header {
    background: #f07e3c;
    color: #fff;
    width: 100%;
    position: relative;
    padding: 70px 0;
}*/
/*.hero-header-small-title {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 100;
    letter-spacing: 5px;
    display: inline-block;
    margin-bottom: 1em;
}*/
@media screen and (max-width: 1024px) {
    .hero-title {
        font-size: 55px;
        font-size: 5.5rem;
    }
}
@media screen and (max-width: 768px) {
    .hero-title {
        font-size: 50px;
        font-size: 5rem;
    }
}
@media screen and (max-width: 699) {
    .hero-title {
        font-size: 35px;
        font-size: 3.5rem;
    }
    .hero-small-title {
        font-size: 30px;
        font-size: 3rem;
    }
}
.btn {
    font-weight: 900;
    outline: 0;
    color: #fff;
    background-color: #f07e3c;
    border: none;
    padding: 23px 0;
    width: 280px;
    letter-spacing: 0.6px;
    border-radius: 3px;
    line-height: 0;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.btn-clear,
.toggle-btn {
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
}
.btn:active,
.btn:hover {
    background-color: #ed6718;
    color: #fff;
}
.btn:after {
    display: none;
}
.btn.fluid {
    width: 100%;
}
.btn-invisible,
.separator,
.separator-grey,
.separator-hidden,
.separator-small {
    display: inline-block;
}
.btn-floating {
    position: absolute;
    bottom: -4em;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn-clear {
    border: none;
    background: 0 0;
    outline: 0;
    position: relative;
    height: 1.35em;
    top: 0.15em;
}
.btn-clear:active,
.btn-clear:hover {
    color: #ed6718;
}
.btn-clear .icon-btn-close {
    line-height: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn-invisible {
    border: none;
    background: 0 0;
    outline: 0;
    padding: 0;
    width: 100%;
}
.separator {
    border: none;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 1.5em auto;
}
.separator-grey {
    border: none;
    width: 100%;
    height: 1px;
    background: rgba(129, 129, 129, 0.2);
    margin: 1em auto;
}
.separator-small {
    border: none;
    width: 100px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 1.5em auto;
}
.separator-hidden {
    border: none;
    height: 50px;
    margin: 0;
}
.separator-hidden.double {
    height: 100px;
}
.separator-hidden.quad {
    height: 150px;
}
.separator-hidden-horizontal {
    display: inline-block;
    border: none;
    width: 50px;
    margin: 0;
    height: 25px;
}
@media screen and (max-width: 699px) {
    .separator-hidden-horizontal {
        display: block;
    }
    .separator-hidden {
        height: 35px;
    }
    .separator-hidden.double {
        height: 75px;
    }
}
.toggle-btn-list {
    padding: 1.5em;
    margin-top: 0em;
    border-top: 1px solid rgba(129, 129, 129, 0.2);
}
.toggle-btn-list > li {
    display: inline-block;
    width: 16%;
    text-align: center;
    margin-bottom: 0;
}
.toggle-btn {
    position: relative;
    border: none;
    background: 0 0;
    outline: 0;
    color: #5e5e5e;
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
}
.toggle-btn.active,
.toggle-btn:active,
.toggle-btn:hover {
    color: #f07e3c;
}
.toggle-btn.active:after,
.toggle-btn:active:after,
.toggle-btn:hover:after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    background: url(/img/toggle_chevron.svg) no-repeat;
    height: 11px;
    width: 18px;
    margin: 0 auto;
    bottom: -35px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
.toggle-btn.active:active .toggle-btn-icon,
.toggle-btn.active:hover .toggle-btn-icon,
.toggle-btn:active:active .toggle-btn-icon,
.toggle-btn:active:hover .toggle-btn-icon,
.toggle-btn:hover:active .toggle-btn-icon,
.toggle-btn:hover:hover .toggle-btn-icon {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
}
.toggle-btn-icon {
    display: block;
    font-size: 60px;
    font-size: 6rem;
    line-height: 0.65em;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.toggle-content {
    position: relative;
}
.toggle-content:after,
.toggle-content:before {
    content: "";
    display: table;
}
.toggle-content:after {
    clear: both;
}
.toggle-content-left {
    float: left;
    width: 49%;
    background: #f07e3c;
    color: #353535;
    padding: 1.5em;
}
.toggle-content-right {
    width: 51%;
    position: absolute;
    overflow: hidden;
    background-size: cover;
    left: 49%;
    height: 100%;
}
.holed-separator {
    display: block;
    height: 22px;
    width: 11px;
    left: -1px;
    position: absolute;
    pointer-events: none;
    background: url(/img/toggle_content_separator.svg) no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.holed-separator:after,
.holed-separator:before {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    background: #f07e3c;
    height: 1000px;
    width: 11px;
}
.holed-separator:before {
    top: 21px;
}
.holed-separator:after {
    bottom: 21px;
}
.toggle-content-right-1 {
    background-image: url(/img/toggle_content_1.jpg);
    background-position: top;
}
.toggle-content-right-2 {
    background-image: url(/img/student.jpg);
    background-position: top;
}
.toggle-content-right-3 {
    background-image: url(/img/family.jpg);
    background-position: top;
}
.toggle-content-right-4 {
    background-image: url(/img/elder.jpg);
    background-position: top;
}
.toggle-content-right-5 {
    background-image: url(/img/yogi.jpg);
    background-position: top;
}
.toggle-content-right-6 {
    background-image: url(/img/athlete.jpg);
    background-position: top;
}
@media screen and (max-width: 768px) {
    .toggle-content-left {
        float: left;
        width: 100%;
        padding: 0 1.5em 1.5em;
    }
    .toggle-content-right {
        width: 100%;
        position: relative;
        left: 0;
        height: 300px;
    }
    .holed-separator {
        display: block;
        height: 11px;
        width: 22px;
        position: absolute;
        pointer-events: none;
        background: url(/img/toggle_content_separator_horizontal.svg) no-repeat;
        left: 50%;
        top: initial;
        bottom: -1px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .holed-separator:after,
    .holed-separator:before {
        height: 11px;
        width: 10000px;
    }
    .holed-separator:before {
        top: 0;
        left: 21px;
    }
    .holed-separator:after {
        bottom: 0;
        right: 21px;
    }
}
.goals,
.goals-img {
    position: relative;
}

@media screen and (max-width: 699px) {
    .toggle-btn-list {
        padding: 1.5em 0 0;
    }
    .toggle-btn-list > li {
        width: 32%;
        margin-bottom: 1.5em;
    }
    .toggle-btn.active:after,
    .toggle-btn:active:after,
    .toggle-btn:hover:after {
        display: none;
    }
}

.cases {
    border-radius: 5px;
    border: 1px solid rgba(129, 129, 129, 0.2);
}
.cases-img {
    min-width: 100%;
    height: auto;
    width: 100%;
}
.cases-content {
    padding: 1.5em;
}
.cases-link {
    font-size: 12px;
    font-size: 1.2rem;
}
@media screen and (min-width: 601px) and (max-width: 767px) {
    .cases .btn-invisible {
        width: 40%;
        min-width: inherit;
        float: left;
    }
    .cases-content {
        float: right;
        width: 60%;
    }
}
.goals-img {
    width: 35%;
    top: 20px;
    left: 3%;
}
.goal-list {
    padding: 5em 2em 0;
    width: 65%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.goal-list .col-4 {
    width: 49%;
    margin: 0;
    padding: 0 5% 2.5em;
}
.goal-list .number-circle {
    font-size: 30px;
    font-size: 3rem;
}
@media screen and (min-width: 700px) and (max-width: 900px) {
    .goal-title {
        margin-top: 10px;
    }
    .goals-img {
        width: 49%;
        margin-top: 100px;
    }
    h4.title-small.goal-title {
        font-size: 2rem;
    }
    .goal-list {
        width: 49%;
        padding-top: 1em;
    }
    .goal-list .col-4 {
        width: 100%;
        margin: 0;
        padding: 0 5% 1em;
    }
    .goal-list .col-4 p {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 700px) {
    .goals-img {
        display: none;
    }
    .goal-list {
        width: 100%;
        position: static;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@media screen and (max-width: 499px) {
    .goal-list .col-4 {
        width: 100%;
        margin: 0;
        padding: 0 5% 2.5em;
    }
    .goals-img {
        display: none;
    }
}
.number-circle {
    border-radius: 999px;
    background: #f07e3c;
    width: 1.2em;
    display: inline-block;
    position: relative;
    height: 1.2em;
}
.with-number .number-circle {
    position: absolute;
    left: 0;
}
.number {
    font-family: Arial;
    font-weight: 400;
    color: #fff;
    font-size: 0.8em;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.insight,
blockquote {
    color: #f07e3c;
    border-top: 3px solid #f07e3c;
    border-bottom: 1px solid #f07e3c;
    font-size: 20px;
    font-size: 2rem;
    margin: 2em 0 1em;
    line-height: 1.5;
    padding: 1em 0;
}

.insight > p {
    font-weight: 700;
    margin: 0;
}

blockquote > p {
    font-weight: 700;
}

.blog-content blockquote > h2 {
    margin-top: 0;
}

.media {
    width: 100%;
    height: auto;
}

.noscroll {
    width: 100%;
}
.modal-background {
    position: fixed;
    top: -1000%;
    left: -1000%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    width: 200%;
    height: 200%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.modal-background.visible {
    opacity: 1;
    top: -50%;
    left: 0;
}
.modal {
    position: fixed;
    top: -1000%;
    left: -1000%;
    -webkit-transform: translate(-50%, -200%);
    -ms-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    z-index: 11;
    background: #fff;
    width: 90%;
    max-width: 800px;
    padding: 2.5em;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.modal.visible {
    opacity: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.modal-close-btn {
    position: absolute;
    top: 15px;
    right: 12px;
}
.modal-video-box {
    position: relative;
    padding-bottom: 56.25%;
    background: url(/img/spin.gif) center center no-repeat #000;
    background-size: 50px;
}
.modal-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 699px) {
    .modal {
        padding: 0.5em;
    }
    .modal-close-btn {
        display: none;
    }
}
.slick-slider,
.slick-track {
    position: relative;
    display: block;
}
.banner {
    background: #fafafa;
    padding: 1em;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
}
.banner strong {
    color: #f07e3c;
}
@media screen and (max-width: 599px) {
    .banner {
        padding: 1em 2em 1em 1em;
    }
    .banner-btn {
        position: absolute;
        right: 0.2em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    left: 0;
    top: 0;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.show-on-mobile {
    display: none;
}
.hide-on-mobile {
    display: inherit;
}

@media screen and (max-width: 699px) {
    .show-on-mobile {
        display: inherit;
    }
    .hide-on-mobile {
        display: none;
    }
}

.mini-img {
    width: 25%;
    max-width: 25%;
    height: auto;
}
.small-img {
    width: 50%;
    max-width: 50%;
    height: auto;
}
.list-item .tips-link {
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.quotation {
    color: #f07e3c;
    padding: 0 2em 0 2em;
}
/*.header-subtitle {
    position: absolute;
    bottom: 0.1em;
    right: -15px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 2.1px;
    color: #969291 !important;
}*/
.col-blog-main,
.col-blog-side {
    float: left;
    padding: 50px 30px 0;
}
.col-blog-main {
    width: 65%;
}
.col-blog-side {
    width: 35%;
}
.blog-content img,
.blog-resume img {
    width: 100%;
}
@media screen and (max-width: 900px) {
    .col-blog-main,
    .col-blog-side {
        width: 100%;
        padding: 30px 30px 0;
    }
}
@media screen and (max-width: 600px) {
    .col-blog-main,
    .col-blog-side {
        padding: 20px 0 0;
    }
}
.blog-resume:not(:first-child) {
    margin-top: 75px;
}
.blog-resume .title {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.blog-resume p {
    margin-top: 0.5em;
    line-height: 1.5em;
}
.blog-resume .blog-resume-link {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 900;
    margin-left: 1em;
}
.blog-resume .blog-resume-link .link-icon {
    color: #707070;
    top: 0.05em;
}
.blog-more-btn {
    margin: 2em;
}
.blog-content .title {
    margin-top: 0;
    margin-bottom: 1.5em;
}
.blog-content h2 {
    font-weight: 700;
    margin: 2.5em 0 0.5em;
    font-size: 18px;
    font-size: 1.8rem;
}
.blog-content p {
    margin-top: 0;
    line-height: 1.5em;
}
.blog-content .encadre {
    float: left;
    width: 250px;
    color: #5e5e5e;
    padding: 0 40px 40px 0;
    position: relative;
    font-weight: 900;
    font-size: 17px;
    font-size: 1.7rem;
}
.blog-content .encadre .encadre-link {
    position: absolute;
    font-size: 20px;
    font-size: 2rem;
    color: #353535;
    bottom: 15px;
    right: 40px;
}
.blog-content .encadre .encadre-link:after {
    display: none;
}
.slick-slider,
.slick-track {
    position: relative;
    display: block;
}
.blog-content .encadre .encadre-link:active,
.blog-content .encadre .encadre-link:hover {
    color: #f07e3c;
}
@media screen and (max-width: 600px) {
    .blog-content .encadre {
        width: 100%;
        padding: 1em 1em 2em;
    }
    .blog-content .encadre .encadre-link {
        bottom: 5px;
        right: 20px;
    }
}
@media screen and (max-width: 900px) {
    .blog-filter-container {
        max-width: 500px;
        margin: 0 auto;
    }
}
.col-blog-side .form-group {
    position: relative;
}
.col-blog-side .form-group select {
    text-indent: 5px;
    -webkit-appearance: none;
}
.col-blog-side .input-icon {
    position: absolute;
    right: 1px;
    padding-right: 9px;
    top: 50%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    background-color: #fff;
    height: 20px;
}
.btn-share,
.follow-btn,
.toggle-btn {
    position: relative;
}
.btn-invisible {
    border: none;
    background: 0 0;
    outline: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.share-container {
    padding: 0.5em 0 2em;
}
.share-container:after,
.share-container:before {
    content: "";
    display: table;
}
.share-container:after {
    clear: both;
}
.btn-share {
    width: 32%;
    color: #fff;
    border: none;
    margin: 0 0 0 2%;
    padding: 1em 0.5em;
    line-height: 1;
    font-weight: 700;
    display: block;
    float: left;
    background: #2d2e2e;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.btn-share:after,
.follow-btn:after {
    display: none;
}
.btn-share:active,
.btn-share:hover {
    color: #fff;
    background: #141414;
}
.btn-share:first-child {
    margin: 0;
}
.btn-share.facebook {
    background: #36528f;
}
.btn-share.facebook:active,
.btn-share.facebook:hover {
    background: #283d6a;
}
.btn-share.twitter {
    background: #4fa2e6;
}
.btn-share.twitter:active,
.btn-share.twitter:hover {
    background: #228ae0;
}
.btn-share .share-icon {
    position: relative;
    margin-right: 5px;
    line-height: 0;
    font-size: 20px;
    font-size: 2rem;
    top: 4px;
}
@media screen and (max-width: 500px) {
    .btn-share,
    .btn-share:first-child {
        margin: 4% auto 0;
    }
    .btn-share {
        width: 100%;
        max-width: 300px;
        float: none;
    }
}
.follow-container {
    margin-bottom: 2em;
}
.follow-btn {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 0;
    top: 13px;
    margin-left: 9px;
}
.follow-btn:first-child {
    margin-left: 6px;
}
.separator,
.separator-grey,
.separator-hidden,
.separator-small {
    display: inline-block;
}
.follow-btn.fb {
    color: #36528f;
}
.follow-btn.fb:active,
.follow-btn.fb:hover {
    color: #283d6a;
}
.follow-btn.tw {
    color: #4fa2e6;
}
.follow-btn.tw:active,
.follow-btn.tw:hover {
    color: #228ae0;
}
.follow-btn.pin {
    color: #ba2322;
}
.follow-btn.pin:active,
.follow-btn.pin:hover {
    color: #8f1b1a;
}
.follow-btn.rss {
    color: #e67c3e;
}
.follow-btn.rss:active,
.follow-btn.rss:hover {
    color: #d5601c;
}
@media screen and (max-width: 1024px) {
    .follow-btn {
        margin-left: -3px;
    }
    .follow-btn:first-child {
        margin-left: -1px;
    }
}
@media screen and (max-width: 900px) {
    .follow-container {
        text-align: center;
    }
    .follow-btn {
        margin-left: 9px;
    }
    .follow-btn:first-child {
        margin-left: 6px;
    }
}
.note {
    font-size: 13px;
}
.blog-author {
    margin-top: -1.5em;
    margin-bottom: 1.5em;
}
.blog-sidebar-encadre {
    border-width: 1px;
    border-color: #f07e3c;
    border-style: solid;
    padding: 1em;
    color: #f07e3c;
}
.darkClass {
    background-color: #f5f5f5;
    filter: alpha(opacity=50); /* IE */
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity: 0.5; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
}