/* basic styles*/
body { background-color: #ffffff; color: #444; overflow-x: hidden; font-size: 16px; font-weight: line-height: 22px; font-family: "DM Sans",Helvetica,sans-serif; height:100%; font-weight: 400;}
.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; clear: both;}
.left { float: left;}
.right { float: right;}
.link{cursor:pointer;}
a{color: #222;}
a:hover{text-decoration: none;}
a:focus{ outline: none;}

.my-5{margin:15px 0; }

.btn-primary{color: #fff;background-color: #90bd2e; border-color: #90bd2e; border-radius: 0;}
.btn-primary:hover, .btn-primary:focus{background-color: #6e951b; border-color: #6e951b;}

.topfreeshipping{margin-top:50px!important;}
#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; margin:5px; color: #000063;}
.h2, h2{font-size:21px; color: #000063;}
.h3, h3{font-size:17px;}
label{font-weight:normal;}
.note {font-size: 11px; color: #999999;}
.form-control{border-radius: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;}
span.chlang{color:#47413b;font-size:20px;float:right;cursor:pointer;margin-top:15px; margin-right: 25px !important; cursor: pointer;}
span.chcurr{color:#47413b;padding:13px; font-size:16px;float:right;cursor:pointer;}
.mywishlist{padding:13px; font-size:20px;float:right;cursor:pointer;}
span.searchToggle{color:#47413b;padding:13px; font-size:18px;float:right;cursor:pointer;margin-right: 15px;}
span.closeSearchToggle{display:none; color:#47413b;padding:13px; font-size:18px;float:right;cursor:pointer;margin-right: 15px;}
/* header*/
/*h2.error{position: absolute;width: 100%;}*/
.error {top: -60px;right: -20px;}
.header {width: 100%; padding: 10px;/*background: #e1f2f9;*/}
.navbar-header {float: right;margin-top: 15px;}
.
/*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: rgba(0,0,0,0.5); border-color: #666;}
.pagination>li>a, .pagination>li>span {color: #666;}
.pagination>li>a, .pagination>li>span{border: 1px solid rgba(234, 234, 234, 0.5);}
/*.content{margin-top:20px;padding:20px;}*/
.content h1{padding:0;font-size: 27px;line-height: 32px;text-transform: uppercase;letter-spacing: 2px;text-align: center;margin-bottom: 40px; margin-top: 40px; font-weight: 500; color: #000063;}
.content p{line-height:1.6em;}
.content img{max-width:100%; /* padding:7px; */ }
.product-img-slider img{padding:0;}
.content .container{margin-top: 10px;}
.back{margin-top: 20px;}
.box{display:none;}
/* logo*/
h1#logo {color: #47413b;text-align:left; }
h1#logo a { color: #000000; text-decoration: none;}
h1#logo img {max-height:150px; max-width: 260px;}

/* product details*/
.product-img-slider {width:48%; vertical-align:top; display: inline-block; margin: 20px 5px;}
.product-details{width:48%; vertical-align:top; display: inline-block; padding:0 10px;padding: 0 30px;border-left: 1px solid #eee;}
.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;}
/*.socialnetworks  ul li a{ background: transparent!important;}*/
.share-facebook{background-color: #3B5998;}
.share-twitter{background-color: #159CEB;}
.share-googleplus{background-color: #DD4B39;}
.share-pinterest{background-color: #cb2026;}
.share-instagram{background-color: #49739f;}
.share-youtube{background-color: #e02f2f;}
.share li img {width:24px; height:24px;padding:0;}
.product .slick-slide img {max-width: 100%;margin: 0 auto;width:98%;}
/*.banner{width:100%; max-height: 600px; height:auto; overflow: hidden; border: 1px solid #eee; margin-bottom: 10px;}*/
.bigimages{/*height: 390px;padding:10px;*/overflow:hidden;}
.slick-slider {margin-bottom: 0!important;}
.slick-prev, .slick-next{top:50%!important;}
.slick-next{right:30px!important;}
.slick-prev{left:30px!important;}
/*.product-img-slider .slick-active{width: 100%;display: block; border: 1px solid #eeeeee;padding: 20px;}
.product-img-slider .slick-active a{display:block;width:100%;}*/
.productpreview{margin:5px;}
.product-details .input {width: 70%; display: inline-block;  margin: 15px 20px 20px 0;border: 1px solid #E3E3E3; color: #777;padding: 8px;}

.oneproduct > div {padding: 10px; margin: 10px;}
.oneproduct > div a{ display: block;position: relative;width: 100%;margin-top: -150px;}
/*.oneproduct > div:hover { opacity: .4;}*/
.oneproduct a{text-decoration:none;}
.oneproduct a h2 { font-size: 13px;padding: 25px 20px 0 20px;margin: 0;color: #47413b; text-decoration:none;text-transform: uppercase;letter-spacing: 2px;max-height: 70px;overflow: hidden;}
/*.oneproduct h2 a { text-decoration: none; font-weight: 400; color: #666;}*/
.oneproduct img{padding:0;}
.productprice {font-size:26px; color: #47413b; display: inline-block;margin-top: 30px; text-transform: uppercase;letter-spacing: 2px;}
.product .productprice{display:block !important;}

.productOldPrice, .productPromoPrice{color: #47413b;}
.prodbutton {display: none;}
.productaddtocart { text-align: left; padding: 10px;}
.product { padding: 10px;background:#fff;}
.product h1 { text-align: center; font-weight: 400; margin-bottom: 30px; text-transform: uppercase;letter-spacing: 2px;}
.related h2 {text-align:center;}

.productdescription { padding: 10px; font-size: 14px; line-height: 22px; text-align: left; color: #000000;}
.productdescription p { margin-top: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;}

.products h2{text-transform: uppercase;letter-spacing: 2px;text-align: center;font-size: 16px;}
.products ul { list-style: none; margin: 0; padding: 0;   text-align: center;}

.products ul li:first-child{width: 66%;margin-right: 10px;}
.related ul li:first-child{width: 32%;margin-right: 0;}
.related .oneproduct h2, .related span{display:none;}
.related  a{margin-top: 0!important;}
.related ul li:nth-child(2){margin-left: 10px;margin-right: 10px;}
.products ul li:first-child .nameandprice{position: relative;top: 350px;z-index: 996;background: rgba(255,255,255,0.5);width: 70%;border: 1px solid #fff;}
.products ul li:nth-child(5){margin-left: 10px;margin-right: 10px;}
.products ul li:nth-child(8){width: 66%;float:right; margin-right: 3px;}
.products ul li:nth-child(8) .nameandprice{position: relative;top: 290px;z-index: 996;background: rgba(255,255,255,0.5);width: 70%;border: 1px solid #fff;}

.products ul li .nameandprice{position: relative;top: 205px;z-index: 996;background: rgba(255,255,255,0.5);width: 80%;margin: 0 auto;border: 1px solid #fff;height: 150px;}
.products ul li .nameandprice:hover{background:rgba(255,255,255,1);}
.products ul li {width: 32.5%;font-size: 14px;margin-bottom: 11px; line-height: 22px; text-align: center; float:left; outline: none; vertical-align: top; border: 1px solid #eeeeee;transition: box-shadow 0.5s ease;background: #fff;position:relative;}
.products ul li .productsimage img {max-width: 260px;}
.products ul li .oneproduct {vertical-align: text-top;}
.oneproduct img {width: 100%;}
.productsimage {overflow: hidden;}
#productQuantityInput{width:50%;}
.productoptions{margin-top:20px;}

/*contest basic*/
.contestDesc .btn{background:#ccc;}
.contestDesc a{color:#666;}
.contestBar{background:#666;}
.contestBar a{color:#fff;}

/* footer menu*/
.footer {background: #212121; color: #fff;padding: 30px; text-align: left;}
.footer a {color: #fff; text-decoration:none;}
.footer a:hover{color: #dedede;}
.footer ul{list-style: none;padding: 0; text-align: center;}
.footer ul li{display:inline-block; padding: 3px 10px;}
.copyright {background: #000000; color: #fff;padding: 20px; text-align: center;}
.copyright a {color: #fff; text-decoration:none;}
.copyright a:hover{color: #dedede;}
.copyright ul{list-style: none;padding: 0;}
.copyright 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: #222;}
.createstore-copyright { color: #fff; margin-top:25px;}
.createstore-copyright a{ color: #fff;}

/*demo text from the bottom of the themes*/
.demo {color: #6d6d6d;}
.demo a {color: #000000;}

/* Mobile style*/
.mobileicons { width: 100%;padding-top: 10px; color: #6d6d6d; text-align: right;}
.mobileicons ul li {list-style: none;display: inline-block;}
.mobileicons ul li a {color: #6d6d6d;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;}
.pirosbigyo { position: relative; bottom: 25px; left: 25px; height: 6px; width: 6px; border-radius: 3px; background-clip: padding-box; background-color: #F00505;}
.show_hide_mobilemenu{cursor:pointer;}
.menu {background-color: #82b8d5;;width: 100%; font-size: 14px;line-height: 22px;position: relative;z-index: 997;}
.navbar-default{border:none;}
.navbar{margin-bottom: 0px; background:transparent;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: rgba(0, 0, 0, 0.08);}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: rgba(255, 255, 255, 0.5); border:0; }
.navbar-default .navbar-collapse{border:none;width: 100%;}

.menu ul {margin: 0; padding: 0; list-style: none;}
.menu ul li {display: block;font-size: 14px;line-height: 22px;text-transform: uppercase;/*letter-spacing: 2px;*/color:#47413b;}
.navbar-default .navbar-nav>li>a{color:#47413b; font-size: 15px; color: #fff;}
.menu .glyphicon-chevron-down{font-size:10px;}
.fa-bars { font-size: 20px; }
.icon { font-size: 20px; margin-top: 16px; margin-left: 10px; margin-right: 10px; color: #47413b;  cursor: pointer;}
/*.menu ul li a {color: #ccc;}*/
.menu ul li a:hover {opacity:0.5;}

/*Search*/
.search { display: none; margin-top: 20px; width: 100%; }
.search input { padding: 5px 10px; border: 1px solid #E3E3E3;color: #555555;box-shadow:none;float:right; width: 78%!important; margin-bottom: 20px;}
.search button{border-radius:0;float:right;margin-right:18px;}

/*Minicart*/
.minicart {cursor:pointer; font-size: 20px; padding:10px;float:right;}
.minicart h2 {color: #6d6d6d;display: none;}

.services{background-image:url(/media/users/17980/theme/dinka/images/services-bg.jpg); background-repeat:no-repeat; padding: 40px 0;background-size: cover; margin-top: 40px;}
.services h2{color: #fff; text-align: center; margin-bottom: 20px;}
.blog h2{color: #222; text-align: center; margin-bottom: 20px;}
.services h3, .blog h3{color: #222; font-weight: normal;}

.blog_image{height: 280px; overflow: hidden;}
.blog_content{padding: 10px; min-height: 100px;}
.blog_content a{text-decoration: none;}

.servicii ul.posts li{background: transparent!important; text-align: center; border-radius: 10px;}
.servicii ul.posts li:hover{background: rgba(0,0,0,0.2)!important;}
.servicii ul.posts li .blog_content h3{color: #fff;}
.servicii ul.posts li .blog_image{height: 150px;}
.servicii ul.posts li img{width: 150px;}
.servicii h2{text-transform: uppercase;}

 .aboutsection{display:flex; align-items: center; justify-content: flex-end;}
 .aboutcontent{text-align: center}
 .aboutcontent p{text-align: left}

/*Footer-social*/
.back{margin-bottom:10px;}
.pagination a, .back a, .prodbutton a { background-color: #6d6d6d; color: #ffffff;padding: 10px; font-size: 14px; text-decoration: none;}
.ribbon {color: #000; background: #fff;position: initial;display:block;}
.addtocartform { padding: 10px; font-size: 12px; line-height: 18px;}
.cart-small {padding:15px;border: 1px solid #ccc;}
.post, .page { text-align: left; padding: 20px;background:#fff;}
ul.posts{list-style:none;padding:0; margin:10px 0; text-align: center;}
ul.posts li{width:45%; display: inline-block; vertical-align: top;margin: 10px;}
.services ul.posts li{width: 30%;background: #fff; padding: 10px; padding: 0;overflow: hidden;}
ul.posts li h3 a{color:inherit;}
ul.posts li img{width:100%;}

ul.portfolios {list-style:none; padding:0; margin:10px 0; text-align: center;}
ul.portfolios li{ display: inline-block; width: 16%; padding: 10px;}
ul.portfolios li img{width:150px !important; border-radius: 75px; /* box-shadow: 0 1px 2px rgba(0,0,0,0.12),0 0 8px rgba(0,0,0,0.06); */ }

ul.infographics {list-style:none; padding:0; margin:10px 0; text-align: center;}
ul.infographics li{ width: 19%; padding: 10px; vertical-align: top;display: none; }
ul.infographics li.showCircle{display: inline-block !important;}
ul.infographics li img { max-width: 100px; height: auto; }

.postdesc { padding: 10px; }
.addtocartbutton { background-color: #47413b;border: none; padding: 8px 30px; font-size: 12px;cursor: pointer; text-decoration: none;color: #ffffff; margin: 20px 0;text-transform: uppercase;letter-spacing: 2px;text-align: center;margin-bottom: 20px;}
#added { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; color: #000000;}
#added a { color: #000000; text-decoration: underline;}
.cart-quantity{-webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; width:30px; }
.cart-qty-change{width:80px;}
.cart td{text-align:left;}
.cart-continue{ float: left; margin-top: 20px;}
.cart td img{width:150px;margin-right:20px;  margin-bottom: 10px;float: left;}
.cart-small td img{width:100px;margin-right:20px; margin: 10px;}
.cart-small table{  border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.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;}

/*contact form*/
.contactform .form-control{border-radius: 0; box-shadow:none;padding: 10px;height: 45px;}
.contactform input{width:100%;}
.contactform  textarea{width:100%; height: 150px; border: 1px solid #ccc;}
.contactform  .form-control:focus { border-color: #666;-webkit-box-shadow: none;box-shadow: none;}
label {font-weight: 300;margin-top: 25px;}
.sendMessage{border-radius: 0; padding: 10px 30px; background: #F15353; color:#fff; border:none; min-width: 100px; margin-left: calc(50% - 100px/2);}

/*Categories*/
.productcategories a:after{content:',';}
.categories {background-color: #f7f7f7;padding-top: 30px; float: right; width: 165px;}
.categories h2 { display: none;color: #000000;}
.categories ul { padding: 0; margin: 0;}
.categories ul li { display: inline-block; margin-left: 15px; margin-right: 15px; margin-bottom: -10px;}
.categories ul li a { text-transform: capitalize; text-decoration: none; color: #000000;}
.categories ul li a:hover { color: #eee;}
.categories ul li a.selected { color: #fff;}
.categories a {color: #000000;}
ul.categories li .dropdown-menu { width: 100%; top: 100%;left: 0;}
li.dropdown-submenu ul.dropdown-menu { top: 0px;left: 100%;}
.shipping-details{padding:15px;border: 1px solid #ccc;}

ul.dropdown {position: absolute; width: 100%;margin: 0;padding: 0;}
ul.dropdown li {float: left;width: 150px;background: #6d6d6d;position: relative;list-style: none;}
ul.dropdown li a { padding-left: 20px;}
ul.dropdown a:hover { color: #000;}
ul.dropdown li a { display: block; padding: 10px 5px; color: #FFFFFF; position: relative; z-index: 199;text-decoration: none;}
ul.dropdown li a:hover, ul.dropdown li a.hover { background: #6d6d6d; position: relative; color: #fff;}
ul.dropdown ul {display: none; position: absolute; top: 0; left: 0; width: 150px; z-index: 198; margin-left: -15px;}
ul.dropdown ul li {background: #6d6d6d;color: #fff;list-style: none;text-decoration: none;}
ul.dropdown ul li a {display: block;color: #fff;padding-left: 10px;}
ul.dropdown ul li a:hover { display: block; color: #fff;background: #ccc;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{opacity:0.5;}
.modal-content{border-radius:0;}

/*blog*/
ul.blog{list-style:none;padding:0; margin:0;}
ul.blog li{width:49%;padding:10px; display:inline-block;vertical-align:top;}
ul.blog li p a{font-weight:700; color:#F15353;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:'...';}

textarea#message{width:100%;border: 1px solid #ccc;border-radius: 4px;height: 150px;}
.sendMessage{border:0;background:#ccc;}

/*newsletter*/
.newsletter{text-transform:uppercase;}
.mailchimpbutton{background-color: #47413b;border: none;padding: 8px 30px;font-size: 12px;cursor: pointer;text-decoration: none;color: #ffffff;margin: 20px 0;text-transform: uppercase;letter-spacing: 2px;text-align: center;margin-bottom: 20px;}

@media (min-width: 1200px) {
  .container {width: 960px;}
}
@media (max-width: 989px) {
 .categories{width: 155px;}
}
@media (max-width: 768px) {
 .search { display: none; margin-top: 20px; width: 100%; }
 .search .form-group {margin-bottom: 5px;width: 85%;float: left;margin-right: 10px;}
 .search.navbar-form {padding:0;}
 ul.blog li{width:100%;}
 h1#logo img {max-width: 100%;}
 .topicon{font-size: 24px}
 .products ul li:first-child, .products ul li:nth-child(8){width:100%;}
 .products ul li:first-child .nameandprice{top: 165px;width: 70%;}
.navbar-header {float: right;display: inline-flex; align-items: center;justify-content: flex-end; flex-direction: row-reverse;}
.menu ul {margin-top:20px;}
.aboutsection{display:block;}
.aboutcontent p{text-align: center}
.navbar-default .navbar-toggle { margin-left: 20px;}
.services ul.posts li{width: 40%;}
 .search .btn-default{float: right;}
 .product-img-slider {width:100%; margin: 0 5px;}
 .product-details{width:100%; padding:0 10px;}
 .products ul li { width: 45%;}
 .cart-qty-change { width: 40px;margin-right: 10px;}
 .cart td img{width:80px;}
 .addtocartbutton, #productQuantityInput{width:100%;}
 .storename-input, .create-btn { font-size: 1.3em; margin: 5px auto; padding: 10px;}
 .storename-input {width:60%; text-align: center;}
 .create-btn { width:30%;}
 .createstore h3 { font-size: 16px; line-height: 25px; margin: 0 0 20px 0;}
 .cart-prodname{ font-size: 13px; line-height: 15px;}
 .banner {height: 180px;}
 .bigimages{height: 165px;}
 .slick-prev, .slick-next{display:none!important;}
 /*h1#logo img{width: 100%;}*/
 h1#logo {text-align:center;}
 /*.menu{position: absolute; top: 0;}*/
 .minicart {top: 50px;}
 ul.posts li{width:95%; display: inline-block; vertical-align: top; box-shadow: 0 1px 2px rgba(0,0,0,0.12),0 0 8px rgba(0,0,0,0.06); margin: 10px;}
 ul.portfolios {list-style:none; padding:0; margin:10px 0; text-align: center;}
 ul.portfolios li{ display: inline-block; width: 44%; padding: 10px;}
ul.portfolios li img{width:110px !important; /* border-radius: 35px; box-shadow: 0 1px 2px rgba(0,0,0,0.12),0 0 8px rgba(0,0,0,0.06); */ }
ul.infographics li { width: 45%; }
 }
 @media only screen and (max-width: 480px) {
 .products ul li { width: 97%;}
 #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%;}
}

.circle {
  background: #fff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  border: 5px solid #000063;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding-top: 32px;
}

.circle h2 {
  font-size: 32px;
}

.progress {
    width: 150px;
    height: 150px !important;
    display: block;
    line-height: 150px;
    background: none;
    margin: 20px auto;
    box-shadow: none;
    position: relative
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-left {
    left: 0
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards
}

.progress .progress-value {
    /*width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #000;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%*/
    width: 85%;
    height: 85%;
    border-radius: 50%;
    background: #fff;
    font-size: 24px;
    color: #010068;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 7%;
    left: 7%;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    z-index: 999;
}

.progress.blue .progress-bar {
    border-color: #2b2a82
}

.progress.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s
}

.progress.yellow .progress-bar {
    /*border-color: #fdba04*/
    border-color: #222
}

.progress.yellow .progress-right .progress-bar {
    animation: loading-3 1.8s linear forwards
}

.progress.yellow .progress-left .progress-bar {
    animation: none
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(180deg)
    }
}
/*
@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}*/