@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light.eot');
    src: local('open_sanslight'),
	url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular.eot');
    src: local('open_sansregular'),
	url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/OpenSans-Semibold.eot');
    src: local('open_sanssemibold'),
	url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Semibold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold.eot');
    src: local('open_sanssemibold'),
	url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: local('bebas_neueregular'),
	url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/BebasNeue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*
{
    margin: 0em;
    padding: 0em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

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

ul,ol
{
    margin: 0em;
    margin: 0em;
}

li
{
    padding: 0em;
    margin: 0em;
    list-style: none;
}

body
{
    margin: 0em;
    color: #ffffff;
    text-align: left;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
    font-size: 15px;
    background: url('../img/body.jpg') repeat;
    height: 100%;
}

html
{
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;
    height: 100%;
}

img
{
    max-width: 100%;
    height: auto !important;
    border: none;
}

a
{
    outline: none;
}

.clear 
{
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    padding: 0em;
    margin: 0em;
}
    nav
    {
	width: 100%;
	position: fixed;
	top: 0em;
	z-index: 1000;
	border-top: 2px solid #ffffff;
    }
    nav #contactButton
    {
	position: absolute;
	top: 0em;
	left: 80%;
	padding: 0.533em 1.067em 0.4em 0.933em;
	background-color: #5a6fc4;
	color: #ffffff;
	font-family: 'bebas_neueregular';
	font-size: 1.2em;
	text-decoration: none;
	z-index: 1000;
    }

header
{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    margin: 0px auto;
    padding: 0em 1.333em;
    background: url('../img/header.jpg') no-repeat fixed 50% 0;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}
    header .cell
    {
	display: block;
	width: 100% !important;
	position: relative;
    }
    header #logo
    {
	display: block;
	padding: 7.600em 0em 1.667em 0em;
	margin: 0em auto;
    }
    header h1
    {
	display: block;
	width: 6.481em;
	margin: 0em auto 0.315em auto;
	font-family: 'bebas_neueregular';
	font-size: 3.6em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 0.852em;
    }
    header ul
    {
	padding: 5.867em 0em 5.333em 0em;
    }
    header li
    {
	display: inline-block;
	width: 32.5%;
	max-width: 347px;
	padding: 0em 0.600em 1.200em 0.600em;
	margin: 0px;
    }
    header p
    {
	line-height: 1.667em;
    }
	header li a
	{
	    display: block;
	    width: 100%;
	    height: 100%;
	    padding: 3.296em 0.370em 0.370em 0.370em;
	    font-family: 'bebas_neueregular';
	    font-size: 3.6em;
	    font-weight: normal;
	    text-transform: uppercase;
	    text-decoration: none;
	    text-align: left;
	    line-height: 0.778em;
	    color: #ffffff;
	}
	header li.collections
	{
	    background: url('../img/li_collections_h.jpg') no-repeat 1000px 1000px;
	}
	    header li.collections a
	    {
		background: url('../img/li_collections.jpg') no-repeat 50% 50%;
		background-size: cover;
	    }
	header li.about
	{
	    background: url('../img/li_about_h.jpg') no-repeat 1000px 1000px;
	}
	    header li.about a
	    {
		background: url('../img/li_about.jpg') no-repeat 100% 50%;
		background-size: cover;
	    }
	header li.press
	{
	    background: url('../img/li_press_h.jpg') no-repeat 1000px 10000px;
	}
	    header li.press a
	    {
		background: url('../img/li_press.jpg') no-repeat 0em 0em;
		background-size: cover;
	    }

section
{
    padding: 0em 1.333em
    position: relative;
    top: 0px;
}

section h2
{
    padding: 0em 0em 1.000em 1.074em;
    font-family: 'bebas_neueregular';
    font-size: 3.600em;
    font-weight: normal;
    text-transform: uppercase;
    background: url('../img/deco1.png') no-repeat 0em 0em;
    line-height: 0.981em;
}
    section div.body
    {
	max-width: 1138px;
	margin: 0em auto;
	padding: 4.800em 0em 0em 0em;
	position: relative;
	overflow: hidden;
    }



section#collections
{
    background: url('../img/body.jpg') repeat;
    text-align: center;
    padding: 0em 0em 4.000em 0em;
}
    section#collections h2
    {
	padding: 0em 0em 0.8em 1.074em;
	font-size: 4.133em;
	text-align: left;
    }
    section#collections div.gradient
    {
	position: absolute;
	height: 22px;
	width: 100%;
	background: url('../img/section1.png') repeat-x 0em 0em;
    }
    section#collections .wrapper
    {
	position: relative;
    }
	section#collections h3
	{
	    padding: 0em 0em 0.600em 0em;
	    font-family: 'bebas_neueregular';
	    font-size: 2.533em;
	    font-weight: normal;
	    text-transform: uppercase;
	    text-align: left;
	}
	    section#collections h3 span
	    {
		padding: 0em 0em 0em 0.263em;
		font-size: 0.474em;
		vertical-align: super;
	    }
	section#collections p
	{
	    text-align: left;
	}
    section#collections article
    {
	display: inline-block;
	width: 42.5%;
	background-color: #221f1c;
	max-width: 490px;
	padding: 0em 1.267em 0em 0em;
	margin: 1.500em 0.400em 0.400em 0.400em;
	text-align: right;
	position: relative;
	overflow: hidden;
    }
	section#collections article div.desc
	{
	    float: right;
	    width: 33%;
	    position: relative;
	    z-index: 10;
	    padding: 0.933em 0em;
	}
	section#collections article div.info
	{
	    height: 8.333em;
	    font-size: 0.867em;
	    line-height: 1.538em;
	    overflow: hidden;
	}
	section#collections article div.PRICE
	{
	    font-family: 'open_sansbold';
	    font-size: 1.667em;
	}
	section#collections article p
	{
	    text-align: right;
	}
	section#collections article span
	{
	    line-height: 2.000em;
	}
	section#collections article img
	{
	    float: left;
	    width: 67%;
	    padding: 0em 0.667em 0em 0em;
	}
	section#collections article img.bg
	{
	    position: absolute;
	    left: 0em;
	    bottom: 0em;
	    width: 100%;
	    padding: 0em;
	    display: none;
	    cursor: pointer;
	}
	section#collections article label
	{
	    display: block;
	    font-family: 'bebas_neueregular';
	    font-size: 1.200em;
	    font-weight: normal;
	    text-transform: uppercase;
	}

    section#collections ul.navKategory
    {
    }
	section#collections ul.navKategory li
	{
	    display: inline-block;
	    width: 32.5%;
	    max-width: 347px;
	    max-height: 598px;
	    padding: 0em 0.600em 1.200em 0.600em;
	}
	    section#collections ul.navKategory li a
	    {
		display: block;
		width: 100%;
		height: 11.074em;
		padding: 9em 1.370em 0.370em 0.370em;
		font-family: 'bebas_neueregular';
		font-size: 3.6em;
		font-weight: normal;
		text-transform: uppercase;
		text-decoration: none;
		text-align: left;
		line-height: 0.778em;
		color: #ffffff;
	    }
	    section#collections ul.navKategory li.rings a
	    {
		padding: 9.78em 0.370em 0.370em 0.370em;
	    }
	section#collections .rings
	{
	    background: url('../img/li_rings_h.jpg') no-repeat 1000px 1000px;
	}
	    section#collections .rings a
	    {
		background: url('../img/li_rings.jpg') no-repeat 50% 50%;
		background-size: cover;
	    }
	section#collections .strap
	{
	    background: url('../img/li_strap_h.jpg') no-repeat 1000px 1000px;
	}
	    section#collections .strap a
	    {
		background: url('../img/li_strap.jpg') no-repeat 50% 50%;
		background-size: cover;
	    }
	section#collections .bracelet
	{
	    background: url('../img/li_bracelet_h.jpg') no-repeat 1000px 1000px;
	}
	    section#collections .bracelet a
	    {
		background: url('../img/li_bracelet.jpg') no-repeat 50% 50%;
		background-size: cover;
	    }

section#s2
{
    position: relative;
    background: url('../img/section2.jpg') no-repeat fixed 50% 0em;
    background-size: cover;
    text-align: center;
    padding: 3.333em 0em 4.8em 0em;
}
    section#s2 .body
    {
	padding: 1.333em 0em 0em 0em;
    }
    section#s2 h3
    {
	font-family: 'bebas_neueregular';
	font-size: 2.267em;
	font-weight: normal;
	text-transform: uppercase;
    }
    section#s2 .wrapper
    {
	width: 40%;
	margin: 0em auto;
    }
    section#s2 p
    {
	line-height: 1.600em;
    }


section#about
{
    padding: 0em 0em 5.067em 0em;
    background: url('../img/section_about.jpg') no-repeat fixed 50% 50%;
    background-size: cover;
}
    section#about .block1,
    section#about .block2,
    section#about .block3
    {
	float: left;
    }
    section#about .block1
    {
	width: 50%;
	padding: 0em 1.200em 1.200em 0em;
    }
    section#about .block2
    {
	width: 50%;
	max-width: 560px;
	padding: 5.250em 1em 4.9em 1em;
	background-color: #ffffff;
	color: #827c78;
	font-size: 1.333em;
    }
	section#about .block2 p
	{
	    line-height: 1.200em;
	}
	section#about .block2  h3
	{
	    padding: 0em 0em 0.333em 0em;
	    font-family: 'bebas_neueregular';
	    font-size: 2.700em;
	    font-weight: normal;
	    text-transform: uppercase;
	    text-align: center;
	    color: #5a6fc4;
	}
    section#about h4
    {
	padding: 0em 0em 0.737em 0em;
	font-family: 'bebas_neueregular';
	font-size: 2.533em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 0.789em;
    }
    section#about p
    {
	line-height: 1.600em;
    }

    section#about .block3
    {
	width: 50%;
	padding: 1.200em 0em 3.667em 0em;
    }

section#press
{
    background: url('../img/section_press.jpg') no-repeat fixed 50% 50%;
    background-size: cover;
}
    section#press #videoPress 
    {
	max-height: 821px;
    }
    section#press #videoPress .iframe
    {
	height: 0;
	margin: 2.000em 0em 0em 0em;
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
    }
    section#press #videoPress iframe
    {
	position: absolute;
	top: 0;
	left: 0;
    }
    section#press #videoPress h3
    {
	padding:0.500em 0em 4.222em 0em;
	font-family: 'bebas_neueregular';
	font-size: 1.200em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.944em;
    }

footer
{
    margin: 0em auto;
    background: url('../img/footer.jpg') no-repeat fixed 50% 50% #231F1C;
    background-size: cover;
    text-align: center;
}
    footer .body
    {
	max-width: 1138px;
	padding: 10em 0em 0em 0em;
	margin: 0em auto;
	position: relative;
	overflow: hidden;
    }
    footer .logo
    {
	display: block;
	padding: 0px 0px 12px 0px;
    }
    footer .decor
    {
	padding: 9px 0px 0px 0px;
    }
    footer p
    {
	font-family: 'bebas_neueregular';
	font-size: 2.000em;
	font-weight: normal;
	text-transform: uppercase;
    }
    footer .action
    {
	padding: 0em 0em 9.467em 0em;
    }
    footer .action h3
    {
	padding: 0em 0em 0.088em 0em;
	font-family: 'bebas_neueregular';
	font-size: 2.267em;
	font-weight: normal;
	text-transform: uppercase;
    }
    footer .action p
    {
	font-family: 'open_sansregular';
	font-size: 1em;
	text-transform: none;
    }

    footer .action a
    {
	display: inline-block;
	padding: 0.778em 2.444em;
	margin: 1.778em 0.389em 0em 0.389em;
	border: 1px solid #827c78;
	color: #827c78;
	background-color: #231F1C;
	font-family: 'bebas_neueregular';
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
    }
	footer .action a.like
	{
	    padding: 0.778em 2.444em 0.778em 3.889em;
	    background: url('../img/btn_like.png') no-repeat 34px 10px #231F1C;
	}
	footer .action a:hover
	{
	    border-color: #ffffff;
	    color: #ffffff;
	}
	footer .action a.like:hover
	{
	    background-position: 34px -47px;
	}
    footer .info
    {
	max-width: 1138px;
	height: 18px;
	padding: 0.933em 0em 2.333em 0em;
	margin: 0em auto;
	border-top: 1px solid #3a3633;
	color: #7f7975;
	font-size: 1em;
	position: relative;
    }
	footer .info a
	{
	    color: #7f7975;
	    text-decoration: none;
	}
	footer .info a:hover
	{
	    color: #ffffff;
	}
	footer .info .copy
	{
	    float: left;
	}
	footer .info .made
	{
	    min-width: 260px;
	    float: right;
	}
	footer .info span
	{
	    display: inline-block;
	    width: 1px;
	    height: 13px;
	    padding: 0em 5px 0em 0em;
	    margin: 0em 0em 0em 5px;
	    border-left: 1px solid #7f7975;
	    vertical-align: middle;
	}

/* navigation */

.nav
{
    position: absolute;
    right: 0em;
    top: 4.600em;
}

    .nav li
    {
	display: inline-block;
	margin: 0em 0em 0em 23px;
    }
    .nav a
    {
	display: inline-block;
	text-indent: -8888px;
	width: 4.000em;
	height: 3.933em;
    }
	.nav a.hidden
	{
	    display: none;
	}
    .nav .moveUp
    {
	background: url('../img/nav.png') no-repeat 0em 0em;
	background-size: cover;
    }
    .nav .moveDown
    {
	background: url('../img/nav.png') no-repeat -4.000em 0em;
	background-size: cover;
    }
.navHorizontal
{
    position: absolute;
    left: 0em;
    top: 62%;
    text-align: left;
}
    .nav .moveLeft
    {
	position: absolute;
	left: 0em;
	margin: 0em;
	background: url('../img/nav.png') no-repeat -8.000em 0em;
	background-size: cover;
    }
    .nav .moveRight
    {
	position: absolute;
	right: 0em;
	margin: 0em;
	background: url('../img/nav.png') no-repeat -12.000em 0em;
	background-size: cover;
    }
.navCollection
{
    margin: 0em 0em 1.600em 0em;
    border-top: 1px solid #827c78;
    border-bottom: 1px solid #827c78;
    text-align: left;
}
    .navCollection li
    {
	display: inline-block;
	margin: 0.472em 1em 0.361em 0em;
	font-family: 'bebas_neueregular';
	font-size: 2.267em;
	font-weight: normal;
	text-transform: uppercase;
    }
    .navCollection a
    {
	color: #ffffff;
	text-decoration: none;
    }
    .navCollection a.active
    {
	color: #6880de;
    }
.navBox
{
    position: absolute;
    width: 70%;
    left: 0em;
    top: 25%;
    margin: 0em auto;
    text-align: left;
}




/* hover */

#contactButton:hover
{
    color: #221f1c;
}

header li.collections a:hover
{
    background-image: url('../img/li_collections_h.jpg');
    color: #5a6fc4;
}
header li.about a:hover
{
    background-image: url('../img/li_about_h.jpg');
    color: #5a6fc4;
}
header li.press a:hover
{
    background-image: url('../img/li_press_h.jpg');
    color: #5a6fc4;

}

section#collections .rings a:hover
{
    background-image: url('../img/li_rings_h.jpg');
    color: #5a6fc4;
}
section#collections .strap a:hover
{
    background-image: url('../img/li_strap_h.jpg');
    color: #5a6fc4;
}
section#collections .bracelet a:hover
{
    background-image: url('../img/li_bracelet_h.jpg');
    color: #5a6fc4;
}

.nav .moveUp:hover,
.nav .moveDown:hover,
.nav .moveLeft:hover,
.nav .moveRight:hover
{
    background-image: url('../img/nav_hover.png');
}
.navCollection li:hover,
.navCollection a:hover
{
    color: #221f1c;
}


/* nyromodal override */

.nyroModalBg
{
    background: #524b41 !important;
    opacity: 0.8 !important;
}
.nyroModalCloseButton
{
    width: 4.000em;
    height: 4.000em;
    background: url('../img/close.png') no-repeat 0em 0em !important;
    background-size: cover !important;
    top: 2.000em;
    right: 2.000em;
}
.nyroModalCont
{
    width: 70% !important;
    border: none !important;
    padding: 0em;
    margin: 0em;
}
    .nyroModalCont *
    {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    }
.nyroModalCont.nyroModalImg
{
    width: auto !important;
}
.nyroModalLink,
.nyroModalDom,
.nyroModalForm,
.nyroModalFormFile
{
    max-width: none;
}

section#contact
{
    display: table;
    width: 100%;
    height: 100%;
    padding: 0em !important;
}
    section#contact #map_content
    {
	display: table-cell;
	width: 50%;
	height: 100%;
	min-height: 100%;
    }
    section#contact .gm-style
    {
	display: table-cell !important;
	width: 100% !important;
    }
	@-moz-document url-prefix() { 
	    section#contact .gm-style
	    {
		#width: 50% !important;
	    }
	}
    section#contact .form
    {
	display: table-cell;
	width: 50%;
	height: 100%;
	background-color: #221f1c;
    }
	section#contact .form h3
	{
	    padding: 0.735em 0.882em;
	    font-family: 'bebas_neueregular';
	    font-size: 2.267em;
	    font-weight: normal;
	    text-transform: uppercase;
	}
	section#contact .form h4
	{
	    padding: 1.667em 1.667em 0.833em 1.667em;
	    font-family: 'bebas_neueregular';
	    font-size: 1.200em;
	    font-weight: normal;
	    text-transform: uppercase;
	}
	section#contact .form p
	{
	    padding: 0em 2.000em;
	    line-height: 1.533em;
	}
	section#contact .form form p
	{
	    padding: 0em 2.000em 0.667em 2.000em;
	}
	section#contact label
	{
	    display: none;
	}
	section#contact .form input,
	section#contact .form textarea
	{
	    width: 100%;
	    min-width: 14.000em;
	    padding: 1em;
	    color: #a59d95;
	    font-family: 'open_sansregular';
	    font-size: 1em;
	    font-weight: normal;
	    text-transform: uppercase;
	    background-color: #ffffff;
	    border: none;
	    border-left: 1px solid #404040;
	    border-top: 1px solid #404040;
	}
	section#contact .form input.submit
	{
	    width: auto;
	    margin: 15px 0em;
	    background: none;
	    border: 1px solid #918a85;
	    cursor: pointer;
	}
	section#contact .form a
	{
	    font-size: 1em;
	    color: #ffffff;
	}
	section#contact .form .red
	{
	    color: red;
	    text-transform: uppercase;
	}
	section#contact .form .green
	{
	    color: green;
	    text-transform: uppercase;
	}

/* Effect */

.fx
{
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.fx:hover
{
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/*
*    SCREEN RESIZE
*/
/*
header { background-attachment: scroll; height: auto !important; }
*/

@media (min-width: 600px){
}

@media screen and (max-height: 780px)
{
    header { height: auto !important; background-attachment: scroll; }
    nav { position: absolute; }
}

@media screen and (max-width: 1000px)
{
    body { font-size: 14px; }
    section#collections article { width: 90%; }
    section#collections article { max-width: 490px; }

}

@media screen and (max-width: 800px)
{
    a { outline: none; }
    body { font-size: 12px; }
    section#about .block1 { width: 55%; }
    section#about .block2 { width: 45%; font-size: 1em; }
    section#about .block3 { width: 45%; }
    header, section#s2, section#about, section#press, footer { height: auto !important; background-attachment: scroll; }
    header li a { font-size: 3em; }
    section#collections article { max-width: 490px; }
    nav { position: absolute; }
}

@media screen and (max-width: 600px)
{
    body { font-size: 10px; }
    .nyroModalCont { width: 100% !important; }
    section#collections article { max-width: 400px; }
}

@media screen and (max-width: 480px)
{
    body { font-size: 8px; }
    header li a { font-size: 2em; }
    section#collections article { max-width: 250px; }
}

@media screen and (max-width: 320px)
{
    body { font-size: 6px; }
}