@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
body, html {width: 100%;    background: #101010; }
body, th, td {	font-family: "IBM Plex Sans", sans-serif;color: #fbfbfb; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);    font-size: 14px;    text-align: left;   -webkit-font-smoothing: antialiased;    text-shadow: 0 1px 0 rgba(0, 0, 0, .01);line-height: 150%;}
body, form, object {margin: 0;padding: 0;}
img, table {border: none;}
table {border-collapse: collapse;}
table td {padding: 0;}
a {color: #fbfbfb; text-decoration:underline; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
a:hover {text-decoration:none;}
:focus {outline:none!important;text-decoration:none!important;}



.simpleParallax {height:100%;}
.wrapper {padding:0px 0 0 0;position:relative;z-index:2;overflow:hidden;}
.sticky {position:fixed;}
.stop {  position: relative;}
.bold {font-weight:bold;}
.container-fluid {max-width:100%;}
.italic {font-style:italic;}
img {max-width:100%;}
button {border:0;outline: none!important; background:none; padding:0; color: #fbfbfb; text-align:left;  }
.ic:before { transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.ic { transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.h-100 {    height: 100% !important;}
.menu-open {overflow:hidden;}
::-webkit-scrollbar { width: 4px; border-radius: 4px; background-color: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
::-webkit-scrollbar-track { border-radius: 4px; background-color: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
::-webkit-scrollbar:horizontal{display:none;}
.margin-bottom {margin-bottom:58px!important;}

h1 { margin:0 0 0px 0; color: #fbfbfb; font-weight:400; font-size: 65px; line-height: 71px; letter-spacing: -.45px; }


.gutters-10 {margin-right: -10px;margin-left: -10px;}
.gutters-10 > .col,.gutters-10 > [class*="col-"] {padding-right: 10px; padding-left: 10px;}


h2 { margin:0 0 0px 0; color: #fbfbfb; font-weight:400; font-size: 65px; line-height: 71px; letter-spacing: -.45px; transition: transform .1s ease-out;    will-change: transform; }
h2 span {font-weight:bold;}
.main-section h1 { margin:0 0 0px 0; color: #fbfbfb; font-weight:400; font-size: 65px; line-height: 71px; letter-spacing: -.45px; transition: transform .1s ease-out;    will-change: transform; }
h2.dark {color:#101010;}
h3 { margin:0 0 0px 0; color: #fbfbfb; font-weight:400; font-size: 18px; line-height: 24px; }
h4 {margin:0 0 0px 0;}
h5 {margin:0 0 0px 0;}

.btn-default { text-decoration:none; overflow:hidden; align-items: center; background:#fff; position:relative; color: #101010;    min-width: 225px;    padding: 11px 10px 11px 18px;      cursor: pointer;    border-radius: 28px;    border: none;    font-size: 14px;    white-space: nowrap;    overflow: hidden;    -webkit-border-radius: 28px;    -moz-border-radius: 28px;    -ms-border-radius: 28px;    -o-border-radius: 28px;}
.btn-default .icon {position:relative;z-index:2; min-width:17px; background:#101010; width: 17px; height: 17px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.btn-default .value {position:relative;z-index:2;}
.btn-default:hover {text-decoration:underline;}
.btn-default .icon:after { content: ""; display: block; width: 5px; height: 5px;margin:0 2px 0 0; border-left-color: #fff; pointer-events: none; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.btn-default.anim-btn {background:none;}
.btn-default.anim-btn:before { content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; transform:translateX(-100%) ; -webkit-transform:translateX(-100%) ; -moz-transform:translateX(-100%) ; -ms-transform:translateX(-100%) ; -o-transform:translateX(-100%) ; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.menu-open .btn-default.anim-btn:before { transform:translateX(0%) ; -webkit-transform:translateX(0%) ; -moz-transform:translateX(0%) ; -ms-transform:translateX(0%) ; -o-transform:translateX(0%) ; }

.btn-default.dark {background:#101010;color: #fff; }
.btn-default.dark .icon {background:#fff;}
.btn-default.dark .icon:after {border-color:#101010;}
.btn-default.grey {background:#f3f3f3;}


.btn-dark { text-decoration:None;   display: inline-flex;  border:0;     border-radius: 20px;    justify-content: center;    background: #101010; padding:11px 47px;}
.btn-dark:hover {text-decoration:underline;}


.link-default { text-decoration:none; overflow:hidden;  position:relative; color: #fff;    cursor: pointer; line-height:16px;  font-weight:600; text-transform: uppercase; border: none;    font-size: 12px;    white-space: nowrap;    overflow: hidden;  }
.link-default .icon {position:relative;z-index:2; margin:0 0 0 18px; min-width:17px; background:#fff; width: 17px; height: 17px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.link-default .value {position:relative;z-index:2;}
.link-default:hover {text-decoration:underline;}
.link-default .icon:after { content: ""; display: block; width: 5px; height: 5px;margin:0 2px 0 0; border-left-color: #101010; pointer-events: none; border-right: 1px solid #101010; border-top: 1px solid #101010; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }


.link-default.dark {color:#101010;}
.link-default.dark .icon {background:#101010;}
.link-default.dark .icon:after {border-color:#fff;}
.link-default.to-top .icon { margin:0px 12px 0 0;width: 26px; height: 26px; transform:rotate(-90deg) ; -webkit-transform:rotate(-90deg) ; -moz-transform:rotate(-90deg) ; -ms-transform:rotate(-90deg) ; -o-transform:rotate(-90deg) ; }
.link-default.to-top .icon:after {width: 8px; height: 8px;margin:0 4px 0 0;}
.link-default.back .icon { margin:0px 12px 0 0; width: 26px; height: 26px; transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }
.link-default.back .icon:after {width: 8px; height: 8px;margin:0 4px 0 0;}
.link-default.back {margin:0 0 30px 0;}


.header {  padding:0 24px;  position: fixed;    z-index: 1001;    top: 0;    left: 0;    width: 100%;       background-color: #fff;    border-radius: 0 0 10px 10px;    box-shadow: 0 3px 3px rgba(0, 0, 0, .15);    -webkit-border-radius: 0 0 10px 10px;    -moz-border-radius: 0 0 10px 10px;    -ms-border-radius: 0 0 10px 10px;    -o-border-radius: 0 0 10px 10px;}
.header .row { height: 43px;}
.header .logo-container {flex-basis: 16.66667%;    max-width: 16.66667%;padding:0 10px;}
.header .main-menu {flex-basis: 66.66667%;    max-width: 66.66667%;padding:0 10px;}
.header .main-menu .nav li a {display:block;text-decoration:None;margin:0 46px 0 0;color: #101010;font-weight: 600;font-size:14px;}
.header .main-menu .nav li .nav-item:hover {text-decoration:underline;}
.header .main-menu .nav li .nav-item.active {text-decoration:underline;}
.header .main-menu .nav {position:relative;}
.header .main-menu .nav li .drop-menu { z-index:10;overflow:hidden; visibility: hidden;pointer-events: none;opacity:0; position:absolute; top:100%; left:0; right:0; padding:0px; background:#fff; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.header .main-menu .nav li .drop-menu .nav {padding:15px;}
.header .main-menu .nav li:hover .drop-menu {visibility: visible;pointer-events: all;opacity:1;}
.header .main-menu .nav li .drop-menu a {margin:0 0 5px 0;}
.header .main-menu .nav li .drop-menu li:last-child a {margin:0;}
.header .main-menu .nav li .drop-menu a:hover {text-decoration:underline;}
.header .main-menu .nav li .drop-menu a.active {text-decoration:underline;}


.header .header-right {flex-basis: 16.66667%;    max-width: 16.66667%;padding:0 10px;}
.header .sound-switcher {width: 14px;    height: 13px;    cursor: pointer;}
.header .sound-switcher .sound-switcher-line {    width: 2px;    background-color: #262626;}
.header .sound-switcher.is-play .sound-switcher-line { -webkit-animation: sound .9s linear infinite; animation: sound .9s linear infinite; }
.header .sound-switcher .sound-switcher-line:first-child {height:100%;}
.header .sound-switcher .sound-switcher-line:nth-child(2) {    height: 80%;    -webkit-animation-delay: .8s;    animation-delay: .8s;}
.header .sound-switcher .sound-switcher-line:nth-child(3) {    height: 60%;    -webkit-animation-delay: .3s;    animation-delay: .3s;}
.header .sound-switcher .sound-switcher-line:nth-child(4) {    height: 40%;    -webkit-animation-delay: 1.3s;    animation-delay: 1.3s;}
.audio {display:none!important;}

@-webkit-keyframes sound {
    0% {
        height: 4px
    }

    50% {
        height: 100%
    }

    to {
        height: 4px
    }
}

@keyframes sound {
    0% {
        height: 4px
    }

    50% {
        height: 100%
    }

    to {
        height: 4px
    }
}

.menu-button .button-icon { width:25px; height:25px;margin:0 0 0 22px; }
.but-icon { display: block; height: 1px; width:100%; background: transparent; position:relative;}
.but-icon::before, .but-icon::after { width:100%;  position: absolute; display: block; left: 0; height: 2px; background-color:#262626; content: ""; transition:0.2s ; -webkit-transition:0.2s ; -moz-transition:0.2s ; -ms-transition:0.2s ; -o-transition:0.2s ; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.but-icon::before {top:-4px;  }
.but-icon::after {bottom:-4px;}
.but-icon::before, .but-icon::after {-webkit-transition-duration: 0.2s, 0.2s;			transition-duration: 0.2s, 0.2s;	-webkit-transition-delay: 0.0s, 0s;			transition-delay: 0.0s, 0s;  }  
.but-icon::before {	-webkit-transition-property: top, transform,left;	transition-property: top, transform,left;  }
.but-icon::after {	-webkit-transition-property: bottom, transform,left;	transition-property: bottom, transform,right,left;  }
/* when menu open: */
.but-icon.is-active {	background: none!important;  }
.but-icon.is-active::before, .but-icon.is-active::after {	-webkit-transition-delay: 0s, 0.0s;			transition-delay: 0s, 0.0s;  }
.but-icon.is-active::before {	top: 0;	-webkit-transform: rotate(45deg);			transform: rotate(45deg);  }
.but-icon.is-active::after {	bottom: 0;	-webkit-transform: rotate(-45deg);			transform: rotate(-45deg);  }

#video-2 {opacity:0;}

.main-section {position:relative;    position: relative;    height: calc(100vh + 858px);}
.main-section .main-container {position: fixed;    width: 100%;    max-width: inherit;    top: 0;    left: 0;    height: 100%;}
.main-section .video-container {position:relative;height:100%;}
.main-section .video-container video {-o-object-position: center top;    object-position: center top;display: block;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    -o-object-fit: cover;    object-fit: cover;}

.main-section .main-info {       position: absolute;    left: 0;    bottom: 0;    width: 100%;    height: 408px;    padding: 48px 0 30px;    z-index: 10;}
.main-section .main-info .info-bg {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: #fff;    border-radius: 10px 10px 0 0;    transform: translateY(100%);    transition: transform .1s ease-out;    -webkit-border-radius: 10px 10px 0 0;    -moz-border-radius: 10px 10px 0 0;    -ms-border-radius: 10px 10px 0 0;    -o-border-radius: 10px 10px 0 0;}
.main-section .main-info .info-container { mix-blend-mode: difference;}
.main-section .main-info .info-anons {font-size: 16px;    line-height: 22px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 7;    line-clamp: 7;    -webkit-box-orient: vertical;    max-width: 540px;    padding-top: 10px;}
.main-section .main-info .info-twin {    line-height: 28px;font-size: 25px;    letter-spacing: -.25px;padding-bottom: 30px;}
.main-section .play-btn .btn-icon { transform:scale(0) ; -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; }
.play-btn {font-size: 14px;    line-height: 20px;display:block;text-decoration:none;}
.play-btn .btn-icon {position: relative;    width: 54px;    height: 54px;    margin-right: 16px;}
.play-btn .btn-icon:after { content:""; display:block; background-color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.play-btn .btn-icon:before {    content:"";    display:block;    width: 0;    height: 0;    border-color: transparent transparent transparent #101010;    border-style: solid;    border-width: 6px 0 6px 8px;    position: absolute;    top: 50%;    left: 50%;    margin: -6px 0 0 -3px;    opacity: 1;    z-index: 1;    transition: transform .3s ease-in-out;    will-change: transform;    -webkit-transition: transform .3s ease-in-out;    -moz-transition: transform .3s ease-in-out;    -ms-transition: transform .3s ease-in-out;    -o-transition: transform .3s ease-in-out;}
.play-btn .btn-data {opacity:0.5;margin:0 0 2px 0;}
.play-btn:hover .btn-value {text-decoration: underline;}

.trans { transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ; }
.op {opacity:0;}


.m-l {padding-left:16.66667%!important;}

.black {background-color: #101010;}
.relative {position:relative;}
.fixed-nav {position:fixed;;left: 24px; padding:0;   bottom: 35px;    z-index: 101;    mix-blend-mode: difference;}
.fixed-nav .nav .nav-link { padding:0;   margin-bottom: 5px;display:block;text-decoration:none;font-size: 14px;    line-height: 20px;}
.fixed-nav .nav .nav-link:hover {text-decoration:underline;}
.fixed-nav .nav .nav-link.active {text-decoration:underline;}

.fit {display: block;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    -o-object-fit: cover;    object-fit: cover;}

.big-menu {pointer-events: none;opacity:0;visibility: hidden; position: fixed; padding:43px 0 0 0; z-index: 999; width: 100%; left: 0; top: 0; height: 100%; background-color: #121516; overflow: hidden; transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ; }
.big-menu .menu-bg {position:absolute;top:0;bottom:0;left:0;right:0;}
.big-menu .menu-bg img {-o-object-position: center top;    object-position: center top;}
.big-menu .menu-info {position:relative;z-index:10;padding:80px 0 0 0;overflow: auto;}
.big-menu .menu-info .nav-item {display:Block;margin:0 0 7px 0;text-decoration:none;    font-size: 65px;    line-height: 71px;    letter-spacing: -.45px;}
.big-menu .menu-info .nav-item:hover {text-decoration: underline;}
.big-menu .menu-bottom {margin:25px 0;padding-bottom:25px;    border-bottom: 1px solid #393939;}
.big-menu .menu-info .nav { transform:translateY(45px) ; -webkit-transform:translateY(45px) ; -moz-transform:translateY(45px) ; -ms-transform:translateY(45px) ; -o-transform:translateY(45px) ; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; }

.menu-open .big-menu {pointer-events: all;opacity:1;visibility: visible;}
.menu-open .big-menu .menu-info .nav { transform:translateY(0px) ; -webkit-transform:translateY(0px) ; -moz-transform:translateY(0px) ; -ms-transform:translateY(0px) ; -o-transform:translateY(0px) ; }


.main-portfolio {padding:123px 0 0 0;}
.portfolio-container .title-container {padding:0 0 7px 0;border-bottom:1px solid #393939;margin:0 0 40px 0;}
.main-portfolio .title-container {margin:0 0 146px 0;}

.portfolio-list .item {display:block;text-decoration:none;margin:0 0 0px 0;position:relative;}
.portfolio-list .col-12 {padding-bottom:70px;}
.portfolio-list .item .item-image {margin:0 0 60px 0; position:relative;overflow:hidden; height:566px; overflow: hidden; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; }
.portfolio-list.porfolio .item .item-image {height:100%!important;margin:0;}
.portfolio-list .item .item-image img {position:relative;}
.portfolio-list.blog .item .item-image {margin:0;}
.portfolio-list .item .item-image:after { content:""; display:block; background-color: rgba(0, 0, 0, .4); position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
.portfolio-list .item:hover .item-image:after {opacity:1;}
.portfolio-list.portfolio-slider .item .item-image {margin:0;}

.portfolio-list.portfolio-slider .item {width:100%;margin:0;}
.portfolio-list.portfolio-slider .slide {padding:0 20px 0 0;}
.portfolio-list .item .item-info {padding:0 0 15px 0;border-bottom:1px solid #393939;width:100%;}
.portfolio-list.blog .item .item-info {padding:25px 0 20px 0;}
.portfolio-list .item .item-info .year {font-size:14px;line-height:21px;color:#858585;margin:0 60px 0 0;width:30%;min-height:21px;}
.portfolio-list .item .item-info .name {font-size:16px;line-height:23px;color:#fff;}
.portfolio-slider {position:relative;margin:0 -20px 0 0;}
.portfolio-list .item .blog-info {color: #858585;margin:0 0 25px 0;}
.portfolio-list .item .blog-info .rzd {margin:0 16px;}
.portfolio-list .item .blog-name {min-height:60px;line-height:28px;font-size: 25px;    letter-spacing: -.25px;}


.portfolio-list.portfolio-slider .item {height:100%;display:flex;flex-direction: column; justify-content: space-between;align-items: start;} 
.portfolio-list.portfolio-slider .slick-track {display:flex;}
.portfolio-list.portfolio-slider .slick-slide {height:unset;float:None;}

.portfolio-list.porfolio .item {height:100%!important;display:flex;flex-direction: column; justify-content: space-between;align-items: start;}
.portfolio-list.porfolio .item-info {margin:60px 0 0px 0;}

.portfolio-container .slider-navs {margin:-30px 0 30px auto;}



.portfolio-list .item .item-tags {position:absolute;top:20px;right:20px;z-index:4;}
.portfolio-list .item .item-tags .tag {margin:0 0 8px 8px;background: #fff;    color: #101010;    border: 1px solid #fff;    white-space: nowrap;    display: block;      text-decoration: none;    padding: 9px 15px;    font-size: 12px;    line-height: 16px;    border-radius: 6px;    -webkit-border-radius: 6px;   -moz-border-radius: 6px;    -ms-border-radius: 6px;    -o-border-radius: 6px;    text-transform: uppercase;}
.slider-drag { opacity:0; pointer-events: none; position:absolute; z-index:60; width:45px;height:70px; text-align:center; font-size:14px; line-height:21px; color:#fff; top:-35px; left:-22px; }
.slider-drag .ic { width:45px; height:45px;  margin:0 0 4px 0; background:#fff url('../../images/drag.svg') no-repeat center; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.slider-container:hover .slider-drag {opacity:1;}
.slider-container {cursor: none!important;}
.slider-container * {cursor: none!important;}

.fancybox-slide--video .fancybox-content { overflow:hidden; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }

.main-about {padding:137px 0 35px 0;}
.main-about .about-video { display:block; margin:0 0 60px 0; text-decoration:none; position:relative; overflow:hidden; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }
.main-about .about-video .video-image {height:474px;position:relative;}
.main-about .about-video .video-image:after {content:"";display:Block;position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.2;}
.main-about .about-video .play-btn {position:absolute;left:20px;bottom:30px;z-index:3;}
.main-about .about-info {max-width:313px;color:#858585;font-size:16px;}
.main-about .about-tabs {margin:130px 0 0 0;}
.main-about .about-tabs .tabs-nav .nav-link { display:block; text-decoration:none; padding:0 0 14px 0; margin:0 94px 0 0; font-size:18px; line-height:24px; font-weight:500; opacity:0.4; transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ; }
.main-about .about-tabs .tabs-nav .nav-link:hover {opacity:1;}
.main-about .about-tabs .tabs-nav .nav-link.active {opacity:1;}
.main-about .about-tabs .tab-content {border-top:1px solid #393939;border-bottom:1px solid #393939;position:relative;}
.main-about .about-tabs .tab-pane {display:block;position:absolute;top:0;left:0;right:0;visibility: hidden;opacity:0;pointer-events: none;}
.main-about .about-tabs .tab-pane.active {position:relative;visibility: visible;opacity:1;pointer-events: all;}

.main-about .title-container {margin:0 0 40px 0;}
.main-about .portfolio-container {margin:130px 0 0 0;}

.logos-slider .item {height:224px;width:166px;margin:0 auto;}
.logos-slider .item img {max-height:200px;max-width:90%;}

.dark {color: #101010;}

.slider-navs {position:relative;width:60px;min-width:60px;height:26px;}

.white-bg { background:#fff; padding: 45px 0 90px; border-radius: 18px 18px 0 0; -webkit-border-radius: 18px 18px 0 0; -moz-border-radius: 18px 18px 0 0; -ms-border-radius: 18px 18px 0 0; -o-border-radius: 18px 18px 0 0; }
.main-reviews .raiting {max-width:138px;display:block;}
.main-reviews .reviews-container {    padding-top: 26px;}
.main-reviews .reviews-slider {max-width:570px;}
.main-reviews .reviews-slider .item {display:block;text-decoration:none;color: #101010;}
.main-reviews .reviews-slider .item-raiting {margin:0 0 20px 0;line-height: 24px;font-size:16px;color: #858585;}
.main-reviews .reviews-slider .item-raiting .data {width: 80px;margin:0 0 4px 10px;}
.main-reviews .reviews-slider .item .review {/*-webkit-line-clamp: 6; line-clamp: 6;*/  margin:0 0 32px 0; overflow: hidden;   max-width:570px;  line-height: 28px;   font-size: 21px;    letter-spacing: -.21px;text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;}
.main-reviews .reviews-slider .item .review a {color: #101010;}
.main-reviews .reviews-slider .item .rev-info {max-width:240px;}
.main-reviews .reviews-slider .item .rev-info .name {margin:0 0 4px 0;}
.main-reviews .reviews-slider .item .rev-info .position {    color: #646464;}
.main-services .slider-navs {margin:0 0 30px 0;}
.main-services .serv-info {height:70vh;padding:40px 0 40px 0;}
.main-services h2 {padding:0 0 16px 0;margin:0 0 40px 0;border-bottom:1px solid #393939;}
.main-services .serv-info .anons {color:#858585;max-width:285px;font-size: 16px;}
.main-services .serv-info .anons .data-slick-index {display:none;}
.main-services .serv-info .anons .data-slick-index.active {display:block;}
.main-services .serv-info .anons.serv-slider-text .data-slick-index {display:block;}

.main-services .serv-slider {display:flex;padding:0 24px 0px 0;margin:0 -24px 0px 0;overflow:hidden;}
.main-services .serv-slider .item {display:block;text-decoration: none;color: #646464;padding:0 10px 0 0;}
.main-services .serv-slider .item:hover {color:#fff;}
.main-services .serv-slider .item:hover .name {text-decoration:underline;}
.main-services .serv-slider .slick-current .item {color:#fff;}
.main-services .serv-slider .slick-current .item .name {text-decoration:underline;}
.main-services .serv-slider .item .name {margin:20px 0 0 0;font-size: 21px;    line-height: 28px;}
.services-detail .main-services .serv-slider .item .name {font-size: 18px;    line-height: 24px;}
.main-services .serv-slider .item .date {font-size: 12px;}
.main-services .serv-slider .item:hover {color:#fff;}
.main-services .serv-slider .item:hover .name {text-decoration: underline;}
.main-services .serv-slider-container {width:100%;border-bottom:1px solid #393939;padding:0 0 50px 0;margin:0 0 0px 0;}
.main-services .serv-slider .slick-list {overflow:visible;width:100%;}

.main-services .serv-slider-video {height:100%;padding:40px 0 45px 0;}
.main-services .serv-slider-video .item { display:block; position:relative; height:100%; overflow:hidden; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }
.main-services .serv-slider-video .slick-list {height:100%;}
.main-services .serv-slider-video .slick-track {height:100%;}
.main-services .serv-slider-video .slick-slide div {height:100%;}
.main-services .serv-slider-image {padding:125px 0 45px 0;    position:relative;    height:100%;    max-width: 1024px;     border-radius: 12px;    overflow: hidden;    -webkit-border-radius: 12px;    -moz-border-radius: 12px;    -ms-border-radius: 12px;    -o-border-radius: 12px;}
.main-services .serv-slider-image .item {height:100%;}






.slide {display:block;}

.main-3d {position:relative;height:100vh;padding-top:160px;}
.main-3d .sec-title {max-width:600px;}
.main-3d .anons {    font-size: 21px;    line-height: 28px; margin:0 0 30px 0;    max-width: 350px;}
.main-3d .three-d-video {position:absolute;top:0;bottom:0;left:0;right:0;}
.main-3d .three-d-video:after {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background: rgba(0, 0, 0, .35);}

.footer {padding:35px 0 0 0;color:#646464; position:relative; z-index: 100; background: #fff; border-radius: 15px 15px 0 0; margin-top: -12px; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -ms-border-radius: 15px 15px 0 0; -o-border-radius: 15px 15px 0 0; }
.footer .footer-talk {padding:0 0 80px 0;margin:0 0 20px 0;border-bottom:1px solid #E8E8E8;}
.footer .footer-talk h2 {    margin-bottom: 34px;}
.footer .footer-block {max-width:226px;color:#646464;}
.footer a {color:#646464;text-decoration:none;}
.footer a:hover {text-decoration: underline;}
.footer .footer-bottom {margin:80px 0 0 0;padding:15px 0;border-top:1px solid #E8E8E8;}







.socials .item {margin:0 0 0 12px; text-decoration:None; width:32px; height:32px; background:#101010; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.socials .item:hover {opacity:0.7;}

.content {padding:124px 0 35px 0;}
.home .content {padding:0px 0 0 0;}
.single-services .content {padding-top:0;}
.h1-container {padding:0 0 7px 0;margin:0 0 20px 0;border-bottom:1px solid #393939;}
.h1-container .h1-info {font-size:12px;line-height:16px;color:#858585;}
.h1-container .tags .item { margin:0 0 0 12px; background: rgba(100,100,100,0.16); padding:10px 16px; font-size:12px;line-height:16px;color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; }

.p-40 {padding:40px 0;}

p {    margin-bottom: 20px;}

.portfolio-detail .detail-video { display:block; margin:60px 0 60px 0; text-decoration:none; position:relative; overflow:hidden; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }
.portfolio-detail .detail-video .video-image {height:500px;position:relative;}
.portfolio-detail .detail-video .video-image:after {content:"";display:Block;position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.35;}
.portfolio-detail .detail-video .play-btn {position:absolute;left:20px;bottom:30px;z-index:3;}
.portfolio-detail .year {color:#858585;}

.portfolio-detail .detail-content {margin:0 0 90px 0;}
.portfolio-detail .detail-content .content-cont {max-width:370px;width:100%;margin:0 auto;    font-size: 21px;    line-height: 28px;    color: #949494;}
.portfolio-detail .detail-content .content-cont b {    font-weight: 600!important;    color: #fbfbfb!important;}

.gallery-block {background:#fff; padding:40px 22px 36px 22px; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; }
.gallery-block h2 {margin:0 0 30px 0;font-size: 18px;    line-height: 24px; font-weight:600;}
.gallery-block .gallery-slider { position:relative; margin:0 -20px 0 0; overflow:hidden; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }
.gallery-block .item {position:relative; display:block; margin:0 20px 0 0; height:554px; overflow:hidden; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }
.gallery-block .item:after {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.2;}

.lozad { opacity:0; transition:1s ; -webkit-transition:1s ; -moz-transition:1s ; -ms-transition:1s ; -o-transition:1s ; }
.blog-detail img { opacity:0; transition:1s ; -webkit-transition:1s ; -moz-transition:1s ; -ms-transition:1s ; -o-transition:1s ; }
img[data-loaded="true"] {    opacity: 1;}
.lozad[data-loaded="true"] {    opacity: 1;}


.services-list {margin:80px 0 0 0;}
.services-list .item {margin:0 0 90px 0;}
.services-list .item .item-video {height:544px;}
.services-list .item .item-info {}
.services-list .item .item-info .btn-default {margin:60px 0 0 0;}
.services-list .item .item-info a {display:block;text-decoration:none;}
.services-list .item .item-info a:hover {text-decoration:underline;}
.services-list .item .item-info .anons {max-width:305px;margin:25px 0 25px 0;color:#646464;}

.services-detail {position:relative;margin:0 0 -35px 0;}
.services-detail .detail-video {position:fixed;left:0;top:0;right:0;height:100vh;z-index:2;}
.services-detail .black {position:relative;z-index:2;padding:0 0 1px 0;}
.services-detail .detail-first {position:relative;height:84.5vh;position:relative;z-index:2;}
.services-detail .white-section { padding:35px 24px 35px 24px; color: #101010; background:#fff; border-radius:18px 18px 0 0; -webkit-border-radius:18px 18px 0 0; -moz-border-radius:18px 18px 0 0; -ms-border-radius:18px 18px 0 0; -o-border-radius:18px 18px 0 0; }
.services-detail .white-section h1 {color: #101010;max-width: 460px;}
.services-detail .white-section h2 {color: #101010;}
.services-detail .white-section .anons {max-width:400px;    font-size: 21px;    line-height: 28px;color:#646464;}
.services-detail .white-section .white-info {border-top:1px solid #E8E8E8;margin:60px 0px 0px 0px;padding:32px 0 65px 0;}
.services-detail .white-section .white-info .item {}
.services-detail .white-section .white-info .item .data {width:60px;height:60px;font-size: 18px;    line-height: 24px;background-color: #ebebeb;    border-radius: 6px;}
.services-detail .white-section .white-info .item .value {max-width: 235px;    margin-top: 70px;}

.services-detail .white-section.not-white {background:#101010;color: #fff;}
.services-detail .white-section.not-white h1 {color:#fff;}
.services-detail .white-section.not-white .white-info .item .data {color:#101010;}

.about-us.about-keys.white-section .keys-items .value  {color: #101010;}


.services-detail .detail-content {}
.services-detail .detail-content .content-image {text-align:center;margin:0 0 120px 0;}
.services-detail .detail-content .content-image img {height:auto!important;width:auto!important;}
.services-detail .detail-content .content-block {    font-size: 16px;    line-height: 22px;max-width: 80%;color:#858585;}

.services-detail .detail-panel {}
.services-detail .detail-panel .item {max-width: 315px;  height:100%;   color: #858585;   margin-bottom: 20px;    padding: 19px 30px 30px 34px;    background-color: #1b1b1b;    border-radius: 6px;}
.services-detail .detail-panel .col-12 {padding-bottom:20px;}
.services-detail .detail-panel .item .data {margin:0 0 25px 0;font-size: 18px;   color:#fff;  line-height: 24px;}
.services-detail .detail-panel .item b {    color: #fbfbfb!important;}

.services-detail .detail-desc {}
.services-detail b {color:#fff;}
.services-detail .detail-desc .item {max-width: 285px;    margin-bottom: 55px;    color: #858585;  }
.services-detail .detail-desc .data {margin:0 0 25px 0;font-size: 18px;    line-height: 24px; color:#fff;}
.services-detail  ul {list-style: none;padding:0;margin:0;}
.services-detail  ul li {margin:0 0 13px 0;position: relative;color: #858585;    padding-left: 40px;}
.services-detail  ul li:before {    content: "";    position: absolute;    top: 5px;    left: 0;    display: block;    width: 10px;    height: 10px;    border-radius: 50%;    background-color: #858585;}

.services-detail .detail-partners {}
.services-detail .detail-partners .partners-info {padding:0px 0 70px 0;font-size: 16px;    line-height: 23px;}
.services-detail .detail-partners .brdr {margin:0 0 35px 0;border-top: 1px solid #393939;}
.services-detail .detail-partners .partners-info .value {max-width:335px;color: #858585;}
.services-detail .detail-partners .logos-slider {border-bottom: 1px solid #393939;border-top: 1px solid #393939;}
.services-detail .detail-partners .partners-info .data {    font-size: 25px;    line-height: 28px;    letter-spacing: -.25px;}

.services-detail .detail-about {color:#858585}
.services-detail .detail-about .about-title {border-top: 1px solid #393939;padding:35px 0 70px 0;}
.services-detail .detail-about .about-title h2 {font-size: 25px; line-height:28px;    letter-spacing: -.25px;}
.services-detail .detail-about .about-text {max-width:80%;}

.services-detail .detail-case h2 {  min-height: 190px;  max-width: 380px;    margin-bottom: 20px;color:#1b1b1b;font-size: 48px;    line-height: 53px;}

.services-detail .detail-case .case-anons {max-width:395px;font-size: 16px;    line-height: 22px;}
.services-detail .detail-case .case-slider {max-width:336px;margin:0 0 20px 0;}
.services-detail .detail-case .case-slider .value {margin:16px 0 0;font-size: 18px;    line-height: 24px;}


.services-detail .detail-img {}
.services-detail .detail-img h2 {  margin-bottom: 20px;font-size: 48px;    line-height: 53px;}
.services-detail .detail-img.white-section h2 {color:#1b1b1b;}
.services-detail .detail-img .img-text {font-size: 18px;    line-height: 24px;}
.services-detail .detail-img.white-section .img-text  {color:#1b1b1b;}
.services-detail .detail-img img { border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }


.services-detail .main-services h2 {font-size: 48px;    line-height: 53px;    margin-right: -24px;}
.services-detail .main-services .serv-slider .slick-current .item .name {    text-decoration: none;}
.services-detail .main-services .serv-slider .item:hover .name {    text-decoration: none;}
.services-detail .main-services .serv-slider .item:hover {color: #646464;}
.services-detail .main-services .serv-slider .slick-current .item:hover {color: #fff;}
.services-detail .main-services .serv-slider .item:hover .name {    text-decoration: none;}
.services-detail .main-services .serv-info .anons.serv-slider-text .data-slick-index {font-size: 16px;  display:block!important;  line-height: 22px;}

.services-detail .main-portfolio {    padding: 35px 0 50px 0;}
.services-detail .main-portfolio h3 {margin-bottom: 25px;}
.services-detail .portfolio-list.portfolio-slider .item .item-image {    }

.services-detail .back {position:fixed;top:124px;left:20px;z-index:20;mix-blend-mode: difference;}


.form-inner { padding: 38px 0 52px;     background-color: #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.form-inner h3 {color: #101010;font-weight:600;}
.form-inner .form-cont {max-width:522px;}
.input-container {position:relative;margin:0 0 16px 0;}
.input { display:block; width:100%;border:0; padding:14px 16px 14px 16px; font-size:14px; line-height:21px; font-weight:600; color:#101010; background:#EBEBEB; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
.textarea { display:block; width:100%;border:0; padding:14px 16px 14px 16px;height:112px;resize:none; font-size:14px; line-height:21px; font-weight:500; color:#101010; background:#EBEBEB; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }

.input::-webkit-input-placeholder {color: #858585;}
.input::-moz-placeholder          {color: #858585;}/* Firefox 19+ */
.input:-moz-placeholder           {color: #858585;}/* Firefox 18- */
.input:-ms-input-placeholder      {color: #858585;}
input:focus::-webkit-input-placeholder {color: transparent!important;}
input:focus::-moz-placeholder          {color: transparent!important;}
input:focus:-moz-placeholder           {color: transparent!important;}
input:focus:-ms-input-placeholder      {color: transparent!important;}

.textarea::-webkit-input-placeholder {color: #858585;}
.textarea::-moz-placeholder          {color: #858585;}/* Firefox 19+ */
.textarea:-moz-placeholder           {color: #858585;}/* Firefox 18- */
.textarea:-ms-input-placeholder      {color: #858585;}
textarea:focus::-webkit-input-placeholder {color: transparent!important;}
textarea:focus::-moz-placeholder          {color: transparent!important;}
textarea:focus:-moz-placeholder           {color: transparent!important;}
textarea:focus:-ms-input-placeholder      {color: transparent!important;}


.checkbox {margin:0 0 14px 0;}
.checkbox:last-child {margin:0 0 0px 0;}
.checkbox input {  cursor:pointer;  position: absolute;    z-index: -1;    opacity: 0;  }
.checkbox label {display:block;margin:0;cursor:pointer;}
.checkbox label input+span { cursor:pointer; position:relative; font-weight:600;  display:block; padding:0 0 0 26px;color: #101010;  font-size: 12px;  line-height: 16px; }
.checkbox label input+span a {color: #101010; }
.checkbox label input+span:before { content:""; display:block; position:absolute; left:0; top:0px; background-position:center; width: 14px; height: 14px; border-radius: 2px; border: 1px solid #242424; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.checkbox label input:checked+span:before { background: url('../../images/check.svg') no-repeat center;}
.checkbox .wpcf7-list-item {margin:0;}

.services-detail .form-inner {margin:0 0 30px 0;}
.faq-section {padding:55px 0 55px 0;}
.accord-item {border-bottom: 1px solid #393939;}
.accord-item:first-child {border-top: 1px solid #393939;}
.accord-item .accrodion-button {position: relative;    padding: 28px 0px 28px 0;    font-size: 16px;    line-height: 23px;    cursor: pointer;}
.accord-item .accrodion-button:hover .name {text-decoration:underline;}
.accord-item .accrodion-button .link { position: relative; min-width:26px;margin:0 0 0 30px; width: 26px; height: 26px; border-radius: 50%; background-color: #393939; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.accord-item .accrodion-button .link:before {    content:"";    display:block;    width: 7px;    height: 1px;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);  position: absolute;     background-color: #101010;   -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);}
.accord-item .accrodion-button .link:after { left: 50%; opacity:0; width: 1px; height: 7px; top: 50%; transform: translate(-50%, -50%); content: ""; position: absolute; display: block; background-color: #101010; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.accord-item .accrodion-button.collapsed .link:after {opacity:1;}
.accord-item .answer {padding: 20px 60px 20px 0;color: #858585;    font-size: 14px;    line-height: 21px;}

.def-page h1 {margin-bottom: 16px;}
.def-page .item {padding:30px 0 0 0;border-top: 1px solid #393939;}
.def-page .item .number {color: #646464;}
.def-page .item .name {margin-top: 8px;}
.def-page .terms-column {    max-width: 1250px;    padding-bottom: 60px;color: #858585;}
.def-page .terms-column p:last-child {margin:0;}
.def-page p {margin:0 0 30px 0;}

.contact-page {position:relative;margin:-60px 0 0 0;}
.contact-page .back {margin:0 0 16px 0;}
.contact-page .schedule {margin:0 0 0 20px;}

.form-inner .form-ok .ok {margin-bottom: 38px;font-size: 21px;    letter-spacing: -.21px;line-height: 28px;color: #101010;font-weight:600;}
.form-inner .form-snd {display:none;}

.h1-small h1 {font-size: 21px;    letter-spacing: -.21px;line-height: 28px;    color: #101010; font-weight:600;    margin-bottom: 5px;}
.h1-props {    font-size: 12px;    text-transform: uppercase;color: #949494;line-height:12px;}
.career-list {position:relative;margin:-60px 0 0 0;}
.career-list .item {color: #101010;display:block;text-decoration:none;padding: 18px 50px 21px 0; font-weight:600;   border-top: 1px solid #e8e8e8;}
.career-list .item:last-child {border-bottom: 1px solid #e8e8e8;}
.career-list .item .item-name {    margin-bottom: 9px;    font-size: 14px;    line-height: 20px; }
.career-list .item:hover .item-name {text-decoration:underline;}
.career-list .item .item-location .icon {margin:0 8px 3px 0;width:12px;}
.career-list .item .item-location {color: #646464;}

.career-detail .detail-content {color: #101010; font-weight:600;     padding: 17px 0 50px; }
.career-list .link-default.back {    margin: 0 0 0 0;}


.career-list .career-form {padding:17px 0 0 0;display:none;max-width:600px;}

.career-list.career-open .career-form {display:block;}
.career-list.career-open .career-detail {display:none;}

.career-list .career-back {display:none!important;}
.career-list.career-open .back.career-back {display:flex!important;}
.career-list.career-open .back {display:none!important;}



.file-group {margin:0;position:relative;display:block;cursor:pointer;}
.file-group .file {opacity:0;position:absolute;top:0;bottom:0;left:0px;right:0;cursor:pointer;z-index:2;}
.file-group .file-but {cursor:pointer;display:block;}
.file-group .ic { position:absolute; right:20px; top:50%; width:10px;height:10px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.file-group .ic:after, .file-group .ic:before {    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    content: "";    display: block;    position: absolute;    background-color: #949494;}
.file-group .ic:before {width: 1px;    height: 10px;}
.file-group .ic:after {    width: 10px;    height: 1px;}

.file-group .value {color: #858585;}
.file-group label {margin:0;}
.file-group .input-group-btn {cursor:pointer;display:block;}

.file-group.sel .value {display:none;}
.file-group .fff {width:100%; display:none;background:none;border:0;text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;}

.file-group.sel .fff {display:block;}


.blog-detail .article-info {padding-bottom:17px;border-bottom: 1px solid #393939;margin:0px 0 50px 0;    color: #858585;}
.rzd {margin:0 16px;}
.blog-detail .article-content {max-width:1000px;padding:0 0 60px 0;}
.blog-detail .article-content p {color: #858585;    font-size: 16px;    line-height: 22px;margin:0 0 50px 0;}
.blog-detail .article-content h1 {font-size: 48px;    line-height: 53px;margin:0 0 30px 0;}
.blog-detail .article-content strong {color:#fff;font-weight:400;}
.blog-detail .article-content h2 {font-size: 21px;    line-height: 26px; color: #fff;    margin-bottom: 30px;   padding-top: 45px;}
.blog-detail .article-content h3 { margin-bottom: 30px;   padding-top: 45px;}
.blog-detail .article-content h4 {font-size: 18px; font-weight:normal;   line-height: 26px; color: #fff;    margin-bottom: 30px;   padding-top: 45px;}
.blog-detail .article-content h5 {font-size: 16px; font-weight:bold;   line-height: 26px; color: #fff;    margin-bottom: 30px;   padding-top: 45px;}
.blog-detail .article-content img { display: block;height:auto; width: 100%; max-height: calc(100vh - 83px); -o-object-fit: cover; object-fit: cover; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.blog-detail .article-content h6 {font-size: 16px;    line-height: 22px;    margin-bottom: 15px;font-weight:400;}
.blog-detail .article-content ol li::marker {color:#fff!important;}
.blog-detail .article-content ol li {color: #858585;    font-size: 16px;    line-height: 22px;}
.blog-detail .article-content ol li:not(:last-child) {    margin-bottom: 30px;}
.blog-detail .article-content ul {list-style: none;padding:0 0 50px 0;margin:0;}
.blog-detail .article-content ol {padding:0 0 50px 0;margin:0 0 0 15px;}
.blog-detail .article-content ul li {position:relative; padding-left:40px;    color: #858585;    font-size: 16px;    line-height: 22px;}
.blog-detail .article-content ul li:not(:last-child) {    margin-bottom: 30px;}
.blog-detail .article-content ul li:before {    content: "";    display: block;    position: absolute;    top: 5px;    left: 0;    width: 10px;    height: 10px;    border-radius: 50%;    background-color: #858585;}

.blog-detail .blog-tags {padding:0 0 8px 0;border-bottom: 1px solid #393939;margin:0 0 85px 0;color: #858585;}
.blog-detail .blog-tags .item {color:#fff;text-transform: uppercase; background-color: #1b1b1b; padding: 0 15px; line-height: 34px; height: 36px; white-space: nowrap; border-radius: 6px; border: 1px solid transparent; margin: 0 12px 12px 0; transition: border-color .3s; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; -ms-transition: border-color .3s; -o-transition: border-color .3s; }
.blog-detail .blog-tags .tags-title {margin:0 0 12px 0;}

.portfolio-list.blog h2 {margin:0 0 25px 0;font-size: 48px;    line-height: 53px;}

.blog-detail .article-content figure {margin:0;width:100%!important;margin:0 0 50px 0;}
.blog-detail .article-content figure figcaption { margin:30px 0 15px 0;   font-size: 16px;    line-height: 22px;   font-weight: 400; font-style:italic;}

.blog-detail .article-content blockquote {margin:0;font-style:italic;position:relative;padding:0 50px 0 50px;}
.blog-detail .article-content blockquote:before {content:"\"";position:absolute;left:0;top:0;font-size:80px;color: #858585;}
.blog-detail .article-content blockquote:after {content:"\"";position:absolute;right:0;bottom:0;font-size:80px;color: #858585;}
.wp-video {width:unset!important;}

.def-page h1 {padding:0 0 30px 0;margin:0 0 50px 0;border-bottom: 1px solid var(--grey-3, #393939);}
.build-page h1 {padding:0 0 30px 0;margin:0 0 0px 0;border-bottom: 1px solid var(--grey-3, #393939);}
.about-us.about-info .about-video {margin:0 0 50px 0; position:relative; display:block; overflow:hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.about-us.about-info .about-video .video-image { height:475px;overflow:hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.about-us.about-info .about-video .video-image:after {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;opacity: 0.2;    background: var(--black, #101010);}
.about-us.about-info .about-video .play-btn {position:absolute;z-index:3;left:20px;bottom:30px;}
.about-us.about-info .info-top {margin:0 0 20px 0;color: var(--white, #FFF);    font-size: 21px;    line-height: 28px;}
.about-us.about-info .info-top .text {margin:0 0 30px 0;max-width:612px;}
.about-us.about-info {padding:40px 0;}
.about-us.about-info .info-bottom .text {margin:0 0 30px 0;max-width:612px;color: var(--grey-1, #858585);    font-size: 18px;    line-height: 24px;}

.about-us.about-main {padding:50px 40px 50px 0;border-radius: 20px 20px 0px 0px;    background: var(--white, #FFF); margin:40px 0;}
.about-us.about-main h2 {color: var(--black, #101010);}
.about-us.about-main .text {color: var(--grey-1, #858585);    font-size: 18px;    line-height: 24px; max-width:612px;}
.about-us.about-main .text p {margin:0 0 20px 0;}
.about-us.about-main .main-items {margin:130px 0 0 0;}
.about-us.about-main .main-items .item {color: var(--black, #101010);    font-size: 20px;    line-height: normal;}
.about-us.about-main .main-items .item .data {margin:0 0 20px 0;color: var(--grey-2, #646464);    font-size: 14px;    font-weight: 500;    line-height: 139%;}

.about-us.about-keys {padding:40px 0;}
.about-us.about-keys .keys-items {margin:120px 0 0px 0;max-width:1324px;width:100%;}
.about-us.about-keys .keys-items .data {max-width:180px;margin:30px 0 0 0;color: var(--grey-1, #858585);    font-size: 18px;    line-height: 24px;}
.about-us.about-keys .keys-items .value {color: var(--white, #FFF);    font-size: 65px;    line-height: 80%;}

.about-us.about-team {padding:40px 0;}
.about-us.about-team .text {max-width:612px;color: var(--grey-1, #858585);    font-size: 18px;    line-height: 24px;}
.about-us.about-team .text .data {margin:0 0 30px 0;color: var(--white, #FFF);    font-size: 21px;    line-height: 28px;}
.about-us.about-team .team-info {position:relative;}
.about-us.about-team .team-info .line {margin:0 0 30px 0;border-top: 1px solid var(--grey-3, #393939);}
.about-us.about-team .slider-navigate {position:absolute;left:0;bottom:0;right:0;}

.about-us.about-team .team-slider {position:relative;margin:50px -20px 0px 0;}
.about-us.about-team .team-slider .item {margin:0 20px 0 0;  }
.about-us.about-team .team-slider .item .item-image {position:relative; height: 456px;margin:0 0 20px 0;}
.about-us.about-team .team-slider .item .item-image img {-o-object-position: top center;    object-position: top center;}
.about-us.about-team .team-slider .item .item-name {color: var(--white, #FFF);    font-size: 16px;    font-weight: 500;    line-height: normal;}
.about-us.about-team .team-slider .item .item-position {color: var(--grey-2, #646464);    font-size: 16px;    font-weight: 500;    line-height: normal;}

.about-us.about-location {padding:40px 0;}
.about-us.about-location .location-map {margin:50px 0 0 0;}
.about-us.about-location .text {max-width:638px;color: var(--grey-1, #858585);    font-size: 18px;    line-height: 24px;}
.about-us.about-work {padding:40px 0;}
.about-us.about-work .work-container {padding:30px 0 0 0;border-top: 1px solid var(--grey-3, #393939);}
.about-us.about-work .work-items {margin:150px 0 0 0;border-top:1px solid #646464;}
.about-us.about-work .work-items .item {position:relative;color: var(--white, #FFF);padding:35px 0 0 0;    font-size: 21px;    line-height: 28px;}
.about-us.about-work .work-items .item:after { content:""; display:block; position:absolute; left:0; top:-7px; width:13px; height:13px; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.about-us.about-work .work-items .item.last:before {content:"";display:block;position:absolute;left:0;right:0;top:-1px;height:2px;background-color: #101010;}
.about-us.about-form {margin:40px 0;}
.about-us.about-form .form-inner {padding:50px 50px;}
.about-us.about-form .form-title {margin:0 0 25px 0;color: var(--black, #101010);    font-size: 48px;    line-height: 53px;}
.about-us.about-form .form-anons {margin:0 0 50px 0;color: var(--grey-1, #858585);    font-size: 14px;    line-height: 21px;}



#wpadminbar {display:none!important;}
.socials .item img {max-width:18px;max-height:18px;}
.blog-form { padding:30px 30px; width:100%; max-width: 613px; border-radius: 18px; background: var(--white, #FFF); -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; }
.blog-form h3 {color: #101010;margin:0 0 20px 0;font-weight: 500;}
.input-button {margin:60px 0 0 0;}

.form-ok {max-width:265px;display:none;}
.form-ok h3 {font-weight:600;margin:0 0 18px 0;}
.form-ok .ok-text {font-size: 14px;  color: #646464;  line-height: 20px;  letter-spacing: 0; margin:0 0 43px 0; }
/*.form-ok .btn-default {text-align:center;min-width:112px;padding:11px;}*/

.file-group .codedropz-upload-handler {display:none!important;}
.file-group .dnd-upload-status {display:none!important;}
.wpcf7 form .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip {position:absolute;top:100%;left:0;    line-height:14px;    font-size: 12px;}
.wpcf7-form-control-wrap {    position: unset;}

.sent .form-ok {display:block;}
.sent .form-active {display:none;}


.fancybox-slide--video .fancybox-content {background: transparent;width:100%!important;}
.fancybox-slide--video .fancybox-content iframe { overflow: hidden; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; }



.nav-filter {margin:0 0 78px 0;}
.nav-filter .wpc-filters-main-wrap li.wpc-term-item a { white-space: nowrap; border:1px solid transparent; display:block; margin:0 12px 12px 0; text-decoration:none; padding:9px 15px; font-size:12px; line-height:16px; color:#fff; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; text-transform: uppercase; transition:0.5s!important ; -webkit-transition:0.5s!important ; -moz-transition:0.5s!important ; -ms-transition:0.5s!important ; -o-transition:0.5s!important ; }
.nav-filter .wpc-filters-main-wrap li.wpc-term-item.wpc-term-selected a {background:#fff;color:#101010!important;border:1px solid #fff;}
.nav-filter .wpc-filters-main-wrap li.wpc-term-item a:hover {border:1px solid #fff;}


.nav-filter .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {background:none!important;
    border: 0px solid transparent;
    margin-left: 0;
    cursor: pointer;
    display: block;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.nav-filter .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {background:none!important;
    margin-right: 0px;
    margin-left: 0;
    border: 0;
    border-radius: 0px;
    margin-bottom: 0;
    position: relative;
    padding-left: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.nav-filter .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item {
    float: none;
    margin-top: 0;
    margin-bottom: 0px;
    padding: 0;
    width: auto;
}

.nav-filter .wpc-filters-ul-list {display:flex;flex-wrap: wrap;margin:0;padding:0!important;}
.nav-filter .wpc-filter-label-wrapper {font-size:0px;}

.blog-author {margin:60px 0 0 0;border-top: 1px solid #393939;padding:30px 0 0 0;}
.blog-author .author-photo { width:112px; min-width:112px; height:112px; position:relative; overflow:hidden;margin:0 30px 0 0; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.blog-author .author-photo img {-o-object-position: top center;    object-position: top center;}
.blog-author .author-name {font-size: 21px;    line-height: 26px;    color: #fff;margin:0 0 8px 0;}
.blog-author .author-position {font-size: 16px;    line-height: 24px;    color: #fff;margin:0 0 8px 0;}
.blog-author .author-text {color:#858585;}



.services-detail .form-inner .schedule {display:none!important;}
.services-detail .detail-icons {padding:60px 0 0 0;}
.services-detail .detail-icons .keys-items {margin:80px 0 80px 0;max-width:1324px;width:100%;}
.services-detail .detail-icons .keys-items .data {max-width:180px;margin:30px 0 0 0;color: var(--grey-1, #858585);    font-size: 18px;    line-height: 24px;}
.services-detail .detail-icons .value {color: var(--white, #FFF);    font-size: 65px;    line-height: 80%;}
.services-detail .detail-icons .keys-items .value img {height:80px;}

.preloader { background: #101010; position:fixed; top:0; bottom:0; left:0; right:0; z-index:1002; transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ; }
.preloader svg {width:144px!important;}
.preloader.hide {opacity:0;visibility: hidden;pointer-events: none;}


.sub-menu {padding:30px 0;}
.sub-menu .row {height:auto;}
.header .main-menu .nav li a.big-link {margin:32px 0 0 0;font-size:26px;line-height:32px;font-weight:500;}
.header .main-menu .nav li a.small-link {margin:16px 0 0 0;}
.header .main-menu .nav li a:hover {text-decoration:underline;}



.services-detail h2 {    font-size: 48px!important;    line-height: 53px!important;}


.white-section {margin:40px 0;}
.detail-content {padding:40px 0;}
.detail-panel  {padding:40px 0;}
.detail-desc  {padding:40px 0;}
.detail-partners  {padding:40px 0;}
.detail-icons  {padding:40px 0;}
.detail-about {padding:40px 0;}
.services-detail .main-services  {padding:40px 0;}
.detail-projects  {padding:40px 0;}
.detail-blog  {padding:40px 0 0 0;}
.form-inner  {margin:40px 0;}
.faq-section {    padding: 40px 0;}
.services-detail .portfolio-list .item .item-info {border-bottom:0;}

.section-offers {padding:40px 0;}
.section-offers h2 {margin:0 0 32px 0;}
.section-offers .col {min-width:25%;max-width:50%;padding-bottom:40px;}
.section-offers .col .item-name {line-height: 28px;  text-align:center;    font-size: 25px;margin:0 0 24px 0;    letter-spacing: -.25px;}
.section-offers .col .item-container {border: 1px solid #393939;padding:24px;}
.section-offers .col .item-title {line-height: 25px; text-align:center;   min-height:50px;   color: #fbfbfb; font-size: 21px;margin:0 0 24px 0; }
.section-offers .col .item-term {line-height: 25px;     color: #fbfbfb;    font-size: 21px;margin:24px 0 0px 0; }
.section-offers .col .item-text {color: #858585;height:100%;}




code {display:block;width:100%;
    padding:20px;background:#ccc;
    font-size: 100%;
    color: #101010;
    word-wrap: break-word;
}


#detach-button-host {display:none!important;}
html {height:100%;}
.page-template-contacts .footer .footer-talk {display:none!important;}
.page-template-contacts  {height:100%;}
.page-template-contacts .wrapper {height:100%;overflow: auto;display: flex;flex-direction: column;justify-content: space-between;}




.error-404 {    min-height: calc(100vh - 170px);}
.error-404 .error-title {font-size: 65px;    line-height: 71px;    letter-spacing: -.45px;margin-bottom: 27px;}





.about-us.about-keys.white-section .keys-items {border-top: 1px solid #E8E8E8;border-bottom: 1px solid #E8E8E8;    margin: 40px 0px 40px 0px;    padding: 40px 0 40px 0;}

.gtf .main-section {opacity:0!important;}


@media (min-width: 1200px) {
    

}