@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?68202519');
  src: url('fonts/fontello.eot?68202519#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?68202519') format('woff2'),
       url('fonts/fontello.woff?68202519') format('woff'),
       url('fonts/fontello.ttf?68202519') format('truetype'),
       url('fonts/fontello.svg?68202519#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

   .cc-type-info.cc-theme-classic {
        padding-bottom: 22px;
        
        width: 180px;
        height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: center;
        top:50px;
        background-color: rgba(255, 255, 255, 0.95) !important;
        box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.03), 0 26px 30px 0 rgba(0, 0, 0, 0.04);
        border-bottom-left-radius: 32px;
        border-bottom-right-radius: 32px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        top: 40px;
        right: 40px;
        margin-left:auto;
        z-index: 100;
        transition-delay:.5s!important;
        padding-top:20px;
        border-radius: 50%;
        }


        .cookiePopup .message {
            font-size: 13.5px;
            color:#636770;
            font-weight:100;
            width: 81%;
            margin: 0 auto;
            line-height: 19px;
            z-index: 2; 
            position: relative; 

        }

        .cookiePopup img {
         margin-bottom:0;
        }

        .cookiePopup .readMoreLink {
            color:#636770!important;
            font-weight:100;
            font-size:13.5px;

        }

        .cc-close {
            position:static;
            font-size: 20px;
            font-weight:400;
            margin-top:12px;
            z-index:99;
        }

        .cc-close svg {
        
          height:15px;
          z-index:-1;
          pointer-events: none;
        }
        .cc-close polygon.a {
                fill: #fff;
        }
        
        .cc-close:focus {
            outline:none;
        }
      .icon-custom-1 {
        color:#a561d8;
      }

      .icon-custom-2 {
      color:#272dcc;
    }

      .icon.image-icon img {
        width: 37px;
      }

    .icon-logo:before { content: '\e804'; } /* '' */


    


#goToTopBtn {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 25px;
  z-index: 0;
  background-color: white;
  color: white;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  z-index: 9999999;
  border: 1px solid #6e94cb;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

#goToTopBtn:hover {
  box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.15);
}

#goToTopBtn .arrow {
  justify-content: center;
  align-items: center;
  color: black;
  text-align: center;
  height: 7px;
  width: 7px;
  border-left: 1.5px solid #6e94cb;
  border-bottom: 1.5px solid #6e94cb;
  display: inline-block;
  transform: rotate(135deg);
  position: relative;
  top: -3px;
  transition: .3s all;
}


.navbar {
  background:rgba(255,255,255,0);
  box-shadow: none;
}
.navbar.white {
  background:white;
}
#navbar-logo.navbar-brand,
.navbar .navbar-nav .nav-item .nav-link {
  color:white;
}

.navbar.white #navbar-logo.navbar-brand,
.navbar.white .navbar-nav .nav-item .nav-link {
  color:#636770;
}

/* '' */
#navbar-logo.navbar-brand {
  margin-right: 60px;
  font-size: 30px;
  width: 110px;
  margin: 0;
}

#navbar-logo.navbar-brand.footer-logo {
  margin: 0;
  padding: 0;
}

#navbar-logo.navbar-brand img {
  display: flex;
  height: 60px;
}

.navbar .navbar-toggler .navbar-toggler-bar {
  background:white;
  height:3px;
}

.navbar.white .navbar-toggler .navbar-toggler-bar {
  background:#636770;

}



.dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown-menu.dropdown-primary .dropdown-item:focus {
  background:#66615B;
}

@media all and (max-width:991px){
  .dropdown.show .dropdown-menu .dropdown-item:hover, .dropdown.show .dropdown-menu .dropdown-item:focus, .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus {
    color:#66615B!important;
    opacity:.8;

  }
}

.bb-0 {
  border-bottom: 0 !important;
}

.br-0 {
  border-right: 0 !important;
}

/*temp disabled*/
.filter {
  display: none;
}
    .page-header .content-center {
    	max-width:80%;
    }
    .boxed-content {
    background: rgba(0, 0, 0, 0.47843137254901963);
    border-radius: 18.5px;
    padding: 42px 46px;
    }

    .boxed-content .title {
          margin-top: 0;
    }

    .boxed-content .scroll-circle {
    border-radius: 50px;
    padding: 0;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .boxed-content .scroll-circle i {
      position:relative;
      font-size: 24px;
    }
    .boxed-content .scroll-circle i {
      animation:.7s animateArrow infinite alternate forwards;;
    }

    @keyframes animateArrow {
      from {bottom:0;}
      to {bottom:3px;}
    }

    .description,
    .card  .card-description{
    	color:#616161;
    }

    .features-3 .info-horizontal {
          min-height: 151px;
    }

    .features-3 .info h4 {
	    max-width: 163px;
	    margin-top: 0;
    }

    .features-3 .info-horizontal .icon {
    	margin-top:0;
    }
  	.features-5.section-image {
  		background-attachment: fixed;
  	}

    .features-5 .info p {
          padding: 30px;
    }
    .features-5:before {
      background-color: rgba(0, 0, 0, 0.71);
    }
    
    .blog-4 {
        padding: 80px 0;
    }
    .blog-4 .card .card-description {
          min-height: 110px;
          padding:0 30px;
    }
    .contactus-1.section-image {
    	background-position: center;
    }


    
    .contactus-1:before {
      background-color: rgba(0, 0, 0, 0.71);
    }

    .contactus-1 .card-contact {
      justify-content: center;
      margin: 0;
      padding: 40px 0;
      
    }

    .contactus-1 .list-unstyled {
      margin-top: 5px;
      padding-left: 15px;
      color: red;
    }



    /* flags */

  .flags .flag {
      margin-right:15px;
    }










  /*CUSTOM PAGES*/
  #smart-retail #navbar-logo.navbar-brand {
    color:#636770;
  }
  #smart-retail .boxed-content {
    background: rgba(255, 255, 255, 0.64);
  }

  #smart-retail .boxed-content .title,
  #smart-retail .boxed-content h5 {
    color:#636770;
  }

  #smart-retail .features-5:before {background-color: rgba(45, 45, 45, 0.71);}


#zoniz-restaurants .order-feature .col-md-12{
  min-height:unset;
}

#zoniz-restaurants .project-4 .card.card-plain .card-body {
  margin-top:0;
}

#zoniz-restaurants .project-4 .card[data-background]::after {
  content:none;
}
#zoniz-restaurants .testimonials-1 {
  background-attachment: fixed;
}
#zoniz-restaurants .card-testimonial {
  min-height: 330px;
}

#zoniz-restaurants .testimonials-1:before {
  background-color: rgba(0, 0, 0, 0.71);
}

#zoniz-restaurants .card-testimonial .card-footer .card-category {
  margin-top:6px;
}
#zoniz-restaurants .projects-3 .card.card-plain img {
  border: 1px solid #e1e1e1;
  padding: 5px;
}
#zoniz-restaurants .info-row {
  margin-top: 30px;
}
#zoniz-restaurants .info {
  padding:10px 0 0 0;
}

#zoniz-hotels .features-3 .iphone-container {
  max-width:350px;
}

#zoniz-hotels .features-3 .info-horizontal {
  margin-bottom: 0;
  padding-bottom: 0;
}

.select2-container--default .select2-selection--single {
  min-height:40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height:40px;
}


.footer .social-area {
  padding:0;
}




@media all and (max-width:600px) {

  [class*="features-"], [class*="team-"], [class*="projects-"], [class*="pricing-"], [class*="testimonials-"], [class*="contactus-"] {
    padding:40px 0;
  }
  #navbar-logo.navbar-brand {
    margin:0 auto;
    text-align: center;
    width: unset;
  }

  .buttons, h2, h5, .description, .boxed-content .title {
    text-align:center;
  }

  .description {
    max-width: 80%;
    margin: 0 auto;
  }
  .features-3 .iphone-container {
    margin-bottom:50px;
  }
  .features-3 .info-horizontal {
    min-height:unset
  }

  .features-3 .info-horizontal .icon {
    float: none;
    text-align: center;
  }

  .features-3 .info h4 {
    max-width:unset;
    margin: 5px auto;
  }


  .features-5.section-image {
    padding:0;
  }

  .card-contact p {
    max-width:80%;margin:0 auto;
  }

  #contact-form input[type="submit"] {
    float:none;
    margin:0 auto;
    text-align:center;
    display:block;
  }

  #smart-retail .boxed-content {
    background:white;
  }
}



/* cookies */


.cookie-configurator {
  display:block;
  z-index: 1003;
  position: fixed;
  width: 450px;
  max-width:90%;
  height: 450px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  margin: auto;
  /* transition:.6s all; */
  transform:translateY(0);

}


.cookie-configurator.hide {
  transform: translateY(150vh);
  /* transition: 1s all; */
  opacity:0;
  pointer-events:none;
}

.cookie-configurator .configurator {
    box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.03), 0 26px 30px 0 rgba(0,0,0,0.04);
    background: white;
    position: relative;
    border-radius: 18.5px;
    padding: 25px;
}

.cookie-configurator .close-icon {
  border-radius:50px;
  height:20px;width:20px;
  color:white;
  background:#636770;
  position:absolute;
  top:10px;
  right:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-family: 'Open Sans',sans-serif !important;
}

.cookie-configurator p {
  color: #636770;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}
.cookie-configurator .title {
  text-align: center;
  margin-bottom: 25px;
  min-height: 0;
  margin-top: 0;
}

.cookie-configurator .row {
  padding: 10px 0;
  display: flex;
  align-items: center;
  margin: 0;
}

.cookie-configurator label {
  color:#636770;
  margin-right:15px;
  min-width: 250px;
}

.cookie-configurator .neutral-btn {
  position: static;
  font-size: 20px;
  font-weight: 400;
  margin-top: 12px;
  z-index: 99;
  background-color: #ffffff;
  border: 1px solid #c7c8ca;
  padding: 8px 15px;
  border-radius: 50px;
  outline: none;
  cursor:pointer;
  margin: 0 auto;
  box-sizing: border-box;
  line-height: .75;
  transition:.2s all;
}

.cookie-configurator .neutral-btn:hover {
  background:#6bb884;
  color:white;
}

.cookie-configurator .accept-all-cookies-btn {
  background:#6bb884;
  color:white;
  margin:0 auto;
}


.cookie-popup-wrapper {
  position:fixed;
  bottom: 0;
  right: 0;
  left:0;
  top: unset;
  overflow: hidden;
  margin-top: auto;
  min-height: 270px;
  font-size: 16px;
  line-height: 1.5em;
  z-index:1000;
  width: 100%;
  display: flex;
  align-items:center;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.03), 0 26px 30px 0 rgba(0, 0, 0, 0.04);
  z-index: 100;
  transition-delay: .5s !important;
  padding: 1em 1.8em;
  padding-top: 20px;
  z-index: 1001;
}

.cookie-popup-wrapper.hide {
  display:none;
}

.accept-all-cookies-btn {
  position: static;
  font-size: 20px;
  font-weight: 400;
  margin-top: 12px;
  z-index: 99;
  background: #6bb884;
  color: white;
  padding: 8px 15px;
  border-radius: 50px;
  border:0;
  outline:none;
  display: block;
  top: .5em;
  right: .5em;
  opacity: .9;
  line-height: .75;
  cursor:pointer;
}


.cookiePopup .message {
  font-size: 13.5px;
  color:  #636770;
  font-weight: 100;
  width: 100%;
  margin: 0 auto;
  line-height: 19px;
  z-index: 2;
  position: relative;

}

.cookiePopup img {
  margin-bottom: 0;
}

.cookiePopup .readMoreLink {
  color: #636770 !important;
  font-weight: 100;
  font-size: 13.5px;

}

#configureCookiePrefBtn {
  text-decoration:none;
  border:none;
  background:none;
  border-bottom:1px solid #c7c8ca;
  margin-top:20px;
  cursor:pointer;
  outline:none;
  font-size: 13.3px;
}

.cc-close svg {

  height: 15px;
  z-index: -1;
  pointer-events: none;

}

.cc-close svg polygon.a {
  fill: #fff;
}

.cc-close:focus {
  outline: none;
}


.cookie-popup-small {
  height: 40px;
  width: 40px;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}
.cookiePopup {
  max-width:450px;
}
.cookie-popup-small img {
  height: auto;
  width: 100%;
}

.blur-element {
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  background: rgba(42, 55, 70,0.9);
  z-index:999;
}

.blur-element.hide {
    display: none !important;
  
}


.zonizSwitch-container label {
  font-size: 13px;
}
  .zonizSwitch {
    position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  font-size: 10px;
  line-height: 10px;
  color: #666666;
  background: #6bb884;
  border-radius: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30px;
  height: 18px;
  box-sizing: border-box;
    border: none;
  }
    .zonizSwitch.labeled {
    position: relative;
  width: 28px;
  margin-right: 10px;
  right: unset;
  top:0;
  box-shadow: 0px 0px 0px 0px #ffffff, inset 0px 0.5px 0px 0.5px #6bb884, inset 0 0 55px 7px rgba(255, 255, 255, 0);
  }

  .zonizSwitch.labeled.off {
    background: #f1f2f8;
  box-shadow: 0px 0px 0px 0px #ffffff, inset 0px 0.5px 0px 0.5px rgb(202, 205, 213), inset 0 0 55px 7px #f1f2f8;
    }

    .zonizSwitch.labeled.off .labels {
    right: 0;
    bottom: 0;
    left: -2px;
    width: auto;
    text-align: left;
    padding: 0;
    height: 18px;
    position: absolute;
    top: 0;
    }

    .zonizSwitch.off .dot {
    background: #ffffff;
    border: 1px solid rgb(202, 205, 213);
    box-sizing: border-box;
    }
    .zonizSwitch .labels {
    position: absolute;	
    height: 18px;
    text-align: left;
    padding: 0 3px;
    right: -2px;
    bottom: 0;
    top: 0;
    left: unset;
    width: auto;
    height: 18px;
    text-align: left;
    padding: 0;
    }

    .zonizSwitch .dot {
    background: #ffffff;
    width: 18px;
    height: 18px;
    border-radius: 29%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 0 2px;
    border: 1px solid #6bb884;
    box-sizing: border-box;
    }
  

  .zonizSwitch.disabled {
    cursor: not-allowed;
  }


  @media all and (min-width:767px)  {

    #la-pachet {
      margin-top:-55px;
    }

  }