article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body, *{font-family: tahoma,helvetica,arial;}
ul,li{padding:0;margin:0}
a, a:active, a:hover, a:visited {outline:none !important;border:none;}
a, button{outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

html{width:100%;height:100%;}
body {background:#888;width:100%;position: relative;min-height: 100%;}
.group:after {content: "";display: table;clear: both;}

.icon-white{display: inline-block;width: 14px;height: 14px;margin-top: 1px;line-height: 14px;vertical-align: text-top;background-image: url("../images/glyphicons-halflings-white.png");background-position: 14px 14px;background-repeat: no-repeat;}
.icon-chevron-up {background-position: -288px -120px;}

.box{position: relative;padding: 20px;z-index:5;}
.box .box-background{background: #111111; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
box-shadow: 2px 2px 10px #222, inset -10px -10px 50px 1px rgba(14, 14, 14, 0.5);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;border-radius:15px;opacity:0.9;filter: alpha(opacity=90);}

ul, li{list-style: none;}
.navbar{z-index:3;}
.navbar-inner{position: fixed;top: 0;left: 0;bottom: 0;height: 480px;z-index:3;}

.navbar-inner .container{margin: 80px 20px auto 40px;padding-top:10px;width: 180px;}

.background-navbar{background: #111111 url('../images/fern-med.png') no-repeat right bottom;}

.brand{display: block;width: 172px;height:61px;margin: 0 auto;background: url('../images/nlogo2.png') no-repeat;}

.nav {text-align:center;letter-spacing: 2px;}
.nav li{margin-top:5px}
.nav .dropdown li{margin-top:3px;border-top: 1px solid #5c595996;padding-top: 4px;}
.nav .dropdown li:first-child{margin-top:5px;border:none;}
.nav a, .nav .menu{color: #a59d9d;text-decoration: none;font-size: 18px; cursor: pointer;}
.nav a:hover,.nav a:active, .nav .menu:hover{color: #FFF;}
.pictitle {font-size: 12px;display: block;text-align: center;}
.maincontent h1, .maincontent h2{margin:0}
.maincontent br{display:none;}
#checkout-processing br{display:inline;}
.btn-navbar .icon-bar + .icon-bar {
margin-top: 3px;
}

.icon-bar{display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
margin-top: 1px;
line-height: 14px;
vertical-align: text-top;
}

.btn{
  display:none;
  padding: 7px 10px;
  margin-right: 0 5px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #bbbbbb;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.btn-navbar {
  float: left;
}

.btn-categories {
  float: right;line-height: 1em;margin: 10px;
}


#footer{color: #999; position: absolute;bottom: 0px;margin: 5px 0;font-size: 10px;padding: 0;width: 100%;text-align: center;text-shadow: 1px 1px 1px #000;}
#footer h1{display:inline;font:inherit;margin:0px}

.socialmedia{text-align: center;margin-top: 20px !important;}
.social-icon {background:url("../images/social-icons-2.png");width: 36px;height: 36px;margin: 0px !important;padding: 0px !important;display: inline-block;cursor: pointer;text-indent: -10000px;}
.twitter-icon{background-position:-72px 0;}
.fb-icon{background-position:0 0;}
.instagram-icon{background-position:-36px 0;}
.linkedin-icon{background-position:-108px 0;}
.pinterest-icon{background-position:-144px 0;}
.social-icon:hover, .social-icon:active{opacity:0.6;filter: alpha(opacity=60);} 




.maincontent{margin:50px auto;color: #d4caca;text-align:justify; padding: 0 20px;z-index:1;position:relative;}
.maincontent h3,.maincontent h2,.maincontent h1{color:#FFF; margin-top:0px}
.maincontent h3{margin-bottom: .2em;}
.sub{margin:0 20px;}
.maincontent p{margin-bottom:.5em;}
.testimonial-name{text-align:right;margin:0 50px 2em .5em !important;font-size:12px;color:#FFF;}
.testimonial-name br {display: inherit;}

.maincontent a{color:#a59d9d; text-decoration:underline;}
.maincontent a:hover, .maincontent a:active{color:#FFF;}
.all{margin:0 auto;position:absolute;left:0;right:0;width:900px;min-height:100%; overflow: hidden;}
.all-background{
position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #222;z-index:0;opacity: 0.8;height:100%;filter: alpha(opacity=80);}

.right{float:right;margin-left:20px;}
.left{float:left;margin-right:20px;}
.center{text-align:center;}
.clear{clear:both;}

.icons{margin: 0 auto;overflow:hidden;text-align: center;}
.icon{padding:4px;text-decoration:none !important;display:inline-block;vertical-align: top;}
.icon:hover img{opacity: 0.6;filter: alpha(opacity=60);}
.icons.gallery img.loadedimage{box-shadow:1px 2px 5px #000}
.icons h2 {font-weight: normal;color: #BBB;}

.icontitle{display: block;width: 100%;margin: 0;text-align: center;font-size:12px;color: #FFF;}
.icon:hover .icontitle{color: #DDD;}
.iconsubtitle{display: block;width: 100%;font-size: 12px;text-align: center;color: #DDD;}
.icon:hover .iconsubtitle{color: #BBB;}

.photographer-icon{width:100px;height:130px;}
.photographer-icon img{box-shadow:0px 0px 3px #888;}
a.photographerlink {text-decoration: none;color: #AADDFF;}
a.printlink {padding: 8px;display: block;text-decoration: none;color: #ADF;}
.categories{position: fixed;top: 0;left: 0;right: 0;background: #000;background: rgba(0,0,0,0.8);margin: 0 auto;z-index: 5;text-align:center;padding:14px 0 10px 0;height:25px;line-height:25px;}
.categories a{text-decoration:none;display:block;width:100%;height:100%}
.categories li{display:inline-block;width:70px;text-align:center;padding:0 5px;position:relative;cursor:pointer;}
.categories li a{width:100%;}
.categories li ul{display:none;position:absolute;top:20px;left:-20px; width:160px;background: #000;background: rgba(0,0,0,0.8);padding:5px;border-radius: 5px 5px 0 0 ;}
.categories li ul li{width:150px;}

.categories li span{width:100%; height:100%;}
.ChosenCategory {background-color: #252525;border-radius: 10px;box-shadow:inset 0 1px 1px #000, inset 0 -1px 1px #666;color:#FFF !important;}

.categoryselect{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;height: 100%;cursor:pointer}
.currentCategory{width: 100%;display: block;position: absolute;height: 100%;line-height: 50px;letter-spacing: 2px;color:#FFF;}
.categoriesPhoneBar{display:none;}

.show{display:block !important;}

.card{text-align: center;max-width: 100%; max-height:400px; margin: 0 auto;}
.card img{max-width: 100%; max-height:400px;}
.card h2 {font-weight: normal;margin: 10px 10px 0 10px;}
.card h3 {font-weight: normal;margin: 0 10px 10px 10px;font-size: 14px;}
.cardShow{display:block !important;}
.cardicon{z-index:9999;background-image: url('fancybox/fancybox_sprite.png');position: absolute;text-indent: -9999px;display:block;text-decoration:none;display:block;}
.cardback{position:absolute;top:0px;left:50%;}
.cardprev, .cardnext{position:absolute;top:50%;}
.cardnext{right:0px;}
.cardprev{left:0px;}

.cardbacklink{background-position: 0 0;width: 36px;height: 34px;top:-20px;left:-16px}
.cardnextlink{right: 0px;width: 36px;height: 34px;	background-position: 0 -72px;top:-16px;}
.cardprevlink{left: 0px;width: 36px;height: 34px;background-position: 0 -36px;top:-16px;}

.card.ekara { max-width: 283px; margin: 0 auto; }
.navhider{-webkit-transition: top 0.35s ease;-moz-transition: top 0.35s ease;-o-transition: top 0.35s ease;transition: top 0.35s ease;}

.backa {text-decoration: none !important;padding: 5px 10px;background: rgba(0,0,0,0.6);box-shadow: 1px 1px 1px #000;border-radius: 10px;margin: 0 10px;font-size: 13px;display:inline-block;}

.visible-phone {display:none !important;}

.product-description{width:48%;float:left;margin-right:2%}
.product-contents{width:50%;float:left;}
.product-prices{width: 50%;float: left;margin-bottom: 10px;}
.product-price{font-size: 20px;color: #FFF;font-weight: bold;float: right;}
.icons {overflow: visible !important;}
.dropdown {
display: block;
position: absolute;
left: 200px;
top: 0px;
width: 100%;
padding:0 0 10px;
background: #111111; /* Old browsers */
border-radius: 0 15px 15px 0;
background: -moz-linear-gradient(top,  rgba(51,51,51,0.9) 0%, rgba(17,17,17,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.9)), color-stop(100%,rgba(17,17,17,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,0.9) 0%,rgba(17,17,17,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,0.9) 0%,rgba(17,17,17,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,0.9) 0%,rgba(17,17,17,0.9) 100%); /* IE10+ */
box-shadow: 2px 2px 10px #222, inset -10px -10px 50px 1px rgba(14, 14, 14, 0.5);
background: linear-gradient(to bottom,  rgba(51,51,51,0.9) 0%,rgba(17,17,17,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}

.hide {display:none;}
.dropdown-container {position:relative;}

.a-button{cursor: pointer;font-size:14px; background:url('../images/ud.png') repeat-x 0 -221px;color: #FFF !important; height:24px;margin: 0 17px; padding:5px 3px; display:inline-block;text-decoration: none !important;position:relative;}
.a-button .bleft{background-position:-142px -98px;left:-17px;top:0;height:34px;width:17px;}
.a-button .bright{background-position:-193px -98px;right:-23px;top:0;height:34px;width:23px;}
.a-button:hover, .a-button:active {background-position: 0 -255px;}
.a-button:hover .bleft, .a-button:active .bleft{background-position:-159px -98px;}
.a-button:hover .bright, .a-button:active .bright{background-position:-216px -98px;}
.a-button:active {background-position: 0 -289px;}
.a-button:active .bleft{background-position:-176px -98px;}
.a-button:active .bright{background-position:-239px -98px;}
.graphic{background:url('../images/graphics2.png') no-repeat 0 0;position:absolute;text-indent:-9999px}
.photographer-mug{
float:right;margin: 0 0 10px 20px;
border: 2px solid #ddd;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
}

.loading{position: absolute;width: 100%;top: 0;left: 0;}
.loading span{display: block;text-align: center;font-size: 25px;}


.categories.shop-categories li {width: 120px;}

#sidebar {position: fixed;top: 0;right: 0;}
#sidebar-basket {margin: 80px 40px 0 auto;}
#b-contents {width: 180px;text-align: center;max-height:500px;overflow:auto;}
.basket-item {margin: 15px 0;position: relative;}
.basket-item a {text-decoration:none;  color:#AAA;}
.basket-item a:hover {color:#FFF;}
#b-footer {text-align: center;color: #FFF; width: 180px;}
#basket-total {margin: 0 0 10px 0;}

#addAllButton{position: absolute; top:0px; right: 45px;}


.label {width: 80px;display: inline-block;margin-right: 5px;text-align: right;}
.field {margin: 5px auto;width: 300px;}
.input {border: 1px solid;width: 200px;padding: 2px 4px;}
.textarea{position:relative;height:6em;}
.textarea .textinput{border: 1px solid #000;padding: 2px 4px;position:absolute;top:0;left:0;right:0;bottom:0;width: 100%;}
.field.button {text-align: right;}
#phone{text-align:center;}
#home{padding-top:10px;}
.home-nav{padding: 30px 0;margin: 0 30px;border-radius: 6px;background: rgba(20,20,20,0.5) !important;}
.homenavlink {width: 100%;text-decoration: none !important;display: block;}

.lateloader{opacity:0.1;}
.loadedimage{opacity:1;  -webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease}

#loginpage input[type="submit"],  #loginpage input[type="reset"] {
border: 1px solid #000;
padding: 3px 15px;
float: right;margin-left:5px;border-radius:2px}

#loginpage input[type="submit"]:hover,  #loginpage input[type="reset"]:hover {
box-shadow: 0px 0px 5px #ddd;
border: 1px solid #FFF;
	}

.adialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(20,20,20,0.6);
    z-index: 999;
}

#loginpage {
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    width: 360px;
    margin: auto;
    color: #FFF;
    padding: 20px;
    background: #333;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #ddd;
}
.phonemenu{display:none;}
.phonemenuA{
font-size: 20px;
width: 80%;
display: inline-block;
padding: 5px 0 8px 0;
color: #fefefe !important;
border-radius: 20px;
border: 0;
background: #3e3e3e;
margin-top:5px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
pointer-events: none;
cursor: default;
}

.phonemenu .social-icon{
pointer-events: none;
cursor: default;
}

.phonemenuA:active, .phonemenuA:hover{background-color: #000;}

#orderSteps li {background: rgba(0,0,0,0.5);padding: 5px 10px 5px 35px;margin-bottom: 10px;border-radius: 5px;position:relative;}
.number {position: absolute;left: 12px;font-size: 17px;top: 0;bottom: 0;margin: auto;height: 23px;font-weight: bold;}

.fullscreenimage li {
    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
ul.fullscreenimage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.sharethisbar:before {
content: "Share";
margin-bottom: 5px;
color: #FFF;
text-shadow: 0 1px 2px #000;
}
.sharethisbar {
    position: fixed;
    top: 20px;
    right: 0;
    width: 45px;
    padding: 4px;
    background: rgba(255,255,255,0.3);
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.5);
    display:block;
    box-sizing: border-box;
    
}

.sharethisbar .social-icon {display: block;margin: 3px 0 0 2px !important;}

.sharethisbar.hidden{
	display:none;
}

.control-label {
    width: 25%;
    display: block;
    box-sizing: border-box;
    margin: 0;
    float: left;
}
.form-control {
    width: 100%;
    box-sizing: border-box;
    display: block;
  height: 34px;
    padding: 5px 5px 5px 30px;
    background: white;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
.form-group {
    position: relative;
    margin: 3px 0;
    background: white;
    
}
.form-group:after{
    display:block;
    content:'';
    clear:both;
}

.form-control:valid, .form-control.is-valid {
    background-image: url("../images/check.svg");
}

.a-button.is-disabled {
  opacity: 0.5;
}

.hidden {
  display:none;
}

.alert {
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.alert-danger {
  color: #7b242c;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.cc-amex {
  background-image: url("../images/cc/mono/amex.svg");
  background-position-y:10px;
}
.cc-diners{
  background-image: url("../images/cc/mono/diners.svg");
  background-position-y:10px;
}
.cc-discover{
  background-image: url("../images/cc/mono/discover.svg");
  background-position-y:10px;
}
.cc-jcb{
  background-image: url("../images/cc/mono/jcb.svg");
  background-position-y:10px;
}
.cc-mastercard{
  background-image: url("../images/cc/mono/mastercard.svg");
  background-position-y:10px;
}
.cc-visa{
  background-image: url("../images/cc/mono/visa.svg");
  background-position-y:10px;
}
.cc-maestro{
  background-image: url("../images/cc/mono/maestro.svg");
  background-position-y:10px;
}

.cc-amex.is-valid  {
  background-image: url("../images/cc/colour/amex.svg");
}
.cc-diners.is-valid {
  background-image: url("../images/cc/colour/diners.svg");
}
.cc-discover.is-valid {
  background-image: url("../images/cc/colour/discover.svg");
}
.cc-jcb.is-valid {
  background-image: url("../images/cc/colour/jcb.svg");
}
.cc-mastercard.is-valid {
  background-image: url("../images/cc/colour/mastercard.svg");
}
.cc-visa.is-valid {
  background-image: url("../images/cc/colour/visa.svg");
}
.cc-maestro.is-valid {
  background-image: url("../images/cc/colour/maestro.svg");
}

/*
 * new contents basket stuff
 */
.loading{display:none;position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,0.5);}
.loading:after {display: block;content: "Please Wait";padding: 14px 20px;margin: auto;width: 60px;background: #FFF;bottom: 25%;top: 0;position: absolute;left: 0;right: 0;height: 36px;font-family: arial;text-align: center;font-weight: bold;text-transform: uppercase;box-shadow: 0 0 20px rgba(0,0,0,0.5);border-radius: 6px;font-size: 16px;box-sizing: content-box;}
.loading.active{display:block;}
.notSetup{pointer-events:none;cursor:default;}

.basket-card {
    display:block;
    margin:0 auto;
}

.basket-quantity{
    display: block;
    position: absolute;
    width: 100%;
    top: 4px;
    text-align: center;
    font-size: 25px;
    text-shadow: #000 1px 1px 5px;
    opacity: .8;
    filter: alpha(opacity=80);
    color: #FFF;
}


.alert-warn {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.screen-alert {
  position: fixed;
  bottom:70px;
  max-width: 400px;
  left: 0;
  margin: auto;
  right: 0;
  text-align: center;
  z-index:99
}

@media (max-height:720px){
	.navbar-inner .container{margin-top:30px;}
  .maincontent{margin-top:20px;}
  #b-contents{height:400px;}
  #sidebar-basket { margin-top:30px; } 
}

@media (max-height:480px){
	.navbar-inner .container{margin-top:10px;}
  .maincontent{margin-top:10px;}
  
}

@media (max-width: 1480px){
	.all{width: auto;left: 290px;right: 290px;position: absolute;}
}

@media (max-width: 1181px){
	.retimage{width:50%;}
	.all{right:auto; width:600px;}
	.categories{border-radius:0;right:auto;left:290px;}
	
	.navbar-inner .container{margin-top:30px;}
	
	#sidebar {bottom: 0;left: 0;top: 380px; right: auto;width: 260px;z-index: 20;}
	#sidebar-basket {margin: 0 0 20px 40px;	position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;}
	#b-contents{position: absolute;top: 20px;left: 20px;bottom: 135px;}
	#b-footer{position: absolute;bottom: 10px;left: 20px;right: 0;}
}

@media (max-height:480px){
  .navbar-inner .container{margin-top:10px;}
}

@media (max-height:480px), (max-width: 1181px){
	#sidebar{top: 360px;}
}

@media (max-height:460px){
	#basket-total{display:none;}
}


@media (max-width:903px){
		
	.all{right:0; width:auto;}
	.categories{border-radius:0;right:0;left:290px;width:auto;}
	.categories li{width: 60px;}
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

.rightBlocker{display:none}

.row {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-9, .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 767px) {
	body{overflow-x: hidden;background:#3e3e3e}
	
	#addAllButton{position: relative;top:0;right:0;}
	.basket-quantity{
		font-size: 20px;
	}
	
	.sharethisbar {
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	border-radius: 6px;
	margin: -10px auto 10px auto;
	line-height: 5px;
	padding: 8px 4px 4px 4px;
	height: 48px;
	}
	
	.sharethisbar:before {
	content: "Share";
	display: block;
	position: absolute;
	top: 8px;
	left: 8px;
	}
	
	.sharethisbar .social-icon {display: inline-block;margin: 0px !important;}
	
	
  .retimage{margin-left:5px;width:45%;}
  .maincontent{padding:0 15px;margin-top:110px;margin-bottom: 90px;}
  .sub{margin:0 5px;}
  .all{left:0;right:0;}
  .navbar-inner{z-index:30;}
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
 .swipedLeft .phonemenu, .transitioning .phonemenu{display:block;}
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-phone.sharethisbar {
    display: block !important;
    
    opacity: 0;
    
  }
  .transitioning .categoriesPhoneBar, .swipedLeft .categoriesPhoneBar {
    display: none !important;
  }
  
  #b-contents, .all, .navbar-inner, #superbgimage, .menuhider,.all-background{
  	-webkit-transition: 0.35s ease;
	-moz-transition: 0.35s ease;
	-o-transition:0.35s ease;
	transition: 0.35s ease;
	-webkit-backface-visibility: hidden;
	-moz-transform: translate3d(0,0,0);
-o-transform:  translate3d(0,0,0);
-ms-transform:  translate3d(0,0,0);
-webkit-transform:  translate3d(0,0,0);
transform:  translate3d(0,0,0);
	}
 
  .all{width:100%;background: rgba(0,0,0,0.5);z-index: 4;}
  .nobackimages .all{background: transparent}
  .all-background{display:none;}
  .swipedLeft .all, .swipedLeft .navbar-inner, .swipedLeft #superbgimage, .swipedLeft .menuhider, .swipedLeft .all-background{
	-moz-transform: translate3d(75%,0px,0);
-o-transform: translate3d(75%,0px,0);
-ms-transform: translate3d(75%,0px,0);
-webkit-transform: translate3d(75%,0px,0);
transform: translate3d(75%,0px,0);
	-moz-transform: translate3d(calc(100% - 80px),0px,0);
-o-transform: translate3d(calc(100% - 80px),0px,0);
-ms-transform: translate3d(calc(100% - 80px),0px,0);
-webkit-transform: translate3d(calc(100% - 80px),0px,0);
transform: translate3d(calc(100% - 80px),0px,0);
}
   .swipedLeft .phonemenu .social-icon, .swipedLeft .phonemenuA{
   	pointer-events: auto;
		cursor: auto;
   }

  .rightBlocker{display:none;position:fixed;top:0;bottom:0;right:0;width:25%;max-width:80px;background:none;background:rgba(0,0,0,0);z-index:9999}
  .swipedLeft .rightBlocker{display:block;}
  .menuhider, .phonemenu{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 0;}
  #superbgimage{z-index:1 !important;}
  .phonemenu .nav{height:100%;margin-right: 80px;}
  .phonemenu .firstli {margin-top: 5px;}
  .menuhider{background:#3e3e3e;}
  .navbar-inner {bottom:auto;width:100%;height:50px;}
  .navbar-inner .container {position: relative;width: auto;margin: 10px;height: 84px;padding:0px;}
  .btn {margin:13px;}
  .btn-categories{margin:8px;}
  .nav{background: #222;padding-top: 10px; text-align:center;overflow-y: auto;}
  .nav a{font-size:20px;}
  .nav li{margin-top:10px}
  .nav.swipe-show{box-shadow: 2px 2px 10px #222;}
  
  .categoriesPhoneBar{position: fixed;top: 100px;height: 51px;background: #111;z-index: 5;left: 10px;right: 10px;text-align:center; border-radius: 15px;}

  .swipe-show{left:0;}
  .swipe-rshow{right:0;}
  .card-holder{position: relative;width:100%;margin-top:30px;}
  .card{display: table-cell;vertical-align: middle;}
  .card.ekara{display:block;}
  .product-contents, .product-prices,  .product-description{width:100%;float:inherit}

	#sidebar-basket {margin: 0;position: inherit;padding: 0;}
	#sidebar-basket .box-background {display: none;}
	#sidebar {position: inherit;}
	#b-contents {max-height: none;z-index:10;margin: 0;background: #000;position: fixed;top: 0px;left: 100%;width: 100%;bottom: 0;padding: 90px 0 80px 0;}
	#sidebar-basket.show  #b-contents{left:0;}
	#b-footer {z-index: 10;position: fixed;left:0;right:0;bottom: -1px;background: #000;padding: 10px 0 18px 0;background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 );
width: auto;}
	.basket-item{display:inline-block; margin:7px;}
    #basket-total {margin-bottom: 5px;}
    #b-footer .a-button{display:inline !important;cursor:pointer;}
  	#sidebar-basket .hidespan{display:none;}
  	#sidebar-basket .showspan{display:inline;}
	#sidebar-basket.show .hidespan{display:inline;}
  	#sidebar-basket.show .showspan{display:none;}
  	#basket-total{display:block;}
  	
}

@media screen and (max-width: 767px) and (orientation:landscape) {
	.card img{width:auto;max-width: 100%;max-height: 100%;;margin:auto;}
	.navhider{top:-100px;}

}

.mt-5 {

}
.small {
  font-size: 0.8rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}