@font-face {
font-family: 'Santral Light';
font-style: normal;
font-weight: normal;
src: local('Santral Light'), url('Taner Ardali - Santral-Light.woff') format('woff');
}
/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
font-family: 'ATypewriterForMe Medium';
font-style: normal;
font-weight: normal;
src: local('ATypewriterForMe Medium'), url('ATypewriterForMe.woff') format('woff');
}
.top-nav {
    width: 100%;
	max-width: 100%;
}
.customize-content, .menu-content{
    width: 100%;
	max-width: 1430px;
}
/*button.btn-jp-dark-border {
    border: 1px solid #000000;
	background-color:transparent!important;
	transition: .5s ease-in-out; 
	margin-top: 15px;
	width: auto !important;
	color: #000000 !important;
}
button.btn-jp-dark-border:hover,
button.btn-jp-dark-border:focus,
button.btn-jp-dark-border:active{
	color:#ffffff !important;
	background-color: #000000 !important;
	border: 1px solid #ffffff !important;
}*/
button.btn-jp-dark-border.full-width{width: 100% !important;}
ul.step-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.step-panel .custom-step{
	width: auto;
	margin: 0px 10px;
	padding: 0px;
}
ul.nav.nav-pills.step-panel li:last-child{
    text-align: center;
}
ul.nav.nav-pills.step-panel li:first-child {
    text-align: center;
}
.step-panel .custom-step:last-child {
    margin-right: 10px;
}
.nav-pills.step-panel>li+li {
    margin-left: 10px; 
}
ul.product_list.grid,
ul.product_listAll.grid {
    margin-top: 40px;
}
ul.product_listAll .product-name {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.step-panel .custom-step:before{border:none;}
#results ul.product_list.grid .product-container, ul.product_listAll.grid .product-container {
    border: 1px solid #d6d4d4;
}
ul.product_list.grid>li .product-container .product-image-container {
    border: none;
}
ul.product_list.grid>li .product-container .product-image-container a.product_img_link img {
    width: 100% !important;
    max-height: 262px;
}
#choose-setting .details-block {
    border: none;
	border-top: 1px solid #d6d4d4;
}
.product-container .left-block .product-360-container{margin-top: 0px;}
#choose-diamond .details-block {
    padding: 20px 10px;
	border-top: 1px solid #d6d4d4;
}
.result-content .nav-tabs .result-title a{height: auto;}

@media (max-width: 991px){
	.step-panel a.btn-jp{
		font-size: 14px;
	}  
	a.row.step-title.btn.btn-default.btn-jp.btn-jp-dark-border {
		width: 250px!important;
	}
.jannpaulnotes-polish.tiltright.add-top-margin {
    margin-top: 5%;
}

}

@media screen and (max-width: 1199px) and (min-width: 992px){
	.metal-item img, .step-image img {
		width: inherit;
	}
	.material [class*=col-]{
		padding-left:0px;
		padding-right:0px;
	}

}
@media screen and (max-width: 991px) and (min-width: 768px){

}

/*Custom CSS - LES - for EDUCATION MEGAMENU*/
.container-fluid.jp-education{
	padding-left: 0px;
	padding-right: 0px;	
}
.navbar.education-megamenu{z-index: 100;}
.navbar-inverse.education-megamenu {
    background-color: #ffffff;
    border-color: #ffffff;
	margin: 40px 0px;
}
.navbar-inverse.education-megamenu .navbar-collapse{padding: 0px;}
.navbar-inverse.education-megamenu .navbar-nav{
	width: 100%; 
	padding-left: 0px;
}
.navbar-inverse.education-megamenu .navbar-nav>li{
	width: 20%;
}
.navbar-inverse.education-megamenu .navbar-nav>li>a {
    color: #000000;
	width: 215px;
    border: 1px solid #000000;
	padding: 10px 20px;
	text-align:center;
}
.navbar-inverse .navbar-nav>.dropdown>a .caret{margin-left: 5px;}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}

.education-megamenu .navbar-toggle{
	float: none;
	background-color: #000000;
    border-color: #000000;
}
.education-megamenu .navbar-inverse .navbar-collapse {
    border-color: white;
}


.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 40px 0px;
    width: 100%;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li {
  list-style: disc;
  list-style-image: url(../../../img/education/bullet.png);
  margin-left: 25px;
}
.mega-dropdown-menu > li > ul > li.dropdown-header {
  list-style: none;
  margin-left: 0px;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
  font-family:'Santral Light',sans-serif !important;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
	font-family:'Santral Light',sans-serif !important;
  font-size: 18px;
  color: #000000;
  padding: 5px;
  line-height: 30px;
  font-weight: 900;
  text-transform:uppercase;
}
.dropdown-header{white-space:normal;}
.dropdown-menu .divider{background-color:#ffffff;}

.navbar-toggle{
	width: 100%;
	color:#ffffff;
}
/*Custom CSS - LES - for EDUCATION pages*/
.jannpaulnotes.top-space{margin-top: 120px;!important;}
img.squiggly-arrow{margin-top: -8%;}
.jp-education{
	text-align: left;
}
.jp-education h1, .jp-education h2, .jp-education h3{
	font-family: "Ubuntu", sans-serif !important;
	font-size: 22px;
	line-height: 27px;
}
.jp-education .row{
	margin: 75px 0px;
}
.jp-education .row.flexrow{
	display: flex;
	align-items: center;
}
.jp-education p{
	font-family: 'Santral Light',sans-serif !important;
	font-size: 14px;
	line-height: 30px;
	color: #000000;
}
.jp-education ol{
	list-style: decimal;
	list-style-position: inside;
}
.jp-education ol li {
    font-family: 'Santral Light',sans-serif !important;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
	margin-bottom: 20px;
}
.jannpaulnotes p{
	font-family: "ATypewriterForMe Medium", "Courier New" !important;
	font-size: 14px;
	line-height: 30px;
	color: #000000;
}
.education-innercontainer{
	width: 98%;
	max-width: 1420px;
	margin: 0 auto;
}
.education-topic-banner{
	background-color: #fafafa;
	height: 280px;
}
.education-topic-banner{
	background-image: url(../../../img/education/diamond-4Cs/diamond-4cs-banner.png);
	background-repeat: no-repeat;
	background-position: right center;	
	background-size: cover;
}
.education-topic-banner .education-innercontainer{
	padding-left: 30px;
	padding-top: 30px;
}
.fluid-black-row{
	background-color: #000000;
	padding: 70px 0px;
}
.fluid-black-row.no-padding{
	padding: 0px;
}
.fluid-black-row h3, .fluid-black-row p{
	color: #ffffff;
}
.jannpaulnotes{
	width: 90%;
	max-width: 750px;
	margin: 30px auto;
	padding: 70px 60px;
	position: relative;
	background-color: #ffffff;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
	-moz-box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
	box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
}
.jannpaulnotes.lesspadding{
	padding: 30px 30px;
}
.jannpaulnotes.tiltleft{
	 -ms-transform: rotate(-2deg); /* IE 9 */
	transform: rotate(-2deg);
}
.jannpaulnotes.tiltright{
	 -ms-transform: rotate(2deg); /* IE 9 */
	transform: rotate(2deg);
}
.sticky-tape.top-middle{
	position: absolute;
	top: -10%;
	left: 35%;
}
.sticky-tape.top-left{
	position: absolute;
	top: -10%;
	left: -5%;
}
.sticky-tape.top-right {
    position: absolute;
    top: -10%;
    right: -15% !important;
    margin-left: 85px;
}
.sticky-tape.top-left-big{
	position: sticky;
	top: -12%;
	left: -6%;
}
.sticky-tape.bottom-left {
    bottom: -3%;
    position: absolute;
    left: -9%;
}
.sticky-tape.bottom-right{
	position: absolute;
	bottom: -15%;
	right: -10%!important;
	left:auto !important;
}
.experts-pic{
	position: absolute;
	top: -20%;
	left: 50%;
	width: 40%;
}
.experts-pic-advice{
	position: absolute;
	top: -15%;
	right: 5%;
}
.summaryrow h4{
	background-color: #000000;
	color: #ffffff;
	text-align:center;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
    padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.summaryrow [class*=col-]{
	padding-left:0px;
	padding-right:0px;
}
.summaryrow [class*=col-] p, .ctarow [class*=col-] p{
	padding-left: 35px;
	padding-right: 35px;
}
.ctarow a.btn-jp-black{
	display:inline-block;
	text-decoration: none;
}
.gia-diamond-grader .img-overlap { /* Basics GIA page*/
    position: absolute;
    left: -68%;
	width: 75%;
}


/* DIAMOND COMPARE */
#comparison{height:auto!important;}
#comparison .total-result {margin-top: 10px;}
ul.product_list.grid.not-on-sorting>li.comparison-item:nth-child(4n), ul.product_list.grid>li.comparison-item.item-4th {
    margin-right: 30px!important; 
}

li.comparison-item{
	width: 215px !important;
	margin-top: 15px;
}
li.comparison-left-col {
    width: 136px !important;
	margin-top: 15px;
	float: left;
    position: relative;
    margin-right: 30px;
    margin-bottom: 50px;
	padding: 0px;
	overflow: hidden;
}
ul.product_list.grid>li .product-container.empty-product{
	padding-top: 20px;	
}
ul.product_list.grid>li .product-container.empty-product .product-image-container{
	border: none;
}

.comparison-content li{
    letter-spacing: normal;
    font-weight: normal;
    font-size: 14px;
	color: #7c7c7c;
	border-top: none !important;
	padding: 5px 0px !important;
	overflow: hidden;
}
ul.product_list.grid>li.comparison-item{
	margin-right: 17px!important;
}

ul.product_list.grid>li.comparison-item .product-container .product-image-container{
	 width: 215px !important;
	 height: 170px;
	 /*border: none;*/
}
ul.product_list.grid>li.comparison-item .product-container .product-image-container a.product_img_link img {
    width: auto !important;
    height: 100% !important;
}
.comparison-left-col .comparison-content li{
	color: #000000;
}

ul.product_list.grid>li.comparison-item {
    border: none !important;
    background: #ffffff !important;
}
ul.product_list.grid>li.comparison-item .product-container div.right-block a.product-name {
    height: 70px;
	padding: 10px 0px;
	text-align:left;
}
ul.product_list.grid>li.comparison-item .product-container a.product-name p{
	padding: 0px;
	color: #000000;
	word-spacing: normal;
	font-size: 14px;
}
.comparison-content li a.btn-jp-dark-border{
	font-size: 12px;
}
@media (min-width: 0px) and (max-width: 575px){
	.experts-pic{
		position: relative;
		width: 100%;
		left: 0px;
	}
	.experts-pic-advice{
		position: relative;
		right: 0;
	}
	.jannpaulnotes{
		padding: 30px;	
	}
	.sticky-tape.top-middle {
	    top: -8%;
    	left: 20%;
	}
	.sticky-tape.top-left{
		top: -7%;
		left: -7%;
		width: 25%;
	}
	.sticky-tape.top-left-big{
		top: -7%;
		left: -7%;
		width: 50%;
	}
	.sticky-tape.bottom-right{
		bottom: -5%;
		width: 30%;
	}
	.education-topic-banner{padding-top: 160px;}
	.education-topic-banner h2, .education-topic-banner p{
		width: 100%!important;
		padding: 0px 10px;
		display: inline-block;
	}
}
@media (min-width: 576px) and (max-width: 767px){
	.experts-pic{
		top: -15%;	
	}
}
@media (min-width: 0px) and (max-width: 767px){
	.navbar-inverse.education-megamenu .navbar-nav>li>a{
		width: 90%;
		margin-right: auto;
		margin-left:auto;
	}
	.navbar-nav{margin:0px;}
	.mega-dropdown-menu > li, .mega-dropdown-menu > li > ul > li{
		padding-left: 25px;
	}
	.mega-dropdown-menu > li > ul > li{
		list-style:disc;
		vertical-align: middle;
		
		margin-left: 25px;
	}
	.mega-dropdown-menu > li > ul > li a{
		display: inline-block;
		padding-left: 0px;
	}
	.jannpaulnotes{
		width: 90%;
	}
	.on-banner-text{width: 90%!important;margin-top: 0px!important;}
	.education-topic-banner .education-innercontainer{padding-top: 0px; padding-left: 0px;}
	.education-topic-banner h2, .education-topic-banner p{
		background-color: rgba(255, 255, 255, 0.6); 
		padding: 0px 10px;
		display: inline-block;
    	width: 50%;
	}
	.summaryrow [class*=col-] {
		margin-bottom: 30px;
	}
	.gia-diamond-grader .img-overlap { /* Basics GIA page*/
		position: relative;
		width: 90%;
		left: 0;
	}
	.gia-diamond-grader .sticky-tape.top-middle{
		top: -6%;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.on-banner-text{
		width: 75%!important;
		margin-top: 0px!important;
	}
	
}
@media (min-width: 768px) and (max-width: 1200px){
	.navbar-inverse.education-megamenu .navbar-nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media (max-width: 991px){
	.jp-education .row.flexrow{
		display: block;
	}
	.add-top-margin{
		margin-top: 100px;
	}
	.ctarow [class*=col-]{
		margin-bottom: 60px;
	}
	img.img-responsive.polish {
    float: right;
    margin-top: -30%;
    margin-right: 15%;
}

}
@media (min-width: 992px) and (max-width: 1300px){
	.experts-pic{
		top: -15%;
		left: 40%;
		width: 40%;
	}
	
	.on-banner-text{width: 70%!important; margin-top: -30px!important;}
	.col-md-6 .sticky-tape.top-middle{
		top: -7%;
	}
}
@media (max-width: 1200px){
	.navbar-inverse.education-megamenu .navbar-nav>li{
		width: auto;
		margin: 10px;
	}
	.education-topic-banner{
		height: auto;
		background-size: contain !important;
	}	
	.education-topic-banner .education-innercontainer {
		padding-left: 30px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.education-topic-banner{
		background-image: url(../../../img/education/diamond-4Cs/diamond-banner-small.png);
		background-position: right top;
	}	
}

@media (min-width: 992px) and (max-width: 5000px)
{
.adjacentimage.hidden-xs.hidden-sm {
    margin-top: -190px;
}
}
img.img-responsive.arrow.center-block {
    margin-top: -70px;
    position: sticky;
    float: right;
}
img.img-responsive.arrowresponsive.center-block {
    margin-top: -60px;
    position: sticky;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-block-end: auto;
}

.fa-shopping-bag
{
	display: none;
}

img.img-responsive.polish {
    float: right;
    margin: -50%;
    margin-right: -20%;
}
/* Egl css*/
.jannpaulnotes_full {
    width: 90%;
    max-width: 1050px;
    margin: 30px auto;
    padding: 70px 60px;
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
    -moz-box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
    box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
}

ul#horizontal-list li {
    float: left;
    zoom: 1;
    width: 100px;
}

.egl-pic {
    left: 70%;
    position: absolute;
    top: -25%;
    width: 40%;
}


td.partitionsection {
    padding-left: 25px;
    padding-right: 15px;
    border: 1px solid;
    padding-top: 8px;
    padding-bottom: 8px;
}

table#egldetail {
    border-collapse: collapse;
    width: 90%;
    margin-left: 5%;
}

.sticky-tape.jnfull-bottom-right {
    position: absolute;
    bottom: -10%;
    right: -2%;
}

.sticky-tape.jpfulltop-right {
    position: absolute;
    top: -10%;
    right: -4%;
}

#egldetail td {
    border: 1px solid #968b8b;
    padding: 8px;
}
/* Fancy Yellow */
.yellowfancy-pic {
    left: 50%;
    position: absolute;
    top: -8%;
    width: 40%;
}


.sticky-tape.fancyyellowbottom-right {
    bottom: -5%;
    right: -5%!important;
    position: absolute;
}

/* history of diamond origin */
.sticky-tape.originbottom-right {
    position: absolute;
    bottom: -12%;
    right: -1%;
}
.sticky-tape.origintop-right {
    top: -9%;
    position: absolute;
    right: -9%;
}
/* history of diamond mining */
.sticky-tape.miningtop-middle {
    position: absolute;
    top: -20%;
}

/* history of diamond polished */
.sticky-tape.polishedtop-right {
    position: absolute;
    top: -12%;
    right: 12%;
}


.sticky-tape.polishedbottom-left {
    position: absolute;
    bottom: -15%;
}

/* how much to spend on engagement ring */
img.img-responsive.center-block-spendonrings {
    position: absolute;
    top: 20%;
    left: -60%;
    width: 69%;
}

.sticky-tape.bottom-right-spendonrings {
    position: absolute;
    bottom: -9%;
    right: -9%!important;
    left: auto !important;
}

/* history of diamond polished */
.jannpaulnotes-polish.tiltright {
    transform: rotate(-2deg);
    width: 90%;
    max-width: 750px;
    margin: 30px auto;
    padding: 70px 60px;
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
    -moz-box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
    box-shadow: 4px 4px 8px 0px rgba(181,179,181,1);
    transform: rotate(2deg);
    margin-top: -40%;
}

/* how are diamonds formed */

.diamondformed-pic {
    right: -30%;
    position: absolute;
    top: 1%;
    width: 40%;
}

/*diamond pricing guide */

table#lefttable {
    border-collapse: collapse;
    width: 100%;
}

#lefttable td {
    border: 1px solid #968b8b;
    padding: 8px;
}

.jannpaulnotes_full.tiltleft {
    transform: rotate(-2deg);
}
.jannpaulnotes_full.tiltright {
    transform: rotate(-2deg);
}

/* css of princesscut table*/
table#threerow {
    border-collapse: collapse;
    width: 90%;
    margin-left: 5%;
}

#threerow td {
    border: 1px solid #968b8b;
    padding: 8px;
}
@media (max-width: 991px){
table#threerow {
    border-collapse: collapse;
    width: 25%;
    margin-left: 35%;
    margin-bottom: 3%;
}
}
/* pear shape diamond */
b.big-font {
    font-size: 18px;
}
#sixrow td {
    border: 1px solid #968b8b;
    padding: 8px;
}
table#sixrow {
   border-collapse: collapse;
    width: 140%;
    margin-left: -25%;
    margin-top: 20%;
}
@media (max-width: 991px)
table#sixrow {
    border-collapse: collapse;
    width: 50%;
    margin-left: 25%;
    margin-bottom: 3%;
    margin-top: -3%;
}
/*round shape diamond*/
table#fourcolumn {
    border-collapse: collapse;
    width: 100%;
    margin-top: -5%;
}
#fourcolumn td {
    border: 1px solid #968b8b;
    padding: 8px;
}
.jannpaulnotes_full.tiltright1.lesspadding {
    transform: rotate(2deg);
}

/*oval shape diamond*/
table#sixrowleft {
    border-collapse: collapse;
    width: 140%;
    margin-top: 10%;
}
#sixrowleft td {
    border: 1px solid #968b8b;
    padding: 10px;
}
@media (max-width: 991px){
table#sixrowleft {
    border-collapse: collapse;
    width: 50%;
    margin-left: 25%;
    margin-bottom: 3%;
    /* margin-top: -3%; */
}
}
.capital {
    text-transform: uppercase;
}
h3.text-left.capital {
text-transform: uppercase;
}

#threerowwide td {
    border: 1px solid #968b8b;
    padding: 8px;
}
table#threerowwide {
    border-collapse: collapse;
    width: 98%;
    margin-top: 1%;
}

/* marquise diamond shape*/
table#marquisetable {
    border-collapse: collapse;
    width: 95%;
}
#marquisetable td {
    border: 1px solid #968b8b;
    padding: 10px;
}