/** Shopify CDN: Minification failed

Line 1746:41 Expected ")" to go with "("
Line 1806:44 Expected identifier but found "0px"

**/
body { margin: 0px;
       padding: 0px;
       font-family: 'Helvetica-neue', 'helvetica neue' , 'Lato', sans-serif;
       font-weight: 400;
       letter-spacing: 0.6px;
       background: white;
       -webkit-overflow-scrolling: touch;
       overflow: hidden;
       overflow-y: auto;    
       color: black;
	  }



* { -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
   }



input[type="text"],
input[type="password"],
select,
option,
input,
button,
textarea { font-family: 'Helvetica-neue', 'helvetica neue' ,'Lato', sans-serif;
           font-weight: 400;
           outline: none;
           box-shadow: none;
           -webkit-box-shadow: none;
           -moz-box-shadow: none;  
           border-radius: 0px;
           padding: 0px;
           border: none;
  		   margin: 0;
           background: none;
           text-indent: 0px;
           letter-spacing: .4px;
           resize: none;
           -webkit-appearance: none;
           -moz-appearance: none;
           appearance: none; 
           -webkit-tap-highlight-color: rgba(0,0,0,0);
           }



input:focus,
input[type=text]:focus,
input[type=password]:focus,
div[contenteditable='true']:focus,
input:focus,
button:focus,
textarea:focus { outline: none;
                 background: none;
                 -webkit-appearance: none;
                 -moz-appearance: none;
                 appearance: none; 
                 -webkit-tap-highlight-color: rgba(0,0,0,0);
                 border: none;
				 }



input::placeholder,
::-webkit-input-placeholder {  color: rgb(180,180,180); }



input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset;
                         box-shadow: 0 0 0 30px white inset;
                         -moz-box-shadow: 0 0 0 30px white inset;
                        }




input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none; 
                                                 -moz-appearance: none; 
                                                 appearance: none; 
                                                 margin: 0; 
                                                }










/* deflaults */
div { height: auto;
      width: auto;
      position: relative;
      }



.fixed_link { height: 100%;
              width: 100%;
              position: absolute;   
              top: 0px;
              left: 0px;
              text-decoration: none;
            }



._button { cursor: pointer; }



._hide { display: none; }




/* flex */
.flex_block { height: auto;
              width: auto;
              position: relative;
            }

.flex_row_inline { display: flex;
                   flex-direction: row;
                   flex-wrap: nowrap;
                   }

.flex_row { display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            }

.flex_row_wrap { display: flex;
                 flex-direction: row;
                 flex-wrap: wrap;
                 justify-content: space-between;
                 align-items: flex-start;
                }


.flex_row_start_center { display: flex;
                         flex-direction: row;
                         justify-content: space-between;
                         align-items: center;
                        }


.flex_row_center { display: flex;
                   flex-direction: row;
                   justify-content: flex-start;
                   align-items: center;		
                  }


.flex_col { display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
           }


.flex_col_center_start,
.flex_center_col { display: flex;
                   flex-direction: column;
                   justify-content: center;
                   align-items: center;
                  }


.flex_col_center_start { align-items: flex-start; }


.flex_center_row { display: flex;
                   flex-direction: row;
                   justify-content: center;
                   align-items: center;
                  }


.flex_center_start { display: flex;
                     flex-direction: row;
                     align-items: center;
                    }

._no_wrap { flex-wrap: nowrap; }

._flex_start { justify-content:flex-start; }


._flex_space_between { justify-content: space-between; }






._clip { overflow: hidden; }


._video { overflow: hidden; }

._video video { height: 100%;
  				width: 100%;
  				position: absolute;
  				top: 0px;
  				left: 0px;
			    object-fit: cover;
			   }



/* Main body text */ 
._text { font-family: 'Helvetica-neue', 'helvetica neue' , 'Lato', sans-serif;
         font-weight: 400;
         color: black;
		 font-size: 15px;
		 letter-spacing: 1.2px;
		} 

._title { font-family: 'Helvetica-neue', 'helvetica neue' , 'Montserrat', sans-serif;
          font-weight: 600;
          color: black;
		  font-size: 25px;
		 }





/* Max width of template */
.center_block { width: 90%;
                max-width: 1150px; 
                margin: 0 auto;
              }






/* frame */
.frame { width: 100%;
         overflow: hidden;
        }


/*
.frame:not([data-padd-top='yes']),
.frame:not([data-page='home']) { padding-top: 15%; }
*/

.frame[data-padd-top],
.frame[data-page='collection'] { padding-top: 15%; }







/* ### Message Bar ### */
.message_bar { height: 70px;
  			   width: 100%;
  			   position: absolute;
  			   top: 0px;
  			   left: 0px;
  			   background: black;
  			   color: white;
  			   text-align: center;
  			   box-sizing: border-box;
  			   padding: 0px 25px;
			   font-size: 14px;
			   z-index: 900;
			 } 




._space_top { margin-top: 75px; }

















/* ### HEADER #### */
.header { padding: 40px 0px;
          position: fixed;
          z-index: 50;
          width: 100%;
          -webkit-transition: .25s ease;
          }


.menu_button { height: 12px;
               width: 16px;
               border-top: solid 2px black;
               border-bottom: solid 2px black;
               display: none;
               margin-right: 0px;
               cursor: pointer;
               position: absolute;
			   left: 0px;
				}


.menu_button:before { content: "";
                      height: 2px;
                      width: 100%;
                      position: absolute;
                      top: 50%;
                      margin-top: -1px;
                      left: 0px;
                      background: black;
                     }


.header_logo { width: 100px;
               -webkit-transition: .25s ease;
             }


.header_logo img { height: auto;
                   width: 100%;
                }



.bar_link { font-size: 15px;
            font-weight: 300;
            cursor: pointer;
			color: black;
			} 

.bar_links_wrap .bar_link:not(:first-of-type) { margin-left: 55px; }



.header._bar_3 { z-index: 905; }

.header._bar_3,
.header._bar_2 { background: white;
                 -webkit-box-shadow: 0px 0px 25px rgba(230,230,230,.75);
                 padding: 20px 0px;
                 }


.header._bar_3 .header_logo,
.header._bar_2 .header_logo { width: 70px;
							  top: 1px;
							 }



.header._bar_3._space_top,
.header._bar_2._space_top { margin-top: 0px; }



.header._underline { border-bottom: solid 1px rgb(220,220,220); }

.header._bar_3._underline,
.header._bar_2._underline { border-color: transparent; }






.menu_drop_down  { height: 16px;
  				   width: 24px;
  				   border-bottom: solid 2px black;
				   position: absolute;
  				   left: 10%;
				   cursor: pointer;
				  }




.menu_drop_down:before,
.menu_drop_down:after { content: "";
 						height: 2px;
  						width: 100%;
  						position: absolute;
  						background: black;
  						left: 0px;
  						top: 0px;
						}


.menu_drop_down:before { top: 50%;}





.menu_drop_down._close { border-bottom-color: transparent; 
  						 width: 16px;
  						 transform: rotate(45deg);
						 }




.menu_drop_down._close:after { top: 50%; }

.menu_drop_down._close:before { transform: rotate(90deg); }





.nav_col {  width: 100%; 
			color: black;
		 }


.nav_col._2 { padding-top: 2.5%; 
			  padding-bottom: 2.5%;
			}


.nav_col._2._hide { display: none; }

.nav_row .title { font-weight: bold;
  				  font-size: 14px;
				}


.nav_row .nav_link { font-size: 14px;
					 margin-top: 10px;
					}








/* ## Moible Menu ## */
.mobile_menu_wrap { height: 100%;
  					width: 100%;
  				    position: fixed;
  				    top: 0px;
  					left: 0px;
  					overflow: hidden;
  					overflow-y: auto;
  					box-sizing: border-box;
  					padding: 15%;
					z-index: 900000;
				    background: white;
					display: none;
				   }
	


.mobile_menu_link { width: 100%; }



.mobile_menu_link .bar_link { width: 100%;
							  display: block;
						      font-size: 19px;
							  color: black;
							  }



.mobile_menu_link .header__currency select.currency-picker { font-size: 19px;
															 padding: 15px 30px 15px 15px;
															 height: auto;
														   }














/* #### HOME PAGE ###
##############################
*/

.home_block._1 { height: 100vh; }

.cover_video { height: 100%;
               width: 100%;
               background: #F9F9F9;
             }

/* For cover video image */
._video_placeholder:before { content: "";
                             height: 100%;
                             width: 100%;
                             position: absolute;    
                             top: 0px;
                             left: 0px;
                             background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/ISSAI12.jpg?1090');
                             background-position: center center;
                             background-repeat: no-repeat;
                             background-size: cover;
                            }

._video_placeholder:after { content:'';
                            height: 100%;
                            width: 100%;	
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            background: white;
                            opacity: .0;
                          }
                                


.cover_video:hover:after { display: none; }


.cover_text_wrap { height: 100%;
                   width: 45%;
                   box-sizing: border-box;
                   padding: 0px 10%;
                  }



.cover_text_wrap ._title { font-size: 40px; 
                           text-align: left;
                         }




.cover_button { width: 140px;
                padding: 12px 15px;
                border: solid 2px black;
                margin-top: 25px;
                box-sizing: border-box;
              }


.cover_button img { height: auto;
                    width: 25px;
                    position: relative;
                    top: 1px;
                    margin-left: 10px;
                   } 





/* block 2: Men and womens */
.home_block._2 { margin-top: 5%;
				 box-sizing: border-box;
				 padding: 0px 5%;
				}

.home_block._2:after { content: "";
                       height: 40%;
                       width: 2px;
                       background: rgb(230,230,230);
                       position: absolute;
                       top: 30%;
                       left: 50%;
                       margin-left: 1px;
                       display: none;}


.ring_block { width: 46%; 
              /*box-sizing: border-box;
              padding: 40px 5%;
              background: #f7f7f7;
			  min-height: 200px;*/
			}


/*
.ring_block:before { content: "";
  					 height: 100%;
  					 width: 100%;
  				     position: absolute;
  					 top: 0px;
  					 left: 0px;
  					 background: white;
  					 opacity: .75;
					}


.ring_block:hover:before { display: none; }

*/


.ring_pic { height: 400px;
            width: 100%;
            position: ;
			}


.ring_pic img { height: 100%;
                width: 100%;
                object-fit: cover;
				}


.ring_text { font-size: 28px;
             color: black;
             font-weight: 600;
			 margin-top: 20px;
			 width: 100%;
			 text-align: center;
			}






/* block #3: Categories  */
.home_block._3 { padding: 10% 8%;
                 box-sizing: border-box;
                }


.category_row { width: 42%;
                margin-top: 10%;
              }


.category_row:nth-of-type(-n+2) { margin-top: 0px; }


.category_row:nth-of-type(even) { top: 100px; }

@media screen and (max-width: 1000px){
.category_row:nth-of-type(even):last-of-type { margin-bottom:10%; }
}


@media screen and (max-width: 600px){
.category_row:nth-of-type(even):last-of-type { margin-bottom:20%; }
}


.category_pic { height: 350px;
                width: 100%;
                overflow: hidden;
                background: #F9F9F9;
                box-sizing: border-box;
				}

.category_pic:hover { border: solid 0px #660000; } 

.category_pic img { height: 100%;
                    width: 100%;
                    position: absolute;
                    object-fit: cover;
                    }


.category_title { font-size: 28px;
             	  color: black;
             	  font-weight: 600;
                  margin-top: 15px;
                  }

.category_title img { height: auto;
                      width: 20px;
                      position: absolute;
                      top: 50%;
  					  transform: translateY(-50%);
                      margin-left: 25px;
                      -webkit-transition: .25s ease;
                      -moz-transition: .25s ease;
                     }


.category_title:hover img { margin-left: 35px; }








/* block 4: About */
.home_block._4 { }


.home_block._4 .center_block { overflow: hidden;
                               -webkit-box-shadow: 0px 0px 25px rgba(200,200,200,.25);
                              }



.about_video { height: 400px; 
               background: #F9F9F9;
               width: 55%;
                }

.about_video._video_placeholder:before { background-image: url(''); } 

.about_video._video_placeholder:after { display: none; }



.home_block._4 .text_wrap { width: 45%;
                            height: 400px;
                            box-sizing: border-box;
                            padding: 0px 8%;
                            } 





.home_block._5 ._text,
.home_block._4 ._text { font-weight: 300;
                        margin-top: 15px;
                        letter-spacing: .6px;
                        }




.about_button { 
                margin-top: 15px;
                font-size: 16px;
              }


.about_button img { height: auto;
                    width: 20px;
                    position: absolute;
                    top: 2px;
                    margin-left: 20px; 
                  }












/* -- block 5: customize  */

.home_block._5 { padding: 10% 0px; }
.home_block._5.melie{
  padding: 5% 0px;
}

.home_block._5 .text_wrap { width: 45%; 
                            padding-right: 10%;
                            box-sizing: border-box;
                           }




.custom_pics_wrap { width: 55%; }


.custom_pic { width: 100%;
              height: 350px;
              background: #F9F9F9;
             }

.custom_pic img { height: 100%;
                  width: 100%;
                  position: absolute;
                  object-fit: cover;
                  }




.custom_pic._2 { background: #F1F1F1; }




















/* -- block 6: newsletter */
.home_block._6 { padding: 5% 10%;
                 background: #EAE7E7;
                 box-sizing: border-box;
               }

.home_block._6 .text_wrap { padding-right: 5%; }

.home_block._6 ._title { font-size: 21px; }


.newsletter_wrap { width: 400px; }

.newsletter_wrap form { height: 100%; }

.newsletter_wrap .input { height: 50px;
                          width: 100%;
                          background: white;
                         }



.newsletter_wrap .input input:not(.submit_email) { height: 100%;
                                                   width: 100%;
                                                   position: relative;
                                                   font-size: 16px;
                                                   color: black;
                                                   text-indent: 15px;
                                                   }



.submit_email { height: 100%;
                width: 100px;
                background: black;
                text-align: center;
                color: white;
                font-size: 16px;
                position: absolute;
                top: 0px;
                right: 0px;
                 }












/* -- Lifestyle pic -- */
.home_block._7 { margin-bottom: 10%;  }

.lifestyle_pic { width: 100%;
				 /*min-height: 600px; */
				 height: 90vh;
				}

.lifestyle_pic img { height: 100%;
					 width: 100%;
					 object-fit: cover;
				     position: absolute;
					 top: 0px;
					 left: 0px;
					}



.home_block._7 .center_block { max-width: 1800px;
  							   width: 100%;
								}



.banner_text { height: 100%;
  			   width: 100%;
  			   position: absolute;
  			   top: 0px;
  			   left: 0px;
  			   color: white;
  			   text-align: center;
  			   font-size: 50px;
			  } 









/* ## FOOTER ####
#########################
*/
.footer { background: black;       
          color: white;
          z-index: 20;
		}


.foot_col._1 { padding: 12% 0px; }


.foot_logo { height: auto;
             width: 200px;
             }


.foot_logo img { height: auto;
                 width: 100%;
                }


._copy,
.foot_link { font-size: 12px; }

.foot_col._1 .foot_link:not(:first-of-type) { margin-top: 10px; }


.foot_col._1 .foot_link:first-of-type { color: lightgrey; 
										text-decoration: underline;
										}

.foot_links_row:not(:first-child) { margin-left: 75px;  }


.foot_col._2 { padding: 0px 0px 3% 0px; }


.foot_col._2 .foot_links_row .foot_link:not(:first-of-type) { margin-left: 50px;}














/* -- ## Pop up ## -- */
.popup_wrap { height: 100%;
              width: 100%;
              position: fixed;
              z-index: 9000;
              top: 0px;
              left: 0px;
              overflow: hidden;
              background: rgba(155,155,155,.65);
			 }



.close_popup { height: 30px;
               width: 30px;
               position: absolute;  
               top: 5%;
               right: 5%;
               -webkit-transform: rotate(45deg);
               cursor: pointer;
             }


.close_popup:before,
.close_popup:after { content: "";
                     height: 60%;
                     width: 2px;
                     background: white;
                     position: absolute;
                     top: 20%;
                     left: 50%;
                     margin-left: -1px;
                     }


.close_popup:before { -webkit-transform: rotate(90deg); }



.search_block { height: 65px;
                width: 90%;
                max-width: 600px;
                background: white;
                border-radius: 5px;
                -webkit-box-shadow: 0px 0px 25px rgba(245,245,245,.65);
                overflow: hidden;
                }




.search_block input { height: 100%;
                      width: 100%;
                      position: absolute;
                      font-size: 16px;
                      padding: 0px 20px;
                      box-sizing: border-box;
                      }



.search_block button { height: 100%;
                       position: absolute;
                       top: 0px;
                       right: 0px;
                       padding: 0px 25px;
                       background: black;
                       color: white;
                       font-size: 16px;
                       cursor: pointer;
                      }











/* -- #### Collections Page ##### - */
.collection_title { font-size: 40px; }



.collection_block._2 { padding-bottom: 5%; }

















/* -- ### Product Page ## -- */
.product_pic_wrap { height: 100%;
					width: 50%;
  					position: fixed;
  				    top: 0px;
  				    left: 0px;
					z-index: 2;
					padding-right: 10%;
					box-sizing: border-box;
					}


.product_pic_wrap._pos_2 { position: absolute; }



.main_pic_wrap, 
.main_product_pic { height: 100%;
  					width: 100%;
  					position: absolute;
				    }

.main_pic_wrap { padding-left: 15%; }


.main_product_pic:not(:first-of-type) { display: none; }



.pic_reel_block img,
.main_product_pic img { height: 100%;
  						width: 100%;
  						position: absolute;
  						object-fit: cover;
                      }





.pics_reel_wrap { height: auto;
  				  width: auto;
  				  position: absolute;
  				  left: 3.5%;
  				  top: 50%;
  				  -webkit-transform: translateY(-50%);
                  overflow: hidden;
				  font-size: 0px;
				  line-height: 0px;
				 }


.pic_reel_block { height: 60px;
  				  width: 60px;
  				  overflow: hidden;
				  -webkit-transition: .25s ease;
				  cursor: pointer;
				  box-sizing: border-box;
				}


.pic_reel_block:not(:first-of-type) { margin-top: 10px; }

.pic_reel_block img { }



.pic_reel_block._on_block { border: solid 2px rgb(10,10,10); }



  
  
  
 .product_details_wrap { width: 100%;
   						 box-sizing: border-box;
   						 padding-left: 60%;
 						 padding-right: 5%;
 						}
  
  
  

.product_details_wrap > div { padding: 0px 10%;
							  max-width: 700px;
							  margin: 0 auto;
							  margin-top: 35%; 
							  }
  



  




.product_icon_wrap { padding: 20px 0px;
					 border: solid 1px rgb(210,210,210);
					 border-left: 0px;
					 border-right: 0px;
					 margin-bottom: 20px;
					}


.product_icon_block:not(:first-of-type) { margin-top: 10px; } 

.product_icon_block img { height: auto;
  						  width: 20px;			
						 }


                         
.product_icon_block div { font-size: 13px; 
  						  color: black;
						  text-transform: capitalize;
						  margin-left: 10px; 
						 }



.quantity-selector { margin-top: 25px; }





/* reviews section */
.reviews_wrap { padding-top: 5%; }





  
 

/* recently viewd */
.recently_viewed_wrap { padding: 5% 0px 10% 0%; }

.recent__wrapper ._title { font-size: 26px;
  						   text-align: center;	
						   font-weight: 600;
						   font-family: "helvetica-neue", "helvetica neue";
						 }


.recent_wrap { max-width: 1150px;
  			   margin: 0 auto;
			 }
  
  
  
 .viewed_block { width: 22%;
   				 box-sizing: border-box;
   				 border: solid 0px rgb(230,230,230);
   				 background: white;
 				 overflow: hidden;
 				}
  

.block_pic { height: 160px;
  			 width: 100%;
			}




.block_name  { width: 100%;
  			   padding: 5% 8%;
  			   font-size: 19px;
  			   color: black;
			   text-align: center;
			  }
  			   
  
  
.info_section { max-width: 300px;
				margin: 0 auto;
				margin-top: 30px;
			   }

















/* about page 
----------------------------
----------------------------
----------------------------
----------------------------
*/



._cover { width: 100%;}

.about_block._1 { padding: 14% 0px; }


.about_block .cover_video { width: 100%;
                            height: 100%;
                            position: absolute; 
                            top: 0px;
                            left: 0px;
                          }


.about_block .cover_video video { height: 100%;
                                  width: 100%;
                                  position: absolute;
                                  object-fit: cover;
                                }



.about_block._1 .center_block { text-align: center;
                                color: white;
                               }

.about_block._1 ._title { font-size: 40px;}

.about_block._1 ._text { font-size: 25px;
                         margin-top: 10px;
                        }




.about_block._2 { padding: 10% 0px; }



.about_block._2 .block_row._1 { width: 45%; }



.about_block._2 .block_row._1 ._title { font-size: 40px; 
  									    display: none; 
									   }


.about_block._2 .block_row._1 ._text { font-size: 16px;
                                       line-height: 25px;
                                       font-weight: 400;
                                       }


.block_video,
.about_block._2 .block_row._1 ._text:not(:first-of-type) { margin-top: 15px; }


.about_block._2 .block_row._1 ._text:first-of-type { margin-top: 0px; }


.block_video iframe { width: 100%; }




.about_block._2 .center_block._2 { margin-top: 10%; }


.about_block._2 .block_row._2 { width: 32%;
                                background-color: #F3F3F9;
                                padding: 120px 0px;
                               }


.about_block._2 .block_row._2 ._title { text-align: center;
                                        color: white;
                                        font-size: 25px;
                                        text-shadow: 0px 0px 20px rgba(100,100,100,.55);
                                       }


.block_row_pic { height: 100%;
                 width: 100%;
                 position: absolute;
                 top: 0px;
                 left: 0px;
                 vertical-align: top;
                 overflow: hidden;
                }


.block_row_pic img { height: 100%;
                     width: 100%;
                     position: absolute;    
                     object-fit: cover;
                     }



.about_block._2 .block_row._2:hover ._title { color: black; }

.about_block._2 .block_row._2:hover .block_row_pic { display: none; }

























/* ring sizer page styling 
----------------------------
----------------------------
----------------------------
----------------------------
*/
.sizing_block:not(:first-of-type) { margin-top: 10%; }

.sizing_block._1 { padding: 12% 0px; }


.cover_pic { height: 100%;
             width: 100%;
             position: absolute;    
             top: 0px;
             left: 0px;
             vertical-align: top;
             overflow: hidden;
             }

.cover_pic img { height: 100%;
                 width: 100%;
                 position: absolute;    
                 object-fit: cover;
                }



.sizing_block._1 ._title { text-align: center;
                           font-size: 40px;
                           color: white;
                           text-shadow: 0px 0px 25px rgba(150,150,150,.6);
                         }


.sizing_block:not(._1) ._title { margin-bottom: 20px; }


.sizing_block._2 .flex_block._1 { width: 50%; }

.sizing_block .block_pic { height: auto; }

.sizing_block._2 .block_pic { width: 100%; }

.sizing_block._2 .block_pic img { height: auto;
                                  width: 100%;
                                }


.sizing_block._2 .flex_block._2 { width: 40%; }


.sizing_block ul { padding: 0px;
                   margin: 0px;
                 }

.sizing_block ul li { font-size: 16px;
                      font-weight: 400;
                      letter-spacing: .8px;
					 }


.sizing_block ul li:not(:first-of-type) { margin-top: 15px; }


.sizing_block .block_icon { width: 70px;
                            margin-bottom: 20px;
                           }

.sizing_block .block_icon img { width: 100%; }



.block_video iframe { width: 100%; }



/* charts */
.chart_wrap { width: 100%; }

.chart_col { width: 100%;
             padding: 20px 20px;
             box-sizing: border-box;
             }

.chart_col._grey_col { background: #F5F5F5; }

.chart_row { font-size: 15px; }

.sizing_block .chart_row._row_title { width: 15%; }

.chart_row:not(._row_title) { text-align: center; }

.chart_row._row_title { text-align: left; }


.sizing_block .chart_row_wrap { width: 70%; }


.sizing_block .chart_wrap._1 .chart_row_wrap .chart_row { width: 10%; }

.sizing_block .chart_wrap._2 .chart_row_wrap .chart_row { width: 4%; }






/* tips */
.sizing_block._5 { background: #F5F5F5;
                   padding: 10% 0px;
                   }


.sizing_block._5 ._title { text-align: center; }


.tips_wrap { margin-top: 5%; }


.tip_block { width: 28%; } 

.tip_icon { height: 80px;
            width: 80px;
            vertical-align: top;
            margin: 0 auto;
            }

.tip_icon img { width: 100%;
                height: 100%;
                object-fit: contain;
                position: absolute;
                }



.tip_block ._text { font-weight: 400;
                    font-size: 14px;
                    line-height: 18px;
                    text-align: center; 
                    width: 90%;
                    margin: 0 auto;
                    margin-top: 15px;}





/* unsure */
.sizing_block._6 { padding-bottom: 10%; }

.sizing_block._6 ._text { max-width: 720px;
                          text-align: center;
                          font-size: 14px;
                          line-height: 21px;
                          font-weight: 400;
                         }




















/* finance page
----------------------------
----------------------------
----------------------------
----------------------------
*/

.finance_block:not(:first-of-type) { margin-top: 10%; }

.finance_block._1 { padding: 12% 0px; }


.cover_pic { height: 100%;
             width: 100%;
             position: absolute;    
             top: 0px;
             left: 0px;
             vertical-align: top;
             overflow: hidden;
             }

.cover_pic img { height: 100%;
                 width: 100%;
                 position: absolute;    
                 object-fit: cover;
                }



.finance_block._1 ._title { text-align: center;
                            font-size: 40px;
                            color: white;
                            }


.finance_block:not(._1) ._title { margin-bottom: 20px; }


.finance_block._2 .flex_block._1 { width: 50%; }

.finance_block .block_pic { height: auto; }

.finance_block._2 .block_pic { width: 100%; }

.finance_block._2 .block_pic img { height: auto;
                                   width: 100%;
                                  }


.finance_block._2 .flex_block._2 { width: 40%; }


.finance_block._6 ._text,
.finance_block._2 ._text { font-size: 15px;
                           font-weight: 400;
                           line-height: 22px;
                        }



.finance_block._4,
.finance_block._5 { margin-top: 5%; }


.finance_block._chart_block .text_wrap ._text { font-weight: 400;
                                                font-size: 15px;
                                                margin-top: 7px;
                                                margin-left: 2%;
                                              }



.finance_block._4 { background: #F5F5F5;
                    padding: 5% 0px;
                  }


.finance_block._4 .chart_col._grey_col { background: white; }


/* charts */
.chart_wrap { width: 100%; }

.chart_col { width: 100%;
             padding: 20px 20px;
             box-sizing: border-box;
             }

.chart_col._grey_col { background: #F5F5F5; }

.chart_row { font-size: 15px;
             text-align: center;
             width:auto;
             flex-grow: 1;
            }




/* how to request a plan */
.finance_block._6 .text_wrap._2 { background: #F5F5F5;
                                  width: 50%;
                                  box-sizing: border-box;
                                  padding: 35px;
                                  }


.finance_block._6 .text_wrap._1 { width: 45%; }


.finance_block._6 .text_wrap._2 ul { list-style: none;
									 margin: 0px;
									}


.finance_block._6 .text_wrap._2 li { font-size: 15px;
                                     font-weight: 300;
                                     padding-left: 30px;
									}

.finance_block._6 .text_wrap._2 li:not(:first-of-type) { margin-top: 2.5%; }

.finance_block._6 .text_wrap._2 img { height: 12px;
                                      width: auto;
                                      position: absolute;
                                      left: 6%;
									  }





/* remaining sections */
.section_block { width: 100%;
                 border-bottom: solid 1px #EBEBEB;
                 padding-bottom: 5%;
                 }


.section_block:not(:first-of-type) { margin-top: 5%; }

.section_block:last-of-type( border: none; )


.section_content { margin-top: 5%; }

.section_content ._text { font-weight: 400; }

.section_content ol,
.section_content ul { margin: 0px;
  					  margin-top: 20px;
					 }

.section_content ol ul,
.section_content ol ol { margin-left: 10px; }

.sub_content { margin-top: 25px;
               box-sizing: border-box;
               border-bottom: solid 1px #EBEBEB;
               width: 95%;
               left: 5%;
               padding-bottom: 25px;
               }

.sub_content:last-of-type { padding-bottom: 0px;
                            border: 0px;
                           }


.sub_content ._title { font-size: 19px; }


.sub_content ._text { line-height: 21px; }


.finance_block._7 li { font-size: 14px; }


.section_block._1 li:not(:first-of-type),
.sub_content li:not(:first-of-type) { margin-top: 10px; }














/* contact page
----------------------------
----------------------------
----------------------------
----------------------------
*/

.contact_block._1 { padding: 200px 0px 10%; 0px; }


.contact_block._1 .text_wrap ._title,
.contact_block._1 .text_wrap ._text { text-align: center; }

.contact_block._1 .text_wrap ._text { max-width: 500px;
                                      margin-left: auto;
                                      margin-right: auto;
                                      margin-top: 5px;
                                    }




.contact_block .icons_wrap { max-width: 700px;
                            margin: 0 auto;
                            margin-top: 5%;
                          }

.contact_block .icons_wrap .icon { width: 60px; 
								   height: auto;
								  }

.contact_block .icons_wrap .icon img { width: 100%; }

.contact_block .icon_block ._title { font-size: 18px; 
                                     margin-top: 20px;
                                   }








/* careers page
----------------------------
----------------------------
----------------------------
----------------------------
*/
.career_block._1 { padding: 10% 0px; } 

.career_block._1 ._title { font-size: 22px; }


.career_block._1 ._text._2 { margin-top: 10px; }

.career_block._1 ._text._2 img { width: 20px;
								 margin-right: 10px;
								 }


.career_block ul { margin-bottom: 0px; }










/* Secondary page [ returns ]
----------------------------
----------------------------
----------------------------
----------------------------
*/

.plain_block._1 { padding: 10% 0px; }

.plain_block ul { margin-bottom: 0px; }

._padd_top { padding-top: 15%; }



















/* ----- Custom co create page 
-------------------------------
-------------------------------
*/


.frame._custom .center_block { max-width: 1350px;
							   padding-bottom: 5%;
							  }


.frame._custom .left_panel { width: 60%;
                             height: 550px;
                            }

.frame._custom .right_panel { width: 40%;
                              box-sizing: border-box;
                              padding-left: 2.5%;
                              height: 550px;
                            }


.frame._custom form { height: auto; 
                      width: 100%;
                    position: relative;
                    }


.panel_pic { background: #F7F7F7;
             height: 100%;
             overflow: hidden;
            }

.panel_pic img { height: 100%;
                 width: 100%;
                 position: absolute;
                 object-fit: cover;
                 top: 0px;
                 }

.panel_pic._1 { width: 60%; }


.panel_pic._2 { width: 38.5%;
                background: none;
                justify-content: space-between;
              }

.panel_pic._2 div { width: 100%;
                    height: 49%;
                    background: #F8F8F8;
                    }







/* block 2 */
.panel_section { height: 80%; 
                 overflow-y: auto;
                }




.form_section { width: 100%;
                border-bottom: solid 1px #EBEBEB;
                box-sizing: border-box;
                }

.form_section:last-of-type { border-bottom: none; }


.section_label { font-size: 19px;
                 color: rgb(50,50,50);
                 width: 100%;
                 cursor: pointer;
                 box-sizing: border-box;
                 padding: 7% 0%;
                 }

/*
.form_section._1 .section_label { padding-top: 0px; }
*/


.form_section._active { padding-bottom: 7%; }

.form_section._active .section_label { padding-bottom: 0%; }

.section_label:not(._panel_price):before { content: "";
                                           height: 18px;
                                           width: 18px;
                                           background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/down-arrow.svg?v=1585866296');
                                           background-size: contain;
                                           background-position: center center;
                                           background-repeat: no-repeat;
                                           position: absolute;
                                           top: 50%;
                                           right: 2.5%;
                                           transform: translateY(-50%);
                                           opacity: .55;
                                           transition: .25s ease;
                                          }



._active .section_label:before { transform: translateY(-50%) rotate(180deg);}

.section_label:not(._panel_price) div { margin-top: 5px;  
                                        font-size: 12px;
                                        width: 60%;
                                      }


.inputs_wrap { width: 100%;
               justify-content: space-between;
               display: none;
               animation: fadeIn .25s ease;
               margin-top: 5%;
               box-sizing: border-box;
                }


.form_section._active .inputs_wrap { display: flex; }


@-webkit-keyframes fadeIn {
    
    0% { opacity: 0; }
    100% { opacity: 1; }
    
}/*end*/


/* input container */
.input_label_wrap { box-sizing: border-box; }


.input_label_wrap._twos { width: 45%; }


.input_label_wrap._threes { width: 30%; }

.input_label_wrap._fours { width: 20%; }

.input_label_wrap input[type='radio'] { display: none; }

.input_label_wrap input[type='radio'] + label { cursor: pointer;
                                                text-align: center;
                                                box-sizing: border-box;
                                                width: 100%;
                                               }


.inputs_wrap._lines label { /*border: solid 1px rgb(100,100,100); */
                            padding: 10% 0px;
							}


.input_label_wrap input[type='radio']:checked + label { opacity: .25;}

.input_label_wrap .input_icon { height: 30px;
                                width: 30px;
                                margin: 0 auto;
                                background-size: contain;
                                background-position: center center;
                                background-repeat: no-repeat;
                                margin-bottom: 10px;
                                }

.input_label_wrap .input_label { width: 100%;
                                 color: rgb(50,50,50);
                                 font-size: 14px;
                                 text-align: center;
                               }


.inputs_wrap._lines .input_label { font-size: 16px; }


.form_section._bodyShape .input_icon { display: none; }




.input_label_wrap .input_icon._pear { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/pear_8763bc19-1cd2-4045-b426-355aad7ef735.svg?3287'); }

.input_label_wrap .input_icon._oval { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/oval_c31dc47e-5586-499c-b062-bcfbb5edbea6.svg?3287'); }

.input_label_wrap .input_icon._emerald { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/emerald_cb56583b-be5f-42f5-94e6-a9111b3c5c05.svg?3287'); }

.input_label_wrap .input_icon._cushion { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/cushion_390111f3-c8e7-43f7-82a8-a8441af01763.svg?3287'); }

.input_label_wrap .input_icon._round { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/round_ab062179-706a-4527-b0cb-e36346331e55.svg?3287'); }


.input_label_wrap .input_icon._white { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/white.svg?3287'); }

.input_label_wrap .input_icon._champaign { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/champaign_aa9840ca-9a9e-4857-ae57-26a45b32bb70.svg?3287'); }



.input_label_wrap .input_icon._claw._4 { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/4-claw.svg?3287'); }

.input_label_wrap .input_icon._claw._6 { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/6-claw.svg?3287'); }

.input_label_wrap .input_icon._bezel { background-image: url('https://cdn.shopify.com/s/files/1/0074/6582/8449/files/bezel_0fae98fa-af45-428c-b4b5-521931ccffd0.svg?3287'); }




.input_icon._rose_gold { /*background: #B76E79;*/
						background: rgb(183,110,121);
						background: linear-gradient(180deg, rgba(183,110,121,1) 0%, rgba(154,86,96,1) 51%);
						border-radius: 50%; }

.input_icon._yellow_gold { /*background: #FFDF00;*/
						   background: rgb(255,223,0);
						   background: linear-gradient(180deg, rgba(255,223,0,1) 0%, rgba(213,187,3,1) 51%);
						   border-radius: 50%;}

.input_icon._white_gold { /*background: #C0C0C0;*/
						  background: rgb(192,192,192);
						  background: linear-gradient(180deg, rgba(192,192,192,1) 0%, rgba(164,164,164,1) 51%);
						  border-radius: 50%;}

._ring_size select { width: 100%;
                     border: solid 1px rgb(100,100,100);
                     font-size: 14px;
                     color: rgb(50,50,50);
                     padding: 5%;
                     cursor: pointer;
                    }


._ring_size:after { content: "";
                    border-left: solid 10px transparent;
                    border-right: solid 10px transparent;
                    border-top: solid 10px rgb(100,100,100);
                    position: absolute;
                    right: 5%;
                    top: 50%;
                    transform: translateY(-50%);
                }


._ring_size select option { width: 100%; }

.estimate_price { font-size: 30px;
                  width: auto;
                 }

.inputs_wrap.input_block textarea,
.inputs_wrap.input_block input { height: 50px;
                                 width: 100%;
                                 border: solid 1px rgb(100,100,100);
                                 box-sizing: border-box;
                                 padding: 10px 15px;
                                 font-size: 14px;
                                 color: rgb(50,50,50);
                                }



.inputs_wrap.input_block textarea { height: 120px; }



.panel_foot { z-index: 1;
              background: white;
              width: 100%;
              height: 20%;
              border-top: solid 1px #EBEBEB;
              justify-content: flex-end;
             }


._panel_price { margin-bottom: 5%;
                padding: 0px;
                }


.panel_foot .section_label div { font-size: 16px; }


.panel_foot input[type='submit'] { width: auto;
                                   color: white;
                                   background: black;
                                   font-size: 13px;
                                   padding: 12px 15px;
                                   cursor: pointer;
                                   text-transform: uppercase;
                                   }


.panel_foot input[type='submit']:hover { opacity: .75; }















