/* basic styles*/
body { background: #ccc url(/media/users/85/theme/djola/images/blansbg.jpg); color: #000000; overflow-x: hidden; font-size: 14px;line-height: 22px; font-family: 'Open Sans', sans-serif;} 
.icon{font-size: 25px; display: inline-block; vertical-align: bottom; height: 25px; margin-right: 5px;}
.icon-search { position: relative;top: 30px; left: 5px; color: #666;}
.icon-down-arrow-2{font-size: 16px;}
.icon-left-arrow{font-size: 20px;padding-top:5px;}
.icon-right-arrow{font-size: 14px; height: auto; }
.radius-3{-webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px;}
.radius-5{-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;}
.radius-10{-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px;}
.radius-50{-webkit-border-radius: 50%;  -moz-border-radius: 50%; border-radius: 50%;}
.center {margin-left: auto; margin-right: auto; position: relative; text-align: center;}
.left { float: left;}
.right { float: right;}
.link{cursor:pointer;}
a:focus{ outline: none;}
#slider .item img, #slider-navigation .item img, #slider-product .item img, #slider-pagination .item img{display: block; width: 100%; height: auto;}
.h1, h1{font-size:24px;font-weight:bold;}
.h2, h2{font-size:21px;font-weight:bold;}
.h3, h3{font-size:17px;font-weight:bold;}
label{font-weight:normal;}
.note {font-size: 11px; color: #999999;}
.banner{width:100%; height: 240px;overflow: hidden;margin-top: 15px; }
.slick-slide img {max-width: 100%; width:100%;margin: 0 auto;}
.slick-prev, .slick-next {top: 50%!important;}
.productpreview .slick-slide .slick-current .slick-center {margin-top: -230px;}
.slick-slide{padding:10px;cursor: pointer;}
.slick-slider{margin-bottom:0!important;}
/*pagination*/
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {color: #fff; background-color: #666; border-color: #666;}
.pagination > li > a, .pagination > li >span {color: #666;}
.content .container{background:#fff;}
.content h1{padding:0;}
.content img{max-width:100%;}

/*menu sidebar*/
.menu{position:absolute;display:none;top: 0; right:-405px; width:90%; min-height:100%; background:#fff;z-index:999;-webkit-box-shadow: 0 0 3px #ccc;box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.menuopen{right:0;display:block;}
.openMenu, .closeMenu{cursor:pointer;}
.subheader .container{background:#fff;padding:10px 0;}
.header .container{border-bottom: 1px solid #e3e3e3; background: url(/media/users/85/theme/djola/images/header_03.jpg) no-repeat; padding: 30px 300px 15px 5px;height: 180px;border-top-left-radius: 10px;border-top-right-radius: 10px;margin-top: 20px;}
/*.closeMenu{width: 100%;text-align: right;padding: 5px 10px;color: #222;}*/
.closeMenu{ width: auto;font-size: 20px;cursor: pointer;display: inline-block;text-align: right;padding: 15px 25px;color: #6F6F6F;}
.carttop {height: 50px;width: 100%;background: #eee;}
.carttitle {width: 75%;display: inline-block;padding: 10px;font-size: 16px;color: #6F6F6F;}
.closeMenuTop{height: 50px;width: 100%;background: #eee;}
.pages{margin-top: -63px;margin-left: -30px;}
.pages ul li {
    list-style: none;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 22px;
    float: left;
    border-radius: 5px 5px 0 0;
    background: #ea2226;
    padding: 10px;
    -moz-box-shadow: inset 0px -2px 4px #8B0101;
    -webkit-box-shadow: inset 0px -2px 4px #8B0101;
    box-shadow: inset 0px -2px 4px #8B0101;
}
.pages ul li a{color:#fff;}
.pages ul li a:hover{text-decoration:none;}
.menu ul {margin: 0; padding: 0; list-style: none;}
.menu ul li { display: block; width:100%; font-size: 16px; padding: 3px 0; font-weight:300; text-align:left;}
.menu ul li a {color: #fff;}
.menu .dropdown-menu {position: relative; background: transparent; border: none; border-radius:0; -webkit-box-shadow: none;box-shadow: none;}
.menu .dropdown-menu {width:100%;}
.nav>li>a:focus, .nav>li>a:hover{background:transparent;}
.menu li.dropdown.open, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:#efefef;}
.menu .dropdown-menu>li>a:focus, .menu .dropdown-menu>li>a:hover { background-color:#ececec;}
.slick-slide { height: auto!important;}
ul.dropdown-menu .dropdown-menu li{padding-left:10px;}

ul.pages{border-top: 1px dotted #cac5cb;margin-top:20px!important;padding-top:20px!important;}
ul.pages li a {
    text-transform: uppercase;
    color: #767676;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}
/* logo*/
#logo { color: #222; padding: 0;text-align: center;margin-left: 250px;margin-top: -20px;} 
#logo a { color: #eb5e28; font-family: 'Open Sans', sans-serif; text-decoration: none;} 
h1#logo img {width: 100%;max-width: 340px;}
/* product details*/
.product-img-slider {width:100%; vertical-align:top; display: inline-block;margin-bottom:20px;}
.product hr{border-top: 1px solid #e3e3e3;}
.product-details{width:100%; vertical-align:top; display: inline-block; padding:0 10px; margin-bottom:30px;}

.share{text-align: center;margin-top:20px;}
.share ul {list-style: none; padding: 0; margin: 0;}
.share ul li { display: inline-block; padding: 3px;}
.share ul li a{background:#6f6f6f;color: #FFFFFF; height: 34px; width: 34px; display: block; padding: 5px;}
.share-facebook:hover{background-color: #3B5998;}
.share-twitter:hover{background-color: #159CEB;}
.share-googleplus:hover{background-color: #DD4B39;}
.share-pinterest:hover{background-color: #cb2026;}
.share-instagram:hover{background-color: #49739f;}
.share-youtube:hover{background-color: #e02f2f;}
.share li img {width:24px; height:24px;}
.product-details .input {width: 70%; display: inline-block;  margin: 15px 20px 20px 0;border: 1px solid #E3E3E3; color: #777;padding: 8px;}
.products ul { list-style: none; margin: 0; padding: 0;text-align: left;}
.products ul li {width: 32%;overflow: hidden;font-size: 14px;line-height: 22px;text-align: center;display: inline-block;outline: none;vertical-align: text-top;overflow: hidden;margin: 3px;position:relative;}
.products h2{text-align:left; margin: 0;}
.products h2 a{color: #222;text-align: center;width: 100%;padding: 0 10px;font-size: 14px;font-weight: 400;font-size: 15px;font-weight: 400;line-height: 1.5;margin: 10px 0;}
.products h2 a:hover{text-decoration:none;}
.products .col-sm-4 {padding: 0;}
.productsimage {padding: 10px; width:45%; float: left;}
.productsdetails { padding: 10px; width: 55%; float: left; text-align:left;}
.producttitle { min-height: 60px;}
.producttitle h2{margin:0;}
.producttitle a { text-decoration: none; font-weight: 700; color: #000000;}
.productprice {font-size: 20px;color: #8ea434;margin-top: 10px; text-align: center;padding: 0 10px;    margin-bottom: 20px;}
span.productprice{color:#000;}
.productpriceold {text-decoration: line-through;margin-right:20px;color:#b0b0b0;}
.productaddtocart { text-align: left; padding: 10px;}
.product h1 { text-align: left; font-weight: 700; margin-bottom: 30px;text-align: left; margin-left: 10px;}
.productdescription {font-size: 14px; line-height: 22px; text-align: left; color: #000000;}
.productdescription p { margin-bottom:20px;font-size: 14px; line-height: 22px; color: #000000;}
.productdescription td { font-size: 14px; line-height: 22px; color: #000000;}
.productdescription a { font-size: 14px; line-height: 22px; color: #000000; text-decoration: underline;}
.productprivacy{padding: 10px;font-size: 12px;}
.product-label-new{ background: #FF7C00; position: relative;   bottom: 50px;left: 20px; width: 40px; height: 30px;  color: #fff; padding: 5px;}
.product-label-empty{ background: none; position: relative;   bottom: 50px;left: 20px; width: 40px; height: 30px; padding: 5px;}
.product-label-promo{ background: #F15353; position: absolute; width: 50px; height: 30px; color: #fff; padding: 5px;}
.products .oneproduct {vertical-align: text-top; position: relative;}
.oneproduct img {}
.oneproduct p{text-align:left;margin:30px 0;}
.oneproduct a{display:block;}
.oneproduct a h2{color:#222; text-align: center;width: 100%;padding: 0 10px;font-size: 14px; font-weight:400;font-size: 15px;font-weight: 400;line-height: 1.5; margin: 10px 0;}
.oneproduct a:hover{text-decoration:none;}
.productImage{margin: 0 10px;position:relative; padding: 10px;border: 1px solid #e5e5e5;margin: 10px;}
.productImage:hover{background:#eee}
.productsimage {overflow: hidden;}
.productquantity{width: 100%;display: inline-block;}
.productoptions{margin-top:20px;}
.related ul{margin-top:20px;}
.related img {max-width:210px;position: relative;
    padding: 10px;
    border: 1px solid #e5e5e5;
    margin: 10px;}

/* footer menu*/
.footer {background-color: transparent;color: #eee;padding: 20px; text-align: center;margin-top:20px;}
.footer a {color: #fff; text-decoration:none;}
.footer a:hover{color: #fff;}
.footer ul{list-style: none;padding: 0;text-align:left;}
.footer ul li{display:block;}
.socialnetworks ul li{display:inline-block;}
.changelanguage{cursor: pointer; text-decoration: none;}
.scrollable-menu {height: auto; max-height: 200px; overflow:auto; padding:10px 0;}
.scrollable-menu-big{height: auto; max-height: 450px; overflow: auto;}
.alanguages {text-align: center;}
.alanguages ul {list-style: none; padding: 0; spacing: 0;}
.alanguages ul li {display: inline-block; padding: 10px; width: 200px; border: 1px solid #DEDEDE; margin: 5px;}
#languages { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; color: #000000;}
#languages a { color: #000000; text-decoration: underline;}
#countries { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 240px; margin: 20px auto; color: #000000;}
#countries a { color: #000000; text-decoration: underline;}

/* subfooter */
.subfooter {color: #6d6d6d;padding: 20px; text-align: left;}
.subfooter a {color: #6d6d6d;text-decoration: none;}
.subfooter ul { list-style: none;padding: 0; margin-top: 10px;}
#statustop{color: #fff;}
.copyright {color: #fff; font-weight:700;}
.copyright a {color: #fff;}
.createstore-copyright { color: #fff; margin-top:25px;}
.createstore-copyright a{ color: #fff;}

/*contest basic*/
.contestDesc .btn{background:#ccc;}
.contestDesc a{color:#666;}
.contestBar{background:#B3B3B3;top: 0px!important;}
.contestBar a{color:#fff;}

/*Change language / currency box*/
.box {display:none;}
.change{padding:10px; font-size: 16px;color: #767676;}
.mobilChange{padding:10px;}
span.chcurr{cursor:pointer;}
span.chlang{cursor:pointer;}

/* Mobile style*/
.mobileicons { background-color: #938c7d; width: 100%;padding: 10px 10px 1px 0;color: #fff; text-align: right;}
.mobileicons ul li {list-style: none;display: inline-block;}
.mobileicons ul li a {color: #fff;padding: 10px;font-size: 20px; max-width: 24px;text-align: center; text-decoration: none;}
.mobilemenu {padding: 0 20px;}
.mobilemenu ul {list-style: none; margin: 0; padding: 0;}
.mobilemenu ul li a { color: #000000; text-transform: uppercase; text-decoration: none; width: 97%; padding: 5px; display: block; border-bottom: 1px solid #ccc;}
.show_hide_mobilemenu{cursor:pointer;}
.menu {padding-bottom: 10px;font-size: 14px;}
.menu ul {margin: 0; padding: 0; list-style: none;}
.menu ul li { display: block; font-size: 14px; padding: 3px 0;}
.menu ul li a {color: #222;}

/*Search*/
.search .form-group{width: 100%;padding: 0 20px;}
.search {display: inline-block; width: 100%; padding: 0; margin-top: 5px; margin-right:20px;}
.search input { padding: 5px 10px; border: 1px solid #E3E3E3;color: #555555; width:50%!important; float: right;}
.search .btn{border: 0;position: absolute;right: 0;top: 12px;background-color: transparent;right: 35px;}
	
/*Minicart*/
.minicart {cursor:pointer; padding: 15px 20px;font-size: 14px;line-height: 18px;float: left;margin-bottom: 20px;margin-left: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;background-color: #8ea434;color:#fff;}
.minicart a { color: #fff;text-decoration: none; width: 200px; display: block; padding: 7px 0px; font-size: 14px;}

/*Footer-social*/
.pagination a{ background-color: #6d6d6d; color: #ffffff;padding: 10px; font-size: 14px; text-decoration: none;}
.back{font-size: 12px; }
.back a{color: #222; font-size: 12px; text-decoration: none;}
.back a:hover{text-decoration:underline;}
.addtocartform { padding: 10px; font-size: 12px; line-height: 18px;}
.page { text-align: left; padding: 20px;}
.addtocartbutton { border: none; cursor: pointer; text-decoration: none; vertical-align: bottom;margin: 13px 0 13px 10px;background-color: #666;color: #fff;padding: 10px;font-family: 'Open Sans', sans-serif;font-size: 14px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; width: 70%;}
.prodbutton{display:none;}
.addtocartbutton a{color: #000000!important;}
#added { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; color: #000000;}
#added a { color: #000000; text-decoration: underline;}

.orderbox, .promocodebox{ width: 100%; text-align: right;}
.show_hide_promocodebox{ width: 100%; text-align: right; cursor:pointer;}
.show_hide_promocodebox .icon-down-arrow{ font-size: 15px; padding-top: 10px;}
.orderbox .btn, .promocodebox .btn{ color: #FFF; background-color: #3BA0DB; border:none;}
.orderbox ul{list-style:none;padding: 0;}
.orderbox a{color:#fff;}
.orderbox a:hover{text-decoration:none;}
.orderbox li{display:inline-block;border: 1px solid #3BA0DB;}
.orderbox li:hover{border: 1px solid #7BE1FF;margin-top:9px;}
.promocodebox .form-control{display:inline;width:auto;}
#checkout {min-height: 60px; min-width:150px; margin: 10px; padding-top:20px; text-transform: uppercase;font-size: 16px;font-weight: bold; text-align: center; background-color: #3BA0DB; color: #FFFFFF; cursor: pointer; text-transform: uppercase;}
.paypalcheckout{background:url(../Bootstrap/interface/paypal-btn.png) no-repeat 20%; padding-left: 130px; padding-right: 20px;}
#slider { margin-left: auto; margin-right: auto; text-align: center; margin-top: -22px;}
#addedtocartstatus { display: none; position: fixed; font-size: 16px;  width: 200px; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform:translate(-50%, -50%); background-color: rgba(0,0,0,0.6); height: auto; color: #FFFFFF; padding: 20px; z-index: 99999;}

/*blog*/
ul.blog{list-style:none;}
ul.blog li{width:49%;padding:10px; display:inline-block;vertical-align:top;}
ul.blog li p a{font-weight:700; color: #eb5e28;margin-bottom:10px;font-size:21px;}
ul.blog li p a:hover{text-decoration:none;}
ul.blog li p{line-height:26px;}
ul.blog li p:after{content:'...';}

/*Categories*/
.categories {padding-top: 30px; padding: 10px;font-size: 14px;line-height: 22px;background-color: #efefef;border-radius: 5px;padding: 5px;width: 220px;}
.categories h2 {display: none;color: #000000;}
.categories ul {padding: 0; margin: 0;list-style:none;}
.categories ul li { border-bottom: 1px dashed #C9C9C9;display: inline-block;width: 100%; margin-bottom: 12px;}
.categories ul li a {text-transform: uppercase;text-decoration: none;color: #406921;}
.categories ul li a:hover { color: #000;}
.shipping-details{padding:15px;border: 1px solid #ccc;}

ul.dropdown-menu .dropdown-menu{top: 0;left: 100%;}
textarea#message{width:100%;border: 1px solid #ccc;border-radius: 4px;height: 150px;}
.sendMessage{border:0;background:#ccc; margin-bottom:20px;}

@media (min-width: 1200px) {
  .container {width: 960px;}
}
@media (max-width: 989px) {
 .categories{width: 155px;}
 .box{left:80%;}
 .products ul li { width: 46%;}
}
@media (max-width: 768px) {
 #logo, .search, .product h1{text-align: center;}
 .banner{height:150px;margin-top: 0;}
 ul.blog li{width:100%;}
 .products h2 {text-align: center;}
 .icon-search {top: -5px;left: 35px;}
 .products ul li { width: 45%;}
 .product-img-slider {width:100%; margin: 0 5px;}
 .product-details{width:100%; padding:0 10px;}
 .products ul {text-align: center;}
 .minicart {text-align:right;float:right;padding:0;}
 .mobilChange *{padding:0 5px; font-size: 21px;}
 .openMenu{float:right;}
 .minicart a{width:100%;}
 .search input {width: 100%!important;}
 .search .btn {left: 83%;top: 13px;}
 .addtocartbutton{ margin:0;}
 .contestBar{top:30px!important;}
 .addtocartbutton, .productquantity{width: 100%;display: block;margin:20px 0;}
 .header .container{margin-top:25px!important;}
 .mobilChange{padding:12px;background:#8ea434;color:#fff; text-align: right;height: 50px; top: 0;position: absolute;width: 100%;}
 .productprice{margin:20px 0;}
}
 @media only screen and (max-width: 480px) {
 .products ul li { width: 100%;}
 .oneproduct img {margin-left: 0;}
 #checkout{width:90%;margin: 20px;}
 .storename, .create2 { font-size: 1em;}
 .createstore-open, .createstore-close{ left: 90%;}
}
 @media only screen and (max-width: 400px) {
 .storename-input, .create-btn {display:block;width:80%;margin:5px auto;}
 .products ul li .productsimage img {max-width:100%;}
}