/*
Theme Name: Eurostone
Theme URI: https://Diamining.com
Description: Developed by <a href="https://Diamining.com/">Diamining</a>.
Version: 1.2
Author: <a href="https://Diamining.com/">Diamining</a>
Author URI: https://Diamining.com/
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.php
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


/* =General
-------------------------------------------------------------- */
img { height: auto; max-width: 100%; }

body {
	font-size: 16px;
	line-height: 22px;
	background: black;
}

body, input, textarea {
	font-family: 'Roboto', sans-serif;
}

.site-width {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.clear {
	clear: both;
}

video {
	visibility: hidden;
}

video.ready {
	visibility: visible;
}

.swiffy > div {
	background: transparent !important;
}

.screen-width {
	width: 1900px;
	height: auto;
}

@media all and (min-width: 1901px) {
	[paralax="bg"][parahuge] {
		background-size: cover !important;
	}

	.screen-width {
		width: 100%;
	}
}

h1 a,
h2 a,
h3 a,
h4 a {
	color: inherit;
	text-decoration: inherit;
}

.edit-link a {
	color: inherit;
	text-decoration: underline;
}

.edit-link:before {
	content: ' ';
}

.big-button {
	display: block;
	padding: 7px 20px 6px;
	color: white;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #d39730;
	border-bottom-width: 2px;
	border-right-width: 2px;
	background: #edc24e;
}

.big-button:hover {
	background: #d39730;
}

.big-button .plus {
	padding-left: 30px;
	padding-right: 18px;
	background: url(images/media_plus.png) no-repeat left;
}

.big-button .download {
	padding-left: 12px;
	padding-right: 26px;
	background: url(images/media_download.png) no-repeat right;
}

.strip-content {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.strip-content h1,
.strip-content h2 {
	font-weight: inherit;
}

.strip-content p {
	margin-bottom: 10px;
}

.ask-expert .hentry {
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

.ask-expert .hentry p {
	margin-bottom: 8px;
}

.ask-expert .hentry p:before {
	content: open-quote;
}

.ask-expert .hentry p:after {
	content: close-quote;
}

.ask-expert .hentry p a {
	color: inherit;
	text-decoration: none;
}

.ask-expert .read-more {
	color: #efb654;
	font-weight: normal;
	text-decoration: none;
}

.media-box .floating-date {
	position: absolute;
}

.media-box .floating-date:before {
	content: '/ ';
}

.sidebar .ask-expert {
	border: 1px solid #ebebeb;
	padding: 28px 18px 19px;
}

.sidebar .ask-expert .title {
	color: #efb654;
	font-weight: 300;
	text-transform: uppercase;
}

.sidebar .ask-expert .hentry {
	padding-bottom: 8px;
	background: url(images/media_ask_baloon.png) no-repeat bottom;
	margin-bottom: 21px;
}

.sidebar .ask-expert .read-more {
	padding-right: 12px;
	font-size: 13px;
	text-transform: uppercase;
	white-space: nowrap;
	background: url(images/media_arrow_orange.png) no-repeat right 5px;
}

.sidebar .ask-expert .big-button {
	margin-top: 13px;
}

.sidebar .media-box > .title {
	color: white;
	line-height: 23px;
	position: relative;
}

.sidebar .media-box .hentry {
	color: #969696;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 20px;
}

.sidebar .media-box .hentry .title {
	color: #efb654;
	font-size: 14px;
	line-height: 22px;
}

.sidebar .media-box .hentry .media-date {
	color: white;
}

.sidebar .media-box .see-all {
	float: right;
	color: #efb654;
	padding-right: 12px;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	background: url(images/media_arrow_orange.png) no-repeat right;
}


/* =Header
-------------------------------------------------------------- */

#header-space {
	height: 90px;
}

#header-space img {
	visibility: hidden;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	color: #f7d79d;
	/** change header background **/ 
	background-color: black;
	z-index: 9999;
}

body.admin-bar #header-space {
	height: 118px;
}

body.admin-bar #header {
	top: 28px;
}

#header .site-width {
	height: 180px;
}

#header .logo {
	position: absolute;
	top: 56px;
	left: -3px;
	z-index: 5;
}

#header .logo a {
	display: block;
	padding-left: 30px;
	background: url(images/logo_star.png) no-repeat 0 12px;
}

#header .menu {
	position: absolute;
	top: 90px;
	left: -50px;
	width: 105%;
	z-index: 3;
}

#header .menu .table {
	display: table;
	width: 100%;
}

#header .menu ul {
	display: table-row;
	width: 100%;
}

#header .menu ul li {
	display: table-cell;
	padding: 38px 20px 19px;
	background: url(images/header_menu_line.png) no-repeat 0 41px;
	/*border-left: 1px solid rgba(192,174,137,0.2);*/
}

#header .menu ul li:first-child {
	background: none;
	/*border-left: none;*/
}

#header .menu ul li a {
	display: block;
	padding: 8px 5px 9px;
	color: inherit;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#header .menu ul li a span {
	position: relative;
}

#header .menu ul li a:hover {
	color: #efb654;
}

#header .menu ul li.hover,
#header .menu ul li.current-menu-ancestor,
#header .menu ul li.current-menu-item {
	background-color: black;
	background-image: none;
}

#header .menu ul li.hover a,
#header .menu ul li.current-menu-ancestor a,
#header .menu ul li.current-menu-item a {
	color: #efb654;
}

#header .menu ul li.hover + li,
#header .menu ul li.current-menu-ancestor + li,
#header .menu ul li.current-menu-item + li {
	background-image: none;
}

#header .menu ul li.hover a span span,
#header .menu ul li.current-menu-ancestor a span span,
#header .menu ul li.current-menu-item a span span {
	position: absolute;
	bottom: -26px;
	left: 0;
	right: 0;
	border-bottom: 2px solid #efb654;
}

#header .controls {
	position: absolute;
	top: 17px;
	right: 0;
	color: #665d4b;
	font-size: 13px;
	text-align: right;
	z-index: 4;
}

#header .controls a {
	color: #c0ae89;
	text-decoration: none;
}

#header .controls a.cart,
#header .controls a.contact {
	text-transform: uppercase;
}

#header .controls a.selected,
#header .controls a:hover {
	color: #efb654;
}

#header .controls .cart {
	margin-left: 28px;
	margin-right: 28px;
}

#header .controls .items {
	padding-left: 12px;
	padding-bottom: 2px;
	color: #efb654;
	font-size: 14px;
	font-weight: 500;
	background: url(images/header_cart.png) no-repeat left 4px;
}

#header .controls .items-close {
	background: url(images/header_cart.png) no-repeat -52px 3px;
	padding-left: 14px;
	padding-bottom: 2px;
}

#header .controls .language {
	margin-left: 23px;
	padding-right: 14px;
	background: url(images/header_combo.png) no-repeat right 5px;
	cursor: pointer;
}

#header .buttons {
	position: absolute;
	top: 57px;
	right: 0;
	color: #efb654;
	font-size: 14px;
	font-weight: 500;
	line-height: 45px;
	text-transform: uppercase;
	border: 1px solid #4d4637;
	border-color: rgba(192,174,137,0.4);
	background: url(images/black40.png);
	background: rgba(0,0,0,0.4);
	z-index: 10;
}

#header .buttons a {
	float: left;
	height: 46px;
	padding-bottom: 1px;
	color: inherit;
	text-align: center;
	text-decoration: none;
	border: 3px solid transparent;
	background: url(images/header_buttons.png) no-repeat;
}

#header .buttons a:hover,
#header .buttons a.selected {
	border-color: #efb654;
}

#header .buttons a.calculate {
	width: 159px;
	padding-left: 19px;
	background-position: 10px 6px;
}

#header .buttons a.order {
	width: 178px;
	padding-left: 15px;
	background-position: 14px -194px;
}

#header .buttons .sep {
	background: url(images/header_buttons.png) no-repeat center;
	width: 1px;
	float: left;
	height: 52px;
}

#header.small {
	background-position: bottom;
}

#header .site-width {
	transition: height 0.5s;
	-webkit-transition: height 0.5s;
}

#header.small .site-width {
	height: 90px;
}

#header .logo {
	transition: top 0.5s;
	-webkit-transition: top 0.5s;
}

#header.small .logo {
	top: 45px;
}

#header .menu {
	transition: top 0.5s, left 0.5s;
	-webkit-transition: top 0.5s, left 0.5s;
}

#header.small .menu {
	top	: 9px;
	left: -16px;
	width: auto;
}

#header.small .menu .table {
	display: block;
	width: auto;
}

#header.small .menu ul {
	display: block;
	width: auto;
}

#header.small .menu ul li {
	display: inline-block;
	padding: 0;
	background: none;
}

#header.small .menu ul li a {
	padding: 5px;
	font-size: 13px;
	border-left: none;
}

#header.small .menu ul li.hover a span span,
#header.small .menu ul li.current-menu-ancestor a span span,
#header.small .menu ul li.current-menu-item a span span {
	bottom: -2px;
	left: 2px;
	right: 2px;
	border-width: 1px;
}

#header .controls {
	transition: top 0.5s;
	-webkit-transition: top 0.5s;
}

#header.small .controls {
	top: 11px;
}

#header .controls .cart {
	transition: margin-left 0.5s, margin-right 0.5s;
	-webkit-transition: margin-left 0.5s, margin-right 0.5s;
}

#header.small .controls .cart {
	margin-left: 20px;
	margin-right: 20px;
}

#header .controls .language {
	transition: margin-left 0.5s;
	-webkit-transition: margin-left 0.5s;
}

#header.small .controls .language {
	margin-left: 15px;
}

#header .buttons {
	transition: top 0.5s, line-height 0.5s;
	-webkit-transition: top 0.5s, line-height 0.5s;
}

#header.small .buttons {
	top: 46px;
	line-height: 25px;
}

#header .buttons a {
	transition: height 0.5s, background-position 0.5s, border 0.5s;
	-webkit-transition: height 0.5s, background-position 0.5s, border 0.5s;
}

#header.small .buttons a {
	height: 26px;
}

#header.small .buttons a.calculate {
	background-position: 10px -4px;
}

#header.small .buttons a.order {
	background-position: 14px -204px;
}

#header .buttons .sep {
	transition: height 0.5s;
	-webkit-transition: height 0.5s;
}

#header.small .buttons .sep {
	height: 32px;
}


/* =Home
-------------------------------------------------------------- */

#home .two-cols .col {
	float: left;
	width: 480px;
	margin-left: 40px;
	position: relative;
}

#home .three-cols .col {
	float: left;
	width: 306px;
	height: 284px;
	margin-left: 40px;
	position: relative;
}

#home .col:first-child {
	margin-left: 0;
}

#home .more {
	position: absolute;
	padding: 6px 11px 5px 12px;
	color: #ececec;
	text-decoration: none;
	text-transform: uppercase;
}

#home-video {
	height: 688px;
	position: relative;
	overflow: hidden;
	border-bottom: 22px solid #ebebeb;
	background: url(images/home_video.jpg) no-repeat center -10px;
}

#home-video .loader {
	position: absolute;
	top: 0;
	left: 16px;
	right: 0;
	height: 130px;
	margin-top: 160px;
	background: url(images/home_video_loader.png) no-repeat center -130px;
	z-index: 20;
}

#home-video .loader.no-swiffy {
	background-position: center;
}

#home-video .play {
	position: absolute;
	top: 0;
	left: 50%;
	width: 121px;
	height: 121px;
	margin-top: 306px;
	margin-left: -66px;
	border-radius: 50%;
	cursor: pointer;
	background: url(images/home_video_play.png) no-repeat center;
	z-index: 50;
}

#home-video video {
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -145px;
	margin-left: -950px;
	z-index: 10;
}

#home-buttons {
	height: 0px;
	text-align: center;
}

#home-buttons a {
	display: inline-block;
	position: relative;
	top: -68px;
	width: 479px;
	height: 145px;
	margin-left: 37px;
	color: #eccd95;
	font-size: 36px;
	font-weight: 100;
	line-height: 135px;
	text-decoration: none;
	text-transform: uppercase;
	background: #2a2523 url(images/home_buttons.png) no-repeat 0px 0px;
	z-index: 100;
}

#home-buttons a:first-child {
	margin-left: 0;
}

#home-buttons a .text {
	position: relative;
	z-index: 10;
}

#home-buttons a .flash {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/home_buttons.png) repeat-x 271px -200px;
	transition: background-position 0.8s;
	-webkit-transition: background-position 0.8s;
}

#home-buttons a:hover .flash {
	background-position: -629px -200px;
}

#home-links {
	overflow: hidden;
	background: white;
}

#home-links .col {
	height: 583px;
}

#home-buttons + #home-links .col {
	height: 657px;
}

#home-links .content {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 267px;
	color: #4e4e4e;
	background: url(images/home_links_fade.png) repeat-x bottom;
	z-index: 30;
}

#home-links .content h2 {
	margin-top: 31px;
	margin-bottom: 11px;
}

#home-links .content .more {
	float: left;
	margin-top: 20px;
	margin-left: 204px;
	background: #4d4d4d;
}

#home-links .content .more:hover {
	background: #efb654;
}

#home-links .image {
	position: absolute;
	margin-top: 90px;
	z-index: 20;
}

#home-buttons + #home-links .image {
	margin-top: 164px;
}

#home-story {
	background: url(images/home_story.jpg) no-repeat center;
	overflow: hidden;
}

#home-story .strip-content {
	height: 445px;
	padding-left: 440px;
	color: white;
	text-align: center;
}

#home-story .strip-content h2 {
	margin-bottom: 13px;
	margin-top: 20px;
	margin-right: -30px;
}

#home-story .strip-content .more {
	left: 695px;
	margin-top: 15px;
	background: #363636;
}

#home-story .strip-content .more:hover {
	background: #efb654;
}

#home-media {
	padding: 95px 0 119px;
	background: white;
}

#home-media h2 {
	margin-bottom: 22px;
	color: #4e4e4e;
	font-size: 16px;
	line-height: 18px;
	position: relative;
}

#home-media h2 .floating-date {
	top: 11px;
	left: 101px;
}

.fr .floating-date {
    left: 160px !important;
}

#home-media .links {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#home-media .media-box .hentry {
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#home-media .media-box .hentry h3 {
	color: #efb654;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
}

#home-media .media-box .hentry p {
	margin-bottom: 10px;
}

#home-media .media-box .hentry .date {
	font-size: 13px;
	font-weight: normal;
}

#home-media .media-box .links .read-more {
	float: left;
	margin-left: 1px;
	padding: 2px 8px 3px 7px;
	color: white;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	text-transform: uppercase;
	background: #4e4e4e;
}

#home-media .media-box .links .read-more:hover {
	background: #efb654;
}

#home-media .media-box .links .see-all {
	float: right;
	color: #444444;
	margin-top: -1px;
	padding-right: 12px;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	background: url(images/media_arrow_gray.png) no-repeat right;
}

#home-media .ask-expert .read-more {
	font-size: 16px;
}

#home-media .ask-expert .big-button {
	margin-bottom: 6px;
	padding-bottom: 9px;
}

#home-media .ask-expert .big-button .smaller {
	font-size: 14px;
	text-transform: none;
}


/* =About
-------------------------------------------------------------- */

#about .strip-content h2 {
	font-size: 48px;
	font-weight: 100;
	line-height: 50px;
}

#about-unusual {
	background: url(images/about_unusual.jpg) no-repeat center;
	overflow: hidden;
}

#about-unusual .strip-content {
	height: 760px;
	padding-left: 575px;
	padding-right: 40px;
	color: rgb(78, 78, 78);
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;

}

#about-unusual .strip-content h1 {
	margin-top: 96px;
	color: black;
	font-size: 48px;
	line-height: 48px;
	text-transform: uppercase;
}

#about-unusual .strip-content h2 {
	margin-top: 1px;
	margin-bottom: 4px;
	color: black;
	font-size: 36px;
	font-weight: inherit;
	line-height: 42px;
}

#about-multitude {
	background: url(images/about_multitude.jpg) no-repeat center;
	overflow: hidden;
}

#about-multitude .strip-content {
	height: 689px;
	padding-right: 665px;
	color: #dad9d9;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#about-multitude .strip-content h2 {
	margin-top: 6px;
	margin-bottom: 11px;
	color: white;
}

#about-multitude .objects {
	position: absolute;
	width: 390px;
	height: 400px;
	left: 50%;
	margin-left: -47px;
}

#about-multitude .objects .lens,
#about-multitude .objects .diamonds .diamond {
	background: url(images/about_multitude_objects.png) no-repeat;
}

#about-multitude .objects .lens {
	margin-top: -79px;
	height: 242px;
}

#about-multitude .objects .diamonds {
	padding-right: 15px;
	background-position: top;
	position: relative;
}

#about-multitude .objects .diamonds .diamond {
	display: none;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	height: 125px;
}

#about-multitude .objects .diamonds .diamond.first {
	display: block;
	background-position: center -245px;
}

#about-multitude .objects .diamonds .diamond.second {
	background-position: center -370px;
}

#about-multitude .objects .diamonds .diamond.third {
	background-position: center -495px;
}

#about-pini {
	background: url(images/about_pini.jpg) no-repeat center;
	overflow: hidden;
}

#about-pini .watch-video {
	position: absolute;
	top: 544px;
	left: -2px;
	width: 185px;
	padding: 9px 15px 11px;
	background: url(images/black30.png);
	background: rgba(0,0,0,0.3);
	cursor: pointer;
}

#about-pini .watch-video .play {
	height: 47px;
	padding-top: 10px;
	padding-left: 67px;
	color: white;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	background: url(images/about_pini_play.png) no-repeat left;
}

#about-tabs.strip-content {
	height: 825px;
	padding-left: 562px;
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#about-tabs.strip-content h2 {
	color: black;
	margin-top: 64px;
	margin-bottom: 12px;
	padding-left: 9px;
}

#about-tabs .tabs {
	height: 342px;
	position: relative;
}

#about-tabs .tabs .tab h3 {
	position: absolute;
	bottom: -31px;
	padding-top: 8px;
	color: black;
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	background: url(images/about_tabs.png) no-repeat center 100px;
	cursor: pointer;
}

#about-tabs .tabs .tab h3:hover,
#about-tabs .tabs .tab.active h3 {
	font-weight: 400;
}

#about-tabs .tabs .tab .content {
	display: none;
	padding-left: 12px;
}

#about-tabs .tabs .tab .content p {
	margin-bottom: 20px;
}

#about-tabs .tabs .tab.active .content {
	display: block;
}

#about-tabs .tabs .tab.management h3 {
	left: 0px;
	width: 159px;
}

#about-tabs .tabs .tab.management h3:hover,
#about-tabs .tabs .tab.management.active h3 {
	background-position: center 0px;
}

#about-tabs .tabs .tab.offices h3 {
	left: 159px;
	width: 119px;
}

#about-tabs .tabs .tab.offices h3:hover,
#about-tabs .tabs .tab.offices.active h3 {
	background-position: center -100px;
}

#about-tabs .tabs .tab.connections h3 {
	left: 278px;
	width: 159px;
}

#about-tabs .tabs .tab.connections h3:hover,
#about-tabs .tabs .tab.connections.active h3 {
	background-position: center -200px;
}

#about-team.strip-content {
	height: 682px;
	width: 1000px;
}

#about-team.strip-content h2 {
	margin-bottom: 61px;
	color: black;
}

#about-team .members {
	padding-bottom: 44px;
}

#about-team .members .row {
	text-align: center;
	padding-bottom: 40px;
}

#about-team .members .row .member {
	display: inline-block;
	max-width: 175px;
	margin-left: 40px;
	vertical-align: top;
}

#about-team .members .row .member:first-child {
	margin-left: 0;
}

#about-team .members .row .member .diamond {
	width: 80px;
	height: 65px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#about-team .members .row .member .diamond .inner {
	position: absolute;
	top: 20px;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(images/about_team_diamonds.png) no-repeat;
	transition: top 0.3s;
	-webkit-transition: top 0.3s;
}

#about-team.pop .members .row .member .diamond .inner {
	top: 0px;
}

#about-team .members .row .member .diamond.diamond-01 .inner {
	background-position: center 10px;
}

#about-team .members .row .member .diamond.diamond-02 .inner {
	background-position: center -90px;
}

#about-team .members .row .member .diamond.diamond-03 .inner {
	background-position: center -190px;
}

#about-team .members .row .member .diamond.diamond-04 .inner {
	background-position: center -290px;
}

#about-team .members .row .member .diamond.diamond-05 .inner {
	background-position: center -390px;
}

#about-team .members .row .member .diamond.diamond-06 .inner {
	background-position: center -490px;
}

#about-team .members .row .member .diamond.diamond-07 .inner {
	background-position: center -590px;
}

#about-team .members .row .member .diamond.diamond-08 .inner {
	background-position: center -690px;
}

#about-team .members .row .member .diamond.diamond-09 .inner {
	background-position: center -790px;
}

#about-team .members .row .member .diamond-line {
	width: 77px;
	height: 1px;
	margin: 0 auto;
	background: url(images/about_team_line.png) no-repeat;
}

#about-team .members .row .member h3 {
	margin: 22px 0 2px;
	color: #4e4e4e;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
}

#about-team .members .row .member h4 {
	color: #a0a0a0;
	font-size: 14px;
	line-height: 20px;
}

#about-location {
	background: url(images/about_location.jpg) no-repeat center;
	overflow: hidden;
}

#about-location .strip-content {
	vertical-align: top;
	height: 686px;
	width: 420px;
	color: #e5e5e5;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#about-location .strip-content h2 {
	color: white;
	margin-top: 116px;
	margin-bottom: 13px;
}

#about-factories {
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	background: url(images/about_factories.png) no-repeat center;
	overflow: hidden;
}

#about-factories .strip-content {
	height: 653px;
	vertical-align: top;
}

#about-factories .strip-content .frame {
	width: 400px;
	margin-top: 71px;
	margin-left: -60px;
}

#about-factories .strip-content .frame .line {
	height: 1px;
	background: url(images/about_factories_line.png) no-repeat center;
}

#about-factories .strip-content .frame .content {
	padding: 11px 0px 10px 60px;
	color: #5a5a5a;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	background: url(images/about_factories_bg.png) repeat-y top;
}

#about-factories .strip-content .frame .content h2 {
	color: #e5ae50;
	margin-bottom: 15px;
}


/* =Tailor Made
-------------------------------------------------------------- */

#tailor {
	background: url(images/tailor_bg.jpg) no-repeat top;
	overflow: hidden;
}

#tailor .site-width {
	height: 952px;
}

#tailor .circle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#tailor .circle .offset {
	position: relative;
	left: 0px;
	width: 100%;
	background: url(images/tailor_circles.png) no-repeat;
}

#tailor .circle.circle-01 {
	z-index: 10;
}

#tailor .circle.circle-01 .offset {
	height: 914px;
	background-position: center -13px;
}

#tailor .circle.circle-02 {
	z-index: 15;
}

#tailor .circle.circle-02 .offset {
	height: 923px;
	background-position: center -1022px;
}

#tailor .circle.circle-03 {
	z-index: 20;
}

#tailor .circle.circle-03 .offset {
	height: 952px;
	background-position: center -2002px;
}

#tailor .main-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 70;
}

#tailor .main-content .offset {
	position: relative;
	left: 0px;
	width: 100%;
	height: 923px;
}

#tailor .main-content h1 {
	position: absolute;
	top: 42px;
	left: 55px;
	right: 50px;
	padding: 200px 0px;
	color: white;
	font-size: 75px;
	font-weight: 100;
	line-height: 75px;
	text-align: center;
	text-transform: uppercase;
	background: url(images/tailor_title.png) no-repeat center;
}

#tailor .main-content .nav {
	position: absolute;
	top: 236px;
	width: 198px;
	padding: 100px 95px;
	color: #efb654;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	text-align: center;
}

#tailor .main-content .nav .clickable {
	cursor: pointer;
}

#tailor .main-content .nav .arrow {
	margin: 0 auto;
	width: 31px;
	height: 31px;
	background: url(images/tailor_objects.png) no-repeat;
}

#tailor .main-content .nav .arrow .point {
	display: none;
	width: 30px;
	height: 30px;
	background: url(images/tailor_objects.png) no-repeat 0px -50px;
}

#tailor .main-content .nav p {
	margin-top: 8px;
}

#tailor .main-content .nav.left {
	left: 5px;
}

#tailor .main-content .nav.left .arrow {
	background-position:  0px -300px;
}

#tailor .main-content .nav.left .clickable:hover .arrow {
	background-position:  0px -100px;
}

body.tailor-left #tailor .main-content .nav.left .clickable {
	cursor: default;
}

body.tailor-left #tailor .main-content .nav.left .clickable:hover .arrow {
	background-position:  0px -300px;
}

#tailor .main-content .nav.left p {
	margin-left: 5px;
}

#tailor .main-content .nav.right {
	right: 0px;
}

#tailor .main-content .nav.right .arrow {
	background-position:  0px -350px;
}

#tailor .main-content .nav.right .clickable:hover .arrow {
	background-position:  0px -149px;
}

body.tailor-right #tailor .main-content .nav.right .clickable {
	cursor: default;
}

body.tailor-right #tailor .main-content .nav.right .clickable:hover .arrow {
	background-position:  0px -350px;
}

#tailor .main-content .nav.right p {
	margin-left: 8px;
}

#tailor .content {
	display: none;
	position: absolute;
	right: 0;
	width: 312px;
	z-index: 80;
}

#tailor .content h2 {
	color: #efb654;
	font-size: 35px;
	font-weight: 100;
	line-height: 37px;
	text-transform: uppercase;
}

#tailor .content h2 b {
	font-size: 60px;
	font-weight: 100;
}

#tailor .content .line {
	height: 1px;
	margin: 16px 2px;
}

#tailor .content .line .inner {
	width: 0px;
	height: 1px;
	background: url(images/tailor_objects.png) repeat-x;
	transition: width 0.5s;
	-webkit-transition: width 0.5s;
}

#tailor .content .text {
	color: white;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#tailor .content p {
	margin-bottom: 20px;
}

#tailor .content.left {
	top: 187px;
	left: 0;
}

#tailor .content.left .line .inner {
	float: left;
	background-position: left 0px;
}

#tailor .content.left .line.show .inner {
	float: right;
	width: 397px;
	margin-right: -88px;
	background-position: right 0px;
}

#tailor .content.right {
	top: 138px;
	right: 0;
}

#tailor .content.right .line .inner {
	float: right;
	background-position: right 0px;
}

#tailor .content.right .line.show .inner {
	float: left;
	width: 390px;
	margin-left: -82px;
	background-position: left 0px;
}

#tailor .man {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 543px;
	z-index: 60;
}

#tailor .man .offset {
	height: 100%;
	background: url(images/tailor_man.png) no-repeat top;
	position: relative;
}

#tailor .man .mouse {
	position: absolute;
	top: 287px;
	left: 400px;
	right: 406px;
	color: #efb654;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
}

#tailor .man .mouse .arrows {
	display: inline-block;
	position: relative;
	left: 0px;
	width: 18px;
	height: 15px;
	margin: -2px 5px;
	background: url(images/tailor_objects.png) no-repeat;
}

#tailor .man .mouse .arrows.left {
	background-position: 0 -200px;
	-webkit-animation: leftandright 1s linear infinite;
	animation: leftandright 1s linear infinite;
}

@-webkit-keyframes leftandright {
	0%   {left: -3px;}
	25%  {left: -6px;}
	50%  {left: -3px;}
	75%  {left: 0px;}
	100% {left: -3px;}
}

@keyframes leftandright {
	0%   {left: -3px;}
	25%  {left: -6px;}
	50%  {left: -3px;}
	75%  {left: 0px;}
	100% {left: -3px;}
}

#tailor .man .mouse .arrows.right {
	background-position: 0 -250px;
	-webkit-animation: rightandleft 1s linear infinite;
	animation: rightandleft 1s linear infinite;
}

@-webkit-keyframes rightandleft {
	0%   {left: 3px;}
	25%  {left: 6px;}
	50%  {left: 3px;}
	75%  {left: 0px;}
	100% {left: 3px;}
}

@keyframes rightandleft {
	0%   {left: 3px;}
	25%  {left: 6px;}
	50%  {left: 3px;}
	75%  {left: 0px;}
	100% {left: 3px;}
}

#tailor .unfix {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	cursor: pointer;
	z-index: 100;
}

#tailor.fix .unfix {
	display: block;
}


/* =The way we work
-------------------------------------------------------------- */

#work .strip-content h2 {
	font-size: 48px;
	font-weight: 100;
	line-height: 50px;
	white-space: nowrap;
}

#work-neckless {
	position: relative;
	overflow: hidden;
}

#work-neckless.dragging {
	cursor: ew-resize;
}

#work-neckless .site-width {
	height: 849px;
}

#work-neckless .title {
	position: absolute;
	z-index: 5;
}

#work-neckless .content {
	position: absolute;
	top: 626px;
	left: 427px;
	width: 330px;
	height: 141px;
	padding-right: 30px;
	padding-left: 213px;
	font-weight: 300;
	background: no-repeat;
	z-index: 5;
}

#work-neckless .neckless {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: no-repeat top;
}

#work-neckless .before {
	background: #6d4f26 url(images/work_before_bg.jpg) repeat-x top;
}

#work-neckless .before .title {
	position: absolute;
	top: 133px;
	left: -56px;
}

#work-neckless .before .neckless {
	background-image: url(images/work_before_neckless.png);
}

#work-neckless .before .content {
	color: #ebebeb;
	font-size: 14px;
	line-height: 20px;
	background-image: url(images/work_before_content.png);
}

#work-neckless .before .content p {
	margin-top: 29px;
}

#work-neckless .after {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	z-index: 10;
	overflow: visible !important;
}

#work-neckless .after .title {
	top: 168px;
	left: 0;
}

#work-neckless .after .neckless {
	background-image: url(images/work_after_neckless.png);
}

#work-neckless .after .content {
	color: white;
	font-size: 16px;
	line-height: 22px;
	background-image: url(images/work_after_content.png);
}

#work-neckless .after .content p {
	margin-top: 35px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: 0.7;
}

#work-neckless .after .handle-width {
	overflow: hidden;
}

#work-neckless .after .body-width {
	width: 250%;
	background: black url(images/work_after_bg.png) repeat-x top;
}

#work-neckless .after .shadow {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -20px;
	width: 20px;
	background: url(images/work_handle_shadow.png) repeat-y;
}

#work-neckless .after .handle {
	position: absolute;
	top: 410px;
	right: -22px;
	width: 45px;
	height: 45px;
	background: url(images/work_handle.png) no-repeat;
	cursor: ew-resize;
}

#work-dreams {
	height: 550px;
	position: relative;
	overflow: hidden;
	background: url(images/work_video.jpg) no-repeat center;
}

#work-dreams .message {
	position: absolute;
	top: 0;
	left: 0;
	right: 15px;
	height: 160px;
	margin-top: 175px;
	background: url(images/work_dreams.png) no-repeat center -316px;
	z-index: 20;
}

#work-dreams .message.no-swiffy {
	background-position: center;
}

#work-dreams video {
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -100px;
	margin-left: -950px;
	z-index: 10;
}

#work-values {
	background: white;
	position: relative;
	overflow: hidden;
}

#work-values .tr {
	display: table-row;
}

#work-values .strip-content {
	width: 308px;
	height: 445px;
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	line-height: 19px;
	z-index: 50;
}

#work-values .strip-content h2 {
	margin-top: 28px;
	margin-bottom: 9px;
}

#work-values .tr:first-child .strip-content h2 {
	padding-top: 100px;
}

#work-values .strip-content h2 img {
	margin-bottom: -9px;
}

#work-values .strip-content p {
	margin-bottom: 10px;
}

#work-values .animation {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1900px;
	height: 100%;
	margin-left: -950px;
}

#work-values .animation .diamonds .back,
#work-values .animation .diamonds .middle,
#work-values .animation .diamonds .front {
	position: absolute;
	top: 0;
	right: 588px;
	width: 238px;
	height: 692px;
	margin-top: -237px;
	background: url(images/work_values_diamonds.png) no-repeat;
}

#work-values .animation .diamonds .back {
	background-position: -600px 0;
	z-index: 30;
}

#work-values .animation .diamonds .middle {
	background-position: -300px 0;
	z-index: 31;
}

#work-values .animation .diamonds .front {
	background-position: 0px 0;
	z-index: 32;
}

#work-values .animation .hands {
	position: absolute;
	right: 0;
	bottom: -80px;
	width: 944px;
	height: 604px;
	margin-bottom: -111px;
}

#work-values .animation .hands .back,
#work-values .animation .hands .front {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/work_values_hands.png) no-repeat;
}

#work-values .animation .hands .back {
	background-position: 0px 0;
	z-index: 20;
}

#work-values .animation .hands .middle {
	position: absolute;
	top: 220px;
	left: 0;
	right: 0;
	height: 1600px;
	background: white;
	z-index: 39;
}

#work-values .animation .hands .front {
	background-position: -1000px 0;
	z-index: 40;
}

#work-lupa {
	background: url(images/work_lupa.jpg) no-repeat center;
}

#work-lupa .strip-content {
	height: 668px;
	padding-left: 453px;
}

#work-lupa .strip-content h2 {
	color: white;
	font-size: 20px;
	line-height: 20px;
	margin-left: 75px;
	margin-bottom: 20px;
}

#work-lupa .strip-content h2 img {
	margin-left: -223px;
}

#work-lupa .nav li {
	float: left;
	margin-left: 65px;
	margin-bottom: 15px;
	background: url(images/work_lupa_selected.png) no-repeat 71px -1px;
	cursor: pointer:
}

#work-lupa .nav li .thumb {
	float: left;
	margin-right: 31px;
}

#work-lupa .nav li .link {
	float: left;
	width: 133px;
	padding: 8px 0 9px;
	color: white;
	line-height: 23px;
	text-decoration: none;
	background: url(images/work_lupa_selected.png) no-repeat 0px -1px;
}

#work-lupa .nav li .link .big {
	display: block;
	font-size: 15px;
	text-transform: uppercase;
}

#work-lupa .nav li .link .small {
	display: block;
	font-size: 14px;
	font-weight: 300;
}

#work-lupa .nav li:hover,
#work-lupa .nav li.selected {
	background-position: 71px 2px;
}

#work-lupa .nav li:hover .link,
#work-lupa .nav li.selected .link {
	color: #efb654;
	background-position: 0px bottom;
}

#work-lupa .shapes {
	clear: left;
	height: 162px;
	padding: 22px 110px 0 67px;
}

#work-lupa .shapes .shape {
	display: none;
	color: white;
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
}

#work-lupa .shapes .shape.selected {
	display: block;
}

#work-lupa .shapes .shape h3 {
	color: #efb654;
	font-size: 36px;
	font-weight: 100;
	text-transform: uppercase;
	margin-bottom: 16px;
}

#work-lupa .lupa-diamonds {
	position: absolute;
	top: 0;
	left: 152px;
	width: 113px;
	height: 161px;
	margin-top: 322px;
}

#work-lupa .lupa-diamond {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/work_lupa_diamonds.png) no-repeat;
}

#work-lupa .lupa-diamond:first-child {
	display: block;
}

#work-lupa .lupa-diamond.emerald {
	background-position: 0px 0px;
}

#work-lupa .lupa-diamond.baguette {
	background-position: -113px 0px;
}

#work-lupa .lupa-diamond.pear {
	background-position: -226px 0px;
}

#work-lupa .lupa-diamond.princess {
	background-position: 0px -161px;
}

#work-lupa .lupa-diamond.care {
	background-position: -113px -161px;
}

#work-lupa .lupa-diamond.taper {
	background-position: -226px -161px;
}

#work-accountability {
	background: url(images/work_accountability.jpg) no-repeat center;
	overflow: hidden;
}

#work-accountability .strip-content {
	width: 410px;
	height: 549px;
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#work-accountability .strip-content h2 {
	margin-top: -125px;
	margin-bottom: 14px;
	color: black;
}


/* =Gallery
-------------------------------------------------------------- */

#gallery {
	position: relative;
}

#gallery h1 {
	position: absolute;
	top: 146px;
	left: 50%;
	width: 633px;
	margin-left: -316px;
	padding-bottom: 4px;
	color: white;
	font-size: 60px;
	font-weight: 100;
	line-height: 88px;
	text-align: center;
	text-transform: uppercase;
	background: url(images/gallery_title.png) repeat-y top;
	z-index: 10;
}

#gallery .gallery-strip {
	height: 408px;
	overflow: hidden;
}

#gallery .gallery-strip .photo {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#gallery .gallery-strip .photo .image {
	width: 100%;
	height: 100%;
	background: black no-repeat center;
	background-size: cover;
}

#gallery .gallery-strip .photo .content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -100%;
	padding: 2px 30px 25px;
	color: white;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	background: url(images/black80.png);
	background: rgba(0,0,0,0.8);
	z-index: 10;
	transition: bottom 0.5s;
	-webkit-transition: bottom 0.5s;
}

#gallery .gallery-strip .photo .content .line {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: no-repeat top;
	background-size: 100% 1px;
}

#gallery .gallery-strip .photo .content h2 {
	max-width: 570px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 35px;
	font-weight: 100;
	line-height: 40px;
	text-transform: uppercase;
}

#gallery .gallery-strip .photo .content p {
	max-width: 570px;
	margin: 0 auto;
}

#gallery .gallery-strip .photo .shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/black65.png);
	background: rgba(0,0,0,0.65);
	z-index: 5;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

#gallery .gallery-strip .photo .play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/gallery_play.png) no-repeat center;
	cursor: pointer;
}

#gallery .gallery-strip .photo:hover .content {
	bottom: 0;
}

#gallery .gallery-strip .photo:hover .shadow {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}

#gallery .gallery-strip.half {
	height: 680px;
}

#gallery .gallery-strip.half .photo .content .line {
	background-image: url(images/gallery_line_half.png);
}

#gallery .gallery-strip.half .photo {
	width: 50%;
}

#gallery .gallery-strip.third .photo {
	width: 33.33%;
}

#gallery .gallery-strip.third .photo .content .line {
	background-image: url(images/gallery_line_third.png);
}

#gallery .gallery-strip.two-third .photo {
	width: 33.33%;
}

#gallery .gallery-strip.two-third .photo.message {
	width: 66.66%;
}

#gallery .gallery-strip.two-third .photo .content .line {
	background-image: url(images/gallery_line_third.png);
}

#gallery .gallery-strip.full .photo {
	width: 100%;
}

#gallery .gallery-strip.full .photo .content .line {
	background-image: url(images/gallery_line_full.png);
}


/* =Contact
-------------------------------------------------------------- */

#contact {
	padding-top: 129px;
	background: white;
}

#contact h1,
#contact .h1 {
	color: black;
	font-size: 36px;
	font-weight: 100;
	text-transform: uppercase;
	margin-bottom: 58px;
}

#contact-form {
	float: right;
	width: 306px;
}

#contact-form form {
	padding: 15px 19px 25px;
	border: 1px solid #bcbdc1;
	position: relative;
}

#contact-form label {
	display: block;
	color: #787878;
	font-size: 16px;
	margin-bottom: 9px;
}

#contact-form input + label {
	margin-top: 5px;
}

#contact-form input[type="text"] {
	width: 244px;
	margin: 0 0 17px;
	padding: 7px 10px;
	color: black;
	font-size: 14px;
	font-weight: 300;
	border-radius: 3px;
	border: 1px solid transparent;
	background: #ebebeb;
}

#contact-form textarea {
	width: 244px;
	max-width: 244px;
	height: 154px;
	margin: 0;
	padding: 11px 10px;
	color: black;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	background: #ebebeb;
}

#contact-form *::-webkit-input-placeholder { color: #787878; font-style: italic; }
#contact-form *::-moz-placeholder { color: #787878; font-style: italic; } /* firefox 19+ */
#contact-form *:-ms-input-placeholder { color: #787878; font-style: italic; } /* ie */
#contact-form *:-moz-placeholder { color: #787878; font-style: italic; }

#contact-form input[type="text"].error,
#contact-form textarea.error {
	color: #fe0000;
	border-color: #ff0000;
}

#contact-form .error::-webkit-input-placeholder { color: #fe0000; }
#contact-form .error::-moz-placeholder { color: #fe0000; } /* firefox 19+ */
#contact-form .error:-ms-input-placeholder { color: #fe0000; } /* ie */
#contact-form .error:-moz-placeholder { color: #fe0000; }

#contact-form .error-message {
	color: #fe0000;
	font-size: 12px;
	min-height: 25px;
}

#contact-form input[type="submit"] {
	float: right;
	margin: 6px 0;
	padding: 1px 22px 2px;
	color: white;
	font-size: 26px;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid #d39730;
	border-bottom-width: 2px;
	background: #efb654;
	cursor: pointer;
}

#contact-form input[type="submit"]:hover {
	background-color: #d39730;
}

.success-message {
	display: none;
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -22px;
	padding: 37px 19px;
	color: white;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	background: url(images/black90.png);
	background: rgba(0,0,0,0.9);
}

.success-message .title {
	font-size: 20px;
	font-weight: 100;
	line-height: 20px;
	text-transform: uppercase;
	padding-bottom: 3px;
	border-bottom: 2px solid #edc24e;
	margin-bottom: 15px;
}

.success-message .close {
	position: absolute;
	top: 19px;
	right: 21px;
	width: 15px;
	height: 15px;
	background: url(images/contact_close.png) no-repeat;
	cursor: pointer;
}

.ajax {
	float: right;
	width: 16px;
	height: 16px;
	margin: 28px 2px;
	visibility: hidden;
	background: url(images/ajax.gif) no-repeat;
}

.ajax.show {
	visibility: visible;
}

#contact-offices {
	float: left;
	width: 654px;
}

#contact-offices .h1 {
	margin-bottom: 53px;
}

#contact-offices .addresses {
	color: #787878;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#contact-offices .addresses .col {
	float: left;
	margin-left: 78px;
}

#contact-offices .addresses .col:first-child {
	margin-left: 0;
}

#contact-offices .addresses h3 {
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 7px;
}

#contact-offices .addresses h4 {
	color: #777777;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 1px;
}

#contact-offices .addresses p {
	margin-bottom: 13px;
}

#contact-offices .addresses p + h4 {
	margin-top: 34px;
}

#contact-offices .addresses a {
	padding: 2px 0 2px 28px;
	color: inherit;
	text-decoration: none;
	background: url(images/contact_icons.png) no-repeat;
}

#contact-offices .addresses a.email {
	background-position: 0px 2px;
}

#contact-offices .addresses a.skype {
	background-position: 0px -48px;
}

#contact-offices .addresses a.linkedin {
	background-position: 0px -95px;
}

#contact-offices .addresses a.phone {
	font-size: 13px;
	background-position: 0px -148px;
}

#contact-offices .addresses a.fax {
	font-size: 13px;
	background-position: 0px -198px;
}

#contact-offices .map {
	clear: both;
	float: left;
	min-height: 420px;
	margin-top: 35px;
	margin-bottom: 82px;
}

#contact-offices .map .buttons {
	float: left;
	width: 119px;
	color: #777777;
	font-size: 16px;
	font-weight: 300;
}

#contact-offices .map .buttons li {
	margin: 1px 0 19px;
	cursor: pointer;
}

#contact-offices .map .buttons li .city {
	padding-top: 7px;
	font-weight: 500;
	text-transform: uppercase;
}

#contact-offices .map .buttons li .country {
	padding-bottom: 5px;
}

#contact-offices .map .buttons li:hover .city,
#contact-offices .map .buttons li.selected .city {
	background: url(images/contact_map_line.png) no-repeat left top;
}

#contact-offices .map .buttons li:hover .country,
#contact-offices .map .buttons li.selected .country {
	background: url(images/contact_map_line.png) no-repeat left bottom;
}

#contact-offices .map .buttons li:hover,
#contact-offices .map .buttons li.selected {
	color: #efb654;
}

#contact-offices .map .tabs {
	margin-left: 129px;
}

#contact-offices .map .tabs .tab {
	display: none;
}

#contact-offices .map .tabs .tab:first-child {
	display: block;
}

#contact-offices .map .tabs .tab a {
	color: #efb654;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
}


/* =Media Center
-------------------------------------------------------------- */

.media-main-title {
	margin-bottom: 24px;
	color: black;
	font-size: 60px;
	font-weight: 100;
	line-height: 60px;
	text-transform: uppercase;
}

.media-second-title {
	width: 550px;
	color: #090909;
	font-size: 35px;
	font-weight: 300;
	line-height: 42px;
	margin-bottom: 21px;
}

h1.media-main-title,
h1.media-second-title {
	padding-top: 130px;
}

.media-date {
	color: black;
	font-size: 13px;
	font-weight: normal;
}

.media-second-title + .media-date {
	margin-top: -16px;
	margin-bottom: 26px;
}

.media-adjustable {
	position: relative;
	overflow: hidden;
}

#media {
	background: white;
}

#media-articles {
	float: left;
	width: 654px;
}

#media-articles .article {
	margin-bottom: 14px;
	position: relative;
}

#media-articles .article img {
	display: block;
}

#media-articles .article .excerpt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	background: no-repeat top;
}

#media-articles .article .excerpt .vert-align {
	display: table-cell;
	vertical-align: middle;
}

#media-articles .article .excerpt h2 {
	color: #090909;
	font-weight: 300;
}

#media-articles .article .excerpt .arrow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/media_arrow_big.png) no-repeat;
	cursor: pointer;
}

#media-articles .article.full {
	width: 652px;
}

#media-articles .article.full .excerpt {
	height: 131px;
	padding: 5px 25px;
	background-image: url(images/media_article_full.png);
}

#media-articles .article.full .excerpt .vert-align {
	height: 131px;
}

#media-articles .article.full .excerpt h2 {
	font-size: 26px;
	line-height: 32px;
}

#media-articles .article.full .excerpt .media-date {
	margin-bottom: 8px;
}

#media-articles .article.full .excerpt .arrow {
	background-position: 611px center;
}

#media-articles .article.half {
	float: left;
	width: 320px;
}

#media-articles .article.half + .article.half {
	margin-left: 13px;
}

#media-articles .article.half .excerpt {
	height: 82px;
	padding: 5px 21px;
	background-image: url(images/media_article_half.png);
}

#media-articles .article.half .excerpt .vert-align {
	height: 82px;
}

#media-articles .article.half .excerpt h2 {
	padding-right: 20px;
	font-size: 18px;
	line-height: 26px;
}

#media-articles .article.half .excerpt .arrow {
	background-position: 281px center;
}

#media-expert {
	float: right;
	width: 306px;
	margin-top: 64px;
}

#media-expert .ask-expert {
	padding-bottom: 94px;
	position: relative;
}

#media-expert .ask-expert .title {
	margin-bottom: 24px;
	font-size: 36px;
}

#media-expert .ask-expert .media-adjustable {
	height: 464px;
}

#media-expert .ask-expert .links {
	position: absolute;
	bottom: 21px;
}

#media-archive {
	margin-top: 51px;
	padding: 63px 0 54px;
	background: black;
}

#media-archive .col {
	float: left;
	width: 478px;
	margin-left: 41px;
}

#media-archive .col:first-child {
	margin-left: 0;
}

#media-archive .media-box {
	padding-bottom: 22px;
	position: relative;
}

#media-archive .media-box > .title {
	margin-bottom: 22px;
	font-size: 20px;
}

#media-archive .media-box > .title .floating-date {
	top: 6px;
	left: 104px;
}

#media-archive .media-box .links {
	position: absolute;
	right: 0;
	bottom: 0;
}

#media-kit {
	padding: 59px 0 58px;
}

#media-kit .box {
	background: #ebebeb;
	padding: 23px 21px 20px 29px;
}

#media-kit .content {
	float: left;
	width: 625px;
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#media-kit .content h2 {
	color: black;
	font-size: 26px;
	font-weight: 300;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 28px;
}

#media-kit .side {
	float: right;
	width: 286px;
	color: #4e4e4e;
	font-size: 16px;
	font-weight: 300;
}

#media-kit .side li {
	margin-bottom: 4px;
	padding-left: 30px;
	line-height: 20px;
	background: url(images/media_tick.png) no-repeat 0px 2px;
}

#media-kit .side .big-button {
	margin-top: 25px;
	padding-bottom: 8px;
	font-size: 26px;
	line-height: 22px;
}


/* =Archive
-------------------------------------------------------------- */

.posts-content {
	float: left;
	width: 1100px;
}

.posts-content .posts {
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

.posts-content .posts .hentry {
	padding-bottom: 5px;
	margin-top: 34px;
}

.posts-content .posts .hentry:first-child {
	margin-top: 0;
}

.posts-content .posts p {
	margin-bottom: 20px;
}

.posts-content .posts .thumbnail {
	margin-bottom: 26px;
	position: relative;
}

.posts-content .posts .thumbnail img {
	display: block;
}

.posts-content .posts .thumbnail .line {
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background: url(images/posts_thumbnail.png) no-repeat top;
}

.posts-content .posts .thumbnail .line.before {
	top: 0;
}

.posts-content .posts .thumbnail .line.after {
	bottom: 0;
}

.posts-sidebar {
	float: right;
	width: 306px;
	padding: 137px 0 0;
}

.posts-sidebar .widget {
	margin-top: 20px;
}

.posts-sidebar .widget:first-child {
	margin-top: 0;
}

.posts-sidebar .articles {
	background: #ebebeb;
	padding: 19px 20px;
}

.posts-sidebar .articles h2 {
	margin-bottom: 16px;
	color: black;
	font-size: 26px;
	font-weight: 300;
	text-transform: uppercase;
}

.posts-sidebar .articles .hentry {
	margin-top: 21px;
}

.posts-sidebar .articles .hentry:first-child {
	margin-top: 0;
}

.posts-sidebar .articles .hentry .thumbnail {
	float: left;
	margin-right: 15px;
	margin-top: 3px;
}

.posts-sidebar .articles .hentry .thumbnail img {
	display: block;
}

.posts-sidebar .articles .hentry .text {
	display: table-cell;
	height: 64px;
	vertical-align: middle;
}

.posts-sidebar .articles .hentry h3 {
	color: black;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
}

.posts-sidebar .articles .hentry .media-date {
	color: #a0a0a0;
	line-height: 20px;
}

.posts-sidebar .articles .links a {
	color: black;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	float: right;
	margin-top: 13px;
	background: url(images/media_arrow_black.png) no-repeat right;
	padding-right: 12px;
}

.posts-sidebar .ask-expert {
	margin-bottom: 21px;
}

.posts-sidebar .ask-expert .title {
	margin-bottom: 14px;
	font-size: 26px;
}

.posts-sidebar .media-box {
	padding: 19px 20px;
	background: black;
}

.posts-sidebar .media-box > .title {
	margin-bottom: 16px;
	font-size: 16px;
}

.posts-sidebar .media-box > .title .floating-date {
	top: 2px;
	left: 76px;
}

#single,
#archive {
	padding-bottom: 89px;
	background: white;
}

#archive-main .nav {
	margin: 7px 1px 0;
}

#archive-main .nav a {
	color: #edc24e;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

#archive-main .nav a.older {
	float: left;
	padding-left: 16px;
	background: url(images/posts_arrow_left.png) no-repeat left;
}

#archive-main .nav a.newer {
	float: right;
	padding-right: 16px;
	background: url(images/posts_arrow_right.png) no-repeat right;
}

#archive-sidebar {
	padding-bottom: 6px;
}


/* =News Page
-------------------------------------------------------------- */

#news {
	padding-bottom: 89px;
	background: white;
}

#news-main .media-main-title {
	padding-top: 127px;
	margin-bottom: 15px;
}

#news-main .media-main-title h1 {
	display: inline;
	font-size: inherit;
	font-weight: inherit;
}

#news-main .media-main-title .floating-date {
	font-size: 26px;
	font-weight: 300;
}

#news-main .media-main-title .floating-date:before {
	content: ' / ';
}

#news-main.posts-content .posts .hentry {
	padding-bottom: 10px;
}

#news-main h2,
body.single-news .media-second-title,
body.single-event .media-second-title {
	color: #efb654;
	font-size: 26px;
	font-weight: 300;
	line-height: 30px;
}

#news-main .entry-content p:first-child {
	margin: 10px 0 20px;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
}

#news-main .read-more {
	float: right;
	color: #efb654;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}


/* =FAQs
-------------------------------------------------------------- */

#faqs {
	background: white;
	padding-top: 122px;
	padding-bottom: 32px;
}

#faqs h1 {
	color: black;
	font-size: 36px;
	font-weight: 100;
	line-height: 36px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#faqs .faqs .hentry {
	margin: 0px 25px 0px -5px;
	padding: 14px 0px;
	color: #4e4e4e;
	font-size: 14px;
	font-weight: 300;
	border-bottom: 1px solid #ebebeb;
	cursor: pointer;
}

#faqs .faqs .hentry h2 {
	margin-right: 4px;
	padding-right: 70px;
	font-size: 16px;
	background: url(images/faqs_arrow.png) no-repeat right 3px;
}

#faqs .faqs .hentry.open h2 {
	background-position: right -130px;
}

#faqs .faqs .hentry .entry-content {
	display: none;
	padding: 5px 20px 1px 0px;
	line-height: 20px;
}

#faqs .faqs .hentry .media-date {
	color: #a0a0a0;
	line-height: 21px;
}

#faqs .nav {
	margin: 44px 0px;
	color: #a0a0a0;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

#faqs .nav a {
	color: inherit;
	text-decoration: none;
}

#faqs .nav .prev, 
#faqs .nav .next {
	display: inline-block;
	width: 7px;
	height: 12px;
	margin: 0 10px;
	background: url(images/faqs_nav.png) no-repeat;
}

#faqs .nav .prev {
	background-position: left;
}

#faqs .nav .next {
	background-position: right;
}

#faqs .nav .current {
	color: #4e4e4e;
	font-weight: normal;
}

#faqs-sidebar {
	padding-top: 6px;
}

#send-question {
	margin-bottom: 61px;
	padding: 15px 18px 23px;
	border: 1px solid #edc24e;
	background: #fcf6e5;
	position: relative;
}

#send-question h2 {
	color: #787878;
	font-size: 16px;
	margin-bottom: 9px;
}

#send-question *::-webkit-input-placeholder { color: #787878; font-style: italic; }
#send-question *::-moz-placeholder { color: #787878; font-style: italic; } /* firefox 19+ */
#send-question *:-ms-input-placeholder { color: #787878; font-style: italic; } /* ie */
#send-question *:-moz-placeholder { color: #787878; font-style: italic; }

#send-question input[type="text"] {
	width: 242px;
	margin: 0 0 11px;
	padding: 3px 11px;
	color: black;
	font-size: 14px;
	font-weight: 300;
	line-height: 27px;
	border: 1px solid transparent;
	background: #f7e6b7;
	border-radius: 2px;
}

#send-question input[type="text"].error {
	border-color: #ff0000;
}

#send-question .toggle {
	display: none;
}

#send-question .toggle input[type="text"] {
	margin-top: 11px;
	margin-bottom: 0px;
}

#send-question .toggle > input[type="text"]:first-child {
	margin-top: 0;
}

#send-question textarea {
	width: 242px;
	height: 154px;
	margin: 9px 0 0;
	padding: 11px 11px;
	color: black;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	border: 1px solid transparent;
	background: #f7e6b7;
	border-radius: 2px;
}

#send-question #country-combo select {
	bottom: 0;
	height: 35px;
}

#send-question .error-message {
	color: #fe0000;
	font-size: 12px;
	min-height: 25px;
}

#send-question .big-button {
	float: right;
	margin: 4px 1px;
	padding: 1px 22px 2px;
	font-size: 26px;
	font-weight: 300;
	background-color: #efb654;
	cursor: pointer;
}

#send-question .big-button:hover {
	background-color: #d39730;
}


/* =Coming Soon
-------------------------------------------------------------- */

#coming-soon {
	height: 1168px;
	padding-top: 132px;
}

#coming-soon.order {
	background: #a1a1a1 url(images/coming_soon_order.jpg) no-repeat top;
}

#coming-soon.calculator {
	background: #a1a1a1 url(images/coming_soon_calculator.jpg) no-repeat top;
}

#coming-soon .form {
	width: 674px;
	margin: 0 auto;
	padding-bottom: 53px;
	background: white;
}

#coming-soon .form h1 {
	padding-top: 69px;
	text-align: center;
}

#coming-soon .form h2 {
	padding: 17px 110px;
	color: #efb654;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
}

#coming-soon .form form {
	margin: 27px 140px;
	padding: 23px 40px 25px;
	color: #444444;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	text-align: center;
	border: 1px solid #8c8c8c;
	position: relative;
}

#coming-soon input[type="text"] {
	width: 290px;
	margin: 0 0 9px;
	padding: 6px 10px 7px;
	color: black;
	font-size: 14px;
	font-weight: normal;
	border-radius: 3px;
	border: 1px solid transparent;
	background: #ebebeb;
}

#coming-soon input[name="email"] {
	margin-top: 28px;
}

#coming-soon *::-webkit-input-placeholder { color: #787878; font-style: italic; }
#coming-soon *::-moz-placeholder { color: #787878; font-style: italic; } /* firefox 19+ */
#coming-soon *:-ms-input-placeholder { color: #787878; font-style: italic; } /* ie */
#coming-soon *:-moz-placeholder { color: #787878; font-style: italic; }

#country-combo {
	position: relative;
}

#country-combo input[type="text"] {
	background-image: url(images/contact_combo.png);
	background-repeat: no-repeat;
	background-position: right -91px;
	cursor: pointer;
}

#country-combo select {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	cursor: pointer;
}

#coming-soon #country-combo select {
	top: 0;
	height: 33px;
}

#coming-soon input[type="text"].error,
#coming-soon textarea.error {
	border-color: #ff0000;
}

#coming-soon .error-message {
	padding: 0 17px;
	min-height: 24px;
	color: #fe0000;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	text-align: left;
}

#coming-soon input[type="submit"] {
	float: right;
	margin-top: 6px;
	padding: 1px 22px 2px;
	color: white;
	font-size: 26px;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid #d39730;
	border-bottom-width: 2px;
	background: #efb654;
	cursor: pointer;
}

#coming-soon input[type="submit"]:hover {
	background-color: #d39730;
}

#coming-soon .success-message {
	text-align: left;
}


/* =Discover
-------------------------------------------------------------- */

#discover {
	background: white;
}

#discover .site-width {
	padding: 121px 0 114px;
}

#discover .video {
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

#discover .video img {
	display: block;
}

#discover .video .content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 122px;
	padding: 28px 46px 0;
	color: black;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	background: url(images/discover_content.png) no-repeat top;
}

#discover .video .content h2 {
	font-size: 48px;
	color: black;
	font-weight: 100;
	line-height: 48px;
	margin-bottom: 6px;
}

#discover .video .play {
	position: absolute;
	top: 0;
	bottom: 150px;
	left: 0;
	right: 0;
	background: url(images/discover_play.png) no-repeat center;
}


/* =Sticky Video
-------------------------------------------------------------- *

#sticky-video {
	position: absolute;
	top: 204px;
	right: 0;
	width: 202px;
	height: 115px;
	background: url(images/sticky_video.png) no-repeat top;
	cursor: pointer;
	z-index: 500;
}


#sticky-video:hover {
	background-position: bottom;
}


/* =Lightbox
-------------------------------------------------------------- */

#lightbox {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(images/black90.png);
	background: rgba(0,0,0,0.9);
	z-index: 9999;
}

#lightbox .content {
	position: absolute;
}

#lightbox .close {
	position: absolute;
	top: 10px;
	right: -30px;
	width: 30px;
	height: 30px;
	background: url(images/close.png) no-repeat center;
	cursor: pointer;
}


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

#footer {
	display: block;
	padding-bottom: 65px;
	background: #1B1B1B url(images/footer.png) repeat-x top;
	background: -o-linear-gradient(bottom, #494949 0%, #1B1B1B 100%);
	background: -moz-linear-gradient(bottom, #494949 0%, #1B1B1B 100%);
	background: -webkit-linear-gradient(bottom, #494949 0%, #1B1B1B 100%);
	background: -ms-linear-gradient(bottom, #494949 0%, #1B1B1B 100%);
	background: linear-gradient(to bottom, #494949 0%, #1B1B1B 100%);
}

#footer .logo {
	float: left;
	padding: 18px 25px 14px 29px;
	background: #333333 url(images/logo_star.png) no-repeat 8px 29px;
}

#footer .slogan {
	float: left;
	margin-top: 33px;
	margin-left: 23px;
	color: #f7d79d;
	font-size: 13px;
	text-transform: uppercase;
}

#footer .cols {
	clear: both;
	padding-top: 16px;
}

#footer .cols .col {
	float: left;
	margin-left: 25px;
}

#footer .cols .col:first-child {
	margin-left: 0;
}

#footer .links ul {
	padding-top:3px;
	width: 140px;
}

#footer .links ul li {
	margin-bottom: 7px;
}

#footer .links ul li a {
	color: white;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

#footer .links ul li a:hover {
	color: #efb654;
}

#footer .contact {
	color: #969696;
	font-size: 13px;
	line-height: 30px;
	text-transform: uppercase;
}

#footer .contact a {
	padding: 2px 0 2px 28px;
	color: inherit;
	text-decoration: none;
	background: url(images/footer_icons.png) no-repeat;
}

#footer .contact a:hover {
	color: #efb654;
}

#footer .contact a.phone {
	background-position: 0px 3px;
}

#footer .contact a.fax {
	background-position: 0px -50px;
}

#footer .contact a.email {
	background-position: 0px -97px;
}

#footer .contact a.skype {
	background-position: 0px -148px;
}

#footer .contact.office {
	width: 365px;
	padding-left: 17px;
	background: url(images/footer_decorations.png) no-repeat -499px center;
}

#footer .management {
	width: 263px;
}

#footer .management p {
	padding-left: 17px;
	background: url(images/footer_decorations.png) no-repeat left center;
}

#footer .credits {
	margin-top: 28px;
	color: #4e4e4e;
	font-size: 13px;
	text-transform: uppercase;
}

#footer .credits a {
	color: #969696;
	text-decoration: none;
}

#footer .credits a:hover {
	color: #efb654;
}


/* =Register
-------------------------------------------------------------- */

#register {
	padding: 128px 0 257px;
	background: white;
}

#register-form {
	width: 732px;
	margin: 0 auto;
}

#register-form h1 {
	margin: 0 2px 54px;
	color: black;
	font-size: 36px;
	font-weight: 100;
	line-height: 25px;
	text-transform: uppercase;
}

#register-form form {
	padding: 19px 0;
	border: 1px solid #bcbdc1;
	position: relative;
}

#register-form form .column {
	float: left;
	width: 304px;
	padding: 7px 30px 11px;
	border-left: 1px solid transparent;
}

#register-form form .column + .column {
	border-left-color: #bcbdc1;
}

#register-form label {
	display: block;
	color: #787878;
	font-size: 16px;
}

#register-form input[type="text"],
#register-form input[type="password"] {
	width: 283px;
	margin: 20px 0 0;
	padding: 7px 10px;
	color: black;
	font-size: 14px;
	font-weight: 300;
	border-radius: 3px;
	border: 1px solid transparent;
	background: #ebebeb;
}

#register-form label + input[type="text"],
#register-form label + input[type="password"] {
	margin-top: 15px;
}

#register-form *::-webkit-input-placeholder { color: #787878; font-style: italic; }
#register-form *::-moz-placeholder { color: #787878; font-style: italic; } /* firefox 19+ */
#register-form *:-ms-input-placeholder { color: #787878; font-style: italic; } /* ie */
#register-form *:-moz-placeholder { color: #787878; font-style: italic; }

#register-form input[type="text"].error,
#register-form input[type="password"].error {
	color: #fe0000;
	border-color: #ff0000;
}

#register-form .error::-webkit-input-placeholder { color: #fe0000; }
#register-form .error::-moz-placeholder { color: #fe0000; } /* firefox 19+ */
#register-form .error:-ms-input-placeholder { color: #fe0000; } /* ie */
#register-form .error:-moz-placeholder { color: #fe0000; }

#register-form .error-message {
	color: #fe0000;
	font-size: 12px;
	min-height: 25px;
}

#register-form input[type="submit"] {
	width: 100%;
	margin: 160px 0 0;
	padding: 3px 22px;
	color: white;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid #d39730;
	border-bottom-width: 2px;
	background: #efb654;
	cursor: pointer;
}

#register-form input[type="submit"]:hover {
	background-color: #d39730;
}

#register-form .ajax {
	height: 17px;
	margin: -26px -22px;
}


/* =Diamonds Calculator
-------------------------------------------------------------- */

body.page-template-page-order-php,
body.page-template-page-calculator-php {
	background: white;
}

#diamonds-calculator .top-section {
	padding-top: 156px; /*128px;*/
	background: url(images/order_title_bg.png) repeat-y top;
}

#diamonds-calculator h1 {
	width: 600px;
	margin-bottom: 48px;
	color: black;
	font-size: 48px;
	font-weight: 100;
	line-height: 38px;
}

#diamonds-calculator .how-it-works {
	position: absolute;
	top: -3px;
	right: 0;
	padding-left: 2px;
	color: #a0a0a0;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	background: url(images/order_how_it_works.png) no-repeat 0 0;
}

#diamonds-calculator .how-it-works .title {
	display: block;
	margin-bottom: 5px;
	padding-left: 24px;
	color: #efb654;
	font-size: 20px;
	text-transform: uppercase;
}

#diamonds-calculator .order-steps {
	height: 33px;
}

#diamonds-calculator.no-cart .order-steps {
	background: url(images/calculator/calculator_border.png) no-repeat bottom;
}

#diamonds-calculator .order-steps .step {
	float: left;
	width: 210px;
	padding: 4px 5px 5px 4px;
	color: #a0a0a0;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	background: white;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}

#diamonds-calculator .order-steps .step.login {
	padding-left: 15px;
	border-left: 1px solid #a0a0a0;
}

#diamonds-calculator .order-steps .step.summary {
	border-right: 1px solid #a0a0a0;
}

#diamonds-calculator.login .order-steps .step.login,
#diamonds-calculator.details .order-steps .step.calculator,
#diamonds-calculator.estimate .order-steps .step.estimate,
#diamonds-calculator.summary .order-steps .step.summary {
	color: white;
	background: #444444;
	border-color: #444444;
}

#diamonds-calculator .order-steps .sep {
	float: left;
	width: 34px;
	height: 33px;
	background: url(images/order_steps_sep.png) top;
}

#diamonds-calculator.login .order-steps .step.login + .sep,
#diamonds-calculator.details .order-steps .step.calculator + .sep,
#diamonds-calculator.estimate .order-steps .step.estimate + .sep {
	background-position: center;
}

#diamonds-calculator.details .order-steps .step.login + .sep,
#diamonds-calculator.estimate .order-steps .step.calculator + .sep,
#diamonds-calculator.summary .order-steps .step.estimate + .sep {
	background-position: bottom;
}

#diamonds-calculator .content-area {
	padding-top: 49px;
}

#diamonds-calculator .content-area h2 {
	color: black;
	font-size: 26px;
	font-weight: 300;
	line-height: 32px;
	text-transform: uppercase;
	margin-bottom: 14px;
}

#diamonds-calculator .column {
	float: left;
	width: 306px;
}

#diamonds-calculator .column + .column,
#diamonds-calculator form + .column {
	margin-left: 40px;
}

#diamonds-calculator .sidebar {
	color: #a0a0a0;
	font-weight: 300;
}

#diamonds-calculator .sidebar h2 {
	color: #444;
	font-size: 26px;
	text-transform: none;
	margin-bottom: 20px;
}

#diamonds-calculator .sidebar p {
	margin-bottom: 22px;
}

#diamonds-calculator .navigation {
	margin-top: 29px;
}

#diamonds-calculator .navigation .button {
	width: 159px;
	margin: 0 15px 0 0;
	padding: 8px 5px;
	color: #4e4e4e;
	font-size: 16px;
	text-transform: uppercase;
	border: 1px solid #ededed;
	border-bottom-width: 2px;
	border-right-width: 2px;
	background: white no-repeat 10px 10px;
	cursor: pointer;
}

/*
#diamonds-calculator .navigation .button:hover {
	background-color: #ededed;
}
*/

#diamonds-calculator .navigation .button.back {
	width: auto;
	margin-right: 36px;
	padding-left: 49px;
	padding-right: 18px;
	background-image: url(images/calculator/estimate_back.png);
}

#diamonds-calculator .navigation .button.print {
	float: right;
	width: 190px;
	margin-right: 0;
}

#diamonds-calculator .navigation .button.home {
	width: 190px;
}

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/black30.png);
	background: rgba(0,0,0,0.3);
	z-index: 9999;
}

.popup .content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 620px;
	min-height: 346px;
	margin-top: -210px;
	margin-left: -350px;
	padding: 35px 38px;
	color: #4e4e4e;
	font-size: 15px;
	line-height: 20px;
	border: 2px solid #4e4e4e;
	background: white;
}

.popup .content p {
	margin-bottom: 10px;
}

.popup .content a {
	color: #efb654;
	text-decoration: none;
}

.popup .content a:hover {
	text-decoration: underline;
}

.popup .content .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background: url(images/calculator/popup_close.png) no-repeat;
	cursor: pointer;
}

#how-it-works.popup h2 {
	color: orange;
	font-size: 26px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 28px;
	margin-bottom: 23px;
}

#how-it-works.popup h3 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 12px;
}

#calculator-error.popup .content {
	width: 400px;
	min-height: 200px;
	margin-top: -100px;
	margin-left: -200px;
}

#calculator-error.popup h2 {
	color: #efb654;
	font-size: 26px;
	text-align: center;
	line-height: 37px;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 23px;
}

#calculator-error.popup h2 span {
	display: inline-block;
	margin-right: 28px;
	padding-left: 49px;
	background: url(images/calculator/error_icon.png) no-repeat left;
}

#upload-popup.popup .content {
	min-height: 191px;
	margin-top: -151px;
}

#upload-popup.popup .content .title {
	color: black;
	font-size: 26px;
	font-weight: 300;
	line-height: 32px;
	text-transform: uppercase;
	margin-bottom: 17px;
}

#upload-popup.popup .content textarea {
	width: 598px;
	height: 114px;
	margin: 0 0 5px;
	padding: 7px 10px;
	color: black;
	font-size: 16px;
	font-weight: 300;
	border: 1px solid #a0a0a0;
	background: white;
	resize: none;
}

#upload-popup.popup *::-webkit-input-placeholder { color: #b1afaf; font-style: italic; }
#upload-popup.popup *::-moz-placeholder { color: #b1afaf; font-style: italic; } /* firefox 19+ */
#upload-popup.popup *:-ms-input-placeholder { color: #b1afaf; font-style: italic; } /* ie */
#upload-popup.popup *:-moz-placeholder { color: #b1afaf; font-style: italic; }

#upload-popup.popup .filename {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	padding: 8px 0;
	position: relative;
}

#upload-popup.popup .filename .value {
	height: 23px;
	padding: 0 30px 0 10px;
	color: #4e4e4e;
	font-size: 13px;
	font-weight: 300;
	line-height: 23px;
	border: 1px solid #a0a0a0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	z-index: 10;
}

#upload-popup.popup .filename .value.error {
	color: #ff0000;
	border-color: #ff0000;
}

#upload-popup.popup .filename .remove {
	display: none;
	position: absolute;
	top: 8px;
	right: 0;
	bottom: 8px;
	width: 30px;
	background: url(images/calculator/upload_remove.png) no-repeat center;
	cursor: pointer;
	z-index: 10;
}

#upload-popup.popup .filename .progress {
	position: absolute;
	left: 2px;
	top: 10px;
	bottom: 10px;
	z-index: 1;
	right: 2px;
}

#upload-popup.popup .filename .progress .bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0%;
	background: #efb654;
}

#upload-popup.popup label {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	padding: 9px 0;
	color: #444444;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #d6d6d6;
	cursor: pointer;
}

#upload-popup.popup label.upload {
	width: 138px;
}

#upload-popup.popup label.upload span {
	background: url(images/calculator/upload_arrow.png) no-repeat left;
	padding-left: 22px;
}

#upload-popup.popup label.upload form {
	display: none;
}

#upload-popup.popup label.save {
	width: 58px;
}


/* =Login
-------------------------------------------------------------- */

#diamonds-calculator.login {
	padding-bottom: 280px;
}

#diamonds-calculator.login .content-area {
	width: 815px;
	margin: 0 auto;
}

#diamonds-calculator.login p {
	color: #444;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 26px;
}

#diamonds-calculator.login .column {
	height: 229px;
	padding: 29px 39px 11px;
	border: 1px solid #4e4e4e;
	position: relative;
}

#diamonds-calculator.login input[type="text"],
#diamonds-calculator.login input[type="password"] {
	width: 266px;
	margin: 10px 0 0;
	padding: 5px 10px 7px 30px;
	color: black;
	font-size: 16px;
	font-weight: 300;
	border-radius: 3px;
	border: 1px solid transparent;
	background: #ebebeb url(images/order_login_icons.png) no-repeat -13px 0;
}

#diamonds-calculator.login input[name="log"] {
	background-position: 9px 10px;
}

#diamonds-calculator.login input[name="pwd"] {
	background-position: 9px -35px;
}

#diamonds-calculator.login *::-webkit-input-placeholder { color: #787878; font-style: italic; }
#diamonds-calculator.login *::-moz-placeholder { color: #787878; font-style: italic; } /* firefox 19+ */
#diamonds-calculator.login *:-ms-input-placeholder { color: #787878; font-style: italic; } /* ie */
#diamonds-calculator.login *:-moz-placeholder { color: #787878; font-style: italic; }

#diamonds-calculator.login .forgot {
	display: inline-block;
	margin-top: 15px;
	color: #a0a0a0;
	font-size: 14px;
	text-decoration: none;
}

#diamonds-calculator.login .forgot:hover {
	text-decoration: underline;
}

#diamonds-calculator.login .forgot b {
	color: #efb654;
	font-weight: normal;
}

#diamonds-calculator.login input[type="submit"] {
	position: absolute;
	left: 38px;
	bottom: 38px;
	width: 310px;
	padding: 3px 22px 4px;
	color: white;
	font-size: 25px;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid #8a8a8a;
	border-bottom-width: 2px;
	background: #a0a0a0;
	cursor: pointer;
}

#diamonds-calculator.login input[type="submit"]:hover {
	background-color: #8a8a8a;
}

#diamonds-calculator.login .or-title {
	margin-bottom: 18px;
	text-align: center;
}

#diamonds-calculator.login .or-title .line {
	padding-top: 24px;
	margin-bottom: -24px;
	border-bottom: 1px solid #efb654;
}

#diamonds-calculator.login .or-title .text {
	display: inline-block;
	padding: 0 20px;
	color: #efb654;
	font-size: 36px;
	font-weight: 300;
	line-height: 44px;
	text-align: center;
	text-transform: uppercase;
	background: white;
}

#diamonds-calculator.login .or-title .text:after {
	content: "or";
}

#diamonds-calculator.login .or-title + h2 {
	color: #444;
	font-size: 21px;
	font-weight: normal;
	line-height: 22px;
	text-transform: none;
	margin-bottom: 2px;
}

#diamonds-calculator.login .column h2 b {
	font-weight: normal;
	text-transform: uppercase;
}

#diamonds-calculator.login .column p {
	margin-bottom: 0;
	color: #a0a0a0;
	font-size: 16px;
}

#diamonds-calculator.login .big-button {
	position: absolute;
	left: 37px;
	bottom: 40px;
	width: 263px;
	padding: 3px 22px;
	font-size: 25px;
	font-weight: 300;
	line-height: 34px;
}


/* =Details
-------------------------------------------------------------- */

#diamonds-calculator.details {
	padding-bottom: 89px;
}

#diamonds-calculator.details .button {
	float: left;
	border: 1px solid #ebebeb;
	border-right-width: 2px;
	border-bottom-width: 2px;
	position: relative;
	cursor: pointer;
}

#diamonds-calculator.details .buttons .button:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	border: 8px solid #ebebeb;
	border-left-color:transparent !important;
	border-bottom-color: transparent !important;
}

#diamonds-calculator.details .button:hover,
#diamonds-calculator.details .button.selected {
	border-color: #efb654;
}

#diamonds-calculator.details .buttons .button.selected:after {
	border-color: #efb654;
}

#diamonds-calculator.details .button input {
	display: none;
}

#diamonds-calculator.details .select-shape {
	margin-bottom: 33px;
}

#diamonds-calculator.details .select-shape .buttons {
	margin-right: -9px;
}

#diamonds-calculator.details .select-shape .button {
	width: 70px;
	margin-right: 9px;
	margin-bottom: 10px;
	padding: 73px 10px 8px 13px;
	color: #4e4e4e;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	background: no-repeat top;
}

#diamonds-calculator.details .select-shape .button.baguette {
	background-image: url(images/calculator/button_baguette.png);
}

#diamonds-calculator.details .select-shape .button.princess {
	background-image: url(images/calculator/button_princess.png);
}

#diamonds-calculator.details .select-shape .button.sqcarre {
	background-image: url(images/calculator/button_sqcarre.png);
}

#diamonds-calculator.details .select-shape .button.emerald {
	background-image: url(images/calculator/button_emerald.png);
}

#diamonds-calculator.details .select-shape .button.taper {
	background-image: url(images/calculator/button_taper.png);
}

#diamonds-calculator.details .select-shape .button.marquise {
	background-image: url(images/calculator/button_marquise.png);
}

#diamonds-calculator.details .select-shape .button.pear {
	background-image: url(images/calculator/button_pear.png);
}

#diamonds-calculator.details .select-shape .button.oval {
	background-image: url(images/calculator/button_oval.png);
}

#diamonds-calculator.details .select-shape .button.asscher {
	background-image: url(images/calculator/button_asscher.png);
}

#diamonds-calculator.details .select-color-clarity {
	margin-bottom: 39px;
}

#diamonds-calculator.details .select-color-clarity .buttons {
	margin-right: -10px;
}

#diamonds-calculator.details .select-color-clarity .button {
	width: 130px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 6px 7px 11px 8px;
	color: #4e4e4e;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
}

#diamonds-calculator.details .select-color-clarity .button span {
	display: block;
	padding-top: 16px;
	background: url(images/calculator/color_clarity_dots.png) repeat-x;
}

#diamonds-calculator.details .select-color-clarity .button.def span {
	background-position: 0px 0px;
}

#diamonds-calculator.details .select-color-clarity .button.d2g span {
	background-position: 0px -100px;
}

#diamonds-calculator.details .select-color-clarity .button.g2h span {
	background-position: 0px -200px;
}

#diamonds-calculator.details .select-color-clarity .button.h2i span {
	background-position: 0px -300px;
}

#diamonds-calculator.details .button.other {
	display: block;
	float: none;
	clear: left;
	width: auto;
	padding: 5px 4px 5px 5px;
	color: #444;
	font-size: 16px;
	line-height: 28px;
	text-transform: uppercase;
}

#diamonds-calculator.details .button.other span {
	display: block;
	padding: 0 5px 0 0;
	background: none;
	position: relative;
}

#diamonds-calculator.details .button.other span:before,
#diamonds-calculator.details .button.other span:after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border: 1px solid #696969;
}

#diamonds-calculator.details .button.other span:before {
	top: 0;
	left: 0;
	border-right: none;
	border-bottom: none;
}

#diamonds-calculator.details .button.other span:after {
	right: 0;
	bottom: 0;
	border-top: none;
	border-left: none;
}

#diamonds-calculator.details .number-control {
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 31px;
}

#diamonds-calculator.details .number-control label {
	float: left;
	width: 155px;
	margin-right: 7px;
	padding-top: 9px;
	text-transform: uppercase;
}

#diamonds-calculator.details .number-control input {
	float: left;
	width: 95px;
	height: 38px;
	color: #4e4e4e;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	border: none;
	border-bottom: 1px solid #b9b9b9;
	background: white;
}

#diamonds-calculator.details .number-control input.warning {
	border-color: #efb654;
	outline-color: #efb654;
}

#diamonds-calculator.details .number-control input.error {
	border-color: #ff0000;
	outline-color: #ff0000;
}

#diamonds-calculator.details .number-control input.empty {
	color: #b9b9b9;
}

#diamonds-calculator.details .number-control .button {
	background: url(images/calculator/math_signs.png) no-repeat;
}

#diamonds-calculator.details .number-control .plus {
	float: right;
	width: 26px;
	height: 15px;
	margin-top: 1px;
	background-position: center 2px;
}

#diamonds-calculator.details .number-control .minus {
	float: right;
	width: 26px;
	height: 15px;
	margin-top: 4px;
	background-position: center -198px;
}

#diamonds-calculator.details .select-size {
	margin-bottom: 60px;
}

#diamonds-calculator.details .select-size .number-control label:after {
	content: " (mm)";
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
}

#diamonds-calculator.details .select-size .tolerance-combo {
	float: left;
}

#diamonds-calculator.details .select-size .tolerance-combo .pselect {
	height: 34px;
	margin: 0;
	padding: 0 32px 0 11px;
	font-size: 16px;
	line-height: 34px;
	background: #ebebeb;
	border: none;
	cursor: pointer;
	box-sizing: content-box;
}

#diamonds-calculator.details .select-size .tolerance-combo .pselect-wrapper {
	position: relative;
}

#diamonds-calculator.details .select-size .tolerance-combo .pselect-wrapper input[type="text"] {
	width: 180px;
	background: #ebebeb url(images/calculator/tolerance_combo.png) no-repeat 200px center;
}

#diamonds-calculator.details .select-size .tolerance-combo .pselect-wrapper.open .pselect {
	background-color: white;
}

#diamonds-calculator.details .select-size .tolerance-combo .pselect-wrapper ul {
	position: absolute;
	width: 100%;
	background: white;
}

#diamonds-calculator.details .select-size .tolerance-combo .pselect-wrapper li {
	margin: 0;
	padding: 0 32px 0 11px;
	font-size: 16px;
	line-height: 34px;
	cursor: pointer;
}

#diamonds-calculator.details .select-size .tolerance-combo .pselect-wrapper li:hover {
	color: white;
	background-color: #4e4e4e;
}

#diamonds-calculator.details .frame {
	margin-top: 7px;
	padding: 23px 20px 24px;
	border: 1px solid #ebebeb;
}

#diamonds-calculator.details .selection-title {
	color: #4e4e4e;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	text-transform: uppercase;
}

#diamonds-calculator.details .selected-shape {
	visibility: hidden;
}

#diamonds-calculator.details .selected-shape.visible {
	visibility: visible;
}

#diamonds-calculator.details .selected-shape .size {
	width: 200px;
	color: #4e4e4e;
	font-size: 13px;
	text-align: center;
}

#diamonds-calculator.details .selected-shape .size.rotated {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE 8 */
	-ms-transform: rotate(90deg); /* IE 9+ */
	-webkit-transform: rotate(90deg); /* Opera, Chrome, and Safari */
	transform: rotate(90deg);
}

#diamonds-calculator.details .selected-shape .size abbr {
	color: #b9b9b9;
}

#diamonds-calculator.details .selected-shape-top {
	margin-top: 41px;
	padding-left: 11px;
	padding-bottom: 90px;
	background: url(images/calculator/preview_top_border.png) no-repeat 18px 13px;
	position: relative;
}

#diamonds-calculator.details .selected-shape-top .shape {
	width: 244px;
	height: 308px;
	background: no-repeat;
}

#diamonds-calculator.details .selected-shape-top .size.width {
	position: absolute;
	top: 310px;
	left: 33px;
}

#diamonds-calculator.details .selected-shape-top .size.length {
	position: absolute;
	top: 148px;
	left: 172px;
}

#diamonds-calculator.details .selected-shape-side {
	padding-left: 11px;
	padding-bottom: 47px;
	background: url(images/calculator/preview_side_border.png) no-repeat 255px 16px;
	position: relative;
}

#diamonds-calculator.details .selected-shape-side .shape {
	width: 244px;
	height: 165px;
	background: no-repeat;
}

#diamonds-calculator.details .selected-shape-side .size.depth {
	position: absolute;
	top: 76px;
	left: 172px;
}

#diamonds-calculator.details .selected-shape.baguette .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_baguette.png);
}

#diamonds-calculator.details .selected-shape.baguette .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_baguette.png);
}

#diamonds-calculator.details .selected-shape.princess .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_princess.png);
}

#diamonds-calculator.details .selected-shape.princess .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_princess.png);
}

#diamonds-calculator.details .selected-shape.sqcarre .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_sqcarre.png);
}

#diamonds-calculator.details .selected-shape.sqcarre .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_sqcarre.png);
}

#diamonds-calculator.details .selected-shape.emerald .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_emerald.png);
}

#diamonds-calculator.details .selected-shape.emerald .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_emerald.png);
}

#diamonds-calculator.details .selected-shape.taper .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_taper.png);
}

#diamonds-calculator.details .selected-shape.taper .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_taper.png);
}

#diamonds-calculator.details .selected-shape.marquise .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_marquise.png);
}

#diamonds-calculator.details .selected-shape.marquise .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_marquise.png);
}

#diamonds-calculator.details .selected-shape.pear .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_pear.png);
}

#diamonds-calculator.details .selected-shape.pear .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_pear.png);
}

#diamonds-calculator.details .selected-shape.oval .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_oval.png);
}

#diamonds-calculator.details .selected-shape.oval .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_oval.png);
}

#diamonds-calculator.details .selected-shape.asscher .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_asscher.png);
}

#diamonds-calculator.details .selected-shape.asscher .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_asscher.png);
}

#diamonds-calculator.details .selected-shape.other .selected-shape-top .shape {
	background-image: url(images/calculator/preview_top_other.png);
}

#diamonds-calculator.details .selected-shape.other .selected-shape-side .shape {
	background-image: url(images/calculator/preview_side_other.png);
}

#diamonds-calculator.details .selected-color-clarity {
	visibility: hidden;
}

#diamonds-calculator.details .selected-color-clarity.visible {
	visibility: visible;
}

#diamonds-calculator.details .selected-color-clarity .pattern {
	height: 10px;
	margin: 16px -2px 15px 0;
	background: url(images/calculator/color_clarity_dots.png) repeat-x 0px 100px;
}

#diamonds-calculator.details .selected-color-clarity.def .pattern {
	background-position: 0px 0px;
}

#diamonds-calculator.details .selected-color-clarity.d2g .pattern {
	background-position: 0px -100px;
}

#diamonds-calculator.details .selected-color-clarity.g2h .pattern {
	background-position: 0px -200px;
}

#diamonds-calculator.details .selected-color-clarity.h2i .pattern {
	background-position: 0px -300px;
}

#diamonds-calculator.details .selected-summary {
	padding-top: 6px;
	color: #4e4e4e;
	font-size: 20px;
	line-height: 34px;
	text-transform: uppercase;
	visibility: hidden;
}

#diamonds-calculator.details .selected-shape.visible + .selected-color-clarity.visible + .selected-summary {
	visibility: visible;
}

#diamonds-calculator.details .selected-summary .weight .value {
	background: url(images/ajax.gif) no-repeat 0 100px;
}

#diamonds-calculator.details .selected-summary .weight .value.ajaxing {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: 0 0;
}

#diamonds-calculator.details .selected-summary .small {
	text-transform: lowercase;
}

#diamonds-calculator.details .selected-summary .quantity .value {
	padding-left: 20px;
	background: url(images/calculator/math_signs.png) no-repeat left;
}

#diamonds-calculator.details .disclaimer {
	margin-top: 24px;
	color: #a0a0a0;
	font-size: 13px;
	font-weight: 300;
}

#diamonds-calculator.details .big-button {
	margin-top: 41px;
	width: 100%;
	height: 80px;
	font-size: 26px;
	font-weight: 300;
	cursor: pointer;
}

/* =Register
-------------------------------------------------------------- */

#register-popup {
	display: none;
}

#register-popup .content {
	margin-top: -355px;
	color: #585858;
	/*background: url(debug/register.png) no-repeat 9px 12px;*/
}

#register-popup .title {
	font-size: 35px;
	font-weight: 300;
	line-height: 42px;
	color: black;
	text-transform: uppercase;
	margin-bottom: 3px;
}

#register-popup .register {
	padding-top: 18px;
	padding-bottom: 32px;
	border-bottom: 1px solid #ebebeb;
}

#register-popup .login {
	padding-top: 25px;
}

#register-popup .column {
	float: left;
	width: 300px;
}

#register-popup .column + .column {
	margin-left: 20px;
}

#register-popup label {
	display: block;
	margin-bottom: 1px;
	color: #787878;
	font-size: 16px;
}

#register-popup input[type="text"],
#register-popup input[type="password"] {
	width: 278px;
	margin: 15px 0 0;
	padding: 7px 10px;
	color: black;
	font-size: 14px;
	font-weight: 300;
	border-radius: 3px;
	border: 1px solid transparent;
	background: #ebebeb;
}

#register-popup input[type="text"].icon {
	text-indent: 20px;
	background-image: url(images/calculator/register_icons.png);
	background-repeat: no-repeat;
}

#register-popup input[type="text"].icon.email {
	background-position: 8px 7px;
}

#register-popup input[type="text"].icon.phone {
	background-position: 8px -93px;
}

#register-popup input[type="text"].icon.website {
	background-position: 8px -193px;
}

#register-popup *::-webkit-input-placeholder { color: #787878; font-style: italic; }
#register-popup *::-moz-placeholder { color: #787878; font-style: italic; } /* firefox 19+ */
#register-popup *:-ms-input-placeholder { color: #787878; font-style: italic; } /* ie */
#register-popup *:-moz-placeholder { color: #787878; font-style: italic; }

#register-popup input[type="text"].error,
#register-popup input[type="password"].error {
	color: #fe0000;
	border-color: #ff0000;
}

#register-popup .error::-webkit-input-placeholder { color: #fe0000; }
#register-popup .error::-moz-placeholder { color: #fe0000; } /* firefox 19+ */
#register-popup .error:-ms-input-placeholder { color: #fe0000; } /* ie */
#register-popup .error:-moz-placeholder { color: #fe0000; }

#register-popup .error-message {
	color: #fe0000;
	font-size: 12px;
	min-height: 25px;
}

#register-popup input[type="submit"] {
	width: 100%;
	margin: 90px 0 0;
	padding: 3px 22px;
	color: white;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid #d39730;
	border-bottom-width: 2px;
	background: #efb654;
	cursor: pointer;
}

#register-popup input[type="submit"]:hover {
	background-color: #d39730;
}

#register-popup .login input[type="submit"] {
	width: 173px;
	margin-top: 18px;
	margin-left: 127px;
}

#register-popup .ajax {
	height: 17px;
	margin: -26px -22px;
}

#register-popup .forgot {
	font-size: 13px;
	margin: 6px 0 2px;
	display: inline-block;
}

#register-popup .forgot span {
	color: #444444;
}

#register-popup .forgot:hover span {
	color: inherit;
}

#register-thanks {
	height: 1000px;
	position: static;
	background: white;
}

#register-thanks .content {
	top: 250px;
	margin-top: 0;
}

#register-thanks .title {
	font-size: 48px;
	font-weight: 100;
	line-height: 40px;
	margin-bottom: 20px;
}

#register-thanks .content b {
	font-size: 18px;
	font-weight: 300;
}

#register-thanks .content .contact {
	padding: 30px 0;
	font-size: 13px;
}

#register-thanks .content .contact .name {
	font-size: 18px;
	font-weight: 300;
}

#register-thanks .content .contact .phone {
	margin-left: 10px;
	padding: 2px 0 2px 20px;
	color: inherit;
	text-decoration: none;
	background: url(images/contact_icons.png) no-repeat 0px -148px;
}

#register-thanks .content .contact .email {
	margin-left: 10px;
	padding: 2px 0 2px 20px;
	color: inherit;
	text-decoration: none;
	text-transform: uppercase;
	background: url(images/contact_icons.png) no-repeat 0px 2px;
}

#register-thanks .content .button.back {
	float: right;
	margin: 15px 0;
	padding: 8px 5px;
	color: #4e4e4e;
	font-size: 16px;
	text-transform: uppercase;
	border: 1px solid #ededed;
	border-bottom-width: 2px;
	border-right-width: 2px;
	background: white url(images/calculator/estimate_back.png) no-repeat 10px 10px;
	cursor: pointer;
	padding-left: 49px;
	padding-right: 18px;
}

iframe[name="google_conversion_frame"] {
	display: none;
}


/* =Estimate
-------------------------------------------------------------- */

#diamonds-calculator.estimate {
	padding-bottom: 140px;
}

#diamonds-calculator.estimate .column.estimate {
	width: 652px;
}

#diamonds-calculator.estimate .frame {
	padding: 39px 37px 24px 48px;
	border: 1px solid black;
	position: relative;
}

#diamonds-calculator.estimate .selected-shape {
	float: left;
	width: 180px;
	height: 320px;
	background: no-repeat;
}

#diamonds-calculator.estimate .selected-shape.baguette {
	background-image: url(images/calculator/estimate_baguette.png);
}

#diamonds-calculator.estimate .selected-shape.princess {
	background-image: url(images/calculator/estimate_princess.png);
}

#diamonds-calculator.estimate .selected-shape.sqcarre {
	background-image: url(images/calculator/estimate_sqcarre.png);
}

#diamonds-calculator.estimate .selected-shape.emerald {
	background-image: url(images/calculator/estimate_emerald.png);
}

#diamonds-calculator.estimate .selected-shape.taper {
	background-image: url(images/calculator/estimate_taper.png);
}

#diamonds-calculator.estimate .selected-shape.marquise {
	background-image: url(images/calculator/estimate_marquise.png);
}

#diamonds-calculator.estimate .selected-shape.pear {
	background-image: url(images/calculator/estimate_pear.png);
}

#diamonds-calculator.estimate .selected-shape.oval {
	background-image: url(images/calculator/estimate_oval.png);
}

#diamonds-calculator.estimate .selected-shape.asscher {
	background-image: url(images/calculator/estimate_asscher.png);
}

#diamonds-calculator.estimate .selected-shape.other {
	background-image: url(images/calculator/estimate_other.png);
}

#diamonds-calculator.estimate .selected-summary {
	float: left;
	width: 338px;
	padding: 13px 0 0 47px;
	color: #a0a0a0;
	font-size: 16px;
	line-height: 18px;
}

#diamonds-calculator.estimate .selected-summary dl {
	float: left;
}

#diamonds-calculator.estimate .selected-summary dt {
	clear: left;
	float: left;
	width: 200px;
	margin-bottom: 18px;
	padding-right: 13px;
	text-transform: uppercase;
}

#diamonds-calculator.estimate .selected-summary dd {
	float: left;
	width: 125px;
	margin-bottom: 18px;
	color: black;
}

#diamonds-calculator.estimate .selected-summary .upper {
	text-transform: uppercase;
}

#diamonds-calculator.estimate .selected-summary .extra-margin {
	margin-top: 16px;
}

#diamonds-calculator.estimate .selected-summary .price {
	color: #efb654;
}

#diamonds-calculator.estimate .selected-summary .total {
	margin-top: 19px;
	color: #efb654;
	font-size: 20px;
	line-height: 46px;
	text-transform: none;
	border-top: 2px solid #efb654;
}

#diamonds-calculator.estimate .selected-summary .other-tolerance {
	font-size: 13px;
}

#diamonds-calculator.estimate .selected-summary .submit {
	margin-top: 18px;
}

#diamonds-calculator.estimate .selected-summary .big-button {
	position: absolute;
	bottom: -20px;
	width: 337px;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 2px;
	font-size: 26px;
	font-weight: 300;
	cursor: pointer;
}


/* =Cart
-------------------------------------------------------------- */

#diamonds-calculator .cart {
	margin-top: 7px;
	padding: 25px 21px 17px;
	background: #ebebeb;
}

#diamonds-calculator .cart h2 {
	padding-left: 28px;
	background: url(images/calculator/cart_icon.png) no-repeat left;
}

#diamonds-calculator .cart .items-area {
	min-height: 744px;
/*	min-height: 721px;*/
}

#diamonds-calculator .cart .items-area .empty {
	display: none;
	color: #ababab;
	font-weight: 300;
	line-height: 24px;
}

#diamonds-calculator .cart.no-items .items-area .empty {
	display: block;
}

#diamonds-calculator .cart .items-area .diamonds {
	color: #a0a0a0;
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 12px;
}

#diamonds-calculator .cart .items-area .diamonds .diamond {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #a0a0a0;
}

#diamonds-calculator .cart .items-area .diamonds .diamond:first-child {
	padding-top: 0;
	border-top: none;
}

#diamonds-calculator .cart .items-area .diamonds .diamond dl {
	float: left;
}

#diamonds-calculator .cart .items-area .diamonds .diamond dl dt {
	float: left;
	clear: left;
	margin-right: 4px;
	text-transform: uppercase;
}

#diamonds-calculator .cart .items-area .diamonds .diamond dl dt.width,
#diamonds-calculator .cart .items-area .diamonds .diamond dl dt.weight {
	clear: none;
}

#diamonds-calculator .cart .items-area .diamonds .diamond dl dt.width:before,
#diamonds-calculator .cart .items-area .diamonds .diamond dl dt.weight:before {
	content: "|";
	padding: 0 7px;
}

#diamonds-calculator .cart .items-area .diamonds .diamond dl dt:after {
	content: ":";
}

#diamonds-calculator .cart .items-area .diamonds .diamond dl dd {
	float: left;
	color: #4e4e4e;
}

#diamonds-calculator .cart .items-area .diamonds .diamond .price {
	margin: 13px 0;
	font-size: 16px;
}

#diamonds-calculator .cart .items-area .diamonds .diamond .price.known {
	color: #efb654;
}

#diamonds-calculator .cart .items-area .diamonds .diamond .price .total {
	float: right;
}

#diamonds-calculator .cart .items-area .diamonds .diamond .actions label {
	color: black;
	text-transform: uppercase;
	cursor: pointer;
}

#diamonds-calculator .cart .items-area .diamonds .diamond .actions label:hover {
	text-decoration: underline;
}

#diamonds-calculator .cart .items-area .diamonds .diamond .actions label input {
	display: none;
}

#diamonds-calculator .cart .controls {
	color: #a0a0a0;
	font-size: 13px;
	line-height: 16px;
}

#diamonds-calculator .cart .controls p {
	margin-bottom: 16px;
}

#diamonds-calculator .cart .controls a {
	color: #444;
	text-decoration: none;
}

#diamonds-calculator .cart .controls a:hover {
	text-decoration: underline;
}

#diamonds-calculator .cart .controls .black-button {
	color: white;
	text-transform: uppercase;
	border: 1px solid #252525;
	border-bottom-width: 2px;
	border-right-width: 2px;
	background: #444444;
	cursor: pointer;
}

/*
#diamonds-calculator .cart .controls .black-button:hover {
	background-color: #252525;
}
*/

#diamonds-calculator .cart .controls .total-price {
	margin-bottom: 12px;
	padding-top: 8px;
	color: #efb654;
	font-size: 20px;
	line-height: 24px;
	border-top: 2px solid #efb654;
}

#diamonds-calculator .cart.no-items .controls .total-price {
	visibility: hidden;
}

#diamonds-calculator .cart .controls .total-price .total {
	float: right;
}

#diamonds-calculator .cart .controls .shipping .toggle {
	display: inline-block;
	margin-bottom: 17px;
	padding-right: 16px;
	text-transform: uppercase;
	background: url(images/calculator/cart_shipping_toggle.png) no-repeat right 4px;
}

#diamonds-calculator .cart .controls .shipping .toggle.open {
	background-position: right -96px;
}

#diamonds-calculator .cart .controls .shipping select {
	width: 100%;
	height: 32px;
	margin: 0 0 10px;
	padding: 0 5px;
	color: #ebebeb;
	font-size: 16px;
	font-weight: 300;
	border: none;
	border-radius: 2px;
	background: #a0a0a0;
}

#diamonds-calculator .cart.no-items .controls .shipping {
	visibility: hidden;
}

#diamonds-calculator .cart .controls .shipping .calculate {
	width: 100%;
	height: 32px;
	margin: 0 0 36px;
	padding: 0;
	color: #ebebeb;
	font-size: 16px;
}

#diamonds-calculator .cart .controls .place-order {
	display: block;
	padding: 5px 5px 9px 96px;
	font-size: 26px;
	font-weight: 300;
	line-height: 32px;
	text-decoration: none;
	background-image: url(images/calculator/cart_place_order.png);
	background-repeat: no-repeat;
	background-position: 19px 14px;
}

#diamonds-calculator .cart.no-items .controls .place-order {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	opacity: 0.3;
	cursor: default;
}

#diamonds-calculator .cart .controls .place-order input {
	display: none;
}

#diamonds-calculator .cart .terms {
	margin-top: 20px;
}

#diamonds-calculator .cart .terms .astrix {
	text-transform: uppercase;
}

#diamonds-calculator .cart .terms .astrix:before {
	content: "* ";
}

#diamonds-calculator .cart .terms .conflict {
	display: inline-block;
	margin-top: 3px;
	margin-left: -3px;
	padding-left: 19px;
	background: url(images/calculator/cart_conflict_free.png) no-repeat left;
}


/* =Summary
-------------------------------------------------------------- */

#diamonds-calculator.summary {
	padding-bottom: 140px;
}

#diamonds-calculator.summary .content-area h2 {
	margin-bottom: 22px;
}

#diamonds-calculator .summary {
	width: 813px;
	margin: 0 auto;
	color: #4e4e4e;
}

#diamonds-calculator .summary .confirmation-number {
	float: right;
	margin-top: 5px;
	padding-top: 2px;
	padding-left: 39px;
	font-size: 20px;
	line-height: 25px;
	text-align: right;
	text-transform: uppercase;
	background: url(images/calculator/completed_icon.png) no-repeat left top;
}

#diamonds-calculator .summary .confirmation-number + h2 {
	clear: none;
}

#diamonds-calculator .summary .frame {
	margin-top: 35px;
	padding: 36px;
	border: 1px solid black;
}

#diamonds-calculator .summary h3 {
	color: black;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
}

#diamonds-calculator .summary .diamonds {
	margin-top: 20px;
	padding-bottom: 22px;
	color: #a0a0a0;
	font-size: 14px;
	line-height: 24px;
}

#diamonds-calculator .summary .diamonds .diamond {
	margin-bottom: 14px;
	padding-bottom: 13px;
	border-bottom: 1px solid #a0a0a0;
}

#diamonds-calculator .summary .diamonds .diamond .actions {
	float: right;
}

#diamonds-calculator .summary .diamonds .diamond .actions .delete {
	float: right;
	width: 10px;
	height: 10px;
	margin-bottom: 2px;
	padding: 6px 4px;
	background: url(images/calculator/summary_delete.png) no-repeat center;
	cursor: pointer;
}

#diamonds-calculator .summary .diamonds .diamond .actions .delete input {
	display: none;
}

#diamonds-calculator .summary .diamonds .diamond .actions .price {
	float: right;
	clear: right;
}

#diamonds-calculator .summary .diamonds .diamond .actions .price .total {
	color: #efb654;
}

#diamonds-calculator .summary .diamonds .diamond dl {
	float: left;
}

#diamonds-calculator .summary .diamonds .diamond dl dt {
	float: left;
	margin-right: 5px;
	text-transform: uppercase;
}

#diamonds-calculator .summary .diamonds .diamond dl dt:before {
	content: "|";
	padding: 0 5px;
}

#diamonds-calculator .summary .diamonds .diamond dl dt.shape,
#diamonds-calculator .summary .diamonds .diamond dl dt.width {
	clear: left;
}

#diamonds-calculator .summary .diamonds .diamond dl dt.shape:before,
#diamonds-calculator .summary .diamonds .diamond dl dt.width:before {
	content: "";
	padding: 0;
}

#diamonds-calculator .summary .diamonds .diamond dl dd {
	float: left;
	color: #4e4e4e;
}

#diamonds-calculator .summary .shipping {
	text-transform: uppercase;
}

#diamonds-calculator .summary .shipping .price {
	float: right;
	color: #efb654;
}

#diamonds-calculator .summary .delivery {
	margin-top: 16px;
}

#diamonds-calculator .summary .delivery .description {
	float: left;
}

#diamonds-calculator .summary .delivery .description .remark {
	color: #a0a0a0;
	font-size: 14px;
	line-height: 20px;
}

#diamonds-calculator .summary .delivery .ranges {
	padding-top: 2px;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
}

#diamonds-calculator .summary .delivery .ranges .range {
	display: inline-block;
	margin-left: 20px;
	padding-left: 30px;
	padding-right: 15px;
	text-align: left;
	border-left: 1px solid #d2d2d2;
}

#diamonds-calculator .summary .delivery .ranges .range:first-child {
	padding-left: 0;
	border-left: none;
}

#diamonds-calculator .summary .payment-terms {
	margin-top: 30px;
	text-transform: uppercase;
}

#diamonds-calculator .summary .payment-terms p {
	color: #a0a0a0;
	font-size: 14px;
	line-height: 20px;
	text-transform: none;
}

#diamonds-calculator .summary .total-price {
	margin-top: 25px;
	padding-top: 16px;
	color: #efb654;
	font-size: 20px;
	line-height: 22px;
	border-top: 2px solid #efb654;
}

#diamonds-calculator .summary .total-price .total {
	float: right;
}

#diamonds-calculator .summary .total-price-per-carat {
	margin-bottom: 10px;
	font-size: 16px;
}

#diamonds-calculator.summary .navigation .button.confirm {
	float: right;
	width: auto;
	margin-right: 0;
	padding: 1px 53px 2px 76px;
	color: white;
	font-size: 26px;
	font-weight: 300;
	background: #efb654 url(images/calculator/summary_confirm.png) no-repeat 47px center;
	border-color: #d39730;
}


/* =Print Version
-------------------------------------------------------------- */

@media print {
	#header { display: none; }
	#header-space { margin-top: 50px; background: white; }
	#header-space img { visibility: visible; }
	#diamonds-calculator .top-section { padding-top: 0; }
	#diamonds-calculator h1 { margin-bottom: 0; }
	#diamonds-calculator .how-it-works { display: none; }
	#diamonds-calculator .order-steps { display: none; }
	#diamonds-calculator .navigation { display: none; }
	#diamonds-calculator.estimate .frame { border: none; padding: 0; }
	#diamonds-calculator.estimate .selected-shape { display: none; }
	#diamonds-calculator.estimate .selected-summary { padding: 0; }
	#diamonds-calculator.estimate .selected-summary .big-button { display: none; }
	#diamonds-calculator .sidebar { display: none; }
	#diamonds-calculator .cart { display: none; }
	#diamonds-calculator .summary { margin: 0; }
	#footer { display: none; }
}


/* =Debug
-------------------------------------------------------------- *

body {
	padding-bottom: 500px;
}

body.page-template-page-register-php {
	background: url(debug/register.png) no-repeat top;
}

#register {
	background: none;
}

body.page-template-page-order-php {
	background: url(debug/preview.png) no-repeat top;
	background: url(debug/cart.png) no-repeat top;
	background: url(debug/confirm.png) no-repeat top;
	background: url(debug/upload.png) no-repeat top;
}

body.page-template-page-order-php #diamonds-calculator,
body.page-template-page-order-php #diamonds-calculator .top-section,
body.page-template-page-order-php #diamonds-calculator .cart {
	background: none;
}

/******* Français *********/

.lang {
    left: -70px;
    position: absolute;
    top: 10px;
}


.lang > a {
    color: #f7d79d;
    text-decoration: none;
}

.lang > a:hover {
color: #efb654
}

.qtrans_language_chooser li {
    float: left;
    margin-right: 10px;
}