.div-modal {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none; align-items: center; justify-content: center;
  z-index: 9999;
}

.div-modal.active {
  display: flex;
}

.modal-content {
  background-color: #22bb33;
  height:50%;
  width:50%;
  border-radius: 20px;
  font-weight: bold;
  position: relative;
}

.modal-content p {
  color:#FFF;
  font-size: 14pt;
}

.modal-content span {
  color:#FFF;
  font-size: 42pt;
}

.div-modal-body {
    width:150px;height:150px;background-color: #13681c;border-radius: 50%;position: absolute;top:-75px;right:50%;transform: translate(50%,0%);
}

.div-modal-body i {
   color:#FFF;font-size: 42pt;
}

.div-modal-close {
    width:70px;height:70px;position: absolute;top:0;right:0;background-color:rgba(0,0,0,0.1);margin:30px;border-radius: 50%;
}

.div-modal-close i {
   font-size: 21pt;color:#FFF;
}







.div-panel-article {
    position: relative;background-color:var(--background-color3);height:800px;width:100%;border-radius: 40px;
}

.div-panel-article.second {
    height:390px;
}

.div-panel-article ul.ul-article-text {
    position: absolute;bottom:0;margin:30px;
    width:70%;background-color:#FFF;border-radius: 25px;display:block;padding:40px;
}

.div-panel-article ul.ul-article-text.hidden {
    display: none;
    padding: 0px !important;
}

.div-panel-article ul.ul-article-text.medium {
    margin:30px;
    width:70%;   
}

.div-panel-article ul.ul-article-text.small {
    margin:25px;
    width:80%;
    padding:30px;
}

.div-panel-article ul.ul-article-user span.user {
    font-size: 10pt;font-weight: 500;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-user span.user {
    font-size: 8pt;
}

.div-panel-article ul.ul-article-user span.date {
    font-size: 8pt;font-weight: 700;color:var(--color-primary);
}

.div-panel-article ul.ul-article-text.small ul.ul-article-user span.date {
    font-size: 6pt;
}

.div-panel-article ul.ul-article-text.small li.li-date {
margin-top: -5px;
}


.div-panel-article ul.ul-article-user i {
    font-size: 8pt;margin-right:3px;color:var(--color-primary);
}

.div-panel-article ul.ul-article-text p.name {
    font-size: 16pt;color:var(--color-primary);font-weight: 600;transition: color .4s linear;
}

.div-panel-article ul.ul-article-text p.name:hover {
    color:#141b45;
}

.div-panel-article ul.ul-article-text.medium p.name {
   font-size: 14pt;
}



.div-panel-article ul.ul-article-text.small p.name {
    font-size: 9pt;
}





.div-panel-article ul.ul-article-text p.description {
    font-size: 10pt;
}

.div-panel-article ul.ul-article-text.medium p.description {
  font-size: 10pt;
}

.div-panel-article ul.ul-article-text.small p.description {
   font-size: 7pt;
}



.div-panel-article ul.ul-article-text ul.ul-article-settings i {
    font-size: 14pt;margin-right:5px;
}


.div-panel-article ul.ul-article-text ul.ul-article-settings span {
    font-size: 14pt;font-weight: 500;
}

.div-panel-article ul.ul-article-text.medium ul.ul-article-settings i {
    font-size: 12pt;
}


.div-panel-article ul.ul-article-text.medium ul.ul-article-settings span {
    font-size: 12pt;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-settings i {
    font-size: 10pt;
}


.div-panel-article ul.ul-article-text.small ul.ul-article-settings span {
    font-size: 10pt;
}

.div-panel-article ul.ul-article-text > li.li-button-detail {
   position:absolute;height:80px;width:80px;background-color:var(--color-primary);border-radius:50%;right:-20px;bottom:-20px;transition: background-color .4s linear;
}

.div-panel-article ul.ul-article-text > li.li-button-detail:hover {
   background-color:#141b45;
}

.div-panel-article.second ul.ul-article-text.medium > li.li-button-detail {
height:70px;width:70px;
}

.div-panel-article.second ul.ul-article-text.small > li.li-button-detail {
height:60px;width:60px;
}




.div-panel-article ul.ul-article-text > li.li-button-detail i {
   font-size:21pt;color:#FFF;
}

.div-panel-article ul.ul-article-text.medium > li.li-button-detail i {
   font-size:18pt;
}

.div-panel-article ul.ul-article-text.small > li.li-button-detail i {
   font-size:16pt;
}

.div-panel-article ul.ul-article-text li.li-date {
   margin-top:-2px;
}







/*#region PERSONAL-DATA*/
ul.ul-personal-data {
    width: 50%;
    margin-left:25%;
    padding-top: 200px;
    padding-bottom: 50px;
}

ul.ul-personal-data h2 {
    font-size: 32pt;
}

    ul.ul-personal-data h3 {
        color: var(--color-primary);
        font-size: 21pt;
    }


    ul.ul-personal-data h4 {
        font-size: 16pt;
    }


    ul.ul-personal-data li.mt {
        margin-top: 25px;
    }

    ul.ul-personal-data p.primary-text {
        padding-top: 25px;
        font-size: 16pt;
        color: var(--font-color);
    }

    body.dark ul.ul-personal-data p.primary-text {
        color: var(--font-color2);
    }

    ul.ul-personal-data ul.ul-values {
        padding-top: 25px;
        padding-left: 50px;
        font-size: 16pt;
        color: var(--font-color);
    }

     body.dark ul.ul-personal-data ul.ul-values {
        color: var(--font-color2);
    }

    ul.ul-personal-data .div-email {
        margin-top: 10px;
    }

        ul.ul-personal-data .div-email a {
            color: var(--color-primary);
            font-weight: bold;
            font-size: 16pt;
        }

/*#endregion */
  



/*#region HR*/
.div-hr-right {
    border-right: 2px solid var(--color-primary);
    right: 0;
    position: absolute;
    height: 20px;
}

.div-hr-right.panel-count {
    border-right: 4px solid var(--font-panel-color);
    height: 60px;
}


.div-hr-left {
    border-left: 2px solid var(--color-primary);
    left: 0;
    position: absolute;
    height: 20px;
    transition: border-left .4s ease-in-out;
}

.div-hr-left.panel-count {
    border-right: 4px solid var(--font-color);
    height: 60px;
}

.div-hr-left.black {
    border-left: 2px solid var(--font-panel-color);
}



.div-hr-right2 {
    border-right: 5px solid var(--color-primary);
    width: 100%;
    position: absolute;
    height: 500px;
}



/*#region HEADER*/


header.header-primary {
    height: 150px;
    width: calc(100% - 300px);
    position: fixed;
    margin-left: 150px;
    z-index: 1001;
    top: 0px;
    -webkit-transition: top .4s linear, background-color .4s linear;
    -moz-transition: top .4s linear, background-color .4s linear;
    -o-transition: top .4s linear, background-color .4s linear;
    transition: top .4s linear, background-color .4s linear;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 50px;
}


header.header-primary.active {
    top:-50px;
}



header.header-primary .div-header-menu i.active {
    color: var(--color-primary);
}

header.header-primary.hide {
    top: -100px;
}

header.header-primary .div-header-left {
    width: 350px;
    height: 100px;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header.header-primary .div-header-left img {
    height: 50px;
}

header.header-primary .div-header-center {
    width: calc(100% - 700px);
    height: 100px;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header.header-primary .div-header-right {
    width: 350px;
    height: 100px;
    position: relative;
    background-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header.header-primary .div-header-right li.li-lang {
    height: 100%;
    width: 50%;
    position: relative;
}

header.header-primary .div-header-right li.li-action {
    height: 100%;
    width: 50%;
    position: relative;
}

header.header-primary .div-header-right li.li-action .div-menu-action {
   width:200px;height:50px;background-color:var(--color-primary);position:relative;border-radius: 25px;transition: background-color .4s linear;
}

header.header-primary .div-header-right li.li-action .div-menu-action:hover {
    background-color:#141b45;
}

header.header-primary .div-header-right li.li-action .div-menu-action span {
   color:#FFF;font-size: 12pt;font-weight: 600;
}

header.header-primary .div-header-right li.li-action .div-menu-action i {
   margin-right:5px;
}


header.header-primary .div-header-right ul.ul-lang {
    gap: 20px;
}


header.header-primary .div-header-menu {
    display: none;
}


header.header-primary .div-header-top {
    height: 50px;
    width: 100%;
    background-color: #2B3990;
}

header.header-primary .div-header-top-left {
    width: 500px;
    height: 100%;
    position: relative;
    font-size: 11pt;
}

header.header-primary .div-header-top-left .div-start {
  padding-left:80px;
}




header.header-primary .div-header-top-center {
    width: calc(100% - 1000px);
    height: 100%;
    position: relative;
}

header.header-primary .div-header-top-right {
    width: 500px;
    height: 100%;
    position: relative;
    font-size: 11pt;
}

header.header-primary .div-header-top-right ul {
    gap:50px;
}

  header.header-primary .div-header-top-right .div-end {
       padding-right:80px;
    }




ul.ul-menu {
    display: flex;
    position: relative;
    gap: 40px;
    font-size: 13pt;
    margin-top: 10px;
    font-weight: 500;
}

ul.ul-menu>li {
    position: relative;
    padding-bottom: 10px;
}

ul.ul-menu>li a {
    color: var(--font-color) !important;
    transition: all;
    font-weight: 600;
}

ul.ul-menu>li a:hover {
    color: var(--color-primary) !important;
}

ul.ul-menu > li::after {
    margin-top: 10px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: var(--color-primary);
    transition: width 1s ease;
}

ul.ul-menu > li.active::after {
    width: 50%;
}

ul.ul-menu > li.active a {
    color: #192154 !important;
}



/*#endregion */

section {
    margin: 0 auto;
    width: 100%;
    right: 0;
    position: relative;
    background-color: var(--background-color);
    height: auto;
}

section.section-all-width {
    height:800px;width:100%;
}

section.m2 {
    margin-top:200px;margin-bottom:200px;
}

section.mt {
    margin-top:200px;
}

section.mb {
    margin-bottom:200px;
}

section.primary {
   padding-top:100px;padding-bottom:100px;
}

section.pt {
   padding-top:100px;
}


section.container {
    margin-left: 150px;
    width: calc(100% - 300px);
}

section.home {
    background-color: var(--background-color);
    height: calc(var(--vh, 1vh) * 100);
}


/*#region HOME*/

.ul-section-primary {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    margin-left: 150px;
    margin-top: 70px;
}


.ul-section-primary>li:first-child {
    position: relative;
    width: auto;
    height: auto;
    /*   background-color: var(--color-primary); */
    border-radius: 25px;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
}

.ul-section-primary>li:first-child h1 {
    font-size: 18pt;
    color: var(--font-color);
    font-weight: 600;
}

.ul-section-primary>li:nth-child(2) {
    margin-top: 20px;
}

.ul-section-primary>li:nth-child(2) p {
    width: 800px;
    line-height: 75px;
    font-size: 54pt;
    word-wrap: anywhere;
    color: var(--color-primary);
    font-weight: 700;
    font-family: "Nunito Sans", sans-serif;
}

.ul-section-primary>li:nth-child(3) {
    margin-top: 20px;
}

.ul-section-primary>li:nth-child(3) p {
    width: 700px;
    font-size: 14pt;
    line-height: 25px;
    color: var(--font-color);
}

.ul-section-primary>li.li-button {
    background-color: transparent;
    margin-top: 40px;
    height: 100px;
}

.ul-section-primary>li.li-button .lb-primary {
    height: 100px;
    width: 100px;
    background-color: var(--color-primary);
    position: absolute;
    left: 0;
    border-radius: 50%;
}

.ul-section-primary>li.li-button .lb-primary:hover {
    background-color: var(--color-primary);
}

.ul-section-primary>li.li-button .lb-primary i {
    font-size: 21pt;
    color: #FFF;
    transition: color .4s ease-in-out;
}

.ul-section-primary>li.li-button .lb-primary:hover i {
    color: var(--font-panel-color);
}

.ul-section-primary>li.li-button .lb-primary.second {
    border: none;
    margin-left: 120px;
    width: 200px;
    background-color: transparent !important;
}

.ul-section-primary>li.li-button .lb-primary.second i.arrow {
    font-size: 16pt;
    color: var(--color-primary);
    margin-right: 20px;
}

.ul-section-primary>li.li-button .lb-primary.second span {
    color: var(--font-color);
    font-size: 16pt;
}

/*#endregion */


/*#region UL-SECTION*/
.ul-section-secondary {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    margin-left:20px;
    width:calc(100% - 20px);
}

.ul-section-secondary.left {   
    margin-left:0px;
}

.ul-section-secondary.center {
    text-align: center;
    margin-left:0px;
    width: 100%;
     top: 0%;
    transform: none;
    position: relative;
}

.ul-section-secondary > li:first-child {
    position: relative;
    border-radius: 25px;
    width: 200px;
    height: 50px;
    background-color: #2B3990;
}

.ul-section-secondary.center > li:first-child {
    width: 200px;
    height: 50px;
    background-color: #2B3990;
    margin-left: calc(50% - 100px);
}

.ul-section-secondary > li:first-child h2 {
    font-weight: 600;
    font-size: 12pt;
    color: #FFF;
}

.ul-section-secondary > li:nth-child(2) {
    margin-top: 20px;
    width:100%;
}

.ul-section-secondary > li:nth-child(2) p {
    width: 60%;
    margin: 0 auto;
    font-size: 42pt;
    line-height: 60px;
    word-wrap: anywhere;
    color: var(--color-primary);
    font-weight: 700;
    font-family: "Nunito Sans", sans-serif;
    hyphens: none !important;
}

section.section-contact .ul-section-secondary > li:nth-child(2) p { 
    margin: 0px;
}

section.section-services .ul-section-secondary > li:nth-child(2) p {
    width: 100%;
}

section.section-contact .ul-section-secondary > li:nth-child(2) p {
    width: 90%; 
}

.ul-section-secondary > li:nth-child(3) {
    margin-top: 20px;
}

.ul-section-secondary > li:nth-child(3) p {
    width: 100%;
    font-size: 14pt;
    line-height: 25px;
    color: var(--font-color);
    text-align: left;
   
}

.ul-section-secondary > li:nth-child(3) p.second {
    width: 90%;
}

.ul-section-secondary.center > li:nth-child(3) p {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}


/*#endregion */




@media screen and
/*(min-width:1801px) and*/
(max-height:720px) {

    .ul-section-primary>li:first-child h1 {
        font-size: 14pt;
    }

    .ul-section-primary>li:nth-child(2) {
        margin-top: 15px;
    }

    .ul-section-primary>li:nth-child(2) p {
        width: 800px;
        line-height: 60px;
        font-size: 42pt;
    }

    .ul-section-primary>li:nth-child(3) {
        margin-top: 15px;
    }

    .ul-section-primary>li:nth-child(3) p {
        width: 600px;
        font-size: 12pt;
        line-height: auto;
    }

    .ul-section-primary>li.li-button {
        margin-top: 20px;
        height: 100px;
    }

    .ul-section-primary>li.li-button .lb-primary {
        height: 80px;
        width: 80px;
    }

    .ul-section-primary>li.li-button .lb-primary i {
        font-size: 18pt;
    }

    .ul-section-primary>li.li-button .lb-primary.second {
        margin-left: 100px;
        width: 200px;
    }

    .ul-section-primary>li.li-button .lb-primary.second i.arrow {
        font-size: 14pt;
        margin-right: 20px;
    }

    .ul-section-primary>li.li-button .lb-primary.second span {
        font-size: 14pt;
    }


}

@media screen and
/*(min-width:1801px) and*/
(max-height:600px) {

    .ul-section-primary {
        top: 100%;
        transform: translate(0%, -100%);
        margin-top: -20px;

    }

}

@media screen and
/*(min-width:1801px) and*/
(max-height:540px) {

    .ul-section-primary>li:nth-child(3) {
        display: none;
    }

}

@media screen and
/*(min-width:1801px) and*/
(max-height:470px) {

    .ul-section-primary>li:nth-child(1) {
        display: none;
    }

}

@media screen and
/*(min-width:1801px) and*/
(max-height:430px) {

    .ul-section-primary>li:nth-child(4) {
        display: none;
    }

}

@media screen and
/*(min-width:1801px) and*/
(max-height:320px) {

    .ul-section-primary {
        display: none;
    }

}




/*#region IMAGES*/
.section-bg-img {
    background-image: url(../img/primary_img.webp);
    position: absolute;
    height: 600px;
    width: 700px;
    transform: translate(0%, -50%);
    right: 0px;
    margin-right: 155px;
    top: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px 50px 50px 50px;
    margin-top: 70px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


.section-bg-img2 {
    background-image: url(../img/about_img.webp);
    /* animation: crescendo 7s alternate infinite ease-in;*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 20px;
    /*    opacity: 0.5;
                    mask-image: var(--linear-home); */

}

.section-bg-img3 {
    background-image: url(../img/wewe.webp);
    /* animation: crescendo 7s alternate infinite ease-in;*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    /*   mask-image: var(--linear-home); */

}

.section-bg-img4 {
    background-image: url(../img/primary_img.webp);
    /* animation: crescendo 7s alternate infinite ease-in;*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    /*   mask-image: var(--linear-home); */

}

.section-bg-img6 {
    background-image: url(../img/praha.webp);
    /* animation: crescendo 7s alternate infinite ease-in;*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: grayscale(80%) brightness(110%) contrast(120%);
    border-radius: 50%;
    /*   mask-image: var(--linear-home); */

}


.section-bg-img77 {
    background-image: url(../img/praha.webp);
    /* animation: crescendo 7s alternate infinite ease-in;*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.9;
    mask-image: var(--linear-to-bottom);
    filter: grayscale(100%);

}


.section-bg-img7 {
    background-image: url(../img/praha2.webp);
    /* animation: crescendo 7s alternate infinite ease-in;*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.9;
    mask-image: var(--linear-to-bottom);
    filter: grayscale(100%);

}


.section-bg-img8 {
    background-image: url(../img/about_img.webp);
    /* animation: crescendo 7s alternate infinite ease-in;*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.9;
    mask-image: var(--linear-to-bottom);
    filter: grayscale(100%);

}


/*#endregion */
/*#region HOME*/
/*#endregion */

.div-img-services {
    height: 550px;
    width: 80%;
    background-color: #FFF;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.div-img-panel-services {
    height: auto;
    position: relative;
    padding: 0px 10px;
    margin-bottom: 100px;
}

.div-header-panel-services {
    height: 650px;
    position: relative;
    margin-bottom: 100px;
}

.div-panel-card-services {
    height: 450px;
}

.div-row.r-services {
    margin-left: -10px;
    width: calc(100% + 20px);
}

.div-panel-info-services {
    height: 150px;
    width: 150px;
    background-color: #2B3990;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10%;
    margin-top: 40px;
}

.div-panel-info-services i {
    color: #FFF;
    font-size: 24pt;
}

.div-panel-info-services span.text {
    color: #FFF;
    font-size: 8pt;
    font-weight: 500;
}

.div-panel-info-services span.value {
    color: #FFF;
    font-size: 24pt;
}

.div-img-services2 {
    height: 350px;
    width: 350px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 10%;
    border: 20px solid #FFF;
    border-radius: 30px;
}

.div-img-services3 {
    height: 350px;
    width: 350px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 100px;
    border: 10px solid #FFF;
    border-radius: 50%;
    margin-bottom: 0px;
}

.div-panel-info-services2 {
    background-color: #2B3990;
    height: 100px;
    width: 250px;
    position: absolute;
    bottom: 0px;
    border-radius: 50px;
    right: 0px;
    margin-bottom: 50px;
    margin-right: 370px;
}

ul.ul-info>li.li-icon {
    width: 70px;
    height: 100%;
    margin-left: 20px;
}

ul.ul-info>li.li-icon .div-circle {
    background-color: #192154;
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

ul.ul-info>li.li-icon .div-circle i {
    color: #FFF;
    font-size: 16pt;
}


ul.ul-info>li.li-text {
    width: calc(100% - 105px);
    height: 100%;
}

ul.ul-info>li.li-text span.value {
    color: #FFF;
    font-size: 21pt;
}

ul.ul-info>li.li-text span.text {
    color: #FFF;
    font-size: 10pt;
}

.div-services-card {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background-color: #2B3990;
    border-radius: 50px;
    margin: 20px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.div-services-card.w {
    background-color: #FFF;
}

.div-services-card ul.ul-services-card {
    height:100%;width:100%;padding-left:50px;padding-right:50px;
}




.div-services-card ul>li.number {
    position: absolute;
    height: 100px;
    width: 100px;
    right: 0;
    top: 0;
    margin: 50px;
}

.div-services-card ul>li.number span {
    font-size: 32pt;
    font-weight: 600;
    color: #FFF;
}

.div-services-card.w ul>li.number span {
    color: #2B3990;
}

.div-services-card ul>li.icon {
    left: 0;
    top: 0;
    position: relative;
    margin:0;
    height:160px;
    width:80px;
}

.div-services-card ul>li.icon .div-circle {
    background-color: #192154;
    height: 80px;
    width: 80px;
    border-radius: 50%;
}

.div-services-card.w ul>li.icon .div-circle {
    background-color: #2B3990;
}


.div-services-card ul>li.icon .div-circle i {
    color: #FFF;
    font-size: 16pt;
}

.div-services-card ul>li.text {
    left: 0;
    bottom: 0;
    position: relative;
    margin:0;height:calc(100% - 160px);width:100%;
}

.div-services-card ul>li.text .div-start {
    align-items: start;padding-left:0px;
}

.div-services-card ul>li.text li.name p {
    font-size: 17pt;
    font-weight: 700;
    color: #FFF;
}


.div-services-card ul>li.text li.name p.second {
    font-size: 16pt;
}

.div-services-card.w ul>li.text li.name p {
    color: #2B3990;
}

.div-services-card ul>li.text li.desc {
    margin-top: 10px;
    max-height:160px;
    overflow-y: auto;
    padding-right:10px;
}

.div-services-card ul>li.text li.desc p {
    font-size: 10pt;
    font-weight: 500;
    color: #FFF;
    text-align: left;
}

.div-services-card.w ul > li.text li.desc p {
    color: #2B3990;
}

.div-services-card.w ul > li.text li.btn {
    position: absolute;bottom:0;margin:30px 0px;width:120px;height: 45px; background-color:#2B3990;border-radius: 22.5px;
    transition: background-color .4s linear;
}

.div-services-card.w ul > li.text li.btn:hover {
    background-color:#192154;
}



/*#region TEAM*/
/*#endregion */

img.person {
    height: 500px;
    position: absolute;   
    z-index: 1;
    margin-top:100px;
    margin-left: 0px;
    right:50%;
    transform: translate(50%,0%); 
}

img.person.second {
    height: 540px;  
    margin-top:60px;
   
}

.div-header-panel-team {
    height: 400px;
    position: relative;
}

.div-team-card-section {
    height:1100px;
}

.div-team-card {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 50px;
    margin:0px 100px;
    width:calc(100% - 200px);
    height:500px;
    position: absolute;
    bottom:0;
}

.div-team-card .div-text {
    width: 100%;
    margin-top:70px;overflow-y: auto;height:calc(100% - 270px);
}

.div-team-card .div-text p {
    text-align: justify;
    color: #040a0f;
    width:100%;


font-size: 12pt;font-weight: 500;padding:0px;line-height: normal;margin:0px 70px;padding-bottom:70px;








}

.div-team-card .div-name {
    background-color: #2B3990;
    width:100%;height:100px;border-radius: 0px;
}


.div-team-card .div-name span.name {
    font-size: 21pt;
    color: #FFF;
}

.div-team-card .div-name span.type {
    font-size: 12pt;
    color: #FFF;
}

.div-team-card .div-contact {
    width:100%;height:100px;border-radius: 0px 0px 50px 50px;background-color:#192154;
}

.div-team-card .div-contact i {
    color: #FFF;
    font-size: 18pt;
}

.div-team-card .div-contact span.value {
    color: #FFF;
    font-size: 10pt;
    font-weight: 600;
}

.div-team-card .div-contact span.text {
    color: #FFF;
    font-size: 10pt;
    font-weight: 600;
}

.div-team-card .div-contact ul.ul-info>li:last-child {
    margin-left: 20px;
}

/*#region ABOUT*/
/*#endregion */

.div-panel-about {
    height: 400px;
    width: 100%;
    background-color: #EEE;
    border-radius: 50px 50px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.div-panel-about.w {
    background-color: #FFF;
    border-radius: 0px 0px 50px 50px;
}

.div-img-panel-about {
    height: 400px;
    position: relative;
}

.div-img-panel-about.active {
    height: 500px;
    position: relative;
    background-color: #2B3990;
    margin-top: -50px;
    border-radius: 50px;
}

.div-img-panel-about ul {
    padding: 70px;
    position: absolute;
    top:0;
    margin-top:25px;
    text-align: left;
}

.div-img-panel-about ul.ul-center {
  padding:0px;margin-top:0px;position: absolute;text-align: center;width:auto;height:auto;top:50%;transform: translate(0%,-50%);
}



.div-img-panel-about.active ul {
    position: relative;
    margin-top:-10px;
}

.div-img-panel-about ul i {
    font-size: 32pt;
    color: #040a0f;
}

.div-img-panel-about.active ul i {
    color: #FFF;
}

.div-img-panel-about ul span.name {
    color: #040a0f;
    font-size: 18pt;
    font-weight: 700;
}

.div-img-panel-about ul span.name.second {
    font-size: 18pt;
}

.div-img-panel-about.active ul span.name {
    color: #FFF;
}

.div-img-panel-about ul p.text {
    color: #040a0f;
    font-size: 10pt;
    text-align: left;
}

.div-img-panel-about.active ul p.text {
    color: #FFF;
}

.div-img-panel-about ul>li:nth-child(2) {
    margin-top: 20px;
}

.div-img-panel-about ul>li:nth-child(3) {
    margin-top: 20px;
}

/*#region PRICE*/
/*#endregion */

.div-panel-price {
    height: 800px;
    position: relative;
    margin-bottom: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    width: 400px;
    border-radius: 50px;
    margin-left: calc(50% - 200px);
    background-color: #FFF;
}

.div-panel-price ul {
    padding:0;margin:0;text-align: center;
}

.div-panel-price ul > li:first-child {
    margin-top:50px;
}

.div-panel-price ul > li:nth-child(2) {
    margin-top:20px;
}

.div-panel-price ul > li:nth-child(2) h2 {
    font-size: 26pt;
}

.div-panel-price ul > li:nth-child(3) {
    margin-top:20px;
    padding:0px 50px;
}

.div-panel-price ul > li:nth-child(3) p {
    font-size: 14pt;text-align: center;
}

.div-panel-price ul > li:nth-child(4) {
    margin-top:50px;background-color:#2B3990;height:200px;
}

.div-panel-price ul > li:nth-child(4) span {
    font-size: 26pt;font-weight: 600;color:#FFF;
}

.div-panel-price ul > li:nth-child(5) {
    position: absolute;bottom:0;height:350px;width:100%;padding:0px 50px;
}

.div-panel-price ul > li:nth-child(5) i {
    font-size: 28pt;color:#2B3990;
}

.div-panel-price ul > li:nth-child(5) p {
    font-size: 14pt;text-align: center;
}


/*#region FROM*/
/*#endregion */

.div-form {
    width: 100%;
    height: 1150px;
    background-color: #2B3990;
    border-radius: 50px;
    padding: 0px 70px;
    margin-bottom:100px;
}

.div-form ul.ul-header-form {
    position: relative;height:200px;border-radius: 50px 50px 0px 0px;
}

.div-form ul.ul-header-form > li:first-child {
   width:50px;
}

.div-form ul.ul-header-form > li:last-child {
   width:calc(100% - 50px);
}


.div-form ul.ul-header-form i {
    color:#FFF; font-size: 32pt;
}

.div-form ul.ul-header-form p {
    font-size: 18pt;font-weight: 400;color:#FFF;width:100%;
}

.div-form ul.ul-header-form .div-start {
    padding-left:50px;
}


/*#region CONTACT*/
/*#endregion */

.div-panel-contact {
    width: 100%;
    height: 400px;
    position: relative;
}

.div-img-panel-contact {
    width: 100%;
    height: 650px;
    position: relative;
    
}


/*#region FOOTER*/
footer {
    background-color: #192154;
    width: 100%;
    height: auto;
    margin-left: 150px;
    width: calc(100% - 300px);
    margin-bottom: 50px;
    margin-top: 0px;
    border-radius: 0px 0px 50px 50px;
}

footer .div-panel-footer {
    height: 400px; background-color: #192154; position: relative;color:#FFF;
}

footer .div-panel-footer > .div-start {
    padding-left: 50px;
    align-items: start;padding-top:70px;
}

footer .div-panel-footer > .div-center {
    align-items: start;padding-top:70px;
}

footer .div-panel-footer img.logo {
    height:70px;
}


footer .div-panel-footer ul.ul-footer-panel {
    width:100%;
}

footer .div-panel-footer p {
    font-size: 10pt;font-weight: 400;width:100%;
}

footer .div-panel-footer i.social {
    color:#FFF;
    font-size: 14pt;
}

footer .div-panel-footer span.h-footer {
    color:#FFF;font-size: 21pt;
}

footer .div-panel-footer .div-circle {
    background-color:#2B3990;width:50px;height:50px;border-radius: 50%;transition: background-color .4s linear;
}

footer .div-panel-footer .div-circle:hover {
    background-color:#141b45;
}




footer .div-panel-footer li.li-circle i {
    color:#FFF;font-size: 14pt;
}

footer .div-panel-footer span.text {
    color:#FFF;font-size: 9pt;
}

footer .div-panel-footer ul.ul-footer-items > li  {
   margin-bottom:10px;
}

footer .div-panel-footer span.value {
    color:#FFF;font-size: 12pt;font-weight: 600;
}

footer .div-left-footer {
    background-color: #2B3990; border-radius: 0px 0px 0px 50px;height:100px;margin-top:0px;
} 

footer .div-left-footer span, footer .div-right-footer span  {
    font-size: 10pt;font-weight: 500;
} 

footer .div-right-footer {
    background-color: #2B3990; border-radius: 0px 0px 50px 0px;height:100px;margin-top:0px;
} 

footer .div-left-footer .div-start {
    padding-left: 50px;
} 

footer .div-right-footer .div-end {
    padding-right: 50px;
} 


footer .div-left-footer .div-start ul, footer .div-right-footer .div-end ul {
    color:#FFF;font-weight: 700;
} 

/*#endregion */

/*#region MAP*/
.maps {
    border: 0;
    width: 100%;
    height: 500px;
    border-radius: 50px 50px 0px 0px;
}
/*#endregion */

/*#region LOGO-SLEDER*/
@keyframes slide {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-100%, 0, 0)
    }
}


.div-slider {
    width: 100%;
    height: 200px;
    z-index: 999;
}

.logos-slider {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 15%, #000 85%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 15%, #000 85%, rgba(0, 0, 0, 0) 100%);
    margin-top: 0px;
}

.logos-slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: slide 20s linear infinite;
}

.logos-slider-container img {
    width: 70px;
    max-width: 70px;
    margin-right: 100px;
}
/*#endregion */


.div-lb-send {
    height:100px;width:400px;background-color:#192154;border-radius: 50px;
    transition: background-color .4s linear;
}

.div-lb-send:hover {
   background-color:#0c102a;
}


.div-lb-send span {
    color:#FFF;font-size: 14pt;font-weight: 600;
}



section.section-services {
    margin-bottom:200px;
}

section.section-team {
    margin-top:200px;
    margin-bottom:200px;
}

section.section-about2 {
    margin-top:100px;
    margin-bottom:200px;
}

section.section-price {
    margin-bottom:200px;
}

section.section-reference {
    margin-bottom:200px;
}

section.section-communication {
    margin-bottom:200px;
}

.div-comunication-text {
    height:450px;position: relative;
}

.li-mobile {
    display:none;
}



@media screen and (max-width:1800.98px) {


.div-team-card .div-text {
    margin-top: 50px;
    height: calc(100% - 250px);
}

.div-team-card .div-text p {
    margin: 0px 50px;
    padding-bottom: 50px;
}



.div-panel-info-services {
    height: 140px;
    width: 140px;
    top: 0;
    right: 0;
    margin-right: 10%;
    margin-top: 40px;
}

.div-panel-info-services span.value {
    font-size: 21pt;
}

.div-panel-info-services i {
    font-size: 21pt;
}


















.div-panel-article ul.ul-article-text.medium {
padding:30px;
}


.div-panel-article ul.ul-article-text p.name {
    font-size: 14pt;
}

.div-panel-article ul.ul-article-text p.description {
    font-size: 9pt;
}

.div-panel-article ul.ul-article-text.medium p.description {
    font-size: 8pt;
}

.div-panel-article ul.ul-article-text.medium p.name {
    font-size: 12pt;
}

.div-panel-article ul.ul-article-text.medium {
    width:60%;
}

.div-panel-article ul.ul-article-text.medium li.li-date {
    margin-top:-7px;
}


.div-panel-article ul.ul-article-text.medium ul.ul-article-user span.user {
    font-size: 8pt;
}

.div-panel-article ul.ul-article-text.medium ul.ul-article-user span.date {
    font-size: 6pt;
}

.div-panel-article ul.ul-article-text.medium ul.ul-article-user i {
    font-size: 6pt;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-user span.date {
    font-size: 5pt;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-user i {
    font-size: 5pt;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-user span.user {
    font-size: 7pt;
}

.div-panel-article ul.ul-article-text.small li.li-date {
    margin-top:-10px;
}





    section.primary {
        padding-top:70px;padding-bottom:70px;
     }



    /*#region HEADER*/
    /*#endregion */

    /*#region HEADER*/

    header.header-primary {

        width: calc(100% - 200px);
        margin-left: 100px;

    }

    header.header-primary .div-header-left {
        width: 300px;
    }

    header.header-primary .div-header-left img {
        height: 40px;
    }

    header.header-primary .div-header-center {
        width: calc(100% - 600px);      
    }

    header.header-primary .div-header-right {
        width: 300px;
    }

    header.header-primary .div-header-top-left {
        width: 400px;
    }

    header.header-primary .div-header-top-center {
        width: calc(100% - 800px);
    }

    header.header-primary .div-header-top-right {
        width: 400px;
    }

    /*#endregion */


    .ul-section-primary {
        margin-left: 100px;
    }

    .ul-section-primary>li:nth-child(2) p {
        width: 750px;
        line-height: 65px;
        font-size: 48pt;  
    }

    section.container {
        margin-left: 100px;
        width: calc(100% - 200px);
    }

    .ul-section-secondary > li:first-child h2 {  
          
    }

    .ul-section-secondary > li:nth-child(2) p {
       
    }

    .ul-section-secondary > li:nth-child(3) p {
       
    }

   


    .div-team-card {
        margin:0px 70px;width:calc(100% - 140px);
    }

    .div-img-panel-about ul {
        padding: 50px;
    }


    .div-panel-about {
        height: 350px;
    }

    .div-img-panel-about {
        height: 350px;
        position: relative;
    }


        .div-img-panel-about.active {
            height: 400px;
            margin-top: -25px;
        }


    .div-img-panel-about.active ul {
        margin-top:-20px;
    }
    
    .div-img-panel-about ul i {
        font-size: 32pt;
        
    }
         
    .div-img-panel-about ul span.name {
        font-size: 18pt;
    }
    
    .div-img-panel-about ul span.name.second {
        font-size: 18pt;
    }
    
    .div-img-panel-about ul p.text {
        font-size: 10pt;
    }
    
    .div-img-panel-about ul>li:nth-child(2) {
        margin-top: 20px;
    }
    
    .div-img-panel-about ul>li:nth-child(3) {
        margin-top: 20px;
    }

    .div-services-card ul>li.number {    
        height: 100px;
        width: 100px;
        margin: 40px;
    }
    
    .div-services-card ul>li.number span {
        font-size: 28pt;
    }
    
.div-services-card ul>li.icon {
height:130px;
}

.div-services-card ul>li.text {
height:calc(100% - 130px);
}
    
    .div-services-card ul>li.icon .div-circle {
        height: 70px;
        width: 70px;
    }
    
  
    .div-services-card ul>li.icon .div-circle i {
        font-size: 16pt;
    }
    
     
    .div-services-card ul>li.text li.name p {
        font-size: 16pt;
    }
      
    
   /*  .div-services-card ul>li.text li.desc p {
        font-size: 9pt;
    } */
    
   
    .div-panel-price {
        height: 800px;
        width: 350px;
        margin-left: calc(50% - 175px);  
    }
    
    
    .div-panel-price ul > li:first-child {
        margin-top:50px;
    }
    
    .div-panel-price ul > li:nth-child(2) {
        margin-top:20px;
    }
    
    .div-panel-price ul > li:nth-child(2) h2 {
        font-size: 21pt;
    }
    
    .div-panel-price ul > li:nth-child(3) {
        margin-top:20px;
        padding:0px 40px;
    }
    
    .div-panel-price ul > li:nth-child(3) p {
        font-size: 13pt;
    }
    
    .div-panel-price ul > li:nth-child(4) {
        margin-top:50px;height:200px;
    }
    
    .div-panel-price ul > li:nth-child(4) span {
        font-size: 21pt;
    }
    
    .div-panel-price ul > li:nth-child(5) {
       height:350px;padding:0px 40px;
    }
    
    .div-panel-price ul > li:nth-child(5) i {
        font-size: 28pt;
    }
    
    .div-panel-price ul > li:nth-child(5) p {
        font-size: 13pt;
    }




    footer {   
        margin-left: 100px;
        width: calc(100% - 200px);
    }





    section.section-services {
        margin-bottom:150px;
    }
    
    section.section-team {
        margin-top:150px;
        margin-bottom:150px;
    }
    
    section.section-about2 {
        margin-top:80px;
        margin-bottom:150px;
    }
    
    section.section-price {
        margin-bottom:150px;
    }
    
    section.section-reference {
        margin-bottom:150px;
    }
    
    section.section-communication {
        margin-bottom:150px;
    }







}

@media screen and (max-width:1600.98px) {

.div-img-services {
    height: 400px;
}

.div-img-services2 {
    margin-right: 20px;
   
}

.div-panel-info-services {
    height: 120px;
    width: 120px;
}

.ul-section-secondary > li:nth-child(2) p {
       width: 70%;
    font-size: 36pt;
    line-height: 50px;
    
}

.ul-section-secondary.center > li:nth-child(3) p {
     width: 70%;
}




    .div-panel-info-services span.value {
        font-size: 18pt;
    }

    .div-panel-info-services i {
         font-size: 18pt;
    }

.div-panel-info-services2 {
    height: 70px;
    border-radius: 35px;
    margin-bottom: 220px;
    margin-right: 320px;
    width: 200px;
}

ul.ul-info>li.li-icon .div-circle {
    height: 55px;
    width: 55px;
}

ul.ul-info>li.li-icon {
    width: 60px;
    margin-left: 10px;
}

ul.ul-info>li.li-text {
    width: calc(100% - 70px);
}

ul.ul-info>li.li-text span.text {
    font-size: 8pt;
}

ul.ul-info>li.li-text span.value {
    font-size: 18pt;
}

ul.ul-info>li.li-icon .div-circle i {
    font-size: 14pt;
}



ul.ul-menu {
    gap:30px;
}

header.header-primary .div-header-top-left .div-start {
  padding-left:50px;
}

  header.header-primary .div-header-top-right .div-end {
       padding-right:50px;
    }


header.header-primary .div-header-right li.li-action .div-menu-action {
   width:150px;height:50px;
}

header.header-primary .div-header-right li.li-action .div-menu-action span {
   font-size: 11pt;
}

header.header-primary .div-header-right li.li-action .div-menu-action i {
   margin-right:5px;
}



.div-panel-article ul.ul-article-text p.name {
    font-size: 14pt;
}

.div-panel-article.second ul.ul-article-text.small > li.li-button-detail {
    height:50px;
    width:50px;
    right: -10px;
    bottom: -10px;
}

.div-panel-article ul.ul-article-text.small > li.li-button-detail i {
    font-size: 14pt;
}


    /*#region HEADER*/
    header.header-primary .div-header-left {
        width: 250px;
    }

    header.header-primary .div-header-center {
        width: calc(100% - 500px);
    }

    header.header-primary .div-header-right {
        width: 250px;
    }

    /*#endregion */


    .div-team-card {
        margin:0px 50px;width:calc(100% - 100px);
    }


    .div-img-panel-about ul {
        padding: 50px;
    }

    .div-img-panel-about.active ul {
        margin-top:-20px;
    }

    .div-img-panel-about ul {
        margin-top: 20px;
    }
    
    .div-img-panel-about ul i {
        font-size: 32pt;        
    }
         
    .div-img-panel-about ul span.name {
        font-size: 16pt;
    }
    
    .div-img-panel-about ul span.name.second {
        font-size: 14pt;
    }
    
    .div-img-panel-about ul p.text {
        font-size: 10pt;
    }
    
    .div-img-panel-about ul>li:nth-child(2) {
        margin-top: 20px;
    }
    
    .div-img-panel-about ul>li:nth-child(3) {
        margin-top: 20px;
    }

    .div-form {
        width: 100%;
        height: 1050px;
        background-color: #2B3990;
        border-radius: 50px;
        padding: 0px 50px;
    }
   
    section.section-services {
        margin-bottom:100px;
    }
    
    section.section-team {
        margin-top:100px;
        margin-bottom:100px;
    }
    
    section.section-about2 {
        margin-top:70px;
        margin-bottom:70px;
    }
    
    section.section-price {
        margin-bottom:100px;
    }
    
    section.section-reference {
        margin-bottom:100px;
    }
    
    section.section-communication {
        margin-bottom:100px;
    }

    .div-img-services3 {
        height: 300px;
        width: 300px;
        margin-right:50px;
        margin-bottom:100px;
    }


   


}

@media screen and (max-width:1439.98px) {

.div-img-services3 {
    margin-bottom:50px;
    margin-right: 20px;
}



header.header-primary .div-header-top-left {
    font-size: 10pt;
}

header.header-primary .div-header-top-right {
     font-size: 10pt;
}


    .div-services-card ul>li.text li.desc p {
        font-size: 9pt;
    }

.div-panel-info-services {
        margin-top: 40px;
        margin-right: 15px;
    }

    .div-panel-info-services {
        height: 100px;
        width: 100px;
    }

.div-panel-info-services span.value {
    font-size: 14pt;
}

    .div-panel-info-services i {
        font-size: 14pt;
    }

.div-panel-info-services span.text {
    font-size: 7pt;
}



.div-img-services {
height:450px;
width: 90%;
}



.div-panel-info-services2 {
    margin-right: 300px;
    margin-bottom: 170px;
}



.div-img-services2 {
    border: 10px solid #FFF;
    height: 300px;
    width: 300px;
    margin-bottom:0px;
    margin-right: 25px;
}




.ul-section-secondary > li:nth-child(2) p {
    font-size: 32pt;
    line-height: 45px;
}




    footer .div-panel-footer img.logo {
        height:50px;
    }

    footer .div-panel-footer span.value {
        font-size: 10pt;
    }

    footer .div-panel-footer p {
        width:90%;
    }

img.person {
    height: 500px;
    margin-top:100px;
} 





.div-panel-article ul.ul-article-text > li.li-button-detail {
    height: 70px;
    width: 70px;
}

.div-panel-article ul.ul-article-text > li.li-button-detail i {
    font-size: 18pt;
}


.div-panel-article ul.ul-article-text  li.li-date {
   margin-top:-7px;
}


section.primary {
    padding-top: 50px;
    padding-bottom: 50px;
}


    /*#region HEADER*/
    header.header-primary {
        width: calc(100% - 100px);
        margin-left: 50px;
    }

   
    header.header-primary .div-header-left img {
        height: 35px;
    }

    header.header-primary .div-header-left {
        width: 200px;
    }

    header.header-primary .div-header-center {
        width: calc(100% - 400px);
    }

    header.header-primary .div-header-right {
        width: 200px;
    }

    header.header-primary .div-header-right ul.ul-lang {
        gap: 15px;
    }

    ul.ul-menu {
        gap: 30px;
        font-size: 12pt;
        font-weight: 500;
    }

header.header-primary .div-header-top-left .div-start {
  padding-left:30px;
}

  header.header-primary .div-header-top-right .div-end {
       padding-right:30px;
    }



    /*#endregion */


    section.container {
        margin-left: 50px;
        width: calc(100% - 100px);
    }


    .ul-section-primary {
        margin-left: 50px;
    }

    .ul-section-primary>li:first-child h1 {
        font-size: 14pt;
    }


    .ul-section-primary>li:nth-child(2) p {
        width: 650px;
        line-height: 55px;
        font-size: 36pt;  
    }

    .ul-section-primary>li:nth-child(3) p {
        width: 600px;
        font-size: 12pt;
        line-height: 20px;
    }

    .ul-section-primary>li.li-button .lb-primary.second {
        margin-left:100px;
    }

    .ul-section-primary>li.li-button .lb-primary.second span {
        font-size: 14pt;
    }

    .ul-section-primary>li.li-button .lb-primary.second i.arrow {
        font-size: 14pt;
    }

    .ul-section-primary>li.li-button .lb-primary {
        height:80px;
        width:80px;
    }

    .ul-section-primary>li.li-button .lb-primary i {
        font-size: 18pt;
    }

    .ul-section-primary>li.li-button {
        margin-top:20px;
    }



   /*  .div-services-card ul>li.text {
        width: calc(100% - 80px);
        margin: 40px;
    }

    .div-services-card ul>li.number {    
        height: 100px;
        width: 100px;
        margin: 30px 40px;
    }
    
    .div-services-card ul>li.number span {
        font-size: 24pt;
        font-weight: 800;
    }
    
   
    .div-services-card ul>li.icon {
        height: 100px;
        width: 100px;
        margin: 30px 40px;
    }
    
    .div-services-card ul>li.icon .div-circle {
        height: 70px;
        width: 70px;
    }

    .div-services-card ul>li.text li.desc p {
        font-size: 9pt;
    } */




    .div-team-card {
        margin:0px 40px;width:calc(100% - 80px);
    }

    .div-team-card .div-contact i {
        font-size: 16pt;
    }
    
    .div-team-card .div-contact span.value {
        font-size: 9pt;
    }
    
    .div-team-card .div-contact span.text {
        font-size: 9pt;
    }
    
    .div-team-card .div-contact ul.ul-info > li:last-child {
        margin-left: 15px;
    }

    .div-team-card .div-contact ul.ul-info > li:last-child > ul > li:last-child {
        margin-top: -5px;
    }
    




    /* .div-img-panel-about ul {
        padding: 50px 30px;
    } */

    .div-img-panel-about.active ul {
        margin-top:-20px;
    }

    .div-img-panel-about ul {
        margin-top: 15px;
    }
    
    .div-img-panel-about ul i {
        font-size: 32pt;        
    }
         
    .div-img-panel-about ul span.name {
        font-size: 14pt;
    }
    
    .div-img-panel-about ul span.name.second {
        font-size: 14pt;
    }
    
    .div-img-panel-about ul p.text {
        font-size: 8pt;
    }
    
    .div-img-panel-about ul>li:nth-child(2) {
        margin-top: 20px;
    }
    
    .div-img-panel-about ul>li:nth-child(3) {
        margin-top: 10px;
    }



    footer {   
        margin-left: 50px;
        width: calc(100% - 100px);
    }



  /*   section.section-communication .div-services-card ul>li.text {
        width: calc(100% - 60px);
        margin: 30px;
    } */

  


   /*  section.section-communication .div-services-card ul>li.number {    
        margin: 30px;
    } */


  

    footer .div-panel-footer span.h-footer {
        font-size: 16pt;
    }


   


}

@media screen and (max-width:1199.98px) {

    .div-form ul.ul-header-form > li:first-child {
   width:30px;
}

.div-form ul.ul-header-form > li:last-child {
   width:calc(100% - 30px);
}

.div-form ul.ul-header-form .div-start {
    padding-left:30px;
}

.div-lb-send {
    height: 70px;
    width: 300px;
    border-radius: 35px;
}

.div-lb-send span {
    font-size: 12pt;
}


.div-services-card ul>li.text li.desc p {
        font-size: 10pt;
    }



footer .div-panel-footer > .div-start {
    padding-left:30px;
}



.div-team-card-section {
    height:1000px;
}


img.person {
    height: 400px;
    margin-top: 100px;
}



.ul-section-secondary > li:nth-child(2) p {
        font-size: 28pt;
        line-height: 40px;
    }



.div-form ul.ul-header-form p {
    font-size: 14pt;
}



header.header-primary .div-header-right li.li-action .div-menu-action {
    height: 40px;
}

header.header-primary .div-header-right li.li-action .div-menu-action span {
    font-size: 10pt;
}



.div-panel-article {
    height:400px;
}

    .div-panel-article ul.ul-article-text {
        margin: 30px;
        width: 50%;
        padding: 30px 50px 30px 30px;
    }

    .div-panel-article ul.ul-article-text.medium {
        margin: 30px;
        width: 50%;
        padding: 30px 50px 30px 30px;
    }

.div-panel-article ul.ul-article-text > li.li-button-detail {
    height: 70px;
        width: 70px;
}

.div-panel-article ul.ul-article-text.small {
    width: 60%;
    padding:30px;
}


.div-panel-article ul.ul-article-text.medium ul.ul-article-settings span {
    font-size: 12pt;
}

.div-panel-article ul.ul-article-text.medium ul.ul-article-settings i {
    font-size: 12pt;
    margin-right: 5px;
}

.div-panel-article ul.ul-article-text.small p.name {
    font-size: 8pt;
}

.div-panel-article ul.ul-article-text.small p.description {
    font-size: 7pt;
}




    /*#region HEADER*/
    ul.ul-menu {
        gap: 15px;
        font-size: 10pt;
        font-weight: 500;
    }

    header.header-primary .div-header-right ul.ul-lang {
        gap: 10px;
    }

    header.header-primary .div-header-left {
        width: 200px;
    }

    header.header-primary .div-header-center {
        width: calc(100% - 400px);
    }

    header.header-primary .div-header-right {
        width: 200px;
    }

    /*#endregion */

    .ul-section-secondary > li:nth-child(2) p {
        width: 80%;     
    }

    .ul-section-secondary > li:nth-child(3) p {
        width: 100%;
    }

    .div-img-panel-about ul {
        padding: 30px;
        margin-top:40px;
    }

    .div-img-panel-about ul i {
        font-size: 24pt;        
    }

    .div-img-panel-about ul span.name {
        font-size: 12pt;
    }
    
    .div-img-panel-about ul span.name.second {
        font-size: 12pt;
    }

    .div-img-panel-about ul p.text {
        font-size: 9pt;
    }




    .div-panel-about {
        height:320px;
    }

    .div-img-panel-about.active {
        height:350px;
        margin-top:-15px;
    }


   



        .div-team-card {  
            margin: 0px 20px;
            width: calc(100% - 40px);
    
        }

        .div-team-card .div-contact span.text {
            font-size: 8pt;
        }
    
        .div-team-card .div-contact span.value {
            font-size: 8pt;
        }


                .div-form {
                    padding: 0px 30px;
                }
        
        
        
                .div-img-services {
                    height: 350px;
                }
        
        
        
                .div-img-services2 {
                    height: 250px;
                    width: 250px;
                    margin-right: 20px;
                }

        .div-header-panel-services {
            height: 550px;
        }

        footer .div-panel-footer img.logo {
            height: 50px;
        }



/*#region FOOTER*/

      
    
        footer .div-panel-footer span.h-footer {
            font-size: 14pt;
        }
        
       
        footer .div-panel-footer p {
            width:100%;
        }

       

/*#endregion */

       
        
        .div-img-panel-contact {
            
            height: 550px;
            
            
        }

        .div-panel-info-services {
            margin-right:10px
        }


        .div-form {
            height:950px;
        }

.div-panel-info-services2 {
    margin-right: 230px;
}



}

@media screen and (max-width:991.98px) {

.li-mobile {
    display:block;
}

.modal-content {
  height:60%;
  width:60%;
}

.modal-content p {
  font-size: 14pt;
}

.modal-content span {
  font-size: 36pt;
}

.div-modal-body {
    width:100px;height:100px;top:-50px;
}

.div-modal-body i {
   font-size: 36pt;
}











.ul-footer-items {
    display: flex;
    gap:20px;
}



.div-team-card .div-text p {
    font-size: 10pt;
}

.div-team-card .div-text {
    margin-top:40px;
    height: calc(100% - 220px);
}

.div-team-card .div-name {
    height:80px;
}

    .div-team-card .div-text p {
        margin: 0px 40px;
        padding-bottom: 40px;
    }


.div-services-card ul>li.icon {
    height: 120px;
}

.div-services-card ul>li.text {
    height: calc(100% - 120px);
}

.div-services-card ul.ul-services-card {
    padding-left: 40px;
    padding-right: 40px;
}




.div-services-card ul>li.text li.desc p {
    font-size: 9pt;
}

.div-team-card-section {
    height:900px;
}




.div-img-panel-services {
    height:600px;
}

    
.div-panel-article ul.ul-article-text {
    width:60%;
}

.div-panel-article ul.ul-article-text.medium {
     width:60%;
}

.div-panel-article ul.ul-article-text.small {
    width:75%;
}


.div-panel-article {
    height:350px;
   
}


.div-panel-article.second {
   height:350px;   
}




 section.primary {
        padding-top:25px;padding-bottom:25px;
     }


    /*#region HEADER*/
    header.header-primary {
        background-color: #FFF;
    }


    header.header-primary .div-header-center {
        width: calc(100% + 150px); 
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100); 
        margin-top: 0px;
        position: absolute;
        right: -50px;
        display: none;
        background-color:var(--color-primary);
    }

    header.header-primary.active .div-header-center {
        top:50px;
    }

    header.header-primary.active .div-header-top-right {
        top:50px;
    }


    header.header-primary.menu .div-header-center {
        display: block;
    }

    ul.ul-menu {
        top: 0%;
        right: 50px;
        transform: translate(0%,0%);
        margin:0;
        padding:0;
        gap:0;
        text-align: right;
        width:250px;
        position: absolute;
        display: block;
        font-size: 18pt;
        margin-top:250px;
    }

    header.header-primary.active ul.ul-menu {     
         margin-top:200px;
     }

    ul.ul-menu > li {
        width:auto;
        display: flex;
        align-items: center;
        justify-content: end;
        padding-right: 0px;
        height: 100%;
        width: 100%;
        position: relative;
        margin-bottom:10px;
    }

    ul.ul-menu > li a {
        color: #FFF !important;
    }

    ul.ul-menu > li::after {
        margin-top: 10px;
        content: "";
        position: absolute;
        bottom: 0;
        right: 0; /* Začíná na pravé straně */
        left: auto;
        width: 0%;
        height: 2px;
        background-color:#192154;
        transition: width 1s ease, right 1s ease; /* Přidán přechod pro right */
    }
    
    ul.ul-menu > li.active::after {
        width: 15%;
        right: 0; /* Udržuje správnou pozici */
    }

    header.header-primary .div-header-left {
        width: 100%;
        background-color: #FFF;
        border-radius: 0px 0px 50px 50px;
        z-index: 1000;
    }

    header.header-primary .div-header-right {
        width: calc(100% + 100px);
        height: 100px;
        margin-top: 150px;
        position: absolute;
        right: 0;
        display: none;
        margin-right: -50px;
    }

    header.header-primary.menu .div-header-right {
        display: block;
    }

    header.header-primary .div-header-left img {
        height: 40px;
    }

    header.header-primary .div-header-menu {
        width: 100px;
        position: absolute;
        right: 0;
        height: 100px;
        display: block;
        cursor: pointer;
        margin-top: 50px;
        border-radius: 0px 0px 50px 0px;
        z-index: 1001;
        background-color:#FFF;
    }

    header.header-primary .div-header-right ul>li.li-lang {
        width: 100%;
    }

    header.header-primary .div-header-right ul>li.li-action {
        width: 0%;
        display: none;
    }


    header.header-primary .div-header-right ul.ul-lang {
        gap: 40px;
    }

    header.header-primary .div-header-right ul.ul-lang img {
        height: 30px !important;
        width: 30px !important
    }

    header.header-primary .div-header-top-left {
        width: 50%;
        background-color: #2B3990;
        z-index: 1000;
        font-size: 9pt;
    }

    header.header-primary.active2 .div-header-top-left {
        background-color: #192154;
    }

    header.header-primary .div-header-top-center {
        display: none;
    }

    header.header-primary .div-header-top-right {
        width: 50%;
        background-color: #2B3990;
        z-index: 1000;
        font-size: 9pt;
    }

    header.header-primary.active2 .div-header-top-right {
        background-color: #192154;
    }

    header.header-primary .div-header-top-right ul {
        gap:0px;
    }

    /* header.header-primary .div-header-top-right ul > li {
       height:100px;
       width:50vw;
       display: flex;
       justify-content: center;
       align-items: center;
       position: relative;
       font-size: 10pt;
    } */

    header.header-primary .div-header-menu i {
        color: var(--font-color);
        font-size: 21pt;
    }

    /*#endregion */

    

    .div-team-card {
        margin:0px 10px;width:calc(100% - 20px);
    }

    img.person {
        height: 350px;      
        margin-top:50px;      
    }
    
    .div-img-services2 {
        height: 300px;  
        margin-right:100px;   
        width: 300px;
    }

    .section-bg-img4 {
        border-radius: 20px;
    }

    .div-img-services3 {
        margin-right:20%;  
        height: 300px;   
        width: 300px;
        border: 5px solid #FFF;
        margin-bottom:0px;
    }

    .div-img-panel-contact {
        height:600px;
    }

    .div-img-services {
        height: 450px;
        border-radius: 30px;
        margin-top:50px;
        width:65%;
    }
    
   
    
    .div-header-panel-services {
        height: 400px;
    }

    .ul-section-secondary > li:nth-child(2) p {
        width:90%;
    }

    .ul-section-secondary > li:nth-child(3) p {
        width:90%;
    }

  /*   .ul-section-secondary > li:first-child {
        border-radius: 20px;
        width: 120px;
        height: 40px;
    } */

    .ul-section-secondary > li:first-child h2 {
        font-size: 12pt;
    }


    .div-panel-info-services {
        height: 120px;
        width: 120px;
        margin-right: 25%;
        margin-top: 0px;
    }


    .div-panel-info-services i {
        font-size: 18pt;
    }
    
    .div-panel-info-services span.text { 
        font-size: 7pt; 
    }
    
    .div-panel-info-services span.value {
        color: #FFF;
        font-size: 16pt;
    }


    .div-panel-info-services2 {   
        height: 70px;
        width: 200px;
        border-radius: 35px;
        margin-bottom: 70px;
        margin-right: 350px;
    }
    
    ul.ul-info>li.li-icon {
        width: 50px;
        height: 100%;
        margin-left: 20px;
    }
    
    ul.ul-info>li.li-icon .div-circle {
   
        height: 50px;
        width: 50px;
        
    }
    
    ul.ul-info>li.li-icon .div-circle i {
        color: #FFF;
        font-size: 12pt;
    }
    
    
    ul.ul-info>li.li-text {
        width: calc(100% - 70px);
        height: 100%;
    }
    
    ul.ul-info>li.li-text span.value {
        color: #FFF;
        font-size: 16pt;
    }
    
    ul.ul-info>li.li-text span.text {
        color: #FFF;
        font-size: 7pt;
    }




    .div-team-card .div-name span.name {
        font-size: 18pt;
    }
    

    .div-team-card .div-name span.type {
        font-size: 10pt;
    }

    .div-team-card .div-contact ul.ul-info > li:last-child {
        margin-left: 0px;
    }

    .div-team-card .div-contact ul.ul-info > li:last-child ul {
       text-align: center;
    }
    
    .div-team-card .div-contact i {
        font-size: 12pt;
    }

    .div-team-card .div-contact span.value {
        font-size: 7pt;
        
    }
    
    .div-team-card .div-contact span.text {   
        font-size: 7pt;
    }

    .div-team-card .div-contact ul.ul-info {
        display: block;
    }


    .div-team-card .div-contact ul.ul-info > li:first-child .div-center {
        justify-content: center;
       
    }

    .section-bg-img3 {
        border-radius: 20px;
    }

    .div-panel-about {
        height: auto;      
    }

    .div-img-panel-about {
      height:350px;
    }

    .div-img-panel-about.active {
        height: 400px;
        margin-top: 0px;
        border-radius: 50px 50px 50px 0px;
    }

    .div-img-panel-about ul {
        padding: 70px 50px 50px 50px;
        top:0;margin-top:0px;
        text-align: center;
    }
    
    .div-img-panel-about.active ul {
        position: relative;
        margin-top:-40px;
    }
    
    .div-img-panel-about ul i {
        font-size: 32pt;
        color: #040a0f;
    }
    
    .div-img-panel-about.active ul i {
        color: #FFF;
    }
    
    .div-img-panel-about ul span.name {
        color: #040a0f;
        font-size: 18pt;
        font-weight: 700;
    }
    
    .div-img-panel-about ul span.name.second {
        font-size: 18pt;
    }
    
    .div-img-panel-about.active ul span.name {
        color: #FFF;
    }
    
    .div-img-panel-about ul p.text {
        color: #040a0f;
        font-size: 10pt;
    }
    
    .div-img-panel-about.active ul p.text {
        color: #FFF;
    }
    
    .div-img-panel-about ul>li:nth-child(2) {
        margin-top: 20px;
    }
    
    .div-img-panel-about ul>li:nth-child(3) {
        margin-top: 20px;
    }


    .div-form {
        height:1000px;
        width:70%;
        margin: 100px auto;
    }

    .div-form ul.ul-header-form {
        height:150px;
      }

   

    .div-form ul.ul-header-form i {
        font-size: 21pt;
    }


    .maps {
        height: 400px;
    }




 /*#region FOOTER*/

 footer .div-panel-footer > .div-center {
    padding-top: 0px;
    justify-content: start;
    padding:30px;
 }

 footer .div-panel-footer.first > .div-center {
    padding-top:60px;
 }

 footer .div-panel-footer.second > .div-center {
    padding-bottom:60px;
 }

 footer .div-panel-footer > .div-start {
    padding-top: 0px;
    justify-content: start;
    padding:30px;
 }

/*  footer .div-panel-footer.third > .div-start {
    padding-top:60px;
 } */

 footer .div-panel-footer.fourth > .div-start {
    padding-bottom:60px;
 }

 footer .div-panel-footer {
    height:auto;
 }

 footer .div-panel-footer ul.ul-footer-panel {
    width:100%;
 }

 footer .div-panel-footer span.value {
    font-size: 10pt;
}


/*  footer .div-panel-footer ul.ul-footer-panel {
    width:calc(100% - 70px);
    margin-left:35px;
}

footer .div-panel-footer > .div-center {
    padding-top:50px;
    padding-bottom:50px;
}

footer .div-panel-footer > .div-start {
    padding-top:50px;
    padding-left: 50px;
    padding-bottom:50px;
    justify-content: start;
}

footer .div-panel-footer span.text {
    color:#FFF;font-size: 9pt;
}

footer .div-panel-footer ul.ul-footer-items > li  {
   margin-bottom:10px;
}




footer .div-panel-footer {
    height: 350px;
}

footer .div-panel-footer p {
    font-size: 9pt;
    font-weight: 400;
    width: 90%;
} */

 /*#endregion */


 /*#region FOOTER*/
 /*#endregion */

  

    .div-lb-send {
        height:70px;width:80%;
    }

    .div-lb-send span {
        font-size: 12pt;
    }



ul.ul-personal-data {
     width: calc(100% - 100px);
     margin-left: 0;
     margin: 0px 50px;
     padding-top: 200px;
     padding-bottom: 50px;
 }

     ul.ul-personal-data h2 {
         font-size: 26pt;
     }

     ul.ul-personal-data h3 {
         font-size: 18pt;
     }

     ul.ul-personal-data h4 {
         font-size: 14pt;
     }


     ul.ul-personal-data p.primary-text {
         font-size: 14pt;
     }

     ul.ul-personal-data ul.ul-values {
         font-size: 14pt;
     }

     ul.ul-personal-data .div-email a {
         font-size: 14pt;
     }

}

@media screen and (max-width:767.98px) {


    .modal-content span {
  font-size: 32pt;
}



.div-panel-article {
        width:calc(100% - 100px);
        margin-left:50px;
    }



.div-form ul.ul-header-form p {
    font-size: 12pt;
    width:85%
}


.div-team-card .div-text p {
    padding-bottom: 0px;
}

.div-services-card ul>li.text li.name p {
    font-size: 21pt;
}



.div-services-card ul>li.text li.desc p {
    font-size: 11pt;
}



.div-img-panel-services {
    height:600px;
}


header.header-primary .div-header-top-left .div-start {
    padding-left:0px;
    justify-content: center;
}



.div-panel-article ul.ul-article-text {
    width:70%;
}
.div-panel-article ul.ul-article-text.medium {
    width:70%;
}

.div-panel-article ul.ul-article-text.small {
    width:70%;
    margin: 30px;
    padding: 30px 50px 30px 30px;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-user span.user {
    font-size: 8pt;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-user span.date {
    font-size: 6pt;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-user i {
      font-size: 6pt;
}

.div-panel-article ul.ul-article-text.small li.li-date {
    margin-top:-7px;
}

.div-panel-article ul.ul-article-text p.name {
font-size: 10pt;
}

.div-panel-article ul.ul-article-text.medium p.name {
    font-size: 10pt;
}

.div-panel-article ul.ul-article-text.small p.name {
    font-size: 10pt;
}

.div-panel-article ul.ul-article-text.small p.description {
    font-size: 8pt;
}

.div-panel-article.second ul.ul-article-text.small > li.li-button-detail {
    height:70px;
    width:70px;
    right: -20px;
    bottom: -20px;
}

.div-panel-article ul.ul-article-text.small > li.li-button-detail i {
    font-size: 18pt;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-settings span {
    font-size: 12pt;
}

.div-panel-article ul.ul-article-text.small ul.ul-article-settings i {
    font-size: 12pt;
    margin-right: 5px;
}

  header.header-primary .div-header-top-right .div-end {
       padding-right:50px;
    }

    header.header-primary .div-header-top-right {
        font-size: 12pt;
    }

    /*#region HEADER*/
    
    header.header-primary .div-header-top-left {
        width: 100%;
    }

    header.header-primary .div-header-top-center {
        display: none;
    }

    header.header-primary .div-header-top-right {
        margin-top: calc(100vh - 100px);
        margin-top: calc((var(--vh, 1vh) * 100) - 100px); /* Dynamická výška - 100px */
        height: 100px;
        width: calc(100% + 100px);
        margin-left: -50px;
        position: absolute;
        display: none;
        background-color:#192154 !important;
    }

    header.header-primary.menu .div-header-top-right {
        display: block;
    }


    header.header-primary .div-header-left {
        width: 100%;
    }

    /*#endregion */


    .div-form {
        height:800px;
    }


    .div-img-panel-services {
       
        padding: 0px;
        margin-bottom: 50px;
    }


    .div-header-panel-services {
        height: auto;
        margin-bottom: 50px;
    }

    .div-header-panel-team.left {
        display: none;
    }

    .ul-section-primary {
        top: 100%;
        transform: translate(0%, -100%);
        margin-left: 50px;
        margin-top: -50px;
        width: calc(100% - 50px);
        z-index: 1000;
    }

    .ul-section-primary>li:first-child h1 {
        font-size: 12pt;
    }

    .ul-section-primary>li:nth-child(2) p {
        max-width: 400px;
        line-height: 40px;
        font-size: 28pt;
    }

    .ul-section-primary>li:nth-child(3) {
        margin-top: 10px;
        max-width: 400px;
    }

    .ul-section-primary>li:nth-child(3) p {
        background-color: transparent;
        width: 90%;
        font-size: 12pt;
    }

    .ul-section-primary>li.li-button {
        margin-top: 10px;
    }

    .ul-section-primary>li:nth-child(2) {
        margin-top: 5px;
    }

    .ul-section-primary>li.li-button .lb-primary {
        height: 80px;
        width: 80px;
    }

    .ul-section-primary>li.li-button .lb-primary.second {
        margin-left: 100px;
        width: 160px;
        background-color: transparent;
    }

    .ul-section-primary>li.li-button .lb-primary.second i.arrow {
        font-size: 14pt;
    }

    .ul-section-primary>li.li-button .lb-primary.second span {
        font-size: 14pt;
    }


    .ul-section-secondary {
        margin: 0px 50px;
        width: calc(100% - 100px);
        position: relative;
        margin-bottom:50px;
    }

    .ul-section-secondary > li:nth-child(2) p {
        width: 100%;
         font-size: 24pt;
        line-height: 37px;
        /* line-height: 35px;
        font-size: 21pt; */
    }

         .ul-section-secondary.center>li:nth-child(2) p {
             width: calc(100% - 100px);
             margin: 0px;
             margin-left: 50px;
             margin-right: 50px;
             /* line-height: 35px;
            font-size: 21pt; */
         }


    .ul-section-secondary > li:nth-child(3) {
        margin-top: 20px;
    }

    .ul-section-secondary > li:nth-child(3) p {
        width: 100%;
        font-size: 12pt;
        line-height: auto;
    }

.ul-section-secondary.center > li:nth-child(3) p {
    width: calc(100% - 100px);
             margin: 0px;
             margin-left: 50px;
             margin-right: 50px;
}

.ul-section-secondary.left {
    margin-left:50px;

}



    .div-panel-card-services {
        height: 400px;
    }

    .div-services-card {
        width: calc(100% - 100px);
        height: calc(100% - 40px);
        border-radius: 50px;
        margin: 20px 50px;
    }


    .div-header-panel-team {
        height: auto;
    }



.div-team-card-section {
    height: 950px;
}


        .div-team-card {
            border-radius: 50px;
            height: 600px;
            width: 450px;
            margin-left: calc(50% - 225px);
        }

 

    .div-team-card .div-name {
        height: 100px;
        width: 100%;
        background-color: #2B3990;
        border-radius: 0px;
    }

    .div-team-card .div-contact {
        height: 100px;
        width: 100%;
        border-radius: 0px 0px 50px 50px;
    }

    .div-team-card .div-name span.name {
        font-size: 21pt;
    }

    .div-team-card .div-name span.type {
        font-size: 12pt;
    }

    .div-team-card .div-contact i {
        font-size: 14pt;
    }

    .div-team-card .div-contact ul.ul-info {
        display: block;

    }

   

    .div-team-card .div-hr-left,
    .div-team-card .div-hr-right {
        display: none;
    }

   

    .div-team-card .div-contact ul.ul-info>li:last-child {
        margin-left: 0px;
    }

 


    .div-panel-about {
        height: auto;
        width: 350px;
        margin-left: calc(50% - 175px);
        padding-bottom:50px;
    }

    .div-img-panel-about {
        height: 250px;
    }

    .div-img-panel-about ul {
        padding: 50px;
        top: 0;
        margin-top: 0px;
        text-align: center;
        position: relative;
    }

    .div-img-panel-about.active {
        height: 400px;
        margin-top: 0px;
        border-radius: 50px;
    }

    .div-img-panel-about .div-hr-right {
        display: none;
    }


    .div-panel-price {
      width: 350px;
    }

    .div-panel-price ul > li:nth-child(3) p {
        font-size: 12pt;
    }


    .div-panel-price ul > li:nth-child(5) p {
        font-size: 12pt;
    }

    .div-form {
        width: calc(100% - 200px);
        margin-left: 100px;
        height: auto;
        padding: 0px 20px;
        margin-top:50px;
    }

    .div-form ul.ul-header-form .div-start {
        padding-left:20px;
    }
    
    .div-form ul.ul-header-form {
        height:120px;
      }



 /*#region FOOTER*/

 footer {
    margin-left: 0px;
    width: 100%;
    margin-bottom:0px;
 }

footer .div-left-footer {
    border-radius: 0px;
}

footer .div-right-footer {
    border-radius: 0px;
}


 footer .div-panel-footer.third > .div-start {
    padding-top:30px;
 }

 footer .div-panel-footer.fourth > .div-start {
    padding-bottom:30px;
 }



 /*#endregion */








    




    .maps {
        width: calc(100% - 100px);
        margin-left: 50px;
    }




    .div-img-services {
        height: 400px;
        width: calc(100% - 150px);
        background-color: #FFF;
        border-radius: 40px;
        margin-left: 50px;
        margin-top: 50px;
    }

    .section-bg-img4 {
        border-radius: 40px;
    }

    section.container {
        margin-left: 0px;
        width: 100%;
    }


    .div-row.r-services {
        margin-left: 0px;
        width: 100%;
    }


    .div-panel-info-services {
        height: 100px;
        width: 100px;
        top: 0;
        right: 0;
        margin-right: 50px;
        margin-top: 0px;
    }

    .div-panel-info-services i {
        font-size: 14pt;
    }

    .div-panel-info-services span.text {
        font-size: 5pt;
        font-weight: 600;
    }

    .div-panel-info-services span.value {
        color: #FFF;
        font-size: 16pt;
    }

    .div-panel-info-services ul>li:nth-child(3) {
        margin-top: 3px;
    }

    .div-img-services2 {
        height: 280px;
        width: 280px;
        margin-right: 50px;
        border: 10px solid #FFF;
        border-radius: 20px;
    }

    .div-img-services3 {
        height: 250px;
        width: 250px;
        margin-right: 50px;
    }

    .section-bg-img2 {
        border-radius: 10px;
    }

    .div-panel-info-services2 {
        background-color: #2B3990;
        height: 70px;
        width: 200px;
        position: absolute;
        bottom: 0px;
        border-radius: 50px;
        margin-bottom: 120px;
        margin-right:300px;

    }

.div-panel-info-services2.second {
 margin-bottom: 65px;
  margin-right:250px;
}

    img.person {
        height: 400px;      
        margin-top: 0px;      
    }
    
    img.person.second {
        height: 325px;  
        margin-top: -25px;
       
    }

    .div-team-card {      
        height: 500px;
        margin-bottom:50px;
    }

   

/* .div-comunication-items {
    margin-top:450px;
} */


.div-comunication-text {
    position: absolute;top:0;height:350px;
}



 .div-img-panel-contact {
    height: 550px; 
}

.div-services-items {
    margin-top:50px;
}




}

@media screen and (max-width:575.98px) {

.div-modal-close {
    width:50px;height:50px;margin:20px;
}

.div-modal-close i {
   font-size: 16pt;
}

.modal-content {
  height:70%;
  width:70%;
}

.modal-content span {
  font-size: 28pt;
}




.div-form ul.ul-header-form p {
    width:100%
}



.div-panel-article {
        width:calc(100% - 60px);
        margin-left:30px;
    }


.ul-section-secondary > li:first-child {
    width: 150px;
    height:40px;
}

.ul-section-secondary.center > li:first-child {
    width: 150px;
     height:40px;
}

.ul-section-secondary > li:first-child h2 {
    font-size: 10pt;
}



    .div-img-panel-about ul>li:nth-child(3) {
        margin-top: 10px;
    }

    .div-img-panel-about ul>li:nth-child(2) {
         margin-top: 10px;
    }

    .div-panel-about {
        padding-bottom:0px;
    }

    .div-img-panel-about ul i {
        font-size: 24pt;
    }

.div-img-services3 {
        height: 200px;
        width: 200px;
    }

.div-img-panel-contact {
    height:440px;
}

.div-panel-info-services2.second {
    margin-right: 200px;
}

.div-slider {
    height:150px;
}

.logos-slider-container img {
    margin-right:50px;
    width:50px;
    max-width:50px;
}

.logos-slider-container img.second {
    width:100px;
    max-width:100px;
}

.logos-slider-container img.third {
    width:70px;
    max-width:70px;
}


    .ul-footer-items {
        display: flex;
        gap: 10px;
    }

.ul-section-secondary.left {
    margin-left:30px;
}

 .ul-section-secondary.center>li:nth-child(2) p {
             width: 100%;
             margin-left: 0px;
             margin-right: 0px;
            font-size: 21pt;
        line-height: 35px;
         }


.ul-section-secondary.center > li:nth-child(3) p {
    width: 100%;
             margin-left: 0px;
             margin-right: 0px;
}





.div-services-card ul>li.text li.name p {
        font-size: 16pt;
    }

.div-services-card ul>li.text li.desc p {
    font-size: 10pt;
}


.div-services-card ul>li.icon {
        height: 120px;
    }

.div-services-card ul.ul-services-card {
   
    padding-left: 30px;
    padding-right: 30px;
}

.div-img-panel-about.first {
      height:150px;
    }

.div-img-panel-about.active {
    height:350px;
}




.div-img-panel-about ul {
       text-align: center;
    }



 .ul-section-secondary.center {
      width:calc(100% - 60px);
      margin-left:30px;
      text-align: left;
    }

    .ul-section-secondary.center > li:first-child {
        margin-left:0px;
    }


    .div-img-panel-services {
        height:520px;
    }

.div-panel-article ul.ul-article-text > li.li-button-detail, .div-panel-article.second ul.ul-article-text.medium > li.li-button-detail, .div-panel-article.second ul.ul-article-text.small > li.li-button-detail  {
    height: 60px;
    width: 60px;
}

.div-panel-article ul.ul-article-text > li.li-button-detail i, .div-panel-article.second ul.ul-article-text.medium > li.li-button-detail i, .div-panel-article.second ul.ul-article-text.small > li.li-button-detail i {
    font-size: 16pt;
}

.div-panel-info-services2 {
    margin-right:250px;
    margin-bottom: 150px;
    height: 60px;
    width:170px;
}

ul.ul-info>li.li-icon .div-circle {
    height: 40px;
    width: 40px;
}

ul.ul-info>li.li-icon {
    width:40px;
    margin-left:10px;
}

ul.ul-info>li.li-text {
    width: calc(100% - 50px);
}

ul.ul-info>li.li-icon .div-circle i {
        font-size: 10pt;
    }


ul.ul-info>li.li-text span.text {
        font-size: 7pt;
    }

ul.ul-info>li.li-text span.value {
    font-size: 14pt;
}

    section.primary {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    section.m2 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    /*#region HEADER*/
    /*#endregion */
 
 
   
    header.header-primary {
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .ul-section-primary {
        width: calc(100% - 60px);
        margin-left:30px;
        margin-top: -30px;
    }

    .div-img-services {
        margin-left: 30px;
        width: calc(100% - 120px);
        height: 300px;
    }

    .div-img-services2 {
        margin-right:30px;
        height:250px;
        width:250px;
    }


    .div-panel-info-services {
        margin-right: 50px;
    }

    .ul-section-secondary {
        width: calc(100% - 60px);
        margin-left: 30px;
    }
   
    .div-team-card {
        margin-left:60px;
        width:calc(100% - 120px);
    }

    .div-panel-about {
        margin-left: calc(50% - 175px);
        width:350px;
    }

    .div-img-panel-about ul {
        padding:50px;
    }

    .div-img-services3 {
        margin-right: 30px;
    }

    .div-form {
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .div-form ul.ul-header-form p {
        font-size: 14pt;
    }

    .div-form ul.ul-header-form i {
        font-size: 21pt;
    }

   

    .maps {
        width: calc(100% - 60px);
        margin-left: 30px;
        height:400px;
        margin-top:50px;
    }



 /*#region FOOTER*/

 footer {
    margin-left: 0px;
    width: 100%;
}

footer .div-left-footer {
    background-color: #2B3990; border-radius: 0px;margin-top:0px;height:auto;padding-top:30px;
} 

footer .div-right-footer {
    background-color: #2B3990; border-radius: 0px;margin-top:0px;height:50px;
} 

footer .div-left-footer span, footer .div-right-footer span {
    font-size: 8pt;
}

footer .div-right-footer span {
    margin-top:-25px;
}

footer .div-left-footer .div-start {
    padding-left: 0px;
    justify-content: center;
} 

footer .div-right-footer .div-end {
    padding-right: 0px;
    justify-content: center;
}


footer {
    margin-bottom:0px;
}


 /*#endregion */


 .div-lb-send {
    width:70%;
}


    .div-team-card .div-name span.name {
        font-size: 16pt;
    }

    .div-team-card .div-name span.type {
        font-size: 10pt;
    }


section.section-services {
    margin-bottom:70px;
}

section.section-team {
    margin-top:70px;
    margin-bottom:70px;
}

section.section-about2 {
    margin-top:50px;
    margin-bottom:50px;
}

section.section-price {
    margin-bottom:70px;
}

section.section-reference {
    margin-bottom:70px;
}

section.section-communication {
    margin-bottom:70px;
}

.div-form {
    margin-bottom:50px;
}







}

@media screen and (max-width:473px) {






.modal-content {
  height:70%;
  width:80%;
}

.modal-content span {
  font-size: 28pt;
}

   



.ul-section-secondary {
    margin-bottom:30px;
}


.ul-section-secondary > li:nth-child(2) p {
    font-size: 21pt;
    line-height: 35px;
}

.ul-section-secondary > li:nth-child(3) p {
    font-size: 11pt;
}



.div-form ul.ul-header-form p {
    font-size: 10pt;
}

 .div-panel-about {
        margin-left: 30px;
        width:calc(100% - 60px);
    }


.div-img-panel-contact {
    height:380px;
}

    .div-panel-info-services2.second {
        margin-right: 170px;
    }

.ul-footer-items {
    display:block;
}





.div-img-services3 {
    height:170px;
    width:170px;
}






.div-panel-info-services span.value {
    font-size: 14pt;
}

.div-panel-info-services2 {
    margin-right: 170px;
    margin-bottom: 50px;
    height:50px;
    width: 150px;
}

ul.ul-info>li.li-text span.text {
    font-size: 6pt;
}
ul.ul-info>li.li-text .div-start {
padding-left:5px;
}

ul.ul-info>li.li-text span.value {
    font-size: 12pt;
}


.div-img-panel-services {
    height:370px;
}



.ul-section-primary>li.li-button .lb-primary.second {
        margin-left: 80px;
       
    }

.div-panel-article ul.ul-article-text, .div-panel-article.second ul.ul-article-text {
    margin:20px 20px 30px 20px;
    padding:20px;
    width: 75%;
}

    header.header-primary .div-header-left {
       /*  background-color:lightcoral; */
        margin-right:100px;
        width:calc(100% - 100px);
        border-radius: 0px 0px 0px 50px;
     }

     .div-panel-info-services {
        margin-right: 30px;
        height:90px;
        width:90px;
    }

    .div-img-services {
        width:calc(100% - 100px);
        height: 250px;
    }

    .div-img-services2 {
      width:170px;
      height:170px;
    }


  /*   section.section-contact .div-panel-info-services2 {
        width:200px;  
        margin-bottom: 50px;
        margin-left: 30px;   
    } */

    .div-team-card {
        margin-left: 30px;
        width: calc(100% - 60px);
    }
   
    img.person {
        margin-top: 0px;
    }

  
    .div-img-panel-about ul span.name {
        font-size: 14pt;
    }

    .div-img-panel-about ul span.name.second {
        font-size: 14pt;
    }

    .div-panel-price {
           margin-left: 30px;
        width:calc(100% - 60px);
        height:700px;
    }


    section.section-all-width {
        height:700px;
    }


    .div-panel-price ul > li:nth-child(3) {
        padding:0px 30px;
    }

    .div-panel-price ul > li:nth-child(3) p {
        font-size: 11pt;
    }

    .div-panel-price ul > li:nth-child(4) {
        height:150px;
    }

    .div-panel-price ul > li:nth-child(4) span {
        font-size: 16pt;
    }

    .div-panel-price ul > li:nth-child(5) {
        padding:0px 30px;
        height:300px;
    }


    .div-panel-price ul > li:nth-child(5) p {
        font-size: 11pt;
    }

    .ul-section-primary>li:first-child h1 {
        font-size: 10pt;
    }

    .ul-section-primary>li:nth-child(2) p {
        max-width: 300px;
        line-height: 35px;
        font-size: 24pt;
    }

    .ul-section-primary>li.li-button .lb-primary {
        height:70px;
        width:70px;
    }

    .ul-section-primary>li.li-button .lb-primary i {
        font-size: 14pt;
    }

    .div-services-card {
        width: calc(100% - 60px);
        margin: 20px 30px;
    }


    

 .div-lb-send {
        height:60px;
        width:90%;
    }

 /*#region FOOTER*/


 

     /*#endregion */


    
    
   

}

@media screen and (max-width: 375px) {

ul.ul-menu {
    margin-top: 180px;
}



.div-team-card-section {
        height: 900px;
    }



    .div-panel-info-services2 {
        margin-right: 130px;
       
    }


        .div-panel-info-services2.second {
        margin-right: 130px;
    }

    img.person {
        height: 350px;
        
    }

    header.header-primary .div-header-left img {
        height: 35px;
    }

    .ul-section-primary>li:first-child h1 {
        font-size: 10pt;
    }

    .ul-section-primary>li:nth-child(2) p {
        max-width: 300px;
        line-height: 28px;
        font-size: 18pt;
    }

    .ul-section-primary>li:nth-child(3) p {
        width: 90%;
        font-size: 11pt;
        line-height: 20px;
    }

    ul.ul-menu {
    
        font-size: 14pt;
    }


}

@media screen and (max-width: 334px) {

 .div-services-card ul>li.text li.desc p {
    font-size: 9pt;
 }

    header.header-primary .div-header-left img {
        height: 30px;
    }

    img.person {
        height: 300px;
    }

    .div-team-card-section {
        height: 850px;
    }
}

@media screen and (max-width: 320px) {
}