@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url(https://fonts.googleapis.com/css?family="Roboto+Condensed"&subset=latin,greek);
@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,greek);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,greek);


body {
	background-color: #ffffff;
	color: #4c4c4c;
	  line-height: 1.60;
/*  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;*/
	font-family: "IBM Plex Sans", "Roboto", Arial, Helvetica, sans-serif !important;
}

.container.msc-container {
	background-color: rgba(255, 255, 255, 0.93);
}

.custom-color1{color:#3992b8;}
.custom-color2{color:#7cab3a;}
.custom-color3{color:#98c557;}
.custom-color4{color:#56acd1;}

.nicescroll-rails > div { 
	background-color: #56acd1 !important;
}

.log-panel a {
	color: #5c5c5c;
}

.log-panel a:hover {
	color: #56acd1;
}

dt.tabs.open, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer, .featured-view .spacer, .browse-view .spacer {
	background-color: #ffffff;
}

#search-position .search .inputbox {
	color: #8a8a8a;
	border: 1px solid #dedede;
}

a,a:hover, .moduletable_menu ul.menu li ul li a:hover {
	color: #56acd1;
}

.PricesalesPrice {
	color: #7cab3a;
}

.pr-add, .pr-add-bottom,.featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .recent-view .spacer h3, .related-products-view .spacer h3, .browse-view .product .spacer h2,.featured-view .spacer .product_s_desc, .latest-view .spacer .product_s_desc, .topten-view .spacer .product_s_desc, .recent-view .spacer .product_s_desc, .related-products-view .spacer .product_s_desc, .browse-view .product .spacer .product_s_desc {
	color: #4c4c4c;
}

.category-view .row-fluid .category .spacer h2 a .cat-title {
	color: #ffffff;
}

.category .spacer {
	background: #56acd1;
}

.category .spacer:hover {
	background: #3992b8;
}

.button, button, a.button, .btn, dt.tabs.closed:hover, dt.tabs.closed:hover h3 a, .closemenu, .vmproduct.productdetails .spacer:hover .pr-add, .vmproduct.productdetails .spacer:hover .pr-add-bottom, a.product-details, input.addtocart-button, a.ask-a-question, .highlight-button, .vm-button-correct, .cartpanel span.closecart, .vm-pagination ul li a, #LoginForm .btn-group > .dropdown-menu, #LoginForm .btn-group > .dropdown-menu a, a.details, #stickymenuButton, #searchOpenButton2:hover, #searchOpenButton1:hover, .search-panel #searchpanel2, .search-panel .inputbox, #top-sticky-panel .container .is-empty, .show-both {
	color: #ffffff !important;
	background-color: #56acd1 !important;
}

a#menupanel {
	background-color: #56acd1;
}

a#menupanel:hover {
	background-color: #3d5a73;
}

.row-fluid .spacer .pr-img-handler .popout-price .product-details:hover,
.row-fluid .spacer .pr-img-handler .popout-price .show-pop-up-image:hover {
	background-color: #56acd1 !important;
}

.button:hover, button:hover, a.button:hover, .closemenu:hover, .btn:hover, a.product-details:hover, input.addtocart-button:hover, a.ask-a-question:hover, .highlight-button:hover, .vm-button-correct:hover, span.quantity-controls input.quantity-plus:hover, span.quantity-controls input.quantity-minus:hover, .cartpanel span.closecart:hover, .vm-pagination ul li a:hover, .quantity-input,  span.quantity-controls input.quantity-plus, span.quantity-controls input.quantity-minus,
.row-fluid .spacer .pr-img-handler .popout-price .product-details, .row-fluid .spacer .pr-img-handler .popout-price .show-pop-up-image, a.details:hover, #stickymenuButton:hover, #searchOpenButton2, #searchOpenButton1 {
	color: #ffffff !important;
	background-color: #3992b8 !important;
}

.cart-button {
	background-color: #56acd1;
}

.is-empty {
	color: #56acd1;
}

.cart-button:hover {
	background-color: #3992b8 !important;
}

.rm-line {background-color:#ffffff;}

.cart-button .popover-content {color:#333333;}

.cart-button .popover {background:#ffffff; }
.cart-button .popover.bottom .arrow{border-bottom-color:#ffffff;}

#LoginForm .btn-group > .dropdown-menu a:hover {
	background: #3992b8 !important;
}

#LoginForm .caret {
	border-top-color: #ffffff !important;
}

div.spacer, li.spacer {

}

div.spacer:hover, li.spacer:hover {

}

.browse-view .spacer {
border: 2px #f4f4f4 solid;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

.browse-view .spacer:hover {
	border: 2px #f0f0f0 solid;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.85);
-moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.85);
box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.85);

}

.moduletable_empty > h3 {
	color: #3992b8;
}

.moduletable a, div.panel2 a, .category_description a, .productdetails-view a {
	color: #56acd1;
}

#nav-line {
	background-color: #f5f5f5;
}

.camera_wrap .camera_pag .camera_pag_ul li {
background: #ffffff;
}

.camera_prev > span,.camera_next > span,.camera_commands > .camera_play,.camera_commands > .camera_stop,.camera_prevThumbs div,.camera_nextThumbs div {
	background-color: #3992b8;
}

.camera_wrap .camera_pag .camera_pag_ul li > span, .product-sl-handler ol li,
.camera_prev:hover > span,.camera_next:hover > span,.camera_commands:hover > .camera_play,.camera_commands:hover > .camera_stop {
	background-color: #56acd1;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span,
.product-sl-handler ol li:hover, .product-sl-handler ol li.current {
	background-color: #7cab3a;
}

.camera_thumbs_cont ul li > img {
	border: 1px solid #2f2f2f !important;
}

.camera_caption {
	color: #3992b8;
}

@media (max-width: 767px) { 
	.camera_caption > div {
		background-color: rgba(255,255,255,0.85);
	}
}

.camera_caption .button {
	background-color: #3992b8 !important;
}

.camera_caption .button:hover {
	background-color: #56acd1 !important;
}

.button.buynow {
	background-color: #7cab3a !important;
}

.button.buynow:hover {
	background-color: #98c557 !important;
}

#menu {
	background: #56acd1;
}

#menu .menu-nav li a, #menu .menu-nav ul a, #menu .menu-nav ul ul a, #menu ul.menu-nav li a small {
	color: #ffffff;
}

.dk_options a,.cartpanel a {
	color: #56acd1;
}

#menu .menu-nav ul li {
	border-top: 1px solid #dedede;
}

#menu .menu-nav ul li a {
	color: #595959;
  font-weight: 500 !important;
  font-size: 1rem !important;
}
.dk_options_inner a, .panel1, .panel1 a {
	color: #56acd1 !important;
}
.dk_options_inner a:hover, .dk_option_current a {
	background-color: #56acd1;
	color: #ffffff !important;
}

#menu .menu-nav ul li a:hover, .menu-nav ul li.sfHover > a {
	color: #56acd1 !important;
}

#menu .menu-nav ul li a .sf-sub-indicator {
	border-left-color: #56acd1 !important;
}

#menu .menu-nav > li.active > a {
	background-color: #3992b8;
	color: #ffffff !important;
}

#menu .menu-nav > li > a:hover, #menu .menu-nav > li.sfHover > a, .menupanel ul.selectnav li a:hover, a#menupanel:hover {
	background-color: #98c557;
	color: #ffffff !important;
	-webkit-box-shadow: 0px 0px 14px #7cab3a inset;
	-moz-box-shadow: 0px 0px 14px #7cab3a inset;
	box-shadow: 0px 0px 14px #7cab3a inset;
}

#menu .menu-nav ul li a:hover .sf-sub-indicator,
#menu .menu-nav ul li.sfHover > a .sf-sub-indicator  {
	border-left-color: #56acd1 !important;
}

#menu .menu-nav li ul, #menu .menu-nav li ul li ul, #nav ol, #nav ul, #nav ol ol, #nav ul ul, div.panel2, 
.dk_options, .panel1 {
	background-color: #ffffff !important;
	border: 10px solid #f2f7eb;
}

#stickymenupanel {
	background-color: #f2f7eb;
}

thead th, table th, tbody th, tbody td {
	border-top: 1px solid #dedede;
}
tbody th, tbody td, .search-results dt.result-title{
	border-bottom: 1px solid #dedede;
}

.popout-price .PricesalesPrice {
	background-color: #56acd1;
	color: #ffffff;
}

.product-price {
	color: #7d7d7d;
}

.moduletable {
	/*border: 6px solid #f2f7eb;*/
	    padding: 0px 0px;
}

.moduletable_menu > h3, .moduletable_menu > h3 .h-cl {
	color: #ffffff;
	background: #56acd1;
}

.moduletable_menu .module-content {
	background: #ffffff;
}

.moduletable_menu ul.menu li, .VMmenu li {
	border-bottom: 1px solid #dfdfdf;

}

.moduletable_menu ul.menu li a, .latestnews_menu li a, .VMmenu li div a {
	color: #2b2b2b;
	padding: 10px;
}


.moduletable_menu ul.menu li a:hover, ul.latestnews_menu li a:hover {
	color: #56acd1;
	background: #ccc;
}

.VMmenu li div a:hover {
    color: #3992B8;

}

.VmArrowdown{
	right: 5px;
	
}


/* VM menu hover effect */
.VMmenu li div a {

  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.VMmenu li div a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #f0f8e5;
  height: 100%;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.VMmenu li div a:hover:before, .VMmenu li div a:focus:before, .VMmenu li div a:active:before {
  right: 0;
}
.moduletable_menu .VmOpen ul.menu li a, .moduletable_menu .VmClose ul.menu li a {
    font-weight: 400 !important;
    font-size: 99%;
    padding: 6px 15px !important;
}



.moduletable_style1, #slideshow-handler {
	background-color: #f2f7eb;
	box-shadow: 0px 0px 25px #dae5cb inset;
	color: #3992b8;
}

.moduletable_style1 a {
	color: #3992b8;
}

.moduletable_style1:hover {
	background-color: #f5f5f5;
	box-shadow: 0px 0px 25px #f5f5f5 inset;
	color: #3992b8;
}

.moduletable_style1:hover a {
	color: #3992b8;
}

.moduletable_motion .custom_motion {
	background-color: #f2f2f2;
}

.h-cl {
	color: #7cab3a;
}

#bot-modules-2 {
	border-bottom: 6px solid #404040;
}

#footer {
	background-color: #262626;
	color: #e5e5e5;
}

#footer a {
	color: #ffffff;
}
#footer a:hover, #footer h3 {
	color: #56ACD1;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; border: #e1e1e1 solid 8px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height:100%;}

#recaptcha_image { width:auto !important; max-width: 100%; height: auto !important}
#recaptcha_image img { width:100%; ;}
#recaptcha_response_field { width: 90% !important; max-width: 302px; }

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{
float: left;
}
#recaptcha_area tr{
height: auto !important;
}
.recaptcha_image_cell{
width: 100% !important;
max-width: 300px;}
img{
/*height: auto !important; */
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contact-position{ 
	margin-top: 30px;
	margin-left: -30px;
		font-weight:400;font-size:120%;
	letter-spacing: 2px;
}
.item h2,.item-page h2,h3.title,h2 .contact-name,.newsfeed h2,.blog h2,#archive-items h2{padding:0px 0px 5px 0px;margin-bottom:11px;font-weight:600;font-size:130%;}
.img-intro-left img {
	width: 30%;
	float:left;
	padding-right: 10px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.img-intro-none,.img-fulltext-none{text-align:center;padding-bottom:10px}
.img-intro-left{padding-bottom:10px }
.img-fulltext-left{float:left}
.img-intro-right{padding-bottom:10px}
.img-fulltext-right{float:right}
.img-intro-none img,.img-fulltext-none img,.img-fulltext-left img,.img-intro-right img,.img-fulltext-right img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;max-width:95%}



/*bubble*/
.bubble {
    position: relative;
    width: 95%;
    height: auto;
    padding: 0px;
    background: -webkit-linear-gradient(90deg, #F2F2F2 5%, #FAFAFA 100%);
    background: -moz-linear-gradient(90deg, #F2F2F2 5%, #FAFAFA 100%);
    background: -ms-linear-gradient(90deg, #F2F2F2 5%, #FAFAFA 100%);
    background: linear-gradient(180deg, #FAFAFA 5%, #F2F2F2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#F2F2F2');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  /*  -webkit-box-shadow: 0px 1px 10px 0px rgba(97, 97, 97, 0.34);
    -moz-box-shadow: 0px 1px 10px 0px rgba(97, 97, 97, 0.34);
    box-shadow: 0px 1px 10px 0px rgba(97, 97, 97, 0.34); */
	padding: 20px;
	font-size: 1.1em;

}

  .bubble:after {
    content: "";
    position: absolute;
    bottom: -0px;
    left: 7px;
    border-style: solid;
    border-width: 0px 0px 0;
    border-color: #f2f2f2 transparent;
    display: block;
    width: 0;
    z-index: 1;
}

/* category blog view */
p.readmore {
    text-align: right;
    padding: 20px 40px;
    text-transform: none;
    margin: 0px !important;
}

/* blog vew*/
.blog-list-item{ 
    height: auto; 
    width: auto; 
    position: relative; 
 border: 8px solid #f8f8f8; 
background-color:#fcfcfc;  
padding:15px; 20px 15px 25px;  
margin:5px 20px; 
    border-radius: 4px; 
	
} 
.blog-list-item:before{ 
    content: ""; 
    z-index: -1; 
    position: absolute; 
    width: 50%; 
    top: 160px; 
    bottom: 15px; 
    left: 10px; 
    -webkit-transform: rotate(-3deg); 
    transform: rotate(-3deg); 
    box-shadow: 0px 8px 10px #777777; 
		    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    -transition-delay: 1s;

} 
.blog-list-item:after{ 
    content: ""; 
    z-index: -1; 
    position: absolute; 
    width: 50%; 
    top: 160px; 
    right: 10px; 
    bottom: 15px; 
    -webkit-transform: rotate(3deg); 
    transform: rotate(3deg); 
    box-shadow: 0px 8px 10px #777777; 
		    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    -transition-delay: 1s;
}

.blog-list-item:hover :before{ 
    content: ""; 
    z-index: -1; 
    position: absolute; 
    width: 50%; 
    top: 160px; 
    bottom: 15px; 
    left: 10px; 
    -webkit-transform: rotate(-3deg); 
    transform: rotate(-3deg); 
    box-shadow: 0px 15px 10px #c9c9c9; 
	    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -transition-delay: 0.6s;
} 
.blog-list-item:hover :after{ 
    content: ""; 
    z-index: -1; 
    position: absolute; 
    width: 50%; 
    top: 160px; 
    right: 10px; 
    bottom: 15px; 
    -webkit-transform: rotate(3deg); 
    transform: rotate(3deg); 
    box-shadow: 0px 15px 10px #c9c9c9; 
	    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -transition-delay: 0.6s;
}




/* Box -shandow */
.box-shadow-preview{ 
    height: auto; 
    width: auto; 
    position: relative; 
 border: 8px solid #f8f8f8; 
background-color:#FFF;  
padding:15px; 20px 15px 25px;  
margin:5px 20px; 
    border-radius: 4px; 
} 
.box-shadow-preview:before{ 
    content: ""; 
    z-index: -1; 
    position: absolute; 
    width: 50%; 
    top: 160px; 
    bottom: 15px; 
    left: 10px; 
    -webkit-transform: rotate(-3deg); 
    transform: rotate(-3deg); 
    box-shadow: 0px 5px 8px #777777; 
} 
.box-shadow-preview:after{ 
    content: ""; 
    z-index: -1; 
    position: absolute; 
    width: 50%; 
    top: 160px; 
    right: 10px; 
    bottom: 15px; 
    -webkit-transform: rotate(3deg); 
    transform: rotate(3deg); 
    box-shadow: 0px 15px 10px #777777; 
}

blockquote {
	font-family: "IBM Plex Sans", "Roboto", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	font-style: italic;
	padding: 20px 30px;
	margin-bottom: 15px;
}
.jicons-text{
	width: 50px;
}
legend {
    font-weight: 200;
    font-size: 12px;
    line-height: 30px;
    margin-top: -24px;
    vertical-align: middle;
}

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border-top: 1px solid #fff;
}
.category-view-title{
	font-size: 150%;
}

#favimagehover-title span{
	letter-spacing: inherit;
	
}
.moduletable h3 {
    text-transform: none;
}

.border-left{
	border-left:  #e1e1e1 5px solid;
	padding-left: 15px;
}
.moduletable_menu .module-content {
    padding: 3px 0px;
	border: #56ACD1 solid 0px;
}

.product-short-description ul > br {
  display: none !important;
}
.product-short-description div > br {
  display: none !important;
}
.moduletable_menu ul.menu li a, ul.latestnews_menu li a, .VMmenu li div a {
  display: block;
  background: none;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}
#menu .menu-nav > li > a {
  font: 700 18px/24px "IBM Plex Sans", "Roboto", Arial, Helvetica, sans-serif !important;
  text-transform: none;
  letter-spacing: 0px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
#menu .menu-nav ul > li a {
  font: 600 14px "IBM Plex Sans", "Roboto", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
  text-transform: none;
}