@font-face {
    font-family: 'Aeonik';
    src: url('aeonik/Aeonik-Regular.woff2') format('woff2'),
        url('aeonik/Aeonik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html, body {
    margin: 0;
    padding: 0;
    font-family: 'Aeonik', sans-serif;
    
    
    color: #000;
    font-weight: 400;
    background:#fff;
}

body.lang-el{
    font-family:'Manrope', sans-serif;
}

html {
    height: 100%;
    min-height: 100%;
}

    body {
        min-height: 100%;
        overflow-x:hidden;
        overflow-y:auto;
    }


.-color-orange{
    color:#ff7b19;
}
.cb-cursor-text {

    color:#ff7b19;
}
.cb-cursor.-text:before{
    background:none;
}
a {
    color: #333;
}

    a:hover {
        color: #ff7b19;
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }



h1 {
    color: #fff;
}

h2 {
    color: #fff;
}

h3 {
    color: #fff;
}

hr {
    height: 1px;
    
    border: 0px;
    background-color: #9dc8eb;
}
hr {
    background: none;
    background-color: #ff7b19;
    border: none;
    border-top: none;
    margin: 10px 0 10px;
    padding: 0px;
    height:2px !important;
}

.btn.btn-builder {
  color:#000 !important;
}
.panel.panel-default > .panel-heading {
    color: #000;
}
#CheckoutLinesWrapper .table-striped > tbody > tr:nth-child(odd) > td, #CheckoutLinesWrapper .table-striped > tbody > tr:nth-child(odd) > th {
    background:none !important;
}
.btn.btn-primary,.btn.btn-primary:hover,.btn.btn-primary:focus, a.btn-primary,a.btn-primary:hover,a.btn-primary:focus{
    font-weight:400;
    color:#fff !important;
    border-color:#ff7b19;
    background:#333;
    border-radius:25px;
    padding:6px 24px !important;
    border-width:2px;
}
.btn.btn-primary:hover,.btn.btn-primary:focus,a.btn-primary:hover,a.btn-primary:focus{
    font-weight:400;
    color:#fff !important;
    border-color:#ff7b19;
    background:#000;
    border-radius:25px;
    border-width:2px;
    padding:6px 24px !important;
}
.modal .modal-content .modal-header{
    background:#333;
}
#coupon-form .btn.btn-primary,#coupon-form .btn.btn-primary:hover,#coupon-form .btn.btn-primary:focus{
    border-radius:4px !important;
    border-color:#333 !important;
}
.navbar-brand {
    float: left;
    padding: 0px 15px;
    line-height: 20px;
    height: 70px;
}

/*
.navbar-brand img{
    max-height:250px;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    
}
*/




@media (min-width:768px){
    .action-home .navbar-brand img{
        max-height:254px;
        position:fixed;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        
    }
    
    .action-home .is-sticky .navbar-brand img{
        max-height:35px;
        position:fixed;
        top:25px;
        left:15px;
        transform: none;
    }
    /*
    .action-home .is-sticky .navbar-brand.is-sticky-logo img{
        max-height:35px;
        top:25px;
        left:15px;
        position:fixed;
        transform: none;
    }
    */
}
@media (max-width:768px){

    .action-home  .navbar-brand img,.action-rest  .navbar-brand img{
        max-height:35px;
        top:15px;
        position:relative;
       
    }
}

.action-rest  .navbar-brand img{
    max-height:35px;
    top:20px;
    position:relative;
   
}
.top-area {
    position: relative;
}

.navbar-default {
    background:none;
    border:none;
    border-radius:0px;
    margin:0px;
}
.navbar-default .navbar-nav > li > a {
    color: #ff7b19;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
    color: #ff7b19;
    text-decoration:underline;
}
.top-area{
    
}
.container-fluid{
    padding-left:0px;
    padding-right:0px;
}
.action-rest .container-fluid{
    padding-left:30px;
    padding-right:30px;
}
@media(max-width:768px){
    .action-rest .container-fluid{
        padding-left:15px;
        padding-right:15px;
    }
}
.container{
    padding-left:15px;
    padding-right:15px;
    max-width:1600px;
    width:100%;
}
.modal-backdrop{
    z-index:2000040;
}
.modal{
    z-index:2000041;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
        color:#9dc5eb;
    }
    
    .top-area {
        padding-top:10px;
        padding-bottom:10px;
        position:fixed;
        left:0px;
        top:0px; 
        width:100%;
        z-index:2000;
    }
    
    .top-area.is-sticky{
        padding-top:10px;
        padding-bottom:10px;
    }
   
   body.action-rest{
       padding-top:100px;
   }
}
.action-rest .main-body{
    padding-bottom:50px;
}
@media(max-width:768px){
    .top-area {
        padding-top:0px;
        padding-bottom:0px;
        position:fixed;
        left:0px;
        top:0px; 
        width:100%;
        z-index:2000;
    }
   .navbar-default .navbar-toggle {
        border-color: #fff;
    }
}

.panel{
    background:none;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background: none;
    border: 1px solid #ff7b19;
    color:#000;
    border-radius: 4px;
    box-shadow: none;
}
.well a:hover,.well a:focus{
   color:#000;
}
.home-network b{color:#fff;}


.footer-area{
    background:url(skn/footer.jpg) 50% 50% no-repeat;
    background-size:cover;
    position:relative;
}
.footer-area .footer-content{

    padding-left:15px;
    padding-right:15px;
}
.footer-area.footer-fixed .footer-content{
    position:absolute;
    bottom:15px;
    width:100%;
   
}

.footer-area, .footer-area a, .footer-area a:hover {
    color: #ffffff;
    font-size: 16px;
}

a.footer-buy-link{
    
}

a.footer-buy-link,a.footer-buy-link:hover,a.footer-buy-link:focus{
    font-size:40px;
    line-height:50px;
    color:#ff7b19;
    font-family: "Krona One", sans-serif;
    
}
@media (min-width:768px){a.footer-buy-link,a.footer-buy-link:hover,a.footer-buy-link:focus{font-size:60px;line-height:70px;}}
@media (min-width:1200px){a.footer-buy-link,a.footer-buy-link:hover,a.footer-buy-link:focus{font-size:80px;line-height:90px;}}
@media (min-width:1600px){a.footer-buy-link,a.footer-buy-link:hover,a.footer-buy-link:focus{font-size:100px;line-height:110px;}}



.masonry-header{
    font-size:40px;
    line-height:50px;
    color:#ff7b19;
    font-family: "Krona One", sans-serif;
    position:absolute;
    top:15%;
    left:50%;
    transform:translate(-50%,-15%);
    z-index:3;
    width:100%;
    text-align:center;
}
@media (min-width:768px){.masonry-header{font-size:60px;line-height:70px;}}
@media (min-width:1200px){.masonry-header{font-size:80px;line-height:90px;}}
@media (min-width:1600px){.masonry-header{font-size:100px;line-height:110px;}}
@media (max-width:768px){.masonry-header{top:200px;left:50%;transform:translateX(-50%);}}



.footer-content{
    
    padding-top:100px;
}
.about-area{
    padding-top:30px;
}
.footer-area ul{
    margin:0px;
    padding:0px;
}
.footer-area li{
    list-style:none;
}
.footer-area h3 {
    color: #ffffff;
    font-size: 16px;
    margin-top: 0px;
    padding-top: 0px;
}

.footer-area .newsletter-description {
    font-size: 14px;
}
.about-area *,.about-area a,.about-area a:hover,.about-area a:focus{
    font-size:12px;
    font-weight:400;
}
.about-area {
   color:#fff;
}
.about-area a,.about-area a:hover,.about-area a:focus{
    color:#ff7b19;
}
#back-top{position:fixed;bottom:60px;right:10px}
@media(min-width:768px){
    .about-left{text-align:left;}    
    .about-right{text-align:right;}    
}



@media(max-width:768px){
    .action-rest{
        padding-top:100px;
    }
    .about-left{text-align:center;}    
    .about-right{text-align:center;}    
    .footer-col{
        margin-bottom:30px;
    }
    .top-area .container-fluid{
        padding:0px;
    
    }
    .navbar {
        min-height:70px;
        margin-bottom: 0px;
    }
    .navbar-toggle{
        margin-top:15px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ff7b19;
    }
    .navbar-default .navbar-toggle{
        border:none !important;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: none;
    }
     .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
        background: #ff7b19;
    }
    
    
    
}

.footer-menu ul {
    margin: 0px;
    padding: 0px;
}

.footer-menu li {
    list-style: none;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}
.transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.fast-transition{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

/* ------------------------------------------ cursor ---------------------------------------- */
.cb-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    contain: layout style size;
    pointer-events: none;
    will-change: transform;
    -webkit-transition: opacity 0.3s, color 0.4s;
    -o-transition: opacity 0.3s, color 0.4s;
    -moz-transition: opacity 0.3s, color 0.4s;
    transition: opacity 0.3s, color 0.4s; }
    .cb-cursor:before {
      content: "";
      position: absolute;
      top: -24px;
      left: -24px;
      display: block;
      width: 48px;
      height: 48px;
      -webkit-transform: scale(0);
         -moz-transform: scale(0);
          -ms-transform: scale(0);
           -o-transform: scale(0);
              transform: scale(0);
      background: currentColor;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      -webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
      transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
      -o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out;
      -moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, opacity 0.1s;
      transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
    .cb-cursor-text {
      position: absolute;
      top: -18px;
      left: -18px;
      width: 36px;
      height: 36px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transform: scale(0) rotate(10deg);
         -moz-transform: scale(0) rotate(10deg);
          -ms-transform: scale(0) rotate(10deg);
           -o-transform: scale(0) rotate(10deg);
              transform: scale(0) rotate(10deg);
      opacity: 0;
      color: white;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.01em;
      -webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
      transition: opacity 0.4s, -webkit-transform 0.3s;
      -o-transition: opacity 0.4s, -o-transform 0.3s;
      -moz-transition: opacity 0.4s, transform 0.3s, -moz-transform 0.3s;
      transition: opacity 0.4s, transform 0.3s;
      transition: opacity 0.4s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; }
    @supports (mix-blend-mode: exclusion) {
      .cb-cursor.-exclusion, .cb-cursor.-opaque {
        mix-blend-mode: exclusion; } }
    @supports (mix-blend-mode: exclusion) {
      .cb-cursor.-exclusion:before, .cb-cursor.-opaque:before {
        background: white; } }
    .cb-cursor.-normal, .cb-cursor.-text {
      mix-blend-mode: normal; }
      .cb-cursor.-normal:before, .cb-cursor.-text:before {
        background: currentColor; }
    .cb-cursor.-inverse {
      color: white; }
    .cb-cursor.-visible:before {
      -webkit-transform: scale(0.2);
         -moz-transform: scale(0.2);
          -ms-transform: scale(0.2);
           -o-transform: scale(0.2);
              transform: scale(0.2); }
    .cb-cursor.-visible.-active:before {
      -webkit-transform: scale(0.23);
         -moz-transform: scale(0.23);
          -ms-transform: scale(0.23);
           -o-transform: scale(0.23);
              transform: scale(0.23);
      -webkit-transition-duration: 0.2s;
         -moz-transition-duration: 0.2s;
           -o-transition-duration: 0.2s;
              transition-duration: 0.2s; }
    .cb-cursor.-pointer:before {
      -webkit-transform: scale(0.15);
         -moz-transform: scale(0.15);
          -ms-transform: scale(0.15);
           -o-transform: scale(0.15);
              transform: scale(0.15); }
    .cb-cursor.-text:before {
      opacity: 0.85;
      -webkit-transform: scale(1.7);
         -moz-transform: scale(1.7);
          -ms-transform: scale(1.7);
           -o-transform: scale(1.7);
              transform: scale(1.7); }
    .cb-cursor.-text .cb-cursor-text {
      opacity: 1;
      -webkit-transform: scale(1);
         -moz-transform: scale(1);
          -ms-transform: scale(1);
           -o-transform: scale(1);
              transform: scale(1); }
    .cb-cursor.-text.-active:before {
      -webkit-transform: scale(1.6);
         -moz-transform: scale(1.6);
          -ms-transform: scale(1.6);
           -o-transform: scale(1.6);
              transform: scale(1.6);
      -webkit-transition-duration: 0.2s;
         -moz-transition-duration: 0.2s;
           -o-transition-duration: 0.2s;
              transition-duration: 0.2s; }
    .cb-cursor.-opaque:before {
      -webkit-transform: scale(1.32);
         -moz-transform: scale(1.32);
          -ms-transform: scale(1.32);
           -o-transform: scale(1.32);
              transform: scale(1.32); }
    .cb-cursor.-opaque.-active:before {
      -webkit-transform: scale(1.2);
         -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
           -o-transform: scale(1.2);
              transform: scale(1.2); }
    .cb-cursor.-lg:before {
      -webkit-transform: scale(2);
         -moz-transform: scale(2);
          -ms-transform: scale(2);
           -o-transform: scale(2);
              transform: scale(2); }
    .cb-cursor.-hidden:before {
      -webkit-transform: scale(0);
         -moz-transform: scale(0);
          -ms-transform: scale(0);
           -o-transform: scale(0);
              transform: scale(0); }
  
  .-color-red {
    color: red; }
  
  .-color-green {
    color: #51c67d; }
  /*---------------------------- end cursor ------------------------------------*/  
  
  .action-rest .form-control, .action-rest .select2-container--bootstrap .select2-search--dropdown .select2-search__field, .action-rest .select2-container--bootstrap .select2-selection{
      border:none;
      box-shadow:none;
      background:#ebebeb;
      border-radius:0px;
  }
  
  
  
  .product-popup-close{
             position:fixed;
            top:30px;
            right:30px;
            z-index:2000039;
            width:30px;
            height:30px;
            cursor:pointer;
        }
        .product-popup{
            position:fixed;
            top:0px;
            left:0px;
            width:100%;
            height:100%;
            min-height:100%;
            background:rgba(255,255,255,0.9);
            z-index:2000038;
            display:none;
        }
         .product-popup.opened{
           
            display:block;
        }
        .product-popup-inner{
            position:fixed;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            z-index:2000039;
            width:80%;
        }
        
        @media(max-width:768px){
             .product-application td *,.product-ingredients td *{
                font-size:12px;
            }   
            .product-image img{
                max-height:200px;
                margin-bottom:20px;
            }
        }
        .product-application,.product-ingredients{
            display:none;
        }
        .product-popup-inner > .row{
            width:100%;
        }
        .title-checkout{
            font-size:24px;
        }
        .product-table{
            width:100%;
        }
        .product-add{
            color:#ff7b19;
            cursor:pointer;
        }
        .product-table tr td:first-child{
            padding-right:40px;
            width:100%;
        }
        
        
        
        #gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
            display: block;
            background: #ff7b19;
            border: 1px solid #111;
            color: #fff;
            padding: 5px 6px;
            font-size: 14px;
            border-radius: 4px;
            -webkit-transition: background;
            transition: background;
            -webkit-transition-duration: .4s;
            transition-duration: .4s;
            text-align: center;
            padding-right: 20px;
            
        }
        
        #gritter-notice-wrapper .gritter-item-wrapper .gritter-item:hover {
            background: #ff7b19;
        }
        
        #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close i,
        #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover i {
            color: #fff;
        }
        
        #gritter-notice-wrapper .btn-link,
        #gritter-notice-wrapper .btn-link:hover,
        #gritter-notice-wrapper .btn-link:focus {
            color: #333;
            margin-top: 10px;
            font-size: 13px;
            border: 1px solid #333;
        }
        
        #gritter-notice-wrapper {
            bottom: 15px !important;
            right: 15px !important;
            left: initial !important;
            top: initial !important;
             z-index:2000044;
        }
        
        
        .action-home .builder-content{
            padding-bottom:0px !important;
        }