html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body,h1{
    margin:0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace, monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace, monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,[type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:0.35em 0.75em 0.625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type="checkbox"],[type="radio"]{
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
body,button,input,select,optgroup,textarea{
    color:#404040;
    font-family:sans-serif;
    font-size:16px;
    font-size:1rem;
    line-height:1.5
}
h1,h2,h3,h4,h5,h6{
    clear:both
}
p{
    margin:0
}
dfn,cite,em,i{
    font-style:italic
}
blockquote{
    margin:0 1.5em
}
address{
    margin:0 0 1.5em
}
pre{
    background:#eee;
    font-family:"Courier 10 Pitch", Courier, monospace;
    font-size:15px;
    font-size:0.9375rem;
    line-height:1.6;
    margin-bottom:1.6em;
    max-width:100%;
    overflow:auto;
    padding:1.6em
}
code,kbd,tt,var{
    font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size:15px;
    font-size:0.9375rem
}
abbr,acronym{
    border-bottom:1px dotted #666;
    cursor:help
}
mark,ins{
    background:#fff9c0;
    text-decoration:none
}
big{
    font-size:125%
}
html{
    box-sizing:border-box
}
*,*:before,*:after{
    box-sizing:inherit
}
body{
    background:#fff
}
hr{
    background-color:#ccc;
    border:0;
    height:1px;
    margin-bottom:1.5em
}
ul{
    padding:0;
    margin:0
}
li{
    list-style-type:none
}
dt{
    font-weight:bold
}
dd{
    margin:0 1.5em 1.5em
}
img{
    height:auto;
    max-width:100%
}
figure{
    margin:1em 0
}
table{
    margin:0 0 1.5em;
    width:100%
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    border:1px solid;
    border-color:#ccc #ccc #bbb;
    border-radius:3px;
    background:#e6e6e6;
    color:rgba(0,0,0,0.8);
    font-size:12px;
    font-size:0.75rem;
    line-height:1;
    padding:.6em 1em .4em
}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{
    border-color:#ccc #bbb #aaa
}
button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{
    border-color:#aaa #bbb #bbb
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{
    color:#666;
    border:1px solid #ccc;
    border-radius:3px;
    padding:3px
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{
    color:#111
}
select{
    border:1px solid #ccc
}
textarea{
    width:100%
}
a{
    color:royalblue
}
a:visited{
    color:purple
}
a:hover,a:focus,a:active{
    color:midnightblue
}
a:hover,a:active{
    outline:0
}
.main-navigation{
    clear:both;
    display:block;
    float:left
}
.main-navigation ul{
    list-style:none;
    margin:0;
    padding-left:0
}
.main-navigation ul ul{
    box-shadow:0 3px 3px rgba(0,0,0,0.2);
    float:left;
    position:absolute;
    top:100%;
    left:auto;
    z-index:99999
}
.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul{
    left:100%
}
.main-navigation ul ul a{
    width:200px
}
.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul{
    left:auto
}
.main-navigation li{
    float:left;
    position:relative
}
.main-navigation a{
    display:block;
    text-decoration:none
}
.menu-toggle,.main-navigation.toggled ul{
    display:block
}
@media screen and (min-width: 37.5em){
    .menu-toggle{
        display:none
    }
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
    margin:0 0 1.5em;
    overflow:hidden
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
    float:left;
    width:50%
}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{
    float:right;
    text-align:right;
    width:50%
}
.screen-reader-text{
    border:0;
    clip:rect(1px, 1px, 1px, 1px);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute !important;
    width:1px;
    word-wrap:normal !important
}
.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    clip:auto !important;
    clip-path:none;
    color:#21759b;
    display:block;
    font-size:14px;
    font-size:0.875rem;
    font-weight:bold;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
#content[tabindex="-1"]:focus{
    outline:0
}
.alignleft{
    display:inline;
    float:left;
    margin-right:1.5em
}
.alignright{
    display:inline;
    float:right;
    margin-left:1.5em
}
.aligncenter{
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{
    content:"";
    display:table;
    table-layout:fixed
}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{
    clear:both
}
.widget{
    margin:0 0 1.5em
}
.widget select{
    max-width:100%
}
.sticky{
    display:block
}
.hentry{
    margin:0 0 1.5em
}
.updated:not(.published){
    display:none
}
.page-content,.entry-summary{
    margin:1.5em 0 0
}
.page-links{
    clear:both;
    margin:0 0 1.5em
}
.comment-content a{
    word-wrap:break-word
}
.bypostauthor{
    display:block
}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{
    display:none
}
.infinity-end.neverending .site-footer{
    display:block
}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{
    border:none;
    margin-bottom:0;
    margin-top:0;
    padding:0
}
embed,iframe,object{
    max-width:100%
}
.custom-logo-link{
    display:inline-block
}
.wp-caption{
    margin-bottom:1.5em;
    max-width:100%
}
.wp-caption img[class*="wp-image-"]{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.wp-caption .wp-caption-text{
    margin:0.8075em 0
}
.wp-caption-text{
    text-align:center
}
.gallery{
    margin-bottom:1.5em
}
.gallery-item{
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width:100%
}
.gallery-columns-2 .gallery-item{
    max-width:50%
}
.gallery-columns-3 .gallery-item{
    max-width:33.33%
}
.gallery-columns-4 .gallery-item{
    max-width:25%
}
.gallery-columns-5 .gallery-item{
    max-width:20%
}
.gallery-columns-6 .gallery-item{
    max-width:16.66%
}
.gallery-columns-7 .gallery-item{
    max-width:14.28%
}
.gallery-columns-8 .gallery-item{
    max-width:12.5%
}
.gallery-columns-9 .gallery-item{
    max-width:11.11%
}
.gallery-caption{
    display:block
}
.clearfix{
    overflow:auto
}
.clearfix::after{
    content:"";
    clear:both;
    display:table
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.helpblock{
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:100%
}
.burger-menu{
    display:none;
    position:fixed;
    top:20px;
    left:20px;
    z-index:10;
    cursor:pointer;
    width:40px;
    height:35px;
    padding-top:5px;
    transform-origin:center
}
.burger-menu .line{
    width:22px;
    height:1px;
    background-color:#fff;
    display:block;
    margin:5px auto;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.burger-menu.active{
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -webkit-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
    -webkit-transform:rotate(-45deg) translateX(-3px);
    -ms-transform:rotate(-45deg) translateX(-3px);
    -o-transform:rotate(-45deg) translateX(-3px);
    transform:rotate(-45deg) translateX(-3px)
}
.burger-menu.active .line:nth-child(2){
    width:0px
}
.burger-menu.active .line:nth-child(3),.burger-menu.active .line:nth-child(1){
    -webkit-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s
}
.burger-menu.active .line:nth-child(1){
    -webkit-transform:translateY(3px);
    -ms-transform:translateY(3px);
    -o-transform:translateY(3px);
    transform:translateY(3px)
}
.burger-menu.active .line:nth-child(3){
    -webkit-transform:translateY(-9px) rotate(90deg);
    -ms-transform:translateY(-9px) rotate(90deg);
    -o-transform:translateY(-9px) rotate(90deg);
    transform:translateY(-9px) rotate(90deg)
}
.center-info{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    text-align:center;
    display:inline
}
.center-info .helpblock{
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:100%
}
.center-info .info{
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
    max-width:600px;
    width:50%
}
.center-info .logo{
    width:100%;
    max-width:230px;
    margin:auto
}
.center-info .name-real{
    opacity:0;
    margin:-20px auto 0 auto;
    font-size:16px;
    text-transform:uppercase
}
.pen-bloc{
    width:33%;
    min-width:260px;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    margin-bottom:50px
}
.pen-bloc .icon{
    width:85px;
    height:85px;
    display:inline-block;
    vertical-align:top;
    position:relative;
    margin-top:-7px
}
.pen-bloc .icon img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
.pen-bloc .content{
    width:200px;
    display:inline-block;
    vertical-align:top;
    text-align:left
}
.pen-bloc .title{
    font-size:13px;
    text-transform:uppercase
}
.pen-bloc ul{
    margin-top:5px
}
.pen-bloc ul li{
    margin-top:2px;
    color:#949494
}
.pen-bloc ul li:first-child{
    text-transform:uppercase
}
@-ms-keyframes slide-top{
    0%{
        -webkit-transform:translateY(-8px);
        -ms-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    100%{
        -webkit-transform:translateY(8px);
        -ms-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@-webkit-keyframes slide-top{
    0%{
        -webkit-transform:translateY(-8px);
        -ms-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    100%{
        -webkit-transform:translateY(8px);
        -ms-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@keyframes slide-top{
    0%{
        -webkit-transform:translateY(-8px);
        -ms-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    100%{
        -webkit-transform:translateY(8px);
        -ms-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@-webkit-keyframes kenburns-in{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    100%{
        -webkit-transform:scale(1.03);
        transform:scale(1.03);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
}
@keyframes kenburns-in{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    100%{
        -webkit-transform:scale(1.03);
        transform:scale(1.03);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
}
@-webkit-keyframes kenburns-out{
    0%{
        -webkit-transform:scale(1.03);
        transform:scale(1.03);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
}
@keyframes kenburns-out{
    0%{
        -webkit-transform:scale(1.03);
        transform:scale(1.03);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
}
#circle{
    stroke-dasharray:150;
    stroke-dashoffset:150;
    transform:rotate(185deg);
    transform-origin:50% 50%
}
#chevron{
    stroke-dasharray:70;
    stroke-dashoffset:0
}
.cross.anim svg circle{
    animation:spin 2.5s ease-in-out forwards infinite
}
.cross.anim svg polyline{
    animation:out 0.3s ease forwards
}
@-webkit-keyframes spin{
    0%{
        stroke-dasharray:20,200;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:89,200;
        stroke-dashoffset:0;
        transform:rotate(545deg)
    }
    100%{
        stroke-dasharray:20,200;
        stroke-dashoffset:0
    }
}
@keyframes spin{
    0%{
        stroke-dasharray:20,200;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:89,200;
        stroke-dashoffset:0;
        transform:rotate(545deg)
    }
    100%{
        stroke-dasharray:20,200;
        stroke-dashoffset:0
    }
}
@keyframes out{
    100%{
        stroke-dashoffset:-69
    }
}
body{
    font-size:14px;
    background-color:#000;
    color:#fff;
    font-family:'Abel', sans-serif;
    letter-spacing:0.056em;
    overflow-x:hidden
}
.btn{
    display:inline-block;
    margin-top:25px;
    padding:10px 25px;
    color:#000;
    border-radius:5px;
    background-color:#fff
}
.btn:hover{
    background-color:#F9F9F9
}
.error-404 .page-title,.not-found .page-title{
    font-size:45px
}
#page:after{
    display:block;
    content:'';
    position:fixed;
    top:0;
    left:0;
    z-index:2;
    width:650px;
    height:400px;
    pointer-events:none;
    background:linear-gradient(155deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 45%)
}
.site-header{
    position:fixed;
    top:40px;
    z-index:5;
    margin:0 55px
}
.site-header:after{
    z-index:1;
    content:'';
    width:100%;
    height:50px;
    display:block;
    position:absolute;
    top:0;
    left:0
}
.site-header .iso-logo{
    position:fixed;
    width:140px;
    height:auto;
    top:42px;
    right:55px;
    z-index:5
}
.main-navigation{
    z-index:5;
    position:relative;
    text-transform:uppercase
}
.main-navigation #primary-menu li:first-child{
    cursor:pointer
}
.main-navigation #primary-menu li:first-child a::selection{
    background-color:transparent
}
.main-navigation ul ul{
    box-shadow:none
}
.main-navigation li{
    cursor:pointer
}
.main-navigation a{
    color:#fff
}
.main-navigation img{
    float:right
}
.main-navigation .sub-menu{
    padding-top:22px
}
.main-navigation .sub-menu .menu-item{
    margin:0
}
.menu-item{
    opacity:.4;
    margin-right:30px;
    transition:opacity 0.3s ease-in-out
}
.menu-item a{
    padding-bottom:7px;
    display:inline-block;
    border-bottom:1px solid transparent
}
.menu-item:hover,.menu-item.current-menu-item,.menu-item.current-menu-parent{
    opacity:1
}
.menu-item:hover a,.menu-item.current-menu-item a,.menu-item.current-menu-parent a{
    border-bottom:1px solid #fff
}
.menu-item:last-child{
    margin:0
}
.menu-item.current-menu-item .sub-menu{
    height:auto
}
.menu-item:first-child:hover .sub-menu{
    display:block
}
.sub-menu{
    display:none;
    height:auto;
    overflow:hidden;
    transition:height 0.3s ease
}
.sub-menu .menu-item{
    opacity:1
}
.sub-menu .menu-item a{
    border:none
}
.main-navigation ul ul li{
    display:block
}
.home .site-content{
    width:100%;
    overflow:hidden
}
:focus{
    outline:none
}
.home-slider{
    height:100vh;
    outline:none;
    background-color:#3e3e3e
}
.home-slider a{
    color:#fff
}
.home-slider .slide{
    float:left;
    position:relative;
    height:100vh
}
.home-slider .slide .content{
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
}
.home-slider .info{
    width:40%;
    max-width:600px
}
.home-slider .info .name-real{
    opacity:1
}
.slick-list{
    height:100%;
    width:100%
}
.go-down{
    position:absolute;
    left:0;
    right:0;
    top:calc(100vh - 60px);
    margin:0 auto;
    padding:10px;
    width:60px;
    cursor:pointer;
    opacity:0.5;
    transition:opacity 0.3s ease;
    -webkit-animation:slide-top 1s ease-in-out infinite alternate;
    animation:slide-top 1s ease-in-out infinite alternate
}
.go-down:hover{
    opacity:1
}
.chevron{
    width:80px;
    height:100vh
}
.go-left,.go-right{
    height:100vh;
    line-height:100vh;
    position:absolute;
    top:0;
    left:0;
    text-align:right;
    cursor:pointer;
    transition:opacity .6s ease
}
.go-left svg,.go-right svg{
    transition:all 0.2s ease-in-out;
    opacity:0.5;
    -webkit-transform:translateX(10px);
    -ms-transform:translateX(10px);
    transform:translateX(10px)
}
.go-left:hover svg,.go-right:hover svg{
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.go-left:after,.go-right:after{
    position:absolute;
    top:0;
    left:0;
    width:200px;
    pointer-events:none;
    height:100vh;
    content:'';
    display:block;
    background:-moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background:-webkit-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background:linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%)
}
.go-right{
    left:auto;
    text-align:left;
    right:0
}
.go-right svg{
    -webkit-transform:translateX(-10px);
    -ms-transform:translateX(-10px);
    transform:translateX(-10px)
}
.go-right:after{
    left:auto;
    right:0;
    content:'';
    display:block;
    background:-moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%)
}
.bloc-clip{
    position:relative;
    float:left;
    width:50%;
    height:28vw;
    overflow:hidden
}
.bloc-clip a{
    color:#fff
}
.bloc-clip .container{
    width:101%;
    height:101%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    transition:transform 0.7s ease-in-out;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.bloc-clip:hover .container{
    transition:transform 4s ease-in-out;
    -webkit-transform:scale(1.05);
    transform:scale(1) \0;
    transform:scale(1.05)
}
.bloc-clip .center-info img{
    opacity:0;
    transition:opacity .5s ease-in-out
}
.bloc-clip .center-info .name-real{
    transition:all .3s ease-in-out .5s;
    -webkit-transform:translateY(25px);
    -ms-transform:translateY(25px);
    transform:translateY(25px)
}
.bloc-clip.anim .center-info img{
    opacity:1
}
.bloc-clip.anim .center-info .name-real{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .bloc-clip:hover .container{
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.load-more{
    text-align:center;
    height:200px;
    position:relative
}
.load-more .cross{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:40px;
    height:40px;
    padding:25px;
    cursor:pointer;
    box-sizing:initial
}
.intro-container{
    max-width:1050px;
    width:85%;
    margin:229px auto 0 auto;
    color:#949494;
    font-size:16px
}
.intro-container .desc{
    max-width:610px;
    width:60%;
    float:left
}
.intro-container .desc p:first-child{
    margin-top:15px
}
.contact{
    float:right;
    text-align:center;
    padding:0 10%;
    border-left:1px solid #353535
}
.contact p:first-child{
    margin-top:16px
}
.social{
    display:inline-block;
    margin:14px auto 0 auto
}
.social a{
    line-height:1.1;
    padding:0 6px;
    font-size:18px;
    width:22px;
    text-decoration:none
}
.social a:hover svg path{
    fill:#fff
}
.social li{
    float:left;
    margin:0 2px
}
.social li svg{
    max-width:18px;
    max-height:18px
}
.social li svg path{
    transition:all .2s ease-in-out;
    fill:#d7d7d7
}
.social li:nth-child(2) .svgicon{
    max-width:26px;
    max-height:22px
}
.pen-container{
    max-width:1050px;
    width:90%;
    margin:145px auto 0 auto;
    text-align:center
}
.bg-about{
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.single-post .site-main{
    height:100vh
}
.single-article{
    margin-top:-70px;
    display:inline-block;
    width:61%;
    vertical-align:middle;
    text-align:left;
    text-transform:uppercase
}
.single-article header{
    margin-left:100px
}
.single-article .btn-close{
    float:right;
    position:relative;
    z-index:6;
    display:block;
    top:40px;
    width:30px;
    height:30px
}
.single-article h1{
    font-size:30px;
    color:#fff;
    margin-bottom:-4px
}
.single-article .subtitle{
    font-size:20px;
    color:#949494
}
.single-article .subtitle a{
    color:#949494;
    text-decoration:none;
    transition:color .2s ease
}
.single-article .subtitle a:hover{
    color:#c7c7c7
}
.helpblock.full{
    display:none
}
.full-large{
    width:99%;
    max-width:1500px;
    display:block;
    margin:100px auto 0 auto
}
.full-large .entry-header{
    margin-bottom:20px
}
.full-large iframe{
    width:85%;
    height:48vw
}
.full-large .btn-close{
    right:40px
}
.player-section{
    width:100%;
    margin-top:160px
}
.player-section .entry-content .player{
    width:100%;
    max-height:845px;
    word-wrap:break-word
}
.player-section .entry-content .player iframe{
    width:100%;
    height:34vw
}
.related-pic{
    max-height:100vh;
    position:absolute;
    top:0;
    right:0;
    width:37%;
    overflow-y:scroll
}
.related-pic img{
    width:100%;
    margin-bottom:10px;
    display:block
}
.related-pic img:last-child{
    margin:0
}
.archive .bloc-clip:first-child{
    width:100%;
    height:100vh
}
.archive .bloc-clip:first-child .center-info img{
    opacity:1
}
.archive .director{
    position:fixed;
    top:100px;
    left:50px;
    z-index:3;
    font-size:30px
}
.no-results,.not-found{
    text-align:center;
    margin-top:50vh;
    transform:translateY(-50%)
}
.no-results a,.not-found a{
    color:#000;
    text-decoration:none
}
.no-results .back-home,.not-found .back-home{
    font-weight:bold;
    margin:30px auto;
    width:210px;
    height:35px;
    border-radius:5px;
    line-height:35px;
    background-color:#fff
}
@media screen and (max-width: 1050px){
    .single-post .site-main{
        height:auto
    }
    .single-article{
        width:100%;
        margin-top:80px
    }
    .helpblock.single{
        display:none
    }
    .go-left,.go-right,.go-right{
        display:none
    }
    .player-section{
        width:62%;
        margin:0 auto
    }
    .related-pic{
        max-height:none;
        width:62%;
        position:initial;
        margin:35px auto 0 auto;
        overflow-y:auto
    }
}
@media screen and (max-width: 950px){
    .pen-container{
        text-align:left
    }
    .pen-bloc{
        width:50%
    }
    .contact{
        padding:0 0 0 8%
    }
}
@media screen and (max-width: 800px){
    .home-slider{
        height:40vh;
        outline:none;
        background-color:#3e3e3e
    }
    .home-slider .slide{
        float:left;
        position:relative;
        height:40vh
    }
    .bloc-clip{
        width:100%;
        height:56vw
    }
    .intro-container .desc{
        float:none;
        width:auto
    }
    .intro-container .contact{
        padding:0;
        margin-top:35px;
        float:none;
        border:none
    }
    .single-article h1{
        font-size:24px
    }
    .single-article .subtitle{
        font-size:18px
    }
    .pen-container{
        margin-top:100px
    }
}
@media screen and (max-width: 650px){
    #page:after{
        width:0;
        height:0
    }
    .site{
        overflow:auto
    }
    .burger-menu{
        display:block
    }
    .site-header{
        position:fixed;
        top:0;
        bottom:0;
        width:250px;
        left:-250px;
        height:100vh;
        margin:0;
        padding:0 0 0 20px;
        background-color:#000;
        z-index:5;
        transition:all 0.6s cubic-bezier(0.46, 0, 0.12, 1.41)
    }
    .site-header.active{
        left:0
    }
    .site-header .main-navigation{
        float:none;
        width:auto;
        clear:none;
        top:80px
    }
    .site-header .main-navigation li{
        float:none;
        margin-bottom:15px
    }
    .site-header .main-navigation ul ul{
        float:none;
        position:initial
    }
    .site-header .iso-logo{
        top:15px;
        right:20px;
        width:140px
    }
    .menu-item{
        opacity:0.6
    }
    .site-content{
        transition:transform 0.5s ease-in-out
    }
    .site-content.active{
        transform:translateX(200px);
        transition:transform 0.5s ease
    }
    .site-content .director{
        position:fixed;
        font-size:25px;
        top:18px;
        left:70px
    }
    .intro-container{
        margin-top:135px
    }
    .load-more{
        position:relative;
        height:150px
    }
    .load-more .cross{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        height:fit-content
    }
    .player-section{
        width:96%
    }
    .player-section .entry-content .player iframe{
        height:45vw
    }
    .related-pic{
        width:96%
    }
}
@media screen and (max-width: 580px){
    .pen-container{
        text-align:center
    }
}
@media screen and (max-width: 500px){
    .center-info .name-real{
        margin:0 auto
    }
    .single-article .btn-close{
        right:10px;
        width:25px;
        height:25px
    }
    .slick-slide .center-info .info,.archive .bloc-clip:first-child .center-info .info{
        width:85%
    }
    .single-article header{
        margin-left:10px
    }
}
/***** Custom CSS from LCF *****/
/* Template Main */
 .main-container {
     width: 85%;
     margin: 145px auto 145px auto;
     color: #949494;
     font-size: 16px;
}
 .main-container > h1 {
     color: #fff;
     margin-bottom: 70px;
}
/* About us */
/* Social icons */
 .about-social {
     display: flex;
     flex-direction: row;
     gap: 20px;
     justify-content: center;
     margin: 14px auto 0 auto;
}
 .about-social > li {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     height: 32px;
}
 ul.about-social > li > a {
     display: block;
     width: 18px;
     height: 18px;
     font-size: 0;
}
 ul.about-social > li > a svg path, ul.about-social > li > a svg circle {
     fill: #d7d7d7;
     transition: fill .2s ease-in-out;
}
 ul.about-social > li > a:hover svg path, ul.about-social > li > a:hover svg circle {
    fill: #ffffff;
}
/* Group desc */
 .group-desc {
     display: flex;
     flex-direction: column;
     gap: 50px;
     margin-bottom: 145px;
     color: #949494;
     text-align: left;
     font-size: 16px;
}
 .group-desc > img {
     max-width: 280px;
     display: block;
     margin: 0 auto;
}
 @media screen and (min-width: 920px) {
     .group-desc {
        flex-direction: row;
    }
     .group-desc > img {
        margin: 0;
    }
}
/* Design fix for awards */
 @media screen and (max-width: 577px) {
     .pen-bloc .content {
         text-align: center;
         margin-top: 15px;
    }
}
/* Footer */
 footer {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 25px 0;
     justify-content: space-between;
}
 @media screen and (min-width: 850px) {
     footer {
         flex-direction: row !important;
         padding: 25px 55px;
    }
}
/* Left col */
 footer a.footer-logo {
    display: flex;
}
 footer a.footer-logo img {
    width: 200px;
}
/* Right col */
 footer .footer-right-col {
     display: flex;
     flex-direction: column;
}
 footer .footer-right-col > div {
     align-items: center;
     justify-content: center;
}
 @media screen and (min-width: 850px) {
     footer .footer-right-col {
         flex-direction: row !important;
    }
}
.menu-menu-header-container{
    font-size:16px;
}
/* Menu */
 .footer-right-col .menu-footer-container {
     font-size:14px;
     display: flex;
     align-items: center;
     margin:20px;
}
 @media screen and (min-width: 850px) {
     .footer-right-col .menu-footer-container {
         padding-right: 20px;
    }
}
 .footer-right-col .menu-footer-container ul.footer-menu {
     display: flex;
     flex-direction: row;
     padding-top: 8px;
}
 .footer-right-col .menu-footer-container ul.footer-menu a {
     color: #fff;
     text-decoration: none;
     text-transform: uppercase;
}
/* Social Networks */
 .footer-right-col .footer-social {
     display: flex;
     align-items: center;
}
 .footer-right-col .footer-social ul.footer-rs-list {
     display: flex;
     flex-direction: row;
     gap: 16px;
}
 .footer-right-col .footer-social ul.footer-rs-list li a {
     display: block;
     width: 20px;
     height: 20px;
     font-size: 0;
}
 .footer-right-col .footer-social ul.footer-rs-list li a svg {
     max-width: 100%;
     max-height: 100%;
}
/* Complianz cookie page */
 div#cmplz-cookies-overview, #cmplz-manage-consent-container {
    color: #000;
}
 .cmplz-service-description, .cmplz-service-description a, .cmplz-sharing-data, .cmplz-description {
    color: #fff;
}
 .cmplz-service-description a:after {
    display: none !important;
}
 #cmplz-document summary, .cmplz-always-active {
    color: #fff !important;
}
 .bloc-clip .container {
     position: relative;
     background-size: cover;
     background-position: center;
}
 .bloc-clip .container::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.1);
    /* Filigrane noir à 20% */
}

.menu-item-object-custom{
    font-size:18px;
}

.icons img{
   max-width:85%; 
}

.icons-slider img{
   max-width:70%; 
}

.slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.slider-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Désactive toutes les interactions avec la vidéo */ 
}

.slide iframe {
    width: 100%;
    height:100%
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.2);
}

.overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    text-align: center;
    color: white;
    flex-direction: column;
}

.overlay-content img {
    width: 400px; /* Ajuste la taille du logo si nécessaire */
    margin-bottom: 10px;
}

.overlay-content .name-real {
    margin-top:-40px;
    font-size: 20px; /* Ajuste la taille du texte */
    color: white;
}