ul + p {
	margin-top: 15px;
}

form a {
    color: #48A842 !important;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

form a:hover {
    color: #3C8C37 !important
}

form .nested-row::after {
    content: '';
    display: block;
    clear: both
}

form .nested-row>*:first-of-type {
    padding-right: 10px
}

form .nested-row>*:last-of-type {
    padding-left: 10px
}

form .title {
    font-family: "Raleway";
    font-size: 16px;
    color: #636567;
    font-weight: 700;
    padding: 30px 0 10px;
    border-bottom: 2px solid #636567
}

form input[type="text"],
form input[type="email"],
form input[type="number"],
form textarea {
    width: 100%;
    font-family: "Raleway";
    font-size: 16px;
    color: #636567;
    font-weight: 600;
    padding: 20px 0 15px;
    border: 0;
    outline: none;
    border-bottom: 2px solid #F3F3F3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form input[type="text"][readonly],
form input[type="email"][readonly],
form input[type="number"][readonly],
form textarea[readonly] {
    color: #48A842
}

form input[type="text"].half,
form input[type="email"].half,
form input[type="number"].half,
form textarea.half {
    width: 50%;
    float: left
}

form input[type="text"]:not([readonly]):not(.datepicker):focus,
form input[type="email"]:not([readonly]):not(.datepicker):focus,
form input[type="number"]:not([readonly]):not(.datepicker):focus,
form textarea:not([readonly]):not(.datepicker):focus {
    box-shadow: 6px 0 0 0 #48A842 inset;
    padding-left: 14px
}

form input[type="text"]::-webkit-input-placeholder,
form input[type="email"]::-webkit-input-placeholder,
form input[type="number"]::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
    font-weight: 400
}

form input[type="text"]::-moz-placeholder,
form input[type="email"]::-moz-placeholder,
form input[type="number"]::-moz-placeholder,
form textarea::-moz-placeholder {
    font-weight: 400
}

form input[type="text"]:-ms-input-placeholder,
form input[type="email"]:-ms-input-placeholder,
form input[type="number"]:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    font-weight: 400
}

form input[type="text"]:-moz-placeholder,
form input[type="email"]:-moz-placeholder,
form input[type="number"]:-moz-placeholder,
form textarea:-moz-placeholder {
    font-weight: 400
}

form textarea {
    height: 100px;
    resize: none
}

form select {
    display: none
}

form .select {
    width: 100%;
    position: relative
}

form .select.to-top .select-header .arrow::before {
    -webkit-transform: rotate(-135deg) translateY(-50%);
    -moz-transform: rotate(-135deg) translateY(-50%);
    -ms-transform: rotate(-135deg) translateY(-50%);
    -o-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
    right: 0
}

form .select.to-top .items {
    bottom: 150%;
    top: auto;
    border-bottom: 1px solid #dadada;
    border-top: 0
}

form .select.to-top .items .item {
    border-top: 1px solid #dadada;
    border-bottom: 0
}

form .select.to-top.opened .select-header .arrow::before {
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    right: 6px
}

form .select.to-top.opened .items {
    top: auto;
    bottom: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 1
}

form .select.opened .select-header .arrow::before {
    -webkit-transform: rotate(-135deg) translateY(-50%);
    -moz-transform: rotate(-135deg) translateY(-50%);
    -ms-transform: rotate(-135deg) translateY(-50%);
    -o-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
    right: 0
}

form .select.opened .items {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 1
}

form .select .select-header {
    font-family: "Raleway";
    font-size: 16px;
    color: #636567;
    font-weight: 600;
    padding: 20px 0 15px;
    border-bottom: 2px solid #F3F3F3;
    position: relative;
    cursor: pointer
}

form .select .select-header.placeholder {
    font-weight: 400
}

form .select .select-header .arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

form .select .select-header .arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 6px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #636567;
    border-right: 2px solid #636567;
    -webkit-transition: transform .4s, right .4s;
    -moz-transition: transform .4s, right .4s;
    transition: transform .4s, right .4s;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%)
}

form .select .items {
    font-family: "Raleway";
    font-size: 16px;
    color: #636567;
    font-weight: 500;
    list-style: none;
    background: #F3F3F3;
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 150%;
    visibility: none;
    opacity: 0;
    z-index: -1;
    border-top: 1px solid #dadada;
    max-height: 240px;
    overflow: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

form .select .items .item {
    padding: 15px;
    border-bottom: 1px solid #dadada;
    cursor: pointer;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

form .select .items .item.active,
form .select .items .item:hover {
    color: #48A842
}

form .radios-group {
    padding-top: 6px
}

form .radios-group::after {
    content: '';
    display: block;
    clear: both
}

form .radios-group.inline .radio {
    float: left;
    width: 50%
}

form .radio,
form .checkbox {
    margin: 0 !important;
    padding: 15px 0 20px;
    position: relative
}

form .radio input,
form .checkbox input {
    visibility: hidden
}

form .radio input:checked+label+label.radio-icon::after,
form .checkbox input:checked+label+label.radio-icon::after {
    opacity: 1
}

form .radio label,
form .checkbox label {
    font-family: "Raleway";
    font-size: 16px;
    color: #636567;
    font-weight: 400;
    line-height: 24px;
    padding-left: 30px
}

form .radio label.radio-icon,
form .checkbox label.radio-icon {
    position: absolute;
    top: 16px;
    left: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #48A842;
    border-radius: 50%
}

form .radio label.radio-icon::after,
form .checkbox label.radio-icon::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: inherit;
    background: #48A842;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

form .datepicker {
    background: url(../img/icons/select-schedule.png) no-repeat center right;
    padding-right: 20px !important;
    cursor: pointer
}

form .uploader input {
    visibility: hidden
}

form .uploader label {
    font-family: "Montserrat";
    font-size: 14px;
    color: #48A842;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 20px;
    background: transparent;
    border: 1px solid #48A842;
    cursor: pointer;
    -webkit-transition: background .4s, color .4s;
    -moz-transition: background .4s, color .4s;
    transition: background .4s, color .4s
}

form .uploader label:hover {
    background: #48A842;
    color: #fff
}

form .btn-new {
    font-size: 0;
    padding: 0;
    background: transparent;
    outline: none;
    border: none;
    display: block;
    cursor: pointer;
    margin-top: 25px
}

form .btn-new:hover .text {
    color: #3C8C37
}

form .btn-new .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px
}

form .btn-new .text {
    font-family: "Montserrat";
    font-size: 14px;
    color: #48A842;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

.daterangepicker {
    z-index: 999999999 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.daterangepicker .calendar-table th.prev i,
.daterangepicker .calendar-table th.next i {
    top: 0
}

.daterangepicker .calendar-table th.prev i::before,
.daterangepicker .calendar-table th.next i::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-top: 2px solid #636567;
    border-left: 2px solid #636567
}

.daterangepicker .calendar-table th.prev i::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.daterangepicker .calendar-table th.next i::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.daterangepicker .calendar-table td.active {
    background: #48A842
}

.lightbox-content {
    display: none
}

.lightbox-content .header {
    position: relative;
    padding: 45px 20px;
    background: #F3F3F3
}

@media screen and (max-width: 600px) {
    .lightbox-content .header {
        padding-top: 70px
    }
}

.lightbox-content .header .btn-back,
.lightbox-content .footer .btn-back {
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 0
}
.lightbox-content .footer .btn-back{
	top: 39px;
}

.lightbox-content .header .btn-back:hover .text,
.lightbox-content .footer .btn-back:hover .text {
    color: #3C8C37
}

.lightbox-content .header .btn-back .icon,
.lightbox-content .footer .btn-back .icon {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lightbox-content .header .btn-back .text,
.lightbox-content .footer .btn-back .text {
    font-family: "Montserrat";
    font-size: 14px;
    color: #48A842;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

.lightbox-content .header .title {
    font-family: "Montserrat";
    font-size: 24px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    position: relative
}

.lightbox-content .header .title::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #636567;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px
}

.lightbox-content .tabs .step {
    padding: 20px;
    font-family: "Montserrat";
    color: #87898c;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    background: #F3F3F3;
    cursor: pointer
}

@media screen and (max-width: 600px) {
    .lightbox-content .tabs .step {
        padding-top: 0px;
        padding-bottom: 30px
    }
}

.lightbox-content .tabs .step .step-number {
    font-size: 18px;
    display: block;
    margin-bottom: 5px
}

.lightbox-content .tabs .step .step-text {
    font-size: 13px;
    font-weight: 600
}

.lightbox-content .tabs .step.active {
    color: #48A842
}

@media screen and (min-width: 980px) {
    .lightbox-content .tabs .step.active {
        background: #fff
    }
}

.lightbox-content .body {
    padding: 30px 70px 50px
}

.lightbox-content .body .row {
    margin-left: -35px;
    margin-right: -35px
}

.lightbox-content .body .row .col {
    padding-left: 35px;
    padding-right: 35px
}

.lightbox-content .body .contact-rv .radios-group {
    padding-bottom: 20px
}

.lightbox-content .body .contact-rv .radio {
    padding-bottom: 0 !important
}

.lightbox-content .body .contact-rv .select {
    width: 50%;
    float: left
}

.lightbox-content .body .contact-rv .select:first-child {
    padding-right: 15px
}

.lightbox-content .body .contact-rv .select:last-child {
    padding-left: 15px
}

.lightbox-content .body .main-tree,
.lightbox-content .body .selection-tree {
    font-family: "Raleway";
    font-size: 15px;
    color: #636567;
    font-weight: 400;
    padding-top: 20px
}

.lightbox-content .body .main-tree ul,
.lightbox-content .body .selection-tree ul {
    padding-left: 0
}

.lightbox-content .body .main-tree li.parent {
    font-weight: 700
}

.lightbox-content .body .main-tree ol {
    padding-left: 20px;
    display: none
}

.lightbox-content .body .main-tree li,
.lightbox-content .body .selection-tree li {
    cursor: pointer;
    list-style: none
}

.lightbox-content .body .main-tree ol li:hover,
.lightbox-content .body .selection-tree li:hover {
    color: #48A842
}

.lightbox-content .body .main-tree .plus,
.lightbox-content .body .selection-tree .plus,
.lightbox-content .body .main-tree .minus,
.lightbox-content .body .selection-tree .minus {
    position: relative;
    color: #48A842;
    font-weight: 600;
    margin-right: 5px;
    font-size: 22px
}

.lightbox-content .body .main-tree .plus,
.lightbox-content .body .selection-tree .plus {
    top: 3px;
}

.lightbox-content .body .main-tree .minus,
.lightbox-content .body .selection-tree .minus {
    top: 2px;
    font-size: 25px
}

.lightbox-content .body .step1 .col:last-child .radio {
    position: relative
}

.lightbox-content .body .step1 .col:last-child .radio:not(:last-child) {
    padding-bottom: 45px
}

.lightbox-content .body .step1 .col:last-child .radio:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #F3F3F3;
    left: 0;
    bottom: 15px
}

.lightbox-content .body .step4 .experience,
.lightbox-content .body .step4 .formation {
    position: relative;
    margin-bottom: 20px;
}

.lightbox-content .body .step4 .experience:hover .btn-remove,
.lightbox-content .body .step4 .formation:hover .btn-remove {
    opacity: 1;
    visibility: visible
}

.lightbox-content .body .step4 .experience .btn-remove,
.lightbox-content .body .step4 .formation .btn-remove {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 5px;
    background: #48A842;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: background .4s, opacity .4s, visibility .4s;
    -moz-transition: background .4s, opacity .4s, visibility .4s;
    transition: background .4s, opacity .4s, visibility .4s
}

.lightbox-content .body .step4 .experience .btn-remove:hover,
.lightbox-content .body .step4 .formation .btn-remove:hover {
    background: #3C8C37
}

.lightbox-content .body .step4 .experience .btn-remove::before,
.lightbox-content .body .step4 .experience .btn-remove::after,
.lightbox-content .body .step4 .formation .btn-remove::before,
.lightbox-content .body .step4 .formation .btn-remove::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background: #fff;
    top: 45%;
    left: 20%
}

.lightbox-content .body .step4 .experience .btn-remove::before,
.lightbox-content .body .step4 .formation .btn-remove::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.lightbox-content .body .step4 .experience .btn-remove::after,
.lightbox-content .body .step4 .formation .btn-remove::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lightbox-content .body .step5 p {
    font-family: "Raleway";
    font-size: 16px;
    color: #636567;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 40px;
    padding-top: 30px;
    border-bottom: 2px solid #F3F3F3
}

.lightbox-content .body .step5 .checkbox {
    padding-top: 40px
}

.lightbox-content .body .step5 .checkbox label.radio-icon {
    top: 41px
}

@media screen and (max-width: 900px) {
    .lightbox-content .body {
        padding-left: 30px;
        padding-right: 30px
    }
    .lightbox-content .body .row {
        margin-left: -15px;
        margin-right: -15px
    }
    .lightbox-content .body .row .col {
        padding-left: 15px;
        padding-right: 15px
    }
}

.lightbox-content .footer {
    padding: 30px;
    background: #F3F3F3;
	position:relative;
}

.lightbox-content .footer::after {
    content: '';
    display: block;
    clear: both
}

.lightbox-content .footer .note {
    float: left;
    position: relative;
    top: -20px;
    font-family: "Raleway";
    font-size: 12px;
    color: #636567;
    font-weight: 400
}

.lightbox-content .footer .btn-next {
    float: right;
    background: #48A842;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: 0;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

.lightbox-content .footer .btn-next:hover {
    background: #3C8C37
}

.lightbox-content .footer .btn-next.final .icon.pen {
    display: inline-block
}

.lightbox-content .footer .btn-next.final .icon.arrow {
    display: none
}

.lightbox-content .footer .btn-next .icon {
    display: inline-block;
    vertical-align: middle
}

.lightbox-content .footer .btn-next .icon.pen {
    display: none
}

.lightbox-content .footer .btn-next .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Montserrat";
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 10px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #F3F3F3
}

#wrapper {
    width: 100%;
	overflow:hidden;
}

a {
    text-decoration: none !important
}

.parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

[data-parallax] {
    background: transparent
}

.parallax-mirror.skew {
    -webkit-transform: translate3d(0px, 0px, 0px) skewY(-2.4deg) !important;
    -moz-transform: translate3d(0px, 0px, 0px) skewY(-2.4deg) !important;
    -ms-transform: translate3d(0px, 0px, 0px) skewY(-2.4deg) !important;
    -o-transform: translate3d(0px, 0px, 0px) skewY(-2.4deg) !important;
    transform: translate3d(0px, 0px, 0px) skewY(-2.4deg) !important
}

.parallax-mirror.skew .parallax-slider {
    -webkit-transform: translate3d(0px, 0px, 0px) skewY(2.4deg) !important;
    -moz-transform: translate3d(0px, 0px, 0px) skewY(2.4deg) !important;
    -ms-transform: translate3d(0px, 0px, 0px) skewY(2.4deg) !important;
    -o-transform: translate3d(0px, 0px, 0px) skewY(2.4deg) !important;
    transform: translate3d(0px, 0px, 0px) skewY(2.4deg) !important
}

.parallax-mirror.zindex {
    z-index: 1 !important
}

.v-center {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.top-70 {
    top: -70px
}

.container,
.container-fluid {
    padding-top: 70px;
    padding-bottom: 70px
}

.clearfix::after {
    content: '';
    display: block;
    clear: both
}

.floated-menu {
    width: 50px;
    position: fixed;
    right: 20px;
    top: 50%;
    z-index: 9999999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility .5s, opacity .5s;
    -moz-transition: visibility .5s, opacity .5s;
    transition: visibility .5s, opacity .5s
}

.floated-menu.floated-menu-visible {
    visibility: visible;
    opacity: 1
}

.floated-menu .container {
    padding: 0
}

.floated-menu .item-container {
    position: relative;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

.floated-menu .item-container .item {
    height: 50px;
    position: relative;
    display: table;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    transition: transform .5s
}

@media screen and (min-width: 900px) {
    .floated-menu .item-container .item:hover {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .floated-menu .item-container .item:hover .icon-container {
        background: #3C8C37
    }
    .floated-menu .item-container .item:hover .text-container {
        background: #3C8C37;
        opacity: 1
    }
}

.floated-menu .item-container .item .icon-container {
    width: 50px;
    height: 50px;
    background: #48A842;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s
}

.floated-menu .item-container .item .icon-container .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.floated-menu .item-container .item .text-container {
    height: 50px;
    position: relative;
    top: 0;
    left: 48px;
    background: #48A842;
    min-width: 180px;
    opacity: 0;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s
}

.floated-menu .item-container .item .text-container .text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Raleway";
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
    padding-left: 12px
}

.floated-menu .arrow-container {
    position: relative;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 2px solid #48A842;
    cursor: pointer;
    -webkit-transition: background .5s, border-color .5s;
    -moz-transition: background .5s, border-color .5s;
    transition: background .5s, border-color .5s
}

.floated-menu .arrow-container:hover {
    background: #48A842
}

.floated-menu .arrow-container:hover .arrow {
    border-color: #fff
}

.floated-menu .arrow-container:active {
    background: #3C8C37
}

.floated-menu .arrow-container:active .arrow {
    border-color: #fff
}

.floated-menu .arrow-container .arrow {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 2px solid #48A842;
    border-right: 2px solid #48A842;
    top: 19px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color .4s;
    -moz-transition: border-color .4s;
    transition: border-color .4s
}

@media screen and (max-width: 899px) {
    .floated-menu {
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .floated-menu .item-container,
    .floated-menu .arrow-container {
        margin: 0;
        float: left;
        width: 20%;
        background: #48A842
    }
    .floated-menu .item-container {
        border-right: 1px solid #fff
    }
    .floated-menu .item-container .item {
        width: 100%
    }
    .floated-menu .item-container .item .icon-container {
        width: 100%;
        z-index: 2;
        -webkit-transition: background .5s;
        -moz-transition: background .5s;
        transition: background .5s
    }
    .floated-menu .item-container .item .icon-container:hover {
        background: #3C8C37
    }
    .floated-menu .item-container .item .text-container {
        min-width: auto
    }
    .floated-menu .arrow-container:hover {
        background: #3C8C37;
        border-color: #3C8C37
    }
    .floated-menu .arrow-container .arrow {
        border-color: #fff
    }
}

.lightbox-container {
    position: fixed;
    z-index: 999999999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    overflow: auto;
    padding: 150px 20px
}

@media screen and (max-width: 500px) {
    .lightbox-container {
        padding: 0
    }
}

.lightbox-container .lightbox {
    background: #fff;
    max-width: 800px;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: auto
}

.lightbox-container .lightbox.no-padding {
    padding: 0 !important
}

@media screen and (max-width: 768px) {
    .lightbox-container .lightbox {
        padding: 50px 30px 30px !important
    }
}

@media screen and (max-width: 500px) {
    .lightbox-container .lightbox {
        padding: 50px 20px 30px !important;
        min-height: 100%
    }
}

.lightbox-container .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 1
}

.lightbox-container .btn-close:hover::after {
    color: #919599
}

.lightbox-container .btn-close::before,
.lightbox-container .btn-close::after {
    content: '';
    position: absolute;
    background: #48A842;
    width: 2px;
    height: 22px;
    top: 0
}

.lightbox-container .btn-close::before {
    left: 50%;
    top: 1px;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%)
}

.lightbox-container .btn-close::after {
    left: 50%;
    -webkit-transform: rotate(-45deg) translateX(-50%);
    -moz-transform: rotate(-45deg) translateX(-50%);
    -ms-transform: rotate(-45deg) translateX(-50%);
    -o-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%)
}

#nav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: #26292b;
    -webkit-transition: top .4s, background .4s;
    -moz-transition: top .4s, background .4s;
    transition: top .4s, background .4s
}

#nav.transparent {
    background: transparent
}

#nav .container {
    padding: 15px 15px 20px
}

#nav .logo {
    width: 260px;
    position: relative;
    top: 12px
}

#nav .menu-icon-container {
    position: relative;
    width: 45px;
    height: 45px;
    float: right;
    display: none;
    cursor: pointer
}

#nav .menu-icon-container.active::before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

#nav .menu-icon-container.active .menu-icon {
    background: transparent;
    left: 20px;
    width: 26px
}

#nav .menu-icon-container.active .menu-icon::before,
#nav .menu-icon-container.active .menu-icon::after {
    background: #48A842
}

#nav .menu-icon-container.active .menu-icon::before {
    top: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav .menu-icon-container.active .menu-icon::after {
    top: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#nav .menu-icon-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #48A842;
    border-radius: 50%;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    transition: transform .4s
}

#nav .menu-icon-container .menu-icon {
    position: absolute;
    width: 22px;
    height: 2px;
    background: #fff;
    left: 12px;
    top: 48%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

#nav .menu-icon-container .menu-icon::before,
#nav .menu-icon-container .menu-icon::after {
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    transform-origin: left;
    background: #fff;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

#nav .menu-icon-container .menu-icon::before {
    top: -6px
}

#nav .menu-icon-container .menu-icon::after {
    top: 6px
}

#nav .menus {
    float: right
}

#nav .menus .menu {
    margin-bottom: 0;
    padding-left: 40px
}

#nav .menus .menu li {
    display: inline-block;
    cursor: default
}

#nav .menus .menu li a {
    font-family: "Montserrat";
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    opacity: .8;
    cursor: pointer;
    -webkit-transition: font-weight .2s, opacity .2s;
    -moz-transition: font-weight .2s, opacity .2s;
    transition: font-weight .2s, opacity .2s
}

#nav .menus .menu li a::after {
    content: '';
    position: absolute;
    height: 3px;
    left: 30%;
    right: 30%;
    bottom: -8px;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .4s, left .4s, right .4s;
    -moz-transition: opacity .4s, left .4s, right .4s;
    transition: opacity .4s, left .4s, right .4s
}

#nav .menus .menu li a:hover,
#nav .menus .menu li a.is-active {
    opacity: 1;
    font-weight: 700
}

#nav .menus .menu li a:hover::after,
#nav .menus .menu li a.is-active::after {
    opacity: 1;
    left: 5px;
    right: 5px
}

#nav .secondary-menu {
    margin-bottom: 15px
}

#nav .secondary-menu .menu {
    display: inline-block
}

#nav .secondary-menu .menu li {
    margin-right: 30px
}

#nav .secondary-menu .media {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0
}

#nav .secondary-menu .media img {
    height: 17px;
    margin-left: 20px
}

#nav .primary-menu .menu li:not(:first-child) {
    margin-left: 30px
}

#nav .formation-menu,
#nav .module-menu {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    display: none
}

#nav .formation-menu.visible,
#nav .module-menu.visible {
    display: block
}

#nav .formation-menu .container,
#nav .module-menu .container {
    padding: 0 15px
}

#nav .formation-menu .block,
#nav .module-menu .block {
    max-width: 300px;
    background: rgba(255, 255, 255, 0.98);
    padding: 50px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    float: right
}

#nav .formation-menu .block .big-title,
#nav .module-menu .block .big-title {
    font-family: "Montserrat";
    font-size: 14px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase
}

#nav .formation-menu .block .paragraph,
#nav .module-menu .block .paragraph {
    font-family: "Raleway";
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 10px
}

#nav .formation-menu .block .paragraph .title,
#nav .module-menu .block .paragraph .title {
    font-size: 11px;
    color: #48A842;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s;
	margin-bottom: 0px;
}

#nav .formation-menu .block .paragraph .title:hover,
#nav .module-menu .block .paragraph .title:hover {
    color: #3C8C37
}

#nav .formation-menu .block .paragraph .text,
#nav .module-menu .block .paragraph .text {
    color: #636567;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#nav .formation-menu .block .paragraph .text:hover,
#nav .module-menu .block .paragraph .text:hover {
    color: #3C8C37
}

#nav .formations-menu,
#nav .modules-menu {
    position: absolute;
    width: 100%;
    top: 100px;
    left: 0;
    display: none
}

#nav .formations-menu.visible,
#nav .modules-menu.visible {
    display: block
}

@media screen and (max-width: 991px) {
    #nav .formations-menu,
    #nav .modules-menu {
        display: none
    }
}

#nav .formations-menu .container,
#nav .modules-menu .container {
    padding: 0 15px
}

#nav .formations-menu .container .row,
#nav .modules-menu .container .row {
    margin-left: -50px;
    margin-right: -50px
}

#nav .formations-menu .container .col,
#nav .modules-menu .container .col {
    padding: 0 50px
}

@media screen and (max-width: 1200px) {
    #nav .formations-menu .container .row,
    #nav .modules-menu .container .row {
        margin-left: -20px;
        margin-right: -20px
    }
    #nav .formations-menu .container .col,
    #nav .modules-menu .container .col {
        padding: 0 20px
    }
}

#nav .formations-menu .formations-list,
#nav .formations-menu .modules-list,
#nav .modules-menu .formations-list,
#nav .modules-menu .modules-list {
    background: rgba(255, 255, 255, 0.97);
    width: 100%;
    padding: 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

#nav .formations-menu .formations-list .row:not(:last-child),
#nav .formations-menu .modules-list .row:not(:last-child),
#nav .modules-menu .formations-list .row:not(:last-child),
#nav .modules-menu .modules-list .row:not(:last-child) {
    margin-bottom: 30px
}

#nav .formations-menu .formations-list .big-title,
#nav .formations-menu .modules-list .big-title,
#nav .modules-menu .formations-list .big-title,
#nav .modules-menu .modules-list .big-title {
    font-family: "Montserrat";
    font-size: 14px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#nav .formations-menu .formations-list .big-title:hover,
#nav .formations-menu .modules-list .big-title:hover,
#nav .modules-menu .formations-list .big-title:hover,
#nav .modules-menu .modules-list .big-title:hover {
    color: #3C8C37
}

#nav .formations-menu .formations-list .paragraph,
#nav .formations-menu .modules-list .paragraph,
#nav .modules-menu .formations-list .paragraph,
#nav .modules-menu .modules-list .paragraph {
    font-family: "Raleway";
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 14px;
}

#nav .formations-menu .formations-list .paragraph .title,
#nav .formations-menu .modules-list .paragraph .title,
#nav .modules-menu .formations-list .paragraph .title,
#nav .modules-menu .modules-list .paragraph .title {
    font-size: 11px;
    color: #48A842;
    margin-bottom: 0;
}

#nav .formations-menu .formations-list .paragraph .text,
#nav .formations-menu .modules-list .paragraph .text,
#nav .modules-menu .formations-list .paragraph .text,
#nav .modules-menu .modules-list .paragraph .text {
    color: #636567;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#nav .formations-menu .formations-list .paragraph .text:hover,
#nav .formations-menu .modules-list .paragraph .text:hover,
#nav .modules-menu .formations-list .paragraph .text:hover,
#nav .modules-menu .modules-list .paragraph .text:hover {
    color: #3C8C37
}

@media screen and (max-width: 991px) {
    #nav {
        height: 74px
    }
    #nav .logo {
        width: 180px;
        top: 9px
    }
    #nav .menu-icon-container {
        display: block
    }
    #nav .menus {
        display: none
    }
}

#responsive-nav {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    background: #26292b;
    max-height: 100%;
    overflow: auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    transition: transform .5s
}

#responsive-nav.visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

#responsive-nav .menu {
    padding: 50px 0 50px 20px
}

#responsive-nav .menu ul {
    margin: 0;
    padding: 0
}

#responsive-nav .menu ul.l1>li,
#responsive-nav .menu ul.l2>li {
    list-style: none;
    position: relative;
    margin-top: 35px
}

#responsive-nav .menu ul.l1>li>a,
#responsive-nav .menu ul.l2>li>a {
    font-family: "Montserrat";
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s;
    position: relative;
    display: block;
    cursor: crosshair
}

#responsive-nav .menu ul.l1>li>a[href],
#responsive-nav .menu ul.l2>li>a[href] {
    cursor: pointer
}

#responsive-nav .menu ul.l1>li>a:hover,
#responsive-nav .menu ul.l2>li>a:hover {
    color: #48A842
}

#responsive-nav .menu ul.l1>li>a::before,
#responsive-nav .menu ul.l2>li>a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(145, 149, 153, 0.3);
    bottom: -10px;
    left: 0
}

#responsive-nav .menu ul.l2 {
    padding-left: 30px
}

#responsive-nav .menu ul.l3 li {
    list-style: none;
    position: relative;
    margin-top: 20px
}

#responsive-nav .menu ul.l3 li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(145, 149, 153, 0.3);
    bottom: -10px;
    left: 0
}

#responsive-nav .menu ul.l3 li .title {
    font-family: "Raleway";
    font-size: 12px;
    color: #48A842;
    font-weight: 600
}

#responsive-nav .menu ul.l3 li .text {
    font-family: "Raleway";
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#responsive-nav .menu ul.l3 li .text:hover {
    color: #48A842
}

#responsive-nav .menu ul li.arrow {
    overflow: hidden;
    max-height: 34px;
    -webkit-transition: max-height 1.5s;
    -moz-transition: max-height 1.5s;
    transition: max-height 1.5s
}

#responsive-nav .menu ul li.arrow.opened {
    -webkit-transition: max-height 2s;
    -moz-transition: max-height 2s;
    transition: max-height 2s;
    max-height: 2000px
}

#responsive-nav .menu ul li.arrow.opened>a::after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

#responsive-nav .menu ul li.arrow>a::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-right: 2px solid rgba(145, 149, 153, 0.7);
    border-bottom: 2px solid rgba(145, 149, 153, 0.7);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    right: 25px;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    transition: transform .5s
}

#banner {
    background-image: url(../img/backgrounds/04.jpg);
    -webkit-transition: margin-top .4s;
    -moz-transition: margin-top .4s;
    transition: margin-top .4s
}

#banner .container {
    position: relative;
    padding-top: 180px;
    padding-bottom: 210px
}

#banner .text {
    text-align: center
}

#banner .text .title {
    font-family: "Montserrat";
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 40px;
    text-align: left;
    font-size: 44px
}

#banner .text .sub-title {
    font-family: "Montserrat";
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    font-size: 24px;
    color: #fff;
    text-align: left
}

#banner .text .desc {
    font-family: "Raleway";
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    max-width: 820px;
    text-align: left
}

#banner .icon-blocks .col:last-child .icon-block .text {
    padding-left: 70px
}

#banner .icon-block {
    position: relative;
    background: #48A842;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s
}

#banner .icon-block:hover {
    background: #3C8C37
}

#banner .icon-block .icon {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#banner .icon-block .text {
    font-family: "Raleway";
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
    padding-left: 60px
}

@media screen and (max-width: 1199px) {
    #banner .icon-blocks {
        margin-left: -10px;
        margin-right: -10px
    }
    #banner .icon-blocks .col {
        padding: 0 10px
    }
    #banner .icon-blocks .icon-block {
        padding: 10px 15px
    }
    #banner .icon-blocks .icon-block .icon {
        left: 15px
    }
    #banner .icon-blocks .icon-block .text {
        padding-left: 45px
    }
}

@media screen and (max-width: 991px) {
    #banner .container {
        padding-top: 120px;
        padding-bottom: 180px
    }
    #banner .icon-blocks {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin: 0
    }
    #banner .icon-blocks .col {
        margin-top: 10px
    }
    #banner .icon-blocks .col:last-child .icon-block .text {
        padding-left: 55px
    }
    #banner .icon-blocks .icon {
        margin-right: 30px
    }
}

@media screen and (max-width: 767px) {
    #banner .text .title {
        text-align: center;
        font-size: 30px
    }
    #banner .text .sub-title {
        text-align: center;
        font-size: 15px
    }
    #banner .text .desc {
        font-size: 15px
    }
    #banner .icon-blocks .col {
        padding: 0 15px !important
    }
    #banner .icon-blocks .col .icon-block {
        max-width: 350px;
        margin: 0 auto
    }
}

@media screen and (max-width: 340px) {
    #banner .icon-blocks {
        margin-top: 0
    }
    #banner .text .title {
        font-size: 24px
    }
    #banner .text .sub-title {
        font-size: 14px
    }
}

#formation-tabs {
    -webkit-transform: translateY(-160px);
    -moz-transform: translateY(-160px);
    -ms-transform: translateY(-160px);
    -o-transform: translateY(-160px);
    transform: translateY(-160px);
    position: absolute;
    width: 100%;
    margin-bottom: 300px;
    z-index: 99999;
}

#formation-tabs .tabs-select {
	display: none;
}
#formation-tabs .breadcrumbs a{
	font-family: "Raleway";
    color: #E6E6E6;
}

#formation-tabs .fancy-selector {
	position: absolute;
	display: none;
	max-width: 350px;
	margin: auto;
	left: 15px;
	right: 15px;
	bottom: -90px;
}

#formation-tabs .fancy-selector.opened .selector-header::after {
	top: 55%;
	-webkit-transform: translateY(-50%) rotate(-135deg);
    -moz-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    -o-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

#formation-tabs .fancy-selector .selector-header {
	padding: 12px 15px;
	background: #3C8C37;
	//border: 1px solid #FFF;
	position: relative;
	cursor: pointer;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
}

#formation-tabs .fancy-selector .selector-header::after {
	content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    right: 15px;
    top: 46%;
    
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    
    -webkit-transition: transform .5s, top .5s;
	-moz-transition: transform .5s, top .5s;
	-ms-transition: transform .5s, top .5s;
	transition: transform .5s, top .5s;
}

#formation-tabs .fancy-selector .selector-header,
#formation-tabs .fancy-selector a {
	font-family: "Raleway";
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
}

#formation-tabs .fancy-selector .selector-items {
	display: none;
	position: absolute;
	width: 100%;
	background: #48A842;
	margin-top: 10px;
}

#formation-tabs .fancy-selector .selector-items::before {
    content: "";
    position: absolute;
    background: inherit;
    width: 12px;
    height: 12px;
    top: -6px;
    left: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#formation-tabs .fancy-selector .selector-items .item a {
	padding: 10px 15px;
	cursor: pointer;
	position: relative;
	display: block;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
}

#formation-tabs .fancy-selector .selector-items .item.act a,
#formation-tabs .fancy-selector .selector-items .item a:hover {
	background: #3C8C37;
}

#formation-tabs .fancy-selector .selector-items .item:not(:last-child) a::after {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	border-bottom: 1px solid rgba(255,255,255, .2);
	bottom: -1px;
}

#formation-tabs .tabs {
	float: left;
}

#formation-tabs .buttons {
	float: right;
	position: relative;
	top: -6px;
	display: none;
}

#formation-tabs .buttons .button {
	font-family: "Raleway";
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1.3;
    padding: 7px 15px 5px;
    background: #48A842;
    margin-left: 15px;
    /*-webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;*/
	-webkit-transition: background .5s !important;
    -moz-transition: background .5s !important;
    transition: background .5s !important;
}
#formation-tabs .buttons .button:hover{
	background: #3C8C37 !important;
}
 

#formation-tabs.fixed {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    position: fixed;
    margin-bottom: 0;
    background: #26292b;
    border-top: 1px solid rgba(255,255,255, .1);
}

#formation-tabs.fixed .fancy-selector {
	position: static;
	max-width: none;
	border: none;
}

#formation-tabs.fixed .container {
	padding-top: 15px;
    padding-bottom: 44px;
}

#formation-tabs.fixed .breadcrumbs {
	display: none;
}

#formation-tabs.fixed .tabs a {
    color: #E6E6E6;
}

#formation-tabs.fixed .tabs a:hover,
#formation-tabs.fixed .tabs a.active {
    color: #E6E6E6;
}

#formation-tabs.fixed .buttons {
	display: block;
}

@media screen and (max-width: 991px) {
	#formation-tabs.fixed .buttons {
		display: none;
	}
}

#formation-tabs .container {
    height: 0
}

#formation-tabs ul {
    padding-left: 0;
    margin-bottom: 0
}

@media screen and (max-width: 700px) {
	#formation-tabs .container {
		position: absolute;
		width: 100%;
		top: 90px;
	}
	
    #formation-tabs .tabs {
        display: none;
    }
    
    #formation-tabs .fancy-selector {
        display: block;
        bottom: 0;
    }
}

/*#formation-tabs .tabs .owl-stage-outer {
    height: 35px
}

#formation-tabs .tabs .owl-nav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

#formation-tabs .tabs .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border-top: 3px solid #48A842;
    border-left: 3px solid #48A842;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer
}

#formation-tabs .tabs .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border-top: 3px solid #48A842;
    border-right: 3px solid #48A842;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer
}

#formation-tabs .tabs .item {
    display: inline-block
}

#formation-tabs .tabs .item:not(:first-child) {
    margin-left: 40px;
}*/

#formation-tabs .tabs a {
    font-family: "Raleway";
    font-size: 15px;
    color: #636567;
    font-weight: 600;
    margin-right: 30px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    -webkit-transition: font-weight .2s, color .2s;
    -moz-transition: font-weight .2s, color .2s;
    transition: font-weight .2s, color .2s
}

@media screen and (max-width: 700px) {
	#formation-tabs .tabs a {
		color: #E6E6E6 !important;
	}
}

#formation-tabs .tabs a::after {
    content: '';
    position: absolute;
    height: 4px;
    left: 30%;
    right: 30%;
    bottom: -12px;
    background: #48A842;
    opacity: 0;
    -webkit-transition: opacity .4s, left .4s, right .4s;
    -moz-transition: opacity .4s, left .4s, right .4s;
    transition: opacity .4s, left .4s, right .4s
}

#formation-tabs .tabs a:hover,
#formation-tabs .tabs a.active {
    font-weight: 700;
    color: #636567;
}

#formation-tabs .tabs a:hover::after,
#formation-tabs .tabs a.active::after {
    opacity: 1;
    left: 0;
    right: 0
}

#formation-tabs .breadcrumbs {
    font-family: "Raleway";
    font-size: 12px;
    color: #E6E6E6;
    font-weight: 500;
    margin-bottom: 124px;
    display: table
}

#formation-tabs .breadcrumbs ul {
	color: #E6E6E6;
}

@media screen and (max-width: 700px) {
    #formation-tabs .breadcrumbs {
        display: none
    }
}

#formation-tabs .breadcrumbs li {
    display: inline-block;
    opacity: .8;
    cursor: default;
    position: relative
}

#formation-tabs .breadcrumbs li:not(:first-child) {
    margin-left: 30px
}

#formation-tabs .breadcrumbs li:not(:first-child)::before {
    content: '•';
    color: #48A842;
    position: absolute;
    font-size: 19px;
    left: -17px;
    top: 0px
}

#formation-tabs .breadcrumbs li:last-child {
    opacity: 1;
    font-weight: 700
}

#counters-section {
	position: relative;
	z-index: 3;
    /*background-image: url(../img/backgrounds/0002.jpg);
    position: relative;
    -webkit-transform: skewY(-2.4deg);
    -moz-transform: skewY(-2.4deg);
    -ms-transform: skewY(-2.4deg);
    -o-transform: skewY(-2.4deg);
    transform: skewY(-2.4deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    overflow: hidden*/
}

#counters-section .parallax-bg {
	position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(-2.4deg);
    -moz-transform: skewY(-2.4deg);
    -ms-transform: skewY(-2.4deg);
    -o-transform: skewY(-2.4deg);
    transform: skewY(-2.4deg);
    -webkit-transform-origin: left;
	transform-origin: left;
    z-index: -1
}

#counters-section .container {
    /*-webkit-transform: skewY(2.4deg);
    -moz-transform: skewY(2.4deg);
    -ms-transform: skewY(2.4deg);
    -o-transform: skewY(2.4deg);
    transform: skewY(2.4deg);*/
    padding: 30px 0 140px 0
}

#counters-section .title {
    font-family: "Montserrat";
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
    position: relative;
    text-align: center
}

#counters-section .title::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #fff;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: auto
}

.counters .col {
    width: 20%;
    float: left;
    padding: 0 15px
}

.counters .counter {
    text-align: center;
    text-transform: uppercase
}

.counters .counter .number {
    font-family: "Montserrat";
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 20px;
    position: relative
}

.counters .counter .number span.plus {
    position: absolute;
    left: -20px;
    top: 2px;
    color: #ffffff;
    font-size: 30px;
    margin-right: 3px
}

.counters .counter .number span.percent {
    position: absolute;
    right: -20px;
    color: #000;
    font-size: 17px;
    margin-left: 3px;
    font-weight: 700
}

.counters .counter .text {
    font-family: "Montserrat";
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5;
    position: relative;
    text-align: center
}

.counters .counter .text::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #fff;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto
}

@media screen and (max-width: 991px) {
    .counters .col {
        width: 33.333333%;
        min-height: 150px
    }
}

@media screen and (max-width: 600px) {
    .counters {
        margin: 0
    }
    .counters .col {
        width: 50%;
        padding: 0 15px
    }
}

@media screen and (max-width: 360px) {
    .counters .counter .text {
        font-size: 11px
    }
}

.card .image {
    width: 100%;
    padding-bottom: 65%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.card .content-container {
    width: 100%;
    padding: 0 15px;
    margin-top: -30px
}

.card .content {
    padding: 30px;
    text-align: center;
    border-bottom: 5px solid #48A842;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    transition: background .2s
}

.card .content:hover {
    background: #48A842 !important
}

.card .content:hover .title {
    color: #fff
}

.card .content:hover .title::after {
    background: #fff
}

.card .content:hover .desc {
    opacity: 0
}

.card .content:hover .btn {
    opacity: 1;
    bottom: 25px
}

.card .content .title {
    font-family: "Montserrat";
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 25px;
    position: relative;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.card .content .title::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background: #636567;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

.card .content .desc {
    font-family: "Raleway";
    font-size: 14px;
    color: #636567;
    font-weight: 400;
    line-height: 24px;
    cursor: default;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.card .content .medias {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0
}

.card .content .medias::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background: #636567;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

.card .content .medias li {
    display: inline-block;
    margin: 0 5px
}

.card .content .btn {
    width: 160px;
    font-family: "Montserrat";
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 25px;
    border: 1px solid #fff;
    border-radius: 0;
    background: #48A842;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: background .5s, border-color .5s, bottom .3s, opacity .3s;
    -moz-transition: background .5s, border-color .5s, bottom .3s, opacity .3s;
    transition: background .5s, border-color .5s, bottom .3s, opacity .3s
}

.card .content .btn:hover {
    background: #3C8C37;
    border-color: #3C8C37
}

#profil-intro {
    background: #F3F3F3
}

#profil-intro .section-title {
    text-align: center !important
}

#profil-intro .section-title .text {
    position: static !important;
    margin-left: 0
}

#profil-intro .section-title .text::after {
    right: 0;
    margin: auto
}

#profil-intro .row {
    margin-left: 0;
    margin-right: 0
}

#profil-intro .left-col,
#profil-intro .right-col {
    position: relative;
    padding: 0
}

#profil-intro .image{
    width: 100%;
    text-align: right;
    padding-right: 70px;
}
#profil-intro .image img{
    max-width: 250px;
}


#profil-intro .infos {
    text-align: center;
    background: #fff;
    padding: 30px 30px 20px;
    border-bottom: 5px solid #48A842;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-90px, -50%);
    -moz-transform: translate(-90px, -50%);
    -ms-transform: translate(-90px, -50%);
    -o-transform: translate(-90px, -50%);
    transform: translate(-90px, -50%)
}

#profil-intro .infos .desc {
    font-family: "Raleway";
    font-size: 14px;
    color: #636567;
    font-weight: 400;
    line-height: 24px;
    cursor: default;
    position: relative
}

#profil-intro .infos .desc:not(:last-of-type) {
    margin-bottom: 20px
}

#profil-intro .infos .desc:not(:last-of-type)::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background: #636567;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

#profil-intro .infos .medias {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0
}

#profil-intro .infos .medias li {
    list-style: none;
    display: inline-block;
    margin: 0 5px
}

@media screen and (max-width: 767px) {
    #profil-intro .infos {
        margin-top: -30px;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media screen and (max-width: 400px) {
    #profil-intro .infos {
        padding-left: 20px;
        padding-right: 20px
    }
}

#trainers .container,
#students .container {
    position: relative
}

#trainers .section-title,
#students .section-title {
    font-family: "Montserrat";
    font-size: 28px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin-bottom: 70px
}

#trainers .section-title::after,
#students .section-title::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #636567;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto
}


#students .cards {
    position: static
}
#trainers .cards{
	position: relative;
}

#trainers .card .image,
#students .card .image {
    padding-bottom: 100%;
	background-size:cover;
	background-position:center;
}
 

@media screen and (max-width: 500px) {
    #trainers .card .image,
    #students .card .image {
        padding-bottom: 70%
    }
}


#students .owl-dots {
    display: table;
    position: absolute;
    top: 80px;
    right: 15px;
}
#trainers .owl-dots{
	display: table;
    position: absolute;
    top: -95px;
    right: 15px;
}

#trainers .owl-dots .owl-dot,
#students .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #dadada;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px
}

#trainers .owl-dots .owl-dot.active,
#students .owl-dots .owl-dot.active {
    background: #48A842
}

@media screen and (max-width: 500px) {
    #trainers .owl-dots,
    #students .owl-dots {
        margin: 40px auto 0;
        position: static
    }
}

#trainers {
    background: #fff
}

#trainers .card .content {
    background: #fff;
    padding: 30px 20px 40px
}

#students {
    background: #F3F3F3
}

#students .card .content {
    background: #F3F3F3;
    padding: 30px 20px 40px
}

#blog {
    text-align: center
}

#blog .container {
    position: relative
}

#blog .articles {
    position: static
}

#blog .article {
    position: relative;
    text-align: left
}

#blog .article:hover .header .date {
    background: #48A842;
    color: #fff
}

#blog .article .header {
    margin-bottom: 15px;
    cursor: move
}

#blog .article .header .date {
    font-family: "Montserrat";
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    width: 60px;
    height: 60px;
    background: #e6e6e6;
    text-align: center;
    line-height: 1.2;
    -webkit-transition: background .4s, color .4s;
    -moz-transition: background .4s, color .4s;
    transition: background .4s, color .4s
}

#blog .article .header .date * {
    display: block;
    position: relative;
    top: 10px
}

#blog .article .header .date .day {
    font-size: 20px
}

#blog .article .header .date .month {
    font-size: 12px
}

#blog .article .header .titles-container {
    position: absolute;
    min-height: 60px;
    top: 0;
    right: 0;
    left: 0;
    margin-left: 80px
}

#blog .article .header .titles {
    font-family: "Montserrat";
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    width: 100%
}

#blog .article .header .titles.center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#blog .article .header .titles .sub-title {
    font-size: 11px;
    color: #48A842;
    margin-bottom: 3px
}

#blog .article .header .titles .title {
    font-size: 15px;
    color: #636567
}

#blog .article .body {
    cursor: move
}

#blog .article .body .image {
    background: no-repeat center;
    background-size: cover;
    width: 100%;
    height: 170px;
    position: relative;
    top: 5px
}

#blog .article .btn {
    text-decoration: none;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
}

#blog .article .btn:hover .text {
    color: #3C8C37
}

#blog .article .btn .icon {
    display: inline-block;
    margin-right: 10px;
    height: 12px;
    width: auto
}

#blog .article .btn .text {
    font-family: "Montserrat";
    font-size: 13px;
    color: #48A842;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#blog .blog-btn {
    font-family: "Montserrat";
    font-size: 12px;
    color: #48A842;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    padding: 0 30px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #48A842;
    margin-top: 60px;
    -webkit-transition: background .4s, color .4s;
    -moz-transition: background .4s, color .4s;
    transition: background .4s, color .4s
}

#blog .blog-btn:hover {
    background: #48A842;
    color: #fff
}

#blog .owl-dots {
    display: table;
    position: absolute;
    top: 78px;
    right: 15px
}

#blog .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #dadada;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px
}

#blog .owl-dots .owl-dot.active {
    background: #48A842
}

@media screen and (max-width: 700px) {
    #blog .owl-dots {
        margin: 40px auto 0;
        position: static
    }
}

.selector {
    background: #e6e6e6;
    height: 50px;
    position: relative;
    cursor: pointer
}

.selector.opened .selector-arrow {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.selector.spinner {
    cursor: default;
    cursor: progress
}

.selector.spinner .selector-arrow {
    width: 16px;
    height: 16px;
    border: 3px solid #48A842;
    border-right-color: transparent;
    border-radius: 50%;
    top: 33%;
    left: 42%;
    animation: spin .7s infinite linear
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.selector .header {
    overflow: hidden
}
.selector .header .num {
    color:#48A842;
}

.selector .selector-icon-container {
    width: 50px;
    height: 50px;
    position: relative
}

.selector .selector-arrow-container {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0
}

.selector .selector-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.selector .selector-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid #48a842;
    border-bottom: 2px solid #48a842;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    -moz-transform: rotate(45deg) translate(-50%, -50%);
    -ms-transform: rotate(45deg) translate(-50%, -50%);
    -o-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%);
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    transition: transform .4s
}

.selector .titles-container {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.selector .titles {
    font-family: "Montserrat";
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
    display: inline-block;
    padding-left: 50px;
    min-width: 183px;
}
 
.selector.places-selector .header .titles{
	text-transform:uppercase;
}
.selector.places-selector.selected-item .header .titles{
	text-transform:none;
}

.selector.places-selector .titles {
    text-transform: none;
}
#search-map .selector .titles{
	padding-left: 50px;
	padding-right: 5px;
}
#search-map .selector.periods-selector .items .titles{
	//padding-left: 40px;
}
#search-map .selector .selector-arrow{
	left: 57%;
}

.selector .titles:not(:first-child) {
    padding-left: 20px !important
}

.selector .titles .subtitle {
    font-size: 9px;
    display: block
}

.selector .titles .title {
    font-size: 13px;
    display: block;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

@media screen and (max-width: 400px) {
	.selector .items .titles {
    	min-width: 126px !important;
	}
	
	.selector.periods-selector.selected-item .titles {
    	min-width: 126px;
	}
	
	.selector.periods-selector .titles:not(:first-child) {
	    padding-left: 20px !important
	}
	
	.selector.periods-selector.selected-item .titles .title {
		font-size: 11px;
	}
	
	.selector.periods-selector .items .titles .title {
		font-size: 11px;
	}
}

@media screen and (max-width: 320px) {
	.selector.periods-selector .titles:not(:first-child) {
	    padding-left: 10px !important
	}
	
	.selector.periods-selector.selected-item .titles .title {
		font-size: 10px;
	}
	
	.selector.periods-selector .items .titles .title {
		font-size: 10px;
	}
	
	.selector .titles .subtitle {
		font-size: 7px;
	}
	
	.selector .titles .subtitle.days {
		font-size: 9px;
	}
}

.selector .items {
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 70px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, top .3s, z-index .3s;
    -moz-transition: opacity .3s, top .3s, z-index .3s;
    transition: opacity .3s, top .3s, z-index .3s
}

.selector .items.visible {
    z-index: 99;
    opacity: 1;
    top: 50px
}

.selector .items .item {
    height: 50px;
    position: relative;
    background: #e6e6e6;
    border-top: 1px solid #F3F3F3;
    cursor: pointer
}

.selector .items .item:hover .titles,
.selector .items .item.active .titles {
    color: #48A842
}

.selector .items .titles {
    padding-left: 32px;
}
#search-map .selector .items .titles {
    padding-left: 32px;
}

.selector-title {
    font-family: "Montserrat";
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 13px
}

.selector-title .title {
    display: block
}

.selector-title .num {
    color: #48A842
}

.program-wrapper #profil {
    background: #fff;
    position: relative;
    z-index: 3
}
.program-wrapper .formation-field{
	position:relative;
}
.program-wrapper .formation-field.diagonal::before {
    content: '';
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(-2.4deg);
    -moz-transform: skewY(-2.4deg);
    -ms-transform: skewY(-2.4deg);
    -o-transform: skewY(-2.4deg);
    transform: skewY(-2.4deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 0;
    z-index: -1
}
.program-wrapper .formation-field:nth-child(even){
	background:#fff !important;
}
.program-wrapper .formation-field:nth-child(even){
	background:#fff !important;
}
.program-wrapper .formation-field:nth-child(odd){
	background:#F3F3F3  !important;
}

.program-wrapper #profil .counters .number {
    color: #636567
}

.program-wrapper #profil .counters .text {
    color: #636567
}

.program-wrapper #profil .counters .text::before {
    background: #48A842
}

 

.program-wrapper #job .image {
    background: no-repeat center;
    background-size: cover
}

.program-wrapper #job .image img {
    width: 100%
}

.program-wrapper #objectifs {
    background: #fff
}
/* 
.program-wrapper #modules {
    background: #F3F3F3
}

.program-wrapper #modules .block {
    position: relative;
    overflow: hidden;
    -webkit-transition: max-height .8s ease-out;
    -moz-transition: max-height .8s ease-out;
    transition: max-height .8s ease-out
}

.program-wrapper #modules .block.opened {
    -webkit-transition: max-height 1s ease-out;
    -moz-transition: max-height 1s ease-out;
    transition: max-height 1s ease-out;
    max-height: 600px !important
}

.program-wrapper #modules .block.opened .arrow::before {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
 */
#objectifs li,
#attestations li,
#recognition li,
#duration li {
    padding-left: 15px
}

#objectifs li::before,
#attestations li::before,
#recognition li::before,
#duration li::before {
    content: '•';
    color: #48A842;
    position: absolute;
    font-size: 19px;
    left: 0;
    top: -1px
}
.program-wrapper #objectifs .row-35{
	margin-bottom:35px;
}
@media screen and (max-width: 767px) {
    .program-wrapper #modules .block {
        padding-bottom: 30px
    }
    .program-wrapper #modules .block .arrow {
        position: absolute;
        top: -5px;
        right: 0;
        cursor: pointer;
        width: 25px;
        height: 25px;
        z-index: 10
    }
    .program-wrapper #modules .block .arrow::before {
        content: '';
        position: absolute;
        top: 5px;
        left: 8px;
        width: 10px;
        height: 10px;
        border-right: 2px solid #636567;
        border-bottom: 2px solid #636567;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        cursor: pointer;
        -webkit-transition: transform .4s, top .4s;
        -moz-transition: transform .4s, top .4s;
        transition: transform .4s, top .4s
    }
    .program-wrapper #modules .block:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #dadada;
        left: 0;
        bottom: 0
    }
}

.program-wrapper #objectifs .title,.program-wrapper .module-title {
    font-family: "Montserrat";
    font-size: 15px;
    color: #636567;
    font-weight: 600;
 	margin-bottom: 10px;
}
.program-wrapper  .module-title{
	text-transform:uppercase;
	margin-bottom: 35px;
	font-size: 18px;
	position: relative;
	padding-left: 15px;
}

@media screen and (max-width: 767px) {
    .program-wrapper #objectifs .title {
        padding-right: 50px
    }
}

.program-wrapper #modules .duration {
    margin: 30px 0;
    position: relative;
    display: table
}

.program-wrapper #modules .duration::before,
.program-wrapper #modules .duration::after {
    content: '';
    position: absolute;
    background: #e6e6e6;
    height: 2px;
    left: 0;
    right: -10px
}

.program-wrapper #modules .duration::before {
    top: -10px
}

.program-wrapper #modules .duration::after {
    bottom: -10px
}

.program-wrapper #modules .duration .icon {
    display: inline-block;
    vertical-align: middle
}

.program-wrapper #modules .duration .text {
    font-family: "Montserrat";
    font-size: 14px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

@media screen and (max-width: 767px) {
    .program-wrapper #modules .block.opened .duration::before,
    .program-wrapper #modules .block.opened .duration::after {
        display: block
    }
    .program-wrapper #modules .duration::before,
    .program-wrapper #modules .duration::after {
        display: none
    }
}

.program-wrapper #attestations {
    background: #fff
}

.program-wrapper #recognition {
    background: #F3F3F3
}

.program-wrapper #recognition .logos {
    text-align: center
}

.program-wrapper #recognition .logos .image-container {
    margin-bottom: 10px;
    position: relative;
    min-height: 50px;
    height: 90px !important;
}

.program-wrapper #recognition .logos .image {
    position: absolute;
    top: 50%;
    left: 50%;
	height:45px;
	max-width:140px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.program-wrapper #recognition .logos .paragraph {
    font-size: 10px;
    line-height: 18px;
    max-width: 160px;
    margin: auto
}

.program-wrapper #recognition .logos .title {
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .program-wrapper #recognition .logos .nested-col {
        margin-top: 30px
    }
}

.organisation-wrapper #search-map {
    background: #F3F3F3;
    position: relative;
    z-index: 3
}

.organisation-wrapper #search-map::before {
    content: '';
    position: absolute;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(-2.4deg);
    -moz-transform: skewY(-2.4deg);
    -ms-transform: skewY(-2.4deg);
    -o-transform: skewY(-2.4deg);
    transform: skewY(-2.4deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 0;
    z-index: -1
}

.organisation-wrapper #search-map .selectors {
    margin-left: -5px;
    margin-right: -5px
}

.organisation-wrapper #search-map .selectors .col {
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (min-width: 992px) {
	#search-map .selector .titles {
		padding-left: 42px;
	}
	.organisation-wrapper #search-map .selectors{
		margin-left:-2px;
		margin-right:-2px;
	}
	.organisation-wrapper #search-map .selectors .col {
	    width: 30%;
		padding-left:2px;
		padding-right:2px;
		
	}
	
	.organisation-wrapper #search-map .selectors .col:last-child {
	    width: 40%;
	}
}

@media screen and (max-width: 991px) {
	.organisation-wrapper #search-map .selectors .col {
	    margin-bottom: 10px;
	}
}

.organisation-wrapper #search-map .map-container {
    min-height: 500px;
    position: relative;
    margin-top: 35px;
    border: 2px solid #fff;
    overflow: hidden;
 }
 
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(39, 39, 39);
    z-index: 9;
    opacity: 0.47;
}
.overlay:after {
    content: "Veuillez choisir un lieu et une date au moyen des boutons ci-dessus";
    position: relative;
    top: 50%;
    text-align: center;
    left: 30%;
    color: #fff;
    font-size: 15px;
    font-family: "Raleway";
    font-weight:500;
}
.organisation-wrapper #search-map .infos {
    display: table;
    position: absolute;
    z-index: 2;
    padding-left: 35px;
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.organisation-wrapper #search-map .infos .left {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.organisation-wrapper #search-map .infos .left .item {
    width: 70px;
    height: 70px;
    background: #e6e6e6;
    text-align: center;
    position: relative;
    cursor: default;
    margin-top: 5px
}

.organisation-wrapper #search-map .infos .left .item:first-child {
    background: #48A842;
    margin-top: 0
}

.organisation-wrapper #search-map .infos .left .item:first-child p {
    color: #fff
}

.organisation-wrapper #search-map .infos .left .item .text {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.organisation-wrapper #search-map .infos .left .item p {
    font-family: "Montserrat";
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2
}

.organisation-wrapper #search-map .infos .left .item p.small {
    font-size: 10px
}

.organisation-wrapper #search-map .infos .left .item p.medium {
    font-size: 13px
}

.organisation-wrapper #search-map .infos .left .item p.big {
    font-size: 20px
}

.organisation-wrapper #search-map .infos .right {
    padding: 40px 70px;
    background: #fff;
    border-bottom: 5px solid #48A842
}

@media screen and (max-width: 767px) {
    .organisation-wrapper #search-map .infos .right {
        padding-right: 20px;
        padding-left: 60px
    }
}

.organisation-wrapper #search-map .infos .right .subtitle {
    font-family: "Montserrat";
	font-size: 14px;
    color: #48A842;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3px
}
.organisation-wrapper .lightbox-container .subtitle{
	/*display:none;*/
}
.organisation-wrapper #search-map .infos .right .title {
    font-family: "Montserrat";
    font-size: 15px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative
}
.no-auto{
	overflow-y: initial !important;
}

.organisation-wrapper #search-map .infos .right .title::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #636567;
    left: 0;
    bottom: -15px
}

.organisation-wrapper #search-map .map {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: -25px
}

@media screen and (max-width: 991px) {
    .organisation-wrapper #search-map .selectors .col:not(: last-child) {
        margin-bottom: 5px
    }
    .organisation-wrapper #search-map .map-container {
        border: 0;
        border-bottom: 2px solid #fff
    }
    .organisation-wrapper #search-map .infos {
        position: relative;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        margin-bottom: 5px
    }
    .organisation-wrapper #search-map .map {
        position: relative;
        height: 340px;
        border: 2px solid #fff;
        top: 25px
    }
}

.organisation-wrapper #duration {
    background: #fff
}

@media screen and (max-width: 991px) {
    .organisation-wrapper #duration .right-col {
        margin-top: 30px
    }
}



.organisation-wrapper #paiement {
    background: #F3F3F3
}

.organisation-wrapper #paiement .left-col .titles::after {
    bottom: -13px !important
}

.organisation-wrapper #paiement .left-col .desc {
    list-style: none;
    //padding-left: 20px;
    margin-bottom: 0;
    margin-top: 45px
}

.organisation-wrapper #paiement .left-col .desc ul {
	padding-left: 40px;
}

.organisation-wrapper #paiement .left-col .desc li {
    position: relative
}

.organisation-wrapper #paiement .left-col .desc li:not(:last-child) {
    margin-bottom: 8px
}

.organisation-wrapper #paiement .left-col .desc li::before {
    content: '';
    position: absolute;
    width: 11px;
    height: 8px;
    background: url(../img/icons/check.png);
    left: -20px;
    top: 8px
}

.organisation-wrapper #paiement .right-col .titles {
    margin-bottom: 15px
}

.organisation-wrapper #paiement .right-col .desc:not(:last-child) {
    margin-bottom: 60px;
    position: relative
}

.organisation-wrapper #paiement .right-col .desc:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #e6e6e6;
    bottom: -30px
}

@media screen and (max-width: 767px) {
    .organisation-wrapper #paiement .right-col {
        margin-top: 30px
    }
}

.organisation-wrapper #paiement .content {
    background: #fff;
    border-bottom: 5px solid #48A842
}

.organisation-wrapper #paiement .content .header {
    background: #48A842;
    font-family: "Montserrat";
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    position: relative
}

.organisation-wrapper #paiement .content .header::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #48A842;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.organisation-wrapper #paiement .content .body {
    padding: 40px
}

.organisation-wrapper #paiement .content .body .titles {
    position: relative
}

.organisation-wrapper #paiement .content .body .titles::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #48A842;
    left: 0;
    bottom: -9px
}

.organisation-wrapper #paiement .content .body .title {
    font-family: "Montserrat";
    font-size: 18px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase
}

.organisation-wrapper #paiement .content .body .subtitle {
    font-family: "Montserrat";
    font-size: 12px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 6px
}

.trainer-wrapper #trainers,.testimonials-wrapper .have-breadcrumbs {
    position: relative;
    z-index: 3
}
.testimonials-wrapper .have-breadcrumbs::before{
	left:0px;
}
.trainer-wrapper #trainers::before,.testimonials-wrapper .have-breadcrumbs::before {
    content: '';
    position: absolute;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(-2.4deg);
    -moz-transform: skewY(-2.4deg);
    -ms-transform: skewY(-2.4deg);
    -o-transform: skewY(-2.4deg);
    transform: skewY(-2.4deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 0;
    z-index: -1
}

.trainer-wrapper #blog {
    background: #F3F3F3
}

.testimonials-wrapper #students {
    background: #fff;
    position: relative;
    z-index: 3
}

.testimonials-wrapper #students::before {
    content: '';
    position: absolute;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(-2.4deg);
    -moz-transform: skewY(-2.4deg);
    -ms-transform: skewY(-2.4deg);
    -o-transform: skewY(-2.4deg);
    transform: skewY(-2.4deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 0;
    z-index: -1
}

.testimonials-wrapper #students .content {
    background: #fff
}

.testimonials-wrapper #testimonials {
    background: #F3F3F3;
    text-align: center;
    cursor: move
}

.testimonials-wrapper #testimonials .container {
    position: relative
}

.testimonials-wrapper #testimonials .owl-carousel {
    position: static
}

.testimonials-wrapper #testimonials .image {
    width: 100px;
    height: 100px;
    margin: auto;
    background: no-repeat center;
	background-size: cover;
}

.testimonials-wrapper #testimonials .title {
    font-family: "Montserrat";
    font-size: 15px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3px;
    margin-top: 15px
}

.testimonials-wrapper #testimonials .subtitle {
    font-family: "Montserrat";
    font-size: 11px;
    color: #48A842;
    font-weight: 600;
    text-transform: uppercase
}

.testimonials-wrapper #testimonials .desc {
    margin: auto;
    margin-top: 30px;
    max-width: 400px;
    position: relative
}

.testimonials-wrapper #testimonials .desc::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #636567;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto
}

.testimonials-wrapper #testimonials .quote-icon {
    height: 25px;
    width: auto;
    margin: auto;
    margin-top: 30px;
    cursor: move
}

.testimonials-wrapper #testimonials .btn {
    text-decoration: none;
    padding: 0;
    margin-top: 15px;
    cursor: pointer
}

.testimonials-wrapper #testimonials .btn:hover .text {
    color: #3C8C37
}

.testimonials-wrapper #testimonials .btn .icon {
    display: inline-block;
    margin-right: 10px;
    height: 12px;
    width: auto
}

.testimonials-wrapper #testimonials .btn .text {
    font-family: "Montserrat";
    font-size: 13px;
    color: #48A842;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

.testimonials-wrapper #testimonials .owl-dots {
    display: table;
    position: absolute;
    top: 78px;
    right: 15px
}

.testimonials-wrapper #testimonials .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #dadada;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px
}

.testimonials-wrapper #testimonials .owl-dots .owl-dot.active {
    background: #48A842
}

@media screen and (max-width: 900px) {
    .testimonials-wrapper #testimonials .owl-dots {
        margin: 40px auto 0;
        position: static
    }
}

.testimonials-wrapper .lightbox .infos {
    position: relative
}

.testimonials-wrapper .lightbox .infos .image {
    width: 100px;
    height: 100px;
    background: no-repeat center;
    border-radius: 50%;
    float: left;
    background-size: cover;
}

.testimonials-wrapper .lightbox .infos .text {
    position: absolute;
    left: 120px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.testimonials-wrapper .lightbox .infos .title {
    font-family: "Montserrat";
    font-size: 17px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-top: 15px
}

.testimonials-wrapper .lightbox .infos .subtitle {
    font-family: "Montserrat";
    font-size: 13px;
    color: #48A842;
    font-weight: 600;
    text-transform: uppercase;
	text-align: left;
}

.testimonials-wrapper .lightbox .desc {
    margin-top: 40px
}

.trainer-detail-wrapper #profil-intro {
    position: relative;
    z-index: 3
}

.trainer-detail-wrapper #profil-intro::before {
    content: '';
    position: absolute;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(-2.4deg);
    -moz-transform: skewY(-2.4deg);
    -ms-transform: skewY(-2.4deg);
    -o-transform: skewY(-2.4deg);
    transform: skewY(-2.4deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 0;
    z-index: -1
}

.trainer-detail-wrapper #publications {
    background: #F3F3F3
}

.trainer-detail-wrapper #publications .container {
    position: relative
}

.trainer-detail-wrapper #publications .publications-slider {
    position: static
}

.trainer-detail-wrapper #publications .publication {
    font-family: "Montserrat";
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 20px
}

.trainer-detail-wrapper #publications .publication .content {
    background: #fff;
    position: relative;
    padding: 30px 30px 50px;
    border-bottom: 5px solid #48A842;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

.trainer-detail-wrapper #publications .publication .content:hover {
    background: #48A842 !important
}

.trainer-detail-wrapper #publications .publication .content:hover .subtitle,
.trainer-detail-wrapper #publications .publication .content:hover .title {
    opacity: 0
}

.trainer-detail-wrapper #publications .publication .content:hover .btn {
    opacity: 1;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%)
}

.trainer-detail-wrapper #publications .publication .subtitle {
    font-size: 11px;
    color: #48A842;
    margin-bottom: 3px
}

.trainer-detail-wrapper #publications .publication .title {
    font-size: 15px;
    color: #636567
}

.trainer-detail-wrapper #publications .publication .download-img-container {
    width: 40px;
    height: 40px;
    background: #48A842;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.trainer-detail-wrapper #publications .publication .download-img {
    width: auto;
    height: 17px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.trainer-detail-wrapper #publications .publication .btn {
    width: 160px;
    font-family: "Montserrat";
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 25px;
    border: 1px solid #fff;
    border-radius: 0;
    background: #48A842;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: background .5s, border-color .5s, bottom .3s, transform .3s, opacity .3s;
    -moz-transition: background .5s, border-color .5s, bottom .3s, transform .3s, opacity .3s;
    transition: background .5s, border-color .5s, bottom .3s, transform .3s, opacity .3s
}

.trainer-detail-wrapper #publications .publication .btn:hover {
    background: #3C8C37;
    border-color: #3C8C37
}

.trainer-detail-wrapper #publications .owl-dots {
    display: table;
    position: absolute;
    top: 78px;
    right: 15px
}

.trainer-detail-wrapper #publications .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #dadada;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px
}

.trainer-detail-wrapper #publications .owl-dots .owl-dot.active {
    background: #48A842
}

@media screen and (max-width: 700px) {
    .trainer-detail-wrapper #publications .owl-dots {
        margin: 40px auto 0;
        position: static
    }
}

.trainer-detail-wrapper #blog {
    background: #fff
}

.student-detail-wrapper #profil-intro {
    position: relative;
    z-index: 3
}

.student-detail-wrapper #profil-intro::before {
    content: '';
    position: absolute;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(-2.4deg);
    -moz-transform: skewY(-2.4deg);
    -ms-transform: skewY(-2.4deg);
    -o-transform: skewY(-2.4deg);
    transform: skewY(-2.4deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 0;
    z-index: -1
}

.student-detail-wrapper #testimony {
    text-align: center
}

.student-detail-wrapper #testimony .title {
    font-family: "Montserrat";
    font-size: 15px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3px
}

.student-detail-wrapper #testimony .subtitle {
    font-family: "Montserrat";
    font-size: 11px;
    color: #48A842;
    font-weight: 600;
    text-transform: uppercase
}

.student-detail-wrapper #testimony .desc {
    margin: auto;
    margin-top: 30px;
    max-width: 700px;
    position: relative;
    padding-bottom: 60px
}

.student-detail-wrapper #testimony .desc::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #636567;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto
}

.student-detail-wrapper #testimony .desc .quote-start,
.student-detail-wrapper #testimony .desc .quote-end {
    height: 35px;
    position: absolute
}

.student-detail-wrapper #testimony .desc .quote-start {
    top: -60px;
    left: 0
}

.student-detail-wrapper #testimony .desc .quote-end {
    bottom: 0;
    right: 0
}

@media screen and (max-width: 500px) {
    .student-detail-wrapper #testimony .col {
        padding-top: 50px
    }
    .student-detail-wrapper #testimony .desc .quote-start {
        top: -110px
    }
}

#socialmedia {
    background-image: url(../img/backgrounds/03.jpg);
    text-align: center
}

#socialmedia .container {
    padding-bottom: 130px
}

#socialmedia .title {
    font-family: "Montserrat";
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px
}

#socialmedia .desc {
    font-family: "Raleway";
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    max-width: 750px;
    margin: auto;
    margin-bottom: 40px;
    line-height: 24px
}

@media screen and (max-width: 767px) {
    #socialmedia .desc {
        font-size: 15px
    }
}

#socialmedia .media a {
    display: block;
    width: 55px;
    height: 55px;
    background: #48A842;
    position: relative;
    border-radius: 50%;
    margin: auto;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s
}

#socialmedia .media a:hover {
    background: #3C8C37
}

#socialmedia .media a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 400px) {
    #socialmedia .media a {
        width: 45px;
        height: 45px
    }
    #socialmedia .media a img {
        height: 18px
    }
}

#main-map {
    background: #F3F3F3;
    position: relative;
    top: -90px;
    z-index: 1
}

#main-map .container {
    padding-bottom: 0px;
    min-height: 490px
}

#main-map .map-container {
    position: relative;
    float: left
}

#main-map .map {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: -115px;
    z-index: -1
}

#main-map .selector {
    background: #e6e6e6;
    height: 50px;
    width: 100%;
    position: relative;
    cursor: pointer;
    display: none
}

#main-map .selector.opened .selector-arrow {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

#main-map .selector .header {
    overflow: hidden
}

#main-map .selector .selector-icon-container {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 999
}

#main-map .selector .selector-arrow-container {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999
}

#main-map .selector .selector-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#main-map .selector .selector-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid #636567;
    border-bottom: 2px solid #636567;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    -moz-transform: rotate(45deg) translate(-50%, -50%);
    -ms-transform: rotate(45deg) translate(-50%, -50%);
    -o-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%);
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    transition: transform .4s
}

#main-map .selector .titles-container {
    position: absolute;
    left: 0;
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Montserrat";
    font-size: 14px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
    display: inline-block;
    padding-left: 50px
}

#main-map .selector .titles-container .subtitle {
    font-size: 10px;
    display: block
}

#main-map .selector .titles-container .title {
    font-size: 14px;
    display: block
}

#main-map .selector .items {
    font-family: "Montserrat";
    font-size: 14px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 70px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, top .3s, z-index .3s;
    -moz-transition: opacity .3s, top .3s, z-index .3s;
    transition: opacity .3s, top .3s, z-index .3s
}

#main-map .selector .items.visible {
    z-index: 99;
    opacity: 1;
    top: 0
}

#main-map .selector .items>li {
    padding: 15px 15px 15px 50px;
    border-bottom: 1px solid #dadada
}

#main-map .selector .items>li ol {
    padding-left: 0;
    list-style: none
}

#main-map .selector .items>li ol li {
    padding: 15px 15px 0 50px
}

#main-map .selector .items li {
    position: relative;
    background: #e6e6e6;
    cursor: pointer;
    color: #636567;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#main-map .selector .items li:hover,
#main-map .selector .items li.active {
    color: #48A842
}

#main-map .places-container-child {
    z-index: 2
}

#main-map .places-container-child.title {
    font-family: "Montserrat";
    font-size: 20px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
    position: relative
}

@media screen and (min-width: 992px) {
    #main-map .places-container-child.title {
        padding-top: 40px
    }
}

#main-map .places-container-child.title::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #636567;
    bottom: -10px;
    left: 0
}

#main-map .places-container-child.places {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative
}

#main-map .places-container-child.places li {
    font-family: "Montserrat";
    font-size: 13px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
}

#main-map .places-container-child.places li:not(:last-child) {
    margin-bottom: 10px
}

#main-map .places-container-child.places li.have-childs {
    cursor: default
}

#main-map .places-container-child.places li.active,
#main-map .places-container-child.places li:not(.have-childs):hover {
    color: #48A842
}

#main-map .places-container-child.places li ol {
    margin-top: 10px;
    list-style: none;
    padding-left: 20px
}

#main-map .infos-container {
    padding: 0
}

#main-map .infos {
    width: 100%;
    max-width: 430px;
    float: right;
    position: relative
}

@media screen and (max-width: 767px) {
    #main-map .infos .col:not(: last-child) {
        margin-bottom: 50px
    }
}

#main-map .infos .tabs-container {
    padding: 40px 21px;
    background: #fff
}

#main-map .infos .title {
    font-family: "Montserrat";
    font-size: 20px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
    position: relative
}

#main-map .infos .title::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #636567;
    bottom: -10px;
    left: 0
}

#main-map .infos .tabs {
    margin-bottom: 30px
}

#main-map .infos .tabs .item {
    font-family: "Montserrat";
    font-size: 13px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    float: left;
    width: 50%
}

#main-map .infos .tabs .item.full-item {
    width: 100%
}

#main-map .infos .tabs .item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background: #d7d8d9;
    bottom: -10px;
    left: 0
}

#main-map .infos .tabs .item.active {
    color: #48A842
}

#main-map .infos .tabs .item.active::after {
    background: #48A842
}

#main-map .infos .tabs .item:nth-child(odd) {
    padding-right: 20px
}

#main-map .infos .tabs .item:nth-child(even) {
    padding-left: 20px
}

#main-map .infos .tabs-content {
    font-family: "Raleway";
    font-size: 14px;
    color: #636567;
    font-weight: 400;
    line-height: 24px
}

#main-map .infos .tabs-content .item:not(:first-child) {
    display: none
}

#main-map .infos .tabs-content .item>*:not(.col) {
    margin-top: 10px
}

#main-map .infos .tabs-content .col>* {
    margin-top: 10px
}

#main-map .infos .tabs-content a {
    color: #48A842;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#main-map .infos .tabs-content a:hover {
    color: #3C8C37
}

#main-map .infos .tabs-content p {
    max-width: 260px
}

#main-map .infos .tabs-content .times {
    max-width: 290px
}

#main-map .infos .tabs-content .times .time:not(:last-child) {
    margin-bottom: 10px
}

#main-map .infos .tabs-content .times .time .days {
    float: left
}

#main-map .infos .tabs-content .times .time .houres {
    float: right
}

#main-map .infos .tabs-content .times .time .houres span {
    display: block
}

#main-map .infos .btn {
    text-decoration: none;
    padding: 0;
    position: absolute;
    bottom: 50px
}

#main-map .infos .btn:hover .text {
    color: #3C8C37
}

#main-map .infos .btn .icon {
    display: inline-block;
    margin-right: 10px;
    height: 12px
}

#main-map .infos .btn .text {
    font-family: "Montserrat";
    font-size: 13px;
    color: #48A842;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

@media screen and (min-width: 992px) {
    #main-map {
        min-height: 490px
    }
    #main-map .container {
        min-height: 0;
        height: 0
    }
}

@media screen and (max-width: 991px) {
    #main-map .container {
        padding-bottom: 20px
    }
    #main-map .map-container {
        margin-bottom: 10px;
        float: none;
        display: block
    }
    #main-map .infos {
        max-width: 750px;
        margin: auto;
        float: none;
        position: relative;
        z-index: 1
    }
    #main-map .infos::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: -20px;
        left: -100%;
        right: -100%;
        background: #F3F3F3;
        z-index: -1
    }
    #main-map .selector {
        display: block
    }
    #main-map .places-container-child {
        display: none
    }
    #main-map .places-container-child.title {
        margin-bottom: 30px
    }
    #main-map .map {
        position: relative !important;
        bottom: 0;
        width: 100%;
        height: 350px;
        margin-top: 20px;
        overflow: visible !important
    }
    #main-map .map>div {
        height: auto !important;
        bottom: -25px;
        bottom: -115px
    }
}

#footer {
    background: #26292B;
    position: relative;
    z-index: 2
}

#footer.top-70 .container {
    padding-bottom: 0
}

#footer .txtbox {
    max-width: 230px;
    width: 100%;
    height: 40px;
    border: 1px solid #48A842;
    position: absolute;
    text-align: left;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: right .4s, left .4s, opacity .5s, border-color .4s;
    -moz-transition: right .4s, left .4s, opacity .5s, border-color .4s;
    transition: right .4s, left .4s, opacity .5s, border-color .4s
}

#footer .txtbox:hover {
    border-color: #3C8C37
}

#footer .txtbox:hover .arrow-container {
    background: #3C8C37
}

#footer .txtbox.footer-selector {
    cursor: pointer
}

#footer .txtbox.footer-selector.out {
    right: -100px;
    opacity: 0;
    z-index: -1
}

#footer .txtbox.footer-selector.opened .arrow {
    top: 28%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#footer .txtbox.footer-selector .arrow {
    top: 42%;
    left: 40%;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    transition: transform .4s
}

#footer .txtbox.footer-selector .items {
    font-family: "Raleway";
    font-size: 13px;
    color: #919599;
    font-weight: 500;
    position: absolute;
    bottom: 60px;
    left: -1px;
    right: -1px;
    border-bottom: none;
    opacity: 0;
    z-index: -1;
    -webkit-transition: bottom .3s, opacity .3s, z-index .3s;
    -moz-transition: bottom .3s, opacity .3s, z-index .3s;
    transition: bottom .3s, opacity .3s, z-index .3s
}

#footer .txtbox.footer-selector .items.visible {
    opacity: 1;
    z-index: 10;
    bottom: 40px;
	max-height:400px;
	overflow:auto;
}

#footer .txtbox.footer-selector .items li {
    border-top: 1px solid #26292B;
    padding: 10px 20px;
    background: #1f2123;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

#footer .txtbox.footer-selector .items li:hover,
#footer .txtbox.footer-selector .items li.active {
    background: #2d3133
}

#footer .txtbox.emailbox.out {
    left: -100px;
    opacity: 0;
    z-index: -1
}

#footer .txtbox.disabled {
    opacity: .6
}

#footer .txtbox.disabled .arrow-container,
#footer .txtbox.disabled .text {
    cursor: default;
    cursor: not-allowed
}

#footer .txtbox .text-container {
    padding-right: 40px;
    height: 100%
}

#footer .txtbox .text {
    width: 100%;
    height: 100%;
    font-family: "Raleway";
    font-size: 13px;
    color: #919599;
    font-weight: 500;
    line-height: 37px;
    padding: 0 20px;
    outline: none;
    border: none;
    background: transparent
}

#footer .txtbox .arrow-container {
    width: 40px;
    height: 100%;
    background: #48A842;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

#footer .txtbox .arrow {
    position: absolute;
    width: 12px;
    height: 12px;
    border-right: 2px solid #26292B;
    border-bottom: 2px solid #26292B;
    top: 35%;
    left: 35%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#footer .logo {
    width: 260px;
    margin-bottom: 40px
}

#footer .main-row {
    margin-left: -50px;
    margin-right: -50px
}

#footer .main-row.divider {
    margin-bottom: 70px;
    position: relative
}

#footer .main-row.divider::before {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    background: #919599;
    bottom: -35px;
    left: 50px;
    right: 50px;
    opacity: .2
}

#footer .main-row .col-xs-6 {
    padding-left: 50px;
    padding-right: 50px
}

#footer .main-row .txtbox {
    max-width: 220px
}

#footer ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

#footer ul li.title {
    font-family: "Montserrat";
    font-size: 13px;
    color: #919599;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    -webkit-transition: color .4s, font-weight .4s;
    -moz-transition: color .4s, font-weight .4s;
    transition: color .4s, font-weight .4s
}


#footer a,
#footer p,
#footer .desc {
    font-family: "Raleway";
    font-size: 13px;
    color: #919599;
    font-weight: 500;
    line-height: 20px
}

#footer a span,
#footer p span,
#footer .desc span {
    font-weight: 600
}

#footer a {
    text-decoration: none;
    text-transform: uppercase;
    line-height: 24px;
    -webkit-transition: color .4s, font-weight .4s;
    -moz-transition: color .4s, font-weight .4s;
    transition: color .4s, font-weight .4s
}

#footer a:hover {
    color: #fff;
    font-weight: 600
}

#footer p,
#footer .desc {
    max-width: 200px
}

#footer .icon-block {
    position: relative;
    z-index: 2;
    background: transparent;
    display: inline-block;
    width: 100%;
    max-width: 220px;
    padding: 7px 20px 5px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #48A842;
    -webkit-transition: border-color .4s;
    -moz-transition: border-color .4s;
    transition: border-color .4s
}

#footer .icon-block:hover {
    border-color: #3C8C37
}

#footer .icon-block:hover .icon {
    /*-webkit-filter: brightness(80%);
    filter: brightness(80%)*/
}

#footer .icon-block:hover .text {
    color: #3C8C37
}

#footer .icon-block .icon {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: filter .4s;
    -moz-transition: filter .4s;
    transition: filter .4s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#footer .icon-block .text {
    font-family: "Raleway";
    font-size: 11px;
    color: #48A842;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1.3;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #footer .icon-block {
        padding-left: 10px;
        padding-right: 10px
    }
    #footer .icon-block .icon {
        margin-right: 10px
    }
}

#footer .sub-footer {
    margin-top: 60px;
    text-align: center
}

#footer .sub-footer.has-newsletter {
    padding-top: 30px
}

#footer .sub-footer.has-newsletter .media {
    top: -9px
}

#footer .sub-footer.has-newsletter .eduqua-logo {
    top: 0
}

#footer .sub-footer .newsletter {
    text-align: left;
    float: left;
    position: relative;
    top: -30px;
    width: 100%;
    max-width: 230px
}

#footer .sub-footer .newsletter .title {
    font-family: "Montserrat";
    font-size: 13px;
    color: #919599;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#footer .sub-footer .newsletter .title:hover {
    color: #fff
}

#footer .sub-footer .media {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px
}

#footer .sub-footer .media a {
    -webkit-transition: filter .4s;
    -moz-transition: filter .4s;
    transition: filter .4s
}

#footer .sub-footer .media a:not(:first-child) {
    margin-left: 20px
}

#footer .sub-footer .media a:hover {
    -webkit-filter: brightness(80%);
    filter: brightness(80%)
}

#footer .sub-footer .media img {
    height: 16px
}

#footer .sub-footer .copyrights {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    font-family: "Raleway";
    font-size: 13px;
    color: #919599;
    font-weight: 400
}

#footer .sub-footer .eduqua-logo {
    float: right;
    position: relative;
    top: -6px
}

@media screen and (max-width: 1199px) {
    #footer .main-row .nested-row {
        margin-left: 0;
        margin-right: 0
    }
    #footer .main-row .nested-row .nested-col {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 991px) {
    #footer .sub-footer .newsletter {
        text-align: center;
        max-width: none;
        margin-bottom: 40px
    }
    #footer .sub-footer .eduqua-logo {
        float: none;
        top: 0;
        display: block;
        margin: 35px auto 0 auto
    }
    #footer .main-row {
        margin-left: -15px;
        margin-right: -15px
    }
    #footer .main-row .nested-row {
        margin-left: -15px;
        margin-right: -15px
    }
    #footer .main-row .nested-row .nested-col {
        padding-left: 15px;
        padding-right: 15px
    }
    #footer .main-row.divider::before {
        left: 15px;
        right: 15px
    }
    #footer .main-row .col-xs-6 {
        padding-left: 15px;
        padding-right: 15px
    }
    #footer .main-row .col:first-child .nested-col {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    #footer .logo {
        width: 180px
    }
}

@media screen and (max-width: 500px) {
    #footer .icon-block {
        padding: 7px 15px 5px
    }
    #footer .icon-block .icon {
        margin-right: 15px
    }
    #footer .sub-footer .copyrights {
        display: block;
        margin-left: 0
    }
}

@media screen and (max-width: 450px) {
    #footer #formations .block-green .btn {
        width: 100%;
        display: block
    }
    #footer .main-row .nested-col {
        width: 100%;
        margin-bottom: 30px
    }
    #footer .main-row .col:last-child .nested-col:last-child {
        margin-bottom: 0
    }
    #footer .icon-block {
        margin: auto;
        display: table
    }
}

a {
    color: #48A842;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

a:hover {
    color: #3C8C37
}

.program-wrapper > * .row {
    margin-bottom: 50px
}

.program-wrapper > * .row:last-child {
    margin-bottom: 0 !important;
}

.program-wrapper #banner .row:not(:last-child),
.program-wrapper #profil .row:not(:last-child) {
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .program-wrapper>* .col:not(: last-child), .program-wrapper>* .row:not(: last-child) {
        margin-bottom: 30px
    }
    .program-wrapper #banner .col:not(:last-child),
    .program-wrapper #banner .row:not(:last-child),
    .program-wrapper #profil .col:not(:last-child),
    .program-wrapper #profil .row:not(:last-child),
    .program-wrapper #counters-section .col:not(:last-child) {
        margin-bottom: 0
    }
}

#banner .container {
    padding-bottom: 150px !important;
}

.have-breadcrumbs {
    padding-top: 60px;
	z-index:3;
}

@media screen and (max-width: 700px) {
	#banner .container {
		padding-bottom: 80px !important;
	}
	
    .have-breadcrumbs {
        padding-top: 50px;
    }
}

.section-title {
    margin-bottom: 65px;
    position: relative;
    text-align: left !important
}

.section-title::after {
    display: none
}

.section-title .icon-container {
    width: 70px;
    height: 70px;
    background: #48A842;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-title .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section-title .text {
    font-family: "Montserrat";
    font-size: 30px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-left: 100px;
    position: relative;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

@media screen and (max-width: 500px) {
    .section-title .text {
	    font-size: 18px;
	}
	
	#objectifs .row .col.col-md-6:not(:last-child) {
		margin-bottom: 25px;
	}
	#recognition .row .paragraph{
		padding: 0px 15px;
	}
	.program-wrapper #objectifs .title {
		padding-right: 0px;
	}
}
.section-title .text::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #636567;
    bottom: -15px;
    left: 0;
}
.module-title::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #636567;
    bottom: -10px;
    left: 15px;
}

.paragraph,
ul {
    font-family: "Raleway";
    font-size: 15px;
    color: #636567;
    font-weight: 400;
    line-height: 24px
}

ul {
    padding: 0;
    margin-bottom: 0
}

ul li {
    position: relative;
    list-style: none
}

/*#objectifs ul li::before{content:'•';color:#48A842;position:absolute;font-size:19px;left:0;top:-1px}*/


/*--------------------------*/

#download-section {
    background: #48A842;
	text-align:center;
}
#download-section .section-title {
    font-family: "Montserrat";
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center !important;
}

#download-section .desc {
    font-family: "Raleway";
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    max-width: 750px;
    margin: auto;
    margin-bottom: 40px;
    line-height: 24px;
}

#download-section .icon-block {
    position: relative;
    z-index: 2;
    background: transparent;
    width: 100%;
    padding: 10px 20px 12px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #fff;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    transition: background-color .4s;
}
#download-section .icon-block:hover{
	background:#3C8C37;
}

#download-section .icon-block .icon {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: filter .4s;
    -moz-transition: filter .4s;
    transition: filter .4s;
}
#download-section .icon-block .text {
    font-family: "Raleway";
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    text-align: left;
    line-height: 1.3;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s;
}

.program-wrapper #objectifs strong {
    font-family: "Montserrat";
    font-size: 15px;
    color: #636567;
    font-weight: 600;
    margin-bottom: 10px;
}

.info-desc{
	text-align: center;
    background: #fff;
    padding: 20px;
    font-family: "Raleway";
    font-size: 15px;
    color: #636567;
    font-weight: 400;
    line-height: 24px;
    margin-top: 10px;
	
}

.no-marge-bottom{
	margin-bottom:0px !important;
}
.link_complemenatry{
	width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

/*_____________ lite box _________*/

.lightbox .titles {
    padding: 45px 20px 55px;
    background: #F3F3F3
}

@media screen and (max-width: 600px) {
    .lightbox .titles {
        padding-top: 70px
    }
}

.lightbox .titles .btn-back {
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 0
}

.lightbox .titles .btn-back:hover .text {
    color: #3C8C37
}

.lightbox .titles .btn-back .icon {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lightbox .titles .btn-back .text {
    font-family: "Montserrat";
    font-size: 14px;
    color: #48A842;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

.lightbox .subtitle {
    font-family: "Montserrat";
    font-size: 14px;
    color: #48A842;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3px;
    text-align: center
}

.lightbox .big-title {
    font-family: "Montserrat";
    font-size: 22px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    position: relative
}

.lightbox .big-title::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #636567;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto
}

.lightbox .sections {
    padding: 30px 70px 50px
}

@media screen and (max-width: 900px) {
    .lightbox .sections {
        padding-left: 30px;
        padding-right: 30px
    }
}

.lightbox .section:not(:last-child) {
    margin-bottom: 80px;
    position: relative
}

.lightbox .section:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #F3F3F3;
    bottom: -40px;
    left: 0
}

.lightbox .section .title {
    font-family: "Montserrat";
    font-size: 15px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 40px
}

.lightbox .section .title::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #636567;
    bottom: -20px;
    left: 0
}

.lightbox .section .desc {
    font-family: "Raleway";
    font-size: 14px;
    color: #636567;
    font-weight: 400;
    line-height: 24px
}

.lightbox .section .desc a {
    color: #48A842
}
.selector .titles .subtitle.days{
	margin-top: 2px;
	font-size: 10px;
}
.selector .titles .subtitle{
	margin-top: 3px;
}
#biography{
	background:#fff;
}

/* add 05-04-2018 */

@media screen and (max-width: 700px){
	#formation-tabs.fixed .container {
		top: 0;
		background: #26292b;
	}
	
	#formation-tabs.fixed .fancy-selector .selector-items {
		left: 15px;
		right: 15px;
		width: auto;
	}
}

.newsletter #subscribing-concept.items{
    display: none;
}