*{ box-sizing: border-box; }
html, body {
    height: 100%;
    width: 100%;
}
body{ background:#FFF; font-family:Maax, Helvetica, Arial, Sans-Serif; font-size:26px; color:#1200FF; }

a{ color:#1200FF; }
a:active, a:focus{ color:#1200FF; text-decoration:none; }
a:hover{ color:inherit; text-decoration:none; }
a.hu:hover{ text-decoration:underline; }
main{ margin-top:52px; }
.menu-trigger{ color:#1200FF; }
.main-header .logo{ color:#1200FF; }

/* -------------------------
- Bootstrap custom
---------------------------*/

/* -------------------------
- General classes
---------------------------*/
main .container{  }

section.content .container{ padding:0 82px; }
.spinner-animate{
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
@-webkit-keyframes spin{
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin{
    100% { -moz-transform: rotate(360deg); }
}
@keyframes spin{
    100% { transform: rotate(360deg); }
}

/* -------------------------
- Services
---------------------------*/
section.services{ margin-bottom:140px; }
section.services .services-list{ font-size:100px; font-weight:bold; line-height:108px; position:relative; z-index:990; }
section.services .services-list li{ display:block; }
section.services .services-list li .wrapper-title{ display:inline-block; position:relative; }
section.services .services-list li .wrapper-title .background{ background:#1200FF; position:absolute; height:100%; left:0; top:0; width:0%: }
section.services .services-list a{ color:#1200FF; display:block; padding-bottom:4px;  white-space: nowrap; opacity:0; }
section.services .services-list a span{ }
section.services .services-list a:hover{ color:#1200FF; text-decoration:none;  }
section.services .services-list a:hover span{
    background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSI1IiBoZWlnaHQ9IjEyIiBzdHlsZT0iZmlsbDojMTIwMEZGIiAvPjwvc3ZnPg==') repeat-x 100% 100%;
    background-position-y: calc(100% + 0px);
}
section.services .services-list li p{ font-size:24px; line-height:30px; padding:20px 50px 30px; margin:0; font-weight:500; }
section.services .services-logo{ position:relative; height:159px; width:159px; margin:0 auto; top:-22px; }
.nav-is-stuck section.services .services-logo{ visibility:hidden; }
section.services .services-logo-default{
    opacity:0; transition: opacity 1s; position:absolute;
    background-repeat:no-repeat;
    background-size:cover;
    width:100%; height:100%;
}
section.services .services-logo-state{
    opacity:0; transition: opacity 1s; position:absolute;
    background-repeat:no-repeat;
    background-size:cover;
    width:100%; height:100%;
}
section.services .services-logo-state{  }
section.services .services-logo-state.active{  opacity:1; transition: opacity 2.5s; }
section.services .services-logo-default.active{ opacity:1; transition: opacity 2s; }
section.services p.author{ font-size:12.5px; line-height:14.2px; letter-spacing:2px; text-transform:capitalize; }

/* -------------------------
- Articles list
---------------------------*/
.articles-list article{ margin-bottom:21px; font-size:12px; margin-top:0; position:relative; top:0; opacity:0; z-index:100; }
.articles-list article.in-view{ top:-100px; opacity:1; transition: top 1s, opacity 1.3s; }
.articles-list article.force-in-view{ top:-100px; opacity:1;}
.articles-list article h2{ letter-spacing:-0.40px; font-size:30px; margin-bottom:30px; }
.articles-list article p{ margin:0; padding:0; color:#1200FF; font-weight:500; line-height:18px; }
.articles-list article p.bright{ color:#1200FF; font-weight:400; }
.articles-list article p.type{ margin-bottom:13px; font-size:14px; font-weight:500; }
.articles-list article a h2:hover span{
    /* 3px */
    background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iMyIgc3R5bGU9ImZpbGw6IzEyMDBGRiIgLz48L3N2Zz4=') repeat-x 100% 100%;
    background-position-y: calc(100% - 0px);
}
.articles-list article.testi{ margin:100px 0 70px; }
.articles-list article.testi p{ font-size:70px; line-height:70px; color:#1200FF; }
.articles-list article.testi p.author{ margin-top:20px; font-size:12px; text-transform:uppercase; }
.articles-list article.testi p u{
    text-decoration:none;
    /* Height 7 */
    background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iNyIgc3R5bGU9ImZpbGw6IzEyMDBGRiIgLz48L3N2Zz4=') repeat-x 100% 100%;
    background-position-y: calc(100% - 0px);
}
.articles-list article .col-lg a{ display:block; height:100%; }
.articles-list article .col-lg a:hover{ text-decoration:none; color:inherit; }
.articles-list article .col-img{ }
.articles-list article .col-img .canvas{ position:relative; z-index:100; }
.articles-list article .col-img .canvas .badge{
    opacity:0;
    transition:opacity 1.8s;
    z-index:101;
    position:absolute; top:50%; left:50%; font-size:14px; text-transform:uppercase;
    transform: translateY(-50%) translateX(-50%);
    font-size:10px;
    background:#1200FF;
    padding:8px 10px;
    border-radius:0;
}
.articles-list article .col-img .canvas:hover .badge{ opacity:1; transition:opacity .7s; }
.articles-loading{ opacity:0; transition:opacity .7s; }
.articles-loading.is-loading{ opacity:1; transition:opacity .7s; }

/* -------------------------
- Article detail
---------------------------*/
main article{ margin-top:155px; }
main article h1{ font-size:70px; line-height:85px; color:#1200FF; font-weight:bold; }
main article .description{ margin-bottom:90px; }
main article .description p{ font-size:14px; color:#1200FF; margin:0; padding:0; font-weight:bold; }
main article .gallery{ margin-top:5px; margin-bottom:40px; }
main article .gallery .col-12{ padding:5px; }
main article .gallery .vc_column_container>.vc_column-inner{ padding:5px; }
main article .gallery .wpb_button,
main article .gallery .wpb_content_element,
main article .gallery ul.wpb_thumbnails-fluid>li{
    margin-bottom:0;
}
main article .gallery .wpb_button, main article .gallery .wpb_content_element, main article .gallery ul.wpb_thumbnails-fluid>li{
    margin-bottom:0;
}


/* -------------------------
- About
---------------------------*/
main article.about{ margin-top:0; }
main article.about h1{ font-size:26px; margin:0; padding:0; line-height:32px; font-weight:500; }
main article.about h2{ font-size:26px; margin:0; padding:0; line-height:32px; font-weight:500; }
main article.about h4{ font-size:12px; margin:0 0 20px; font-weight:bold; padding:0; text-transform:uppercase; }
main article.about p,
main article.about .description p{ margin:0; padding:0; font-weight:500; font-size:26px; line-height:36px; letter-spacing:-.4px; }
main article.about .description p{ margin-bottom:30px; }
main article.about .description{ margin-bottom:40px; }
main article.about .socials a{ position:relative; }
main article.about .socials a:hover{ text-decoration:none; }
main article.about .socials i,
main article.about .socials svg { position:absolute; left:0; width:36px; height:36px; top:-6px; padding:0; margin:0; }
main article.about .socials span{ display:inline-block; padding-left:40px;   }
main article.about .socials a:hover span{ text-decoration:underline; }
main article.about .bio{ position:relative;  }
main article.about .bio .picture{ position:absolute;left:0; top:-24px; z-index:-1; width:48%; }
main article.about .bio .col{ padding-top:5vw; }

/* -------------------------
- 6 Footer
---------------------------*/
footer{ font-size:12px;}

.scroll-to-top{
    position:fixed;
    bottom:35px;
    right:65px;
    width:84px;
    height:84px;
    background:#1200FF;
    text-align:center;
    z-index:990;
    display:none;
    -webkit-animation: animScaleHalfToNormal 0.1s normal forwards ease-in-out;
    -moz-animation: animScaleHalfToNormal 0.1s normal forwards ease-in-out;
    animation: animScaleHalfToNormal 0.1s normal forwards ease-in-out;
}
.scroll-to-top a{ display:block; height:100%; }


/* -------------------------
- 8 Responsive
---------------------------*/

@media (min-width: 1300px) {
    /* XXL */
    .container { width:1230px; }
    section.services .services-list{ font-size:110px; line-height:110px; }
}

@media (min-width: 1200px) {
    /* XL */
    section.services .col-left{ width:190px; max-width:190px; }
    section.services .col-right{  width:190px; max-width:190px; }
    article .container{  }
}
@media (min-width: 992px) {
    /* LG */
    section.services .col-left{  width:190px; max-width:190px; }
    section.services .col-right{ width:190px; max-width:190px; }
    .pl-lg-10{ padding-left:130px!important; }
    .pr-lg-10{ padding-right:130px!important; }
}
@media (min-width: 768px) {
    /* MD */
    .pl-md-10{ padding-left:130px!important; }
    .pr-md-10{ padding-right:130px!important; }
}
@media (min-width: 576px) {
    /* SM */

}


@media (max-width: 1439px) {
    /* XL */
}
@media (max-width: 1200px) {
    /* LG */
    section.services .services-list{ font-size:78px; line-height:92px; }
    section.services .services-list a:hover span{
        background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iOSIgc3R5bGU9ImZpbGw6IzEyMDBGRiIgLz48L3N2Zz4=') repeat-x 100% 100%;
        background-position-y: calc(100% - 2px);
    }
}
@media (max-width: 992px) {
    /* SM */
    section.services .services-list{ font-size:82px; line-height:82px; }
    section.services .services-list a:hover span{
        background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iOCIgc3R5bGU9ImZpbGw6IzEyMDBGRiIgLz48L3N2Zz4=') repeat-x 100% 100%;
        background-position-y: calc(100% - 3px);
    }
    section.services .services-logo{ top:0px; display:block; }
    .nav-is-stuck section.services .services-logo{ visibility:visible; }
    main article h1{ font-size:45px; line-height:50px; word-wrap: break-word; }
    main article.about{ margin-top:120px; }
}
@media (max-width: 768px) {
    /* XS */
    .scroll-to-top{
        bottom:10px;
        right:10px;
        -webkit-animation: animScaleNormalToHalf 0.1s normal forwards ease-in-out;
        -moz-animation: animScaleNormalToHalf 0.1s normal forwards ease-in-out;
        animation: animScaleNormalToHalf 0.1s normal forwards ease-in-out;
    }
    .scroll-to-top a{ display:block; height:100%; }
    section.services .services-list{ font-size:62px; line-height:72px; }
    section.services .services-list a:hover span{
        background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iNiIgc3R5bGU9ImZpbGw6IzEyMDBGRiIgLz48L3N2Zz4=') repeat-x 100% 100%;
        background-position-y: calc(100% - 4px);
    }
    section.content .container{ padding:0 15px; }
    /*section.content article.testi .container{ padding:0 1.5rem; }*/
    .articles-list article.testi p{ font-size:50px; line-height:50px; }
}
@media (max-width: 576px) {
    /* XXS */
    section.services .services-list{ font-size:39px; line-height:42px; }
    section.services .services-list li p{ padding-left:15px; padding-right:15px; font-size:20px; }
    section.services .services-list a:hover span{
        background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iNCIgc3R5bGU9ImZpbGw6IzEyMDBGRiIgLz48L3N2Zz4=') repeat-x 100% 100%;
        background-position-y: calc(100% - 4px);
    }
    .articles-list article.testi p{
        font-size:40px; letter-spacing:-0.6px; line-height:45px;
    }
    .articles-list article.testi p u{
        /* Height 4 */
        background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iNCIgc3R5bGU9ImZpbGw6IzEyMDBGRiIgLz48L3N2Zz4=') repeat-x 100% 100%;
        background-position-y: calc(100% - 0px);
    }
}

/* -------------------------
- Overlay
---------------------------*/
.c-overlay-transition{
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: background-color .5s,opacity .5s,visibility .5s;
    visibility: hidden;
    width: 100%;
    z-index: 994;
    background-color: rgb(251,251,251);
}
.c-overlay-transition.is-active {
    opacity: 1;
    visibility: visible;
}

/* -------------------------
- 9 Annimations
---------------------------*/
@-webkit-keyframes animScaleNormalToHalf {
    from { transform: scale(1,1) }
    to { transform: scale(0.5,0.5) }
}
@-moz-keyframes animScaleNormalToHalf {
    from { transform: scale(1,1) }
    to { transform: scale(0.5,0.5) }
}
@keyframes animScaleNormalToHalf {
    from { transform: scale(1,1) }
    to { transform: scale(0.5,0.5) }
}
@-webkit-keyframes animScaleHalfToNormal {
    from { transform: scale(0.5,0.5) }
    to { transform: scale(1,1) }
}
@-moz-keyframes animScaleHalfToNormal {
    from { transform: scale(0.5,0.5) }
    to { transform: scale(1,1) }
}
@keyframes animScaleHalfToNormal {
    from { transform: scale(0.5,0.5) }
    to { transform: scale(1,1) }
}