@charset "UTF-8";
/* CSS Document */

*{
    margin: 0;
    padding: 0;
}

body{
    background-color: white;
    font-family: "Roboto", sans-serif;
}

/*footer call to action*/


.foot-call{
    width: 100%;
    height: 400px;
    /*border: 2px solid red;*/
    background: url("../images/footer-back.png");
    /*background-position: bottom;*/
    background-position: 50% 10%;
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot-action{
    width: 86%;
    height: 80%;
/*    border: 2px solid red;*/
    background: url("../images/footer-mid-back.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot-action1{
    width: 90%;
    height: 80%;
    background-color: rgb(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: flex-start;
/*    flex-direction: column;*/
    align-items: center;
}

.foot-action11{
    width: 60%;
    height: 70%;
/*    border: 2px solid red;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 60px;
}

.foot-title{
    width: 80%;
    height: 60%;
/*    border: 2px solid cyan;*/
    display: flex;
    flex-direction: row;
/*    justify-content: flex-start;*/
    align-items: flex-end;
   
}

.call-title{
    height: 90%;
/*    border: 2px solid red;*/
    width: 72%;
}

.call-title h1{
/*    margin-bottom: 0;*/
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    color: white;
    font-size: 4vw;
    line-height: 3.6vw;
    
}

.call-rec{
    width: 2%;
    height: 42%;
/*    border: 2px solid red;*/
    background-color: white;
    animation: blinking .4s step-end infinite alternate;
}



.foot-call-btn{
    padding: 15px 25px;
    margin-top: 18px;
    text-decoration: none;
    background-color: #f2c864;
    transition: 0.4s;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 0.8vw;
}












/*footer content*/

.foot-container{
    height: 68vh;
    width: 100%;
    background-color: #0b4251;
    display: flex;
    flex-direction: column;
/*    border: 2px solid blue;*/
}

.foot-main{
    width: 86%;
    height: 50vh;
/*    border: 3px solid red;*/
    margin: 40px auto 0px;
    display: flex;
    flex-direction: row;
}

.foot1{
    width: 30%;
    height: 100%;
/*    border: 2px solid yellow;*/
}

.foot1-img{
    width: 114.5px;
    height: 181.5px;
/*    border: 3px solid blue;*/
    
}

.foot1-text{
    color: white;
    font-size: 1.4vw;
    margin-top: 20px;
/*    letter-spacing: 1px;*/
    font-weight: 300;
}

.foot11{
    text-decoration: none;
    display: flex;
    flex-direction: row;
    margin-top: 40px;
}

.foot11 li{
    list-style: none;
    padding-right: 20px;
}

.foot11 img{
    transition: 0.2s;
}

.foot2{
    width: 70%;
    height: 100%;
/*    border: 2px solid orange;*/
    display: flex;
    flex-direction: row;
}

.foot21{
    width: 33.33%;
    height: 100%;
/*    border: 2px solid green;*/
}

.foot21 h1{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    color: #f2c864;
    margin-bottom: 20px;
    font-size: 2.5vw;
}

.foot21-text1{
    color: white;
    font-size: 1.2vw;
    margin-bottom: 40px;
/*    border: 2px solid red;*/
/*    letter-spacing: 1px;*/
    font-weight: 300;
}

.foot21-text2{
    color: white;
    font-size: 1.2vw;
    margin-bottom: 40px;
/*    border: 2px solid red;*/
/*    letter-spacing: 1px;*/
    font-weight: 300;
}

.foot21-text3{
    color: white;
    font-size: 1.2vw;
    margin-bottom: 40px;
/*    border: 2px solid red;*/
/*    letter-spacing: 1px;*/
    font-weight: 300;
}







.foot31{
    width: 33.33%;
    height: 100%;
/*    border: 2px solid green;*/
}

.foot31 h1{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    color: #f2c864;
    margin-bottom: 20px;
    font-size: 2.5vw;
}

.foot31-text1{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text1 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

.foot31-text2{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text2 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

.foot31-text3{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text3 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

.foot31-text4{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text4 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

.foot31-text5{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text5 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

/*footer links*/

.foot41{
    width: 33.33%;
    height: 100%;
/*    border: 2px solid green;*/
}

.foot41 h1{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    color: #f2c864;
    margin-bottom: 20px;
    font-size: 2.5vw;
}

.foot41-text1{
    margin-bottom: 27px;
/*    border: 2px solid red;*/
}

.foot41-text1 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

.foot41-text2{
    margin-bottom: 27px;
/*    border: 2px solid red;*/
}

.foot41-text2 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

.foot41-text3{
    margin-bottom: 27px;
/*    border: 2px solid red;*/
}

.foot41-text3 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

.foot41-text4{
    margin-bottom: 27px;
/*    border: 2px solid red;*/
}

.foot41-text4 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
    
}

.foot41-text5{
    margin-bottom: 27px;
/*    border: 2px solid red;*/
}

.foot41-text5 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
    
}

.foot41-text6{
    margin-bottom: 27px;
/*    border: 2px solid red;*/
}

.foot41-text6 a{
    color: white;
    font-size: 1.2vw;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    text-decoration: none;
    transition: 0.6s;
}

.foot-last{
    width: 86%;
    height: 10vh;
    border-top: 0.5px solid white;
    margin: 0px auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.foot-last1{
    color: white;
    font-size: 1vw;
    font-weight: 300;
}

/*all hover here*/

.foot31 a:hover{
    color: #f2c864;
}

.foot41 a:hover{
    color: #f2c864;
}

.foot11 img:hover{
    transform: translateY(-4px);
}


.foot-call-btn:hover{
    box-shadow: 0 0 5px #f2e064,
                0 0 15px #f2e064,
                0 0 30px #f2e064,
                0 0 60px #f2e064,
                0 0 120px #f2e064;
    border: 0.8px solid white;
}





/*keyframes start here*/


@keyframes blinking {
    
    50% {background-color: transparent}
}




/*media tablets 1194px start here*/


@media (max-width: 1194px){
    
.foot-title{
    width: 80%;
    height: 56%;
    /*border: 2px solid cyan;*/
    display: flex;
    flex-direction: row;
/*    justify-content: flex-start;*/
    align-items: flex-end;
   
}
    
    
.call-title{
    height: 90%;
    /*border: 2px solid red;*/
    width: 86%;
}
    
    
    
.call-title h1{
    color: white;
    /*color: red;*/
    font-size: 4.6vw;
    line-height: 4vw;
    
}

.call-rec{
    width: 2%;
    height: 42%;
/*    border: 2px solid red;*/
    background-color: white;
    animation: blinking .4s step-end infinite alternate;
}


/*button here*/

.foot-call-btn{
    font-size: 1.2vw;
    /*color: red;*/
}


/*all text link start here*/


.foot1-text{
    color: white;
    font-size: 1.6vw;
    margin-top: 20px;
/*    letter-spacing: 1px;*/
    font-weight: 300;
    /*color: red;*/
}


.foot21 h1{
    /*color: blue;*/
    color: #f2c864;
    margin-bottom: 20px;
    font-size: 2.6vw;
}

.foot31 h1{
    /*color: blue;*/
    color: #f2c864;
    margin-bottom: 20px;
    font-size: 2.6vw;
}

.foot41 h1{
    /*color: blue;*/
    color: #f2c864;
    margin-bottom: 20px;
    font-size: 2.6vw;
}

/*small link and text start here*/


.foot21-text1{
    color: white;
    font-size: 1.6vw;
    margin-bottom: 40px;
    /*border: 2px solid red;*/
/*    letter-spacing: 1px;*/
    font-weight: 300;
}

.foot21-text2{
    color: white;
    font-size: 1.6vw;
    margin-bottom: 40px;
/*    border: 2px solid red;*/
/*    letter-spacing: 1px;*/
    font-weight: 300;
}

.foot21-text3{
    color: white;
    font-size: 1.6vw;
    margin-bottom: 40px;
/*    border: 2px solid red;*/
/*    letter-spacing: 1px;*/
    font-weight: 300;
}


/*foot31*/


.foot31-text1 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}

.foot31-text2 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}

.foot31-text3 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}

.foot31-text4 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}

.foot31-text5 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}




/*foot41*/


.foot41-text1 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}

.foot41-text2 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}

.foot41-text3 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}

.foot41-text4 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}

.foot41-text5 a{
    color: white;
    font-size: 1.6vw;
    /*color: red;*/
}


/*bottom last copyright*/



.foot-last1{
    color: white;
    font-size: 1.2vw;
    font-weight: 300;
    /*color: red;*/
}





    
    
    
}


/*media tablets 1194px end here*/



/*media tablets 920px start here*/


@media (max-width: 920px){
    
    
.foot-call{
    width: 100%;
    height: 300px;
    /*border: 2px solid red;*/
}

    
    
    
    
    
}




/*media tablets 920px end here*/









/*media start here*/


@media (max-width: 600px){
    
    
.foot-call{
    width: 100%;
    height: 300px;
    /*border: 2px solid red;*/
    background-size: cover;
}

.foot-action{
    width: 100%;
    height: 70%;
    /*border: 2px solid aqua;*/
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot-action1{
    width: 90%;
    height: 80%;
    display: flex;
/*    justify-content: flex-start;*/
/*    flex-direction: column;*/
    align-items: center;
/*    justify-content: center;*/
/*    border: 2px solid blue;*/
}

.foot-action11{
    width: 90%;
    height: 85%;
/*    border: 2px solid green;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    margin: auto;
}

.foot-title{
    width: 80%;
    height: 62%;
    /*border: 2px solid pink;*/
    display: flex;
    flex-direction: row;
/*    justify-content: flex-start;*/
    align-items: flex-end;
   
}

.call-title{
    height: 90%;
/*    border: 2px solid orange;*/
    width: 79%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
/*    align-items: flex-start;*/
}

.call-title h1{
    font-size: 7.5vw;
    line-height: 7.2vw;
    
}

.call-rec{
    width: 2%;
    height: 40%;
    /*border: 2px solid red;*/
    background-color: white;
}
    
 
.foot-call-btn{
    padding: 10px 20px;
    margin-top: 10px;
    text-decoration: none;
    background-color: #f2c864;
    transition: 0.4s;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 2.2vw;
}

/*foot content start here*/
    
  
    
.foot-container{
    /*height: 140vh;*/
    height: 1150px;
    width: 100%;
    background-color: #0b4251;
    display: flex;
    flex-direction: column;
    /*border: 2px solid blue;*/
}

.foot-main{
    width: 86%;
    /*height: 130vh;*/
    height: 1000px;
    /*border: 3px solid red;*/
    margin: 40px auto 0px;
    display: flex;
    flex-direction: column;
}
    
.foot1{
    width: 100%;
    height: 36%;
/*    border: 2px solid yellow;*/
}
    
.foot1-text{
    font-size: 3.2vw;
    margin-top: 20px;
}

.foot11{
    margin-top: 20px;
}
    
.foot2{
    width: 100%;
    height: 64%;
/*    border: 2px solid orange;*/
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}

.foot21{
    width: 100%;
    height: 40%;
/*    border: 2px solid green;*/
}

.foot21 h1{
    margin-bottom: 20px;
    font-size: 6.8vw;
}

.foot21-text1{
    color: white;
    font-size: 3.2vw;
    margin-bottom: 25px;
/*    border: 2px solid red;*/
}

.foot21-text2{
    color: white;
    font-size: 3.2vw;
    margin-bottom: 25px;
}

.foot21-text3{
    color: white;
    font-size: 3.2vw;
    margin-bottom: 25px;
} 
    
.foot31{
    width: 100%;
    height: 60%;
/*    border: 2px solid green;*/
}

.foot31 h1{
    margin-bottom: 20px;
    font-size: 6.8vw;
}

.foot31-text1{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text1 a{
    font-size: 3.2vw;
    /*color: red;*/
}

.foot31-text2{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text2 a{
    font-size: 3.2vw;
}

.foot31-text3{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text3 a{
    font-size: 3.2vw;
}

.foot31-text4{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text4 a{
    font-size: 3.2vw;
}

.foot31-text5{
    margin-bottom: 30px;
/*    border: 2px solid red;*/
}

.foot31-text5 a{
    font-size: 3.2vw;
}    
  
.foot41 {
    display: none;
    
}  
    
.foot-last{
    width: 86%;
    /*height: 12vh;*/
    height: 93px;
    border-top: 0.5px solid white;
    margin: 0px auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.foot-last1{
    font-size: 2.8vw;
    width: 75%;
    /*border: 2px solid red;*/
    text-align: center;
    margin: 15px auto;
    line-height: 4vw;
}  






    
    
    
    
    
/*media 600px ends here*/
}





@media (max-width: 525px){
    
    
.foot-call-btn{
    margin-top: 10px;
}
    
    
.foot-title{
    width: 80%;
    height: 56%;
    /*border: 2px solid orange;*/
   
}



/*.call-rec{*/
/*    width: 2%;*/
/*    height: 40%;*/
/*}*/
    
    

    
    
}

/*media 525px end here*/






@media (max-width: 490px){
    
    


.foot-title{
    width: 80%;
    height: 51%;
    /*border: 2px solid aqua;*/
   
}
    
    

    
}

/*media 490px end here*/





/*media 475px start here*/

@media (max-width: 475px){
    
    
    
.foot-container{
    /*height: 145vh;*/
    height: 1050px;
    width: 100%;
    background-color: #0b4251;
    display: flex;
    flex-direction: column;
    /*border: 2px solid blue;*/
}


.foot-main{
    width: 86%;
    /*height: 130vh;*/
    height: 950px;
    /*border: 3px solid red;*/
    margin: 40px auto 0px;
    display: flex;
    flex-direction: column;
}
    
    
    
    
    
    
    
    
}


/*media 475px end here*/








@media (max-width: 460px){
    
    


.foot-title{
    width: 80%;
    height: 48%;
    /*border: 2px solid aqua;*/
   
}
    
    

    
}

/*media 460px end here*/












/*//*/

@media (max-width: 428px){

.foot-action11{
    width: 90%;
    height: 85%;
    /*border: 2px solid green;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    margin: auto;
}

.foot-title{
    width: 80%;
    height: 45%;
    /*border: 2px solid cyan;*/
    display: flex;
    flex-direction: row;
/*    justify-content: flex-start;*/
    align-items: flex-end;
   
}

.call-title{
    height: 90%;
    /*border: 2px solid orange;*/
    width: 79%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
/*    align-items: flex-start;*/
}

.call-title h1{
    font-size: 7.5vw;
    line-height: 7.2vw;
    
}

.call-rec{
    width: 2%;
    height: 40%;
/*    border: 2px solid red;*/
    background-color: white;
    /*margin-bottom: 12px;*/
}
    
    
.foot21-text1 p1 {
    text-decoration: none !important;
    color: white !important;
}
    
.foot21-text2 p1 {
    text-decoration: none !important;
    color: white !important;
}
    
.foot21-text3 p1 {
    text-decoration: none !important;
    color: white !important;
}
    


.foot-last1{
    font-size: 2.8vw;
    text-decoration: none !important;
    color: white !important;
}  
    

/*the line start here*/
    
.foot-last{
    width: 86%;
    height: 93px;
    border-top: 0.5px solid white;
    margin: 0px auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.foot-last1{
    font-size: 2.8vw;
    width: 75%;
    /*border: 2px solid red;*/
    margin: 10px auto;
    text-align: center;
    line-height: 4vw;
}  
    
    

.foot-container{
    /*height: 145vh;*/
    height: 1040px;
    width: 100%;
    background-color: #0b4251;
    display: flex;
    flex-direction: column;
    /*border: 2px solid blue;*/
}
    

.foot-main{
    width: 86%;
    /*height: 130vh;*/
    height: 940px;
    /*border: 3px solid red;*/
    margin: 40px auto 0px;
    display: flex;
    flex-direction: column;
}
    
    


.foot-call-btn{
    margin-top: 20px;
}



/*hinz logo resized here    */
    

.foot1-img{
    width: 102px;
    height: 162px;
    /*border: 3px solid blue;*/
    
}


/*latest amendment    */
    
.foot31 h1{
    margin-bottom: 20px;
    font-size: 7vw;
}

.foot21 h1{
    margin-bottom: 20px;
    font-size: 7vw;
}
    

.foot1-text{
    font-size: 3.2vw;
    margin-top: 20px;
    /*color: red;*/
}
    
    
    
    

}

/*media 428px end here*/





@media (max-width: 395px){
    
    


.foot-title{
    width: 80%;
    height: 40%;
    /*border: 2px solid aqua;*/
   
}
    
    

    
}

/*media 395px end here*/



/*desktop media start here*/

@media (min-width: 1600px) {
    
    
    
.foot-title{
    width: 80%;
    height: 98%;
    /*border: 2px solid cyan;*/
   
}

.call-title{
    height: 92%;
    /*border: 2px solid red;*/
    width: 72%;
}
    
    
    
    
    
    
    
    
    
}





/*media gaming laptop start here*/

@media (min-width: 1445px) and (min-height: 864px) and (max-width: 1599px){
    

.call-rec{
    width: 2%;
    height: 40%;
    /*border: 2px solid red;*/
}


.foot-title{
    width: 80%;
    height: 90%;
    /*border: 2px solid cyan;*/
   
}

.call-title{
    height: 90%;
    /*border: 2px solid red;*/
    width: 72%;
}
    

    
    
    
    
}


/*media gaming laptop end here*/