body {
background-image:url(images/lighter_background_gradient.png);
background-size: cover;
margin: 25px;
padding : 0;
color : #000;
font : 1em "lucida sans", "Trebuchet MS", "arial", "verdana", "sans-serif";
text-align : center;
position:relative;
background-repeat:no-repeat;

}
#container {
margin : 0 auto;
padding : 0%;
text-align : center;
color : #fff;
border : 0px solid #aaa;
width:50%
}
#top {
margin : 0 auto;
padding : 0;
color : #000;
}
#top img {
width: 15%;
margin-left:200px;
}
#h1 {
color: white;
}
#banner {
 float: left;
 margin: -3% auto;
 position: absolute;
    z-index: 10;
 
}
#bannerhome {
float: left;
margin: -7% auto;
z-index: 3;
position: relative;
display: inline-block;
}
.slideshow-bottom {
    height: 450px;
}


.yellowborder {
    border: yellow 6px outset;
    margin: 15px;
}
#img_main {
    width: 50%;
    margin: 2% 0% 0% -7%;
    padding: 0px;
}
.img_main_fix{
    width: 50%;
    margin: 4% 17% 0% -7%;;
    padding: 0px;
}
#bagname_long{
   color: #0AD7D7;
    text-shadow: 3px 0px 5px #582A71;
    font-size: 36px;
    font-family: "Courier New";
    margin:0% 1%;
    float: right;
}

#bagname {
   color: #0AD7D7;
    text-shadow: 3px 0px 5px #582A71;
    font-size: 36px;
    font-family: "Courier New";
    margin: 1% 12%;
    float: right;
   
}
#bagnamecaddy {
   color: #0AD7D7;
    text-shadow: 3px 0px 5px #582A71;
    font-size: 36px;
    font-family: "Courier New";
    margin:0% 2% 0% 48%;
    float: right;
    position: absolute;
}
.container {
padding : 0px 1px 0px 0px;
color : #87cefa;


}
.containerhome {
padding : 0px 1px 0px 0px;
color : #000;
background-color : rgba(129, 156, 158, 0);
margin-right:5%;

}


/*bag infor leave*/
#navPyra {
margin-right: auto;
margin-left: auto;
padding: 0 0 0px 0;
}
#navPyra li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
}
#navPyra a:link, #navPyra a:visited {
float : left;
padding : 0 12px 6px 12px;
font-size : 130%;
line-height : 1em;
text-decoration : none;
color : #742828;
background : inherit;
}
#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
color : #000;
background : transparent url(images/pyramid.gif) no-repeat bottom center;
}
  
#content_product {
    border: none;
    margin: -12% 15% 7% 0%;

}
#flap{
    float:right;
    margin:-17% 16% 0 0;
    
}
#yellowmain {
    padding-bottom: 300px;
}
#nobullets {
    list-style-type: none;
}
#floater {
   position: relative;
    top: -348px;
    left: 6px;
    width: 103%;
}

.third {
    text-align: left;
    width: 30%;
    min-height: 400px;
    line-height: 0.9em;
    z-index: 3;
    background: #fffff7; /* Old browsers */
background: -moz-linear-gradient(top, #fffff7 31%, #ffff88 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#fffff7), color-stop(100%,#ffff88)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fffff7 31%,#ffff88 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fffff7 31%,#ffff88 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fffff7 31%,#ffff88 100%); /* IE10+ */
    margin: 1%;
    float:left;
}
.third ul {
    font-size: 0.7em;
}
#content_home {
width : 50%;
height:700px;
padding:5px;
line-height : 1.5em;
border-left : 1px solid #bbb;
background: white;
position:relative;
z-index: 5;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
font-size: 1.5em;
border-radius: 10px;
box-shadow: 3px 3px 2px black;
}
img.cycle-slide {
    height: 267px;
}
.content_gallery {
    width: 60%;
    height: 100%;
    padding: 4%;
    position: relative;
    z-index: 5;
    margin: -1% auto;
  
background: white;
border-radius: 10px;
box-shadow: 3px 3px 2px black;
 
}
hr{
    border-bottom:2px double turquoise;
} 
#gallery_title{
    margin: 2% auto;
    padding: 2%;
    float: left;
    width: 40%;
    position: relative;
    z-index: 400;
    line-height: 1em;
    
}
#content_info {
width :90%;
padding:5px;
line-height : 1.5em;

background: none;
position:relative;
margin:0% auto;
margin-bottom: 2%;
font-size: 1.5em;


}
#content_product{
    width: 75%;
    padding: 5px;
    line-height: 1.5em;

    position: relative;
    margin: 0% auto;
    margin-bottom: 2%;
    font-size: 1.5em;
    border-radius: 10px;
  
    z-index: 10;
    }
    
    #content_bag_info{
    width: 60%;
    padding: 5px;
    line-height: 1.5em;
    border-left: 1px solid #bbb;
    background: white;
    position: relative;
    margin: 4% auto;
    margin-bottom: 2%;
    font-size: 1.5em;
    border-radius: 10px;
    box-shadow: 3px 3px 2px black;
    z-index: 10;
    }
    
    /*i-frame*/
#content_info2 {
width :90%;
padding:5px;
line-height : 1.5em;
border-left : 1px solid #bbb;
background: white;
position:relative;
margin:0% auto;
margin-bottom: 2%;
font-size: 1.5em;
}

#content_product2{
    width: 50%;
    padding: 5px;
    line-height: 1.5em;

    background: none;
    position: relative;
    margin: 0% auto;
    margin-bottom: 2%;
    font-size: 1.5em;
    z-index: 10;
    }
    
    #content_bag_info2{
    width: 60%;
    padding: 5px;
    line-height: 1.5em;
    border-left: 1px solid #bbb;
    background: white;
    position: relative;
    margin: 4% auto;
    margin-bottom: 2%;
    font-size: 1.5em;
    border-radius: 10px;
    box-shadow: 3px 3px 2px black;
    z-index: 10;
    }
  
#contenthome {
width :75%;
padding:5px;
line-height : 1.5em;
position:relative;
z-index: 5;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
font-size: 1.5em;
align-items: center;
 margin-top: -150px;
}

 #contenthome2{
width :75%;
padding:5px;
line-height : 1.5em;
position:relative;
z-index: 5;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
font-size: 1.5em;
background-color:#fff;
 align-items: center;
 margin-top: -150px;
}

#contentpurchase {

padding:5px;
line-height : 4.5em;
position:relative;
z-index: 5;
font-size: 1.2em;
display: inline-block
}

#content {
width :60%;
padding:5px;
line-height : 1.5em;
border-left : 1px solid #bbb;
background: white;
position:relative;
z-index: 5;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
font-size: 1.5em;
border-radius: 10px;
box-shadow: 3px 3px 2px black;
}
#content_thanks{
    width: 50%;
    padding: 5px;
    line-height: 1.5em;
    border-left: 1px solid #bbb;
    background: white;
    position: relative;
    z-index: 5;
    margin: 4% auto;
    font-size: 1.5em;
    border-radius: 10px;
    box-shadow: 3px 3px 2px black;
    float: none;
}

#footer {
padding : 0.5em;
clear : both;
font-size : 0.9em;
position:relative;
z-index: 0;
width: 200px;
margin: 0 auto 10px auto;
}
#footerlinks {
position:absolute;
bottom: 0px;
left: 0px;
}
#footer_background {
opacity: .2;
width:100%
}
a:link, a:visited {

background : inherit;
}
a:hover {
text-decoration : none;
color : #000000;
background : inherit;
}
h2 {
margin : 1em 0 1em 0.5em;
color : #000000;
font : 160% "lucida sans", "Trebuchet MS", "arial", "verdana", "sans-serif";
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

        .description {
           margin:.5% .5% .5% 30%;
           text-align: center;
           color: #000;
           padding: 0px;
           font-size: 15px;
           line-height: 110%;
           text-shadow: 1px 1px #04F9FF;
           font-family: Garamond, Verdana, Arial;
           
        }
        p {
           margin:.5% auto;
           text-align: center;
           color: #000;
         
           padding: 20px;
           font-size: 1em;
           line-height: 125%;
        }  
      
        .features {
            color: #0AD7D7;
            text-align: center;
            font-size:.9em;
            margin: auto;
          
                
        }
        a {
            text-decoration: none;
        }
        video{
           
            z-index: 7;
            position:relative;    
            margin:-4% auto;
            float:right;
        }
                 
        .video_home {
            margin-top: -60px;
            margin-left: 500px;
            margin-bottom: 10px;
            margin-right: -13px;
            z-index: 7;
            position:absolute;    
         
            float:right;
        }
        
        #custom_form_information{
        
            text-align: center;
            margin-bottom: -21px;          
        }
     
       #image_form_image{
           border-width: 2px 2px 2px 2px;
           border-color: yellow;
           border-style: solid;
           position: relative;
           box-shadow: 3px 3px 3px black;         
       }
       #information_block{
              margin: auto;
              font-size: 1.2em;
       }      
  
       .hover-img {
           width: 150px;
           height: 90px;
           float:left;       
       } 
      
    /*rules for product image*/
      .rollover{
          width:500px;
          height:400px;
      }
 .rolloversold{
         
          width:200px;
          position: absolute;
          top: 0px;
          left: 0px;
          color:white;
          z-index: 2;
          opacity: 0.65;

 } 
 .bagimglink {
     position: relative;
     display: inline-block;
 }

/*images*/
#explode_zoom {
	margin-top: 2%;

} 
#bag_images {
         width: 100%;
         padding: 5px;
         position: relative;
        
}

.home_img{
    height:  150px;
    float: left;
    margin:-3% auto;
    position: relative;
    padding: 17px;
}
  
  #model_container-home{
    position: absolute;
    display: inline-block; 
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    
  }
  
   #model_container{
     
    margin: 25%;
    margin-top: auto;
    margin-bottom: auto;
    position: inherit;
     margin-right: 25%; 
  
         }
         #model_container a img{
           margin: 2px;
            
         }
         #model_container a img:hover{
            border-style:outset;
            background-color:yellow;
            color:yellow;
            border-width: 2px;
            margin:0;    
         }
         #butterfly {
             
             margin: 0% auto;
         }
         #butterfly_header {
             float: left;
             margin: 0% auto;
         }
	#product_content {
	margin-bottom:25%;
}
	#content.product_content_table{
	padding-bottom: 30px;  
            padding-bottom: 30px;
            margin: 2% auto;
        }
	#content.about_info {
        padding-bottom: 10px;
        }	
        .more_products{
      
         width:100%;
         margin: 8% auto;          
        }
      
       .prod_info {  
           border-radius: 30px;
            width: 73%;
            margin: auto;
            border: yellow 2px solid;
            line-height: 1.5em;                
            text-align: center;
            }
        table p{
            font-size: 1em;
            
        }
        td{
             border-bottom: solid 2px #03A9F4;
             border-top: solid 2px #03A9F4;
            
        }
       
        #prod_info {
            margin: 10px;
            margin-top: -50px;
        }
        #content.my_new_class { 
            padding-bottom: 30px; 
        }
  /*topnav*/
  
         .title_pages{
             width: 75%;
             margin: 0px 0px 0px -50px;
         }
         
      /*logo image*/   
          #logo_new:hover {
           border: purple 1px solid;
          border-style:inset;
          border-radius: 90%;
          }
          #logo_new {
              margin: 1px;
              margin-top: -10px;
              margin-bottom: -30px; 
            }           
       
.answer{
    font-family: "lucida sans", "Trebuchet MS", "arial", "verdana", "sans-serif";
    font-size: 1.5em;
    line-height: 150%;
    color: #1E0231;
    margin:0 20px auto;
}

  /*light box and slider rules*/
 #thumbnails {
   padding: 0px;
    margin: 10% 0% -2% -8%;
    width: 100%        
    }
 body#gallery #thumbnails{
    padding-top: 20%;
}
  #thumbnails img{
    margin:-4% -6% 4% 8%;
    float:none;
      width:150px;
      height:150px;
  }
  #thumbnails_gallery img{
    margin: 8% -6% -7% 5%;
    float:none;
    width:175px;
    height:150px;
          
      }
  .cycle-slideshow{
   float:left;
   color:#ffffff;
 
  margin-left:30%;
  margin-right:30%;
      margin-top:10px;
  
  }
  
  .cycle-slideshow img{
      width:100%;
      overflow:hidden;
  }
  .cycle-slideshow #model_container img {
      width:0%;
  }


           /* Option button styles */

fieldset {
	border: red 2px solid;
}

fieldset label {
	display: inline;
	margin: 0px 3px 0px 0px;
}

fieldset input {
	display: inline;
	margin: 0px 20px 0px 0px; 

 .button-products {
            background: #0AD7D7;
            
        }
        
  .pure-button {
     position: relative;
    color: white;
    border-radius: 50px;
    padding: 5px;
    border-color: #FFEC0C;
    border-width: 2px;
    border-style: inset;
    text-decoration: none;
    margin: -12% auto;
    font-size: 1em;
    text-align: center;
}
           
    .pure-button:hover{
            border-style:outset;
            background-color:yellow;
            color:black;
        }
        .button-purchase {
            background: #8a0ad7; 
            border-radius: 20px;
            
        }   
      
/*changes made 2017*/

#dialog {
    display: none;
    
}
#gallery{
    margin: 2% auto;
    width:90%;
    padding:0px;
    float:left;
    position: relative;
}
    
  #flower{
    margin: 2% auto;
    float: left;
    width: 10%;
    height: 200px;
    position: relative;
    padding: 0px;
    
}
#flower img{
    height: 200px;
   
    }
 .homepageimg{
 display: block;
  margin-left: auto;
  margin-right: auto;
 
  border-radius: 50%;
  max-width:100%;
  height:auto;
  }
  
@media(max-width: 1000px) {
    
                #model_container {
                    display:none;
                }   
                .title_jpg {
                    width:80%;
                }
                #container  {
                    width: 80%;
                }
            
                .yellowborder {
                width:80%;
                }
                #banner {
                 display: none;
                }
                 #content {
                 width: 80%;
                 border:none;
                 box-shadow: none;
                
                }
                .video_home{
                    display: none;
                }
                video{
                width:50%; 
                }   
               
              #butterfly {
                 display: none;
                }
                body {
                    background-image: none;
                }
                .home_img{
                margin: auto;
                max-width: 25%;
                height: auto;
                 padding: auto;
                }
}

   /*new changes 2021*/
    /* The hero image */
    
 #hero-container{
  width: 100%;
  height: auto;
  position: relative;
  display: inline-block;
  justify-content: center;
  align-items: center;
 }
          
.hero-image {
 
  width:100%;
  
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:3;
  text-align: center;

}

.image1 {
  position: relative;
  top:-347px;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
   align-items: center;  
  opacity: 0.65;
}


.image2 {
  position: sticky;
  top: 20%;
  left: 15%;
  z-index: 3;
  text-align: center;
  align-items: center;
  
}
.text{
    width: auto;
  
    font-family: cursive;
    font-size: 63px;
    margin-left: auto;
    margin-right: auto;
    color: #5f038f;
    text-align: center;
    margin-top:30%;
    text-shadow: 0 0 #e7eded;
   
    } 
.text2{
    width: auto;
  
   font-family: sans-serif;
    font-size: 52px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-align: center;
    text-shadow: 0 0 black;
    } 
.text3{
    width: auto;
 
    font-size: 29px;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-align: center;
    text-shadow: 0 0 black;
    
}

    /* Contact */
  

	#contact {
		display: -ms-flexbox;
		-ms-flex-pack: justify;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		background: #ececec;
	}


		#contact .icons {
			margin-bottom: 1em;
		}

		#contact .column {
			padding: 3.5em 0 1.5em 0;
			padding-left: 3.5em;
			padding-right: 3.5em;
			width: 50%;
		}

			#contact .column.social {
				background: #e6e6e6;
			}

			@media screen and (max-width: 980px) {

				#contact .column {
					padding: 2em 0 0.1em 0;
					padding-left: 2em;
					padding-right: 2em;
				}

			}

			@media screen and (max-width: 736px) {

				#contact .column {
					width: 100%;
				}

			}

			@media screen and (max-width: 480px) {

				#contact .column {
					padding: 1em 0 0.1em 0;
					padding-left: 1em;
					padding-right: 1em;
				}

			}


  
.MuiGrid-root {
    position: relative;
    box-sizing: border-box;
}
.headerbar{
    background: #2cc6a3;
}
   
.rxX3evK0.rxX3evK0 {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.headertext {
    position: relative;
  
    font-size: 1.5em;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: white;
}
MuiGrid-root {
  position: relative;
  box-sizing: border-box;
  }
  
/*contact button*/
  .buttonportfoilio {
  display: inline-block;
  padding: 9px 19px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #2cc6a3;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
  align-items: center;
}

.buttonportfoilio:hover {
    background-color: #433e8e;
}

.buttonportfoilio:active {
  background-color: white;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.home_img2{
    
margin: -332px 0 44px 7px;
    background: none;
    z-index: 5;
    
}
video{
    position: relative;
    display: flex;
    margin-left: 25%;
    padding: 5px;
    float: left;
}

/*-------------shop gallery----------*/

/* The grid: Four equal columns that floats next to each other */
.columnstore {
  float: left;
  width: 20%;
  padding: 10px;
}
/* Style the images inside the grid */
.columnstore img {
 cursor: pointer;
}

* {
  box-sizing: border-box;
}

/* Clear floats after the columns */
.rowstore:after {
  content: "";
  display: table;
  clear: both;
}


/*new bag pages*/