/*@font-face {
font-family: 'Santral Light';
font-style: normal;
font-weight: normal;
src: local('Santral Light'), url('Taner Ardali - Santral-Light.woff') format('woff');
}*/

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;}

/*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'!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'!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*/
.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'!important;
	font-size: 14px;
	line-height: 30px;
	color: #000000;
}
.jannpaulnotes p{
	font-family: "ATypewriterForMe", "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);
	 -ms-transform: rotate(-2deg); /* IE 9 */
	transform: rotate(-2deg);
}
.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.bottom-right{
	position: absolute;
	bottom: -15%;
	right: -10%!important;
	left:auto !important;
}
.experts-pic{
	position: absolute;
	top: -20%;
	left: 50%;
	width: 40%;
}
.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;
	}
	.jannpaulnotes{
		padding: 30px;	
	}
	.sticky-tape.top-middle {
	    top: -8%;
    	left: 20%;
	}
	.sticky-tape.top-left{
		top: -7%;
		left: -7%;
		width: 25%;
	}
	.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;
	}

}
@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;
	}	
}