body,
html { width: 100%;
height: 100%; }
body {
font-family: 'Arial'!important;
font-weight: 400;
color: #000;
font-size: 14px;
line-height: 20px;
width: 100%;
height:100%;
padding:0px 15px;overflow-x:hidden;
background:#fff;
}
video {
object-fit: fill;
width: 100%;
}
p {font-size: 14px;font-weight: 500;
color: #000;
line-height: 19px;
width: 100%;}
h1, h2, h3, h4, h5, h6 {
color: #000;
}
h2 {color: #000;font-family: 'Arial';font-size: 23px;padding-bottom:25px;}
/* Override the bootstrap defaults */
h1 {
font-size: 33px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10.2px;
}
a {
color: #000;
}
a:hover {
text-decoration: none!important;color: #666;
}
a:active, a:focus {
outline: 0;
border: none;
-moz-outline-style: none;text-decoration: none;color:#666;
}
button:focus { outline: none!important;-moz-outline-style: none;border: none;}
button:active {outline: none!important;-moz-outline-style: none;border: none;}
legend {
font-size: 18px;
padding: 7px 0px;font-family: 'Arial';
}
label {
font-size: 12px;
font-weight: normal;
}
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
font-size: 12px;border-radius:80px;border:none;background:#F2F2F2;font-weight:400;font-size:14px;color:#000;line-height:21px;padding:11px 22px!important;
}
select.form-control{
border-right: 16px solid transparent!important
}
.well select.form-control,
.well textarea.form-control,
.well input[type="text"].form-control,
.well input[type="password"].form-control,
.well input[type="datetime"].form-control,
.well input[type="datetime-local"].form-control,
.well input[type="date"].form-control,
.well input[type="month"].form-control,
.well input[type="time"].form-control,
.well input[type="week"].form-control,
.well input[type="number"].form-control,
.well input[type="email"].form-control,
.well input[type="url"].form-control,
.well input[type="search"].form-control,
.well input[type="tel"].form-control,
.well input[type="color"].form-control {
font-size: 12px;border-radius:80px;border:none;background:#fff;font-weight:400;font-size:14px;color:#000;line-height:21px;padding:11px 22px!important;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size: 12px;
}
.input-group .input-group-addon {
font-size: 12px;
height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}
.nav-tabs {
margin-bottom: 15px;
}
.container { max-width: 100% !important;}
#selidaoverlay {
position:fixed;
top:0;left:0;
width:100%;
height:100%;
background:rgba(255,255,255,1);
z-index:100;
display:none;
}
.selidaoverlayon {display:block!important; }
/* top */
.headertop {position:relative;width:100%;background:#fff;padding:15px 15px;border: 1px solid #989898;z-index:1030!important;}
.nomargin {margin-bottom:0px!important;}
.roweqheight {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.roweqheight > [class*='col-'] {
display: flex;box-sizing: border-box;
flex-direction: column;border: 1px solid #EFEFEF;padding:70px 60px;
}
.section-center__full h2 {text-align:left!important;width:100%!important;margin:0 0!important; display: block!important;}
.two-col .col-1 p img {width:100%!important;height:auto!important;}
@media (max-width: 991px) {
.roweqheight { display: block;}
.roweqheight > [class*='col-'] {padding:30px 20px;}
}
.header {position:relative;width:100%;padding:12px 0 12px 0;}
@media (max-width: 856px) {
.header {padding:15px 0 0px 0;}
}
.menholdermob {display:none;}
.srchholdermob {display:none;}
.logohold {width:20%;float:left;}
.searchhold {width:60%;float:left;}
.righthold {width:20%;float:left;}
.menupc {background:#BE1E2D;margin-top:13px;}
.logo {display:block;float:left;z-index:11110;position:relative;margin-right:35px;margin-top:3px;}
.tile{font-weight:700;font-size:12px;color:#3F3F3F;float:left;margin-top:12px;}
@media (max-width: 1652px) {
.logohold {width:25%;float:left;}
.searchhold {width:50%;float:left;}
.righthold {width:25%;float:left;}
}
@media (max-width: 1101px) {
.logohold {width:25%;float:left;}
.searchhold {width:55%;float:left;}
.righthold {width:20%;float:left;}
}
@media (max-width: 857px) {
.menholdermob {width:15%;float:left;display:block;}
.logohold {width:70%;float:left;}
.righthold {width:15%;float:left;}
.searchhold {display:none;}
.srchholdermob {display:block;margin-top:25px;}
.menugiapc {display:none;}
.logo {text-align:center;margin:0 0 0 0;float:none;width:100%;}
.tile2 {display:none!important;}
}
@media (max-width: 1404px) {
.tile{font-size:0px;}
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px!important;
color:#fff!important;
font-weight:700!important;
font-size:13px!important;
}
.nav > li > a:hover {background:#e84c59;}
.nav > li > a:focus {background:#e84c59;}
.nav > li > a:focus {background:#e84c59;}
.dropdown-inner ul li a { display:block;padding: 10px 15px!important;color:#fff!important;}
.dropdown-inner ul li a:hover {color:#ccc!important;}
.menugiapc .see-all{ display:block;padding: 20px 15px 15px 15px!important;color:#fff!important;text-align:center;border-top:1px solid #ccc;}
.menugiapc .see-all:hover {color:#ccc!important;}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 260px;
padding: 15px;
margin: 2px 0 0;
margin-top: 2px;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #be1e2d;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.menholder {position:absolute; text-align:left;top:0px;left:-15px;z-index: 999999;padding-bottom:10px;}
.smallinks {display:block;float:left;margin-left:270px;padding-top:3px;}
.v_menu_trigger {display:block;float:left;font-weight: 700;font-size: 14px;z-index:200;color: #FFFFFF;cursor:pointer;background:#BE1E2D;border-radius: 4px;padding:0 20px 0 0;height:40px;cursor:pointer;position: relative;margin-top:0px;}
.v_menu_trigger span {
background: #fff;
border: none;
color:#fff;
height: 2px;
width: 0px;
position: absolute;
top: 0px;
left: 12px;
transition: all .35s ease;
cursor: pointer
}
.leksi {color:#fff!important;font-weight: 700;font-size:14px!important; top:auto!important;left:auto!important;position: relative!important;float:left!important;margin-top:8px; margin-left:50px;width:73px!important; background: transparent!important;}
.v_menu_trigger span:nth-of-type(1) {
top: 11px;
width:18px;
}
.v_menu_trigger span:nth-of-type(2) {
top: 18px;
width:18px;
}
.v_menu_trigger span:nth-of-type(3) {
top: 25px;
width:18px;
}
.v_menu_trigger.active .top {
-webkit-transform: translateY(7px) translateX(0) rotate(45deg);
transform: translateY(7px) translateX(0) rotate(45deg);
}
.v_menu_trigger.active .middle {
-webkit-transform: translateY(-0px) translateX(0) rotate(-45deg);
transform: translateY(-0px) translateX(0) rotate(-45deg);
}
.v_menu_trigger.active .bottom {display:none;}
.v_menu_trigger.active {color:#ccc!important;}
.v_menu_trigger:hover {color:#ccc!important;}
.menulink {float:left;font-weight: 700!important;font-size: 14px!important;color: #000!important;padding:7px 26px 8px 0px!important;margin-top:0px!important;}
#navbarDropdown img {width:20px;position:absolute;top:8px;right:5px;}
.smallinksmen {list-style-type:none!important;}
.navbar-nav li:hover .dropdown-menu {
display: block;
}
.navbar-nav li a .dropdown-menu a .dropdown-menu {
display: none!important;background:#ccc!important;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
text-decoration: underline;
transform: rotate(-90deg);
}
.todeksia {position:relative;width:80%;float:right;text-align:right;padding:0px 0px 0 0;}
.logariasmos {
float:right;width:108px;margin:7px 20px 0 0!important;
display:block;padding:0px 0px;font-weight: 500;font-size: 12px;color:#3F3F3F;font-family: 'Arial';
}
.logariasmos:hover {color: #666!important;}
.logariasmos:hover img { -webkit-filter: invert(0.5); filter: invert(0.5);}
.mobile-left {display:none;}
.mobile-right {display:none;}
.brandlinkalt {position: relative!important;
background: #F5F5F5!important;
border-radius: 24px!important;
font-weight: 700!important;
font-size: 14px!important;
border:none!important;
padding: 11px 60px 11px 40px!important;
}
.brandlinkalt img {width:25px!important;position: absolute!important;top:8px!important;right:10px!important;}
.anazitisi {display:none;}
.front .menu1 {display:none;}
.front .menu2 {display:block;}
.informationpage .menu1 {display:none;}
.informationpage .menu2 {display:block;}
.menu1 {display:block;}
.menu2 {display:none;}
.dropdown-menu {}
/* search */
#search {
display:block!important;width:100%;position:relative;
}
#search input {
border: 0 !important;
background: #F2F2F2 !important;
border-top-left-radius: 24px!important;
border-bottom-left-radius: 24px!important;
border-top-right-radius: 0px!important;
border-bottom-right-radius: 0px!important;
float:left;
width:90%!important;
color: #000 !important;
box-shadow:0!important;
}
#search .input-lg {
height: 38px;
padding: 0 0px 0 10px!important;
}
#search .btn-lg {
font-size: 15px;
line-height: 18px;float:left;
width:10%!important;
padding: 0px 0px;
text-shadow: none; border: 0px !important;
background: #F2F2F2 !important;height:38px; box-shadow:0!important;
border-top-right-radius: 24px!important;
border-bottom-right-radius: 24px!important;
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px!important;
}
.choosecat {font-weight: 4500;font-size: 18px;color:#3F3F3F;font-family: 'Arial';padding:24px 0;text-align:center;}
.thesubcats {background:#F5F5F5;border-right:1px solid #fff;border-bottom:1px solid #fff;position:relative;padding:0 0 0 0;}
.thesubcats a {display:block;height:100%;min-height:100%;font-family: 'Arial';font-size: 16px;color:#3F3F3F;font-weight: 700;line-height:21px;transition: all 1s ease;}
.thesubcats a:hover {background:#BE1E2D;color:#fff;transition: all 1s ease;}
.catban {display:block;float:left;width:120px;height:120px;border-radius:50%;margin:10px;}
.cattiotle {display:block;float:left;padding-top:11%;width:130px;margin-left:20px;}
@media (max-width:767px) {
.catban {display:block;float:left;width:60px;height:60px;border-radius:50%;margin:10px;}
.cattiotle {padding-top:20px;}
}
/* cart */
.rowprods {
display: flex;
justify-content: space-between;
}
.rowprod1{flex-basis: 50%;
min-width: 0px !important;
box-sizing: border-box;
position: relative;}
.rowprod2{flex-basis: 50%;
min-width: 0px !important;
box-sizing: border-box;
position: relative;}
.sloganhome {font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;letter-spacing: 0.06em;color: #FFFFFF;background: #EA0006;padding:29px 25px;margin-top:20px;}
.sloganhome p {font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;letter-spacing: 0.06em;color: #FFFFFF;background: #EA0006;margin:0;}
.sloganhome p a {font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;letter-spacing: 0.06em;color: #FFFFFF;background: #EA0006;margin:0;}
.slidertop1 {display:block;background-repeat:no-repeat;background-position:50% 0;background-size:cover;padding:0 0;position:relative;width:100%; padding:20% 0;}
.slidertop1 .stitle {width:400px;position:absolute;padding:40px 50px 40px 25px;display:block;bottom:0px;left:0px;background:rgb(165, 165, 165, .5);border-top-right-radius:80px;font-weight: 400;font-size: 42px;line-height: 52px;color: #FFFFFF;transition: all 1s ease;}
.slidertop1 .stitle span {display:block;font-weight: 400;font-size: 16px;line-height: 22px;color: #FFFFFF;margin-top:23px;}
.slidertop1 .stitle:hover{background:rgb(165, 165, 165, .9);transition: all 1s ease;}
@media (max-width: 1400px) {
.slidertop1 {padding:25% 0;}
}
@media (max-width: 1064px) {
.slidertop1 {padding:30% 0;}
.slidertop1 .stitle {font-size: 32px;line-height: 42px;}
}
@media (max-width:800px) {
.slidertop1 {padding:45% 0;}
.slidertop1 .stitle {font-size: 32px;line-height: 42px;}
}
@media (max-width:736px) {
.slidertop1 {padding:45% 0;}
.slidertop1 .stitle {width:70%;font-size: 24px;line-height: 32px;padding:20px 20px 20px 15px;}
.slidertop1 .stitle span {margin-top:10px;}
}
@media (max-width:580px) {
.slidertop1 {padding:50% 0;}
.slidertop1 .stitle {width:70%;font-size: 24px;line-height: 32px;padding:20px 20px 20px 15px;}
.slidertop1 .stitle span {margin-top:10px;}
}
.deite {background:#fff;border-radius:24px;color:#3F3F3F!important;padding:14px 0;text-align:center;font-weight: 400;font-size: 13px;display:block;margin-top:40px;}
.slidertop1 .stitle:hover .deite {background:#be1e2d;border-radius:24px;color:#fff!important;transition: all 1s ease;}
.top1 {display:block;background-repeat:no-repeat;background-position:0 0;background-size:cover;padding:45% 0;position:relative;margin-bottom:12px;}
.top1 .mid1title {padding:28px 40px 28px 25px;width:45%;position:absolute;bottom:0;left:0;background:rgb(165, 165, 165, .5);border-top-right-radius:80px;font-weight: 400;font-size: 32px;line-height: 38px;color: #FFFFFF;transition: all 1s ease;}
.top1 .mid1title:hover{background:rgb(165, 165, 165, .9);transition: all 1s ease;}
.top1 .mid1title span {display:block;font-weight: 400;font-size: 16px;line-height: 22px;color: #FFFFFF;margin-top:23px;}
.top2 {display:block;background-repeat:no-repeat;background-position:0 0;background-size:cover;padding:45% 0;position:relative;}
.top2 .mid1title {padding:28px 40px 28px 25px;width:45%;position:absolute;bottom:0;left:0;background:rgb(165, 165, 165, .5);border-top-right-radius:80px;font-weight: 400;font-size: 32px;line-height: 38px;color: #FFFFFF;transition: all 1s ease;}
.top2 .mid1title span {display:block;font-weight: 400;font-size: 16px;line-height: 22px;color: #FFFFFF;margin-top:23px;}
.top2 .mid1title:hover{background:rgb(165, 165, 165, .9);transition: all 1s ease;}
.feturedhome {position:relative;border-top:1px solid #DCDCDC;}
.feturedhomeholder{width:80%;margin:0 auto;overflow-x:hidden;}
.top1 .mid1title:hover .deite {background:#be1e2d;border-radius:24px;color:#fff!important;transition: all 1s ease;}
.top2 .mid1title:hover .deite {background:#be1e2d;border-radius:24px;color:#fff!important;transition: all 1s ease;}
@media (max-width: 1240px) {
.top1 .mid1title {width:50%;font-size: 28px;line-height: 34px;}
.top2 .mid1title {width:50%;font-size: 28px;line-height: 34px;}
}
@media (max-width: 1050px) {
.top1 .mid1title {width:75%;font-size: 28px;line-height: 34px;}
.top2 .mid1title {width:75%;font-size: 28px;line-height: 34px;}
.top1 .mid1title span {margin-top:13px;}
.top2 .mid1title span {margin-top:13px;}
.deite {background:#fff;border-radius:24px;color:#3F3F3F!important;padding:9px 0;text-align:center;font-weight: 400;font-size: 13px;display:block;margin-top:30px;}
}
.mid1 {display:block;background-repeat:no-repeat;background-position:0 0;background-size:cover;padding:12% 0;position:relative;}
.mid1 span {width:268px;position:absolute;bottom:20px;left:24px;font-weight: 700;font-size: 20px;line-height: 24px;color: #FFFFFF;}
.mid1padding {padding:0px 2px 0 0!important;}
.mid2padding {padding:0px 0 0 2px!important;}
@media (max-width: 767px) {
.mid1padding {padding:0 0 0 0!important;margin-bottom:15px;}
.mid2padding {padding:0 0 0 0!important;}
}
@media (max-width: 814px) {
.rowprods { display: block;}
.rowprod1{ display: block;width:100%;padding:0 0 0 0!important;margin-bottom:15px;}
.rowprod2{ display: block;width:100%;}
}
#cart {
display:block;float:right;width:110px;position:relative;margin-top:7px;padding-right:0px;
}
#cart-total {
position:absolute;top:-10px;left:10px;
font-weight: 400;
font-size: 11px;
line-height: 10px;
color: #000;}
#cart span{margin-left:6px;margin-top:2px;float:left;}
#cart > .btn {
background: transparent !important;
padding:0px 0px 0px 0px!important;
border:0!important;text-align:left!important;display:block!important;
}
#cart .btn img {float:left;}
#cart.open > .btn {
background-image: none;
background: #000 !important;
border: 0!important;
font-weight:700;font-size:12px;color:#000;
box-shadow: none;
text-shadow: none;}
#cart .btn:hover {color: #666!important;}
#cart .btn:hover img {-webkit-filter: invert(0.5);filter: invert(0.5);}
#cart .dropdown-menu {
background: #eee;
z-index: 1001;
}
#cart .dropdown-menu {
min-width: 100%;
}
@media (max-width: 478px) {
#cart .dropdown-menu {
width: 100%;
}
}
#cart .dropdown-menu table {
margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
min-width: 427px;
padding: 0 10px;
}
@media (max-width: 478px) {
#cart .dropdown-menu li > div {
min-width: 100%;
}
}
#cart .dropdown-menu li p {
margin: 20px 0;
}
.giapcmen {display:none;}
html.oxiskroll, body.oxiskroll {overflow:auto;height: auto;}
.searchmob {display:none;}
.tile2 {display:none;}
@media (max-width: 1101px) {
.tile {display:none;}
.tile2 {display:inline-block;width: 35px;float:right;margin-top:7px;}
.todeksia {position:relative;width:65%;float:right;text-align:right;padding:0px 0px 0 0;}
.logariasmos {width: 35px;}
.menukeimeno span {display:none;}
#cart-total span {display:none;}
#cart {width:30px;}
.logariasmos {margin: 7px 10px 0 0 !important;}
.logariasmos { display:block;float:right;width:35px;}
.leksi { display:none!important;}
.v_menu_trigger {padding:0 20px 0 20px;}
}
@media (max-width: 857px) {
.logariasmos {display:none;}
}
@media (max-width: 827px) {
#selidaoverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,1);}
html.oxiskroll, body.oxiskroll {overflow:hidden;height: 100%;}
}
.table-striped {background-color:#5b5a5a!important;}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: #5b5a5a!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #c4c4c4;
}
.table-bordered {
}
.table-bordered > thead > tr > td {
border-bottom: 1px solid #000!important;
border-top: 1px solid #fff!important;
border-left: 1px solid #fff!important;
border-right: 1px solid #fff!important;
}
.table-bordered > tbody > tr > td {
border-bottom: 1px solid #ccc!important;
border-top: 1px solid #fff!important;
border-left: 1px solid #ccc!important;
border-right: 1px solid #ccc!important;
}
.cartdeksia{border-left:none!important;padding-bottom:20px;padding-top:20px;}
.checkoutright {border:1px solid #999;padding:15px 0px 0 0px;text-align:center;margin-top:83px;}
@media (max-width: 766px) {
.checkoutright {margin-top:0px;}
.cartaristera{padding-right:0px;}
.cartdeksia{border-left:none!important;padding-bottom:0px;padding-top:0px;}
}
.carteikona{width:20%;float:left;margin-right:10px;text-align:center;margin-left:20px;height:160px;}
.carteikona img {width:100%!important;}
.cartdets {width:65%;float:left;}
.carteikona2{width:70%;float:right;}
@media (max-width: 930px) and (min-width: 501px) {
.carteikona{width:15%;float:left;margin-right:20px;text-align:center;margin-left:20px;height:160px;}
.cartdets {width:65%;float:left;}
.carteikona img {width:90%!important;}
}
@media (max-width: 500px) and (min-width: 240px) {
.carteikona{width:30%;float:left;margin-right:0px;text-align:center;margin-left:0px;height:160px;}
.cartdets {width:65%;float:left;}
.carteikona img {width:90%!important;}
}
#button-coupon {padding:7px 10px!important;}
#button-quote {padding:10px 15px!important;}
/* content */
.barholder {position:relative;display:block;}
.bar {
position: relative;
width: 100%;
padding: 25px 0;
font-weight:500;
background-color: #000;
color: #fff;
font-size: 18px;
height:70px;
overflow:hidden;
}
.bar_content {
display: block; /* Important to give the content a width */
white-space: nowrap;
width: 100%;
transform: translateX(100%); /* Animation start out of the screen */
letter-spacing:1px;
/* Add the animation */
animation: move 30s linear infinite /* infinite make reapeat the animation indefinitely */;
}
/* Create the animation */
@keyframes move {
to { transform: translateX(-100%); }
}
@media (max-width: 665px) and (min-width: 240px) {
.bar_content { transform: translateX(100%); /* Animation start out of the screen */
letter-spacing:1px;
/* Add the animation */
animation: move 10s linear infinite /* infinite make reapeat the animation indefinitely */;}
@keyframes move {
to { transform: translateX(-100%); }
}
}
.selides {margin-top:30px;}
.slidedeksia {padding-left:80px;padding-top:80px;}
.slideshowtitle {max-width:351px;font-weight: 700;font-size: 32px;line-height: 38px;color: #000000;margin-bottom:25px;}
.slideshowdesc {max-width:351px;font-weight: 400;font-size: 16px;line-height: 19px;color: #000000;}
.slideshowdesc span {max-width:351px;font-weight: 700;font-size: 32px;line-height: 38px;color: #000000;margin-bottom:25px;display:block;}
.prosfora {font-weight: 700;
font-size: 12px;width:155px;
line-height: 16px;
text-align: center;
background: #FFD600;padding:2px;
color: #000000;margin-bottom:20px;}
.agorase {
display:block;
width:212px;
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.06em;
background: #EA0006;
padding:18px 0px;
color: #FFFFFF;margin-top:20px;}
@media (max-width: 766px) and (min-width: 240px) {
.slidedeksia {padding-left:20px;padding-top:30px;}
}
.agorase:hover {color:#ccc;}
.agorase:focus {color:#ccc;}
.home1 {padding:0;}
.home2 {padding:40px 35px;}
.home2hold {max-width:650px;padding:20% 0;}
.home2 h2 {font-weight: 600;font-size: 24px;padding:0 0 16px 0;color: #000000;border-bottom: 1px solid #E0E0E0;transition: all 1s ease;}
.home2 h2 a {display:block;transition: all 1s ease;}
.home2 h2:hover img {margin-right:10px;transition: all 1s ease;}
.home2 h2 img {float:right;}
.home2 p {font-weight: 500;font-size: 14px;line-height: 19px;color: #000000;margin-bottom:50px;width:80%;}
@media (max-width: 1244px) and (min-width: 741px) {
.home2hold {max-width:650px;padding-top:10% 0;}
}
@media (max-width: 740px) and (min-width: 220px) {
.home2hold {max-width:650px;padding-top:60px 0;}
}
.xartis {padding:40px 35px;background: #F5F5F5;}
.xartis a span {float:left;}
.xartis a img {margin-left:8px;margin-top:6px;transition: all 1s ease;float:left;}
.xartis a:hover img {margin-left:15px;transition: all 1s ease;}
.nslt {padding:40px 35px;background: #EBEBEB;}
.olivebranch {float:right;margin-bottom:97px;}
.nslt span{font-weight: 700;
font-size: 20px;
line-height: 27px;width:100%;
color: #000000;display:block;margin-bottom:32px;}
.nslt p {}
.tolink span {float:left;}
.tolink img {margin-left:8px;margin-top:-6px;transition: all 1s ease;}
.tolink:hover img {margin-left:15px;transition: all 1s ease;}
.tolink2 span {float:left;}
.tolink2 img {margin-left:8px;margin-top:-4px;transition: all 1s ease;}
.tolink2:hover img {margin-left:15px;transition: all 1s ease;}
.tolink3 span {float:left;}
.tolink3 img {margin-left:8px;margin-top:-4px;transition: all 1s ease;}
.tolink3:hover img {margin-left:15px;transition: all 1s ease;}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 766px) and (min-width: 240px) {
.row-eq-height {
display: block;
display: block;
display: block;
display: block;
}
}
#content {
min-height: 600px;
}
footer {color: #3F3F3F;font-family: 'Arial';font-size: 13px;font-weight:400;margin-top:-5px;position:relative;z-index:4;}
footer a { color: #3F3F3F;font-size: 13px; font-weight: 400;font-family: 'Arial';}
footer ul li a {padding:4px 0;display:inline-block;line-height: 20px;}
footer a:hover { color: #666;}
footer a:focus {
color: #666;
}
footer h5 {
color: #3F3F3F;font-family: 'Arial';font-size: 13px;font-weight:700;
margin:0px 0 8px 0;
padding:0 0 0 0;
}
.xondrikitext2 {max-width:570px;float:right;}
.xondrikitext {max-width:190px;text-align:right;margin:0 0 0 auto;}
@media (max-width: 766px) {
.xondrikitext2 {max-width:100%;float:none;}
}
.copya {text-align:left;color: #3F3F3F;font-weight: 400;font-size: 13px;line-height: 19px;padding-top:100px;padding-left:0px!important;}
.copyc {text-align:center;color: #3F3F3F;font-weight: 400;font-size: 13px;line-height: 19px;}
.copyb {text-align:right;color: #3F3F3F;font-weight: 400;font-size: 13px;line-height: 19px;padding-top:100px;padding-right:0px!important;}
.copyb a {color: #3F3F3F;font-weight: 400;font-size: 12px;line-height: 13px;}
.copyb a:hover {color: #666;font-size:12px;}
.footline{padding:35px 0;background: #AADAD7;text-align:center;color:#000;margin-bottom:70px;margin-top:70px;}
.fottlinecol span {font-weight: 700;font-size: 14px;line-height: 24px;display:block;}
.fottlinecol {font-weight: 400;font-size: 14px;line-height: 24px;}
.katakato {max-width:100%!important;padding-top:20px;padding-bottom:20px;border-top: 1px solid #DCDCDC;margin-top:110px;}
@media (max-width: 767px) {
.fottlinecol {margin-bottom:35px;}
.footline{margin-bottom:40px;margin-top:30px;}
.katakato {max-width:100%!important;padding-top:20px;padding-bottom:20px;border-top: 1px solid #DCDCDC;margin-top:10px;}
}
@media (max-width: 767px) {
.bottomslogan1 {text-align:center;}
.bottomslogan2 {text-align:center;margin-top:25px;}
.bottomslogan3 {text-align:center;margin-top:25px;}
.copya {text-align:center;padding-top:30px;}
.copyc {text-align:center;margin-top:8px;margin-bottom:15px;}
.copyb {text-align:center;padding-top:10px;}
.xondrikitext {max-width:250px;text-align:center;margin:0 auto 0 auto;}
.cols {text-align:center;margin-bottom:40px;}
}
.form-control { height: 38px;}
.colapsarrow {float:right;}
.colapsarrow2 {float:right;display:none;}
/* alert */
.alert {
padding: 10px 30px 10px 10px;
position:fixed;
top:110px;right:10px;
background:#be1e2d;
color:#fff;
z-index:999999999999;
border:0;
text-align:center;border-radius: 0!important;
}
.alert a {color:#fff;text-decoration:underline;}
.alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: 0px;
right: -10px;
color: inherit;
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: none;
filter: alpha(opacity=100);
opacity:1;
}
.piso {
float:left;
display:block;
font-family: 'Arial';
font-weight: 600;
font-size: 12px;
color: #000000;
padding: 11px 25px 11px 0px;
}
.cattop {padding:40px 0 40px 0;position:relative;text-align:center;}
.cattop span {font-weight: 700;font-size:36px;line-height: 42px;color: #3F3F3F;display:block;text-align:center;}
.catdesc {font-weight: 700;font-size:13px;line-height: 18px;color: #3F3F3F;display:block;text-align:center;max-width:473px;margin:15px auto 0 auto;font-family: 'Arial';}
.catdesc p {font-weight: 700;font-size:13px;line-height: 18px;color: #3F3F3F;display:block;text-align:center;font-family: 'Arial';}
.catdesc2 {font-weight: 400;font-size:18px;line-height: 21px;color: #3F3F3F;display:block;text-align:center;font-family: 'Arial';}
.extrainfos {
font-family: 'Arial';
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #000000;margin:30px 0 50px 0;}
.extrainfos span {
display:block;
font-family: 'Arial';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: #000000;}
.extrainfos2{
font-family: 'Arial';
font-weight: 500;
font-size: 16px;
line-height: 24px;
}
.extrainfos2 span{
font-family: 'Arial';
font-weight: 700;
font-size: 18px;
line-height: 28px;display:block;padding-bottom:8px;
}
.breadholder {font-family: 'Arial';width:40%;float:left;color:#E6E6E6;font-size: 28px;line-height: 36px;padding-bottom:28px;padding-top:18px;}
.breadholder a {font-family: 'Arial';font-size: 28px;line-height: 36px;color:#000;}
.breadholder a:nth-child(1) {color:#E6E6E6;}
.breadholder2 {font-family: 'Arial';width:30%;float:left;color:#E6E6E6;font-size: 32px;line-height: 36px;padding-bottom:28px;}
.breadholder2 a {font-family: 'Arial';font-size: 28px;line-height: 36px;color:#000;}
.breadholder2 a:nth-child(1) {color:#E6E6E6;}
.breadholder3 {position:absolute;top:0;left:0;color:#000;font-size: 16px;font-weight:500;}
.breadholder3 a {font-size: 16px;font-weight:500;color:#000;}
.breadholder3 a:nth-child(1) {color:#000;}
.breadholder4 {color:#000;font-size: 16px;font-weight:500;}
.breadholder4 a {font-size: 16px;font-weight:500;color:#000;}
.breadholder4 a:nth-child(1) {color:#000;}
@media (max-width: 610px) {
.breadholder3 {position:relative;top:auto;left:auto;margin-bottom:20px;}
.breadholder4 {margin-bottom:30px;}
}
.ocmp-post-content {font-family: 'Open Sans', sans-serif!important;font-weight: 500!important;font-size:16px!important;line-height:24px!important;}
.ocmp-post-content p {font-family: 'Open Sans', sans-serif!important;font-weight: 500!important;font-size:16px!important;line-height:24px!important;}
.post-title {font-family: 'Arial'!important;font-size: 24px!important;line-height: 32px!important;color:#000!important;width:97%!important;}
.post-title a {font-family: 'Arial'!important;font-size: 24px!important;line-height: 32px!important;color:#000!important;}
.post-title a:hover {color:#666!important;}
.ocmp-blog-title {font-family: 'Arial'!important;
font-style: normal!important;
font-weight: 400!important;
font-size: 48px!important;
line-height: 56px!important;
text-align:left!important;
color: #000000!important;margin-bottom: 20px!important;}
.catsholder {width:60%;float:right;text-align:right;}
.catsholder a {font-family: 'Arial';
font-style: normal;text-transform:capitalize;
font-weight: 500;
font-size: 14px;
padding:15px 37px;
line-height: 24px;
display:inline-block;
text-align: center;
background: #F5F5F5;
border-radius: 48px;
border: 2px solid #F5F5F5;
color: #000000;}
.catsholder a:hover {border: 2px solid #000;background: #fff;}
.catsholder .onn {border: 2px solid #000;background: #fff url(../image/linkoff.svg) no-repeat 94% center;background-size:17px 17px;}
.catsholder .onn:hover {border: 2px solid #000;background: #fff url(../image/linkoff.svg) no-repeat 94% center;background-size:17px 17px;}
@media (max-width: 1644px) and (min-width: 1187px) {
.breadholder {font-size: 28px;line-height: 36px;}
.breadholder a {font-size: 28px;line-height: 36px;}
}
@media (max-width: 1550px) and (min-width: 1400px) {
.breadholder {font-size: 20px;line-height: 30px;width:30%;}
.breadholder a {font-size: 20px;line-height: 30px;}
.catsholder {padding-bottom:30px;width:70%;}
.catsholder a {font-size: 14px;padding:8px 20px;line-height: 24px;}
.catsholder .onn {border: 2px solid #000;background: #fff url(../image/linkoff.svg) no-repeat 98% center;background-size:17px 17px;}
.catsholder .onn:hover {border: 2px solid #000;background: #fff url(../image/linkoff.svg) no-repeat 98% center;background-size:17px 17px;}
}
@media (max-width: 1399px) and (min-width: 200px) {
.breadholder {font-size: 22px;line-height: 34px;float:none;min-width:100%;}
.breadholder a {font-size: 22px;line-height: 34px;}
.catsholder {float:none;width:100%;text-align:center;padding-bottom:30px;overflow-x: auto;white-space: nowrap;}
.catsholder a {font-size: 14px;padding:15px 30px;line-height: 24px;}
.breadholder2 {font-family: 'Arial';width:100%;float:none;color:#E6E6E6;font-size: 22px;line-height: 34px;padding-bottom:18px;}
.breadholder2 a {font-family: 'Arial';font-size: 22px;line-height: 34px;color:#000;}
.breadholder2 a:nth-child(1) {color:#E6E6E6;}
}
@media (max-width: 640px) and (min-width: 200px) {
.catsholder {min-width:280px;overflow-x: auto;white-space: nowrap;}
}
/* Chrome */
.catsholder::-webkit-scrollbar {
width: 5px;
}
.catsholder::-webkit-scrollbar-track {
/*background-color: grey;*/
box-shadow: inset 0 0 5px #ffffff!important;
border-radius: 15px;
}
.catsholder::-webkit-scrollbar-thumb {
background-color: #000!important;
border-radius: 15px;
/*border: 1px solid red;*/
}
/*.container::-webkit-scrollbar-button {
background-color: red;
border-radius: 15px;
}*/
.catsholder::-webkit-scrollbar-thumb:hover {
background: #000!important;
}
/* IE */
.catsholder {
scrollbar-face-color: #000!important;
scrollbar-shadow-color: #ffffff!important;
scrollbar-highlight-color: #000;
}
/* FireFox */
.catsholder {
scrollbar-color: #000 #fff!important;
scrollbar-width: thin!important;
}
#product-product .tasquares {display:none!important;}
.viewsell {
background: #000000;
border-radius: 48px;
display:block;
font-family: 'Arial';
font-style: normal;
font-weight: 700;
font-size: 18px;
text-align: center;
padding:28px 0;
color: #FFFFFF;}
.viewsell:hover {color:#ccc;}
.viewsell2holder {margin-bottom:100px;}
.viewsell2 {
background: #000000;
border-radius: 48px;
display:block;
width:320px;
margin:0 auto;
font-family: 'Arial';
font-style: normal;
font-weight: 700;
font-size: 18px;
text-align: center;
padding:28px 0;
color: #FFFFFF;}
.viewsell2:hover {color:#ccc;}
/* breadcrumb */
.breadcrumb {
margin: 0 0 0px 0;
padding: 15px;
border: none;color: #3F3F3F;
overflow-x:auto;
background:#F5F5F5;
width:100%;
}
.breadcrumb i {
font-size: 10px;
}
.breadcrumb > li a {
font-weight: 400;
font-size: 14px;
color: #3F3F3F;}
.breadcrumb > li {
text-shadow:0;
padding: 0 10px 0 6px;
position: relative;
white-space: nowrap;color: #3F3F3F;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.breadcrumb > li:after {
content: '';
display: block;
position: absolute;
top: 9px;
right: -2px;
width: 4px;
height: 4px;
border-right: 1px solid #3F3F3F;
border-bottom: 1px solid #3F3F3F;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.breadcrumb > li:last-child:after {display:none!important;}
.brandlink {background: #F5F5F5;border-radius: 12px;display:block;text-align: center;padding:30px 18px 18px 18px;}
.brandlink img {height:auto!important;width:150px!important;}
.eikk {height:100px;overflow:hidden;display:block;margin-top:0px;}
.brandlink span {display:block;font-weight: 700;font-size: 16px;line-height: 18px;text-align: center;color: #000000;margin-top:38px;}
.brandlink2 {background: #000;border-radius: 12px;display:block;text-align: center;padding:30px 18px 18px 18px;}
.brandlink2 img {height:auto!important;width:150px!important;}
.eikk2 {height:100px;overflow:hidden;display:block;margin-top:0px;}
.brandlink2 span {display:block;font-weight: 700;font-size: 16px;line-height: 18px;text-align: center;color: #000000;}
/* buttons */
.buttons {
margin: 1em 0;
}
.btn {
padding: 7.5px 12px;
font-size: 12px;
border: 1px solid #cccccc;
border-radius: 0px;
}
.btn.focus, .btn:focus {box-shadow:none!important;}
.btn-offer {
padding: 7.5px 12px;
font-size: 12px;
border: 0;
text-align:left!important;
background:#DFC878!important;border-radius:2px!important;color:#000!important;display:block!important;max-width:360px!important;margin:0 0 0 0!important;
}
.btn-offer span {display:block!important;}
.btn-xs {
font-size: 9px;
}
.btn-sm {
font-size: 10.2px;
}
.btn-lg {
padding: 10px 16px;
font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 12px;
}
.btn-group > .btn-xs {
font-size: 9px;
}
.btn-group > .btn-sm {
font-size: 10.2px;
}
.btn-group > .btn-lg {
font-size: 15px;
}
.btn-default {
color: #777;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #e7e7e7;
background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
background-repeat: repeat-x;
border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.form-horizontal {width:90%;}
@media (max-width: 990px) {
.form-horizontal {width:100%;}
}
#button-cart {
background: #BE1E2D!important;
text-align: center!important;
font-family: 'Arial';
font-weight: 700!important;
font-size: 13px!important;
line-height: 14px!important;
border-radius: 4px!important;
text-align: center!important;
color: #FFFFFF!important;
padding:19px 0px!important;
width:312px!important;
}
#button-cart:hover {background: #333!important; }
.btn-primary {
background: #BE1E2D!important;
text-align: center!important;
font-family: 'Arial';
font-weight: 700!important;
font-size: 13px!important;
line-height: 14px!important;
border-radius: 4px!important;
text-align: center!important;
padding:19px 50px!important;
display:block!important;
border:0;color: #FFFFFF!important;
}
.btn-primary:hover, .btn-primary:active,.btn-primary.focus, .btn-primary:focus,.btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
color: #fff!important;background-color: #333!important;border:0!important;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
box-shadow: 0;
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
}
.btn-success {
color: #ffffff;
text-shadow: none;
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
}
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #df5c39;
background-image: linear-gradient(to bottom, #e06342, #dc512c);
background-repeat: repeat-x;
border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
.btn-link {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #23A1D1;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color: #222222;
background-image: linear-gradient(to bottom, #333333, #111111);
}
/* carousel */
.carousel-caption {
color: #FFFFFF;
text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
content: '\f053';
font-family: FontAwesome;
}
.carousel-control .icon-next:before {
content: '\f054';
font-family: FontAwesome;
}
.perigrafiprod {background:#F5F5F5;padding:30px 23px;color:#000;margin-top:60px;}
.perigrafiprod p {font-size:15px;font-weight:400;line-height:24px;color:#000;}
.perigrafiprod strong {font-size:15px;font-weight:700;line-height:24px;color:#000;}
.perigrafiprod h2 {font-size:16px;font-weight:700;line-height:24px;color:#3F3F3F;}
.perigrafiprodmobile {display:none;background:#F5F5F5;padding:30px 23px;color:#000;margin:25px 0 30px 0;}
.perigrafiprodmobile p {font-size:15px;font-weight:400;line-height:24px;color:#000;}
.perigrafiprodmobile strong {font-size:15px;font-weight:700;line-height:24px;color:#000;}
.perigrafiprodmobile h2 {font-size:16px;font-weight:700;line-height:24px;color:#3F3F3F;}
@media (max-width: 991px) {
.perigrafiprod {display:none;}
.perigrafiprodmobile {display:block;}
}
/* product list */
.product-layout {padding:10px!important;background:#F5F5F5;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.product-layout:hover {background:#BE1E2D;transition: all 1s ease;}
.product-layout:hover .product-thumb h4 a {color:#fff;transition: all 1s ease;}
.product-layout:hover .price {color:#fff;transition: all 1s ease;}
.product-thumb {
border: 0;
border-radius: 0px;
margin-bottom: 0px;
position:relative;
transition:all 350ms;
padding:0px 0 0px 0;
}
.tokouti {background:#fff;}
.tokouti:nth-child(2) {
background:#000!important;
}
.tokouti:nth-child(4) {
background:#000!important;
}
.product-thumb .image {
text-align: center;
background:#F5F5F5;
padding:6px;
}
.product-thumb .image a {
display: block;
}
.sold-out .image a img {filter: brightness(1)!important; }
.product-thumb .image img {
margin-left: auto;
margin-right: auto;width:100%;
}
.product-grid .product-thumb .image {
float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float: left;
padding: 0 15px;
}
}
.product-thumb h4 {
width:100%;margin-top:15px;
}
.product-thumb h4 a {
font-family: 'Arial';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #000000;
display:block;transition:all 350ms;
}
.tokouti:nth-child(2) .product-thumb h4 a {
color: #fff!important;
}
.tokouti:nth-child(4) .product-thumb h4 a {
color: #fff!important;
}
.product-thumb .caption {
padding:0px 9px 0px 9px;
position:relative;
height:110px;overflow:hidden;
}
.product-thumb .caption .btn-primary {
font-weight: 700;
font-size: 12px;
line-height: 18px;
text-align: center;
letter-spacing: 0.1em;
color: #000;
padding:12px 0px 12px 0px;background: #FFD600!important;
border:0;
display:block;
position:relative;
width:100%;
margin-top:15px;margin-bottom:0px;z-index:9;
}
.product-thumb .caption .btn-primary:hover, .product-thumb .caption .btn-primary:active,.product-thumb .caption .btn-primary.focus, .product-thumb .caption .btn-primary:focus,.product-thumb .caption .btn-primary.active, .product-thumb .caption .btn-primary.disabled, .btn-primary[disabled] {
background-color: #000!important;border:0!important;color: #FFF!important;
}
.product-thumb .rating {
padding-bottom: 10px;
}
.rating .fa-stack {
font-size: 8px;
}
.rating .fa-star-o {
color: #999;
font-size: 15px;
}
.rating .fa-star {
color: #FC0;
font-size: 15px;
}
.rating .fa-star + .fa-star-o {
color: #E69500;
}
h2.price {
margin: 0;
}
.morelink {
font-weight: 700;
font-size: 12px;
text-align: right;
color: #000000;
width:120px;
float:right;
text-align:right;
}
.morelink span {margin-top:4px;float:left;display:inline-block;}
.morelink img {float:left;margin-right:12px;}
.tokouti:nth-child(2) .morelink {
color: #fff!important;
}
.tokouti:nth-child(4) .morelink {
color: #fff!important;
}
.tokouti:nth-child(2) .morelink img {
filter: invert(100%)!important;
}
.tokouti:nth-child(4) .morelink img {
filter: invert(100%)!important;
}
.soldout {position:absolute;top:20px;right:25px;font-family: 'Arial';
font-style: normal;
font-weight: 700;
font-size: 11px;
background: #E20613;border-radius:40px;
text-align: center;
padding:5px 10px;
color: #FFFFFF;}
.new {position:absolute;top:20px;right:25px;font-family: 'Arial';
font-style: normal;
font-weight: 700;
font-size: 11px;
background: #A8C839;border-radius:40px;
text-align: center;
padding:5px 10px;
color: #FFFFFF;}
.meta_details {margin-top:3px;font-weight: 400;font-size: 12px;line-height: 18px;color: #3F3F3F;}
.meta_details2 {margin-top:40px;font-weight: 400;font-size: 15px;line-height: 24px;color: #3F3F3F;}
.meta_details2 p {font-weight: 400;font-size: 15px;line-height: 24px;color: #3F3F3F;}
.timi {
font-family: 'Arial';
font-weight:700;
font-size: 20px;line-height: 21px;color: #000000;
display:inline-block;
}
.timi span {
font-weight:700;
display:inline-block;
margin-left:10px;font-family: 'Arial';font-size: 20px;line-height: 21px;color:#666;
}
.timispecial {float:left;
font-family: 'Arial';
font-size: 20px;line-height: 21px;color: #000000;
}
.product-thumb .price {
font-weight: 700;
font-size: 14px;
line-height: 20px;
padding-top:13px;
}
.tokouti:nth-child(2) .product-thumb .price {
color: #fff!important;
}
.tokouti:nth-child(4) .product-thumb .price {
color: #fff!important;
}
.product-thumb .price-new {
font-weight: 500;
font-size: 14px;
color: #000000;
}
.product-thumb .price-old {
font-weight: 500;
font-size: 14px;
color: #868686;
text-decoration: line-through;
}
@media (max-width: 650px) and (min-width: 390px) {
.product-thumb .caption { padding:5px 5px 5px 5px;}
}
.product-thumb .price-tax {
color: #999;
font-size: 12px;
display: block;
}
.product-thumb .button-group {
border-top: 1px solid #ddd;
background-color: #eee;
overflow: auto;
display:none;
}
.product-list .product-thumb .button-group {
border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
border-left: none;
}
}
.product-thumb .button-group button {
width: 60%;
border: none;
display: inline-block;
float: left;
background-color: #eee;
color: #888;
line-height: 38px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.product-thumb .button-group button + button {
width: 20%;
border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
color: #444;
background-color: #ddd;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
.thumbnails > li {
margin-left: 20px;
}
.thumbnails {
margin-left: -20px;
}
.thumbnails > img {
width: 100%;
}
.image-additional a {
margin-bottom: 20px;
padding: 5px;
display: block;
border: 1px solid #ddd;
}
.image-additional {
max-width: 78px;
}
.thumbnails .image-additional {
float: left;
margin-left: 20px;
}
.rowprod {width:80%;margin:25px auto;}
.prodeikona { box-sizing: border-box;position:relative;}
.prodsection {margin-top:45px;}
.prodeikona .thumbnail {
display: block;
margin-bottom: 20px;min-width: 0;
line-height: 1.42857143;
background-color: transparent!important;
border: 0!important;
border-radius: 0!important;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.meta_des {max-width:430px;margin:0 0 22px 0;font-family: 'Arial';line-height: 18px;font-size:16px!important;font-weight:500;}
.prodtext { box-sizing: border-box; position: -webkit-sticky;
position: sticky;
top: 50px; }
.prodholder {padding-left:50px;max-width:650px; }
.awards {position:absolute;top:30px;right:30px;}
.awardsmob {display:none;}
@media (max-width: 1300px) {
.awards {width:35px;position:absolute;top:30px;right:10px;display:none;}
.awardsmob {display:block;margin:15px 0;}
}
.thevideoholder {max-width:1040px;margin:0 auto;}
.eikprod {width:100%;}
.section-title {display:block;font-weight: 700;font-size: 16px;line-height: 20px;color: #000000;border-bottom:3px solid #000;padding-bottom:10px;margin-top:37px;margin-bottom:22px;}
.pordsection {font-weight: 500;font-size: 14px;line-height: 18px;color: #000000;padding:0 0 0 0;}
.pordsection p {font-weight: 500;font-size: 14px;line-height: 18px;color: #000000;padding:0 0 0 0;}
.section-title2 {display:block;font-weight: 700;font-size: 20px;line-height: 24px;color: #000000;border-top: 1px solid #DCDCDC;padding:20px 0 20px 20px;margin-top:37px;}
.pordsection3 {font-weight: 700;font-size: 14px;line-height: 18px;color: #000000;padding:35px 15px;background:#F5F5F5;border-radius: 12px;position:relative;margin-top:37px;}
.section-title3 {display:block;font-weight: 700;font-size: 16px;line-height: 20px;color: #000000;padding-bottom:10px;margin-top:0px;margin-bottom:22px;}
.pordsection4 {font-weight: 700;font-size: 16px;line-height: 18px;color: #fff;padding:15px 25px;background:#000;border-radius: 12px;position:relative;margin-top:50px;}
.section-title4 {display:block;font-weight: 700;font-size: 16px;line-height: 20px;color: #fff;padding-bottom:10px;margin-top:0px;margin-bottom:22px;}
@media (max-width: 991px) {
.prodholder {padding-left:0px;max-width:100%;}
.eikprod {width:100%;}
}
.tostok {position:absolute;top:0px;right:0px;color:green;font-weight: 500;font-size: 11px;line-height: 18px;}
.prodtext h1 { font-family: 'Arial';line-height: 24px;font-size:20px!important;color:#3F3F3F!important;font-weight:700!important;padding:0 0 0 0!important;margin:0 0 0px 0!important;max-width:430px;}
.avail {position:absolute;top:110px;right:10%;font-weight: 500;display:block;z-index:999;
font-size: 12px;
line-height: 24px;
color: #FFFFFF;
border: 1px solid #FFFFFF;
box-sizing: border-box;
border-radius: 12px;
padding:5px 22px;}
.paradosi {font-weight: 400;font-size: 16px;line-height: 24px;color: #fff;margin-top:34px;margin-bottom:30px;border-top:1px solid #000;}
.porion{max-width: 430px;display:block;margin:0 0 0 0;}
#product {margin-top:50px;}
.thetabs {position:relative;display:block;padding:100px 20px;}
.sdesc {color:#fff;font-size:13px;padding:15px 15px 15px 0;max-width:400px;}
.thelista {margin-top:10px;margin-bottom:43px;}
@media (max-width: 766px) and (min-width: 240px) {
.goapanomargin {margin-top:45px!important;}
}
@media (max-width: 988px) and (min-width: 240px) {
.rowprod {width:100%;margin:25px auto;}
.porion{width: 98%;display:block;margin:0 0 0 0;}
}
@media (max-width: 1359px) and (min-width: 766px) {
.avail {position:absolute;top:70px;}
.avail2 {display:none;}
}
@media (max-width: 765px) and (min-width: 240px) {
.avail {position:absolute;top:70px;display:none;}
.avail2 {position:absolute;top:30px;right:0px;font-weight: 500;display:block;z-index:999;
font-size: 12px;
line-height: 24px;
color: #FFFFFF;
border: 1px solid #FFFFFF;
box-sizing: border-box;
border-radius: 12px;
padding:5px 22px;display:block;}
.paradosi {font-weight: 400;font-size: 18px;line-height: 24px;color: #fff;margin-bottom:35px;border-top:1px solid #666666;padding-top:40px;}
.porion{width:100%;display:block;}
#product {border-top:1px solid #fff;margin-top:15px;padding-top:0px;}
.thetabs {position:relative;display:block;padding:50px 20px;}
.thelista {margin-top:10px;margin-bottom:15px;}
}
.kerdos {display:block;float:left;background: #EA0006;border-radius: 12px;margin-left:25px;padding:4px 4px;box-sizing: border-box;border-radius: 12px;font-weight: 500;font-size: 12px;text-align: center;color:#fff;}
@media (max-width: 765px) and (min-width: 240px) {
.kerdos {display:block;float:right;background: #EA0006;border-radius: 12px;padding:4px 4px;box-sizing: border-box;border-radius: 12px;font-weight: 500;font-size: 12px;text-align: center;color:#fff;}
}
.xaraktiristika {margin-top:30px;width:100%;position:relative;}
.xaraktiristika .table > tbody > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #fff;
font-weight: 700;font-size: 18px;line-height: 42px;color: #000000;
}
.xaraktiristika .table {width:100%;table-layout: fixed;}
.xaraktiristika .table > tbody > tr:nth-of-type(2n+1) {
background-color: #F5F5F5!important;
}
.xaraktiristika .table > tbody > tr > td img {width:100%!important;}
.familyhome{width:260px;margin:90px auto;}
@media (max-width: 600px) {
.familyhome{width:160px;margin:60px auto;}
.xaraktiristika .table > tbody > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #fff;
font-weight: 700;font-size: 14px;line-height: 22px;color: #000000;
}
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3 {
width: 100%;
}
#content + #column-right .product-layout .col-md-3 {
width: 100%;
}
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
width: 100%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 50px;
}
/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
.tokoumpi {width:130px;list-style-type:none;position:relative;}
.cartaristera {padding-right:50px;}
@media (max-width: 766px) and (min-width: 200px) {
.cartaristera {padding-right:15px;}
}
.topleftinfrmation {background-size:cover;background-repeat:no-repeat;height:100%;background-attachment:0 0;max-height:100%;position:relative;}
.topleftinfrmation img {width:100%;}
.topleftinfrmationfronttext {
position:absolute;bottom:40px;left:35px;font-family: 'Arial';
font-style: normal;
font-weight: 400;
font-size: 68px;
line-height: 68px;
color: #FFFFFF;width:70%;}
.topleftbottom {padding:55px 40px 45px 40px;background: transparent;border-radius: 12px;position:absolute;display:block;bottom:0px;left:0px;z-index:1;}
.topleftbottomtext {font-weight: 500;
font-size: 42px;
line-height: 48px;color: #FFFFFF;
display:block;
width:50%;float:left;
}
.topleftbottomlinks {
display:block;
width:40%;float:right;text-align:right;
}
.topleftbottomlinks a {background: #FFFFFF;border-radius: 24px;padding:14px 33px;text-align:center;display:inline-block;font-weight: 700;
font-size: 12px;
line-height: 16px;margin-right:27px;margin-top:47px;}
.blogeikona {background-size:cover;background-repeat:no-repeat;padding:30% 0;position:relative;border-radius:12px;display:block;}
.topleft {background-size:cover;background-repeat:no-repeat;height:70%;max-height:70%;position:relative;border-radius:12px;}
.topleft img {width:100%;}
@media (max-width: 1235px) {
.topleftbottomtext {width:65%;float:left;}
.topleftbottomlinks {width:30%;float:right;}
.topleftbottomlinks a {margin-right:15px;}
.topleftbottom {padding:55px 25px 45px 25px;}
.topleft {background-size:cover;background-repeat:no-repeat;height:70%;max-height:70%;position:relative;border-radius:12px;z-index:2;}
}
@media (max-width: 1107px) {
.topleftbottomtext {width:50%;float:left;font-size: 28px;line-height: 38px;}
.topleftbottomlinks {width:47%;float:right;}
.topleftbottom {padding:55px 25px 45px 25px;}
.topleftbottomlinks a {margin-right:15px;}
.topleft {background-size:cover;background-repeat:no-repeat;height:50%;max-height:50%;position:relative;border-radius:12px;z-index:2;}
}
@media (max-width: 835px) {
.topleftbottomtext {width:100%;float:none;font-size: 24px;line-height: 34px;text-align:center;}
.topleftbottomlinks {width:100%;float:none;margin-right:0px;text-align:center;}
.topleftbottom {padding:35px 25px 25px 25px;}
.topleft {background-size:cover;background-repeat:no-repeat;height:60%;max-height:60%;position:relative;border-radius:12px;z-index:2;}
.topleftbottomlinks a {margin-right:10px;margin-top:27px;}
}
.fronttext {position:absolute;top:50%;left:20px;}
.fronttext a {font-family: 'Arial';font-size: 32px;color:#fff;margin-right:70px;display:inline-block;}
.fronttext a:hover {color:#ccc;}
.cert {width:50px!important;position:absolute;right:30px;bottom:30px;}
@media (max-width: 960px) and (min-width: 781px){
.fronttext a {display:block;margin-right:0px;padding:17px 0;}
.fronttext {position:absolute;top:30%;left:20px;}
}
@media (max-width: 780px) and (min-width: 650px){
.fronttext {position:absolute;top:30%;left:20px;}
.fronttext a {display:block;margin-right:0px;padding:17px 0;}
.topleftinfrmationfronttext {bottom:20px;left:15px;font-size: 55px;line-height: 75px;width:75%;}
}
@media (max-width: 649px) and (min-width: 550px){
.topleftinfrmationfronttext {bottom:20px;left:15px;font-size: 34px;line-height: 48px;width:75%;}
.fronttext {position:absolute;top:30%;left:20px;}
.fronttext a {display:block;margin-right:0px;padding:17px 0;}
}
@media (max-width: 549px) and (min-width: 150px){
.topleftinfrmationfronttext {bottom:20px;left:15px;font-size: 34px;line-height: 48px;width:75%;}
.cert {display:none;}
.fronttext {position:absolute;top:30%;left:20px;}
.fronttext a {display:block;margin-right:0px;padding:17px 0;}
}
@media (max-width: 880px){
.topleftinfrmation {background-position:50% 0;}
.topleft {background-position:50% 0;}
}
/* Main Menu */
.menu_wrapper {
position:relative;
z-index:1001;
background:#515151;
}
.header2 .menu_wrapper, .header6 .menu_wrapper {
display:none;
}
.menu_wrapper .outer_container, .header_wrapper .outer_container {
background:#515151;
position:relative;
}
.menu_wrapper .outer_container:before, .menu_wrapper .outer_container:after {
content:" ";
position:absolute;
left:0;
width:100%;
}
.menu_wrapper .outer_container:before {
top:0;
}
.menu_wrapper .outer_container:after {
bottom:0;
}
.menu_table {
width: 100%;
display: table;
position:relative;
}
.header1 .menu_table {
/*border-right: 1px solid #eaeaea;*/
}
.menu_table .menu_cell {
display: table-cell;
vertical-align:middle;
}
.menu_table .menu_cell.menu_holder {
position:relative;
z-index:455;
border-color:#eaeaea;
}
.menu_table .menu_cell.fill {
width:100%;
}
.menu_table .menu_cell.search_holder {
padding:10px 21px 10px 20px;
}
.menu_table > .menu_cell.nowrap {
white-space:nowrap;
}
.main_menu ul > li {
display:inline-block;
position:relative;
text-align:left;
float:left;
}
.main_menu {overflow-y:scroll!important;}
.main_menu > ul.horizontal > li > a {
font-size: 15px;
text-align:center;
padding: 10px 6px;
display:block;
color:#fff;
}
.main_menu > ul.horizontal > li:first-child > a {
border-left:none;
}
.main_menu > ul.horizontal > li:last > a {
border-left:none;
}
.main_menu > ul > li:hover > a,
.main_menu > ul.horizontal > li.current > a,
.main_menu .active,
.main_menu ul.links_holder li ul li a:hover,
ul.vertical > li:hover > a {
border-color:transparent !important;
color:#fff!important;background: #000;
}
ul.categories > li:hover > a, ul.categories a.active, ul.categories li.current > a {
position:relative;
z-index:3;
}
ul.categories > li .icon-down-dir {
font-size:11px;
margin-left:10px;
vertical-align: middle;
opacity:0.4;
}
ul.categories.vertical > li .icon-down-dir {
-ms-transform: rotate(270deg); /* IE 9 */
-webkit-transform: rotate(270deg); /* Safari */
transform: rotate(270deg);
position:absolute;
top:14px;
right:18px;
}
ul.categories.vertical > li a img {display:none;}
@media only screen and (min-width: 1104px) and (max-width: 4000px) {
ul.categories.vertical > li .icon-down-dir { display:none!important;}
.sub_trigger {background:url(../image/menuarrow.png) no-repeat 95% center;}
}
@media only screen and (min-width: 280px) and (max-width: 1103px) {
.sub_trigger {background:none;}
}
ul.categories > li:hover .icon-down-dir {
opacity:1;
}
.list-group-item.active {background:#1cbbb4!important;border:none;border-radius:0px;}
.main_menu ul li.home.disabled {
display:none;
}
/* Main Menu Dropdown */
ul.categories, .main_menu ul.links_holder {
background:#ffffff;
}
#column-left ul.categories {
background:#ffffff;
}
ul.categories li .wrapper {
position: absolute;
z-index:2;
left:-1px;
top:0px;
background:#ffffff!important;
border-top:1px solid #d7d7d7!important;
border-left:1px solid #d7d7d7!important;
border-right:1px solid #d7d7d7!important;
border-bottom:1px solid #d7d7d7!important;
border-top-left-radius:4px!important;
border-top-right-radius:4px!important;
border-bottom-left-radius:4px!important;
border-bottom-right-radius:4px!important;
padding:25px;
margin-top:0px;
display:table;
opacity:0;
visibility:hidden;
height:0;
transition: margin-top 300ms, opacity 200ms, visibility 200ms;
white-space:normal;
max-width:1240px !important;
}
#column-left ul.categories li .wrapper {
max-width:879px !important;
}
ul.categories li:hover .wrapper,
.main_menu ul.links_holder li:hover ul {
margin-top:0;
opacity:1;
visibility:visible;
height:auto;
transition: margin-top 400ms, opacity 300ms;
}
.main_menu ul.links_holder li:hover ul, .header1 ul.categories li:hover .wrapper {
margin-top:-1px;
}
ul.categories.vertical li .wrapper, ul.vertical.active li .wrapper {
position: absolute;
left:100%;
margin-left:20px;
top:0px;
z-index:999999999999999999;
padding-bottom:25px;
}
@media (max-width: 1111100px) and (min-width: 1105px) {
ul.categories.vertical li:nth-child(7) .wrapper, ul.vertical.active li:nth-child(7) .wrapper {
position: absolute;
margin-left:20px;
top:-147px;
background:#fff;
}
ul.categories.vertical li:nth-child(8) .wrapper, ul.vertical.active li:nth-child(8) .wrapper {
position: absolute;
margin-left:20px;
top:-227px;
background:#fff;
}
ul.categories.vertical li:nth-child(10) .wrapper, ul.vertical.active li:nth-child(10) .wrapper {
position: absolute;
margin-left:20px;
top:-80px;
background:#fff;
}
}
.main_menu ul li .wrapper ul {
display: table-cell;
vertical-align:top;
padding:3px;
}
.main_menu ul li .wrapper ul li {
width:190px;
}
.main_menu ul.links_holder li ul li {
width:262px;
}
ul.categories li ul {padding-bottom:0px!important;}
ul.categories li ul li a {
display:block;
font-size:14px;font-weight:500;padding: 0px 0px 14px 0!important;margin:0 0 0 0!important;color:#535353;
}
ul.categories li ul li ul li a {font-size:14px;font-weight:500!important;padding: 0px 0px 0px 0!important;margin:0 0 0 0!important;color:#535353!important;}
ul.categories li ul li ul li a:hover {color:#000!important;background-color: #fff!important;}
.see-all {font-size:13px!important; color:#000!important; font-size:14px;font-weight:700!important;padding: 0px 0px 0px 0;margin:0 0 0 0!important;}
.proti a {font-weight: 700!important;font-size: 16px!important;line-height: 22px!important;color: #410099!important;}
ul.categories.vertical > li > a {
padding: 18px 15px 18px 15px;
font-size:20px;
margin:0 0 0 0;
color:#111;
font-weight:700;
display:block;
}
ul.categories li ul li a:hover {
color:#410099;background: #fff!important;
}
.see-all:hover {
color:#410099!important;
}
.main_menu > ul > li > a.v_menu_trigger.light_bg_color .icon-menu {
font-size:21px;
line-height:21px;
vertical-align:top;
display:inline-block;
margin:0 6px 0 3px;
}
.main_menu > ul > li > a.v_menu_trigger.light_bg_color .icon-down-dir {
opacity:1;
margin:0 3px 0 8px;
}
.main_menu > ul.vertical {
visibility:hidden;
position:absolute;
z-index:999999;
top:0px!important;
left:-40px;
padding:20px 0px 20px 0px!important;
margin:0px 0 0 0!important;
width:328px!important;
background:#ffffff!important;
border:none!important;
border-top-left-radius:0px!important;
border-top-right-radius:0px!important;
border-bottom-left-radius:4px!important;
border-bottom-right-radius:4px!important;
opacity:0;
-ms-transform: opacity(0); /* IE 9 */
-webkit-transform: opacity(0); /* Safari */
transform: opacity(0);
transition:all ;
}
.main_menu > ul.vertical.active {
opacity:1;
visibility:visible;
-ms-transform: opacity(1); /* IE 9 */
-webkit-transform: opacity(1); /* Safari */
transform: opacity(1);
transition:all ;
}
ul.vertical > li {
position:relative;
float:none;
display:block!important;
z-index:99999;
margin:0 0 0 0!important;
width:100%!important;
}
ul.vertical > li:last-child a, .main_menu ul.links_holder li ul li:last-child a {
border-radius:0 0 3px 3px;
}
#column-left ul.vertical > li:first-child a, #column-right ul.vertical > li:first-child a {
border-radius:3px 3px 0 0;
}
.v_menu_trigger i {font-weight:400;float:right;}
[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 0px!important;
}
.panel-default > .panel-heading {
color: #000!important;
background-color: transparent!important;
border: none!important;
box-shadow:none!important;
padding:10px 0!important;
font-family: 'Arial'!important;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-radius: 0;
-webkit-box-shadow: none!important;
box-shadow:none!important;
}
.nsl {border: 1px solid #E30613;
box-sizing: border-box;
border-radius: 12px;
font-weight: 400;
font-size: 18px;
padding:15px 17px;
color: #E30613;display:block;float:left;width:167px;margin-right:25px;}
.nsl2 {font-weight: 400;
font-size: 18px;
line-height: 24px;
display:block;float:left;width:330px;margin-top:2px;
color: #000000;}
.nsl3 {
background: #E30613;
border-radius: 12px;
display:block;
text-align:center;
color:#fff;
padding:15px 0;
border-radius:0;
}
.nsl3:hover {color:#000;}
.nsl3 img {float:right;margin-right:20px;margin-top:4px;}
@media (max-width: 576px) and (min-width: 240px) {
.nsl2 {margin-top:12px;}
}
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 8px;
text-align: left;
}
.clear90{clear:both;height:90px;}
.htitle{font-weight: 500;font-size: 24px;color:#fff;margin:0;padding:30px;background: #000;border-radius: 12px;}
.cattitlos {font-weight: 700;
font-size: 28px;
line-height: 34px;
text-align: center;
color: #000000;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
padding:30px 0;
}
.eikonabanner img {width:100%!important;height:auto!important;border-radius:12px;margin-bottom:40px;}
.brandlogo {width:100%;text-align:center;}
.perigrafi {max-width:700px;margin:38px auto 0 auto;font-weight: 700;font-size: 16px;line-height: 18px;text-align: center;color: #000000;}
.perigrafi p {font-weight: 700;font-size: 16px;line-height: 18px;text-align: center;color: #000000;}
.perigrafi2 {max-width:700px;margin:33px auto 10px auto;font-weight: 700;font-size: 16px;line-height: 18px;text-align: center;color: #000000;}
.partners {background: #000000;
border-radius: 12px;padding:67px 40px;}
.partners1 {width:20%;float:left;font-weight: 700;
font-size: 42px;
line-height: 57px;padding-top:25px;
color: #FFFFFF;}
.partners1 span {font-weight: 500;
font-size: 16px;
line-height: 22px;
margin-top:5px;
display:block;
color: #FFFFFF;}
.partners2 {width:80%;float:right;}
@media (max-width: 1520px) {
.partners1 {width:100%;float:none;text-align:center;margin-bottom:35px;}
.partners2 {width:100%;float:none;text-align:center;}
}
@media (max-width: 400px) {
.partners1 {font-size: 28px;line-height: 47px;}
}
.theh1 {font-weight: 700;
font-size: 12px;
line-height: 16px;
font-weight:800;
border-bottom: 4px solid #000000;
color: #000000;padding-bottom:17px;margin-bottom:44px;margin-top:70px;}
.theh1link {position:absolute;top:70px;right:5px;font-weight: 700;
font-size: 12px;
line-height: 16px;
font-weight:800;}
@media (max-width: 1334px){
.inner1 span {font-size: 28px;line-height: 36px;}
.inner2 span {font-size: 28px;line-height: 36px;}
.inner3 span {font-size: 28px;line-height: 36px;}
}
@media (max-width: 744px){
.infodesc2 .row {width:100%;margin:0 auto;}
.infoarticles {width:100%;margin:0 auto 120px auto;}
}
h2 .collapsed .arrowdown {display:none;}
h2 .collapsed .arrowup {display:block;}
h2 .arrowup {display:none;}
h2 .arrowdown {display:block;}
.infodeschonor {padding:20px; }
.infodeschonor h2{font-weight: 500;font-size: 24px;line-height: 32px;}
.infodeschonor p{font-weight: 500;font-size: 18px;line-height: 28px;}
.contentdesc {margin-top:160px; -webkit-transition: all 1s;position:relative;
-moz-transition: all 1s;
-o-transition: all 1s;display:block;
transition:all 1s;font-weight: 500;font-size: 18px;line-height: 28px;}
.contentdesc p {font-weight: 500;font-size: 18px;line-height: 28px;}
@media (max-width: 991px) {
.contentdesc {margin-top: 0px;}
.extrainfos2 {margin-top:30px;}
}
@media (max-width: 830px) and (min-width: 580px) {
.infodesc3 {margin-top:120px;margin-right:20px;margin-bottom:60px;max-width:400px;float:right; }
.infodesc {margin-top:60px;margin-right:20px;margin-bottom:60px;max-width:400px;float:right; }
}
@media (max-width: 579px) and (min-width: 200px) {
.sima {position:relative;top:25px;left:20px;width:34px;}
.infodesc3 {margin-top:20px;margin-right:0px;margin-bottom:20px;width:100%;float:none; padding:20px;}
.clear90{clear:both;height:20px;}
.infodesc {margin-top:60px;margin-right:0px;margin-bottom:20px;max-width:100%;float:none; padding:20px;}
.infodesc h2{font-weight: 500;font-size: 24px;line-height: 32px;}
.infodesc p{font-weight: 500;font-size: 18px;line-height: 28px;}
}
.koympia {border:none!important;background:transparent!important;font-size:14px!important;color:#E30613!important;cursor:pointer; -webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition:all 1s;}
.caret2 {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-bottom: 4px dashed;
border-bottom: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.live-search {height:550px;overflow:auto;border: 1px solid #000!important;
border-radius: 0px!important;
box-shadow: 0 2px 2px #000!important;padding:0px!important;}
.live-search ul li .product-name {font-weight: 400!important;font-size: 13px!important;padding:10px 0!important;}
.live-search .product-name p {display:none!important;}
.live-search ul {padding:15px!important;}
.live-search ul li .product-add-cart {display:none!important;}
.live-search .result-text {
text-align: center;
font-size: 13px!important;
line-height: 20px;
color: #fff!important;
background-color: #000!important;
position: relative!important;
bottom: 0;
width: 100%;
border-bottom-left-radius: 0px!important;
border-bottom-right-radius: 0px!important;
}
.live-search ul li {
cursor: pointer;
padding: 5px;
margin: 0px 5px;
background-color: #FFF;
min-height: 50px;
clear: both!important;
display:block!important;
}
.live-search .view-all-results {
color: #fff!important;display:block!important;font-weight: 400!important;font-size: 13px!important;
}
.form-group {
padding: 5px 13px;
}
.tasort1 {float:none;}
.tasort2 {float:right;}
.tofiltro {float:left;width:50px;margin-right:10px;}
.menuhead{font-family: 'Arial';
position: absolute;
left:80px;top:60px;
color: #fff;
font-size: 24px;
line-height: 42px;
text-decoration: none;
font-weight: 500;}
.toggle2 { position: absolute;
right:80px;top:60px;}
.socmenu {position:absolute;bottom:30px;left:80px;}
.socmenu a img {-webkit-filter: invert(1);
filter: invert(1);}
.socmenu a {
font-family: 'Arial';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
text-decoration: underline;
color: #FFFFFF;
}
#mc-embedded-subscribe {display:block;width:100%;background:#000;color:#fff;font-weight: 700;
font-size: 16px;
line-height: 22px;
text-align: center;
padding:25px 0;
color: #FFFFFF;
border:0;
}
#mce-EMAIL {background:transparent;border-bottom:1px solid #000;border-top:0;border-left:0;border-right:0;display:block;width:100%;padding:8px;margin-bottom:27px;margin-top:37px;}
#product .radio {
float:left;
padding:0px 0 0px 0;
margin:0 10px 0 0;
}
#product .radio label {padding:0px 0px;font-weight: 500;font-size: 14px;line-height: 24px;color: #000;display:block;}
#product .radio input[type="radio"] {position:absolute;left:-999999999999px;}
#product .radio input[type="radio"]+span {background:#F5F5F5;border:1px solid #F5F5F5;color:#000;padding:14px 20px;font-size:14px;font-weight:500;border-radius: 8px;}
#product .radio input[type="radio"]:hover+span {background:#000;border:1px solid #000;color:#fff;}
#product .radio input[type="radio"]:checked+span {background:#000;border:1px solid #000;color:#fff;}
.toggled-on .toggle-content {
display: block;
margin-top: 20px;
padding: 20px;
border-radius: 10px;
}
.toggle-content {
}
.toggle-content p {
margin: 15px 0 15px 0;
}
.toggled-on .fa-angle-down {
display: none;
}
.toggle-title h2 {position: relative; width:90%;}
@media only screen and (max-width:600px) and (min-width:100px) {
.toggle-title h2 {position: relative;font-size:18px; }
}
.toggle-title {
cursor: pointer;
position: relative;
background-color: #fff;border-bottom: 2px solid #000000;padding-bottom:0px;
}
.toggle-title i {
position: absolute;
right: 0;
top:-2px;
font-size:42px;
}
.toggled-off .toggle-content {
display: none;
}
.toggled-off .fa-angle-up {
display: none;
}
.nxt {position:absolute;top:15px;right:15px;background: #0B0B0B url(../image/nxt.svg) no-repeat 90% 20px;font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: left;
color: #FFFFFF;border-radius: 12px;
padding:20px 0px 20px 15px;width:235px;}
.nxt:hover, .prv:hover {color:#000;}
.prv {position:absolute;top:15px;left:15px;background: #0B0B0B url(../image/arrowwhite2.png) no-repeat 20px 27px;font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: right;
color: #FFFFFF;
border-radius: 12px;display:none;
padding:25px 20px 25px 60px ;width:280px;}
.selides .pagination {text-align: left!important;display: block!important;float: none!important;width:100%;padding-top:16px;}
.selides .pagination li{display: inline-block!important; float: none!important;}
.selides2 {text-align: left!important;display: block!important;float: none!important;width:100%;padding-top:0px;font-size:10px;font-weight:400;}
.selides .pagination > li > a, .selides .pagination > li > span {
position: relative;
float: left;
font-size:14px;
font-weight:600;
padding: 6px 13px;
margin-left: 7px;
background: #fff;border-radius:50%;
line-height: 21px;
color: #000;text-align: center;
text-decoration: none;
background-color: #fff;
border: 0;
}
.selides .pagination > li > a:hover {color: #fff;background: #000;border-radius:50%;}
.selides .pagination > li.active span {color: #fff;background: #000;border-radius:50%;}
.selides .pagination > li.active span:hover {background:#fff!important;background: #000;border-radius:50%;}
.tonsl {padding:90px 0;border-bottom:1px solid #E7E7E7;}
.prv span {text-align:right;}
.nxt span {text-align:left;}
@media (max-width:929px) and (min-width: 690px) {
.prv {width:185px;}
.nxt {width:185px;}
.prv span {width:105px;display:block;word-wrap:normal;padding-right:20px;}
.nxt span {width:93px;display:block;word-wrap:normal;}
}
@media (max-width:689px) and (min-width: 140px) {
.prv {width:50px;height:35px;position:absolute;top:110px;left:15px;padding:0 ;font-size:0px;background: #0B0B0B url(../image/arrowwhite2.png) no-repeat center center;}
.prv span {width:95px;display:block;word-wrap:normal;padding-right:10px;text-align: right;}
.nxt {width:50px;height:35px;position:absolute;top:110px;right:15px;padding:0;font-size:0px;background: #0B0B0B url(../image/nxt.svg) no-repeat center center;}
.nxt span {width:93px;display:block;word-wrap:normal;}
.tonsl {padding:120px 0;border-bottom:1px solid #E7E7E7;}
}
.newslink {display:block;position:relative;}
.newslink img {width:100%;border-radius:12px;margin-bottom:30px;}
.n2 {font-weight: 500!important;
font-size: 16px!important;
line-height: 24px!important;
margin-bottom: 30px!important;color:#000;display:block;margin-bottom:30px;margin-top:20px;height:70px;overflow:hidden;}
.n1{font-weight: 700;font-size: 24px;color:#000;display:block;}
.n3 {font-weight: 500;font-size: 14px;color:#000;display:block;margin-bottom:30px;}
.blogdescription p {font-weight: 500!important;
font-size: 16px!important;
line-height: 24px!important;
margin-bottom: 30px!important;}
.filtrakoumpi {
background: transparent !important;
height: 36px!important;
padding: 8px 8px!important;
border: 1px solid #111!important;
box-sizing: border-box!important;
border-radius: 0px!important;
font-weight: 500!important;
font-size: 12px!important;
color: #FFFFFF!important;
float:left;
margin-right:15px;display:none;
}
.filtrakoumpi span {margin-left:10px;}
#column-left {width:20%;float:left;padding:0px;background:#fff;position:relative;}
.katigoriadeksia{width:78%;float:right;padding-top:30px;padding-left:20px;padding-right:20px;}
.filtrakoumpioxi {display:none;}
.selides3 {text-align:center;}
@media (max-width:923px) {
.taks{display:none;}
}
@media (max-width:1260px) {
#column-left {width:25%;float:left;padding:0px;background:#fff;position:relative;}
.katigoriadeksia{width:73%;float:right;padding-top:30px;padding-left:20px;padding-right:20px;}
}
@media (max-width:990px) {
#column-left {width:29%;float:left;padding:0px;background:#fff;position:relative;}
.katigoriadeksia{width:68%;float:right;padding-top:30px;padding-left:20px;padding-right:20px;}
}
@media (max-width: 838px) and (min-width: 240px) {
#column-left {width:100%;float:none;position:absolute;top:0px;overflow-y:scroll;height:100%;left:-2000px;right:0px;background:#fff;padding:20px 20px 20px 15px;z-index:9999999999;width:100%;}
.katigoriadeksia{width:100%;float:none;padding-top:30px;padding-left:20px;padding-right:20px;}
.colnai {display:block!important;}
.filtrakoumpi {display:block;}
.filtrakoumpioxi {display:block;}
.taks2 {width:45px!important;}
}
.menuprods{
list-style:none;
list-style-type:none;
position:relative;
z-index:90;
float:left;
margin:0px 0px 0px -40px;
}
.menuprods li{
float:left;
padding:0px;
}
.menuprods li a{}
.menuprods li a:hover{
background: #fff;
color:#666;
}
/* Navigation Second Level */
.menuprods li ul{
position:absolute;
background:#fff;
top:30px;
display:none;
height:auto;
padding:20px 0px 20px 20px;
min-width:215px;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
margin-left:-3px;
}
.menuprods li:hover > ul{
display:block
}
.menuprods li li:hover {
color:#666;
}
.menuprods li ul li ul{
padding:15px!important;top:0px!important;
}
.menuprods li li {
position:relative;
display:block;
float:none;
min-width:150px;
}
.menuprods li ul a{
text-align:left;
display:block;font-weight: 500!important;font-size: 14px!important;color: #000!important;padding:7px 5px 8px 5px!important;
}
.menuprods li li ul{
position:absolute;
left:195px!important;padding:15px!important;top:0px!important;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
.swiper-pager {
width: 100%;
position: absolute;
top: 0;
line-height: 45px;
}
.homeslider .swiper-pager { top: auto;bottom: 00px;}
.xrisima .swiper-pager { top: 40%;}
.homeslider .swiper-pagination {
bottom: 20px;
left: auto;
right:20px;
text-align: right;
width: 100%;
font-weight: 500;
font-size: 11px;
line-height: 24px;
color: #000000;
}
.homeslider .swiper-pagination-bullet {
width: 11px;
height: 11px;
background: #D9D9D9;
border-radius: 20px;
border:1px solid #D9D9D9;
margin: 0 5px;
opacity: 1;
}
.homeslider .swiper-pagination-bullet:hover {
background: #fff;border:1px solid #fff;
}
.homeslider .swiper-pagination-bullet-active {
background: #fff;border:1px solid #fff;
}
.xrisima .swiper-button-prev{
background:url(../img/ar2big.svg) no-repeat 0 0!important;z-index:99!important;width:18px!important;height:40px!important; top: 0!important;
opacity: 0.7;
left:10px!important;
right:auto!important;
}
.xrisima .swiper-button-next{
background:url(../img/ar1big.svg) no-repeat 0 0!important;z-index:99!important;width:18px!important;height:40px!important; top: 0!important;
right:10px!important;left:auto!important;opacity: 0.7;
}
.xrisima .swiper-viewport:hover .swiper-button-prev { opacity: 1;}
.xrisima .swiper-viewport:hover .swiper-button-next { opacity: 1;}
.swiper-button-prev{
background:url(../img/ar2.svg) no-repeat 0 0!important;z-index:99!important;width:16px!important;height:40px!important; top: 0!important;
opacity: 0.7;
left:auto!important;
right:35px!important;
}
.swiper-button-next{
background:url(../img/ar1.svg) no-repeat 0 0!important;z-index:99!important;width:16px!important;height:40px!important; top: 0!important;
right:10px!important;left:auto!important;opacity: 0.7;
}
.swiper-viewport:hover .swiper-button-prev { opacity: 1;}
.swiper-viewport:hover .swiper-button-next { opacity: 1;}
.swiper-button-prev-slideshow0{
background:url(../img/arw2.svg) no-repeat 0 0!important;z-index:99!important;width:16px!important;height:40px!important; bottom: 20px!important;top:auto!important;
opacity: 0.7;position:absolute!important;
left:25px!important;right:auto!important;cursor:pointer;
}
.swiper-button-next-slideshow0{
position:absolute!important;
background:url(../img/arw1.svg) no-repeat 0 0!important;z-index:99!important;width:16px!important;height:40px!important; bottom: 20px!important;top:auto!important;
left:57px!important;opacity: 0.7;right:auto!important;cursor:pointer;
}
.swiper-viewport:hover .swiper-button-prev-slideshow0 { opacity: 1;}
.swiper-viewport:hover .swiper-button-next-slideshow0 { opacity: 1;}
.nav-tabs {
border-bottom: 0;
}
.nav-tabs > li {
float: none;
margin-bottom: 0;
display:inline-block;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
color: #fff!important;
cursor: default;
background-color: #636363;
border: none;
border-bottom: 1px solid #fff;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 13px;
border: 0;padding: 10px 45px!important;
background:#F5F5F5;
border-radius: 0;font-weight: 700;
font-size: 13px;color:#3F3F3F!important;
line-height: 17px;
}
.tab-pane {
font-weight: 400;
font-size: 14px;color:#000;
line-height: 20px;padding:0px 0;}
.tab-pane p {font-weight: 400;
font-size: 14px;color:#000;
line-height: 20px;}
@media (max-width: 600px) {
.nav-tabs > li > a {font-size: 11px;padding: 10px 15px!important;}
}
@media (max-width: 402px) {
.nav-tabs > li > a {font-size: 12px!important;padding: 10px 9px!important;}
}
.panel { background-color: transparent!important;}
.eikonaheading p img {width:100%!important;}
.eikonaheading span {font-weight: 700;font-size: 20px;line-height: 24px;color: #000000;padding:15px;display:block;}
.giamaketaeikonamobile {display:none;}
.zeropadd{padding:53px 0px 60px 0;}
.clearer{clear:both;height:20px;}
@media (max-width:767px) {
.eikonaheading p img {width:70px!important;}
.eikonaheading span {font-weight: 700;float:left;font-size: 20px;line-height: 24px;color: #000000;padding:0;margin-top:21px;display:block;}
.giamaketaeikonamobile {display:block;width:70px;float:left;margin-right:25px;}
.giamaketaeikonapc {display:none;}
.zeropadd{padding:0px 0px 10px 0;}
.clearer{clear:both;height:0px;}
.zeropadd .swiper-button-next {
top: -70px !important;
right: 0px !important;
left: auto !important;
}
.zeropadd .swiper-button-prev {
top: -70px !important;
right: 30px !important;
left: auto !important;
}
.feturedhomeholder {
width: 100%;
margin: 0 auto;
overflow-x: hidden;
}
}