@charset "utf-8";
/* CSS Document */
/*@import url(css/opensansfonts.css?family=Open+Sans:400,300,700);*/
@import url(opensansfonts.css);
@font-face {
    font-family: 'Charter';
    src: url('../fonts/charter_bold-webfont.eot');
    src: url('../fonts/charter_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charter_bold-webfont.woff2') format('woff2'),
         url('../fonts/charter_bold-webfont.woff') format('woff'),
         url('../fonts/charter_bold-webfont.ttf') format('truetype'),
         url('../fonts/charter_bold-webfont.svg#charterbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Charter';
    src: url('../fonts/charter_regular-webfont.eot');
    src: url('../fonts/charter_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charter_regular-webfont.woff2') format('woff2'),
         url('../fonts/charter_regular-webfont.woff') format('woff'),
         url('../fonts/charter_regular-webfont.ttf') format('truetype'),
         url('../fonts/charter_regular-webfont.svg#charterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  src: local('Avenir'), url(../fonts/Avenir-Book.woff2) format('woff2');
}
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 300;
  src: local('Avenir Light'), local('AvenirLight'), url(../fonts/Avenir-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 500;
  src: local('Avenir Medium'), local('Avenir Medium'), url(../fonts/Avenir-Medium.woff2) format('woff2');
}
img {
	max-width:100%;
	height:auto;
}
body,
html {
	height:100%;
	color:#000000;
	font-family: 'Avenir', sans-serif;
	
  /*  -webkit-touch-callout: none;*/  /* iOS Safari */
  /*  -webkit-user-select: none;  */  /* Chrome/Safari/Opera */
  /*  -khtml-user-select: none;   */  /* Konqueror */
  /*  -moz-user-select: none;     */  /* Firefox */
  /*  -ms-user-select: none;      */  /* Internet Explorer/Edge */
  /*  user-select: none;          */  /* Non-prefixed version, currently
                                  not supported by any browser */
								  


}

body {overflow-x: hidden;}
.landing-section {
	height:100%;
	/*background:url(../images/lonite-home-page-banner.jpg) 50% 0 no-repeat;*/
	background-size:cover;
	text-align:center;
	padding-bottom:96px;
}

.landing-page-section {
	height:100%;
	/*background:url(../images/lonite-home-page-banner.jpg) 50% 0 no-repeat;*/
	background-size:cover;
	text-align:center;
	padding-bottom:96px;
}

.listHorizontal li {
    margin: 0;
    padding: 0;
    list-style-type: circle;
    text-decoration: line-through
}

.destable {
	display:table;
	width:100%;
	height:100%;
}
.table-row {
	display:table-row;
}
.table-cell {
	display:table-cell;
	vertical-align:top;
	
}
.landing-section .shortdescription {
	font-size:24px;
	color:#000000;
	line-height:22px;
	max-width:600px;
	padding:0 0 30px;
	margin:0 auto;
}

.landing-section .shortdescription strong{
	font-size:26px;
}

.landing-section .logo {
	padding:0px 0 10px;
	
}
.landing-section .logo-icon{padding-top:127px; }
.landing-section .startbox {
	font-family: 'Charter';
	font-size:48px;
	color:#000000;
	position:static;
	left:0;
	right:0;
	bottom:135px;
}
.landing-section .startbox a {
	color:#000;
	padding-bottom:22px;
	background:url(../images/start-arrow.png) 50% 100% no-repeat;
	font-weight: 600;
}
.landing-section .startbox a:hover {
	text-decoration:none;
}
.header {
	position:absolute;
	bottom:0;
	background:#fff;
	z-index:15;
	padding:0 15px;
	left:0;
	right:0;
	height:66px;
	border-bottom:1px solid #737373;
	border-top:1px solid #737373;
}
.in-page-header {
	background:#000;
	opacity:0.7;
	padding:0 5px;
	height:66px;
	border-bottom:1px solid #000;
}
.header.navbar-fixed-top {
	position:fixed;
	bottom:auto;
	top:20px;
}
.header ul {
	padding:0;
	list-style:none;
	margin:0;
}
.header ul li {
	float:left;
	width:50%;
	position:relative;
	padding:7px 0;
	font-size:22px;
	color:#020200;
	font-family: 'Charter';
	line-height:50px;
	text-align:center;
	left:-8px;
}
.header ul li:hover {
	background-color:#000;
	margin-top:-1px;
	margin-bottom:-1px;
	color:white;
}
.move-up-5{position:relative;bottom:5px;}

.move-up-5-1{position:relative;bottom:5px;}

.header ul li:hover  .main-menu-a{
	color:white;
}
.header ul li:hover  .main-menu-a,.header ul li:hover  {
	color:white;
}
.header ul li .order-sub-menu li:hover {
	margin-top:0;
	margin-bottom:0;
}
.header ul li .order-sub-menu li:hover  a{
	color:white;

}
.header ul .current-page-active{	border-bottom:3px solid #000;}
.header ul .current-page-active:hover{		
	margin-top:0;
	margin-bottom:0;
}

.header ol li {
	float:left;
	padding:0;
	font-size:15px;
	font-family: 'Charter';
	line-height:50px;
	text-align:center;
}
.in-page-tab  {
	padding:10px 0;
}
.in-page-tab li {
	float:left;
	width:16%;
	position:relative;
	list-style: none;
}
.in-page-tab-company  {
	padding:10px 0;
}
.in-page-tab-company li {
	float:left;
	width:20%;
	position:relative;
	list-style: none;
}
.in-page-tab-diamond  {
	padding:10px 0;
}




.in-page-tab-diamond li {	
	float:left;
	width:12.5%;
	position:relative;
	list-style: none;
}
.in-page-tab-landing  { 	
	padding:10px 0;
}
.in-page-tab-landing li {	
	float:left;
	width:13.5%;
	position:relative;
	list-style: none;
}
.in-page-tab-landing li.wider {	
	width:26%;
}
.in-page-tab-landing li.wider1 {width:20%;}

.in-page-tab-landing li.wider2 {width:25%;}

.nav-right-wrapper li.wider {	
	width:22%;
}
.nav-right-wrapper li.wider1 {	
	width:11%;
}
.in-page-tab-tech  { 	
	padding:10px 0;
}
.in-page-tab-tech li {	
	float:left;
	width:25%;
	position:relative;
	list-style: none;
}
.in-page-tab-price  { 	
	padding:10px 0;
}
.in-page-tab-price li {	
	float:left;
	width:25%;
	position:relative;
	list-style: none;
}

.in-page-nav li a {
	color: #999;
	text-decoration:none;
}
.in-page-nav li a:hover{
	color: grey;
}

.none-visibility{
  opacity: 0;
 }
 .site-default-nav,.in-page-nav,.nav-in-page{ 
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;

}



.in-page-nav1 li a {

	color: #999;

	text-decoration:none;

}

.in-page-nav1 li a:hover{

	color: grey;

}



.in-page-nav1{ 

  -o-transition: opacity 1s linear;

  transition: opacity 1s linear;

-o-transition-delay: 0.6s;

transition-delay: 0.6s;



}



#in-page-nav-item-list {z-index:25;}
#in-page-nav-item-list a{
	color:#999;
	font-family:Avenir;
	text-decoration:none;
	-o-transition: color 1s linear;
	transition: color 1s linear;

}
#in-page-nav-item-list a:hover{
	color: #CCCCCC;
}

a.in-page-nav-active {
    color:#CCCCCC !important;
	border-bottom:2px solid #CCCCCC;
}

.header ul li a , .header ul a  li{
	color:#020200;	
}

.header ul a:hover {
	color:#777;
	text-decoration:none; 
}

.header .row .col-sm-5 > ul > li > a:hover{color:#777;text-decoration:none;}
.header ul a li span, .header ul li a span {
	font-size:120%;
	vertical-align:baseline;

}
.header ol li a span {
	font-size:120%;
	vertical-align:baseline;

}
.header ul li ul {
	z-index:20;
	list-style:none;
	position:absolute;
	bottom:100%;
	left:0;
	display:none;	
	padding:0 0 36px;
}
.header ul li:hover ul {
	display:block;
}
.logo-bottom ul li ul {
	top:100%;
	bottom:auto;
	padding:36px 0 0;
}

.header ul li ul:after {
	position:absolute;
	content:"";
	bottom:7px;
	left:46%;
	width:53px;
	height:31px;
	margin-left:-26px;
	background:url(../images/top-arrow.png) 0 0 no-repeat;
	transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
}
.logo-bottom ul li ul:after {
	bottom:auto;
	top:7px;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
.header ul li ul li {
	width:100%;
	border:1px solid #424242;
	border-top:0;
	border-bottom:0;
	padding:0 35px;
	background:#ffffff;
}

.header ul li ul li + li a {
	border-top: 1px solid #424242;
}
.header ul li ul li:first-child {
	border-top: 1px solid #424242;
}
.header ul li ul li:last-child {
	border-bottom: 1px solid #424242;
}

.header ul li ul li a{
	display:block;
	padding:7px 0;
}
.logo-header {
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transition:transform 0.5s ease-in-out;
    max-width: 95px;
}

.logo-size {
	width:90%;	
}
.logo-size-small {width:40px;	}

.logo-header .nav-logo{
	display:none;
}

.logo-header .logo-text img {
	max-height:79px;
}
.logo-header .logo-text  {
	padding-top:20px;
	position:absolute;
	top:100%;
	margin-left:-100px;
	width:340px;
}

.nav-hide{
	visibility:hidden;
	position: absolute; 
	top: -999em;}

	.nav-hide1{

		visibility:hidden;
	
		position: absolute; 
	
		top: -999em;}
	
	
	
.breadcrumb a{text-decoration:none;color:#CCC;}
.breadcrumb .active a{text-decoration:none;color:#EEE;}

.breadcrumb .swissflag::before{

    content: "";

}

/*.logo-header img {
	animation-name: example;
    animation-duration: 4s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
	
	-webkit-animation-name: example;
    -webkit-animation-duration: 4s;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes example {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@-webkit-keyframes example {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(0deg);}
}*/
.logo-rotat .logo-header a img {
}
.logo-bottom .logo-header {
	transform:translate(-50%,10%);
	-webkit-transform:translate(-50%,10%);
}
.logo-bottom .logo-header img{
	/*
	-webkit-animation-name: none; 
	animation-name: none;
	*/
}

.middle-header-logo, .nav-left-wrapper,.nav-right-wrapper{
-webkit-transition: width 2s ease;
-moz-transition: width 2s ease;
-ms-transition: width 2s ease;
-o-transition: width 2s ease;
transition: width 2s ease;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.lonite-logo{
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}

.num-list {

  padding-left: 10px;
  margin-left: 0;
  padding-right: 0;
  list-style-type: none;
}

.num-list li {
  counter-increment: step-counter;
}

.num-list li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
 
  background-color: black;

  color: white;
  font-weight: bold;
  padding: 2px 6px;
  
}

.home-section {
	height:100%;
	background:url(../images/banner-home-2.jpg) 30% 0 no-repeat;
	background-size:cover !important;
	position:relative;
	max-height:1343px;
	z-index:-1;
}


.home-section:after{
	background-color:#FFF;
	opacity:0.5;
	z-index:1;
}
.home-section h2{
	margin:0;
	font-family: 'Charter';
	font-size:90px;
	padding:0 0 20px;
	color:#000;
}
.home-section h2 img {
	height:70px;
	width:auto;
	vertical-align:baseline;
}
.home-section .box {
	width:100%;
	padding-left:38.67%;
	padding-right:18.39%;
	display:inline-block;
	vertical-align:middle;
	z-index:10;
}
.home-section .box ol li{
    font-size: 18px;
}
.home-section:before {
	height:100%;
	content:"";
	width:2px;
	margin-left:-6px;
	display:inline-block;
	vertical-align:middle;
}

.home-section p {
	font-size:28px;
	color:#000000;
	line-height:normal;
	margin:0 0 0 2%;
	font-weight:300;
	padding:0 0 12px;
}
.home-section .readmore {
	margin-left:20%;
	font-weight:600;
	font-size:42px;
}
.home-section .readmore a, .parallaxsection .readmore a {
	color:#000000 !important;
}


.home-section-points {
	padding-top:5px;
	padding-bottom:15px;
	padding-right:8%;
	padding-left:0;
	background:#DDD;
}
.landing-section-points {
	padding-top:5px;
	padding-bottom:15px;
	padding-right:8%;
	padding-left:0;
}
.points-img {}

.home-section-two {
	height:100%;
	max-height:1000px;
	background:url(../images/lonite-improved-hpht-press.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
}
.home-section-two .box {
	padding-left:5.88%;
	display:inline-block;
	vertical-align:middle;
	max-width:1168px;
	width:100%;
	z-index:10;
}
.home-section-two .box ol li{ font-size: 19px; }
.home-section-two:before {
	height:100%;
	content:"";
	width:2px;
	margin-left:-6px;
	display:inline-block;
	vertical-align:middle;
}
.home-section-two h2 {
	margin:0;
	font-family: 'Charter';
	font-size:90px;
	padding:0 0 15px;
	color:#000;
}

.lonite-bgfont{

	text-align: right;

	position: relative;

	right: 19%;

	bottom: 35%;

}

.lonite-bgfont h2 {

	margin:0;

	font-family: 'Charter';

	padding:0 0 15px;

	color:#000;

	font-size: 42px;

}

.home-section-two h2 img {
	height:70px;
	width:auto;
	vertical-align:baseline;
}
.home-section-two p {
	color:#000000;
	font-size:28px;
	padding-left:47px;
	padding:0 5px 0 5px;
}
.home-section-two .readmore {
	font-weight:600;
	font-size:42px;
	color:#000000 !important;
}
.home-section-two .readmore a {
	color:#000000;
	margin-top：20px;
	padding:5px 5px 5px 5px;
}
.imagebox  {
	margin:32px 0;
	overflow:hidden;
	position:relative;
}
.imagebox img {
	max-width:100%;
}
.home-section-listing {
	padding:15px;
	background:#000000;
}
.imagebox .title {
	font-size:42px;
	color:#fff;
	font-family: 'Charter';
	padding:12px 43px;
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(85, 85, 85, 0.7);
	right:0;
	opacity:0;
}
.imagebox .detail-hover {
	position:absolute;
	transform:translateY(100%);
	left:0;
	bottom:0;
	right:0;
	padding: 0 30px 30px;
	color:#fff;
	background:rgba(85, 85, 85, 0.7);
}
.imagebox .detail-hover h3 {
	padding:30px 30px;
	position:absolute;
	bottom:100%;
	left:0;
	margin-bottom:0;
	background:rgba(85, 85, 85, 0.7);
	right:0;
}
.imagebox:hover .title {
	opacity:0
}
.imagebox:hover .detail-hover {
	opacity:1;
	transform:translateY(0);
	transition:all 0.3s ease-in;
}
.imagebox .detail-hover h3 {
	font-size:42px;
	font-family: 'Charter';
}
.home-section-listing .col-sm-7 {
	width:58.4375%;
}
.home-section-listing .col-sm-5 {
	width:41.5625%;
}
.imagebox .detail-hover ul {
	margin:0;
	padding:0;
	max-width:715px;
	font-size:22px;
	font-weight:300;
	list-style:none;
	line-height:normal;
}
.imagebox .detail-hover ul:after {
	content:"";
	clear:both;
	display:block;
	visibility:hidden;
}
.imagebox .detail-hover ul li {
	float:left;
	width:50%;
}
.imagebox .detail-hover .readmore {
	font-size:42px;
	color:#fff;
	font-weight:500;
}

.imagebox .detail-hover .readmore:hover {
	cursor: pointer; color: #999;
}

.imagebox .detail-hover .readmore a {
	color:#fff;
}
.imagebox .image img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.imagebox:hover .image img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.imagebox .detail-hover p {
	margin:0;
	font-size:34px;
	font-weight:300;
	line-height:normal;
}
.footer-top {
	background:#1b1b1b;
	color:#8f8f8f;
	padding:55px 34px 55px;
}
.footer-top .col-sm-3 {
	padding:0 55px;
}
.footer-top h3 {
	font-size:36px;
	font-weight:normal;
	padding:0 0 23px;
	border-bottom:4px solid #909090;
}
.footer-top h3 a {
	color:#8f8f8f;
}
.footer-top h3 a:hover{
	text-decoration:none;
}
.footer-top ul {
	padding:0;
	margin:0;
	font-size:30px;
	list-style:none;
}
.footer-top ul li {
	margin:30px 0;
}
.footer-top ul li a {
	color:#8f8f8f;
}
.footer-bottom {
	background:#000000;
	padding:0 34px;
	color:#525252;
	padding:15px 34px;
	font-size:30px;
}
.footer-bottom .col-sm-3 {
	padding:0 55px;
}
.footer-bottom .col-sm-9 {
	padding:0 55px;
}
.footerflag {
	float:right;
	padding-left:55px;
}
.sociallink {
	float:right;
}
.sociallink a {
	vertical-align:middle;
	display:inline-block;
	height:41px;
	width:41px;
	margin-left:17px;
	background:url(../images/social-icon.png) 0 0 no-repeat;
}
.sociallink a.twitter {
	background-position:-58px 0;
}
.sociallink a.pintrest {
	background-position:-114px 0;
}
.sociallink a.instagram {
	background-position:-169px 0;
}
.footer-link {
	overflow:hidden;
}
.footer-link ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footer-link ul li {
	float:left;
	text-align:center;
}
.footer-link .footer-list-1{
	width:30%;
}
.footer-link .footer-list-2{
	width:35%;
}
.footer-link .footer-list-3{
	width:35%;
}

.footer-link ul li a {
	color:#525252;
	font-weight:300;
}
.footer-link ul li + li {
	border-left:1px solid #4d4d4d;
}
.rightflag {
    position: absolute;
    right: 4px;
    bottom: 0px;
	padding:0 55px;
}
.rightflag .current {
	position:relative;
	z-index:21;
	padding:22px 0;
	text-align:center;
}

.rightflag .current .display-flag img{
	width:26px;
	border:1px solid #CCC;
}

.arrow-down-flag{width:18px;position:relative;top:2px;left:-2px;z-index:-1;/*height:4px;padding:0;margin:0;*/}


.rightflag ol {
	display:none;
	bottom:-1px;
	left:0;
	right:0;
	list-style:none;
	margin:0;
	position:absolute;
	z-index:0;
	border:1px solid #999999;
	background:#e6e6e6;
	padding:14px 31px 82px;
}
.rightflag:hover ol {
	display:block;
}
.logo-bottom .rightflag ol {
	bottom:auto;
	top:-1px;
	padding:82px 35px 14px;
}
.rightflag ol li {
	padding:14px 0;
}
.readmore a {
    color: #08c;
	text-decoration:none;
}
.readmore a:hover,
.readmore a:focus {
	text-decoration:none;
	color:#999;
}
.readmore a:hover span,
.readmore a:focus span {
	text-decoration:none;
	color:#999;	
}

.readmore-box a{	
	color: #08c;
	text-decoration:none;
}

.readmore-box {
    padding:5px;
	text-align:center;
}
.readmore-box1 {
    padding:5px;
	text-align:center;
}
.why-explain{color:#666;}
.readmore-box p{padding:0 !important;}
.home-section-listing .readmore a:hover span,
.home-section-listing .readmore a:focus span{
	text-decoration:none;
	color:#999;	
}

.blckline {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:45;
	background:#000;
	height:20px;
}
.contact-page {
	min-height:100%;
	padding:405px 15px 55px;
	background:url(../images/contact-seprator.png) 33.33% 405px no-repeat;
}
.contact-page 
{
	font-size:36px;
	color:#000000;
	
}
.contact-page h3 {
	font-size:66px;
	font-family: 'Charter';
	font-weight:400;
	margin:0 0 45px;
}
.contact-info ul {
	list-style:none;
	padding:0;
	margin:0;
}
.contact-info ul li {
	margin:10px 0;
}
.contact-info ul li .title {
	width:220px;
	float:left;
}
.contact-info ul li .text {
	overflow:hidden;
	display:block;
}
.contact-info ul .text2 {

    overflow:hidden;

    position:relative;

    display: inline-flex;;

    width: 300px;

    left: 70px;

    word-break: normal;

    

}


.contact-form .form-inline label {
	font-weight:normal;
	width:253px;
	float:left;
	margin:0;
	line-height:42px;
}
.contact-form .form-inline .form-group {
	width:100%;
	display:block;
	margin:0 0 36px;
}
.contact-info .form-group img.EngImage{
    height: 155px;
    cursor: pointer;
}
.contact-info .form-group img.DchImage{
    height: 155px;
    cursor: pointer;
}
.contact-info .form-group img.JpImage{
    height: 155px;
    cursor: pointer;
}
.form-group img.PEngImage{
    height: 175px;
    cursor: pointer;
}


.contact-info .form-group{
    width:100%;
	display:block;
	margin:0 0 16px;
}

.col-md-6 .form-group img.EngImage{
    height: 155px;
    cursor: pointer;
}
.contact-info .form-group img.DchImage{
    height: 155px;
    cursor: pointer;
}
.col-md-6 .form-group img.JpImage{
    height: 155px;
    cursor: pointer;
}

.contact-form .form-control {
	color:#fff;
	background:#000;
	border:0;
	border-radius:0;
	height:42px;
	width:459px;
	max-width:100%;
	font-size:36px;
	display:block;
}
.contact-page [class*="col-sm-"] {
	padding:0 87px;
}
.contact-form textarea.form-control {
	width:100%;
	height:236px;
}
.overflow {
	overflow:hidden;
}
.contact-form .btn {
	color:#fff;
	background:#000;
	border:0;
	border-radius:0;
	height:78px;
	max-width:100%;
	font-size:36px;
	font-family: 'Charter';
	padding:0 60px;
	margin-top: 15px;
}
.contact-form .btn:hover,
.contact-form .btn:focus {
	background:#999;
}

.col-md-6 .form-group .btn {
	color:#fff;
	background:#000;
	border:0;
	border-radius:0;
	height:39px;
	max-width:100%;
	font-size:25px;
	font-family: 'Charter';
	padding:0 60px;
}
.col-md-6 .form-group .btn:hover,
.col-md-6 .form-group .btn:focus {
	background:#999;
}

.landing-text .form-group .btn {
	color:#fff;
	background:#000;
	border:0;
	border-radius:0;
	height:39px;
	max-width:100%;
	font-size:25px;
	font-family: 'Charter';
	padding:0 60px;
}
.landing-text .form-group .btn:hover,
.landing-text .form-group .btn:focus {
	background:#999;
}

.contact-info .btn {
	color:#fff;
	background:#000;
	border:0;
	border-radius:0;
	height:39px;
	max-width:100%;
	font-size:25px;
	font-family: 'Charter';
	padding:0 60px;
}
.contact-info .btn:hover,
.contact-info .btn:focus {
	background:#999;
}


.col-md-6 .form-group .btn {

	color:#fff;

	background:#000;

	border:0;

	border-radius:0;

	height:39px;

	max-width:100%;

	font-size:25px;

	font-family: 'Charter';

	padding:0 60px;

}

.col-md-6 .form-group .btn:hover,

.col-md-6 .form-group .btn:focus {

	background:#999;

}


.landing-text .form-group .btn {

	color:#fff;

	background:#000;

	border:0;

	border-radius:0;

	height:39px;

	max-width:100%;

	font-size:25px;

	font-family: 'Charter';

	padding:0 60px;

}

.landing-text .form-group .btn:hover,

.landing-text .form-group .btn:focus {

	background:#999;

}

.contact-form input[type="email"].form-control {
	width:717px;
}
.logo-header:after {
    border: 0 none;
    bottom: 49%;
    box-shadow: 0 0 80px 60px rgba(255, 255, 255, 0.9);
    content: "";
    left: 50%;
    position: absolute;
    right: 49%;
    top: 50%;
    z-index: 0;
}
.logo-header img {
 	position: relative;
    z-index: 30;
}
.comantheory {
	padding:120px 15px;
	font-size:34px;
}
.techseaction {
	background:url(../images/lonite-improved-hpht-press.jpg) 0 0 no-repeat;
	background-size:cover;	
	padding:200px 15px;
	line-height:normal;
	background-position:50% 100%;	
	margin-bottom:60px;
}
.techseaction1 {
	background-color:darkgrey;	
	line-height:normal;
	background-position:50% 100%;	
}


.comantheory h2 {
	font-size:265%;
	margin-bottom:10px;
	margin-top:10px;
	font-family: 'Charter';
}
.comantheory .slug {
	font-size:100%;
	margin:32px 0 10px;
	font-weight:500;
}
.comantheory .slug span{font-size:124%;font-weight:bold;font-family:Charter;}

.theorysection h2 {
	font-size:195%;
	margin-bottom:10px;
	margin-top:10px;
}

.pressure-heat-img,.urn-img{padding:10px 20px 20px 20px;text-align:center;}

.parallaxsection {
	background:url(../images/parallax-image.jpg) 0 36% no-repeat;
	background-size:cover;
	background-attachment:fixed;
	backface-visibility:hidden;
	padding:0;
}

.parallaxsection .readmore {
	font-weight:700;
}


.The-Procedure-steps {
	clear:both;
	font-size:34px;
}
.The-Procedure-steps .titlebar {
	padding:70px 15px;
	font-family: 'Charter';
	text-align:center;
	font-size:195%;
	text-transform:uppercase;
}
.The-Procedure-steps .titlebar-subtext, .ashes-section .titlebar-subtext {
	font-size:65%;
	font-family: 'Avenir';
	text-transform:none;
}
.stepone {
	background:url(../images/lonite-lab-procedure-step-1.jpg) 50% 0 no-repeat;
	background-size:cover;
	font-size:34px;
	min-height:1000px;
	padding:150px 15px;
}
.The-Procedure-steps .stepnumber {
	font-size:195%;
	font-family: 'Charter';
	line-height:1;
}
.The-Procedure-steps h2 {
	font-size:265%;
	margin:0 0 30px;
	font-family: 'Charter';
}
.steptwo {
	background:url(../images/lonite-lab-procedure-step-2.jpg) 0 100% no-repeat;
	background-size:100% auto;
	font-size:34px;
	min-height:1000px;
	padding:150px 15px 150px 15px;
    position: relative;
}
.steptwo-caption{
    position: absolute;
    bottom: 50px;
    left: 10px;
	min-height:50px;
}
.stepthree {
	background:url(../images/lonite-lab-procedure-step-3.jpg) 50% 0 no-repeat;
	background-size:100% auto;
	font-size:34px;
	padding:150px 15px;
	background-position:0% 100%; 
    position: relative;
}

.stepthree-caption{
    position: absolute;
    bottom: 30px;
    left: 10px;
	min-height:50px;
}
.stepfour {
	background:url(../images/lonite-lab-procedure-step-4.jpg) 50% 0 no-repeat;
	background-size:cover;
	background-position:0% 100%; 
	font-size:34px;
	padding:150px 15px;
	position:relative;
}
.stepfour-caption{
    position: absolute;
    bottom: 15px;
    left: 10px;
	min-height:50px;
}
.stepfive {
	background:#f9f9f9;
	/*text-align:left;*/
    position: relative;
	background-size:cover;
	font-size:34px;
	padding:150px 15px;
}
.tech-video-section {
	text-align:center;
	background-size:cover;
	font-size:34px;
	padding:0px 15px 150px 15px;
}
.tech-video-section1 {
	text-align:center;
	background-size:cover;
	font-size:40px;
	padding:0px 0px 20px 0px;
}
.stepfive h2 .stepnumber {
	font-size:73.33%;
}
.stepfive .step-five-image {
	/*padding-top:88px;*/
}
.stepsix {
	background:url(../images/lonite-lab-procedure-step-6.jpg) 50% 0 no-repeat;
	background-size:cover;
	font-size:34px;
	min-height:1000px;
	padding:150px 15px;
}
.provenby {
	padding:150px 15px;
	text-align:center;
	font-family: 'Charter';
	font-size:34px;
}
.provenby-face2 {
	padding:50px 15px 150px 15px;
	font-size:34px;
}
.provenby p,
.provenby-face2 p {
	margin:50px 0;
}
.provenby h2,
.provenby-face2 h2 {
	font-size:295%;
}
.pricebanner {
	padding:165px 15px 100px;
	font-size:34px;
	color:#020200;
}
.pricebanner .image {
	text-align:center;
	padding:30px 0;
}
.pricebanner p {
	margin:50px 0;
}
.pricebanner h3 {
	font-size:195%;
	font-family: 'Charter';
}
.pricebanner h3 span{
	font-size:60%;
	color:#999;
}

.pricebanner h3 span a{

	color:#999;

}

.pricebanner-bottom h3 {
	font-size:150%;
	font-family: 'Charter';
}
.pricebanner-bottom {
	font-size:34px;
	color:#020200;
}
.notes h3 {
	font-size:150%;
	font-family: 'Charter';
}

.pricebanner .title {
	color:#999;
	font-size:123%;
	padding-bottom:15px;
}
.pricelistingbox {
	padding:60px 15px;
}
.pricelistingbox .logo-box {
	text-align:center;
	padding-bottom:50px;
}
.pricelistingbox .logo-box img {
	max-height:60px;
}
.inforproduct {
	text-align:center;
	font-size:34px;
	color:#020200;
}
.inforproduct h2 {
	font-size:195%;
	font-family: 'Charter';
	margin-top:0;
}
.productdescribe {
	font-size:30px;
}
.productdescribe .sizelist {
	font-size:95%;
}
.productdescribe .colordiamond {
	font-size:150%;
	margin-bottom:25px;
	font-weight:700;
	font-family:Charter;
}
.productdescribe p {
	margin:30px 0;
}
.productdescribe .sizelist h3 {
	font-size:20px;
	margin:0 0 15px;
	color:#000;
	font-weight:300;
}
.productdescribe .sizelist .icon,
.productdescribe .sizelist .icons,
.productdescribe .sizelist .pricebox,
.productdescribe .sizelist .category,
.productdescribe .sizelist .sizebox,
.productdescribe .sizelist .price {
	text-align:center;
}

.table-colour .table-div, .table-colour-landing .table-div {
	text-align:center;
}

.table-colour-landing{color:white;}

.productdescribe .sizelist .sizebox {
	font-size:16px;
	white-space: nowrap;
	color:#555555;
	line-height:1;
	margin: 0 0 15px;
}
.productdescribe .sizelist .name,
.productdescribe .sizelist .planname,
.productdescribe .sizelist .planprice {
	color:#999999;
	line-height:1;
	margin-bottom:15px;
}
.productdescribe .sizelist .name + .name {
	margin-top:70px;
}
.productdescribe .sizelist .name span,
.productdescribe .sizelist .planname span,
.productdescribe .sizelist .planprice span {
	font-size:16px;
}
.productdescribe .sizelist .pricebox {
	line-height:1;
	padding-top:20px;
}
.productdescribe .sizelist td {
	width:1%;
	padding-top:20px;
	padding-bottom:20px;
}
.productdescribe .sizelist .pricebox span {
	font-size:16px;
	/*color:#999999;*/
}
.productdescribe .sizelist table {
	margin-bottom:35px;
}
.productdescribe .sizelist table tr:last-child td {
	border-bottom:1px solid #ddd;
}
.productdescribe .sizelist .category {
	line-height:1;
	padding:10px 0 0;
	font-size:20px;
}
.productdescribe .sizelist .leftborder td {
	border-bottom:0 !important;
	border-top:0
}
.productdescribe .sizelist .leftborder td + td {
	border-left:1px solid #ddd;
}
.relatedproduxt  {
	margin-bottom:40px;
	margin-top:40px;
}
.relatedproduxt .inforproduct {
	border:1px solid #cccccc;
	text-align:center;
	padding:25px;
	display:block;
	 -o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.relatedproduxt .inforproduct:hover,
.relatedproduxt .inforproduct:focus {
	text-decoration:none;
	background-color:rgba(245,245,245,0.9); 
	box-shadow: 5px 5px 10px #999999;
}
.relatedproduxt .inforproduct h2 {
	font-size:100%;
	color:#4c4c4c;
	min-height:76px;
}
.relatedproduxt .inforproduct .price {
	font-size:100%;
	color:#585858;
}
.relatedproduxt .inforproduct:hover h2,
.relatedproduxt .inforproduct:focus h2,
.relatedproduxt .inforproduct:hover .price,
.relatedproduxt .inforproduct:focus .price
{
	color:#000;
}
.order-procedure {
	font-size:34px;
	padding:150px 15px 100px;
	color:#000;
}
.order-procedure h2 {
	font-size:194%;
    font-family: 'Charter';
	margin-bottom:60px;
}
.order-procedure .sectiontitle {
	color:#999999;
	font-size:123%;
	font-weight:300;
	padding-left:237px;
	margin-bottom:65px;
	position:relative;
	line-height:63px;
}
.procedurebox {
	padding-left:0px;
	overflow:hidden;
	position:relative;
}
.procedurebox h1{font-size: 20px; font-family: 'Avenir'; color: #999999; font-weight: normal;}
.procedurebox:after {
	left:26px;
	top:31px;
	bottom:25px;
	width:1px;
	background:#999999;
	position:absolute;
	content:"";
	z-index:0;
}
.order-procedure .sectiontitle:after {
	position:absolute;
	left:26px;
	top:50%;
	margin-top:-1px;
	width:201px;
	content:"";
	background:#999;
	height:1px;
	z-index:0;
}
.order-procedure .stepbox {
	position:relative;
	margin:55px 0;
	padding-left:237px;
}
.order-procedure .stepbox:last-child:after {
    background: #fff none repeat scroll 0 0;
    bottom: -55px;
    content: "";
    left: -21px;
    position: absolute;
    top: 65px;
    width: 221px;
    z-index: 3;
}
.order-procedure .number {
	position:absolute;
	top:0;
	left:0px;
	z-index:4;
}
.order-procedure .stepbox h2 {
	margin-bottom:22px;
}
.order-procedure .stepbox p {
	margin:30px 0;
}
.order-procedure .stepbox ul li {
	margin:20px 0;
}
.downloadbtn .btn-black,
.learnmorebtn  .btn-black,
.learnmorebtn-price .btn-black,
.ordernow .btn-black{
	color:#fff;
	background:#000;
	border-color:#000;
	font-family: 'Charter';
	border-radius:0;
	height:75px;
	padding:8px 35px;
	font-size:42px;
	margin:10px 10px;

}

.ordernow{text-align:center;margin:100px 0;}

.learnmorebtn-price .btn-black:hover,
.learnmorebtn .btn-black:hover,
.downloadbtn .btn-black:hover,
.ordernow .btn-black:hover,
.downloadbtn .btn-black:focus,.learnmorebtn .btn-black:focus,.learnmorebtn-price .btn-black:focus,
.ordernow .btn-black:focus {
	background:#999;
	border-color:#999;
}
.order-procedure .stepbox .speciphication ul {
	margin:0;
	padding:0;
	max-width:715px;
	font-size:42px;
	font-weight:300;
	list-style:none;
	line-height:normal;
}
.order-procedure .stepbox .speciphication ul:after {
	content:"";
	clear:both;
	display:block;
	visibility:hidden;
}
.order-procedure .stepbox .speciphication ul li {
	float:left;
	width:50%;
}
.fundamenntal-section .speciphication ul {
	margin:0;
	padding:0;
	max-width:515px;
	font-size:42px;
	font-weight:300;
	list-style:none;
	line-height:normal;
}
.fundamenntal-section .speciphication ul:after {
	content:"";
	clear:both;
	display:block;
	visibility:hidden;
}
.fundamenntal-section .speciphication ul li {
	float:left;
	width:50%;
}
.order-procedure .stepbox .link-black {
	color:#000;
}
.learnmorebtn {
	text-align:center;
	margin:5px 0 50px 0;
}
.learnmorebtn-price {
	text-align:center;
	margin:50px 0 50px 0;
}
.notes {
	font-size:25px;
	font-weight:300;
}
.bgvideo {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	overflow:hidden;
	bottom:0;
}
.bgvideo video {
    min-width: 100%;
	min-height:100%;
	background:url(../images/lonite-home-page-banner.jpg) 50% 0 no-repeat;
	background-size:cover;
	z-index:10;
}

.panel2 {
    background-image:url(../images/lonite-home-page-banner.jpg);
    background-repeat: no-repeat;
	background-size:100% 100%;
    height: 100%;
	background-attachment:fixed;
}

.contain3r {
    overflow: hidden;
}
.cenPosition { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 30%;
    top: 20%;
    text-align: center;
}
.cenPositionR { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 33%;
    top: 15%;
    text-align: center;
}
.cenPosition1 { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 9%;
    top: 45%; 
}
.cenPositionP { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 5%;
    bottom: 30%; 
}

.cenPositionP p{

	font-size: 17px;

	max-width: 400px;

	color: #000;

}

.cenPositionP h2{

	font-size: 33px;

	font-family: 'Charter';

}

.cenPositionP3 {

	position: absolute;

	z-index: 10;

	margin: 0 auto;

	left: 29%;

	bottom: 45%;

	width: 42%;

	text-align: center;

}

.cenPositionP3 p{

	position: relative;

	font-size: 17px;

	color: #000;

}

.cenPositionP3 h2{

	font-size: 33px;

	font-family: 'Charter';

}

.cenPositionP4 {

	position: absolute;

	z-index: 10;

	margin: 0 auto;

	left: 69%;

	bottom: 36%;

	width: 371px;

	text-align: left;

}

.cenPositionP4 p{

	position: relative;

	font-size: 17px;

	color: #000;

}

.cenPositionP4 h2{

	font-size: 33px;

	font-family: 'Charter';

}

.cenPositionP5 {

	position: absolute;

	z-index: 10;

	margin: 0 auto;

	left: 77%;

	bottom: 36%;

	width: 196px;

	text-align: left;

}

.cenPositionP5 p{

	position: relative;

	font-size: 17px;

	color: #000;

}

.cenPositionP5 h2{

	font-size: 33px;

	font-family: 'Charter';

}

.cenPositionP1 { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 44%;
    bottom: 50%; 
}
.cenPositionR1 { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 10%;
    bottom: 50%; 
}
.cenPositionE1 { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 12%;
    bottom: 62%; 
}
.cenPositionP2 { 
    text-align: justify; 
    text-justify: inter-word;
    position: relative; 
    display: block;
    z-index: 10;
    max-width: 900px;
    margin: 0px 20px 0px 20px;
    left: 15%;
}
.cenPosition2 { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 50%;
    top: 65%;
}
.cenPositionE { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 30%;
    bottom: 1%; 
}

.cenPosition h2{
    font-size: 50px;
    font-family: 'Charter';
}
.cenPosition p{
    font-size: 18px;
    max-width: 550px;
    color: #999999;
}

.cenPositionR h2{
    font-size: 35px;
    font-family: 'Charter';
}
.cenPositionR p{
    font-size: 16px;
    max-width: 600px;
    color: #000;
}

.cenPosition .readmore{
    color: black;
    font-weight: 500; 
}
.cenPosition .readmore:hover{
    color: #999999;
    text-decoration-line: none; 
}

.cenPosition1 p{
    font-size: 18px;
    max-width: 400px;
    color: #999999;
}

.cenPositionP p{
    font-size: 17px;
    max-width: 400px;
    color: #000;
}
.cenPositionP1 p{
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}
.cenPositionR1 p{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.cenPositionE1 p{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

.cenPosition1 h2{
    font-size: 50px;
    font-family: 'Charter';
}
.cenPositionP h2{
    font-size: 33px;
    font-family: 'Charter';
}
.cenPosition1 .readmore{
    font-weight: 500;
    color: black;
}
.cenPosition1 .readmore:hover{
    color: #999999;
    text-decoration-line: none; 
}

.cenPosition2 h2{
    font-size: 50px;
    font-family: 'Charter';
}
.cenPosition2 p{
    font-size: 18px;
    max-width: 400px;
    color: #999999;
}
.cenPosition2 .readmore{
    color: black;
    font-weight: 500;
}
.cenPosition2 .readmore:hover{
    color: #999999;
    text-decoration-line: none; 
}

.cenPositionE h2{
    font-size: 30px;
    font-family: 'Charter';
    
}
.cenPositionE p{
    font-size: 18px;
    max-width: 360px;
    color: #000;
}



.tech{ 
    background:#f8f8f8;
    margin-bottom: none;
    max-height: 450px;
} 
.left-side{
    padding-right: 10px;
    padding-left: 50px;
}
.left-side p{
    font-size: 16px;
}
div.right-side{
    height: 450px;
    margin-bottom: none;
    padding-bottom: none;
}
.tech h2{
	font-family: 'Charter';
    font-size: 30px;
    text-align: center;
}

.tech p{
	font-family: 'Avenir';
    text-align: center;
}
.tech .readmore{}


.panel3 {
	background:url(../images/parallax-image.jpg) 0 36% no-repeat;
    background-size: cover;
	background-attachment:fixed;
	backface-visibility:hidden;
	padding:0;
}

.panel4 {
    background: url(../images/lonite-home-page-banner.jpg) 50% 0 no-repeat;
    background-size: cover;
	background-attachment:fixed;
	backface-visibility:hidden;
	padding:0;
}

/*.panvideo {
    left: 0;
    top: 0;
    width: 100%;
	overflow:hidden;
	bottom:0;
} */
.panvideo video {
    max-width:  100%;
	max-height: 100%;
	background-size:cover;
}
#panel1 .col-sm-12, #panel2 .col-sm-12, #panel3 .col-sm-12, #panel4 .col-sm-12, #panel4 .col-sm-7, #panel4 .col-sm-5, #section2 .col-sm-5, #section1 .col-sm-7, #section1 .col-sm-5{
    margin: 0px;
    padding: 0px;
 }
 

.landing-section .destable {
	position:relative;
	z-index:1;
}

.rightflag .language {
	position:absolute;
	right:0;
	display:none;
	bottom:100%;
	background:#eeeeee;
	border:1px solid #737373;
}
.rightflag:hover .language {
	display:block;	
}
.rightflag .language {
	padding:15px 35px;
	width:900px;
}
.logo-bottom .rightflag .language {
	top:100%;
	bottom:auto;
}

.rightflag .language ul li {
	padding:0;
	 width:100%;
	 text-align:left;
	 font-size:18px;
	 font-family: 'Avenir';
}
.rightflag .language ul li > a,
.rightflag .language ul li span {
	color:#000;
	padding:8px;
	display:block;
	line-height:20px;
}
.rightflag .language ul li span u {
	text-decoration:none;
}
.rightflag .language ul li > a:hover,
.rightflag .language ul li span:hover,
.rightflag .language ul li > a:focus,
.rightflag .language ul li span:focus {
	text-decoration:none;
	background:#cccccc;
}
.rightflag .language ul li span:hover u {
	text-decoration:underline;
}
.rightflag .language .bottomlink {
	bottom:40px;
	left:40px;
	position:absolute;
	font-size:18px;
}
.rightflag .language .bottomlink a {
	color:#000;
	text-decoration:none;
	padding:5px;
	display:block;
}
.rightflag .language .bottomlink a:hover {
	text-decoration:none;
	background:#cccccc;
}
.bannerdiamond {
	background:url(../images/banner-cremation-ashes-into-diamonds-in-blue-and-yellow.jpg) 50% 0 no-repeat;
	background-size:cover;
}
.bannerdiamond img {
	opacity:0;
	visibility:hidden;
}
.bannerdiamond1 {

	background:url(../images/banner_blue_diamond.JPG) 50% 0 no-repeat;

	background-size:cover;

}

.bannerdiamond1 img {

	opacity:0;

	visibility:hidden;

}
.bannerdiamondorigin-en {
	background:url(../images/the-origin-colour-of-cremation-diamond-from-ashes-is-amber-yellow.jpg) 50% 90% no-repeat;
	background-size:100% auto;
}
.bannerdiamondorigin-fr {
	background:url(../images/the-origin-colour-of-cremation-diamond-from-ashes-is-amber-yellow.jpg) 50% 90% no-repeat;
	background-size:100% auto;
}
.bannerdiamondorigin-de {
	background:url(../images/the-origin-colour-of-cremation-diamond-from-ashes-is-amber-yellow.jpg) 50% 90% no-repeat;
	background-size:100% auto;
}
.bannerdiamondorigin-en img {
	opacity:0;
	visibility:hidden;
}
.bannerdiamondorigin-fr img {
	opacity:0;
	visibility:hidden;
}
.bannerdiamondorigin-de img {
	opacity:0;
	visibility:hidden;
}
.bannerdiamondcerts {
	background:url(../images/cremation-ashes-to-memorial-diamonds-with-certificates.jpg) 50% 70% no-repeat; background-size:100% auto; min-height:300px;
}
.bannerdiamondcerts img {
	opacity:0;
	visibility:hidden;
}
.bannerdiamondcut {
	background:url(../images/the-origin-colour-of-cremation-diamond-from-ashes-is-amber-yellow.jpg) 50% 0 no-repeat;
	background-size:cover;
}
.bannerdiamondcut img {
	opacity:0;
	visibility:hidden;
}
.bannerdiamondunpolished {
	background:url(../images/lonite-diamantbestattung-unpoliert-amber-unpolished-memorial-diamond-from-cremation-ashes.jpg) 50% 0 no-repeat;
	background-size:cover;
}
.bannerdiamondunpolished img {
	opacity:0;
	visibility:hidden;
}
.bannerdiamondservice {
	background:url(../images/swiss-lonite-memorial-diamond-process.jpg) 50% 0 no-repeat;
	background-size:cover;
}
.bannerdiamondservice img {
	opacity:0;
	visibility:hidden;
}
.contact-bg {
	padding:235px 17px 315px 17px;
	background:url(../images/new-background-img.jpeg) 50% 50% no-repeat;
	background-size:cover;
}
.contact-bg .contact-info,
.contact-bg .contact-form {
	background:rgba(255, 255, 255, 0.72);
	padding:11px 17px;
	font-size:34px;
}
.contact-bg h3 {
	font-size:194%;
	font-family: 'Charter';
	margin-bottom:36px;
	margin-top:0;
}
.contact-bg h1{font-size: 20px; font-weight: normal; color: #999999; font-family: 'Charter'; padding: 10px 0px 10px 0px;}
.contact-bg .contact-form .form-inline label {
	position:absolute;
	left:0;
	top:0;
	right:0;
	background:#000;
	bottom:0;
	padding:0 15px;
	color:#fff;
	width:100%;
	pointer-events:none;
}
.contact-bg .contact-form .form-inline .overflow {
	position:relative;
}

.contact-bg .contact-info .overflow {

	position:relative;

}

.contact-bg .contact-form .inputactive label {
	left:auto;
	width:150px;
	transition:width 0.3s ease-in-out;
}
.contact-bg .contact-form .form-inline .form-control {
	background:#fff;
	color:#000;
	width:100%;
	padding-right:160px;
}
.contact-bg .contact-form .form-inline .small-input {
	max-width:549px;
}

/************ 2-3-2016 *************/

.faq-page{padding:265px 150px 100px 150px; }
.faq-page h1{font-size: 20px; font-weight: normal; font-family: 'Avenir'; color: #999999;}
.top-title{text-align:center; padding:60px 0 0 0; }
.top-title h2 {font-size:32px; color:#000000; font-weight:normal; margin:0; padding:41px 0; font-family: 'Charter'; }

.faq-list{border:1px solid #999; }
.faq-list .panel-heading{padding:0; background:none; }
.faq-list.panel-group .panel{margin:0; border:none; box-shadow:none; }

.faq-list.panel-group .faq-box{border-bottom:1px solid #999; }
.faq-list.panel-group .faq-box:last-child{border-bottom:none; }
.faq-list.panel-group .panel-body{padding:0; }
.faq-list.panel-group .panel{border-radius:0; }
.faq-list.panel-group .panel-heading{border-radius:0; }



/*//////////////////////*/

/*.faq-list1{border:1px solid #999; }*/

.faq-list1 .panel-heading{padding:0; background:none; }

.faq-list1.panel-group .panel{margin:0; border:none; box-shadow:none; }



.faq-list1.panel-group .faq-box{border-bottom:1px solid #999; }

.faq-list1.panel-group .faq-box:last-child{border-bottom:none; }

.faq-list1.panel-group .panel-body{padding:0; }

.faq-list1.panel-group .panel{border-radius:0; }

.faq-list1.panel-group .panel-heading{border-radius:0; }

/*//////////////////////*/



.faq-ques h4{font-size:20px; color:#000000; font-weight:normal; margin:0; padding:0; font-family: 'Charter'; cursor:pointer; border-radius:0; }
.faq-ques h4 a{display:block; padding:12px 20px; text-decoration:none; border-radius:0; }
.faq-ques h4:hover{background:#999; color:#ffffff; }
.faq-ques.active h4{background:#000000; color:#ffffff; }

.faq-ans{ padding:28px 39px 3px; }
.faq-ans p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 25px 0; }
.faq-ans p span,.right-box p span{font-size:13px; }

.faq-list.panel-group  .faq-ques h4 a{background:#000000; color:#ffffff; border-radius:0; }

.faq-list.panel-group  .faq-ques h4 a.collapsed{background:#ffffff; color:#000000;}
.faq-list.panel-group  .faq-ques h4 a:hover{background:#999999; color:#ffffff; }



/*/////////////////*/

.faq-list1.panel-group  .faq-ques h4 a{background:#000000; color:#ffffff; border-radius:0; }



.faq-list1.panel-group  .faq-ques h4 a.collapsed{background:#ffffff; color:#000000;}

.faq-list1.panel-group  .faq-ques h4 a:hover{background:#999999; color:#ffffff; }

/*/////////////////*/

.weaight-list{padding:0 0 20px 0; }
.weaight-list ul{padding:0; margin:0; }
.weaight-list ul li{padding:0; margin:0; list-style:none; font-size:16px; color:#000000; font-weight:300; }
.weaight-list ul li span{width:145px; display:inline-block; }
.weaight-list ul li span + span{width:110px; display:inline-block; }
.weaight-list ul li:last-child{padding-left:150px; }
.weaight-list ul li:last-child span{width:110px; }

.faq-diamond-img{padding:2px 0 2px 0; }
.faq-diamond-img p{padding:0; margin:0}
.faq-diamond-img img{display:inline-block; margin-bottom:5px; }
.faq-diamond-img-tech{padding:60px 0 2px 0; }
.faq-diamond-img-tech p{padding:0; margin:0}
.faq-diamond-img-tech img{display:inline-block; margin-bottom:5px; }

.faq-chart-img{padding:0 0 28px 0; }
.learn-faq-btn{text-align:right; padding:0 0 15px 0; }
.learn-faq-btn a{font-size:16px; color:#000000; font-weight:300; text-decoration:underline; background:url(../images/learn-btn-arrow.png) right 8px no-repeat; padding:0 15px 0 0; }

.origin-top-section{margin-top:40px;background:url(../images/origin-top-banner.jpg) no-repeat; background-size:cover; padding:260px 0 220px 150px; min-height:210px;}

.origin-top-section1{margin-top:40px;background:url(../images/up-image.png) no-repeat; background-size:cover; padding:260px 0 220px 150px; min-height:210px;}



.origin-top-text h2 {font-size:32px; color:#000000; font-weight:normal; margin:0; padding:7px 0 0 0; font-family: 'Charter'; }

.origin-top-text1 {
    position: absolute; 
    top: 170px; 
    left: 110px;
}
.origin-top-text1 h2 {font-size:32px; color:#000000; font-weight:normal; margin:0; padding:7px 0 0 0; font-family: 'Charter'; }

.fundamenntal-section{padding:80px 50px 100px 30px; }
.fundamenntal-section-con{padding:16px 50px 100px 30px; }
.fundamenntal-section-con-diamond{padding-left:15px; padding-bottom:100px;}
.fund-text h2 {font-size:42px; color:#000000; font-weight:normal; margin:0; padding:5px 0 30px 0; font-family: 'Charter'; }
.fund-text p{font-size:16px; color:#000000; font-weight:normal; margin:0; padding:0 0 20px 0; } 
.fund-text h5{font-size:22px; color:#000000; font-weight:300; margin:0; padding:0 0 0px 0; }


.head-quarter-section{background:url(../images/headquater-img.jpg) 0 center no-repeat; background-size:cover; padding:235px 0 108px 0; /*background-attachment:fixed;*/}

.lab-title{text-align:right; padding:0 0 180px 0; }
.lab-title h5{font-size:20px; color:#555555; font-weight:normal; margin:0; padding:11px 10px; display:inline-block; background:#f5fef8; }
.lab-title h5 span{font-size:16px; }

.lonite-quarter-title{padding:252px 0 0 0; text-align:left; }
.lonite-quarter-title h5{padding:11px 27px 11px 92px; }

.quarter-text{background-color:rgba(255, 255, 255, 0.88);  margin:0 85px 0 345px; padding:22px 27px 0; }
.quarter-text h3{font-size:22px; color:#000000; font-weight:300; margin:0; padding:0 0 10px 0; }
.quarter-text h2{font-size:42px; color:#000000; font-weight:normal; margin:0; padding:0 0 15px 0;  font-family: 'Charter'; }
.quarter-text p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 10px 0; }

.scientificaly-section{padding:100px 150px 20px 150px; }
.scientificaly-section h2{font-size:42px; color:#000000; font-weight:normal; margin:0; padding:0 0 30px 0;  font-family: 'Charter';  }
.scientificaly-section p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 15px 0;  }
.scientificaly-section h3{font-size:32px; color:#000000; font-weight:normal; margin:0; padding:45px 0 30px 0; font-family: 'Charter';  }

.proven-space{padding-bottom:98px; }

.abt-our-section{background:url(../images/about-lonite-charles-quote-img.jpg) no-repeat; background-size:cover; background-position:100% 0; padding:70px 0 0 150px; min-height:767px; }

.abt-our-text{max-width:670px; }
.abt-our-text p{font-size:32px; color:#000000; font-weight:300; margin:0; padding:0 0 30px 0;  }
.abt-our-text h6{font-size:20px; color:#000000; font-weight:300; margin:0; padding:0; text-align:right;}

.puriest-section{padding:0 15px 100px 15px;  margin-bottom:-260px;}
.puriest-section h2{font-size:42px; color:#000000; font-weight:normal; margin:0; padding:0 0 45px 0; font-family: 'Charter'; }
.comantheory h3{font-size:22px; color:#000000; font-weight:normal; margin:0; padding:0 0 10px 0; font-family: 'Charter'; }
.puriest-section h3{font-size:32px; color:#000000; font-weight:normal; margin:0; padding:0 0 30px 0; font-family: 'Charter'; }
.puriest-section p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 15px 0; }

.highest-section{text-align:center; padding:125px 150px 0 150px; position:relative; overflow:hidden; margin-top:40px;}

.high-diamond-a{position:absolute; z-index:10; left:0; top:0; -webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-ms-transition: all 5s ease;
-o-transition: all 5s ease;
transition: all 5s ease; }
.high-diamond-b{position:absolute; z-index:0; right:0; bottom:0px; -webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-ms-transition: all 5s ease;
-o-transition: all 5s ease;
transition: all 5s ease;}

.high-dm-a{left:-100px; }
.high-dm-b{right:-100px; }

.highest-text{margin:0 auto; max-width:51%; position:relative; z-index:9; }
.highest-text-explain{text-align:left;}

.highest-section h3{font-size:32px; color:#000000; font-weight:normal; margin:0; padding:0 0 20px 0; font-family: 'Charter'; }
.highest-section h2 {font-size:42px; color:#000000; font-weight:normal; margin:0; padding:0 0 20px 0; font-family: 'Charter'; }
.highest-section p{font-size:16px; color:#000000; font-weight:300; margin:0 0 30px 20px; padding:0; }
.highest-section li{font-size:16px; color:#000000; font-weight:300; margin:3px 0; padding:0; }

.carben-per{padding:50px 0 433px 0; text-align:center; }
.carben-per p{font-size:16px; color:#999999; font-weight:300; margin:0; padding:0 90px 0 0; display:inline-block; vertical-align:middle; line-height:12px; text-align:left; }
.carben-per p span{font-size:42px; line-height:48px; }

.proven-new-section{min-height:500px; padding:100px 15px 100px 15px;}

.new-tech-image-section {min-height:500px; padding:100px 15px 100px 15px;}



.proven-new-text{padding:100px 0 0 100px; }
.proven-new-section h2 {font-size:42px; color:#000000; font-weight:normal; margin:0; padding:0 0 45px 0; font-family: 'Charter'; }
.proven-new-text p{font-size:16px; color:#000000; font-weight:normal; margin:0; padding:0 0 10px 0; }

.lab-and-cus-section{padding:150px 10px 180px 10px; }

.lab-and-cus-img{text-align:center; }

.lab-img-list{position:relative; padding:950px 0 0 0; max-width:1070px; margin:0 auto; }

.lnt-lab-icon{z-index:10; position:relative; }

.lab-img-a{position:absolute; left:98px; bottom:0; z-index:9; }
.lab-img-b{position:absolute; left:219px; bottom:150px; z-index:8; }
.lab-img-c{position:absolute; left:341px; bottom:300px; z-index:7; }
.lab-img-d{position:absolute; left:473px; bottom:450px; z-index:6; }
.lab-img-e{position:absolute; left:580px; bottom:600px; z-index:5; }
.lab-img-f{position:absolute; left:686px; bottom:750px; z-index:4; }

.lnt-cus-icon{position:absolute; left:880px; top:0; z-index:10; }

.lab-and-cus-text{text-align:left;  }
.lab-and-cus-text h2,
.persnl-text h2,
.improved-text h2,
.diamond-colour h2,
.distinguish-section h2,
.diamond-style-section h2 
{font-size:42px; color:#000000; font-weight:normal; padding:0 0 40px 0; margin:0; font-family: 'Charter'; }
.personalis-section h3, .certification-section h3, .lab-and-cus-text h3,.distinguish-section h3,.diamond-colour h3, .proven-new-section h3, .fundamenntal-section-con h3, .fundamenntal-section h3{font-size:30px; color:#000000; font-weight:normal; padding:5px 0 10px 0; margin:0; font-family: 'Charter'; }

.diamond-colour h2 { padding: 0 0 40px 0 !important; }

.fundamenntal-section h2{font-size:30px; color:#000000; font-weight:normal; padding:5px 0 10px 0; margin:0; font-family: 'Charter'; }

.fundamenntal-section h3{font-size:22px; color:#000000; font-weight:500; padding:5px 0 10px 0; margin-top:0; font-family: inherit;}


.fundamenntal-section h1 {font-size: 20px; color: #999999; font-weight: normal; font-family: 'Avenir'; }

.lab-and-cus-text p,
.distinguish-section p,
.persnl-text p,
.diamond-colour p,
.improved-text p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 10px 0; }

.personalis-section{background:url(../images/persanal-service-img.png) 86% 35% no-repeat; min-height:690px; padding:100px 15px 0 15px; }

.persnl-text{max-width:30%; }

.improved-section{background:url(../images/swiss-lonite-memorial-diamond-process.jpg) no-repeat; background-size:cover; padding:150px 0 0 150px; min-height:800px; background-position:50% 0;}

.improved-text{max-width:30%; }

.diamond-style-section{padding:132px 150px 132px 150px; }
.diamond-style-section h3{font-size:32px; color:#000000; font-weight:normal; margin:0; padding:0 0 9px 0; font-family: 'Charter'; }

.colour-style{padding:80px 0 0 0; }
.landing-colour-style{padding:0 0 0 0; }
.colour-style .row,.landing-colour-style .row{margin-left:-7px; margin-right:-7px; }

.colour-style .col-sm-3,.landing-colour-style .col-sm-3{width:20%; padding:0 7px; }
.colour-style .col-sm-2,.landing-colour-style .col-sm-2{width:14%; padding:0 5px; }

.colour-box{text-align:center; background:#f9f9f9; border-bottom:1px solid #666666; text-align:center; display:block; padding:15px 20xpx 23px 20px; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.colour-box h4{font-size:18px; color:#000000; font-weight:500; margin:0; padding:0; min-height:90px; }
.colour-box h4 span{font-weight:300; display:block; font-size:16px; }

.colour-box img {transition: all 0.3s ease;}

.colour-box:hover{text-decoration:none;background-color:rgba(245,245,245,0.9); box-shadow: 5px 5px 10px #999999;}
.colour-box:hover h4{text-decoration:none; }
.colour-box:hover img{
	transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
}


.st-diamond-img{padding:0 0 15px 0; }
.st-diamond-img img{width:auto; }

.cut-style{padding:0 0 0 0; margin-bottom:42px; border:1px solid #999999; }
.cut-style .row{margin:0; }
.cut-style .col-sm-3{width:20%;  padding:0; }
.cut-style .col-sm-2{width:16.66666666666667%;  padding:0; }

.cut-style .cut-diamond-img{text-align:center; border-left:1px solid #999999; padding:2px 0 5px 0; background-color:#FFF;}
.cut-style .col-sm-3:first-child .cut-diamond-img{border-left:none; }
.cut-style .col-sm-2:first-child .cut-diamond-img{border-left:none; }

.unique-cut{padding:0 0 15px 0;}

.landing-top-banner-section{
margin-top:40px;
padding:277px 0 0px 150px; 
background:url(../images/banner-landing-top.jpg) 0 0 no-repeat; 
background-size:cover; 
min-height:513px; 
border-top:1px solid #737373;
}

.logo-ashes{padding:0 0 30px 0; }

.ashes-section{margin-top:-20px;
background:url(../images/lonite-improved-hpht-press.jpg) 50% 50% no-repeat; 
background-size:cover; 
padding:0 15px 0 15px; }
.ashes-section h2,
.pressure-section h2,
.distinguish-section h2,
.certification-section h2 {font-size:42px; line-height:46px; color:#000000; font-weight:normal; margin:0; padding:60px 0 33px 0; font-family: 'Charter'; }
.ashes-section h2 span,
.pressure-section h2 span,
.distinguish-section h2 span,
.certification-section h2 span {font-size:20px;   color:#999999; font-weight:normal; font-family: 'Avenir'; }
.pressure-section h1{font-size:20px;   color:#999999; font-weight:normal; font-family: 'Avenir'; }

.ashes-section p,
.distinguish-section p,
.pressure-section p,
.certification-section p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 20px 0; }

.pressure-section{padding:0px 15px 100px 15px; }
.pressure-section h2{text-transform:none; }
.features-background{
	background:url(../images/swiss-bg-image.jpg) 50% 0 no-repeat; 
	background-size:cover; 
}

.features-background .black-color{

	color: black;

}

.features-background-certs{
	background:url(../images/lonite-schweiz-diamantbestattung-aus-asche-cremation-ashes-to-diamonds.jpg) 50% 50% no-repeat; 
	background-size:cover; 
}

.cremated-section{text-align:center;padding:0 50px 0 50px;}


	.blog-carousel {
		margin:30px 0;
		overflow:hidden;
		padding:20px;
		background:#FFF;
		border:1px solid #efefef;
		opacity:0.93;
		box-shadow: 5px 5px 10px #999999;
		border-radius: 10px;
	}
	.landing-personal {background:url(../images/persanal-service-img.png) 100% 0 no-repeat;
	background-size:100%;
	padding:100px 0;
	}

	.blog-carousel-img img {
		width:100%;
	}
	.blog-carousel-img-wide img {
		width:50%;
		margin-left:20%;
	}
	.blog-carousel-img-wide-super img {
		width:25%;
		margin-left:35%;
	}
	.blog-carousel-header {
		position:relative;
		display:block;
		margin-bottom:0;
		padding-bottom:10px;
		padding-top:10px;
	}
	.yes-green{color:#64A813 !important;}
	.no-red{color:#CE4040 !important;}
	
.pressure-section .blog-carousel-header h2,.ashes-section .blog-carousel-header h2 {padding:5px;margin:0;}
.pressure-section .blog-carousel-header h3,.ashes-section .blog-carousel-header h3{padding:5px;margin:0;color:#666;}
.pressure-section .blog-carousel-header h2 span{
    color:#666;
    display: inline-block;
    line-height: normal;
}


.weblabparallaxsection{
	background:url(../images/hthp-machine.jpg) 100% 0 no-repeat;
	background-size:cover;
	background-attachment:relative;
	backface-visibility:hidden;
	padding:100px 0;
	text-align:center;
	margin-bottom:40px;
}
.weblabparallaxsection h3{font-size:20px; color:#BBB; font-weight:normal; margin:0 0 30px 0; padding:0; }
.weblabparallaxsection h2{font-size:42px; color:#FFF; font-weight:normal; margin:30px 0 0 0; padding:0; font-family: 'Charter'; }
.weblabparallaxsection .title-box{}


.weblabparallaxsection1{
	background:url(../images/jewelry/shutterstock_1049086271.jpg) 90% 60% no-repeat;
	background-size:cover;
	background-attachment:relative;
	backface-visibility:hidden;
	padding:100px 0;
	text-align:center;
	margin-bottom:40px;
    
    -webkit-filter: brightness(.7);
    filter: brightness(.7);
    
}
.weblabparallaxsection1 h3{font-size:20px; color:#BBB; font-weight:normal; margin:0 0 30px 0; padding:0; }
.weblabparallaxsection1 h2{font-size:42px; color:#FFF; font-weight:normal; margin:30px 0 0 0; padding:0; font-family: 'Charter'; }
.weblabparallaxsection1 .title-box{}

.weblabparallaxsection2{
	background:url(../images/jewelry/earrings-top.png) 90% 60% no-repeat;
	background-size:cover;
	background-attachment:relative;
	backface-visibility:hidden;
	padding:100px 0;
	text-align:center;
	margin-bottom:40px;
    
    -webkit-filter: brightness(.7);
    filter: brightness(.7);
    
}
.weblabparallaxsection2 h3{font-size:20px; color:#BBB; font-weight:normal; margin:0 0 30px 0; padding:0; }
.weblabparallaxsection2 h2{font-size:42px; color:#FFF; font-weight:normal; margin:30px 0 0 0; padding:0; font-family: 'Charter'; }
.weblabparallaxsection2 .title-box{}

.weblabparallaxsection3{
	background:url(../images/banner_blue_diamond.JPG) 90% 60% no-repeat;
	background-size:cover;
	background-attachment:relative;
	backface-visibility:hidden;
	padding:100px 0;
	text-align:center;
	margin-bottom:40px;
    
    -webkit-filter: brightness(.7);
    filter: brightness(.7);
    
}
.weblabparallaxsection3 h3{font-size:20px; color:#BBB; font-weight:normal; margin:0 0 30px 0; padding:0; }
.weblabparallaxsection3 h2{font-size:42px; color:#FFF; font-weight:normal; margin:30px 0 0 0; padding:0; font-family: 'Charter'; }
.weblabparallaxsection3 .title-box{}

.weblabparallaxsection4{
	background:url(../images/parallax-background-image.jpg) 90% 60% no-repeat;
	background-size:cover;
	background-attachment:relative;
	backface-visibility:hidden;
	padding:100px 0;
	text-align:center;
	margin-bottom:40px;
    
    -webkit-filter: brightness(.7);
    filter: brightness(.7);
    
}
.weblabparallaxsection4 h3{font-size:20px; color:#BBB; font-weight:normal; margin:0 0 30px 0; padding:0; }
.weblabparallaxsection4 h2{font-size:42px; color:#FFF; font-weight:normal; margin:30px 0 0 0; padding:0; font-family: 'Charter'; }
.weblabparallaxsection4 .title-box{}

.weblabparallaxsection0{
	background:url(../images/webparallax-image.jpg) 90% 60% no-repeat;
	background-size:cover;
	background-attachment:relative;
	backface-visibility:hidden;
	padding:100px 0;
	text-align:center;
	margin-bottom:40px;
    
    -webkit-filter: brightness(.7);
    filter: brightness(.7);
    
}
.weblabparallaxsection0 h3{font-size:20px; color:#BBB; font-weight:normal; margin:0 0 30px 0; padding:0; }
.weblabparallaxsection0 h2{font-size:42px; color:#FFF; font-weight:normal; margin:30px 0 0 0; padding:0; font-family: 'Charter'; }
.weblabparallaxsection0 .title-box{}

.weblabparallaxsectionPrice{
	background:url(../images/price-hthp-machine.jpg) 90% 60% no-repeat;
	background-size:cover;
	background-attachment:relative;
	backface-visibility:hidden;
	padding:100px 0;
	text-align:center;
	margin-bottom:40px;
    
    -webkit-filter: brightness(.7);
    filter: brightness(.7);
    
}
.weblabparallaxsectionPrice h3{font-size:20px; color:#BBB; font-weight:normal; margin:0 0 30px 0; padding:0; }
.weblabparallaxsectionPrice h2{font-size:42px; color:#FFF; font-weight:normal; margin:30px 0 0 0; padding:0; font-family: 'Charter'; }
.weblabparallaxsectionPrice .title-box{}


.weblabparallaxsection-tech{
	background:url(../images/lonite-laboratory.jpg) 100% 0 no-repeat;
	background-size:cover;
	background-attachment:relative;
	backface-visibility:hidden;
	padding:100px 0;
	text-align:center;
	margin-bottom:40px;
	margin-top:50px;
}
.weblabparallaxsection-tech p{color:#FFF; margin:0 0 30px 0; padding:0; }
.weblabparallaxsection-tech h2{font-size:42px; color:#FFF; font-weight:normal; margin:30px 0 0 0; padding:0; font-family: 'Charter'; }
.weblabparallaxsection-tech h1{font-size: 20px; color: #999999; font-weight: normal; font-family: 'Avenir'; }
.weblabparallaxsection .title-box{}
.cream-text{text-align:left; padding:100px 20px 20px 70px; }
.cream-text img{padding-top:20px; }
.cream-text h4,
.growing-section h3{font-size:32px; color:#000000; font-weight:normal; margin:0; padding:0 0 15px 0; font-family: 'Charter'; }
.growing-section h1{font-size: 20px; color: #999999; font-weight: normal; font-family: 'Avenir';}

.growing-section .h1_bold{font-size: 20px; color: black; font-weight: bold; font-family: 'Avenir';}

.cream-text p,
.growing-section p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 18px 0; }

.growing-section{margin:30px 0 30px 0; padding:5px 150px 0 150px; text-align:center; }

.growing-img{text-align:center; padding:20px 0 10px 0; }
.growing-img .grow-cap, .image .grow-cap{text-align:right;}

.certification-section{padding:100px 15px 100px 15px; }
.distinguish-section{padding:100px 15px 100px 15px; }
.distinguish-section  .compare-pair{padding-bottom:50px;}
.compare-pair-hr{ 		box-shadow: 2px 2px 2px #999999;padding:1px;}
.in-section-hr{ 		box-shadow: 1px 1px 1px #999999;padding:1px;}
.compare-pair img{margin-top:30px;}
.certi-img{padding:10px 0 0 0; }
.certi-img img{display:inline-block; vertical-align:middle; margin:0 40px 0 0; }

.feature-section{padding:0 0;}
	.mobile-icon img{display:none;}
	.desktop-icon img{display:block; }

.feature-bg{background:url(../images/Adelboden-Schweiz.jpg) no-repeat; background-size:cover; min-height:540px; position:relative;  }
.ashes-to-diamond-bg{background:url(../images/cremation-ashes-to-memorial-diamonds-with-certificates.jpg) 50% 70% no-repeat; background-size:100% auto; min-height:300px; position:relative; border-top:1px solid #737373; }
.ashes-to-diamond-bg1{background:url(../images/up-image.png) 50% 70% no-repeat; background-size:100% auto; min-height: 550px; position:relative; border-top:1px solid #737373; }
.ashes-to-diamond-bg2{background:url(../images/lonite-cremation-diamonds.png) 50% 70% no-repeat; background-size:100% auto; min-height: 550px; position:relative; border-top:1px solid #737373; }

.ashes-to-diamond-bg3{background:url(../images/man-with-dog-bright.jpg) 50% 20% no-repeat; background-size:100% auto; min-height: 550px; position:relative; border-top:1px solid #737373; }

.landing-intro-background{background:url(../images/pressure-and-heat-memorial-diamond-theory.png) 92% 0 no-repeat !important; background-size:60%; }
.feature-title-diamond{position:absolute; left:150px; bottom:-230px; }
.landing-title-diamond{position:absolute; right:150px; bottom:-230px; }
.carousel-left-up{position:relative; bottom:150px; }

.lift-up{position:relative; bottom:20px;}

.lift-up1{position:relative; bottom:10px;}

.know-how-up{position:relative; bottom:90px; }
.company-top-up{position:relative; bottom:250px; }
.company-top-up1{position:relative; bottom:110px; }
.company-top-up2{position:relative; bottom:215px; }
.company-top-up3{position:relative; bottom:100px; }
.pure-left-up{position:relative; bottom:260px; z-index: 10; }
.carousel-right-down{position:relative; top:360px; }
.carousel-right-down-cert{position:relative; top:220px; }
.vs-center{text-align:center;}
.vs-right{text-align:right;}
.news-channel{text-align:center;color:#999;font-style: oblique;}
.news-channel span{font-size:80%;}


.feature-text-out{padding:0 150px;}
.feature-text{padding:54px 0 100px 0; }
.landing-text{padding:50px 0 50px 0; }
.landing-text h3,.feature-text h3{font-size:20px; color:#333333; font-weight:300; margin:0; padding:0 0 10px 0; }

.landing-text h3 .color-yellow-h3{color: rgba(255,125,0,1);font-weight:500; }
.landing-text h2,.feature-text h2,
.machin-text h2 {font-size:42px; color:#000000; font-weight:normal; margin:0; padding:0 0 15px 0; font-family: 'Charter'; }
.landing-text h2 span {font-size:75%;}
.landing-text p,.feature-text p,
.machin-text p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 15px 0; }

.proven-machin-section{padding:0 150px 60px; }

.machin-text-spc{padding:145px 0 0 0; }

.lab-set{padding-bottom:127px; }

.memorial-section{background:url(../images/swiss-mountains-lonite.jpg) 0 center no-repeat; background-size:cover; padding:77px 15px 285px 15px; }
.memorial-section h2 {font-size:42px; color:#000000; font-weight:normal; margin:0; padding:0 0 275px 0; text-align:center; font-family: 'Charter'; }
.memorial-section h2 span{ color:#333333; font-weight:300;font-size:75%;}
.memorial-section h2 .country_currency{color:#333333; font-weight:300;font-size:25px;}

.memorial-text{background:#000000; 	opacity:0.9; padding:80px 28px 42px 28px; position:relative; }
.memorial-text h3{font-size:32px; color:#ffffff; font-weight:normal; margin:0; padding:0 0 15px 0; font-family: 'Charter'; }
.memorial-text p{font-size:16px; color:#ffffff; font-weight:300; margin:0; padding:0 0 32px 0; }

.memorial-diamond{position:absolute; left:0; right:0; top:-108px; text-align:center; }

.diamond-faq-section{padding:110px 15px 62px 15px; }
.diamond-faq-section h4{font-size:20px; color:#999999; font-weight:300; margin:0; padding:0 0 7px 0; text-align:center; }

.diamond-faq-section h4.old{font-size:20px; color:#999999; font-weight:300; margin:0; padding:0 0 7px 0; text-align:center; }

.diamond-faq-section h2 {font-size:42px; color:#000000; font-weight:normal; margin:0; padding:0 0 47px 0; text-align:center; font-family: 'Charter'; }
.diamond-faq-section h3{font-size:32px; color:#000000; font-weight:normal; margin:0; padding:0 0 14px 0; font-family: 'Charter'; }
.diamond-faq-section p{font-size:16px; color:#000000; font-weight:300; margin:0; padding:0 0 33px 0; }

.diamond-faq-section p.toggleHide{cursor: pointer; display: none;}

.diamond-faq-section h5{font-size:20px; color:#000000; font-weight:500; margin:0; padding:0; }

.dm-chart{padding:0 0 35px 35px; }



.showAnswer{display: block;}







.set-this-logo .logo-text{width:162px; position:relative; margin:0 auto; padding:14px 0 0 0; }
.set-this-logo .top-title{padding:0px 0 0 0; }



.sizelist .table .icon{min-height:62px; line-height:62px; }
.sizelist .table .icon img{display:inline-block; vertical-align:middle; }
.sizelist .table .size-icon00 img{max-width:15px;}
.sizelist .table .size-icon0 img{max-width:18px;}
.sizelist .table .size-icon1 img{max-width:20px;}
.sizelist .table .size-icon2 img{max-width:21px;}
.sizelist .table .size-icon3 img{max-width:23px;}
.sizelist .table .size-icon4 img{max-width:25px;}
.sizelist .table .size-icon5 img{max-width:28px;}
.sizelist .table .size-icon6 img{max-width:31px;}
.sizelist .table .size-icon7 img{max-width:34px;}
.sizelist .table .size-icon8 img{max-width:37px;}

.sizelist .table .size-icon9 img{max-width:39px;}





.table-colour,.table-colour-landing,.table-tracking {padding-top:0;}
.table-colour .icon-colour img,.table-colour-landing .icon-colour img{max-width:30%;}
.table-colour td,.table-colour-landing td{
	width:15%;
	border-right: 1px solid #AAA;
}
.table-tracking tr td:first-child{width:30%;border-right: 1px solid #AAA;}
.table-tracking tr td:last-child{max-width:70%;border-right: 1px solid #AAA;}
.table-colour .header-row,.table-colour-landing .header-row,.table-tracking .header-row{border-bottom: 2px solid #999 !important;}

.table-colour-landing .last-cell,.table-tracking .last-cell{border-right: 0 !important;}
.table-colour .intro-cell,.table-tracking .intro-cell{background:#f9f9f9;font-weight:bold;}
.table-colour-landing .intro-cell{color:white;background:#333333;font-weight:bold;}
.table-colour-landing .table-div{color:white;}

.table-colour .intro-cell{ border-left: 1px solid #999;}
.table-colour .last-cell{border-right: 1px solid #999;}



.table-colour .lastRow td{border-bottom: 1px solid #999;}

.table-colour-landing .intro-cell{color:white;background:#333333;font-weight:bold;}



.productdescribe .sizelist td .pricebox{font-size:28px; }
.productdescribe .sizelist .name{font-size:20px; font-weight:300; }
.productdescribe .sizelist .price{padding-top:20px; white-space: nowrap; }
.logo-text-tech{margin:0 auto; max-width:250px; padding-bottom:60px; }

.logo-text-cnt{max-width:160px; margin:0 auto; padding:0 0 100px 0; }

.nav{display:none; }
.nav-in-page{display:none; }


.whitewrap{background-color:rgba(255,255,255,0.6);padding:30px;}
.whitewrap1{background-color:rgba(255,255,255,0.6);}

.whitewrap2{background-color:rgba(255,255,255,1);}

.blackwrap{background-color:rgba(0,0,0,0.5);padding:30px;}
.whitewrapnopadding{background-color:rgba(255,255,255,0.6);}
.greywrap{background-color:rgba(242,242,242,0.6);padding:10px;}
.greywrapnopadding{background-color:rgba(242,242,242,0.6);}

.opacity {
	opacity:0.9; 
}

.language-title-margin-asia {
	margin-top:60px;
}
.language-title-margin-europe {
	margin-top:15px;
}

.caption-padding{
	padding:20px;
}
.caption-font {
	font-size:90%;
	color:#333;	
	line-height:1 !important;
	margin-top:0;
	padding-top:0;
	padding-bottom:20px;	
	clear: left;
	text-align:left;
	font-family: 'Avenir';
	text-indent: 0;
}

.caption-font1 {
    font-size: 90%;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.paw-print{align-content: center;}

img.caption-font2 {

    font-size: 90%;

    width: 60%;

    display: block;

    margin: 0px auto;

}



.caption-center {

    text-align:center;

}





.caption-font-big {
	font-size:120%;
	color:#333;	
	line-height:1 !important;
	margin-top:0;
	padding-top:0;
	padding-bottom:20px;	
	clear: left;
	text-align:left;
	font-family: 'Avenir';
	text-indent: 0;
}
.caption-font-know-how {
	font-size:80%;
	line-height:1 !important;
	margin-top:0;
	padding-top:0;
	padding-bottom:20px;	
	clear: left;
	text-align:left;
	font-family: 'Avenir';
	text-indent: 0;
}


/* Effect 15: scale down, reveal */
.nav-menu a {
	color: rgba(255,255,255,0.2);
	text-shadow: none;
}

.nav-menu a::before {
	color: #000;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.nav-menu a:hover::before,
.nav-menu a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}

.indent p{text-indent: 30px;}


.bigger-cap-p::first-letter { 
    font-size: 200%;
	line-height:100%;
}

.bigger-cap p::first-letter { 
    font-size: 200%;
	line-height:100%;
}

.caption-right {text-align:right;}
.caption-bottom-margin{margin-bottom:30px;}
.caption-bottom-margin h1{color:#999999; font-weight:normal; padding:10px 0 10px 0;font-family: 'Avenir'; font-size: 20px; }
.h-one h1{
    color:#999999;
    font-weight:normal;
    padding:10px 0 10px 0;
    font-family: 'Avenir';
    font-size: 20px;
    text-align: center;
}



.h-one h2{

    font-weight: 500;

    font-family: 'Charter';

    font-size: 30px;

    text-align: left;

}

.price-hide{display:none;}
.price-display{display:block;}

.carben-per{text-align:left;}

#no-additive {}
#why {display:none;}

.color-blue{color:rgba(0,125,255,1);}
.color-yellow{color:rgba(255,125,0,1);}

.color-black{color: black;}

.color-bold-black-grey{font-weight: bold; color: rgba(65, 65, 65, 1); }



.font-700{font-weight:700;}


.purity-proof img{margin-left:25%;width:50%;}

.right-box{margin-top:10px; padding-top:15px; border-top:1px solid #999; text-indent: 0;}
.right-box img{margin: 10px auto; }
.right-box .downloadbtn{text-align:center;}

.feature-box{padding-top:50px;text-indent: 0; text-align:center;}
.feature-box img{margin: 10px auto; }

.home-box{margin-top:5px; padding-top:5px; text-indent: 0;text-align:center;}
.home-box-2{text-indent: 0;text-align:center;}
.home-box h5, .home-box-2 h5{
    font-size: 22px;
    color: #000000;
    font-weight: 300;
    margin: 0;
    padding: 0 0 0px 0;
    
}
.home-box img{margin-bottom:5px; height:60px; width:auto;}
.home-box-2 img{margin-bottom:5px; height:17px; width:auto;}

.arrow-down{height:18px;/*height:4px;padding:0;margin:0;position:relative;top:12px;left:-35px;*/}

.background-grey-wrap{background: #f9f9f9; background-size: cover;}

.clear-margin-padding-wrap{margin:0;padding:0;}
.clear-float{clear: both;}

#googlemap {
        height: 150px;
		margin-top:20px;
      }
div.col-sm-8 #googlemap {
        max-height: 550px;
		
      }
	  
.diamond-crystal{margin-top:30px;}
.purify-img, .crystal-img{padding-top:35px;}
.purify-img img, .crystal-img img{width:60%;margin-left:10%;}

div.shift-down{

    padding-top: 120px

}



.vid-youtube h3{

    text-align: center;

}

.vid-youtube-tech{

    width: 90%;

    min-height: 300px;

    margin: 0 auto;

    display: block;

}



.colour-explain{padding-top:30px;}
.clear{clear: both;}
.landing-options{padding-bottom:50px;}
.landing-options{padding-bottom:50px;}

.right-box-icon img{width:35%;}

.compare-box {		
		margin-top:30px;
		margin-bottom:30px;
		overflow:hidden;
		padding:20px;
/*		background:#FFF;
		border:1px solid #efefef;
		box-shadow: 5px 5px 10px #999999;
		opacity:0.8;
*/
}
.compare-yes-no img{
	width:200px;
}

.wrong-statement{text-decoration:underline;color:#990000;}

.order-intro{padding-top:30px;padding-bottom:30px;}

.header ul .current-page-active:hover, .header ul .order-page-non-active:hover ,.header ul .order-page-non-active:hover .main-menu-a{
	background:none;
	color:black;
	cursor:default;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 15px;
}
::-webkit-scrollbar:horizontal {
    height: 15px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px;
    border: 1px solid rgba(200, 200, 200, 0.5);
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:focus {
    background-color: rgba(0, 0, 0, .5);
}
::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: rgba(200, 200, 200, 0.5); 
}
/* css for removing hover effect from active link */
.active-new {
color: #cccccc !important;
}
/* css for faq hover effect for active link */
.faq-list.panel-group .faq-ques h4 a.active:hover {
background-color: #000000 !important;
}

.faq-list1.panel-group .faq-ques h4 a.active:hover {

background-color: #000000 !important;

}

.in-this-page-nav-landing a{font-size:150%;}
.in-this-page-nav-landing li li a{font-size:100%; color:#333333;}
.sub-item-ol ol {padding-left: 10px; }
.sub-item-ol li { display: block }
span.oe_textdirection {
    unicode-bidi: bidi-override;
    direction: rtl;
}
.contact-us-image{width:60%;}
.inline-img-display img {width:85%;margin-left:6%;}

/*Test*/
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carousel-control{
    &.left, &.right{
      background-image: none;
    }
  }
  
}

.carousel-caption{
    position:absolute;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#000;
    text-align:center;
    text-shadow:none;
}
.carousel-caption .col-sm-4 img{
    position: inherit;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:50px;
    align-content: center;
    text-shadow:none;
}
.row .multi-item-carousel .col-sm-4{padding: 40px 100px 15px 100px;}

.philosophy-section {
	height:100%;
	background:url(../images/romantic-senior-couple.jpg) 30% 0 no-repeat;
	background-size:cover !important;
	position:relative;
	max-height:1343px;
	z-index:-1;
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


.philosophy-section:after{
	background-color:#FFF;
	opacity:0.5;
	z-index:1;
}
.philosophy-section h2 {
	margin:0;
	font-family: 'Charter';
	font-size:90px;
	padding:0 0 20px;
	color:#000;
}
.philosophy-section h2 img {
	height:7px;
	width:auto;
	vertical-align:baseline;
}
.philosophy-section .box {
	width:100%;
	padding-left:55%;
	padding-right:10%;
	display:inline-block;
	vertical-align:middle;
	z-index:10;
}
.philosophy-section:before {
	height:100%;
	content:"";
	width:2px;
	margin-left:-6px;
	display:inline-block;
	vertical-align:middle;
}
.philosophy-section p {
	font-size:28px;
	color:#000000;
	line-height:normal;
	margin:0 0 0 2%;
	font-weight:300;
	padding:0 0 12px;
}
.philosophy-section .readmore {
	margin-left:20%;
	font-weight:500;
	font-size:42px;
}
.philosophy-section .readmore a, .parallaxsection .readmore a {
	color:#000000 !important;
}

.carousel-indicators{
    position:absolute;
    bottom:2px;
    left:50%;
    z-index:1;
    width:60%;
    padding-left:0;
    margin-left:-30%;
    text-align:center;
    list-style:none;
}
.carousel-indicators li{
   
    background-color:#000\9;
    background-color:rgba(0,0,0,0);
    border:1px solid #000;
    border-radius:5px;
}
.carousel-indicators .active{
    background-color:#ddd;
}

.carousel-control{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:6%;
    font-size:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    background-color:rgba(0,0,0,0);
    filter:alpha(opacity=50);
    opacity:.5;
}



.philo-con{
    padding-top: 20px;
    padding-bottom: 20px;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
}
.adjust{
     margin-right:0; margin-left:0;
}
.blackwrap .subtle-text{text-align:center;}
.item h3, .item p{ text-align: center;}

.sixty-percent{font-size: 60%;}
.seventy-percent{font-size: 70%;}
.eigty-percent{font-size: 80%;}
.ninety-percent{font-size: 90%; font-family: 'Charter';}

.bold_black {
    color: black; font-weight: 600;
}
a.bold_black_more {
    color: black; font-weight: bold;
}
a.gray_link_text {
    color: #616466; 
}
a.gray_link_text2 {
    color: #C3CBCD; 
}
a.gray_link_text3 {
    color: white; 
}
a.gray_link_text2:hover{
     color: #616466;
    text-decoration: underline;
}
a.gray_link_text:hover, a.gray_link_text3:hover{
    text-decoration: underline;
}
a.bold_black_more:hover{
    text-decoration: underline;
}

a.bold_black {
	color: black; font-weight: bold;
}
a.white_font {
	color: #fff;
}


.uniformize p {
    text-align: justify; 
    text-justify: inter-word;
}
.uniformize-hs li {
    text-align: justify; 
    text-justify: inter-word;
}

.button{
    background-color: white; 
    border: 1px solid black;
    padding: 5px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1:focus, .button2:focus, .button3:focus, .button4:focus {
    background-color: darkgray;
}

.floatingPts {
    position: fixed;
    z-index: 999999;
    right: 1%;
    top: 50%;
}

.floatingPts button{ -webkit-transform: rotate(90deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}

.contain3r {
    overflow: hidden;
}
.cenPositionP { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 5%;
    bottom: 45%; 
}
.cenPositionP p{
    font-size: 17px;
    max-width: 400px;
    color: #000;
}
.cenPositionP h2{
    font-size: 33px;
    font-family: 'Charter';
}

.cenPositionPP { 
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 5%;
    bottom: 45%; 
}
.cenPositionPP p{
    font-size: 17px;
    max-width: 400px;
    color: #000;
}
.cenPositionPP h2{
    font-size: 33px;
    font-family: 'Charter';
    max-width: 400px;
}

.contain3r img {  
  -moz-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.contain3r:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.contain3r1 img {  
  -moz-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.contain3r1:hover img {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}


.filter-section{
    padding: 5px;
    margin: 5px;
}

.filter-section button, .filter-section a{
    width: 100%;
    display: inline-block;
}
.ringButton, .pendantButton, .earringButton{
    font-family: 'Avenir';
    color: #999999;
    background-color: white;
}

.ringButton:focus, .pendantButton:focus, .earringButton:focus{
    font-family: 'Avenir';
    color: black;
}

.ringButton:hover, .pendantButton:hover, .earringButton:hover{
    font-family: 'Avenir';
    color: black;
    background-color: white;
}
.type p, .metals p, .shapes p, .price p{
    font-family: 'Avenir';
    font-weight: 100;
}
.type a{
    background-color: white;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    text-indent: 25%;
    margin-bottom: 5px;
}
.type a:hover{
    text-decoration-line: none;
}
.type a.ringButton.pdown, .type a.pendantButton{
    border-bottom: solid 2px #eaeaea;
}
.type a.pendantButton.pdown {
    cursor: pointer;
  background: #eeeeee;
    color: black;
  border-top: solid 2px #eaeaea;
  border-bottom: solid 2px #eaeaea;
    padding-top: 5px;
}

.type a.ringButton.pdown{
     cursor: pointer;
  background: #eeeeee;
    color: black;
  border-top: solid 2px #eaeaea;
  border-bottom: solid 2px #eaeaea;
    padding-top: 5px;
}
.type a.earringButton.pdown{
     cursor: pointer;
  background: #eeeeee;
    color: black;
  border-top: solid 2px #eaeaea;
  border-bottom: solid 2px #eaeaea;
    padding-top: 5px;
}

.silverButton, .goldButton, .roseGoldButton{
    font-family: 'Avenir';
    color: #999999;
    background-color: white;
}

.silverButton:focus, .goldButton:focus, .roseGoldButton:focus{
    font-family: 'Avenir';
    color: black;
}
.silverButton:hover, .goldButton:hover, .roseGoldButton:hover{
    font-family: 'Avenir';
    color: black;
    background-color: white;
}


.metals a{
    cursor: pointer;
    background-color: white;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    text-indent: 25%;
    margin-bottom: 5px;
}
.metals a.down {
  background: #eeeeee;
    color: black;
  border-top: solid 2px #eaeaea;
  border-bottom: solid 2px #eaeaea;
}
.metals a:hover{
    text-decoration-line: none;
}
.metals img{
    float: left;
    height: 15px;
    width: 15px;
}
.metals .goldButton{
    padding-top: 5px;
    border-bottom: solid 2px #eaeaea; 
    border-top: solid 2px #eaeaea; 
}

.shapes a{
    cursor: pointer;
    float: left;
    display: inline-block;
    opacity: 0.5;
}
.shapes a.sdown{
    opacity: 1.0;
}
.shapes img {
    height: 25px;
    width: 25px;
}

.shapes .table>tbody>tr>td, .shapes
.table>tbody>tr>th {
  border-top: none;
}

#section2 .col-sm-5{
    align-content: center;
}
/*#section2 .col-sm-5 .arrangeS{
    padding: 10px;
}*/
.container1 {
    background-color: #eeeeee;
    max-height: 500px;
    width: 100%;
    padding: 5px;
}
.container2 {
    background-color: #eeeeee;
    max-height: 500px;
    width: 100%;
    padding: 5px;
}

.column {
    background-color: #eeeeee;
    width: 370px;
    margin: 0 auto;
    padding: 25px;
}

.column img{
    height: 340px;
    display:table-cell; 
    margin-left: auto;
	margin-right: auto;
}

.column p{
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    font-family: 'Times New Roman';
}
.column p span {
    font-weight: 50;
    font-size: 15px;
    opacity: 0.8;
}
.column1 {
    background-color: #eeeeee;
    width: 430px;
    margin: 0 auto;
    padding: 25px;
}

.column1 img{
    height: 340px;
    display:table-cell; 
    margin-left: auto;
	margin-right: auto;
}

.column1 p{
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    font-family: 'Times New Roman';
}
.column1 p span {
    font-weight: 50;
    font-size: 15px;
    opacity: 0.8;
}

.gallery{
    max-height: 492px;
    overflow-y: scroll;
    margin: 0px 10px 10px 10px;
    border: 2px solid #f6f6f6;
    padding-bottom: 20px;
}
.gallery1{
    max-height: 492px;
    overflow-y: scroll;
    margin: 0px 0px 0px 10px;
    border: 2px solid #f6f6f6;
    padding-bottom: 20px;
}
.pcolumn {
    float: left;
    width: 230px;
    background-color: #f6f6f6;
    padding: 5px;
    margin: 5px;
    align-content: center;
    position: relative;
}
.rcolumn {
    float: left;
    width: 235px;
    background-color: #f6f6f6;
    padding: 5px;
    margin: 5px;
    align-content: center;
    position: relative;
}

.pcolumn img{
    height: 170px;
    display:table-cell; 
    margin-left: auto;
	margin-right: auto;
}
.rcolumn img{
    height: 165px;
    display:table-cell; 
    margin-left: auto;
	margin-right: auto;
}

.pcolumn p{
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Times New Roman';
}
.pcolumn p span {
    font-weight: 100;
    font-size: 15px;
    opacity: 0.8;
}

.pcolumn:hover {
    margin-bottom: 0px;
    padding-bottom: 3px;
    border-bottom:7px solid #000;
    background-color: white;
}
.rcolumn p{
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Times New Roman';
}
.rcolumn p span {
    font-weight: 100;
    font-size: 15px;
    opacity: 0.8;
}

.rcolumn:hover {
    margin-bottom: 0px;
    padding-bottom: 3px;
    border-bottom:7px solid #000;
    background-color: white;
}

i.rightup {
    border: solid gray;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 8px;
    top: 8px;
    background-color: #f6f6f6;
    width: 5px;
    height: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
     transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

i.leftmiddle {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    left: 5%;
    top: 70%;
    background-color: #f6f6f6;
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

i.rightmiddle {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 5%;
    top: 70%;
    background-color: #f6f6f6;
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

i.rightup:hover {
    background-color: black;
}

.tooltip-inner {
    min-width: 200px; 
    overflow: visible;
}

i.displayIcon {
    display: inline-block;
    padding: 3px;
    position: absolute;
    left: 2%;
    top: 2%;
    height: 174px;
    width: 240px;
    display: flex;
    background: rgba(190, 192, 194, 0.2);
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
}

i.displayIcon img {height: 50px; width: 50px;}

i.displayIconR {
    display: inline-block;
    padding: 3px;
    position: absolute;
    left: 2%;
    top: 2%;
    height: 160px;
    width: 230px;
    display: flex;
    background: rgba(190, 192, 194, 0.2);
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
}

i.displayIconR img {height: 50px; width: 50px;}



div p.eztra{
    padding: 10px;
    font-size: 15px;
    font-family: 'Avenir';
    color: gray;
    font-weight: 500;
    text-align: center;
    
}

p.enlargeTitle{
    font-family: 'Avenir';
    font-size: 27px;
    color: gray;
    
}
.panvideo img {
    min-width:  100%;
	min-height: 100%;
	background-size:cover;
}

.brightenImage{
    -webkit-filter: brightness(3);
    filter: brightness(3);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
} 
.iconSize p{
    font-size: 13px;
}

img.iconSize{
    height: 70px;
    width: auto;
}

.col-sm-4 #middlelizeI{
    align-content: center;
    margin-left: 10%;
}


div.list-left{
	float: left;
	max-width: 50%;
}

div.list-right{
	float: left;
	max-width: 50%;
	margin-left: 25px;
}

.blog-left{
	float: left;
	max-width: 60%;
}
.blog-right{
	float: left;
	max-width: 40%;
	margin-top: 100px;
}
.blog-left h3.make-span{
	color: darkgrey;
}
.blog-left h2.make-span{
	padding-top: 1px;
	padding-bottom: 3px;
}

div.jewellery .row{
   margin-bottom: none;
   padding-bottom: none;
}

a.white-grey{
	color: #999;
}
.diamond-colour h3{
	font-size: 10px;
	color: #999;
}

.fund-text h2{
	font-size: 30px;
}

.four-images{padding-top:30px;padding-bottom:30px;}
.col-onefourth{width:25%;float:left;}

.line-left{border-left: solid 1px #999;}
.line-bottom{border-bottom: solid 1px #999;}

a.contact-number{
    color: black;
    
}
a.contact-number:visited{
    color: black;
    
}




.b_content h3 { 

	width: 40%;

	padding: 20px 0 0;

	font-size: 35px;

	line-height: 38px;

	 

	font-weight: bold;

	text-align: left;

}



a.bold_black_more {

    color: black; font-weight: bold;

}

a.gray_link_text {

    color: #616466; 

}

a.gray_link_text2 {

    color: #C3CBCD; 

}

a.gray_link_text3 {

    color: white; 

}

a.gray_link_text2:hover{

     color: #616466;

    text-decoration: underline;

}

a.gray_link_text:hover, a.gray_link_text3:hover{

    text-decoration: underline;

}
a.gray_link_text:hover {
	color: #918d8d;
  }
a.bold_black_more:hover{

    text-decoration: underline;

}

a.bold_black {
	color: black; font-weight: bold;
}

a.main_bold_black {
	color: black; font-weight: bold;
}
a.main_bold_black:hover {
	color: #918d8d; text-decoration: none;
}
a.title_bold_black {
	color: black; font-weight: bold;
}
a.title_bold_black:hover::after {
	content: ">";
}
a.white_font {

	color: #fff;

}





.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.tech-process-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container1 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.tech-process-video1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lonite-bgfont{
	text-align: right;
	position: relative;
	right: 19%;
	bottom: 35%;
}
.lonite-bgfont h2 {
	margin:0;
	font-family: 'Charter';
	padding:0 0 15px;
	color:#000;
	font-size: 42px;
}


.h368 {

	height: 368px;

}



.right-title {

	width: 50%;

	margin-bottom: 14px;

}



.right-content {

	width: 50%;

}



.center-title {

	text-align: center;

	margin-bottom: 14px;

}



.center-content{

	position: relative;

	left: 25.5%;

	width: 49%;

}



.right-title2 {

	margin-bottom: 14px;

}



.right-content2{

	width: 79%;

	text-align: left;

}



.bolder{

    font-weight: bolder!important;

}



.tl{

	text-align: left!important;

}



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

	.firstml{

	    margin-left: 4.1666667%;

    }

}

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

.ar{

	position: absolute;

	right: 0;

}

}

.cf-mleft{

	margin-left: 82px;

}



.cf-mright{

	margin-right: 90px;

}



.ta-center{

	text-align: center!important;

}



.ta-left{

	text-align: left!important;

}



.l03percent{

	position: relative;

	left: 3%;

}



.l05percent{

	position: relative;

	left: 5%;

}



.l10percent{

	position: relative;

	left: 10%;

}



.l17percent{

	position: relative;

	left: 17%;

}



.l19percent{

	position: relative;

	left: 19%;

}



.l28percent{

	position: relative;

	left: 28%;

}



.l42percent{

	position: relative;

	left: 42%;

}



.mb0{

	margin-bottom: 0 !important;

}



.t-105{

	position: relative;

	top: -105px !important;

}
.w100{
	width: 100% !important;
}

.pr0{
	padding-right: 0px !important;
}
.t-105{
	position: relative;
	top: -105px !important;
}
.title{
	font-family: 'Charter';
}




.dp-ib{

	display: inline-block;

}



.ml23percent{

	margin-left: 23%;

}



.fn{

	float: none;

}



.wrap{

	overflow: hidden;

	position: relative;

	width: 900px;

	height: 500px;

	margin: 100px auto 0;

}

.wrap .Carousel-btn{

	position: absolute;

	top: 50%;

	z-index: 1;

	width: 50px;

	height: 80px;

	margin-top: -40px;

	background-color: rgba(0,0,0,.5);

	color: #fff;

	text-align: center;

	line-height: 80px;

	cursor: pointer;

}

.wrap .left{

	left: 0;

}

.wrap .right{

	right: 0;

}

.img-list{

	top: 0;

	margin: 0;

	width: 600%;

	height: 100%;

}

.img-list li{

	float: left;

	width: 300px;

	height: 100%;

}

.img-list li:nth-of-type(1){

	background: url("../images/Damian-Vega.jpg") no-repeat center/cover;

}

.img-list li:nth-of-type(2){

	background: url("../images/Tracy-Highway.jpg") no-repeat center/cover;

}

.img-list li:nth-of-type(3){

	background: url("../images/Christel-Groenewald.jpg") no-repeat center/cover;

}

.img-list li:nth-of-type(4){

	background: url("../images/Damian-Vega.jpg") no-repeat center/cover;

}

.img-list li:nth-of-type(5){

	background: url("../images/Tracy-Highway.jpg") no-repeat center/cover;

}

.img-list li:nth-of-type(6){

	background: url("../images/Christel-Groenewald.jpg") no-repeat center/cover;

}

.img-list li:nth-of-type(7){

	background: url("../images/Damian-Vega.jpg") no-repeat center/cover;

}

.tab-list{

	right: 0;

	bottom: 10px;

	width: 100px;

	margin: auto;

}

.tab-list:after{

	content: "";

	display: block;

	clear: both;

}

.tab-list li{

	float: left;

	transition: 1s;

	width: 15px;

	height: 15px;

	margin-left: 5px;

	background-color: #bbb;

	border-radius: 50%;

}

.tab-list li:hover{

	cursor: pointer;

}

.tab-list li:first-child{

	margin-left: 0;

}

.tab-list .on{

	width: 40px;

	border-radius: 8px;

}

.l-600{

	left: -600px;

}

.fs-0{

	font-size: 0!important;

}

.c-w{

	color: white!important;

}

.l0077percent{

	position: relative;

	left: 0.77%;

}

.mb-35{

	margin-bottom: 35px;

}

#visit-home {

	width:60%;

}

.ml14percent{

	margin-left: 14%;

}

.mr14percent{

	margin-right: 14%;

}

.w-35{

	width: 35%;

}

.vat{

	vertical-align: top;

}

.of-h{

	overflow: hidden;

}

.fz-70percent{

	font-size: 70%;

}

.mr-7px{

	margin-right: 7px;

}

.pdbox{

	padding: 2.15% 3.99% 4.3% 3.99%!important;

}

.pdbox2{

	padding: 5.09% 9.46% 10.19% 9.46%!important;

}

.pdbox3{

	padding: 5.79% 10.74% 11.57% 10.74%!important;

}

.pdbox4{

	padding: 4.58% 8.51% 9.17% 8.51%!important;

}

.pdbox5{

	padding: 3.62% !important;

}

.pdbox6{

	padding: 3.80% 7.05% 7.59% 7.05%!important;

}

.pdbox7{

	padding: 7.84% !important;

}

.mt-10{

	margin-top: 10px;

}

.mb-0{

	margin-bottom: 0!important;

}

.mb-15{

	margin-bottom: 15px;

}

.pb-48{

	padding-bottom: 48px!important;

}

.pd-2-32-0-32{

	padding: 2px 59px 0 32px!important;

}

.pd-0-150{

	padding: 0 150px;

}

.ml-025percent{

	margin-left: 2.5%;

}

.w-217percent{

	display: inline-block;

	width: 21.7%;

}

.ml-35percent{

	margin-left: 35%;

}

.w-65percent{

	width: 65%;

}

.pt-70{

	padding-top: 70px;

}

.pb-728percent{

	padding-bottom: 7.28% !important;

}

.pb-44{

	padding-bottom: 44px !important;

}

.pb-35{

	padding-bottom: 35px !important;

}

.pb-1786percent{

	padding-bottom: 17.86% !important;

}

.b-88{

	position: relative;

	bottom: 88px;

}

.pb-847percent{

	padding-bottom: 8.47% !important;

}

.pd-70{

	padding: 70px !important;

}

.sizebox2{

	white-space: nowrap;

}

.pdbox8{

	padding: 2.1% 0 5%;

}
.hw100percent{
	height: 100%;
	width: 100%;
}
.h42{
	height: 42px;
}
.ccs{
	height: 42px;
	position: absolute;
}
/* Change the direction of the transition. 
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}*/



.m0{

	margin: 0;

}

.wrapper{

	width: 100%;

	min-height: 400px;

	background-color: #F5F5F5;

	padding: 0 4.9%;

	padding-top: 23px;
}

.swiper-container{

	width: 100%;

	height: 100%;

	margin-bottom: 20px;

}

.unit{

	width: calc( 25.2% - 28px);

	margin-right: 28px;

	display: inline-block;

	margin-bottom: 100px;

	margin-top: 21px;

	vertical-align: top;
}

.units{
	white-space: nowrap;
}

.r1{

	background-image: url("../images/jewelry/Rings/Halo Round M1.jpg");

	background-size: cover;

}

.r2{

	background-image: url("../images/jewelry/Rings/Halo Round M2.jpg");

	background-size: cover;

}

.r3{

	background-image: url("../images/jewelry/Rings/Halo Round M3.jpg");

	background-size: cover;

}

.r4{

	background-image: url("../images/jewelry/Rings/Round Solitaire.jpg");

	background-size: cover;

}

.r5{

	background-image: url("../images/jewelry/Rings/Heart M1.jpg");

	background-size: cover;

}

.r6{

	background-image: url("../images/jewelry/Rings/Heart M2 2.jpg");

	background-size: cover;

}

.r7{

	background-image: url("../images/jewelry/Rings/6-Prong Round.jpg");

	background-size: cover;

}

.r8{

	background-image: url("../images/jewelry/Rings/4 Prong Round.jpg");

	background-size: cover;

}

.r9{

	background-image: url("../images/jewelry/Rings/Accented Style.jpg");

	background-size: cover;

}

.r10{

	background-image: url("../images/jewelry/Rings/U Prong.jpg");

	background-size: cover;

}

.r11-1{

	background-image: url("../images/jewelry/Rings/Emerald.jpg");

	background-size: cover;

}
.r11-2{

	background-image: url("../images/jewelry/Rings/Emerald 2.jpg");

	background-size: cover;

}
.r11-3{

	background-image: url("../images/jewelry/Rings/Emerald 3.jpg");

	background-size: cover;

}
.r12{

	background-image: url("../images/jewelry/Rings/Emerald Solitaire.jpg");

	background-size: cover;

}

.r13{

	background-image: url("../images/jewelry/Rings/Pear Model.jpg");

	background-size: cover;

}

.r14{

	background-image: url("../images/jewelry/Rings/Pear M Pave.jpg");

	background-size: cover;

}

.r15{

	background-image: url("../images/jewelry/Rings/Solitaire Model.jpg");

	background-size: cover;

}

.r16{

	background-image: url("../images/jewelry/Rings/Criss Cross.jpg");

	background-size: cover;

}

.r17{

	background-image: url("../images/jewelry/Rings/Criss Cross M.jpg");

	background-size: cover;

}

.r18{

	background-image: url("../images/jewelry/Rings/Round Comfort.jpg");

	background-size: cover;

}

.r19{

	background-image: url("../images/jewelry/Rings/Princess.jpg");

	background-size: cover;

}

.r20{

	background-image: url("../images/jewelry/Rings/Princess M.jpg");

	background-size: cover;

}

.r21{

	background-image: url("../images/jewelry/Rings/Solitaire M1.jpg");

	background-size: cover;

}

.r22{

	background-image: url("../images/jewelry/Rings/Solitaire M2.jpg");

	background-size: cover;

}

.r23{

	background-image: url("../images/jewelry/Rings/Three Stones M1.jpg");

	background-size: cover;

}

.r24{

	background-image: url("../images/jewelry/Rings/Three Stones M2.jpg");

	background-size: cover;

}

.r25{

	background-image: url("../images/jewelry/Rings/Oval Men.jpg");

	background-size: cover;

}

.r26{

	background-image: url("../images/jewelry/Rings/Engagement Oval.jpg");

	background-size: cover;

}

.r27-1{

	background-image: url("../images/jewelry/Rings/Roman Numeral.jpg");

	background-size: cover;

}

.r27-2{

	background-image: url("../images/jewelry/Rings/Roman Numeral 2.jpg");

	background-size: cover;

}

.r28{

	background-image: url("../images/jewelry/Rings/Celtic.jpg");

	background-size: cover;

}

.r29-1{

	background-image: url("../images/jewelry/Rings/Roman Numeral Narrow.jpg");

	background-size: cover;

}

.r29-2{

	background-image: url("../images/jewelry/Rings/Roman Numeral Narrow 2.jpg");

	background-size: cover;

}

.r30{

	background-image: url("../images/jewelry/Rings/Wheat Band.jpg");

	background-size: cover;

}

.r31{

	background-image: url("../images/jewelry/Rings/Halo Emerald.jpg");

	background-size: cover;

}

.r32{

	background-image: url("../images/jewelry/Rings/Asscher Ring.jpg");

	background-size: cover;

}

.r33{

	background-image: url("../images/jewelry/Rings/Halo Princess.jpg");

	background-size: cover;

}

.r34{

	background-image: url("../images/jewelry/Rings/Halo Heart.jpg");

	background-size: cover;

}

.r35{

	background-image: url("../images/jewelry/Rings/Halo Radiant.jpg");

	background-size: cover;

}

.r36-1{

	background-image: url("../images/jewelry/Rings/Fancy Intense.jpg");

	background-size: cover;

}

.r36-2{

	background-image: url("../images/jewelry/Rings/Fancy Intense 2.jpg");

	background-size: cover;

}

.r37-1{

	background-image: url("../images/jewelry/Rings/Heart Band 2.jpg");

	background-size: cover;

}

.r37-2{

	background-image: url("../images/jewelry/Rings/Heart Band 3.jpg");

	background-size: cover;

}
.r37-3{

	background-image: url("../images/jewelry/Rings/Heart Band.jpg");

	background-size: cover;

}

.r38{

	background-image: url("../images/jewelry/Rings/4 Prong Oval.jpg");

	background-size: cover;

}

.r39{

	background-image: url("../images/jewelry/Rings/Halo Oval.jpg");

	background-size: cover;

}

.r40{

	background-image: url("../images/jewelry/Rings/Kite.jpg");

	background-size: cover;

}

.r41{

	background-image: url("../images/jewelry/Rings/Twisted Accented.jpg");

	background-size: cover;

}

.r42{

	background-image: url("../images/jewelry/Rings/3 Stone Bagguete.jpg");


	background-size: cover;

}

.i1-1{

	background-image: url("../images/jewelry/Rings/Fancy Intense Graybk.jpg");

	background-size: cover;

}

.i1-2{

	background-image: url("../images/jewelry/Rings/Fancy Intense 2 Graybk.jpg");

	background-size: cover;

}

.i2{

	background-image: url("../images/jewelry/Rings/Double Band Graybk.jpg");

	background-size: cover;

}

.i3{

	background-image: url("../images/jewelry/Rings/Kite Graybk.png");

	background-size: cover;

}

.i4{

	background-image: url("../images/jewelry/Rings/Twisted Accented Graybk.jpg");

	background-size: cover;

}

.p1{

	background-image: url("../images/jewelry/Pendants/Halo Clover.jpg");

	background-size: cover;

}

.p2-1{

	background-image: url("../images/jewelry/Pendants/Bezel Gold.jpg");

	background-size: cover;

}

.p2-2{

	background-image: url("../images/jewelry/Pendants/Bezel Gold 2.jpg");

	background-size: cover;

}

.p3{

	background-image: url("../images/jewelry/Pendants/Slide.jpg");

	background-size: cover;

}

.p4{

	background-image: url("../images/jewelry/Pendants/Two Central.jpg");

	background-size: cover;

}

.p5{

	background-image: url("../images/jewelry/Pendants/Boomerang.jpg");

	background-size: cover;

}

.p6{

	background-image: url("../images/jewelry/Pendants/Knot Style.jpg");

	background-size: cover;

}

.p7{

	background-image: url("../images/jewelry/Pendants/Princess.jpg");

	background-size: cover;

}

.p8{

	background-image: url("../images/jewelry/Pendants/Princess 2.jpg");

	background-size: cover;

}

.p9-1{

	background-image: url("../images/jewelry/Pendants/Cross.jpg");

	background-size: cover;

}

.p9-2{

	background-image: url("../images/jewelry/Pendants/Cross 2.jpg");

	background-size: cover;

}

.p10{

	background-image: url("../images/jewelry/Pendants/Fancy Cross.jpg");

	background-size: cover;

}

.p11{

	background-image: url("../images/jewelry/Pendants/Princess Halo.jpg");

	background-size: cover;

}

.p12-1{

	background-image: url("../images/jewelry/Pendants/Double Circle Gold.jpg");

	background-size: cover;

}

.p12-2{

	background-image: url("../images/jewelry/Pendants/Double Circle Platinum.jpg");

	background-size: cover;

}

.p13{

	background-image: url("../images/jewelry/Pendants/Circle.jpg");

	background-size: cover;

}

.p14{

	background-image: url("../images/jewelry/Pendants/Infinity.jpg");

	background-size: cover;

}

.p15{

	background-image: url("../images/jewelry/Pendants/Mystara Model.jpg");

	background-size: cover;

}

.p16{

	background-image: url("../images/jewelry/Pendants/Slide Model.jpg");

	background-size: cover;

}

.p17{

	background-image: url("../images/jewelry/Pendants/Inverted V.jpg");

	background-size: cover;

}

.p18{

	background-image: url("../images/jewelry/Pendants/6 Prong Silver.jpg");

	background-size: cover;

}

.p19{

	background-image: url("../images/jewelry/Pendants/Asscher.jpg");

	background-size: cover;

}

.p20{

	background-image: url("../images/jewelry/Pendants/Emerald.jpg");

	background-size: cover;

}

.p21{

	background-image: url("../images/jewelry/Pendants/Solitaire.jpg");

	background-size: cover;

}

.p22{

	background-image: url("../images/jewelry/Pendants/Solitaire M.jpg");

	background-size: cover;

}

.p23{

	background-image: url("../images/jewelry/Pendants/Princess Losange.jpg");

	background-size: cover;

}

.p24{

	background-image: url("../images/jewelry/Pendants/Heart.jpg");

	background-size: cover;

}

.p25{

	background-image: url("../images/jewelry/Pendants/Heart Halo.jpg");

	background-size: cover;

}

.p26{

	background-image: url("../images/jewelry/Pendants/Lovely Heart.jpg");

	background-size: cover;

}

.p27{

	background-image: url("../images/jewelry/Pendants/Central Heart.jpg");

	background-size: cover;

}

.p28-1{

	background-image: url("../images/jewelry/Pendants/Emerald Halo.jpg");

	background-size: cover;

}

.p28-2{

	background-image: url("../images/jewelry/Pendants/Emerald Halo Blue.jpg");

	background-size: cover;

}

.p29{

	background-image: url("../images/jewelry/Pendants/Radiant.jpg");

	background-size: cover;

}

.p30{

	background-image: url("../images/jewelry/Pendants/XO Style.jpg");

	background-size: cover;

}

.p31{

	background-image: url("../images/jewelry/Pendants/Brilliant Silver.jpg");

	background-size: cover;

}

.p32{

	background-image: url("../images/jewelry/Pendants/Asscher Halo.jpg");

	background-size: cover;

}

.p33{

	background-image: url("../images/jewelry/Pendants/Three Stone.jpg");

	background-size: cover;

}

.p34{

	background-image: url("../images/jewelry/Pendants/Two Bars.jpg");

	background-size: cover;

}

.p35{

	background-image: url("../images/jewelry/Pendants/Rose Style.jpg");

	background-size: cover;

}

.e1{

	background-image: url("../images/jewelry/Earrings/Mini Heart.jpg");

	background-size: cover;

}

.e2{

	background-image: url("../images/jewelry/Earrings/Cutie.jpg");

	background-size: cover;

}

.e3{

	background-image: url("../images/jewelry/Earrings/Cocktail.jpg");

	background-size: cover;

}

.e4{

	background-image: url("../images/jewelry/Earrings/Cross.jpg");

	background-size: cover;

}

.e5{

	background-image: url("../images/jewelry/Earrings/Sunflower.jpg");

	background-size: cover;

}

.e6{

	background-image: url("../images/jewelry/Earrings/Olive.jpg");

	background-size: cover;

}

.e7{

	background-image: url("../images/jewelry/Earrings/Heart M1.jpg");

	background-size: cover;

}

.e8{

	background-image: url("../images/jewelry/Earrings/Heart M2.jpg");

	background-size: cover;

}

.e9{

	background-image: url("../images/jewelry/Earrings/4 Prongs S.jpg");

	background-size: cover;

}

.e10{

	background-image: url("../images/jewelry/Earrings/4 Prongs L.jpg");

	background-size: cover;

}

.e11{

	background-image: url("../images/jewelry/Earrings/3 Prong.jpg");

	background-size: cover;

}

.e12{

	background-image: url("../images/jewelry/Earrings/Bezel.jpg");

	background-size: cover;

}

.e13-1{

	background-image: url("../images/jewelry/Earrings/Omphalos.jpg");

	background-size: cover;

}

.e13-2{

	background-image: url("../images/jewelry/Earrings/Omphalos 2.jpg");

	background-size: cover;

}

.e14{

	background-image: url("../images/jewelry/Earrings/Bezel C.jpg");

	background-size: cover;

}

.e15{

	background-image: url("../images/jewelry/Earrings/Huggie.jpg");

	background-size: cover;

}

.e16{

	background-image: url("../images/jewelry/Earrings/Inverted.jpg");

	background-size: cover;

}

.e17{

	background-image: url("../images/jewelry/Earrings/Crossover.jpg");

	background-size: cover;

}

.e18{

	background-image: url("../images/jewelry/Earrings/Compass.jpg");

	background-size: cover;

}

.e19{

	background-image: url("../images/jewelry/Earrings/Triangle.jpg");

	background-size: cover;

}

.e20{

	background-image: url("../images/jewelry/Earrings/Tri-petal.jpg");

	background-size: cover;

}

.e21-1{

	background-image: url("../images/jewelry/Earrings/Flora.jpg");

	background-size: cover;

}

.e21-2{

	background-image: url("../images/jewelry/Earrings/Flora Green.jpg");

	background-size: cover;

}

.e22{

	background-image: url("../images/jewelry/Earrings/Cluster Round.jpg");

	background-size: cover;

}

.e23{

	background-image: url("../images/jewelry/Earrings/Cluster Flower.jpg");

	background-size: cover;

}

.e24{

	background-image: url("../images/jewelry/Earrings/Round S.jpg");

	background-size: cover;

}

.e25{

	background-image: url("../images/jewelry/Earrings/Round Flower.jpg");

	background-size: cover;

}

.e26{

	background-image: url("../images/jewelry/Earrings/Halo Round.jpg");

	background-size: cover;

}

.e27{

	background-image: url("../images/jewelry/Earrings/Halo Round M.jpg");

	background-size: cover;

}

.e28{

	background-image: url("../images/jewelry/Earrings/Halo Heart.jpg");

	background-size: cover;

}

.e29{

	background-image: url("../images/jewelry/Earrings/Star Burst.jpg");

	background-size: cover;

}

.e30{

	background-image: url("../images/jewelry/Earrings/Asscher.jpg");

	background-size: cover;

}

.e31{

	background-image: url("../images/jewelry/Earrings/Emerald.jpg");

	background-size: cover;

}

.e32{

	background-image: url("../images/jewelry/Earrings/Radiant.jpg");

	background-size: cover;

}

.e33{

	background-image: url("../images/jewelry/Earrings/Angle star.jpg");

	background-size: cover;

}

.e34{

	background-image: url("../images/jewelry/Earrings/4 Prongs - Princess.jpg");

	background-size: cover;

}

.e35{

	background-image: url("../images/jewelry/Earrings/Princess Halo S.jpg");

	background-size: cover;

}

.e36{

	background-image: url("../images/jewelry/Earrings/Princess Halo.jpg");

	background-size: cover;

}

.e37{

	background-image: url("../images/jewelry/Earrings/Infinity.jpg");

	background-size: cover;

}

.e38{

	background-image: url("../images/jewelry/Earrings/Knot.jpg");

	background-size: cover;

}

.swiper-button-prev{

	display: none;

	background-image: url("../images/jewelry/leftArrow.png");

	transform: scale(0.49);

}

.swiper-button-next{

	display: none;

	background-image: url("../images/jewelry/rightArrow.png");

	transform: scale(0.49);

}

.blackline{

	display: none;

	height: 6px;

	width: 100%;

	background-color: black;

	position: absolute;

	top: 100%;

	transform: translateY(-100%);

}

.getStarted{

	display: none;

	text-align: center;

	line-height: 35px;

	position: absolute;

	left: 50%;

	bottom: 49px;

	height: 35px;

	width: 128px;

	border: 1px black solid;

	transform: translateX(-50%);

	cursor: pointer;

	z-index: 10000;

}

.getStarted:hover{

	background-color: black;

	color: white;

	transition: ease-in-out 0.35s;

}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{

	margin: 0 13px;

	width: 13px;

	height: 13px;

}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover{

	border: 1px solid black;

	border-radius: 50%;

}

.swiper-pagination-bullet{

	opacity: 1;

}

.swiper-pagination-bullet:nth-of-type(1){

	transform: rotate(45deg);

	background: url("../images/jewelry/s1.webp");

	background-size: cover;

	background-color: white;

}

.swiper-pagination-bullet:nth-of-type(2){

	transform: rotate(45deg);

	background: url("../images/jewelry/s2.webp");

	background-size: cover;

	background-color: white;

}

.swiper-pagination-bullet:nth-of-type(3){

	transform: rotate(45deg);

	background: url("../images/jewelry/s3.webp");

	background-size: cover;

	background-color: white;

}

.swiper-pagination-bullet:nth-of-type(4){

	transform: rotate(45deg);

	background: url("../images/jewelry/s4.webp");

	background-size: cover;

	background-color: white;

}

.swiper-pagination{

	bottom: 14px !important;

}

.f1{

	font-size: 15px;

	font-family: 'Gotham';

}

.f2{

	font-size: 14px;

	font-family: 'Gotham';

	color: #8a8a8a;

	white-space: normal;
}

.mr-8{

	margin-right: 8px;

}

.mb-10{

	margin-bottom: 7px;

}

.el-select .el-input .el-select__caret{

	color: black;

	position: relative;

	bottom: 10px;

}

.el-input__inner::placeholder {

	color: black;

	font-size: 20px;

	font-family: 'Arial';

	background-color: #F5F5F5;

}

.el-input__inner{

	border: none;

	width: 91px;

	border-right: 1px #BFBFBF solid;

	border-radius: 0;

	margin-bottom: 20px;

	background-color: #F5F5F5;
}

#app{

	padding-top: 44px;

	margin: 0 4.9%;

	border-bottom: 1px #d8d8d8 solid;

}

.el-checkbox{

	width: 100%;

}

.el-checkbox__input+.el-checkbox__label{

	color: #606266 !important;

	width: calc(100% - 14px);

	font-family: 'Arial';

	padding-top: 7px;

	padding-bottom: 7px;

}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{

	background-color: black;

	border: 1px solid white;

	outline: 2px solid #C9C9C9;

	border-radius: 0;

}

.el-checkbox__input.is-checked .el-checkbox__inner::after{

	display: none;

}

.el-scrollbar__bar.is-horizontal{

	display: none;

}

.el-checkbox__input{

	padding-left: 11px;

}

.el-select-dropdown__item{

	display: none;

}

.el-select-dropdown__list{

	padding-top: 14px !important;

}

.gray{
	background-color: #F5F5F5;
}

.el-select .el-input.is-focus .el-input__inner{
	border-color:#BFBFBF;
}

.dp-b{
	display: block;
}

.flr{
	float: right;
}

.wrapheader{
	width: 100%;
	background-color: white;
	position: relative;
	bottom: 56px;
}

.wrapfooter{
	padding: 0 5.6%;
	height: 210px;
	width: 100%;
	background-color: white;
	padding-top: 77px;
	margin-bottom: 63px;
}
.wrapfooter:before{
	content: '';
	position: absolute;
	width: calc(45% - 193px);
	height: 1px;
	background: black;
	margin-top: 95px;
}
.wrapfooter:after{
	content: '';
	position: absolute;
	width: calc(45% - 193px);
	height: 1px;
	background: black;
	margin-top: 95px;
	right: 5.6%;
}
.seeAll{
	display: inline-block;
	margin-top: 70px;
	height: 49px;
	width: 193px;
	border: 1px solid black;
	color: black;
	text-align: center;
	font-size: 22px;
	font-family: 'Charter';
	line-height: 49px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}

.seeAll:hover{
	background-color: black;
	color: white;
	transition: ease-in-out 0.35s;
}

.nd{
	width: 100%;
	padding-top: 63px;
	padding-bottom: 14px;
	text-align: center;
	font-size: 42px;
	color: black;
	font-family: 'Charter';
}

.ndct{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: black;
	font-family: 'Arial';
	max-width: 777px;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

.mobile-text{
	display: none;
	position: relative;
	bottom: 29px;
	z-index: 10000;
	text-align: center;
	font-size: 12px;
}

.pWave{
	padding: 0 0 10px;
	margin: 0;
}

.w-490{
	width: 490px;
}

tbody{
	border-bottom: 1px solid #ddd;
}

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

	#app{
		margin: 0 1%;
	}

	.units{
		white-space: normal;
	}

	.unit{

		width: calc( 49% - 10px) !important;

		margin-right: 10px;
	}

	.wrapper{
		padding: 0 2.1%;
	}

	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{

		margin: 0 7px !important;

		transform: rotate(45deg);

	}

	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
		width: 11px;
		height: 11px;
	}

	.getStarted{

		display: none !important;

	}

	.wrapper{

		padding:0 0 0 3.5%

	}

	.cenPositionP2{

		transform: translateX(-50%) !important;

		left: 50% !important;

	}

	.swiper-button-prev{

		display: block !important;

		left: 0;

		transform: scale(0.35);
	}

	.swiper-button-next{

		display: block !important;

		right: 0;

		transform: scale(0.35);
	}

	.f1{

		font-size: 12px;

	}

	.flr{

		display: block;

		font-size: 12px;

		float: none;

	}

	.f2{

		font-size: 12px;

	}

	.mr-8{
		margin-right: 0;
	}

	.cenPositionR1{
		padding-left: 5.6%;
		margin-left: 0 !important;
	}

	.el-input__inner::placeholder {

		font-size: 15px;

	}

	.swiper-container{

		margin-bottom: 10px;

	}

	.swiper-pagination{
		bottom: 10px !important;
	}

	.seeAll{
		width: 140px;
		height: 42px;
		line-height: 42px;
		font-size: 20px;
	}
	.wrapfooter:before{
		width: calc(45% - 89px);
	}
	.wrapfooter:after{
		width: calc(45% - 89px);
	}
	.wrapfooter{
		padding-top: 0;
		margin-bottom: 0;
	}
}