@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

/*colors*/
.bg-gray{background-color:#a6a6a6;}

html, body{width:100%; height:100%; -webkit-text-size-adjust:none; touch-action:pan-y;}

body{margin-top:56px; font-family: 'Lato', sans-serif; color:#656565; transition:all .25s linear;}
body.noScroll{overflow:hidden;}


a:link,a:hover,a:active,a:visited{text-decoration:none;}
a:link.secundary,a.secundary:hover,a.secundary:active,a.secundary:visited{color:var(--main-color);text-decoration:none;}

.w-1{width:1%!important;}
.h-1{height:1%!important;}

.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}

h1{font-size:1.75rem;}

/*skeleton*/
.header{background-color:transparent; transition:all .3s linear;}
.header.active{max-height:auto;}

.logo{padding:3rem 0; font-size:2rem; font-weight:700; color:#FFF; letter-spacing:4px; text-shadow:0 1px 2px rgba(0,0,0,0.6); transition:all .3s linear;}
.header.active .logo{padding:0; font-size:0;}

.navBar{z-index:1040; background-color:rgba(166,166,166,0.60); font-size:0; line-height:1;}
.logoTouch{font-size:1rem!important; font-weight:700; color:#FFF; letter-spacing:4px;}
.toggleNav{width:25px;}

.navTouch{top:0; z-index:1040; visibility:hidden; opacity:0; transition:all .2s linear;}
.navTouch.active{visibility:visible; opacity:1;}
.navTouch ul li{padding-bottom:15px; font-size:1.25rem; font-weight:700;}
.navTouch ul li:last-child{padding-bottom:0;}
.navTouch ul li a{color:#656565;}
.navTouch img{width:25px; height:25px; right:.9rem; top:1rem;}

.navMain{background-color:rgba(166,166,166,0.60);}
.navMain ul{font-size:0; line-height:1;}
.navMain ul li{padding:0 15px; display:inline-block; font-size:1.2rem;}
.navMain ul li a{display:block; color:#FFF; font-weight:700;}

.footer{font-size:.95rem}
.footer h5{margin-bottom:0; font-weight:700; font-size:.95rem;}
.footer p:last-child{margin-bottom:0;}
.footer a{color:#FFF;}


/*content*/
.overview h2{font-size:1rem; font-weight:700;}
.overview p{margin-bottom:0;}
.overview a{color:#656565;}

@media(min-width:768px){
body{margin-top:0;}
body.noHeader{padding-top:195px;}

/*skeleton*/
.footer{font-size:1rem;}
.footer h5{font-size:1rem;}
.footer img{height:50px;}

/*content*/
}

@media(min-width:992px){
/*skeleton*/
.navMain ul li{padding:0 20px;}
}

@media(min-width:1200px){


}