body {
    margin: 0;
    overflow: hidden;
    /* overflow-y: auto;
    overflow-x: hidden; */
}
 
a {
   text-decoration: none;
   font-size: 14px;
   color: #000;
}
#share {
   display: none;
}
.showShare {
   display: block !important;
}
#save-share {
   display: none;
  position: absolute;
   bottom: 15px;
   left: 60px;
   z-index: 100;
   font-family: 'Montserrat', "Helvetica Neue", sans-serif;
}

@media screen and (min-width:1280x) {
#save-share {
	display: block;
}
}

#button-wish, #button-share {
    font-size: 15px;
}

#modal {
   position: fixed; 
   left: 0%; 
   top: 0%; 
   width: 100%; 
   height: 100%; 
   background-color: rgba(0, 0, 0, 0.5); 
   opacity: 0; 
   visibility: hidden; 
   transform: scale(1.1); 
   transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; 
   z-index: 200;
   display: none;
}

#modal-content {
   position: absolute; 
   top: 50%; 
   left: 50%; 
   transform: translate(-50%, -50%);
   width: 80%; 
   max-height: 80%; 
   background-color: white; 
   padding: 1rem 1.5rem; 
   border-radius: 0.5rem; 
   overflow: auto;
}

#product_selection {
   margin-top:0px;  
   /* width: 100%; */
   overflow:scroll;
   -webkit-overflow-scrolling:touch;
}

@media screen and (max-width:800px) {
	#product_selection {
		width: 99%;
	}
}

@media screen and (min-width:799px) {
	#product_selection {
		width: 100%;
	}
}

/*********  SOCIAL ************/
.resp-sharing-button__link,
   .resp-sharing-button__icon {
     display: inline-block
   }
   
   .resp-sharing-button__link {
     text-decoration: none;
     color: #fff;
     margin: 0.5em
   }
   
   .resp-sharing-button {
     border-radius: 5px;
     transition: 25ms ease-out;
     padding: 0.5em 0.75em;
     font-family: Helvetica Neue,Helvetica,Arial,sans-serif
   }
   
   .resp-sharing-button__icon svg {
     width: 1em;
     height: 1em;
     margin-right: 0.4em;
     vertical-align: top
   }
   
   .resp-sharing-button--small svg {
     margin: 0;
     vertical-align: middle
   }
   
   /* Non solid icons get a stroke */
   .resp-sharing-button__icon {
     stroke: #fff;
     fill: none
   }
   
   /* Solid icons get a fill */
   .resp-sharing-button__icon--solid,
   .resp-sharing-button__icon--solidcircle {
     fill: #fff;
     stroke: none
   }
   
   .resp-sharing-button--pinterest {
     background-color: #bd081c
   }
   
   .resp-sharing-button--pinterest:hover {
     background-color: #8c0615
   }
   
   .resp-sharing-button--facebook {
     background-color: #3b5998
   }
   
   .resp-sharing-button--facebook:hover {
     background-color: #2d4373
   }

   .resp-sharing-button--linkedin {
     background-color: #0077b5
   }
   
   .resp-sharing-button--linkedin:hover {
     background-color: #046293
   }
   
   .resp-sharing-button--email {
     background-color: #777
   }
   
   .resp-sharing-button--email:hover {
     background-color: #5e5e5e
   }
   
   .resp-sharing-button--facebook {
     background-color: #3b5998;
     border-color: #3b5998;
   }
   
   
/************ CSS for top blue notification bar ******************/


#notification .alert,  #notification .success,  #notification .warning {
   font-family: 'Montserrat', "Helvetica", sans-serif;
   font-size: 18px;
   line-height: 1.35;
   position: fixed;
   z-index: 999999;
   background: linear-gradient(to top left,#c0e9ed,#9ec8d6);
   padding: 3% 2rem 3% 2rem;
   color: black;
   box-shadow: 0 1px 2px rgba(0,0,0,0.15);
   width: 100%;
}
#notification .success .left {
	width: 88%;
}
#notification .success .left img {
	vertical-align:middle;
}
#notification .success .right img {
	vertical-align:middle;
}

#notification .alert a,  #notification .success a,  #notification .warning a {
   color:  black;
   font-weight: 600

}
.success .right {
   position: absolute;
   top: 0;
   right: 0;
   padding: 1rem 5rem 0 0;
}    

.success .right img {
	width: 20px;
}

#notification a {
	font-size: 18px;
	text-decoration: underline;
}