/* montserrat-regular - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Montserrat/montserrat-v14-latin-ext_latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/*font-family: abril-text, serif;*/
/*font-weight: 600;*/
/*font-style: italic;*/

/*font-size: calc(0.00157 * 100vw + 12px);*/

/*70 - 140 */

body{font-family: 'Montserrat', sans-serif;font-size: calc(0.0015625 * 100vw + 12px);line-height: calc(0.003125 * 100vw + 22px);letter-spacing: 0.03em;margin: 0;padding: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
button {font-family: 'Montserrat', sans-serif;}
*{padding: 0;margin: 0;}
.selectric .button,
.label-input,
.projects-wrapper .swiper-pagination-bullet:before,
.target-burger ul.buns li,
a,
svg .a,
.list-arrow-left li:after,
.send-form:before,
.drive:before,
.back-up-wrapper .left-section:before,
.btn-square-arrow,
.btn-square-arrow:before,
.list-arrow-left li:before,
.title-ref.title-section.animation-decor b:after,
.title-section-small-link:before,
.list-video-post li figure.image:before,
.list-video-post li figure.image:after,
.title:before,
.next-prev-article span,
.prev-article span:before,
.next-article span:before,
.list-posts li figure.image:before,
.see-more-posts:before,
.btn-a-r-g svg{-webkit-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.contact-template .title-section.animation-decor b:before,
.title-section.title-proc.animation-decor b:after,
.title-section.title-team.animation-decor b:after,
.projects-wrapper .title-section.animation-decor b:after,
.title-banner.title-mark.animation-decor b:before,
.header-wrapper,
.table-of-contents .hidden-ele,
.table-of-contents span svg{-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.team-gallery-masonry li figure,
.selectric-items li,
button svg{-webkit-transition: 0.40s;-o-transition: 0.40s;transition: 0.40s;}
img.logotype,
.logo .signet,
.header-wrapper .logo .image{-webkit-transition: 0.2s linear;-o-transition: 0.2s linear;transition: 0.2s linear;}
.max-width {max-width: 2560px;padding: 0 calc(0.125 * 100vw - 60px);position: relative;margin: 0 auto;box-sizing: border-box;}
.d-flex{display: flex;flex-flow: row wrap;}
.col-5-12{width: calc(100% / 12 * 5);box-sizing: border-box;}
.col-7-12{width: calc(100% / 12 * 7);}
.col-2-12{width: calc(100% / 12 * 2);}
.col-4-12{width: calc(100% / 12 * 4);}
.col-6-12{width: calc(100% / 12 * 6);}
.desc-1, button{font-size: calc(0.0015625 * 100vw + 12px);line-height: calc(0.003125 * 100vw + 22px);}
.desc-1 strong{font-size: calc(0.0015625 * 100vw + 15px);line-height: calc(0.0015625 * 100vw + 29px);font-weight: 500;}
.l-s-none li{list-style: none;}
.competences-wrapper .content-list{margin-top: calc(-0.0140625 * 100vw - 1px);}
.list-arrow-left li a{color: #000;font-weight: 500;text-decoration: none;width: 100%;display: block;padding: calc(0.0140625 * 100vw - 1px) 0;}
.list-arrow-left li a:hover {color: #2CAAE3;}
.list-arrow-left li:hover:after{-webkit-transform: translateX(3px);-ms-transform: translateX(3px);transform: translateX(3px);}
.list-arrow-left li{position: relative;margin-top: calc(0.03125 * 100vw + 4px);}
.list-arrow-left li:before{content: '';width: 100%;height: 1px;background-color: #DBDFE6;position: absolute;left: 0;bottom: 0;}
.list-arrow-left li:hover:before{background-color: #000;}
.list-arrow-left.list-col-50 li{width: calc(50% - 100% / 12 * 0.5);margin-left: calc(100% / 12 * 0.5);margin-right: calc(100% / 12 * 0.5);}
.list-arrow-left.list-col-50 li:nth-child(odd){margin-left: 0;}
.list-arrow-left.list-col-50 li:nth-child(even){margin-right: 0;}
.list-arrow-left.list-col-50 li:nth-child(-n+2){margin-top: 0;}
.list-arrow-left li:after {content: url(../images/svg/Group_5955.svg);position: absolute;width: calc(0.003125 * 100vw + 4px);right: 0;line-height: 0;top: 40%;z-index: -1;transform: translate(-50%,0);}


.section-wrapper {padding-top: calc(0.047 * 100vw + 80px);padding-bottom: calc(0.047 * 100vw + 80px);}
.number-section {font-size: calc(0.0015625 * 100vw + 18px);line-height: calc(0.0015625 * 100vw + 18px);letter-spacing: 0.02em;font-weight: 700;position: absolute;top: -17px;left: 0;color: #CDD2D9;}
.number-section i{font-style: normal;opacity: 0;}
.pos-r{position: relative;}
.list-col-20 li{width: 20%;}
figure.image img{max-width: 100%;vertical-align: top;}
figure.image{display: inline-block;position: relative;}
.team-gallery-masonry li.swiper-slide {transition: ease 0.3s; z-index: 1}
.team-gallery-masonry li.swiper-slide:hover{position: relative; z-index: 100;}
.team-gallery-masonry li img{cursor: pointer;width: 100%;vertical-align: middle;}
.team-gallery-masonry li:hover figure{transform: scale(1.17);position: relative;}
.team-gallery-masonry li figure{z-index: 1;width: 100%;}
.team-gallery-masonry li:hover .info-person{opacity: 1;transform: rotate(-90deg) translate(100% , -100%);}
.team-gallery-masonry .name-person {font-weight: 600;display: block;margin-bottom: calc(0.015625 * 100vw - 11px);}
.team-gallery-masonry .workplace-person, .team-gallery-masonry .name-person {font-size: calc(0.003125 * 100vw + 9px);line-height: calc(0.0046875 * 100vw + 14px);}
.team-gallery-masonry .info-person {position: absolute;right: -25px;transform-origin: 100% 50%;bottom: -10px;opacity: 0;z-index: 2;transform: rotate(-90deg) translate(85% , -100%);transition: 0.40s;}
.team-gallery-masonry .img-blue .info-person {color: #fff;}
.title-section.title-team b:after {content: "";width: calc(0.0015625 * 100vw + 5px);height: calc(0.0015625 * 100vw + 5px);position: absolute;top: 7px;right: calc(0.003125 * 100vw + 6px);transform: translate(0, 90%);}
.title-section.title-team.animation-decor b:after {background: #FFA700;transform: translate(0, 0);}
.title-section.title-team b:before {content: "";width: calc(0.0015625 * 100vw + 6px);height: calc(0.0015625 * 100vw + 7px);position: absolute;top: calc(0.0015625 * 100vw + 12px);right: calc(0.003125 * 100vw + 5px);}
.title-section.title-team.animation-decor b:before {background: #fff;}
.team-wrapper.section-wrapper .col.col-2-12{box-sizing: border-box;margin-right: 30px;}
.team-wrapper.section-wrapper {padding-bottom: 0;}
.j-sb{justify-content: space-between;}
.team-gallery-masonry.swiper-container{overflow: visible;}


.list-steps-process .title-list{width: calc(100% / 7 * 2);font-size: calc(0.0046875 * 100vw + 14px);line-height: calc(0.0046875 * 100vw + 14px);font-family: abril-text, serif;font-weight: 600;font-style: italic;}
.list-steps-process .desc-list{width: calc(100% / 7 * 4);max-width: 570px;}
.list-steps-process li{position: relative;padding-top: calc(0.015625 * 100vw + 20px);padding-bottom: calc(0.015625 * 100vw + 60px);}
.list-steps-process li:last-child{padding-bottom: 0;}
.list-steps-process li:before {content: '';background: #73CB1D;position: absolute;top: 0;left: 0;width: calc(0.003125 * 100vw + 5px);height: calc(0.003125 * 100vw + 5px);transform: translate(0, -100%)}
.list-steps-process li:after {content: '';background: #D6DBDE;position: absolute;top: 0;transform: translate(0,-100%);right: 0;width: calc(100% - (0.015625 * 100vw + 20px) - (0.003125 * 100vw + 5px));height: 1px;}
.title-1 {font-size: calc(0.0046875 * 100vw + 24px);line-height: 40px;font-weight: 600;position: relative;}
.title-section {font-size: calc(0.0109375 * 100vw + 28px);line-height: calc(0.0140625 * 100vw + 38px);letter-spacing: 0.2em;color: #1E4387;font-weight: 800;position: relative;}
.title-section i{font-style: normal;opacity: 0;}
.title-section b {position: relative;display: inline-block;font-weight: 800;}
.title-ref.title-section b:before {content: '';position: absolute;right: calc(0.0015625 * 100vw + 9px);top: 11px;width: calc(0.003125 * 100vw + 6px);height: calc(0.003125 * 100vw + 4px);}
.title-ref.title-section.animation-decor b:before {background: #fff;z-index: 1;}
.title-ref.title-section b:after {content: '';position: absolute;right: 3px;top: 11px;width: calc(0.003125 * 100vw + 4px);height: calc(0.003125 * 100vw + 4px);transform: translate(-90%, 0);}
.title-ref.title-section.animation-decor b:after {background: #28AAE2;transform: translate(0, 0);}
.desc-1 br{display: block;content: "";height: calc(0.003125 * 100vw + 12px);}
.b-w-33,
.b-w-33:before{width: calc(0.009375 * 100vw + 24px);}
.btn-square-arrow{background-color: #28AAE2;position: relative;outline: 0;cursor: pointer;width: calc(0.0390625 * 100vw + 50px);height: calc(0.0390625 * 100vw + 50px);padding: 0;border: none;}
/*.btn-square-arrow:before{content: url("../images/svg/Group_19770.svg");position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: calc(0.01875 * 100vw + 26px);line-height: 0;}*/
.title-section.title-proc b:before {content: "";width: calc(0.0015625 * 100vw + 6px);height: calc(0.0015625 * 100vw + 7px);position: absolute;top: calc(0.0015625 * 100vw + 11px);right: calc(0.003125 * 100vw + 5px);}
.title-section.title-proc.animation-decor b:before {background: #fff;}
.title-section.title-proc b:after{content: "";width: calc(0.0015625 * 100vw + 5px);height: calc(0.0015625 * 100vw + 5px);position: absolute;background: #73CB1D;top: calc(0.0015625 * 100vw + 5px);right: calc(0.003125 * 100vw + 6px);transform: translate(0,100%);}
.title-section.title-proc.animation-decor b:after{background: #73CB1D;transform: translate(0,0);}
.process-wrapper .col-7-12 {margin-top: calc(0.003125 * 100vw + 5px);}



.competences-wrapper .col-5-12{padding-right: calc(100% / 12);position: relative;}
.competences-wrapper .desc-1,
.projects-wrapper .desc-1{margin-top: calc(0.003125 * 100vw + 25px);}

.projects-wrapper {position: relative;overflow: hidden;}
.projects-wrapper:before{content: '';background-color: #F6F7F9;height: 100%;width: calc(100% - (0.0728125 * 100vw + 7px));position: absolute;left: 0;top: 0;}
.projects-wrapper .col-5-12{padding-right: calc(100% / 12);position: relative;}
.projects-wrapper .col:nth-child(1) .decor{content: url("../images/svg/Group_19798.svg");line-height: 0;position: absolute;bottom: 4px;width: calc(0.01875 * 100vw + 30px);}
.projects-wrapper .swiper-container.swiper-container-horizontal{width: calc(100% + 370px);border: solid 6px #DBDFE6;border-radius: 23px;margin-left: calc(0.025 * 100vw + 20px);z-index: 10;}
/*.slider-projects .swiper-slide {margin-right: 0!important;width: 100%!important;}*/
.projects-wrapper .swiper-pagination {display: flex;flex-flow: row;flex-direction: column;height: 100%;justify-content: space-between;outline: 0;}
.projects-wrapper .title-section b:before {content: "";position: absolute;width: calc(0.0015625 * 100vw + 5px);height: calc(0.0015625 * 100vw + 6px);top: calc(0.003125 * 100vw + 9px);right: calc(0.003125 * 100vw + 6px);}
.projects-wrapper .title-section.animation-decor b:before {background-color: #F6F7F9;}
.projects-wrapper .title-section b:after{content: "";position: absolute;width: calc(0.0015625 * 100vw + 5px);height: calc(0.0015625 * 100vw + 5px);top: 7px;right: calc(0.003125 * 100vw + 6px);transform: translate(0,90%);}
.projects-wrapper .title-section.animation-decor b:after{background-color: #FD499C;transform: translate(0,0);}
.projects-wrapper .swiper-slide.swiper-slide-active {opacity: 1!important;}
.projects-wrapper .swiper-slide {opacity: 0!important;}

.team-wrapper .col-6-12{padding-right: calc(100% / 12 * 2);box-sizing: border-box;position: relative;width: calc(100% / 12 * 6 - 30px);}
.team-wrapper .col-6-12 .decor{content: url("../images/svg/Group_19827.svg");position: absolute;line-height: 0;right: 0;top: -11%;}
.team-gallery-masonry {margin-top: 92px;}
.team-wrapper .col-4-12 {padding-right: 2.82%;box-sizing: border-box;position: relative;}
.team-wrapper .col-4-12 .decor{content: url("../images/svg/Group_19828.svg");position: absolute;bottom: -16px;left: 0;line-height: 0;}
.box-blue{background-color: #1E4387;z-index: -1;}
.nav-team-gallery{display: none;}
.process-wrapper .col-5-12,
.team-wrapper.section-wrapper .col.col-2-12,
.footer-contact-wrapper.contact-template .col-5-12,
.competences-wrapper .col-5-12,
.projects-wrapper .col-5-12{padding-left: calc(0.0078125 * 100vw + 20px);}
.process-wrapper .col-5-12{padding-right: calc(100% / 12);box-sizing: border-box;}
.process-wrapper .col-5-12:after {content: url(../images/svg/Union_1.svg);position: absolute;line-height: 0;bottom: 0;width: calc(0.0453125 * 100vw + 51px);}
.process-wrapper .desc-1{margin-top: calc(0.003125 * 100vw + 25px);}
.process-wrapper .c-b-arrow {position: absolute;width: 100%;height: 100%;box-sizing: border-box;left: 0;}
.process-wrapper .c-b-arrow .decor-1{content: url("../images/svg/Group_19842.svg");position: absolute;right: calc(100% / 5);bottom: 0;line-height: 0;}
.process-wrapper .c-b-arrow .decor-2{content: url("../images/svg/Group_19841.svg");position: absolute;right: calc(100% / 5);bottom: 500px;line-height: 0;bottom: calc(0.13125 * 100vw + 123px);}

/*bottom: 295px;*/
/*width: 33px;*/
/*line-height: 0;*/
/*bottom: 390px;*/
/*bottom: calc(0.1484375 * 100vw + 105px);*/

.menu {width: calc(100% / 12 * 4);}
.menu ul {justify-content: space-between;position: relative;top: 100%;transform: translate(0, -100%);}
.menu li {line-height: 1;}
.menu a {text-decoration: none;color: #000000;font-weight: 500;}
.menu li:hover a {color: #28AAE2;}
.header .language li:hover a {color: #000;}
.header .language a {text-decoration: none;color: #A6AAAF;font-size: calc(0.0015625 * 100vw + 9px);line-height: calc(0.0015625 * 100vw + 12px);letter-spacing: 0.1em;font-weight: 600;position: relative;}
.header .language .active a{color: #000000;}
.header .language li.active a:before {content: "";width: 4px;height: 4px;background: #28AAE2;position: absolute;top: -3px;right: -4px;}
.header .logo {width: calc(100% / 12 * 6);height: calc(0.0171875 * 100vw + 30px);;position: relative;}
.header .language {width: calc(100% / 12);margin-left: calc(100% / 12);}
.header .language ul{position: relative;top: 100%;transform: translate(0, -100%);justify-content: flex-end;}
.header .language li {margin-right: 26%;line-height: 1;}
.header .language li:last-child{margin-right: 0;}
.header{padding-top: calc(0.0390625 * 100vw - 17px);padding-bottom: calc(0.0390625 * 100vw - 17px);}
.header .logo img.logo-big {position: relative;width: calc(0.04375 * 100vw + 78px);}
.header .decor {content: url(../images/svg/Group_19778.svg);position: absolute;line-height: 0;top: 0;right: 0;}
.header{position: relative;padding-left: calc(0.0390625 * 100vw - 17px);}
.header-wrapper{position: absolute;width: 100%;top: 0;z-index: 2;}
.header-wrapper.fixed-menu {position: fixed;width: 100%;top: 0;box-shadow: -20px 20px 40px rgba(0, 0, 0, 0.06);background: #fff;z-index: 12;}
.header-wrapper.fixed-menu .logo .image{top: calc(0.0234375 * 100vw - 10px);}
.header-wrapper.fixed-menu .decor {opacity: 0;}
.container-wrapper {padding-top: calc(0.0953125 * 100vw - 12px);}
.hamburger {position: absolute;right: 33.5px;display: none;width: 37px;height: 30px;}
.logo .signet{width: calc(0.0171875 * 100vw + 30px);}
.logo .signet.white{display: none;}
.header-wrapper .logo .image {z-index: 2;width: 162px;position: fixed;top: calc(0.0390625 * 100vw - 17px);}
.logo .logotype{width: calc(0.025 * 100vw + 50px);position: absolute;bottom: 0;left: calc(0.0171875 * 100vw + 30px);}
.selectric-items{background-color: #fff;border: none;box-shadow: none;height: auto!important;}
.contact .selectric-items{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.06);}
.selectric-items ul {padding-bottom: 22px;padding-top: 14px;}
.selectric-items li {display: block;padding: 10px 28px;color: #000000;cursor: pointer;line-height: 15px;min-height: auto;font-weight: 500;}
.selectric-items li:hover,
.selectric-items li.highlighted{background-color: #CF4DFF;color: #FFFFFF;}

.target-burger ul.buns li.bun {
    width: 100%;
    height: 3px;
    background-color: #000;
    position: relative;
    margin-top: 11px;
}
.target-burger ul.buns li.bun:first-child{margin-top: 0;}
.target-burger ul.buns {
    list-style: none;
    cursor: pointer;
}
.target-burger.toggled ul.buns li.bun:first-child {
    -webkit-transform: translate(3px,13px) rotate(45deg);
    transform: translate(3px,13px) rotate(45deg);
}
.target-burger.toggled ul.buns li.bun:last-child {
    -webkit-transform: translate(4px,-1px) rotate(-45deg);
    transform: translate(4px,-1px) rotate(-45deg);
}

.banner-video.max-width {padding-right: 0;}
.banner-video .video {margin-left: calc((100% - 100px) / 12);position: relative;opacity: 0;}
.banner-video .subtitle {display: block;font-family: abril-text, serif;font-weight: 600;font-style: italic;font-size: calc(0.0125 * 100vw + 13px);line-height: calc(0.0140625 * 100vw + 14px);}
.banner-video .des-box{font-family: abril-text, serif;font-weight: 600;font-style: italic;font-size: calc(0.0109375 * 100vw + 3px);line-height: calc(0.015625 * 100vw + 8px);box-shadow: -20px 20px 40px rgba(0, 0, 0, 0.06);display: inline-block;background: #fff;width: calc(0.1109375 * 100vw + 16px);height: calc(0.1109375 * 100vw + 16px);    position: absolute;right: 0;transform: translate(50%, 50%);bottom: 0;}
.banner-video .des-box span {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;}
.sticky-content-btn{z-index: 2;position: fixed;bottom: 0;right: 0;}
.banner-video .sticky-content-btn {position: absolute;width: 100%;display: flex;flex-flow: wrap;justify-content: flex-end;bottom: calc(0.0359375 * 100vw + 0px);}
.sticky-content-btn-wrapper{position: absolute;display: none;}
.sticky-content-btn-wrapper.smooth-scroll{display: block;}
.sticky-content-btn.remove-fixed {bottom: auto;position: absolute;}
.btn-square-arrow{position: -webkit-sticky;position: sticky;bottom: 0;align-self: flex-end;text-align: left;overflow: hidden;}
video{width: 100%;vertical-align: top;}
.btn-square-arrow strong:nth-child(2) {line-height: 40px;letter-spacing: 7px;color: #fff;font-weight: 700;padding-left: 17%;position: relative;opacity: 0;}
.btn-square-arrow:hover {width: calc(0.109375 * 100vw + 139px);}
.btn-square-arrow:hover strong:nth-child(2){opacity: 1;}
.btn-square-arrow strong:first-child:before {content: url(../images/svg/Group_19770.svg);position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);line-height: 0;z-index: 1;width: calc(0.01875 * 100vw + 26px);}
.btn-square-arrow strong:first-child{position: absolute;top: 50%;right: 0;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0%,-50%);padding: 0;line-height: 0;background: #28AAE2;width: calc(0.0390625 * 100vw + 50px);height: calc(0.0390625 * 100vw + 50px);z-index: 2;}

.title-banner {display: block;font-size: 52px;line-height: 70px;letter-spacing: 0.2em;font-weight: 800;color: #1E4387;font-size: calc(0.03125 * 100vw + 12px);line-height: calc(0.0421875 * 100vw + 16px);}
.title-banner b{position: relative;display: inline-block;float: left;font-weight: 800;}
.title-banner i {font-style: normal;}
.banner-video {margin-top: calc(0.0234375 * 100vw + 102px);padding-bottom: calc(0.047 * 100vw + 80px);}
.banner-video .decor {content: url("../images/svg/Group_19783.svg");position: absolute;top: 35%;z-index: 1;width: calc(0.009375 * 100vw + 24px);}
.title-banner.title-mark{padding-left: calc(0.015625 * 100vw);margin-top: calc(0.009375 * 100vw - 5px);}
.box-info{display: inline-block;padding: 48px calc(0.03125 * 100vw + 18px) calc(0.053125 * 100vw + 6px) 0;position: absolute;background: #fff;top: calc(-0.034375 * 100vw - 60px);z-index: 1;opacity: 0;}
.bottom-banner-video {display: flex;position: relative;top: calc(-0.034375 * 100vw - 3px);margin-bottom: calc(-0.034375 * 100vw - 3px);}
.title-banner.title-mark b:before {content: '';display: block;position: absolute;top: calc(0.0046875 * 100vw + 3px);right: calc(0.0078125 * 100vw + 3px);width: calc(0.0046875 * 100vw + 3px);height: calc(0.0046875 * 100vw + 3px);float: left;transform: translate(0px, 100%);z-index: 1;}
.title-banner.title-mark.animation-decor b:before {background: #28AAE2;transform: translate(0px, 0);}
.title-banner.title-mark b:after {content: '';position: absolute;top: calc(0.009375 * 100vw + 5px);right: calc(0.0078125 * 100vw + 2px);width: calc(0.0046875 * 100vw + 4px);height: calc(0.0046875 * 100vw + 5px);}
.title-banner.title-mark.animation-decor b:after {background: #fff;}
.carousel-posts {width: calc((100% - (0.125 * 100vw - 60px)) / 12 * 8 + (0.125 * 100vw - 60px));margin-left: calc((100% - (0.125 * 100vw - 60px)) / 12);box-shadow: -20px 20px 40px rgba(0, 0, 0, 0.06);padding: 47px 0px 55px;position: relative;box-sizing: border-box;background: #fff;height: calc(0.078125 * 100vw + 100px);}
.carousel-posts .post-category {font-size: calc(0.0015625 * 100vw + 9px);line-height: calc(0.0015625 * 100vw + 12px);font-weight: 600;display: block;margin-top: 48px;color: #8E939A;}
.carousel-posts .post-info {padding-left: calc(0.015625 * 100vw + 30px);box-sizing: border-box;width: calc((0.015625 * 100vw + 30px) + 150px + (100% / 12));}
.carousel-posts .post-date {color: #8E939A;display: block;}
.carousel-posts .post-author {font-size: calc(0.0015625 * 100vw + 13px);line-height: calc(0.0015625 * 100vw + 15px);color: #000000;font-family: abril-text, serif;font-weight: 600;font-style: italic;display: block;margin-top: 20px;}
.carousel-posts .post-text{margin-top: calc(0.0046875 * 100vw + 10px);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.carousel-posts .post-title{font-size: calc(0.0015625 * 100vw + 15px);line-height: calc(0.0015625 * 100vw + 29px);font-weight: 500;    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.carousel-posts .post-title-text {position: relative;top: -2px;padding-right: calc(0.0390625 * 100vw + 50px);width: calc(100% - ((0.015625 * 100vw + 30px) + 150px) - (100% / 12 + (0.0390625 * 100vw + 50px)));}
.carousel-posts li {display: flex;background: #fff;opacity: 0!important;}
.carousel-posts li.swiper-slide-active {opacity: 1!important;}
/*.carousel-posts ul {position: relative;top: 50%;transform: translate(0, -50%);}*/
.nav-carousel {position: absolute;top: 0;right: 0;}
.arrow-carousel{position: relative;cursor: pointer;height: calc(0.0390625 * 100vw + 50px);width: calc(0.0390625 * 100vw + 50px);border: solid 1px #DBDFE6;box-sizing: border-box;background: #fff;outline: 0;z-index: 1;}
.nav-carousel .arrow-carousel:first-child{border-bottom: none;border-top: none;}
.nav-carousel .arrow-carousel.arrow-left {border-bottom: none;}
.arrow-carousel svg{position: absolute;line-height: 0;width: calc(0.003125 * 100vw + 5px);top: 50%;left: 50%;transform: translate(-50%,-50%);}
.carousel-posts .swiper-container{padding-right: calc(0.0390625 * 100vw + 50px);position: relative;top: 50%;transform: translate(0, -50%);}
.arrow-carousel.arrow-right svg{content: url("../images/svg/Group_19771.svg");}
.arrow-carousel.arrow-left svg{content: url("../images/svg/Group_19772.svg");}
.arrow-carousel:hover svg .a{fill: #28AAE2;}
.social-icon-box ul{box-shadow: -20px 20px 30px rgba(0, 0, 0, 0.06);background-color: #fff;padding: calc(0.0125 * 100vw + 14px) 0;justify-content: space-around;position: relative;top: 100%;transform: translate(0, -100%);}
.social-icon-box {width: calc((100% - (0.125 * 100vw - 60px)) / 12 * 3);}
.social-icon-box .facebook svg {width: calc(0.003125 * 100vw + 5px);}
.social-icon-box .behance svg{width: calc(0.0078125 * 100vw + 13px);}
.social-icon-box .youtube svg{width: calc(0.0078125 * 100vw + 12px);}
.social-icon-box .linkedin svg{width: calc(0.00625 * 100vw + 9px);}
.social-icon-box .facebook a:hover svg .a{fill: #4267b2;}
.social-icon-box .behance a:hover svg .a{fill: #1769FF;}
.social-icon-box .youtube a:hover svg .a{fill: #ff0000;}
.social-icon-box .linkedin a:hover svg .a{fill: #006097;}
.social-icon-box a {display: flex;position: relative;top: 50%;transform: translate(0,-50%);}
.banner-video-wrapper{position: relative;}
.grey-decor{content: '';background-color: #F6F7F9;width: 100%;height: calc(0.240625 * 100vw + 134px);position: absolute;bottom: 0;}
.go-next-section-btn {content: url(../images/svg/Group_19906.svg);width: calc(0.0046875 * 100vw + 6px);line-height: 0;margin-top: -20px;cursor: pointer;z-index: 2;position: fixed;}
.video .decor-2{content: url("../images/svg/Group_19779.svg");width: calc(0.01875 * 100vw + 30px);position: absolute;line-height: 0;left: calc(100% / 12 * 5 + 4%);bottom: calc(0.0390625 * 100vw + 100px);}
.video .decor-1 {content: url(../images/svg/Group_19780.svg);width: calc(0.01875 * 100vw + 30px);position: absolute;line-height: 0;right: calc(0.125 * 100vw - 60px);top: calc(0.03125 * 100vw + 60px);}
.go-next-section {position: absolute;top: 0;left: calc(0.0390625 * 100vw - 17px);}


.contact-template.footer-contact-wrapper {background-color: #1E4387;color: #fff;}
.contact-template.footer-contact-wrapper:after {background-image: url(../images/png/d3cd7151eef0dba992d478eafe2ef3b1.png);background-size: cover;content: '';position: absolute;width: calc((100% - ((0.125 * 100vw - 60px) * 2)) / 12 * 7 + (0.125 * 100vw - 60px));height: 100%;right: 0;top: 0;}
.contact-template.footer-contact-wrapper:before {content: '';position: absolute;width: calc((100% - ((0.125 * 100vw - 60px) * 2)) / 12 * 7 + (0.125 * 100vw - 60px));height: 100%;right: 0;top: 0;background-color: rgba(30, 67, 135, 0.88);z-index: 1;}
.contact-template.section-wrapper{position: relative;}
.contact-template .col-7-12 {padding-left: calc(100% / 12);box-sizing: border-box;}
.contact-template .footer-contact,
.contact-template .contact{position: relative;z-index: 1;}
.contact-template input {border: none;border-bottom: 2px solid;background: transparent;width: calc(100% / 7 * 4);font-size: 14px;line-height: 20px;outline: 0;color: #fff;z-index: 1;position: relative;padding: calc(0.00625 * 100vw + 8px) 0;}
.contact-template.footer-contact-wrapper input{border-color: #fff;}
.contact-template.contact-wrapper input{border-color: #000;color: #000;}
.contact-template .title-section {display: inline-block;margin-bottom: calc(0.03125 * 100vw + 17px);}
.contact-template.footer-contact-wrapper .title-section {color: #fff;}
.contact-template .title-section b:before {content: "";position: absolute;background-color: #CF4DFF;bottom: 11px;right: calc(0.0015625 * 100vw + 6px);width: calc(0.003125 * 100vw + 5px);height: calc(0.003125 * 100vw + 5px);transform: translate(-100%,0);z-index: 1;}
.page-contact .contact-template .title-section b:before{right: calc(0.0015625 * 100vw + 7px);}
.contact-template .title-section.animation-decor b:before {background-color: #CF4DFF;transform: translate(0,0);}
.contact-template .title-section b:after {content: "";width: calc(0.003125 * 100vw + 6px);height: calc(0.003125 * 100vw + 5px);position: absolute;bottom: 11px;right: calc(0.003125 * 100vw + 13px);}
.contact-template .title-section.animation-decor b:after {background-color: #1E4387;}
.page-contact .contact-template .title-section.animation-decor b:after{background-color: #fff;}
.data-text strong {font-family: abril-text, serif;font-weight: 600;font-style: italic;font-size: calc(0.0015625 * 100vw + 13px);line-height: calc(0.0015625 * 100vw + 18px);display: block;margin-bottom: calc(0.0109375 * 100vw - 11px);}
.data-text a {font-weight: 500;text-decoration: none;font-size: 16px;line-height: 40px;letter-spacing: 0.03em;}
.data-text a:hover,
.contact .data-text a:hover{color: #CF4DFF;}
.footer-contact .data-text a {color: #FFFFFF;}
.contact .data-text a {color: #000;}
.data-text.phone a{letter-spacing: 0.13em;}
.contact-template .data-text {margin-bottom: calc(0.0171875 * 100vw + 18px);position: relative;}
.contact-template .data-text:last-child{margin-bottom: 0;}
.contact-template .data-text.email .decor {position: absolute;left: 0;width: calc(0.01875 * 100vw + 30px);bottom: -120px;}
.footer-contact-wrapper.contact-template .data-text.email .decor{content: url("../images/svg/Group_19885.svg");}
.contact-wrapper.contact-template .data-text.email .decor{content: url("../images/svg/Group-20054.svg");}
textarea {border: none;border-bottom: 2px solid;background: transparent;width: calc(100% / 7 * 6);outline: 0;color: #fff;resize: none;position: relative;padding: calc(0.00625 * 100vw + 8px) 0;box-sizing: border-box;height: calc(0.0515625 * 100vw + 129px);overflow: auto;}
.contact-template.footer-contact-wrapper textarea{border-color: #fff;}
.contact-template.contact-wrapper textarea{border-color: #000;color: #8E939A;}
.selectric-wrapper .selectric {border: none;background: transparent;border-bottom: solid 2px;}
.footer-contact-wrapper .selectric-wrapper .selectric {border-color: #fff;}
.contact-wrapper.selectric-wrapper .selectric {border-color: #000;}
.selectric-wrapper {width: calc(100% / 7 * 4);}
.selectric .label {font-weight: 600;margin: 0;line-height: 40px;height: auto;font-size: calc(0.0015625 * 100vw + 12px);padding: calc(0.00625 * 100vw - 3px) 0;}
.footer-contact .selectric .label {color: #FFFFFF;}
.selectric .button {height: 100%;background: transparent;}
.selectric .button:after{border: none;content: url("../images/svg/Group_19727.svg");width: 12px;line-height: 0;top: 50%;left: auto;right: 0;bottom: auto;height: auto;transform: translate( 0%,-50%);}
.selectric-open .selectric .button {transform: rotateX(180deg);}
.contact-template .form-field.input,
.form-field.select{margin-bottom: calc(0.03125 * 100vw + 6px);z-index: 2;}
.form-field{position: relative;z-index: 1;}
.contact-template form input,
form textarea,
.contact-template  form .label-input{font-size: calc(0.0015625 * 100vw + 12px);line-height: 20px;}
form .label-input {position: absolute;left: 0;top: calc(0.00625 * 100vw + 8px);z-index: -1;}
.contact form .label-input {color: #8E939A;}
.contact-template input:focus + span.label-input, input.dirty + span.label-input {top: -14px;font-size: 10px;}
textarea:focus + span.label-input, textarea.dirty + span.label-input {top: -14px;font-size: 10px;}
textarea + .label-input {position: absolute;top: 16px;}
.form-footer{margin-top: calc(0.0140625 * 100vw + 28px);}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {position: absolute;left: -9999px;}
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label {position: relative;padding-left: 30px;cursor: pointer;}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: -2px;width: calc(0.0046875 * 100vw + 9px);height: calc(0.0046875 * 100vw + 9px);border: 1px solid #fff;background: transparent;box-sizing: border-box;}
.contact [type="checkbox"]:not(:checked) + label:before,
.contact [type="checkbox"]:checked + label:before{border-color: #8E939A;}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {content: '';background: url(../images/svg/icons8-checkmark.svg); position: absolute;top: 0px; left: 2px;transition: all .2s;width: 14px;height: 12px;background-size: cover;}
[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
.label-checkbox a {display: inline-block;}
.label-checkbox {font-size: calc(0.0015625 * 100vw + 9px);line-height: 21px;}
.footer-contact .label-checkbox {color: #fff;}
.contact .label-checkbox {color: #8E939A;}
.send-form {font-weight: 600;letter-spacing: 0.5em;background: transparent;border: none;outline: 0;padding-right: calc(0.01875 * 100vw + 49px);position: relative;cursor: pointer;}
.footer-contact .send-form {color: #fff;}
.send-form:before{content: url("../images/svg/Group_19889.svg");position: absolute;right: 0;width: calc(0.015625 * 100vw + 23px);line-height: 0;top: 50%;transform: translate(0,-50%);}
.send-form:hover:before{-webkit-transform: translateX(3px) translate(0,-50%);-ms-transform: translateX(3px) translate(0,-50%);transform: translateX(3px) translate(0,-50%);}
.form-field.checkbox{margin-top: calc(0.0046875 * 100vw + 12px);margin-bottom: calc(0.0171875 * 100vw + 19px);}
.contact-template.section-wrapper {padding-bottom: calc(0.0546875 * 100vw + 90px);}
.contact-template.contact-wrapper{padding-top: 0px;padding-bottom: calc(0.0546875 * 100vw + 70px);}
.drive{letter-spacing: 0.5em;font-weight: 600;padding-right: calc(0.0046875 * 100vw + 44px);position: relative;cursor: pointer;position: absolute;bottom: 0;}
.drive:before{content: url("../images/svg/Group_19886.svg");position: absolute;width: calc(0.0046875 * 100vw + 6px);right: 0;bottom: 3px;line-height: 0;}
.drive:hover:before{-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.projects-wrapper .swiper-pagination-bullet {border-radius: 0;border: none;background: #DBDFE6;padding: 0;outline: 0;cursor: pointer;width: calc(0.00625 * 100vw + 3px);height: calc(0.00625 * 100vw + 3px);opacity: 1;position: relative;}
.projects-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{transform: scale(1.909);}
.projects-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {content: "";width: calc(100% - 2px);height: calc(100% - 2px);position: absolute;background: #DBDFE6;top: 1px;left: 1px;border: solid #F6F7F9 calc(0.0015625 * 100vw + 0px);box-sizing: border-box;z-index: 1;transform: scale(1);}
.projects-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active:after {content: "";position: absolute;height: 1px;width: 78px;background: #DBDFE6;top: calc(51% - 1px);}
.projects .swiper-slide img {opacity: 0;}
/*.projects .swiper-slide .img-parallax img {opacity: 1;max-width: 100%;}*/
.img-parallax {height: 100%;position: absolute;width: 100%;background-size: cover;transition: 0.45s ease-out;}
.img-mob{display: none;}
.field-errors {color: #CF4DFF;position: absolute;bottom: -30px;left: 0;}
.form-field.textarea .field-errors {bottom: -20px;}


.back-up{padding-top: calc(0.0328125 * 100vw + 74px);padding-bottom: calc(0.04375 * 100vw + 84px);}
.back-up-wrapper{background-color: #1E4387;cursor: pointer;}
.back-up .decor{content: url("../images/svg/Group_19916.svg");position: absolute;top: 0;right: 0;}
.back-up-wrapper .subtitle{font-family: abril-text, serif;font-weight: 600;font-style: italic;font-size: calc(0.0046875 * 100vw + 14px);line-height: calc(0.0046875 * 100vw + 14px);color: #fff;display: block;margin-bottom: calc(0.0078125 * 100vw + 2px);}
.back-up-wrapper .back-up-title{font-size: calc(0.0109375 * 100vw + 28px);line-height: calc(0.015625 * 100vw + 36px);font-weight: 700;color: #fff;display: block;letter-spacing: 0.2em;}
.copy-text{font-size: calc(0.0015625 * 100vw + 11px);line-height: calc(0.0015625 * 100vw + 28px);color: #3E67B1;display: block;position: relative;}
.back-up-wrapper .copy-text{top: 94%;transform: translate(0, -100%);}
.back-up-wrapper .left-section {padding-left: calc(100% / 12);position: relative;width: 70%;}
.back-up-wrapper .left-section:before {content: url(../images/svg/Group_19915.svg);width: calc(0.0046875 * 100vw + 6px);position: absolute;left: 0;bottom: 0;line-height: 0;}
.back-up-wrapper:hover .left-section:before{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}

.map-wrapper {height: calc(0.1921875 * 100vw + 335px);width: 100%;background-image: url("../images/png/Mask_Group_13@2x.png");background-position: center;background-size: cover;}
.box-info-business .address-business br {content: '';height: 17px;display: block;}
.box-info-business .address-business {font-weight: 500;letter-spacing: 0.13px;}
.box-info-business .data-business strong {width: 90px;display: inline-block;}
.box-info-business .data-business span {letter-spacing: 1.82px;}
.box-info-business .data-business {margin-top: 61px;}
.box-info-business .data-business li{margin-bottom: 4px;}
.box-info-business .data-business li:last-child{margin-bottom: 0px;}
.box-info-business {background: #fff;padding: calc(0.01875 * 100vw + 36px);width: calc(0.1171875 * 100vw + 315px);box-sizing: border-box;position: absolute;left: calc(100% / 12 * 6);top: calc(-0.01875 * 100vw - 43px);z-index: 1;}
.page-contact .box-info-business {top: 53px;}


.navigation-bar-wrapper ul{list-style: none;}
.navigation-items-btn {position: relative;top: calc(0.0875 * 100vw + 123px);transform: translate(0, -50%);z-index: 2;}
.navigation-bar-content{position: absolute;height: 100%;top: 0;z-index: 2;}
.navigation-bar-wrapper li{font-size: 11px;line-height: 43px;font-weight: 700;letter-spacing: 0.04em;color: #87919F;opacity: 0.3;text-decoration: none;cursor: pointer;margin-bottom: calc(0.0390625 * 100vw - 33px);}
.navigation-bar-wrapper li:hover,
.navigation-bar-wrapper li.active,
.navigation-bar-wrapper li.active-2{color: #1E4387;opacity: 1;}
.navigation-bar-wrapper li.changeColor:hover {color: #fff;opacity: 1;}
.navigation-bar-wrapper li.changeColor.active{color: #fff;}
.navigation-bar.max-width {padding: 0 calc(0.0390625 * 100vw - 17px);}

/*.navigation-bar-wrapper li.changeColor {color: #fff;opacity: 1;}*/

.map-wrapper.open{display: block;}
.team-gallery-masonry li.box-blue img{width: 100%;height: 100%;vertical-align: top;}

.carousel-posts .line-1 .post-text {-webkit-line-clamp: 1;}
.carousel-posts .line-2 .post-text {-webkit-line-clamp: 2;}
.contact-template .number-section {color: #3E67B1;}

/*.header .logo.not-visible img.signet.blue {display: none;}*/
/*.header .logo.not-visible img.signet.white {display: block;}*/
.header .logo.logo-fixed img.logotype{opacity: 0;pointer-events: none;width: calc(0.0171875 * 100vw + 35px);}
.header .logo.logo-fixed img.signet{width: calc(0.0125 * 100vw + 20px);}
.header .logo img.logo .signet.white{display: none;}
.header .logo .changeColor img.signet.white{display: block;}
.header .logo .changeColor img.signet.blue{display: none;}
.show-menu .header .logo .changeColor img.signet.white {display: none;}
.show-menu .header .logo .changeColor img.signet.blue {display: block;}
/*::selection {background: #28AAE2;}*/
.form-field.required:before {content: "";width: 3.6px;height: 3.6px;background-color: #fff;position: absolute;top: 13px;left: -8px;}
.contact .form-field.required:before{background-color: #CF4DFF;}
.tooltip-wrapper:before {width: 0;height: 0;border-left: 9.5px solid transparent;border-right: 8.5px solid transparent;border-top: 8.5px solid #132B57;content: '';bottom: -8px;position: absolute;left: 50%;-webkit-transform: translate(-50%,-0%);-ms-transform: translate(-50%,0%);transform: translate(-50%,0%);}
.tooltip-wrapper.active {opacity: 1;visibility: visible;}
.tooltip-wrapper {background: #132B57;padding: 20px 22px;border-radius: 10px;position: absolute;top: 0px;left: 0;-webkit-transform: translate(0,-100%);-ms-transform: translate(0,-100%);transform: translate(0,-100%);opacity: 0;visibility: hidden;color: #fff;font-size: 10px;line-height: 17px;max-width: 600px;}
.header-wrapper.fixed-menu .header{padding-top: calc(0.0234375 * 100vw - 10px);padding-bottom: calc(0.0234375 * 100vw - 10px);}
.header-wrapper.fixed-menu .header .logo{height: calc(0.0125 * 100vw + 20px);}
.header .logo a {position: relative;display: inline-block;height: 100%;}

/*blog*/
.category-posts {padding: 20px 0;width: 100%;position: relative;}
.category-posts li{width: auto;height: auto;}
.category-posts ul {display: flex;justify-content: space-between;list-style: none;}
.category-posts a {color: #8E939A;font-weight: 600;text-decoration: none;letter-spacing: 0.42px;position: relative;}
.category-posts li.active a,
.category-posts li a:hover{color: #000;}
.category-posts li.active a:before{content: "";width: 6px;height: 6px;background-color: #28AAE2;position: absolute;top: -3px;right: -9px;}
.category-posts .decor{position: relative;}
.category-posts .decor:before{content: "";position: absolute;width: 1px;height: 100%;background-color: #DBDFE6;}
.search-input {width: 100%;border: none;padding: 13.5px 0;outline: 0;font-size: calc(0.0015625 * 100vw + 11px);border-bottom: 2px solid #000000;border-radius: 0;}
.search {width: calc(100% / 12 * 5);}
.search form{position: relative;}
.search .btn-search{width: 18px;height: 18px;position: absolute;border: none;outline: 0;bottom: 12px;right: 0;cursor: pointer;background-color: #fff;}
.search .btn-search:before{content: url("../images/svg/Group_20026.svg");position: absolute;width: 100%;top:0;left: 0;}
.title-section.title-blog b:after {content: "";position: absolute;width: 12px;height: calc(0.0015625 * 100vw + 7px);top: calc(0.003125 * 100vw + 8px);background-color: #fff;left: 2px;}
.title-section.title-blog b:before {content: "";position: absolute;width: calc(0.0015625 * 100vw + 6px);height: calc(0.0015625 * 100vw + 6px);top: calc(0.003125 * 100vw + 9px);left: calc(0.003125 * 100vw + 7px);background-color: #28AAE2;z-index: 1;}
.list-video-post .image-video-post {width: calc(100% / 5 * 2);}
.list-video-post .image-video-post .image:before{content: url("../images/svg/Group__19770.svg");position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);line-height: 0;z-index: 1;}
.list-video-post figure.image:after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.3);}
.list-video-post .info-video-post {width: calc(100% / 5 * 3);padding-left: 26px;box-sizing: border-box;margin-top: -5px;}
.list-video-post ul{list-style: none;}
.list-video-post li{display: flex;flex-flow: wrap;margin-bottom: 51px;cursor: pointer;}
.list-video-post li:last-child{margin-bottom: 0px;}
.list-video-post li:hover figure.image:after {background-color: rgba(0,0,0,0.5);}
.list-video-post li:hover figure.image:before {-webkit-transform: translateX(3px) translate(-50%,-50%);-ms-transform: translateX(3px) translate(-50%,-50%);transform: translateX(3px) translate(-50%,-50%);}
.list-video-post .date{color: #8E939A;position: relative;padding-right: 18px;line-height: 18px;display: inline-block;}
.list-video-post .time-reading{position: relative;color: #8E939A;padding-left: 21px;margin-left: 19px;line-height: 18px;display: inline-block;}
.list-video-post .time-reading:before{content: url("../images/svg/time.svg");position: absolute;left: 0;top: 3px;line-height: 0;width: 13px;height: 13px;}
.list-video-post .author{display: block;color: #8E939A;margin-top: 17px;font-family: abril-text;line-height: 16px;width: 100%;}
.list-video-post .title-post{font-weight: 500;display: block;margin-top: 16px;color: #000;text-decoration: none;}
.latest-article-and-video .latest-video{width: calc(100% / 12 * 5);}
.list-video-post figure.image img{width: 100%;}
.list-video-post figure.image{display: block;}
.latest-article-and-video .latest-article{width: calc(100% / 12 * 6);margin-right: calc(100% / 12);}

.list-posts ul{list-style: none;display: flex;flex-flow: wrap;}
.list-posts li{margin-bottom: calc(0.015625 * 100vw + 30px);display: flex;flex-flow: wrap;cursor: pointer;}
.list-posts.list-col-33 li{width: calc(33.33% - 24px);margin-right: 36px;}
.list-posts.list-col-33 li:nth-child(3n+3){margin-right: 0;}
.list-posts.list-col-33-4 li:not(.big-post){width: calc(33.33% - 24px);margin-right: 36px;}
.list-posts.list-col-33-4 li:nth-child(3n+4){margin-right: 0;}
.list-posts.list-col-50 li{width: calc(50% - 18px);margin-right: 36px;}
.list-posts.list-col-50 li:nth-child(even){margin-right: 0;}
.list-posts li figure.image{display: block;}
.list-posts .image-post{margin-bottom: 26px;position: relative;width: 100%;}
.list-posts li figure.image img{width: 100%;}
.list-posts .date{color: #8E939A;position: relative;padding-right: 18px;line-height: 18px;display: inline-block;}
.separator-d-t:before{content: "";width: 1px;height: 100%;position: absolute;background-color: #DBDFE6;right: 0;top: 0;}
.separator-d-t{position: relative;}
.list-posts .time-reading{position: relative;color: #8E939A;padding-left: 21px;margin-left: 19px;line-height: 18px;display: inline-block;}
.list-posts .time-reading:before{content: url("../images/svg/time.svg");position: absolute;left: 0;top: 3px;line-height: 0;width: 13px;height: 13px;}
.list-posts .author{display: block;color: #8E939A;margin-top: 17px;font-family: abril-text;line-height: 16px;width: 100%;}
.list-posts .title-post{font-weight: 500;display: block;margin-top: 16px;color: #000000;text-decoration: none;}
.list-posts .category-post{color: #A6AAAF;font-weight: 500;font-size: calc(0.0015625 * 100vw + 10px);transform: rotate(-90deg) translate(0, 100%);position: absolute;bottom: 0;width: 44.5%;transform-origin: bottom left;padding-bottom: 22px;background: #fff;line-height: 15px;text-decoration: none;bottom: -1px;left: -1px;}
.list-posts .category-post:hover,
.latest-article .category-post:hover{color: #000;}
.list-posts li figure.image:before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.list-posts li:hover figure.image:before {background-color: rgba(0,0,0,0.3);}

.knowledge-base-and-popular-post .knowledge-base{width: 66.66%;}
.knowledge-base-and-popular-post .popular-post{width: calc(33.33% - 34px);margin-left: 34px;}


.list-posts-without-image .date{color: #8E939A;position: relative;padding-right: 18px;line-height: 18px;display: inline-block;}
.list-posts-without-image .date:before{content: "";width: 1px;height: 100%;position: absolute;background-color: #DBDFE6;right: 0;top: 0;}
.list-posts-without-image .time-reading{position: relative;color: #8E939A;padding-left: 21px;margin-left: 19px;line-height: 18px;display: inline-block;}
.list-posts-without-image .time-reading:before{content: url("../images/svg/time.svg");position: absolute;left: 0;top: 3px;line-height: 0;width: 13px;height: 13px;}
.list-posts-without-image .author{display: block;color: #8E939A;margin-top: 17px;font-family: abril-text;line-height: 16px;}
.list-posts-without-image .title-post{font-weight: 500;display: block;margin-top: 16px;color: #000;text-decoration: none;}
.list-posts-without-image li{height: auto;counter-increment: questionNumber;margin-bottom: 40px;cursor: pointer;}
.list-posts-without-image li:before {content: counters(questionNumber, ".", decimal-leading-zero);position: absolute;top: 0;left: 0;font-size: calc(0.0046875 * 100vw + 24px);color: #D6DBDE;line-height: 1;font-weight: 700;}
.list-posts-without-image .info-post{padding-left: 82px;width: 100%;}
.list-posts-without-image.swiper-container {width: 100%;height: calc(100% - 95px);}
/*.list-posts-without-image .swiper-slide {*/
/*    !* Center slide text vertically *!*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: -webkit-flex;*/
/*    display: flex;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    -webkit-justify-content: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    -webkit-align-items: center;*/
/*    align-items: center;*/
/*}*/
.list-posts-without-image:before {content: '';position: absolute;bottom: -100px;width: 100%;z-index: 2;left: 0;height: 319px;background-image: url(../images/png/Image_18.png);}
.list-posts-without-image.last-item:before{display: none;}
.see-more-posts{color: #8E939A;font-weight: 500;line-height: 0.42px;position: relative;border: none;padding-right: 38px;font-size: calc(0.0015625 * 100vw + 12px);line-height: 18px;outline: 0;background-color: #F6F7F9;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;}
.see-more-posts:before{content: url("../images/svg/Group_19986.svg");position: absolute;right: 0;top: 5px;line-height: 0;}
.see-more-posts-wrapper:hover .see-more-posts:before{-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.see-more-posts-wrapper{width: 100%;height: 68px;background-color: #F6F7F9;cursor: pointer;}
.title-section-small{line-height: 18px;letter-spacing: 0.42px;padding-bottom: 23px;display: block;border-bottom: 1px solid #DBDFE6;margin-bottom: 23px;font-weight: 500;}
.title-section-small-link{color: #000;line-height: 18px;letter-spacing: 0.42px;padding-bottom: 21px;display: block;border-bottom: 1px solid #DBDFE6;margin-bottom: 25px;position: relative;font-weight: 500;text-decoration: none;}
.title-section-small-link:before{content: url("../images/svg/Group_19988.svg");position: absolute;right: 0;top: 6px;line-height: 0;}
.title-section-small-link:hover {color: #2CAAE3;border-color: #000;}
.title-section-small-link:hover:before{-webkit-transform: translateX(3px);-ms-transform: translateX(3px);transform: translateX(3px);}

.latest-article .date{color: #8E939A;position: relative;padding-right: 20px;line-height: 18px;display: inline-block;}
.latest-article .date:before{content: "";width: 1px;height: 100%;position: absolute;background-color: #DBDFE6;right: 0;top: 0;}
.latest-article .time-reading{position: relative;color: #8E939A;padding-left: 21px;padding-right: 20px;margin-left: 19px;line-height: 18px;display: inline-block;}
.latest-article .time-reading:before{content: url("../images/svg/time.svg");position: absolute;left: 0;top: 3px;line-height: 0;width: 13px;height: 13px;}
.latest-article .time-reading:after{content: "";width: 1px;height: 100%;position: absolute;background-color: #DBDFE6;right: 0;top: 0;}
.latest-article .author{color: #8E939A;padding-left: 19px;font-family: abril-text;line-height: 16px;}
.latest-article .category-post{color: #A6AAAF;font-weight: 500;transform: rotate(-90deg) translate(0, 100%);position: absolute;bottom: 0;left: 0;width: 42%;transform-origin: bottom left;padding-bottom: 22px;background: #fff;font-size: calc(0.0015625 * 100vw + 15px);line-height: calc(0.0015625 * 100vw + 29px);text-decoration: none;}
.latest-article .post-image{position: relative;margin-bottom: 30px;}
.latest-article .title-post{font-weight: 500;display: block;margin-top: 20px;font-size: calc(0.0015625 * 100vw + 15px);line-height: calc(0.0015625 * 100vw + 29px);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;letter-spacing: 0.51px;}
.latest-article .description-post{letter-spacing: 0.42px;line-height: 26px;margin-top: 24px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.breadcrumbs ul{list-style: none;display: flex;flex-flow: wrap;}
.breadcrumbs li{padding-right: 32px;position: relative;margin-right: 12px;font-size: calc(0.0015625 * 100vw + 10px);color: #A6AAAF;letter-spacing: 0.36px;line-height: 25px;}
.breadcrumbs li:before{content: "";background-color: #D6DBDE;height: 1px;width: 20px;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);}
.breadcrumbs li:last-child{padding-right: 0;margin-right: 0;}
.breadcrumbs li:last-child:before{display: none;}
.breadcrumbs a{text-decoration: none;color: #A6AAAF;}
.breadcrumbs-wrapper{margin-bottom: 5px;}
.page-contact .breadcrumbs-wrapper{margin-top: 6px;}

.header-blog .top-header-blog{display: flex;flex-flow: wrap;justify-content: space-between;padding-bottom: 18px;}

.popular-post-nav{display: flex;flex-flow: wrap;}
.popular-post-nav button{width: 50%;height: 53px;border: solid 1px #DBDFE6;outline: 0;position: relative;box-sizing: border-box;cursor: pointer;background-color: #fff;}
.popular-post-nav button:hover svg .a,
.popular-post-nav button:hover svg .a{fill: #28AAE2;}
.popular-post-nav button.next:hover svg{-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.popular-post-nav button.prev:hover svg{-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);}
.popular-post-nav button:last-child{border-left: none;}
.latest-article-and-video-wrapper {padding-top: 30px;}
.recent-articles-wrapper {padding-top: calc(0.046875 * 100vw + 37px);}
.knowledge-base-and-popular-post-wrapper {padding-top: calc(0.046875 * 100vw + 40px);padding-bottom: calc(0.03125 * 100vw + 40px);}

.footer-blog-wrapper{background-color: #1E4387;cursor: pointer;}
.footer-blog-wrapper:hover .title:before{-webkit-transform: translateX(3px) translate(0,-50%);-ms-transform: translateX(3px) translate(0,-50%);transform: translateX(3px) translate(0,-50%);}
.footer-blog{padding-top: calc(0.0390625 * 100vw + 47px);padding-bottom: calc(0.015625 * 100vw + 18px);}
.footer-blog .subtitle {font-family: abril-text, serif;font-weight: 600;font-style: italic;font-size: calc(0.0046875 * 100vw + 14px);line-height: calc(0.0046875 * 100vw + 14px);color: #fff;display: block;margin-bottom: calc(0.0078125 * 100vw + 7px);}
.footer-blog .title {font-size: calc(0.0109375 * 100vw + 28px);line-height: calc(0.015625 * 100vw + 36px);font-weight: 700;color: #fff;display: inline-block;letter-spacing: 0.2em;position: relative;padding-right: calc(0.015625 * 100vw + 96px);margin-bottom: calc(0.034375 * 100vw + 14px);}
.footer-blog .title:before {content: url("../images/svg/Group_19912.svg");position: absolute;line-height: 0;top: 46%;right: 0;transform: translate(0,-50%);}
.footer-blog .decor {content: url(../images/svg/Group_19916.svg);position: absolute;top: 0;right: 0;}


.title-category .title-1 {font-weight: 700;}
.pagination ul{list-style: none;display: flex;flex-flow: wrap;}
.pagination li{margin-right: 20px;}
.pagination li:last-child{margin-right: 42px;}
.pagination li a,
.pagination li span{color: #8E939A;font-size: 14px;letter-spacing: 0.42px;line-height: 18px;font-weight: 500;}
.pagination li a{text-decoration: none;}
.pagination li.active a,
.pagination li:hover a{color: #28AAE2;}
.pagination button{width: 8px;height: 12px;position: relative;border: none;outline: 0;cursor: pointer;background-color: #fff;}
.pagination .next:before{content: url("../images/svg/Group_19999.svg");position: absolute;top: 0;left: 0;line-height: 0;}
.pagination {display: flex;flex-flow: wrap;align-self: flex-end;}
.pagination >*{align-self: center;}
.title-category{display: flex;flex-flow: wrap;justify-content: space-between;padding-top: 30px;padding-bottom: 22px;border-bottom: 1px solid #DBDFE6;}
.posts-category-wrapper{margin-top: 40px;}
.list-posts.list-col-33-4 li.big-post{width: 100%;margin-bottom: 60px;}
.list-posts .big-post .image-post{width: 50%;margin-bottom: 0;}
.list-posts .big-post .info-post{width: 50%;padding-left: calc(100% / 12);box-sizing: border-box;}
.list-posts .big-post .author{display: inline-block;width: auto;padding-left: 19px;margin-top: 0;}
.list-posts .big-post .time-reading{padding-right: 20px;}
.list-posts .big-post .time-reading:after {content: "";width: 1px;height: 100%;position: absolute;background-color: #DBDFE6;right: 0;top: 0;}
.list-posts .big-post .title-post {font-size: calc(0.003125 * 100vw + 18px);line-height: calc(0.003125 * 100vw + 31px);margin-top: 26px;margin-bottom: 26px;}

.pagination-bottom-wrapper{margin-bottom: 140px;}
.pagination-bottom{border-top: solid 1px #DBDFE6;padding-top: 20px;}
.pagination-bottom .pagination{justify-content: flex-end;}

.post-wrapper .article{width: calc(100% / 12 * 8);margin: 0 auto;margin-top: 47px;max-width: 1150px;}

.article img{max-width: 100%;vertical-align: top;width: 100%;}
.article .title-article.title-1{font-weight: 500;margin-bottom: 14px;margin-top: 14px;line-height: 44px;}
.contents-article{font-size: calc(0.0015625 * 100vw + 16px);line-height: calc(0.0015625 * 100vw + 30px);}
.contents-article p{padding-bottom: 33px;padding-top: 4px;letter-spacing: 0.18px;}
.contents-article h2{font-size: calc(0.003125 * 100vw + 18px);line-height: calc(0.003125 * 100vw + 31px);font-weight: 500;margin-bottom: 10px;}
.contents-article blockquote{color: #8E939A;letter-spacing: 0.36px;font-style: italic;font-family: abril-text, serif;font-weight: 600;padding-bottom: 40px;position: relative;}
.contents-article blockquote:before{content: url("../images/svg/titi.svg");position: absolute;top: 3px;left: -37px;}
.contents-article ol {list-style: none;}
.contents-article ol > li{counter-increment: questionNumber;position: relative;padding-left: 43px;margin-bottom: 30px;}
.contents-article ol > li:before{content: counters(questionNumber, ".", decimal-leading-zero) ".";top: 0;left: 0;position: absolute;color: #303030;letter-spacing: 0.54px;font-weight: 500;line-height: 33px;}
.contents-article ul{list-style: none;margin-top: 17px;}
.contents-article ul > li{padding-left: 28px;position: relative;font-size: 16px;font-size: calc(0.0015625 * 100vw + 14px);margin-bottom: 18px;}
.contents-article ul > li:last-child{margin-bottom: 0;}
.contents-article ul > li:before{content: "";width: 6px;height: 6px;background-color: #28AAE2;position: absolute;top: 15px;left: 0;}
.article .subtitle{font-size: calc(0.003125 * 100vw + 18px);line-height: calc(0.003125 * 100vw + 31px);color: #8E939A;letter-spacing: 0.66px;font-weight: 400;margin-bottom: 50px;}
.article .featured-image{margin-bottom: 50px;}
.article .date{color: #8E939A;position: relative;padding-right: 18px;line-height: 18px;display: inline-block;}
.article .date:before {content: "";width: 1px;height: 100%;position: absolute;background-color: #DBDFE6;right: 0;top: 0;}
.article .time-reading {position: relative;color: #8E939A;padding-left: 21px;margin-left: 19px;line-height: 18px;display: inline-block;padding-right: 20px;}
.article .time-reading:before {content: url(../images/svg/time.svg);position: absolute;left: 0;top: 3px;line-height: 0;width: 13px;height: 13px;}
.article .time-reading:after {content: "";width: 1px;height: 100%;position: absolute;background-color: #DBDFE6;right: 0;top: 0;}
.article .author {color: #8E939A;margin-top: 17px;font-family: abril-text;line-height: 16px;padding-left: 19px;}
.btn-a-r-g{color: #8E939A;line-height: 20px;font-size: calc(0.0015625 * 100vw + 10px);letter-spacing: 0.36px;font-weight: 500;position: relative;padding-right: 39px;text-decoration: none;}
.btn-a-r-g svg{content: url("../images/svg/Group_20043.svg");position: absolute;right: 0;top: 50%;transform: translate(0,-50%);line-height: 0;}
.btn-a-r-g:hover svg{-webkit-transform: translateX(3px) translate(0,-50%);-ms-transform: translateX(3px) translate(0,-50%);transform: translateX(3px) translate(0,-50%);}
.btn-a-r-g:hover svg .a{fill: #2CAAE3;}
.btn-a-r-g:hover{color: #2CAAE3;}
.table-of-contents li{font-size: calc(0.0015625 * 100vw + 10px);}
.table-of-contents ul{list-style: none;}
.table-of-contents li{letter-spacing: 0.36px;line-height: 20px;margin-bottom: 15px;}
.table-of-contents li a{color: #8E939A;text-decoration: none;}
.table-of-contents li a:hover,
.table-of-contents li a.active{color: #000000;}
.table-of-contents span:nth-child(1) {font-weight: 500;padding-bottom: 16px;display: block;position: relative;cursor: pointer;background-color: #fff;z-index: 1;}
.table-of-contents span:nth-child(1) svg{position: absolute;top: 11px;right: 0;}
.table-of-contents span:nth-child(1):hover svg .a{fill: #28AAE2;}
.table-of-contents-fixed {/*position: fixed;width: calc((100% - (calc(0.0728125 * 100vw + 5px) * 2)) / 12 * 2);*/transform: translate(36%, 0);overflow: hidden;    position: absolute;top: 0;width: 100%;}
.table-of-contents.hidden span:nth-child(1) svg {transform: rotateX(180deg);}
.table-of-contents.hidden .hidden-ele {transform: translate(0px, -100%);}
.table-of-contents.end-fixed {transform: none!important;}
.table-of-contents {width: calc((100% - (calc(0.0728125 * 100vw + 5px) * 2)) / 12 * 2);position: absolute;top: 0;right: calc(0.125 * 100vw - 60px);height: 100%;}
.end-fixed .table-of-contents-fixed {position: relative;width: auto;top: 100%;transform: translate(36%, -100%);}

.prev-article{text-align: right;}
.prev-article,
.next-article{width: calc(100% / 12 * 3);cursor: pointer;}
.prev-article:hover span,
.next-article:hover span{color: #2CAAE3;border-color: #000;}
.next-prev-article{display: flex;flex-flow: wrap;justify-content: space-between;}
.prev-article span,
.next-article span{font-weight: 500;padding-bottom: 22px;position: relative;display: block;border-bottom: 1px solid #DBDFE6;}
.next-article span:before{content: url("../images/svg/Group_20053.svg");position: absolute;top: 3px;right: 0;}
.prev-article span:before{content: url("../images/svg/Group_20054.svg");position: absolute;top: 3px;left: 0;}
.next-article:hover span:before{-webkit-transform: translateX(3px);-ms-transform: translateX(3px);transform: translateX(3px);}
.prev-article:hover span:before{-webkit-transform: translateX(-3px);-ms-transform: translateX(-3px);transform: translateX(-3px);}
.prev-article .title-post,
.next-article .title-post{font-size: calc(0.0015625 * 100vw + 10px);line-height: calc(0.0015625 * 100vw + 18px);letter-spacing: 0.36px;margin-top: 23px;color: #000;text-decoration: none;display: block;}
.next-prev-article img {position: relative;top: 35px;}
.next-prev-article-wrapper{padding-top: 70px;padding-bottom: 70px;border-bottom: solid #DBDFE6 1px;}
body.smooth-scroll {overflow-x: hidden;overflow-y: scroll;}
.viewport.smooth-scroll {overflow: hidden;position: fixed;height: 100%;width: 100%;top: 0;left: 0;right: 0;bottom: 0;}
.page-container.smooth-scroll {position: absolute;overflow: hidden;z-index: 10;display: flex;justify-content: center;backface-visibility: hidden;transform-style: preserve-3d;width: 100%;}
.container-wrapper.smooth-scroll{width: 100%;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .social-icon-box svg{max-height: 24px;}
    .carousel-posts .line-1 .post-text {overflow: hidden;height: 25px;}

    @media (min-width: 1600px){
        .carousel-posts .line-1 .post-text {height: 50px;}
    }
    @media (min-width: 1600px){
        .carousel-posts .line-2 .post-text {
            height: 81px;
        }
    }
}

@media(min-width: 1600px){
    .carousel-posts .line-1 .post-text {-webkit-line-clamp: 2;}
    .carousel-posts .line-2 .post-text {-webkit-line-clamp: 3;}
}

@media(min-width: 1920px){
    .desc-1, body, button {font-size: 15px;line-height: 28px;}
    .desc-1 strong,
    .carousel-posts .post-title,
    .latest-article .category-post,
    .latest-article .title-post{font-size: 18px;line-height: 32px;}
    .number-section {font-size: 21px;line-height: 21px;}
    .team-gallery-masonry .workplace-person, .team-gallery-masonry .name-person{font-size: 15px;line-height: 23px;}

    .team-gallery-masonry .name-person{margin-bottom: 19px;}
    .section-wrapper {padding-top: 170px;padding-bottom: 170px;}
    .list-arrow-left li {margin-top: 64px;}
    .competences-wrapper .content-list{margin-top: -26px;}
    .list-arrow-left li a{padding: 26px 0;}
    .projects-wrapper .col:nth-child(1) .decor{width: 66px;}
    .list-steps-process li:before {width: 11px;height: 11px;}
    .list-steps-process li:after {width: calc(100% - 11px - 50px);}
    .list-steps-process li{padding-top: 50px;padding-bottom: 90px;}
    .title-ref.title-section b:before {width: 11px;height: 10px;right: 13px;}
    .title-ref.title-section b:after {width: 10px;height: 10px;right: 3px;}
    .title-section{font-size: 49px;line-height: 65px;}
    .list-arrow-left li:after{width: 10px;}
    .desc-1 br{height: 18px;}
    .max-width {padding-left: 180px;padding-right: 180px;}
    .competences-wrapper .desc-1,
    .process-wrapper .desc-1,
    projects-wrapper .desc-1{margin-top: 31px;}
    .header .logo img.logo-big{width: 162px;}
    .header .language a{font-size: 12px;line-height: 15px;}
    .header{padding-top: 58px;padding-bottom: 58px;padding-left: 58px;}
    .b-w-33,
    .b-w-33:before{width: 44px;}
    .process-wrapper .c-b-arrow .decor-2{bottom: 374px;}
    .banner-video .subtitle{font-size: 37px;line-height: 41px;}
    .banner-video .des-box{font-size: 24px;line-height: 38px;width: 229px;height: 229px;}
    .title-banner {font-size: 72px;line-height: 97px;}
    .title-banner.title-mark {padding-left: 30px;margin-top: 13px;}
    .title-banner.title-mark b:before{width: 12px;height: 12px;right: 18px;top: 12px;}
    .title-banner.title-mark b:after {width: 13px;height: 13px;top: 23px;right: 17px;}
    .box-info{padding: 48px 78px 108px 0;top: -126px;}
    .banner-video {margin-top: 147px;padding-bottom: 170px;}
    .carousel-posts .post-author{font-size: 16px;line-height: 18px;}
    .carousel-posts .post-category{font-size: 12px;line-height: 15px;}
    .list-steps-process .title-list{font-size: 23px;line-height: 23px;}
    .process-wrapper .col-5-12,
    .team-wrapper.section-wrapper .col.col-2-12,
    .footer-contact-wrapper.contact-template .col-5-12,
    .competences-wrapper .col-5-12,
    .projects-wrapper .col-5-12{padding-left: 35px;}
    .projects-wrapper .swiper-pagination-bullet {width: 15px;height: 15px;}
    .process-wrapper .col-5-12:after{width: 138px;}
    .btn-square-arrow{width: 125px;height: 125px;}
    .btn-square-arrow:hover {width: 349px;}
    .btn-square-arrow strong:first-child:before{width: 62px;}
    .btn-square-arrow strong:first-child{width: 125px;height: 125px;}
    .social-icon-box ul{padding: 38px 0;}
    .social-icon-box .facebook svg {width: 11px;}
    .social-icon-box .behance svg{width: 28px;}
    .social-icon-box .youtube svg{width: 27px;}
    .social-icon-box .linkedin svg{width: 21px;}
    .title-section.title-team b:before, .title-section.title-proc b:before {width: 8px;height: 10px;right: 12px;top: 15px;}
    .process-wrapper .col-7-12 {margin-top: 11px;}
    .back-up-wrapper .subtitle{font-size: 23px;line-height: 23px;margin-bottom: 17px;}
    .back-up-wrapper .back-up-title{font-size: 49px;line-height: 66px;}
    .copy-text{font-size: 14px;line-height: 31px;}
    .back-up-wrapper .left-section:before{width: 15px;}
    .back-up{padding-top: 137px;padding-bottom: 168px;}
    .map{height: 704px;}
    .box-info-business {padding: 72px;width: 540px;top: -79px;}
    .arrow-carousel svg{width: 11px;}
    .contact-template .title-section{margin-bottom: 77px;}
    .contact-template .title-section b:before,
    .contact-template .title-section b:after{width: 11px;height: 11px;}
    .contact-template .title-section b:after{right: 19px;width: 12px;}
    .contact-template .title-section b:before{right: 9px;}
    .page-contact .contact-template .title-section b:before{right: 10px;}
    .data-text strong{font-size: 16px;line-height: 21px;margin-bottom: 10px;}
    .contact-template .data-text{margin-bottom: 51px;}
    .title-1,
    .list-posts-without-image li:before{font-size: 33px;}
    .selectric .label{font-size: 15px;padding: 9px 0;}
    .contact-template form input,
    .contact-template form textarea,
    .contact-template form .label-input{font-size: 15px;}
    .contact-template .form-field.input,
    .form-field.select{margin-bottom: 66px;}
    .contact-template input,
    textarea{padding: 20px 0;}
    textarea{height: 186px;}
    form .label-input{top: 20px;}
    .form-footer{margin-top: 55px;}
    [type="checkbox"]:not(:checked) + label:before,
    [type="checkbox"]:checked + label:before{width: 18px;height: 18px;}
    .label-checkbox{font-size: 11px;}
    .send-form {padding-right: 85px;}
    .send-form:before{width: 53px;}
    .form-field.checkbox{margin-top: 21px;margin-bottom: 52px;}
    .contact-template.section-wrapper {padding-bottom: 195px;}
    .contact-template.contact-wrapper{padding-bottom: 175px;}
    .drive{padding-right: 53px;}
    .navigation-bar.max-width {padding: 0 58px;}
    .carousel-posts .post-info {padding-left: 60px;}
    .arrow-carousel{width: 125px;height: 125px;}
    .carousel-posts .swiper-container{padding-right: 125px;}
    .carousel-posts {height: 250px;width: calc((100% - 180px) / 12 * 8 + 180px);margin-left: calc((100% - 180px) / 12);}
    .social-icon-box {width: calc((100% - 180px) / 12 * 3);}
    .go-next-section-btn{width: 15px;}
    .go-next-section {left: 58px;}
    .grey-decor {height: calc(0.1625 * 100vw + 354px);}
    .projects-wrapper .swiper-container.swiper-container-horizontal{margin-left: 68px;max-width: 1300px;}
    .projects-wrapper .title-section b:before{width: 8px;height: 9px;top: 15px;right: 12px;}
    .projects-wrapper .title-section b:after{width: 8px;height: 8px;right: 12px;top: 8px;}
    .carousel-posts .post-text{margin-top: 19px;}
    .bottom-banner-video{top: -69px;margin-bottom: -69px;}
    .contact-template.footer-contact-wrapper:after,
    .contact-template.footer-contact-wrapper:before{width: calc(((100% - 1920px) / 2) + (1920px / 12 * 7) - 29px);}
    .projects-wrapper:before{width: calc(100% - 180px);}
    .video .decor-2{width: 66px;bottom: 172px;}
    .video .decor-1{width: 66px;right: 180px;top: 120px;}
    .title-section.title-proc b:after {top: 8px;}
    .title-section.title-team b:after,
    .title-section.title-proc b:after{width: 8px;height: 8px;right: 12px;}
    .title-section.title-team b:after{top: 8px;}
    .projects-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{border-width: 3px;}

    .navigation-bar-wrapper li{margin-bottom: 42px;}
    .banner-video .decor{width: 44px;}
    .navigation-items-btn{top: 291px;}

    .banner-video .sticky-content-btn{bottom: 69px;}
    .header-wrapper .logo .image{top: 58px;}
    .header .logo{height: 63px;}
    .logo .signet{width: 63px;}
    .drive:before{width: 15px;}
    .contact-template .data-text.email .decor{width: 66px;}
    .logo .logotype{width: 98px;left: 63px;}
    .container-wrapper {padding-top: 178px;}
    .search-input{font-size: 14px;}

    .title-section.title-blog b:after {height: 9px;top: 15px;}
    .title-section.title-blog b:before {width: 9px;height: 9px;top: 15px;left: 14px;}
    .header .logo.logo-fixed img.logotype{width: 68px;}
    .header .logo.logo-fixed img.signet{width: 44px;}
    .header-wrapper.fixed-menu .header{padding-top: 35px;padding-bottom: 35px;}
    .header-wrapper.fixed-menu .header .logo{height: 44px;}
    .header-wrapper.fixed-menu .logo .image{top: 35px;}

    .list-posts .category-post,
    .breadcrumbs li{font-size: 13px;}
    .see-more-posts{font-size: 15px;}
    .recent-articles-wrapper {padding-top: 127px;}
    .list-posts li {margin-bottom: 60px;}
    .knowledge-base-and-popular-post-wrapper {padding-top: 130px;padding-bottom: 100px;}
    .footer-blog .subtitle {font-size: 23px;line-height: 23px;margin-bottom: 22px;}
    .footer-blog .title {font-size: 49px;line-height: 66px;padding-right: 126px;margin-bottom: 80px;}
    .footer-blog{padding-top: 122px;padding-bottom: 48px;}
    .list-posts .big-post .title-post {font-size: 24px;line-height: 37px;}
    .contents-article h2{font-size: 24px;line-height: 37px;}
    .contents-article {font-size: 19px;line-height: 33px;}
    .contents-article ul > li{font-size: 17px;}
    .article .subtitle{font-size: 24px;line-height: 37px;}
    .prev-article .title-post, .next-article .title-post {font-size: 13px;line-height: 21px;}
    .btn-a-r-g,
    .table-of-contents li{font-size: 13px;}
    .search {width: 650px;}










    }
@media(min-width: 2000px){
    .process-wrapper .col-5-12:after {width: 125px;transition: 2s;}
    .process-wrapper .c-b-arrow .decor-2 {bottom: 330px;transition: 2s;}
}


@media(max-width: 1280px){
    .desc-1, body, button {font-size: 14px;line-height: 26px;}
    .desc-1 strong,
    .carousel-posts .post-title,
    .latest-article .category-post,
    .latest-article .title-post{font-size: 17px;line-height: 31px;}
    .number-section {font-size: 20px;line-height: 20px;}
    .team-gallery-masonry .workplace-person, .team-gallery-masonry .name-person {font-size: 13px;line-height: 20px;}


    .team-gallery-masonry .name-person{margin-bottom: 9px;}
    .section-wrapper {padding-top: 140px;padding-bottom: 140px;}
    .list-arrow-left li {margin-top: 44px;}
    .projects-wrapper .col:nth-child(1) .decor{width: 54px;}
    .team-wrapper .col-4-12 .decor, .team-wrapper .col-6-12 .decor{width: 36px;}
    .list-steps-process li:before {width: 9px;height: 9px;}
    .list-steps-process li:after {width: calc(100% - 49px);}
    .title-ref.title-section b:before {width: 10px;height: 8px;right: 11px;}
    .title-ref.title-section b:after {width: 8px;height: 8px;right: 4px;}
    .title-section{font-size: 42px;line-height: 56px;}
    .list-arrow-left li:after{width: 8px;}
    .desc-1 br{height: 16px;}
    /*.max-width {padding: 0 100px;}*/
    .max-width{padding: 0 calc(0.0728125 * 100vw + 7px);}
    .competences-wrapper .desc-1,
    .process-wrapper .desc-1,
    .projects-wrapper .desc-1{margin-top: 29px;}
    .title-banner.title-mark b:before{width: 9px;height: 9px;top: 8px;right: 13px;}
    .title-banner.title-mark b:after {width: 10px;height: 9px;top: 17px;right: 12px;}
    .contact-template form input,
    form textarea,
    form .label-input{font-size: 14px;line-height: 20px;}
    .header .logo img.logo-big{width: 134px;}
    .header .language a{font-size: 11px;line-height: 14px;}
    .header{padding-top: 33px;padding-bottom: 33px;padding-left: 33px;}
    .b-w-33,
    .b-w-33:before {width: 36px;}
    .process-wrapper .c-b-arrow .decor{bottom: 291px;}
    .banner-video .subtitle{font-size: 29px;line-height: 32px;}
    .banner-video .des-box{font-size: 17px;line-height: 28px;width: 158px;height: 158px;}
    .title-banner {font-size: 52px;line-height: 70px;}
    .title-banner.title-mark {padding-left: 20px;margin-top: 7px;}
    .box-info{padding: 48px 58px 74px 0;top: -104px;}
    .banner-video {margin-top: 132px;padding-bottom: 140px;}
    .carousel-posts .post-author{font-size: 15px;line-height: 17px;}
    .carousel-posts .post-category{font-size: 11px;line-height: 14px;}
    .list-steps-process .title-list{font-size: 20px;line-height: 20px;}
    .list-steps-process li{padding-top: 40px;padding-bottom: 80px;}
    .process-wrapper .col-5-12,
    .team-wrapper.section-wrapper .col.col-2-12,
    .footer-contact-wrapper.contact-template .col-5-12,
    .competences-wrapper .col-5-12,
    .projects-wrapper .col-5-12{padding-left: 30px;}
    .projects-wrapper .swiper-pagination-bullet {width: 11px;height: 11px;}
    .process-wrapper .col-5-12:after{width: 109px;}
    .btn-square-arrow{width: 100px;height: 100px;}
    .btn-square-arrow:hover {width: 279px;}
    .btn-square-arrow strong:first-child:before{width: 50px;}
    .btn-square-arrow strong:first-child{width: 100px;height: 100px;}
    .social-icon-box .facebook svg{width: 9px;}
    .social-icon-box .behance svg{width: 23px;}
    .social-icon-box .youtube svg{width: 22px;}
    .social-icon-box .linkedin svg{width: 17px;}
    .social-icon-box ul{padding: 30px 0;}
    .title-section.title-team b:before, .title-section.title-proc b:before {width: 7px;height: 8px;right: 10px;top: 13px;}
    .process-wrapper .col-7-12 {margin-top: 9px;}
    .back-up-wrapper .subtitle{font-size: 20px;line-height: 20px;margin-bottom: 12px;}
    .back-up-wrapper .back-up-title{font-size: 42px;line-height: 56px;}
    .copy-text{font-size: 13px;line-height: 30px;}
    .back-up-wrapper .left-section:before{width: 12px;}
    .back-up{padding-top: 116px;padding-bottom: 140px;}
    .map{height: 581px;}
    .box-info-business {padding: 60px;width: 465px;top: -67px;width: calc((100% - (0.0728125 * 100vw + 7px) * 2 ) / 12 * 5 + 22px );}
    .arrow-carousel svg{width: 9px;}
    .contact-template .title-section{margin-bottom: 57px;}
    .contact-template .title-section b:before,
    .contact-template .title-section b:after{width: 9px;height: 9px;}
    .contact-template .title-section b:after{right: 17px;width: 10px;}
    .contact-template .title-section b:before{right: 8px;}
    .page-contact .contact-template .title-section b:before{right: 9px;}
    .data-text strong{font-size: 15px;line-height: 20px;margin-bottom: 3px;}
    .contact-template .data-text{margin-bottom: 40px;}
    .title-1,
    .list-posts-without-image li:before{font-size: 30px;}
    .selectric .label{font-size: 14px;padding: 5px 0;}
    form .label-input{font-size: 14px;}
    .form-field.input,
    .form-field.select{margin-bottom: 46px;}
    .contact-template input,
    textarea{padding: 16px 0;}.carousel-posts
    form .label-input{top: 16px;}
    .form-footer{margin-top: 46px;}
    [type="checkbox"]:not(:checked) + label:before,
    [type="checkbox"]:checked + label:before{width: 15px;height: 15px;}
    .label-checkbox{font-size: 12px;}
    .send-form {padding-right: 73px;}
    .send-form:before{width: 43px;}
    textarea{height: 153px;}
    .form-field.checkbox{margin-top: 18px;margin-bottom: 41px;}
    .contact-template.section-wrapper {padding-bottom: 160px;}
    .contact-template.contact-wrapper {padding-bottom: 140px;}
    .drive{padding-right: 50px;}
    .navigation-bar.max-width{padding: 0 33px;}
    .carousel-posts .post-info {padding-left: 50px;}
    .arrow-carousel{width: 100px;height: 100px;}
    .carousel-posts .swiper-container{padding-right: 100px;}
    .grey-decor{height: 442px;}
    .carousel-posts {height: 200px;}
    .go-next-section-btn{width: 12px;}
    .go-next-section {left: 33px;}
    .projects-wrapper .swiper-container.swiper-container-horizontal{margin-left: 52px;}
    .projects-wrapper .title-section b:before {width: 7px;height: 8px;top: 13px;right: 10px;}
    .projects-wrapper .title-section b:after{width: 7px;height: 7px;right: 10px;}
    .carousel-posts .post-text{margin-top: 16px;}
    .bottom-banner-video{top: -47px;margin-bottom: -47px;}
    .contact-template.footer-contact-wrapper:before{width: calc((100% - ((0.0728125 * 100vw + 7px) * 2)) / 12 * 7 + (0.0728125 * 100vw + 7px));}
    .contact-template.footer-contact-wrapper:after{width: calc((100% - ((0.0728125 * 100vw + 7px) * 2)) / 12 * 7 + (0.0728125 * 100vw + 7px));}
    form .label-input{top: 16px;}
    .projects-wrapper:before{width: 1164px;}
    .video .decor-2{width: 54px;bottom: 147px;}
    .video .decor-1{width: 54px;right: calc(0.0728125 * 100vw + 7px);top: 100px;}
    .title-section.title-team b:after {width: 7px;height: 7px;right: 10px;}
    .title-section.title-proc b:after {width: 7px;height: 7px;right: 10px;top: 7px;}
    .projects-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{border-width: 2px;}
    .navigation-bar-wrapper li{margin-bottom: 17px;}
    .banner-video .decor{width: 36px;}
    .navigation-items-btn{top: 235px;}
    .banner-video .sticky-content-btn{bottom: 47px;}
    .header-wrapper .logo .image{top: 33px;}
    .header .logo{height: 52px;}
    .header-wrapper .logo img.logo .signet {width: 52px;}
    .list-arrow-left li a{padding: 17px 0;}
    .competences-wrapper .content-list{margin-top: -17px;}
    .drive:before{width: 12px;}
    .contact-template .data-text.email .decor{width: 54px;}
    [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{top: -1px;left: 1px;}
    .logo .logotype{width: 82px;left: 52px;}
    .container-wrapper {padding-top: 117px;}
    .search-input{font-size: 13px;}
    .title-section.title-blog b:after {height: 8px;top: 13px;}
    .title-section.title-blog b:before {width: 8px;height: 8px;top: 13px;left: 11px;}
    .logo .signet{width: 52px;}
    .header .logo.logo-fixed img.signet{width: 36px;}
    .header .logo.logo-fixed img.logotype{width: 57px;}
    .header-wrapper.fixed-menu .header{padding-top: 20px;padding-bottom: 20px;}
    .header-wrapper.fixed-menu .header .logo{height: 36px;}
    .header-wrapper.fixed-menu .logo .image{top: 22px;}
    .list-posts .category-post,
    .breadcrumbs li{font-size: 12px;}
    .see-more-posts{font-size: 14px;}
    .recent-articles-wrapper {padding-top: 97px;}
    .list-posts li {margin-bottom: 50px;}
    .knowledge-base-and-popular-post-wrapper {padding-top: 100px;padding-bottom: 80px;}
    .footer-blog .subtitle {font-size: 20px;line-height: 20px;margin-bottom: 17px;}
    .footer-blog .title {font-size: 42px;line-height: 56px;padding-right: 116px;margin-bottom: 58px}
    .footer-blog{padding-top: 97px;padding-bottom: 38px;}
    .list-posts .big-post .title-post {font-size: 22px;line-height: 35px;}
    .list-posts-without-image .info-post{padding-left: 25%;box-sizing: border-box;}
    .contents-article h2{font-size: 22px;line-height: 35px;}
    .contents-article {line-height: 32px;font-size: 18px;}
    .contents-article ul > li{font-size: 16px;}
    .article .subtitle{font-size: 22px;line-height: 35px;}
    .prev-article .title-post, .next-article .title-post {font-size: 12px;line-height: 20px;}
    .btn-a-r-g,
    .table-of-contents li{font-size: 12px;}
    .post-wrapper .article{max-width: 719px;width: 100%;}
    .table-of-contents,
    .table-of-contents-fixed{width: 181px;}
    .table-of-contents{right: 100px;}




    }

@media(max-width: 1270px){

    .list-video-post .time-reading {margin-left: 0;display: block;margin-top: 11px;}
    .list-video-post .separator-d-t{display: none;}
    .list-posts .big-post .author {display: block;padding-left: 0;margin-top: 17px;}
    .list-posts .big-post .time-reading:after{display: none;}

}

@media(max-width: 1150px){

    .knowledge-base-and-popular-post .knowledge-base {width: calc(100% - 323px);}
    .list-posts-without-image .info-post {padding-left: 72px;}
    .knowledge-base-and-popular-post .popular-post {width: 289px;}

}

@media(max-width: 1050px){

    .table-of-contents{display: none;}

}

@media(max-width: 1000px){

    .competences-wrapper .col-5-12 {width: 100%;padding: 0;}
    .competences-wrapper .col-7-12 {width: 100%;margin-top: 42px;}
    .number-section {top: -32px;}
    .projects-wrapper .col-5-12 {width: 100%;padding: 0;}
    .projects-wrapper .col-7-12 {width: 100%;position: relative;margin-top: 40px;}

    .carousel-posts {width: 100%;margin-left: 0;}
    .social-icon-box {display: none;}
    .bottom-banner-video {top: 0;}

    .team-wrapper .col-4-12 {width: 100%;padding-right: 0;margin-top: 23px;}
    .team-wrapper.section-wrapper .col.col-2-12 {width: 100%;margin-right: 0;padding: 0;}
    .team-wrapper .col-6-12 {width: 100%;margin-top: 17px;}
    .team-gallery-masonry {margin-top: 45px;}
    .list-col-20 li {width: 25%;}

    .process-wrapper .col-5-12 {width: 100%;padding: 0;padding-bottom: 180px;}
    .competences-wrapper .desc-1, .process-wrapper .desc-1, .projects-wrapper .desc-1 {margin-top: 23px;}
    .process-wrapper .col-5-12:after {content: url(../images/svg/Union_2.svg);bottom: 54px;}
    .process-wrapper .col-7-12 {margin-top: 0;width: 100%;}

    .header {padding-right: 33px;}
    .header .menu, .header .language{display: none;}
    .header-wrapper.open .menu, .header-wrapper.open .language{display: flex;}
    .header-wrapper.open .header {background: #1E4387;flex-direction: column;height: 100vh;position: fixed;width: 100%;z-index: 3;}
    .header-wrapper.open .hamburger {top: 33px;}
    .logo .logotype{display: none;}
    .header-wrapper.open .menu ul {flex-direction: column;top: auto;transform: translate(0, 0);}
    .header-wrapper.open .menu li {margin-bottom: 32px;}
    .header-wrapper.open .menu li:last-child{margin-bottom: 0;}
    .header-wrapper.open .menu a {color: #fff;font-size: 34px;line-height: 34px;letter-spacing: 0.05px;text-align: right;display: block;}
    .header-wrapper.open .language a {font-size: 17px;line-height: 20px;color: #fff;}
    .header-wrapper.open .language .active a {color: #fff;}
    .header-wrapper.open .language li.active a:before {width: 6.5px;height: 6.5px;top: -7px;right: -7px;}
    .header-wrapper.open .language ul {top: auto;transform: translate(-100%, 0%);left: 100%;padding-right: 8px;}
    .header-wrapper.open .language li {margin-right: 50px;}
    .header-wrapper.open .menu {width: auto;margin-top: 40px;margin-bottom: 44px;}
    .header-wrapper.open .menu ul{position: relative;left: 100%;transform: translate(-100%,0);}
    .header-wrapper.open .language {width: auto;padding: 46px 0 40px;border: solid 1px #fff;border-left: 0;border-right: 0;margin-left: 0;}
    .header-wrapper.open .language li:last-child {margin-right: 0;}
    .header-wrapper .logo .image{position: absolute;top: 0;}
    .social-icon-menu li {margin-left: 46px;}
    .social-icon-menu ul{position: relative;left: 100%;transform: translate(-100%, 0);}
    .social-icon-menu {margin-bottom: 4px;margin-top: 47px;display: none;}
    .header-wrapper.open .social-icon-menu{display: flex;}
    .header-wrapper.open .target-burger ul.buns li.bun{background-color: #fff;}
    .b-w-33:before,
    .projects-wrapper .col:nth-child(1) .decor,
    .video .decor-2,
    .b-w-33{display: none;}
    /*.header{position: absolute;top: 0; width: 100%;z-index: 9;}*/
    .container-wrapper {padding-top: 144px;}
    .header-wrapper.open {transform: none;top: 0!important;z-index: 11;}
    .logo-big{display: none;}
    .logo .signet.blue{display: inline-block;}
    .hamburger{display: block;}
    .video .decor-1{display: none;}

    .sticky-content-btn {bottom: 0;height: auto;}



    .box-info {position: relative;padding-top: 4px;top: 0;}
    .banner-video {margin-top: 0;}
    .title-banner.title-mark {font-size: 44px;line-height: 59px;margin-top: 8px;padding-left: 0;}
    .title-banner.title-mark b:before {width: 7.5px;height: 7.5px;top: 7px;right: 10px;}
    .title-banner.title-mark b:after {width: 7.5px;height: 7.5px;top: 14px;right: 10px;}
    .banner-video .subtitle {font-size: 24px;line-height: 28px;}
    .banner-video .des-box {font-size: 15px;line-height: 26px;width: 141px;height: 141px;bottom: 21px;}
    /*.carousel-posts .post-info {display: none;}*/

    .contact-template .max-width > div,
    .footer-contact-wrapper.contact-template .col-5-12{padding: 0 calc(0.0728125 * 100vw + 7px);}
    .contact-template .col-5-12 {width: 100%;padding: 0;margin-top: 80px;margin-bottom: 75px;}
    .contact-template .footer-contact .col-7-12 {width: 100%;position: relative;background-image: url("../images/png/d3cd7151eef0dba992d478eafe2ef3b1.png");background-size: cover;background-position: 30% center;padding-top: 85px;padding-bottom: 85px;}
    .contact-template .contact .col-7-12 {width: 100%;position: relative;padding-top: 85px;padding-bottom: 85px;}
    .contact-template.footer-contact-wrapper .col-7-12:before {content: "";background-color: rgba(30, 67, 135, 0.88);position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .contact-template.footer-contact-wrapper:before,
    .contact-template.footer-contact-wrapper:after{display: none;}
    .contact-template .max-width {padding: 0;}
    .contact-template .number-section{left: calc(0.0728125 * 100vw + 7px);}
    .contact-template.section-wrapper{padding: 0;}
    .form-field.input, .form-field.select{margin-bottom: 36px;}
    .form-footer {margin-top: 26px;}
    .map-wrapper{display: none;}
    .contact-template .data-text:last-of-type {margin-bottom: 96px;}
    .contact-template .title-section {margin-bottom: 27px;}
    button.send-form span {display: none;}
    .banner-video .decor{display: none;}
    .navigation-items-btn {top: 305px;}

    .go-next-section,
    .navigation-bar-wrapper{display: none;}
    .header-wrapper.fixed-menu .logo .image{position: absolute;top: 0;}

    .list-posts.list-col-50 li {width: 100%;margin-right: 0px;}

    .latest-article-and-video .latest-article {width: 100%;margin-right: 0;}
    .latest-article-and-video .latest-video{width: 100%;margin-top: 70px;}
    .list-video-post .time-reading {margin-left: 19px;display: inline-block;margin-top: 0px;}
    .list-video-post .separator-d-t{display: block;}
    .banner-video .sticky-content-btn{bottom: 0;}

    .sticky-content-btn-wrapper{display: none;}


}

@media(max-width: 950px){

    .list-posts.list-col-33 li {width: calc(50% - 13px);margin-right: 26px;}
    .list-posts.list-col-33 li:nth-child(3n+3) {margin-right: 26px;}
    .list-posts.list-col-33 li:nth-child(even) {margin-right: 0px;}

    .list-posts.list-col-33-4 li:not(.big-post) {width: calc(50% - 13px);margin-right: 26px;}
    .list-posts.list-col-33-4 li:nth-child(3n+4) {margin-right: 26px;}
    .list-posts.list-col-33-4 li:nth-child(2n+3) {margin-right: 0px;}

}

@media(max-width: 900px){
    .list-col-20 li {width: 33.33%;}

    .back-up-wrapper .subtitle {font-size: 16px;line-height: 20px;margin-bottom: 7px;}
    .back-up-wrapper .back-up-title {font-size: 21px;line-height: 28px;}
    .copy-text {font-size: 12px;top: auto;transform: translate(0, 0);}
    .back-up {flex-direction: column;padding-top: 74px;padding-bottom: 30px;}
    .back-up-wrapper .left-section {padding-left: 38px;}
    .back-up-wrapper .left-section:before{content: url("../images/svg/Group_19902.svg");}
    .back-up-wrapper .right-section {margin-top: 45px;}

    .box-info-business{display: none;}
    .category-posts ul li {margin-right: 43px;}
    .category-posts ul li:last-child{margin-right: calc(0.0728125 * 100vw + 7px);}
    /*.category-posts {width: calc(100% + (calc(0.0728125 * 100vw + 7px)));overflow: visible;}*/
    /*.header-blog{overflow: hidden;}*/
    .bottom-header-blog.max-width{padding-right: 0;}
    .category-posts .decor{display: none;}
    .category-posts:before{content: "";width: 91px;height: 93px;background-image: url("../images/png/image_17.png");position: absolute;top: -30px;right: 0;z-index: 2;}
    .category-posts.last-item:before{display: none;}

    .footer-blog .subtitle {font-size: 15px;margin-bottom: 10px;}
    .footer-blog .title{padding-right: 0;padding-bottom: 32px;font-size: 20px;line-height: 28px;margin-bottom: 45px;}
    .footer-blog .title:before {bottom: 0;left: 0;top: auto;right: auto;transform: translate(0,0);}
    .footer-blog {padding-top: 52px;padding-bottom: 25px;}

}

@media(max-width: 767px){
    .nav-team-gallery{display: flex;float: right;position: relative;right: -30px;top: -36px;}
    .nav-team-gallery .arrow-carousel:first-child{border-right: 0;}
    .d-flex.swiper-wrapper{flex-flow: inherit;}
    .team-gallery-masonry li:hover figure {transform: scale(1);}
    .team-gallery-masonry .info-person{opacity: 1;right: -10px;bottom: 32px;    transform: rotate(-90deg) translate(100% , -100%);}
    .arrow-carousel svg {width: 8px;}
    .arrow-carousel {width: 80px;height: 80px;}

    .list-steps-process .title-list {width: 100%;}
    .list-steps-process .desc-list {width: 100%;}
    .list-steps-process .desc-list {width: 100%;margin-top: 17px;}
    .list-steps-process li {padding-top: 37px;padding-bottom: 54px;}

    .projects-wrapper .col-7-12 {margin-top: 80px;}
    .projects-wrapper .swiper-container.swiper-container-horizontal{margin-left: 0;}
    .projects-wrapper .swiper-pagination {flex-direction: row;width: 100%;top: -40px;}
    .projects-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active:after {width: 1px;height: 30px;top: 0;left: calc(50% - 1px);}
    .projects-wrapper .swiper-container.swiper-container-horizontal {width: 100%;}
    .img-mob{display: block;}
    .img-des{display: none;}

    .carousel-posts .post-author,
    .carousel-posts .post-category {display: none;}
    .carousel-posts li{flex-direction: column;}
    .carousel-posts .post-info {padding-left: 0;width: 100%;}
    .carousel-posts {padding: 30px 30px 74px;height: auto;}
    .carousel-posts .post-title-text {top: 0;padding-right: 0px;width: 100%;margin-top: 23px;}
    .carousel-posts .swiper-container {top: auto;transform: translate(0, 0%);padding-right: 0;}
    .nav-carousel .arrow-right {order: 2;}
    .nav-carousel {display: flex;top: auto;bottom: -40px;}
    .nav-carousel .arrow-carousel:first-child {border-bottom: solid 1px #DBDFE6;border-top: solid 1px #DBDFE6;border-left: none;}
    .nav-carousel .arrow-carousel.arrow-left{border-bottom: solid 1px #DBDFE6;}
    .carousel-posts .post-text {margin-top: 10px;}
    .banner-video .video {margin-left: 0;}
    .banner-video.max-width{padding-left: 0;}
    .box-info{margin-left: 30px;}

    .max-width{padding-left: 30px;padding-right: 30px;}

    .selectric-wrapper,
    .contact-template input,
    textarea{width: 100%;}
    .contact-template .number-section{left: 30px;}
    .contact-template .max-width > div,
    .footer-contact-wrapper.contact-template .col-5-12{padding: 0 30px;}

    .team-gallery-masonry.swiper-container{overflow: hidden;}

    .process-wrapper .c-b-arrow:after{display: none;}
    .team-gallery-masonry li {position: relative;}
    .back-up-wrapper .left-section {width: 100%;}

    .contact-template .data-text.email .decor{display: none;}
    /*.swiper-container{width: calc(100% + 30px);}*/
    .category-posts ul li:last-child{margin-right: 30px;}

    .list-posts.list-col-50 li {width: calc(50% - 18px);margin-right: 36px;}
    .knowledge-base-and-popular-post .knowledge-base{width: 100%;}
    .knowledge-base-and-popular-post .popular-post{width: 100%;margin-left: 0;margin-top: 20px;height: 669px!important;}
    .list-posts-without-image .info-post {padding-left: 0;padding-top: 50px;}
    .list-posts-without-image:before{display: none;}

    .header-blog .top-header-blog{padding-bottom: 23px;}
    .search{width: 100%;margin-top: 4px;}
    .prev-article, .next-article {width: calc(100% / 12 * 5.5);}
    .next-prev-article figure.image{display: none;}

    .list-posts .big-post .image-post {width: 100%;}
    .list-posts .big-post .info-post {width: 100%;padding-left: 0;margin-top: 26px;}
    .list-posts .big-post .author {display: inline-block;padding-left: 19px;margin-top: 0;}
    .list-posts .big-post .time-reading:after{display: block;}
    .title-category .pagination {width: 100%;margin-top: 22px;}


}

@media(max-width: 600px){

    .list-arrow-left.list-col-50 li {width: 100%;margin-left: 0;margin-right: 0;}
    .list-arrow-left li, .list-arrow-left.list-col-50 li:nth-child(2) {margin-top: 40px;}
    .competences-wrapper .desc-1, .process-wrapper .desc-1 {margin-top: 23px;}
    .section-wrapper {padding-bottom: 70px;padding-top: 80px;}

    .list-posts.list-col-33 li {width: 100%;margin-right: 0px;}
    .list-posts.list-col-33 li:nth-child(3n+3) {margin-right: 0px;}

    .list-posts.list-col-33-4 li:not(.big-post) {width: 100%;margin-right: 0px;}
    .list-posts.list-col-33-4 li:nth-child(3n+4) {margin-right: 0px;}

    .list-posts .category-post {padding-bottom: 15px;}
    .list-posts.list-col-50 li {width: 100%;margin-right: 0px;}
    .list-posts li {justify-content: space-between;}

    .list-video-post .image-video-post {width: 100%;}
    .list-video-post .info-video-post{margin-top: 25px;width: 100%;padding-left: 0px;display: flex;flex-flow: wrap;justify-content: space-between;}

    .list-posts .big-post .author {display: block;padding-left: 0px;margin-top: 17px;width: 100%;}
    .list-posts .big-post .time-reading:after{display: none;}
    .list-posts .big-post .info-post{display: flex;flex-flow: wrap;justify-content: space-between;}

    .latest-article .author {display: block;width: 100%;padding-left: 0;margin-top: 21px;}
    .latest-article .title-post {font-size: 14px;line-height: 26px;letter-spacing: 0.42px;margin-top: 18px;}
    .latest-article .description-post,
    .latest-article .time-reading:after{display: none;}
    .latest-article .category-post {font-size: 12px;line-height: 12px;letter-spacing: 0.36px;padding-bottom: 15px;}
    .latest-article .post-image{margin-bottom: 25px}


}

@media(max-width: 400px){
    .banner-video .des-box{right: 70px;transform: translate(0%, 50%);}
    .box-info {width: calc(100% - 30px);box-sizing: border-box;}

    .prev-article, .next-article {width: 100%;}
    .next-article{margin-top: 30px;}
}