/* Base */
::-moz-selection{background: #666; color: #fff; text-shadow: none;}
::selection{background: #666; color: #fff; text-shadow: none;}

/* Forms */
input:invalid, textarea:invalid { background-color: #f0dddd;}

/* Print styles */
@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited { text-decoration: underline;}
    a[href]:after { content: " (" attr(href) ")";}
    abbr[title]:after { content: " (" attr(title) ")";}
    /** Don't show links for images, or javascript/internal links  */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "";}
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr, img { page-break-inside: avoid;}
    img { max-width: 100% !important;}
    @page { margin: 0.5cm;}
    p, h2,h3 { orphans: 3; widows: 3;}
    h2,h3 {page-break-after: avoid;}
}


/* checkout */
#checkout-review-table .box-qty img {
    vertical-align: top;
}
#onestepcheckout-shipping-method-section input.radio {
    margin: 4px 4px 4px 0 !important;
}
.order-review-info .onestepcheckout-terms-conditions {
    padding: 5px 0 0 !important;
}
/* !checkout */


.cms-compare-ipad .block-under-menu span{
	line-height: 20px;
}
.olegnaxmegamenu #nav li.wide {
    width: 17%;
    text-align: center;
    margin: auto;
    padding-right: 15px;
}
@media screen and (min-width: 1395px){
.olegnaxmegamenu #nav li.wide {
    width: 16%;
}
}
#nav ul.level0 li a:hover, #nav ul.level0 li.active>a, #nav ul.level0 li.over>a, #nav .std a.h1:hover, #nav .std a.h2:hover, #nav .std a.h3:hover, #nav .std a.h4:hover, #nav .std a.h5:hover, #nav .std a.h6:hover {
    color: #f09020 !important;
}
.vat-info-action {
    display: inline-block;
    padding: 10px 0;
    cursor: pointer;
}

.shipsin {display: none;}

.product-view .availability {
    padding: 10px 0 0;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

#myModal {
    text-align: justify;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 700px;
}

.vat-modal-title {
    padding-top: 30px;
    font-size: 20px;
    text-align: center;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.warranty-box {
    margin-bottom: 10px;
    display: inline-block;
    width: auto;
    background: #f6f6f6;
    padding: 13px 13px 12px 14px;
    min-width: 275px;
    text-align: center;
}

.warranty-option, .warranty-info {
    display: inline-block;
    vertical-align: middle;
}
.warranty-box .fa.fa-wrench {
    font-size: 25px;
    vertical-align: middle;
    padding: 0 0px 0 8px;
}
.warranty-title, .warranty-cost {
    display: block;
    text-align: right;
    font-size: 13px;
    word-wrap: normal;
    max-width: 225px;
}
.warranty-notice {
    display: block;
    font-size: 16px;
    margin-top: 15px;
}


.header .form-search button.button span span {
    background: url(https://store.i-system.gr/skin/frontend/athlete/default/css/../images/athlete/icon_search.png) 2px -28px no-repeat;
}

.lobibox.lobibox-window {border: 2px solid #f26e21 !important;text-align: left;}
.lobibox.lobibox-window .lobibox-header ,.lobibox.lobibox-window .lobibox-footer  {background-color: #f26e21 !important}
a:hover {
    cursor: pointer;
}

.lobibox-notify.lobibox-notify-info {background-color: #f26e21 !important;border-color:#f26e21 !important;}
.lobibox-notify-wrapper, .lobibox-notify-wrapper-large{
    z-index: 100000001 !important;
}

.static_cat .img_cat {
    max-height: 100px;
    margin-bottom: 10px;
}
.static_cat .subitem img{
    max-width: 100%;
}
.static_cat.subcategories-grid{
    display: flex !important;
    width: 100%;
    padding-bottom: 30px;
}
@media only screen and (max-width: 1124px) {
    .static_cat.subcategories-grid{
      display: flex;
      flex-wrap: wrap;
    }
    .static_cat .subitem{
          width: 23% !important;
    }
}

@media only screen and (max-width: 415px) {
    .static_cat .subitem img{
        width: 70px;
    }
}
.static_cat .subitem .product-name{
    text-align: center; 
    padding-top: 5px;
    font-size: 12px;
}
.static_cat .subitem.active .product-name{
    font-weight: 600;
}
.static_cat .subitem{
    margin: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    margin-top: 10px;
}
.static_cat .subitem .product-name:hover{
    color: #f37522;
}
.static_cat .subitem.active {
    border: 1px solid #a3a3a3;
    padding: 3px;
    border-radius: 5px;
    background-color: #ccc;
}
@media only screen and (max-width: 1023px){
    .header .form-search button.button span span {
        background-position: 2px -27px !important;
    }
}



.header-nav-wide:before {
    background-color: #f8f8f8cf !important;
}

.top-links-container, .top-links-container:before, .header .links:after {
    background-color: #f8f8f8cf !important;
}


/* stock messages (Haris) */
.i3-list-stock-status.i3-available{
    color: #28ac34;
}                         
.i3-list-stock-status.i3-out-of-stock{
    color: #900;
}                             
.i3-list-stock-status.i3-expected{
    color: #0066cc;
}
.i3-list-stock-status.i3-upon-order{
    color: #cc0000;
}

/* Changes i3-new-header*/
.i3-top-left{
    float: left;
    width: 68%;
    line-height: 55px;
    border-right: 1px solid #f1f1f1;
    margin-left: 40px;
}
.i3-top-right{
    text-align: center;
    line-height: 55px;
}
.olegnaxmegamenu #nav li.wide>div.megamenu-dropdown{
    width: 100%;
}
#nav{
    float: left;
    clear: both;
    margin-left: 40px;
    width: 68%;
}
.header-container, #nav, .header-nav-wide #nav, .header .form-search-over{
    border-right: 1px solid #f1f1f1;
}
.i3-top-left a{
    margin-right: 20px;
    font-size: 13px;
    color: #333;
    font-family: 'Ubuntu',"Open Sans",Arial,sans-serif !important;
    font-weight: 600;
}
.logo-container-indent{
    padding-right: 50px !important;
}
.header-info-container{
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
#nav>li>a{
    padding:0px;
}
.header .top-links a:hover, .header-cart .summary, .header-currency:hover, .header-language:hover {
    color: #f16922 !important;
    background-color: unset !important;
}
.i3-account{
    position: relative;
    float: right;
}
.table-cell.v-align-cell.logo-container{
    padding-top:10px;
    padding-bottom: 8px;
}
.i3-top-left a:hover{
    color: #f16922;
}
.header-nav-wide{
    border-top: 1px solid #f1f1f1;
    text-align: center;
}
.header-nav-wide:before{
    display: none;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 35px;
  z-index: 100000000;
}


.form-search button.button>span:before{
    background-color: unset;
}
.form-search button.button span{
    color: #222;
}
.form-search button.button span span:hover{
    color: #f37522;
}
.form-search input.input-text{
    border: none;
    border-bottom: 1px solid #f1f1f1;
}
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
.i3-search{
  display: inline-block;
}
.header-switch.header-cart{
  display: inline-block;
}
.i3-account-div{
  display: inline-block;
}
.header-cart{
  float: none;
  margin: 0;
}
.search-visible{
    width: 30%;
    display: inline;
}
.header-cart .summary.icon-white {
    background-position: unset;
}
.header-cart .summary{
    min-width: unset !important;
}
.i3-search i{
    color: #f37522;
    font-size: 20px;
}
.header-switch.header-cart i{
    color: #f37522;
    font-size: 20px;    
}
.i3-account i{
    color: #f37522;
    font-size: 20px;    
}
.i3-search, .header-switch.header-cart{
    margin-right: 65px;
}
.i3-search, .header-switch.header-cart, .i3-account-div{
    padding-top: 18px;
}
.olegnaxmegamenu #nav li.wide {
    width: 17%;
    text-align: center;
    margin: auto;
    padding-right: 15px;
}
#nav>li>a span{
    font-size: 14px;
}
.olegnaxmegamenu #nav li.wide div div.megamenu-block-col-6 ul.level0>li{
    text-align: left;
}
#nav>li>a span, #nav ul.level0 li a span{
    white-space: normal !important;
    font-weight: 500;
    line-height: 17px;
}
#nav ul.level0 li a{
    padding: 3px;
}
#nav>li>a{
    line-height: 17px;
}
#nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, #nav>li.parent>a:hover:before, #nav>li.parent.over>a:before, .nav-top-title:hover a, .nav-top-title div.icon span, .header-nav-txt.std a{
    background-color: unset !important;
}
#nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, .nav-top-title:hover a, .header-nav-txt.std a{
    color: #f37522 !important;
}
.level0.nav-5.last span{
    line-height: 35px !important;
}
@media screen and (max-width: 1310px) {
    #nav>li>a span, #nav ul.level0 li a span{
        font-size: 14px;
    }
}
@media screen and (max-width: 1261px) {
    .i3-search, .header-switch.header-cart{
        padding-right: 30px;
    }
}
@media screen and (max-width: 1261px) {
    #nav>li>a span, #nav ul.level0 li a span {
        font-size: 13px;
    }
}
.i3-mobile-menu, .i3-mobile-search{
  display: none;
}

/* Mobile view */
@media screen and (max-width: 1023px) {
    .i3-menu-desktop{
        display: none !important;
    }
    .header-cart .summary, .header-fixed .header-cart .summary{
        background-image: unset !important;
    }
    .i3-mobile-menu, .i3-mobile-search{
        display: inline-flex;
        width: 16%;
    }
     .table-cell.v-align-cell.logo-container, .i3-top-links{
        width: 50%;
        display: inline-flex;
     }
    .table-cell.v-align-cell.logo-container img{
        max-width: 70% !important;
    }
    .header .header-cart, .header-cart .summary {
        margin: 0;
        float: none;
        width: auto !important;
        position: relative !important;
        right: auto;
        top: auto;
        bottom: 0 !important;
        height: auto !important;
        background-size: unset !important;
        text-indent: unset !important;
        text-align: center !important;
    }
    .i3-search, .header-switch.header-cart{
        padding-right: 0px;
    }
    .i3-search, .header-switch.header-cart, .i3-account-div{
        width: 33% !important;
    }
    .header-2 .table-container{
        position: relative;
    }
    .header .nav-container{
        position: unset !important;
    }
    #nav{
        position: absolute;
        left: 0;
        right: 0;
        width: auto !important;
    z-index: 99999999;
    background-color: rgb(255, 255, 255) !important;
        padding: 0px !important;
        top: 40px !important;
    }
    #i3-exit-i{
        display: none;
    }
    #i3-ham-i{
        display: inline;
    }
    .i3-none{
        display: none !important;
    }
    .header .nav-container{
        padding: 0px !important;
    }
    .i3-mobile-menu{
        display: inline-flex !important;
        margin: auto;
        vertical-align: middle;
    }
    .logo-container-indent {
        padding-right: 0px !important;
    }
    .i3-search, .i3-account-div{
        text-align: center;
    }
    .i3-account{
        float: none;
    }
    .nav-top-title a{
        padding: 0px;
        margin-left: 0px;
    }
    .nav-top-title .icon{
        display: none !important;
    }
    .header .header-cart{
        right: 0 !important;
    }
    .level1 .img_cat{
        display: none;
    }
    .olegnaxmegamenu #nav li.wide ul.level0>li{
        text-align: left;
    }
}
@media screen and (min-width: 1395px) {
    .olegnaxmegamenu #nav li.wide{
        width: 16%;
    }
}
.i3-mobile-categories, .i3-mobile-li{
  display: none;
}
@media screen and (min-width: 1024px) {
  .i3-category-a img{
    display: none;
  }
}
@media screen and (max-width: 1023px) {
    .i3-mobile-search i{
        font-size: 16px;
    }
    #nav, .header-nav-wide #nav{
        margin: 0px !important;
    }
  .header-container, #nav, .header-nav-wide #nav, .header .form-search-over {
    border-right: unset;
  }
  .olegnaxmegamenu #nav li.wide{
    width: 100%;
    padding-right: 0;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .i3-mobile-categories{
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
  }
  .i3-mobile-categories span{
    color: #333;
  }
  .i3-mobile-li{
    display: block;
    color: #333;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #ccc;
  }
  .i3-mobile-li a:first-child{
    margin-bottom: 10px;
  }
  .i3-category-a{
    display: inline-flex !important;
    width: 100% !important;
    text-align: center;
    margin: auto;
  }
  .i3-category-a img{
    padding-left: 15px;
  }
  #nav>li.parent>a>em, #nav ul.level0 li.parent a em{
    display: inline-flex;
    position: absolute;
    right: 0;
    margin-top: 15px;
  }
  .i3-category-a span{
    vertical-align: middle;
    margin: auto;
  }
  .i3-top-links a{
    padding-right: 15px;
  }
  i.fa.fa-chevron-down{
    display: none;
  }
}

/* Search */
#search_mini_form label{
    display: none;
}
.overlay a{
    font-size: 13px;
}
.searchautocomplete .searchautocomplete-placeholder{
    position: relative;
    width: 60%;
    margin: auto;
}
.i3-top-links{
  display: none;
}
.header-2, .header-nav-wide{
    position: unset !important;
}
.header-container .table-container{
    position: relative;
}
.grid-fluid .row{
    border-bottom: 1px solid #f1f1f1;
}
.header-nav-wide #nav{
    padding: 22px 0 22px;
    height: auto;
}
.grid-fluid .grid_18{
    padding-left: 0px;
    padding-right: 0px;
}
.i3-search, .header-switch.header-cart, .i3-account-div {
    padding-top: 22px;
    vertical-align: middle;
}
@media screen and (max-width: 1023px) {
    .grid-fluid .row{
        border-bottom: none;
    }
    .i3-mobile-menu{
        text-align: center;
        margin: auto;
        float: none;
    }
    .nav-container.olegnaxmegamenu.icons-black{
        padding: 0px !important;
        margin: 0px;
        text-align: left;
        margin-left: 20px;
        width: 100%;
    }
    .table-cell.v-align-cell.logo-container img {
        max-width: 100%;
    }
    .i3-account-div{
        text-align: center;
    }
    .i3-mobile-li a{
        display: block !important;
    }
}
@media screen and (max-width: 500px) {
    .searchautocomplete .searchautocomplete-placeholder{
        width: 95%;
    }
    .i3-top-links a{
        padding-right: 3px;
        font-size: 9px;
    }
    .i3-search{
        text-align: left;
    }
    .i3-mobile-search i {
        font-size: 14px;
    }
    .header .header-cart{
        text-align: center !important;
    }
    .header-switch.header-cart i{
        font-size: 14px;
    }
    .i3-account-div{
        text-align: right;
    }
    .i3-account i{
        font-size: 14px;
    }
    .overlay-content{
        margin-top: 30%;
    }
    .form-search input.input-text{
        width: 200px;
    }
    .overlay .closebtn{
        top: 0px;
        font-size: 35px;
    }
}
.searchautocomplete .searchautocomplete-placeholder ul li:hover{
    background-color: #f37522;
}
.overlay a:hover, .overlay a:focus {
    color: #fff;
}
@media screen and (max-width: 600px) {
    .i3-search{
        width: auto !important;
        margin-right: 25px;
    }
    .header .header-cart{
        width: auto !important;
        margin-right: 25px !important;
    }
    .i3-account-div{
        width: auto !important;
    }
}
@media screen and (max-width: 1023px) {
  .i3-top-links{
    margin-top: 28px;
  }
  .header-container .table-container{
    box-shadow: 2px 2px 9px #ddd;
  }
  .i3-mobile-categories{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #nav li:last-child{
    border-bottom: 1px solid #ccc;
  }
  #nav{
    margin-top: 4px !important;
  }
  .i3-logo-message span{
    display: none;
  }
}

/* stock messages (Haris) */
.i3-list-stock-status.i3-available{
  color: #28ac34;
}                         
.i3-list-stock-status.i3-out-of-stock{
  color: #900;
}                             
.i3-list-stock-status.i3-expected{
  color: #f87612;
}
.i3-list-stock-status.i3-upon-order{
  color: red;
}
.i3-logo-message span{
  color: #333;
  font-size: 12px;
  font-weight: 400;
}
.i3-logo-message{
  margin-top: 5px;
}
.i3-episkeves{
  font-weight: 600;
}
.i3-top-right span{
  font-size: 14px;
  vertical-align: middle;
}
.i3-top-right i{
  font-size: 17px;
  vertical-align: middle;
  margin-right: 5px;
  color: #f16922;
}
#nav ul.level0 li a:hover, #nav ul.level0 li.active>a, #nav ul.level0 li.over>a, #nav .std a.h1:hover, #nav .std a.h2:hover, #nav .std a.h3:hover, #nav .std a.h4:hover, #nav .std a.h5:hover, #nav .std a.h6:hover{
    background: inherit !important;
}
#nav ul.level0 li a{
    font-size: 15px
}
.olegnaxmegamenu #nav li.wide ul.level0 ul li a{
    font-size: 13px;
}
.megamenu-dropdown img.img_cat{
    max-width: 90%;
    border: 1px solid #ccc;
}
#nav>li>a {
    font-size: 14px;
    display: inline-flex;
}
i.fa.fa-chevron-down {
    vertical-align: middle;
    margin: auto;
    font-size: 12px;
}
.i3-search{
    cursor: pointer;
}
@media screen and (max-width: 1400px) and (min-width: 1024px) {
    #nav>li>a {
        font-size: 13px !important;
    }
}
@media screen and (min-width: 1024px){
    .olegnaxmegamenu #nav li.wide>div.megamenu-dropdown{
        background: #f7f4f4;
    }
    .megamenu-dropdown{
        background: #f7f4f4;
    }
    .olegnaxmegamenu #nav li.wide ul.level0 ul, .olegnaxmegamenu #nav li.wide div.megamenu-dropdown div.megamenu-dropdown{
        background: #f7f4f4;
    }
    .olegnaxmegamenu #nav li.wide div div.megamenu-block-col-6{
        background: #f7f4f4;        
    }
    .olegnaxmegamenu #nav li.wide ul.level0{
        background: #f7f4f4;
    }
}
.searchautocomplete .searchautocomplete-placeholder{
    border: unset;
    box-shadow: none;
}
.searchautocomplete .searchautocomplete-placeholder ul{
    box-shadow: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li{
    border: unset;
}
.searchautocomplete .searchautocomplete-placeholder{
    top: 0px;
}
.searchautocomplete .searchautocomplete-placeholder:before{
    display: none;
}
.i3-main-category{
    color: #006699;
    margin-top: 10px;
}

.olegnaxmegamenu #nav li.wide>div.megamenu-dropdown{
    z-index: 9999999;
}
/* stock messages (Haris) */
.i3-list-stock-status.i3-available{
    color: #28ac34 !important;
}                         
.i3-list-stock-status.i3-out-of-stock{
    color: #900 !important;
}                             
.i3-list-stock-status.i3-expected{
    color: #0066cc !important;
}
.i3-list-stock-status.i3-upon-order{
    color: #cc0000 !important;
}
/* XMAS Header*/
/*.header-container.full-header{
    background-image: url(/media/890174_xmas_pattern_final.gif);
} */

/*2020 i3 search changes */
@media only screen and (min-width: 1024px) {
    .i3-desktop-search{
      position: absolute;
      display: none;
      right: 0px;
      top: 70px;
    }
    .header .search-visible .form-search {
        width: 280px;
    }
    .form-search input.input-text{
      max-width: 285px;
    }
    .searchautocomplete .searchautocomplete-placeholder{
      width: 100%;
    }
    .search-autocomplete.searchautocomplete-placeholder{
      top: 40px;
    }
}
@media screen and (max-width: 1023px){
	.i3-search, .header-switch.header-cart {
		margin: auto;
	    margin-right: 30px !important;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1260px) {
    .i3-search, .header-switch.header-cart{
        margin-right: 20px;
    }
    .i3-search, .header-switch.header-cart{
        padding-right: 0px;
    }
}
@media screen and (max-width: 1250px) and (min-width: 1024px){
    .header .logo img {
        max-width: 180px !important;
    }
}
@media screen and (max-width: 767px){
    .header-switch-trigger img{
        width: 15px !important;
    }
}