/*----  Animation ---------*/
@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.5, 0.5);
        -moz-transform: scale(0.5, 0.5);
        -o-transform: scale(0.5, 0.5);
        -ms-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
      }
    
      50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
        filter: alpha(opacity=0.5);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 15);
        transform: scale(1, 1);
      }
     
      100% {
        -webkit-transform: scale(4.3, 4.3);
        -moz-transform: scale(4.3, 4.3);
        -o-transform: scale(4.3, 4.3);
        -ms-transform: scale(4.3, 4.3);
        transform: scale(4.3, 4.3);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
      }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.5, 0.5);
        -moz-transform: scale(0.5, 0.5);
        -o-transform: scale(0.5, 0.5);
        -ms-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
      }
    
      50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
        filter: alpha(opacity=0.5);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 15);
        transform: scale(1, 1);
      }
     
      100% {
        -webkit-transform: scale(4.3, 4.3);
        -moz-transform: scale(4.3, 4.3);
        -o-transform: scale(4.3, 4.3);
        -ms-transform: scale(4.3, 4.3);
        transform: scale(4.3, 4.3);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
      }
}
@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.5, 0.5);
        -moz-transform: scale(0.5, 0.5);
        -o-transform: scale(0.5, 0.5);
        -ms-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
      }
    
      50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
        filter: alpha(opacity=0.5);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 15);
        transform: scale(1, 1);
      }
     
      100% {
        -webkit-transform: scale(4.3, 4.3);
        -moz-transform: scale(4.3, 4.3);
        -o-transform: scale(4.3, 4.3);
        -ms-transform: scale(4.3, 4.3);
        transform: scale(4.3, 4.3);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
      }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
    filter: alpha(opacity=0.5);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 15);
    transform: scale(1, 1);
  }
 
  100% {
    -webkit-transform: scale(4.3, 4.3);
    -moz-transform: scale(4.3, 4.3);
    -o-transform: scale(4.3, 4.3);
    -ms-transform: scale(4.3, 4.3);
    transform: scale(4.3, 4.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}





.page-template-template-platform-2022 .h3{
    font-size: 32px;
    line-height: 40px;
    font-weight: 500 !important;
    font-family: "Causten Bold", "Poppins", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
}

.padding-t-20{
    padding-top: 20px;
}
.padding-b-40{
    padding-bottom: 40px;
}
.padding-tb-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding-b-0{
    padding-bottom: 0px !important;
}
.page-template-template-platform-2022 p{
    margin-bottom: 18px;;
}

.page-template-template-platform-2022 p, 
.page-template-template-platform-2022 li{
    line-height: 18px;
}
.page-template-template-platform-2022 .popover-body li{
    padding-bottom: 7px;
}


.page-template-template-platform-2022 .responsive{
    width: 100%;
    height: auto;
}

.page-template-template-platform-2022  .header-top{
    background-color: rgb(49, 84, 115) !important;
}

.page-template-template-platform-2022 .breadcrumb{
    padding-bottom: 0px;
    padding-top:10px;
    font-size: 16px;
}

.page-template-template-platform-2022 .banner {
    /*padding-top: 70px;*/
    min-height: 50vh;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-bottom: 45px;
}

.page-template-template-platform-2022 .bg-stretch{
    margin-top:61px;
}


.page-template-template-platform-2022 .bg-new-light{
   background-color: #B6CFDD;
}

.page-template-template-platform-2022 .intro-block{
    padding:0px !important
}
.page-template-template-platform-2022 .intro-block .container{
    border-left: 1px solid #395370;
    border-right: 1px solid #395370;
    padding-top:63px;
    padding-bottom:43px;
}
.page-template-template-platform-2022 .intro-block .section-header{
    width: 100%;
}
.page-template-template-platform-2022 .intro-block .content-holder{
    width: 100%;
    font-size: 16px;
    color: #315473;
}

.page-template-template-platform-2022 .no-style-ul{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.page-template-template-platform-2022 .no-style-ul li:before{
    content:''; display: none;
}
.page-template-template-platform-2022 .intro-block .content-holder ul{
    padding-right: 0px;
    margin-bottom:0px;
}
.page-template-template-platform-2022 .intro-block .content-holder li{
    padding-bottom: 15px;;
}



.new-diagram-wrapper .container{
    padding-top:63px;
    border-left: 1px solid #395370;
    border-right: 1px solid #395370;
    padding-bottom: 30px;
}
.new-diagram-wrapper h3{
    color: #315473;
    font-size: 32px;
}
.new-diagram-wrapper #diagram-image-wrapper{
    position: relative;
    padding-bottom: 30px;
}
.page-id-83 .new-diagram-wrapper #diagram-image-wrapper{
    margin-bottom: 30px;
}
.new-diagram-wrapper #diagram-image-wrapper img{
    position: relative;
    z-index: -2;;
}
.new-diagram-wrapper .hotspot{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #315473;
    font-weight: 500;
    font-size: 16px;
    font-weight: 700;;
    background-color: #B6CFDD;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    cursor: pointer;
    margin-left:-15px;
    margin-top:-15px;

}

.new-diagram-wrapper .hotspot:before {
    -webkit-animation: pulsate 3s ease-out;
    -moz-animation: pulsate 3s ease-out;
    -o-animation: pulsate 3s ease-out;
    -ms-animation: pulsate 3s ease-out;
    animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
}

.new-diagram-wrapper .hotspot:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 22px;
    height: 22px;
    margin: -11px auto auto -11px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    background-color: inherit;
    opacity: 1;
    z-index: -1;
    pointer-events: none;
}

.new-diagram-wrapper .hotspot:hover,
.new-diagram-wrapper .hotspot.active{
    color: #fff;
    background-color: #315473;
}






.logo-block-wrapper{
    border-top: 1px solid #395370;
}
.logo-block-wrapper .container{
    padding-top:60px;
    padding-bottom:60px;
    border-left: 1px solid #395370;
    border-right: 1px solid #395370;
    color: #315473;
    font-size: 16px;
    line-height: 22px;
    position: relative;
}
.logo-block-wrapper .container:after{
    border-bottom: 1px solid #395370;
    content: '';
    width: calc(100% - 40px);
    display: block;
    position: absolute;
    bottom: 0px; left: 20px;
}
.logo-block-wrapper .container:last-child:after{
    display: none;
}
.page-template-template-platform-2022 .lc_container{
    padding-bottom: 40px;;
}
.page-template-template-platform-2022 .lc_container h4{
    font-size: 18px;;
}
.page-template-template-platform-2022 .lc_container p{
    margin-bottom: 18px;
}
.logo-block-wrapper .container .black_h3{
    color: #000000;
    font-size: 24px;;
}
.logo-block-wrapper .container img{
    max-width: 75%;;  
    padding-top: 0px;  
}
.logo-block-wrapper a.cta{
    color: #315473;
    text-transform: uppercase;
    position: relative;
    font-size: 18px;
    margin-bottom:10px;
}
.logo-block-wrapper a.cta::before{
   /* content: '';
    display: inline-block;
    width: 15px;
    height: 1px;
    border-bottom:1px solid #063567;
    margin-top: 0px;
    position: absolute;
    right: -20px;
    top: 50%;*/
}
.logo-block-wrapper a.cta::after {
    content:'';
    display: inline-block;
    /*border-color: #063567 #063567 transparent transparent;
    width: 8px;
    height: 8px;
    border: solid;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    margin: -7px 0px 0px 0px;
    position: absolute;
    top: 50%;
    right: -18px;*/
    width: 19px;
    height: 13px;
    background: url('/wp-content/uploads/2022/11/arrow.png') no-repeat left;
    background-size: 19px;
    position: absolute;
    margin-top: -6.5px;
    top: 50%;
    right: -24px;
    transition: all 200ms;
}
.logo-block-wrapper a.cta:hover::after{
    right: -29px;
}


.page-template-template-platform-2022 .row{
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
}
.page-template-template-platform-2022 .col-sm-12{
    flex:0 0 auto;
    width: 100%;
}

.page-template-template-platform-2022 .vertical-middle{
    align-self: center;
}
.page-template-template-platform-2022 .center-align{
    margin: 0px auto;
    text-align: center;
}



.spotlight-wrapper{
    background-color: #315473;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
}
.spotlight-wrapper .container{
    padding-top: 60px;
    padding-bottom:43px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.spotlight-wrapper img{
    padding-bottom: 30px;
}
.spotlight-wrapper .container h3{
    font-size: 24px;
}
.spotlight-wrapper .container p{
    margin-bottom: 20px;
    font-family: 'Causten Bold';
}
.spotlight-wrapper .container p a{
    color: #ffffff;
}
.spotlight-wrapper .container p a:hover{
    color: #B6CFDD;
}

.spotlight-wrapper .container hr{
    margin: 0px 0px 20px 0px;
}



.page-template-template-platform-2022 .info-block{
    font-size: 16px;
}
.page-template-template-platform-2022 .info-block h3{
    font-size: 24px;
}
.page-template-template-platform-2022 .info-block .btn-cta{
    font-size: 18px;
}
.page-template-template-platform-2022 .info-block.container.bg-dark {
    padding-top: 66px;
    padding-bottom: 41px;
    border-left: 1px solid #315473;
    border-right: 1px solid #315473;
}





.popover.show{
    max-width: 90%;
    min-width: 325px;
    display: none;
    /*transition: all 200ms;*/
}
.page-template-template-platform-2022 .fade.show {
    opacity: 1;
}
.page-template-template-platform-2022 .fade {
    opacity: 0;
    transition: opacity .15s linear;
}
.page-template-template-platform-2022  .popover-body{
    background-color: #315473;
    border: 1px solid #8cabbb;
    margin:20px;
    color: #fff;
    font-size: 16px;
}
.page-template-template-platform-2022  .popover-body .head{
    border-bottom: 1px solid #8cabbb;
    font-size: 18px; font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
}
.page-template-template-platform-2022  .popover-body .head div{
    padding: 10px;
    flex:0 0 auto;
}
.page-template-template-platform-2022  .popover-body .head div:first-child{
    border-right: 1px solid #8cabbb;
    width: 60px;
    text-align: center;
}
.page-template-template-platform-2022  .popover-body .body{
    padding: 10px 10px 10px 70px;
}
.page-template-template-platform-2022  .popover-body .body ul,
.page-template-template-platform-2022  .popover-body .body ol{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.page-template-template-platform-2022  .popover-body .body li:before{
    content:inherit;
}


.hotspot-content{
    border: 1px solid #8cabbb;
    margin-bottom:30px;
    font-size: 16px;
    color: #315473;
    transition: all 200ms;
}
.hotspot-content.active{
    background-color: #315473;
    border: 1px solid #8cabbb;
    color: #fff;
}
.hotspot-content .head{
    border-bottom: 1px solid #8cabbb;
    font-size: 18px; font-weight: 600;
    display: flex;
    flex-wrap:wrap;
}
.hotspot-content .head div{
    padding: 10px;
    flex:0 0 auto;
}
.hotspot-content .head div:first-child{
    border-right: 1px solid #8cabbb;
    width: 60px;
    text-align: center;
}
.hotspot-content .body{
    padding: 10px 10px 10px 70px;
}
.hotspot-content .body ul,
.hotspot-content .body ol{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.hotspot-content .body li:before{
    content:inherit;
}


.newplatformBlock{
    padding: 0px 0px 20px 0px;
    border-left: 1px solid #315473;
    border-right: 1px solid #315473;

}
.newplatformBlock .posts-holder{
    display: flex;
    flex-wrap: wrap;
    margin:0px;
}
.newplatformBlock .posts-holder .article-post{
    width: calc(100% - 40px);
    margin: 0px 20px 40px 20px;
    flex-direction: column;
    background-color: #B6CFDD;
}
.newplatformBlock .posts-holder .article-post .visual{
    width: 100%;;
    height: 300px;;
}
.newplatformBlock .posts-holder .article-post .visual img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.newplatformBlock .posts-holder .article-post .text-holder{
    width: 100%;;
    padding: 40px 20px;;
}
.newplatformBlock .posts-holder .article-post .text-holder h2{
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #315473;
    margin-bottom: 0px;
}
.newplatformBlock .posts-holder .article-post .text-holder p{
    font-size: 16px;
    line-height: 21px;
    color: #315473;
    margin-bottom: 0px;
}

.newplatformBlock .posts-holder.lastitemFullWidth{

}
.newplatformBlock .posts-holder.lastitemFullWidth .article-post:last-child{
    width: 100%;
}
.newplatformBlock .posts-holder.lastitemFullWidth .article-post:last-child .visual{
    width: 100%;
    margin-right: 0px;
}
.newplatformBlock .posts-holder.lastitemFullWidth .article-post:last-child .text-holder{
    width: 100%;
    margin-left: 0px;
}














/* ---------------  @media ----------------------------- */


@media screen and (min-width: 768px){
    .page-template-template-platform-2022 .bg-stretch{
        margin-top:69px;
    }
    .page-template-template-platform-2022 #nav > ul > li > a {
        padding: 29px 29px;
    }

    .hidden-desktop{
        display: none;
    }
    .popover.show{
        display: block;
    }
    .logo-block-wrapper .container img{
       padding-top: 20px;  
    }

    .page-template-template-platform-2022 .banner{
        /*display: block;
        justify-content:inherit;*/
        justify-content: center;
        flex-direction: column;
        padding-bottom: 45px;
    }

    .new-diagram-wrapper #diagram-image-wrapper{
        padding-bottom: 0px;
    }

    .page-template-template-platform-2022 .col-md-6{
        flex:0 0 auto;
        width: 50%;
    }

    .page-template-template-platform-2022 .lc_container{
        padding-right: 30px;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    .page-template-template-platform-2022 .lc_container a.cta{
        margin-top:auto;
    }
    .logo-block-wrapper .container img{
        max-width: 100%;;    
    }

    
    .newplatformBlock {
        padding: 0px 10px 20px 10px;
    }
    .newplatformBlock .posts-holder .article-post{
        width: calc(50% - 20px);
        margin: 0px 10px 40px 10px;
        flex-direction: column;
    }
    .newplatformBlock .posts-holder.lastitemFullWidth .article-post:last-child{
        display: flex;
        flex-direction:row;
        align-items: center;
    }
    .newplatformBlock .posts-holder.lastitemFullWidth .article-post:last-child .visual{
        width: calc(50% - 10px);
        margin-right: 10px;;
    }
    .newplatformBlock .posts-holder.lastitemFullWidth .article-post:last-child .text-holder{
        width: calc(50% - 10px);
        margin-left: 10px;;
    }
    

}
@media screen and (min-width: 992px){

    .page-template-template-platform-2022 .bg-stretch{
        margin-top:63px;
    }

    .page-template-template-platform-2022 .intro-block .section-header{
        width: 50%; padding-right: 15px;
    }
    .page-template-template-platform-2022 .intro-block .content-holder{
        width: 50%;
    }

    .page-template-template-platform-2022 .col-6{
        flex:0 0 auto;
        width: 50%;
    }

    .page-template-template-platform-2022 .col-4{
        flex:0 0 auto;
        width: 33%;
    }


    .spotlight-wrapper img{
        padding-right: 20px;
    }
    .new-diagram-wrapper .hotspot{
        width: 50px;
        height: 50px;
        font-size: 22px;
        margin-left:-25px;
        margin-top:-25px;
    }
    .page-template-template-platform-2022 .modules-holder.bg-light {
        background: #DDDBD5;
    }

}
@media screen and (min-width: 1160px){
    .page-template-template-platform-2022 .bg-stretch{
        margin-top:63px;
    }
    .page-template-template-platform-2022 #nav > ul > li > a {
        padding: 29px 29px;
    }
    .page-template-template-platform-2022 .banner {
        margin-top: 80px;
    }
}