/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/*.right{float:right!important;}*/
.left{float:left!important}
.right{float:right!important;}
.rtl{direction:rtl; text-align:right;}
#menu-button, #menu-button.click{display:none; width:18px; height:18px; position:absolute; top:0px; left:0px; background:url(../images/menu.png) top left no-repeat; padding-left:22px; cursor:pointer; color:#D42745; font-size:12px;}
#menu-button:hover, #menu-button.click{background-position:bottom left; color:#999999;}


#main {width:100%;  background: #fff; z-index: 5;  position: relative;  overflow:auto; overflow-x:hidden; height:100%;
    -webkit-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
        moz-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
          o-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
            box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.5s ease;
	left:0px;
}
#main.open{left:200px;}

#menu{background-color:#ffffff;}
#menu ul{margin:0px;}
#menu li a { padding: 8px;  display: block;  color: #000000;   text-decoration: none; text-align:center; font-size:13px;}
#menu {float:left; width: 200px;   height: 100%; position: fixed; overflow:auto ; z-index:4; display:none;}
#menu li { background:#ECECEC;border-bottom: 1px solid #D3D3D3; color: #A70626; direction:rtl; text-align:right; margin-bottom:0px;}
#menu li a:hover,#menu li .current {background-color:#D3D3D3; color: #A70626;}
#menu li ul{width:100%; margin:0px;}
#menu li ul li{}
#menu li ul li a:hover,#menu li ul li .current {background-color:#D3D3D3; color: #A70626;}

#menu input{text-align:center; border:0px; background-color:#ffffff;}
	
#header{ position:fixed; width:100%; z-index:1; top:0px;z-index:999; border-bottom: 6px solid rgba(206,208,212,0.6)}
#header h5{margin-bottom:0px;}
#header h5 strong{ font-size:1.4em; color:#000; font-weight: normal;}
#header .header-top{background-color:#ffffff;}
#logo{ }
#logo a{width:175px; height:98px; background:url(../images/logo.png) no-repeat; display:block; background-size:contain; background-position: right;}

#header, #header *{transition: all 0.2s linear;}
#header.sticky .header-top{padding:5px 0px;}
#header.sticky #logo a{height:65px;}
#header.sticky #language ul{margin-bottom:5px;}
#header.sticky .basket_button .top_button{font-size:14px;}
#header.sticky .basket_button [class^="ti"]{font-size:17px;line-height: 30px; height: 30px;}
#header.sticky .cart ul li a{line-height: 30px;}
#main{padding-top:166px;}

#language{display:block; clear:both; text-align:left; margin-bottom:0px;}
#language ul li{display:inline-block; margin-bottom:0px; margin-left:0px; vertical-align:top;}
#language ul li:first-child{font-size:0.8em;}
#language ul li:first-child,#language ul li:nth-child(2){margin-left:5px;}
#language ul{margin-bottom:34px; direction:rtl;}
#language [class^="ti-"]{border:1px solid rgba(0,0,0,1); width:24px; height:24px; line-height:24px; overflow:hidden; text-align:center; border-radius:3px; font-size:16px; padding:3px}
#language .fa-img{height:24px; text-align:center; border-color:#0071B2;vertical-align:middle;}
#language .fa-img img{vertical-align:middle; margin:1px 0px 2px 0px;}
#language a{text-decoration:none;  transition: all 0.5s ease; display:block;}
#language a:hover{color:#A70626;}
#language a:hover .fa{border:1px solid rgba(255,255,255,1);}
.top_button{  border:1px solid rgba(225,225,225,1); display:inline-block; overflow:hidden;  text-align:center; border-radius:3px; vertical-align:top; padding:0px 10px; text-transform:uppercase; font-size:19px;}
.basket_button [class^="ti"]{border-left:1px solid rgba(225,225,225,1); font-size:24px; width:36px; height: 36px; line-height: 36px; text-align:center; margin-left:10px; padding-left:10px; vertical-align: middle;}
.basket_button .top_button{background-color:rgba(255,255,255,0.6);transition: all 0.5s ease; color:#000000; direction:rtl;font-size:16px;}
.basket_button:hover .top_button{background-color:rgba(255,255,255,1); color:#000000;}

.search{position:relative; display: block;}
.search input[type="text"]{border:0px; height:30px;border-radius:3px; line-height:30px;padding-top:2px; padding-bottom:2px; width:60px; padding-left:24px;transition: all 0.5s ease; margin-bottom:0px;}
.search input[type="text"]:focus{border:0px; width:100%; background-color: rgba(206,208,212,0.3);}
.search a:after{position:absolute; left:2px; font-size:24px; font-weight: normal; height:34px; top:1px; text-align:left; width:18px;  line-height:34px; content: "\e610"; font-family:themify!important;}

.cart{ text-align:left; display: none;}
.cart ul{margin-bottom:0px;}
.cart ul li{display:inline-block; margin-bottom:0px; margin-left:0px; vertical-align:top; margin:0px 10px;}
.cart ul li a{line-height:36px; text-decoration:none; color:#949494; font-size:19px;}
.cart ul li a:hover{color:#000000;}
.cart ul li:first-child{margin-right:0px;}
.cart ul li:last-child{margin-left:0px;}

#login{float:left;}
#top-links{top:20px;right:0px;}

.bg{background-color:#ffffff}

/* Main Navigation
==========================*/
.selectnav {display: none; cursor: pointer; width: 100%; padding: 8px; height: 37px; float: left; font-size: 14px;}
.menu-holder{border-top:1px solid #CED0D4;}
#navigation {float: right;}
#navigation ul, #navigation li {list-style:none; padding:0; margin:0; display:inline;}
#navigation ul li{float:right;}

#navigation ul li a { 
	display: inline-block;
	padding: 0px 20px;
	margin: 0 0px;
	text-decoration: none;
	font-size: 18px;
	line-height:33px;
	height:33px;
	border-bottom: 1px solid transparent;
	transition: border-bottom 0.2s linear;      -moz-transition: border-bottom 0.2s linear;    /* FF3.7+ */      -o-transition: border-bottom 0.2s linear;      /* Opera 10.5 */      -webkit-transition: border-bottom 0.2s linear; /* Saf3.2+, Chrome */
}
#navigation ul li.sub > a{padding-left:20px;}
#navigation ul li.sub > a:after{
	content: "\e64b";
	position: absolute;
	left: 0px;top: 50%;transform: translateY(-50%);
	font-family: 'themify';
	
}
#navigation ul li{
	border-left:1px solid #CED0D4;
	}

#navigation ul li:last-child{
	border-left:none;
	}
#navigation ul li:first-child a{
	/*padding-right:0px;*/
	}
#navigation ul li:last-child a{
	/*padding-left:0px;*/
	}

#navigation ul li a:hover{
	border-bottom: 1px solid #A70626!important;
	color:#A70626!important;
}

#navigation ul ul {
	opacity: 0; 
	margin: -1px 0 0 5px;
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	right: 0;
	background: #fff;
	border-top: 1px solid #ddd;
	z-index: 999;
	width:100%;
}

#navigation ul ul li{width:100%;}
#navigation ul ul li a:hover {
	border-bottom: 1px solid #ddd;
}
#navigation ul ul li:last-child a:hover {
	border-bottom: 1px solid transparent!important;
}

#navigation ul ul li a {
	padding: 8px 0;
	display: block;
	margin: 0 16px;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid transparent;
}

#navigation ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0;
	margin: -3px 0 0 0;
	z-index: 999;
}

#navigation ul ul ul li a { 
	border-bottom: 1px solid #dddddd !important;
	border-top: 1px solid transparent;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important;}
#navigation ul li:hover > ul{ opacity: 1; position:absolute; top:99%; left:0;}
#navigation ul ul li:hover > ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #fff; border: 0; }
#navigation ul li:hover > a {color: #A70626!important;}
#navigation ul ul li:hover > a {border-top: 1px solid transparent;}
#current {  color:#A70626!important; border-bottom: 1px solid #A70626!important;}

.TopMenuSubCategory{width:50%!important; display: inline-block; border-left:0px!important;}
.SubCategoryImg{width:50%!important; display: inline-block; height: 100%;    position: absolute;}
.SubCategoryImg img{height: 100%;
    width: auto;
    max-width: 1000%;
    transform: translateX(-50%);
    margin-left: 50%;
    left: 0px;
    position: absolute;}
.SubCategoryImg a{height:auto!important; text-align: left;}
.SubCategoriesContainer{    width: 49%!important;    display: inline-block;}
.SubCategoryImg div, .SubCategoryImg a{position: absolute;    top: 0px;    left: 0px; padding: 0px!important;    margin: 0px!important;    height: 100%!important;    width: 100%;border-top:0px;    overflow: hidden;}


/* IE Dropdown Fix
==========================*/
.ie-dropdown-fix {position: relative; z-index: 5;}


#banner_con{position:relative;}
/*#banner_con:after{background:url(../images/banner_line.png) repeat center;     margin-left: -960px;    left: 50%;  background-size:440px 50px; height:50px; width:1920px; position:relative;  content:''; display: block;}*/
#banner{overflow:hidden; position:relative;}
.featured_image .container12{    transform: translateX(-50%);    position: absolute;    bottom: 10%;    left: 50%;}
.featured_image:before{content:''; position: absolute; top:0px; left:0px; width:100%; height: 100%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#273446+0,273446+51,273446+100&0+1,0.9+70,0.9+100 */
background: -moz-linear-gradient(left, rgba(39,52,70,0) 0%, rgba(39,52,70,0) 1%, rgba(39,52,70,0.65) 51%, rgba(39,52,70,0.9) 70%, rgba(39,52,70,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(39,52,70,0) 0%,rgba(39,52,70,0) 1%,rgba(39,52,70,0.65) 51%,rgba(39,52,70,0.9) 70%,rgba(39,52,70,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(39,52,70,0) 0%,rgba(39,52,70,0) 1%,rgba(39,52,70,0.65) 51%,rgba(39,52,70,0.9) 70%,rgba(39,52,70,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00273446', endColorstr='#e6273446',GradientType=1 ); /* IE6-9 */

}
.featured_image{left:0px; top:0px; border:0px;}
.featured_image img{min-height:250px!important; width: auto!important;}
.featured_textbox{ direction:rtl; position:relative; color:#ffffff;}
.featured_textbox h1{ overflow:hidden; font-size:56px; line-height:1.1em; color:#ffffff; font-weight:bold;}
.featured_textbox p{font-size:20px; padding:0px 3px; overflow:hidden;  display:block; opacity:0.8;}
.featured_textbox .button{color:#ffffff; border: 1px solid #ffffff; background-color: transparent; padding:0 20px;}
.featured_textbox .button:hover{background-color:#A70626; border: 1px solid transparent;}
.featured_pages{height:5px; float:right; z-index:3; position:absolute; top:450px; left:10px; overflow:hidden;}
.featured_pages a{width:27px; height:3px; background:rgba(255,255,255,0.5); display:block; float:right; margin-left:5px;}
.featured_pages a.current{background-color:rgba(255,255,255,1);}


.owl-nav{position:absolute;     display: inline-block;
    font-family: 'themify';
	font-size:24px;
	position:absolute;
	top:50%;
	width:100%;
	left: 50%;
	transform: translate(-50%,-50%);
	color:#273446;

	}
.owl-nav .owl-prev{right:0px; position:absolute;transform:translateY(-50%);text-shadow: 0px 0px 0px rgba(255,255,255,0.5);}
.owl-nav .owl-next{left:0px; position:absolute;transform:translateY(-50%);text-shadow: 0px 0px 0px rgba(255,255,255,0.5);}
.owl-nav .owl-prev:before{    content: "\e628";}
.owl-nav .owl-next:before{content: "\e629";}
.owl-dots{position:absolute; bottom:10px; left:50%; transform:translateX(-50%);}
.owl-dots .owl-dot{ background-color:rgba(39,52,70,0.4); width:25px; height:5px; margin-left:5px; display:inline-block;-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);}
.owl-dots .owl-dot.active{background-color:rgba(39,52,70,1);}
.owl-nav .disabled{display:none;}

.shop_body .owl-nav{top:-25px; color:#fff;}


#body{width:100%;}

.margin-top{margin:65px 0px 0px 0px}
.margin-bottom{margin-bottom:20px;}
.margin-bottom20{margin-bottom:20px;}
.margin-top20{margin-top:20px;}
.padding-bottom20{padding-bottom:20px;}
.padding-top20{padding-top:20px;}
.padding-top50{padding-top:50px;}


.category{height:409px; overflow:hidden;}
.category h3{ margin-top:0px;}
.category ul{}
.category ul li{border-bottom:1px solid #E1E1E1; margin-bottom:0px; height:33px; line-height:33px; }
.category ul li:last-child{border-bottom-width:2px;}
.category ul li:last-child a{color:#C7C7C7;}
.category ul li a{display:block; text-decoration:none;}
.category ul li a:hover{background-color:rgba(225,225,225,0.6)}

.main_links a{text-decoration:none; display:inline-block;}
.main_links a:hover h3{color:#A70626;}
.main_links .box{border:0px;}
.main_links .box h1, .main_links .box h2, .main_links .box h3, .main_links .box h4, .main_links .box h5, .main_links .box h6{ margin-top:10px;}
.news{}
.article,.event,.offer{border:1px solid rgba(83,71,65,0.2); box-sizing: border-box; position:relative; line-height:1em;}
.article .p_text{height:240px; overflow:hidden;}
.event .p_text{height:218px; margin-bottom: 7px; overflow:hidden; padding:10px; box-sizing: border-box;}
.offer .p_text{height:128px; margin-bottom: 7px; overflow:hidden; padding:10px; box-sizing: border-box;}
.article .article_right{width:50%; display:inline-block;box-sizing: border-box; vertical-align:top; position:absolute; height:100%; padding:20px 10px 20px 20px;}
.article .img{width:100%; margin:0px; line-height:0em;}
.article.article_feature .img{border-radius:5px;}
.article.article_feature .box_text{position: absolute; top:0px; left: 0; width: 60%;     padding: 75px 75px 0px 75px; box-sizing: border-box}
.article.article_feature .box_text .p_text{text-align:right; color: #fff;}
.article.article_feature h3{color:#fff;}
.article.article_feature:before{border-radius:5px; content:''; position: absolute; top:0px; left:0px; width:100%; height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#273446+0,273446+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(39,52,70,1) 0%, rgba(39,52,70,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(39,52,70,1) 0%,rgba(39,52,70,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(39,52,70,1) 0%,rgba(39,52,70,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273446', endColorstr='#00273446',GradientType=1 ); /* IE6-9 */

}
.article.article_feature .box_text .button {    color: #ffffff;    border: 1px solid #ffffff;    background-color: transparent;margin:10px 0px;    padding: 0 20px;	display: inline-block;}
.article.article_feature .box_text .button:hover{color:#A70626; border-color:#A70626;}

.article .img{width:100%; margin:0px; line-height:0em;}
.article.article_expert .img{border-radius:5px;}
.article.article_expert h1{margin-bottom: 40px;}
.article.article_expert .box_text{position: absolute; top:15px; right: 15px; width: 60%;     padding: 30px; box-sizing: border-box}
.article.article_expert .box_text .p_text{text-align:right; height: auto; font-size: 17px; line-height: 1.2em;}
.article.article_expert:before{border-radius:5px; content:''; position: absolute; top:15px; left:15px; width:calc(100% - 30px); height: calc(100% - 30px);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0.3+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.89) 99%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.89) 99%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.89) 99%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
}
.article.article_expert .product{position:absolute; bottom: 40px; left:40px;}
.article.article_expert .box_text .button {    color: #273446;    border: 1px solid #273446;    background-color: transparent;margin:10px 0px;    padding: 0 20px;	display: inline-block;}
.article.article_expert .box_text .button:hover{color:#A70626; border-color:#A70626;}
.article.article_expert table td{line-height:1.4em;}

.indicator{width:82%;margin:10px 0px;}
.indicator-text{ display: inline-block; font-weight: bold; vertical-align: middle; padding:0px 10px;}
.indicator-text:first-child{padding-right:0px;}
.indicator-bar{width:70%; display: inline-block; height: 33px; vertical-align: middle; position: relative;}
.indicator-bar:before{content:''; border-bottom: 2px solid #273446; position: absolute; top:50%; transform: translateY(-50%); width: 100%;}
.indicator-bar-qrtr{width:25%; height: 33px;  border-left:2px solid #273446; display: inline-block; position: relative; margin-right:-4px;}
.indicator-bar-qrtr:last-child{border-left: 0px;}
.indicator-bar-qrtr.selected:before{content:''; width:14px; height:14px; border-radius: 50%; background-color: #273446; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%)}

.expert .prodcut{position:relative; bottom:0px;}

.newsletter{border-radius:5px; background-color: rgba(39,52,70,1); color:#fff; min-height: 350px;}
.newsletter_inner{ padding:75px 20px 20px 20px;}
.newsletter h3{margin-top:0px; color:#fff;}
.newsletter .button{    color: #ffffff;    border: 1px solid #ffffff;    background-color: transparent;    padding: 0 20px;	margin:10px 0px;    display: inline-block;}
.newsletter .button:hover{color:#A70626; border-color:#A70626;}
.newsletter input, .newsletter input:focus{color:#fff;}

.icons ul{ display: block; text-align: center; margin:0px auto;}
.icons ul li{max-width: 100px; display: inline-block;}

.help{}
.box{border:1px solid rgba(206,208,212,0.6); box-sizing: border-box; position:relative; border-radius:5px;}
.box .box_text{padding:15px 10px}
.box h1,.box h2,.box h3,.box h4,.box h5,.box h6{margin-top:0px;}
.box a{text-decoration:none; display:block;}

.ad{height:838px; padding:20px 10px; box-sizing:border-box;}
.ad .box{ padding:10px; background-color:rgba(255,255,255,0.6); text-align:center;}
.ad .box h2{margin-bottom:0px;}


.more{ position:relative; display:block;text-align:center; margin:20px 0px 0px 0px; text-decoration:none; text-transform:uppercase;}
.more:hover:after{border-bottom:1px solid #A70626;}
.more span{background-color:#ffffff; padding:0px 2%;  z-index:1; position:relative;}
.more:after{border-bottom:1px solid #A70626; position:absolute; content:''; top:calc(50% - 1px); left:0px; width:100%; z-index:0;}

.gallery{}
.gallery_body{}
.gallery_item{position:relative; width:calc((100% / 5) - 3px); z-index:0; display:inline-block;box-sizing: border-box; overflow:hidden;}
.gallery_item_info{transition: all 0.5s ease;opacity:0;  position:absolute; z-index:1; border:6px solid #A70626; background-color:rgba(83,71,65,0.8); top:0px; left:0px; height:100%; width:100%; padding:10% 15%; box-sizing: border-box; text-align:center; color:#ffffff;}
.gallery_item_info h1,.gallery_item_info h2,.gallery_item_info h3,.gallery_item_info h4,.gallery_item_info h5,.gallery_item_info h6{color:#ffffff; margin-top:0px;}
.gallery_item_info h3 span{margin-bottom:15px; padding-bottom:20px; background-image:url(../images/title_line_white.png); background-position: -55px calc(100% + 5px);  max-height:54px}
.gallery a:hover *{}
.gallery a .gallery_item_info{transition: all 0.5s ease; }
.gallery a{line-height:0;display:block; width:100%;}
.gallery a p{line-height:1;}
.gallery a:hover .gallery_item_info{display:block;opacity:1; }


.shop{}
.shop_body{float: right;}
.shop_body .column3{margin-bottom:20px;}
.shop_item{overflow:hidden; background-color:#ffffff;}
.shop_item img{border-radius:5px;}
.shop_item h3{font-size:18px;}
.shop_item:hover .shop_item_info{opacity:1;}
.shop_item:hover .button{z-index:2; position:relative; border:1px solid #A70626;}
.shop_item_info{border-radius:5px;transition: all 0.5s ease; opacity:0;  position:absolute; z-index:1; background-color:rgba(225,225,225,0.9); top:0px; left:0px; height:100%; width:100%; box-sizing: border-box; text-align:center; color:#ffffff; vertical-align:middle;}
.shop_item_info a{color:#A70626; font-size:24px; position:absolute; border:1px solid transparent; border-radius:5px; text-align: center; top: 0; left: 0; width: 100%; height: 100%; line-height: 100%;}
.shop_item_info a div{line-height:100%; height: 100%;}
.shop_item_info a div:before{top:50%; position: absolute; left: 50%; transform: translate(-50%, -50%)}
/*.shop_item_info a:hover{background-color:rgba(39,52,70,0.3);}*/
.shop_item_info a:hover div {color:#A70626!important;}
.shop_item_info a .icon{font-size:20px; margin-bottom:10px;}
.shop_item_info h5{margin:0px;}
.shop_item span{line-height:2em;}
.shop_item h3{margin-bottom:5px; overflow:hidden;}
.shop_item h4{color:#949494;}
.shop_item h4 p{color:#949494; font-size:17px;}
.static-banner {  position: absolute;  left: 0px;  top: 0px;}
.badge{background:#273446; color:#ffffff; border-radius:5px; position:absolute; top:10px; left:10px; padding:5px;}
.badge.top-left{top:15px; left:15px; right: auto; bottom: auto;}
.badge.top-right{top:15px; right:15px; left: auto; bottom: auto;}
.fav{background-color: transparent; color: #273446; cursor: pointer; font-size:24px; display: none;}
.fav.selected{color:#AD0626;}
.shop_item:hover .fav{z-index:2; background-color: transparent;}

.custom-bg{position:relative; float: right; padding-top:15px; color:#fff; background-size: cover; border-radius: 5px; background-repeat: no-repeat;width: 100%;}
.custom-bg h1{color:#fff; padding: 0px 20px;}
.custom-bg h3{color:#fff;}
.custom-bg ul,.custom-bg ul li{ position: relative;}
.custom-bg ul{margin-top:40px; margin-bottom: 40px;padding: 0px 20px;}
.custom-bg ul li{font-size:18px;}
.custom-bg ul li:before{content:"— "; opacity: 0.6;}
.custom-bg ul li a{color:#fff; text-decoration: none;}
.custom-bg .shop_item{background-color: rgba(39,52,70,0.3); padding: 10px;}
.custom-bg:before{ border-radius: 5px;position: absolute; content:''; height: 100%; width: 100%; left: 0; top: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#273446+0,273446+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(39,52,70,0) 0%, rgba(39,52,70,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(39,52,70,0) 0%,rgba(39,52,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(39,52,70,0) 0%,rgba(39,52,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00273446', endColorstr='#273446',GradientType=1 ); /* IE6-9 */}

.footer_items .shop_item{ line-height: 0px;}
.footer_items .shop_item .box_text{display:block; width:calc(57% - 20px); float:right}
.footer_items .shop_item .box_text_left{display:block; width:calc(43% - 11px); float:right; border-right:1px solid rgba(83,71,65,0.2); padding:0px 5px;}
.footer_items .shop_item .button {line-height:30px; height:30px; background-color:#A70626; color:#ffffff; display:block;}
.footer_items .shop_item h4{color:#A70626!important; text-align:center; line-height:30px; margin-bottom:0px;}

#footer{ font-size:13px; position:relative; color:#273446; padding-bottom:20px;padding-top:20px;border-top: 6px solid rgba(206,208,212,0.6);}
#footer h4{color:#333333;}
#footer a{text-decoration:none;}
#footer .logo_footer{content:''; width:140px; height:56px; background:url(../images/logo_footer.png) no-repeat; background-position: right;  background-size:contain; margin-bottom:0px; display:inline-block; }
#footer hr{ background-image:url(../images/title_line_white.png); background-repeat:repeat-x; background-position: -55px calc(100% + 5px); content:''; display:block;position:relative; height:10px; margin:10px 0px 10px 0px; border:0px;}
.footer_bottom{margin-top:10px;}
.quick_links{}
.quick_links ul,.quick_links ul li{margin-bottom:0px;}
.quick_links ul li{line-height:1.8em;}
.quick_links ul li a{color:#333333;}
.quick_links ul li a:hover{color:#A70626;}
.quick_links2 ul li{padding-bottom:5px; font-size:20px;}
.links{text-align:right;}
.credit{margin-top:27px;}
#leadnet{ margin-top:27px; background:url(../images/leadnet.png) no-repeat; display:inline-block; text-align:right;}
#leadnet a{display:inline-block;width:68px; height:15px;}



#login-modal{position:absolute; z-index:999; width:100%;}
.overlay{    width: 100%;   height: 100%;   position: fixed;   top: 0;   left: 0;   display: none;   z-index: 999;   background: rgb(0,0,0);   background: rgba(0,0,0,0.7);}
#login-modal .login-modal-body{pointer-events: all; position:absolute; z-index:999; top:-500px; width:100%;}
#login-modal .login-modal-close{position:absolute; top:42px; left:20px; width:11px; height:11px; background:url(../images/close.png) no-repeat; cursor:pointer; z-index:999;}
#login-modal:target .overlay{display:block;}
#login-modal:target .login-modal-body{-webkit-transition: top 0.5s ease-in-out; top:0px;}


#divRequestDemoProcess{position:fixed; width:100%; height:100%; left:0px; top:0px; background: rgba(0, 0, 0, 0.8); color:#ffffff; font-size:24px; text-align:center;z-index:9999;}
#divRequestDemoProcess .text{position:absolute;  top:50%; left:50%; margin-left:-100px;}

.no-border-bottom{border-bottom:0px!important;}






/* ###########################################################   inner  ################################################*/
.inner{}


.breadcramp{margin-bottom:10px;}
.breadcramp li{ display:inline; font-size:15px; color:#808080}
.breadcramp a{text-decoration:none; color:#808080}
.breadcramp li:last-child a{color:#000000;}
.breadcramp li:after{content: "/";color:#808080; margin:0px 5px;}
.breadcramp li:last-child:after{content: "";}

.inner .top_strip{background-color:#E8E8E8; padding:35px 0px 35px 0px; margin:0px;}
.inner .top_strip h1,.inner .top_strip h5{margin-bottom:0px;}
.inner .top_strip a{text-decoration:none;} 
.inner .top_strip #donate,.inner .top_strip #basket{border:1px solid rgba(83,71,65,0.2); box-sizing: border-box; position:relative;  background-color:#ffffff; text-transform:uppercase;}
.inner .top_strip #basket, .inner .top_strip .top_buttons{margin-bottom:0px;}
.inner .top_strip #donate a,.inner .top_strip #basket a{display:block;padding:10px;}
.inner .icon{padding-left:10px; margin-left:10px; border-left:1px solid rgba(83,71,65,0.2); }

.inner .box{margin-bottom:20px;}

.inner .sep{border-right:1px solid rgba(83,71,65,0.1); position:absolute; height:100%; right:25%;width:1px;}
.inner .sep_right{left:25%; right:auto;}

.inner .sidebar{}
.inner .sidebar h4,.inner .sidebar h5{text-transform:uppercase;}
.inner .sidebar h5 span{padding-bottom: 20px; margin-bottom: 26px; background-position: -55px calc(100% + 5px);}

.inner .related ul,.inner .related ul li{margin-bottom:0px;}
.inner .related ul li{line-height:1.8em; border-bottom:1px solid rgba(83,71,65,0.2);}
.inner .related ul li a{color:#A70626; display:block; text-decoration:none;}
.inner .related ul li a:before{content: "\f105"; font-family: 'FontAwesome'; margin-right:10px;}
.inner .related ul li a:hover{color:#A70626;}

.inner .inner_gallery ul,.inner .inner_gallery ul li{margin-bottom:0px;}
.inner .inner_gallery ul li{display:inline-block;}
.inner .inner_gallery ul li div{width:77px; height:77px; padding:2px; margin-right:2px; border:1px solid rgba(83,71,65,0.2); background-clip:content-box;  background-size:cover; background-position:center center;}

.inner .gallery .column3{position:relative; margin-bottom:20px;}

.inner .inner_text{line-height:1.5em;}
.inner .inner_text ul{padding-right:20px; margin-right:0px; list-style:square;}

.inner .contact-details p {    margin: -5px 20px 0 0px;    line-height: 18px;}
.inner .contact-details i {    float: right;    margin-top: 2px;}

.inner .pages ul,.inner .pages ul li{display:inline-block; }
.inner .pages ul{margin:0px auto; text-align:center; display:block;}
.inner .pages ul li a{display:block; border:1px solid rgba(83,71,65,0.2); line-height:35px; height:35px; width:35px; text-align:center; text-decoration:none;}
.inner .pages ul li a:hover, .inner .pages ul li a.current{color:#A70626; border-color:#A70626;}
.inner .pages ul li input{width:30px; border:1px solid rgba(83,71,65,0.2); text-align:center;}
.inner .pages ul li input:focus{border-color:#A70626;}

.inner #body{min-height:250px;}
.inner .inner_text .select{border: 1px solid rgba(83,71,65,0.2);min-width: 200px; direction:rtl;}
.inner .inner_text .select:after{border:0px;}
.inner .inner_text input{border: 1px solid rgba(83,71,65,0.2);width: 190px; direction:rtl; color:#000;}
.inner .inner_desc{margin-bottom:30px;}
.inner .inner_text .button{margin:10px 0px;}


.inner .more_con a{display:table;  width:100%;}
.inner .more_con a *{color:#C7C7C7;}
.inner .more_con a:hover *{color:#000000;}
.inner .more{height:312px; margin:0px; display:table-cell; vertical-align:middle; text-align:center; width:100%;}
.inner .more:after{display:none;}

.inner .login{}
.inner .login input{width:calc(100% - 10px); padding:0px 5px;}

.inner .static-banner{position:relative;}
.inner .ad{height:618px;}

#login-modal{position:absolute; z-index:999; width:100%;}
.overlay{    width: 100%;   height: 100%;   position: fixed;   top: 0;   left: 0;   display: none;   z-index: 999;   background: rgb(223,223,223);   background: rgba(223,223,223,0.7);}
#login-modal .login-modal-body{pointer-events: all; position:absolute; z-index:999; top:-1000px; width:100%;}
#login-modal:target .overlay{display:block;}
#login-modal:target .login-modal-body{-webkit-transition: top 0.5s ease-in-out; top:100px;}
#login-modal a .button{background-color:#A70626; color:#ffffff;}
#login-modal a:hover .button{background: #A70626;}
#login-modal .box{background-color:#ffffff;}
#login-modal .fa-close{text-decoration:none;}
#login-modal h6{margin:0px;}
#login-modal table tr td{ vertical-align:middle; padding:10px;}
#login-modal table tr{border-bottom: 1px solid rgba(83,71,65,0.2);}
#login-modal .p_p_text{max-height:306px; overflow:auto;}



.product_gallery {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 411px;
  height:100px;
  display:inline-block;
vertical-align:middle;
}
 

.product_gallery span{width:100px; height:100px; text-align:center; display:inline-block; cursor:pointer; background-size:contain; background-position:center center; background-repeat:no-repeat; background-clip:content-box; padding:5px; box-sizing: border-box;     border:1px solid rgba(83,71,65,0.2);     border-radius:4px;}


/* styling for the image wrapper  */
#image_wrap {
    /* dimensions */
    width:100%;
    padding:15px;
	min-height:400px;
 
    /* centered */
    text-align:center;
 
    /* some "skinning" */
    border:1px solid rgba(83,71,65,0.2);
    border-radius:4px;
	margin-bottom:20px;
	position:relative;
	box-sizing: border-box;
	vertical-align:middle;
	display:inline-flex;
	
}
#image_wrap a{display:block;	box-sizing: border-box;
	vertical-align:middle;
	display:inline-flex;width:100%;}
#image_wrap img{	width:auto; height:auto; max-width:500px; max-height:500px; margin:auto;}
#image_wrap .zoom{pointer-events: none; position:absolute; top:20px; left:20px;}


/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    display:block;
    width:30px;
    height:30px;
    display:inline-block;
    margin:40px 10px;
    cursor:pointer;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
}



/* disabled navigational button */
a.disabled {
	opacity:0.2;
}

.website{border:1px solid #E1E1E1; padding:5px; border-radius:5px; background-color:#ffffff; position:relative;  float:left; display:block; text-decoration:none;}
.website:hover{background-color:#A70626; color:#ffffff;}



.cart ul,.cart ul li, .cart_inner ul, .cart_inner ul li{margin:0px;}
.cart_body{}
.cart_row{display:table; width:100%; padding:5px;box-sizing: border-box; border-bottom:1px solid rgba(218,216,208,0.95);}
.cart_row .cart_row{ border:0px; padding:0px;}
.cart_more{    position: relative;    display: block;    margin: 10px 0px 0px 0px;    text-decoration: none;    text-transform: uppercase;}
.cart_more span{    background-color: #ffffff;    padding: 0px 0px 0px 10px;    z-index: 1;    position: relative;    font-weight: bold;}
.cart_more:after{    border-bottom: 1px solid rgba(218,216,208,0.95);    position: absolute;    content: '';    top: calc(50% - 1px);    left: 0px;    width: 100%;    z-index: 0;}
.cart_img{display:table-cell; width:20%;padding:2px 5px;box-sizing: border-box; vertical-align:top;}
.cart_cancel{display:table-cell; width:10%;padding:2px 5px;box-sizing: border-box; vertical-align:top;}
.cart_desc{display:table-cell; width:100%;padding:2px 5px;box-sizing: border-box; vertical-align:top;}
.cart_amount{display:table-cell; width:25%;padding:2px 5px;box-sizing: border-box; text-align:left; vertical-align:top;}
.cart_options{font-size:0.9em;}
.cart_item:last-child{border-bottom:1px solid #871628;}
.cart_total .cart_desc{text-align:right}
.cart_final{font-weight:bold; border-bottom:0px; font-size:1.2em;}
.cart_inner .cart_img{width:10%; }
.cart_inner .cart_cancel{width:50px; }
.cart_inner .cart_amount{font-size:1.5em;}

.all_subcat{       background-color: rgba(225,225,225,0.3);    padding: 10px; border-radius: 5px; border:1px solid rgba(225,225,225,0.6); margin-bottom:20px;}
.subcat{width: 100%; margin-bottom: 0;}
.subcat li{display: inline-block; margin-left:10px;margin-bottom: 0;}
.subcat li a{display: block; font-size:22px; padding:5px 10px; border:1px solid rgba(225,225,225,0.9); border-radius: 3px; background-color: #fff; text-decoration: none; }





@media only screen and (max-width: 479px) {
	#login-modal table tr td{ padding:5px;}
	}




@media only screen and (max-width: 767px) {
	.inner .newsletter_inner{display:none;}
	.inner .category .title{width:70%; font-size:14px; right:2px;}
	.inner .category .title span{height:30px; bottom:5px;}
	.inner .category .column4,.inner .category .cutCorner{margin-bottom:0px;}
	.inner .category {margin-bottom:20px;}
	.inner .category .category_body{ border:2px solid #C2C2C2; border-top:0px; padding:10px; height:auto;}
	.custom-bg h1{padding:15px;}
	.custom-bg ul{padding: 0px 15px;}
	}
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */


	@media only screen and (max-width: 1366px) {
	.category{height:365px;}
	.category ul li{line-height:29px; height:29px;}
	.shop_item h3{height:40px;}
	.footer_items .shop_item h3{font-size:16px; height:44px;}
	.ad{height:750px;}

	.inner .top_strip{background-color:#E8E8E8; padding:35px 0px 15px 0px; margin:0px;}
	.breadcramp{margin-bottom:20px;}
	#footer:after{background-size:240px 109px;}
	.inner #body{margin-top:0px;}
	.inner #banner:after{background-size:240px 109px;}
	.inner #banner_con:after{background-size: 220px 24px; height:24px;bottom: -12px;}
	
	.inner .inner_gallery ul li div{width:63px; height:63px;}

	.inner .ad{height:623px;}
	
	


	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 959px) {
		#main{left:0px!important;}

		}
		
	@media only screen and (min-width: 768px) and (max-width: 1366px) {
		
	#main{padding-top:143px;}

	#language ul{margin-bottom: 20px;}
	#navigation ul li a { 

	}
	#logo a{width:220px; height:68px;}
	

	#banner_con:after{background-size:330px 37px; height:37px;}
	#banner,.featured_con,.featured{}
	.featured_con{width:1400px; margin-left:-700px;}
	.featured_textbox{}
	.featured_textbox h1{font-size:45px;}
	.featured_textbox p{font-size:14px; line-height:1.2em;}
	.featured_pages{top:330px;}

	.margin-top{margin-top:30px;}
	
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { background-size:70px 12px;    padding-bottom: 25px;    margin-bottom: 26px;}
	.article .article_right {padding: 10px 10px 10px 10px;}
	.article p{ height: 77px; overflow: hidden;}
	.article.article_feature .box_text{padding-top:50px;}
		.newsletter_inner{padding-top:50px;}
		.newsletter{min-height: 293px;}
		
		.article.article_expert .product{max-width:260px;}
	.head{font-size:24px;}
	.event i{font-size:20px;}
	.article .p_text{height:214px;}
	.event .p_text{	height: 182px;    margin-bottom: 12px;}
	.offer .img{height:100px;}
	.offer h6 span{line-height:1.1em;}

	.button.width60, button.width60{width:65px; margin-right:6px;}
	.reg_donate .p_text{height:94px;}
	.gallery_item_info{padding:5% 10%;}
	.gallery_item_info h3 span {margin-bottom: 10px; padding-bottom: 15px;}
	.gallery a p {height: 36px;    overflow: hidden;}
	.shop_item_info a{padding:10px;}	
	.shop_item h6 span {height:38px;}

	#footer:before{background-size: 220px 24px;height: 24px; top:-12px;}

	.inner .category .category_body{ height:158px;}
	.contact-us table{ font-size:11px;}

	.inner .pages ul li input{height:35px; line-height:35px;}
	
	.product_gallery {  width: 293px; }
	.product_gallery .items span{width:70px; height:70px;}
	a.browse{margin:20px 10px;}
	#image_wrap {    padding:15px;	min-height:500px;}
	#image_wrap img{max-width:400px; max-height:400px;}
	
	.inner .more{height:265px;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	#main{padding-top:142px;}
	#logo a{width:100%;}
	#language .fa{width:20px; height:20px; line-height:20px; font-size: 12px;}
	#language ul{margin-bottom: 10px;}
	#language .fa-img img{width:14px; height:16px;     margin: 0px 0px 2px 1px;}
	
	/*.search input[type="text"]{height:24px; font-size:14px;}
	.search a:after{height:19px; line-height:19px;}*/
	.search input:focus{width:100px;}
	#navigation ul li a { 

	}
		.newsletter{min-height: auto!important; padding:20px!important;}
		.article.article_expert .product{max-width:210px;}

	#banner_con:after{background-size:330px 37px; height:37px;}
	#banner,.featured_con,.featured{}
	.featured_con{width:1200px; margin-left:-600px;}
	.featured_textbox{}
	.featured_textbox h1{font-size:34px;}
	.featured_textbox span{font-size:21px;}
	.featured_textbox p{font-size:13px;}
	.featured_pages{top:290px;}
	
	.category{height:340px;}
	.category ul li{height:27px; line-height:27px; overflow:hidden;}
	
	.ad{height:697px;}

	.margin-top{margin-top:15px;}
	
	.top_products{padding:0px;}
	
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { background-size:70px 12px; padding-bottom: 15px;    margin-bottom: 20px;}
	.article .article_right {padding: 10px 10px 10px 10px;}
	.head{font-size:16px;}
	.event i{font-size:18px;}
	.article .p_text{height:157px;}
	.event .p_text{	height: 125px;    margin-bottom: 12px;}
	.offer .img{height:44px;}
	.offer h6 span{line-height:1.1em;}
	.button.width60, button.width60{width:49px; margin-right:6px;}
	.reg_donate .p_text{height:94px;}
	.quick_donate .p_text{height:95px;}
	.box .box_text{padding:15px 10px;}
	.article.article_expert .box_text{width:72%;     padding: 15px 30px;}
		.article p{height:39px;}
		
	.gallery_item {width: calc((100% / 4) - 3px);}
	.gallery_item_info{padding:5% 10%;}
	.gallery_item_info h3 span {margin-bottom: 10px; padding-bottom: 15px;}
	.gallery a p {height: 36px;    overflow: hidden;}
	.shop_item_info a{padding:10px;}	
	.shop_item h6 span {height:60px;}
	
	h1 { font-size: 24px; line-height: 37px;}
	h2 { font-size: 22px; line-height: 24px;}
	h3 { font-size: 17px; line-height: 20px;}
	h4 { font-size: 16px; line-height: 20px;}
	h5 { font-size: 14px; line-height: 18px; }
	h6 { font-size: 14px; line-height: 21px; }
		.article.article_expert h1{margin-bottom:13px;}

	#footer{padding-top:35px;}
	#footer:before{background-size: 220px 24px;height: 24px; top:-12px;}
	.quick_links2 ul li{font-size:16px;}
	#footer .logo_footer{width:145px; height:45px;}
	.credit, #leadnet{margin-top:18px;}
	
	.inner .box .box_text {padding:10px;}
	.inner .box .box_text h5{margin:0px; height:38px; overflow:hidden;}

	.inner .inner_gallery ul li div{width:76px; height:76px;}
	.inner .more{height:234px;}
	
	.inner .ad{height:633px;}
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#main{padding-top:102px;}
		.column3, .column9, .column12{margin-bottom:0px!important;}
		#menu,#menu-button,#menu-button.click{display:block;}
		#header{background-position:bottom center;}
		#header #logo a{margin-left:auto; margin-right:auto;}
		.menu-holder,.cart{display:none;}
		.accept{margin-bottom:30px!important;}
		#top-links{top:-30px; right:0px; left:auto;}
		#language li{display:none!important;}
		#language li#donate,#language li#basket{display:inline-block!important; margin-left:10px;}
		#language .top_button{display:none;}
		#language {position:absolute; top:-10px; right:0px;}
		
		#logo a{width:200px; height:62px; display:block; background-size:contain;}
		.logo_bg{height:60px; border:0px;}

		#banner_con:after{background-size:330px 30px; height:30px;}
		#banner,.featured_con,.featured{}
		.featured_con{width:1200px; margin-left:-600px;}
		.featured_textbox{}
		.featured_textbox h1{font-size:40px; line-height:1.2em;}
		.featured_textbox span,.featured_textbox p{font-size:20px;}
		.featured_textbox span{width:70%; margin-left:30%;}
		.featured_textbox p{line-height: 26px; display:none;}
		.featured_pages{top:310px;}
		
		.margin-top{margin-top:25px;}
		
		/*.top_products.padding-top20{padding-top:0px;}*/
		
		
		h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { background-size:70px 12px; padding-bottom: 25px;    margin-bottom: 20px;}
		.article .article_right {padding: 10px 10px 10px 20px;}
		.article p, .event p, .offer p{line-height:1.3em;}
		.head{font-size:24px;}
		.event i{font-size:22px;}
		.article .p_text{height:203px;}
		.event .p_text{	height: 125px;    margin-bottom: 12px;}
		.offer h6 span{line-height:1.1em;    width: 70%;    margin-left: 15%;}
		.button.width60, button.width60{width:84px; margin-right:20px;}
		.reg_donate .p_text{height:94px;}
		.quick_donate .p_text{height:95px;}
		.box .box_text{padding:15px 10px;}
		.gallery_item {width: calc((100% / 2) - 3px);}
		.gallery_item_info{padding:5% 10%;}
		.gallery_item_info h3 span {margin-bottom: 10px; padding-bottom: 15px;}
		.gallery a p {height: 36px;    overflow: hidden;}
		.gallery_item_info{opacity:1; position:relative; background:none; padding:0px; border:0; color:#A70626;}
		.gallery_item_info p,.gallery_item_info div{display:none;}
		.gallery_item_info h3{ color:#A70626; margin-top:10px; font-size:12px; text-decoration:none;}
		.gallery_item_info h3 span {    background-image: url(../images/title_line.png);}
		.gallery_item a{text-decoration:none;}
		.gallery a:hover *{color:#A70626;}
		
		.shop_item{margin-bottom:20px;}
		.shop_item h3, .shop_item h4{border-bottom:0px;}
		.shop .button{display:none;}
		.shop_item_info{margin-bottom:5px;}
		.shop_item_info a{padding:10px;}	
		.shop_item h6 span {height:44px;}
		.shop_item_info{opacity:1; position:relative; background:none; padding:0px; border:0;}
		.shop_item_info a{width: calc(100% - 10px);
		box-sizing: border-box;
		display:block;
		margin:0px 5px;
		background: #ECECEC; /* Old browsers */
		border: 0px;
		text-decoration: none;
		cursor: pointer;
		line-height: normal;
		font-size:16px;
		height:35px;
		line-height:35px;
		text-transform:uppercase;box-sizing: border-box; padding:0px;}
		.shop_item_info a div{display:inline-block;direction: ltr;}
		.shop_item_info a h5 .fa {margin-right:5px;}
		.shop_item_info a h5{color: #A70626; font-size:16px;}
		.shop_item_info a h5 .icon{font-size:11px; margin-right:5px;}
		.shop_item_info a{background: #ECECEC; color:#A70626;}
		.shop_item_info a:hover{ border:0px;}
		.shop_item:hover .button{border:1px solid transparent;}

		
		.ad{margin-bottom:30px; height:630px;}
		.category{margin-bottom:30px;}
		
		
		#footer{ margin-top:50px;}
		#footer:before{background-size: 220px 24px;height: 24px; top:-12px;}

		#footer .column3.quick_links{margin-bottom:20px;!important}
		.footer_bottom *{text-align:center!important;}

		
		.main_links .box{border:1px solid rgba(83,71,65,0.2)}
		body{font-size:16px; line-height:1.4em;}
		h1 { font-size: 24px; line-height: 37px;}
		h2 { font-size: 22px; line-height: 24px;}
		h3 { font-size: 20px; line-height: 20px; text-align:center; border-bottom:1px solid #E1E1E1; padding-bottom:10px;}
		h4 { font-size: 20px; line-height: 20px; text-align:center; border-bottom:1px solid #E1E1E1; padding-bottom:10px;}
		h5 { font-size: 17px; line-height: 18px; }
		h6 { font-size: 14px; line-height: 21px; }
		

		.inner .top_strip .column9,.inner .top_strip .column3{margin-bottom:0px;}
		.inner .top_strip .top_buttons{margin-bottom:20px;}
		.inner .breadcramp{display:none;}
		
		.inner #banner, .featured_con, .featured {height: 125px;}
		
		.inner .sep{display:none;}
		
		.inner .inner_gallery ul li div{width:94px; height:94px;}
		
		
		.product_gallery {  width: 288px;  height:70px;}
		.product_gallery .items span{width:70px; height:70px;}
		a.browse{margin:20px 10px;}
		#image_wrap {    padding:15px;	min-height:300px;}
		#image_wrap img{max-width:380px; max-height:380px;}
		

		
		.inner .more{height:150px;}
		.inner .more h4{border:0px;}
		
		.shop_item{overflow:unset;}
		.shop_item_info a{position:relative;}
		.article.article_feature .box_text{width:100%;}
		.article.article_feature{overflow: hidden;}
		.article.article_feature img{max-width: none;}
		.expert{display:none;}

		.SubCategoryImg{display:none;}
		#menu li ul li.TopMenuSubCategory{width:100%!important;}
		#header.sticky #menu-button{top: 10px;}
		#logo a{background-position:center;}
		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		


		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.button.width60, button.width60{width:54px;}
	.inner .inner_gallery ul li div{width:89px; height:89px;}
	
		.product_gallery {  width: 250px;  height:60px;}
		.product_gallery .items span{width:60px; height:60px;}
		a.browse{margin:10px 0px; width:20px;}
		#image_wrap {    padding:10px;	min-height:250px;}
		#image_wrap img{max-width:280px; max-height:280px;}
		}
		
		
/* The ribbons */

.corner-ribbon{
  width: 200px;
  position: absolute;
  text-align: center;
  vertical-align:text-bottom;
  padding:50px 0px 20px 0px;
  color: #ffffff;
  border:6px solid #A70626W; background-color:rgba(83,71,65,0.8);
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: -20px;
  left: -80px;
/* Safari */
-webkit-transform: rotate(-45deg);

/* Firefox */
-moz-transform: rotate(-45deg);

/* IE */
-ms-transform: rotate(-45deg);

/* Opera */
-o-transform: rotate(-45deg);

transform: rotate(-45deg) translateZ(0);


}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

		.lock{overflow: hidden;}
		.modal{position: fixed; display: flex; top:0px; left: 0px; height: 100vh; width:100vw; background-color: #273446; z-index:999; direction: rtl;transition: all 0.5s ease; padding:20px;}
		.modal-bg{background: url(../images/bg.jpg) no-repeat #fff; background-size:cover; background-position: center;}
		.modal_body{ background-color: #fff; position: relative; max-width: 500px; margin: auto; padding:2rem 1.5rem;}
		.rounded{border-radius: 0.5rem;}
		.shadow{-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);}
		.button-success{background-color: #77a34a; color:#fff; transition: all 0.5s ease;}
		.button-success:hover{background-color: #61873A;  transform: scale(1.2);}
		.button-cancel{color:#999;}
		.button-white{border: 1px solid rgba(225,225,225,0.9);    background-color: #fff;}
		.font-24{font-size:24px; line-height:1.5em;}
		.slidetop{top:-110vh;}
		.d-none{display:none;}
		.aspNetDisabled{pointer-events:none; opacity:0.2;}
		.button-nav,.button-nav:visited, .button-nav-link, .button-nav-link:visited{color:#273446;}
		.button-nav-link{margin:5px 2px; min-width:24px;}
		.button-nav:hover, .button-nav-link:hover{color:#fff;}
		@media only screen and (max-width: 479px) {
			.modal{width:calc(100% - 2.5rem); background-position: left center;}
			.modal_body{padding:1rem 1rem;}
		}