#menu-menu .active.current_page_item a {
    color:#fff !important;
}
 .art-img {
    border-radius: 10px;
}
 .wwhite{
     color: #fff !important;
     font-size:20px;
}
 .button {
    font-family: "neo-sans",sans-serif !important;
     font-weight: 400;
     box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
}
 .swiper-container {
     width: 100%;
     padding-top: 80px;
     padding-bottom: 150px;
}
 .swiper-container .swiper-slide {
     opacity: 0;
     background-position: center;
     background-size: cover;
     width: 65%;
     height: 500px;
     border-radius: 20px;
     background: #eee;
}
 .swiper-container .swiper-scrollbar {
    display:none;
}
 .title-carousel, .carousel-menu {
    display: inline;
}
 .carousel-menu li a {
    color:#fff;
     font-size: 15px;
}
 .carousel-menu li {
    list-style-type: none;
     display: inline;
     margin-right: 10px;
}
 .swiper-container .swiper-button-prev,.swiper-container .swiper-button-next {
    color:#F4980B !important;
}
 .swiper-container .swiper-slide-visible,.swiper-container .swiper-slide-prev, .swiper-container .swiper-slide-next, .swiper-container .swiper-slide-active {
    opacity:1 !important;
}
 .btn {
    border-radius: 15px !important;
}
 .comp {
     padding: 20px;
     border-right: 1px solid #18253C;
     height: 170px;
     margin-top:35px;
    margin-bottom: 35px;
     display: inline-block;
}
 .comp img {
    height: 50px !important;
     width: auto !important;
}
 .comp p {
    margin-bottom: 0px;
}
 .swiper-container-comp {
     width: 98%;
     height: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
}
 .swiper-container-comp .swiper-slide {
     text-align: left;
     font-size: 18px;
     background: #fff;
}
 .insights-item .column_attr{
     background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/maximalfocus-VT4rx775FT4-unsplash.png");
     position: relative;
     text-align: left;
     cursor: pointer;
     transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -webkit-transition: all 1s ease;
     -o-transition: all 1s ease;
     background-size:130%;
     padding:40px;
     background-position: center;
     border-radius:18px;
     -webkit-box-shadow: 10px 10px 15px 5px rgba(0,0,0,0.25);
     box-shadow: 10px 10px 15px 5px rgba(0,0,0,0.25);
     height: 100%;
}
 .insights-item div, .insights-item h2, .insights-item h6 {
    color:#fff !important;
}
 .insights-item .column_attr:hover {
     background-size:160%;
}
 .insights-item .ii-wrapper {
    margin-top:40%;
}
 .b1 .column_attr{
     background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/christian-wiediger-GWkioAj5aB4-unsplash.png");
}
 .b2 .column_attr{
     background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/adi-goldstein-EUsVwEOsblE-unsplash.png");
}
 .b3 .column_attr{
     background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/marvin-meyer-SYTO3xs06fU-unsplash.png");
}
 .b4 .column_attr{
     background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/ciaran-o-brien-qegMLAiTBA4-unsplash-1.png");
}
 .insights-item2 {
    height: 250px;
     margin-bottom: 10px;
}
 .insights-item2 .column_attr{
     position: relative;
     text-align: left;
     cursor: pointer;
     margin-bottom: 20px;
     transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -webkit-transition: all 1s ease;
     -o-transition: all 1s ease;
     background-size:130%;
     padding:20px;
     background-position: center;
     border-radius:18px;
     height: 100%;
     -webkit-box-shadow: 10px 10px 15px 5px rgba(0,0,0,0.25);
     box-shadow: 10px 10px 15px 5px rgba(0,0,0,0.25);
}
 .insights-item2 div, .insights-item2 h2, .insights-item2 h6 {
    color:#fff !important;
}
 .insights-item2 .column_attr:hover {
     background-size:160%;
}
 .insights-item2 h2 {
    font-size: 20px;
     line-height:120%;
}
 .insights-item2 .ii-wrapper {
    margin-top:0px;
}
 .footer-1 {
}
 .footer-1 h6 {
    font-size: 26px;
     font-weight: 800;
}
 .footer-1 li a {
    color:#fff;
}
 .copyright {
    display:none;
}
 #Footer .container {
    padding: 0 50px;
}
 #Footer .footer_copy .social li a {
     font-size: 30px;
     line-height: 30px;
}
 #Footer {
    -webkit-box-shadow: 0px -2px 5px 1px rgba(0,0,0,0.1);
     box-shadow: 0px -2px 5px 1px rgba(0,0,0,0.1);
}
 #text-2 {
    padding-left: 100px !important;
}
 h1, h2, h3, h4, h5, #menu a {
    font-family: "neo-sans",sans-serif !important;
}
 .swiper-button-prev {
     background-image: url("/wp-content/uploads/2021/04/prev.png") !important;
     background-repeat: no-repeat;
     cursor: pointer;
     width: 39px;
}
 .swiper-button-next {
     background-image: url("/wp-content/uploads/2021/04/next.png") !important;
     background-repeat: no-repeat;
     cursor: pointer;
     width: 39px;
}
 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
     content: '';
}
 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
     content: '';
}
 .outer {
     background-color: pink;
     width: 60px;
     position: relative;
     display: inline-block;
     margin: 0;
     float: right;
     height: 100%;
     border-radius: 0px 18px 18px 0;
     box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
     -webkit-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
     -moz-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
}
 .inner {
     font-size: 22px;
     color: #fff;
     font-weight: bold;
     position: absolute;
     top: 50%;
     left: 50%;
     text-align: center;
     line-height:100%;
     width: 500px;
}
 .inner br {
    display: none !important;
}
 .rotate {
     -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
     -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
     transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
 .swiper-slide-prev .outer {
     background-color: pink;
     width: 60px;
     position: relative;
     display: inline-block;
     margin: 0;
     float: left;
     height: 100%;
     border-radius: 18px 0px 0px 18px;
     box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
     -webkit-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
     -moz-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
}
 .swiper-slide-active .outer {
    display:none;
}
/*.swiper-slide .licz {
    display:none;
}
 .licz {
     background: url(/wp-content/uploads/2021/04/01.png) no-repeat;
     position: absolute;
     display: block;
     top: 37px;
     left: 0px;
     z-index: 999999999999999999999;
     width: 83px;
     height: 100px;
     background-size: 100%;
}
 .swiper-slide-active .licz {
    display:block;
}
*/
 .s1 {
    background: url('/wp-content/uploads/2021/04/education.png') no-repeat !important;
     background-size: cover !important;
}
 .s2 {
    background: url('/wp-content/uploads/2021/04/energy.png') no-repeat !important;
     background-size: cover !important;
}
 .s3 {
    background: url('/wp-content/uploads/2021/04/finance.png') no-repeat !important;
     background-size: cover !important;
}
 .s4 {
    background: url('/wp-content/uploads/2021/04/industry.png') no-repeat !important;
     background-size: cover !important;
}
 .s5 {
    background: url('/wp-content/uploads/2021/04/logistic.png') no-repeat !important;
     background-size: cover !important;
}
 .s6 {
    background: url('/wp-content/uploads/2021/04/media.png') no-repeat !important;
     background-size: cover !important;
}
 .s7 {
    background: url('/wp-content/uploads/2021/04/public.png') no-repeat !important;
     background-size: cover !important;
}
 .s8 {
    background: url('/wp-content/uploads/2021/04/retail.png') no-repeat !important;
     background-size: cover !important;
}
 .s9 {
    background: url('/wp-content/uploads/2021/04/telecommunication.png') no-repeat !important;
     background-size: cover !important;
}
 .s10 {
    background: url('/wp-content/uploads/2021/04/travel.png') no-repeat !important;
     background-size: cover !important;
}
 .s1.swiper-slide-active, .s2.swiper-slide-active, .s3.swiper-slide-active, .s4.swiper-slide-active, .s5.swiper-slide-active, .s6.swiper-slide-active, .s7.swiper-slide-active, .s8.swiper-slide-active, .s9.swiper-slide-active , .s10.swiper-slide-active {
    background-size: contain !important;
}
 .s1 .outer {
    background-color: #1D6EAD !important;
}
 .s2 .outer {
    background-color: #1D6EAD !important;
}
 .s3 .outer {
    background-color: #1D6EAD !important;
}
 .s4 .outer {
    background-color: #1D6EAD !important;
}
 .s5 .outer {
    background-color: #1D6EAD !important;
}
 .s6 .outer {
    background-color: #1D6EAD !important;
}
 .s7 .outer {
    background-color: #1D6EAD !important;
}
 .s8 .outer {
    background-color: #1D6EAD !important;
}
 .s9 .outer {
    background-color: #1D6EAD !important;
}
 .s10 .outer {
    background-color: #1D6EAD !important;
}
 #bbo5 .s1 .outer {
    background-color: #2690E0 !important;
}
/*#bbo5 .s2 .outer {
    background-color: #5ac1e2 !important;
}
*/
 #bbo5 .s3 .outer {
    background-color: #5ac1e2 !important;
}
 #bbo5 .s4 .outer {
    background-color: #ffc31e !important;
}
 #bbo5 .s5 .outer {
    background-color: #f26c78 !important;
}
 #bbo5 .s6 .outer {
    background-color: #DB2D97 !important;
}
 #bbo5 .s7 .outer {
    background-color: #5ac1e2 !important;
}
 #bbo5 .s8 .outer {
    background-color: #ffc31e !important;
}
 #bbo5 .s9 .outer {
    background-color: #f26c78 !important;
}
 #bbo5 .s10 .outer {
    background-color: #DB2D97 !important;
}
 .s2 {
     position: relative !important;
     display: inline-block !important;
}
 .s-title {
     -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
     -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
     transform: translateX(-50%) translateY(-50%) rotate(-90deg);
     float: right;
     color: #fff;
     position: absolute;
     top: 50%;
     right: 0%;
     background: #EEBB1E;
}
 .s1.swiper-slide-active .s-wrap, .s2.swiper-slide-active .s-wrap, .s3.swiper-slide-active .s-wrap, .s4.swiper-slide-active .s-wrap, .s5.swiper-slide-active .s-wrap, .s6.swiper-slide-active .s-wrap, .s7.swiper-slide-active .s-wrap, .s8.swiper-slide-active .s-wrap, .s9.swiper-slide-active .s-wrap, .s10.swiper-slide-active .s-wrap {
    display: block;
}
 .swiper-slide-active .s-title {
    display: none;
}
 .s-wrap {
    width:calc(48% - 80px);
    padding: 40px;
     float: right;
     background-color: #1D6EAD;
     height:100%;
     display: block;
     margin-top:-40px;
    border-radius:18px;
     color:#fff !important;
     box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
     -webkit-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
     -moz-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.23);
     display: none;
}
 .s-wrap h3 {
    margin-top:0px;
     color:#fff;
     font-size: 32px;
}
 .s-wrap hr {
    height:1px;
     width:100px;
     background-color: #fff;
     float:left;
}
 .s-wrap hr::after {
    clear: both;
}
 .s-wrap p {
    clear: both;
     font-size: 13px;
}
 .s-wrap p.big {
    clear: both;
     font-size: 18px;
}
 .s-wrap .btn {
    float:right;
}
/* eccomerce */
 .header-top {
    position: relative;
}
 .header-top h2 {
    font-size: 40px;
     line-height:110%;
}
 .header-top h2 span {
     display: block;
     font-size: 35px;
     font-weight: normal;
}
 .wrapper {
     margin: 0 auto;
     position: relative;
    /*padding: 28px 0 0 0;
    */
}
 .wrapper section {
    clear: both;
    margin-bottom: 20px;
     height: auto;
     display: flex !important;
     border: 0px solid #000;
     flex-flow: wrap;
}
 #ecm nav {
     position: absolute;
     left: 100px;
     right: 0px;
     top: 0px;
     width:280px;
     display: block;
     padding: 4px 0;
     height: 100px;
     z-index: 100;
}
 #ecm nav a {
     font-weight: bold;
     padding: 2px;
     4px;
     display: block;
     float: left;
     text-decoration: none;
     margin-right: 4px;
     width: 100%;
     font-size:20px;
}
 #ecm nav a:hover, #ecm nav a.active {
     color:gray;
}
 #ecm .art nav a {
    margin-bottom: 10px;
}
 #ecm .art nav a.active {
     color:#1D6EAD !important;
     font-size:36px;
     margin-bottom: 20px;
}
 #ecm nav a span {
    display:none;
}
 #ecm nav a.active span {
    font-weight:normal;
    color:#363636;
     display: block;
     font-size:16px;
     line-height:130%;
     margin-top:10px;
     margin-bottom:20px;
    padding-right:35px;
}
 a.l1 {
    color: #1D6EAD !important;
}
 a.l2 {
    color: #4BC9E2 !important;
}
 a.l3 {
    color: #EEBB1E !important;
}
 a.l4 {
    color: #F5716C !important;
}
 a.l5 {
    color: #2DC9BF !important;
}
 .fixed {
     position: fixed !important;
     top: 100px !important;
}
 .menu-filar {
    height:250px !important;
}
/*.fix {
    position: sticky !important;
     top: 0;
     z-index: 10;
     border-radius: 0 0 0.5em 0.5em;
}
*/
 .er-box {
    background: #fff;
     border-radius:20px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.16);
     box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.16);
    float:left;
     width: calc(33% - 20px);
     margin-right: 20px;
     position: relative;
    margin-bottom: 20px;
}
 .er-box:nth-child(3) {
    margin-right: 0px;
}
 .er-box .img {
    height: 250px;
     background-size: cover;
     position: relative;
     border-radius: 10px 10px 0px 0;
     overflow: hidden;
}
 .er-box .img h4 {
    color: #fff;
     position: absolute;
     bottom: 10px;
     font-size: 18px;
     margin-left: 20px;
     margin-right: 20px;
     margin-bottom: 0px;
     z-index: 9999;
}
 .er-box .img h5 {
    font-size: 18px;
}
 .er-box .content {
    padding:10px 20px;
     min-height: 480px;
}
 .er-box .content h6{
    color: #1D6EAD;
     font-size: 12px;
     font-weight:bold;
}
 .er-box .content hr{
    background-color: #1D6EAD;
     height: 2px;
     width: 100px;
     float:left;
     clear: both;
}
 .er-box .content p {
    clear: both;
    font-size: 14px;
     line-height: 150%;
}
 .er-box.last {
    min-height: 700px;
     background: #EFEFEF;
}
 .er-box.last .wrap {
    text-align: center;
     color: #1D6EAD;
     font-weight: bold;
    margin-top: 230px;
}
 .er-box.last .wrap p {
    font-size: 18px;
}
 .er-box .img img {
    border-radius: 10px 10px 0 0 !important;
}
 .er-box .img:after {
    border-radius: 10px !important;
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     height: 80%;
     bottom:0;
    /*background: -webkit-linear-gradient(transparent, #020D15) left repeat;
     background: linear-gradient(transparent, #020D15) left repeat;
    */
     background: linear-gradient(to bottom, rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.45), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 0.9), rgba(5, 17, 25, 1));
}
 #bodyteam_leasing .er-box .content hr{
    background-color: #4BC9E2;
}
 #it_infrastructure .er-box .content hr{
    background-color: #EEBB1E;
}
 #innowacje .er-box .content hr{
    background-color: #F5716C;
}
 #digital .er-box .content hr{
    background-color: #2DC9BF;
}
 .o1 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/tim-van-der-kuip-CPs2X8JYmS8-unsplash.png") no-repeat center;
}
 .o2 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/william-iven-dAmHWsRYP9c-unsplash.png") no-repeat center;
}
 #bodyteam_leasing .o1 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/roberto-cortese-9tYbOIpVcn4-unsplash.png") no-repeat center;
}
 #bodyteam_leasing .o2 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/markus-spiske-BPxkU4uPq6Y-unsplash.png") no-repeat center;
}
 #bodyteam_leasing .o3 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/austin-distel-mpN7xjKQ_Ns-unsplash.png") no-repeat center;
}
 #bodyteam_leasing .o4 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/lycs-architecture-U2BI3GMnSSE-unsplash.png") no-repeat center;
}
 #software_development .er-box .img {
    background-image: url("/wp-content/uploads/2021/04/Services-Software-Development-header.png") !important;
     background-size: cover;
     height: 250px;
}
 #bodyteam_leasing .er-box .img {
    background-image: url("/wp-content/uploads/2021/04/Services-Body-team-leasing-header.png")!important;
     background-size: cover;
     height: 250px;
}
 #it_infrastructure .er-box .img {
    background-image: url("/wp-content/uploads/2021/04/Services-IT-Infrastructure-header.png")!important;
     background-size: cover;
     height: 250px;
}
 #innowacje .er-box .img {
    background-image: url("/wp-content/uploads/2021/04/Services-Innovations-header.png")!important;
     background-size: cover;
     height: 250px;
}
 #digital .er-box .img {
    background-image: url("/wp-content/uploads/2021/04/Services-Digital-header.png")!important;
     background-size: cover;
     height: 250px;
}
 .ecm-sec h2 a {
    font-weight: 400;
     font-size:12px;
}
 .ecm-cs .content h4 a{
    color:#fff !important;
}
 .ecm-ins .ecm-cs .content h4 a{
    color: #1D6EAD !important;
}
 .ecm-cs {
}
 .ecm-cs .img {
    height: 350px;
     background-size: cover !important;
     position: relative;
     border-radius: 10px;
}
 .ecm-cs .img .time {
    color: #fff;
     position: absolute;
     bottom: 0px;
     font-size: 14px;
     padding: 5px 20px;
     margin-bottom: 0px;
     background: #FF9300;
     border-radius: 0 0px 0 10px;
     z-index: 999;
}
 .ecm-cs .content {
    padding: 20px;
}
 .ecm-cs .content h4 {
    margin-bottom:0px;
}
 .ecm-cs .content .date{
    margin-bottom: 20px;
     font-size:12px;
}
 .ecm-cs .content p{
}
 .ecm-cs .img {
     position: relative;
     display: inline-block;
     overflow: hidden;
}
 .ecm-cs .img:after {
    border-radius: 10px !important;
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     height: 50%;
     bottom: 0;
    /*background: -webkit-linear-gradient(transparent, #020D15) left repeat;
     background: linear-gradient(transparent, #020D15) left repeat;
    */
     background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1));
}
 .ecm-cs .img img{
     border-radius: 10px;
     transition: transform 1s ease;
     width:100% !important;
     height: 100% !important;
     object-fit: cover;
}
 .ecm-cs .img:hover img {
     transform: scale(1.5);
}
 .hdto.img img {
    border-radius: 10px;
     object-fit: cover;
    /*height: 100% !important;
    */
    object-position: center;
   width: 100%;
}
 .single-post .hdto.img img {
    border-radius: 10px;
     object-fit: cover;
    height: 100% !important;
     object-position: center;
    width: 100%;
}
 .hdto.img {
     position: absolute;
     display: inline-block;
     overflow: hidden;
     right: 100px;
     height: auto;
     width: 50%;
     top: 10%;
     bottom: 10%;
     z-index: 0;
     border-radius: 10px;
}
 .hdto.img a:after {
    border-radius: 10px !important;
     content: "";
     display: block;
     position: absolute;
     width: 80%;
     height: 100%;
     top:0;
     background: linear-gradient(to left, rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.45), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 0.9), rgba(5, 17, 25, 1));
}
/* do sprawdzenia
.hdto.img div {
   border-radius: 10px !important;
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 100%;
    top:0;
    background: linear-gradient(to left, rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.45), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 0.9), rgba(5, 17, 25, 1));
}
*/
.hdto.img div:after {
   border-radius: 10px !important;
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 100%;
    top:0;
    background: linear-gradient(to left, rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.45), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 0.9), rgba(5, 17, 25, 1));
}
/* .ecm-cs .img.o1 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/news-img-kbygg.png") no-repeat center;
}
 .ecm-cs .img.o2 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/blog-img-e-bilet.png") no-repeat center;
}
 */
 .ecm-cs-l {
     position: relative;
     right: -18%;
    transition: 1s ease-out 100ms;
}
 .ecm-sec:hover .ecm-cs-l {
    right: 0;
}
 .ecm-ins .ecm-cs .img .time {
    background: #1C74B1;
}
 .ecm-ins .ecm-cs .img.o1 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/news-img-shop-manager.png") no-repeat center;
}
 .ecm-ins .ecm-cs .img.o2 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/news-img-bigdata.png") no-repeat center;
}
 .ecm-ins .ecm-cs .img.o3 {
    background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1)), url("/wp-content/uploads/2021/03/news-img-movstat.png") no-repeat center;
}
 .ecm-ins .ecm-cs .content h4 {
    color:#1D6EAD;
}
 .ecm-sec {
    background-position: right 40px !important;
}
 .ecm-sec.ecm-ins {
    background-position: 0 130px !important;
     background-size: 27%;
}
/* integrator 2.0 */
 .it-box {
    background: #fff;
    border-radius: 10px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.16);
     box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.16);
     padding:30px;
}
 .it-box h4 {
    color: #1D6EAD;
}
 .it-box p {
    color: #000;
    clear:both;
     font-size:13px;
     line-height: 140%;
}
 .it-box hr {
    background-color: #1D6EAD;
     height: 2px;
     width: 100px;
     float:left;
     clear: both;
}
 .bbo5 .title-carousel, .carousel-menu {
    display: block;
}
 .bbo5 .carousel-menu li a {
    color:#0B2A46;
}
 .bbo5 .carousel-menu li a:hover {
    color:#1D6EAD;
}
 .bbo5 .carousel-menu {
    margin-left:0px;
}
 .bbo5 .title-carousel {
    margin-bottom:50px;
}
/*#bbo5 .swiper-slide {
    display: flex;
}
*/
 #bbo5 .sld-cnt {
    width: 49%;
     position: relative;
     display: none;
}
 #bbo5 .sld-main {
    height: 100%;
     border-radius: 10px;
     position: relative;
}
 #bbo5 .sld-main .wrap {
    padding: 30px;
     position: absolute;
     bottom: 0px;
}
 #bbo5 .sld-main .wrap hr {
    background-color: #1D6EAD;
     height: 2px;
     width: 100px;
     float:left;
     clear: both;
}
 #bbo5 .sld-main .wrap p {
    color:#fff;
    clear:both;
     font-size: 15px;
}
 #bbo5 .sld-main .wrap h3 {
    color:#fff;
     font-size:33px;
}
 #bbo5 .sld-box {
    background: #fff;
    border-radius: 10px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.16);
     box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.16);
     padding:30px;
    margin:10px;
    /* height: calc(100% - 80px);
    */
}
 #bbo5 .sld-box h4 {
    color: #1D6EAD;
}
 #bbo5 .sld-box p {
    color: #000;
    clear:both;
     font-size:13px;
     line-height: 140%;
}
 #bbo5 .sld-box hr {
    background-color: #1D6EAD;
     height: 2px;
     width: 100px;
     float:left;
     clear: both;
}
 #bbo5 .s1 .a1 .sld-main {
    background-size: cover !important;
    background: linear-gradient( rgba(5, 17, 25, 0),rgba(5, 17, 25, 0.25),rgba(5, 17, 25, 0.65),rgba(5, 17, 25, 1)),url("/wp-content/uploads/2021/04/Services-Software-Development-header.png") no-repeat center !important;
}
 #bbo5 .s6 .a1 .sld-main {
    background-size: cover !important;
    background: linear-gradient( rgba(5, 17, 25, 0),rgba(5, 17, 25, 0.25),rgba(5, 17, 25, 0.65),rgba(5, 17, 25, 1)),url("/wp-content/uploads/2021/04/Services-Digital-header.png") no-repeat center !important;
}
 #bbo5 .s3 .a1 .sld-main {
    background-size: cover !important;
    background: linear-gradient( rgba(5, 17, 25, 0),rgba(5, 17, 25, 0.25),rgba(5, 17, 25, 0.65),rgba(5, 17, 25, 1)),url("/wp-content/uploads/2021/04/Services-Body-team-leasing-header.png") no-repeat center !important;
}
 #bbo5 .s4 .a1 .sld-main {
    background-size: cover !important;
    background: linear-gradient( rgba(5, 17, 25, 0),rgba(5, 17, 25, 0.25),rgba(5, 17, 25, 0.65),rgba(5, 17, 25, 1)),url("/wp-content/uploads/2021/04/Services-IT-Infrastructure-header.png") no-repeat center !important;
}
 #bbo5 .s5 .a1 .sld-main {
    background-size: cover !important;
    background: linear-gradient( rgba(5, 17, 25, 0),rgba(5, 17, 25, 0.25),rgba(5, 17, 25, 0.65),rgba(5, 17, 25, 1)),url("/wp-content/uploads/2021/04/Services-Innovations-header.png") no-repeat center !important;
}
 .s1.swiper-slide-active .sld-cnt, .s2.swiper-slide-active .sld-cnt, .s3.swiper-slide-active .sld-cnt, .s4.swiper-slide-active .sld-cnt, .s5.swiper-slide-active .sld-cnt, .s6.swiper-slide-active .sld-cnt, .s7.swiper-slide-active .sld-cnt, .s8.swiper-slide-active .sld-cnt, .s9.swiper-slide-active .sld-cnt, .s10.swiper-slide-active .sld-cnt {
    display: block !important;
}
 #bbo5 .s1 {
    background: url('/wp-content/uploads/2021/04/Services-Software-Development-header.png') no-repeat !important;
     background-size: cover !important;
}
 #bbo5 .s6 {
    background: url('/wp-content/uploads/2021/04/Services-Digital-header.png') no-repeat !important;
     background-size: cover !important;
}
 #bbo5 .s3 {
    background: url('/wp-content/uploads/2021/04/Services-Body-team-leasing-header.png') no-repeat !important;
     background-size: cover !important;
}
 #bbo5 .s4 {
    background: url('/wp-content/uploads/2021/04/Services-IT-Infrastructure-header.png') no-repeat !important;
     background-size: cover !important;
}
 #bbo5 .s5 {
    background: url('/wp-content/uploads/2021/04/Services-Innovations-header.png') no-repeat !important;
     background-size: cover !important;
}
 #bbo5 .s1.swiper-slide-active, #bbo5 .s2.swiper-slide-active, #bbo5 .s3.swiper-slide-active, #bbo5 .s4.swiper-slide-active, #bbo5 .s5.swiper-slide-active, #bbo5 .s6.swiper-slide-active {
    background: none !Important;
     display: flex !important;
}
/* software development */
 /*.it-box2 {
    background: #fff;
    border-radius: 10px;
     -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08);
     cursor:pointer;
     box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08);
     padding:30px;
     text-align:center;
}*/
.equal-height .column.it-box2 .column_attr {
min-height: 180px;
box-sizing: border-box;
height: auto !important;
}
.column.it-box2 {margin-bottom: 0px !important;}
.it-box2 .column_attr{
   background: #fff;
   border-radius: 10px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08);
    cursor:pointer;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08);
    padding:30px 15px;
    margin: 30px 0;
    text-align:center;
}


 .it-box2 h6 {
    color: #1D6EAD;
     font-size: 16px;
     font-weight: bold;
}
 .it-box2 p {
    color: #000;
    clear:both;
     font-size:13px;
     line-height: 140%;
}
 .it-box2 hr {
    background-color: #1D6EAD;
     height: 2px;
     width: 100px;
     float:left;
     clear: both;
}
 .it-box2 img {
    height: 40px !important;
     width: auto !important;
     margin-bottom: 20px;
}
 .it-box2.blue .column_attr{
    background: #1D6EAD;
}
 .it-box2.blue h6 {
    color: #fff;
}
/* articles */
 .header-top.art hr {
    background-color: #fff;
     height: 2px;
     width: 100px;
     float:left;
     clear: both;
}
 .header-top.art p {
    clear: both;
}
 .art {
}
 .art-b .img {
    height: 300px;
    background-size: cover !important;
     position: relative;
     border-radius: 10px !important;
    margin-bottom: 20px;
}
 .art-b .img .time {
    color: #fff;
     position: absolute;
     bottom: 10px;
     font-size: 14px;
     padding: 5px 20px;
     margin-bottom: 0px;
    z-index: 9999999;
}
 .art-b .content {
    padding: 0px;
}
 .art-b .content h4 {
    margin-bottom:10px;
     color:#1D6EAD;
}
 .art-b .content .date{
    margin-bottom: 20px;
     font-size:12px;
}
 .art-b .content p{
}
 .art-b .img {
     position: relative;
     display: inline-block;
     overflow: hidden;
}
 .art-b .img:after {
    border-radius: 10px !important;
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     height: 50%;
     bottom: 0;
    /*background: -webkit-linear-gradient(transparent, #020D15) left repeat;
     background: linear-gradient(transparent, #020D15) left repeat;
    */
     background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.25), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 1));
}
 .art-b .img img{
     border-radius: 10px;
     transition: transform 1s ease;
     width:100% !important;
     height: 100% !important;
     object-fit: cover;
}
 .art-b .img:hover img {
     transform: scale(1.5);
}
/* bouncing arrow */
 .arrow-container {
     width: 25px;
    /* cubic-bezier-easing = sine / mehr Beispiele: https://easings.net/ */
     animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
     cursor: pointer;
     height: 20px;
     margin: auto;
     position: absolute;
     bottom: 20px;
     left: calc(50% - 10px);
}
 .arrow-down {
     height: 6px;
     background: white;
     transform: rotate(45deg);
     transform-origin: 0% 0%;
     border-radius: 5px;
}
 .arrow-down:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     bottom: 0;
     left: 100%;
     border-radius: 5px;
     background: white;
     transform: rotate(-90deg);
     transform-origin: 0% 100%;
}
 @keyframes bounce {
     50% {
         transform: translateY(-15px);
    }
}
 .cd-horizontal-timeline h3, .cd-horizontal-timeline p {
    color:#fff;
}
 .cd-horizontal-timeline li{
    list-style-type: none;
}
 .cd-horizontal-timeline {
    background: #1D6EAD;
     border-radius: 10px;
     padding-top: 40px;
     padding-bottom: 40px;
}
 .cd-horizontal-timeline {
     opacity: 0;
     margin: 2em auto;
     -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     transition: opacity 0.2s;
}
 .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
     content: "mobile";
     display: none;
}
 .cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
     opacity: 1;
}
 .cd-horizontal-timeline .timeline {
     position: relative;
     height: 100px;
     width: 90%;
     max-width: 100%;
     margin: 0 auto;
}
 .cd-horizontal-timeline .events-wrapper {
     position: relative;
     height: 100%;
     max-width: 1200px;
     width: 100%;
     margin: auto;
     overflow: hidden;
}
 .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
     content: "";
     position: absolute;
     z-index: 2;
     top: 0;
     height: 100%;
     width: 20px;
}
 .cd-horizontal-timeline .events-wrapper::before {
     left: 0;
     background-image: -webkit-linear-gradient( left, #1D6EAD, rgba(248, 248, 248, 0) );
     background-image: linear-gradient(to right, #1D6EAD, rgba(248, 248, 248, 0));
}
 .cd-horizontal-timeline .events-wrapper::after {
     right: 0;
     background-image: -webkit-linear-gradient( right, #1D6EAD, rgba(248, 248, 248, 0) );
     background-image: linear-gradient(to left, #1D6EAD, rgba(248, 248, 248, 0));
}
 .cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
     position: absolute;
     z-index: 1;
     left: 0;
     top: 49px;
     height: 2px;
    /* width will be set using JavaScript */
     background: rgba(255,255,255,0.5);
     -webkit-transition: -webkit-transform 0.4s;
     -moz-transition: -moz-transform 0.4s;
     transition: transform 0.4s;
}
 .cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #f6b7af;
     -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
     -ms-transform: scaleX(0);
     -o-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -ms-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center;
     -webkit-transition: -webkit-transform 0.3s;
     -moz-transition: -moz-transform 0.3s;
     transition: transform 0.3s;
}
/* linie */
 .cd-horizontal-timeline .events .ll1 {
     content: "";
     position: absolute;
     right: 0;
     bottom: 2px;
     height: 2px;
     width: 48%;
     border: 2px solid #54c7df;
     background-color: #54c7df;
}
 .cd-horizontal-timeline .events .ll2 {
     content: "";
     position: absolute;
     right: 0;
     bottom: -4px;
     height: 2px;
     width: 24.5%;
     border: 2px solid #fbb731;
     background-color: #fbb731;
}
 .cd-horizontal-timeline .events .ll3 {
     content: "";
     position: absolute;
     right: 0;
     bottom: -8px;
     height: 2px;
     width: 24.5%;
     border: 2px solid #ef6d7b;
     background-color: #ef6d7b;
}
 .cd-horizontal-timeline .events .ll4 {
     content: "";
     position: absolute;
     right: 0;
     bottom: -12px;
     height: 2px;
     width: 24.5%;
     border: 2px solid #41bbb2;
     background-color: #41bbb2;
}
 .cd-horizontal-timeline .events a {
     position: absolute;
     bottom: 0;
     z-index: 2;
     text-align: center;
     font-size: 14px;
     padding-bottom: 15px;
     color: #fff;
    /* fix bug on Safari - text flickering while timeline translates */
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0);
}
 .cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
     content: "";
     position: absolute;
     left: 50%;
     right: auto;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     bottom: -5px;
     height: 12px;
     width: 12px;
     border-radius: 50%;
     border: 2px solid rgba(255,255,255,0.5);
     background-color: #f8f8f8;
     -webkit-transition: background-color 0.3s, border-color 0.3s;
     -moz-transition: background-color 0.3s, border-color 0.3s;
     transition: background-color 0.3s, border-color 0.3s;
}
 .no-touch .cd-horizontal-timeline .events a:hover::after {
     background-color: #f6b7af;
     border-color: #f6b7af;
}
 .cd-horizontal-timeline .events a.selected {
     pointer-events: none;
}
 .cd-horizontal-timeline .events a.selected::after {
     background-color: #f6b7af;
     border-color: #f6b7af;
}
 .cd-horizontal-timeline .events a.older-event::after {
     border-color: #f6b7af;
}
 @media only screen and (min-width: 1100px) {
     .cd-horizontal-timeline {
         margin: 6em auto;
    }
     .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
         content: "desktop";
    }
}
 .cd-timeline-navigation {
    display: none;
}
 .cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
     position: absolute;
     z-index: 1;
     top: 50%;
     bottom: auto;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     height: 34px;
     width: 34px;
     border-radius: 50%;
     border: 2px solid rgba(255,255,255,0.5);
    /* replace text with an icon */
     overflow: hidden;
     color: transparent;
     text-indent: 100%;
     white-space: nowrap;
     -webkit-transition: border-color 0.3s;
     -moz-transition: border-color 0.3s;
     transition: border-color 0.3s;
}
 .cd-timeline-navigation a::after {
    /* arrow icon */
     content: "";
     position: absolute;
     height: 16px;
     width: 16px;
     left: 50%;
     top: 50%;
     bottom: auto;
     right: auto;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     -o-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     background: url(/wp-content/themes/img/cd-arrow.svg) no-repeat 0 0;
}
 .cd-timeline-navigation a.prev {
     left: 0;
     -webkit-transform: translateY(-50%) rotate(180deg);
     -moz-transform: translateY(-50%) rotate(180deg);
     -ms-transform: translateY(-50%) rotate(180deg);
     -o-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
}
 .cd-timeline-navigation a.next {
     right: 0;
}
 .no-touch .cd-timeline-navigation a:hover {
     border-color: #0099ff;
}
 .cd-timeline-navigation a.inactive {
     cursor: not-allowed;
}
 .cd-timeline-navigation a.inactive::after {
     background-position: 0 -16px;
}
 .no-touch .cd-timeline-navigation a.inactive:hover {
     border-color: rgba(255,255,255,0.5);
}
 .cd-horizontal-timeline .events-content {
     position: relative;
     width: 100%;
     margin: 2em 0;
     overflow: hidden;
     -webkit-transition: height 0.4s;
     -moz-transition: height 0.4s;
     transition: height 0.4s;
}
 .cd-horizontal-timeline .events-content li {
     position: absolute;
     z-index: 1;
     width: 100%;
     left: 0;
     top: 0;
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     transform: translateX(-100%);
     padding: 0 5%;
     opacity: 0;
     -webkit-animation-duration: 0.4s;
     -moz-animation-duration: 0.4s;
     animation-duration: 0.4s;
     -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
}
 .cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
     position: relative;
     z-index: 2;
     opacity: 1;
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
     width: 60%;
     margin: auto;
}
 .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
     -webkit-animation-name: cd-enter-right;
     -moz-animation-name: cd-enter-right;
     animation-name: cd-enter-right;
}
 .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
     -webkit-animation-name: cd-enter-left;
     -moz-animation-name: cd-enter-left;
     animation-name: cd-enter-left;
}
 .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
     -webkit-animation-direction: reverse;
     -moz-animation-direction: reverse;
     animation-direction: reverse;
}
 .cd-horizontal-timeline .events-content li > * {
     max-width: 100%;
     margin: 0 auto;
}
 .cd-horizontal-timeline .events-content h3 {
     font-weight: bold;
     font-size: 36px;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 30px;
}
 .cd-horizontal-timeline .events-content em {
     display: block;
     font-style: italic;
     margin: 10px auto;
}
 .cd-horizontal-timeline .events-content em::before {
     content: "- ";
}
 .cd-horizontal-timeline .events-content p {
     font-size: 14px;
     color: #fff;
}
 .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
     line-height: 1.6;
}
 @media only screen and (min-width: 768px) {
     .cd-horizontal-timeline .events-content h2 {
         font-size: 7rem;
    }
     .cd-horizontal-timeline .events-content em {
         font-size: 2rem;
    }
    /*.cd-horizontal-timeline .events-content p {
         font-size: 1.8rem;
    }
    */
}
 @media all and (max-width: 768px) {
     .cd-horizontal-timeline .events a {
        writing-mode:vertical-rl;
         font-size:10px;
    }
}
 @-webkit-keyframes cd-enter-right {
     0% {
         opacity: 0;
         -webkit-transform: translateX(100%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0%);
    }
}
 @-moz-keyframes cd-enter-right {
     0% {
         opacity: 0;
         -moz-transform: translateX(100%);
    }
     100% {
         opacity: 1;
         -moz-transform: translateX(0%);
    }
}
 @keyframes cd-enter-right {
     0% {
         opacity: 0;
         -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
         -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
         transform: translateX(100%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
         -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
         transform: translateX(0%);
    }
}
 @-webkit-keyframes cd-enter-left {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-100%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0%);
    }
}
 @-moz-keyframes cd-enter-left {
     0% {
         opacity: 0;
         -moz-transform: translateX(-100%);
    }
     100% {
         opacity: 1;
         -moz-transform: translateX(0%);
    }
}
 @keyframes cd-enter-left {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
         transform: translateX(-100%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
         -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
         transform: translateX(0%);
    }
}
 .kont .js-tabs .tab {
    background-color: #fff;
}
 #integrator20 .js-tabs .tab {
    min-height: auto;
}
 .js-tabs .tab {
     display: inline-block;
     padding:20px;
     vertical-align: top;
     background-color: #fff;
     cursor: hand;
     cursor: pointer;
     text-decoration: none;
     color: #1D6EAD;
     font-weight: bold;
     font-size: 16px;
     border-radius: 10px;
     width: calc(20% - 4px);
}
 .js-tabs .tab:focus {
     box-shadow: 0 0 3px 3px rgba(0, 127, 255, 0.5);
}
 .js-tabs .tab:hover {
     background-color: #fff;
}
 .js-tabs .tab.active {
     background-color: rgba(0,0,0,0);
     cursor: default;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.24);
     box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.24);
     color:#fff;
}
 .js-tabs .tab.active.c1 {
    background-color: #2690E0 !important;
     color: #fff !important;
}
 .js-tabs .tab.active.c2 {
    background-color: #5ac1e2 !important;
     color: #fff !important;
}
 .js-tabs .tab.active.c3 {
    background-color: #ffc31e !important;
     color: #fff !important;
}
 .js-tabs .tab.active.c4 {
    background-color: #f26c78 !important;
     color: #fff !important;
}
 .js-tabs .tab.active.c5 {
    background-color: #DB2D97 !important;
     color: #fff !important;
}
 .js-tabs .panels {
     padding: 0px;
}
 .js-tabs .panel {
     display: none;
     padding-top: 20px;
}
 .js-tabs .panel .column.one-second {
    width: 49.5%;
    background: #fff;
     padding: 40px;
     border-radius: 10px;
     color: #000;
    margin-left:0px;
}
 .js-tabs .panel .column.one-second:nth-of-type(2) {
    margin-right: 0px !important;
}
 .js-tabs .panel h5 {
    color: #1D6EAD;
}
 .js-tabs .panel.active {
     display: flex;
     flex-wrap: wrap;
}
 .about-card {
    background: #1D6EAD;
     border-radius: 10px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.24);
     word-wrap: break-word;
     box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.24);
     padding:20px;
}
 .about-card h6 {
    font-weight: bold;
    margin-bottom: 0px;
}
 .about-card .sml {
    font-size: 12px;
     font-weight: bold;
     line-height: 150%;
}
 .about-card a img{
    text-align: center;
     width:10px !important;
     margin: auto;
}
 .kont hr {
    height:2px;
     width:60px;
     background-color: #1D6EAD;
     float:left;
}
 .kont hr::after, .kont p {
    clear: both;
}
 .kont h6 {
    font-weight: bold;
     font-size: 18px;
}
 .kont .js-tabs .panel .column.one-fourth {
    background: #1D6EAD;
     padding: 40px;
     border-radius: 10px;
     color: #000;
}
 .kont .js-tabs .panel p {
    color:#fff;
     font-weight: bold;
}
 .kont .js-tabs .panel hr {
    height:2px;
     width:60px;
     background-color: #fff;
     float:left;
}
/*.kont .js-tabs .panel.active {
    display: block;
}
*/
 .kont .js-tabs .tab.active {
     background-color: #1D6EAD;
     cursor: default;
     -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 24%);
     box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 24%);
     color: #fff;
}
 .kont .js-tabs .tab {
     width:32.5%;
     -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 24%);
     box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 24%);
}
 .inst .button {
    padding: 10px 25px;
    font-size: 13px;
}
 #wdv h1 {
    font-size: 40px;
}
 .arn .swiper-button-prev {
    left:50px;
     top: 62%;
}
 .arn .swiper-button-next {
    right:50px;
     top: 62%;
}
 #swp .swiper-button-prev {
    left:30px;
}
 #swp .swiper-button-next {
    right:30px;
}
 .comp p {
    font-size: 15px;
}
 .carousel-menu li a.active {
    text-decoration: underline;
     font-size: 22px;
     font-weight: bold;
}
 .inst .button.button_full_width .button_label {
    margin: 0 0 0 0px!important;
}
 #Top_bar {
     top:0px !important;
     position: sticky !important;
     -webkit-box-shadow: 0 3px 6px 0 rgb(0,0,0,0.16) !important;
     -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16) !important;
     box-shadow: 0 3px 6px 0 rgb(0,0,0,0.16) !important;
}
 .carousel-menu {
    margin: auto !important;
    text-align: center;
    list-style: inside !important;
}
 .scm .carousel-menu {
    margin: auto !important;
    text-align: center;
    list-style: inside !important;
}
/*.scm .carousel-menu li a {
    font-weight: bold;
}
*/
 .scm .carousel-menu li a.active {
    text-decoration: underline;
     font-size: 22px;
     font-weight: bold;
     color:#1D6EAD;
}
 #ecm {
    background-position: 0 37px !important;
     background-size: 40% !important;
}
 .art .swiper-container-comp {
    width: 96%;
}
 .art .comp img {
    height: 100px !important;
}
 .art .swiper-button-prev {
    left:30px;
     top: 62%;
}
 .art .swiper-button-next {
    right:30px;
     top: 62%;
}
 .header-top .two-fifth p {
    font-size: 15px;
}
 .art .comp {
    height: 100px;
     width: 96%;
     margin-top: 0px;
     margin-bottom: 35px;
}
 #csr {
    background-size: 30% !important;
}
 .wpcf7 .btn, .button-round input[type="submit"] {
    background-color: #FF9300 !important;
     color: #fff;
     float: right;
     font-family: "neo-sans",sans-serif !important;
     font-weight: 400;
     box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
}
 .wpcf7 textarea {
    border: 1px solid #3A62A0;
     border-radius: 10px;
}
/* span.wpcf7-form-control-wrap.file-852 {
     display: inline-block;
     position: relative;
     width: 160px;
     height: 40px;
     border-radius: 15px;
     border: solid 0px #11b28e;
     background: #3A62A0;
     color: #FFF;
     overflow:hidden;
     box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     cursor: pointer;
}
 input.wpcf7-form-control.wpcf7-file {
     position: absolute;
     width: 1500px;
     height: 1000px;
     right: 0;
     bottom: 0;
     outline: none !important;
}
 .wpcf7-file:before {
     content: "Choose file +";
     display: block;
     width: 160px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     position: absolute;
     right: 0;
     bottom: 0;
     color: #FFF;
     font-size: 16px;
}
 */
 #csr h2 {
    color:#fff;
     font-size: 26px;
}
 span.file-852 {
    display:none;
}
 #fileuploadfield {
     display:none;
}
 #uploadtextfield {
     height:18px;
     width:139px;
     display: inline-block;
}
 .uploadtextfield {
     height:18px;
     width:70% !important;
     display: inline-block;
     border-bottom:0px !important;
}
 #uploadbrowsebutton {
     display: inline-block;
     position: relative;
     width: 160px;
     height: 40px;
     border-radius: 15px;
     border: solid 0px #11b28e;
     background: #3A62A0;
     color: #FFF;
     overflow:hidden;
     box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.16);
     cursor: pointer;
}
 .header-top {
    padding-top: 12%;
     padding-bottom: 12%;
     background-size: 44% 80%;
     height:calc(65vh - 24%);
     min-height:calc(65vh - 24%);
    background-position: 84% center !important;
     position: relative;
}
 .header-top:before, .header-top:after {
     border-radius: 10px;
     overflow: hidden;
}
/* .header-top:before {
     border-radius: 10px !important;
     content: "";
     display: block;
     position: absolute;
     width: 41.9%;
     height: 75%;
     left: calc(84% - 36.3%);
     top: 12%;
     bottom: 12%;
     background: linear-gradient( rgba(5, 17, 25, 0), rgba(5, 17, 25, 0.45), rgba(5, 17, 25, 0.65), rgba(5, 17, 25, 0.9), rgba(5, 17, 25, 1));
}
*/
 .header-top .mcb-wrap.one {
    min-height: 30vh;
     display: block;
     margin: auto;
     position: relative;
}
 .header-top.art .mcb-wrap.one{
    min-height: 33vh;
}
 .header-top .one-sixth.column {
    display:none;
}
 .header-top .two-fifth, .header-top .three-fourth {
    margin: 0px !important;
}
 .header-top .one.wrap .one.column, #bbo5 .one.wrap .one.column, .header-top .two-third.column{
    margin: 0 !important;
}
 #ins, .pad {
    padding: 0 110px;
}
 .header-top .two-fifth p, .header-top .three-fourth p{
    font-size:16px;
}
 .cpn-logo {
    background: #eee !important;
}
 .arn img {
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
   filter: gray;
   -webkit-filter: grayscale(100%);
}
 .arn img:hover {
     filter: none;
     -webkit-filter: grayscale(0%);
     cursor: pointer;
}
 #case-studies .grid-item p {
    color:#fff;
}
 #case-studies .grid-item h4 a {
    color:#fff;
}
 .bgt0 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 0px;
     z-index: 9;
     width: 28%;
     display: block;
}
 .wrapper section.curr {
    display: block !important;
}
 .fltr {
    z-index: 99;
    position: relative;
}
 #menu-menu .active a {
     background: #f4980b;
     padding: 0 !important;
     margin: 15px 0;
     border-radius: 10px;
     font-weight: bold;
}
 #menu-menu .active a:hover {
    color: #f4980b !important;
     background: #fff;
}
 .slider_navigation {
    display: none;
}
 ul.clients .client_wrapper {
    background: #fff;
}
 .slick-slide {
    width: 230px !important;
     float:left;
}
 .accordion {
     max-width: 600px;
     margin: 30px auto 0;
}
 .accordion__item {
     margin-bottom: 5px;
}
 .accordion__title {
     background: gold;
     padding: 20px;
     border-radius: 4px;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     font-weight: bold;
}
 .accordion__title::after {
     font-family: "Font Awesome 5 Free";
     content: "";
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 900;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     width: 1em;
     height: 1em;
     transition: transform 0.3s ease-in;
}
 .is-open .accordion__title::after {
     transform: rotate(180deg);
}
 .accordion__body {
     border-radius: 5px;
     height: 0;
     overflow: hidden;
     transition: height 0.3s ease-in-out;
}
 .accordion__content {
     background: #f4f4f4;
     border-radius: 4px;
     padding: 15px;
     margin-top: 5px;
}
 .c1 {
    background: #2690E0;
     color: #fff ;
}
 .c2 {
    background: #5ac1e2;
     color: #fff ;
}
 .c3 {
    background: #ffc31e;
     color: #fff ;
}
 .c4 {
    background: #f26c78;
     color: #fff ;
}
 .c5 {
    background: #DB2D97;
     color: #fff ;
}
 .nma {
    margin-left: 0px !important;
}
 .js-tabs .panel.column.one img {
    width: 17%;
}
 .js-tabs #spolki-panel.panel.column.one img {
    width: 100%;
}
 #ins .grid-item h2 {
     margin-bottom: 10px !important;
     line-height: 120% !important;
     font-size: 16px;
}
 #ins .grid-item.grid-item--gigante h2 a {
    color: #fff;
     font-size: 32px;
     line-height: 130%;
}
 #ins .grid-item h2 a {
    color: #fff;
     font-size: 16px;
     line-height: 100%;
}
 #ins .grid-item h6 {
    color: #fff;
     margin-bottom: 0px;
     font-weight: 700 !important;
     font-size: 12px;
}
 #Top_bar .menu li ul li a {
     font-size: 14px;
}
 .pillar .image_frame img {
    height:100px !important;
     width:auto !important;
     max-width: 150px !important;
}
 #csr .grid-item--gigante.grid-item .img .time p {
    font-size: 16px;
}
 #Footer a {
    font-size: 14px;
}
 .footer_copy {
    display: none !important;
}
 .footer-1 .social li {
    display: inline-block;
}
/* MOBILE */
 @media all and (min-width: 1680px) {
     .s-wrap p {
        font-size: 14px !important;
    }
}
 @media all and (max-width: 1500px) {
     .sld-cnt.a2 {
        margin-top: -30px;
    }
}
 @media all and (max-width: 1440px) {
     .s-wrap p {
        font-size:15px !important;
         line-height: 160%;
         margin-bottom: 20px;
    }
     .s-wrap h3 {
        word-wrap: break-word;
         line-height: 100%;
    }
     .insights-item2 h2 {
        font-size: 16px;
    }
     .insights-item2 h6 {
        margin-bottom: 0px;
    }
     .column_column.insights-item, .ntx .mcb-wrap-inner {
        height: 100% !important;
    }
     .inst p {
        font-size: 13px;
    }
     .inst .button {
        padding: 10px 5px;
        font-size: 12px;
    }
     .insights-item2 {
        height: 250px;
    }
     #wdv h2 {
        font-size: 36px;
    }
     #wdv h1 {
        font-size: 32px;
    }
     #leadership p {
        font-size: 14px;
    }
     .s-wrap {
        width: 40%;
         margin-bottom: 0px;
    }
}
 @media all and (max-width: 1336px) {
     #integrator20 .js-tabs .tab {
         min-height: 100px;
    }
}
 @media all and (max-width: 1280px) {
   .it-box2 h6 {font-size: 14px !important;}
  		.equal-height .column.it-box2 .column_attr {min-height: 160px !important;}
 }
 @media all and (max-width: 1240px) {
     .sld-cnt.a2 {
        margin-top: -60px;
    }
     #leadership p {
         font-size: 12px;
    }
     #ecm nav {
        width: 220px;
    }
     .scm .carousel-menu {
        width: 75%;
        margin: auto !important;
    }
     .s-wrap p {
        font-size:13px;
         line-height: 150%;
    }
     .s-wrap h3 {
        word-wrap: break-word;
         margin-top:0px !important;
        font-size: 28px !important;
    }
     .carousel-menu {
        width: 98%;
        margin: auto !important;
    }
     .insights-item h2 {
        font-size: 28px;
        line-height: 120%;
    }
     .grid-item .content h4 {
        font-size:18px;
    }
}
 @media all and (max-width: 1112px) {
    .hdto.img img {height: 100% !important;}
     .inst .button {
        font-size: 16px;
    }
     .s-wrap h3 {
        margin-top: 31px;
        font-size: 22px;
    }
     .s-wrap p {
        font-size: 13px !important;
        line-height: 150% !important;
    }
     .sld-box p {
        font-size: 10px !important;
        line-height: 150% !important;
    }
     .sld-cnt.a2 {
        margin-top: -20px;
    }
     .er-box {
        width: calc(50% - 20px);
    }
     #ecm nav {
        width: 165px;
    }
     .ecm-cs .img {
        height: 250px;
    }
     .er-box:nth-child(3) {
        margin-right: 20px;
    }
     .page-template-page-insights .grid-item--gigante.grid-item .img {
        height: 465px;
    }
     .page-template-page-insights .grid-item .img {
        height: 150px;
    }
     .page-template-page-insights .grid-sizer, .grid-item {
        height: 280px;
    }
     .page-template-page-insights .grid-item--gigante {
        height: 600px !important;
         margin-bottom: 20px !important;
         width: calc(48% - 30px);
    }
     .page-template-page-insights .grid-item .content h4 {
        font-size: 16px;
        line-height: 130%;
    }
     .art-b .img {
        height: 200px;
    }
     .it-box2 .column_attr{
        padding: 15px;
    }
     .it-box2 h6 {
         font-size: 13px;
    }
     .it-box2 img {
        margin-top: 40px;
         margin-bottom:20px;
    }
     #integrator20 .js-tabs .tab {
        min-height: 95px;
    }
     .kont .js-tabs .panel .column.one-fourth {
        padding: 20px;
    }
     .kont .js-tabs .panel p {
        font-size: 13px;
        line-height: 150%;
    }
     .kont .js-tabs .tab {
        width: 32.5%;
    }
     .it-box h4 {
        font-size: 19px;
        line-height: 150%;
    }
     .it-box p {
        font-size: 12px;
        line-height: 150%;
    }
     #wdv h2 {
        font-size: 24px;
        line-height: 150%;
    }
     .comp p {
        font-size: 13px;
        line-height: 160%;
    }
     #ins .one-third, #ins .two-third {
        width:100%;
    }
     #ins .grid-item {
        width: calc(49% - 10px) !important;
        height: calc(250px - 10px) !important;
    }
     .s-wrap .btn {
        float: right;
        position: absolute;
        bottom: 10px;
        right: 20px;
    }
     #ecm nav {
        left: 30px;
    }
     #bbo5 .sld-main .wrap h3 {
        font-size: 21px;
        line-height: 120%;
    }
}
 @media all and (max-width: 1024px) {
    /*.swiper-container .swiper-slide-next {
        margin-left: -42% !important;
    }
     .swiper-container .swiper-slide-prev {
        margin-right: -42% !important;
        margin-left: 42% !important;
    }
    */
     .s-wrap h3 {
        margin-top: 0px;
        font-size: 18px !important;
    }
     .s-wrap p {
        font-size: 12px !important;
        line-height: 150% !important;
    }
     .sld-cnt.a2 {
        margin-top: -30px;
    }
     .s-wrap {
        height: 100% !important;
         margin-top: -60px;
         padding:30px;
    }
     .swiper-container .swiper-slide {
        height:500px;
    }
     #ins {
        margin-top: 50px;
    }
     .mcb-wrap-i9fxya3tz {
        padding: 0 30px 0 0 !important;
    }
}
 @media all and (max-width: 969px) {
    /*.swiper-container .swiper-slide-next {
        margin-left: -42% !important;
    }
     .swiper-container .swiper-slide-prev {
        margin-right: -42% !important;
        margin-left: 42% !important;
    }
    */
     .s-wrap h3 {
        margin-top: 0px;
        font-size: 18px !important;
    }
     .s-wrap p {
        font-size: 12px !important;
        line-height: 150% !important;
    }
     .sld-cnt.a2 {
        margin-top: -60px;
    }
     .s-wrap {
        height: 115% !important;
         margin-top: -60px;
         padding:30px;
    }
     .swiper-container .swiper-slide {
        height:430px;
    }
     .s1.swiper-slide-active, .s2.swiper-slide-active, .s3.swiper-slide-active, .s4.swiper-slide-active, .s5.swiper-slide-active, .s6.swiper-slide-active, .s7.swiper-slide-active, .s8.swiper-slide-active, .s9.swiper-slide-active, .s10.swiper-slide-active {
         background-size: cover !important;
    }
     .button-round .button{
        padding: 10px 15px;
    }
     .s-wrap .btn {
        bottom: -60px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1112px) {
     #ins .mcb-wrap {
        height: auto !important;
    }
     #ins .grid-item.grid-item--gigante h2 a {
        font-size: 15px;
    }
     #ins.equal-height-wrap .mcb-wrap.valign-middle .mcb-wrap-inner {
         top: 100%;
         -webkit-transform: translateY(0%);
         -moz-transform: translateY(0%);
         -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
         transform: translateY(0%);
    }
}
 @media all and (max-width: 960px) {
     .mcb-item-cwj7e9tgc {
        display: none !important;
    }
     .mcb-section-lcqqn56vg {
        padding-bottom: 0px !important;
    }
     .it-box h4 {
        font-size: 16px;
        line-height: 130%;
    }
     .it-box {
        padding: 20px;
    }
     .it-box p {
        font-size: 12px;
        line-height: 140%;
    }
     #bbo5 .sld-box {
        padding:20px;
    }
     .mcb-section-m3j2pnx6k .button-round .button {
        width: 131px !important;
    }
     .js-tabs .tab {
        font-size: 12px;
    }
}
 @media all and (max-width: 800px) {
     #csr .grid-item {
        width: 100% !important;
    }
}
 @media all and (max-width: 768px) {
   .mcb-section-acmia1211 .swiper-button-next,  .mcb-section-acmia1211 .swiper-button-prev {display:none !important;}
     #mobile-slider .mcb-wrap {
        padding: 0px !important;
    }
     .hdto.img a:after {
       width: 100%;
       background: linear-gradient(to left, rgba(5, 17, 25, 0.75), rgba(5, 17, 25, 0.75), rgba(5, 17, 25, 0.75), rgba(5, 17, 25, 0.75), rgba(5, 17, 25, 0.75));

    }
    .hdto.img div:after {
      width: 100%;
      background: linear-gradient(to left, rgba(5, 17, 25, 0.75), rgba(5, 17, 25, 0.75), rgba(5, 17, 25, 0.75), rgba(5, 17, 25, 0.75), rgba(5, 17, 25, 0.75));

   }
     .video-page .mcb-section-ws0znzy6b {
        padding-bottom: 0px !important;
    }
     .video-page .mcb-wrap-wdvwhijjj {
        margin-top: -50px !important;
    }
     .video-page .mcb-section-f3u7z7yaj {
        display:none;
    }
     .it-box2 img {
        margin-top: 3px !important;
        margin-bottom: 10px;
    }
     #bbo5 .sld-main .wrap p {
        font-size: 12px;
    }
     .er-box .content {
        min-height: auto !important;
    }
     .er-box.last {
        min-height: 260px;
    }
     .er-box.last .wrap {
        margin-top: 100px;
    }
     .no_line {
        display:none;
    }
     .mcb-item-3cq5799mx, .mcb-wrap-hvbbfiiee {
        height:0px !important;
         display:none;
    }
     .mcb-wrap-voyzn8p1o {
        margin-top:-40px !important;
    }
     #leadership .one-fourth.column, #leadership .four.columns {
        width: 48%;
    }
     #leadership .about-card {
        height: 320px !important;
    }
     #Top_bar .menu > li > a span:not(.description) {
        line-height: 35px;
    }
     #Top_bar .menu > li > a {
        padding: 25px 0;
    }
     #ins .grid-item {
        width: calc(100% - 10px) !important;
    }
     #ins .grid-item.grid-item--gigante h2 a {
        font-size:20px;
    }
     .swiper-container .swiper-slide {
         height: 580px !important;
    }
     .s-wrap {
        height: 50% !important;
    }
     #swp .s-wrap {
        height: 50%;
        margin-top: 65%;
    }
     #swp .wrap {
        margin-top: 20px !important;
    }
     .mcb-wrap {
        padding: 20px !important;
    }
     #ins, .pad {
        padding: 20px !important;
    }
     #wdv {
        padding-top:40px;
    }
     #wdv h2{
        font-size: 15px;
        line-height: 120%;
    }
     .arrow-container {
        display: none;
    }
     .header-top {
         padding-top: 150px;
         padding-bottom: 50px;
         background-size: 60%;
         height: calc(65vh - 24%);
         min-height: calc(65vh - 24%);
         background-position: 84% 50% !important;
         position: relative;
         min-height: 300px;
    }
     .bgt0 {
         position: absolute;
         top: 28%;
         transform: translateY(-15%);
         right: 0px;
         z-index: 9;
         width: 41%;
         display: block;
    }
     .header-top h2 {
        font-size: 30px;
    }
     .header-top .two-fifth p, .header-top .three-fourth p {
        font-size: 14px;
    }
     .header-top h2 span {
        font-size: 25px;
    }
     .ecm-cs-l {
        right: initial !important;
    }
     .er-box {
        width: 100%;
        margin-right: 0px;
    }
     #ecm nav {
        position: static;
        width: 100%;
        height: auto !important;
    }
     #ecm {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
     .fixed {
        position: static !important;
        top: 0px !important;
    }
     .grid-sizer, .grid-item {
        width: 100% !important;
        height: auto !important;
    }
     #ins .grid-item {
        height: 300px !important;
    }
     .cd-horizontal-timeline .events {
        top: 62px;
    }
     .cd-horizontal-timeline .events a {
        height: 70px;
        text-align: right;
    }
     .cd-horizontal-timeline .events-content li.selected {
        width: 100%;
    }
     #menu-menu .active a {
        padding: 10px 20px !important;
        text-align: center !important;
        color: #fff !important;
         margin-left: 45px;
    }
     .s-wrap {
        width: calc(101% - 40px);
         padding:20px;
    }
     .s-wrap h3 {
        margin-top: 20px;
        font-size: 18px;
    }
     .s-wrap p.big {
        font-size: 16px;
        line-height: 120%;
    }
     .swiper-button-next, .swiper-button-prev {
        top: 18%;
    }
    /*.swiper-container .swiper-slide-prev {
        margin-right: -33.5%;
        margin-left: 33.5%;
    }
     .swiper-container .swiper-slide-next {
        margin-left: -33.5%;
    }
    */
     .inner {
        font-size: 18px;
    }
     .s-wrap p {
        font-size: 12px;
        line-height: 140%;
    }
     .swiper-container-comp .swiper-slide {
        width: 100% !important;
    }
     .comp {
        border-right: 0px solid #18253C;
        height: 130px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
     .arn .swiper-button-prev {
        left: 20px;
        top: 100%;
    }
     .arn .swiper-button-next {
        right: 20px;
        top: 100%;
    }
     .acr .mcb-wrap {
        padding: 0px !important;
    }
     .sldr {
        padding-bottom:0px !Important;
    }
     .sldr .carousel-menu, .sldr .no_line, .sldr .title-carousel {
        display: none;
    }
     .section_wrapper .column.grid {
        height: !important;
    }
     .inst {
        height: auto !important;
    }
     .js-tabs .tab {
        padding: 20px 30px;
        width: 100%;
        height: auto !important;
        min-height: auto !important;
        margin-bottom: 10px;
    }
     .js-tabs .panel.active {
        display: block;
    }
     .kont .js-tabs .tab {
        width: 100%;
    }
     .hdto.img {
        height: auto;
        width: 75%;
        top: 20px;
        right: 20px;
    }
     .wrapper section {
        display: block !important;
    }
     .header-top .mcb-wrap.one {
        min-height: auto;
    }
}
 @media all and (max-width: 414px) {
     .header-top {
         padding-top: 150px;
         padding-bottom: 50px;
         background-size: 60%;
         height: calc(65vh - 24%);
         min-height: calc(65vh - 24%);
         background-position: 84% 20px !important;
         position: relative;
         min-height: auto;
    }
     .bgt0 {
         position: absolute;
         top: 12%;
         transform: translateY(-15%);
         right: 0px;
         z-index: 9;
         width: 41%;
         display: block;
    }
}
/* timeline */
 .bg-fp {
    background: #1D6EAD;
     border-radius: 10px;
     padding-top: 40px;
     padding-bottom: 40px;
}
 .bg-fp h3, .bg-fp p {
    color: #fff !important;
}
 .flex-parent {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
}
 .input-flex-container {
     display: flex;
     justify-content: space-around;
     align-items: center;
     width: 100%;
     height: 100px;
     max-width: 100%;
     position: relative;
     z-index: 0;
     overflow: hidden;
}
 .input {
     width: 25px;
     height: 25px;
     background-color: #f6b7af;
     position: relative;
     border-radius: 50%;
}
 .input:hover {
     cursor: pointer;
}
 .input::before, .input::after {
     content: "";
     display: block;
     position: absolute;
     z-index: -1;
     top: 50%;
     transform: translateY(-50%);
     background-color: #f6b7af;
     width: 8vw;
     height: 3px;
     max-width: 80px;
}
 .input::before {
     left: calc(-5vw + 12.5px);
}
 .input::after {
     right: calc(-5vw + 12.5px);
}
 .input.active {
     background-color: #f6b7af;
}
 .input.active::before {
     background-color: #f6b7af;
}
 .input.active::after {
     background-color: #eee;
}
 .input.active span {
     font-weight: 700;
}
 .input.active span::before {
     font-size: 13px;
}
 .input.active span::after {
     font-size: 15px;
}
 .input.active ~ .input, .input.active ~ .input::before, .input.active ~ .input::after {
     background-color: #eee;
}
 .input span {
     width: 1px;
     height: 1px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     visibility: hidden;
}
 .input span::before, .input span::after {
     visibility: visible;
     position: absolute;
     left: 50%;
}
 .input span::after {
     content: attr(data-year);
     top: -50px;
     transform: translateX(-50%);
     font-size: 14px;
     width: 74px;
     text-align: center;
     color: #fff;
}
 .input span::before {
     content: attr(data-info);
     top: -65px;
     width: 70px;
     transform: translateX(-5px) rotateZ(-45deg);
     font-size: 12px;
     text-indent: -10px;
}
 .description-flex-container {
     width: 80vw;
     font-weight: 400;
     font-size: 22px;
     margin-top: 20px;
     max-width: 1000px;
}
 .description-flex-container .time-content {
     margin-top: 0;
     display: none;
     transform: scale(0);
     opacity: 0;
     transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
 .description-flex-container .time-content.active {
     display: block;
     transform: scale(1);
     opacity: 1;
     -webkit-animation: anim 0.3s ease-in-out;
     animation: anim 0.3s ease-in-out;
}
 @-webkit-keyframes anim {
     0% {
         display: none;
         opacity: 0;
    }
     1% {
         display: block;
         opacity: 0;
         transform: scale(0);
    }
     100% {
         opacity: 1;
         transform: scale(1);
    }
}
 @keyframes anim {
     0% {
         display: none;
         opacity: 0;
    }
     1% {
         display: block;
         opacity: 0;
         transform: scale(0);
    }
     100% {
         opacity: 1;
         transform: scale(1);
    }
}
 .al1 {
    background: #54c7df !important;
     position: absolute !important;
     width: 50% !important;
     top: 45% !important;
     display: block!important;
     visibility: visible!important;
     height: 4px!important;
     float: right;
     right: 0px!important;
     content: "";
     transform: initial!important;
     z-index: -1!important;
}
 .al2 {
    background: #fbb731 !important;
     position: absolute !important;
     width: 24% !important;
     top: 51% !important;
     display: block!important;
     visibility: visible!important;
     height: 4px!important;
     float: right;
     right: 0px!important;
     content: "";
     transform: initial!important;
     z-index: -1!important;
}
 .al3 {
    background: #ef6d7b !important;
     position: absolute !important;
     width: 24% !important;
     top: 55% !important;
     display: block!important;
     visibility: visible!important;
     height: 4px!important;
     float: right;
     right: 0px!important;
     content: "";
     transform: initial!important;
     z-index: -1!important;
}
 .al4 {
    background: #41bbb2 !important;
     position: absolute !important;
     width: 24% !important;
     top: 59% !important;
     display: block!important;
     visibility: visible!important;
     height: 4px!important;
     float: right;
     right: 0px!important;
     content: "";
     transform: initial!important;
     z-index: -1!important;
}
 #wrapper{
     filter: blur(8px);
}
 #cookie-law-info-bar{
     padding: 0px;
     border-radius: 30px;
     z-index: 999999;
     border-radius: 30px !important;
     padding: 0px !important;
     width: 420px !important;
     padding: 0 30px!important;
}
 .cli-bar-message{
     text-align: center;
     font-weight: 600;
}
 .cli-bar-message h1{
     margin-bottom: 0;
     padding-top: 15px;
}
 .cli-bar-button_container-style{
     justify-content: center;
}
 .cli-bar-button_container-style a{
     border-radius: 10px;
     font-size: 16px !important;
     margin: 20px;
     font-weight: 600;
     padding: 12px;
}
 .cli-modal-backdrop.cli-show {
     -webkit-backdrop-filter: blur(15px);
     backdrop-filter: blur(15px);
     background-color: rgba(0, 0, 0, 0.5);
}
 .video-container {
     overflow: hidden;
     position: relative;
     width:100%;
}
 .video-container::after {
     padding-top: 56.25%;
     display: block;
     content: '';
}
 .video-container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 h1, h2, h3, h4, h5, h6 {
    line-height: 130% !important;
}
 .color-sd {
    background-color:#3695dd!important;
}
 .color-btl {
    background-color:#5ac1e2!important;
}
 .color-iti {
    background-color:#ffc31e!important;
}
 .color-inn {
    background-color:#f26c78 !important;
}
 .color-dig {
    background-color:#d93c9b !important;
}
 .sp-line {
    border-radius: 2px;
     height: 6px;
     width: 80px;
     text-align: left;
     float:left;
     margin-bottom:20px;
}
 .sp-line::after {
    clear: both;
}
 .pillar h3 {
    clear: both;
}
 .pillar h3 span {
    font-size: 35px;
     font-weight: normal;
}
 #leadership a {
    color: #fff;
     text-decoration: none;
}
 .service-content {
    transition: all .2s ease-in-out;
  /*   padding-bottom: 40px;*/
}
 .it-box2:hover .column_attr{
     box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 40%);
     overflow: visible;
     transform: scale(1.2);
     z-index: 99999999999999;
     display: inline-block;
     width: 100%;
}
 .acti .column_attr{
     box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 40%);
     overflow: visible;
     transform: scale(1.2);
     z-index: 99999999999999;
     display: inline-block;
     width: 100%;
}
/*@media (min-width: 1250px) {
     .input::before {
         left: -37.5px;
    }
     .input::after {
         right: -37.5px;
    }
}*/
 @media (max-width: 1250px) {
     .input-flex-container {
        width: 100% !important;
    }
     .description-flex-container {
        width: 100% !important;
    }
    .input::before, .input::after {
      width: 4vw !important;
      max-width: 50px !important;
    }
}
 @media (max-width: 967px) {
     .input span::after {
        top: -45px;
        font-size: 11px;
    }

}
 @media (max-width: 850px) {
     .input {
         width: 17px;
         height: 17px;
    }
     .input::before, .input::after {
         height: 3px;
    }
     .input::before {
         left: calc(-5vw + 8.5px);
    }
     .input::after {
         right: calc(-5vw + 8.5px);
    }
}
/*@media (max-width: 768px) {
     .al1, .al2, .al3, .al4 {
        display: none !important;
    }
     .input span::after {
        color: #333!important;
         width: auto !important;
    }
}
 */
 @media (max-width: 768px) {
     .al1, .al2, .al3, .al4 {
        display: none !important;
    }
     .input span::after {
        color: #333!important;
         width: auto !important;
    }
     .flex-parent {
         justify-content: initial;
    }
     .input-flex-container {
         flex-wrap: wrap;
         justify-content: center;
         width: 100%;
         height: auto;
         margin-top: 15vh;
    }
     .input {
         width: 60px;
         height: 60px;
         margin: 0 10px 50px;
    }
     .input::before, .input::after {
         content: none;
    }
     .input span {
         width: 100%;
         height: 100%;
         display: block;
    }
     .input span::before {
         top: calc(100% + 5px);
         transform: translateX(-50%);
         text-indent: 0;
         text-align: center;
    }
     .input span::after {
         top: 50%;
         transform: translate(-50%, -50%);
         color: #ECF0F1;
    }
     .description-flex-container {
         margin-top: 30px;
         text-align: center;
    }
}
 @media (max-width: 400px) {
     body {
         min-height: 950px;
    }
}