@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }

*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

ul { list-style: none outside;    }
ol { list-style-position: inside; }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
	outline: none;
	text-decoration: none;
    background: transparent;
	vertical-align: baseline;
}


a, a > * {color:#f1769f}
a:hover, a:hover > * {color:#f1769f}
a:active, a:active > * {color:#f1769f}
 a:hover {text-decoration: none;}

.pink-diamond-collection a:hover {text-decoration: none;}

.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
.padding-15 {padding-top:10px;}
.padding-20 {padding-top:10px; padding-bottom:10px;}
.padding-30 {padding-top:15px; padding-bottom:15px;}
.padding-40 {padding-top:20px; padding-bottom:20px;}
.padding-50 {padding-top:25px; padding-bottom:25px;}
.divider 	{background-color:#e4e4e4; height:1px;}

.greyborder {border:solid 1px #DEDEDE}



/* -------------------------------------------------- */
	/*	Typography
	/* -------------------------------------------------- */

hgroup {
    margin-bottom: 0px;
    padding-bottom: 15px;
}

p {
    	font-family:"adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif;
    	font-size:100%;
		margin: 0 0 1.5em;
		padding: 0;
		line-height: 1.75em;
	}

p a {color:#f1769f; text-decoration:none}
p a:hover {text-decoration:underline}

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 15px;
		color: #2c1d11;
		font-family: 'trajan-pro-1','trajan-pro-2', sans-serif;
		line-height: 1.3em;
		font-weight: normal;
	}
	
	h1 { font-size: 24px; "trajan-pro-1","trajan-pro-2", Cambria, serif; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; font-family:"adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	::-moz-selection {
		background-color: #eacd87;
		color: #fff;
		text-shadow: none;
	}

	::selection {
		background-color: #eacd87;
		color: #fff;
		text-shadow: none;
	}
	

img {
    border: 0;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
    vertical-align:middle;
}

body {/*padding-top:110px;*/}

.section {
    background-color: #fff;
    overflow: hidden;
    padding: 30px 0 0;
    position: relative;
    width: 100%;
    z-index: 2;
}

.section-title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
}

.section-title:after {
    background-color: #eacd87;
    content: "";
    height: 1px;
    left: 52%;
    margin-left: -7%;
    position: absolute;
    width: 10%;
}


.love-letters{
     padding: 30px 0 30px 0;
    position: relative;
}


.love-letters:after {
    background-color: #eacd87;
    content: "";
    height: 1px;
    left: 12%;
    position: absolute;
    width: 74%;
}

ol.slide-indicator li {background-color: #aaa;}
ol.slide-indicator li.active {background-color: #f1769f;}

/* -------------------------------------------------- */
	/*	General Classes
	/* -------------------------------------------------- */
	
	.align-center { text-align: center; }
	.align-left	  { text-align: left; }
	.align-right  { text-align: right; }
	
	.alignleft  { float: left; }
	.alignright { float: right; }

	img.alignleft { margin-right: 20px; }
	img.alignright { margin-left: 20px; }
	
	.hide		{ display: none;  }
	.show		{ display: block; }
	.invisible  { visibility: hidden; }
	.affix		{ position: fixed; }



/* -------------------------------------------------- */
	/*	Buttons
	/* -------------------------------------------------- */	

	.button {
    	font-family: 'trajan-pro-1','trajan-pro-2', sans-serif;
		display: inline-block;
		margin-bottom: 1em;
		padding: 1.25em 2em 1em;
		outline: none;
		border-width: 0;
		border-style: solid;
		border-color: transparent;
		background-color: transparent;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 100%;
		cursor: pointer;
    	line-height:1;

		-webkit-border-radius: 4px;
				border-radius: 4px;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}

.button:hover {
	text-decoration: none;
}
	
.button.small { 
		font-size: 75%;
	}	

.button.middle { 
		padding: 10px 24px;
		font-size: 17px;
	}
	
	.button.large {
		padding: 15px 30px;
		font-size: 20px;
	}
	
	.button.default {
		border-color: #cfcfcf;
		color: #2c1d11;
	}

	.button.default:hover { 
		border-color: transparent;
		background-color: #2c1d11; 
		color: #fff;
	}
	
	.button.submit {
		margin-bottom: 20px;
		padding: 2px 20px;
		width: 100%;
	}

	.button.pink { background:#f1769f; }

	.button.pink:hover {
    	color:#fff!important;
		background:#f1769f;
	}

.button.pink a,
.button.pink a:visited {color:#fff;}




	/* -------------------------------------------------- */
	/* Homepage
	/* -------------------------------------------------- */

#home-promo-boxes {margin-bottom:0;padding-bottom:0;}

#home-promo-boxes h3 {
    font-weight:600;
    font-size:100%;
    color:#eacd87; 
    font-family: "trajan-pro-1","trajan-pro-2",sans-serif;
}

#home-promo-boxes div p {
    font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif;
    font-size: 87.5%;
    line-height: 140%;
    color: #333333;
    padding-left:0;
    padding-right:0;
    margin:0;
}

#home-promo-boxes div a {
	display:block;
    font-weight:400;
    font-style:italic;
    text-decoration:none;
    font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif;
    font-size: 100%;
    line-height: 140%;
    color: #333333;
    margin-bottom: 25px;
    -webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}

#home-promo-boxes div a:hover {
	color:#666;
}

#home-promo-boxes div a .fa {
	font-size:60%;
    margin-left:3px;
}

#home-promo-boxes div a:hover .fa {
	color:#666;
}

#home-promo-boxes .col-md-8 {
	padding:0;
}

#home-promo-boxes img.promo1 {margin-top:20px;}
#home-promo-boxes img.promo2 {margin-top:10px;}
#home-promo-boxes img.promo3 {margin-top:0px; width: 200px;}


#home-promo-boxes img.promo1b {margin-top:0px;}
#home-promo-boxes img.promo2b {margin-top:0px;}
#home-promo-boxes img.promo3b {margin-top:0px;}


	/* -------------------------------------------------- */
	/* Search
	/* -------------------------------------------------- */

#search-wrap 		{
    margin:0; display:block; z-index:1;background-color:#fff; border-bottom:solid 1px #d2d2d2;
}
			form#search-form 	{margin:0; padding:10px;}
			input.search-field 	{font:italic normal 300 125%/100%  "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; float:left; font-size:175%!important; line-height:1; color:#999!important; border:none!important; padding:10px!important; border-radius:0!important}
			
			input.search-button[type="submit"] {
    			font-family: FontAwesome;
			}
			input.search-button {
				background-color: #FFFFFF;
				border:none;
				color: #D2D2D2;
				display: block;
				float: right;
				font-size: 150%;
				margin: 0;
				padding: 10px;
    			-webkit-transition: background-color .25s ease, height .25s ease;
						transition: background-color .25s ease, height .25s ease;
    			-webkit-transition: color .25s ease, height .25s ease;
						transition: color .25s ease, height .25s ease;
			}
			input.search-button:hover {
			background-color: #D2D2D2;
					   color: #FFFFFF;
}
			form#search-form .clear	{clear:both;}


	/* -------------------------------------------------- */
	/* Navigation
	/* -------------------------------------------------- */

img.logo	{width:162px; padding:14px 0 0; }
img.logo2	{width:162px; padding:14px 0 0; }

#top-nav	{background-color:#2c1d11; height:30px}

#top-nav ul		{float:right;  margin:5px 2% 10px 0;}
#top-nav ul li	{display:inline-block;}
#top-nav ul li a	{font-family: "trajan-pro-1","trajan-pro-2",sans-serif; color:#977f6b; font-weight:700; float:left; font-size:65%; text-transform:uppercase; display:block; line-height:120%; padding: 0 6px;-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
#top-nav ul li a:hover,
#top-nav ul li a:hover .fa {text-decoration:none; color:#fff}
#top-nav ul li a .fa,
#top-nav ul li a span {color:#977f6b;}



/* -------------------------------------------------- */
/* MOBILE TOP NAV
/* -------------------------------------------------- */
@media (max-width: 767px) 	{
	#top-nav ul			{float:none;}
	}


/* -------------------------------------------------- */
/* GLOBAL MENU
/* -------------------------------------------------- */

.navbar-white{background-color:#fff; height: 80px; border-bottom: 1px solid #DEDEDE;z-index:1500;}
#global-nav{z-index:1500;}
#global-nav ul 				{margin: 15px 0;  float:right; }
#global-nav ul li 			{list-style-type:none; position:relative; float:left; }
#global-nav ul li a			{display:block; font-family: "trajan-pro-1","trajan-pro-2",sans-serif; color:#2c1d11; font-size:87.5%; padding:10px 0px 9px; margin:0 1.071em/*15px/14*/; }
/*#global-nav > ul > li > a 		{border-bottom:solid 1px #fff;}    */


@media screen and (min-width: 993px) and (max-width: 1200px){
	#global-nav ul li a 	{font-size:13px;}
}



#global-nav ul li a:hover,
#global-nav ul li.selected > a {text-decoration:none;}
#global-nav ul ul 			{display:none;}
#global-nav ul li:hover ul 	{ top:36px; left:0; padding:0; margin:0;}
#global-nav ul li.submenu-right:hover ul {position:absolute; top:40px; right:0!important; padding:0; margin:0;}
#global-nav ul ul li 		{list-style-type:none; display:block!important; padding-left:0; margin-left:0;}
#global-nav ul ul li a 		{font-family:"adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; display:block;padding:2px 0px;-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
#global-nav ul ul li a:hover{text-decoration:none; border-bottom:none!important; color:#eacd87;}

@media (min-width: 768px) 	{
     #global-nav > ul > li:hover > a,
    #global-nav ul li.selected > a	{border-bottom:solid 1px #f1769f;}
	#global-nav > ul > li:hover > a{color:#f1769f;}
    #global-nav ul li:hover ul 	{display:block; width:220px; background-color:rgba(255,255,255,.9); position:absolute;}
	#global-nav ul li > a:hover{border:none;}
    #global-nav ul li ul li 	{padding:3px 0; float:none;}
    #global-nav ul li.search-nav-item .fa {color:#2c1d11;}
    ul.menu-second-tier {min-width: 440px;}
    ul.menu-second-tier > li.has_dropdown {float:left!important;}
    ul.menu-second-tier > li.has_dropdown:first-child {min-width:220px;}
	#mondialheader #global-nav ul li.has_dropdown > ul{outline:1px solid #ddd;}
	#global-nav ul ul li a{padding:5px 10px;}
	#mondialheader .navbar-white{height:135px;}
	#global-nav ul li:hover ul{top:41px;}
	#mondialheader .navbar-white #global-nav ul{margin:19px 0 0;}
	#mondialheader #global-nav ul li.has_dropdown .menu-second-tier li ul{min-height:220px;margin-top:6px;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
	#global-nav ul li a 	{font-size:11.5px;  margin:0 0.5em;}
	#mondialheader #global-nav ul li.has_dropdown .menu-second-tier li ul{margin-top:3px;}
}
/* -------------------------------------------------- */
/* MOBILE MENU
/* -------------------------------------------------- */
@media (max-width: 767px) {
#global-nav ul li {display:block; float:none; border-top:1px solid #DEDEDE;}
#global-nav > ul > li:hover	+ li	{border-top:1px solid #eacd87;}
#global-nav > ul > li.search-nav-item{display:none;}
#global-nav > ul > li:first-child	{border-top:none;}
#global-nav ul li a	{padding:12px 0 12px;}
#global-nav ul ul {display:none;}
	
#global-nav ul		{float:none; margin:0;}
#global-nav ul li:hover ul{position:static;}
#global-nav ul ul li	{background-color: #888888; margin:0; padding: 8px 0 8px 0px;}

.navbar-collapse	{padding-left:0; padding-right:0; -moz-box-shadow:  0px 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:  0px 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); margin-top:8px; max-width:none;}

}

	/* -------------------------------------------------- */
	/* Slides
	/* -------------------------------------------------- */	
	
	#slides { position: relative;}
	
		.fullscreen-image {
			width: 100%;
			height: 100%;
			background-position: center center;
			background-repeat: no-repeat;
		}	
		
		.no-touch .fullscreen-image {
			background-attachment: fixed;
			background-size: cover;
		}

			.header-text-entry {
				display: table;
				width: 100%;
				height: 100%;
			}

				.header-text {
					position: relative;
					z-index: 2;
					display: table-cell;
					margin: auto;
					vertical-align: middle;
					text-align: center;
				}

					/* Custom Styles */

					.header-text h1,
					.header-text h2,
					.header-text h3,
					.header-text h4,
					.header-text h5,
					.header-text h6 {
						color: #fff;
						font-weight: 300;
						line-height: 1em;
						z-index: 2;
					}

					.header-text h3 { 
						margin-bottom: 0;
						font-size: 80px; 
						font-family: 'Julius Sans One', sans-serif;
						text-transform: uppercase;
    					text-shadow: 0 0 5px rgba(0,0,0,0.75);
					}
		
			/* Slides Pagination */

			.slides-pagination {
				position: absolute;
				bottom: 10px;
				text-align: center;
				width: 100%;
				z-index: 5;
				font-size: 0;
			}

				.slides-pagination a {
					display: inline-block;
					margin: 2px 7px;
					width: 7px;
					height: 7px;
					border-width: 1px;
					border-style: solid;
					border-color: transparent;
					background-color: #fff;
					cursor: pointer;
					vertical-align: middle;
				}
				
				.slides-pagination a {
					-webkit-border-radius: 50%;
							border-radius: 50%;
					-webkit-transition: all .25s linear;
							transition: all .25s linear;
				}

				.slides-pagination .current {
					margin: 0 7px;
					width: 11px;
					height: 11px;
					border-color: #fff;
					background-color: transparent;
					cursor: default;
				}
				
			/* Slides Directional Nav */

			.slides-navigation a {
				position: absolute;
				top: 50%;
				z-index: 1000;
				margin-top: -20px;
				opacity: 0;
				font-size: 0;
				
				-webkit-transition: opacity .25s ease;
						transition: opacity .25s ease;
			}
			
			.touch .slides-navigation a,
			#slides:hover .slides-navigation a { opacity: 1; }
			
			.ie8 .slides-navigation a				 { visibility: hidden; }
			.ie8 #slides:hover .slides-navigation a  { visibility: visible; }

			.slides-navigation .prev { left: 35px;  }
			.slides-navigation .next { right: 35px; }

			.slides-navigation a:after {
				color: #fff;
				vertical-align: middle;
				text-decoration: inherit;
				font-weight: normal;
				font-style: normal;
				font-size: 48px;
				line-height: 59px;
				font-family: 'fontello';
				cursor: pointer;
			}

			.slides-navigation a:hover:after { color: #00c2a9; }

			.slides-navigation .prev:after   { content: "\ea07"; }
			.slides-navigation .next:after   { content: "\ea08"; }


	/* -------------------------------------------------- */
	/* Footer
	/* -------------------------------------------------- */

footer p 				{margin-top:10px; font-size:67.5%; font-family: "trajan-pro-1","trajan-pro-2",sans-serif; color:#2c1d11;}
footer span.phone 		{font-weight:600;  font-size:110%;}
footer span.copyright 	{font-size:75%;}
footer img {width:auto!important;}


@media (max-width: 767px) {
    footer .col-xs-12 {text-align:center;}
  }

ul.partners		{overflow:hidden; float:left; display:flex;align-items:center;}
ul.partners	li	{float:left; padding: 0 10px; list-style-type:none;}


#home-promo-boxes > div > div > img {width:100%;}



	/* -------------------------------------------------- */
	/* Rings Webapp List
	/* -------------------------------------------------- */


#ringsdropdown			{float:right; font: normal normal 400 75%/150% "trajan-pro-1","trajan-pro-2",sans-serif;  }
#ringsdropdown ul ul	{display:none; width:100%;}
#ringsdropdown ul ul li	a	{text-align:left; display:block; font:normal normal 400 110%/100% "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; color:#2c1d11;-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease; }
#ringsdropdown ul ul li	a:hover	{text-decoration:none; border-bottom:none!important; color:#eacd87;}
#ringsdropdown > ul		{color:#2c1d11; }
#ringsdropdown > ul li	{position:relative; padding:5px 10px;}
#ringsdropdown > ul > li:hover ul	{display:block; position:absolute; right:0; top:28px; z-index:9999; background-color:#fff;}

#diamondringsapp h3 {
	font:normal normal 400 100%/150% "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; 
	color:#898989;
}




#diamondringsapp .jewellery-list {
    z-index:0; 
    position:relative; 
    background-color:#fff; 
    border:solid 1px #e4e4e4;
}

#diamondringsapp .jewellery-wrap {}
#diamondringsapp .jewellery-list:nth-child (1n+3) {margin-right:-1px;}
#diamondringsapp .jewellery-list:nth-child (2n+3) {margin-left:-1px;}
#diamondringsapp .jewellery-list img {z-index:1; width:100%; height:auto;}
#diamondringsapp .jewellery-list .details,
#diamondringsapp .jewellery-list .hoverColor 		{display:none;}
#diamondringsapp .jewellery-list:hover .hoverColor 	{z-index:2;position:absolute; top:0; left:0; display:block; width:100%; height:100%;  background-color:rgba(0,0,0,0.3) }
#diamondringsapp .jewellery-list:hover .details 	{width:100%; height:100%; z-index:3;font-weight:300;color: #fff; display:table-cell; vertical-align:middle; background:none!important; text-align:center; position:absolute; top:0; left:0; font-family:"trajan-pro-1","trajan-pro-2",sans-serif;}
#diamondringsapp .jewellery-list:hover .details p.name {width:80%; margin:0 10% 20px; text-shadow:0px 0px 4px #000; position:relative; padding-top:40%; color:#fff!important;font:normal normal 400 125%/130% "trajan-pro-1","trajan-pro-2", Cambria, serif; }
#diamondringsapp .jewellery-list:hover .details p.view-details {text-shadow:0px 0px 4px #000;color:#fff!important;font-weight:300; font-size:100%;}
#diamondringsapp .jewellery-list:hover .details p.view-details .fa {text-shadow:0px 0px 4px #000;font-size:75%;}
#diamondringsapp .jewellery-list:hover .details p.name:after {
    background-color: #fff;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -7%;
    position: absolute;
    width: 14%;
}
.jewellery-wrap {}
.jewellery-list:nth-child (1n+3) {margin-right:-1px;}
.jewellery-list:nth-child (2n+3) {margin-left:-1px;}
.jewellery-list img {z-index:1; width:100%; height:auto;}
.jewellery-list .details, .jewellery-list .hoverColor 		{display:none;}
.jewellery-list:hover .hoverColor 	{z-index:2;position:absolute; top:0; left:0; display:block; width:100%; height:100%;  background-color:rgba(0,0,0,0.3) }
.jewellery-list:hover .details 	{width:100%; height:100%; z-index:3;font-weight:300;color: #fff; display:table-cell; vertical-align:middle; background:none!important; text-align:center; position:absolute; top:0; left:0; font-family:"trajan-pro-1","trajan-pro-2",sans-serif;}
.jewellery-list:hover .details p.name {text-shadow:0px 0px 4px #000; position:relative; padding-top:40%; color:#fff;font:normal normal 400 150%/100% "trajan-pro-1","trajan-pro-2", Cambria, serif; margin-bottom:20px; }
.jewellery-list:hover .details p.view-details {text-shadow:0px 0px 4px #000;color:#fff!important;font-weight:300; font-size:100%;}
.jewellery-list:hover .details p.view-details .fa {text-shadow:0px 0px 4px #000;font-size:75%;}
.jewellery-list:hover .details p.name:after {
    background-color: #fff;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -7%;
    position: absolute;
    width: 14%;
}


/* START mondial-engagement-rings-list.tpl */

#diamondringsapp .jewellery-list-alt {
    z-index:0; 
    position:relative; 
    background-color:#fff; 
    border:solid 1px #e4e4e4;
}

#diamondringsapp .jewellery-wrap {}
#diamondringsapp .jewellery-list-alt:nth-child (1n+3) {margin-right:-1px;}
#diamondringsapp .jewellery-list-alt:nth-child (2n+3) {margin-left:-1px;}

#diamondringsapp .jewellery-list-alt img {z-index:1; width:100%; height:auto;}
#diamondringsapp .jewellery-list-alt .details,
#diamondringsapp .jewellery-list-alt .hoverColor 		{display:none;}
#diamondringsapp .jewellery-list-alt:hover .hoverColor 	{z-index:2;position:absolute; top:0; left:0; display:block; width:100%; height:100%;  background-color:rgba(0,0,0,0.3) }


#diamondringsapp .jewellery-list-alt:hover .details 	{width:100%; height:100%; z-index:3;font-weight:300;color: #fff; display:table-cell; vertical-align:middle; background:none!important; text-align:center; position:absolute; top:0; left:0; font-family:"trajan-pro-1","trajan-pro-2",sans-serif;}
#diamondringsapp .jewellery-list-alt:hover .details p.code {text-shadow:0px 0px 4px #000; position:relative; padding-top:36%!important; color:#fff;font:normal normal 400 80%/100% "trajan-pro-1","trajan-pro-2", Cambria, serif; margin-bottom:10px; }
#diamondringsapp .jewellery-list-alt:hover .details p.name {text-shadow:0px 0px 4px #000; position:relative; padding-top:0%!important; color:#fff;font:normal normal 400 150%/100% "trajan-pro-1","trajan-pro-2", Cambria, serif; margin-bottom:20px; }
#diamondringsapp .jewellery-list-alt:hover .details p.view-details {text-shadow:0px 0px 4px #000;color:#fff!important;font-weight:300; font-size:100%;}
#diamondringsapp .jewellery-list-alt:hover .details p.view-details .fa {text-shadow:0px 0px 4px #000;font-size:75%;}
#diamondringsapp .jewellery-list-alt:hover .details p.name:after {
    background-color: #fff;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -7%;
    position: absolute;
    width: 14%;
}

/* END mondial-engagement-rings-list.tpl */


#diamondringsapp .pagination {
    text-align:center;
    clear: both;
	display:block;
    margin:20px auto;
    text-align:center;

}

ul#webapp9673pagination li 					{float:left!important; margin-right:-1px; height:auto; padding:0;}
ul#webapp9673pagination li a 				{margin:0; font:normal normal 400 75%/100% "trajan-pro-1","trajan-pro-2", Cambria, serif;color:#2c1d11; padding:0.5em 1em;}
ul#webapp9673pagination li a:hover 			{text-decoration:none;}
ul#webapp9673pagination li.pag-number a 		{text-decoration:none;}
ul#webapp9673pagination li.pag-number a:hover{}
ul#webapp9673pagination li.pag-current 		{font:normal normal 400 75%/100% "trajan-pro-1","trajan-pro-2", Cambria, serif;color:#2c1d11; padding:0.675em 1em;}
ul#webapp9673pagination li.pag-next a 		{}
ul#webapp9673pagination li.pag-next a:hover 	{}
ul#webapp9673pagination li.pag-prev a 		{}
ul#webapp9673pagination li.pag-prev a:hover 	{}

ul#webapp7833pagination li 					{float:left!important; margin-right:-1px; height:auto; padding:0;}
ul#webapp7833pagination li a 				{margin:0; font:normal normal 400 75%/100% "trajan-pro-1","trajan-pro-2", Cambria, serif;color:#2c1d11; padding:0.5em 1em;}
ul#webapp7833pagination li a:hover 			{text-decoration:none;}
ul#webapp7833pagination li.pag-number a 		{text-decoration:none;}
ul#webapp7833pagination li.pag-number a:hover{}
ul#webapp7833pagination li.pag-current 		{font:normal normal 400 75%/100% "trajan-pro-1","trajan-pro-2", Cambria, serif;color:#2c1d11; padding:0.675em 1em;}
ul#webapp7833pagination li.pag-next a 		{}
ul#webapp7833pagination li.pag-next a:hover 	{}
ul#webapp7833pagination li.pag-prev a 		{}
ul#webapp7833pagination li.pag-prev a:hover 	{}



/* pagination-list */
.pagination-a { position: relative; clear: both; height: 40px; }
.pagination-a .pagination { position:absolute; right:0px; width:auto !important; }
 .pagination-a li { display: inline; }
  .pagination-a .pagination strong, .pagination-a .pagination a{ display: block; float: left; width: 23px; height: 20px; margin: 0 0 0 5px; padding: 3px 0 0 0; background-color: #345163; color: #fff; font-size: 1.2em; text-align: center; text-decoration: none;cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;behavior: url(/styles/pie.htc);}
  .pagination-a .pagination strong { background-color: #68b3af; color: #fff; }



	/* -------------------------------------------------- */
	/* Rings Webapp Detail
	/* -------------------------------------------------- */


div.app-wrapper {position: relative; }
.ringDetail {width:100%; margin:0; }
.ringDetail p {font-size:100%;}
.ringDetail .breadcrumbs {font-size:67.5%;font-family:"trajan-pro-1","trajan-pro-2", Cambria, serif;font-weight: 600;}
.ringDetail .breadcrumbs a:hover {text-decoration:underline;}
.ringDetail .breadcrumbs a:visited {color:#f1769f}
.ringDetail .breadcrumbs .fa {margin:0 5px;}
.ringDetail h2 {font-size:200%; margin:0; padding:0; }
.ringDetail h4 {font-size:125%; margin:0 0 0.5em 0; padding:0; }
.ringDetail p.colour {font-size:100%; text-transform:none; color:#646464; padding-bottom:5px;}
.ringDetail p.price 	{font-size:100%; font-weight:700; /*text-transform:uppercase;*/ color:#444444; border-bottom:solid 1px #eceadf; padding-bottom:0.5em; margin-bottom:0.5em;}

.ringDetail ul#shareicons {margin:0 0 1em 0; padding:0;}
.ringDetail ul#shareicons li {list-style-type:none; display:block; margin:0.25em 0; padding:0; width:100px; float:left;}
.stButton .facebook	{background-image:url(/2013/images/brown_facebook.png) !important;}
.stButton .pinterest	{background-image:url(/2013/images/brown_pinterest.png) !important;}
.stButton .twitter	{background-image:url(/2013/images/brown_twitter.png) !important;}
.stButton .email	{background-image:url(/2013/images/brown_email.png) !important;}


.ringDetail ul#webappactions 	{margin:2em 0; padding:0;font-family:"trajan-pro-1","trajan-pro-2", Cambria, serif;font-weight: 600;}
.ringDetail ul#webappactions li {list-style-type:none; display:block; margin:0!important; padding:0!important; width:100%;}
.ringDetail ul#webappactions li a{font-size:67.5%; margin:0; padding:0; width:100%!important; height:auto;}


.ringDetail .image img {border:solid 5px #f4f4f4; float:right;}

.ringDetail a.textlink  {font:normal normal 600 87.5%/1.25 "trajan-pro-1","trajan-pro-2", Cambria, serif; text-transform:uppercase; color:#af2b5e; margin-bottom:1em!important;}
.ringDetail a.textlink:before {
    content:"\2190\00a0"!important;
    color:#434343;
            }

.ringDetail .caption {font-size:75%; font-family:"trajan-pro-1","trajan-pro-2", Cambria, serif;}
.ringDetail .goback {font-size:125%; margin-top:30px;}


h4.relatedproducts { font:normal normal 600 1.25em/1.25 "trajan-pro-1","trajan-pro-2", Cambria, serif; color:#826c5b; text-transform:none; border-bottom:solid 1px #eceadf;}

.ringBackup 		{width:125px; padding:10px; background-color:#fff; font-size:100%; float:left;}
.ringBackup:hover 	{background-color:#f2f2f2;}
.ringBackup img 	{ 
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    }


#popup {
        background-color: #fff;
    	border: 1px solid #e4e4e4;
    	padding: 40px;
    	width: 320px;
        min-height:650px;	
  		color: #333;
        margin: 0 auto;
    }

a#enquireNow {color:#fff;}


#ringsdropdown {z-index: 10000;}

/* Paradiso */

.paradiso-info .lead {line-height:1.75;}
.paradiso-info .price {border-bottom: 1px solid #eceadf;
    color: #444444;
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    text-transform: uppercase;}
	
#meerkat-container		{padding-top:100px; background-color: rgba(255,255,255,0.8) !important;}
#splash-content		{border:1px solid #9c9c9c; background-color:#000; padding-top:50px; padding-left:0; padding-right:0; width:62%; line-height:0;}

@media (max-width: 1249px){
	#splash-content{width:90%;}
}
#splash-content	p	{color:#ccc; line-height:1.4;}
#splash-content	p a	{color:#FFF; font-style:italic;}
#splash-content	p a span	{color:#eacd87;}
a.btn-text		{background:none; text-align:left; border:none;}
a.btn-text:hover, a.btn-text:active,  a.btn-text:focus	{background:none; border:none;}
#splash-content .col-sm-4	{width:32%; margin-left:-6%;}
@media (max-width: 768px){
	#splash-content .col-sm-4	{width:; margin-left:0;}
	
}


#diamondringsapp .jewellery-list .hoverColor-red 		{display:none;}
#diamondringsapp .jewellery-list:hover .hoverColor-red 	{z-index:2;position:absolute; top:0; left:0; display:block; width:100%; height:100%;  background-color:rgba(0,0,0,0.2) }

.promobox		{position:relative;}
.poromo-message	{position:absolute; bottom:5%; left:10%; text-align:center;}
.poromo-message p					{color:#f1769f; font-size:18px; font-family: "trajan-pro-1","trajan-pro-2",sans-serif; letter-spacing: 4px; text-transform:uppercase; margin-bottom:10px;}
.poromo-message p a{font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; color:#423f3a; letter-spacing:normal; font-style:italic; text-transform:none;}


.mothers-day	{position:absolute;position: absolute;right: 3%;text-align: left;top: 25%;width: 35%;}
.mothers-day h3	{color:#f1769f; font-size:28px; font-family: "trajan-pro-1","trajan-pro-2",sans-serif; letter-spacing: 4px; text-transform:uppercase; margin-bottom:30px; line-height:1.3;}
.mothers-day p {font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; color:#423f3a; letter-spacing:normal; font-size:16px; line-height:1.5;}
.mothers-day p a{font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; color:#423f3a; letter-spacing:normal; font-style:italic; text-transform:none; font-size:18px;}


img.desaturate {
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

img.desaturate:hover { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}


img.grayscale {
	
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
svg {
    background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}
.slidemenu-close-btn{display:none;}
	#mondialheader .navbar-white #global-nav ul ul{z-index:99;}
	#mondialheader .navbar-collapse.collapse{position:static;}
	#search-wrap{position:absolute;left:0;right:0;margin:auto;background:none;}
	form#search-form{padding:10px 0 0;}
	
@media (max-width: 1199px){
	.poromo-message p	{font-size:14px; letter-spacing:2px;}
}

@media (max-width: 767px){
	
	#mondialheader .navbar-white{z-index:21;height:85px;}
	.hero-box {position: relative;padding: 30px 0 0;margin-top: 40px;}
	#mondialheader .navbar-collapse.collapse{position:fixed;}
	.arm-candy .view-eternity-rings {padding: 2em 0;}
	.promo-text-box{min-height:185px;}
	
	.poromo-message p	{font-size:10px; letter-spacing:1px; margin-bottom:2px;}
	.poromo-message		{left:0; bottom:2%;}
	.right-side.promo-4 {padding-bottom: 0px;}
	.navbar-white .col-xs-10{float:right; }
	#mondialheader .navbar-white #global-nav ul{margin:0;max-width:100%;}
	.navbar-white .navbar-toggle{right:0;left:0px;}
	#global-nav{width: 85%;display: block;height: inherit !important;left: -100%;transition: all ease .2s;position:fixed;margin:0;top:0;bottom:0;max-height:inherit;    background: rgba(255,255,255,.97);}
	#global-nav.collapse.in{left:0;}
	#global-nav ul li a {padding: 12px 20px 12px;text-align: left;position:relative;margin: auto !important;}
	#global-nav ul li.has_dropdown > a:before,
	#mondialheader #global-nav ul li.has_dropdown > a:before{content:"\f107";font-family:FontAwesome;position:absolute;right:15px;top:10px;}
	#mondialheader #global-nav ul ul li a{padding: 12px 30px !important;}
	#global-nav ul ul li{background:#fff;padding:0;}
#mondialheader #global-nav ul.menu-second-tier ul li a {padding-left: 40px !important;}
	
	.slidemenu_overlay{    background: rgba(0,0,0,.4);position: fixed;left: 0;right: 0;top: 0;bottom: inherit;width: 100%;transition: all ease .35s;z-index: 1550;opacity: 0;transition-delay: .1s;}
	#global-nav ul li{padding:0;}
	.slidemenu_overlay.active{bottom:0;opacity:1;}
	#global-nav{z-index:1600;}
	#mondialheader #global-nav ul li.has_dropdown.active > a:before{content:"\f00d";}
	.slidemenu-close-btn{display:block;position:absolute;right:0;top:5px;color:#fff;font-size:1.5rem;padding:5px 15px;}
	.slidemenu-close-btn *{color:#fff;}
	.navbar-white .navbar-toggle .fa:before{ content: "\f0c9";}
	#search-wrap{position:relative;}
	form#search-form{padding:0;}
	footer img{max-width:85%;margin:20px auto;}
	ul.partners{display:block;width:100%;}
	.promo-5 .block-right{position: relative;width: 100%;margin: 25px auto 0;}
footer p{margin:10px 15px;}
.pink-diamond-collection {display: flex;flex-direction: column;}
.pink-diamond-collection  > div{display:flex;}
.pink-diamond-collection  .bottom-left-pink-box{order:1;}
.pink-diamond-collection  .left-pink-box {order:2;}
.pink-diamond-collection .right-side.promo-4{order:3;}
ul.partners li {float: left;padding: 0 10px;list-style-type: none;width: 50%;}
#top-nav .col-xs-12:not(.left) ul li:last-child{display:block;}
#mondialheader #top-nav{height:auto;margin-bottom:10px;}
#top-nav ul {float:left;margin: 5px 2% 0px 0;}
	}

@media (max-width: 375px){
	.poromo-message p	{font-size:8px; letter-spacing:1px; margin-bottom:2px;}
	.poromo-message		{left:0; bottom:2%;}
	}


footer p .fa {font-size:1.5em; vertical-align:middle; padding:0 0.1em;}
footer p .fa:hover {text-decoration:none; color:#fff;}


.promo-link {position: relative;}
.promo-link a span{position: absolute; display: block;}

.valentines-day-item:hover{
    transform: scale(1.05);
    
}
.valentines-day-item {
	transition: all ease 1s;
}

.banner-promo h3{color:#f1769f; font-size: 2em; font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",sans-serif; font-style: italic; }

.btn{background-color:#f1769f; color: #ffffff; border: none; 	font-family: 'trajan-pro-1','trajan-pro-2', sans-serif; border-radius: 0; padding: 1em 2em;}
.btn:hover {background-color: #dd5885; color: #fff;}