/*
Theme Name: Lucas Blacker Jewellery 2017
Theme URI: http://lucasblackerjewellery.com.au
Author: Anthony Cummins
Author URI: http://www.redantmedia.com.au
Description: Theme for the  Lucas Blacker Jewellery website
Version: 1.0
*/

*{
	
}

body, html{
	height: 100%;
	width: 100%;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
  
body {
	background: #003b61;
	margin: 0px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
	margin: 0;
	padding: 0;
  }
  
h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}

p{
	margin-bottom: 12px;
}

a{
	color: #009ECB;
	text-decoration: none;
}

a:hover, a:focus{
	color: #00679E;
}

.txtcenter{
	text-align: center;
}

.text-right{
	text-align: right;
}

.floatleft{
	float: left;
	width: auto;
}

.floatright{
	float: right;
	width: auto;
}

.clearboth{
	clear: both;
}

.lbtable{
	width: 100%;
	height: 100%;
	display: table;
}

.lbrow{
	width: 100%;
	height: 100%;
	display: table-row;
}

.lbcell{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

/* HEADER */
header{
	background: #FFF;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 122px;
	z-index: 1000000;
	-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
    box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
}

header .logo{
	float: left;
	padding-left: 25px;
	width: 25%;
	max-width: 420px;
	min-width: 300px
}

header .logo img{
	width: 100%;
	height: auto;
}

.header-right{
	float: right;
	width: 495px;
}

.header-right h1{
	text-transform: uppercase;
	font-size: 1.51em;
	color: #faa61a;
}

.header-right h1 span{
	color: #1473a6;
}

.header-right h1 span:last-of-type{
	color: #009ecb;
}

.header-right h2{
	font-size: 1.235em;
	color: #7f7f7f;
}

.header-right p{
	color: #7f7f7f;
	font-size: 0.937em;
	margin: 0;
	padding: 0;
}

.header-right p span{
	color: #faa61a;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.8em;
}

.header-right p span:last-of-type{
	color: #009ecb;
	margin-left: 10px;
}

.header-right p a{
	text-decoration: none;
}


.header-right p a:first-of-type{
	color: #7f7f7f;
}

 .header-right p a:nth-of-type(2){
	margin-left: 10px;
	color: #faa61a;
}

.header-right p a:nth-of-type(3){
	color: #00679e;
}

.header-right p a:nth-of-type(4){
	color: #009ecb;
}

.header-right p a:nth-of-type(5){
	color: #faa61a;
}

.header-right p a:hover i{
	color: #7f7f7f;
}

header .logo .lbtable, header .logo .lbtable .lbrow, header .logo .lbtable .lbrow .lbcell, .header-right.lbtable , .header-right.lbtable .lbrow, .header-right.lbtable .lbrow .lbcell{
	height: 120px;
}

/* NAV */
.menu-btn{
	position: fixed;
    top: 10px;
    right: 20px;
    font-size: 30px;
	cursor: pointer;
	color: #fff;
	transition: 0.3s;
	background: #FAA61A;
	padding: 5px 7px;
}

.menu-btn:hover, .menu-btn:focus{
	background: #007CB6;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: rgba(0,124,182, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    width: 100%;
	height: 100%;
    text-align: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.nav-hold{
	width: 100%;
	height: 100%;
	display: table;
}

.nav-hold div{
	width: 100%;
	height: 100%;
	display: table-row;
}

.nav-hold div div{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.overlay > a.closebtn {
    position: absolute;
    top: -16px;
    right: 17px;
	z-index: 10;
	font-size: 60px;
}

.overlay > a.closebtn i{
	font-size: 40px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    display: block;
    transition: 0.3s;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.overlay ul li a i{
	font-size: 24px;
	font-weight: normal;
	display: inline;
}

.overlay ul li.social{
	margin-top: 30px;
	margin-bottom: 75px;
}

.overlay ul li.social a {
	display: inline-block;
}

.overlay a:hover, .overlay a:focus, .overlay li.current a {
    color: #faa81e;
}

.overlay .credits{
	margin-top: 30px;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
}

.overlay .credits a.clink{
	display: inline;
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	padding: 0px;
}

.overlay .credits a:hover{
	color: #faa81e;
}

/* FROM OLD STYLESHEET */
.down-btn, .up-btn{
	position: fixed;
	left: 50%;
	width: 60px;
	text-align: center;
	color: #faa81e;
	font-size: 60px;
	margin-left: -30px;
	cursor: pointer;
	transition: 0.3s;
}

.pnadjust > #inpagenav > .down-btn, .pnadjust > #inpagenav > .up-btn{
	left: 66.6%;
}

.down-btn{	
	bottom: 140px;	
}

.up-btn{
	top: 75px;
}

.down-btn:hover, .up-btn:hover{
	color: #007BB6;
}

#inpagenav, #scrollup{
	display: none;
}

.screenhold {
	display: block;
	position:absolute;
	height:auto;
	bottom:0;
	top:0;
	left:0;
	right:0;
	margin:0;
	z-index: 1;
	overflow: hidden;
}

.pagetitle{
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	width: 100%;
	background: #faa81e;
	color: #fff;
	display: table;
	-webkit-box-shadow: 0px 4px 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 4px 3px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 4px 3px rgba(50, 50, 50, 0.25);
	z-index: 10;
}

.pagetitle div, .boxesWrapper a{
	height: 60px;
	width: 100%;
	display: table-row;
}

.pagetitle div div{
	height: 60px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

.pagetitle h1{
	padding-left: 25px;
	font-size: 1.5em;
	color: #fff;
}

.pagetitle h1 a{
	color: #fff;
}

.pagetitle h1 a:hover, .pagetitle h1 a:focus{
	color: #00679E;
}

.content{
	position: absolute;
    top: 54px;
    bottom: 120;
    left: 0;
	right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
	overflow-x: hidden;
	overflow-y: scroll;
}

.content.imgboxes{
	top: 54px;
	right: -20px;
}

.hcontent{
	position: absolute;
    top: 0;
    bottom: 120;
    left: 0;
    right: -17px; /*  Increase/Decrease this value for cross-browser compatibility */
	overflow-y: scroll;
}

#content .content{
	top: 0;
}

.twothirds.content{
	position: absolute;
    top: 60px;
    bottom: 0;
	left: 33.3%;
    right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
	width: -moz-calc(66.6% + 17px); /* Firefox */
	width: -webkit-calc(66.6% + 17px); /* WebKit */
	width: -o-calc(66.6% + 17px); /* Opera */	
	width: calc(66.6% + 17px); /* Standard */
	height: -moz-calc(100% - 240px); /* Firefox */
	height: -webkit-calc(100% - 240px); /* WebKit */
	height: -o-calc(100% - 240px); /* Opera */	
	height: calc(100% - 240px); /* Standard */
	overflow-y: scroll;
	/*background: #CDCDCD;*/
	background: #ebebeb;
}

.404screen.content{
	position: absolute;
    top: 60px;
    bottom: 0;
	left: 0%;
    right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
	width: -moz-calc(66.6% + 17px); /* Firefox */
	width: -webkit-calc(66.6% + 17px); /* WebKit */
	width: -o-calc(66.6% + 17px); /* Opera */	
	width: calc(66.6% + 17px); /* Standard */
	height: -moz-calc(100% - 240px); /* Firefox */
	height: -webkit-calc(100% - 240px); /* WebKit */
	height: -o-calc(100% - 240px); /* Opera */	
	height: calc(100% - 240px); /* Standard */
	overflow-y: scroll;
	/*background: #CDCDCD;*/
	background: #ebebeb;
}

.pagec > .whitelarge{
	color: #FFF;
	padding: 30px;
	height: 100%;
	width: 100%;
	position: relative;
}

.pagec > .whitelarge h1{
	color: #FFF;
	font-size: 4em;
}

.pagec > .whitelarge p a:hover{
	color: #FAA81E;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
	color: #009ECB;
}

.content .pagetitle h1, .content .pagetitle h2, .content .pagetitle h3, .content .pagetitle h4, .content .pagetitle h5, .content .pagetitle h6{
	color: #FFF;
}
.slide-container{
	width:100%;
	background:#000;
	height:100%;
	overflow:hidden
}

#slides{
	position: relative; 
	width:100%;
	height:100%;
}

.slide{
	position: absolute;
	top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
	width:100%;
	height:100%;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.showing{
	opacity: 1;
	z-index: 2;
}

.slide > div{
	width:100%;
	height:100%;
	display: table;
}

.slide > div > div{
	width:100%;
	height:100%;
	display: table-row;
}

.slide > div > div > div{
	width:100%;
	height:100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0.75);	
}

.slide > div > div > div.portfolio{
	background: rgba(0, 0, 0, 0);
	vertical-align: bottom;
}

.portfolio{
	background: rgba(0, 0, 0, 0);
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1000000000;
}

.imgcvr{
	background: rgba(0, 0, 0, 0.75);
}



.sboxedc{
	/* height: 240px; */
	width: 75%; 
	margin: 0 auto;
}

.mxcont .sboxedc{
	height: 100%; 
}

.lbtable.iconadj{
	float: left;

	width: 200px;
}

.sbxicon{
	float: left;
	width: 200px;
	height: 200px;
	padding: 20px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border: 1px solid #fff;
	opacity: 0.75;
}

.sbxicon i{
	color: #fff;
	font-size: 100px;
}

.sbxcont{
	/* float: right; */
	/* width: -webkit-calc(100% - 250px); WebKit */
	/* width: -o-calc(100% - 250px); Opera */	
	/* width: calc(100% - 250px); Standard */
	width: 100%;
	height: 100%;
	text-align: left;
	color: #faa81e; 
	/*color: #009ecb;*/
}

.mxcont .sbxcont{
	height: 100%;
}

.sbxcont .lbcell h1{
	padding: 0;
	margin: 0;
	margin-top: -45px;
	margin-left: -50px;
	font-weight: 300;
	font-size: 22px;
	color: #FAA81E;
}

.sbxcont .lbcell.testimonial h1{
	margin-top: 0px;
	margin-left: 0px;
}

.sbxcont .lbcell h1 i{
	float: left;
	font-size: 54px;
	color: #fff;
	padding-right: 20px;
}

.sbxcont .lbcell.h1adj h1{
	padding: 0;
	margin: 0;
	margin-top: 0px;
	margin-left: -50px;
}

.sbxcont .lbcell h1 span{
	color: #fff;
	font-weight: 300;
	font-size: 18px;
	text-transform: uppercase;
}

.sslink{
	color: #fff;

	margin-top: 9px;
	margin-left: -50px;
	display: inline-block;
}

.sslink a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	transition: 0.3s;
}

.sslink a:hover{
	color: #00679e;
}

.jdetails{
	text-align: left;
	padding: 9px;
	background: rgba(0, 0, 0, 0.10);
	padding: 15px 35px;
}

.jdetails h2{
	font-size: 24px;
	/* color: #faa81e; */
	color: #1473a6;
	margin-bottom: 6px;
}

.tags{
	padding-bottom: 6px;
	margin-bottom: 15px;
}

.tags a{
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding: 3px 8px 3px 8px;
	margin-right: 9px;
	background: #818285;
	/* 
	background: #009ecb;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
	*/
	transition: 0.3s;
	white-space: pre;
	line-height: 27px;
}

.tags a:hover, .tags a:focus{
	background: #faa61a;
}

.socshare span.alignpin{
	position: relative;
    top: -7px;
}

.socshare span.socspc{
	margin-right: 9px;
}

.jsshow{
	margin: 10px 0 15px 0;
}

.jsshow a{
	display: none;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding: 3px 8px;
	margin-right: 9px;
	background: #009ecb;
	/* 
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
	*/
	transition: 0.3s;
	white-space: pre;
	
}

.jsshow a:first-of-type{
	display: inline;
}

.jsshow a:first-of-type span{
	display: none;
}

.jsshow a:hover, .jsshow a:focus{
	background: #faa61a;
}

.prevnext{
	padding-top: 15px;
	color: #009ECB;
	font-size: 12px;
}


.prevnext a{
	text-transform: uppercase;
	
}

.prevnext .lprev{
	float: left;
	width: auto;
}

.prevnext .lnext{
	float: right;
	width: auto;
}

.slide > div > div > div > h1{
	color: #fff;
}

#slide-next, #slide-prev, #start-stop{
	position: fixed;
	width: 60px;
	text-align: center;
	font-size: 60px;
	cursor: pointer;
	transition: 0.3s;
}

#slide-next, #slide-prev{
	color: #faa81e;
}

#start-stop{
	color: #FFF;
}

.port-page #slide-next, .port-page #slide-prev, .port-page #start-stop{
	color: #009ecb;
} 

#slide-next{
	top: 45%;
	right: 43px;
}

#slide-prev{
	top: 45%;
	left: 35px;
}

#start-stop{
	font-size: 40px;
	top: 10px;
	right: 70px;
}

#slide-next:hover, #slide-prev:hover, #start-stop:hover{
	color: #007CB6;
}

.lbboxes{
	width: 25%;
	float: left;
	border-left: 3px solid #003b61;
	border-right: 3px solid #003b61;
	border-top: 6px solid #003b61;
}

.pagec > div{
	padding: 15px;
}

.pagec .lbboxes{
	width: 33.3%;
	/* padding: 12px 1.5% 24px 1.5%; */
	float: left;
	border-left: 6px solid #003b61;
	border-right: 0px solid #003b61;
	border-top: 6px solid #003b61;
	border-bottom: 6px solid #003b61;
}

.pehold{
	border-right: 6px solid #003b61;
	background: #003b61;
	width:100%;
	padding:0;
	margin:0;
}

.pagec h2{
	margin-bottom: 15px;
}

.pagec.jsrvpage h2{
	margin-bottom: 2px;
}

.pagec p:first-of-type{
	font-size: 18px;
	/* color: #00679E; */
}

.boxesWrapper{
	position: relative;
	padding-bottom: 100%;
	height: 0;
	transition: 0.3s;
}

.lbboxes:nth-of-type(3n+1) .boxesWrapper {
	background: #ccc;
}

.lbboxes:nth-of-type(3n+2) .boxesWrapper {
	background: #000;
}

.lbboxes:nth-of-type(3n+3) .boxesWrapper {
	background: #999;
}

.boxesWrapper a{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #007CB6;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 18px;
}

.boxesWrapper a span span span{
	padding: 15px;
}

.boxesWrapper a.ybgr{
	background: #FAA81E;
}

.boxesWrapper a.dbgr{
	background: #003B61;
}

.boxesWrapper a:nth-of-type(3n+2){
	background: #FAA81E;
}

.lbhlink a {
	display: none;
	width: 100%;
	height: 100%;
	background: #007CB6;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 24px;
}

.boxesWrapper:hover a, .lbhlink:hover a{
	display: block;
}

.boxesWrapper:hover a span, .lbhlink:hover a span{
	display: table;
	width: 100%;
	height: 100%;
}

.boxesWrapper:hover a span span, .lbhlink:hover a span span{
	display: table-row;
	width: 100%;
	height: 100%;
}

.boxesWrapper:hover a span span span, .lbhlink:hover a span span span{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.imghold{
	position: absolute;
    top: 60px;
    bottom: 0;
	left: 0;
	width: 33.3%; 
	overflow: hidden;
	background: #000;
}

/* END OLD STYLE SHEET */

/* CONTENT */
#content{

}

#content.wborder{
	border: 6px solid #003b61;
}

.mask{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.spacer{
	width: 101%;
	height: 100%;
	position: relative;
}

.spacerbgr{
	width: 100%;
	height: 100%;
}

.spacer > .spacerbgr > .one1h{
	background: rgba(0,0,0,0.65);
}

.spacer:hover > .spacerbgr > .one1h{
	background: rgba(0,103,158,1);
}

.one2v{
	height:50%;
	width:100%;
	float: left;
}

.one3v{
	height:33.3%;
	width:100%;
	float: left;
}

.one1h{
	float: left;
	width: 100%;
	height:100%;
}

.one2h{
	float: left;
	width: 50%;
	height:100%;
}

.one3h{
	float: left;
	width: 33.3%;
	height:100%;
}

.one4h{
	float: left;
	width: 25%;
	height:100%;
}	

.one4h:hover #oSlides, .one4h:hover #bSlides, .one2h:hover #cSlides, .one3h:hover #sSlides, .one3h:hover #tSlides, .one3h:hover #nSlides{
	display: none;
}

.borderb{
	border-bottom: 6px solid #003b61;
}

.borderr{
	border-right: 6px solid #003b61;
}

/*
.creating.one1h, .creating.one2h, .creating.one3h, .creating.one4h{
	border: 4px solid #000;
    box-sizing: border-box;
}
*/

.slide30{
	float: left;
	width: 30%;
}

.slide70{
	float: left;
	width: 55%;
}

.iconhold{
	float: right;
	height: 100%;
}

.iconborder{
	width: 60%;
	height: 60%;
	margin: 20% 0 0 30%; 
	border: 1px solid #FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: table;
}

.iconborder i{
	color: #fff;
	font-size: 75px;
}

.h2hold{
	float: left;
	width: auto;
}

.one1h h2, .one2h h2, .one3h h2, .one4h h2{
	display: table;
	width: 100%;
	height:100%;
	font-size: 18px;
}

#slideShow .one1h h2{
	font-size: 21px; 
	font-weight: 300;
}
	
.one1h a, .one2h a, .one3h a, .one4h a{
	display: table-row;
	width: 100%;
	height:100%;
	color: #fff;
	background: none;
}

.one2h a:hover, .one3h a:hover, .one4h a:hover{
	background: #FAA61A;
}

.one2h .ybgr a:hover, .one3h .ybgr a:hover, .one4h .ybgr a:hover{
	background: #00679E;
}

.one2h .dbgr a:hover, .one3h .dbgr a:hover, .one4h .dbgr a:hover{
	background: #009ECB;
}

.one1h a > span, .one2h a > span, .one3h a > span, .one4h a > span{
	display: table-cell;
	width: 90%;
	height:100%;
	vertical-align: middle;
	padding: 0 5%;
}


.one1h a > span span, .one2h a > span span, .one3h a > span span, .one4h a > span span{
	font-weight: 300;
	font-size: 87%;
	text-transform: uppercase;
}

.circle-icon {
    background:#009ECB;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 38px !important;
    vertical-align: middle;
	margin-left: 5px;
    padding: 0 0 0 3px;
}

.one1h a > span span.hideh2, .one2h a > span span.hideh2, .one3h a > span span.hideh2, .one4h a > span span.hideh2{
	display: none;
}

.one4h a:hover > span i{
	display: none;
}

.one1h a:hover > span span.hideh2, .one2h a:hover > span span.hideh2, .one3h a:hover > span span.hideh2, .one4h a:hover > span span.hideh2{
	display: inline-block;
}

.one1h > .slide70 > h2 > a > span{
	color: #FAA61A;
}

.one1h > .slide70 > h2 > a > span > span{
	color: #FFF;
}

.one2h a > span span, .one3h a > span span, .one4h a > span span{
	background: #009ECB;
	padding: 3px 0 ;
    box-shadow: 10px 0 0 #009ECB, -10px 0 0 #009ECB;
}

.one2h .ybgr a > span span, .one3h .ybgr a > span span, .one4h .ybgr a > span span{
	background: #FAA61A;
	padding: 3px 0 ;
    box-shadow: 10px 0 0 #FAA61A, -10px 0 0 #FAA61A;
}

.one2h .dbgr a > span span, .one3h .dbgr a > span span, .one4h .dbgr a > span span{
	background: #00679E;
	padding: 3px 0 ;
    box-shadow: 10px 0 0 #00679E, -10px 0 0 #00679E;
}

.one2h a:hover > span span, .one3h a:hover > span span, .one4h a:hover > span span{
	color: #FFF;
	background: none;
	box-shadow: none;
}

.creating{
	position: relative;
}

.creating .cSlides{
	width: 100%;
	height: 100%;
}

.creating .cSlide{
	position: absolute;
	width: 100%;
	height: 100%;
}

.creating.one2h h2, .creating.one3h h2, .creating.one4h h2{
	position: absolute;
	top: 0;
	left: 0;
}

.test{
	display: none;
}

.wpcf7-form{
	padding: 25px 0px 15px 18px;
    background: #D9D9D9;
}

.lbform.floatleft{
		width: 50%;
	}
	
.lbform label{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 6px;
}

.lbform input[type='text'], .lbform input[type='email'], .lbform textarea{
	width: 95%;
}

 .lbform textarea{
	 height: 111px;
 }
 
input.wpcf7-submit{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	border: none;
	padding: 6px 10px 4px 10px;
	cursor: pointer;
	background: #007CB6;
	color: #fff;
	/* 
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	*/
 }
 
 input.wpcf7-submit:hover{
	background: #009ECB;
 }
 
 .cpdeets{
	 margin-top: 15px;
	 border-left: 6px solid #00679e;
	 padding-left: 15px;
 }
 
.cpdeets span{
	 font-size: 14px;
	 text-transform: uppercase;
 }
 
.cpdeets span.cpagesoc a{
	font-size: 18px;
	margin-left: 5px;
}

.cpdeets span.cpagesoc a:first-of-type, .cpdeets span.cpagesoc a:nth-of-type(4){
	color: #faa61a;
}

.cpdeets span.cpagesoc a:nth-of-type(2){
	color: #00679e;
}

.cpdeets span.cpagesoc a:nth-of-type(3){
	color: #009ecb;
}

.cpdeets span.cpagesoc a:hover{
	color: #7f7f7f;
}
 
 .jewelimg .slide img{
	display: none;
	width: 100%;
	height: auto;
}

.fullpimg{
	float: left;
	width: 100%;
	height: auto;
	padding: 0.5%;
}

.imgonethird{
	float: left;
	width: 33.3%;
	height: auto;
	padding: 0.5%;
}

/* MEDIA QUERIES */

@media screen and (max-width: 920px) {
	/* CONTENT BOXES */
	.slide70{
		width: 60%;
	}
	.lbboxes{
		width: 33.33%;
	}
}

@media screen and ( max-height: 920px ){
	/* CONTENT BOXES */
    .slide70{
		font-size: 85%;
	}
}

@media screen and (max-width: 860px) { 
	/* HEADER */
	.header-right{
		width: 425px;
		font-size: 85%;
	}
	.header-right p span:last-of-type {
		margin-left: 8px;
	}
}

@media screen and (max-width: 800px) { 
	/* CONTENT BOXES */
	.slide30{
		width: 35%;
	}
	.slide70{
		width: 60%;
	}
}

@media screen and (max-width: 760px) { 
	/* HEADER */
	.header-right{
		width: 385px;
		font-size: 75%;
	}
	.header-right p span:last-of-type {
		margin-left: 5px;
	}
	
	.lbform.floatleft{
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 720px) { 
	/* HEADER */
	header .logo{
		width: 40%;
		max-width: 250px;
		min-width: 200px;
	}
		
	/* SLIDE CONTENT */
	.iconborder{
		width: 60%;
		height: 60%;
		margin: 20% 0 0 30%; 
	}
	
	.one2h, .one4h{
		width: 33.3%;
	}

	.one2h h2, .one3h h2, .one4h h2 {
		font-size: 18px;
		
	}
}

@media screen and (max-width: 640px) { 
	/* HEADER */
	header{	
		position: absolute;
		height: 80px;
		left: 0;
		top: 0;
		-webkit-box-shadow: 0px 4px 3px rgba(50, 50, 50, 0.25);
		-moz-box-shadow: 0px 4px 3px rgba(50, 50, 50, 0.25);
		box-shadow: 0px 4px 3px rgba(50, 50, 50, 0.25);
	}
	
	header .logo{
		width: 50%;
		max-width: 300px;
		min-width: 250px
	}
	
	.header-right{
		float: none;
		clear: both;
		width: 100%;
		height: 105px;
		text-align: center;
		font-size: 100%;
		background: #FFF;
		-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
    box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
	}
	
	header .logo .lbtable, header .logo .lbtable .lbrow, header .logo .lbtable .lbrow .lbcell{
		height: 80px;
	}
	
	.header-right.lbtable , .header-right.lbtable .lbrow, .header-right.lbtable .lbrow .lbcell{
		height: 105px;
	}
	
	.header-right h2, .header-right p, .header-right p a:first-of-type{
		color: #2e2e2e;
	}
	
	/* NAV */
	.menu-btn{
		position: absolute;
		top: 20px;
		right: 20px;
		font-size: 30px;
		cursor: pointer;
		color: #007CB6;
		background: none;
		transition: 0.3s;
	}
	.menu-btn:hover, .menu-btn:focus{
		color: #FAA920;
		background: none;
	}	
	
	.pnadjust > #inpagenav > .down-btn, .pnadjust > #inpagenav > .up-btn{
		left: 50%;
	}

	.overlay > a.closebtn {
		position: absolute;
		top: -6px;
		right: 17px;
		z-index: 10;
	}
	
	.down-btn, .up-btn {
		font-size: 30px;
		/* margin-left: -15px; */
	}
	
	.overlay a {
		padding: 4px;
		font-size: 15px;
	}
	
	.overlay ul li.social {
		margin-top: 15px;
		margin-bottom: 20px;
	}
	
	.overlay .credits {
		margin-top: 15px;
		font-size: 9px;
	}
	
	/* CONTENT */
	#content{
		top: 184px;
		overflow: hidden;
	}
	
	#content, .content, .hcontent{
		height: auto !important;
	}
	
	.screenhold{
		top: 80px;
	}
	
	.pagetitle{
		position: static;
	}
	
	.pagetitle, .pagetitle div, .pagetitle div div{
		height: 60px;
		
	}
	
	.pagetitle h1 {
		padding-left: 0px;
		text-align: center;
		font-size: 1.2em;
	}
	
	.content{
		top: 0px;
		bottom: 0;
	}
	
	.content.imgboxes{
		top: 0;
	}
	
	.hcontent{
		top: 0px;
		bottom: 0;
	}
	
	.imghold {
		position:static;
		height: 180px !important;
		top: auto;
		left: 0;
		width: 100%;
		overflow: hidden;
		background: #000;
	}
	
	.twothirds.content {
		position: absolute;
		top: 0px;
		left: 0;
		right: -17px;
		width: 100%;
		height: auto !important;
		background: #ebebeb;
		overflow: hidden;
		overflow-y: scroll;
	}	
	
	.404screen.content {
		position: absolute;
		top: 0px;
		left: 0;
		right: -17px;
		width: 100%;
		height: auto !important;
		background: #ebebeb;
		overflow: hidden;
		overflow-y: scroll;
	}
	
	.twothirds.content:after {
		clear: both;
	}
	
	.up-btn {
		top: 100px;
	}
	
	.down-btn {
		bottom: 20px;
	}
	
	#slide-next, #slide-prev, #start-stop{
	display: none;
	}
	
	#slides{
		position: static;
		height: auto;
	}

	.slide{
		position: static;
		top: auto;
		left: auto; 
		right: auto; 
		bottom: auto; 
		width: auto;
		height: auto;
		min-height: 0;
		max-height: none;
		opacity: 1;
		z-index: 1;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
	}
	
	.jewelimg .slide img{
		display: block;
		width: 100%;
		height: auto;
	}
	
	.portfolio {
		background: rgba(240, 240, 240, 1.0);	
		vertical-align: top;
		position: static;
		bottom: auto;
		width: 100%;
	}

	.showing{
		opacity: 1;
		z-index: 2;
	}

	.slide > div{
		width:100%;
		height:auto;
		min-height: 0;
		max-height: none;
		display: block;
	}

	.slide > div > div{
		width:100%;
		height:auto;
		min-height: 0;
		max-height: none;
		display: block;
	}

	.slide > div > div > div{
		width:100%;
		height: auto;
		min-height: 0;
		max-height: none;
		display: block;
		text-align: left;
		vertical-align: top;
		background: rgba(0, 0, 0, 0.75);	
	}
	
	.sbxcont, .mxcont .sbxcont, .sbxcont .lbtable, .sbxcont .lbtable .lbrow, .sbxcont .lbtable .lbrow .lbcell{
		height: auto;
		min-height: 0;
		max-height: none;
	}
	
	 .sbxcont .lbtable .lbrow .lbcell div{
		 padding: 15px 0;
	 }
	 
	 .pagec .lbboxes{
		width: 33.3%;
		/* padding: 12px 1.5% 24px 1.5%; */
		float: left;
		border-left: 0px solid #003b61;
		border-right: 6px solid #003b61;
		border-top: 0px solid #003b61;
		border-bottom: 0px solid #003b61;
	}

	.pehold{
		border-left: 6px solid #003b61;
		border-right: 0px solid #003b61;
		border-top: 6px solid #003b61;
		border-bottom: 6px solid #003b61;
		width:100%;
		padding:0;
		margin:0;
	}

	
	/* CONTENT BOXES */
	div#slideShow {
		height: 260px;
	}
	
	.mask, .spacer, .one2v, .one3v{
		height: auto;
	}
	.one1h, .one2h, .one3h, .one4h{
		height: 260px;
	}
	
	.one2h{
		width: 100%;
	}
	
	.one2h.bordert, .one3h.bordert{
		border-top: 6px solid #003b61;
	}

	.one3h{
		width: 50%;
	}
	
	.one3h:nth-of-type(3){
		width: 100%;
	}

	.one4h{
		width: 50%;
	}
	
	.borderr.nobdr640{
		border-right: none;
	}
	.slide70{
		width: 60%;
		font-size: 85%;
	}
	
	/* SLIDE CONTENT */
	.iconborder{
		margin: 20% 0 0 30%; 
	}
	
	.lbboxes {
		width: 50%;
	}
	
	.lbboxes:nth-child(2), .lbboxes:nth-child(3){
		border-top: none;
	}
}

@media screen and (max-width: 570px) { 	
	/* CONTENT BOXES */
	.slide30{
		display: none;
	}
	.slide70{
		width: 100%;
	}
	.one1h h2, .one2h h2, .one3h h2, .one4h h2 {
		width: 100%;
		padding-left: 0%;
		padding-right: 0%;
	}
}

@media screen and (max-width: 530px) { 
	/* CONTENT BOXES */
	.one3h{
		width: 50%;
	}
	.one3h:nth-of-type(3){
		width: 100%;
	}
}

@media screen and (max-width: 500px) { 
	/* HEADER */
	.header-right{
		font-size: 85%;
	}
}

@media screen and (max-width: 470px) { 
	/* CONTENT BOXES */
	.one2h, .one3h, .one4h{
		width: 100%;
	}
	
	.borderr.nobdr470{
		border-right: none;
	}
	
	.bdrtop470{
		border-top: 6px solid #003b61;
	}
}

@media screen and (max-width: 420px) { 
	/* HEADER */
	.header-right{
		font-size: 70%;
	}
}

@media screen and (max-width: 340px) { 
	/* HEADER */
	.header-right{
		font-size: 60%;
	}
}