/*body {
margin-bottom: 210px;
}
*/

/*.xduo{
    background-color: #fff;
    border-radius: 12px;
    color: #000;
    height: 24px;
    padding-top: 4px;
    width: 24px;
}
.product div .xduo span{
    font-weight:500;
    font-size:15px;
    display:inline;
}*/


.kartell-logo{
display:none;
}

#udm_85 a{
background-color:#ed1a3d;
color:#fff;
}


.product div .addtocart .pricepack span{
    font-weight:300;
    font-size:15px;
    display:inline;
}

.product div .pricepack span.pricesize{
    font-weight:300;
    font-size:16px;
    display:inline;
}

/* STELIOS: style for sidebar filters (template_top_products_sidebar) */

div.filters-sidebar,
div.products-sidebar {
	display: inline-block;
	vertical-align: top;
}

div.filters-sidebar { width: 215px; margin-top: 40px; margin-right: 15px; position: relative; z-index: 100; background-color: white; }
div.products-sidebar { width: calc(100vw - 215px - 15px - 140px); margin-left: 0; }

div.filters-sidebar .onefilter-sidebar {
	position:relative;
	border-bottom:1px solid #fff;
	width: 100%;
	margin-bottom: 6px;
}

div.filters-sidebar .onefilter-sidebar .collapsible-head {
	/*
	background-color: lightgray;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	*/
	background-color: black;
	color: white;
	height: 32px;
	padding-left: 10px;
	padding-top: 4px;
	font-size: 17px;
	font-weight: 400;
}

div.filters-sidebar .onefilter-sidebar .collapsible-head.open { background-color: #ed1a3d; }
div.filters-sidebar .onefilter-sidebar .collapsible-body { /*border: 2px solid lightgray; border-top: none;*/ }

span.collapseToggleBtn {
	/*
	background-image: url('/files/site/toggle-collapse-icon.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	*/
	border-radius: 5px;
    display: block;
    float: right;
    height: 20px;
    text-align: center;
    width: 20px;
	cursor:pointer;
	cursor:hand;
	margin-right: 2px;

	font-size: 22px;
	font-family: Verdana, Tahoma;
	position: relative;
	top: -5px;
	right: 5px;
}
span.collapseToggleBtn:after { content: "x"; }
span.collapseToggleBtn.collapsed:after { content: "+"; }

div.filters-sidebar .onefilter-sidebar .collapsible-head span.collapseToggleBtn.collapsed {
	/*
	background-image: url('/files/site/toggle-expand-icon.png');
	*/
}

div.filters-sidebar .onefilter-sidebar ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 13px;
    display: inline-block;
	vertical-align: top;
    width: 100%;
	font-size: 15px;
}

div.filters-sidebar .onefilter-sidebar ul li .filter-btn {
	float: right;
	height: 20px;
	width: 20px;
	position: relative;
	top: 1px;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #999;
	/* background-size: contain; */
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-image: url('/files/site/check_icon_black.png');
}

div.filters-sidebar .onefilter-sidebar ul li .filter-btn.off {
	background-image: url('/files/site/x_icon.png');
}

div.filters-sidebar .onefilter-sidebar .checkboxesContainer {
	display: inline-block;
	vertical-align: top;
    width: 20%;
	padding-top: 13px;
}

div.filters-sidebar .onefilter-sidebar .checkboxesContainer input {
	display: block;
	height: 17px;
	width: 17px;
	margin: 3px auto 0px;
}

.sidebar-toggle {
    display: none;
    width: 70px;
    height: 25px;
    margin-top: 10px;
    text-align: right;
    padding-top: 3px;
    background-image: url('/files/site/filter_gray.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    cursor: pointer;
}

.sidebar-toggle.open {
    background-image: url('/files/site/filter_black.png');
}

@media(max-width: 767px) {
    div.filters-sidebar { position: absolute; margin-top: 10px; display: none; box-shadow: 10px 0px 10px -5px darkgray; }
    .sidebar-toggle { display: block; }
    #products { width: 100%; }
    .pagetitle { margin-top: 10px; }
}

@media(max-width: 445px) {
    .breadcrumbs { padding-top: 10px !important; }
    .perPageContainer { float: none !important; text-align: left !important; }
}

/***************************************************************************************************************************************************************************************/

/* STELIOS: style for user login page */

.social_login_buttons_container { text-align: center; margin: 40px 0px 15px; }
.social_login_buttons_container button { margin-bottom: 10px; border: none; background-repeat: no-repeat; }

.social_login_buttons_container .fb_login_btn {
	width: 100%;
	height: 40px;
	background-color: #20375F;
	color: white;
	background-image: url('/files/site/fb_btn.png');
}
.social_login_buttons_container .fb_login_btn:hover { background-color: #4862A3; /*#5473C9;*/ }

.social_login_buttons_container .gp_login_btn {
	width: 100%;
	height: 40px;
	background-color: #B5332A;
	color: white;
	background-image: url('/files/site/gplus_btn.png');
}
.social_login_buttons_container .gp_login_btn:hover { background-color: #D73D32; /*#5473C9;*/ }

/***************************************************************************************************************************************************************************************/

/* STELIOS: style for template_showone_products_table */

.codes_table { margin: 10px 0px; }

.codes_table .cell {
	display: inline-block;
	vertical-align: bottom;
	border-bottom: 1px solid black;
	padding:3px;
	/*width: 25%;*/
}

.codes_table .codes_table_row.headings { text-transform: capitalize;}
.codes_table .codes_table_row.headings .cell { font-weight: bold; }
.codes_table .codes_table_row.entry.selected { background-color: black; color: white; }
.codes_table .codes_table_row.entry:hover { background-color: black; color: white; cursor: pointer; }

/***************************************************************************************************************************************************************************************/

/* STELIOS: style for easyzoom plugin (showone product, inside slider) */

.easyzoom { display: inline-block; margin: 0 auto; position: relative; }
.easyzoom img { vertical-align: bottom; }
.easyzoom--overlay .easyzoom-flyout { top: 0; left: 0; width: 100%; height: 100%; }
.easyzoom-flyout { position:absolute;	z-index: 100; overflow: hidden; background: #FFF; }
.easyzoom-flyout img { max-width: initial !important; }
.easyzoom.is-ready img { cursor: crosshair; }

/***************************************************************************************************************************************************************************************/

/* STELIOS: style for OFFICE page */

.officeContainer .imagesection { width: 100%; }
.pgwSlideshow span.ps-prev,
.pgwSlideshow span.ps-next { z-index: 10; }

/***************************************************************************************************************************************************************************************/

/* STELIOS: style for PORTFOLIO page */

.portfolioFilters { margin: 20px 10px 10px; text-align: center; }
.portfolioFilters button {
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: white;
	border: 1px solid black;
	outline: none !important;
}
.portfolioFilters button.selected {
	background-color: rgba(20, 14, 140, 0.8);
	border: 1px solid rgba(20, 14, 140, 0.8);
	color: white;
}
.loading { margin-top: 50px; text-align: center; }
.grid-item { width: 312px; cursor: pointer; padding: 10px; }

.grid-item .captionBg {
	background-color: rgba(20, 14, 140, 0.8);
	height: calc( 100% - 20px );
	width: 292px;
	position: absolute;
	top: 10px;
}

.grid-item .caption {
	color: white;
	font-size: 30px;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	line-height: 1;
}

@media( max-width: 980px ) {
	.portfolioDetails {
		width: 100% !important;
		margin-top: 25px;
	}
}

/***************************************************************************************************************************************************************************************/

/* STELIOS: style for COMPANIES page */

#companiesContainer { margin-top: 50px; }

#companiesContainer div {
	width: 25%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
}

#companiesContainer img { margin: 0 auto; }

.companyWrapper .leftLogo {
	display: inline-block;
	vertical-align: top;
	background-color: #ed1a3d;
	height: 145px;
	margin-top: 30px;
}

.companyWrapper .leftLogo img { padding-bottom: 20px; background-color: white; }

.companyWrapper .content_text {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 100px);
	padding-left: 30px;
	text-align: justify;
	margin-top: 30px;
}

.companyWrapper .cv { display: inline-block; vertical-align: top; width: 100%; }
.companyWrapper .desPhoto { float: right; padding-left: 10px; }

/***************************************************************************************************************************************************************************************/

/* STELIOS: style for DESIGNERS page */

.designerWrapper .leftLogo {
	display: inline-block;
	vertical-align: top;
	background-color: #ed1a3d;
	height: 145px;
	margin-top: 30px;
}

.designerWrapper .leftLogo img { padding-bottom: 20px; background-color: white; }

.designerWrapper .content_text {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 100px);
	padding-left: 30px;
	text-align: justify;
	margin-top: 30px;
}

.designerWrapper .cv { display: inline-block; vertical-align: top; width: 100%; }
.designerWrapper .desPhoto { float: right; padding-left: 10px; }
.container { position: relative; }

/* .bgoptionimage { background:url(http://new.areadomus.gr/files/site/cart.jpg) no-repeat; } */

.wrapper { height: auto !important; margin: 0 auto -210px; min-height: 100%; }
.push { height: 210px; }
.container h1 { font-size: 23px; font-weight: 300; text-transform: uppercase; }
h1.designer { margin-right: 145px; }

#designerOverlays {
	position: absolute;
	padding: 10px;
	width: 100%;
	height: calc(100% - 73px);
	top: 73px;
	z-index: 10;
}

#designerOverlays .overlay {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}

#designerOverlays .overlay div {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	width: 100%;
	color: white;
	font-size: 16px;
	font-weight: 300px;
	text-align: center;
	line-height: 1.2;
}

/* css for collage jquery plugin */
	.collage {
		/* define how much padding you want in between your images */
		padding:10px;
	}

	.collage img {
		/* ensures padding at the bottom of the image is correct */
		vertical-align:bottom;

		/* hide the images until the plugin has run. the plugin will reveal the images*/
		opacity:0;
	}

	#designerProducts .similar-products { font-size: 14px; }

	@media (min-width: 330px) and (max-width: 482px) {
        /* STELIOS fix */
		.imageheight img { /*height: 100%;*/ width: initial; }
	}

/***************************************************************************************************************************************************************************************/

/* STELIOS: style for category tags in PRODUCT pages */

.searchTags {
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.searchTags .tag {
	display: inline-block;
	vertical-align: top;
	color: gray;
	margin: 0 5px;
}

.searchTags span.cat { margin-right: 10px; }
.searchTags span.remove { cursor: pointer; margin-right: 5px; }

#products { margin-top:40px; }
/* #products .col-md-3 { padding-left:10px; padding-right:10px; } */
.product img { padding-bottom:20px; padding-top:20px; }
.product { margin-bottom:20px; }

.productdiv {
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.productdiv:hover{ border:1px solid #000; }

.productdetails {
	text-align:center;
	line-height:100%;
	clear:both;
	margin-bottom:0px;
	padding-bottom:5px;
	/* trying to fix the 2 and 3 line issue */
	min-height: 88px;
}

.productdetailshover {
	background-color:#000;
	text-align:center;
	line-height:100%;
	clear:both;
	margin-bottom:0px;
	padding-bottom:5px;
	color:#fff;
	display:none;
	/* trying to fix the 2 and 3 line issue */
	min-height: 88px;
	/*position:relative;*/

}

.product div span {
	display: block;
	font-size: 18px;
	font-weight: 700;
	padding-top: 5px;
	height:25px;
	line-height: 100%;
}

.imageheight { height:250px; position:relative; }
.imageheight img, .imageheight2 img {
	max-width: 100%;
	max-height: 100%;
	/* STELIOS: added this so we display the spinner while image is loading */
	background-image: url('http://new.areadomus.gr/files/site/loading_blue.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.absoluteimage {
	bottom: 0;
	left: 0;
	margin: auto;
	min-height: 50px;
	position: absolute;
	right: 0;
	top: 0;
}

.imageheight2 { height: 190px; }
.product hr { border-color:#000; }

.productdiv .col-md-4 {
	font-size:10px;
	padding:5px 0px;
	text-align:center;
	font-weight:400;
}

.perpageHead { clear:both; text-align:center; }
.perpageHead a { padding-right:5px; }
.perpagecur { font-weight:400; }
.wishlist { background-color:#000; color:#fff; border-bottom:1px solid #000; }
.wishlist a { color:#fff; }
.inquiry { background-color:#fff; border-bottom:1px solid #000; }
.inquiryborder { background-color:#fff; border-bottom:1px solid #000; border-right:1px solid #000; }
.shop { background-color:#ed1a3d; color:#fff; border-bottom:1px solid #ed1a3d; }
.shop a { color:#fff; }

.oneoption {
	padding: 5px 10px;
	text-transform:none;
	font-weight:normal;
	background-color: #000;
	border-color: #ccc;
	color: #fff;
}

.options { font-weight:400; font-size:13px; }
#detailstable { margin-top:10px; }
#detailstable td { padding-bottom:5px; padding-right:10px; }
.addtocart { float:left; width:25%; margin-top:12px; font-size:12px;max-height:56px;}
.product div .addtocart span { font-size:15px; padding-top: 0px; font-weight:400; }
.producttitle { float:left; width: 50%; min-height:96px; }
/*

bottom: 0;     left: 0;     margin: auto;      min-height: 50px;     position: absolute;     right: 0;     top: 0;
.productdetails .producttitle { width: 100%; }
.productdetailshover .producttitle { width:50%; }
*/
.productdetailshover .producttitle a { color:#fff; }
.quicklook { float:left; width:25%; margin-top:5px; font-size:12px; padding-left:7px;padding-top:7px;}
.quicklook a { color:#fff; }
.quicklook img { padding:0px; margin-top:0px; }
.producttoolshover { display:none; height:31px; }
.producttoolshover a { font-size:14px; }

/* STELIOS: fix for products-cat page only */
@media (min-width: 1225px) and (max-width: 1345px) {
	.product.col-md-4 .producttoolshover a.cat { font-size:12px !important; }
}
@media (min-width: 1160px) and (max-width: 1224px) {
	.product.col-md-4 .producttoolshover a.cat { font-size:11px !important; }
}
@media (min-width: 1100px) and (max-width: 1159px) {
	.product.col-md-4 .producttoolshover a.cat { font-size:10px !important; }
}
@media (min-width: 1025px) and (max-width: 1099px) {
	.product.col-md-4 .producttoolshover a.cat { font-size:9px !important; }
}
@media (min-width: 992px) and (max-width: 1024px) {
	.product.col-md-4 .producttoolshover a.cat { font-size:8px !important; }
}
@media (min-width: 865px) and (max-width: 905px) {
	.product.col-md-4 .producttoolshover a.cat { font-size:10px !important; }
}
@media (min-width: 820px) and (max-width: 864px) {
	.product.col-md-4 .producttoolshover a.cat { font-size:9px !important; }
}
@media (min-width: 768px) and (max-width: 819px) {
	.product.col-md-4 .producttoolshover a.cat { font-size:8px !important; }
}
/* end of STELIOS */

/* STELIOS: fix for product page only */
@media (min-width: 1281px) and (max-width: 1300px) {
	.product.col-md-3 .producttoolshover a.prod { font-size:12px !important; }
}
@media (min-width: 1060px) and (max-width: 1125px) {
	.product.col-md-3 .producttoolshover a.prod { font-size:11px !important; }
}
@media (min-width: 1000px) and (max-width: 1059px) {
	.product.col-md-3 .producttoolshover a.prod { font-size:10px !important; }
}
@media (min-width: 885px) and (max-width: 999px) {
	.product.col-md-3 .producttoolshover a.prod { font-size:9px !important; }
}
@media (min-width: 788px) and (max-width: 885px) {
	.product.col-md-3 .producttoolshover a.prod { font-size:8px !important; }
}
@media (min-width: 768px) and (max-width: 787px) {
	.product.col-md-3 .producttoolshover a.prod { font-size:7px !important; }
}
/* end of STELIOS */

#wishlistproducts .pagetitle{
margin-bottom:20px;
}
#wishlistproducts .producttoolshover a { font-size:10px; }


.producttools { height:31px; }

.producttools.offer,
.oneproductdetails .offer {
	background-color: #ed1a3d;
	color: white;
	display: block;
	font-size: 40px;
	font-weight: bold;
	line-height: 0.8;
	padding-right: 25px;
	text-align: right;
	text-transform: uppercase;
}

/* STELIOS: fix for OFFER text (products-cat) */

@media (min-width: 992px) and (max-width: 1108px) {
	.producttools.offer { font-size: 33px; line-height: 0.94; }
}
@media (min-width: 768px) and (max-width: 860px) {
	.producttools.offer { font-size: 33px; line-height: 0.94; }
}

/* end of STELIOS */

.filters {
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: flex-center;
	justify-content:center;
}

.onefilter {
	position:relative;
	padding:10px 0px;
	border-bottom:1px solid #fff;
	text-align:center;
	width:130px;
	cursor:pointer;
	cursor:hand;
}

.onefilter ul {
	background-color: #000;
	color: #fff;
	display: none;
	left: 50%;
	list-style-type: none;
	margin: 0 0 0 -65px;
	padding: 13px;
	position: absolute;
	text-align: center;
	top: 41px;
	width: 130px;
	z-index: 200;
}

.onewishlist {
	background-color:#000;
	color:#fff;
	border-top:1px solid #000;
	padding:8px 0px;
	text-align:center;
}

.oneinquiry {
	background-color:#fff;
	border-top:1px solid #000;
	padding:8px 0px;
	text-align:center;
	cursor:pointer;
	cursor:hand;
}
.oneinquiryborder {
	background-color:#fff;
	border-top:1px solid #000;
	border-right:1px solid #000;
	padding:8px 0px;
	text-align:center;
	cursor:pointer;
	cursor:hand;
}

.notSoldOnline {
	background-color:#fff;
	border-top:1px solid #000;
	border-left:1px solid #000;
	padding:8px 0px;
	text-align:center;
}

.oneshop,
.addToCartNew {
	background-color:#ed1a3d;
	color:#fff;
	border-top:1px solid #ed1a3d;
	padding:8px 0px;
	text-align:center;
	cursor:pointer;
	cursor:hand;
}

.yourchoice, .addToCartMessage { background-color:#140e8c; padding:10px; color:#fff; }
.checkoutInfoContainer { display: none; width: 100%; }

.addToCartMessage { width: 100%; }
.addToCartMessage span { display: inline-block; text-align: center; vertical-align: middle; width: 50%; }
.addToCartMessage a { display: inline-block; font-weight: 400; color: white; text-align: center; }

.price {
	background-color:#231f20;
	color:#fff;
	float:right;
	padding:15px;
	display:block;
	font-weight:400;
	width:70%;
	text-align:right;
}

.availability {
	float:left;
	width:30%;
	padding:13px 0px 0px 10px;
	color:#ccc;
}

.availability span { color:#91CE6B; font-weight:400; }
.availability span img { margin-bottom:.25em; vertical-align:middle; }
.availability-price { background-color:#231f20; }
.price .oneitemprice .oldprice { color: red; text-decoration: line-through; }

.offernow .offertext span.oldprice { color: red; text-decoration: line-through;display:inline;font-size:20px;margin-top:10px; }

.offernow .offertext span.newprice { margin-top:10px; font-size:35px;}

.onefilter:hover { background-color:#000; color:#fff; }

/*showone product*/
#oneproduct, .portfolioContainer {
	margin-top:30px;
	/*display:flex;
	display: box;
	justify-content:space-between;*/
	margin-bottom:100px;
}

.portfolioContainer .grid-item img  { width: 292px; }

.oneproductdetails,
.portfolioDetails {
	border:1px solid #000;
	width:38%;
	margin-left:20px;
	float:right;
}

.imagesection {
	border-left:1px solid #000;
	width:57%;
	position:relative;
	float:left;
}

.imagesection img { border-top:1px solid #000; margin-left: 10px; margin-top: 20px; }
#similar { clear:both; padding-top:30px; }
#similar hr { margin-bottom:10px; }
.similar-products { font-size:12px; font-weight:400; }

.onetitle {
	background-color:#000;
	color:#fff;
	padding:15px;
	position: relative; /* STELIOS: added this because of positioning of social media share modal inside this element */
}

.onetitle h2 { margin-top:0px; margin-bottom:3px; }
.onetitle-text { float:left; line-height:100%; }
.onetitle-text a{ color:#fff; }
.one-share { float:right; font-size:12px; text-align:center; cursor:pointer; }
.description-details { padding:15px; font-size:13px; line-height:125%; }
.description-details .description_text{font-family:sans-serif;}
.description-details .notice { margin-top: 15px; color: red; }
.description-details .notice a { color: red; text-decoration: underline; }
.description-details .notice a:hover { color: black; }
.bootstrap-select .btn{ padding:3px 0px 2px 10px; }

/* STELIOS: style for new ask us button */
#ask_us_btn {
    background-color: #888686; /*#ed1a3d;*/
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 15px;
}

html body div.container div#products.row div.product.col-md-3 div.productdiv img.col-md-12{ float:none; }
html body div.container div.product.col-md-3 div.productdiv a img.col-md-12 { float:none; }

.technical,
.show_offers {
	font-size:15px;
	font-weight:400;
	margin-top:10px;
	cursor:pointer;
	cursor:hand;
}
.show_offers {
	margin-left: -15px;
	margin-right: -15px;
	background-color: #ed1a3d;
	color: white;
	text-transform: uppercase;
	line-height: 0.8;
	font-weight: bold;
	font-size: 40px;
	padding: 0 15px;
}
.show_offers img { margin-top: -6px; }

.technicaltext, .show_offers_modal { display:none; }
.technicaltext img, .show_offers img { margin-right:10px; }
.show_offers_modal table { display: inline-block; border: 1px solid black; padding: 5px; }

/* css for carousel for products */
	#carousel-designer-products .carousel-control { width: 3%; }
	#carousel-designer-products .carousel-inner { padding: 0 3%; }

	#carousel-designer-products span.glyphicon-chevron-right.custom,
	#carousel-designer-products span.glyphicon-chevron-left.custom {
		border-color: transparent #000;
		border-style: solid;
		display: block;
		height: 15px;
		width: 15px;
	}

	#carousel-designer-products span.glyphicon-chevron-right.custom { border-width: 10px 0 10px 10px; }
	#carousel-designer-products span.glyphicon-chevron-left.custom { border-width: 10px 10px 10px 0; }
	#carousel-designer-products span.glyphicon::before { content: none; }

	#carousel-designer-products a.carousel-control {
		background-image: none;
		background-color: transparent;
		opacity: 1;
	}

/* fix thumb distortion in slider */
	.pgwSlideshow .ps-list li .sliderNavThumb {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		height: 80px;
		width: 80px;
		text-align: center;
		margin-left: 10px;
		/* margin-top: 20px; */
		border: 1px solid black;
	}

	.pgwSlideshow .ps-list li .sliderNavThumb img { display: none; }
	.pgwSlideshow .ps-list .ps-selected { border: none; }
	.pgwSlideshow .ps-list .ps-selected .sliderNavThumb { border: none; }


/* STELIOS: blur for unclickable buttons */
	.blur {
		color: transparent !important;
		text-shadow: 0 0 1px white;
		cursor: initial !important;
	}

/***************************************************************************************************************************************************************************************/

/* STELIOS: css for PRODUCT PAGE SHARE modal */

.shareProductPageModal {
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	top: 0;
	right: 68px;
	display: block;
	color: white;
	padding: 0 10px;
}

.shareProductPageModal div { margin-top: 5px; }
.shareProductPageModal a { color: white; }
.shareProductPageModal img { height: 25px; width: 25px; margin-right: 5px; }

/***************************************************************************************************************************************************************************************/

/* STELIOS: css for SEARCH modal */

.searchModal {
	position: absolute;
	width: 400px;
    max-width: 96%;
	background-color: rgba(255,255,255,0.9);
	right: 2%;
	top: 6%;
	margin-top: 10px;
	padding: 0 15px 10px;
	z-index: 65000;

	/* without this my eyes hurt... */
	box-shadow: 0 0 10px 5px darkgray;
}

/*
.searchModal .header {
	border-bottom: 2px solid #ed1a3d;
	margin-bottom: 10px;
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	width: 90%;
}
*/

/*
.searchModal .closeBtn {
	background-image: url('/files/site/delete28.png');
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: top;
	height: 26px;
	width: 7%;
	margin-left: 2%;
	cursor: pointer;
}
*/

.searchModal input {
	background-image: url('/files/site/search-256.png');
	background-repeat: no-repeat;
	background-size: 5% auto;
	background-position: 98% center;
	width: 100%;
	padding-left: 5px;
	border: 1px solid black;
	border-left: 40px solid black;
	display: inline-block;
	vertical-align: top;
	margin-top: 15px;
	height: 32px;
}

.searchModal #searchResults { max-height: 600px; overflow: auto; margin-top: 10px; }
.searchModal ul { margin-top: 15px; padding-left: 0; list-style: none; }
.searchModal ul .list_heading { font-size: 20px; border-bottom: 1px solid black; margin-top: 10px; }
.searchModal ul a { color: black; }

.usereditModal {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	text-align: center;
	padding: 8px;
	width: 225px;
	height: 85px;
	color:#fff;
	/*display: none;*/
}
.usereditModal a{
color:#fff;
}

/***************************************************************************************************************************************************************************************/

.Box_category{
  width:100%;
  border:1px solid #ccc;
  margin-top:20px;
}

.bold{
font-weight:400;

}

.bold td{
border-bottom:2px solid #ccc;
padding:5px;
}
.order_row td{
padding:2px;
}
.order_row td a:hover{
 color:#ed1a3d;
}


/* STELIOS: css for FOLLOW US modal */

#socialMediaModal {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	text-align: center;
	padding: 8px;
	width: 325px;
	height: 38px;
	/*display: none;*/
}

#socialMediaModal .socialWrapper { display: inline-block; vertical-align: top; }
#socialMediaModal .socialWrapper .fb-like { margin-top: 1px; }
#socialMediaModal .socialWrapper #___follow_0 { margin-top: 1px !important; }

/*
.fb-follow { margin-bottom: 5px; }
.ig-follow { display: block !important; margin-bottom: 5px !important; }
*/

/***************************************************************************************************************************************************************************************/

/* STELIOS: css for NEWSLETTER page */

#newsletterContainer h1 { font-size: 24px; font-weight: 200; text-align: center; }
#newsletterContainer table { width: 70%; }

#newsletterContainer input[type="submit"] {
	background-color: black;
	color: white;
	border: medium none;
	padding: 5px 25px;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

/***************************************************************************************************************************************************************************************/

.relative { position:relative; }
.normalfont { font-weight:400; }
.normalheight { line-height:100%; }
.navbar-nav > li > a.cart { padding:7px 0px 0px 0px; }
.navbar-nav > li > a.search { padding:8px 0px 0px 0px; }
.nav > li > a.navbar-brand { padding-left:4px; padding-right:0px; }
#mobile-menu { display:none; }

#dropdownbackground {
	background-color: #fff;
	overflow: hidden;
	position: absolute;
	width: 950px;
	z-index: 200;
	opacity:0.93;
	padding-left:10px;
	padding-bottom:10px;
	top:30px;
	left:50%;
	margin-left:-475px;
	height:210px;
	display:none;
}

#dropdownbackgroundinside {
	background-color: #fff;
	overflow: hidden;
	position: absolute;
	width: 965px;
	z-index: 200;
	padding-left:10px;
	padding-bottom:10px;
	top:38px;
	left:50%;
	margin-left:-475px;
	height:210px;
	display:none;
	border-left:1px solid #dfdede;
	border-right:1px solid #dfdede;
	border-bottom:1px solid #dfdede;
}

/* STELIOS: media query for menu dropdown bg */
@media(min-width: 1500px) {
    #dropdownbackground { width: 80vw; /*width: 1070px;*/ left: 38%; }
	#dropdownbackgroundinside { width: 80vw; /*width: 1070px;*/ left: 38%; }
}
@media(min-width: 1351px) and (max-width: 1499px) {
    #dropdownbackground { width: 1080px; /*width: 1070px;*/ left: 45%; }
	#dropdownbackgroundinside { width: 1080px; /*width: 1070px;*/ left: 45%; }
}

@media(min-width: 768px) and (max-width: 991px) {
	#dropdownbackground { width: 740px; left: 64.5%; }
	#dropdownbackgroundinside { width: 740px; left: 64.8%; }
}
/* end of STELIOS */

#navbar2 { z-index:300; position:relative; }
#menu2 a { color:#000; }
.secondlevelwrapper { display:none; /*height:150px;*/ }

.orangeMenu {
	position:absolute;
	padding:20px 0px 20px 14px;
	width:230px;
	display: -webkit-box;
	display:-webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 200px;
}

.orangeMenu li { list-style-type:none; padding-right:7px; }
.orangeMenu li a span { color:#000; white-space: nowrap; }

.mobile-languages { padding: top: 18px; font-size: 12px; font-weight: 300; color: white; display: none; }
.mobile-languages a { color: white; }

.mainmenuinside {
	position:absolute;
	top:50px;
	background-color:#fff;
	opacity:0.93;
}

.headerimage {
	background-image:url(/files/site/inside.jpg);
	width:100%;
	height:222px;
	background-position:top center;
	border-bottom:8px solid #000;
}

.carousel_slide_image {
	background-size: cover;
	background-position: center;
	width: 1250px;
	height: 541px;
}

@media (min-width: 992px) and (max-width: 1300px) {
	.carousel_slide_image {
		width: 940px;
		height: 406.832px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.carousel_slide_image {
		width: 720px;
		height: 311.616px;
	}

}
@media (max-width: 767px) {
	.carousel_slide_image {
		height: calc((100vw - 30px) * 0.4328);
		width: 100%;
	}
}


.carousel-caption a { color:#fff;text-shadow: 0 0 5px #000, 0 0 25px #fff; }
.loginerrortop { text-align:center; color:red; margin-top:20px; }
.logo { position:absolute;left:50%;margin-left:-52px;top:20px;z-index:9999; }
.jscodes { display:none; }

.mainmenu {
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	width:100%;
	height:41px;
	margin-top:85px;
	z-index: 10;
}

.submenu a { margin-left:10px; display: inline-flex; }
.navbar-nav > li.submenu > a { padding:7px 15px; }
.navbar-default .navbar-nav > li.submenu > a { color:#000; }
.navbar-default .navbar-nav > li.submenu > a:hover { cursor:pointer; cursor:hand; color:#ed1a3d !important; } /*text-decoration:underline;*/

.navbar-default .navbar-nav > li.submenu > a#current {color:#ed1a3d;}




/* STELIOS: media queries for menu font size */
@media(max-width: 1350px) and (min-width: 992px) {
    .mainmenu .navbar-nav > li.submenu > a { font-size: 11px; padding: 7px 7px; }
    #menu2 a { font-size: 11px; }
    .product div span{font-size:17px;}

}

@media(max-width: 991px) and (min-width: 768px) {
    .mainmenu .navbar-nav > li.submenu > a { font-size: 10px; padding: 7px 2px; }
    #menu2 a { font-size: 10px; }
}

.flex {
	float:none;
	display:flex;
	justify-content: center;
	margin-left:-20px;
}

.menu2collapse { margin-top:2px; }
.hrclass { border-color:#000; margin:50px 0px; }
.hrclassbest { border-color:#000; margin:0px 0px; }

.hrtext {
	text-align: center;
	margin:-60px auto 0px;
	background-color:#fff;
	width:115px;
	font-weight: 300 !important;
}

.hrtext h2 {
	text-align: center;
	margin:-60px auto 0px;
	background-color:#fff;
	width:115px;
	font-weight: 300 !important;
	font-size:14px;
}

.hrtextbest {
	text-align: center;
	margin:50px auto 0px;
	background-color:#fff;
	width:115px;
	font-weight: 300 !important;
}

.hrtextbest h2 {
	text-align: center;
	margin:-60px auto 0px;
	background-color:#fff;
	width:115px;
	font-weight: 300 !important;
	font-size:14px;
}

#newproducts { margin-top:15px; }
#newproducts .col-md-3 img { max-width:100%; }

#newproducts .imgContainer {
	background-size: contain;
	background-repeat: no-repeat;
	background-position:50%;
	width: 290px;
	height: 164px;
}

@media(min-width: 992px) and (max-width: 1300px) {
	#newproducts .imgContainer { width: 212.5px; height: 120.4px; }
}
@media(min-width: 768px) and (max-width: 991px) {
	#newproducts .imgContainer { width: 157.5px; height: 89.25px; }
}
@media(min-width: 482px) and (max-width: 767px) {
	#newproducts .imgContainer { width: 270px; height: 153px; margin: 0 auto; }
}
@media(max-width: 481px) {
	#newproducts .imgContainer { width: 100%; height: calc((100vw - 30px) * 0.5655); } /* maintain aspect ratio (16:9) */
}

#bestsellers { margin-top:50px; }
/* #bestsellers img:hover { background-color:#000; } */
#bestsellers .col-md-6 .col-md-6 { padding:0px; }
#bestsellers .col-md-6 .paddingright { padding-right:15px; }
#bestsellers .col-md-6 .paddingleft { padding-left:15px; }


.homepage_portfolio_img {
	background-position: 50% 50%;
	/*
	background-size: cover;
	background-size: contain;
	*/
	background-repeat: no-repeat;
	height: 0;
	padding-bottom: 64.56%;
	position: relative;
	width: 100%;
	/*padding:0px 10px;*/
}
.best1 { background-size: contain; }
.homepage_portfolio_img { background-size: cover; }

.best1{
background-position: 50% 50%;
	/*
	background-size: cover;
	background-size: contain;
	*/
	background-repeat: no-repeat;
	height: 0;
	padding-bottom: 98.56%;
	position: relative;
	width: 100%;
	/*padding:0px 10px;*/
}



#newproducts .mask {
	background: #140e8c none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	transition: opacity 0.2s ease-in-out 0s;
	width: 100%;
	color: #fff;
	font-size: 40px;
	/*padding:36% 0px 0px 29px;*/
	padding-top: 10%;
	text-align: center;
	display:none;
	font-weight:700;
}
#newproducts .mask span{
font-size:30px;
display:inline-block;
line-height:100%;
font-weight:300;
}



.mask {
	background: #140e8c none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	transition: opacity 0.2s ease-in-out 0s;
	width: 100%;
	color: #fff;
	font-size: 40px;
	/*padding:36% 0px 0px 29px;*/
	padding-top: 40%;
	text-align: center;
	display:none;
	font-weight:700;
}
.mask span{
font-size:35px;
display:inline-block;
line-height:100%;
font-weight:300;
}

.weboffers .mask{
padding-top: 34%;
}

.homepage_portfolio_img .mask{
padding-top: 25%;
}

.homepage_portfolio_img {}
.homepage_portfolio_img .mask {}

@media(min-width: 768px) and (max-width: 991px) {
	.mask { padding-top: 20%; font-size: 22px; }
	.mask span{font-size:20px;}
}


.wrapword {
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
	word-break: break-all;
	white-space: normal;
}

/*
.portfolio a { display: block; height: 171px; }
*/

/* #footer_newsletter_form{ width:200px; } */
.offernow { border: 1px solid black; padding: 0; }
.offertext { float:left; width:50%; }

.offertext span {
	display: inline-block;
	font-size: 42px;
	line-height: 100%;
	/*margin-top: 30px;*/
	margin-top: 50px;
	text-align: center;
}

.offertext p {
	font-size: 19px;
	font-weight: 300;
	margin: 10px auto 0px auto;
	width: 220px;
}

@media (min-width: 992px) and (max-width: 1300px) {
	.offertext span { margin-top: 25px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.offertext span { font-size: 28px; margin-top: 10px; }
	.offertext p { font-size: 16px; width: 144px; }
	.offernow.col-md-6 { padding-bottom: 0px; }


}
@media (max-width: 767px) {
	.offertext { float: none; }
	.offertext p { width: 100%; }
	.offertext.col-md-6 { width: 100%; text-align: center; }
	.offernow.col-md-6 { padding-bottom: 0px; margin-bottom: 30px; }
    .banklogos { padding-left: 55px; }
}

.offernowimage { float:right; max-width:47%; }

.underline h2 {
	display:block;
	padding-right:20px;
	border-bottom:1px solid #000;
	width:132px;
	margin-bottom:15px;
	font-weight: 300;
	font-size:14px;
}

#lastline { margin-top:30px; }
#lastline p { font-size:12px; }
#lastline .imgContainer img { height: 100%; }

#lastline .imgContainer {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 187px;
	width: 187px;
	margin: 0 15px 7px 0;
	display: inline-block;
	vartical-align: top;
	text-align: center;
}

.bannerpadding{
padding-top:23px;
}

#lastline .titleline{
    width:100%;
    height:46px;
    /*
    margin-top:-112px;
    margin-bottom:100px;
    */
    background-color:#140e8c;
    opacity:0.8;
    text-align:center;
    margin-top: -27%;
    margin-bottom: 27%;
}
#lastline .titleline span{
    font-size:31px;
    color:#fff;
    font-weight:400;
}

#footer {
	border-top:1px solid #000;
	margin:30px 0px 0px 0px;
	padding-top:30px;
	background-color:#000;
	color:#d3d3d3;
	padding-bottom:10px;
	/*height:210px;*/
	/*position:absolute;
	bottom:0px;
	width:100%;*/
}

#footer ul { list-style-type:none; }
.footertitle { font-weight:400; padding-bottom:5px; }
.footerpadding { padding-bottom:15px; }
.normalfont span { font-size:9px; }
.footernewsletter { padding:0px 30px; }
#footer ul li a { color:#d3d3d3; text-transform: uppercase;}
#footer ul li a:hover { color:#fff; }
#footer .newsletterAndSocial img { height: 30px; width: 30px; }
.pagetitle { display: table; width: 100%; margin-top:10px;/*margin:0px auto; text-align:center;*/ }
.pagetitle h1 { display: table-cell; text-align:center; margin-top:0px; font-weight:300; font-size:23px; text-transform: uppercase; }
.breadcrumbs { font-size:12px; padding-top:20px; margin-right: 17px; text-transform: uppercase;  vertical-align: top; }   /*display: inline-block;  check γιατι μπηκε */
.breadcrumbs b { font-weight:400; }
.breadcrumbs a { color:#000; }
.contactmessageend { margin:20px 0px; text-align:center; }

.userlogin { width:400px; margin:0px auto; }
.userlogin h1 { text-align:center; margin-bottom:20px; }
.center { text-align:center; }
.submitlogin { margin:20px 0px; }
.userlogin .col-md-6 { margin-bottom:10px; }
.userlogin .col-md-6 span { font-weight:400; }

.oneproduct {
	float:left;
	width:174px;
	margin-right:22px;
	border:1px solid #ccc;
	margin-top:15px;
	position:relative;
}

.oneproductlast {
	margin-right:0px;
	float:left;
	width:176px;
	border:1px solid #ccc;
	margin-top:15px;
	position:relative;
}
.deletefavorite {
	position:absolute;
	top:0px;
	right:5px;
	font-size:15px;
}

.wishtitle { background-color:#000; text-align:center; padding:5px 0px; }
.wishtitle a { color:#fff; }

.borderright {
	background-color:#000;
	padding:10px;
	border-right:1px solid #fff;
	color:#fff;
	font-weight:300;
	cursor:pointer;
	cursor:hand;
}

.borderleft {
	background-color:#000;
	padding:10px;
	border-left:1px solid #fff;
	color:#fff;
	font-weight:300;
	cursor:pointer;
	cursor:hand;
}

.totalprice { color:red; padding-left:20px; }

/* Cart - order steps*/
.ESHOP_step {
    height: 80px;
    margin-bottom: 50px;
    width: 810px;
    margin-left:auto;
    margin-right:auto;
}

#ESHOP_step_general {
    color: #aaa;
    float: left;
    margin-left: 20px;
    margin-right: 5px;
    width: 175px;
}

#ESHOP_step_general h1 {
    font-size: 30pt;
    font-weight: bold;
    padding-left: 20px;
}

#ESHOP_step_general b, #ESHOP_step_general span { margin-left: 50px; }
#ESHOP_step_general b { float: left; margin-top: -30px; }
#ESHOP_step_general span { display: block; font-size: 9pt; margin-left: 50px; }
.step_done * { color: #ed1a3d !important; }

.add_more_products {
    background: #f5989d none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 700;
    height: 28px;
    position: relative;
}
.arrow_proceed_1 { margin-right: 12px; }
.arrow_proceed_2 { margin-left: 8px; }
a.add_more_products { padding: 5px; }
#receipt_products_totals { margin-top:20px; }
#timologio {  margin-bottom: 20px; padding: 8px; }
#timologio input { margin-bottom:3px; }
.register_headings { font-weight:bold; padding-bottom:10px; }
.shipping_details .formfirstcol { font-weight:400; }
.shipping_details .formsselectcountry { padding:5px 0px; }
.error { color:red; font-size:12px; }
/*label.error { position: absolute;
top: 143px;
left: 97px; }*/

.cart_table {
    /*background-color: #f6f6f6;
    border-top: 1px solid #dedede;*/
    padding: 5px 30px 40px;
    /*position: relative;*/
    clear:both;
}

.titlecart {
    border-bottom: 1px solid #aaaaaa;
    font-size: 12pt;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.coupondiv { margin-top:20px; text-align:right; }
.coupondiv span { font-size:13px; font-weight:bold; }
.couponinput { padding:3px 12px; }
div.cart_table ul#cart_headings { height: 30px; width: 100%; padding-left:0px; }

ul#cart_headings li {
    background-image: none;
    border-bottom: 1px solid #dedede;
    float: left;
    font-size: 12px;
    font-weight: bold;
    list-style-type: none;
    margin-bottom: 5px;
    /*padding-top: 5px;*/
    padding-bottom:8px;
}
.cart_clmn_product { width: 53%; }
.cart_clmn_color { width: 10%; }
.cart_clmn_price { width: 10%; }
.cart_clmn_quantity { width: 15%; }
.cart_clmn_total { width: 10%; }
.cart_clmn_remove { width: 12%; }

/* STELIOS: for mobile cart */

@media( max-width: 767px ) {
    .cart_clmn_product { width: 40%; min-width:160px; }
    .cart_clmn_color { width: 15%; }
    .cart_clmn_price { width: 15%; min-width: 64px; }
    .cart_clmn_quantity { width: 15%; min-width: 48px; }
    .cart_clmn_total { width: 15%; min-width: 64px; }
    .cart_clmn_remove { width: 15%; }
    #cart_signle_item li.cart_signle_item_PR_title { width: calc(40% - 80px) !important; min-width: 80px; }
}

@media( max-width: 520px ) {
    ul#cart_headings { display: none; }
    ul#cart_signle_item { /*border: 1px solid #dedede;*/ padding-top: 10px; }
}

div.cart_table ul#cart_signle_item {
    height: 100px;
    width: 100%;
    clear:both;
    padding-left:0px;
}

div.cart_table ul#cart_signle_item li {
    background-image: none;
    float: left;
    list-style-type: none;
}

#cart_signle_item li.cart_signle_item_PR_title,
#cart_signle_item li.cart_clmn_price, #cart_signle_item li.cart_clmn_quantity,
#cart_signle_item li.cart_clmn_color,#cart_signle_item li.cart_clmn_total,
#cart_signle_item li.cart_clmn_remove {
    /*padding-top: 35px;*/
}

#cart_signle_item li.cart_signle_item_PR_title { /*width: 45%;*/ width: calc(53% - 80px); padding-left:10px; }

a.x {
    background-image: url("/files/site/delete28.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 0 none;
    display: inline-block;
    height: 28px;
    margin-left: 7px;
    text-decoration: none;
    width: 28px;
}

.selectbox_cart {
    border: 2px solid #aaaaaa;
    margin-right: 20px;
    padding: 3px;
}

.paddingleftremove { /*padding-left:17px;*/ }
.buttons_tbl { text-align:center; }
.emptycart { text-align:center; padding-top:20px; }
.sidebarBox_order_comments { float: right; margin-bottom: 10px; width: 35%; }
@media(max-width: 771px) {
    .sidebarBox_order_comments { width: initial; }
}
div.cart_table form#formoptions h4 { font-size: 16px; font-weight: 400; margin-bottom: 5px; }
.sidebarBox { margin-bottom: 10px; width: 52%; }
div.sidebarBox input { margin-left: 10px; margin-right: 5px; }
.sidebarBox span { color: #777; display: block; font-size: 7pt; }
form#confirmform div.cart_table div table tr { border-bottom:1px solid #ccc; }
form#confirmform div.cart_table div table td.firstline { font-weight: bold; margin-top: 0; width: 100%; }
form#confirmform div.cart_table div#forms_confirmation_products td.product { width: 48%; }
form#confirmform div.cart_table div#forms_confirmation_products td.vat { width: 7%; }
form#confirmform div.cart_table div#forms_confirmation_products td.price2 { width: 8%; }
form#confirmform div.cart_table div#forms_confirmation_products td.quantity { width: 10%; }
form#confirmform div.cart_table div#forms_confirmation_products td.total { width: 10%; }
form#confirmform div.cart_table div#forms_confirmation_products td.total_w_VAT { text-align: left; width: 16%; }
form#confirmform div.cart_table div ul#confirmation_products_details { height: 18px; margin-bottom: 0; width: 100%; }
form#confirmform div.cart_table div#forms_confirmation_products td.code { width: 0; }

form#confirmform div.cart_table div ul#confirmation_products_headings td,
form#confirmform div.cart_table div ul#confirmation_products_details td {
    background-image: none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.q_cntr {
    margin-left: -1% !important;
    margin-right: 1% !important;
    text-align: center;
}

ul#total_cost, ul#total_cost_final {
    height: 20px;
    margin-top: 10px;
    width: 100%;
}

ul#total_cost li, ul#total_cost_final li {
    background-image: none;
    color: #777;
    float: left;
    font-size: 10px;
    padding: 2px 5px;
    text-align: right;
    width: 74%;
    list-style-type:none;
}

ul#total_cost li span, ul#total_cost_final li span {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

form#confirmform div.cart_table div#forms_confirmation_products li.total_w_VAT,
form#confirmform div.cart_table div#forms_confirmation_products li.coupon{
    text-align: left;
    width: 24%;
    padding:8px;
    font-size:15px;
    margin-bottom:2px;
}

.titlecart_sm {
    border-bottom: 1px solid #eeeeee;
    color: #ed1a3d;
    font-size: 12pt;
    margin-bottom: 10px;
    padding-bottom: 2px;
    padding-top: 30px;
}

#customer_details { line-height: 130%; }
ul#shipment_summary { padding: 0; list-style-type:none; margin-top:20px; }
#shipment_summary li span { display: inline-block; font-weight: 400; width: 150px; }
#confirm_order_buttons { margin: 0 auto 8%; position: relative; }

ul#total_cost li.total_w_VAT,
ul#total_cost_final li.total_w_VAT {
    background-color: #444;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    /*width: 12% !important;*/
}

ul#total_cost li.coupon { margin-left: 2px; }
div.cart_table ul#customer_details li span { display: inline-block; font-weight: 400; width: 150px; }

/*end cart order steps*/
	@media (max-width: 992px) {
		.navbar-nav > li.submenu > a { padding:9px 5px; }
		.col-md-3 { padding-bottom:30px; }
		.col-md-6 { padding-bottom:30px; }
		.userlogin .col-md-6 { padding-bottom:0px; }
		.producttitle { font-size:11px; }
		.producttoolshover a { font-size:11px; }
    }

    @media (max-device-width: 480px) and (orientation: landscape) {
		#mobile-menu .orangeMenu { position: initial; height: initial; }
		.newsletterForm form { width: 90%; }

		.col-md-3 {
			padding-bottom:30px;
			padding:0px 0px 10px 10px;
			width:50%;
			float:left;
		}

		.col-md-6 { padding-bottom:30px; padding:0px 10px 10px 10px; }
		.col-md-12 { width: 100%; }
		.reservedarea { clear:both; }
		.carousel-caption { left:35%; right:35%; bottom:40%; }
		.weboffers img { width:75px; }
		/*
		.producttoolshover { height:53px; }
		.producttools { height:53px; }
		*/
		#mobile-menu .orangeMenu { position: initial; height: initial; }

	}

    @media (max-device-width: 480px) and (orientation: portrait) {
		#mobile-menu .orangeMenu { position: initial; height: initial; }
		.newsletterForm form { width: 90% !important; }

        /* STELIOS fix */
		/*#newproducts img { width:100% }*/
		/*.col-md-12 { width: 100%; }*/
		#bestsellers img { width:100% }
		.carousel-caption { left:36%; right:36%; bottom:45%; }
		#bestsellers .offernowimage { width:55%; margin-top:5px; }
		/*
		.producttoolshover { height:53px; }
		.producttools { height:53px; }
		*/
		#oneproduct { display:block; }
		.imagesection { width:100%; }
		.oneproductdetails { width:100%; margin-left:0px; }
		.container { padding-left:10px; padding-right:10px; }
		.options .col-md-4 { width: 33.33333333%; float:left; }
		.userlogin { width:280px; }


		 #lastline .imgContainer {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: 100px;
        width: 100%;
        margin: 0 15px 7px 0;
        display: inline-block;
        vartical-align: top;
        text-align: center;
        }

        #lastline .titleline{
            width:100%;
            height:34px;
            /*
            margin-top:-60px;
            margin-bottom:100px;
            */
            background-color:#140e8c;
            opacity:0.8;
            text-align:center;
            margin-top: -27%;
            margin-bottom: 27%;
        }

        #lastline .titleline span{
            font-size:21px;
            color:#fff;
            font-weight:400;
        }
         .weboffers .mask{
          padding-top:5%;
         }



	}

    @media (max-width: 980px) {
		#oneproduct { display:block; }
		.imagesection { width:100%; }
		.oneproductdetails { width:100%; margin-left:0px; margin-top:30px; }
		.producttoolshover .col-md-4 { width: 33.33333333%; float:left; }
		.pgwSlideshow .ps-list { position:relative; }
    }

    @media (min-width: 992px) and (max-width: 1280px) {
		.producttitle { font-size:12px; }
		.producttoolshover a { font-size:12px; }

		#newproducts .mask {
        background: #140e8c none repeat scroll 0 0;
        height: 100%;
        left: 0;
        opacity: 0.8;
        position: absolute;
        top: 0;
        transition: opacity 0.2s ease-in-out 0s;
        width: 100%;
        color: #fff;
        font-size: 40px;
        /*padding:36% 0px 0px 29px;*/
        padding-top: 5%;
        text-align: center;
        display:none;
        font-weight:700;
        }
        #newproducts .mask span{
        font-size:21px;
        display:inline-block;
        line-height:100%;
        font-weight:300;
        }
     }
      @media (min-width: 768px) and (max-width: 1270px) {

        #lastline .imgContainer {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: 100px;
        width: 100px;
        margin: 0 15px 7px 0;
        display: inline-block;
        vartical-align: top;
        text-align: center;
        }

        #lastline .titleline{
            width:100%;
            height:34px;
            /*
            margin-top:-68px;
            margin-bottom:100px;
            */
            background-color:#140e8c;
            opacity:0.8;
            text-align:center;
            margin-top: -27%;
            margin-bottom: 27%;
        }
        #lastline .titleline span{
            font-size:21px;
            color:#fff;
            font-weight:400;
        }

        #udm_85 a{
        padding-bottom:6px;
        }


    }


    @media (min-width: 991px) and (max-width:1300px)  {

        #lastline .imgContainer {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: 135px;
        width: 135px;
        margin: 0 15px 7px 0;
        display: inline-block;
        vartical-align: top;
        text-align: center;
        }

        #lastline .titleline{
            width:100%;
            height:34px;
            /*
            margin-top:-68px;
            margin-bottom:100px;
            */
            background-color:#140e8c;
            opacity:0.8;
            text-align:center;
            margin-top: -27%;
            margin-bottom: 27%;
        }

        #lastline .titleline span{
            font-size:21px;
            color:#fff;
            font-weight:400;
        }
         .weboffers .mask{
          padding-top:25%;
         }
        .weboffers .mask span{
           font-size:25px;
        }


    }



    @media (max-width: 767px) {
		.mainmenu { display:none; }

		.mobile-languages { display: block; }

		#mobile-menu {
			background-color: #fff;
			/*opacity:0.9;*/
			bottom: 0;
			color: #333;
			display: none;
			max-width: 95%;
			overflow-x: hidden;
			overflow-y: auto;
			padding: 0 25px 15px;
			position: fixed;
			top: 0;
			right:0;
			z-index: 60000;
			box-shadow: -1px 4px 18px 3px black;
		}

		#mobile-menu a { color:#000; font-size:15px; }

		.flex { display:block; }

		.closemobilemenou {
			background-color: #000;
			border: 1px solid #000;
			color: #fff;
			display: block;
			float: right;
			font-size: 21px;
			line-height: 1;
			/*margin-right: 15px;*/
			margin-top: 8px;
			opacity: 0.8;
			padding: 6px 15px;
			text-shadow: 0 1px 0 #fff;
			cursor:pointer;
			cursor:hand;
		}



		.carousel-indicators { bottom:-32px; }
		.carousel-caption { bottom:10%; }
		.logo { width:80px; margin-left:-40px; }
		.producttoolshover a { font-size:10px; }

		/* for homepage */
		#newproducts, #lastline { text-align: center; }
		#lastline .underline { text-align: left; }
		#lastline img { max-width: 100%; }
		/*********************/




    }

    @media (min-width: 768px) {
		.col-md-3,.col-md-6 { float: left; }
		.col-md-3 { width: 25%; }
		.col-md-6 { width: 50%; }
		#lastline .col-md-12 { max-width: 100%; }
        .productdiv .col-md-12 { max-width: 100%; }
	}

    @media (min-width: 768px) and (max-width: 1199px) {
		.offernowimage { width:45%; }
		.weboffers img { width:70px; }
		.carousel-caption { left:35%; right:35%; }
	}

    @media (min-width: 768px) and (max-width: 991px) {
        /* STELIOS: homepage fix fot banner image (lastline2) */
        #lastline.lastline2 .col-md-6.imageContainerLastline { width: 100%; }
        #lastline.lastline2 .col-md-6.imageContainerLastline img { width: 100%; }
        #lastline.lastline2 .col-md-3 { width: 50%; }
    }

    @media (max-width: 768px) {
        #lastline.lastline2 .col-md-6.imageContainerLastline { width: 100%; }
        #lastline.lastline2 .col-md-6.imageContainerLastline img { width: 100%; }
    }

/* STELIOS: style for contact page: */

/* used for templates: template_contact, template_contact_request */

.redirect_message { width: 100%; margin-top: 20px; border: 1px solid red; text-align: center; }
.leftColumn_contact, .rightColumn_contact { display: inline-block; vertical-align: top; }

.leftColumn_contact {
    width: 40%;
    position: relative;
    margin-top: 50px;
    min-width: 320px;
    min-height: 655px;
}

.rightColumn_contact {
    width: 59%;
    margin-top: 30px;
}

/* left column stuff */
.banner {
    width: 93px;
    background-color: black;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    bottom: 0;
    top: 0;
}

.banner .logo2 {
    margin-top: 10px;
    padding-bottom: 20px;
    background-color: white;
}

.infoContainer {
    height: 100%;
    width: 74%;
    display: inline-block;
    vertical-align: top;
    margin-left: 93px;
    padding: 0 25px;
}

.infoContainer .info { font-size: 14px; /* 13px; */ }
.newsletterForm h4 { margin-bottom: 6px; font-size: 16px; }
.newsletterForm p { margin-bottom: 15px; line-height: 1; font-size: 10px; }
.newsletterForm input { width: 100%; height: 35px; margin-bottom: 5px; }

.newsletterForm #btnNewsletterSubmit {
    background-color: black;
    color: white;
    border: none;
    width: 100%;
    height: 35px;
    font-size: 18px;
    font-weight: bold;
}

.infoContainer .newsletterContainer { position: absolute; bottom: 0; width: 228px; }
.infoContainer .newsletterContainer .socialButtons_contact { padding-top: 10px; }
.infoContainer .newsletterContainer .socialButtons_contact h4 { font-size: 14px; }
.socialButtons_contact .facebook, .socialButtons_contact .twitter, .socialButtons_contact .gplus { height: 22px; width: 23px; display: inline-block; vertical-align: top; background-size: cover; border-radius: 2px; cursor: pointer; }
.socialButtons_contact .facebook:hover, .socialButtons_contact .twitter:hover, .socialButtons_contact .gplus:hover { opacity: 0.8; }
.socialButtons_contact .facebook { background-image: url('/files/site/facebook.png'); }
.socialButtons_contact .twitter { background-image: url('/files/site/twitter.png'); }
.socialButtons_contact .gplus { background-image: url('/files/site/google.png'); background-color: #949591; }

/* right column stuff */
.contactFormContainer {
    position: relative;
    background-color: black;
    color: white;
    padding: 15% 10%;
	max-width: 97%;
}
.contactFormContainer .heading {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 25px;
    border-bottom: 3px solid #ed1a3d;
    display: inline-flex;
}
.contactFormContainer input,
.contactFormContainer textarea {
    width: 80%;
    background-color: black;
    border: none;
    border-bottom: 1px solid white;
    margin-bottom: 25px;
    font-size: 16px;
    padding-left: 30px;
    background-repeat: no-repeat;
}

.contactFormContainer input::-webkit-input-placeholder,
.contactFormContainer textarea::-webkit-input-placeholder { color: white; }
.contactFormContainer input::-moz-placeholder,
.contactFormContainer textarea::-moz-placeholder { color: white; opacity: 1; }
.contactFormContainer input:-ms-input-placeholder,
.contactFormContainer textarea:-ms-input-placeholder { color: white; }
.contactFormContainer input { height: 50px; }
.contactFormContainer textarea { margin-bottom: 50px; height: 200px; }

.contactFormContainer #btnContactSubmit {
    width: 100%;
    position: absolute;
    height: 50px;
    background-color: #ed1a3d;
    bottom: 0;
    left: 0;
    border: none;
}

.name { background-image: url('/files/site/user_icon.png'); background-position: 0 15px; }
.email { background-image: url('/files/site/message_icon.png'); background-position: 0 15px; }
.message { background-image: url('/files/site/chatBubble_icon.png'); background-position: 0 5px; }

#recaptcha_table { background-color: white; }
#recaptcha_table input { color: white; }
.recaptcha_widget_container { margin-bottom: 35px; }

/* @media all and (min-width: 1300px), all and (min-device-width: 1300px) and (max-device-width: 1300px) and (orientation: portrait) { */
@media (max-width: 1300px) {
    .leftColumn_contact { height: 805px; }
    .rightColumn_contact { width: 59%; margin-top: 30px; min-width: 480px; }
    .contactFormContainer { padding: 15% 10%; }


    /*.infoContainer h4 { color: orange; }*/
}

/* @media all and (min-width: 992px), all and (min-device-width: 992px) and (max-device-width: 992px) and (orientation: portrait) { */
@media (max-width: 992px) {
    .leftColumn_contact { height: 750px; }
    .leftColumn_contact { width: 100%; }
	.rightColumn_contact { width: 100%; margin-top: 30px; }
    .contactFormContainer { padding: 15% 10%; }
    /*.infoContainer h4 { color: yellow; }*/
}


/* @media all and (min-width: 768px), all and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) { */
@media (max-width: 768px) {
	#mobile-menu .orangeMenu { position: initial; height: initial; }
    .leftColumn_contact { width: 100%; }
	.rightColumn_contact { width: 100%; margin-top: 30px; }
	/*
	.leftColumn_contact { height: 636px; }
    .rightColumn_contact { width: 450px; margin-top: 30px; }
    */
	.contactFormContainer { padding: 15% 10%; }
    /*.infoContainer h4{ color: green; }*/
}

/* @media all and (min-width: 450px), all and (min-device-width: 450px) and (max-device-width: 450px) and (orientation: portrait) { */
@media (max-width: 450px) {
	#mobile-menu .orangeMenu { position: initial; height: initial; }
	.leftColumn_contact { width: 100%; }
	.rightColumn_contact { width: 100%; margin-top: 30px; }
	/*
    .leftColumn_contact { height: 636px; }
    .rightColumn_contact { width: 450px; margin-top: 30px; }
    */
	.contactFormContainer { padding: 15px; }
	/*.infoContainer h4 { color: red }*/
}

/***************************************************************************************************************************************************************************************/

/* STELIOS:  style for branches page */

/* used by template: template_branches */

.leftColumn_branches, .rightColumn_branches { display: inline-block; vertical-align: top; margin-top: 30px; }
.rightColumn_branches { width: 59%; /*min-width: 480px;*/ }
.rightColumn_branches img { width: 100%; }
.infoContainer h1 { font-size: 24px; font-weight: 300; }

.leftColumn_branches {
    width: 40%;
    position: relative;
    min-width: 320px;
    min-height: 655px;
}

.branches_image {
    background-image: url('/files/site/branches_img.jpg');
    background-size: cover;
    height: 634px;
    width: 640x;
}

@media (max-width: 992px) {
	.rightColumn_branches,
	.leftColumn_branches,
	.rightColumn_branches,
	.leftColumn_branches { width: 100%; }
}

/***************************************************************************************************************************************************************************************/


/* STELIOS:  style for new user registration page */

/* used for template: forms_newform_public_tbl_customers*/

#essence { margin-top: 30px; }
#essence input { margin: 5px 0; }
#essence select { margin: 5px 0; }

.submit_button {
	margin-top: 30px !important;
	background-color: black;
	border: medium none;
	color: white;
	font-size: 14px;
	font-weight: 400;
	height: 35px;
	padding: 5px 20px;
	text-transform: uppercase;
}

label[for=c_CH_eidosparastatikou1],
label[for=c_CH_eidosparastatikou2] {
	font-weight: 300;
	margin-right: 10px;
}


.navbar-default .navbar-nav > li#udm_85.submenu > a#current {color:#fff;}
.navbar-default .navbar-nav > li#udm_85.submenu > a:hover { cursor:pointer; cursor:hand; color:#fff !important; }





/***************************************************************************************************************************************************************************************/

/* STELIOS:  style for per page js plugin */

/* used for template: template_top_products_sidebar */

.container#pagination {
	margin-top: 10px;
	padding-top: 10px;
	clear: both;
	/*border-top: 1px solid black;*/
}

#pagination img {
	float: left;
	position: relative;
	top: -100px;
}

#pagination center {
    /*width: calc(100% - 235px);*/
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#pagination center.with_sidebar {
    width: calc(100% - 235px);
}

@media(max-width: 767px) {
    #pagination center { width: 100% !important; padding-left: 28px; }
}

.perPageContainer div.bootstrap-select {
	width: 90px !important;
	padding: 1px;
}

.perPageContainer #select_perPage {
	display: inline-block;
	margin-left: 10px;
}

.perPageContainer #select_perPage span.ppVal {
	cursor: pointer;
	margin: 0 3px;
	min-width: 25px;
	display: inline-block;
	text-align: center;
}

.perPageContainer #select_perPage span.ppVal:hover {
	font-weight: 400;
}

.perPageContainer #select_perPage span.ppVal.selected {
	font-weight: 400;
}

.perPageContainer {
	text-align: right;
	margin-top: 18px;
	float: right;
	font-weight: 300;
}

.btn_showMore {
	min-width: 100px;
	cursor: pointer;

}

.btn_showMore.noMore,
.perPageContainer.noMore {
	/*background-color: gray !important;*/
	display: none;
}

.btn_backToTop {
	background-image: url("/files/site/backToTop.png");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: right;
    height: 34px;
    width: 34px;
}



div#designerProducts.designerProducts div#products div#carousel-designer-products.carousel.slide div.carousel-inner div.item div.product.col-md-3.col-sm-6 div.productdiv div.producttoolshover a{
font-size:12px;
}

@media (min-width: 768px) and (max-width: 991px) {

	#newproducts .mask {
	background: #140e8c none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	transition: opacity 0.2s ease-in-out 0s;
	width: 100%;
	color: #fff;
	font-size: 25px;
	/*padding:36% 0px 0px 29px;*/
	padding-top: 5%;
	text-align: center;
	display:none;
	font-weight:700;
	line-height:100%;
    }
    #newproducts .mask span{
    font-size:17px;
    display:inline-block;
    line-height:100%;
    font-weight:300;
    }


}




/***************************************************************************************************************************************************************************************/