*{
    padding:0;
    margin:0;
    
    box-sizing: border-box;
  }
  body{
    -webkit-font-smoothing: antialiased;
  }

html{
    scroll-behavior: smooth;
    scroll-padding: 70px;
}


.effects a:hover{
    color:black;
    text-decoration:none;
  }
  
  .effects a:before {
    content: "[";
    left: -5px;
  }
  
  .effects a:after {
    content: "]";
    right: -5px;
  }
  .effects a:before,
  .effects a:after {
    position: absolute;
    opacity: 0;
    color: rgb(5, 5, 5);
    top: -1px;
    transition: all .5s;
  }
  .effects a:hover:before {
    left: -20px;
  }
  
  .effects a:hover:after {
    right: -20px;
  }
  .effects a:hover:before,
  .effects a:hover:after {
    opacity: 10;
  }
  
   .font-change{
    
    
    font-weight:normal;
    text-transform: uppercase;
    
   }
    
    .background-set{
      padding:0px;
      margin:0px;
      background-image:url("../images/bg_4.jpg");
      background-repeat:round;
     background-attachment: fixed;
     border:none;
     box-sizing:border-box;
    }
    .head-rotate{
      
      font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      color:rgb(0, 0, 0);
      font-style: normal;
      font-size:60px;
    }
    .text-change{
      font-size:30px;
      color:rgb(255, 8, 8);
      font-family:Perpetua Titling MT;
      font-weight:500;
      
    }
    .text-nav{
      font-size:large;
    }
    .container-fluid{
      background-color:white;
      border:none;
    }
   
    
   
   .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #ff0000;
  }
  .navbar-inverse .navbar-toggle {
      border-color: rgb(5, 5, 5);
  }
  .navbar-inverse .navbar-toggle:hover{
    background-color:rgb(250, 245, 245);
  }
  .navbar-inverse .navbar-toggle:focus{
    background-color:rgb(240, 232, 232);
    color:red;
  }
  .navbar{
      border:none;
    }
    .collapse,.in{
      border:none;
    }
    .text-indent-title{
     text-indent:20px;
   }
   
   @media screen and (max-width: 767px){
      #myNavbar{
        border-top:2px solid white;
    border-bottom:5px solid red;
             }
             .text-indent{
      text-indent:100px;      
             }
      .text-indent-title{
     text-indent:50px;
             }
  .link{
    display:inline-block;
  }
         
    }
    
    .container-fluid .hell .navbar  .bi{
      color:rgb(10, 10, 10);
      font-size:25px;
      
    }
    
    .container-fluid .hell .bi:focus   {
      color:rgb(106, 23, 23);
     font-size:10px;
     background-color:blue;
    }
    
    
    .container-fluid .hell a:focus {
      color:rgb(255, 0, 0);
      font-weight:bolder;
      font-family:Agency FB;
      font-size:19px;
      text-decoration:none;
      
    }
    
  .hell{
    border:none;
    background-color: rgb(255, 255, 255);
    
  }
  .navbar{
    border:none;
  }
  .container-fluid {
    background-color: rgb(255, 255, 255);
  }
  
  
  .navbar-collapse a{
    color:rgb(255, 255, 255);
  }
  .logo-background{
    padding-left:250px;
    padding-top:150px;
    padding-bottom:150px;
    background-color:rgba(255, 255, 255, 0.95);
    background-image:url("../images/963689_e94fb.gif");
    
    background-repeat:no-repeat;
  }
  
  .link{
    
    display: inline-block;
  }
  .logoBox{
    padding-top:10px;
    padding-left:0px;
    
  }
  .logoBox h1{
    text-shadow: 2px 0px 2px gray;
      font-family:Perpetua Titling MT ;
  }
  .logoBox p{
    font-size: 25px;
    color:rgb(36, 36, 36);
    font-family:fb agency;
  }
  .logo{
    border-radius:100%;
    
    box-shadow: 2px 2px 5px  rgb(105, 92, 92);
    animation:animate 5s linear infinite alternate-reverse;
  }
  @keyframes animate{
      from{
          transform:rotate(0deg);
      }
      to{
          transform:rotate(3deg);
      }
  }
  .about-polskitchens{
    background-image:url("../images/963689_e94fb.gif");
    
    background-repeat:no-repeat;
    background-color:rgba(235, 41, 83, 0.857);
      margin-top:500px;
      padding-bottom:220px;
  }
  .about-polskitchens h2{
      color:rgb(255, 255, 255);
      line-height:120px;
     text-align: center;
    
      justify-content: center;
      
  }
  .text{
      font-family:Perpetua Titling MT;
      font-size:30px;
      color:black;
      
      font-weight: lighter;
  }
  .font{
      font-family:Perpetua Titling MT;
      font-weight: lighter;
      font-size:30px;
     
  }
  .about-polskitchens p{
      color:rgb(204, 185, 185);
      font-size:23px;
      
     line-height: 40px;
     font-family:Bahnschrift Light Condensed;
      
            
  }
  .about-polskitchens .para{
      font-family:Bahnschrift Light Condensed;
      color:rgb(255, 255, 255);
      font-size:20px;
      
     font-weight: normal;
  }
  
  
  
  
  
  
  
  
  /*-- overlay text effect 3 --*/
  
  
  @media (max-width: 767px){
      .effect-image-1{
          margin:30px 0px;
      }
  }
  .bgset{
   
    background-image:url("../images/IMG-20220112-WA0013.jpg");
      background-repeat:round;
     background-attachment: fixed;
     border:none;
     margin:0px;
     margin-top:-20px;
     padding:0px;
     
  }
  .bgset img{
      width: 100%;
      max-width: 100%;
      height: auto;
  
  }
  .services{
    font-family:Perpetua Titling MT;
  }
  .bgset-container{
    background-color:rgba(255, 255, 255, 0.904);
    margin-top:350px;
    padding-top:50px;
    background-image:url("../images/5662c172f2793d9f0a0950919f41b4af.gif");
    
    background-repeat:no-repeat;
    padding-bottom:100px;
  }
  
  
  
  .eft{
    background-color:rgb(189, 189, 189);
    padding:20px;
    border:none;
    margin-left:60px;
    margin-right:60px;
   margin-top:20px;
   padding-top:40px;
    box-shadow:2px 2px 3px rgb(125, 119, 121),
                0px 0px 5px rgb(108, 102, 104);
  }
  
  .eft-text{
    opacity: 0;
    visibility: hidden;
  }
  .eft:hover .eft-text{
    visibility: visible;
    opacity: 10;
    
  }
  
  .eft .bi{
    transition:1s;
    margin-left:0px;
    text-align:left;
    color:rgb(231, 25, 77);
    font-size:50px;
    text-shadow:2px 2px 3px gray;
  }
  .eft .eft-text{
    margin-right:-20px;
    
    
    visibility: hidden;
    transition:1s;
  }
  .eft:hover{
    padding-top:20px;
    background-color:rgba(169, 167, 167, 0.891);
  }
  .eft:hover .newbuild{
    color:rgba(255, 255, 255, 0.932);
    text-shadow:2px 2px 3px gray;
  }
  .eft .newbuild{
    color:black;
    font-size:20px;
    text-shadow:0px 0px 3px gray;
    text-transform:uppercase;
  }
  .eft:hover .bi{
    margin-left:200px;
    text-align: right;
    transition:1s;
   
  }
  .eft:hover .eft-text{
    margin-right:0px;
    color:black;
    transition:1s;
    visibility: visible;
    text-align:justify;
  }
  
  
  
  .glass-box{
    background-repeat:round;
    background-image:url("../images/IMG-20220112-WA0014.jpg");
    padding: 0;
    margin:0;
    padding-top:350px;
   background-attachment: fixed;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
    
  .wave {
      float: left;
      margin: 70px;
      box-shadow:2px 3px 3px rgb(101, 92, 92);
    margin-top:90px;
      animation: wave  ease-in-out 0.5s infinite alternate;
      transform-origin: center -36px;
    }
    
    .wave:hover {
      animation-play-state: paused;
      cursor: pointer;
    }
    
    .wave img {
      border: 5px solid #f8f8f8;
      display: block;
      width: 200px;
      height: 250px;
    }
    
    .wave figcaption {
      text-align: center;
    }
    
    .wave:after{
      content: '';
      position: absolute;
      width: 20px; 
      height: 20px;
      border: 1.5px solid #ffffff;
      top: -10px; 
      left: 50%;
      border-bottom: none;
      border-right: none;
      transform: rotate(35deg);
    }
           
    .wave:before{
      content: '';
      position: absolute;
      top: -23px;
      left: 50%;
      display: block;
      height: 44px;
      width: 47px; 
     
      border:2px solid rgb(152, 136, 136);
      box-shadow:3px -2px 4px rgb(68, 62, 62);
      border-radius:100%;
      background-color:rgb(191, 30, 30);
      background-size: 20px 20px;
      background-repeat: no-repeat;
      z-index: 16;
      
    }
            
    @keyframes wave {
      0% { transform: rotate(10deg); }
      100% { transform: rotate(-10deg); }
    }
    .wave-box{
      background-color:rgba(255, 255, 255, 0.823);
      background-image:url("../images/963689_e94fb.gif");
      background-repeat:no-repeat;
      padding:50px;
      padding-bottom:90px;
      padding-left:90px;
    }
    .wrap{
      background-image:url("../images/IMG-20220112-WA0011.jpg");
      background-repeat:round;
      background-attachment: fixed;
      background-size:round;
      padding:0px;
      margin:0px;
    }
    .wrap-mission{
      margin-top:400px;
      background-color:#8a777cd8;
      padding:50px;
      background-image:url("../images/963689_e94fb.gif");
      margin-bottom:300px;
    
    background-repeat:no-repeat;
      border:10px solid rgb(231, 25, 77);
    }
    .mission{
      
      color:rgb(255, 254, 254);
      font-size:20px;
      font-family:Agency;
    }
    .mission-text{
      color:rgb(0, 0, 0);
      font-size:30px;
      font-family:Agency;
      text-transform: uppercase;
      
    }
    .ourvalues{
      margin-top:80px;
      margin-bottom:30px;
      color:rgb(0, 0, 0);
     
      
      font-family:Perpetua Titling MT ;
    }
    .wrap-mission .bi{
      color:rgb(231, 25, 77);
    font-size:140px;
    text-shadow:2px 2px 3px rgb(88, 83, 83);
      
    }
  
   .customers{
    background-image:url("../images/IMG-20220112-WA0013.jpg");
      background-repeat:round;
      background-attachment: fixed;
      
      padding:0px;
  
      margin:0px;
   }
  
  
  
   #slideshow-wrap {
          display: block;
          height: 320px;
          min-width: 260px;
          max-width: 800px;
          margin: auto;
          
          border: 12px rgba(255,255,240,1) solid;
          -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
          -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
          box-shadow: 0px 0px 5px rgba(0,0,0,.8);
          margin-top: 90px;
          
          position: relative;
      }
      
      #slideshow-inner {
          width: 100%;
          
          height: 100%;
          background-color: rgb(245, 241, 241);
          overflow: hidden;
          position: relative;
      }
      
      #slideshow-inner>ul {
          list-style: none;
          height: 100%;
          width: 500%;
          overflow: hidden;
          position: relative;
          left: 0px;
          -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
          -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
          -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
          transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
      }
      
      #slideshow-inner>ul>li {
          width: 20%;
          height: 320px;
          float: left;
          position: relative;
      }
      
      #slideshow-inner>ul>li>img {
          margin: auto;
          height: 100%;
      }
      
      #slideshow-wrap input[type=radio] {
          position: absolute;
          left: 50%;
          bottom: 15px;
          z-index: 100;
          visibility: hidden;
      }
      
      #slideshow-wrap label:not(.arrows):not(.show-description-label) {
          position: absolute;
          left: 50%;
          bottom: -45px;
          z-index: 100;
          width: 12px;
          height: 12px;
          background-color: rgba(200,200,200,1);
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          cursor: pointer;
          -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
          -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
          box-shadow: 0px 0px 3px rgba(0,0,0,.8);
          -webkit-transition: background-color .2s;
          -moz-transition: background-color .2s;
          -o-transition: background-color .2s;
          transition: background-color .2s;
      }
      
      #slideshow-wrap label:not(.arrows):active { bottom: -46px }
      
      #slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1] { background-color: rgba(100,100,100,1) }
      
      #slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2] { background-color: rgba(100,100,100,1) }
      
      #slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3] { background-color: rgba(100,100,100,1) }
      
      #slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4] { background-color: rgba(100,100,100,1) }
      
      #slideshow-wrap input[type=radio]#button-5:checked~label[for=button-5] { background-color: rgba(100,100,100,1) }
      
      #slideshow-wrap label[for=button-1] { margin-left: -36px }
      
      #slideshow-wrap label[for=button-2] { margin-left: -18px }
      
      #slideshow-wrap label[for=button-4] { margin-left: 18px }
      
      #slideshow-wrap label[for=button-5] { margin-left: 36px }
      
      #slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0 }
      
      #slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100% }
      
      #slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200% }
      
      #slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300% }
      
      #slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul { left: -400% }
      
      label.arrows {
          font-family: 'WebSymbolsRegular';
          font-size: 25px;
          color: rgb(255,255,240);
          position: absolute;
          top: 50%;
          margin-top: -25px;
          display: none;
          opacity: 0.7;
          cursor: pointer;
          z-index: 1000;
          background-color: transparent;
          -webkit-transition: opacity .2s;
          -moz-transition: opacity .2s;
          -o-transition: opacity .2s;
          transition: opacity .2s;
          text-shadow: 0px 0px 3px rgba(0,0,0,.8);
      }
      
      label.arrows:hover { opacity: 1 }
      
      label.arrows:active { margin-top: -23px }
      
      input[type=radio]#button-1:checked~.arrows#arrow-2, input[type=radio]#button-2:checked~.arrows#arrow-3, input[type=radio]#button-3:checked~.arrows#arrow-4, input[type=radio]#button-4:checked~.arrows#arrow-5 {
          right: -55px;
          display: block;
      }
      
      input[type=radio]#button-2:checked~.arrows#arrow-1, input[type=radio]#button-3:checked~.arrows#arrow-2, input[type=radio]#button-4:checked~.arrows#arrow-3, input[type=radio]#button-5:checked~.arrows#arrow-4 {
          left: -55px;
          display: block;
          -webkit-transform: scaleX(-1);
          -moz-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
          -o-transform: scaleX(-1);
          transform: scaleX(-1);
      }
      
      input[type=radio]#button-2:checked~.arrows#arrow-1 { left: -19px }
      
      input[type=radio]#button-3:checked~.arrows#arrow-2 { left: -37px }
      
      input[type=radio]#button-5:checked~.arrows#arrow-4 { left: -73px }
      
      .description {
          position: absolute;
          top: 0;
          left: 0;
          width: 260px;
          font-family: 'Yanone Kaffeesatz';
          z-index: 1000;
      }
      
      .description input { visibility: hidden }
      
      .description label {
          font-family: 'WebSymbolsRegular';
          background-color: rgba(255,255,240,1);
          position: relative;
          left: -17px;
          top: 00px;
          width: 40px;
          height: 27px;
          display: inline-block;
          text-align: center;
          padding-top: 7px;
          border-bottom-right-radius: 15px;
          cursor: pointer;
          opacity: 0;
          -webkit-transition: opacity .2s;
          -moz-transition: opacity .2s;
          -o-transition: opacity .2s;
          transition: opacity .2s;
          z-index: 5;
          color: rgb(20,20,20);
      }
      
      
      #slideshow-inner>ul>li:hover .description label { opacity: 1 }
      
      .description input[type=checkbox]:checked~label { opacity: 1 }
      
      .description .description-text {
          background-color: rgba(255,255,230,.5);
          padding-left: 45px;
          padding-top: 25px;
          padding-right: 15px;
          padding-bottom: 15px;
          position: relative;
          top: -35px;
          z-index: 4;
          opacity: 0;
          -webkit-transition: opacity .2s;
          -moz-transition: opacity .2s;
          -o-transition: opacity .2s;
          transition: opacity .2s;
          color: rgb(20,20,20);
      }
      
      .description input[type=checkbox]:checked~.description-text { opacity: 1 }
  
  
      .customer-box{
        padding-top:80px;
        padding-bottom:100px;
        background-color: rgba(240, 68, 105, 0.836);
        margin-bottom:400px;
        background-image:url("../images/963689_e94fb.gif");
      background-repeat:no-repeat;
      }
      .text-right{
          padding-top:40px;
          text-align:justify;
          text-indent:20px;
         text-justify:distribute-all-lines;
         text-align:center;
         font-family:Agency;
         font-size:20px;
          background-image:url("../images/963689_e94fb.gif");
                        background-repeat:no-repeat;
      }
  
  
      .customers-text{
        color:rgb(0, 0, 0);
     
      
     font-family:Perpetua Titling MT ;
      }
      .review{
        text-transform: uppercase;
     font-family: 'Times New Roman', Times, serif;
        color:#da2345;
        font-weight: bolder;
        font-size:25px;
      }
  
  
  
  
  
  
  
  
      .contact{
        margin-top:-20px;
      padding: 4%;
      height: 400px;
  }
  .contact-left{
      background: #e32a5e;
      padding: 4%;
      box-shadow:2px 2px 3px gray;
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
  }
  
  
  .contact-info a{
    text-decoration: none;
    color:#ffffff;
  
  }
  .contact-info .bi{
    font-size:20px;
    color:white;
  }
  .contact-info a:hover{
    color:black;
  }
  
  .contact-right{
      
      box-shadow:inset 2px 2px 3px gray;
                  filter: drop-shadow(2px 2px 3px gray);
        background-color:rgb(253, 255, 253);
      padding: 3%;
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
  }
  .contact-form label{
      font-weight:600;
  }
  .contact-form button{
      background: #25274d;
      color: #fff;
      font-weight: 600;
      width: 25%;
  }
  .contact-form button:focus{
      box-shadow:none;
  }
  .contact-box{
    background-color:rgba(183, 171, 173, 0.671);
    padding-bottom:110px;
    padding-top:100px;
    background-image:url("../images/963689_e94fb.gif");
                        background-repeat:no-repeat;
  }
  .finished{
    background-color:black;
    padding:40px;
  }