@charset "UTF-8";

@view-transition {
    navigation: auto;
}

::view-transition-old(root) {
    animation: .35s ease-in both page-out;
}

::view-transition-new(root) {
    animation: .5s ease-out both page-in;
}

@keyframes page-out {
    to { opacity: 0; transform: translateY(-20px); }
}

@keyframes page-in {
    from { opacity: 0; transform: translateY(20px); }
}

@supports not (view-transition-name: root) {
    body { animation: .35s ease-out both page-in; }
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
    body { animation: none; }
}

@font-face {
    font-family: 'CerebriSans';
    src: url(../fonts/cerebrisans/CerebriSans-Regular.eot);
    src: url(../fonts/cerebrisans/CerebriSans-Regular.eot#iefix) format('embedded-opentype'), url(../fonts/cerebrisans/CerebriSans-Regular.ttf) format('truetype'), url(../fonts/cerebrisans/CerebriSans-Regular.woff) format('woff'), url(../fonts/cerebrisans/CerebriSans-Regular.svg) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CerebriSans';
    src: url(../fonts/cerebrisans/CerebriSans-Italic.eot);
    src: url(../fonts/cerebrisans/CerebriSans-Italic.eot#iefix) format('embedded-opentype'), url(../fonts/cerebrisans/CerebriSans-Italic.ttf) format('truetype'), url(../fonts/cerebrisans/CerebriSans-Italic.woff) format('woff'), url(../fonts/cerebrisans/CerebriSans-Italic.svg) format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CerebriSans';
    src: url(../fonts/cerebrisans/CerebriSans-Light.eot);
    src: url(../fonts/cerebrisans/CerebriSans-Light.eot#iefix) format('embedded-opentype'), url(../fonts/cerebrisans/CerebriSans-Light.ttf) format('truetype'), url(../fonts/cerebrisans/CerebriSans-Light.woff) format('woff'), url(../fonts/cerebrisans/CerebriSans-Light.svg) format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CerebriSans';
    src: url(../fonts/cerebrisans/CerebriSans-Medium.eot);
    src: url(../fonts/cerebrisans/CerebriSans-Medium.eot#iefix) format('embedded-opentype'), url(../fonts/cerebrisans/CerebriSans-Medium.ttf) format('truetype'), url(../fonts/cerebrisans/CerebriSans-Medium.woff) format('woff'), url(../fonts/cerebrisans/CerebriSans-Medium.svg) format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CerebriSans';
    src: url(../fonts/cerebrisans/CerebriSans-SemiBold.eot);
    src: url(../fonts/cerebrisans/CerebriSans-SemiBold.eot#iefix) format('embedded-opentype'), url(../fonts/cerebrisans/CerebriSans-SemiBold.ttf) format('truetype'), url(../fonts/cerebrisans/CerebriSans-SemiBold.woff) format('woff'), url(../fonts/cerebrisans/CerebriSans-SemiBold.svg) format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CerebriSans';
    src: url(../fonts/cerebrisans/CerebriSans-Bold.eot);
    src: url(../fonts/cerebrisans/CerebriSans-Bold.eot#iefix) format('embedded-opentype'), url(../fonts/cerebrisans/CerebriSans-Bold.ttf) format('truetype'), url(../fonts/cerebrisans/CerebriSans-Bold.woff) format('woff'), url(../fonts/cerebrisans/CerebriSans-Bold.svg) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CerebriSans';
    src: url(../fonts/cerebrisans/CerebriSans-ExtraBold.eot);
    src: url(../fonts/cerebrisans/CerebriSans-ExtraBold.eot#iefix) format('embedded-opentype'), url(../fonts/cerebrisans/CerebriSans-ExtraBold.ttf) format('truetype'), url(../fonts/cerebrisans/CerebriSans-ExtraBold.woff) format('woff'), url(../fonts/cerebrisans/CerebriSans-ExtraBold.svg) format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CerebriSans';
    src: url(../fonts/cerebrisans/CerebriSans-Heavy.eot);
    src: url(../fonts/cerebrisans/CerebriSans-Heavy.eot#iefix) format('embedded-opentype'), url(../fonts/cerebrisans/CerebriSans-Heavy.ttf) format('truetype'), url(../fonts/cerebrisans/CerebriSans-Heavy.woff) format('woff'), url(../fonts/cerebrisans/CerebriSans-Heavy.svg) format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;padding:0;
    list-style:none;outline:none;
}
:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
} 
body{
    background: #000;
    font-family: "CerebriSans", Helvetica, Arial, sans-serif;
}

iframe{ border:none;outline:none; }

button,input,select,textarea{ font-family:inherit;font-size:inherit;line-height:inherit;resize:none; }
a{ background-color:transparent;color:#1a191a;text-decoration:none; }
a:hover,a:focus,a:active{ outline:0;text-decoration:none;cursor:pointer;  }

img{ border:0;vertical-align:middle;max-width:100%; }
h1,h2,h3,h4,h5,h6{ margin-bottom: 10px;font-weight: 900;line-height: 1.3;color: #1c191a;font-family: 'Kumbh Sans', sans-serif; }
.row {
    margin-right: -15px;
    margin-left: -15px
}

.row.flex { display:flex;align-items:center;justify-content:center; }
.container:after,
.container:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.container:after,
.row:after {
    clear: both
}




.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}



@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
   
}

    .container{  padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
    @media (min-width:768px){
        .container{ width:750px }
    }
    @media (min-width:992px){
        .container{ width:90% }
    }
    @media (min-width:1200px){
        .container{ width:1280px  }
    }


    [disabled]{ opacity: .5;cursor: not-allowed !important; }



    [class*="btn-"]{
           position: relative;
      display: inline-block;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      background: none;
      font-size: 14px;
      border:none;
      outline: none;
      white-space: nowrap;
      padding: 15px;
      border-radius: 4px;
      line-height: 1;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease;
      overflow: hidden;
    }

    .btn-block { width:100%; }




    .btn-primary { background: #cd201f;color: #FFFFFF; }















    .text-center { text-align:center; }

    .form-group { margin-bottom:15px; }

    .form-control{ 
        background: rgba(0,0,0,.4);padding: 15px; border:1px solid rgba(255,255,255,.1);font-size: 15px;width: 100%;color: #000;border-radius: 4px;
        -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .form-control:focus { color: #086AD8;border-color: #086AD8; }






    .header{ position: fixed;top: 0;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;height: 6.875rem;z-index: 9999;}
    .header:before{ content:'';position:absolute;top:0;left:0;width:100%;height:200px;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);transition:.1s;opacity: 0;z-index:0; }
    .header.fixed:before{ opacity: 1; }

    .header .logo { display: block;  }

    .header .logo img { filter:brightness(0) invert(1);width:200px; }

    .header .container{ position:relative;display: flex;align-items: center;justify-content: center;z-index:2; }

    .header .right { position: relative;display:flex;align-items: center;justify-content: center; cursor: pointer;  margin-left: auto;z-index: 9; }

    .header a { color:#FFF; }

    .header .phone { border:3px solid #FFF;border-radius:50px;padding:8px 20px;margin-right:30px;font-weight:900; }

    .header .phone .fal { margin-right:5px;  }

    .header .language { font-size:20px;margin-right:30px;padding-right:30px;border-right:1px solid #CCC;color:#FFF;font-weight:900; }

    .header .language .fal { margin-right:10px;  }

    .header .right .toggle { display: flex; align-items:center;justify-content:center;  }

    .header .right .toggle .icon { display: flex; flex-flow: column; align-items: flex-end;  }

    .header .right span { position: relative;  height: 3px; border-radius: 10px; background: #FFF; }

    .header .right span.bar:not(:first-child) { margin-top: 4px; }

    .header .right span.bar { transition: transform 0.3s ease-in-out 0.5s, opacity 0.15s ease-in-out 0.5s }

    .header .right span.bar:nth-child(1) { width: 1.34em; }

    .header .right span.bar:nth-child(2) {   width: 1.8em; }

    .header .right span.bar:nth-child(3) {  width: 0.8em; }

    .header .right span.close { position: absolute; margin-top: -1.5px; opacity: 0; top: 50%; width: 1.34em; transform-origin: center center;  transition: transform 0.5s ease-in-out, opacity 0.125s ease-in-out 0.5s; background: #FFF; }

    .header .right span.close:not(:last-child) { transform: rotate(45deg) translateX(-250%); }

    .header .right span.close:last-child { transform: rotate(-45deg) translateX(250%); }

    .header .right .text { font-size:20px;font-weight:900;margin-left:10px;letter-spacing:-1px;color:#FFF; }






    .menu .links a { display:block;font-family: 'Kumbh Sans', sans-serif;font-size: 18px;color: #FFFFFF; transition:all .4s ease;padding:50px 20px; text-align:center; font-weight: 900;letter-spacing:1px;background: rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);margin:15px 0px;}

    .menu .links a .fal { display:block;font-size:30px;margin-bottom:10px; }

    .menu .links a:hover { background:#cd201f;}
    .menu-open .main, .language-open .main { opacity:0;pointer-events:none; }



    .menu-open .header .right .bar { opacity: 0; transition: transform 0.3s ease-in-out, opacity 0.15s ease-in-out 0.15s; }

    .menu-open .header .right .close {  opacity: 1;transition: transform 0.5s ease-in-out 0.3s, opacity 0.125s ease-in-out 0.3s; }

    .menu-open .header .right span:nth-child(1) { transform: rotate(-45deg) translateX(-400%);}

    .menu-open .header .right span:nth-child(2) { transform: rotate(-45deg) translate(0, -7px) translateX(200%); }

    .menu-open .header .right span:nth-child(3) { transform: rotate(-45deg) translate(0, 1px) translateX(200%); }

    .menu-open .header .right span.close:not(:last-child) { transform: rotate(45deg); }

    .menu-open .header .right span.close:last-child { transform: rotate(-45deg); }

    .menu-open .menu{ transition:opacity .2s ease-in .2s; }

  


    .main { position:absolute;top:0;left:0;display:block;width:100%;min-height:100vh;padding:200px 0px 130px;font-size:18px;color:#FFFFFF;text-align:left;z-index:2;  backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}

    
    .main h2, .main h3, .main  h4, .main h5, .main h6 { display: block;color:#FFF;}
    .main h1 { display:block;font-size:42px;line-height:1.1;color:#FFF;font-weight:900;letter-spacing:1px;margin:0 0 30px 0;text-align:center; }
    .main.article .title { font-size:55px;line-height:55px;margin:50px 0px 100px 0px;text-align:center; }
    .main p { color:rgba(255,255,255,.85); }
    .main p + p { margin-top:15px; }
    .main p a { color:rgba(255,255,255,.85); }

    .main a.widget:has(> .fal) { min-height:180px;transition:background .4s ease; }
    .main a.widget:has(> .fal):hover { background:#cd201f; }
    .main a.widget:has(> .fal) > .fal { display:block;font-size:30px;margin-bottom:20px; }
    
    .main.article p + h1, .main.article p + h2, .main.article p + h3, .main.article p + h4, .main.article p + h5, .main.article p + h6,
    .main.article ul + h1, .main.article ul + h2, .main.article ul + h3, .main.article ul + h4, .main.article ul + h5, .main.article ul + h6{ margin-top:30px; }
    .main.article ul + p { margin-top :15px; }
    .main.article ul  {  margin-top:15px; }
    .main.article ul li {list-style: disc;margin-left:15px;     color: rgba(255, 255, 255, .85);}
    .main.article ul li a {    color: rgba(255, 255, 255, .85);text-decoration:underline; }
    .main.article ul li + li { margin-top:5px; }
    .main.article .masonry { margin-top:40px; }

    #language-panel .widget.flag img { width:104px;height:70px;object-fit:cover;border-radius:5px;box-shadow:0 8px 22px rgba(0,0,0,.35);transition:all .4s ease; }

    .main .widget { position: relative; display:block; margin:15px 0px; font-size: 18px; color: #FFFFFF; padding:30px; opacity:0;background: rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.1); font-weight:300; }
    #language-panel .widget { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:190px;margin:15px 0;padding:28px;color:#FFF;font-family:'Kumbh Sans',sans-serif;font-size:20px;text-align:center;opacity:0;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);transition:background .25s,border-color .25s,transform .25s; }
    #language-panel .widget.flag.active, #language-panel .widget.flag:hover { background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6); }
    .main .widget .logo { margin-bottom:20px; }
    .main .widget .logo img {max-height:40px; }
    .main .widget .logo .fal { font-size:30px; }

    .main .widget .play { display:inline-block;background:#FFF;padding:5px 15px;margin-top:20px;color:#222;font-size:14px;font-weight:bold;transition:all .4s ease;border-radius:50px; }
    .main .widget .play .fa{ font-size:12px;margin-right:5px; }
    .main .widget .play:hover { background:#cd201f;color:#FFF; }


    .main.certificates .widget{ transition:background .4s ease;  }
    .main.certificates .widget:hover{ background:#e30613;color:#FFFFFF;}
    
    .main.solutions .widget{ transition:background .4s ease; }
    .main.solutions .widget:hover { background:#cd201f;color:#FFFFFF;}
    .main.solutions .widget .title { color: #FFF;font-weight: 900;font-size: 22px; line-height: 20px;margin-bottom:30px; }
    .main.solutions .widget ul { margin-top:30px; }
    .main.solutions .widget ul li a, .main.solutions .widget ul li span { position: relative;display:flex;align-items:center;gap:5px;color: #EEE; font-size: 18px; transition: .4s; }
    .main.solutions .widget ul li a:hover { padding-left:5px;  }


    .main.contact .map iframe {  
        height:290px; 
        width:100%; 
        border:0; 
    }






    .main:has(> h1) { display:flex;align-items:center;justify-content:center;text-align:center; }



    body > div:has(> video) { position:fixed !important;top:0;left:0;right:0;bottom:0;z-index:0 !important;pointer-events:none; }



    .menu { display:flex;align-items:center;justify-content:center;text-align:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:fixed;top:0;left:0;right:0;height:100vh;min-height:100vh;padding:200px 0px 130px;overflow-y:auto;visibility:hidden;opacity:0;pointer-events:none;z-index:1000;transition:opacity .25s ease, visibility .25s; }

    #language-panel { display:flex;align-items:center;justify-content:center;padding:200px 0 130px;font-size:18px;color:#FFFFFF;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:fixed;top:0;left:0;right:0;height:100vh;overflow-y:auto;visibility:hidden;opacity:0;pointer-events:none;z-index:1000;transition:opacity .25s ease, visibility .25s; }

    .menu-open .menu, .language-open #language-panel, .menu:target, #language-panel:target { visibility:visible;opacity:1;pointer-events:auto;z-index:1000; }

    .menu-open .menu .wow, .language-open #language-panel .wow, .menu:target .wow, #language-panel:target .wow { visibility:visible !important;opacity:1 !important; }


   
    .main h1 span { display: block;}
   
    body video { opacity:.6 }
    



@media (max-width:768px){
    .header { height:90px; }
    .header:before{ height:110px; }

    .header .container{ width:100%; }

    .header .logo img{ width:145px; }

    .header .phone { display:none; }

    .header .language { font-size:16px;margin-right:12px;padding-right:12px; }

    .header .right .text { font-size:16px; }

    .menu .links a{ font-size:14px;padding:30px 0px; }
    .menu .links a .fal{ font-size:20px; }
   

      .menu, #language-panel, .main:has(> .container) {   display:block;min-height: 100vh; padding:90px 0px 0px 0px;overflow:scroll; }

      .main.article .title{ font-size:40px;line-height:40px;margin-bottom:50px; }
    
    .main h1{ font-size:40px;line-height:40px; }



   

   
}