html, body{
    padding:0;
    margin:0;
    width:100%;
    background:#fff;
    height: 100%;
}
*{
    font-family:Helvetica, Arial, sans-serif;
    word-wrap:break-word;
    font-size:14px;
}
a{
    text-decoration:none;
    color:inherit;
    cursor:pointer;
}

.header{
    position:relative;
    width:94%;
    height:80px;
    top:0px;
    background:#fff;
    border-bottom:1px solid #CCC;
    z-index:9;
    padding-left:3%;
    padding-right:3%;
}

.index_header{
    width:auto;
    height:88%;
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:3%;
    padding-right:0%;
    box-shadow: 0 1px 1px rgba(34, 25, 25, 0);
    top:58px;
    z-index:1;
    border-bottom:2px solid #CCC;
}


.add_what_todo_btn{
    position:absolute;
    left:0;
    width:150px;
    height:55px;
    background:none;
    color:#069;
    border:none;
    font-weight:bold;
}

.todo_content_holder{
    position:absolute;
    width:90%;
    height:auto;
    margin-left:5%;
    margin-right:5%;
    top:56px;
}

.separate_div{
    margin:10px;
}

.todo_actions_div{
    position:absolute;
    width:200px;
    float:left;
    height:100%;
    border-right:1px solid #CCC;
}


.right_red_todo_btn{
    position:relative;
    right:0;
    width:100px;
    background:#069;
    color:#fff;
    font-weight:bold;
    border:none;
    height:45px;
    font-size:12px;
}

.right_red_todo_btn:hover{
    background:#000;
}

.todo_list_div{
    position:relative;
    width:82%;
    height:65px;
    left:202px;
    top:10px;
    text-align:left;
    padding-left:50px;
    border:none;
    border-bottom:1px solid #fff;
}

.mark_todo_div{
    position:absolute;
    width:20px;
    height:100%;
    left:0;
}

.checkbox{
    position:absolute;
    width:20px;;
    height:20px;
    top:20%;
    margin-top:-10px;
}

.what_todo_input_div{
    position:absolute;
    width:410px;
    height:auto;
    float:left;
    left:50%;
    margin-left:-200px;
    background:#fff;
    padding:20px;
    margin-bottom:30px;
    z-index:8;
    top:60px;
    margin-bottom:60px;
    color:#000;
}

.text_input{
    width:95%;
    height:35px;
    margin:10px;
    padding:5px;
    border:none;
    border:1px solid #000;
    color:#000;
}


.textarea{
    height:60px
}

.submit_btn{
    position:relative;
    width:100px;
    height:45px;
    background:deeppink;
    border:none;
    margin:4px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    border:0px solid #000;
    left:72%;
}
.linen{
    background:linen;
}
.blue{
    background:lightblue;
}

.done_btn{
    position:absolute;
    height:35px;
    width:95px;
    right:0;
    border:none;
    background:lightgrey;
    top:0px;
    font-size:13px;
    border:1px solid #fff;
}

#loading{
    position:fixed;
    width:80px;
    height:35px;
    z-index:2;
    left:50%;
    margin-left:-30px;
    background:#069;
    color:#fff;
    border:none;
    display:none;
}


.code_heading{
    position:relative;
    width:100%;
    height:auto;
    padding:10px;
    margin-bottom:5px;
    font-size:28px;
    font-weight:bold;
    text-align:center;
    left:-11px;
    top:-10px;
    color:#000;
    display:none;
}

.border{
    border:1px solid #CCC;
}

.sub_options_holder{
    position:relative;
    width:80%;
    height:auto;
    left:10%;
}

.sub_option_btn, .sub_sub_option_btn{
    background:none;
    width:100%;
    height:35px;
    border:none;
    text-align:left;
}

.sub_option_btn:hover{
    border-bottom:1px solid #000;
}

.sub_sub_option_btn{
   position:relative;
   width:90%;
   float:right;
}

.sub_sub_option_btn:hover{
    background:#CCC;
}

.sub_sub_option_btn:before{
    position:absolute;
    content:"";
    width:4px;
    height:12px;
    top:0;
    left:0;
    border-left:1px solid #CCC;
    border-bottom:1px solid #CCC;
}

.font_24{
    font-size:16px;
    font-weight:bold;
}

.total_div_holder{
    position:absolute;
    width:100%;
}

.search_customer_holder, .search_index_holder{
    position:absolute;
    width:200px;
    height:35px;
    right:0;
    border:1px solid #000;
}


.search_index_holder{
    width:100%;
    position:relative;
    top:10px;
}

.search_text_input, .index_text_input{
    width:76%;
    height:96%;
    padding:2%;
    border:none;
    background:none;
}

.index_text_input{
    width:75%;
}

.search_output{
    position:absolute;
    width:90%;
    height:180px;
    padding:10px;
    background:#FFF;
    left:0;
}

.search_submit_btn{
    width:23%;
    height:100%;
    font-size:11px;
    border-radius:0px 8px 8px 0px;
    border:none;
}

.manage_customer_users_holder{
    position:absolute;
    width:390px;
    height:90%;
    padding:5px;
    left:202px;
}

.heading{
    font-size:18px;
    font-weight:bold;
    color:#069;
    margin-bottom:20px;
}

.upload_holder{
    width:80%;
    height:auto;
    padding-bottom:10px;
    display:none;
}

.label, label{
    width:100%;
    font-size:14px;
    font-weight:bold;
    color:inherit;
}

.content{
    position:relative;
    width:90%;
    height:auto;
    left:5%;
    content: inherit;
    top:15px;
}

.holder{
    width:100%;
   position:relative;
   padding:0;
   margin:0;
   height:auto;
   top:10px;
   text-align:left;
}

.holder_middle{
  position:relative;
width:600px;
left:50%;
margin-left:-300px;
}

.img_fit{
    max-width:100%;
    max-height:100%;
}

.img_holder, .img_holder_1{
    position:relative;
    width:98%;
    height:auto;
    text-align:center;
}

.product_name_holder{
    text-align:left;
    font-size:14px;
    padding:5px;
    font-weight:normal;
    height:auto;
}

.menu{
    height:13px;
    width:35px;
    position:absolute;
    top:50%;
    margin-top:-6.5px;
}

.checkout, .checkout_2{
    position:absolute;
    right:3%;
    width:150px;
    height:80%;
    top:10%;
    border:none;
    background:none;
    font-weight:bold;
    z-index:6;
    color:#000;
    border:0px solid #000;
}

.checkout_2{
    top:25px;
}

.logo{
    position:absolute;
    width:120px;
    height:70px;
    padding:2px;
    left:50%;
    margin-left:-60px;
    top:3.75%;
    background:none;
    border-radius:60%;
    -moz-border-radius:60%;
    color:#000;
    -webkit-border-radius:60%;
    font-weight:bold;
    font-size:16px;
}

.my_account_click{
    position:relative;
    top:-35px;
    padding:5px;
}

.header_menu{
    width:90%;
    height:100px;
    padding:5%;
    background:rgba(0,0,0,0.8);
    position:relative;
}

.menu_ul{
    position:relative;
    width:33%;
    height:100%;
    float:left;
}

li{
    text-decoration: none;
    list-style-type: none;
    font-size:14px;
    padding:5px;
    color:#fff;
}

.container {
    display: inline-block;
    cursor: pointer;
    top:25px;
}

.bar1, .bar2, .bar3 {
    position:relative;
    width: 35px;
    height: 3px;
    background-color: #000;
    margin: 5px 0;
    transition: 0.4s;
    top:5px;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 6px);
    transform: rotate(-45deg) translate(-4px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -5px);
    transform: rotate(45deg) translate(-4px, -5px);
    top:-6px;
}

.buy_holder, .product_name_holder_1{
    position:relative;
    width:18%;
    height:100%;
}

.hide{
    display:none;
}

.buy_btn{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
}

#menu{
    top:0px;
}

.margin_bottom{
    margin-bottom:10px;
}


/*
*flip button
*/


.description {
  margin-top: 50px;
  text-align: center;
  color: #999;
  transition: opacity 0.3s ease;
}

.description a {
  color: #4A9DF6;
  text-decoration: none;
}

.btn.is-open ~ .description {
  opacity: 0;
}

.btn {
  display: block;
  position: relative;
  width: 200px;
  height: 70px;
  transition: width 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000),
              height 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000),
              transform 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275);
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  text-align: center;
  margin:5%;
  left:50%;
  margin-left:-100px;
}

.btn-front {
  position: relative;
  display: block;
  width: 150px;
  height: 75px;
  line-height: 80px;
  background-color: #F44336;
  color: #fff;
  cursor: pointer;
  font-weight:bold;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
  transition: background 0.15s ease,
              line-height 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #069;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover, .scroll_down:hover {
  background-color: rgba(0,0,0,0.8);
  color:#fff;
}

.scroll_down {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  text-align:center;
  padding: 16px;
  margin-top: -22px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 3px 3px 3px 3px;
  bottom:-34px;
  left:50%;
  margin-left:-22px;
  background-color: rgba(0,0,0,0.3);
  transform:rotate(135deg);
  z-index:7;
}

.scroll_arrow{
  -webkit-animation:move 1.5s infinite;
  -webkit-animation:move 1.5s infinite;
  animation:move 1.5s infinite;
  position:relative;
  font-weight:bold;
  font-size:28px;
  bottom:15px;
  left:10px;
  transform:rotate(-45deg);
}

@-webkit-keyframes move {
  0%{left: 5px} 
  100% {left: 1px}
}

@keyframes move {
  0% {left: 5px} 
  100% {left: 1px}
}


.clothing_category_slides{
    display:none;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.btn_50, .btn_100{
    width:48%;
    height:35px;
    background:#069;
    color:#FFF;
    border:none;
    margin:1%;
    float:left;
}
.btn_100{
    width:98%;
    right:0;
    float:left;
}
.btn_50:hover, .btn_100:hover{
    background:#000;
    color:#FFF;
}

.grey{
    background:#CCC;
    color:#000;
}

.feed_holder_middle{
    position:relative;
    top:90px;
    width:530px;
    height:auto;
    padding:10px;
    margin-bottom:5px;
    left:50%;
    margin-left:-260px;
    border:1px solid #CCC;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.invoice_holder_middle{
    position:relative;
    top:20px;
    width:400px;
    height:auto;
    padding:20px;
    margin-bottom:5px;
    left:0%;
    border:1px solid #CCC;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;  
}

.img_holder_small{
    width:100%;
    text-align:center;
    height:180px;
}

.total_holder{
    position:fixed;
    width:200px;
    height:auto;
    padding:5px;;
    background:#FFF;
    border:1px solid #CCC;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    top:60px;
    left:3%;
}

.white_holder{
    position:relative;
    width:100%;
    height:100%;
    background:#FFF;
    left:0;
    margin-left:0;
    top:0;
}

.logo_vertical_mid{
    position:relative;
    height:200px;
    top:20%;
    
}

.page_heading{
    position:absolute;
    top:-20%;
}

.marketing_product_text{
    position:absolute;
    width:85%;
    text-align:center;
    z-index:1;
    padding-left:15%;
    top:30px;
}

.update_product_holder{
    position:absolute;
    top:0px;
    z-index:9;
    width:380px;
    height:auto;
    padding:10px;
    background:#FFF;
    left:50%;
    margin-left:-190px;
}

.feed_holder_1{
    width:90%;
    height:auto;
    border-bottom:0px solid #CCC;
}

.img_holder_1{
    width:100%;
    text-align:center;
    float:left;
    height:40%;
    margin-bottom:10px;
}

.product_name_holder_1{
    width:100%;
    height:400px;
}

.buy_everything_holder{
    text-align:left;
    font-weight:normal;
}

.buy_everything_holder_1{
    position:relative;
    font-size:14px;
    text-align:center;
}

.filter_1{
    display:block;
    font-size:14px;
    font-weight:normal;
}

.successful_cart_holder{
    position:fixed;
    top:50px;
    padding:5px;
    background:#FFF;
    border:1px solid #CCC;
}

.search_btn{
    position:absolute;
    width:auto;
    height:40px;
    top:50%;
    margin-top:-20px;
    right:15%;
    background:none;
    border:none;
}

.search_div{
    position:absolute;
    width:280px;
    height:280px;
    padding:10px;
    background:#FFF;
    border:1px solid #CCC;
    top:55px;
    float:left;
    z-index:1;
}

.total_holder_users{
    position:absolute;
    top:10px;
}

.user_feed_holder{
    position:relative;
    top:-10px;
    margin:10px;
    left:25%;
}

.logout_holder{
    position:absolute;
    right:3%;
    width:60px;
    height:45px;
    top:5px;
}

.logout_btn{
    widht:100%;
    height:100%;
}

.go_shopping_btn{
    position:fixed;
    width:100px;
    height:45px;
    right:15%;
    margin-left:-50px;
    border:none;
    background:#069;
    color:#FFF;
    top:5px;
    z-index:7;
}

.go_shopping_btn:hover{
    background:#000;
}

.space{
    margin:5px;
    width:95%;
}

.admin_search_product_holder{
    position:relative;
    width:400px;
    height:auto;
    margin:5px;
    padding:10px;
}

.times{
    position:absolute;
    float:left;
    z-index:1;
    background:#FFF;
}

#columns {
	column-width: 220px;
	column-gap: 15px;
  width: 90%;
	max-width: 1100px;
	margin: 50px auto;
}

div#columns figure {
	background: #fefefe;
	border: 2px solid #fcfcfc;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	padding: 15px;
	padding-bottom: 10px;
	transition: opacity .4s ease-in-out;
  display: inline-block;
  column-break-inside: avoid;
}

div#columns figure img {
	width: 100%; height: auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

div#columns figure figcaption {
  font-size: .9rem;
	color: #444;
  line-height: 1.5;
}

div#columns small { 
  font-size: 1rem;
  float: right; 
  text-transform: uppercase;
  color: #aaa;
} 

div#columns small a { 
  color: #666; 
  text-decoration: none; 
  transition: .4s color;
}

div#columns:hover figure:not(:hover) {
	opacity: 0.4;
}


.price{
    font-weight:lighter;
    text-decoration: underline;
}

.buy_itm_holder{
    position:relative;
    width:400px;
    height:100%;
    background:none;
    margin:40px;
    left:50%;
    margin-left:-200px;
    top:-400px;
}

.holder_float_left{
    float:left;
}

.fit_25{
    position:relative;
    width:19%;
    height:100%;
    border:none;
    background:none;
    font-weight:bold;
}

.fit_25:hover{
    background:#000;
    color:#fff;
}

.absolute{
    position:absolute;
    top:0;
    height:80%;
}

.icon{
    width:25px;
    height:25px;
    margin-left:35px;
}

.small_screen_icons{
    position:relative;
    width:100%;
    height:45px;
    background:#fff;
    border-bottom:1px solid #CCC;
    display:block;
    top:0px;
    z-index:10;
}

.small_screen_icons2{
    position:fixed;
    width:100%;
    height:45px;
    background:#fff;
    border-bottom:1px solid #CCC;
    display:block;
    top:0;
    z-index:111;
}
  
.icon_btn{
    position:relative;
    width:31%;
    background:none;
    border:none;
    height:100%;
    top:0;
    font-size:16px;
    font-weight:bold;
}
    
 .intro_login{
      height:50%;  
    }
    
.intro_login_logo_holder{
    position:relative;
     width:300px;
     height:300px;
     left:50%;
     margin-left:-150px;
     top:15%;
    }
    
.logo_intro{
        width:165px;
        height:165px;
        position:relative;
        left:50%;
        margin-left:-82.5px;
    }
    
.text{
    font-size:14.5px;
    font-weight:normal;
}

.register_btn{
    position:absolute;
    width:auto;
    height:100%;
    right:5%;
    font-size:14px;
    font-weight:bold;
}

.register_text{
    width:auto;
    height:100%;
    background:#ccc;
    border:none;
    color:#000;
    font-weight: bold;
}

.transparent_btn{
    border:none;
    background:none;
}

.grocery_store_btn_holder{
    position:relative;
    width:80%;
    height:100%;
    left:50%;
    margin-left:-40%;
    text-align:center;
}

.grocery_option_btn{
    width:40%;
    height:30%;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    background:#069;
    border:none;
    color:#fff;
    font-size:19px;
    font-weight:bold;
    margin:10px;
}

.store_btn{
  width:18%;
  height:45px;
  position:fixed;
    background:#069;
    border:none;
    color:#fff;
}

.activity_holder{
    height:auto;
    position:absolute;
    width:18%;
    background:#fff;
    top:60px;
    border-right:1px solid #CCC;
}

.stor_holder_div{
    width:100%; 
    height:45px; 
    position:relative;
    text-align:left;
}

.content_holder{
    width:80%; 
    margin-left:20%;
}

.pro_name_div{
    position:absolute;
    top:0;
    font-weight:bold;
    font-size:16px;
}

.cart_output{
    position:relative;
    bottom:70px;
    width:auto;
    height:40px;
    background:yellow;
    text-align:center;
    font-weight:bold;
}

.item_img_holder{
    padding:5px;
    margin-bottom:5px;
    background:#fff;
}

.focus_product_img{
    position:relative;
    width:80%;
    height:100%;
    left:50%;
    margin-left:-40%;
    top:-50px;
    text-align: center;
    background:#fff;
    color:#000;
    margin-bottom:45px;
    padding-bottom:45px;
}

.back-button{
    position:relative;
    background:#CCC;
    border:none;
    color:#000;
    font-weight:bold;
    left:0;
    top:3%;
    padding:5px;
}

.focus_product_name_holder{
    background:none;
    color:#000;
}


.search-address-output{
    position:relative;
    left:0;
    top:0;
    background:#fff;
    padding:10px;
    margin:0;
    text-align:left;
    color:#333;
    font-weight:bold;
    font-size:14px;
    display:none;
}

.intro-div{
    width:100%;
    height:400px;
    background:#333;
    z-index:13;
    font-size:32px;
    text-align:center;
    font-weight:bold;
}

.content1{
    position:relative;
    width:100%;
    height:50%;
    background:#fff;
    top:60px;
}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

.mySlides {
    display:none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #ccc;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  background:rgba(0,0,0,0.0);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.9);
  color:#fff;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  position:relative;
  top:65px;
}

.project_dot{
    position:absolute;
    top:10px;
    float:right;
    right:1%;
    text-align:center;
    background-color: #bbb;
    color:#CCC;
    border-radius: 2px;
}

#project_dot{
    top:40%;
    right:5%;
}

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

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.slide_img{
    max-height:100%;
}

.slide_heading{
    position:absolute;
    top:40%;
    color:#000;
    font-size:72px;
    background:rgba(0,0,0,0.05);
    height:120px;
    width:600px;
    left:50%;
    margin-left:-300px;
    font-weight:bold;
}

.slide_heading:hover{
  background:rgba(255,255,255,0.9);  
}

.welcome_slogan_div{
    position:absolute;
    width:90%;
    height:30%;
    padding:5%;
    font-weight:bold;
    color:#fff;
    top:60px;
    background:rgba(0, 0, 0, 0.3);
    z-index:1;
}

.intro-heading{
    position:relative;
    font-size:32px;
    text-align:center;
    top:40px;
}

.motto_div{
    font-size:18px;
    font-weight:normal;
}

.img-fit{
    max-width:100%;
}

.info-holder{
    position:relative;
    margin:10px;
    padding:10px;
}

.half_input{
    width:40%;
}

.address_output_holder{
    position:relative;
    top:-60px;
    left:0;
}

.icon_btn_log{
    width:47%;
    height:55px;
    font-weight:bold;
    border:none;
    background:#000;
    color:#fff;
}

.intro-expl{
    position:absolute;
    margin:5%;
    margin-bottom:2%;
    font-weight:bold;
    color:#333;
    background:#fff;
    width:400px;
    left:50%;
    margin-left:-200px;
    z-index:9;
    text-align:left;
    border:1px solid #CCC;
    padding:10px;
}

#column{
        margin-top:0px;
    }
    
.ok-btn{
    width:45px;
    height:45px;
    background:#069;
    color:#fff;
    border:none;
    margin:10px;
    padding:10px;
}

.reg_form_logo{
        position:relative;
        width:170px;
        height:170px;
        left:50%;
        margin-left:-85px;
        font-size:18px;
        font-weight:bold;
    }
    
    .measurement_consultant_heading{
        position:absolute;
        top:60px;
    }
    
.follow-brand-holder{
        width:96%;
        height:auto;
        margin:2%;
    }
    
#follow_holder{
    position:absolute;
    width:400px;
    height:auto;
    background:#fff;
}


.brand-holder{
    position:relative;
    max-width:1200px;
    height:auto;
    margin:10px;
    padding:10px;
    left:50%;
    margin-left:-600px;
    text-align:center;
}

.brand-name-btn{
    margin:5px;
    font-size:16px;
    font-weight:bold;
    float:left;
    border-radius:60%;
    -moz-border-radius:60%;
    -webkit-border-radius:60%;
    border:1px solid gold;
    width: 19%;
    height:0;
    padding-bottom: 19%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #fff;
    font-size:14px;
}

.brand-logo-holder{
    width:55%;
    height:55%;
    position:absolute;
    left:50%;
    margin-left:-27.5%;
    top:10%;
}

.logo-img{
    max-width:90%;
    max-height:90%;
}

.name_brand_logo_holder{
    position:absolute;
    bottom:50px;
    width:80%;
    left:50%;
    margin-left:-40%;
    font-size:18px;
}

.h-btn{
    width:100px;
    height:45px;
    background:none;
    color:#000;
    font-size:14px;
    font-weight:bold;
    border:0px solid #000;
    position:absolute;
    right:3%;
    top:17.5px;
}

.brand-name-holder{
    font-size:16px;
    font-weight:bold;
}

.buy-item-holder{
   position:relative;
   width:600px;
   height:100%;
   left:50%;
   margin-left:-300px;
   text-align:right;
}

.buy-item-btn{
    width:auto;
    height:100%;
}

.buy-btn-item{
   position:relative;
   right:0;
   background:deeppink;
   color:#fff;
   width:auto;
   font-size:16px;
}

.totalprice-holder{
    font-weight:bold;
}
.blue-color{
    color:inherit;
}

.options-dropdown-holder{
    position:absolute;
    width:89%;
    height:auto;
    padding:5%;
    background:#fff;
    border:1px solid #CCC;
    z-index:111;
    top:130px;
}

.men-women-options-holder{
    width:100%;
    height:auto;
    text-align:center;
}

.login-btn{
    position:absolute;
    right:11%;
    background:#069;
    color:#fff;
    width:100px;
    height:45px;
    top:17.5px;
    font-weight:bold;
    border:0px solid #000;
}

.middle_holder{
   position:relative;
   background:#FFF;
   width:600px;
   height:auto;
   padding:10px;
   border:none;
   left:50%;
   margin-left:-300px;
}

.dropdown_btn_holder{
    width:100%;
    height:100%;
    background:#fff;
    z-index:1;
}

.half_width_btn{
    width:48%;
    height:45px;
    font-size:16px;
    font-weight:bold;
    background:none;
    border:none;
}

#1{
    border-right:1px solid #CCC;
}

.upload_slide{
    display:none;
    position:relative;
    width:600px;
    height:auto;
    top:15px;
    left:50%;
    margin-left:-300px;
    border:1px solid #ccc;
    padding:15px;
}

.loading, .output{
    display:none;
    position:absolute;
    width:370px;
    height:auto;
    padding:15px;
    left:50%;
    margin-left:-200px;
    top:150px;
    border-radius:3px;
    background:#fff;
    border:1px solid #00112bff;
    z-index:999;
}

.holder_focused_item{
    position:relative;
    width:600px;
    left:50%;
    margin-left:-300px;
    background:none;
    top:15px;
    text-align:center;
}

.focused-img{
    max-width:100%;
    max-height:450px;
}

.customize_btn{
    position:relative;
    height:45px;
    width:150px;
    font-size:18px;
    font-wieght:bold;
    background:#069;
    border:none;
    color:#fff;
}

.dim{
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
    z-index:99;
    top:0px;
    display:none;
}

.customize_styles_holder{
    position:absolute;
    width:50%;
    height:98%;
    background:none;
    left:50%;
    margin-left:-25%;
    z-index:101;
    top:50px;
}

.all_styles_holder{
    position:relative;
    width:100%;
    height:100%;
    display:none;
    background:none;
}

.style_holder{
    position:relative;
    width:100%;
    height:100%;
    text-align:center;
    top:5%;
    background:#fff;
}

.style_img_holder{
    position:relative;
    width:100%;
    height:70%;
    margin-top:15px;
    background:#fff;
}

.style_name_holder{
    position:relative;
    width:100%;
    height:60px;
    background:#fff;
    border:none;
    font-size:19px;
    font-weight:bold;
    z-index:1;
    left:0;
}

.style_img{
    position:relative;
    background:#fff;
    max-width:100%;
    max-height:100%;
    top:20px;
}

.style_heading{
    position:fixed;
    width:645px;
    height:25px;
    padding:15px;
    z-index:103;
    background:#fff;
    top:45px;
}

.next_btn{
    position:absolute;
    right:5%;
    height:100%;
    top:0;
    z-index:103;
}

.checksign{
    position:absolute;
    width:60px;
    height:60px;
    font-size:46px;
    color:blue;
    display:none;
    bottom:70px;
    left:5%;
    background:#fff;
    border:1px solid #CCC;
    border-radius:60%;
    -moz-border-radius:60%;
    -webkit-border-radius:60%;
}

.white_text{
    color:#fff;
    z-index:103;
}

.hide_show_class{
    display:none;
}

.menu-options-holder{
    position:relative;
    top:10%;
    opacity:0.5;
}

.menu-opt-btn{
    width:100%;
    height:60px;
    background:none;
    border:none;
    color:#fff;
    font-size: 32px;
    font-weight:bold;
}

.menu-opt-btn:hover{
  color:#000;  
}

.dim-menu{
    position:fixed;
    width:100%;
    height:100%;
    z-index:109;
    background:#000;
    dislay:none;
}

.delete-btn{
    position:relative;
    font-size:32px;
    font-weight:bold;
    border-radius:50%;
    width:80px;
    height:80px;
    top:10px;
    left:90%;
    margin-bottom:10px;
    color:#f3f3f3;
    background:none;
    border:1px solid #CCC;
}

.clothing_category_btn_holder{
    position:relative;
    width:100%;
}

.clothing_category_btn{
    background:none;
    width:150px;
    height:45px;
    border:1px solid #CCC;
    font-size:14px;
    font-weight:bold;
    position:relative;
    top:10px;
}

.search_holder{
    position:absolute;
    width:90%;
    height:auto;
    padding:5%;
    padding-top:5px;
    padding-bottom:200px;
    background:#fff;
    border-bottom: 1px solid #ccc;
    margin-bottom:10px;
    z-index:104;
}

.search-input{
    position:absolute;
    height:45px;
    width:78%;
    padding:1%;
    border:3px solid #CCC;
    font-size:18px;
    font-weight:bold
}

.search-btn{
    position:fixed;
    width:200px;
    left:80%;
    margin-left:-10px;
    height:45px;
    background:#000;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    bottom:10px;
    z-index:99;
    display:none;
}

.img-fit{
    max-width:100%;
    max-height:100%;
}

.forgot_pass_btn{
    position:absolute;
    left:70%;
}

.search_results_holder{
    position:absolute; 
    top:200px; 
    height:auto; 
    width:100%; 
    left:0; 
    background:#fff;
}

.brand_holder{
    position:relative;
    height:40px;
    width:auto;
    font-size:18px;
    font-weight:bold;
    left:5%;
    z-index:13;
}

.round_border{
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}

.cart_result{
    position:relative;
}

.checkout_price_holder{
    position:absolute;
    top:100px;
    width:250px;
    left:0;
}

.checkout-ptoducts{
    position:relative;
    left:50%;
    top:90px;
}

.create_btn{
    width:auto;
    height:auto;
    padding:5px;
    margin:5px;
}

.visible_border_color{
    border:1px solid #00112bff;
    color:#00112bff;
}

.sale_holder{
    position:relative;
    width:80%;
    height:auto;
    padding:10%;
    margin-bottom:15px;
    background:#fff;
    border:1px solid #CCC;
}

.designer_as_heading{
    position:absolute;
    top:0px;
}

.howitworks-btn-hide{
        display:block;
    }
    
.options-header{
    position:relative;
    width:90%;
    height:35px;
    border-bottom:1px solid #CCC;
    padding-left:5%;
    padding-right:5%;
    z-index:10;
    color:inherit;
    background:#fff;
    top:8px;
}
    
.options-list-holder{
    position:absolute;
    background:#fff;
    width:80%;
    padding:5%;
    margin:5%;
    border:1px solid #CCC;
    border-top:none;
    z-index:100;
}

.btn-45-height{
    height:auto;
    width:150px;
    border:1px solid #CCC;
    margin:5px;
    padding:10px;
    text-transform: capitalize;
}

.option-btn{
    width:150px;
    font-weight:bold;
    text-transform: capitalize;
    height:100%;
    color:inherit;
}

.float-left-btn{
    position:relative;
    float:left;
}

    
.blue-text{
    font-weight:bold;
    color:blue;
}

.exp-holder{
    position:relative;
    margin-bottom:15px;
    left:2%;
}

.center-text-div{
    width:100%;
    text-align: center;
    height:45px;
}

.black-button{
    position:relative;
    width:250px;
    height:45px;
    background:#000;
    color:#fff;
    fon-weight:bold;
    font-size:18px;
    top:15px;
    margin-bottom:25px;
}

.confirm-checkout-btn{
    width:auto;
    height:35px;
    color:#fff;
    font-weight:bold;
    background:red;
    border:none;
    margin-top:25px;
}

.red-line{
    position:relative;
    width:auto;
    height:auto;
    color:#333;
}

.selling-price{
    position:relative;
    color:#069;
    font-wieght:bold;
    font-size:14px;
    bottom:40px;
    top:18%;
    left:70%;
}

.sell-price{
    font-size:18px;
    color:maroon;
}

.product-details-holder{
    position:relative;
    margin-bottom:5px;
}

.brand-name{
    font-weight:bold;
}

.opt-btn{
    width:auto;
    height:100%;
    font-size:14px;
    font-weight:bold;
    border:1px solid #CCC;
    background:#fff;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.margin-div{
    margin-top:7px;
}

.focused-color-img{
    max-width:150px;
    max-height:150px;
}

.tick-color{
    color:#069;
    font-weight:bold;
    font-size:18px;
    position:relative;
    top:-10px;
}

.desc-div{
    margin:5px;
    margin-bottom:15px;
}

.maroon-btn{
    border:1px solid #CCC;
    background:maroon;
    color:#fff;
    height:25px;
}

.liquor-btn{
    position:relative;
    background:#000;
    height:100%;
    color:#fff;
    top:-5px;
    width:auto;
}

.liquor-payment-holder{
    background:red;
    padding:25px;
    position:relative;
    color:#fff;
    top:25px;
}

.product-upload-holder{
    position:relative;
    padding:15px;
    background:white;
    color:#fff;
    margin-bottom:25px;
    border:1px solid #CCC;
}

.update-product-name{
    font-size:18px;
    color:#069;
    font-weight:bold;
}

.blue-magion-btn{
    background:#069;
    color:#fff;  
}

.red-btn{
    background:red;
    color:#fff;
    font-weight:bold;
}

.green-btn{
    background:green;
    color:#fff;
}

.round-border{
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:150px;
    height:150px;
    border:1px solid purple;
    display:inline-block;
    margin:5px;
}

.intro-holder{
    width:100%;
    height:70%;
    background:url("/limitlesslulu/upload/pedigirl.jpg");
    background-size:cover;
    position:relative;
    top:-10px;
}



hr { /*dummy content*/
  height: 6px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
} 

hr:last-child {  /*dummy content*/
  margin-right: 60%;
}

hr.image { /*dummy content*/
  padding-bottom: 50%;
} 

.page {
  padding: 2em;
  background: none;
  max-width: 100%;
}

.archive {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-gap: 1em;
}

.article {
  padding: 1em;
  background: #fff;
  box-shadow:
    0 5px 10px rgba(0, 0, 0, 0.1),
    0 20px 20px rgba(0, 0, 0, 0.05);
}

.shop-name{
    position:relative;
    border-radius:60px;
    -moz-border-radius:60px;
    -webkit-border-radius:60px;
    background:none;
    border:0px solid deeppink;
    color:deeppink;
    width:90%;
    left:5%;
    height:35px;
    text-align:left;
    font-size:18px;
    font-weight:bold;
    margin-top:30px;
    margin-bottom:5px;
}

.start-shopping{
    position:relative;
    background:none;
    border:none;
    width:200px;
    left:50%;
    margin-left:-100px;
    top:30px;
}

.platform-description{
    width:700px;
    padding:3%;
    font-size:34px;
    position:relative;
    top:30%;
    color:#fff;
    text-transform: uppercase;
}

.border-none{
    border:0;
}

.product-name{
    position:absolute; 
    width:280px;
}

.text-area{
    position:relative;
    width:96%;
    height:250px;
    padding:2%;
}

.middle-headig-btn{
    position:relative;
    height:45px;
    width:100%;
    color:deeppink;
}

@media screen and (max-width: 800px) {
    
    .fixed_width_btn{
        width:90%;
        cursor:pointer;
    }
    
    .search_btn{
        display:none;
    }
    
    .icon{
        margin-left:0;
        margin-right:0;
    }
    
     
  #columns { 
	column-width: 130px;}
  #columns figure { width: 80%; }
    
    .product_name_holder{
      font-size:14px;  
    }
    
    .buy_itm_holder{
        position:relative;
        width:90%;
        height:300px;
        left:5%;
        margin-left:0;
        top:-250px;
    }
    
    .search_div{
        position:absolute;
        width:80%;
        height:280px;
        top:95px;
        left:5%;
    }
    
    .total_holder{
        width:90%;
        height:auto;
        left:5%;
    }
    
    .feed_holder_middle{
        position:relative;
        top:0px;
        width:90%;
        height:auto;
        padding:5%;
        left:0;
        margin-left:0;
    }
    
    .invoice_holder_middle{
      width:85%;  
    }
    
    .intro_login_logo_holder{
        position:relative;
        width:96%;
        height:80%;
        left:0;
        margin-left:0;
    }
    
    .logo_intro{
        width:145px;
        height:145px;
        position:relative;
        left:50%;
        margin-left:-72.5px;
    }
    
    .grocery_option_btn{
        width:150px;
        height:35px;
    }
    
    .grocery_store_btn_holder{
        position:relative;
        width:290%;
        height:auto;
    }
    
    .index_header{
        width:96%;
        height:80%;
    }
    
    .register_text{
        display:block;
    }
    
    .login_btn{
      height:100%;
      background:#CCC;
    }
    
    .grocery_store_btn_holder{
        position:relative;
        width:90%;
        height:100%;
        left:50%;
        margin-left:-46%;
        text-align:center;
    }

.grocery_option_btn{
    width:45%;
    height:31%;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    background:#069;
    border:none;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    margin:2%;
}

.activity_holder{
        height:auto;
        position:absolute;
        width:80%;
        display:none;
    }
    
    .store_btn{
        width:40%;
    }
    
    .feed_holder_1{
        position:relative;
        width:80%;
        height:80%;
        border-bottom:0px solid #CCC;
    }
    
    .buy_itm_holder{
        position:relative;
        height:300px;
    }
    
    .buy_everything_holder_1{
        width:100%;
        height:100%;
    }
    
    .pro_name_div{
        font-size:14px;
    }
    
    .right_red_todo_btn{
        bottom:10px;
    }
    
    .content{
        position:relative;
        width:90%;
        left:50%;
        margin-left:-45%;
    }
    
    .cart_output{
        bottom:70px;
        width:100%;
        text-align:left;
    }
    
    .focus_product_im{
        width:400px;
        height:80%;
        left:0;
        margin-left:0;
        background:none;
    }
    
    .reg_form_logo{
        position:relative;
        width:170px;
        height:170px;
        left:50%;
        margin-left:-85px;
    }
    
    
    .register_btn{
        
    }
    
    .focus_product_img{
     top:20px;
     width:100%;
     left:0;
     margin-left:0;
    }
    
    .intro-expl{
        font-size:13px;
    }
    
    .checkout-ptoducts{
        position:relative;
        top:120px;
    }
    
    .measurement_consultant_heading{
        position:absolute;
        top:70px;
    }
    
    .phone_header_top{
        position:relative;
        top:90px;
    }
    .brand-holder{
        width:100%;
        height:auto;
        left:0;
        margin-left:0;
    }
    
    
    .logo-img{
        position:relative;
        max-width:80%;
        max-height:80%;
        top:10px;
    }
    
    .brand-logo-holder{
        width: 80%;
        height:80%;
        padding-bottom:2%;
        -moz-border-radius: 50%; 
        -webkit-border-radius: 50%; 
        border-radius: 50%;
        left:50%;
        margin-left:-40%;
        top:0;
    }
    
    .brand-name-btn{
        position:relative;
        width: 80%;
        height:0;
        padding-bottom: 80%;
        -moz-border-radius: 50%; 
        -webkit-border-radius: 50%; 
        border-radius: 50%;
        background: #fff;
        font-size:14px;
        left:8%;
    }
    
    .login-btn{
        width:70px;
        right:3%;
        display:block;
    }
    
    .brand-logo-holder{
        top:5%;
    }
    
    .name_brand_logo_holder{
        width:60%;
        height:auto;
        position:absolute;
        bottom:35px;
        text-transform: uppercase;
        font-size:14px;
        left:50%;
        margin-left:-30%;
    }
    
    .delete-btn{
        left:65%;
    }
    
    .menu-opt-btn{
        font-size:22px;
    }
    
    .what_todo_input_div{
        width:85%;
        left:1%;
        margin-left:0;
    }
    
    .forgot_pass_btn{
        position:absolute;
        left:65%;
        width:auto;
        font-size:12px;
    }
    
    .checkout, .checkout_2{
        width:auto;
        border:none;
    }
    
    .holder_focused_item{
        position:relative;
        width:96%;
        left:2%;
        margin-left:0;
    }
    
    
    .buy-item-holder{
       width:98%;
       height:100%;
       left:1%;
       margin-left:0;
       text-align:left;
    }
    
    .buy-btn-item{
        position:relative;
        right:0;
        background:#069;
        color:#fff;
        width:auto;
        font-size:13px;
     }
     
    .loading, .output{
       display:none;
       position:absolute;
       width:80%;
       height:auto;
       padding:15px;
       left:5%;
       margin-left:0;
    }
     
    .howitworks-btn-hide{
        display:none;
    }
    
    .submit_btn{
        left:68%;
    }
    
    .checkout_price_holder{
        top:90px;
    }
    
    .img_holder{
        max-width:98%;
    }
    
    .options-header{
        padding-left:0;
        padding-right:0;
        width:100%;
    }
    
    .btn-100-width{
        width:95%;
    }
    
    .round-border{
        height:300px;
    }
    
    .platform-description{
        width:80%;
        font-size:28px;
    }
    
    .product-name{
        position:absolute; 
        width:200px;
    }
    
    .selling-price{
        top:25%;
    }
    
    .admin-activity-btn{
        width:49%;
    }
    
}