body.no-click * {
    pointer-events: none;
}
body{
    background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
}

.btnClose:hover{
    cursor: pointer;
}
.DescriptionServices{
    text-align: justify;
}
#sectionFour{
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 1050px){
            
            .containerSections{
                position: relative;
                
                height: 1450px;
                width: 100%;
            }

            .containerServices{
                position: relative;
                left: 0;
                height: 1350px;
                width: 100%;
                
            }


            .Sections{
                margin: 0;
            }




            #SectionTwo{
                position: relative;
                margin-top: 1%;
                height: 650px; 
                width: 100%;
                top: 0px; 
                 
            }

            .carousel > .carousel-inner > .carousel-item > img{
              
                height:650px;
            }
                #SlideButtoms{
                    position: absolute;
                
                    top: 45%;
                    height: 100px;
                    width: 94%;
                    margin: 2%;
                    
                }
                    #SlideButtoms button{
                        position: relative;
                        height: 90px;
                        width: 100%;
                        background-color: transparent;
                        font-size: 50px;
                        color: #EEEEEE;
                        border-radius: 5px;
                        border-color: transparent;
                        opacity: 0.6;
                    } 
                    
            
                #LeftButtom{
                    position: relative;
                    height: 90px;
                    width: 50px;
                    left: 0px;  
                    top: 0px;  
                }
                #RigthButtom{
                    position: absolute;
                    height: 90px;
                    width: 50px;
                    top: 0px;
                    right: 0px;    
                }
                #listServices{
                    
                    border-radius: 0;
                    padding: 0;
                    margin: 0;
                }
                .listHover:hover{
                    background-color: #11131d !important;
                    color: #EEEEEE !important;
                }

                /******************************
                    Section Services
                ********************************/
            #SectionThree{
                position: relative;
                margin: 0;
                height: 700px;
                width: 100%;
                top: 0px;
                background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
            
                
            }
                .TitleServices{
                    position: relative;
                    width: 100%;
                    top: 0px;
                    height: 80px;
                    background-color: #FFFFFF;
                    text-align: center;
                    
                }
                .TitleServices h2{
                    position: relative;top: 25%;
                    font-family: sans-serif,Verdana,Tahoma;
                    
                }
                .ServicesSection{
                    position: absolute;
                    width: 100%;
                    height: 600px;
                    

                }   
                    .Services{
                        
                        height: 550px;
                        width: 25%;
                        margin: 2% 5%;
                        border-radius: 10px;
                        background-color: #FFFFFF;
                        
                    }
                    #ServicesLeft{
                        position: absolute;
                        border-color: #D5D8DC;
                        top: 0;
                        left: 0;
                        
                    }
                    #ServicesMiddle{
                        position: absolute;
                        border-color: #D5D8DC;
                        left: 33%;
                        top: 0;
                    
                    }
                    #ServicesRight{
                        position: absolute;
                        right: 0;
                        top: 0;
                        
                    }
                            .service{
                                position: relative;
                                height: 200px;
                                width: 200px;
                                margin: 15% auto;
                            }
                            .service img{
                            
                                width: 100%;

                            }
                            .service:hover{
                                cursor: pointer;
                                opacity: 0.7;
                            }
                            
                           

                    /*popUp section*/

                    .containerPopUpService{
                        background-color: rgba(0,0,0,0.6);
                        position: fixed;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        visibility: hidden;
                        z-index: 10;
                        
                    }
                    .containerPopUpService.active{
                        visibility: visible;
                        

                    }
                    .serviceDescription{
                        position: absolute;
                        height: 600px;
                        width: 70%;
                        margin: 10% 15%;
                        background-color: #FFFFFF;
                        border-radius: 0px;
                        text-align: justify;
                        }
                    
                    .btnClose{
                        position: relative;
                        height: 60px;
                        width: 100%;
                        background-color: transparent;
                    
                        
                    }
                    .btnClose div{
                        position: absolute;
                        bottom: 0;
                        height: 50px;
                        width: 40px;
                        right: 10px;
                        text-align: center;
                        font-size: 30px;
                        
                        }
                    .DescriptionServices{
                        position: relative;
                        width: 80%;
                        height: 300px;
                        margin: 0 10%;
                        font-size: 20px;
                        font-family: sans-serif,Verdana,Tahoma;
                    }
                    .sectionContact{
                        position: absolute;
                        bottom: 30px;
                        height: 40px;
                        width: 80%;
                        margin: 1% 10%;
                    }

                    .btnContact{
                        position: absolute;
                        
                        right: 0;
                        width: 200px;
                        height: 40px;
                        background-color: #11131d;
                        color: #EEEEEE;
                        text-align: center;
                        
                    }
                    .btnServices{
                        position: absolute;
                        
                        left: 0;
                        width: 200px;
                        height: 40px;
                        background-color: #11131d;
                        color: #EEEEEE;
                        text-align: center;
                        
                    }
                    .btnModel div{
                        position: absolute;
                        left: 10%;
                        width: 80%;
                        height: 80%;
                        margin-top: 2%;
                        font-family: sans-serif,Verdana,Tahoma;
                        font-size: 20px;
                        
                    }
                    .btnModel a{
                        text-decoration: none;
                        color: #EEEEEE;
                        margin: 5%;
                        height: 100%;
                    }
                    .hideService{
                        display: none;
                        
                        
                    }
                    #service-Freight.active{
                        display: block;
                    }
                    #service-Trucking.active{
                        display: block;
                    }
                    #service-Training.active{
                        display: block;
                    }
                    #service-Marketing.active{
                        display: block;
                    }
                    #service-Clearance.active{
                        display: block;
                    }
                    #service-doorInsurance.active{
                        display: block;
                    }
}

@media only screen and (min-width: 992px) and (max-width: 1049px){
   
    .containerSections{
        position: relative;
        height: 1350px;
        width: 100%;
    }

    .containerServices{
        position: relative;
       
        
        height: 1250px;
        width: 100%;
        
    }


    .Sections{
        margin: 0;
    }
/******************************
            Section Services
********************************/
    #SectionThree{
        position: relative;
        margin: 0;
        height: 740px;
        width: 100%;
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
     }
        .TitleServices{
            position: relative;
            width: 100%;
            top: 0px;
            height: 80px;
            background-color: #FFFFFF;
            text-align: center;
            
        }
        .TitleServices h2{
            position: relative;top: 25%;
            font-family: sans-serif,Verdana,Tahoma;
            
        }
        .ServicesSection{
            position: absolute;
            width: 100%;
            height: 600px;
            

        }   
            .Services{
                
                height: 550px;
                width: 25%;
                margin: 2% 5%;
                border-radius: 10px;
                background-color: #FFFFFF;
                
            }
            #ServicesLeft{
                position: absolute;
                border-color: #D5D8DC;
                top: 0;
                left: 0;
                
            }
            #ServicesMiddle{
                position: absolute;
                border-color: #D5D8DC;
                left: 33%;
                top: 0;
            
            }
            #ServicesRight{
                position: absolute;
                right: 0;
                top: 0;
                
            }
                    .service{
                        position: relative;
                        height: 200px;
                        width: 200px;
                        margin: 15% auto;
                    }
                    .service img{
                    
                        width: 100%;

                    }
                    .service:hover{
                        cursor: pointer;
                        opacity: 0.7;
                    }
                    
                   

            /*popUp section*/

            .containerPopUpService{
                background-color: rgba(0,0,0,0.6);
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                visibility: hidden;
                z-index: 10;
                
            }
            .containerPopUpService.active{
                visibility: visible;
                

            }
            .serviceDescription{
                position: absolute;
                height: 600px;
                width: 70%;
                margin: 10% 15%;
                background-color: #FFFFFF;
                border-radius: 0px;
                text-align: justify;
                }
            
            .btnClose{
                position: relative;
                height: 60px;
                width: 100%;
                background-color: transparent;
            
                
            }
            .btnClose div{
                position: absolute;
                bottom: 0;
                height: 50px;
                width: 40px;
                right: 10px;
                text-align: center;
                font-size: 30px;
                
                }
            .DescriptionServices{
                position: relative;
                width: 80%;
                height: 300px;
                margin: 0 10%;
                font-size: 20px;
                font-family: sans-serif,Verdana,Tahoma;
            }
            .sectionContact{
                position: absolute;
                bottom: 30px;
                height: 40px;
                width: 80%;
                margin: 1% 10%;
            }

            .btnContact{
                position: absolute;
                
                right: 0;
                width: 200px;
                height: 40px;
                background-color: #11131d;
                color: #EEEEEE;
                text-align: center;
                
            }
            .btnServices{
                position: absolute;
                
                left: 0;
                width: 200px;
                height: 40px;
                background-color: #11131d;
                color: #EEEEEE;
                text-align: center;
                
            }
            .btnModel div{
                position: absolute;
                left: 10%;
                width: 80%;
                height: 80%;
                margin-top: 2%;
                font-family: sans-serif,Verdana,Tahoma;
                font-size: 20px;
                
            }
            .btnModel a{
                text-decoration: none;
                color: #EEEEEE;
                margin: 5%;
                height: 100%;
            }
            .hideService{
                display: none;
                
                
            }
            #service-Freight.active{
                display: block;
            }
            #service-Trucking.active{
                display: block;
            }
            #service-Training.active{
                display: block;
            }
            #service-Marketing.active{
                display: block;
            }
            #service-Clearance.active{
                display: block;
            }
            #service-doorInsurance.active{
                display: block;
            }

}

@media only screen and (min-width: 740px) and (max-width: 991px){
    
   
    .containerSections{
        position: relative;
        height: 1300px;
        width: 100%;
    }

    .containerServices{
        position: relative;
        top: 90px;
        left: 0;
        height: 950px;
        width: 100%;
        top: 0;
    }
     .Sections{
        margin: 0;
    }

    .carousel{
        height: 410px !important;
    }
    .carousel-inner{
        height: 410px !important; 
    }
    .carousel-caption{
        bottom: 120px !important;
    }
 /******************************
            Section Services
 ********************************/
    #SectionThree{
        position: relative;
        margin: 0;
        height:500px;
        width: 100%;
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
    
        
    }
        .TitleServices{
            position: relative;
            width: 100%;
            top: 0px;
            height: 80px;
            background-color: #FFFFFF;
            text-align: center;
            
        }
        .TitleServices h2{
            position: relative;top: 25%;
            font-family: sans-serif,Verdana,Tahoma;
            
        }
        .ServicesSection{
            position: relative;
            width: 100%;
            height: 460px;
        }   
            .Services{
                
                height: 400px;
                width: 25%;
                margin: 2% 5%;
                border-radius: 10px;
                background-color: #FFFFFF;  
            }
            #ServicesLeft{
                position: absolute;
                border-color: #D5D8DC;
                top: 0;
                left: 0;
                
            }
            #ServicesMiddle{
                position: absolute;
                border-color: #D5D8DC;
                left: 33%;
                top: 0;
            
            }
            #ServicesRight{
                position: absolute;
                right: 0;
                top: 0;
                
            }
                    .service{
                        position: relative;
                        height: 150px;
                        width: 150px;
                        margin: 15% auto;
                    }
                    .service img{
                    
                        width: 100%;

                    }
                    .service:hover{
                        cursor: pointer;
                        opacity: 0.7;
                    }
                    
                   

            /*popUp section*/

            .containerPopUpService{
                background-color: rgba(0,0,0,0.6);
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                visibility: hidden;
                z-index: 10;
                
            }
            .containerPopUpService.active{
                visibility: visible;
                

            }
            .serviceDescription{
                position: absolute;
                height: 600px;
                width: 80%;
                margin: 10%;
                background-color: #FFFFFF;
                border-radius: 0px;
                text-align: justify;
                }
            
            .btnClose{
                position: relative;
                height: 60px;
                width: 100%;
                background-color: transparent;
            
                
            }
            .btnClose div{
                position: absolute;
                bottom: 0;
                height: 50px;
                width: 40px;
                right: 10px;
                text-align: center;
                font-size: 30px;
                
                }
            .DescriptionServices{
                position: relative;
                width: 80%;
                height: 300px;
                margin: 0 10%;
                font-size: 18px;
                font-family: sans-serif,Verdana,Tahoma;
            }
            .sectionContact{
                position: absolute;
                bottom: 30px;
                height: 40px;
                width: 80%;
                margin: 1% 10%;
            }

            .btnContact{
                position: absolute;
                
                right: 0;
                width: 200px;
                height: 40px;
                background-color: #11131d;
                color: #EEEEEE;
                text-align: center;
                
            }
            .btnServices{
                position: absolute;
                
                left: 0;
                width: 200px;
                height: 40px;
                background-color: #11131d;
                color: #EEEEEE;
                text-align: center;
                
            }
            .btnModel div{
                position: absolute;
                left: 10%;
                width: 80%;
                height: 80%;
                margin-top: 2%;
                font-family: sans-serif,Verdana,Tahoma;
                font-size: 20px;
                
            }
            .btnModel a{
                text-decoration: none;
                color: #EEEEEE;
                margin: 5%;
                height: 100%;
            }
            .hideService{
                display: none;
                
                
            }
            #service-Freight.active{
                display: block;
            }
            #service-Trucking.active{
                display: block;
            }
            #service-Training.active{
                display: block;
            }
            #service-Marketing.active{
                display: block;
            }
            #service-Clearance.active{
                display: block;
            }
            #service-doorInsurance.active{
                display: block;
            }

}

@media only screen and  (max-width: 739px){
    #sectionFour{
    z-index: 99;    
    }
    .containerSections{
        position: relative;
       
        height: 2320px;
        width: 100%;
       
    }

    .containerServices{
        position: relative;
        left: 0;
        height: 1900px;
        width: 100%;
        
        
    }
     .Sections{
        margin: 0;
    }

    .carousel{
        position:absolute;
        top: 0;
    }
    .carousel-caption {
        position: relative;
        left: 0;
        bottom: 0;
        display: block;
    }
  
 /******************************
            Section Services
 ********************************/
    #SectionThree{
        position: relative;
        
        margin: 0;
        height:1600px;
        /* height: auto; */
        width: 100%;
        /* background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%); */
       
        
    }
        .TitleServices{
            position: relative;
            width: 100%;
            top: 0px;
            height: 50px;
            background-color: #FFFFFF;
            text-align: center;
            
        }
        .TitleServices h2{
            position: relative;
            top: 25%;
            font-family: sans-serif,Verdana,Tahoma;
            font-size: 20px;
            
        }
        .ServicesSection{
            position: relative;
            width: 100%;
            height: 460px;
        }   
            .Services{
                position: relative;
                height: 460px;
                width: 80%;
                margin: 20px 10%;
                border-radius: 10px;
                background-color: #FFFFFF; 
                border-color: #D5D8DC; 
                
            }
           
                    .service{
                        position: relative;
                        top: 20px;
                        height: 200px;
                        width: 100%;
                        margin: 5% 0;
                        align-items: center;
                        text-align: center;
                    }
                    
                    .service img{
                        
                        height: 200px;
                        
                    

                       }
                    .service:hover{
                        cursor: pointer;
                        opacity: 0.7;
                    }
                    
                   

            /*popUp section*/

            .containerPopUpService{
                background-color: rgba(0,0,0,0.6);
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                visibility: hidden;
                z-index: 10;
                
            }
            .containerPopUpService.active{
                visibility: visible;
                

            }
            .serviceDescription{
                position: absolute;
                height: auto;
                width: 90%;
                margin: 40% 5%;
                background-color: #FFFFFF;
                border-radius: 0px;
                text-align: justify;
                border-radius: 5px;
                }
            
            .btnClose{
                position: relative;
                height: 60px;
                width: 100%;
                background-color: transparent;
            
                
            }
            .btnClose div{
                position: absolute;
                bottom: 0;
                height: 50px;
                width: 40px;
                right: 10px;
                text-align: center;
                font-size: 30px;
                
                }
            .DescriptionServices{
                position: relative;
                width: 80%;
                height: auto;
                margin: 0% 10% 5% 10%;
                font-size: 16px;
                font-family: sans-serif,Verdana,Tahoma;
            }
            .sectionContact{
                position: relative;
                bottom: 30px;
                height: 50px;
                width: 95%;
                margin: 0% 2.5% 1% 2.5%;  
                bottom: 10px;
            }
            

            .btnContact{
                position: absolute;
                right: 0;
                width: 50%;
                height: 40px;
                
                text-align: center;
                
             }
            .btnServices{
                position: absolute;
                left: 0;
                width: 50%;
                height: 40px;
                
                text-align: center;   
               
            }
            .btnContact div{ 
                left: 20px;
            }
            .btnServices div{
                right: 20px;
            }
            .btnModel div{
                position: absolute;
               
                width: 150px;
                height: 40px;
                margin-top: 2%;
                font-family: sans-serif,Verdana,Tahoma;
                font-size: 20px;
                background-color: #11131d;
                color: #EEEEEE;
            }
            .btnModel a{
                text-decoration: none;
                color: #EEEEEE;
                margin: 5%;
                height: 100%;
                font-size: 16px;
            }
            .hideService{
                display: none;
             }
            #service-Freight.active{
                display: block;
            }
            #service-Trucking.active{
                display: block;
            }
            #service-Training.active{
                display: block;
            }
            #service-Marketing.active{
                display: block;
            }
            #service-Clearance.active{
                display: block;
            }
            #service-doorInsurance.active{
                display: block;
            }
  

}