@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: 300px;
    /*border: 2px solid red;*/
    background: url("../images/footer-back.png");
    /*background-position: center;*/
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}




/*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);
}







/*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: yellow;*/
    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: 200px;
/*    border: 2px solid red;*/
    background-size: cover;
}



/*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;*/
    display: flex;
    margin-top: 12px;
    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;
}

.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 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: 428px){



.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;
}
    
    
    
/*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*/