html, body {
    max-width: 100%;
    overflow-x: hidden;
}

@font-face {  
    font-family: 'HelveticaNeueB';
    src: url(../fonts/helveticaneue/HelveticaNeueMed.ttf) format("truetype");
}

@font-face {  
    font-family: 'HelveticaNeue';
    src: url(../fonts/helveticaneue/HelveticaNeueLt.ttf) format("truetype");
}
 

a , a:visited, a:focus {
    color: #000000; 
    text-decoration: none;
}
  

.About:before, .Products:before, .Team:before, .Contact:before, .We-are-hiring:before { 
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -3px;
    left: 0;
    background-color: tomato;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  
.About:hover:before, .Products:hover:before, .Team:hover:before, .Contact:hover:before, .We-are-hiring:hover:before{ 
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
  
  
.Rectangle {  
    background-color: #ffffff
}

li {
    float: left;    
    color: #000000; 
    list-style-type: none; 
    display: block; 
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;  
}
 

.logo-full { 
    width: 11.39%; 
    position: absolute;
    top: 16px;
    left: 9.02%;
}

.About {   
    position: absolute;
    top: 28px;
    left: 35%; 
    font-family: 'HelveticaNeueB';
}
 
.Products {   
    position: absolute;
    top:  28px;
    left: 53%;
    font-family: 'HelveticaNeueB'; 
}

.Team {  
    position: absolute;
    top: 28px;
    left: 42.5%;
    font-family: 'HelveticaNeueB';
} 

.Contact {  
    position: absolute;
    top: 28px;
    /*left: 61.25%; */
    left: 62%;
    font-family: 'HelveticaNeueB';
}



.We-are-hiring { 
    position: absolute;
    top: 28px;
    left: 80%; 
    font-family: 'HelveticaNeueB';
}

.ic-arrow-red {
    width: 24px;
    height: 24px;
    object-fit: contain;
    position: absolute;
    top: 28px;
    left: 89.00%; 
} 

@-moz-document url-prefix() { 
    .ic-arrow-red { 
        left: 90.70%; 
    }
  }  
 
/* footer*/


.footer{
    font-family: "HelveticaNeueB";      
    width: 100%;
    height: 200px;  
    position: absolute;
    right: 0;
    bottom: 0; 
    left: 0;
}
 

.bg-join-us {
    width: 100%;
    height: 220px;
    background-color: #25282e;
    position: absolute;
    bottom: 60%;
    left: 0px;
}

.Are-you-interested-t { 
    width: 58%; 
    font-family: "HelveticaNeueB";
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: -1px;
    color: #ffffff;
    position: absolute;
    bottom: 90%;
    left: 9.33%;
}

@media screen and (max-width: 1430px) {
    .Are-you-interested-t {  
        font-size: 40px; 
    }
}

.btn-resume { 
    height: 220px;
    object-fit: contain;
    position: absolute;
    bottom: 80%;
    left: 75.69%;

}

.Copyright-2019-Kickb {
    width: 21.18%; 
    font-family: 'HelveticaNeue';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    bottom: 20%;
    left: 9.02%;
}

.Terms-and-Conditions {
    width: 8.19%; 
    font-family: 'HelveticaNeue';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    bottom: 20%;
    left: 32.98%;
}

.Privacy-policy {
    width: 5.20%; 
    font-family: 'HelveticaNeue';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000;
    position: absolute;
    bottom: 20%;
    left: 43.95%;
  }

.btn-facebook {
    width: 16px;
    height: 16px;
    object-fit: contain;
    position: absolute;
    bottom: 31%;
    left: 83.81%;
  }



.btn-twitter {
    width: 24px;
    height: 24px;
    object-fit: contain;
    position: absolute;
    bottom: 28%;
    left: 86.66%;
}
  

.btn-instagram {
    width: 24px;
    height: 24px;
    object-fit: contain;
    position: absolute;
    bottom: 28%;
    left: 89.65%;
}


@media screen and (max-width: 1024px) {
    html, body { 
        overflow-x: visible;
    }
    
}