/*
Raimundo Ramalho Flex Grid
v 1.0.0
*/
body{margin: 0;padding: 0;}
.container{width:calc(100% - 30px);padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width: 1170px;}
.container-fluid{width:calc(100% - 30px);padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.flex{display: flex;}
.grid{display: flex;flex-wrap: wrap;}
.space-between{justify-content: space-between;}
.acenter{align-items: center;}

.gap{gap: 30px;}
.gap-1{gap: 1em;}
.gap-2{gap: 2em;}
.gap-3{gap: 3em;}
.gap-5{gap: 5%;}
.gap-10{gap: 10%;}

.item-2{width: 49.5%;}
.item-3{width: 33%;}
.item-3c{width: 66%;}
.item-4{width: 24.5%;}
.item-4c{width: 74.5%;}

.mob{display: none;}
@media (max-width:768px){.mob{display: block;}.desk{display: none;}}

img{max-width: 100%; height: auto;display: block;}
.img100 img, img.img100{width: 100%; height: auto;}

button{background: none;border: none;}

header nav{list-style: none;display: flex;gap: 2em;justify-content: center;padding: 0;margin: 0 -15px;}

header nav ul{list-style:none;}
header nav ul li{position:relative;display: inline-block;}
header nav ul li  ul{position:absolute;top:25px;left:0;background-color:#fff;display:none;}
header nav ul li:hover ul, header nav ul li.over ul{display:block;}
header nav ul li ul li{display:block;width:200px;}

.close-menu{display: none;}

@media screen and (max-width: 990px) {
    header nav {position: fixed;top: 0;right: 0;width: 100%;background: #003FA4;height: 100vh !important;justify-content: end;text-align: right;display: none;transition: 1s;}
    header nav.show-menu{right: 15px;display: block;}
    .close-menu {margin: 20px 30px;position: absolute;display: block;right: 0;z-index: 9;}
    header nav ul{flex-direction: column;padding-right: 30px;}
    header nav ul li ul {position: relative;top: 15px;left: 0;background-color: #fff;display: block;}
    header nav ul li ul li {display: block;width: auto;margin-bottom: 15px;}
}