/*
* 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:-10px; 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;}

#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;}
#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);
}
#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: #534741; direction:rtl; text-align:right; margin-bottom:0px;}
#menu li a:hover,#menu li .current {background-color:#D3D3D3; color: #534741;}
#menu li ul{width:100%; margin:0px;}
#menu li ul li{background:#00407a;border-bottom: 1px solid #002f5a;}
#menu li ul li a:hover,#menu li ul li .current {background-color:#D3D3D3; color: #534741;}

#menu input{text-align:center;}
	
#header{ position:absolute; top:0px; padding:15px 0px; width:100%; z-index:999; color:#ffffff; transition: all 0.5s ease;}
#header.sticky{position:fixed; background-color:rgba(0,0,0,0.9);}
#logo{ }
#logo a{width:192px; height:76px; background:url(../images/logo.png) no-repeat; display:block;}

#language{display:block; clear:both; text-align:right; margin-bottom:0px; color:rgba(255,255,255,0.6)}
#language ul li{display:inline-block; margin-bottom:0px; margin-left:0px; vertical-align:middle;}
#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;}
#language .fa{min-width:24px; height:24px; line-height:24px; overflow:hidden; text-align:center; font-size:13px;}
#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;  color:rgba(255,255,255,0.6);transition: all 0.5s ease; display:block;}
#language a:hover{color:rgba(255,255,255,1)}
.top_button{border:1px solid rgba(255,255,255,1); display:inline-block; height:23px; line-height:23px; overflow:hidden; text-align:center; border-radius:11.5px; vertical-align:top; padding:0px 10px; text-transform:uppercase; font-size:13px;}
#language .donate_button .fa, #language .basket_button .fa{border:1px solid rgba(255,255,255,1);}
.donate_button .top_button{background-color:rgba(235,103,25,0.6);transition: all 0.5s ease;}
.basket_button .top_button{background-color:rgba(255,255,255,0.6);transition: all 0.5s ease; color:#000000; direction:ltr;}
.donate_button:hover .top_button{background-color:rgba(235,103,25,1);}
.basket_button:hover .top_button{background-color:rgba(255,255,255,1);}

.search{position:relative;}
.search input{border:1px solid rgba(255,255,255,0.6);height:23px;border-radius:11.5px; line-height:23px; width:60px; margin-top:-1px; padding-left:24px;transition: all 0.5s ease; margin-bottom:0px;}
.search input:focus{width:120px;}
.search a:after{position:absolute; left:10px; font-size:13px; height:21px; top:1px; text-align:left; width:18px; border-right:1px solid rgba(255,255,255,0.6); line-height:23px; content: "\f002";font-family: 'FontAwesome';}


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

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

#navigation ul li a { 
	display: inline-block;
	color: #ffffff;
	padding: 0px 6px 6px 6px;
	margin: 0 0px;
	text-decoration: none;
	font-size: 16px;
	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:after{
	content: "–";
	}
#navigation ul li:last-child:after{
	content: "";
	}
#navigation ul li:last-child a{
	padding-right:0px;
	}
#navigation ul li:first-child a{
	padding-left:0px;
	}

#navigation ul li a:hover{
	border-bottom: 1px solid rgba(255,255,255,0.5)!important;;
}

#navigation ul ul {
	opacity: 0; 
	margin: -2px 0 0 5px;
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	left: 0;
	background: #fff;
	border: 1px solid #dddddd;
	border-top: 1px solid #555;
	z-index: 999;
}

#navigation ul ul li a:hover {
	border-bottom: 1px solid #ddd;
}

#navigation ul ul li a {
	padding: 8px 0;
	display: block;
	width: 150px;
	margin: 0 16px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	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: rgba(255,255,255,0.7)!important;}
#navigation ul ul li:hover > a {border-top: 1px solid transparent; color: rgba(255,255,255,0.7)!important;}
#current {  color: rgba(255,255,255,0.5)!important; border-bottom: 1px solid rgba(255,255,255,0.5)!important;}

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


#banner_con{position:relative;}
#banner_con:after{background: #1b75bb;
background: -moz-linear-gradient(left, #1b75bb 29%, #00a69c 100%);
background: -webkit-linear-gradient(left, #1b75bb 29%,#00a69c 100%);
background: linear-gradient(to right, #1b75bb 29%,#00a69c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b75bb', endColorstr='#00a69c',GradientType=1 ); height:5px; width:1920px; margin-left:-960px; left:50%; position:absolute; bottom:0px; content:'';}
#banner{height:649px; overflow:hidden; position:relative;}
.featured_con{ height:649px; width:1920px; position:absolute; z-index:0; top:0px; left:50%; margin-left:-960px;}
.featured{ height:649px; width:100%; float:left; position:absolute; display:none;}
.featured_image{left:0px; top:0px; border:0px;}
.featured_textbox{ position:relative; top:-180px; }
.featured_textbox h1{ overflow:hidden; font-size:80px; line-height:0.8em; text-transform:uppercase; margin-bottom:3px;}
.featured_textbox h1,.featured_textbox p, .featured_textbox span, .featured_textbox strong{color:#ffffff;}
.featured_textbox span{display:block;font-size:32px; text-align:left; line-height:1em;}
.featured_textbox p{font-size:32px; line-height:35px; padding:0px 3px; margin-top:5px; overflow:hidden; text-transform:uppercase; border:1px solid #ffffff; display:inline-block;}
.featured_pages{height:5px; float:right; z-index:3; position:absolute; bottom:20px; left:50%; overflow:hidden; transform: translateX(-50%);}
.featured_pages a{width:27px; height:3px; background:rgba(255,255,255,0.5); display:block; float:left; margin-left:5px;}
.featured_pages a.current{background-color:#00877D;}

#body{width:100%; margin-top:42px;}

.margin-top{margin-top:65px!important;}
.margin-bottom{margin-bottom:40px!important;}

.main_links a{text-decoration:none; display:inline-block;}
.main_links a:hover h3{color:#EB6719;}
.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 a,.event a,.offer a{display:block; line-height:0em; text-decoration:none;}
.article p,.event p,.offer p{line-height:1.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:50%; margin:0px; line-height:0em;}
.article .button{position:absolute; bottom:0px;left:0px; padding-left:20px;}
.head{background-color:#ECECEC; margin:0px; padding:10px; font-size:32px;}
.head h1,.head h2,.head h3,.head h4,.head h5,.head h6{margin:0px;}
.event i{margin-right:10px; font-size:30px;}
.event .button{padding:0px 10px;}
.offer {text-align:center;}
.offer .img{height:140px; background-size: cover; background-repeat: no-repeat;}
.offer h6 span{margin-bottom:15px; padding-bottom:12px; background-position: -55px calc(100% + 5px); font-weight:bold; max-height:54px;  overflow:hidden;}

.help{}
.box{border:1px solid rgba(83,71,65,0.2); box-sizing: border-box; position:relative;}
.box .box_text{padding:20px 10px}
.box h1,.box h2,.box h3,.box h4,.box h5,.box h6{margin-top:0px;}
.box a{text-decoration:none; display:block;}

.donate{}
.donate .donation_input{border:1px solid #676764; margin-bottom:10px;}
.donate input,.donate input:focus{border:0px; width:calc(100% - 55px); margin-bottom:0px;}
.quick_donate .p_text{height:126px; margin-bottom:7px; overflow:hidden; display:block;box-sizing: border-box;}
.reg_donate .p_text{height:84px; margin-bottom:7px; overflow:hidden; display:block;box-sizing: border-box;}

.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 #EB6719;}
.more span{background-color:#ffffff; padding:0px 2%;  z-index:1; position:relative;}
.more:after{border-bottom:1px solid #534741; 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 #534741; 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 *{color:#ffffff;}
.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{}
.shop_item{overflow:hidden;}
.shop_item:hover .shop_item_info{opacity:1;}
.shop_item_info{transition: all 0.5s ease; opacity:0;  position:absolute; z-index:1; border:6px solid #534741; background-color:rgba(83,71,65,0.8); top:0px; left:0px; height:100%; width:100%; padding:40% 20%; box-sizing: border-box; text-align:center; color:#ffffff; vertical-align:middle;}
.shop_item_info h1,.shop_item_info h2,.shop_item_info h3,.shop_item_info h4,.shop_item_info h5,.shop_item_info h6{color:#ffffff; margin-top:0px;}
.shop_item_info a{border:1px solid #ffffff; color:#ffffff; margin-bottom:20px; padding:20px 10px; position:relative;}
.shop_item_info a:hover{border:1px solid #EB6719;}
.shop_item_info a .icon{font-size:20px; margin-bottom:10px;}
.shop_item_info h5{margin:0px;}
.shop_item h6 span{margin-bottom:15px; padding-bottom:12px; background-position: -55px calc(100% + 5px); font-weight:bold; height:54px; overflow:hidden;}


#footer{ font-size:13px; padding:60px 0px 30px 0px; position:relative;}
#footer a{text-decoration:none;}
#footer .logo_footer{content:''; width:85px; height:34px; background:url(../images/logo_footer.png) no-repeat; background-size:100% 100%; margin-bottom:0px; display:inline-block; }
.footer_bottom{padding:15px 0px; margin-top:30px;}
.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:#ffffff;}
.quick_links ul li a:before{content: "\f105"; font-family: 'FontAwesome'; margin-right:10px;}
.quick_links ul li a:hover{color:#EB6719;}
.links{text-align:right;}
#leadnet{ background:url(../images/leadnet.png) no-repeat; display:inline-block; text-align:right;}
#leadnet a{display:inline-block;width:68px; height:15px;}

#footer input[type="text"]{border-color:#ffffff; color:#ffffff;}
#footer input[type="text"]:focus{border-color:#EB6719; color:#EB6719;}
#footer ::-webkit-input-placeholder {
	   color: #fff;
	   		line-height:35px;
		height:35px;
		font: 13px "Roboto","Alef","alchemist_oe_regularregular","Droid Arabic Kufi","myriad_prolight", Helvetica, Arial, sans-serif!important;
	}
	
#footer :-moz-placeholder { /* Firefox 18- */
	   color: #fff;  
	   		line-height:35px;
		height:35px;
		font: 13px "Roboto","Alef","alchemist_oe_regularregular","Droid Arabic Kufi","myriad_prolight", Helvetica, Arial, sans-serif!important;
	}
	
#footer ::-moz-placeholder {  /* Firefox 19+ */
	   color: #fff;  
	   		line-height:35px;
		height:35px;
		font: 13px "Roboto","Alef","alchemist_oe_regularregular","Droid Arabic Kufi","myriad_prolight", Helvetica, Arial, sans-serif!important;
	}
	
#footer :-ms-input-placeholder {  
	   color: #fff;  
	   		line-height:35px;
		height:35px;
		font: 13px "Roboto","Alef","alchemist_oe_regularregular","Droid Arabic Kufi","myriad_prolight", Helvetica, Arial, sans-serif!important;
	}
	
#footer input[type="text"]:focus::-webkit-input-placeholder,
#footer input[type="password"]:focus::-webkit-input-placeholder,
#footer input[type="email"]:focus::-webkit-input-placeholder,
#footer textarea:focus::-webkit-input-placeholder
{
	color: #EB6719;

}

#footer input[type="text"]:focus:-moz-placeholder,
#footer input[type="password"]:focus:-moz-placeholder,
#footer input[type="email"]:focus:-moz-placeholder,
#footer textarea:focus:-moz-placeholder
{
	color: #EB6719;


}

#footer input[type="text"]:focus::-moz-placeholder,
#footer input[type="password"]:focus::-moz-placeholder,
#footer input[type="email"]:focus::-moz-placeholder,
#footer textarea:focus::-moz-placeholder
{
	color: #EB6719;


}

#footer input[type="text"]:focus:-ms-input-placeholder,
#footer input[type="password"]:focus:-ms-input-placeholder,
#footer input[type="email"]:focus:-ms-input-placeholder,
#footer textarea:focus:-ms-input-placeholder	
{
	color: #EB6719;


}
	


#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{}

.inner #banner_con:after{background-size:330px 37px; height:37px; bottom:-18.5px;}
.inner #banner,.featured_con,.featured{}
.inner #banner{ background-color:rgba(83,71,65,1);}
.inner #banner:after{background:url(../images/footer_bg.png); position:absolute; top:0px; left:0px; content:''; width:100%; height:100%; z-index:0; opacity:0.3;}

.breadcramp{margin-bottom:30px;}
.breadcramp li{ display:inline; font-size:11px; 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:53px 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-right:10px; margin-right:10px; border-right: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:#534741; 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:#EB6719;}

.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 0px 0 20px;    line-height: 18px;}
.inner .contact-details i {    float: left;    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:#EB6719; border-color:#EB6719;}
.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:#EB6719;}

.inner #body{min-height:250px; padding-bottom:20px;}
.inner .inner_text .select{border: 1px solid rgba(83,71,65,0.2);min-width: 200px;}
.inner .inner_text .select:after{border:0px; border-left: 1px solid rgba(83,71,65,0.2);}
.inner .inner_text input{border: 1px solid rgba(83,71,65,0.2);width: 190px;}
.inner .inner_desc{max-height:150px; overflow:auto; margin-bottom:30px;}

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

#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:#EB6719; color:#ffffff;}
#login-modal a:hover .button{background: #534741;}
#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 .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
.product_gallery .items 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;}

.product_gallery .items div {
  float:left;
  margin-left:1px;

}
/* 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 img{	width:auto; height:auto; max-width:500px; max-height:500px; margin:auto;}

/* 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;
}





@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;}
	}
/* #Page Styles
================================================== */

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


	@media only screen and (max-width: 1366px) {
	.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:20px;}
	.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;}

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

		}
		
	@media only screen and (min-width: 768px) and (max-width: 1366px) {

	#language ul{margin-bottom: 20px;}
	#navigation {margin-top:10px;}
	#navigation ul li a { 
		padding: 0px 5px 5px 5px;
		font-size: 15px;
	}

	#banner,.featured_con,.featured{height:408px;}
	.featured_con{width:1400px; margin-left:-700px;}
	.featured_textbox{top:-210px;}
	.featured_textbox h1{font-size:60px;}
	.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, .event p, .offer p{line-height:1.3em;}
	.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: 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:400px; max-height:400px;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	#language ul{margin-bottom: 10px;}
	#language .fa-img img{margin: 0px 0px 2px 1px;}
	#logo a{width:160px; height:64px; display:block; background-size:contain;}
	.top_button{height:21px; border-radius:10px; line-height:23px;font-size: 11px;}
	.search input[type="text"]{height:20px;}
	.search input[type="text"]{font-size:11px;}
	.search a:after{height:19px; line-height:19px;}
	.search input:focus{width:100px;}
	#navigation {margin-top:10px;}
	#navigation ul li a { 
		padding: 0px 3px 5px 3px;
		font-size: 12px;
	}

	#banner,.featured_con,.featured{height:350px;}
	.featured_con{width:1200px; margin-left:-600px;}
	.featured_textbox{top:-190px;}
	.featured_textbox h1{font-size:50px;}
	.featured_textbox span,.featured_textbox p{font-size:24px;}
	.featured_pages{top:290px;}

	.margin-top{margin-top:15px;}
	
	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;}
	.article p, .event p, .offer p{line-height:1.3em;}
	.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;}
	.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;}

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

	.inner .inner_gallery ul li div{width:76px; height:76px;}
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#menu,#menu-button,#menu-button.click{display:block;}
		#header{background-position:bottom center;}
		#header #logo a{margin-left:auto; margin-right:auto;}
		.menu-holder{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:160px; height:64px; display:block; background-size:contain;}
		.logo_bg{height:60px; border:0px;}

		#banner,.featured_con,.featured{height:350px;}
		.featured_con{width:1600px; margin-left:-800px;}
		.featured_textbox{top:-300px;}
		.featured_textbox h1{font-size:40px; line-height:1.2em;}
		.featured_textbox span,.featured_textbox p{font-size:23px;}
		.featured_textbox span{width:70%; margin-left:30%;}
		.featured_textbox p{line-height: 26px;}
		.featured_pages{top:310px;}
		
		.margin-top{margin-top:25px;}
		
		#header .column2, #header .column10{margin-bottom: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:#534741;}
		.gallery_item_info p,.gallery_item_info div{display:none;}
		.gallery_item_info h3{ color:#534741; 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:#EB6719;}
		
		
		.shop .button{display:none;}
		.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{display:inline-block;
		background: #ECECEC; /* Old browsers */
	  border: 0px;
	  text-decoration: none;
	  cursor: pointer;
	  margin: 0px;
	  line-height: normal;
	  font-size:12px;
	  height:35px;
	  line-height:35px;
	  width:calc(50% - 2px);
	  text-transform:uppercase;box-sizing: border-box; padding:0px;}
	  .shop_item_info a div{display:inline-block;}
		.shop_item_info a h5{color: #534741; font-size:12px;}
		.shop_item_info a h5 .icon{font-size:11px; margin-right:5px;}
		.shop_item_info a{background: #ECECEC; color:#534741;}
		.shop_item_info a:hover{ border:0px;}
		
		
		#footer{padding-top:35px; margin-top:50px;}
		#footer:before{background-size: 220px 24px;height: 24px; top:-12px;}
		
		.main_links .box{border:1px solid rgba(83,71,65,0.2)}

		
		
		
		
		

		.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;}
		
		}

	/* 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 #534741; 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 */