h2 {
  margin: 0;
  padding: 0;
  line-height: 30px;
  height: 20px;
  display:inline;
  font-size:20px;
  font-weight:500;
}
.regbarlow {
  font-family:barlow;
  font-size: larger;
  font-weight: 800;
}
.akaromacimet {
  cursor:pointer;
} 
  body {
    margin:0px;  
    z-index:3;
  
  }
  a:link,
  a:visited,
  a:hover,
  a:active
   {
    text-decoration:none;
   color: inherit;
  }
  
  .link {
    cursor:pointer;
  }
   .seged {
     display:none;
  }
  .hide {
     display:none;
  }
  #alloszuroform input {
    display:none;
  }
  .szcselemekspan::first-letter {
      text-transform:uppercase;
  }
  #price-min-div {
    margin-bottom: 0px;
    text-align: left;
    font-weight: 800;
    font-family: Barlow;
    font-size: 16px;
    letter-spacing: -0.16px;
    color:#8D89A4;
    opacity: 1;
  }
  #price-max-div { 
    float:right;
    margin-bottom: 0px;
    text-align: left;
    font-weight: 800;
    font-family: Barlow;
    font-size: 16px;
    letter-spacing: -0.16px;
    color:#8D89A4;
    opacity: 1;
  }
  #slider-3{ margin-top:10px;}

  
  
  
  header {
    mmin-width:320px;
    mmax-width:1366px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
  }
  header #desktop-contackt {
    background: #050038 0% 0% no-repeat padding-box;

    opacity: 1;
    height:30px;
    color: #8D89A4;
    padding:20px;
    text-align: left;
    font: 14px Barlow;
    font-weight: 700;
    letter-spacing: 0.14px;
    text-transform: uppercase;
     
  
  }
  #desktop-contackt-contackt {
    float:right;
  }
  #desktop-contackt-contackt-keret{
    margin-top:5px;    
  }
  #desktop-contackt-contackt a {

    margin-right:15px;  
  }
  #desktop-contackt-contackt i {
    margin-right:5px;  
    margin-left:5px;
    font-size:17px;  
    font-weight: 700;  
  }
  #desktop-contackt-seek {
    background: #161144 0% 0% no-repeat padding-box;
    border: 1px solid #241E58;  
    border-radius: 3px;
    opacity: 1;
    color:#8D89A4;
    display:none;
  }
  #desktop-contackt-seek.popup {
    display:block;
  }
  
  #desktop-contackt-seek form>i {
    margin-left:10px;
  }
  #desktop-contackt-seek input {
    border:0px;
    opacity: 1;
    color:#8D89A4;
    height:38px;
    font-weight: 700;
    margin-left: 10px;
  }
  #desktop-contackt-seek button {
    border:0px;
    opacity: 1;

    margin:10px 0px 0px 0px;
  }
  
  
  
  
  
  
  
  
  #desktop-menu {
    font-family: Anton; 
    background:#161144;
    height:90px;
    color:#FFFFFF;
    text-align:center;
    letter-spacing: 0.6px;
    opacity: 1;
    text-transform:uppercase;

  }
  #desktop-menu-menuelemek a:hover {
    border-bottom:solid 1px #FFB117;
    color:#8d89a4;
  }


  #desktop-menu-kosar {
    position:relative;
    
    float:right;
    z-index:1000;
  }
  
  #desktop-menu-kosar i {
    margin-right:2px;  
    margin-left:10px;
    ffont-size:20px;  
    position:relative;
    top:-1px;
  }

  #desktop-menu-kosar-count {
    position:absolute;
    right:8px;
    float:right;
    background:#FFB117;
    border-radius: 9px; 
    height:18px;
    width:18px;
    text-align:center;
    color:#FFFFFF;
    font-size:10px;
  }
  #desktop-menu-kosar-countnumber {
    position:relative;
    top:2px;
    font-weight: 500;
  }
  #popupkosar {
    position:absolute;
    top:60px;
    background: #FFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
    
    border-radius: 3px;
    opacity: 1;
    width:400px;
    
    right:0px; 
    cursor:pointer;
    
  }
  #desktop-menu-kosar.sziget #popupkosar {
    top:35px;
  
  }
  #desktop-menu-kosar.sziget a {
   height:auto;
  }  
  .kk_elem {
    width:100%;
    border-bottom: solid 1px #dda; 
    clear:both;
  }
  
  .kk_elem_img {
    height:120px;
    width:30% ;
    float:left;
    
  }
  .kk_elem_img img {
    max-width:100px;

    margin-top:20px;
  }
  
  .kk_data {
    width:70% ;
    float:right;
    color:rgb(141, 137, 164);
    margin-top:30px;

  }
  .kk_data>div {
    display:inline;  
    margin:0px 10px;
  }
  .kk_elem_del {
    float:right;
    font-size: 16px;
  }
  .kk_elem_name {
    float:left;
    text-align: left;
    font-family: Anton;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #1F1D2D;

  }
  .kk_elem_size{
    float:left;
    font-family: Barlow;
    font-size: 14px;
    font-weight: 700;
  }
  .kk_elem_ar{
    float:left;
    font-family: Barlow;
    font-size: 14px;
    font-weight: 700;
  }
  .kk_elem_db{
    float:left;
    font-family: Barlow;
    font-size: 14px;
    font-weight: 700;
  }
  .kk_elem_sorertek{
    float:right;
    text-align: right;
    font-family: Anton;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #1F1D2D;
  }

 
 
 
 
  
  #desktop-menu-logo {
 
    float:left;
  }
  #desktop-menu-logo img {
    height:28px;
  }
  
  
  
 
  
  #desktop-menu-burger {
    z-index:1000;
    cursor:pointer;
  }
  
  
  
  
  
  
   #tartalom {
     background-color: #Ftf;
    min-width:320px;
    mmax-width:1286px;

    margin-left:auto;
    margin-right:auto;
  
  }

 
 
   .tartalomhead {
      margin:0px 0px 25px 0px ;
     // padding-top:70px;
      border-bottom:solid 1px #e1e1e1;
      padding-bottom:12px;
      clear:both;
   }
   .tartalomtitle {
      text-align: left;
      text-transform:uppercase;
      font-family: Anton; 
      margin:0px 0px 0px 30px;
      letter-spacing: 0.32px;
      color: #1F1D2D;
      opacity: 1;
      font-weight:200;
      xwidth:300px;
   }
   
   
   
   .tartalommegtobb {
     position: relative;
      text-align: right;
      text-transform:uppercase;
      font-family: Anton; 
      font-size: 18px;
     color:#8D89A4;
     letter-spacing: 0.18px;
     float:right;
     padding-right:40px;
   }
   .tartalommegtobb:after {
    content: '\f105';
    font: normal normal normal 25px/1 FontAwesome;
    color: #8d89a4;

     
    right: 15px;
     top: 1px;
    position: absolute;
   }


   
 .selectdiv {
   position: relative;
  /*Don't really need this just for demo styling*/
  float:right;
  min-width: 170px;
  margin:0px 30px;

}

.selectdiv:after {
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color: #8d89a4;
    right: 11px;
    top: 0px;
    height: 30px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
  display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 220px;
  height: 28px;
  float: right;
  margin: 10px 0px;
  padding: 0px 14px ;
  font:ExtraBold 14px/17px Barlow;
  font-size: 14px;
  font-weight: 700;
  font-family:barlow ;
  text-transform:uppercase;
  line-height: 1.75;
  color: #8d89a4;
  background-color: #FtFtFt;
  background-image: none;
  border: 1px solid #e5e5f1;
  -ms-word-break: normal;
  word-break: normal;
}
 .selectdiv.small {
  min-width:auto;
  margin: 0px;
}

option {
  text-transform:uppercase;
  margin-top:20px;
  border: 1px solid #e5e5f1;
 

}

/* Az "i" betű stílusa */
.info-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
 
  border: 1px solid #8a8a8a;
  border-radius: 50%;
  text-align: center;
  font-size: 9px;
  font-style: normal;
  ffont-weight: bold;
   
  cursor: pointer;
  margin-left: 5px;
  vertical-align: middle;
}

/* A tartály pozicionálása */
.tooltip {
  position: relative;
  display: inline-block;
}

/* A felugró szövegbuborék alaphelyzetben rejtve */
.tooltip::after {
  content: attr(data-tooltip); /* A HTML-ből veszi ki a szöveget */
  position: absolute;
  bottom: 125%; /* Az ikon felett jelenjen meg */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap; /* Egy sorban maradjon */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
  z-index: 100;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* A kis nyíl a buborék alján */
.tooltip::before {
  content: "";
  position: absolute;
  bottom: 105%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}

/* Megjelenítés egér ráhúzásakor (Hover) */
.tooltip:hover::after, 
.tooltip:hover::before,
.tooltip.active::after, 
.tooltip.active::before {
  opacity: 1;
  visibility: visible;
}



@media screen and (max-width: 499px) {
 .selectdiv { 
   margin:0px 0px 0px 10px;
   min-width:auto;
 }
 .tartalomtitle { 
   margin-left:10px;
 } 
    #fooldalallomenu #alloszuro {
      display:none;
    } 
    #fooldalallomenu #alloszuro.aktiv {
      display:block;
    } 
  
}






   .blokkszeparator {
     clear:both;
     height:30px;
   }
   
    #alloszuro {

      float:left;
      padding-top:30px;
    }

    .piros {
      color:red;
    }

    .szuresicsoport {
      margin:0px 30px 0px 50px ;
      
      border-bottom:solid 1px #e1e1e1;
      padding-bottom:12px;
    
    }
    .szcsnev {
      text-align: left;
      font: normal normal normal 18px Anton;
      letter-spacing: 0.18px;
      color: #1F1D2D;
      opacity: 1; 
      text-transform:uppercase;
      margin:20px 0px;
    }
   .sszcsnev:after {
      content: '\f107';
      font: normal normal normal 20px FontAwesome;
      color: #1F1D2D;
      float:right;
      pointer-events: none;
      position:relative;
      top:2px;
   }
   .szcsnev .slidertorles,
   .szcsnev .torles {
      position:relative;
      top:2px;
      letter-spacing: 0.12px;
      cursor:pointer;
      padding: 3px 10px;
      float:right;
      font: normal normal normal 11px BArlow;
      font-weight:700;
      color: #444;
      opacity: 1;
      background: lightgray;
      border: solid 1px #red;
      border-radius: 5px;
      
   }
  .szsbelem ,
  .szrbelem {
    margin-bottom:15px;
    text-align: left;
    font-weight:800;
    font-family:Barlow;
    font-size: 16px;
    letter-spacing: -0.16px;
    color: #8D89A4;
    opacity: 1;
    cursor:pointer;
  }
   .szsbelem:before {
      content: '\f00c';
      font: normal normal normal 10px FontAwesome;
      color: #fff;
      background:#fff;
      border-radius:3px;
      padding:3px;
      border: solid 1px #bbe;
      margin-right:10px;
      cursor:pointer;
   }
   .szsbelem.allselect:before{
      background:#ccc;
   }    

   .szsbelem.select:before{
      background:#FFB117;
   }    


   .szrbelem:before {
      content: "\f00c";
      font: normal normal normal 10px FontAwesome;
      color: #fff;
      background:#fff;
      //border-radius:50%;
      border-radius:3px;
      padding:3px;
      border: solid 1px #bbe;
      margin-right:10px;
      cursor:pointer;
   }
   .szrbelem.select:before{
      background:#FFB117;

   }    
   
   .szselem {
     margin:5px;
     padding:5px;
     display:inline-block;
     cursor:pointer;
     border: solid 1px #aaa;
     color:#aaa;
   }
   .szselem.allselect {
     border: solid 1px #666;
     color:  #666;
   }
   .szselem.select {
     border: solid 1px #666;
     color:  #fff;
     background:#FFB117;
   }
   
   
   
   
   
 .h1termekkod {
    color: #8D89A4;
    font-size: 14px;
    font-family: Barlow;
    font-weight: 500;
    text-transform: uppercase;
  } 
 
   #termekinfokepek {
      float:left;
   }
   #termekinfofokep {
      margin:10%;
   }

   #termekinfofokep img {

     width:100%;
   }
   
   
   #termekinfokiskepek {
     position:relative;
     width:100%;
     overflow: hidden;
   }
   #mozgofelület {
     position:absolute;
     z-index:0;
     width:auto;
   }
   
   .kiskep {
     float:left;
   }
   .kiskep img {
     width:100%;
   } 
   
   #jobbralapoz {
     
     position:relative;
     float:right;
     background:#fff;
     color:#000;
     opacity: 0.9;
     z-index:3;
   }
   #balralapoz {
     position:relative;
     float:left;
     background:#fff;
     color:gray;
     opacity: 0.9;
     z-index:3;
   }
   #jobbralapoz i, 
   #balralapoz i {
     font-size:40px;
     font-weight:500px;
     margin-left:18px;
   }


   
 
    #termekinfoadatok {
            width:50%;
            max-width:666px;
            float:left;
    }
    
    #tia-kodcimke {

       float:left; 
 
    }
    #termekinfoadatok #termekkod {
       color:#8D89A4;
       font-size:14px;
       font-family: Barlow;
       font-weight:500;
       text-transform:uppercase;
    } 


    #termekinfoadatok .tia-cimkesor {
        padding-top:15px;
        text-align: left;
        width:100%;
        font-family:Barlow;
        font-size:12px;
        text-transform:uppercase;
        font-weight: 800;
    }
    #termekinfoadatok .tia-cimkesor  div {
        letter-spacing: 0.12px;
        margin-right: 10px;
        padding:5px 10px;
        float:left;
        opacity: 1;
        color: #FFF;
        border-radius:5px;
    }
    
   #termekmarka {
        clear:both;
        width:100%;
        font-family:barlow;
        font-weight: 800;
        color:#8D89A4;
        padding-top:15px;
        
   }
   #termekmarka::first-letter {
     text-transform:uppercase;
   }
    #tia-arak {
       margin:  20px 0px 20px 0px;
       float:left;  
       
    
    }
    
    .listaar {
      position:relative;
    }
     #termekinfoadatok .termeklistaar{

      text-align: center;
      font-size: 18px;
      font-weight: 500;
      font-family:Anton ;
      letter-spacing: 0.18px;
      color: #8D89A4;
      opacity: 1;
      display: inline-block;
      position:relative;
    }
    
    .viszintesathuzas {
      position:absolute;
      top:0px;
      left:0px;
      width:80%;
      height:20px;
      background: url('/1_images_page/listaarbg.png');

    }
    #termekinfoadatok .termekeladar{
      font-size: 32px;
      font-weight: 500;
      font-family:Anton ;
      letter-spacing: 0.24px;
      color: #1F1D2D;
      opacity: 1;
    }


     #termekinfoadatok #merettabla {
       clear:both;
       width:100%;
       
       font-family:Anton;
       font-weight:500;
       font-size:18px;
       text-transform:uppercase;
     }
    #termekinfoadatok #meretsortipusok {
       float:right;
 
     }
     
    #termekinfoadatok .meretsortipus {
       margin-left:24px;
       letter-spacing: 0.18px;
       color: #8D89A4;
       cursor:pointer;
     }
    #termekinfoadatok .meretsortipus.aktiv{
       color: #000;
     }
     
    #termekinfoadatok #meretek {
       color:#8D89A4;
      border-top:solid 1px #e1e1e1;  
 
     }
    #termekinfoadatok #meretek>div {
       border:solid 1px #E5E5F1;
       border-radius:2px;
       display: inline-block;
       width:110px;
       height:40px;
       padding-top:10px;
       text-align:center;
       margin:15px 12px 0px 0px;
       cursor:pointer;

     }
    #termekinfoadatok #meretek>div>span {
      display:none;
    }     
    #termekinfoadatok #meretek>div>span.kivalasztva {
      display:block;
    }     
    #termekinfoadatok #meretek>div.elfogyott {
       background:#e9e9f0;
       color:#bbb9ca;
       cursor:auto;
     }
     
    #termekinfoadatok #meretek>div.kivalasztva {
       background:#302d40;
       color:#fff;
     }


     .kosarures {
     padding: 50px 0px;
       text-align:center;
       font-family:Barlow;
       font-size:25px;
       font-weight:800;
     
     }


     #meretkell ,
     #kosarhiba {
       padding-top:15px;
       color:#D72B4B;
       font-family:Barlow;
       font-size:14px;
       font-weight:700;

     }
     #meretkell i,
     #kosarhiba i {
       background:#D72B4B;
       color:#fff;
            width:10px;
            height:10px;
            padding:7px;
            text-align:center;
            margin-right:20px;
            font-size:10px;
       
     }

           #kosarbateszem {
             text-align:center; 
             font-family:Anton;
             font-weight:500;
             font-size:18px;
             background:#FFB117;
             max-width:223px;
             color:#fff;
             padding-top:10px;
             height:40px;
             margin:20px 0px;
             cursor:pointer;

          }
           #kosarbateszem.disable {
             background:#e9e9f0;
             color:#8d89a4;
             cursor:auto;

           }
          #kosarbateszem span {
            margin-right:10px;
          }
          #tia-adatok {
             margin:50px 0px 30px 0px;;
             text-align: justify;
             text-justify: inter-word;
              font-family:Barlow;
              font-size:18px;
             
          }
          #egyebinfo {
              color:#8D89A4;
              font-family:Barlow;
              font-weight:700;
              font-size:14px;
          }
          #egyebinfo > div {
              margin:20px 0px;
          }
          #egyebinfo i {
            background:#8D89A4;
            color:#fff;
            width:10px;
            height:10px;
            padding:7px;
            text-align:center;
            margin-right:20px;
            font-size:10px;

          }


       .kosarinfotext {
            padding:7px;
              color:#8D89A4;
              font-family:Barlow;
              font-weight:700;
              font-size:20px;
       }








       #nekedajanljuk {
         margin-top:50px;
         clear:both;
         background:#F5F5F9;
         padding-bottom:60px;
       }
       #nekedajanljuk .blokkszeparator {
          background:#fff;
          height:100px;
       }
       #nekedajanljuk .allokartyakeret {
         background:#fff;
       }






 #megtobbgomb {
   cursor:pointer;
 }


   
   
   

  .partnerlogok {
    bbackground: #F5F5F9 0% 0% no-repeat padding-box;
    opacity: 1;
    width:100%;
   padding:0px 0px 30px 40px;
    position:relative;
    left:-40px;

    
  }
  .partnercard {
    width:180px;
    float:left;
    text-align:center;
  }
  .partnercardlogo {
    width:118px;
    height:43px;
    margin:20px auto;
  }
  .partnercardlogo>img {
    max-width:100%;
    max-height:100%
  }
  .partnercardnev {
    text-align: left;
    font-size:14px;
    font-family: Barlow;
    font-weight:800;
    letter-spacing: 0.14px;
    color: #cbcad7;
    text-transform: uppercase;
    opacity: 1;
    text-align:center;
  }














































   

@media screen and (max-width: 499px) {
   .mobilhide {
     display:none;
   }


  .tablethide {
    display:none;
  }
  
  header #desktop-contackt {
    height:60px;
    padding:5px;
    display:block;
  
  }
  #desktop-contackt-contackt {
    width:100%;
  }
  #desktop-contackt-contackt img {
   height:50px;
   margin:5px 0px 0px 10px;
  }
  #desktop-contackt-contackt-keret {
    float:right;
    display:inline;
    text-align:right;
  }
  #desktop-contackt-contackt-keret a {
    display:block;
  }
  



   #desktop-menu {
     bottom:0px;
     position:fixed;
     width:100%;
     z-index:100;
     height:60px;
     font-size: 30px;
   }  
   #desktop-menu-logo {
     width:28%;
     margin-top:12px; 
   }   
   #desktop-menu-burger {
     width:24%;
     padding-top:10px;
   }
   #desktop-menu-burger.repul {
     color:red;
   }
   #desktop-menu-kosar {
     width:24%;
     padding-top:10px;
   }   
   #desktop-menu-kosar a {
     ppadding: 10px 20px 0px 20px;
   }
   #desktop-menu-kosar-count {
     top:15px;
   }
   /*#desktop-menu-menuelemek.repul {
     display:none;
     width:100%;
     position:absolute;
     bottom:60px;
     background:url('/1_images_page/menuhatter_tarsparent.svg');
     z-index:100;
     border-left:0px;
     border-right:0px;
   }
   #desktop-menu-menuelemek.repul.horgony {
     position:fixed;
     top:45px;
   } 
   #desktop-menu-menuelemek.repul a {
     display:block;
     text-align:center;
     padding:20px 0px;
     border-left:0px;
     border-right:0px;
   } */
   #mobil-menu-search  {
     width:24%;
     padding-top:10px;
   }

  #desktop-contackt-seek {
    font-size:15px;
  }
  #desktop-contackt-seek.popup {
     display:block;
     bottom:60px;
     position:fixed;
     width:100%;
     z-index:100;
     height:40px;
     font-size: 15px;


  }
  #desktop-contackt-seek.popup #seektext {
    width:70%;
  }

   
   
   
   .gyartokartya,
   .allokartya {
      width:100%;
   }
   

   
   
   
   
}

@media screen and (min-width: 500px) {
  .desktophide {
    display:none;
  }
  
  #desktop-menu {
     font-size: 20px;
  }
  #desktop-menu-logo {
   // margin-top:29px;
    padding-left:20px;
  }
  #desktop-menu-burger {
    padding:29px 28px 0px 0px;
    text-align:right;

  }
  #desktop-menu-kosar.sziget {
    top:0px;
    border-bottom-left-radius:10px;
    height: 40px;
  }
  #desktop-menu-kosar.sziget {
    right:60px;
    width:auto;
    position:fixed;
    background:url('/1_images_page/menuhatter_tarsparent.svg');
    padding-top:0px;
  }

  #desktop-menu-kosar.sziget  #desktop-menu-kosar-count {
    top:0px;
  }
  #desktop-menu-kosar.sziget a {
    padding-top:0px;
  }
  #desktop-menu-kosar-count {
    top:23px;
  }
  #desktop-menu-burger.sziget {
    top:0px;
    height: 40px;
    padding: 0px 28px 0px 14px;
    display:block;
    position:fixed;
    right:0px;
  }

  #desktop-menu-burger.sziget {
    right:0px;    
    display:block;
    position:fixed;
    background:url('/1_images_page/menuhatter_tarsparent.svg');


  }

  #mobil-menu-search  {
    padding:28px 10px 0px 10px;
  }
  #desktop-contackt-seek {
    position:absolute;
    top: 90px;
    right:230px;
    z-index:100;
    //left: 40px;
  }




}

  
@media screen and (min-width: 500px) and (max-width: 599px) {                              
  #desktop-contackt-seek {
    margin:20px;
  }
  
  #desktop-contackt-seek.popup {
    display:block;
    position:absolute;
    top:90px;
    left:0px;
    margin:0px;
    width:100%;
  }
  #desktop-contackt-seek.popup #seektext {
    width:80%;
  }
}


@media screen and (max-width: 599px) {
  #desktop-contackt-seek {
    display:none;
    
  }
}


@media screen and (min-width: 600px) {
  #mobil-menu-search {
 //   display:none;
  }
  
}




@media screen and (max-width: 634px) {
 .tartalomtitle {
   font-size: 18px;
 } 
 #termekinfokepek {
   width:100%
 }
 #termekinfokiskepek {
   height:80px;
 }
 #jobbralapoz i, 
 #balralapoz i {
     margin-top:10px;
 }
 #jobbralapoz {
   height:80px;
   width:50px;
 }
 #balralapoz {
   height:80px;
   width:50px;
 }
 .kiskep {
   width:80px;
 }

 #termekinfoadatok {
   width:100%
 }
 
 .allokartyak100 .gyartokartya,
   
 .allokartyak100 .allokartya {
   width:100%
 }
 #alloszuro {
   width:100%;
 }
 .allokartyak75 {
   width:100%;
   float:left;
 }
  .allokartyak75 .gyartokartya,
  .allokartyak75 .allokartya {
   width:100%
 }
}
@media screen and (min-width: 635px) {
 .tartalomtitle {
   font-size: 32px;
 } 
 .tartalommegtobb {
   top:10px;
 }
 
 #termekinfokepek {
   width:50%
 }
 #termekinfokiskepek {
   height:200px;
 }
 #jobbralapoz i, 
 #balralapoz i {
   margin-top:80px;
 }
 #jobbralapoz {
   height:200px;
   width:50px;
 }
 #balralapoz {
   height:200px;
   width:50px;
 }
 .kiskep {
   width:200px;
 }
 #termekinfoadatok {
   width:50%
 }


 .allokartyakeret {
      height:436px;
 }
.termekmeretsor {
      overflow: hidden;
      height:55px;
 }
 .allokartyakeret:hover {

 }
 .allokartyakeret:hover .termekmeretsor {
      position:absolute;
      width: 100% ;
      left:-1px;
      z-index:2;
      overflow: hidden;
      height:auto;
      min-height: 65px;
      background:#fff;
      border: solid 1px #e6e6e7;
      border-top: solid 2px #e6e6e7;
      border-bottom: solid 2px #e6e6e7;
      border-radius:0px 0px 3px 3px;

 }

 
}


#alloszuro {
   display:none;
 } 

.termekek #alloszuro {
   display:block;
 } 
#alloszuro.aktiv {
   display:block;
   position:absolute;
   left:1px;
   background:#fff;
   z-index:10;

 
 } 

@media screen and (max-width: 951px) {
 .termekek #alloszuro {
   display:none;
 } 
}

@media screen and (max-width: 951px) {
 #termekinfoadatok-margo {
   margin:10px;
 }
 #tia-kodcimke {
   width:100%;
   margin:  0px 0px 0px 0px;
 }
 #tia-arak {
   width:100%;
 }
 #termekinfoadatok .termekeladar{
   text-align:left;
 }
 #termekinfoadatok .termeklistaar{
   float:left;
 }
 #alloszuro {
   display:none;
 } 
 #alloszuro.aktiv {
   display:block;
 } 

}
@media screen and (min-width: 952px) {
 #termekinfoadatok-margo {
   margin:0px 100px 0px 30px ; 
 }
 #tia-kodcimke {
   margin:  20px 0px 20px 0px;
   width:50%;
 }   
 #tia-arak {
   width:50%;
 }
 #termekinfoadatok .termekeladar{
   text-align:right;
 }
 #termekinfoadatok .termeklistaar{
   float:right;
 }
}
@media screen and (min-width: 635px) and (max-width: 951px) {
 .allokartyak100 .gyartokartya,
 .allokartyak100 .allokartya {
   width:50%
 }
 #alloszuro {
   width:40%;
 }
 .allokartyak75 {
      width:100%;
      float:left;
 }
  .allokartyak75 .gyartokartya,
  .allokartyak75 .allokartya {
   width:50%
 }
}
@media screen and (max-width: 951px) {
 #alloszuro {
   position:absolute;
   box-shadow: 0px 3px 10px #c8c8ca;
  }
 #alloszuro.aktiv {
   position:absolute;
   left:1px;
   background:#fff;
   z-index:10;
 }
}

@media screen and (min-width: 952px) and (max-width: 1268px) {
 .allokartyak100 .gyartokartya,
 .allokartyak100 .allokartya {
   width:33%
 }
 #alloszuro {
   width:25%;
 }
 .allokartyak75 {
      width:75%;
      float:left;
 }
 .allokartyak75 .gyartokartya,
 .allokartyak75 .allokartya {
   width:50%
 }
 
}

@media screen and (min-width: 1000px) {
 .allokartyak100 .gyartokartya,
 .allokartyak100 .allokartya {
   width:25%
 }
 #alloszuro {
   width:20%;
 }
 .allokartyak75 {
      width:80%;
      float:left;
 }

 .allokartyak75 .gyartokartya,
 .allokartyak75 .allokartya {
   width:33%
 }

}



@media screen and (min-width: 1269px) {
 .allokartyak100 .gyartokartya,
 .allokartyak100 .allokartya {
   width:25%
 }
 #alloszuro {
   width:20%;
 }
 .allokartyak75 {
      width:80%;
      float:left;
 }

 .allokartyak75 .gyartokartya,
 .allokartyak75 .allokartya {
   width:25%
 }

}


@media screen and (min-width: 1500px) {
 .allokartyak100 .gyartokartya,
 .allokartyak100 .allokartya {
   width:25%
 }
 #alloszuro {
   width:20%;
 }
 .allokartyak75 {
      width:80%;
      float:left;
 }

 .allokartyak75 .gyartokartya,
 .allokartyak75 .allokartya {
   width:20%
 }
  #desktop-menu-burger {
     display:none;
  }
}


@media screen and (min-width: 500px)  {  

#desktop-menu-logo {
    width:200px;
    position:absolute;
    top:0px;
   
  }
}  

@media screen and (min-width: 500px) and (max-width: 1099px) {  
  #desktop-menu-kosar>a {
    padding:29px 20px 0px 20px;
  }
  #desktop-contackt-seek {
   // top: 22px;
   // left: 160px;
  }
}

@media screen and (max-width: 1099px) {  

  .tablethide {
    display:none;
  }
  
  #desktop-contackt {
    height:0px;       
    display:none;
  }         
  #desktop-contackt-seek {
    border: 1px solid #241E58;  

    color:#FFFFFF;
  }
  #desktop-contackt-seek.latszik {
    width:397px;
  }
  
  #desktop-contackt-seek input{
    background: #161144 0% 0% no-repeat padding-box;
    color:#FFFFFF;
  }
  #desktop-contackt-seek input.latszik {
    width:320px;
  }                
  #desktop-contackt-seek button {
    background: #161144 0% 0% no-repeat padding-box;
    color:#FFFFFF;
  }
 


  

  #desktop-menu-kosar>a {
    display: inline-block;
    height:57px;
  }


  #desktop-menu-burger {
    float:right;
    display: inline-block;
    height:57px;
 
  }



}
 #mobil-menu-search  {
   right: 180px;
   position: absolute;
   top: 0px;
 }

#desktop-menu-menuelemek {
  display: inline-block;
}
 
@media screen and (max-width: 1500px) {  
 #mobil-menu-search  {
   right: 180px;
 }
 #desktop-menu-menuelemek ,
  .desktop {
    display:none;
  }

  #desktop-menu-menuelemek.repul {
     display:block;
     width:100%;
     position:absolute;
     top:90px;
     background:url('/1_images_page/menuhatter_tarsparent.svg');
     z-index:100;
     border-left:0px;
     border-right:0px;
  }
  #desktop-menu-menuelemek.repul.horgony {
     position:fixed;
     top:45px;
  
  }
  #desktop-menu-menuelemek.repul a {
    display:block;
    text-align:center;
    padding:20px 0px;
     border-left:0px;
     border-right:0px;
  }

} 
 

@media screen and (min-width: 500px) {  


  .desktophide {
     display:none;
  }
  #desktop-contackt-seek.latszik {
    width:397px;
  }
  #desktop-contackt-seek {
  
      width:396px;       
  }          
  #desktop-contackt-seek input {
    background: #161144 0% 0% no-repeat padding-box;
    width:320px;
  
  }
  #desktop-contackt-seek input.latszik {
    width:320px;
  }


  #desktop-contackt-seek button {
    background: #161144 0% 0% no-repeat padding-box;
    color:#8D89A4;
  }
  #desktop-menu-kosar {
    right:50px;
 
    position:absolute;
    top:0px;

  }
  #desktop-menu a ,
  #desktop-menu-kosar a {
    display: inline-block;
    padding:29px 22Px 0px 22px;
    height:57px;
  }

  #desktop-menu-kosar a:hover {
    border-bottom:solid 1px #FFB117;
    color:#8d89a4;
  }




  /*
   #desktop-menu-menuelemek.repul {
     display:inline;
     width:100%;
     position:fixed;
     top:0px;
     z-index:100;
     border-left:0px;
     border-right:0px;
  }
  */
   
   
   

}

 
.popup {
  display:block
}  
  
  
  
  
  
  


  footer {
    mmin-width:320px;
    mmax-width:1366px;
    margin-left:auto;
    margin-right:auto;
    text-transform:uppercase;
    clear:both;
  }
  footer hr {
     color:#4d485f;
  }

  .footer-first-contact {
    font-family: Barlow; 
    font-size: 17px;
    font-weight: bold;
    border-bottom: solid 1px #FFB117;
  }
  #footer-contact {
    background:#302d40;
    padding:20px;
    text-align:center;
    letter-spacing: 0.14px;
    opacity: 1;
    text-transform:none;
    font-family: Barlow; 
    font-size: 18px;

     color: #F5F5F9;
  }
   #footer-contact .shopadress {
    text-align: left;
    width:90%;
    margin-bottom:40px;
    display: inline-block;    
   }
    #footer-contact-links a{
     display:inline-block;
     }


   @media screen and (max-width: 599px) {
     #footer-contact .shopadress {
       display: block;
       margin-left:auto;
       margin-right:auto;
      
     }
     
     #footer-contact-links a{
       display:block;
     }
     #footer-endrow-right{
       text-align:center;
       margin-bottom:20px;
     }
     #footer-endrow-right a{
       width:100%;
     }
     #footer-endrow {
       text-align:center;
     }
     
   }
   
   @media screen and (min-width: 600px) {
     #footer-contact .shopadress {
       mmin-width:280px;
       width:40%;

     }
     #footer-endrow-right { 
       float:right;
     }
   }




 
   @media screen and (min-width: 1200px) {
     #footer-contact .shopadress {
       width:24%;
     }
  
   }
   
   
   
   
   #footer-contact .title {
     font-family: Anton;
     font-size:24px;
     letter-spacing: 0.24px;
     color: #FFFFFF;
     text-transform: uppercase;
     opacity: 1;
   }
  
   #footer-contact-links {
     padding-top:30px;
     font-weight: 800;
   }
   #footer-contact-links>a {
     margin-right:20px;  
     margin-left:20px;
     padding-bottom:20px;
   }  

  #footer-endrow {
    background:#1F1D2D 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #8D89A4;
    padding:30px 30px 30px 40px;
    letter-spacing: 0.14px;
    font-family: Barlow; 
    font-size: 14px;
    font-weight: 800;
  }
 #footer-endrow a {

    margin-right:15px;  
    margin-left:15px;
  }

  #footer-endrow i {

    margin-right:2px;  
    margin-left:10px;
    font-size:18px;  
  }
 
  #kapcsolatlink {
    padding-bottom:20px;
  }
  

            
  
  .gyartokepkeret {
    padding-top:10px;
    height:100px;
    width:100%;
   text-align: left;
  }
  .gyartokepkeret .gyartokep {
    //background: #aaa;
    width:90%;
    height:100px;
    margin:0px auto;

    border-radius:50%;
  
  }
  .gyartokep .imgdiv {
   width:200px;
   height:140px;
   margin:auto;
   padding-top:10px;
  }
  .gyartokep .imgdiv img {
    width:100%;
    height:70%;

  }
  
 
  .gyartokartya,
  .allokartya { 
    display:inline-block; 
   }


  .gyartokartyakeret .megtobbgomb {
     text-align:center;
    font-weight:800;
    font-family:Anton;
    font-size: 18px;
    letter-spacing: -0.18px;
    text-transform:uppercase;
    font-weight: 500;
    letter-spacing: 0.18px;
    color: #8D89A4;
    opacity: 1;
  }

  .gyartokartyakeret .megtobbgomb:after {
    content: '\f105';
    font: normal normal normal 25px/1 FontAwesome;
    color: #8d89a4;
    position:relative
    top:2px;
   }
   
 .gyartokartyakeret ,
 .allokartyakeret {
      position:relative;
      background: #fff 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 10px #c8c8ca;
      border-radius: 3px;
      opacity: 1;
      float:left;
      margin: 5px;
      margin-bottom:10px;
      width:95%
      
   }

    .cimke {
       text-align: right;
        font-size: 14px;
        font-weight: 500;
        font-family: Barlow;
        
        letter-spacing: 0.12px;
        opacity: 1;
        position:absolute;
        top:10px;
        float:right;
    
    }
    .cimkesor {
        text-align: right;
        opacity: 1;
        height:41px;
        float:right;
        width:100%;
        font-family:Barlow;
        font-size:12px;
        text-transform:uppercase;
        font-weight: 800;
        display:block;
        position:absolute;
        z-index:1;
    }
    .cimkesor  div {
        letter-spacing: 0.12px;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding:5px 10px;
        float:right;
        opacity: 1;
        color: #FFF;
        border-radius:5px;
    }
    
    .uj {
        background: #0071CA  ;
    }
    .freeposta {
        background: #FFB117   ;
        display:none;
    }
    .akcio {
        background: #D72B4B ;
    }

   .termekkepkeret {
      height:250px; 
      position:relative; 
    }
   .termekkep {
      clear:both;
      height:250px;
      width:250px;   
      padding-top:5px;
      margin:0px auto;
      position:relative;
   } 
   .termekkep>img {
      margin:0px auto;
      width:100%;
      position:absolute;
      height:100%;
   }
   .nevmarka {
     top:110px;
     padding-top:10px;
     //height:100px;
     width:100%;
     overflow: hidden;
   }
  .gyartokartyakeret .nevmarka {
     padding-top:10px;
  }

   .termeknev {
      text-align: center;
      font-size: 18px;
      font-weight: 500;
      font-family:Anton ;
      text-transform:uppercase;
      letter-spacing: 0.18px;
      color: #1F1D2D;
      opacity: 1;
   }
   .termekmarka {
      text-align: center;
      font-size: 14px;
      font-weight: 800;
      font-family:Barlow ;
 

      letter-spacing: 0.14px;
      color: #8D89A4;
      opacity: 1;   
    }
    .termekmarka::first-letter {
      text-transform:uppercase;
    }

    .center{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .termeklistaar{
      position:relative;
      text-align: center;
      font-size: 18px;
      font-weight: 500;
      font-family:Anton ;
      letter-spacing: 0.18px;
      color: #8D89A4;
      opacity: 1;
      display: inline-block;
    }
    .termeklistaarhelye{
      text-align: center;
      font-size: 18px;
      font-weight: 500;
      font-family:Anton ;
      letter-spacing: 0.18px;
      color: #fff;
      opacity: 0;
      display: inline-block;      
    }
    
    .termekeladar{
      text-align: center;
      font-size: 24px;
      font-weight: 500;
      font-family:Anton ;
      letter-spacing: 0.24px;
      color: #1F1D2D;
      opacity: 1;
    }
 
    .termekmeretsor {
      color: #8A8A8C;
      border-top:2px solid #e4e4e6;

    }
    .termekmeretsor>div {
      font-family:Barlow;
      display:inline-block;
      padding:3px 6px;
      margin:3px;
      font-size:12px;
      text-transform:uppercase;
      border: 1px solid #F5F5F9;
      border-radius: 3px;
      
    }
    
    
       
    .jobbra{
         float:right;
     }

    #folyamatvonal {
      width:100%;
      height:40px;
      border-bottom: solid 1px #e1e1e1;
      padding-bottom: 10px;
      position:relative;
    }
    
    
    #folyamatvonal .lepesek {
      width:20%;

      display:inline-block;
      text-align:center;
      color:#ccc;
      font-size:20px;
    }
    #folyamatvonal .lepeskoz {
      width:4%;
      display:inline-block;
      text-align:center;
      color: #ccc;
    }
    #folyamatvonal .lepesek.aktiv {
      color:#000;
      cursor:pointer;
    }


          @media screen and (max-width: 999px) {
              #folyamatvonal .lepesek div {
                 display:none;
              }
              #folyamatvonal .lepesek.aktiv div {
                 display:block;
                 position:absolute;
              }
          }







                .nk_elemvege {
                  clear:both;
                }

                .nk_data{ 
                  position:relative;
                  width:100%;
                }

                .nk_elem_del {
                  position:absolute;
                  right:0px;
                  color:#8D89A4;
                }

                .nk_elem_kod {
                  text-align: left;
                  font-family: Barlow;
                  font-size: 14px;
                  letter-spacing: 0.14px;
                  color: #8D89A4;
                  margin:10px 0px;
                }

                 .szamlaelem {
         
                  padding:0px 10%;                  
                  text-align: left;
                  font-family: Barlow;
                  font-weight:700;
                  font-size: 16px;
 
                  letter-spacing: 0.18px;
                  color: #8D89A4;
                 }                
                .szamlaelem span {
                  float:right;
                }

                 #nk_reszosszeg {
                  border-top: solid 2px #E5E5F1 ;         
                  padding:0px 10%;                  
                  text-align: left;
                  font-family: Anton;
                  font-size: 24px;
                  letter-spacing: 0.18px;
                  color: #1F1D2D;
                }
                #nk_reszosszeg span {
                  float:right;
                }
                .kosarbtn {
                  color:#fff;
                  background:rgb(255, 177, 23);
                  border:0px;
      
                } 
                .nk_gombok {
                  padding:20px 10% 60px 10%;                  
                }




               .nk_elem_name {
                  text-align: left;
                  font-family: Anton;
                  letter-spacing: 0.18px;
                  color: #1F1D2D;
                }
                .nk_elem_size {
                  text-align: left;
                  font-family: Barlow;
                  color: #8D89A4;
                }
                .nk_arak {

                  color: #8D89A4;
                }
                .nk_elem_lista_ar {
                  float:right;
                  position: relative;
                  text-align: left;
                  font-family: Barlow;
                }
                .nk_elem_ar {
                  float:right;
                  text-align: left;
                  font-family: Barlow;
                }

                
                }
                .nk_db {
                  width:15% ;
                  float:left;
                }
                .nk_elem_minusz ,
                .nk_elem_plusz {
                  float:left;
                  color: #8D89A4;
                  cursor:pointer; 
       
                }
                .nk_elem_minusz.disable ,
                .nk_elem_plusz.disable {
                  cursor:auto;
                  color: #ddd;
                }
                .nk_elem_minusz i ,
                .nk_elem_plusz i {
                   padding-top:8px;
                }
                
                .nk_elem_db {
                  float:left;
                  text-align: left;
                  font-family: Barlow;
                  font-weight:800;
                  text-transform:uppercase;
                  letter-spacing: 0.18px;
                  color: #1F1D2D;
                }

                .nk_elem_sorertek {
                  font-weight:800;
                  float:right;
                  text-align: left;
                  font-family: Barlow;
                  color: #1F1D2D;
                }
 
         
                .nk_kupon {
                  text-align: left;
                  font-family: Anton;
                  color: #1F1D2D;
                  font-size: 18px;
                  letter-spacing: 0.18px;
                }
                
                .nk_kupon .btn {
                  color:#fff;
                  background:rgb(255, 177, 23);
                  border:0px;
                  padding:5px 30px;
                  font-family: Anton;
                  font-size: 14px;
                }
        
        
                

          @media screen and (max-width: 699px) {
               .nk_kupon {
                  padding:0px 10% 20px 10%;                  
                }
                #kupon_secretkey {
                  width:100%;
                  margin: 0px 0px 10px 0px;
                }
                
                .nk_kupon .btn {
                   padding:5px 30px;
                  font-size: 14px;
                  float:right;
                }

                
                .nk_elem {
                  height:auto;
                  border-bottom: solid 1px #E5E5F1 ;         
                  padding:10px 3%;

                }

                .nk_elem_img {
                  width:25% ;
               
                   margin:0px ;
                   float:left;
                }
                
                .nk_elem_img img {
                   
                   max-width:65px;
                   max-height:65px;
                }
                .nk_kozep {
                  width:75% ;
                  float:right;
                }
                .nk_elem_name {
                  font-size: 18px;
                  margin:0px 15px 0px 0px;
                }
                .nk_elem_size {
                  font-size: 14px;
                  font-weight:800;
                  letter-spacing: 0.14px;
                }
                .nk_arak {
 
                  position:absolute;
                  right:0px;
                  bottom:25px;
                }
                .nk_elem_lista_ar {
                  position: relative;
                  font-size: 14px;
                  font-weight:500;
                  letter-spacing: 0.14px;
                  margin-right:20px;
                }
                .nk_elem_ar {
                  font-size: 14px;
                  font-weight:800;
                  letter-spacing: 0.14px;
                }




                
                .nk_db {
                 margin-left:25%;
                 width:35%;
                } 
                .nk_elem_minusz ,
                .nk_elem_plusz {
                  margin:5px;
                  width:20px;
                }
                .nk_elem_db {
                  font-size:18px;
                  margin-top:10px;
                  padding-right:5px; 
                }
                .nk_elem_sorertek {
                  font-size: 18px;
                  letter-spacing: 0.18px;
                  margin-top:10px;
                  width:35%;
                  text-align:right;
                }
               .kosarbtn {
                  padding:5px 10px;
                  font-family: Anton;
                  font-size: 14px;
                  letter-spacing: 0.14px;

                } 

         }


          @media screen and (min-width: 700px) and (max-width: 1199px) {
             .nk_kupon {
                 width:65%;
             
                  padding:0px 20% 20px 15%;                  
                }
                #kupon_secretkey {
                 
                  width:100%;
                  margin: 0px 0px 10px 0px;
                }
                .nk_kupon .btn {
                   padding:5px 30px;
                  font-size: 14px;
                  float:right;
                }

                
                .nk_elem {
                  height:auto;
                  border-bottom: solid 1px #E5E5F1 ;         
                  padding:10px 3%;

                }

                .nk_elem_img {
                   margin:10px ;
                   width:100px;
                   float:left;
                }

                .nk_elem_img img {
                   max-width:100px;
                   max-height:100px;
                }

                .nk_kozep {
                  width:75% ;
 
                }
                .nk_elem_name {
                  font-size: 24px;
                  margin:0px 15px 0px 0px;
                }
                .nk_elem_size {
                  font-size: 16px;
                  font-weight:800;
                  letter-spacing: 0.14px;
                }
                .nk_arak {
 
                  position:absolute;
                  right:0px;
                  bottom:35px;
                }
                .nk_elem_lista_ar {
                  position: relative;
                  font-size: 18px;
                  font-weight:500;
                  letter-spacing: 0.14px;
                  margin-right:20px;
                }
                .nk_elem_ar {
                  font-size: 24px;
                  font-weight:800;
                  letter-spacing: 0.14px;
                }




                
                .nk_db {
                 margin-left:25%;
                 width:35%;
                } 
                .nk_elem_minusz ,
                .nk_elem_plusz {
                  margin:5px;
                  width:20px;
                }
                .nk_elem_db {
                  font-size:24px;
                  margin-top:5px;
                  padding-right:5px; 
                }
                .nk_elem_sorertek {
                  font-size: 24px;
                  letter-spacing: 0.18px;
                  margin-top:10px;
                  width:35%;
                  text-align:right;
                  position:absolute;
                  bottom:0px;
                  right:0px;

                }
               .kosarbtn {
                  padding:5px 10px;
                  font-family: Anton;
                  font-size: 24px;
                  letter-spacing: 0.14px;

                } 

         }



         @media screen and (min-width: 1200px) {

               .nk_kupon {
                  padding:0px 10% 20px 25%;                  
                }

                .nk_elem {

                  height:auto;
                  border-bottom: solid 1px #E5E5F1 ;         
                  padding:10px 10%;
                  margin:10px;
  
                }

                .nk_elem_img {
                   margin:10px ;
                   width:10%;
                   float:left;
                }

                .nk_elem_img img {
                   max-width:100px;
                   max-height:100px;
                }
                .nk_kozep {
                  width:30% ;
                  float:left;
                }

                .nk_elem_name {
                  font-size: 24px;
                  margin:10px 0px;
                }
                .nk_elem_kod {
                  text-align: left;
                  font-family: Barlow;
                  font-size: 14px;
                  letter-spacing: 0.18px;
                  color: #8D89A4;
                  margin:10px 0px;
                }
                .nk_elem_size {
                  font-size: 16px;
                  font-weight:800;
                  letter-spacing: 0.18px;
                }
                .nk_arak {
                  width:25% ;
                  height:100%;
                  float:left;
                  padding-top:40px;
                  padding-right:5%;    
                }

                .nk_elem_lista_ar {
                  margin-top:5px;
                  font-size: 16px;
                  font-weight:800;
                  letter-spacing: 0.18px;
                  margin-right:20px;
                }
                .nk_elem_ar {
                  font-size: 24px;
                  font-weight:800;
                  letter-spacing: 0.18px;
                }


                .nk_elem_db {
                  font-size:24px;
                  margin-top:40px;         
                }
                .nk_elem_minusz ,
                .nk_elem_plusz {
                  margin:40px 10px 0px 15px;
                  width:20px;
               }

                #kupon_secretkey {
                  width:40%;
                  margin: 0px 30px;
                }


                .nk_elem_sorertek {
                  font-size: 24px;
                  letter-spacing: 0.18px;
                  margin-top:40px;
                }

                .kosarbtn {
                  padding:10px 30px;
                  font-family: Anton;
                  font-size: 18px;
        
                } 

                
         }
                
/*  nagy kosár lépés 2*/

             .nk_inputblokk  {
                 padding:20px 10px 10px 120px;
                 border-bottom: solid 1px #e1e1e1;
 
             }
             .nk_input_sor {
                 clear:both;                 
                 width:100%;
                 height:65px;
 
             }
             .nk_input_title {
                 margin-left:95px;
                 width:220px ;
                 float:left;
                 text-align: left;
                 font: ExtraBold 16px/19px Barlow;
                 letter-spacing: 0.16px;
                 color: #8D89A4;
                 text-transform: uppercase;
                 padding:25px 0px;
             }
             .nk_input_mezo {
                 width:525px ;
                  float:left;             
             }
             .nk_selectdiv {
                  position: relative;
                  width:545px ;
                  float:left;             
 
             }    
             .nk_selectdiv::after {
                  content: "\f078";
                  font: normal normal normal 17px/1 FontAwesome;
                  color:#8d89a4;
                  right: 11px;
                  top: 0px;
                  height: 30px;
                  padding: 15px 0px 0px 8px;
                  position: absolute;
                  pointer-events: none;
             }
             .nk_selectdiv select {
                  border: solid 2px #E5E5F1;
                  border-radius: 3px;
                  height: 50px;
                  width: 100%;
                  font-size: 18px;
                  padding: 0px 10px;
             
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                  display: block;
 
                  float: right;

                  font: ExtraBold 14px/17px Barlow;
                  font-size: 14px;
                  font-weight: 700;
                  font-family: barlow;
                  text-transform: uppercase;
                  line-height: 1.75;
                  color: #8d89a4;
                  background-color: #FtFtFt;
                  background-image: none;
                  -ms-word-break: normal;
                  word-break: normal;
             }
             .nk_selectdiv select.error {
                  border: solid 2px red;
             }       
             
             
             
             
             .nk_input_mezo input {
               border:solid 2px #E5E5F1;
               border-radius:3px;
               height:46px;
               width:100%;
               font-size:18px;
               padding:0px 10px;
             }
             .nk_input_mezo input.error {
               border-color:red;
             }             
             .nk_input_mezo textarea {
               border:solid 2px #E5E5F1;
               height:200px;
               width:100%;
               font-size:18px;
               padding:10px 10px;
             }
             .nk_inputblokk input[type=checkbox] {
                 display:none;
             }
             .nk_blokk_title {
                  text-transform:uppercase;
                  text-align: left;
                  font-family: Anton;
                  color: #1F1D2D;
                  font-size: 24px;
                  letter-spacing: 0.24px;
                  font-weight:500;
                }
              .nk_sb_group {
                 margin:20px 10px 10px 315px; 
                 text-transform:uppercase;

              }          
              .nk_input_group {
                  margin-bottom: 15px;
                  text-align: left;
                  font-weight: 800;
                  font-family: Barlow;
                  font-size: 16px;
                  letter-spacing: -0.16px;
                  color:
                      #8D89A4;
                      opacity: 1;
                  }
              }
               .input_title {
                 margin:20px 10px 10px 150px; 
                 text-transform:uppercase;
               
               }

               .szsbelem.error::before {
                 border:solid 2px red;
               }
               
        @media screen and (max-width: 1100px) {
            .nk_sb_group {
              margin-left: 10%;
            }
            .nk_inputblokk {
              padding-left: 10%;
            }
            .nk_input_title {
              margin-left: 10px;
            }
        }          
        @media screen and (max-width: 900px) {
            .nk_sb_group {
              margin-left: 10px;
            }
            .nk_inputblokk {
              padding-left: 10px;
            }
        }  
        @media screen and (max-width: 600px) {
            .nk_input_mezo {
               width:90%; 
            } 
        }  
/* nk lépés 2 vége*/                



     #kosarfelhivas {
       padding-top:15px;
       color:#D72B4B;
       font-family:Barlow;
       font-size:14px;
       font-weight:700;
       float:right;
     }
     #kosarfelhivas i {
       background:#D72B4B;
       color:#fff;
            width:10px;
            height:10px;
            padding:7px;
            text-align:center;
            margin-right:20px;
            font-size:10px;
       
     }


      
     #osszegzodiv .nk_input_sor { height:auto; }
     #osszegzodiv .nk_input_title { padding: 0px; color:#000; }
     #osszegzodiv #kosarhiba { display:block; } 

     @media screen and (max-width: 499px) {
         #kosarfelhivas { font-size:13px; }
         #kosarfelhivas i { font-size:8px;    
                            width:8px;
                            height:8xx;
                            padding:3px;
                            margin-right:5px;
                          }
 
     }





.tartalomszelesmezo {
    background: #F5F5F9 0% 0% no-repeat padding-box;

    opacity: 1;
    float:right;
    width:100%;
    margin: 40px 0px;
    
}
.tartalomszelesmezo .centerbutton {
    margin: 25px auto;
    color:#8d89a4;
    width:178px;
    padding: 7px 0px;
    border: 2px solid #E5E5F1;
    border-radius: 1px;
    opacity: 1;
      text-align: center;
      font-size: 18px;
      font-weight: 500;
      font-family:Anton ;
      text-transform:uppercase;
      letter-spacing: 0.18px;
}  
.centerbutton:after {
    content: '\f105';
    font: normal normal normal 25px FontAwesome;
    color: #8d89a4;
 
    pointer-events: none;
    position:relative;
    top:2px;
}



.nk_sb_group a {
 
   border-bottom: solid 2px #FFB117;
}


 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbd;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbd;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #bbd;
}

 .error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffc8c8;
  opacity: 1; /* Firefox */
}

.error:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffc8c8;
}

.error::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffc8c8;
}