@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&display=swap');

/*font-family: 'Roboto Slab', serif;*/

*{padding: 0; margin: 0; box-sizing: border-box;}

.fltrt{float: right;}

.fltlt{float: left;}

figure{margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {color: #000; font-family: 'Vanitas-BoldIt'; font-weight: 400; letter-spacing: 0.2px; }

p{margin: 0 0 21px 0;color: #000;font-family: Arial, Helvetica, sans-serif;font-size: 13px;letter-spacing: 1px;line-height: 22px;}

a{color: #ae8561; text-decoration: none; outline: 0;margin: 0; padding: 0; border: 0; font-size: 15px;font-family: Arial, Helvetica, sans-serif;  cursor: pointer;}

a:hover{color: #222}

#headline, #headline2 {width: 100%; height: auto; padding: 0px; background: #fff;margin-bottom: 15px; }

#headline h1{color: #000; font-size: 42px; margin: 0px 0px; position: relative; text-transform: uppercase; font-weight: 100; letter-spacing: 0.2px; line-height: 48px; text-align: center;} 

h4.subtitle {border: 0 none; color: #000; margin-bottom: 0px; margin-top: 10px; font-weight: normal; font-size: 18px; letter-spacing: 1px; text-align: center; text-transform: uppercase;padding-bottom: 5px; clear: both;}

h3.subheading7 {text-align: justify;letter-spacing: 0.2px;font-size: 28px;    line-height: 34px; margin-bottom: 14px;    font-weight: 400; } 

.sexy_line {width: 250px; display: block; margin-top: 40px; margin-bottom: 40px;     margin-left: auto; margin-right: auto; height: 1px; background: -moz-linear-gradient(left, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 50%, rgba(51,51,51,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51,51,51,0)), color-stop(50%,rgba(51,51,51,1)), color-stop(100%,rgba(51,51,51,0))); background: -webkit-linear-gradient(left, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 50%,rgba(51,51,51,0) 100%); background: -o-linear-gradient(left, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 50%,rgba(51,51,51,0) 100%); background: -ms-linear-gradient(left, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 50%,rgba(51,51,51,0) 100%); background: linear-gradient(to right, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 50%,rgba(51,51,51,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#00333333',GradientType=1 );}

.header_icon{display:block; margin-left:auto; margin-right:auto; width:45px; padding-bottom:25px}

.clearf{width: 100%; clear: both; float: none;display: block;}

.responsive_img{max-width: 100%; height: auto; display:block}

._container{width: 100%; max-width: 1366px; padding: 0 15px;margin: 0 auto; display: block;}

._row{margin: 0 -15px;}

.w30{width: 30%; float: left;padding: 0 15px;}

.w25{width: 25%; float: left;padding: 0 15px;}

.w50{width:50%; float: left;padding: 0 15px;}

.w65{width: 70%; float: left;padding: 0 15px;}

.w70{width: 70%; float: left;padding: 0 15px;}

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

.w30, .w25, .w50, .w65, .w70{width: 100%; float: left;padding: 0 15px;}

#headline h1{font-size: 16px;}

}

/*-------

	Fonts 

---------*/



@font-face {

  font-family: 'Vanitas-BoldIt';

  src: url('../Vanitas-BoldIt/Vanitas-BoldIt.eot?#iefix') format('embedded-opentype'),

		url('../Vanitas-BoldIt/Vanitas-BoldIt.woff') format('woff'), 

		url('../Vanitas-BoldIt/Vanitas-BoldIt.ttf')  format('truetype'),

		url('../Vanitas-BoldIt/Vanitas-BoldIt.svg#Vanitas-BoldIt') format('svg');

  font-weight: normal;

  font-style: normal;

}





main{padding-bottom: 50px;}

._header{width: 100%;padding: 8px 15px; /*border-bottom: 3px solid #f3f3f3;*/ position: absolute; float: left; top: 10px;left: 0; right: 0; margin: 0 auto;z-index: 1; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

._header.sticky{/*background: linear-gradient(124deg, transparent 50%, #fff 50%);*/background: #f8f8f8 ; position: fixed;top: 0;box-shadow: 0 6px 14px 0 rgba(0,0,0,.12);}

._header .logo a{display: block;}

._header .logo img{width: 150px;}

._header nav{width: 100%; max-width: 200px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

._header.sticky nav{max-width: 270px;}

.search_input{position: relative;width: 100%;/*max-width: 230px;*/box-sizing: border-box;margin: 16px 0;display: block;}

.search_input input{ font-family: Arial, Helvetica, sans-serif;background-color: #fff;border: 0 none;border-radius: 18px;box-shadow: none;color: transparent;cursor: text;font-size: 12px;color: #444;height: 36px;line-height: 18px;padding: 7px 15px 8px 35px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;width: 100%;outline: 0;}

.sticky input{background:#e2e2e2;}

.search_input img{width: 15px;height: 15px;position: absolute;left: 13px;top: 9px;}

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

	._header.sticky nav{max-width: 200px;}

.search_input{width: 155px; float: right;margin: 0 0;}

.search_input input{height: 33px;font-size: 11px;}

._header{padding: 8px 15px;}

._header .logo img{width: 90px;}

}



.main_banner{width: 100%; height: auto;margin-bottom: 30px;}

.main_banner figure{width: 100%; height: auto; position: relative;padding-bottom: 30%;}

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

._sidebar_list ul{padding: 10px 20px; margin-bottom: 30px; background: #fafafa; border: 2px solid #EBEBEB; list-style: none;}

._sidebar_list ul li{border-bottom: 1px solid #eaeaea; padding: 0; margin: 0;line-height: 14px;}

._sidebar_list ul li:last-child{border-bottom: 0px solid #eaeaea; }

._sidebar_list ul li a{display: block; color: #000; padding: 14px 0; text-transform: none; font-size: 13px; font-weight: 400; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.2px; text-decoration: none;position: relative;}

._sidebar_list ul li a:after {content: ''; width: 7px; height: 7px; border: solid 2px #54402f; position: absolute; top: 15px; right: 0; border-left: 0; border-bottom: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);    opacity: 0.2; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}

._sidebar_list ul li a:hover:after{color: #54402f;opacity: 1;}



._sidebar_list2 {height: auto; padding: 0px; text-align: left; margin-bottom: 30px;}

._sidebar_list2 ul {margin-bottom: 10px; list-style: none;}

._sidebar_list2 ul li {border-bottom: 1px dotted #e3e3e3; }

._sidebar_list2 ul li a{text-decoration: none; color: #000; background: #fff; display: block; padding: 7px 0 7px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;text-align: center; }

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

.main_banner figure{padding-bottom: 35%}

}

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

	.main_banner figure{padding-bottom: 45%}

}

ul.lesterms{list-style-type: disc; margin-bottom: 21px;margin-left: 40px;}

ul.lesterms li{font-family: Arial, Helvetica, sans-serif; line-height: 21px; font-size: 13px; margin-bottom: 14px;}

ul.lesterms ul{list-style-type: decimal; margin-left: 40px;}

.verifi_main{width: 100%; padding-left: 50px; border-left: 1px solid #ddd; float: left;}

.notes_description { width: 100%; display: block; }

p.note {width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; margin-top: 15px;margin-bottom: 10px; font-size: 12px; letter-spacing: 1.5px; text-align: left; padding-left: 0px;}

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

	.verifi_main{padding-left: 0; border: 0}

}

/*---Colored Stone---*/

.common_stones_div{width: 100%; float: left;}

.certdisplay{border: 1px solid #c9c9c9; background: #f9f9f9; padding: 6px;    margin-left: auto; margin-right: auto; margin-top: 40px;}

.certdisplay img{margin:0 auto;}

.common_stones_div [name="flipgorilla"]{width: 700px; height: 600px; margin:0 auto;}

/*---testimonial---*/

.testimonial{margin-bottom: 20px;}

.testimonial-content {padding: 12px; position: relative; border: 1px solid #f6f6f6; background: #f4f4f4; border-radius: 4px; }

.testimonial-content h4 {padding: 10px;line-height: 1.7;color: #595959;margin-top: 7px;font-family: 'Roboto Slab', serif;padding: 0 10px 0 10px;margin: 0 0 0 0;font-size: 20px;font-weight: 100;}

.testimonial-content h4 strong{font-weight: 400}

.testimonial-content h4 p{font-weight: 100;font-size: 16px;line-height: 30px;margin-top: 15px;}

#glossary_terms p{line-height: 27px; font-size: 13px; margin: 0 0 0 0;  column-count: 4;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;}

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

	#glossary_terms p{column-count: 4;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;}

}



/*----jewelry_secs----*/

.jewelry_secs{width: 100%; margin-bottom: 25px; float: left;}

.diamond_shapes h6{font-size: 18px;font-family: 'Vanitas-BoldIt';    text-align: center; margin: 0 0 21px 0; color: #000;margin-bottom: 10px; letter-spacing: 1px;}

.diamond_shapes figure{width: 72%; height: auto; display: block; position: relative; padding-bottom: 37%; text-align: center; margin: 0 auto 50px;} 

.diamond_shapes figure img{width: 100%; height: 100%; position: absolute;top: 0; left: 0;  right: 0;margin:0 auto;}



#d_tabs{width: 100%;/* border-bottom: solid 1px #ddd; */float: left;list-style: none;}

#d_tabs li{float: left;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

#d_tabs li a{background: #f7f7f7;font-family: 'Vanitas-BoldIt'; display: block;padding: 12px 25px;color: #555;line-height: 18px;border: 1px solid #d1d7dc;border-bottom: solid 1px transparent;border-right: solid 1px transparent;font-family: 'Vanitas-BoldIt';transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;position: relative;}

#d_tabs li:last-child a{border-right: solid 1px #ddd;}

#d_tabs li.active a {padding-top: 16px;margin-top: -4px;background: #fff;border-right: solid 1px #ddd;}

#d_tabs li a:after{content: '';width: 0%;height: 2px;border-bottom: solid 1px #fff;position: absolute;bottom: -3px;left: 0;right: 0;opacity: 0;visibility: hidden;background: #fff;}



#d_tabs li.active a:after{width: 100%; opacity: 1; visibility: visible;}



.d_tabs_content {width: 100%;float: left;padding: 30px 15px;border: solid 1px #ddd;}

.d_tabs_content figure{margin-bottom: 30px;}

.d_tabs_content figure img{display: block;margin:0 auto;}

.d_tabs_content h6{margin: 0 0 21px 0; color: #000;font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 1px;}

.content-hide-tab{display: none;}

#verification_tablee tr{line-height: 26px;font-size: 14px;}

#verification_tablee tr:nth-child(1) td{border-top: 1px solid #d2af6d;background-color: white;}

/*#verification_tablee td{border-bottom: 1px solid #d2af6d;border-collapse: collapse;padding: 5px;font-family: 'Vanitas-BoldIt' !important;border-right: 1px solid #d2af6d;width: 25%;}*/
#verification_tablee td{border-bottom: 1px solid #d2af6d;border-collapse: collapse;padding: 5px;font-family: Arial, Helvetica, sans-serif;border-right: 1px solid #d2af6d;width: 25%;}

#verification_tablee td:nth-child(1), #verification_tablee td:nth-child(3) {font-weight: 700;}

#verification_tablee td:nth-child(1) {
    border-left: 1px solid #d2af6d;
}

#verification_mat_tablee tr:nth-child(1) td{border-top: 1px solid #d2af6d;}

#verification_mat_tablee td:nth-child(1) {border-left: 1px solid #d2af6d;}

#verification_mat_tablee{margin-top: 15px;font-family: 'Vanitas-BoldIt' !important;}

#verification_mat_tablee tr:nth-child(1){text-align:center; font-weight: bold;}

#verification_mat_tablee tr:nth-child(2){ font-weight: bold;}

#verification_mat_tablee tr{line-height: 25px;}

/*#verification_mat_tablee td{border-bottom: 1px solid #d2af6d;border-collapse: collapse;padding: 5px;font-family: 'Vanitas-BoldIt' !important;border-right: 1px solid #d2af6d;width: 50%;}*/
#verification_mat_tablee td{border-bottom: 1px solid #d2af6d;border-collapse: collapse;padding: 5px;font-family: Arial, Helvetica, sans-serif;border-right: 1px solid #d2af6d;}



.form-inn{width:30%;margin:0 auto;}
.form-inn input{background:#e2e2e2;}

.search_input span{
    background:#000;
    position: absolute;
    right: -38px;
    top: 0px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    }
.search_input span img {
    width: 15px;
    height: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

.form-inn span i{}

.notes_lt{width:50%;display:inline-block;float:left;padding:0 15px;}
.notes_lt img{width:100%;}
.notes_rt{width:50%;display:inline-block;float:right;padding:0 15px;}


@media only screen and (max-width: 768px){
    .notes_lt{width:100%;float:none;display:block;}
    .notes_rt{width:100%;float:none;display:block;}
}

.img-hover-zoom {

  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.img-hover-zoom img {
  transition: transform .5s ease;
}


.img-hover-zoom:hover img {
  transform: scale(1.5);
}
/* Slow-motion Zoom Container */
.img-hover-zoom--slowmo img {
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(150%);
}

/* The Transformation */
.img-hover-zoom--slowmo:hover img {
  filter: brightness(100%);
  transform: scale(3);
}












