.main{
    /* background-image: url(../img/img-background.png); */
    background-position: center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 1004px;
    /* margin-top: 50px; */
    /* margin-bottom: 50px; */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.main-header{
    height: 275px;
    background-image: url(../img/background-top.png);
    background-position: center;
    background-repeat: no-repeat;
}

.main-middle{
    padding-bottom: 5.5rem;
    /* min-height: 72vh; */
    background-image: url(../img/background-center.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.img-logo-top{
    display: block;
    margin-top: 60px;
    opacity: 1;
    /*margin-left: 70px;*/
    margin-left: 100px;
    margin-bottom: 20px;
    max-width: 50% ;
    
}

.btn-top1{
    display: block;    
    width: 266px;
    height: 35px;   
    background: #E1EFF593 0% 0% no-repeat padding-box;
    border: 1px solid #E1EFF5;
    opacity: 1;
    text-align: center;
    font: normal normal 600 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #023B5A;
    margin-bottom: 10px;
    border-radius: 0px !important;
    margin-left: 60px;
    
}
.btn-top1:hover{
    background: #E1EFF5EA 0% 0% no-repeat padding-box;
}
/* .btn-top1:hover span{
  display: none;  
}

.btn-top1:hover:before {
    content:"Veja ficha técnica";
} */


.btn-top2{
    display: block;
    width: 266px;
    height: 35px;
    background: #023B5A 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 0px !important;
    margin-left: 60px;
    
}
.btn-top2:hover{
    background: #3CA0C9 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #FFFFFF;
}
/* .btn-top2:hover span{
    display: none;  
  }
  
.btn-top2:hover:before {
    content:"Download do catálogo completo";
} */


.menu-top{
    margin-top: 25px;
    min-height: 55vh;
}
.menu-botton{
    /* background: #3CA0C9 0% 0% no-repeat padding-box; */
    opacity: 1;
    width: 220px;
    /* height: 49px; */
    margin: 5px;
    text-align: center;
    font: normal normal 600 16px/49px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;   
}
.menu-botton:hover{
    background: #79C4E3 0% 0% no-repeat padding-box;
    opacity: 1;
}

.nav-link{
    padding: 0px !important;
}

.nav-pills{
    /* justify-content: center; */
    background: #023B5A 0% 0% no-repeat padding-box;
    padding-left: 17%;
}
.nav-pills .nav-link{
    border-radius: 0px !important;
}
a.nav-link{
    color: white;
}

.nav-link.active{
    /* background: #023B5A 0% 0% no-repeat padding-box !important; */
    background: #3CA0C9 0% 0% no-repeat padding-box !important;
}


.accordion-list{
    margin-top: 30px;
}

.card{
    max-width: 1410px;
    border-radius: 0px;
    background: transparent !important;
    border: none !important;
    margin-bottom: 5px;
}
.card-header{
    left: 255px;
    /* width: 1410px; */
    height: 40px;
    background: #023B5A 0% 0% no-repeat padding-box;
    opacity: 1;
}
.card-header:hover{
    
    background: #69C0E3 0% 0% no-repeat padding-box !important;
    opacity: 1;
}
.align-accordion{
    margin-left: auto;
    margin-right: auto;
    /* max-width: 84%; */
}
.accordion-title{    
    text-align: left;
    font: normal normal normal 16px/18px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.block-right{
    float: right;
}
.block-left{
    float: left;
}
.img-logo-l{
    margin-top: 11%;
    max-width: 85%;
}

.positionI{
    float: right;
}

.footerBack {
    background: #E1EFF5 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 191px;
    
    width: 100%;
}

.footer-img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;

}

.fa-angle-up {
    transition: all 0.3s ease;
 }
.btn-nav-accordion.collapsed .fa-angle-up {
  transform: rotate(180deg);
}


#myBtn {
    transition: all .25s ease-in-out;
    position: fixed;   
    display: inline-flex;
    color: white;
    background: #023B5A;
    
    font: normal normal normal 14px/16px Open Sans;
    letter-spacing: 0px;
    /* color: #023B5A; */
    opacity: 1;
    
    bottom: 5%;
    right: 10%;
    z-index: 99;
    font-size: 14px;
    border: none;
    outline: none;
    /* background-color: transparent; */
    /* color: black; */
    cursor: pointer;
    padding: 8px;
    border-radius: 12px;
}
  
  #myBtn:hover {
    background-color: black;
    color: white;
}

a:hover{
    text-decoration: none !important;
}

.card-body{
    padding: 0px;
}
.tBorder{
    border: 1px solid black !important;
    background: white;
}
.table-header{
    background: #C7E3EE 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center;

    font: normal normal bold 16px/24px Open Sans;
    letter-spacing: 0px;
    color: #3CA0C9;
    text-transform: uppercase;
    opacity: 1;
}
.tableH{
    margin-top: 15px !important;
    border-collapse: separate;
    border-spacing: 4px;
}

.table-font-big{
    text-align: left;
    font: normal normal bold 20px/25px Open Sans;
    letter-spacing: 0px;
    color: #3CA0C9;
    text-transform: uppercase;
    opacity: 1;
}
.table-font-normal{
    text-align: left;
    font: normal normal normal 17px/24px Open Sans;
    letter-spacing: 0px;
    color: #706F6F;
    opacity: 1;
}

.tsize1{
    width: 32%;
}
.tsize2{
    width: 45%;
}
.tsize3{
    width: 20%;
}
.tsize4{
    width: 25.5%;
}
.tsmall{
    font-size: 14px;
    text-transform: none;
}

.table thead th{
    vertical-align: middle !important;
}

.row {
    margin-right: 0px !important;
}

.logo-text{
    color: #023B5A;
    font: normal normal 600 18px/49px Open Sans;
    line-height: 80%;
    margin-top: 15%;
}
.p-logo-text-1{
    text-align: left;
    font: normal normal normal 24px/35px Open Sans;
    letter-spacing: 0px;
    color: #023B5A;
    text-transform: uppercase;
    opacity: 1;
}
.p-logo-text-2{
    text-align: left;
    font: normal normal bold 43px/43px Open Sans;
    letter-spacing: 0px;
    color: #023B5A;
    text-transform: uppercase;
    opacity: 1;
}
.p-logo-text-3{
    text-align: left;
    font: normal normal normal 20px/24px Open Sans;
    letter-spacing: 0px;
    color: #023B5A;
    text-transform: uppercase;
    opacity: 1;
}

.col-sm-12{
    padding-right: 0px !important;
}

.text-little{
    font-size: 14px;
}

@media only screen and (max-width: 1460px) {
	.menu-botton{
		/* width: 165px; */
        font: normal normal 600 18px/49px Open Sans;
	}

    .col-sm-2{
        flex: 0 0 11.666667%;
        max-width: 11.666667%;
    }

    .col-sm-8{
        flex: 0 0 76.666667%;
        max-width: 76.666667%;
    }

    .col-sm-4{
        flex: 0 0 35.333333%;
        max-width: 35.333333%;
    }
    .nav-pills{
        padding-left: 12%;
    }
}

@media only screen and (max-width: 1200px) {
	.menu-botton{
		/* width: 140px; */
        width: 215px;
        font: normal normal 600 16px/49px Open Sans;
	}
    .accordion-title{
        font: normal normal normal 16px/18px Open Sans;
    }
    .col-sm-2{
        flex: 0 0 9.666667%;
        max-width: 9.666667%;
    }

    .col-sm-8{
        flex: 0 0 80.666667%;
        max-width: 80.666667%;
    }

    .col-sm-4{
        flex: 0 0 37.333333%;
        max-width: 37.333333%;
    }

    .footer-img{        
        padding-top: 7%;    
    }
    .nav-pills{
        padding-left: 9%;
    }
}

@media only screen and (min-width: 992px) {
    .mobileM {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
	.menu-botton{
		width: 115px;
        font: normal normal 600 14px/42px Open Sans;
	}
    .accordion-title{
        font: normal normal normal 14px/18px Open Sans;
    }
    .col-sm-2{
        flex: 0 0 7.666667%;
        max-width: 7.666667%;
    }

    .col-sm-8{
        flex: 0 0 84.666667%;
        max-width: 84.666667%;
    }

    .col-sm-4{
        flex: 0 0 41.333333%;
        max-width: 41.333333%;
    }

    ul.nav-pills{
        justify-content: center;
    }
    /* */

    .nav-pills{
        display: none;
    }

    .mobileNav{
        background: #023B5A 0% 0% no-repeat padding-box;
    }

    .button-color{
        font-size: 1.75rem;
        color: white;
        padding: 0.25rem 3.75rem;
    }

    /* */

    .footer-img{        
        padding-top: 8%;    
    }

    .btn-top1{
        width: 200px;
        margin-left: 125px;
    }
    .btn-top2{
        width: 200px;
        margin-left: 125px;
        height: 52px;
    }
    .table-header{
        font: normal normal bold 14px/16px Open Sans;
    }

    .table-font-normal{
        font: normal normal normal 14px/18px Open Sans;
    }
    .table-font-big{
        font: normal normal bold 16px/19px Open Sans;
    }
    
    .img-logo-l{
        margin-top: 15%;
        width: 80%;
    }

}

@media only screen and (min-width: 768px) {
    .main-header-mobile{
        display: none;
    }
}

@media only screen and (max-width: 768px) {
	.footer-img{        
        padding-top: 10%;    
    }
    .col-sm-2{
        flex: 0 0 7.666667%;
        max-width: 7.666667%;
    } 
    
    .col-sm-8{
        flex: 0 0 86.666667%;
        max-width: 86.666667%;
    }
    
    .img-logo-l{
        margin-left: 5%;
    }
    .menu-top{
        padding-right: 0;
    }
    .main-header{
        display: none;
    }
    .centerM{
        display: flex;
        justify-content: center;
        margin-bottom: 6%;
    }

    .logo-mobile{
        margin-top: 10%;
    }

    .btn-top1{
        margin-left: 0px;
        width: 250px;
    }
    .btn-top2{
        margin-left: 0px;
        width: 250px;
        height: 35px;
    }
    .button-color{
        padding: 0.25rem 1.35rem;
    }
    .text-mobile{
        text-align: center;
    }
}

@media only screen and (max-width: 575px) {
	.footer-img{        
        padding-top: 18%;    
    }

    .img-logo-l{
        margin-top: 30%;
    }
    .table td{
        padding-right: 2px;
        padding-left: 2px;
    }
    .tsize2{
        width: 35%;
    }
    .tsize3 {
        width: 25%;
    }
    .tsize4 {
        width: 31.5%;
    }
    #myBtn {
        background: #023B5A;
        color: white;
    }
    .top-mobile-header{
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
}


@media only screen and (max-width: 425px) {
	.img-logo-l{
        margin-top: 45%;
    }
}