/** Shopify CDN: Minification failed

Line 49:21 Expected identifier but found whitespace
Line 49:23 Unexpected "{"
Line 49:32 Expected ":"
Line 81:20 Expected identifier but found whitespace
Line 81:22 Unexpected "{"
Line 81:32 Expected ":"
Line 82:10 Expected identifier but found whitespace
Line 82:12 Unexpected "{"
Line 82:21 Expected ":"
Line 82:37 Expected identifier but found "!"
... and 23 more hidden warnings

**/
.product-template-section {

  .main-content{
  	padding-bottom:0px;
  }
  
  .product-header {
  	background: rgb(247,224,50);
    font-size: 14px;
    font-weight: bold;
    padding: 10px 12px;
  }
  
  .product-slideshow {
  	margin-bottom: 20px;
  }
  
/* Main Product Info   */
  .product-title{	
  	margin-bottom: 5px;
    color: #0065ff;
    font-weight: 700;
    font-size:24px;
  }
  
  .product-sku{
/*   	font-weight:700; */
  }
  
/*  Add to Cart Styles  */
  
  .btn--add-to-cart, 
  .choose-lenses {
    background-color: {{settings.brand_yellow}};
/*     color: {{settings.brand_blue}}; */
    color: #003b34;
    
    border: none;

/*     border-radius: 30px!important; */
    margin-bottom:10px; 
/*     width:150%; */
/*     padding:20px; */
    
    span {
        font-family: Roboto, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 16px;
        text-transform: uppercase;
    }  
  }
  
  .choose-lenses, 
  .buy-frames{
  	 width:100%;
    padding-top:0px;
    padding-bottom:0px;
	 span {
     	font-weight: 600;
        font-size: 14px;
     }
  }
  
  .payment-buttons > button:not(.buy-frames):hover {
  	background-color: {{ settings.brand_yellow_light }};
    color: {{settings.neutral_black}}!important;
    border: none;
  }
  
  .choose-lenses{
  	margin-top:20px;
  }
  
  .shopify-payment-button__button, 
  .buy-frames {
    background-color: transparent;
    color: {{settings.brand_blue}};
    border: 2px solid {{settings.brand_blue}};
   }
  
  .shopify-payment-button__button:hover, 
  .buy-frames:hover {
    color: {{settings.neutral_white}};
  	background-color: {{settings.brand_blue}};
  }
  
  /* Product Tabs */
  .product__tabs {
  	max-width:100%!important;
  }
  
  .grid__item-prod-tabs {
	margin: 15px;
    text-align: center;
    
    .product_tab--btn {
      background-color: {{ settings.color_primary }};
      border: none;
      border-radius: {{settings.button_border_radius}}px;
      box-sizing: border-box;
      color:#999997;
      display: inline-flex;
      font-weight:400;
      font-size: 16px;
      margin-right: 2px;
      padding: 4px 12px;
      
      &:hover, &.selected {
        background-color: {{ settings.color_secondary }};
        color: #0057f9;
      }
    }
  }
  
  /* Product Tabs Content */
  .grid__item-prod-desc {
    padding-left: 0!important;
    
    .product__tabs {
	  padding: 0 20px;
      
      > ul {
        margin-left: 5%;
        width:100%;
      }
    }
  }
  
/*  Swatch Styles  */

  .swatch{
  	display:flex;
    justify-content:space-between;
    width:30%;
    
    .header{
    	font-size: 14px!important;
    	font-weight: 600;
      	color:black;
    }
    .swatch-element {
    	position:relative;
      	width:auto;
        display: grid;
        place-content: center;
      
        label{
            z-index: 2;
      		width:30px;
          	height:30px;
          	display: flex;
          	margin-left: 10px;
   			margin-right: 10px;
    		justify-content: center;
          	border: grey 1px solid;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            border-radius: 50%;
          
        } 
        label.variant-selected {
          border: 2px black solid; 
        }   
      }
      .color{
          label:hover {
          border: 2px black solid; 
          border-radius: 50%;
        }
        }
        .color{
          .variant-selected {
          border: 2px black solid!important; 
          border-radius: 50%!important;
        }
 
    }
    .small, .medium, .large{
    	label{
      		width:auto!important;
          	height:auto!important;
          	display: flex;
    		justify-content: center;
            border-color: #003b34;
    		background-color: #003b34;
          	color:white;
          	padding:2px;
            padding-left: 10px;
          	font-size:15px;       
          	border:2px;
          	border-radius: 20px;
        } 
    } 
    .tooltip{
      text-transform: none;
      font-size: 11px;
      font-weight: 400;
      position: absolute;
      right: 50%;
      bottom: 100%;
      background-color: #000;
      color: #fff;
      white-space: pre;
      transform: translateX(50%);
      margin-bottom: 10px;
      line-height: normal;
      padding: 2px 8px;
      border-radius: 3px;
      transition: all 250ms ease-out;
      opacity: 0;
      visibility: hidden;
    }
  } 
  
/*  Product Description  */
  
  .product-description-title{
    color: rgb(0,87,249);
    text-align:center;
    text-transform:none!important;
    font-weight: 700 !important;
    font-family: "Open Sans", Roboto;
    padding: 10px 12px;
    font-size: 18px!important;
    margin:0px;
  }
  
  .description-container {
  	border: rgb(247,224,50) 1px solid;
    width: 100%;
    padding-top: 15px;
    padding-top:0px;
    
    h4{
      color: #0065ff;
      font-size: 23px;
      font-weight: 700 !important;
      margin: 0 0 0.5em;
      text-align: center;
    }
  }    
  
  .display-flex{
  	display:flex;
  } 
  
  .justify-content-between{
  	justify-content:space-between;
  }
  
  .presentation{
  	text-align: center;
  }
  
  .inner-description-container{
  	padding:15px;
  }
  
  .pdpInfo {
    margin: 0 auto;
  }
  
  .pdpInfo > .display-flex.justify-content-between {	
	display: flex;
    justify-content: space-between;
  }
  
  .pdpInfo .fb-48 {
    flex: 0 0 48%;
    max-width: 48%;
    flex-basis: 48%!important;
  }

  .info-heading {
    font-weight: 900;
    justify-content:center;
    font-size:14px!important;
    padding:8px;
    font-family: "Open Sans", Roboto;
  }
  
  .info-text{
    color: black!important;
    font-size: 14px!important;
    line-height: normal;
    padding: 8px!important;
    font-family: "Open Sans", Roboto;
    font-weight: 400;
    text-transform: capitalize;
  }
  .info-title{
    color: black!important;
    font-size: 2.23529em !important;
    font-weight: 500!important;
    font-family: "Open Sans", Roboto;
    font-weight: 400;
  }
  
  .defadivt-color{
  	color: black;
  }
  
  .defadivt-color:hover{
  	color: #f7e300;
  }
  
  .size-chart{
  	margin-left: 10px;
	text-transform: uppercase;
    color:#2BA9DA;
  }
  
  .description-container p {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 17px;
    color: #494747;
  }
  
  #text{
  	color: black;
  }
  
  .size-chart{
    color: #2BA9DA!important;
    cursor: pointer;
    
  }
  

  /* Modal */
  .size-modal, .face-modal{
    display: none; 
    position: fixed; 
    z-index: 99999999999;   
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
  }
  
  .modal-content{
    background-color: #fefefe;
    margin: 10% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }
  
  .modal-body{
  	position: relative;
  }
  
  .drawer_right .modal-header .close {
    position: absolute;
    top: 15%;
    right: 90px;
    width: 31px!important;
    height: 31px!important;
    cursor: pointer;
    z-index: 1103;
    display: block;
    background: #404042;
    border-radius: 50%;
    opacity: 1;
    margin: 0;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    border:0px;
    padding:0px;
    transform: rotate(45deg);

  }
  
  .drawer_right .modal-header .close:before {
    transform: rotate(90deg);
 
  }
  
  .drawer_right .modal-header .close:before, 
  .drawer_right .modal-header .close:after {
    position: absolute;
    left: 14px;

    content: " ";
    height: 16px;
    width: 2px;
    background-color: #fff;
    top: 7px;
}
  
/*  Size Chart  */
  
  .know_minbox .know_minh1 {
    padding: 10px 0 5px 0px;
    background: #cbeffc;
    text-transform: uppercase;
    margin: 0px;
    color: #000;
    font-size: 2.23529em;
    text-align: center;
  }
  
  .know_minbox .know_minh1 + .size_image {
    display: none;
  }
  
  .bold.fonthead1, .bold.fonthead {
    color: #fff;
    background-color: #808080;
    padding: 8px 10px;
    border-top: 1px solid #efefef;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #efefef;
    margin: 22px 0 0 0;
    text-align: center;
    margin-bottom: 22px;
    font-size: 17px !important;
  }
  
  .frametable{
    td{
    	border:0px;
        padding:0px;
    }
  }
  
  .frametable tbody tr td a {
    background: yellow;
    color: #000000;
    padding: 6px 10px;
    max-width: 180px;
    margin: auto;
    display: inline-block;
    width: 100%;
  }
  
 .images_vox {
    float: left;
    padding: 0;
    width: 100%;
  }
  
  .row {
    margin-right: -15px;
    margin-left: -15px;
    display:flex;
  }
  
	/*  prescription process  */
    .bundle_add {
   	  color: #fff !important;
      background-color: #f2740f;
      border-radius: 20px;
      font-size: 14px;
      font-weight:600;
      letter-spacing: 1px;
      padding: 10px 25px;
      float: right;
      margin: 10px 0 0 0;
      transform: scale(1, 1);
      will-change: transform;
/*       border-radius: 20px; */
      transition: all 180ms ease-in;
      font-family: "Open Sans", Roboto;
      text-transform: uppercase;
      margin-bottom: 5px;
      border-radius: 0px!important;
 
    }
  .bundle_add:hover{
  	background:#d1501d;
  }
  	.product_data {
  		margin-top:10px!important;
  	}
  .back_option {
    .back {
    	padding-right: 10px;
    }
    .close {
    	padding-left: 10px;
    }
  }
    .edit_btn {
      color: #0066cc !important;
      border-radius: 20px;
      font-size: 14px;
      font-weight:600;
      letter-spacing: 1px;
      font-family: "Open Sans", Roboto;
      text-transform: uppercase;
 
    }
  
  @media (min-width: 768px) {
    .col-sm-6 {
        width: 50%;
      padding-right: 15px;
      padding-left: 15px;
    } 
  }

 .template.body-full-width.collection-template-promo h1, h2, h3 {
    color: #0065ff;
    font-size: 2.23529em !important;
     font-weight: 700!important;
    text-transform: none;
    font-family: Open Sans;
 }
  
  .fontstyle {
    margin: 0 0 15px 0;
    font-size: 17px;
    color: #494747;
  }
  
 .size_S, .size_M, .size_L {
    background-color: #cbeffc;
    width: 126px;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    margin: 18px;
  }
  
  .position_of .position_ofminbox center a {
    background: yellow;
    color: black;
    padding: 6px 0;
    max-width: 180px;
    margin: auto;
    display: inherit;
  }
  
/*  Face Chart  */
  
   .glasses_for {
  	 position:relative;
  	}
  
   .face-shape-guide .glasses_for_text h2::after {
     content: "";
     left: auto;
     max-width: 100% !important;
     position: absolute;
     right: 0;
     top: 9px;
     width: 75%;
     border-bottom: 1px solid #f4c900;
     display: block;
     margin: 20px auto;
     max-width: 50px;
  }
  
  .face-shape-guide-clear {
  	display:flex;
  }
  
  @media (min-width: 1200px) {
    .col-lg-4 {
        width: 33.333333333333%;
    }
  }
  
  .glasses_for_img.inner-image .rte__no-indent {
    width: auto;
    height: 90px;
  }
  
  .glasses_for_box .glasses_for_row .box.purple-bg, 
  .glasses_for_box .glasses_for_row .box.pinkle-bg, 
  .glasses_for_box .glasses_for_row .box.orange-bg,
  .glasses_for_box .glasses_for_row .box.lightgreen-bg,
  .glasses_for_box .glasses_for_row .box.lightblue-bg  {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
    padding: 10px;
    background:white;
    
    p {
      margin: 0 0 15px 0;
      font-size: 13px;
      color: #494747;
      }
   }
  
  .face-shape-guide .box {
    border: 2px solid #0065ff;
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
    padding: 10px 5px;
    min-height: 85px;
    background: white;
  }
  
  .face-shape-guide .fun.facts.block-title-bg {
    margin-top: 30px;
    border-top: 2px solid #f4c900;
    padding-top: 25px;
  }
  
  .facts {
  	display: flex;
    flex-wrap: wrap;
  } 
  
  .proportions_min .proportions_img {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  } 
  
  .facts-shape-guide-grid {   
    
    p {
       color: #333333;
       font-size: 16px;
       font-family: "Open Sans", Roboto;
       line-height: 23px;
       position: relative;
    }
    
  }
  
/*  new styling for final results page of choose lenses  */
  
.frame-info{
	display:flex;
  	.frame-title{
  		width:100%;
        font-size: 14px;
        line-height: 1.5;
  	}
 	.frame-price{
      width: 100%;
      text-align: right;
      align-self: flex-end;
      font-size: 14px;
      line-height: 1.5;
      color:black;
    }
}
  
  
/* tablet description & modal styles */
@media screen and (max-width: 800px) {  
   .drawer_right .modal-header .close {
      top: 6%;
      right: 65px;
   }
}
  
/*  mobile description & modal styles   */
  @media screen and (max-width: 600px) {
    
    .main-content{
    	padding-bottom:0px!important;
    }
    
    .product-title {
    	text-align:center;
    }
    
    .review-badge{
    	text-align:center;
    }
    
    .product-meta--review{
    	text-align:center;
    }
    
    .inline-list {
    	text-align:center;
    }
    
    .sku-contatiner {
		display:flex;
      	justify-content:center;
    }
    
    .swatch {
      display: flex;
      justify-content: center;
      width: 100%;
    }
    
    .payment-buttons { 
    	width: 100%;
    }
    .btn--add-to-cart{
    	width: 100%;
    }
    
    .mobile-hide {
    	display:none;
    }
    
    .logo-bar{
    	margin-top:0px
    }
 
    
   	.description-container { 
      padding-top:0px;
      
      .pdpInfo > .display-flex.justify-content-between{
          flex-direction:column;
      }
      
      .fb-48{
          max-width: 100%;
      }
      
      .size-chart{
      	color: #2BA9DA!important;
      }
      
      .drawer_right .modal-header .close {
       top: 4%;
       right: 7%;
      }
      
      p {
    	font-size: 14px;
	  }
      
      table {
          max-width: 100%;
          background-color: transparent;
      }
      
      .frametable td {
      	width:60px!important;
      }
      
      .row {
      	flex-direction: column;
      }
      
      .face-shape-guide-clear {
      	flex-direction: column;
      }
      
      .face-shape-guide .glasses_for_text h2::after {
        top:18px;
      }

    }
  }
  
  .final_review {
    .note_text {
    	display:none;
    }
  }
  
/*  Imports for Product Description Styles  */
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-25, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  
  .pdpInfo .info-text, .pdpInfo .info-heading{font-size:14px;line-height:normal;}
  .pdpInfo{margin:0 auto;margin-top:0px;margin-bottom:0px;}
  .pdpInfo .presentation{width:100%;display:inline-block;margin:0;margin-bottom:0px;padding:0;text-align:center;word-wrap:break-word;margin-bottom:12px;letter-spacing:0;color:#000;text-rendering:optimizeLegibility;}
  .pdpInfo > .display-flex.justify-content-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
  .pdpInfo .fb-48{-ms-flex-preferred-size:48%;flex-basis:48%;}
  .pdpInfo .info-heading{background:#efefef;font-size:14px;margin:0;padding:10px;text-transform:capitalize;letter-spacing:1px;}
  .pdpInfo .info-text, .pdpInfo .info-heading{-webkit-box-shadow:1px 0 0 0 #d3d3d4,0 1px 0 0 #d3d3d4,1px 1px 0 0 #d3d3d4,1px 0 0 0 #d3d3d4 inset,0 1px 0 0 #d3d3d4 inset;box-shadow:1px 0 0 0 #d3d3d4,0 1px 0 0 #d3d3d4,1px 1px 0 0 #d3d3d4,1px 0 0 0 #d3d3d4 inset,0 1px 0 0 #d3d3d4 inset;padding:8px;color:#424244;-ms-flex-preferred-size:50%;flex-basis:50%;}
  .pdpInfo .info-text, .pdpInfo .info-heading{font-size:14px;line-height:normal;}
  .pdpInfo .fb-48{-ms-flex-preferred-size:48%;flex-basis:100%;}
  .pdpInfo .info-text, .pdpInfo .info-heading{font-size:12px;padding:5px;}
  .pdpInfo .info-text, .pdpInfo .info-heading{font-size:12px;padding:5px;}
  .pdpInfo .info-text, .pdpInfo .info-heading{font-size:12px;padding:5px;}
  .pdpInfo .info-text, .pdpInfo .info-heading {font-size: 12px; padding: 5px; align-items: center; display: flex; flex-wrap: wrap;}
}

/* end product section */

  .reviews-container{
  	margin-top: 20px;
    margin-bottom: 40px;
    
    .reviews-title{
       font-size: 20px;
       font-weight: 600 !important;
       text-transform: none;
       color: #0065ff;
       padding: 10px 0;
       text-align: center;
       width: 100%;
       margin-top: 30px;
       font-family: "Open Sans", Roboto;
       font-size: 2.23529em!important;
    }
  }
  
  .related-products-heading{
  	text-align:center;
	color: #0065ff!important;
    font-size: 2.23529em!important;
    font-weight: 700!important;
    text-transform: none;
    font-family: Roboto,Open Sans;
  }
.product-tax{
    font-size: 0.825rem;
	font-weight:normal;
}

@media (min-width: 768px) {
    .payment-buttons.payment-buttons--small{
      width:50%;
  }
}
button.choose-lenses.tbuton.addToCartBtn.btn.select_lense.npdi-btn {
    height: 64px;
}
@media screen and (max-width:425px){
	.logo-bar__item img {
	    height: 50px !important;
	}
}
@media (max-width: 767px){
  .product-template-section .modal-content{
    margin: 2% auto;
    padding: 16px;
    width: 96%;
    position: unset !important;
  }
  .product-template-section .face-modal{
    background: #fefefe;
  }
  .pdpInfo .face-shape-guide .main_content{
    padding-top: 0 !important;
  }
  .product-template-section .description-container .drawer_right .modal-header .close{
    top: 5px;
    right: 5px;
  }
  .pdpInfo .face-shape-guide .main_content h2 {
    font-size: 28px !important;
    line-height: 30px !important;
    text-align: left;
    margin-bottom: 10px !important;
  }
  .pdpInfo .face-shape-guide .main_content p{
    text-align: left;
  }
  .pdpInfo .face-shape-guide .glasses_for_text h2 {
    font-size: 22px !important;
  }
  .pdpInfo .face-shape-guide .glasses_for_text {
    margin-bottom: 15px !important;
  }
  .pdpInfo .face-shape-guide .glasses_for_text h2::before{
    width: 30% !important;
  }
  .product-template-section .face-shape-guide .glasses_for_text h2:after{
    width: 30% !important;
    top: 0 !important;
  }
}