body{
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    font-family: 'Dosis', sans-serif;
    color: #121213;
    font-size: 14px;
    line-height: 20px;

    
    font-style: normal;
}
.sub{
    width:100%;
}
ul, li {

  margin: 0;
  padding: 0;
}
  .spinner {
      margin: auto;
      border: 8px solid #ccc;
      border-top: 8px solid #e47312;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
      display: none; /* Hidden by default */
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    #data {
      margin-top: 30px;
      font-size: 18px;
      display: none;
    }
.banner{
    position:relative;
    height: 10vh;
    padding-right: 5%;
    padding-left: 5%;
    background-size: auto ,cover;
    background-color: ;
    background-position: 0px 0px 50% 0%;

    margin-top: 2%;
    background-attachment: scroll, fixed;
}
.navigation-bar{
    position:absolute;
    width:90%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    margin-top: 2%;
    background-color: #fff;
    height: 88px;
    display: flex;
    align-items: ;
  
}
.logo{
    width:90px;
    padding: 0 35px;
    height:110px;

    background-color: #e97b0d;;
    /* background: radial-gradient(circle, #f4a62e 0%, #e26a1d 60%, #c84c11 100%); */
 
display: flex;
align-items: center;
justify-content: center;
order:-1;

}
.logo img{
    width:110px;


}
.nave{
    display: flex;
    align-items: center;
    align-self: stretch;
    order:1;
    position: relative;
margin-left: auto;
}
.namain{
    color:#e47312;
}
.nave a{
    display: inline-block;
    padding: 15px 14px;
    color: #414147;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s;
}
.quote{

    height: 26.2%;
    margin-left: 20px;
    padding:34px 28px 31px;
    order:3;
    display: flex;
    align-items: center;
    background-color: #e47312;
    color:#fff;
    
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 16px;
}

.list-drop{
    display: inline-block;
    position: relative;
    text-align: left;

    z-index: 900;
    order:2;
}
.dropdown-list{
    display: none;
}
.list-drop:hover .dropdown-list {
    display: block;
    transition: 0.5s ease-in;
  }
.dropdown {
    position: relative;
    display: flex;
    position: relative;
    padding: 31px 14px;
    justify-content: center;
    align-items: center;
    color: #414147;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s; 
  }
  .drop-header {
  cursor: pointer;
  display: flex;
  align-items: center;
   font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s;
  color: #414147;
  padding: 31px 14px;
}
.fa{
    padding: 10;
}
  .dropdown-list{
    background-color: #fff;
    color: #717177;
    min-width: 100%;
    position: absolute;
  
    padding: 10px 15px; 
     /* position: absolute;
  top: 100%;
  left: 0;
  background: white;
  display: none;
  padding: 10px 0;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  z-index: 1000;
  min-width: 200px; */
  }
  .dropdown:hover .dropdown-list {
  display: block;
}
.dropdown-list > li {
  position: relative;
  padding: 10px 20px;
  white-space: nowrap;
}

.dropdown-list > li > a {
  text-decoration: none;
  color: #2d5700;
  font-weight: 600;
}

/* Second-level dropdown */
.sub-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  background: white;
  padding: 10px 0;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  min-width: 220px;
}

.has-submenu:hover .sub-submenu {
  display: block;
}

.sub-submenu li a {
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  color: #2d5700;
  font-weight: 500;
}

.sub-submenu li a:hover {
  color: #e47312;
}
  .drop-link{
    padding: 10px 20px;


  }
  .nave-flex{
    display: flex;
    flex-direction: row-reverse;
    

  }
  .project-name{
    display: inline-block;
    padding: 15px 14px;
    color: #414147;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s;
   display: flex;
justify-content: center;
align-items: center;
  }
  
  .drop-link{
    color: #717177;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase; 
  
    display: block;
    position: relative;
    vertical-align: top;
    text-decoration: none;

    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;

  }
  .dropdown-list:hover .drop-link{

  }
  .drop-link:hover{
 color:#e47312;
 background-color: #F1F1F7;
  }
.a{
    position: relative;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}
.content{
    width: 58.33333333%;
    position: absolute;
margin-left: auto;
margin-right: auto;
margin-top: 30vh;

}
.content h1{
}
.title {
    position: relative;
    z-index: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: ;
    color: #fff;
    font-size: 60px;
    line-height: 70px;

}
.para{
    margin-top: 10px;
    font-size: 20px;
    line-height: 26px;
font-weight: 400;
    font-family: Dosis, sans-serif ;
    margin-bottom: 5px;
    color: hsla(0, 0%, 100%, 0.7);
}
.new{
    
    margin-top: ;
}
.btn{
    margin-top: 30px;
}
.button{
width:110px;
    font-size: 12px;
   border-radius: none;
    padding: 15px 25px;
    background-color: #e47312;
    transition: all 300ms ease;
    color: #fff;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
}
.social{
    position: absolute;
    left:auto;
    right:0;
    display: flex;
    flex-direction: column;
    padding: 10px;
    bottom: 143px;
  
    background-color: #0a1229;
}
.social-block{
    width:40px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.14);
}
.social-block img{
    width: 16px;
    height: 16px;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.info{
    position: absolute;
    left:auto;
    top:auto;
    width:850px;
    right: -2.5%;

    height: 209px;
    margin-top: ;
    right:0;
    bottom:-83px;
    display: flex;
    
    padding: 15px 50px 5px 50px;
    background-color: #e47312;
    background-image: linear-gradient(186deg, #e47312, #ff6361);
}

.info-child{
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding-top: 30px;
 
    z-index:1 ;
}
.info-flex{
    z-index: 1;

    display: flex;
    width: 100%;
    padding-top: 30px;


    align-items: flex-start;
}
.info-child{  
    display: flex;
    padding-top: 10px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
}
.info-child img{
    width: 24px;
    margin-bottom: 15px;

}
.phone-text{
    margin-top: 0px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;

}
.phone-text h1{
    font-weight: 600;
}

.para-white{
    margin-bottom: 5px;
    color: hsla(0, 0%, 100%, 0.7);
    font-family: Dosis, sans-serif;
    margin-top: 0;
    font-size: 17px;
    line-height: 25px;
}
.info-link{
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:#fff;
    margin-top: 15px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    text-decoration: none;
    font-weight: 600;
}
.info-link:hover{
    border-bottom: 2px solid #fff;
}
.sub-subsection{
    position: relative;
padding:10% 5%;
padding-top: 15%;
    padding-bottom: 5%;
}
.sub-container{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    
}
.s-toptitle{
position: relative;
margin-bottom: 7%;
display: flex;
justify-content: space-between;
align-items: center;
}
.top-title{
    position: relative;
    z-index: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}
.toptitle-absolute{
    position: absolute;
    left: -53px;
    top: -26px;
    z-index: 1;
    color: rgba(241, 241, 247, 0.4);
    font-size: 120px;
    letter-spacing: 11px;
    line-height: 50px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}
.toptitle-link{
    color: #919198;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    margin-top: 0;
    font-weight: 600;
    text-decoration: none;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
}
.toptitle-link:hover{
    border-bottom: 2px solid #e47312;
}


.list-items{
    margin-left: -10px;
    margin-right: -10px;

    

}
.list-row{width: 24%;
    min-height: 1px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    position: relative;
    float: left;
}
.service-content{
    margin-bottom: 5%;


}
.featureicon{
    margin-bottom: 20px;
    width:60px;
}
.featureicon img{
   
    vertical-align: middle;
    display: inline-block;
}
.service-title{
    margin-top: 0px;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.service-title h1{
    font-weight: 600;
    margin-bottom: 10px
}
.service-content p{
    margin-bottom: 25px;
    font-family: Dosis, sans-serif;
    color: #919197;
    font-size: 17px;
    line-height: 25px;

}
.servie-nav {
    color: #919198;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: 600;
    text-decoration: none;

}

.servie-nav:hover{
    border-bottom:2px solid #e47312;
}
.service-content a{
    margin-top: 15px;
    margin-left: 0px;
    padding-top: 0px;

}
.margin-page{
position: none;
    margin-top:45%;
}
.row-flex{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
}
.row-flex-image{
    width: 48%;
    padding-left: 1%;
    padding-right: 1%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.row-flex-image img{
    width: 100%;
}
.row-flex-content{
    width:48%;
    padding: 1%;
    padding: 1%;
}
.row-flex-content-padding{
    padding-left:18.5%;
  
}

.newsub-container{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    
}
.row-flex-top-title{
    position: relative;
}
.newtop-title{
    position: relative;
        z-index: 2;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 42px;
        line-height: 50px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 600;
    }
    .newtoptitle-absolute{
    position: relative;
        left: -53px;
        top: -50px;
        z-index: 1;
        color: rgba(241, 241, 247, 0.4);
        font-size: 120px;
        letter-spacing: 11px;
        line-height: 50px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0;
    }
    p{
        margin-bottom: 35px;
    font-family: Dosis, sans-serif;
    color: #919197;
    font-size: 17px;
    line-height: 25px;
}
.contents-s{
    position: relative;
}
.margin-10percent{
    margin-top: 10%;
}
.w-row{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    justify-content: space-between;
}
.wrow-column{
width: 23%;
padding-left: 1%;
padding-right: 1%;
}
.fun-facts{
    padding-right: 40%;
}
.fun-text{
    color: #e47312;
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
    margin-bottom: 10px;

}
.grey-section{
    padding: 8% 0% 20px 20px;
    background-color: #f7f8fc;
    margin-top: 100px;
}
.grey-section-container{
    max-width: 1200px;
    margin-left: auto;
    margin-right:auto;
    position: relative;
    margin-bottom: 7%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grey-list{
    display: flex;
    justify-content: space-between;
}
.grey-collection{

    float: left;
    position: relative;
    min-height: 1px;
}
.project-wrap{
    padding-top: 20px;
    padding-right: 20px;
    float: left;
    max-width: 100%;
    display: inline-block;
}
.project-content{
    position: relative;
    overflow: hidden;
}
.project-overlay:hover{
    opacity:1;

}
.project-overlay{
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 1%;

    display: flex;

    justify-content: center;

    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    transition: .2s;
opacity: 0;

}

.project-circle{

    display: flex;
    width: 90px;
    height: 90px;
   padding: 2px;

    justify-content: center;

    align-items: center;
    border-radius: 100%;
    background-image: linear-gradient(59deg, #ff6361, #e47312);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;

}
.project-content img{
    width:100%;
    position: relative;
    height: 450px;
   
}
.section-color{
    position:relative;

    padding-top: 7%;
    padding-bottom: 7%;
    background-image: linear-gradient(72deg, #e47312, rgba(255, 99, 97, 0.78)), url(https://nuuk-e3eaa.firebaseapp.com/assets/img/banner-2.jpg);
    background-size: auto ,cover;
    background-color:#e47312 ;
    background-position: 0px 0px 50% 50%;


    background-attachment: scroll, fixed;
}
.section-color-container{
    max-width: 1200px;

    margin-left: auto;
    margin-right: auto;
}
.section--color-container-title{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 0%;
}
.top-title-white{
    position: relative;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 42px;
    list-style: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:#fff;
    font-weight: 600;
}
.para-grey{
    margin-top: 25px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color: hsla(0, 0%, 100%, 0.7);
}
.top-btn{
    margin-top: 15px;
    padding-bottom: 5px;

}
.top-btn:hover{
    border-bottom: 3px solid white;
    transition: .1s;
}
.top-btn a{
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    
}
.newgrey-section{
    background-color: #f7f8fc;
    padding: 10% 5%;
}

.newgrey-container{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;




}
.newgrey-row{
    margin-left: -10px;
    margin-right: -10px;

    display: flex;
    justify-content: space-between;

}
.newgrey-column{
    width:23%;
    padding-left: 1%;
    padding-right: 1%;
    min-height: 1px;
}

.newgrey-wrap{
    width: 90%;
    position: relative;
    margin-left: auto;
margin-right: auto;

}
.team-photo{
    min-height: 300px;
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/team-1.jpg);
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
}
.team-photo2{
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/team-2.jpg);
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
}
.team-photo3{
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/team-3.jpg);
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
}
.team-photo4{
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/team-4.jpg);
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
}
.team-content{
    padding: 29px 66px 29px 29px;
    background-color: #fff;

}
.service-title{
    margin-top: 0px;
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 600;
}
.job-title{
    margin-top:0;
    margin-bottom: 0px;
    color: #bdbdc9;
    font-size: 16px;
}
.grey-social{
    position: absolute;
    top:auto;
    left: auto;
    right:0%;
    bottom:0%;
    display: flex;
    flex-direction: column;
    background-color: #e47312;
    padding:10px;
    float: right;
}
.grey-icon{
    display: flex;
    width: 40px;
    height: 50px;
    float: left;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.14);
    max-width: 100%;
}
.testomargin-page{
    margin-top: 15%;
}
.rowtesto-flex{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    align-items: center;
    
}
.testomonial-column{
    width: 41.66666667%;
    position: relative;
    float: left;

    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;

}
.padding-right{
        padding-right: 100px;
    padding-left: 0px;
}
.testo-content{
    width: 58.33333333%;
    position: relative;
    float: left;

    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.testo-row{
    margin-left: 0;
    margin-right: 0;

}
.column1{
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    position: relative;
    float: left;
min-height: 1px;

}
.wrapper1{
    position: relative;
    display: block;
    padding: 80px 30px 26px;
    background-color: #fff;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    margin-top:51px;
    margin-bottom:61px;
    width:70%;
}
.testo-photo{
    position: relative;
 display: flex;
    width: 60px;
    height: 60px;
    margin: -115px auto 25px;

    justify-content: center;

    align-items: stretch;
    border-radius: 100%;
    background-image: linear-gradient(8deg, #ff6361, #e47312);
    opacity: 1;
    color: #fff;
    font-size: 80px;
    line-height: 80px;
}
.text-block{
    padding-top: 12px;
}
.testo-title{
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.job-title{
    margin-bottom: 0px;
    color: #bdbdc9;
    font-size: 16px;
}
.testo-para{
    margin-top: 15px;
    margin-bottom: 0px;
    color: #919197;
    font-family: Dosis, sans-serif;

    font-size: 17px;
    line-height: 25px;

}

.wrapper2{
    position: relative;
    display: block;
    padding: 80px 30px 26px;
    background-color: #fff;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    margin-top:51px;
  
    width:70%;
}
.wrapper3{

    margin-top: 151px;
    position: relative;
    display: block;
    padding: 80px 30px 26px;
    background-color: #fff;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:61px;
    width:70%;
}
.wrapper4{

    position: relative;
    display: block;
    padding: 80px 30px 26px;
    background-color: #fff;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    margin-top:90px;
    margin-bottom:61px;
    width:70%;
}
.pre-footer{
    padding: 10% 5%;
}
.pre-container{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.preitems{
    margin-left: -10px;
    margin-right: -10px;
 
}
.preitems-column{
display: flex;
}
.preitems-list{
    width: 33.33333333%;
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.blogwrapper{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    text-decoration: none;
}
.blog-image{
    position: relative;
    background-color: #5c5c5c;
}
.meta-tag{
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
}
.meta-number{
    display: flex;
    width: 70px;
    height: 70px;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(45deg, #ff6361, #e47312);
    color: #fff;
    font-size: 26px;
    font-weight: 400;
}
.meta-month{
    display: flex;
    width: 70px;
    height: 40px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #9d9da5;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.blog-image img{
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

.pre-content{
   width:80%;
   padding-top:25px;
   padding-bottom:30px;
padding-left: 10%;
padding-right: 10%;
    background-color: #e47312;
    background-image: linear-gradient(158deg, #e47312, #ff6361);

}
.prefooter-blogtitle{
    margin-right: 0px;
    margin-bottom: 15px;
    font-size: 19px;
    line-height: 26px;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-top: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.prefooter-blogcontent{
    margin-bottom: 5px;
    color: hsla(0, 0%, 100%, 0.7);
    font-family: Dosis, sans-serif;
    font-size: 17px;
    line-height: 25px;
}

.prenav{
    display: inline-block;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    margin-top: 15px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 3px solid #ffffff4C;

}
.prenav:hover{
    border-bottom: 3px solid #fff;
}
.section-logo{
    padding-top: 3%;
    padding-bottom: 3%;
    background-image: linear-gradient(56deg, #e47312, #ff6361);
padding-left:5%;
padding-right:5%;
margin-top: 100px;
}
.algin-title{
    display: none;
    margin-right: 0px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
.logo-flex{
    display: flex;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
}
.class-tab1, .class-tab2 ,.class-tab3 ,.class-tab4 ,.class-tab5{
    
    background-size: 100px;
    width: 20%;
    min-height: 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: all 400ms ease;
    text-align: center;
    max-width: 100%;
    display: inline-block;
}
.class-tab1{
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/logo-1w.png);
}
.class-tab2{
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/logo-2w.png);
}
.class-tab3{
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/logo-3w.png);
}
.class-tab4{
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/logo-4w.png);
}
.class-tab5{
    background-image: url(https://nuuk-e3eaa.firebaseapp.com/assets/img/logo-5w.png);
}
.section-logo-top-title{
    margin-right: 60px;
    order: -1;
    flex: 0 0 auto;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    z-index: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;

}
.footer{
    position: relative;
    z-index: 1;
    width: 81%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 70px;
    padding-right: 50px;
    padding-left: 50px;
    border-top: 1px solid #2f3038;
    background-color: #0a1229;

}
.footer-container{
    max-width: 1200px;
margin-left:auto;
margin-right:auto;
max-width: 940px;
}
.footer-row{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
justify-content: space-between;
}
.footer-column1{
    width: 33.33333333%;
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.footer-col{
    padding-right: 20%;
}
.with-line{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footertitle{
    margin-bottom: 30px;
    padding-right: 14px;
    background-color: #0a1229;
    margin-right: 60px;
    flex: 0 0 auto;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    order:-1;
    position: relative;
    z-index: 2;
    margin-top: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}
.line{
    position: absolute;
    left: 0%;
    top: 8px;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 1px;
    background-color: #ff6361;

}
.footerpara-white{
    color: #fff;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 25px;
    font-family: Dosis, sans-serif;
}
.project-circle a{
    text-decoration: none;
    color:white;
}
.nav-map{
    position: relative;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    font-weight: 600;
    text-decoration: none;
    max-width: 100%;
    display: inline-block;
}
.nav-map:hover{
    border-bottom: 3px solid #fff;
    transition: ease-in;
}
.footer-column2{
    width: 33.33333333%;
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.footer-column3{
    width: 33.33333333%;
    position: relative;
    float: left;

    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.information-child{
    margin-bottom: 15px;
    padding-top: 0px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;

}
.information-child img{
    width: 20px;
    margin-right: 15px;
    margin-bottom: 0px;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.copyright{
    margin-top: 80px;
}
.copyright-rowflex{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    align-items: center;
}
.copycolumn{
    width: 20%;
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.fabrication{
    display: none
}
.impotedequipments{
    display: none;
}
.copylink{
    
    /* position: relative;
    display: flex;
    height: 110px;
    padding-right: 35px;
    padding-left: 35px;
    justify-content: center;
    align-items: center;
    background-color: #e97b0d;; */
}
.copylink img{
        max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.hamburger{
    display:none ;
    order:4;
}
.hamburger-line{
    transform: translate(-50%, 4px);
}
.hamburger-lines{
    transform: translate(-50%, 4px);
}
.hamburger-line{
    transition: .2s;
    height:2px;
    background-color: #0a1229;

}
.hamburger-lines{
    transition: .2s;
    height:2px;
    background-color: #0a1229;
    margin-top:10px;
}
@media only screen and (max-width: 1000px) {
    html,body {
width:100%;
margin:0;

padding:0;
overflow-x: hidden;
    }
   
    .hamburger-line,.hamburger-lines {
        left: unset;
        top: 50%;
        right: 0;
        width: 30px;
    }
    .navigation-bar{
        justify-content: space-between;
    }
    .list-drop{
        display: none;
       
    }
    .hamburger{
        display: block;
    }
    .banner{

        margin-top: 0;
        background-position-x:50% ;
        

    }
    .navigation-bar{
 width:100%;
   background-color: white;
left:0;
height: 60px;
top:0;
margin: 0;
  }
    .logo{
 height:60px;

    }
     .logo img{
        width:70px
      }
        .nave{
background-color: transparent;
display: none;
      }
      .quote{
        background-color: transparent;
        display: none;

      }
      .content{
        margin-top: 25vh;
        padding-left:2.5%;
      }
      
}
@media only screen and (max-width: 472px) {
    html,body {
        width:100%;
        margin:0;
        
        padding:0;
        overflow-x: hidden;
            }
                .fabrication{
    display: block;
}
.grey-section{
    margin-top: -350px;
}
.impotedequipments{
    display: block;
}
            .display_image{
                margin-top: -400px;
            }
            .about_text{
                margin-top: -40px;
            }
    .banner{

        height: 500px;
        background-size: auto cover;
        
    }
    .feature{
        display: none;
    }

    .title{
        font-size: 40px;
        line-height: 42px;
    }
    .a{



    }
    .new{

    }
    .button{
        font-size: 12;
    }
    .content{
width:80%;
margin-left: auto;
margin-right: auto;
min-height: 1px;
    }
    .social{
        
            left: auto;
            top: auto;
            right: 0%;
            bottom: 0%;
        
    }
    .toptitle-absolute{
        display: none;
    }
    .s-toptitle{
flex-direction: column;
align-items: flex-start;
margin-bottom: 15%;
min-height: 1px;
    }
    .toptitlewrt{
        margin-bottom: 9px;
        font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    }
    .list{
        display: flex;
        flex-direction: column;
    }
    .list-items{
        width:95%;
        margin-left: auto;
        margin-right: auto;
    }
    .list-row{
        width:100%;
        margin-bottom: 40px;
       
    }
    .row-flex{
        flex-direction:column;
    }
    .row-flex-image {
        width:90%;
        margin-bottom: 84px;
        margin-left: auto;
        margin-right: auto;

    }
    .row-flex-content {
        width: 90%;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .row-flex-content-padding{
        padding:0%;
    }
    .margin-page{
        margin-top:15%;
    }
    .top-title {
        margin-bottom: 9px;
        font-size: 26px;
        line-height: 30px;
    }
    .row-flex-top-title{
        margin-bottom: 15%;
        align-items: flex-start;
        flex-direction: column;
        min-height: 1px;
    }
    .w-row {
        width:97%;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
    }
    .fun-facts{
        padding:0;
        margin-bottom: 26px;
    }
    .wrow-column {
        width:100%
    }
    .fun-facts p{
        margin-top:0;
        margin-bottom: 10px;
    }
    .grey-section-container{
        flex-direction: column;
        align-items: flex-start;
    }
    .grey-list{
        flex-direction: column;
    }
    .top-title-white{
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 9px;
    }
    .section--color-container-title{
        width:90%;
        margin-left: auto;
        margin-right: auto;
        min-height: 1px;
    }
    .para-grey{
        margin-top:10px;
        margin-bottom: 5px;
    }
   .section--color-container-title{
    align-items: flex-start;
   }
   .top-btn{
    margin-top: 40px;
   }
   .newgrey-row{
    flex-direction: column;
   }
   .newgrey-column{
    width:100%;
    margin-bottom: 30px;
   }
   .rowtesto-flex{
    flex-direction: column;
width:100%;
margin-left: auto;
margin-right: auto;
align-items:flex-start;
   }
   .testomonial-column{
    width:100%;
   }
   .padding-right{
    padding-right:0px;
   }
   .top-title{
    margin-bottom: 15%;
   }
   .testo-row {
    display: flex;
    flex-direction: column;
   }
   .column1{
    width: 100%;
   }
   .wrapper1,.wrapper2,.wrapper3,.wrapper4{
   
   }
   .testo-content {
width: 90%;
margin-left: auto;
margin-right: auto;
   }
   .wrapper3{
    margin-top:51px;
   }
   .wrapper4{
    margin-top: 51px;
   }
   .preitems-column{
    flex-direction: column;
   }
   .preitems-list {
    width:90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15%;
    margin-top:0;
   }
   .logo-flex {
    flex-direction: column;
   }
   .section-logo-top-title{

align-items: center;
margin:0;
margin-bottom: 10px;
min-height: 1px;
   }
   .section-logo{
    padding-top: 15%;;
   }
   .class-tab1,.class-tab2,.class-tab3,.class-tab4,.class-tab5{
    min-height: 100px;
    width: 100%;
   }
   .footer-column1 {
    width:100%;
    margin-bottom: 39px;
    padding-right: 0%;}
   .footer-row{
    flex-direction: column;
   }
   .footer{
    width: 100%;
 padding-left:30px;
    padding: ;
   }
   .footer-column2{
    width:100%;
    margin-bottom: 39px;
    padding-right: 0%;
   }
   .footer-column3{
    width:100%;
    margin-bottom: 39px;
    padding-right: 0%;
   }
   .footer{
   }
   .nav-map{
    margin-bottom: 5px;
    margin-top: 5px;
   }
   .copyright{
    margin-top: 0px;
   }
   .copylink{
    height:60px;
    width:90px;
   }
   .copylink img{
    width:70px;
   }
   .information-child{
    padding:0px 18px;
   }
   .prefooter-blogcontent{
    margin-top: 0px;
   }

}
/* Hide nav on small screens by default */
@media (max-width: 768px) {
  .nave {
    display: none;
    flex-direction: column;
    background-color: #fff;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 1000;
  }

  .nave.active {
    display: flex;
  }

  .hamburger {
    display: block;
    cursor: pointer;
  }

  .hamburger-line,
  .hamburger-lines {
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 5px;
    transition: all 0.3s ease;
  }

  .hamburger.open .hamburger-line {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .hamburger.open .hamburger-lines {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}

/* Hide hamburger on desktop */
@media (min-width: 769px) {
  .hamburger {
    display: none;
  }
}
.dropdown-list {
  display: none;
  flex-direction: column;
  background-color: #f9f9f9;
}

.dropdown-list.active {
  display: flex;
}
.display_image{
    width: 100%;
    height: 250px;
    background-image: linear-gradient(76deg, rgba(193, 195, 204, 0.83) 35%, rgba(193, 195, 204, 0.28) 65%), url(https://static.vecteezy.com/system/resources/previews/035/851/965/non_2x/ai-generated-flavors-and-innovations-a-comprehensive-exploration-of-commercial-kitchens-state-of-the-art-tools-and-exceptional-food-ingredients-free-photo.jpg);
    padding-top: 100px;
        
    z-index: 2;
    

}
.display_image h2{
        margin-bottom: 0px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: ;
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    margin-left: 5%;
    
}
.lines{
        margin-bottom: 35px;
    font-family: Dosis, sans-serif;
    color: #919197;
    font-size: 17px;
    line-height: 25px;
}