#sectionFour{
    z-index: -3;
}
@media only screen and (min-width: 1050px){

            .containerSectionsBook{
                position: absolute;
                width: 100%;
                /* height: 1800px; */
                height: 100vh;
            }
            .sectionContact{
                display: none;
                position: relative;
                height: 1600px;
                width: 100%;
                margin-top: 5px;
                margin-left: 0;
                top: 0px;
                left: 0;
               

            }

            .fontLetterPage{
                font-family: sans-serif,Verdana,Tahoma;
            }
            .titleSection{
                position: relative;
                height: 50px;
                width: 65%;
                margin: 0 17%;
               
                
            background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
                text-align: center;
                color: #EEEEEE;
                
            }
            .titleSection a{
                
                font-size: 30px;
            
                
            }
            .formBooking{
                position: absolute;
                width: 65%;
                margin: 0 17%;
                height: auto;
            }
            .sectionsForm{
                position: relative;
                height: 75px;
                width: 100%;
            }
            .sectionsFormBook{
                position: absolute;
                width: 47%;
                height: 70px;
                margin: 0;
                
            }

            .iCell input{
                width: 100%;
                border: 1px solid #11131d;
                border-radius: 5px;
                height: 40px;
            }

            .sectionLeft{
                top: 0;
                left: 0;
            }
            .sectionRight{
                top: 0;
                right: 0;
            }
            .iCell{
                position: absolute;
                width: 100%;
            }
            .leftTop{
                top: 0;
                left: 0;
            }
            .leftBottom{
                bottom: 0;
                left: 0;
            }

            .btnAdd{
                background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
                color: #EEEEEE;
                width: 30%;
                height: 40px;
                text-align: center;
                border-radius: 5px;
                border: none;
            }
            .btnAdd:hover{
                background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgb(41, 57, 75) 94%);
            }
            .btnAdd div{
            margin: 6% auto;
            }
            .btnAdd:hover{
                background-color: #6B6D6F;
            }

            .IdataBookSelect{
                width: 100%;
                border: 1px solid #11131d;
                border-radius: 5px;
                height: 40px;
            }

            .lineNewSection{
                position: relative;
                margin-top: 2%;
                height: 30px;
                width: 100%;
                background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
                color: #EEEEEE;
                font-size: 20px;
                text-align: center;
                
            }


            .lineNewSectionParragraf{
                position: relative;
                height: 80px;
                width: 100%;
            }

            .dimensionSection{
                position: relative;
                height: 300px;
                width: 100%;
                margin-top: 2%;

            }
            .dimensionCargo{
                position: absolute;
                height: 100%;
                width: 50%;
                top: 0;
            }
            .dimensionLeft{
                left: 0;
            }
            .dimensionRight{
                right: 0;
            }
            .dimSections{
                position: static;
                height: 70px;
                width: 100%;

            }
            .dimSection{
                position: absolute;
                height: 100%;
            }

            .dimSectionLeft{
                left: 0;
                width: 25%;
            }
            .dimSectionRight{
                right: 0;
                width: 70%;
            }

            .sectionsFormBookDim{
                position: absolute;
                width: 100%;
                height: 70px;
                margin: 0;
            }
            .dimSectionRight img{
                width: 99%;
                margin:25%  auto;
            }

            .btnRight{
                position: absolute;
                right: 0;
            }
            .btnLeft{
                position: absolute;
                left: 0;
            }
            .btnMiddle{
                position: absolute;
                left: 35%;
            }
            .resumeCargo{
                position: absolute;
                width: 100%;
                height: 50px;
            }
            .resume{
                height: 40px;
                width: 33.3%;
            }
            .resumeLeft{
                position: relative;
                left: 0;
                top: 0;
            }
            .resumeMiddle{
                position: absolute;
                top: 0;
                left: 33.4%;
            }
            .resumeRight{
                position: absolute;
                top: 0;
                right: 0;
            }
            .dataConfirm{
                position: relative;
                width: 100%;
                height: 120px;
                top: 40px;
                
            }
            #sendQuote{
                margin: 3%;
            }

            .containerDraw{
                position: relative;
                height: 150px;
                width: 350px;
                border: 1px solid #11131d;
                margin: 15% 0%;
                background-color:transparent;
            }
            #volumeContainer{
                position: absolute;
                right: 0;
                height: 100%;
                width: 1%;
                background-color: orange;
                
            }
            .percent{
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                width: 100%;
                height: 80%;
                margin:5% 0;
                font-size: 80px;
                text-align: center;
                z-index: 2;
            }
            .percent p{
                z-index: 10;
            }


            .containerPopUpService{
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color:  rgba(0,0,0,0.6);
                height: 100vh;
                width: 100%;
                
            }
            .alertPopUp{
               
                position: absolute;
                height: 80%;
                width: 70%;
                background-color: #FFFFFF;
                margin: 5% 15%;
            }
            .alertP{
                position: relative;
                width: 80%;
                height: 250px;
                top: 0;
                left: 0;
                margin: 1% 10%;
                font-size: 20px;
                text-align: center;
            }
            .alertP p{
                margin-top: 5%;
                font-size: 20px;
            }
            .logoIcon{
                position: relative;
                height: 90px;
                width: 100%;
                text-align: center;
                margin-top: 2%;
            }
            .logoIcon img{
                height: 100%;
            }
            .maintenance{
                position: absolute;
                bottom: 180px;
                width: 100%;
                height: 240px;
                text-align: center;
            }
            #maintenanceIcon{
                height: 100%;
            }
            .buttomsRedirect{
                position: absolute;
                width: 60%;
                height: 50px;
                bottom: 40px;
                margin: 0 20%;
                cursor: pointer;
            }
            .btnRedirect{
                position: absolute;
                width: 150px;
                height: 100%;
                color: #EEEEEE;
                border: none;
                background-color: #11131d;
                font-size: 20px;
            }
            .btnRedirect:hover{
                background-color: #6B6D6F;
            } 
           
            #btnContact{
                right: 0;
                
            }
            #btnInicio{
                left: 0;
            }


}
@media only screen and (min-width: 992px) and (max-width: 1049px){

    .containerSectionsBook{
        position: absolute;
        width: 100%;
        /* height: 1900px; */
        height: 100vh;
        
    }
    .sectionContact{
        display: none;
        position: relative;
        height: 1600px;
        width: 100%;
        margin-top: 5px;
        margin-left: 0;
        top: 0px;
        left: 0;

    }

    .fontLetterPage{
        font-family: sans-serif,Verdana,Tahoma;
    }
    .titleSection{
        position: relative;
        height: 50px;
        width: 80%;
        margin-left:10%;
       
        
    background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        text-align: center;
        color: #EEEEEE;
        
    }
    .titleSection a{
        
        font-size: 30px;
    
        
    }
    .formBooking{
        position: absolute;
        width: 80%;
        margin-left:10%;
        height: auto;
    }
    .sectionsForm{
        position: relative;
        height: 75px;
        width: 100%;
    }
    .sectionsFormBook{
        position: absolute;
        width: 47%;
        height: 70px;
        margin: 0;
        
    }

    .iCell input{
        width: 100%;
        border: 1px solid #11131d;
        border-radius: 5px;
        height: 40px;
    }

    .sectionLeft{
        top: 0;
        left: 0;
    }
    .sectionRight{
        top: 0;
        right: 0;
    }
    .iCell{
        position: absolute;
        width: 100%;
    }
    .leftTop{
        top: 0;
        left: 0;
    }
    .leftBottom{
        bottom: 0;
        left: 0;
    }

    .btnAdd{
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        color: #EEEEEE;
        width: 30%;
        height: 40px;
        text-align: center;
        border-radius: 5px;
    }
    .btnAdd div{
    margin: 6% auto;
    }
    .btnAdd:hover{
        background-color: #6B6D6F;
    }

    .IdataBookSelect{
        width: 100%;
        border: 1px solid #11131d;
        border-radius: 5px;
        height: 40px;
    }

    .lineNewSection{
        position: relative;
        margin-top: 2%;
        height: 30px;
        width: 100%;
        /* background-color: #11131d; */
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        color: #EEEEEE;
        font-size: 20px;
        text-align: center;
        
    }


    .lineNewSectionParragraf{
        position: relative;
        height: 80px;
        width: 100%;
    }

    .dimensionSection{
        position: relative;
        height: 300px;
        width: 100%;
        margin-top: 2%;
    }
    .dimensionCargo{
        position: absolute;
        height: 100%;
        width: 50%;
        top: 0;
    }
    .dimensionLeft{
        left: 0;
    }
    .dimensionRight{
        right: 0;
    }
    .dimSections{
        position: static;
        height: 70px;
        width: 100%;
    }
    .dimSection{
        position: absolute;
        height: 100%;
    }

    .dimSectionLeft{
        left: 0;
        width: 25%;
    }
    .dimSectionRight{
        right: 0;
        width: 70%;
    }

    .sectionsFormBookDim{
        position: absolute;
        width: 100%;
        height: 70px;
        margin: 0;
    }
    .dimSectionRight img{
        width: 99%;
        margin:25%  auto;
    }

    .btnRight{
        position: absolute;
        right: 0;
    }
    .btnLeft{
        position: absolute;
        left: 0;
    }
    .resumeCargo{
        position: absolute;
        width: 100%;
        height: 50px;
    }
    .resume{
        height: 40px;
        width: 33.3%;
    }
    .resumeLeft{
        position: relative;
        left: 0;
        top: 0;
    }
    .resumeMiddle{
        position: absolute;
        top: 0;
        left: 33.4%;
    }
    .resumeRight{
        position: absolute;
        top: 0;
        right: 0;
    }
    .dataConfirm{
        position: relative;
        width: 100%;
        height: 120px;
        top: 40px;
        
    }
    #sendQuote{
        margin: 3%;
    }

    
    .containerPopUpService{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color:  rgba(0,0,0,0.6);
        height: 100vh;
        width: 100%;
    }
    .alertPopUp{
        position: absolute;
        height: 70%;
        width: 70%;
        background-color: #FFFFFF;
        margin: 10% 15%;
    }
    .alertP{
        position: relative;
        width: 80%;
        height: 250px;
        top: 0;
        left: 0;
        margin: 1% 10%;
        font-size: 20px;
        text-align: center;
    }
    .alertP p{
        margin-top: 5%;
        font-size: 18px;
    }
    .logoIcon{
        position: relative;
        height: 90px;
        width: 100%;
        text-align: center;
        margin-top: 2%;
    }
    .logoIcon img{
        height: 100%;
    }
    .maintenance{
        position: absolute;
        bottom: 180px;
        width: 100%;
        height: 240px;
        text-align: center;
    }
    #maintenanceIcon{
        height: 100%;
    }
    .buttomsRedirect{
        position: absolute;
        width: 80%;
        height: 50px;
        bottom: 80px;
        margin: 0 10%;
        cursor: pointer;
        font-size: 20px;
    }
    .btnRedirect{
        position: absolute;
        width: 150px;
        height: 100%;
        color: #EEEEEE;
        border: none;
        background-color: #11131d;
    }
    .btnRedirect:hover{
        background-color: #6B6D6F;
    } 
   
    #btnContact{
        right: 0;
        
    }
    #btnInicio{
        left: 0;
    }

}

@media only screen and (min-width: 740px) and (max-width: 991px){

    .containerSectionsBook{
        position: absolute;
        width: 100%;
        /* height: 1900px; */
        height: 100vh;
    }
    .sectionContact{
        display: none;
        position: relative;
        height: 1600px;
        width: 100%;
        margin-top: 5px;
        margin-left: 0;
        top: 0px;
        left: 0;
       z-index: -2;

    }

    .fontLetterPage{
        font-family: sans-serif,Verdana,Tahoma;
    }
    .titleSection{
        position: relative;
        height: 50px;
        width: 90%;
        margin-left:5%;
        
    background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        text-align: center;
        color: #EEEEEE;
        
    }
    .titleSection a{
        
        font-size: 30px;
    
        
    }
    .formBooking{
        position: absolute;
        width: 90%;
        margin-left:5%;
        height: auto;
    }
    .sectionsForm{
        position: relative;
        height: 75px;
        width: 100%;
    }
    .sectionsFormBook{
        position: absolute;
        width: 47%;
        height: 70px;
        margin: 0;
    }

    .iCell input{
        width: 100%;
        border: 1px solid #11131d;
        border-radius: 5px;
        height: 40px;
    }

    .sectionLeft{
        top: 0;
        left: 0;
    }
    .sectionRight{
        top: 0;
        right: 0;
    }
    .iCell{
        position: absolute;
        width: 100%;
    }
    .leftTop{
        top: 0;
        left: 0;
    }
    .leftBottom{
        bottom: 0;
        left: 0;
    }

    .btnAdd{
        /* background-color: #11131d; */
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        color: #EEEEEE;
        width: 30%;
        height: 40px;
        text-align: center;
        border-radius: 5px;
    }
    .btnAdd div{
    margin: 6% auto;
    }
    .btnAdd:hover{
        background-color: #6B6D6F;
    }

    .IdataBookSelect{
        width: 100%;
        border: 1px solid #11131d;
        border-radius: 5px;
        height: 40px;
    }

    .lineNewSection{
        position: relative;
        margin-top: 2%;
        height: 30px;
        width: 100%;
        /* background-color: #11131d; */
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        color: #EEEEEE;
        font-size: 20px;
        text-align: center;
        
    }


    .lineNewSectionParragraf{
        position: relative;
        height: 80px;
        width: 100%;
    }

    .dimensionSection{
        position: relative;
        height: 300px;
        width: 100%;
        margin-top: 2%;

    }
    .dimensionCargo{
        position: absolute;
        height: 100%;
        width: 50%;
        top: 0;
    }
    .dimensionLeft{
        left: 0;
    }
    .dimensionRight{
        right: 0;
    }
    .dimSections{
        position: static;
        height: 70px;
        width: 100%;

    }
    .dimSection{
        position: absolute;
        height: 100%;
    }

    .dimSectionLeft{
        left: 0;
        width: 25%;
    }
    .dimSectionRight{
        right: 0;
        width: 70%;
    }

    .sectionsFormBookDim{
        position: absolute;
        width: 100%;
        height: 70px;
        margin: 0;
    }
    .dimSectionRight img{
        width: 99%;
        margin:25%  auto;
    }

    .btnRight{
        position: absolute;
        right: 0;
    }
    .btnLeft{
        position: absolute;
        left: 0;
    }
    .resumeCargo{
        position: absolute;
        width: 100%;
        height: 50px;
    }
    .resume{
        height: 40px;
        width: 33.3%;
    }
    .resumeLeft{
        position: relative;
        left: 0;
        top: 0;
    }
    .resumeMiddle{
        position: absolute;
        top: 0;
        left: 33.4%;
    }
    .resumeRight{
        position: absolute;
        top: 0;
        right: 0;
    }
    .dataConfirm{
        position: relative;
        width: 100%;
        height: 120px;
        top: 40px;
        
    }
    #sendQuote{
        margin: 3%;
    }

    
    .containerPopUpService{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color:  rgba(0,0,0,0.6);
        height: 100vh;
        width: 100%;
    }
    .alertPopUp{
        position: absolute;
        height: 70%;
        width: 90%;
        background-color: #FFFFFF;
        margin: 15% 5%;
    }
    .alertP{
        position: relative;
        width: 80%;
        height: 250px;
        top: 0;
        left: 0;
        margin: 1% 10%;
        font-size: 20px;
        text-align: center;
    }
    .alertP p{
        margin-top: 5%;
        font-size: 18px;
    }
    .logoIcon{
        position: relative;
        height: 90px;
        width: 100%;
        text-align: center;
        margin-top: 2%;
    }
    .logoIcon img{
        height: 100%;
    }
    .maintenance{
        position: absolute;
        bottom: 130px;
        width: 100%;
        height: 240px;
        text-align: center;
    }
    #maintenanceIcon{
        height: 100%;
    }
    .buttomsRedirect{
        position: absolute;
        width: 70%;
        height: 50px;
        bottom: 80px;
        margin: 0 15%;
        cursor: pointer;
        font-size: 20px;
    }
    .btnRedirect{
        position: absolute;
        width: 150px;
        height: 100%;
        color: #EEEEEE;
        border: none;
        background-color: #11131d;
        font-size: 20;
    }
    .btnRedirect:hover{
        background-color: #6B6D6F;
    } 
   
    #btnContact{
        right: 0;
        
    }
    #btnInicio{
        left: 0;
    }

}

@media only screen and (max-width: 739px){

    .containerSectionsBook{
        position: absolute;
        width: 100%;
        height: 100vh;
        /* height: 2600px; */
        
    }
    .sectionContact{
        display: none;
        position: relative;
        height: 2100px;
        width: 100%;
        margin-top: 5px;
        margin-left: 0;
        top: 0px;
        left: 0;
       z-index: -2;
    }

    .fontLetterPage{
        font-family: sans-serif,Verdana,Tahoma;
    }
    .titleSection{
        position: relative;
        height: 50px;
        width: 90%;
        margin-left:5%;
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        text-align: center;
        color: #EEEEEE;
        
    }
    .titleSection a{
        
        font-size: 25px;
    
        
    }
    .formBooking{
        position: absolute;
        width: 90%;
        margin-left:5%;
        height: 2100px;
    }
    .sectionsForm{
        position: relative;
        height: 140px;
        width: 100%;
    }
    .sectionsFormBook{
        position: relative;
        width: 100%;
        height: 70px;
        margin: 0;
        }

    .iCell input{
        width: 100%;
        border: 1px solid #11131d;
        border-radius: 5px;
        height: 40px;
    }

    .sectionLeft{
        top: 0;
        left: 0;
    }
    .sectionRight{
        top: 0;
        right: 0;
    }
    .iCell{
        position: absolute;
        width: 100%;
    }
    .leftTop{
        top: 0;
        left: 0;
    }
    .leftBottom{
        bottom: 0;
        left: 0;
    }

    .btnAdd{
        
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        color: #EEEEEE;
        width: 30%;
        height: 40px;
        text-align: center;
        border-radius: 5px;
        
    }
    .btnAdd div{
    margin: 6% auto;
    }
    .btnAdd:hover{
        background-color: #6B6D6F;
    }

    .IdataBookSelect{
        width: 100%;
        border: 1px solid #11131d;
        border-radius: 5px;
        height: 40px;
    }

    .lineNewSection{
        position: relative;
        margin-top: 2%;
        height: 30px;
        width: 100%;
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        color: #EEEEEE;
        font-size: 20px;
        text-align: center;
        
    }
    .lineNewSectionParragraf a{
        position: absolute;
        bottom: 0;
    }


    .lineNewSectionParragraf{
        position: relative;
        height: 150px;
        width: 100%;
    }

    .dimensionSection{
        position: relative;
        height: 350px;
        width: 100%;
        margin-top: 2%;
    }
    .dimensionCargo{
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
    }
    .dimensionLeft{
        left: 0;
    }
    .dimensionCells{
        height: 80px;
    }
    .dimensionRight{
        display: none;
        right: 0;
    }
    .dimSections{
        position: static;
        height: 70px;
        width: 100%;

    }
    .dimSection{
        position: absolute;
        height: 100%;
    }

    .dimSectionLeft{
        left: 0;
        width: 25%;
    }
    .dimSectionRight{
        right: 0;
        width: 70%;
    }

    .sectionsFormBookDim{
        position: absolute;
        width: 100%;
        height: 70px;
        margin: 0;
    }
    .dimSectionRight img{
        width: 99%;
        margin:25%  auto;
    }

    .btnRight{
        position: absolute;
        right: 0;
    }
    .btnLeft{
        position: absolute;
        left: 0;
    }
    .sectionBtnWeight{
        height: 45px;
    }
    
    #addContainer, #addBox{
        width: 120px;
    }
    .resumeCargo{
        position: absolute;
        width: 100%;
        height: 50px;
    }
    .resume{
        height: 40px;
        width: 33.3%;
    }
    .resumeLeft{
        position: relative;
        left: 0;
        top: 0;
    }
    .resumeMiddle{
        position: absolute;
        top: 0;
        left: 33.4%;
    }
    .resumeRight{
        position: absolute;
        top: 0;
        right: 0;
    }
    .dataConfirm{
        position: relative;
        width: 100%;
        height: 120px;
        top: 40px;
        
    }
    #sendQuote{
        margin: 3%;
    }

    
    .containerPopUpService{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color:  rgba(0,0,0,0.6);
        height: 100vh;
        width: 100%;
    }
    .alertPopUp{
        position: absolute;
        height: 90%;
        width: 90%;
        background-color: #FFFFFF;
        margin: 2% 5%;
    }
    .alertP{
        position: relative;
        width: 80%;
        height: auto;
        top: 0;
        left: 0;
        margin: 1% 10% 0 10%;
        font-size: 20px;
        text-align: center;
    }
    .alertP p{
        margin-top: 5%;
        font-size: 18px;
        /* padding-bottom: 20px; */
    }
    .logoIcon{
        position: relative;
        height: 90px;
        width: 100%;
        text-align: center;
        margin-top: 2%;
    }
    .logoIcon img{
        height: 100%;
        /* margin: 0% 10% 0 10%; */
        
    }
    .maintenance{
        position: relative;
        /* bottom: 110px; */
        width: 100%;
        height: 200px;
        text-align: center;
    }
    #maintenanceIcon{
        /* position: absolute; */
        /* bottom: 0px; */
        height: 100%;
        /* margin: 0 25% ; */
    }
    .buttomsRedirect{
        position: absolute;
        width: 40%;
        height: 120px;
        bottom: 10px;
        margin: 0 30%;
        cursor: pointer;
        font-size: 20px;
    }
    .btnRedirect{
        position: absolute;
        width: 100%;
        height: 50px;
        color: #EEEEEE;
        border: none;
        background-color: #11131d;
        
    }
    .btnRedirect:hover{
        background-color: #6B6D6F;
    } 
   
    #btnContact{
        left: 0;
        bottom: 0;
    }
    #btnInicio{
        left: 0;
        top:15px;
    }
}