/******************************************************************************************************/
/* Remove Overflow Hidden And Transform3d From Page Container - This is made some elements sticky - CAN EFFECT HEADER */
.page-container { overflow: unset !important; -webkit-transform: unset; transform: unset;}
/******************************************************************************************************/
  
  
form div {
  box-sizing: border-box;
  position: relative;
}

form > div,
form fieldset > div {
  margin: 3em 0;
}

form fieldset > div:first-of-type {
  margin-top: 1em;
}

form fieldset > div:last-of-type {
  margin-bottom: 1em;
}

fieldset {
  border: .1em solid rgba(0, 0, 0, .15);
}

/* Radios and checkboxen */

input[type=radio],
input[type=checkbox] {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

input[type=radio] + label,
input[type=checkbox] + label {
  /*display: block;
  padding: .5em;
  padding-left: 2em;
  max-width: calc(100% - 2em); */
}

fieldset > div input[type=radio] + label {
  margin: -1em 0;
}

  
.et_pb_pricing_table input[type=radio]:hover + label, .tabsInnerWrapper input[type=radio]:hover + label, select:hover, input:hover {
  border-top: none !important;
}

  
input[type=radio]:focus + label,
input[type=checkbox]:focus + label, .et_pb_pricing_table:focus + label, .et_pb_pricing_table input[type=radio]:checked + label, .tabbedInput.input[type=radio]:hover + label {
  	color: #00f;
    margin-top: 1px;
    margin-right: 3px;
    margin-bottom: 1px;
}


.et_pb_pricing_table input[type=radio]:checked + label + li {
  color: #fff;
  background: url(/cdn/shop/files/icons-sprite.png) no-repeat -218px -79px;
}
.et_pb_pricing_table input[type=radio]:checked + label li, .et_pb_pricing_table input[type=radio]:checked + label .et_pb_pricing_content_top span {
  color: #fff !important;
}
  
  

.swatch-element input[type=radio]:checked + label::before,
.swatch-element input[type=checkbox]:checked + label::before {
  /* content: '\2713'; */
  color: #e7027d;
  font-size: 26px;
  transition: all .1s ease-out;
  position: absolute;
  right: 4px;
  top: -3px;
  height: 25px;
  width: 25px;
  z-index: 1;
}

.swatch-element input[type=radio]:checked + label::after {
    top: .4em;
    left: .7em;
    width: .4em;
    height: .8em;
    border-right: .25em solid #00f;
    border-bottom: .25em solid #00f;
    transform: rotate(45deg);
}
  
.swatch-element input[type=radio] + label::before {
  border-radius: 100%;
}


  .et_pb_pricing_table input[type=radio]:checked {
    background-color: black;
  }
  
  /* Change padding of Form */
  .product-form { padding-top: 0px !important; }

  @media only screen and (min-width: 1020px) {
  	/* Max font-size for section headers */
	.SectionHeader.hero h1, .SectionHeader.hero h2 {
    	font-size: 24px !important;
    }
  }
  
  /* Style The Page Through Media Queries */
  @media only screen and (min-width: 750px) {
	.medium-up--two-thirds {
    	/* width: 64.66667%; */
    }
  }
  
  @media only screen and (max-width: 750px) {
    /* Remove HeadlineWrapper Box */
    #headlineWrapper { display: none; }
    /* Increase width to 100% on Mobile And Center*/
    .productTitle { text-align: center; }
    .sectionDescription  { width: 100%; padding-right: 50px !important; text-align: center; }
    .headlineMobile { text-align: center; width: 70%; margin: 0px auto 10px auto; }
    
    
	/* Change the tabbed info box to have description under the tab on mobile */
    .tabbedPanel {
    	order: inherit !important;
    }
    .btn--showHide {
    	display: block !important;
  	}
    .SectionHeader.hero {
    	margin-bottom: 2vw !important; 
    }
    
    /* Manipulate Padding, Text Size the Top Section Header, Description & Headline For Small 750 Devices */
    .SectionWrapper {
    	padding-top: 100px !important;
    }
    .SectionHeader.hero {
    	padding: 21px 40px !important;
        margin-bottom: 2.5vw !important;
    	height: 58px !important;
    }
    .SectionHeader.hero h1, .SectionHeader.hero h2 {
    	font-size: calc(12px + (.6vw)) !important;
    }
    
  }
  @media only screen and (min-width: 750px) {
    /* showHide margin on large screens so it strattles the padding of desc. */
  	.btn--showHide {
    	margin-top: 20px !important;
  	}    
  }
  
  /* Style The Page's Input, Select and TextAreas Borders via color */
  .product-form input, .product-form textarea, .product-form select, .btn--share, .btn--showHide {
    border: none;
  }
  /* Truncate the Selected Option On Drop Downs */	
  select, option.selected {
    width:100px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
   }
  
  /* Add Hover Color on Share Buttons */
  .btn--share:hover, .btn--showHide:hover {
    color: #000 !important;
  }
  
  /* Add Smaller, Non Serif fonts to subheaders */
  .et_pb_pricing_content span p {
    font-family: sans-serif;
    font-size: small;
    text-align: left;
    padding-left: 5px;
  }






.preHeaderDescriptionTextModified { 
			/* visibility: hidden; */
    	}
      	.preHeaderDescriptionModified {
          	padding-top: 9% !important;
            -webkit-transition: all .25s linear; /* Safari prior 6.1 */
  			transition: all .25s linear;
        }
      	.product-template__containerModified { 
          	padding-top: 9%;
          	transition: all .25s linear;
        }
      	#quantitySliderWrapper::-webkit-inner/outer-spin-button {
          	opacity: 1;
        }





 

.wrapper {
  width: 450px;
}
          
	@media only screen and (min-width: 1020px) {
      .stickyFooterSelect { 
        font-size: 14px !important;
        margin-top: 5px;
        padding-top: 5px;
    	padding-bottom: 5px;
    	padding-left: 12px;
      }
    }
     
          
    @media only screen and (max-width: 1320px) and (min-width: 1020px) {
    	.stickyFooterRow {
			flex: 1 1 0;
        }
        .stickyFooterRowCTA .stickyFooterItem { 
			padding-bottom: 7px !important;
  			padding-top: 7px !important;
        }
      	.media {
        	padding-top: 11px;
        }
    }
          
    @media only screen and (max-width: 1020px) {
      .stickyFooterItem { 
        padding-top: 0px !important;
        padding-bottom: 21px !important;
        padding-left: 1% !important;
        padding-right: 1% !important;
        width: 100% !important;
      }   
      .stickyFooterItem select { 
        width: 100% !important;
        padding-top: 9px !important;
    	padding-left: 15px !important;
    	padding-bottom: 7px !important;
        min-height: auto !important;
      }
      .stickyFooterItem button { 
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 5px !important;
        /* padding-top: 10px !important; */
    	/* padding-left: 15px !important; */
    	/* padding-bottom: 5px !important; */
        min-height: auto !important;
      }
      .stickyFooterItemBottom {
        padding-bottom: 10px !important;
      }
      .stickyFooterItemVariantSelect {
        padding-right: 5%;
      }
      .stickyFooterRow {
        width: 100% !important;
        padding-bottom: 0px !important;
        order: unset !important;
      }
      .stickyFooterRowTop {
        flex: 1;
        padding-left: 15px;
      }
      .stickyFooterRowCTA {
      	position: absolute;
    	top: -20px !important;
    	padding-left: 25%;
    	padding-right: 25%;
    	z-index: 9999;
        max-width: unset !important;
      }
      .stickyFooterRowCTA .stickyFooterItem {
        padding-bottom: 0px !important;
      }
      .stickyFooterItemImage {
        padding-bottom: 10px !important;
        padding-top: 2px !important;
        flex: 1 1 35%;
      }
      .stickyFooterItemImage img {
        min-width: 90px !important;
    	min-height: 60px !important;
      	max-width: 90px;
        max-height: 60px;
        height: 6vw;
    	width: 9vw;
      }
      .stickyFooterItemTop {
        padding-bottom: 8px !important;
        margin-top: 37px !important;
      }
    }
          
          .stickyFooterItem {
            padding-bottom: 0px;
            padding-right: 35px;
            padding-top: 6px;
          }
          .stickyFooterItem input, .stickyFooterItem select, .stickyFooterItem button {
			min-height: 28px;
            color: #000;
          }

          .stickyFooterRow {
	        display: flex; 
            padding-bottom: 0x;
		  }
		  .stickyFooterRowCTA {
      	  	order: 1;
            flex: 1 1 0;
            margin: 0 auto;
		  }
          
          .stickyFooterRowCTA .stickyFooterItem {
          	width: 100%;
            padding-right: 0;
          }
          
          .stickyFooterItemImage {
            padding-top: 0px;
          }
		  .stickyFooterItemImage img {
      		max-width: 85px;
        	max-height: 35px;
			padding-right: 0.5vw;
		  }
          .minimizeStickyFooter {
            padding-top: 0px !important;
            height: auto;
			max-height:0;
			-webkit-transition: max-height 0.5s linear, opacity 0.5s linear;
			-moz-transition: max-height 0.5s linear, opacity 0.5s linear;
			-ms-transition: max-height 0.5s linear, opacity 0.5s linear;
			-o-transition: max-height 0.5s linear, opacity 0.5s linear;
			transition: max-height 0.5s linear, opacity 0.5s linear;
            opacity: 0;
          }
          .maximizeStickyFooter {            
            height: auto;
            max-height: 300px;
			-webkit-transition: max-height 0.5s linear, opacity 0.5s linear;
			-moz-transition: max-height 0.5s linear, opacity 0.5s linear;
			-ms-transition: max-height 0.5s linear, opacity 0.5s linear;
			-o-transition: max-height 0.5s linear, opacity 0.5s linear;
			transition: max-height 0.5s linear, opacity 0.5s linear;
            opacity: 1;
          }
          
          .minimizeStickyFooterButton {
            padding-top: 0px !important;
            height: auto !important;
			max-height:0 !important;
			-webkit-transition: max-height 0.5s linear, opacity 0.5s linear;
			-moz-transition: max-height 0.5s linear, opacity 0.5s linear;
			-ms-transition: max-height 0.5s linear, opacity 0.5s linear;
			-o-transition: max-height 0.5s linear, opacity 0.5s linear;
			transition: max-height 0.5s linear, opacity 0.5s linear;
            opacity: 0 !important;
          }
          .maximizeStickyFooterButton {
            height: auto !important;
            max-height: 300px !important;
			-webkit-transition: max-height 0.5s linear, opacity 0.5s linear;
			-moz-transition: max-height 0.5s linear, opacity 0.5s linear;
			-ms-transition: max-height 0.5s linear, opacity 0.5s linear;
			-o-transition: max-height 0.5s linear, opacity 0.5s linear;
			transition: max-height 0.5s linear, opacity 0.5s linear;
            opacity: 1 !important;
          }
          




					.insta_shopify_col { padding: 0px 0px 7px 0px !important; }
					@media only screen and (min-width:1024px) { .insta_shopify_col img {width: 90px !important; height: 90px !important;} }
					@media only screen and (max-width:767px) { .mvv_insta {padding-top:8px; padding-bottom:8px;} .product-form__item--payment-button button {width: 100% !important; margin: 0 auto;} }
