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: 0;
        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: 12px;
    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 {
    overflow: hidden;
    width: 100%
}

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(0, 0, 0) skewY(-2.4deg)!important;
    -moz-transform: translate3d(0, 0, 0) skewY(-2.4deg)!important;
    -ms-transform: translate3d(0, 0, 0) skewY(-2.4deg)!important;
    -o-transform: translate3d(0, 0, 0) skewY(-2.4deg)!important;
    transform: translate3d(0, 0, 0) skewY(-2.4deg)!important
}

.parallax-mirror.skew .parallax-slider {
    -webkit-transform: translate3d(0, 0, 0) skewY(2.4deg)!important;
    -moz-transform: translate3d(0, 0, 0) skewY(2.4deg)!important;
    -ms-transform: translate3d(0, 0, 0) skewY(2.4deg)!important;
    -o-transform: translate3d(0, 0, 0) skewY(2.4deg)!important;
    transform: translate3d(0, 0, 0) 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, .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;
    text-align: right
}

#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, .98);
    padding: 50px;
    box-shadow: 0 0 20px rgba(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: 5px
}

#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
}

#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, .97);
    width: 100%;
    padding: 30px;
    box-shadow: 0 0 20px rgba(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, .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, .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, .7);
    border-bottom: 2px solid rgba(145, 149, 153, .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/06.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
    }
}

#intro {
    position: relative;
    z-index: 4;
    top: -60px
}

#intro .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);
    transform-origin: right;
    z-index: -1
}

#intro .container {
    position: relative;
    padding: 0 15px
}

#intro .col-md-6 {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px)
}

#intro .col-md-6 .block.have-arrow {
    padding-bottom: 65px
}

#intro .col-md-6 .block .arrow-to-formations {
    width: 60px;
    height: 60px;
    background: #48A842;
    position: absolute;
    border-radius: 50%;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

#intro .col-md-6 .block .arrow-to-formations::after {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

#intro .col-md-6 .block .arrow-to-formations:hover {
    background: #3C8C37
}

@media screen and (min-width:992px) {
    #intro .col-md-6 {
        position: absolute;
        top: -10px;
        left: 0
    }
    #intro .col-md-4 {
        position: absolute;
        bottom: 0;
        right: 8.33%
    }
}

#intro .owl-carousel .owl-dots {
    position: absolute;
    top: 20px;
    right: 30px
}

#intro .owl-carousel .owl-dot {
    width: 10px;
    height: 10px;
    background: #FFF;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    opacity: .5
}

#intro .owl-carousel .owl-dot.active {
    opacity: 1
}

#intro .block {
    background: #fff;
    padding: 40px 40px 30px;
    position: relative;
    text-align: center
}

@media screen and (max-width:650px) {
    #intro .block {
        padding: 50px 30px 20px
    }
}

#intro .block:not(.block-green) {
    border-bottom: 5px solid #48A842
}

#intro .block:not(.block-green) .btn .icon {
    height: 12px
}

#intro .block.block-green {
    background: #48A842;
    text-align: center;
    padding: 30px 30px 120px;
    height: 100%
}

#intro .block.block-green.on-mobile {
    display: none
}

#intro .block.block-green .big-title {
    color: #fff;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding-top: 30px
}

#intro .block.block-green .big-title::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
    background: #fff
}

#intro .block.block-green .big-title strong {
    font-size: 30px
}

#intro .block.block-green .paragraph {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

#intro .block.block-green .paragraph .text {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0
}

#intro .block.block-green .paragraph .text span {
    font-weight: 600
}

#intro .block.block-green .paragraph::after {
    display: none
}

#intro .block.block-green .btn {
    border: 1px solid #fff;
    border-radius: 0;
    padding: 8px 20px 10px;
    position: absolute;
    bottom: 30px;
    max-width: 300px;
    margin: auto;
    left: 20px;
    right: 20px;
    -webkit-transition: background .5s, border-color .5s;
    -moz-transition: background .5s, border-color .5s;
    transition: background .5s, border-color .5s
}

#intro .block.block-green .btn:hover {
    background: #3C8C37;
    border-color: #3C8C37
}

#intro .block.block-green .btn .icon {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

#intro .block.block-green .btn .text {
    font-family: "Montserrat";
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    vertical-align: middle
}

#intro .block h2 {
    font-family: "Montserrat";
    font-size: 22px;
    color: #636567;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 50px;
    text-align: center
}

#intro .block h2 * {
    font-weight: 600
}

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

#intro .block .desc {
    font-family: "Raleway";
    font-size: 14px;
    color: #636567;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

#intro .block .btn {
    text-decoration: none;
    padding: 10px 20px;
    background: #48A842;
    border-radius: 0;
    margin-top: 50px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    transition: background .4s
}

#intro .block .btn:hover {
    background: #3C8C37
}

#intro .block .btn .icon {
    display: inline-block;
    margin-right: 10px
}

#intro .block .btn .text {
    font-family: "Montserrat";
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block
}

#intro .card .content-container {
    position: relative;
    z-index: 2
}

#intro .card .content {
    background: #fff;
    min-height: 100%;
    left: 15px;
    right: 15px
}

#intro .card .content:hover {
    bottom: 0
}

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

#intro .card .image {
    position: relative;
    z-index: 1
}

#intro .card .image .play-icon-container {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    width: 70px;
    height: 70px;
    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%)
}

#intro .card .image .play-icon-container .play-icon,
#intro .card .image .play-icon-container .play-icon-hover {
    position: absolute;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

#intro .card .image .play-icon-container .play-icon-hover {
    z-index: -1
}

#intro .card .image .play-icon-container:hover .play-icon {
    opacity: 0
}

#counters-section {
    position: relative;
    z-index: 3
}

#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 {
    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: #000;
    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,
.card .content:hover .title a {
    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,
.card .content .title a {
    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: 0;
    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
}

#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
}

#trainers .cards,
#students .cards {
    position: static
}

#trainers .card .image,
#students .card .image {
    padding-bottom: 100%
}

#trainers .card .image {
    -webkit-filter: grayscale(70%)
}

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

#trainers .owl-dots,
#students .owl-dots {
    display: table;
    position: absolute;
    top: 8px;
    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
}

#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: 0;
    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 30px;
    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;
    overflow: auto;
    max-height: 400px
}

#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
    }
}

#trainers {
    background: #F3F3F3;
    position: relative;
    z-index: 3
}

#trainers .container {
    padding: 0 15px 70px
}

#trainers::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: -70px;
    z-index: -1
}

.nos-formations {
    float: none!important;
    margin: 0 auto!important;
    max-width: 280px
}

.nos-formations a {
    padding: 18px 0px!important
}

.nos-formations h3 {
    padding-left: 23px!important;
    text-align: center!important
}

.admission-lightbox-content #body-admission p {
    margin-top: 20px;
    font-family: "raleway";
    font-weight: 500;
    line-height: 24px
}

.admission-lightbox-content #body-admission p strong.phone {
    font-size: 27px;
    color: #48A842;
    margin-top: 5px;
    display: block
}