/*********GENERAL**********************/ *{margin:0; padding:0} body, html{height: 100%;} img{border:none} html{height: auto} body {color:#222; font-family: 'Roboto', serif; overflow-x:hidden; font-size:14px; background-color:#fff; } body.nomove{overflow: hidden} a {text-decoration:none; color: #222 } .left{float:left;} .right{float:right} .clear{clear:both;} html {box-sizing: border-box;} *, *:before, *:after { box-sizing: inherit; } ul{ text-align: left; list-style: inside; color: #222;font-size: 16px;line-height: 27px; margin-bottom: 10px} .hideme{opacity:0} .marginleft20{margin-left:20px !important} .marginleft30{margin-left:30px} .margintop0{margin-top:0px !important} .margintop20{margin-top:20px !important} .margintop10{margin-top:10px !important} .margintop50{margin-top:50px !important} .margin0{margin:0 !important} .margin20{margin-top:20px !important; margin-bottom:20px !important;} .marginbottom20{margin-bottom:20px !important;} .marginbottom30{margin-bottom:30px !important;} .marginbottom50{margin-bottom:50px !important;} .marginbottom100{margin-bottom:100px !important;} .marginbottom150{margin-bottom:150px !important;} .marginbottom200{margin-bottom:200px !important;} .empty{width:100%; height:40px;} .empty2{width:100%; height:100px;} .center{text-align: center !important; margin: 0 auto;} em {color: inherit;} .anim{ -ms-transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s; -moz-transition:all 0.2s ease-in 0s; -o-transition:all 0.2s ease-in 0s; transition:all 0.2s ease-in 0s;} p{text-align:justify; color:#222; /*font-size:15px; line-height:25px;*/ margin-bottom: 10px; font-size:16px; line-height:27px; } .line50 {width: 50px;border-top: 1px solid #bbb;height: 3px;margin: 0 auto; text-align: center} .line200 {width: 200px;border-top: 1px solid #bbb;height: 3px;margin-bottom: 30px;margin-top: 10px;} /*********GENERAL**********************/ #right_part p a{text-decoration: underline; color: #222} /************* LOADER **********************/ .loader_wrapper{position:fixed; width:100%; height:100%; z-index:10000; background-color:rgba(255,255,255,0.8); display:none; } .loader_wrapper>img{width:300px; height:auto;position: absolute;top: 50%;left:0; right: 0; margin: 0 auto; margin-top: -200px; animation: heart-pulse 0.9s infinite ease-out; } @keyframes heart-pulse { 0% {transform: scale(1)} 50% {transform: scale(1.1);} 100% {transform: scale(1);} } @keyframes heart-pulse2 { 0% {transform: scale(1)} 50% {transform: scale(1.3);} 100% {transform: scale(1);} } .loader_gdpr {position: fixed;width: 100%;height: 100%;overflow: hidden;z-index: 50000000 !important;top: 0;background-color: rgba(0,0,0,0.7);} /* #loader_gdpr_box{max-width:400px; width: 100%; min-height: 300px; height: auto; background-color: #fff; margin: 0 auto; margin-top: 200px; border: 1px solid #689f38; padding: 30px 10px; text-align: center } #loader_gdpr_box p{text-align: center; color: #000; font-size: 25px; } #loader_gdpr_box p.bold{font-weight: bold} #loader_gdpr_box p.bold2{font-weight: bold; font-size: 20px; margin-bottom: 40px } #loader_gdpr_box p.bold2>span{text-decoration: underline} #loader_gdpr_box p:nth-child(2){font-size: 17px; margin-top: 20px; margin-bottom: 20px; padding: 0 20px; line-height: 25px} .loader_gdpr button{width: 120px; height: 50px; display: inline-block; cursor: pointer} #ageok {margin-right: 10px; color: #fff;background-color: #1ba53e; border: 1px solid #1ba53e} #agenotok {margin-left: 10px; background-color: #e0e0e0; color:#000; border: 1px solid #e0e0e0; } #loader_age{padding: 0 10px} */ #gdpr{min-height:35px; background-color:#000; width:100%; text-align:center; color:#fff; font-size:13px; padding-top:8px; position:fixed; bottom:0; z-index:100000000} .gdpr_button{ display:inline-block; padding:5px; color:#fff; border:1px solid #fff; margin:5px;text-decoration:none;}.gdpr_button:hover{background-color:#fff; color:#000;} /************* LOADER **********************/ /**********************HEADER*********************/ #header_top_line{ width:100%; min-height: 10px; background-color: #222 ; text-align: center; color: #fff;padding:10px 10px;font-family: "Roboto Mono", serif; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.1) } #header_top_line>div{width: auto; text-align: center;min-height: 10px; display: inline-block; vertical-align: top} #header_top_line a {color: #fff; display: inline-block;} #header_top_line a.phone:hover{text-decoration: underline} #header_top_line a.phone>span{margin-right: 20px} #header_top_line>div:nth-child(1){text-align: left; float: left;} #header_top_line>div:nth-child(2){text-align: center;} #header_top_line>div:nth-child(3){text-align: right; float: right;} @media screen and (max-width: 600px) { #header_top_line>div:nth-child(1), #header_top_line>div:nth-child(3) {display: none;} } /* #header_top_line_inner>div:nth-child(1){ margin: 0 auto; font-size: 15px; } #header_top_line_inner>div:nth-child(2){font-size: 15px; position: absolute; top:10px; right:10px; height: 20px; width: 170px; } #header_top_line_inner>div:nth-child(3){font-size: 15px; position: absolute; top:10px; left:10px; height: 20px; width: 170px; text-align: left } #header_top_line_inner>div:nth-child(3)>a{color: #000} #header_top_line_inner span{padding-right: 10px; vertical-align: 1px} #header_top_line_inner>div:nth-child(2)>a{color: #000;font-weight: normal; font-size: 15px; float: right; margin-left: 0px} #header_top_line_inner a:hover{ font-weight: bold } /* #lang_top{position: relative; float: right;margin-left: 20px;cursor: pointer;margin-top: -1px;} #lang_top_box{position: absolute; top:25px; right: 5px; width: 120px; background-color: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); z-index: 100; padding: 0; min-height: 0; overflow: hidden; display: none; height: auto} #lang_top_box_inner{ margin: 10px} #lang_top_box a{ display: inline-block; margin: 5px} #lang_top_box a>img{width: 30px; height: auto} @media screen and (max-width: 600px) { #header_top_line_inner>div:nth-child(2) { position: relative; margin: 0 auto; margin-bottom: 10px } #lang_top_box{right: -40px} } @media screen and (max-width: 450px) { #header_top_line_inner>div:nth-child(3){display: none} } /*******************/ .top_message_wrapper{ width:100%; background-color:#fff; color:#ac2424; height:auto; min-height:10px; position:fixed; top:0; left:0; text-align:center; padding-top:20px; padding-bottom:20px; display:none; z-index:100000000; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.7);} .top_message_wrapper>p{display:none;margin-bottom: 10px;margin-top: 10px;line-height: 20px;color: #666;font-size: 16px; text-align: center} /******************/ #header_top{min-height: 50px; width: 100%; text-align: center; margin:0px auto; position: relative; background-color: #000; color: #fff; padding: 20px } #header_top_inner{ max-width: 1600px; padding: 20px 10px; margin: 0 auto; position: relative} #header_top_logo{display: block; width: 400px; float: left; text-align: left;} /*#header_menu_wrapper{width: 100%; background-color: #000; min-height: 40px; position: relative; color: #fff}*/ #header_menu{list-style: none; /*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);*/ margin-top: 50px; float: right; /*width: calc(100% - 400px);*/ text-align: right; width: auto; max-width: 1180px; } #header_menu>li{ margin-left: 28px; margin-right: 28px; position: relative; height: 70px; display: inline-block; padding-top: 12px;} #header_menu>li:first-child{margin-left: 0} #header_menu>li:last-child{margin-right: 0} #header_menu>li>a{color: #fff; font-weight: 400; font-size: 17px; font-family: "Roboto Mono", serif;} #header_menu>li>a.on{color:#deb868} #header_menu>li>a:hover{/*color: #6d9127;*/ color: #deb868} #header_menu span{margin-left: 5px; display: inline-block; vertical-align: 2px } #header_menu span.up{display: none;} ul.submenu_top{margin:0; padding:0; background-color:#fff; list-style:none; position:absolute; left:0px; top:50px; width:250px; display:none; box-shadow: 0 8px 35px 0 rgba(50,50,93,0.1),0 5px 15px 0 rgba(0,0,0,0.07); z-index:1100;min-height: 20px; padding-bottom: 0px } ul.submenu_top li{ margin: 0px;} ul.submenu_top li>a{display:block; padding:13px; text-align:left; font-size:14px; color:#222;} ul.submenu_top li>a:hover{text-decoration:none; background-color:#deb868; color: #000} /*#header_menu>li:last-child>ul.submenu_top{left: inherit; right: 0}*/ #login_top{width: 300px;height: 35px;position: absolute;right: 10px;top: 15px;text-align: right; } #login_top>a{color: #fff; display: inline-block; margin-left: 10px; margin-right: 10px; width: 20px; height: 20px} #login_top>a>span{transform: scale(1.2)} #lang_wrapper{width: 80px; height: 30px; display: inline-block; vertical-align:middle; font-family: 'Roboto Mono', serif; font-weight: 100; font-size: 25px; line-height: 25px; margin-right: 30px} #lang_wrapper>a{font-size: 14px;font-weight: 400;cursor: pointer;display: inline-block; color: #fff} #lang_wrapper>a.selected{font-weight: 800; font-size: 18px} #lang_wrapper>a:hover{color:#6d9127} #basket_top,#wishlist_top{position: relative} #basket_top_counter{ width: 20px; height: 20px; border-radius: 100%; /*background-color:#6d9127;*/ background-color:#000; color: #fff; text-align: center; position: absolute; left: 10px; top:10px; font-size: 12px; padding-top: 3px; border: 1px solid #fff } #wishlist_top_counter{ width: 20px; height: 20px; border-radius: 100%; /* background-color:#6d9127;*/ background-color:#000; color: #fff; text-align: center; position: absolute; left: 10px; top:10px; font-size: 12px; padding-top: 3px; border: 1px solid #fff } @media screen and (max-width: 1600px) { #header_top{padding-bottom: 0; padding-top: 10px} #header_menu{display: none;} #menu_mobile_button{display: block !important} #mobile_menu{display:block; !important} #header_top_logo{float: none; margin: 0 auto} #login_top{position: relative; margin: 0 auto; margin-bottom: 10px;right: 0;left: 0;text-align: center; margin-top: -10px} #lang_wrapper{display: none;} #header_top_logo{width: 250px} #header_top_inner{padding-top: 0;} /*#header_top_inner{padding: 0 10px}*/ /* #search_top{width: 400px; margin: 0 auto;}*/ } @media screen and (min-width: 1601px) { #menu_mobile_button {display:none !important} #mobile_menu{display:none !important} body{overflow:auto !important} } /********************************* LOGED IN ******************************/ #dropdown_wrapper{position:relative; display: inline-block; margin-right: 10px; margin-left: 10px; width: 20px; height: 20px } #dropdown_wrapper span{transform: scale(1.2); color: #deb868; cursor: pointer; } #dropdown_username{ color:#fff; position: absolute; top:30px; left:0px; display: none;} #dropdown_username:hover{text-decoration: underline} #dropdown_username_ul{list-style:none; width:160px; text-align:center; position:absolute; top:55px; left:-70px; box-shadow: 0 6px 12px rgba(0,0,0,.175); display:none; z-index: 3000;} #dropdown_username_ul>li>a{display:block; background-color:#fff; color:#000; border-bottom:1px solid #e5e5e5; padding:10px 0px; font-size: 14px} #dropdown_username_ul > li > a.last{border-bottom:none;} #dropdown_username_ul>li>a:hover{ text-decoration:none; background-color:#deb868; color: #000} /********************************* LOGED IN ******************************/ /* #header_top_right{width: 180px;height: 35px;position: absolute;right: 10px;top: 20px;text-align: right; border: 1px solid red} #login_top>a{color: #fff; display: inline-block; margin-left: 10px; margin-right: 10px} #login_top>a>span{transform: scale(1.2)} #basket_top,#wishlist_top{position: relative} #basket_top_counter{ width: 20px; height: 20px; border-radius: 100%; background-color:#009846; color: #fff; text-align: center; position: absolute; left: 10px; top:10px; font-size: 12px; padding-top: 3px } #wishlist_top_counter{ width: 20px; height: 20px; border-radius: 100%; background-color:#009846; color: #fff; text-align: center; position: absolute; left: 10px; top:10px; font-size: 12px; padding-top: 3px } #search_top{max-width: 400px; height: 40px; border: 1px solid rgba(0,0,0,0.2); margin: 0 auto; padding-top: 10px; font-size: 15px; color: #222; border-radius: 20px; margin-top: 38px; cursor: pointer} #search_top>span{float: right; margin-right: 10px; margin-top: -2px} #basket_top,#wishlist_top, #search_top_small, #login_top {margin-left: 5px; margin-right: 5px; color: #fff;vertical-align: 10px; width: 40px; height: 40px; display: inline-block; text-align: center; position: relative; cursor:pointer} #basket_top>span, #wishlist_top>span, #search_top_small>span, #login_top>span {transform: scale(1.5)} #search_top_small{display: none;} #basket_top_smallbox{width: 350px; min-height: 0; height: auto; position: absolute; top:40px; right: 10px; z-index: 6000; background-color: #fff; display: none;box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px; border: 1px solid rgba(0,0,0,0.3)} #basket_top_smallbox>div:nth-child(1){ background-color: #f5f5f5; padding: 10px;color: #222;font-size: 14px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);font-weight: bold; text-align: left} #basket_top_list{list-style: none; padding: 0;} #basket_top_list>li{padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.2); text-align: left} #basket_top_list>li>a{display:block; width: 70px;border: 1px solid rgba(0,0,0,0.2); float: left} #basket_top_list>li>a>img{width: 70px; height: auto; } #basket_top_list>li>div.right_part{width: calc(100% - 80px); min-height: 10px; display: block; float: right;vertical-align: top; text-align: right;font-size: 14px;color: #666;} #basket_top_list>li>div.right_part>span{color: #222; font-weight: bold; font-size: 16px} .basket_top_delete{ border: none !important; width: auto !important; float: right !important; margin-top: 5px; color: #000} #basket_top_smallbox>div:nth-child(3){ background-color: #f5f5f5; padding: 10px;color: #222;font-size: 14px;font-weight: bold; text-align: right} #basket_top_smallbox>div.smallbasketbox_buttons{padding:20px 10px;background-color: #fff;border-top: 1px solid rgba(0, 0, 0, 0.2); text-align: center} #basket_top_smallbox>div.smallbasketbox_buttons>a{display: inline-block; padding: 10px; margin-left: 15px; margin-right: 15px;color: #000; font-size: 13px; background-color: #e5e5e5; border: 1px solid #fff; margin-bottom: 10px} #basket_top_smallbox>div.smallbasketbox_buttons>a:hover{border: 1px solid #000} #basket_top_smallbox #tobasket{background-color: #1c9b41; color: #fff} #basket_top_smallbox_empty{padding: 20px 10px; text-align: center; font-weight: bold} */ @media screen and (max-width: 800px) { #search_top_small{display:inline-block;} #search_top{display: none} #header_top_right{margin-top: 45px} } @media screen and (max-width: 550px) { #header_top_logo{float: none;margin: 0 auto;display: block;} #header_top_right{ float: none;margin: 0 auto;text-align: center;margin-top: 30px;} #basket_top_smallbox{ right:0px; width: 330px; left: -15px; margin: 0 auto} } /**********************HEADER*********************/ /************************* SEARCH TOP *********************************/ #search_overlay{position:fixed; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.9); overflow:auto; padding-bottom:40px; text-align:center; z-index:50000; display:none; } #search_form{margin: 0 auto;margin-top: 200px; position:relative; border-bottom:1px solid #fff; width:80%; } #search_input{height: 50px;width: 100%;font-size: 23px; padding-left: 40px; padding-right:40px; padding-top: 15px; box-sizing: border-box; background-color: transparent; color: #fff; outline: none; border: none;} #search_button{text-align: left; width: 30px; height: 30px; color:#fff;position: absolute;top: 15px; left: 0; cursor:pointer } #search_button:hover{color:#6d9127} #search_cancel{right:0; top:15px; cursor:pointer; position: absolute; color: #fff} #search_cancel:hover{color:#6d9127} #search_results_box{width:80%; height:auto; min-height: 200px; box-sizing:border-box; margin:0 auto; color:#fff} #search_results_box>p{margin-top:10px; text-align:center; color:#fff;} #search_top_up{list-style:none; margin:0; background-color:#fff; padding:10px; text-align:left;} #search_top_up>li{width:100%; border-bottom:1px solid rgba(0,0,0,0.4); margin-bottom:10px;} #search_top_up>li:last-child{ border-bottom: none; margin-bottom: 0} #search_top_up>li:nth-child(last) #search_top_up>li>a{display:block; padding-bottom: 0px; color: #000} #search_top_up>li>a:hover{text-decoration:none;} #search_top_up>li>a>img{display:inline-block; vertical-align:middle} #search_top_up div.srch_product{ margin-left:10px; display:inline-block; color: #222;} #search_top_up div.srch_cat{ margin-left:10px; display:inline-block; vertical-align:0px; color: #000} #search_top_up div.srch_product>span:nth-child(1){text-decoration:underline} #search_top_up span.srch_prcode{font-size: 14px; color:#333} #search_top_up span.srch_brnd{font-size: 15px;color: #ac2424;} /************************* SEARCH TOP *********************************/ /************************ SEARCH PAGE ***************************************/ #search_title1{border-bottom: 1px solid rgba(0,0,0,0.3);padding-bottom: 10px;font-size: 20px;display:table; padding-right: 20px; margin-bottom:30px; margin-top: 10px;} #search_title1>span{color:#ac2424} h1.search{ font-weight: 400; font-size: 28px} #search_no_results{ padding-bottom:200px; font-size: 20px; margin-top: 50px} #search_categories{ width:100%; min-height:100px;} #search_categories>a{ border: 1px solid rgba(0,0,0,0.1); width:calc(100% * 1/4 - 20px); min-height:100px; float:left; display:block; margin-left:10px; margin-right:10px; position:relative; margin-bottom:20px;} #search_categories>a:hover{box-shadow: 1px 1px 11px #DDD; text-decoration:none;} #search_categories>a>img{width:100%; height:auto;} #search_categories>a>div{text-align:center; position:absolute; left:0; right:0; top:30px} #search.list_products>li{width:calc(100% * 1/4 - 20px); border: 1px solid rgba(0,0,0,0.1); min-height:70px; float:left; margin-left:10px; margin-right:10px; padding-bottom:20px; position:relative; margin-bottom:20px} /************************ SEARCH PAGE ***************************************/ /*********************** INDEX SLIDER *************************/ #slideshow{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.2) } #slideshow img{width: 100%; height: auto;} .slider_text_wrapper{position: absolute; top:40%; left: 0; right: 0; margin: 0 auto; opacity: 1; width:70%; min-height: 100px; padding: 20px; text-align: left; width: 90%; } .slider1{position: relative; top:40%; left: 0; font-size: 285%; color: #fff; font-weight: bold; text-shadow: 1px 2px 2px #000; opacity: 0; margin-bottom: 10px} .slider2{position: relative; top:50%; left: 0; display: block; text-align: center; width: 150px; height: 40px; padding: 6px; font-size: 14px; font-weight: 700; border: 1px solid #000; background-color: #000; color: #deb868 !important; opacity: 0; margin: 0 auto; margin-top: 20px; display: inline-block} @media screen and (max-width: 1200px) { .slider_text_wrapper{top:30% !important; } } @media screen and (max-width: 900px) { .slider_text_wrapper{top:25% !important; } .slider1{font-size: 35px !important; } } @media screen and (max-width: 700px) { .slider1{font-size: 24px !important; } .slider2{width: 120px !important; padding: 4px !important; height: 36px !important; margin-top: 5px;} } @media screen and (max-width: 500px) { .slider_text_wrapper{top:10% !important; padding: 10px } .slider1{font-size: 22px !important; } .slider2{margin-top: 0} } /*********************** INDEX SLIDER *************************/ /**************************** INDEX BOXES **************************/ .index_center{margin: 0 auto; text-align: justify;font-family: 'Roboto Mono', serif;font-size: 16px;line-height: 30px; margin-top: 80px} h1.index{line-height:35px; text-align:center; margin-bottom:40px; font-weight: 400;font-family: 'Roboto Mono', serif;letter-spacing: -0.1px;font-size: 26px;color: #333;} h2.index{font-family: 'Roboto Mono', serif;font-size: 18px; color: #333; margin-top: 50px; text-align: center} .wrapper2{max-width: 1600px; padding:0; margin: 0 auto; text-align: center; } .index_cat{width: calc(100% * 1/4 - 23px); height: auto; min-height: 100px; margin-bottom: 20px; vertical-align: top; position: relative; display: inline-block; cursor: pointer; opacity:1; overflow: hidden; margin-left: 10px; margin-right: 10px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); z-index: 0; opacity: 0 } .index_cat>img{width: 100%; height: auto; position: relative; z-index: 20} .index_cat>div.black{position: absolute; top:0; left: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 200} .index_cat span{position: absolute; left: 0; right: 0; bottom:0; color: #fff; font-size: 16px; padding: 10px 20px; font-family: 'Roboto Mono', serif; text-align: center; font-weight: 400; z-index: 200; background-color: #000} .index_cat:hover img{scale:1.05} .index_cat:hover div.black{opacity: 0.4} @media screen and (max-width: 1200px) {.index_cat{width: calc(100% * 1/2 - 23px);}} @media screen and (max-width: 800px) {.index_cat{width: calc(100% - 23px);}} /**************************** INDEX BOXES **************************/ /*************PARALLAX IMAGE***********************/ .parallax_wrapper{ min-height:600px; width:100%; position:relative; margin-bottom: 100px; margin-top: -30px; overflow: hidden; } .parallax_image{background-image:url(../images/paralax1.jpg); background-position:0 -250px;position: absolute;top: 0;left: 0;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;width:100%; height:100%; } .parallax_main_text{max-width: 1000px; margin: 0 auto; margin-top: 150px} #prlx p{margin: 0 auto;text-align: left;margin-top: 10px;color: #e5e5e5;position: relative; opacity: 0; padding: 0 10px; font-size: 17px; line-height: 30px} @media screen and (max-width: 650px) {.parallax_wrapper{ min-height:750px;}} @media screen and (max-width: 950px) {.parallax_main_text{margin-top: 100px}} @media screen and (max-width: 700px) {.parallax_main_text{margin-top: 50px}} @media screen and (max-width: 700px) {.parallax_main_text{margin-top: 50px}} /*************PARALLAX IMAGE***********************/ /**********************INDEX - GENERAL ***************************************/ .main_wrapper{ margin:0 auto; width:100%; height:auto; min-height:300px; margin-top: 50px; padding: 0 20px; max-width: 1600px } .main_wrapper_inner{max-width:1320px; margin:0 auto; padding:0; text-align:center; } /*.main_wrapper_inner h1{word-wrap:break-word; color: #222;} .main_wrapper_inner h1.two{text-align: center;margin-bottom: 90px;font-weight: bold;font-size: 35px;color: #666;} */ /**********************INDEX - GENERAL ***************************************/ /**************************** LIST PRODUCTS **********************************************************/ #breadcrumb_wrapper{min-height: 20px; width: 100%; padding: 20px;text-align:left; } #breadcrumb{font-size:15px; color:#666; width:100%; font-family: "Roboto Mono", serif; word-break: break-word;} #breadcrumb a{color:#666; font-weight:normal; } #breadcrumb a.selected, #breadcrumb a:hover{color:#deb868; } #black_body{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:5500; display:none;} /**********************/ #left_filters{ position:fixed; top:0; left:-340px; width:340px; height:100%; background-color:rgba(255,255,255,1); overflow:auto; text-align:left; padding-top: 20px;z-index:30000; -ms-transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s; -moz-transition:all 0.2s ease-in 0s; -o-transition:all 0.2s ease-in 0s; transition:all 0.2s ease-in 0s; } #left_filters.on{left:0; } #left_filters>.filter_big_title{padding: 10px;margin-left: 0;font-family: 'Roboto Mono', serif;font-weight: 400;background-color: #e5e5e5; font-size: 15px;} #left_filters>.filter_big_title>a{color: #222} #left_filters>.filter_big_title>a:hover{ text-decoration: underline} #left_filters .filter_list{padding-left: 20px; margin-bottom: 10px} #left_filters::-webkit-scrollbar {width: 10px; } #left_filters::-webkit-scrollbar-track {background: #e5e5e5; border-radius: 0px} #left_filters::-webkit-scrollbar-thumb {background: #999;border-radius: 0px} #left_filters::-webkit-scrollbar-thumb:hover {background: #666;} #left_filters_button_close{display: inline-block;float: right;margin-right: 10px;color: #000; margin-bottom: 10px;padding: 7px 10px;border: 1px solid #fff;font-family: 'Roboto Mono', serif; background-color: #fff} #left_filters_button_close>span{margin-left: 10px;vertical-align: 1px;transform: scale(0.9);} #left_filters_button_close:hover{text-decoration: underline} /* .brands_filter_button{} DEN EXEI CSS MONO JS */ .filter_wrapper input[type=checkbox]{ vertical-align: -2px; margin-left: 20px; } .filter_wrapper input[type=checkbox]:checked{accent-color: #009846;} .linefull{width: 100%; height: 1px; margin-top:10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1);} ul.filter_list{list-style:none; overflow: hidden;height: auto; margin-bottom: 20px;/* border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 10px;*/ padding-bottom: 0px; padding-top: 15px} ul.filter_list.noborder{border-bottom:none; } ul.filter_list li {min-height: 25px;height: auto; cursor:pointer; display:table;} ul.filter_list li a{color:#222; } ul.filter_list li a:hover, ul.filter_list li a.selected{color:#000; font-weight: bold } .banner_filter{height: auto; border: 1px solid rgba(0,0,0,0.1); margin: 0 auto;width: calc(100% - 20px); margin-bottom: 20px} .banner_filter>a{display: block} .banner_filter>a>img{width: 100%; height: auto} /**********************/ #category_top_banner{width: 100%; min-height: 50px; padding:30px 60px; margin-bottom: 50px; margin-top: -50px} #category_top_banner>img{float: left; width: 200px; height: auto; margin-top: 10px} #category_top_right{ float: left; margin-left: 70px; width: calc(100% - 300px)} #category_top_right.noimg{float: none; margin: 0 auto; width: 100%;} #category_top_banner p{font-family: 'Roboto Mono', serif;font-size: 16px;line-height: 30px;} @media screen and (max-width: 1350px) { #category_top_banner{padding: 30px 0;} } h1.list_products.box{line-height:35px; text-align:left; margin-bottom:20px; font-weight: 700; /*font-size: 23px;font-family: 'Alegreya Sans', serif;*/ font-family: 'Roboto', serif;letter-spacing: -0.1px;font-size: 20px;} /*h1.list_products.alone{margin-top: -2px}*/ #products_sort{margin-left: 15px;height: 40px;width: 170px;text-align:left;padding-left: 10px; color:#222; font-size: 15px; display:block; float:right; margin-top:-3px; margin-bottom: 20px; border: 1px solid #aaaaaa} #products_sort>option{color:#333;} #total_products_num{font-size: 14px;color: #666;text-align: right; width:auto; margin-bottom:50px; } #filters_button_right{float: right; width: auto; cursor: pointer; height: 40px; padding: 10px; border: 1px solid #aaaaaa; margin-top: -3px} #filters_button_right>span{margin-left: 10px;} /* @media screen and (max-width: 700px) { h1.list_products.alone{float:none; margin-bottom: 20px;width: 100%} } */ /*************************/ .list_products{ list-style:none; margin:0; padding:0; margin-bottom: 200px} .list_products>li{width:calc(100% * 1/4 - 20px); /*border: 1px solid rgba(0,0,0,0.1);*/ min-height:70px; float:left; margin-left:10px; margin-right:10px; position:relative; margin-bottom:30px; border:1px solid rgba(0,0,0,0.05); } .list_products img{width:100%; height:auto; } /*.list_products>li:hover{box-shadow: 1px 1px 11px #DDD;}*/ /*009846*/ .list_products span.discount{ position: absolute;left: 10px; top:10px; width: 70px; height: 30px; background-color: #000; color: #fff; padding-top: 3px; font-size: 17px; font-weight: 400; font-family: 'Roboto Mono'; text-align: center} /**********/ .ribbon {width: 150px;height: 150px;overflow: hidden;position: absolute;} .ribbon::before, .ribbon::after {position: absolute;z-index: -1;content: '';display: block;border: 5px solid #be9d59;} .ribbon span {position: absolute;display: block; width: 225px;padding: 15px 0;background-color: #deb868;box-shadow: 0 5px 10px rgba(0,0,0,.1);color: #fff;font: 700 18px/1 'Lato', sans-serif;text-shadow: 0 1px 1px rgba(0,0,0,.2);text-transform: uppercase;text-align: center; } /* top left*/ .ribbon-top-left {top: -8px;left: -8px;} .ribbon-top-left::before, .ribbon-top-left::after {border-top-color: transparent;border-left-color: transparent;} .ribbon-top-left::before {top: 0;right: 0;} .ribbon-top-left::after {bottom: 0;left: 0;} .ribbon-top-left span {right: -25px;top: 30px;transform: rotate(-45deg);} /* top right*/ .ribbon-top-right {top: -8px;right: -8px;} .ribbon-top-right::before, .ribbon-top-right::after {border-top-color: transparent;border-right-color: transparent;} .ribbon-top-right::before {top: 0;left: 0;} .ribbon-top-right::after {bottom: 0;right: 0;} .ribbon-top-right span {left: -25px;top: 30px;transform: rotate(45deg);} /**********/ .list_products span.wish{ position: absolute;right: 10px; top:5px; color: #000; padding-top: 8px; cursor: pointer;padding: 5px;background-color: white;border-radius: 100%;box-shadow: 3px 3px 3px rgba(0,0,0,0.3); z-index: 100; /*box-shadow: 1px 1px 5px rgba(0,0,0,0.3);*/} .list_products span.wish:hover{animation: heart-pulse2 0.6s infinite ease-out;} .list_products span.wish.on path{fill:#222} .list_products span.wish.on{color: #222} .list_products>li:hover a.button2{ background-color:#6a8c25; color: #fff; } .list_products>li:hover {border: 1px solid rgba(0,0,0,0.1); box-shadow: 1px 1px 11px #DDD;} .list_products>li>a:nth-child(2){margin-bottom:5px; display:block; } /*einai to img */ .list_products>li>a:nth-child(4){ display:block; text-align:center; font-size: 14px; min-height:70px; color:#222; font-weight:normal; padding: 0 10px; font-family: 'Roboto Mono', serif; line-height: 22px}/* einai o titlos tou proiontos*/ .list_products div.pr_code{ color:#9a9a9a; font-size:14px; text-align:center; min-height:20px; margin-top: 0px } .list_products div.brandname{ color:#999; font-size:15px; text-align:center; min-height:30px;font-weight: bold;padding-top: 2px; display: none; } /*DEN TO XRISIMOPOIW EDW, TO XRHSIMOPOIW MONO GIA TO YPSOS*/ .list_products div.pr_price{ color:#000; text-align:center; min-height:25px; font-weight: bold;font-family: 'Roboto', serif; font-size: 16px} .list_products div.previous_price{ text-decoration:line-through; color:#999; font-weight:normal; font-size:15px; min-height: 30px;font-family: 'Roboto', serif;text-align: center} .list_products div.outofstock{color: #222;text-align: center;min-height: 25px;font-weight: bold;font-family: 'Roboto Mono', serif;font-size: 15px;} a.button2{ display:block; text-align:center; width:100%; height:50px; padding: 10px;font-size: 15px;font-weight: normal; text-decoration:none; font-family: 'Roboto Mono', sans-serif; margin:0 auto; background-color:#deb868; color:#000; margin-top:5px; padding-top: 14px} #pages{ display:none} @media screen and (max-width: 1400px) {.list_products>li{width:calc(100% * 1/3 - 20px);}} @media screen and (max-width: 1000px) {.list_products>li{width:calc(100% * 1/2 - 20px);}} @media screen and (max-width: 700px) {.list_products>li{width:calc(100% - 20px);}} /**************************** LIST PRODUCTS **********************************************************/ /*******************************************DETAILS PRODUCTS PAGE ***************************************/ /**********PRODUCT INTEREST FORM *********************************/ #form_product_wrapper{ width:auto; max-width:95%; width:500px; min-height:300px; height:auto; background-color:#fff; position:relative; margin:0 auto; border-radius:3px; padding:20px; z-index:10000; overflow: auto; margin-top:20px; overflow-y: auto; display: none; max-height: 100%; box-shadow:0 0 10px #000 } form {margin:0; padding:0} form h2{ line-height: 35px;line-height: 25px; font-weight: 700;font-family: 'Roboto', serif;letter-spacing: -0.1px;font-size: 20px;font-size: 18px; text-align: left;} form .line{margin-bottom:20px; margin-top:10px;} .form_field_wrapper{ width: 100%; display:inline-block; margin-bottom:10px; vertical-align:top;} .form_field_wrapper.area{ width: 100%;} form div.label {width:100%; margin-bottom:5px; color:#333; font-size:13px; margin-top:10px; text-align:left} form div.label>span {color: #D62020;} form input[type='text'], textarea, select{border: 1px solid #AAAAAA;width: 100%;border-radius: 2px 2px 2px 2px; height: 35px;color: #666666;padding: 5px; } form textarea{min-height:100px; height:auto;} form div.error_message{ text-align:left; color: #D62020;font-size: 13px;margin-top: 5px;margin-bottom: 10px;display: none; } div.g-recaptcha{ margin-top:10px; margin-bottom:10px; } form a.button{width: 130px;height: 40px;background-color: #000;color: #fff;text-align: center;padding-top: 10px;display: block;cursor: pointer;margin-bottom: 15px; margin-top:20px;font-size: 14px;font-weight: 400;font-family: 'Roboto Mono', sans-serif;} /**********PRODUCT INTEREST FORM *********************************/ .details_wrapper{max-width: 1600px; padding:0 20px; margin: 0 auto;margin-bottom: 20px;min-height: 300px; } #details_left{ /*width:600px;*/ min-height:500px; float:left; width: calc(100% - 840px); position: relative } #details_right{/*width:calc(100% - 700px);*/ min-height:550px; float:right; width: 740px; } #prev_next_item{width:100%; min-height:20px; height:auto; margin-bottom:50px; font-size:15px; margin-top:50px; } #prev_next_item a{color:#222; font-family: 'Roboto Mono', serif; font-weight: 400;font-size: 13px} #prev_next_item a:hover{text-decoration:none;} #prev{float:left; position: relative; height: 30px; display: inline-block} #next{float:right; position: relative; height: 30px; display: inline-block} .preview_product{position: absolute; top:20px; left: 0; width: 300px; min-height: 150px; height: auto; background-color: #fff; border: 1px solid rgba(0,0,0,0.1); text-align: center; padding: 10px; padding-top: 5px;box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2); display: block; display: none; z-index: 1} .preview_product.next{left:inherit; right: 0} .preview_product img{width: 120px; height: auto;border: 1px solid rgba(0, 0, 0, 0.3);} .preview_product>span{display: block} .preview_product>span.title{color: #666;font-weight: normal; font-size: 13px; font-family: 'Roboto Mono', serif; margin-bottom: 5px;} .preview_product>span.previous_price{font-size: 13px;color: #666;margin-bottom: 5px; font-weight: normal;text-decoration: line-through} .preview_product>span.price{font-size: 14px;color: #000;margin-bottom: 5px; font-weight: bold;} /*************/ #continue_shopping{position:fixed;left:0; right:0; margin:0 auto; max-width:350px; height:auto; background-color:#fff; width:100%; top:50%; margin-top:-100px; box-shadow:0 0 30px rgba(0,0,0,0.8);z-index: 50000; padding:10px; display:none;} #continue_shopping>a{ font-size:13px; padding:15px 7px; font-family: 'Roboto Mono', serif; font-weight: 400 } #cont_shop1{float:left;color: #000; } #cont_shop2{float:right; background-color: #deb868;color: #fff;} /*************/ #first_thumb {display:none;} #first_image_wrapper{width: 100%; height: auto; position: relative; } #first_image{ width:100%; height:auto;/*border: 2px solid #f5f5f5; */ cursor:pointer; border: 1px solid rgba(0, 0, 0, 0.1); } #first_image.pointer{cursor:default} #thumbs_list{width:100%; height:auto; min-height:40px; list-style:none; margin-bottom:5px; margin-top: 5px; display: none; } #thumbs_list>li{margin:0; padding:0; float: left; width: calc(100% * 1/4 - 5px); margin-left: 2px; margin-right: 2px } #thumbs_list>li>a{display:block; margin:2px;border: 1px solid rgba(0,0,0,0.1); padding:0; width:100%; height:auto; } #thumbs_list>li>a>img{width:100%; height:auto; } #details_right h1{line-height:30px; text-align:left; margin-bottom:10px; font-weight: 700; /*font-family: 'Alegreya Sans', serif;font-size: 23px;*/ font-family: 'Roboto', serif; letter-spacing: -0.1px;font-size: 20px; } #details_right .pr_code{margin-top: 10px;font-size: 15px; margin-bottom:0px; color:#999; font-weight:400} /* #details_right .pr_code>span{font-weight: bold;font-family: 'Roboto Condensed', sans-serif;} #details_right .brand_name{color: #222;font-size: 17px;font-weight: normal;font-family: 'Roboto Condensed', sans-serif;margin-top: 5px; margin-bottom: 20px} #details_right .brand_name>span{font-weight: bold;} #details_right .hotoffer{ margin-top: -15px; margin-bottom: 20px; display: inline-block; height: 30px; margin-right: 5px} #details_right .hotoffer>span{width: 90px; height: 30px; background-color: #fbe108; color: #000; padding-top: 6px; font-size: 15px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; border: 1px solid #000; display: inline-block; text-align: center} */ #details_right .discount{width:90px; height: 30px; background-color: #000; color: #fff;padding-top: 5px; font-size: 17px; text-align: center; margin-bottom: 0px; font-weight:400; display: inline-block} #details_right .price{width:100%; height:30px; font-size:27px; font-weight:bold; color:#222; margin-bottom: 20px;} #details_right .price_previous{color:#999; font-size:19px; text-decoration:line-through; margin-left: 5px;vertical-align: 3px; display: block; font-weight: bold; min-height: 23px} /*#details_right .onesize{padding:10px 20px;background-color: #fbe108;color: #000;font-size: 15px;font-weight: bold;font-family: 'Roboto Condensed', sans-serif;border: 1px solid #000; text-align: center; display: inline-block}*/ #details_right .details{color: #222;font-size: 15px;line-height: 22px; margin-top: 30px; margin-bottom:10px; min-height: 40px;} #details_right .details>p{margin-bottom:15px; font-family: 'Roboto Mono', serif;font-size: 16px;line-height: 30px;} #details_right ul{list-style-position: inside} #details_right .select_size{color:#666; font-size: 14px; font-weight: bold; margin-bottom: 10px} .buttons_wrapper{margin-top:5px;} .button1{display:block; width:auto; background-color:#000; color:#fff; font-size: 14px;padding: 10px 20px; padding-top: 12px;min-height: 40px;box-sizing: border-box; margin-bottom: 3px; text-align:center} .button1:hover{ color:#fff; text-decoration:none;} .button1.basket{width:100%; background-color:#deb868; color: #fff; text-align: center; padding:20px;margin-bottom: 20px;border:1px solid #deb868;/*font-weight:800 ;font-family: 'Alegreya Sans', serif; font-size: 17px*/ font-family: 'Roboto', serif;font-size: 17px;font-weight: 900; letter-spacing: -0.2px} .button1.basket:hover{ background-color: #fff; border: 1px solid rgba(0,0,0,0.5); color: #222} #basket_button>span{vertical-align: 3px} .button1.wish{width:300px; float:left; background-color: #fff; color: #222;border:1px solid #fff; border-right: 1px solid #999; /*font-size: 17px; font-family: 'Alegreya Sans', serif;font-weight:800;*/ font-family: 'Roboto', serif;font-size: 17px;font-weight: 900; letter-spacing: -0.2px} .button1.wish:hover{ color: #deb868 } .button1.wish:hover span{animation: heart-pulse2 0.6s infinite ease-out;} .button1.info{width:calc(100% - 350px); float:right;background-color: #fff; color: #222;border:1px solid #fff; /*font-size: 17px; font-family: 'Alegreya Sans', serif;font-weight:800;*/ font-family: 'Roboto', serif;font-size: 17px;font-weight: 900; letter-spacing: -0.2px} .button1.info:hover{ color: #deb868} .notavailable{margin-bottom: 10px;padding: 10px 0;color: #666;border-bottom: 1px solid #222; text-align: center; /*font-size: 17px; font-family: 'Alegreya Sans', serif;font-weight:800;*/ font-family: 'Roboto', serif;font-size: 16px;font-weight: 900; } @media screen and (max-width: 1350px) { #details_left{width: calc(100% - 780px);} } @media screen and (max-width: 1250px){ #details_left{width: 400px} #details_right{width: calc(100% - 450px);} .button1.wish{width: 200px;} .button1.info{width: calc(100% - 200px);} .button1 {padding: 10px} .custom-select-wrapper{width: 200px !important} } @media screen and (max-width: 950px){ #details_left {float: none;width: 100%; min-height:100px !important} #details_right {float: none;width: 100%;margin-top: 10px;} } @media screen and (max-width: 550px){ #info_product, #wishlist_button{float:none; width: 100%} #basket_button{margin-bottom: 3px} .button1.wish{border-right: none} .custom-select-wrapper{width: 100% !important} /*#thumbs_list>li>a{width: 150px}*/ #thumbs_list>li{min-width: 105px;} } /******************************* RELATIVE PRODUCTS *************************/ #relative_title {text-align: left;font-weight: 400; color: #666; font-family: 'Roboto Mono', serif;font-size: 21px;margin-bottom: 40px;margin-top: 60px; } .relative_carousel{display:none; } .relative_products{position:relative; margin-bottom:20px; border:1px solid rgba(0,0,0,0.1); } .relative_products>span.wish{position: absolute;right: 10px; top:5px; color: #000; padding-top: 8px; cursor: pointer;padding: 5px;background-color: white;border-radius: 100%;box-shadow: 3px 3px 3px rgba(0,0,0,0.2); z-index: 10} .relative_products span.wish:hover{animation: heart-pulse2 0.6s infinite ease-out;} .relative_products>span.wish.on path{fill:#222} .relative_products>span.wish.on{color: #222} .relative_products img{width:100%; height:auto;} .relative_products div.brandname{ color:#999; font-size:15px; text-align:center; min-height:30px;font-weight: bold;padding-top: 2px; } .relative_products>a:nth-child(1){margin-bottom:5px; display:block; } .relative_products>a:nth-child(2){ display:block; text-align:center; font-size: 13px; min-height:65px; color:#222; font-weight:400;padding: 0 10px;font-family: 'Roboto Mono', serif;} .relative_products:hover a.button2, #index_part2 a.button2:hover { background-color:#6a8c25; color: #fff} .relative_products:hover, .relative_products.two:hover {border: 1px solid rgba(0,0,0,0.1); box-shadow: 1px 1px 11px #DDD;} .relative_products div.pr_code{ color:#9a9a9a; font-size:14px; text-align:center; min-height:20px; margin-top: 10px } .relative_products div.previous_price{text-decoration:line-through; color:#999; font-weight:normal; font-size:15px;text-align: center; min-height: 20px; font-family: 'Roboto', sans-serif;} .relative_products div.pr_price{ color:#000; font-size:16px; text-align:center; min-height:25px; font-weight: bold;font-family: 'Roboto', sans-serif;} /*.relative_products div.pr_price>span{ text-decoration:line-through; color:#9a9a9a; font-weight:normal; font-size:15px; margin-right:10px}*/ .relative_products div.outofstock{text-align: center;font-weight: bold;color: #222; min-height: 25px;font-family: 'Roboto Mono', sans-serif;font-size: 15px;} .relative_products div.discount{position:absolute; left:10px; top:10px; width:70px; height:30px; color:#fff; background-color:#000;font-weight: 400;font-size: 17px;text-align: center;padding-top: 3px;font-family: 'Roboto Mono', sans-serif;} /******************************* RELATIVE PRODUCTS *************************/ /*******************************************DETAILS PRODUCTS PAGE ***************************************/ /*************************FOOTER******************************************************/ #footer{ width:100%; height:auto; min-height:250px; padding:20px; text-align:center; color:#fff; font-size:13px; margin-top:0px; border-top: 1px solid rgba(255,255,255,0.1); position: relative; background-color: #000} /*#footer_wrapper{max-width: 1600px;padding: 20px 10px;margin: 0 auto;margin-bottom: 30px;min-height:250px; border: 1px solid red }*/ .footer_box{width: calc(100% * 1/5 - 4px);min-height: 230px; display: inline-block;box-sizing: border-box; text-align:center; line-height: 25px; margin: 10px auto; vertical-align: top; } .footer_box h2{margin-bottom: 10px; font-size: 22px; font-weight: 300; font-family: 'Roboto Mono', serif; text-align: center;padding: 10px;color: #ccc} .footer_box h2>a{color: #ccc} .footer_box h2>a:hover {color: #deb868; border-top:1px solid #deb868} .footer_box a.cat{display: block; color: #e5e5e5; font-size: 15px; line-height: 28px; font-family: 'Roboto Mono', serif; text-align: center;} .footer_box a.cat:hover{text-decoration: underline; color: #deb868} @media screen and (max-width: 1300px) { .footer_box{width: calc(100% * 1/3 - 4px);} } @media screen and (max-width: 800px) { .footer_box{width: calc(100% * 1/2 - 4px);} } @media screen and (max-width: 600px) { .footer_box{width: calc(100% - 4px); border-bottom: 1px solid rgba(255, 255, 255, 0.2); min-height: 0; padding-bottom: 20px; margin-top: 0; } .footer_box.last{border-bottom: none; padding-bottom: 10px} } #footer_last{ text-align:center; min-height:30px;position: relative; width: 100%; background-color: #222; color: #fff; padding: 5px 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); } #footer_last p{ margin:0 auto; text-align:center; color:#fff; font-size:13px;} /*************************FOOTER******************************************************/ /************************** MOBILE BUTTON *********************************/ #menu_mobile_button{position:absolute; right: 10px; top:50px; z-index:5000; display:none;} .hamburger { padding: 0; display: inline-block; display: block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.9; } .hamburger.is-active:hover { opacity: 0.9; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { /* width: 40px; height: 24px; */ width: 25px; height: 15px; display: inline-block; position: relative; margin-top:5px } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 2px; background-color: #fff; border-radius: 0px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: 6px; } .hamburger-inner::after { bottom: -10px; } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 6px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 12px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -12px, 0) rotate(-270deg); transition-delay: 0.075s; } /************************** MOBILE BUTTON *********************************/ /****************************************** MOBILE MENU *********************************************************/ #mobile_menu{ position:fixed; top:0; left:-100%; width:100%; height:100%; background-color:rgba(255,255,255,1); overflow:auto; padding-bottom:40px; text-align:center; z-index:3000; opacity:0; -ms-transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s; -moz-transition:all 0.2s ease-in 0s; -o-transition:all 0.2s ease-in 0s; transition:all 0.2s ease-in 0s; } #mobile_menu.on{left:0; opacity:1} #logo_mob{width:250px; height:auto; margin:0 auto; margin-top: 10px; display:block} #mobile_menu>ul{ padding:0; margin:0; margin:0 auto; margin-top:20px; padding-bottom:40px; list-style: none; } #mobile_menu>ul>li{ margin-bottom:5px; font-family:'Roboto Mono', serif; } #mobile_menu>ul>li>a{ text-align:center; color:#000; font-size:24px; display:table; width:auto; margin:0 auto;padding:5px 20px;font-weight: 400; letter-spacing: 0px; line-height:24px;} #mobile_menu>ul>li>a.prtitle{color: #222;font-size: 16px;font-weight:bold; background-color:#fff; border: 1px solid #fff;} #mobile_menu>ul>li>a.prtitle:hover{ /*background-color:#6d9127; color:#fff*/ border: 1px solid #000;} #mobile_menu>ul>li>a.prtitle.on{background-color: #814592;color: #fff;} ul.mobile_submenu{ height:auto; display:none; margin-bottom:10px; margin-top:5px; list-style: none; } .mobile_submenu a{ color:#222; font-size:15px; margin:0 auto; text-align:center; margin-bottom:5px; width:auto; display:table; padding:8px 20px; line-height:20px; font-family: 'Roboto', serif;font-weight: 400; } .mobile_submenu a:hover{ background-color:#deb868; text-decoration:none; color: #fff } #mobile_lang_wrapper {width: 200px;text-align: center;margin: 0 auto;display: none;font-size: 20px;color: #666;} #mobile_lang_wrapper a {color: #222;font-size: 16px;display: inline-block;font-family: 'Roboto Mono', serif;} #mobile_lang_wrapper a.selected {font-weight: bold;} div.mob_line2{width: 50px;color: #222;border-top: 1px solid rgba(0, 0, 0, 0.3);margin: 0 auto;padding-bottom: 10px;} /*ul.mobile_submenu .line{margin:0 auto}*/ /****************************************** MOBILE MENU *********************************************************/ /******************************** LOGIN / REGISTER PAGE / ACCOUNT SETTINGS*********************************/ #boxes_wrapper{margin:0 auto; max-width:900px; margin-top:40px; padding-bottom: 50px} #login_box, #register_box, #passreminder_box, #guest_box, #register_wholesaler_box {background-color:#fff; width:440px; min-height:200px; display:block; padding:20px; text-align:left; vertical-align:top; border: 1px solid rgba(0,0,0,0.1); margin-bottom:20px; box-sizing:border-box;} #login_box, #guest_box{float:left;} #register_box{float:right;} /*#register_wholesaler_box{margin: 0 auto; max-width: 540px; margin-bottom: 40px; width: 100%}*/ #changepass_box{text-align:left} #login_box>div, #register_box>div, #passreminder_box>div, #guest_box>div { text-align:center; line-height: 35px;margin-bottom: 20px; font-weight: 400; /*font-family: 'Alegreya Sans', serif;font-size: 23px;*/ font-family: 'Roboto', serif;letter-spacing: -0.1px;font-size: 20px; } #passreminder_box{display:none; margin:20px auto; position:relative; margin-bottom: 100px} #passreminder_return{display:block; position:absolute; right:10px; top:10px;width: 25px;height: 25px;color: #000;text-align: center;font-size: 15px;padding-top: 3px;font-weight:bold; padding-left:0px} #pass_reminder_button{display:inline-block; font-size:14px; margin-top:20px; text-align: left; color:#666} #pass_reminder_button:hover{color:#deb868; font-weight: bold} #passreminder_return:hover{text-decoration:none; transform: rotate(45deg)} #register_form>div, #changepass_form>div{margin-top:20px;} #login_form input, #register_form input, #passreminder_form input, #changepass_form input, #guest_box input{ border: 1px solid #b8b8b8; height: 35px; padding: 10px; width: 100%; box-sizing:border-box;} #changepass_form input{margin-top: 5px} #changepass_submit{margin-top: 20px !important} .error_msg{margin-top:5px !important; color:#D62020; display:none; } #login_form span, #register_form span, #passreminder_form span, #basket2_form span, #changepass_form span, #guest_box span { color:#e10808} #login_submit, #register_submit, #passreminder_submit, #changepass_submit, #register_wholesaler_submit, #guest_submit{margin-top: 20px;width: 100px !important;padding-top: 7px !important; cursor:pointer;font-size: 13px;font-weight: 400;font-family: 'Roboto Mono', serif; } #login_submit:hover, #register_submit:hover, #passreminder_submit:hover, #changepass_submit:hover, #guest_submit:hover {background-color:#000; color:#fff; border:1px solid #000} p.register{margin-top: 20px; line-height:20px; font-size: 15px} /*p.register_wholesaler{font-size: 16px;margin-top: 20px; text-align:justify; line-height:20px; font-weight: bold} p.register_wholesaler a{color:#689f38; text-decoration: underline} */ @media screen and (max-width: 950px) { #login_box, #register_box, #passreminder_box, #guest_box{ float:none; width:100%} #guest_box>p{text-align: center; font-size: 15px} #guest_submit{margin: 0 auto; display: block; margin-top: 40px} } /******************************** LOGIN / REGISTER PAGE / ACCOUNT SETTINGS*********************************/ /************* BASKET / WISHLIST PAGE********************/ .table_list{background-color:#fff; color:#000; width:calc(100% - 330px); min-height:200px; display:block; list-style:none; margin:0; margin:0 auto; position:relative; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom: 20px; float:left; border:1px solid rgba(0,0,0,0.1); border-radius:3px; box-sizing:border-box;margin-bottom: 10px; margin-bottom: 100px;} /*box-shadow: 0 0px 10px 3px rgba(0,0,0,0.1);*/ .table_list_top{margin-top:0px; font-size:20px; text-align:center} /* "Δεν έχετε προϊόντα στα αγαπημένα σας /"*/ .table_list_top.notempty{margin-top:0px !important; margin-bottom:40px;} .table_list_back{ margin-top:20px; text-align:left} .table_list_back>a{color:#000; font-weight:bold;} .table_list>li{text-align: left;padding-left: 10px;padding-top: 15px; padding-bottom:15px; margin-bottom:20px;} .line2{ display:block; width:100%; height:3px; border-top:1px solid rgba(0,0,0,0.2);} .table_list>li>a:nth-child(1){display:inline-block; width:20px; height:20px; text-align:center; font-size:14px; color:#000; padding-top:0px; box-sizing:border-box; vertical-align:middle; padding-left:1px;} .table_list>li>a:nth-child(1)>span{vertical-align: top} .table_list>li>a:nth-child(1):hover{ transform: rotate(90deg)} .table_list>li>a:nth-child(2){display:inline-block; border:1px solid #ccc; width:200px; height:auto; text-align:center; margin-left: 30px; vertical-align:middle;overflow: hidden;} .table_list>li>a:nth-child(2)>img{width:100%; height:auto;} .basket_item_wrapper{ width:calc(100% - 280px); float:right; min-height:20px; } .basket_pr_details_left{ float:left; width:200px; height:auto; word-break:break-word; box-sizing:border-box;} .basket_pr_details_left>a{color:#000} .basket_pr_details_right{float:right; width:calc(100% - 200px); box-sizing:border-box} @media screen and (max-width: 500px) { .basket_pr_details_right{ margin-top: -90px} } .basket_pr_details_left.wishlist{width:calc(100% - 80px);} .basket_pr_details_right.wishlist{width:80px; } .basket_item_wrapper>a.wishlist{width: calc(100% - 80px); } .basket_item_wrapper .basket_prcode{font-size: 13px;color: #666; display:block; margin-top: 5px} .basket_item_wrapper .basket_brand{font-size: 15px;color: #999; display:block; margin-top: 10px} .basket_item_wrapper .basket_size{font-size: 15px;color: #000; display:block; margin-top:20px; font-weight:bold} .basket_item_wrapper .basket_priceprevious{color: #666;font-size: 17px;text-decoration: line-through; } .table_list_qty{display: block;vertical-align: top; border: 1px solid rgba(0,0,0,0.2); float:right; width:100px} .table_list_minus{display:inline-block; width:30px; height:30px; text-align:center; font-size:20px; cursor:pointer } .table_list_qty input[type='text']{width: 30px;height: 35px;text-align: center; vertical-align:0; border:none;} .table_list_plus{display:inline-block; width:30px; height:30px; text-align:center;font-size:20px; cursor:pointer} .table_list_price{display:block; font-size:20px;vertical-align: top; float:right; margin-left:30px; margin-bottom: 10px;} .table_list_price>span{text-decoration:line-through; color: #666; font-size: 17px; text-align: right; display: block; } .table_list_price.wishlist{ margin-left:0;margin-top: -20px;text-align: right;} .small_total_list{background-color:#fff; color:#000; width:300px; min-height:100px; margin:0 auto; border-radius:3px; display:block; text-align:center; padding:20px; float:right; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; margin-bottom:40px; } .small_total_list.banners{padding:0; border:none;} .small_total_list.banners>a{margin-bottom:20px; display:block} .small_total_list.banners>img{margin-bottom:20px} .small_total_list.banners img{width:100%; height:auto; border: 1px solid rgba(0,0,0,0.1);} .small_total_list>div:nth-child(1){color:#666; font-weight: 700; font-family: 'Roboto', serif; letter-spacing: -0.1px; font-size: 20px; } .small_total_list>div:nth-child(2){color:#000;; font-size:25px; font-weight:bold; margin-top:10px; text-align: center} #to_basket2{text-align: center;width: 100%;display: block;margin-top: 10px;border-radius: 0px;padding: 5px 0;background-color: #000;color: #fff; border:1px solid #000; padding-top: 10px; min-height: 40px; font-family: 'Roboto Mono', serif; font-size: 14px} #to_basket2:hover{ background-color: #fff; color: #000 } @media screen and (max-width: 1000px) { .table_list{ float:none; width:100%;margin-bottom: 30px; } .small_total_list{width:100%;margin-bottom: 30px;} } @media screen and (max-width: 700px) { .table_list > li{padding-left:0} .table_list > li > a:nth-child(2) {width: 130px;height: auto; margin-left:10px} .table_list > li > a:nth-child(2)>img{width: 100%;height: auto;} .basket_item_wrapper{width: calc(100% - 170px); margin-right: -10px;} } @media screen and (max-width: 550px) { .table_list > li > a:nth-child(2) {width: auto} .table_list > li > a:nth-child(2)>img{max-width:80px;} .basket_item_wrapper{width: calc(100% - 120px);} .table_list {padding-left: 10px;} } @media screen and (max-width: 500px) { .basket_item_wrapper{ width:100%; float:none; margin-top:10px; padding-left:33px} } #right_basket{position: fixed;top: 0;right: -380px;width: 380px; max-width: 95%; height: 100%;background-color: rgba(255, 255, 255, 1);overflow: auto;text-align: left;padding-top: 20px;z-index: 30000; -ms-transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s; -moz-transition:all 0.2s ease-in 0s; -o-transition:all 0.2s ease-in 0s; transition:all 0.2s ease-in 0s; } #right_basket.on{right:0} #right_basket_button_close{display: inline-block;float: left;margin-left: 10px;color: #000;margin-bottom: 10px;padding: 7px 10px;border: 1px solid #fff;font-family: 'Roboto Mono', serif;background-color: #fff;} #right_basket_button_close>span{margin-right: 10px;vertical-align: 1px;transform: scale(0.9);} #right_basket_button_close:hover{text-decoration: underline;} #right_basket>div.title{ background-color: #f5f5f5; padding: 10px;color: #222;font-size: 14px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-weight: bold; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1);} #basket_top_list{list-style: none; padding: 0; } #basket_top_list>li{padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.2); text-align: left; position: relative} #basket_top_list>li>a:first-child{display:block; width: 80px;border: 1px solid rgba(0,0,0,0.2); float: left} #basket_top_list>li>a>img{width: 80px; height: auto; } #basket_top_list>li>div.right_part{width: calc(100% - 90px); min-height: 10px; display: block; float: right;vertical-align: top; text-align: left;font-size: 14px;color: #666; line-height: 20px} #basket_top_list span.pcs{display: block; font-size: 13px; font-weight: bold; margin-bottom: 5px} #basket_top_list span.price{display: inline-block; font-size: 17px; font-weight: 800; color: #222} #basket_top_list span.qty{font-size: 14px; font-family: 'Roboto', serif; color: #666; font-weight: 400; letter-spacing: -0.5px; margin-right: 10px;} /*#basket_top_list span.price_previous{display: inline-block; font-size: 15px; font-weight: 400; color: #666; text-decoration: line-through}*/ #basket_top_list .basket_top_delete{position: absolute; bottom: 10px; right: 10px; display: block; color: #000 } #right_basket div.smallbasket_total{ background-color: #f5f5f5; padding: 10px;color: #222;font-size: 14px;font-weight: bold; text-align: left;border-bottom: 1px solid rgba(0, 0, 0, 0.2);} #right_basket div.smallbasketbox_buttons{padding:20px 10px; text-align: center} #right_basket div.smallbasketbox_buttons>a{display: inline-block; margin-left: 15px; margin-right: 15px;color: #000; font-size: 13px; background-color: #fff; margin-bottom: 10px; border: 1px solid #000; height: 35px; padding: 10px;padding-top: 7px; font-weight: 400; font-family: 'Roboto Mono', serif; } #right_basket div.smallbasketbox_buttons>a:first-child:hover{color:#fff; background-color: #000;} #right_basket #tobasket{background-color: #000; color: #fff; font-weight: 700} #right_basket #tobasket:hover{color: #000; background-color: #fff} #basket_top_smallbox_empty{padding: 20px 10px; text-align: center; font-weight: bold} /************* BASKET / WISHLIST PAGE********************/ /*************** BASKET 2 *********************/ .basket2_left{vertical-align:top; float: left;width: calc(100% - 330px); min-height: 400px;display: block;margin: 0 auto;position: relative;padding: 20px;border: 1px solid rgba(0,0,0,0.1);border-radius: 3px; margin-bottom: 10px;box-sizing: border-box;} .basket2_right{background-color: #fff;color: #000;width: 300px;min-height: 100px;display: block;vertical-align: top;text-align: left;padding: 20px;float: right;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.1);border-radius: 3px; margin-bottom:40px;} .basket2_right>div:nth-child(1){color:#000; text-align:left; font-size:20px; margin-bottom:10px} .bsk2right{margin-bottom: 10px;} .bsk_small_item{ font-size:14px; margin-bottom: 10px;} .bsk_small_item>a{color:#000; display: inline-block; margin-bottom: 5px} .bsk_small_item>div{color: #800;float: right;font-weight: bold;} .bsk_small_item span{font-size:13px; color:#666} .bsk_right_l1{ margin-top:40px; margin-bottom:5px; line-height: 15px;} .bsk_right_l1 span{color:#800000; float:right; font-weight:bold;} .bsk_right_fpa{ margin-top:5px; margin-bottom:5px; line-height: 15px;} .bsk_right_fpa span{color:#800000; float:right; font-weight:bold;} .bsk_right_fpa_msg{font-size: 13px;margin-top: -5px;color: #999;} .bsk_right_pontoi{font-size: 14px;color: #222; font-weight: bold; margin-top: 30px} .bsk_right_pontoi span{ float:right} .bsk_right_pontoi a{display: block; text-align: left; font-weight: bold; color: #009846; border-bottom: 1px solid rgba(0,0,0,0.2); margin-top: 10px; margin-bottom: 5px} .bsk_right_l2{ margin-top:0px; margin-bottom:5px; line-height: 15px;} .bsk_right_l2 span{color:#800000; float:right; font-weight:bold;} #right_span_0{display:none;} #bsk_right_antikatavolh{display:none;} .bsk_right_l3{ margin-top:40px; margin-bottom:5px;} .bsk_right_l3.de{font-size: 14px} .bsk_right_l3 span{color:#800000; float:right; font-weight:bold;} #basket2_form{text-align:left} #basket2_form div{margin-bottom: 5px;font-size: 13px;margin-top: 20px;} #basket2_form div.title{font-size: 20px; text-align:left; display:inline-block; border-bottom:1px solid rgba(0,0,0,0.4); padding-bottom:5px; padding-right:20px; margin-top:0; margin-bottom:0 } #basket2_form input{border: 1px solid #b8b8b8;height: 32px;padding: 10px;width: 100%; box-sizing: border-box;} #basket2_form #copy_receipt{ width: 20px; height: 20px; margin-left: 10px; display: inline-block; vertical-align: -5px} #basket2_form .copy_from{color: #000; font-weight: bold; font-size: 14px; } /************************* CUSTOM RADIO BUTTON *******************************************/ /* The container */ .container {display: inline-block;position: relative;padding-left: 35px;cursor: pointer;font-size: 16px;padding-top:3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-right:20px;min-height: 26px;margin-top: 5px;margin-bottom:5px;width:auto;box-sizing:border-box;} /* Hide the browser's default radio button */ .container input {position: absolute;opacity: 0;cursor: pointer; width:1px !important;} /* Create a custom radio button */ .checkmark {position: absolute;top: 0;left: 0;border: 1px solid rgba(0,0,0,0.5);height: 25px;width: 25px;background-color: #eee;border-radius: 50%; } /* On mouse-over, add a grey background color */ .container:hover input ~ .checkmark {background-color: #d2d2d2;} /* When the radio button is checked, add a blue background */ .container input:checked ~ .checkmark {background-color: #000;} /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after {content: "";position: absolute;display: none;} /* Show the indicator (dot/circle) when checked */ .container input:checked ~ .checkmark:after {display: block;} /* Style the indicator (dot/circle) */ .container .checkmark:after {top: 6px;left: 6px;width: 11px;height: 11px;border-radius: 50%;background: white;} @media screen and (max-width: 600px) { .checkmark{top:10px} } /************************* CUSTOM RADIO BUTTON *******************************************/ #disprosites {color: #222;font-size: 15px;margin-top: 20px;} #disprosites>label {font-weight: bold;color: #800000;margin-bottom: 10px;display: block;} #receipt_wrapper,#invoice_wrapper, #payment_wrapper, #address_wrapper{ margin-bottom:20px !important} #invoice_wrapper{display:none;} #payment_wrapper>div.title{ margin-bottom:20px;} #dorean_metaforika{color:#800;margin-top:-10px !important;font-size: 16px !important;font-weight: bold;margin-bottom:20px !important;} .basket2_town{ width:calc(100% - 150px); float:left; margin-top:0 !important} .basket2_ps{width:100px; float:right; margin-top:0 !important} #payment_method_wrapper1, #payment_method_wrapper3{margin:0 !important} .bsk3{text-align:center; color:#222; font-size: 30px;margin-bottom: 40px;} .bsk4{color: #444;font-size: 16px;line-height: 30px; text-align:center} #basket2_button{width:200px; background-color: #000; color: #fff;font-weight: bold; border: 1px solid #000; font-size: 16px; padding-top: 13px; font-family: 'Roboto Mono', serif} #basket2_button:hover{background-color: #fff; color: #000} /*#basket2_button:hover{font-size: 19px}*/ #basket_terms_wrapp{width:100%; text-align:left; height:auto; margin-bottom:20px !important;font-size:15px !important;} #basket_terms_check{display: inline-block !important;vertical-align: -2px;height: 13px !important;padding: 0 !important;width: 20px !important;margin-left: 10px; } #basket_terms_wrapp>a{text-decoration:underline; color:#800000; } #comments{margin-top: 20px;} @media screen and (max-width: 800px) { .basket2_right{float:none; width:100%; margin-bottom:20px} .basket2_left{float:none; width:100%;} } /********************** BASKET 2 *****************************************************/ /********************************** ORDERS PAGE *********************************/ .orderslist_left{vertical-align:top; float: left;width: calc(100% - 330px); min-height: 400px;display: block;margin: 0 auto;position: relative;padding: 20px;border: 1px solid rgba(0,0,0,0.1);border-radius: 3px; margin-bottom: 100px;box-sizing: border-box; text-align:left} .order_list{width:100%; min-height:40px; border-bottom:1px solid rgba(0,0,0,0.4); margin-bottom:20px; display:block; padding-bottom:20px; } .order_list div.one{font-size:15px; line-height:20px} .order_list div.one>span{font-weight:bold;} a.orderbutton{display:inline-block; width:auto; background-color:#000; padding:10px 20px; text-align:center; color:#fff; margin-top:10px; font-family: 'Roboto Mono', serif; /*font-weight: 800;font-size:14px;*/ font-size: 13px;font-weight: 400; } a.orderbutton:hover{text-decoration:none; background-color:#000; color:#fff;} .order_details{ margin-top:20px; display:none;} .order_details>div.two{font-size:15px; line-height:20px} .order_details>div.two>span{font-weight:bold;} .order_details>div.two.pr1{margin-top:10px; margin-bottom:25px; } .order_details>div.two.pr1>span{padding-right:20px; padding-bottom:3px; border-bottom:1px solid rgba(0,0,0,0.3);margin-bottom: 10px;display: inline-block;} .order_table{display:block; margin-bottom:5px; margin-top:10px; } .order_table .img{max-height:80px; width:auto; } .order_table>div.ord{font-size: 14px;} .order_table>div.ord>a{display:block; font-weight:bold; color:#222} .order_table>div.ord:nth-child(1){margin-right:10px; text-align:center; float:left; border: 1px solid rgba(0,0,0,0.2); vertical-align: top;} .order_table>div.ord:nth-child(2){margin-right:70px; text-align:left; float:left; min-width: 160px; max-width: 300px} .order_table>div.ord:nth-child(3){margin-right:70px; text-align:center; float:left} .order_table>div.ord:nth-child(4){margin-right:0px; text-align:center; float:left} .order_table>div.ord:nth-child(5){margin-right:0px; text-align:center; float:right} .order_table>div.ord>span{font-size:13px; color:#999} .order_table>div.ord>span.b{ color:#000;} div.order_title{ margin-top:10px; margin-bottom:10px; font-size:15px; font-weight:bold} .order_table>div.ord>div{font-weight:bold; margin-bottom:10px; } .order_table>div.ord span.only799{display:none} @media screen and (max-width: 1300px) { .order_table>div.ord:nth-child(2) {margin-right: 30px; max-width: 250px} } @media screen and (max-width: 1250px) { .order_table>div.ord:nth-child(3) {margin-right: 20px;} } @media screen and (max-width: 1150px) { .order_table .img{max-height: 70px} .order_table>div.ord:nth-child(2){margin-right: 10px;max-width: 200px;margin-left: -10px} .order_table>div.ord:nth-child(3) {margin-right: 10px;} .order_table .img{display: none} } @media screen and (max-width: 1000px) { .orderslist_left{float:none; width:100%;} .order_table .img{display: block} .order_table>div.ord:nth-child(2){margin-left: 0; margin-right:30px} .order_table>div.ord:nth-child(3){margin-right:40px} } @media screen and (max-width: 800px) { .order_table>div.ord:nth-child(1){display: inline-block} .order_table>div.ord:nth-child(2){display: inline-block;text-align: left !important;margin-left: 10px;} .order_table>div.ord:nth-child(3){display: block;text-align: left !important;} .order_table>div.ord:nth-child(3)>div {display: inline-block;} .order_table>div.ord:nth-child(4){display: block;text-align: left !important;} .order_table>div.ord:nth-child(4)>div {display: inline-block;} .order_table>div.ord:nth-child(5){display: block;text-align: left !important;} .order_table>div.ord:nth-child(5)>div {display: inline-block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.2);} .order_table>div.ord{float:none !important; text-align:center !important; margin-right:0 !important} .order_table>div.ord span.only799{display:inline-block} .order_table>div.ord>div {margin-bottom:0px;} } /********************************** ORDERS PAGE *********************************/ /************************************ INFO PAGES ***************************************/ .main_wrapper_inner.varpages{padding: 20px 0px; padding-bottom: 200px; max-width: 1600px} h1.varpages{font-weight: 700;font-family: 'Roboto', serif;letter-spacing: -0.1px;font-size: 20px;} /* AN ΘΕΛΩ ΝΑ ΤΑ ΕΧΩ ΣΕ 2 ΜΕΡΗ */ /* #info_label{margin-bottom: 20px;font-weight: bold;border-bottom: 1px solid rgba(0,0,0,0.4);padding-bottom: 5px;font-size: 18px; width:100%;} #info_list{list-style:none; padding-bottom:20px} #info_list>li{margin-bottom: 10px;border: 1px solid rgba(0, 0, 0, 0.4); } #info_list>li>a{font-size: 16px;padding: 20px 10px;font-weight: bold; color: #222; display: block} #info_list>li>a:hover{color:#fff; font-weight: bold;background-color: #1c9b41;} #left_part{ width:280px; float:left; min-height:100px; margin-bottom: 30px; text-align:left; position: relative; } #right_part.varpages {width: calc(100% - 320px);float: right;} @media screen and (max-width: 1000px) { #left_part {position: relative !important;top: 0 !important;width: 100%;min-height: inherit;} #right_part{width: 100% !important; float: none } } */ /************************************ INFO PAGES ***************************************/ /*********************** CONTACT PAGE *****************************/ #contact_left{ width:calc(100% - 330px); min-height:200px; display:block; list-style:none; margin:0; margin:0 auto; position:relative; padding:20px; float:left; margin-bottom: 100px;} h1.contact { font-weight: 700; font-family: 'Roboto', serif; letter-spacing: -0.1px; font-size: 20px; margin-bottom: 5px;margin-top: -20px;text-align: left;} .line_contact{border-top:1px solid #bbb; width: 100px; height: 3px; margin-bottom: 30px} @media screen and (max-width: 1000px) { #contact_left{ width:100%; float: none; padding: 20px 0} } /*************CONTACT******************/ /***************** ELEVATE ZOOM PLUS ****************************/ #zoom_main{width: 100% !important; height: auto !important; cursor: pointer; border: 1px solid rgba(0,0,0,0.1)} #zoom_thumbs { margin-top:20px; width:100%; padding-top:5px; } #zoom_thumbs.hide{display: none !important} #zoom_thumbs>a{display: block; float: left;width: calc(100%* 1 / 4 - 5px);margin-left: 2px;margin-right: 2px; margin-bottom: 5px;} #zoom_thumbs img { width:100%; height:auto; padding: 0; margin: 0 } #zoom_thumbs .active img{border:2px solid #666 !important;} /***************** ELEVATE ZOOM PLUS ****************************/ .blog_list_item{min-height: 420px; width:calc(100% * 1/3 - 35px); vertical-align: top; margin-left: 15px; margin-right: 15px; margin-bottom: 40px; box-shadow: 0 0 13px rgb(0 0 0 / 40%); display: inline-block} .blog_list_item>img{width: 100%; height: auto; border-bottom: 1px solid rgba(0,0,0,0.1)} .blog_list_item>h2{margin-top: 15px; padding-left: 10px; padding-right: 10px;color: #000;text-align: center; min-height: 50px;font-weight: 600;font-family: 'Roboto', serif;letter-spacing: -0.1px;font-size: 18px;} .blog_list_item>div.date{color:#666; font-size: 15px; padding-left: 10px; margin-bottom: 10px; text-align: center; font-weight: bold; margin-top: 5px} .blog_list_item p{ margin-left: 10px; font-size: 14px; margin-right: 10px; line-height: 22px} .blog_list_item .more{text-align: center;padding: 10px; width: 150px; margin: 10px auto; margin-bottom: 30px; font-size: 15px; background-color:#deb868; border: none; color: #000; font-family: 'Roboto Mono', sans-serif; } .blog_list_item:hover .more{background-color:#6a8c25; color: #fff} @media screen and (max-width: 1150px) { .blog_list_item{width:calc(100% * 1/2 - 35px); min-height: 200px } .blog_list_item .more{ margin-bottom: 20px} } @media screen and (max-width: 700px) { .blog_list_item{width:calc(100% - 35px); } } /************************************/ #weballey_cms_relative{display: none;} h1.blog{line-height: 35px;text-align: left;margin-bottom: 10px;font-weight: normal;} .blog_details_image{width: 100%; height: auto; margin:40px auto; margin-top: 0} #blog_wrapper.details>div.date{text-align: left;font-size: 17px;color: #666; margin-bottom: 40px} /************************ KATALOGOS ***********************************/ .catalogue_link{display: inline-block; width:calc(100% * 1/3 - 40px); height: auto; margin-left: 10px; margin-right: 10px; margin-bottom: 20px} .catalogue_link>img{ width: 100%; height: auto; border: 1px solid rgba(0, 0, 0, 0.2);} .catalogue_link>div{color: #333;font-weight: bold;font-size: 15px;margin: 10px auto;text-align: center;} .catalogue_link:hover img{box-shadow: 1px 1px 11px #DDD;} @media screen and (max-width: 1000px) { .catalogue_link{width:calc(100% * 1/2 - 40px);} } @media screen and (max-width: 600px) { .catalogue_link{width:calc(100% - 20px);} } /************************ KATALOGOS ***********************************/