/*
Theme Name: Epitech CORP
Description: Theme child siteorigin-corp
Author: Julien Letellier
Template: siteorigin-corp
Text Domain: siteorigin-corp
Domain Path: /languages/
Version: 0.1.0
*/


/*
=Theme customization starts here
--------------------------------------------------------------
*/

.home .breadcrumbs {
    display: none !important;
}

.home .header-widget {
    display: none!important;
}

.home .widget-area {
    width: 0%;
    display: none;
}

.home #mobile-menu-button {
    transition: 0ms;
}

.home img.lazyloaded {
    display: block!important;
    opacity: 1!important;
    visibility: visible!important;
}

.home .mobile {
    display: none;
}

.home.topbar-out .site-header {
    top: -1px;
}

html,
body {
    background: #fff;
    overflow-x: hidden;
}

body * {
    box-sizing: border-box;
}

ul {
    margin: 0 !important;
}

.ellipsis {
    overflow: hidden;
    display: inline-block;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.ellipsis:after {
    content: '...';
}


/* BOOTSTRAP */

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 720px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-1 {
        width: 8.33333%;
    }
    .col-sm-2 {
        width: 16.66667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.33333%;
    }
    .col-sm-5 {
        width: 41.66667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.33333%;
    }
    .col-sm-8 {
        width: 66.66667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.33333%;
    }
    .col-sm-11 {
        width: 91.66667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-pull-1 {
        right: 8.33333%;
    }
    .col-sm-pull-2 {
        right: 16.66667%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-4 {
        right: 33.33333%;
    }
    .col-sm-pull-5 {
        right: 41.66667%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-7 {
        right: 58.33333%;
    }
    .col-sm-pull-8 {
        right: 66.66667%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-10 {
        right: 83.33333%;
    }
    .col-sm-pull-11 {
        right: 91.66667%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-push-1 {
        left: 8.33333%;
    }
    .col-sm-push-2 {
        left: 16.66667%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-4 {
        left: 33.33333%;
    }
    .col-sm-push-5 {
        left: 41.66667%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-7 {
        left: 58.33333%;
    }
    .col-sm-push-8 {
        left: 66.66667%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-10 {
        left: 83.33333%;
    }
    .col-sm-push-11 {
        left: 91.66667%;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-1 {
        width: 8.33333%;
    }
    .col-md-2 {
        width: 16.66667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.33333%;
    }
    .col-md-5 {
        width: 41.66667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.33333%;
    }
    .col-md-8 {
        width: 66.66667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.33333%;
    }
    .col-md-11 {
        width: 91.66667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-pull-1 {
        right: 8.33333%;
    }
    .col-md-pull-2 {
        right: 16.66667%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-4 {
        right: 33.33333%;
    }
    .col-md-pull-5 {
        right: 41.66667%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-7 {
        right: 58.33333%;
    }
    .col-md-pull-8 {
        right: 66.66667%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-10 {
        right: 83.33333%;
    }
    .col-md-pull-11 {
        right: 91.66667%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-push-1 {
        left: 8.33333%;
    }
    .col-md-push-2 {
        left: 16.66667%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-4 {
        left: 33.33333%;
    }
    .col-md-push-5 {
        left: 41.66667%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-7 {
        left: 58.33333%;
    }
    .col-md-push-8 {
        left: 66.66667%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-10 {
        left: 83.33333%;
    }
    .col-md-push-11 {
        left: 91.66667%;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333%;
    }
    .col-md-offset-2 {
        margin-left: 16.66667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333%;
    }
    .col-md-offset-5 {
        margin-left: 41.66667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333%;
    }
    .col-md-offset-8 {
        margin-left: 66.66667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333%;
    }
    .col-md-offset-11 {
        margin-left: 91.66667%;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-1 {
        width: 8.33333%;
    }
    .col-lg-2 {
        width: 16.66667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.33333%;
    }
    .col-lg-5 {
        width: 41.66667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.33333%;
    }
    .col-lg-8 {
        width: 66.66667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.33333%;
    }
    .col-lg-11 {
        width: 91.66667%;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-pull-1 {
        right: 8.33333%;
    }
    .col-lg-pull-2 {
        right: 16.66667%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-4 {
        right: 33.33333%;
    }
    .col-lg-pull-5 {
        right: 41.66667%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-7 {
        right: 58.33333%;
    }
    .col-lg-pull-8 {
        right: 66.66667%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-10 {
        right: 83.33333%;
    }
    .col-lg-pull-11 {
        right: 91.66667%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-push-1 {
        left: 8.33333%;
    }
    .col-lg-push-2 {
        left: 16.66667%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-4 {
        left: 33.33333%;
    }
    .col-lg-push-5 {
        left: 41.66667%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-7 {
        left: 58.33333%;
    }
    .col-lg-push-8 {
        left: 66.66667%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-10 {
        left: 83.33333%;
    }
    .col-lg-push-11 {
        left: 91.66667%;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

.home {
    --color-text: #fff;
    --color-bg: #000;
    --color-link: #f9d77e;
    --color-link-hover: #fff;
    --color-info: #efc453;
    --glitch-width: 100%;
    --glitch-height: 100vh;
    --gap-horizontal: 10px;
    --gap-vertical: 5px;
    --time-anim: 4s;
    --delay-anim: 2s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: none;
    --blend-mode-5: overlay;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: transparent;
    --blend-color-5: #af4949;
}

.home .menu-item-10625 {
    display: none;
}

.home #pg-10550-1,
.home #pg-10550-2,
.home #pg-10550-3,
.home #pg-10550-4,
.home #pg-10550-5,
.home #pg-10550-6,
.home #pg-10550-7,
.home #pg-10550-8,
.home #pg-10550-9,
.home #pl-10550 .so-panel,
.home #pl-10550 .so-panel:last-child {
    margin-bottom: 0px;
}

.home #pg-10593-1,
.home #pg-10593-2,
.home #pg-10593-3,
.home #pg-10593-4,
.home #pg-10593-5,
.home #pg-10593-6,
.home #pg-10593-7,
.home #pg-10593-8,
.home #pg-10593-9,
.home #pl-10593 .so-panel,
.home #pl-10593 .so-panel:last-child {
    margin-bottom: 0px;
}

.home #pg-10550-2,
.home #pg-10593-2 {
    margin-bottom: 30px;
}

.home #pg-10550-8,
.home #pg-10593-8 {
    margin-bottom: 60px;
}

.home #pg-10550-9,
.home #pg-10593-9 {
    margin-bottom: 100px;
}

#panel-10550-8-0-2,
#panel-10593-8-0-2 {
    margin-top: 30px;
}

#panel-10550-10-0-2,
#panel-10593-10-0-2 {
    margin-top: 20px;
}

html,
body {
    background: #fff!important;
    overflow-x: hidden;
}

ul {
    margin: 0!important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.site {
    /*overflow: hidden;*/
}

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


/* Loader */

.loader {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    cursor: wait;
    background: #023262;
}

.home .loader {
    display: block;
}

.loader .logo {
    display: table;
    height: 80%;
    text-align: center;
    width: 100%;
}

.loader .logo .epitech {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background: url('assets/images/logo.png') center center no-repeat;
    background-size: 256px 93px;
}

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

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

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

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

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

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

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

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

.uil-ring-css {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -20px;
}

.uil-ring-css>div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 #4cb2ff;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}


/* OVERRIDE */

#fullscreen-search {
    background: rgba(6, 56, 106, .85)!important;
    overflow: auto;
}

#fullscreen-search .search-close-button {
    background: transparent;
    border: none;
    display: block;
    outline: none;
    padding: 0;
    position: fixed!important;
    right: 60px;
    top: 25px;
    z-index: 1;
}

@media (max-width:1100px) {
    #fullscreen-search .search-close-button {
        top: 25px!important;
        z-index: 1;
    }
}

#scroll-to-top {
    background: rgba(6, 56, 106, .8)!important;
}

.home .menu-item-home {
    display: none;
}

.main-navigation ul .children li a,
.main-navigation ul .sub-menu li a {
    border-color: rgba(255, 255, 255, 0.2)!important;
    background: #04396d!important;
}

.main-navigation ul .children li a:hover,
.main-navigation ul .sub-menu li a:hover {
    background: #0770bb!important;
}

.main-navigation .menu .search-icon-menu {
    display: none;
}


/* MENU NAVIGATION*/

.menu-campus-container {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1156px;
    background: #fff;
    left: 50%;
    margin-left: -578px;
    text-align: center;
}

.my-campus-menu ul,
.my-campus-menu li {
    list-style: none;
    display: inline-block;
    text-align: center;
}

.my-campus-menu li {
    padding: 2px 8px;
}

.my-campus-menu li:after {
    content: '-';
    margin: 5px 2px;
    position: absolute;
    width: 20px;
    font-weight: 500;
    color: #1b639a;
    font-size: 11px;
}

.my-campus-menu li:last-child:after {
    content: '';
}

.my-campus-menu li a {
    font-weight: 500;
    color: #1b639a;
    font-size: 11px;
}

.menu-campus-international-container ul {
    list-style: none;
    position: absolute;
    top: 4px;
    right: 27px;
}

.main-navigation {
    position: relative;
    padding-top: 56px;
    text-align: center;
    margin: 0 auto;
    padding-left: 64px;
}

.main-navigation ul {
    display: inline-block;
    text-align: center;
}

.main-navigation li {
    padding: 10px!important;
    margin: 0 -2px!important
}

.main-navigation li a {
    color: #fff!important;
    font-size: 13px!important;
    font-weight: 300!important;
}

.main-navigation .sub-menu li {
    padding: 0!important;
    margin: 0!important;
}

.main-navigation ul .children,
.main-navigation ul .sub-menu {
    top: 33px!important;
}

.main-navigation ul .children li a,
.main-navigation ul .sub-menu li a {}

.main-navigation .search-toggle .open svg path {
    fill: #fff!important;
}

.main-navigation .search-toggle,
.main-navigation .shopping-cart {
    margin-left: 80px!important;
    transition: 0ms!important;
}


/* sticky */

.main-navigation,
.site-header-inner {
    background: transparent!important;
}

.stuck .site-header-inner {
    background: #fff!important;
    height: 60px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.stuck .main-navigation ul li a {
    color: #0072bc!important;
}

.stuck .main-navigation ul .children li a,
.stuck .main-navigation ul .sub-menu li a {
    color: #fff!important;
}

.stuck .main-navigation {
    height: 60px;
    background: #FFF!important;
    /*position: absolute;*/
    padding-top: 12px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.stuck .main-navigation:before {
    content: url(assets/images/logo_epitech_small_sticky.png)!important;
    width: 41px;
    height: 37px;
    position: absolute;
    left: calc(160px - 5rem);
    top: 11px;
    z-index: 1;
}

.stuck .mobile.backhome {
    width: 41px;
    height: 37px;
    position: absolute;
    z-index: 2;
    left: calc(160px - 5rem);
    top: 11px;
}

.stuck .main-navigation .search-toggle .open svg path {
    fill: #0072bc!important;
}

.stuck .menu-campus-container {
    display: none;
}

.stuck .menu-campus-international-container ul {
    list-style: none;
    position: absolute;
    top: 16px;
    right: 26px;
}

.stuck .menu-campus-international-container ul a {
    color: #0072bc!important;
}

.stuck .main-navigation .search-toggle {
    padding: 0;
    position: relative;
    top: -15px;
    right: -17px;
}

.stuck .main-navigation .search-toggle .open {
    top: -10px!important;
    right: 40px!important;
}

.stuck #mobile-menu-button {
    top: 15px !important;
}

.stuck #mobile-navigation {
    top: inherit !important;
}

@media (max-width: 1280px) {
    .stuck .menu-campus-international-container ul {
        right: 10px;
    }
    .stuck .main-navigation .search-toggle {
        top: -18px;
        right: 89px;
        left: inherit;
    }
    .stuck .main-navigation::before {
        left: 50%;
        top: 11px;
        margin-left: -20px;
    }
    .stuck .mobile.backhome {
        display: block;
        left: 50%;
        top: 11px;
        margin-left: -20px;
    }
    .stuck #mobile-navigation {
        top: 60px!important;
    }
    #masthead .search-toggle {
        margin: 0 20px 0 0;
        width: 100%;
    }
}

.stuck #mobile-menu-button {
    left: 7px;
    top: 15px;
    width: 30px;
    position: absolute;
    transition: 0ms;
}

.stuck #mobile-navigation .search-icon-menu {
    display: none!important;
}

.site-header .site-branding {
    visibility: hidden;
    position: absolute;
}

.site-header .site-description {
    display: none;
}

.masthead-sentinel {
    margin-bottom: 0px!important;
    display: none;
}

.site-header.centered .site-branding {
    display: none;
}

.site-header {
    background: none!important;
    /*border-bottom: 0!important;
	position: absolute!important;*/
}

#mobile-menu-button svg path {
    fill: #0072bc!important;
}

#mobile-navigation {
    background: #0072bc !important;
}

#mobile-navigation ul li a {
    border-bottom: 1px solid;
    border-bottom-color: #fff!important;
    border-color: #fff!important;
    color: #fff!important;
    display: block;
    padding: 0 30px;
    padding-right: 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100% !important;
    background: #04396d !important;
}

#mobile-navigation ul li a:focus:hover {
    background: #0072bc !important;
}

,
#mobile-navigation ul li a:hover {
    background: #0072bc !important;
}

#mobile-navigation ul li {
    background: #04396d !important;
}

.search-toggle .open {
    position: absolute !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(255, 255, 255, 0.2);
    top: -29px;
    right: 38px;
    border: 1px solid #0072bc;
}


/* search */

#fullscreen-search .search-close-button .close svg path {
    fill: #fff;
}

#fullscreen-search span {
    color: #fff;
}


/* layout epitech corp*/

.corp-container {
    max-width: 100%!important;
    padding: 0!important;
    position: inherit!important;
    width: 100%!important;
    margin: inherit!important;
}

.section {}

.section .container {
    max-width: 1280px;
    padding: 0;
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
}


/* COMMON BUTTON ROLLOVER */

.btn {
    vertical-align: middle;
    position: relative;
    z-index: 1;
    backface-visibility: hidden;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    outline: 0;
    padding: 8px 36px;
    -webkit-transition: all .35s;
    transition: all .35s;
    text-transform: uppercase;
}

.btn>span {
    display: block;
}

.btn:hover {
    color: inherit;
}

.btn-primary {
    padding: 0;
    border: 1px solid #fff;
    background-color: transparent;
    overflow: hidden;
    color: #fff;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    transition: border-color 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn-primary::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}

.btn-primary::after,
.btn-primary>span {
    padding: 8px 36px;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    color: #fff;
}

.btn-primary:hover {
    border-color: #fff;
    background-color: rgba(63, 81, 181, 0.1);
}

.btn-primary:hover::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: 8px 36px;
}

.btn-primary:hover>span {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}

.blue {
    padding: 0;
    overflow: hidden;
    border: 1px solid #0072bc;
    background-color: transparent;
    color: #0072bc;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    transition: border-color 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.blue>span {
    color: #0072bc;
}

.blue:hover {
    border: 1px solid #0072bc;
    background-color: rgba(63, 81, 181, 0.1);
}

.blue::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    color: #0072bc;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}

.blue::after,
.blue>span {
    padding: 6px 25px;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.blue:hover {
    background-color: rgba(63, 81, 181, 0.1);
}

.blue:hover::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: 6px 25px;
}

.blue:hover>span {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}

.blue-secondary {
    background: rgb(28, 123, 188);
    background: linear-gradient(90deg, rgba(28, 123, 188, 1) 0%, rgba(18, 123, 198, 1) 45%, rgba(41, 144, 220, 1) 100%);
}

.btn-secondary {
    background: rgb(26, 81, 120);
    background: linear-gradient(90deg, rgba(26, 81, 120, 1) 0%, rgba(12, 75, 122, 1) 45%, rgba(28, 100, 155, 1) 100%);
}

a.blue-secondary:hover {
    background: rgb(28, 123, 188);
    background: linear-gradient(90deg, rgba(41, 144, 220, 1) 0%, rgba(18, 123, 198, 1) 45%, rgba(28, 123, 188, 1) 100%);
    color: #fff;
}

a.btn-secondary:hover {
    background: rgb(26, 81, 120);
    background: linear-gradient(90deg, rgba(28, 100, 155, 1) 0%, rgba(12, 75, 122, 1) 45%, rgba(26, 81, 120, 1) 100%);
    color: #fff;
}


/* Header Section0 */

.home #section0 {
    background: url('assets/images/background.jpg') top center;
    background-size: cover;
    height: 881px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    max-width: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}

.entry-header {
    margin-bottom: 0;
    /* display: none; */
}

.header-txt h1 {
    font-size: 17px;
    line-height: 24px;
    margin: 32px 0;
}

.header-txt .content {
    max-width: 550px;
    width: 100%;
}

.header-txt .content p {
    line-height: 20px;
    text-align: left!important;
    font-size: 14px;
}

.header-txt .content ul {
  margin: 0 0 32px 25px!important;
}

.header-txt .content span {
    text-transform: uppercase;
}

.header-cta .content {
    padding: 1px 25px 25px;
    background: rgb(213, 247, 251);
    background: linear-gradient(180deg, rgba(213, 247, 251, 0.8) 0%, rgba(213, 247, 251, 0.65) 35%, rgba(213, 247, 251, 0.4457983877144608) 100%);
    max-width: 300px;
    width: 100%;
    margin-bottom:20px;
}

.header-cta .content .btn {
    min-width: 238px;
}

.header-cta .content h2 {
    font-size: 23px;
    font-weight: 900;
    color: #0072bc;
    text-transform: uppercase;
    line-height: 27px;
}

.header-cta .mythbuster h2 {
  font-size: 20px;
font-weight: 700;
    text-transform: none;
}

.header-cta .content ul,
.header-cta .content li {
    list-style: none;
}

.header-cta .content ul {
    display: inline-block;
    /*padding-top: 50px;*/
}

.header-cta .content li {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    margin-bottom: 8px;
}

.header-cta .content li .btn {
    padding: 6px 0;
}

.home #section0 p {
    margin: 0 0 46px;
}

.home #section0 #pgc-10550-0-0 p,
.home #section0 #pgc-10593-0-0 p {
    margin: 0 0 44px;
}

#pgc-10550-0-1>.panel-cell-style,
#pgc-10593-0-1>.panel-cell-style {
    padding: 143px 20px 20px 154px!important;
}

@media (max-width: 1140px) {
    #section0 .container {
        display: block;
    }
    .header-txt .content {
        max-width: 100%;
        width: 100%;
    }
    #pgc-10593-0-0,
    #pgc-10593-0-1 {
        width: 100%;
        display: inline-block;
    }
    #pgc-10550-0-0,
    #pgc-10550-0-1 {
        width: 100%;
        display: inline-block;
    }
    .menu-campus-container {
        overflow-x: scroll !important;
        height: 40px;
        z-index: 1;
    }
    .menu-campus-container ul {
        width: 1156px;
        height: 100%;
        z-index: 1;
    }
}


/* SECTION 1 */

.white-bloc {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    
    margin-top: 234px;
    padding-bottom: 210px;
    /*box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);*/
    max-width: 1280px!important;
}

.white-bloc h3 {
    font-size: 35px;
    text-align: center;
    line-height: 40px;
    color: #0072bc;
    font-weight: 300;
    margin-top: 25px!important;
    margin-bottom: 5px!important;
}

.formation {
    position: relative;
    top: -164px;
}

.formation .group {
    display: inline-block;
    padding: 0 62px;
    /*text-align: center;*/
    margin-top: 160px;
}

.formation .item {
    /*display: inline-block;
	vertical-align: top;*/
    margin-left: 1px;
    margin-top: 1px;
    width: 230px;
    height: 390px;
    float: left;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    background-size: cover!important;
}

.formation .item.grande-ecole {
    background: url('assets/images/bg_formation_01.jpg') 0 0 no-repeat;
}

.formation .item.msc-pro {
    background: url('assets/images/bg_formation_02.jpg') 0 0 no-repeat;
}

.formation .item.coding-a {
    background: url('assets/images/bg_formation_03.jpg') 0 0 no-repeat;
}

.formation .item.web-a {
    background: url('assets/images/bg_formation_04.jpg') 0 0 no-repeat;
}

.formation .item.mba {
    background: url('assets/images/bg_formation_05.jpg') 0 0 no-repeat;
}

.formation .item a {
    /* padding: 320px 15px 40px 15px;*/
    position: relative;
    padding: 256px 15px 40px 15px;
    display: block;
    color: #4cb2ff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 25px;
    transition-duration: 0s;
    width: 100%;
}

.formation .item a.active {
    color: #f14e4e;
}

.formation .item a.shadow:after {
    position: absolute;
    content: '';
    background: #303030;
    opacity: 0.7;
    padding: 256px 15px 40px 15px;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.formation .item a span {
    display: block;
    color: #eaf2f4;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}

.formation .owl-item {
    width: 230px;
    height: 390px;
}


/* SECTION 2 BANNER */

.banner-digital {
    margin: 0 62px;
    margin-top: -140px;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
}

@media (max-width: 920px) {
    .banner-digital {
        margin: 0 48px;
    }
    .banner-digital .sow-image-container .so-widget-image {
        display: none!important;
    }
    .banner-digital .sow-image-container {
        background: url('assets/images/bloc_epitech_digital_768.jpg') center center no-repeat;
        /*width: 768px;*/
        height: 224px;
        position: relative;
        background-size: contain;
    }
    .banner-digital .sow-image-container a {
        display: block;
    }
}


/* SECTION 3 full width */

.home #section3 .container {
    max-width: 100%!important;
    padding: 0!important;
    margin: inherit!important;
    width: 100%;
    min-height: 746px;
}

.chiffres-cles .widget-title {
    display: inline-block;
    text-align: center;
    width: 325px;
    margin: 0px 22%;
    font-size: 35px;
    padding-top: 97px;
}

.chiffres-cles .animatenumber {
    background: url('assets/images/ondes_chiffres_cles.png') 0 0 no-repeat;
    width: 325px;
    height: 320px;
    margin: 40px 22%;
    position: relative;
}

.animatenumber li {
    position: absolute;
    list-style: none;
    text-align: center;
    line-height: 18px;
}

.animatenumber li span {
    font-size: 13px;
    font-weight: 300px;
    text-align: center;
}

.animatenumber li span.s50 {
    font-size: 50px;
    font-weight: 900;
    padding-top: 10px;
    display: block;
    padding-bottom: 0;
}

.animatenumber li sup {
    top: -30px;
    font-family: 'Roboto', sans-sérif;
    font-weight: 300;
    font-size: 20px;
    left: 40px;
}

.animatenumber li.campus-fr {
    width: 120px;
    left: 108px;
    top: -3px;
}

.animatenumber li.partners {
    width: 160px;
    left: 220px;
    top: 67px;
}

.animatenumber li.students {
    width: 160px;
    left: 230px;
    bottom: 34px;
}

.animatenumber li.hiring {
    width: 140px;
    left: -47px;
    bottom: 31px;
}

.animatenumber li.campus-world {
    width: 100px;
    top: 61px;
    left: -20px;
}

#panel-10550-3-1-0>.panel-widget-style {
    width: 60%;
}

#panel-10593-3-1-0>.panel-widget-style {
    width: 60%;
}

#panel-10550-3-1-0>.panel-widget-style .so-widget-sow-editor.so-widget-sow-editor-base {
    max-width: 560px;
}

#panel-10593-3-1-0>.panel-widget-style .so-widget-sow-editor.so-widget-sow-editor-base {
    max-width: 560px;
}

.metiers {
    padding: 70px 142px 70px 200px;
}

.metiers .widget-title {
    font-size: 35px;
}

.metiers .title {
    min-height: 145px;
}

.metiers .title strong {
    font-weight: 900;
    font-size: 22px;
    line-height: 36px;
}

@media (max-width: 1280px) {
    .metiers .widget-title {
        font-size: 31px;
    }
    .metiers .title {
        min-height: inherit;
        font-size: 10px;
    }
    .metiers .txt {
        font-size: 13px;
    }
}

@media (max-width: 1120px) {
    #panel-10550-3-1-0>.panel-widget-style {
        right: -9% !important;
        width: 68% !important;
    }
    #panel-10593-3-1-0>.panel-widget-style {
        right: -9% !important;
        width: 68% !important;
    }
    .metiers {
        padding: 70px 160px 70px 190px;
    }
    .metiers .widget-title {
        font-size: 28px;
    }
    .metiers .title strong {
        font-size: 29px;
    }
    .chiffres-cles .animatenumber {
        transform: scale(0.8);
    }
}

@media (max-width: 969px) {
    .chiffres-cles .widget-title {
        margin: 0px auto!important;
        text-align: center;
        width: 100%;
    }
    .chiffres-cles {
        /*top: 20px;*/
    }
    .home #section3 .container {
        display: block;
    }
    .chiffres-cles .animatenumber {
        /*transform: scale(1);*/
        margin: 20px auto!important;
        transform: scale(0.7);
        margin: 20px auto!important;
        left: -6px;
    }
    .metiers {
        padding: 70px 30px 70px 30px;
        height: auto;
    }
    #pgc-10550-3-0,
    #pgc-10593-3-0 {
        width: 100%!important;
    }
    #panel-10550-3-0-0>.panel-widget-style,
    #panel-10593-3-0-0>.panel-widget-style {
        width: 100%!important;
        position: relative!important;
    }
    #pgc-10550-3-1,
    #pgc-10593-3-1 {
        width: 100%!important;
    }
    #panel-10550-3-1-0>.panel-widget-style,
    #panel-10593-3-1-0>.panel-widget-style {
        background-image: url(assets/images/bleu_visuel_bg.jpg)!important;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: relative!important;
        left: 0;
        background-size: cover;
        height: 640px;
        width: 100%!important;
        right: inherit!important;
        padding-bottom: 120px;
    }
    #panel-10550-3-1-0>.panel-widget-style .so-widget-sow-editor.so-widget-sow-editor-base {
        max-width: inherit;
    }
    #panel-10593-3-1-0>.panel-widget-style .so-widget-sow-editor.so-widget-sow-editor-base {
        max-width: inherit;
    }
}


/* SECTION 4 Features */

.home #section4 {
    padding: 0 62px;
}

.features {
    padding: 0 62px;
}

.title-blue .widget-title {
    font-size: 35px;
    text-align: center;
    line-height: 40px;
    color: #0072bc;
    font-weight: 300;
    margin-top: 25px !important;
}

.features .sow-features-list .sow-features-feature {
    /* width: 24%!important;*/
    width: 100%!important;
    margin: 5px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.features .owl-item:nth-child(1) .sow-features-feature,
.features .owl-item:nth-child(5) .sow-features-feature {
    background: url('assets/images/bg_architecture.jpg') 0 0 no-repeat;
    background-size: cover;
    height: 345px;
}

.features .sow-features-feature:nth-child(1) .sow-icon-image,
.features .sow-features-feature:nth-child(1) .sow-icon-container {
    /* width: 32px!important;
height: 37px!important;*/
}

.features .owl-item:nth-child(2) .sow-features-feature,
.features .owl-item:nth-child(6) .sow-features-feature {
    background: url('assets/images/bg_devops.jpg') 0 0 no-repeat;
    background-size: cover;
    height: 345px;
}

.features .sow-features-feature:nth-child(2) .sow-icon-image,
.features .sow-features-feature:nth-child(2) .sow-icon-container {
    /* width: 44px!important;
height: 19px!important;*/
}

.features .owl-item:nth-child(3) .sow-features-feature,
.features .owl-item:nth-child(7) .sow-features-feature {
    background: url('assets/images/bg_developpeur.jpg') 0 0 no-repeat;
    background-size: cover;
    height: 345px;
}

.features .sow-features-feature:nth-child(3) .sow-icon-image,
.features .sow-features-feature:nth-child(3) .sow-icon-container {
    /*width: 39px!important;
height: 23px!important;*/
}

.features .owl-item:nth-child(4) .sow-features-feature,
.features .owl-item:nth-child(8) .sow-features-feature {
    background: url('assets/images/bg_cdp.jpg') 0 0 no-repeat;
    background-size: cover;
    height: 345px;
}

.features .sow-features-feature:nth-child(4) .sow-icon-image,
.features .sow-features-feature:nth-child(4) .sow-icon-container {
    /*width: 70px!important;
height: 29px!important;*/
}

.sow-features-list .sow-features-feature:nth-of-type(4n+1) {
    padding-left: 25px!important;
}

.sow-features-list .sow-features-feature:nth-of-type(4n) {
    padding-right: 25px!important;
}

.features .sow-features-feature a:first-child {
    /* padding: 36% 0 0 0; */
}

.features .sow-features-feature a {
    padding: 15% 0 0;
}

.features .sow-features-list .sow-icon-container {
    top: 20px;
}

.sow-features-list .sow-features-feature .sow-icon-container [class^="sow-icon-"],
.sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
    background-size: inherit!important;
}

.sow-features-list .sow-features-feature .textwidget {
    margin: inherit!important;
}

.sow-features-list .sow-features-feature p.sow-more-text {
    position: absolute;
    bottom: 0;
    right: 20px;
}

.sow-features-list .sow-features-feature p.sow-more-text a {
    font-weight: 300!important;
    font-size: 30px!important;
}

.sow-features-list .sow-features-feature p.sow-more-text a {
    text-decoration: none!important;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    /*-webkit-transition-delay:0.2s;
transition-delay:0.2s;*/
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.sow-features-list .sow-features-feature p.sow-more-text a:hover {
    transform: rotate(90deg);
    color: #da6c37!important;
}

.sow-icon-container [class^="sow-icon-"],
.sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
    /*background-size: contain!important;*/
}

.sow-features-list .sow-features-feature .textwidget>h5 {
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 20px;
    color: #da6c37;
}

.sow-features-list .sow-features-feature .sow-icon-container {}


/*section 5 CTA test */

.cta-test {
    height: 280px;
    position: relative;
    display: none;
}

.cta-test .widget-title {
    font-size: 20px;
    line-height: 30px;
    color: #da6c37;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
}

.cta-test .btn-container {
    position: absolute;
    left: 50%;
    transform: translateX(-51%);
    width: 226px;
    height: 226px;
    background: url('assets/images/cta_test.png') 0 0 no-repeat;
    background-size: auto;
    top: 40px;
}

.cta-test .btn-container .btn-round {
    display: table-cell;
    vertical-align: middle;
    width: 93px;
    height: 93px;
    background: url('assets/images/btn_test.png') 0 0 no-repeat;
    background-size: auto;
    text-align: center;
    line-height: 22px;
    position: relative;
    top: 64px;
    left: 64px;
    box-shadow: 0 0 14px #2C2C2C;
    border-radius: 50%;
}

.cta-test .btn-container .btn-round a {
    text-align: center;
    font-size: 19px;
    font-weight: 300;
    display: inline-block;
}


/*section 6 Témoignages interviews */

.alumni .widget-title {
    color: #303030;
    font-size: 35px;
    text-align: center;
    line-height: 40px;
    font-weight: 300;
    margin-top: 25px!important;
}

.temoignages {
    padding: 0 117px;
}

.temoignages .portrait {
    float: left;
    margin-right: 3.7%;
    width: 47.85%;
    height: 475px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.temoignages .portrait:nth-child(2) {
    margin-right: 0;
}

.portrait .picture {
    position: relative;
    width: 100%;
    /*max-width: 500px;*/
    padding: 0px;
    height: 100%;
    cursor: pointer;
    display: inline-block;
}

.portrait .picture:after {
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(156, 156, 156, 0) 39%, black 100%);*/
    background: url('assets/images/bg_twt_temoignage.jpg') 0 0 no-repeat;
    position: absolute;
    bottom: -8px;
    left: 0px;
    content: '';
    display: block;
    z-index: 1;
    width: 100%;
    height: 123px;
    background-size: cover;
}

.portrait .picture img {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    max-width: inherit;
    width: 100%;
}

@media (min-width: 720px) {
    .portrait .picture img {
        /*top: 50%;
			transform: translate(-50%, -50%);*/
    }
    body.home .portrait .picture img {
        /*width: auto;*/
    }
}

.portrait .info {
    position: absolute;
    left: 18px;
    bottom: 15px;
    z-index: 2;
    color: #fff;
}

.portrait .info .cta {
    display: block;
    width: 47px;
    margin-bottom: 15px;
    height: 47px;
    float: left;
}

.portrait .info .cta:hover {
    background: url('assets/images/play_hov.png') 0 0 no-repeat;
    width: 47px;
    height: 47px;
    background-size: 47px 47px;
}

.portrait .info .cta:hover svg {
    display: none;
}

.portrait .info .content {
    float: left;
    margin-left: 20px;
}

.portrait .info .content:hover {
    /*background: url('assets/images/roll_interviews.png') 0 0 no-repeat;*/
}

.portrait .info .function {
    font-size: 20px;
    font-weight: 300;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    line-height: 2.1em;
    margin-bottom: 0;
}

.portrait .info .name {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    line-height: 1em;
    margin-bottom: 5px;
    color: #fff;
}

.portrait .info .excerpt {
    line-height: 1.2em;
    margin: 0;
    font-size: 24px;
    margin-top: 30px;
    display: none;
    font-style: italic;
}

.btn,
.blue {
    text-align: center;
}

.overlay-video-player {
    position: fixed;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: '';
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.overlay-video-player .close-video-player {
    margin-top: 20px;
    text-transform: uppercase;
    border: none;
}

.overlay-video-player .close-video-player:hover {
    background: none;
}

body.video-player {
    overflow-y: hidden;
}

body.video-player .overlay-video-player {
    display: flex;
}

body.video-player .overlay-video-player .video-player {
    background: #FFF;
    padding: 20px;
}

body:not(.single) .entry-content p:last-of-type,
body:not(.single) .entry-content p:only-of-type {
    text-align: center;
}


/* carousel metiers */

.articles-job {
    padding: 0 62px;
}

.articles-job article .content-metier {
    background-color: #fff;
    padding: 40px 20px 25px;
    height: 100%;
}

.articles-job article .content-metier .entry-header {
    text-align: center;
}

@media (min-width: 992px) {
    .articles-job article .content-metier {
        min-height: 300px;
    }
}

.articles-job article .content-metier,
.articles-job article .content-metier p {
    color: #585858;
}

.articles-job article .content-metier .entry-title {
    font-size: 18px;
    font-weight: bold;
    color: #0072bc;
    margin: 0;
    margin-bottom: 18px;
    min-height: 38px;
}

.articles-job article .content-metier .subtitle {
    color: #f4783d;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 25px;
}

.articles-job article .content-metier .entry-content {
    height: 140px;
    overflow: hidden;
}


/*  Map SVG */

#section7 .container {
    max-width: 100%;
}

.title-blue .widget-title {
    font-size: 35px;
    text-align: center;
    line-height: 40px;
    color: #0072bc;
    font-weight: 300;
    margin-top: 25px !important;
}

.box-white {
    position: relative;
    background: #fff;
    max-width: 906px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    /*top:45px;*/
    top: 0;
    z-index: 1;
}

.box-white .widget-title {
    font-size: 30px;
}

.load-movie-player {}


/* plugins map SVG */

.mapsvg {
    background: url('assets/images/bg_map.jpg') center top no-repeat;
    width: 100%;
    height: 647px!important;
    background-size: cover;
}

.mapsvg .mapsvg-buttons {
    display: block!important;
}

.map-original,
.mapsvg {
    display: block;
}

.map-original .textwidget,
.mapsvg .textwidget {
    text-align: center;
    color: #585858;
}

@media (max-width: 480px) {
    .map-original,
    .mapsvg {
        display: none;
    }
}

.map-fallback {
    display: none;
}

.panel-grid.panel-has-style>.panel-row-style,
.panel-grid.panel-no-style {
    display: block!important;
}

@media (max-width: 480px) {
    .map-fallback {
        display: block;
    }
}


/* Tranche site origin image map  */

.map {
    background: url('assets/images/bg_map.jpg') center top no-repeat;
    width: 100%;
    height: 960px !important;
    background-size: cover;
    background-attachment: fixed;
}

.map img {
    height: auto;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-44%) translateX(-50%) scale(1.4);
}

.popin {
    display: none;
    background: #fff;
    width: 176px;
    height: 170px;
    position: absolute;
}


/*.popin:before {
		content: '';
		background: url('assets/images/stick_layer.png') 0 0 no-repeat;
		width: 204px;
		height: 99px;
		position: absolute;
		top: -49px;
		left: 38px;
		display: none;
}*/

.popin:before {
    content: '';
    background: url('assets/images/stick_layer_e.png') 0 0 no-repeat;
    width: 95px;
    height: 95px;
    position: absolute;
    top: -49px;
    left: 50%;
    transform: translateX(-50%);
}


/*#epitech_nyc:before {
		background: url('assets/images/stick_layer_green.png') 0 0 no-repeat;
		left: -61px;
		display: none;
}*/

.popin ul {
    margin: 25px 0!important;
    text-align: left;
    color: #00aeef;
    font-weight: 300;
    font-size: 12px;
    float: left;
    width: 50%;
}

#epitech_france {
    width: 260px;
    height: 220px;
}

#epitech_france .content {
    padding: 30px 40px;
    width: 260px;
}

.popin li {
    text-align: left;
    color: #00aeef;
    font-weight: 300;
    font-size: 12px;
}

.popin li a {
    text-align: left;
    font-size: 13px;
    text-transform: capitalize;
    color: #00aeef;
}

.popin .table {
    display: table;
    height: 170px;
}

.popin .content {
    display: table-cell;
    padding: 15px;
    color: #00aeef;
    text-align: center;
    width: 176px;
    line-height: 16px;
    vertical-align: middle;
}

.popin .content h5 {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #00aeef;
    margin: 0;
}

.popin#epitech_nyc .content,
.popin#epitech_nyc .content h5,
.popin#epitech_nyc .close {
    /*color: #96ce35;*/
}

.popin .content p {
    margin: 0!important;
}

.popin .content .address,
.popin .content .tel {
    font-weight: 300;
    font-size: 12px;
}

.popin .close {
    position: absolute;
    top: 0px;
    right: 10px;
    color: #00aeef;
    cursor: pointer;
    font-weight: 300;
}

@media (max-width: 1360px) {
    .map {
        height: 720px !important;
    }
    .map img {
        transform: translateY(-45%) translateX(-50%) scale(1.8);
    }
}

@media (max-width: 1160px) {
    .map {
        height: 600px !important;
    }
    .map img {
        transform: translateY(-45%) translateX(-50%) scale(1.8);
    }
    .popin {
        top: 50%!important;
        left: 40%!important;
    }
}

@media (max-width: 880px) {
    .map {
        height: 660px !important;
    }
    .map img {
        transform: translateY(-36%) translateX(-41%) scale(2.3);
    }
    .popin {
        top: 50%!important;
        left: 40%!important;
    }
}

@media (max-width: 480px) {
    .map img {
        transform: translateY(-23%) translateX(-35%) scale(2.3);
    }
    .popin {
        top: 50%!important;
        left: 25%!important;
    }
}

@media (max-width: 420px) {
    .map {
        height: 460px !important;
    }
    .map img {
        transform: translateY(-23%) translateX(-36%) scale(2.5);
        transform: translateY(-45%) translateX(-61%) scale(4);
    }
    .popin {
        top: 50%!important;
        left: 25%!important;
    }
}


/* OWL NAV EPITECH */

.owl-nav>div {
    width: 30px;
    height: 30px;
    /*text-indent: -9999px;*/
    content: '';
    display: block;
    background: url("assets/images/owl-carousel-lft.png") no-repeat center center;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}

.owl-nav>div.owl-prev {
    left: -50px;
}

@media (max-width: 800px) {
    .articles-job .owl-nav>div.owl-prev {
        left: -10px;
    }
}

.owl-nav>div.owl-next {
    background-image: url("assets/images/owl-carousel-rgt.png");
    right: -50px;
}

.features .owl-nav>div {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: -1;
}

.features .owl-nav>div.owl-prev:before {
    content: '<';
    position: absolute;
    left: 20px;
    font-size: 30px;
    font-weight: 300;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.features .owl-nav>div.owl-next:before {
    content: '>';
    position: absolute;
    left: 32px;
    font-size: 30px;
    font-weight: 300;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.features .owl-nav>div:hover:before {
    opacity: 0.5;
}

@media (max-width: 800px) {
    .features .owl-nav>div.owl-next,
    .formation .owl-nav>div.owl-next {
        right: -10px;
    }
}

.features .owl-nav>div.owl-next {
    background: rgba(0, 0, 0, 0.4);
    content: '>';
    right: -50px;
}

.owl-item .portrait {
    width: 260px;
    height: 480px;
}

.owl-item .sow-features-feature {
    width: 280px;
    height: 345px;
}


/*
*  Owl Carousel - Core
*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}


/* No Js */

.no-js .owl-carousel {
    display: block;
}


/*
*  Owl Carousel - Animate Plugin
*/

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*
* 	Owl Carousel - Auto Height Plugin
*/

.owl-height {
    transition: height 500ms ease-in-out;
}


/*
* 	Owl Carousel - Lazy Load Plugin
*/

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}


/*
* 	Owl Carousel - Video Plugin
*/

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}


/*
* 	Default theme - Owl Carousel CSS File
*/

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

#pg-10550-6,
#pg-10593-6,
#section5 {
    display: none!important;
}


/* news home 3 items*/

.news-actu {
    padding: 0 62px;
}

.home .actu_events {
    width: 32%;
    margin-right: 1.3333%;
    float: left;
    margin-bottom: 1.5%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.news-list .news-cta {
    display: block;
    position: relative;
}

.news-list .excerpt p {
    text-align: left: important;
}

.news-list .news-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(76, 178, 255, 0.2);
    z-index: 10;
}

.news-list .news-overlay span {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #4cb2ff;
    border-radius: 50%;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    color: #FFF;
    opacity: 0;
}

.news-image {
    height: 236px;
    overflow: hidden;
}

.news-list img {
    transition: all 0.3s ease-in-out;
}

.news-list:hover .news-overlay span {
    opacity: 1;
}

.news-list:hover img {
    transform: scale(1.1);
}

.news-list .news-image img {
    height: auto;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    position: relative;
}

.news-list .entry-header {
    background: #2c2c2c none repeat scroll 0 0;
    font-size: 14px;
    padding: 30px 35px;
    text-align: left;
    width: 100%;
    margin-bottom: 0;
}

.news-list .entry-header .map {
    background: url('assets/images/icon_map.png') no-repeat top left;
    min-height: 20px;
    height: 20px;
    padding-left: 20px;
    color: #f26522;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #da6c37;
}

.news-list .entry-header .date {
    color: #da6c37;
    font-weight: 500;
    font-size: 12px;
}

.news-list .entry-title {
    padding: 30px 0;
    height: 105px;
    overflow: hidden;
    width: 100%;
}

.news-list .entry-title,
.news-list .entry-title a {
    font-size: 20px;
    font-weight: 300;
    color: #4cb2ff;
}

.news-list .excerpt p {
    text-align: left!important;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    height: 176px;
    overflow: hidden;
}

@media (max-width: 960px) {
    .news-actu {
        padding: 0 15px!important;
    }
    .home .actu_events {
        width: 100%;
        margin-bottom: 20px;
        float: left;
    }
    .news-image {
        height: auto;
        overflow: hidden;
    }
    .home #pg-10550-9 {
        margin-bottom: 0px;
    }
}


/* Footer */

.site-footer {
    position: relative;
}

.site-footer {
    background: #2c2c2c!important;
}

.site-footer .container {
    max-width: 1280px;
    padding: 0 62px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.site-footer .bottom-bar {
    background: #fff!important;
    color: #2c2c2c!important;
    padding: 45px 15px!important;
}

.site-footer .widget_nav_menu li:before {
    content: '>';
    color: #a19e9e;
    padding: 0 5px;
}

.sow-social-media-button {
    font-size: 2.3em!important;
    padding: 0.3em 0.2em!important;
    margin: 0.2em 0.2em 0.2em 0!important;
}

.sow-social-media-button.ow-button-hover:hover {
    background: none!important;
    border-bottom-color: transparent!important;
}

.sow-icon-fontawesome[data-sow-icon]:before {
    transition: all 0.3s ease-in-out;
}

.sow-icon-fontawesome[data-sow-icon]:hover:before {
    color: #fff!important;
}

.site-footer .bottom-bar .container {
    display: block;
}

.site-footer .bottom-bar p {
    display: block;
    padding: 0 15px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 13px;
}

.site-footer .bottom-bar #footer-ecoles a {
    color: #126ba5;
    font-weight: 500;
    font-size: 13px;
}

.site-footer .bottom-bar #footer-ecoles a:hover {
    text-decoration: underline;
}

.site-footer .site-info {
    text-align: center!important;
    padding: 15px;
}

.site-footer .widgets {
    padding: 50px 0!important;
    padding: 50px 0 140px 0!important;
    width: 100%;
}

.site-footer .widgets .widget {
    margin: 0 2.75% 0px 0!important;
}

.site-footer .widgets .widget_text p {
    color: #a19e9e;
    padding: 20px 0 0 0;
    line-height: 19px;
    font-size: 13px;
}

.site-footer .widgets.widgets-4 .widget {
    /*width: 31.5%!important;*/
    width: 34.5% !important;
    margin-right: 0 !important;
}

.site-footer .widgets .widget:last-of-type {
    margin-right: 0;
    float: right;
    padding-top: 114px;
    max-width: 260px;
}

.site-footer .widgets #text-3,
.site-footer .widgets #text-8,
.site-footer .widgets #text-9 {
    position: absolute;
    right: 62px;
    margin-right: 0;
    max-width: 238px;
}

.site-footer .widgets #text-3 li,
.site-footer .widgets #text-3 li a,
.site-footer .widgets #text-8 li,
.site-footer .widgets #text-8 li a,
.site-footer .widgets #text-9 li,
.site-footer .widgets #text-9 li a {
    display: block;
}

.site-footer .widgets #text-3 li a,
.site-footer .widgets #text-8 li,
.site-footer .widgets #text-9 li a {
    background-color: #f26522;
    color: #fff;
    text-transform: uppercase;
    padding: 9px;
    font-size: 14px;
    max-width: 238px;
    margin-bottom: 10px;
}

.site-footer .widgets .widget a {
    color: #a19e9e;
    font-weight: 300;
    font-size: 14px;
}

.site-footer .widgets .menu-main-footer-container {
    max-width: 260px;
    padding: 25px;
}


/* Form newsletter */

.site-footer .widget_wysija_cont .allmasgs {
    margin: 0 20%;
}

.site-footer .widget_wysija_cont .updated,
.widget_wysija_cont .login .message,
.site-footer .widget_wysija_cont .error,
.widget_wysija_cont .xdetailed-errors {
    background-color: transparent;
    border-color: #a19e9e;
    color: #a19e9e;
}

.site-footer .widget_mailpoet_form,
.site-footer .widget.widget_wysija {
    padding: 70px 0 0 2.75%;
    position: relative;
    margin: 0;
    margin-left: 0!important;
    margin-right: 0!important;
}

.site-footer #mailpoet_form_1 .mailpoet_form,
.site-footer .widget_wysija_cont .widget_wysija {
    /*max-width: 260px;*/
    padding: 0 20%;
}

.site-footer .widgets .widget input {
    min-width: 100%!important;
}

.site-footer .widgets .widget_mailpoet_form .widget-title,
.site-footer .widget.widget_wysija .widget-title {
    padding: 0 20%;
    color: #126ba5!important;
    font-weight: 500;
    font-size: 18px!important;
    text-transform: capitalize;
    letter-spacing: 0;
}

.mailpoet_text,
.wysija-input {
    color: #a19e9e;
    border: 1px solid #a19e9e!important;
    border-radius: 2px;
    background-color: #2c2c2c;
    font-style: italic;
    font-weight: 200;
}

.mailpoet_submit,
.wysija-submit {
    color: #126ba5!important;
    border: 1px solid #126ba5!important;
    text-transform: uppercase;
    background-color: #2c2c2c!important;
    text-align: center;
    min-width: 260px!important;
}

.formError .formErrorContent {
    background: transparent;
    color: #fff;
}

.site-footer .widgets.widgets-4 .widget.widget_sow-social-media-buttons {
    width: 28.5% !important;
    margin-right: 0 !important;
    position: absolute;
    bottom: 20px;
}

.site-footer .widgets.widgets-4 .widget .so-widget-sow-social-media-buttons,
.site-footer .widgets.widgets-4 .widget .social-media-button-container {
    text-align: center;
}

.site-footer .widgets.widgets-4 .widget .so-widget-sow-social-media-buttons .widget-title {
    color: #126ba5;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    position: relative;
    top: 20px;
    text-transform: capitalize;
}


/* search layer */

.search-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.97);
    z-index: 10000;
    display: none;
}

.search-wrapper .container {
    max-width: 1280px;
    padding: 0;
    position: relative;
    width: 80%;
    margin: 0 auto;
    display: flex;
}

.search-wrapper .row {
    width: 100%;
}

@media (min-width: 480px) {
    body.admin-bar .search-wrapper {
        top: 32px;
    }
}

body.search-open .search-wrapper {
    display: block;
}

.search-wrapper>.container,
.search-wrapper>.site-content {
    position: relative;
}

.search-wrapper .close-search {
    position: absolute;
    right: 0;
    top: 25px;
}

.search-wrapper .search-results {
    padding-top: 20px;
    margin-top: 180px!important;
}

@media (max-width: 480px) {
    .search-wrapper .close-search {
        right: 20px;
    }
}

.search-wrapper .search-input-wrapper {
    background: rgba(6, 56, 106, .95) !important;
    padding: 30px 0;
    position: fixed;
    z-index: 1;
    width: 100%;
}

@media (max-width: 480px) {
    .search-wrapper .search-input-wrapper {
        padding: 15px 0;
    }
}

.search-wrapper .search-input-wrapper .search-input {
    width: 100%;
    background: transparent;
    border: 0;
    font-size: 48px;
    color: #fff;
    display: block;
    font-weight: 300;
    outline: none;
}

@media (max-width: 480px) {
    .search-wrapper .search-input-wrapper .search-input {
        font-size: 24px;
        padding-right: 50px;
    }
    .search-wrapper .search-results {
        padding-top: 20px;
        margin-top: 80px!important;
    }
}

.search-wrapper .search-results .loading {
    width: 64px;
    width: 64px;
    height: 120px;
    position: relative;
    left: 50%;
    margin-left: -22px;
    top: 50%;
    margin-top: 25%;
}

.search-wrapper .search-results .search-type {
    font-size: 24px;
    font-weight: bold;
    color: #4CB2FF;
    margin-bottom: 25px;
    line-height: 1.2;
}

.search-wrapper .search-results ul {
    padding-left: 0;
    list-style: none;
}

.search-wrapper .search-results ul li {
    margin-bottom: 25px;
}

.search-wrapper .search-results ul li .search-title {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.search-wrapper .search-results ul li .search-excerpt {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.7);
    padding: 5px 0;
}

.search-wrapper .search-results ul li .search-date {
    color: #4CB2FF;
    font-size: 14px;
    font-weight: bold;
}

.search-icon-menu>a,
.search-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("assets/images/search-icon.png") no-repeat center center;
    text-indent: -9999px;
    content: '';
}

@media (max-width: 480px) {
    .search-icon-menu>a,
    .search-icon {
        margin-right: 20px;
    }
}

.search-icon-menu {
    padding-top: 16px;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 992px) {
    .search-icon-menu {
        padding-top: 23px;
    }
    .search-icon-menu>a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* MEDIA QUERIES */

@media all and (max-width: 1400px) {
    .chiffres-cles .widget-title {
        margin: 0px 15%;
    }
    .chiffres-cles .animatenumber {
        margin: 40px 15%;
    }
}

@media all and (max-width: 1340px) {
    .metiers {
        right: -80px;
    }
    .white-bloc {
        max-width: 1280px !important;
    }
    .section .container {
        max-width: 1280px;
    }
    #pgc-10550-0-0>.panel-cell-style {
        padding: 208px 0px 20px 106px!important;
    }
    #pgc-10550-0-1>.panel-cell-style {
        padding: 143px 20px 20px 154px;
    }
    .formation .group {
        padding: 0 48px;
        margin-top: 0;
    }
    .banner-digital {
        margin-top: 30px;
    }
    .formation {
        position: relative;
        top: -148px;
        top:0;
    }
    #panel-10550-3-0-0>.panel-widget-style {
        width: 100%;
    }
}

@media all and (max-width: 1280px) {
    #mobile-menu-button {
        top: -3px!important;
    }
    #mobile-navigation {
        overflow: auto;
        /*top: 104px!important;*/
        top: 40px!important;
    }
    .main-navigation {
        position: relative;
        padding-top: inherit;
        text-align: inherit;
        margin: 0 auto;
        padding-left: inherit;
        padding: 0;
        width: 100%;
        background: #fff !important;
        height: 104px;
        display: none!important;
    }
    .stuck .main-navigation {
        display: block!important;
    }
    .main-navigation .search-toggle {
        width: 100%;
        height: 40px;
        position: relative;
        top: 55px;
        padding: 0;
        margin: 0px;
        margin-left: 0px;
        left: 0;
    }
    .main-navigation .search-toggle .open {
        position: absolute !important;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: rgba(255, 255, 255, 0.2);
        top: 25px;
        right: 96px;
        border: 1px solid #0072bc;
    }
    .main-navigation .search-toggle .open svg path {
        fill: #0072bc!important;
    }
}

@media all and (max-width: 1240px) {
    .white-bloc {
        max-width: 1024px !important;
    }
    .section .container {
        max-width: 1024px;
    }
    #section6 .container {
        max-width: 1280px;
    }
    .menu-campus-container {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        max-width: inherit;
    }
    #pgc-10550-0-1>.panel-cell-style {
        padding: 170px 20px 20px 0px !important;
    }
    #pgc-10550-0-0>.panel-cell-style {
        padding: 208px 20px 20px 20px!important;
    }
    .formation {
        position: relative;
        top: -15px;
    }
    .banner-digital {
        margin-top: 45px;
    }
    .formation .owl-nav>div.owl-prev {
        left: -20px;
    }
    .formation .owl-nav>div.owl-next {
        right: -20px;
    }
    .temoignages {
        padding: 0 40px;
    }
}

@media all and (max-width: 1064px) {
    .site-footer .container {
        padding: 0 20px;
    }
    .site-footer .widgets.widgets-4 .widget {
        width: 100% !important;
        float: none;
        display: block;
    }
    .site-footer .widget_mailpoet_form,
    .site-footer .widget.widget_wysija {
        padding: 0;
    }
    .site-footer .widgets .widget_mailpoet_form .widget-title,
    .site-footer .widget.widget_wysija .widget-title {
        padding: 0;
    }
    .site-footer #mailpoet_form_1 .mailpoet_form,
    .site-footer .widget_wysija_cont .widget_wysija {
        max-width: 260px;
        padding: 0;
    }
    .site-footer .widgets #text-3,
    .site-footer .widgets #text-8,
    .site-footer .widgets #text-9 {
        right: inherit;
        margin-right: 0;
        max-width: 260px;
        position: relative;
        margin-top: 50px!important;
    }
    .site-footer .widgets #text-3 li a,
    .site-footer .widgets #text-8 li a,
    .site-footer .widgets #text-9 li a {
        max-width: 260px;
    }
    .site-footer .widgets .widget:last-of-type {
        padding-top: 0;
    }
    .site-footer .widgets .menu-main-footer-container {
        padding: inherit;
    }
    #panel-10550-3-1-0>.panel-widget-style {
        background-position: 0 center!important;
    }
    #panel-10593-3-1-0>.panel-widget-style {
        background-position: 0 center!important;
    }
    .site-footer .widgets.widgets-4 .widget.widget_sow-social-media-buttons {
        width: 100%!important;
        margin-right: 0 !important;
        position: absolute;
        bottom: 15px;
        left: 0;
    }
}

@media all and (max-width: 1024px) {
    #pgc-10550-0-1 {
        width: calc(45% - ( 0.55 * 20px));
        position: absolute;
        right: -90px;
        top: 0px;
    }
    #pgc-10593-0-1 {
        width: calc(45% - ( 0.55 * 20px));
        position: absolute;
        right: -90px;
        top: 0px;
    }
}

@media all and (max-width: 1024px) {
    .white-bloc {
        max-width: 880px !important;
        /* margin-top: 463px;*/
    }
    .section .container {
        max-width: 880px;
    }
    #pgc-10550-0-1>.panel-cell-style {
        padding: 175px 20px 20px 55px !important;
    }
    #pgc-10593-0-1>.panel-cell-style {
        padding: 175px 20px 20px 55px !important;
    }
    .formation {
        position: relative;
        top: 20px;
    }
    .banner-digital {
        margin-top: 56px;
    }
    .temoignages {
        padding: 0 15px;
        text-align: center;
    }
    .temoignages .portrait {
        margin-bottom: 15px;
    }
    .temoignages .portrait .content {
        text-align: left;
    }
    #pgc-10550-0-0>.panel-cell-style {
        padding: 208px 20px 20px 20px!important;
    }
    #pgc-10593-0-0>.panel-cell-style {
        padding: 208px 20px 20px 20px!important;
    }
}

@media all and (max-width: 980px) {
    .temoignages .portrait {
        float: none;
        display: inline-block;
        height: 475px;
        width: 100%!important;
    }
}

@media all and (max-width: 880px) {
    #pgc-10550-0-0>.panel-cell-style {
        padding: 84px 20px 0px 20px !important;
    }
    #pgc-10593-0-0>.panel-cell-style {
        padding: 84px 20px 0px 20px !important;
    }
    .home #section0 {
        display: block;
        height: auto!important;
    }
    #pgc-10550-0-0 {
        width: 100%!important;
    }
    #pgc-10593-0-0 {
        width: 100%!important;
    }
    body,
    button,
    input,
    optgroup,
    select,
    textarea {
        line-height: 1.36;
    }
    .header-cta .content {
        max-width: 80%;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    #pgc-10550-0-1>.panel-cell-style {
        padding: 0!important;
    }
    #pgc-10593-0-1>.panel-cell-style {
        padding: 0!important;
    }
    #pgc-10550-0-1,
    #pgc-10593-0-1 {
        width: 100%!important;
        position: relative;
        right: inherit;
        top: inherit;
    }
    .home #pl-10550 .so-panel,
    .header-txt .content p {
        text-align: center!important;
    }
    .home #pl-10593 .so-panel,
    .header-txt .content p {
        text-align: center!important;
    }
    #pg-10550-0 {
        margin-bottom: 40px;
    }
    #pg-10593-0 {
        margin-bottom: 40px;
    }
    .white-bloc {
        display: none;
    }
    .formation {
        top: 120px;
    }
    .formation:before {
        content: 'A chaque profil sa formation :';
        position: absolute;
        top: -100px;
        font-size: 35px;
        text-align: center;
        line-height: 40px;
        color: #0072bc;
        font-weight: 300;
        width: 100%;
        padding: 20px;
        left: 0px;
    }
    .formation .owl-nav {
        display: none;
    }
    .banner-digital {
        margin-top: 134px;
        box-shadow: none;
        margin-bottom: -60px;
    }
    .main-navigation .search-toggle {
        /*display:none;*/
    }
    .menu-campus-international-container {
        display: none;
    }
    .main-navigation {
        display: none;
    }
    .stuck .main-navigation {
        display: block;
    }
    .stuck .menu-campus-international-container {
        display: block;
    }
    .stuck .main-navigation .search-toggle .open {
        border: 0;
    }
}

@media (max-width: 480px) {
    .menu-campus-international-container {
        display: none;
    }
    .alumni .widget-title {
        font-size: 24px;
        line-height: 30px;
        padding: 0 15px;
    }
    .temoignages .portrait {
        height: 320px;
    }
    .temoignages .portrait .info {
        width: auto;
        bottom: 20px;
    }
    .temoignages .portrait .info .cta {
        width: 27px;
        height: 27px;
    }
    .portrait .info .cta:hover {
        width: 27px;
        height: 27px;
        background-size: 27px 27px;
    }
    .chiffres-cles .animatenumber {
        top: -40px;
    }
    .temoignages .portrait .info .content {
        margin-left: 20px;
        width: 66%;
        text-align: left;
    }
    .temoignages .portrait .info .name {
        font-size: 20px;
        font-weight: 300;
        margin: 0;
        margin-bottom: 0px;
        line-height: 1em;
        margin-bottom: 5px;
        color: #fff;
    }
    .temoignages .portrait .info p.function {
        text-align: left;
        line-height: 20px;
    }
    .home #section4,
    .home .features {
        padding: 0 20px;
    }
    .features .owl-nav>div {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .features .owl-nav>div.owl-prev::before {
        left: 8px;
        font-size: 24px;
        font-weight: 300;
        line-height: 29px;
    }
    .features .owl-nav>div.owl-next::before {
        left: 8px;
        font-size: 24px;
        font-weight: 300;
        line-height: 29px;
    }
    .features .owl-nav>div.owl-prev {
        left: -25px!important;
    }
    .features .owl-nav>div.owl-next {
        right: -30px!important;
    }
    .title-blue .widget-title {
        font-size: 24px;
        line-height: 26px;
        padding: 0 20px;
    }
    .banner-digital {
        margin-top: 85px;
        box-shadow: none;
        margin-bottom: -104px;
    }
    #panel-10550-3-0-0>.panel-widget-style {
        background-position: 0 0;
        height: inherit!important;
    }
    #panel-10593-3-0-0>.panel-widget-style {
        background-position: 0 0;
        height: inherit!important;
    }
    .chiffres-cles .widget-title {
        font-size: 25px!important;
        padding-top: 37px!important;
    }
    .metiers .widget-title {
        font-size: 25px!important;
    }
    .metiers {
        padding: 30px 30px 50px 30px!important;
        height: auto!important;
    }
    #panel-10550-3-1-0>.panel-widget-style {
        height: auto!important;
    }
    #panel-10593-3-1-0>.panel-widget-style {
        height: auto!important;
    }
    body:not(.single) .entry-content p:last-of-type,
    body:not(.single) .entry-content p:only-of-type {
        text-align: center;
        display: inline-block;
    }
    .home #pg-10550-9 {
        margin-top: 89px;
    }
    .home #pg-10593-9 {
        margin-top: 89px;
    }
    .home .box-white {
        top: -55px;
        width: 90%;
    }
    .home .box-white .widget-title {
        font-size: 18px;
    }
    .home .formation::before {
        top: -125px;
        font-size: 28px;
    }
}


/* Glitch styles */

.glitch {
    position: absolute;
    top: -8px;
    left: 0px;
    width: var(--glitch-width);
    height: var(--glitch-height);
    overflow: hidden;
    z-index: 1;
    visibility: hidden;
}

.portrait:hover .glitch {
    visibility: visible;
}

.glitch__img {
    position: absolute;
    top: calc(-1 * var(--gap-vertical));
    left: calc(-1 * var(--gap-horizontal));
    width: calc(100% + var(--gap-horizontal) * 2);
    height: calc(100% + var(--gap-vertical) * 2);
    background: url(assets/images/glitch.png) no-repeat 0 0;
    background-color: var(--blend-color-1);
    background-size: contain;
    transform: translate3d(0, 0, 0);
    background-blend-mode: var(--blend-mode-1);
}

.glitch__img:nth-child(n+2) {
    opacity: 0;
}

.imgloaded .glitch__img:nth-child(n+2) {
    animation-duration: var(--time-anim);
    animation-delay: var(--delay-anim);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.imgloaded .glitch__img:nth-child(2) {
    background-color: var(--blend-color-2);
    background-blend-mode: var(--blend-mode-2);
    animation-name: glitch-anim-1;
}

.imgloaded .glitch__img:nth-child(3) {
    background-color: var(--blend-color-3);
    background-blend-mode: var(--blend-mode-3);
    animation-name: glitch-anim-2;
}

.imgloaded .glitch__img:nth-child(4) {
    background-color: var(--blend-color-4);
    background-blend-mode: var(--blend-mode-4);
    animation-name: glitch-anim-3;
}

.imgloaded .glitch__img:nth-child(5) {
    background-color: var(--blend-color-5);
    background-blend-mode: var(--blend-mode-5);
    animation-name: glitch-anim-flash;
}


/* Animations */

@keyframes glitch-anim-1 {
    0% {
        opacity: 1;
        transform: translate3d(var(--gap-horizontal), 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    }
    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }
    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    }
    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    }
    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(var(--gap-horizontal), 0, 0);
    }
    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}

@keyframes glitch-anim-2 {
    0% {
        opacity: 1;
        transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    }
    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    }
    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    }
    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    }
    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    }
    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    }
    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    }
    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    }
    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    }
    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}

@keyframes glitch-anim-3 {
    0% {
        opacity: 1;
        transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    }
    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    }
    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    }
    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    }
    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    }
    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    }
    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    }
    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }
    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    }
    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    }
    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    }
    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    }
    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    }
    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    }
    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    }
    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    }
    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}

@keyframes glitch-anim-text {
    0% {
        transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }
    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }
    9.9% {
        transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    }
    10%,
    100% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}


/* Flash */

@keyframes glitch-anim-flash {
    0%,
    5% {
        opacity: 0.2;
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
    }
    5.5%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
}