@font-face{font-family:'cruiserfortress3d';src:url(../fonts/cruiserfortress/cruiserfortress3d.ttf)}
body{ font-family: 'Roboto'; font-size: 20px; overflow-x: hidden;}
main{ min-height: 90vh; padding-bottom: 15px;}
a{text-decoration:none!important}
header{position:fixed;top:0;left:0;z-index:10;height:50px;width:100%}
header span{font-size:24px}
.pd-20{padding:20px}
.mg-top-5{ margin-top:5px; }
.mg-top-20{ margin-top:20px; }
.mg-top-40{ margin-top:40px;}
.mg-top-60{ margin-top:60px;}
.mg-top-80{ margin-top:80px;}
.cursorpointer{cursor:pointer}
.img-logo{width:180px;border-radius:100px}
#Home{position:relative;height:100vh;width:100%}
.sidenav{height:100%;width:350px;position:fixed;z-index:1;top:0;right:0;overflow-x:hidden;padding-top:5px;opacity:.8;z-index:11;background:linear-gradient(#ed7a1d,#f3e500);background-repeat:repeat;color:#fff;display:none}
#menu-header{color:#f3cb14}
#closeMenu{position:fixed;right:25px;top:25px;color:#fff;cursor:pointer;z-index:10}
#BlockMenu{position:relative;margin-top:2vh;text-align:left;line-height:38px;font-size:20px}
.item-menu{text-align:center;font-size:20px;padding-top:5px;padding-bottom:5px}
.item-menu:hover{background-color:rgba(255,255,255,.4);color:#000!important}
a .item-menu{color:#c31612}
#CompanyName{position:absolute;width:100%;text-align:center;top:30px;left:0}
#CompanyLogo{position:absolute;width:100%;text-align:center;bottom:60px;left:0}
#CompanyName span{font:700 4em/1 Oswald,sans-serif;letter-spacing:0;padding:.25em 0 .325em;display:block;margin:0 auto;text-shadow:0 0 80px rgba(255,255,255,.5);background:url(../images/animated_text_fill.png) repeat-y;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-animation:aitf 60s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden
}
#Concept{ padding-top: 120px; padding-bottom: 120px;}
.title_concept{ font-size: 38px;  color:#e7b512;}
.content_concept{ margin-top: 20px; text-align: justify; font-size: 20px;}

.tabFlexPicture{ position: relative;}
.tabFlexPicture img {
    filter: brightness(30%);
    -webkit-filter: brightness(30%);
}
.tabFlexPicture img:hover {
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
}

.tabMenuFlexPicture img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.tabMenuFlexPicture  img:hover {
  -webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.title-news h4{ font-size: 14pt;}
.content-news{ font-size: 10pt;}
.date-news small{ font-size: 9pt;}
.pd-right-10{ padding-right: 10px;}
.img_header{ width: 120px; z-index: 99;}
#LastNews{ padding-top: 35px; padding-bottom: 35px;}
#Event{ background: linear-gradient(90deg, rgb(255, 238, 3), rgb(218, 147, 33)); padding-top: 15px; padding-bottom: 15px;text-align:center; font-size: 20pt; font-weight: bold;}
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: rgb(3, 3, 3);
	border-radius: 10px;
}

body::-webkit-scrollbar
{
	width: 5px;
	background-color: rgb(7, 7, 7);
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: rgb(8, 8, 8);
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(rgb(250, 231, 58)),
									   to(rgb(228, 206, 7)),
									   color-stop(.6,rgb(211, 208, 30)))
}

@-webkit-keyframes aitf{
                0%{background-position:0 50%}
                100%{background-position:100% 50%}
    }


    #Home .scrollmove {
        position: relative;
        z-index: 99;
      }
      #Home .scrollmove span {
        position: absolute;
        top: 90vh;
        left: 50%;
        width: 24px;
        height: 24px;
        margin-left: -12px;
        border-left: 4px solid #e7b512;
        border-bottom: 4px solid #e7b512;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: sdb07 2s infinite;
        animation: sdb07 2s infinite;
        opacity: 0;
        box-sizing: border-box;
      }
      #Home .scrollmove span:nth-of-type(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
      }
      #Home .scrollmove span:nth-of-type(2) {
        top: 92vh;
        -webkit-animation-delay: .15s;
        animation-delay: .15s;
      }
      #Home .scrollmove span:nth-of-type(3) {
        top: 94vh;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
      }
    
    
    
      @-webkit-keyframes sdb07 {
        0% {
          opacity: 0;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      @keyframes sdb07 {
        0% {
          opacity: 0;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
.card-effect{
  -webkit-box-shadow: 10px 10px 9px -3px rgba(120,120,116,0.48);
-moz-box-shadow: 10px 10px 9px -3px rgba(120,120,116,0.48);
box-shadow: 10px 10px 9px -3px rgba(120,120,116,0.48);
}

.img-menu{ width: 200px; height: auto; text-align: center;}

footer{ position: relative; background-color: rgba(0,0,0,0.6); color:#fff; padding-top: 15px; padding-bottom: 15px; font-size: 10pt;}