/*--------------------------------------------------+
				PAGE LAYOUT
---------------------------------------------------+*/
* {
	margin: 0px;
	padding: 0px;
}

html {  height: 100%; }

/*---------FONT-FAMILY----------*/
 @font-face {
	font-family: 'MyriadPro-SemiboldIt';
    src: url('../fonts/MyriadPro-SemiboldIt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }

 @font-face {
	font-family: 'MyriadPro-It';
    src: url('../fonts/MyriadPro-It.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }

@font-face {
	font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Cond.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }

@font-face {
	font-family: ' MyriadPro-Bold';
    src: url('../fonts/ MyriadPro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }

@font-face {
	font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }

@font-face {
	font-family: 'MyriadPro-Semibold';
    src: url('../fonts/MyriadPro-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 } 

body {
	margin: 0px;
	height: 100%;
}

.bg {
	background: url("../images/bg.jpg")no-repeat;
	width: 100%;
	background-size: 100% 100%;
	float: left;
}

.container { width: 1005px; margin: 0px auto; background: #fff; }

.header { 
	background: url("../images/banner.jpg")no-repeat;
	height: 335px;
	float: left;
	width: 100%;
	margin-top: 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-size: 100% 100%;
}

.header-logo {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.wide-range { 
	width: 100%;
	float: left;
	background: url("../images/content-banner.jpg") #fff no-repeat;
	height: auto;
	padding-top: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-size: 100% 100%;
}

.wide-range .wide-range-content {  
	width: 675px;
	margin: 0px auto;
}

.wide-range-content img { width: 100%; float: left; }

.currency { 
	width: 100%;
	clear: both;
	margin: 40px 0px 20px 0px; 
	float: left;
}

.currency>ul>li>span { font-family: "MyriadPro-It"; color: #1c1c1c; font-size: 22px; font-weight: 700;} 

.currency ul { list-style: none; margin: 0px auto; width: 85%; }

.currency ul li { 
	font-size: 24px;
	display: block;
	padding-bottom: 50px;
	background: url("../images/bullet.png")no-repeat;
	background-position: 0% 10%;
	position: relative;
	padding-left: 30px;
	font-family: "MyriadPro-It";
	color: #373737;
	font-weight: 300;
}

.currency ul li:last-child {
	background-position: 0%  20%;
}
.currency ul li:last-child {
	padding-bottom: 0px;
}

.currency-img { 
	width: 100%;
	clear: both;
	float: left;
	background: #fff;
}

.currency-img img {
	position: relative;
	left: -47px;
	float: left;
	top: -60px;
}

.spot-price {
	width: 100%;
	float: left;
	clear: both;
	background: #fff;
}
.spot-price h4 {
	clear: both;
	text-align: center;
	color: #80827E;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 20px;
	margin-top: -20px;
}

.price-table { 
	width: 360px;
	margin: 0px auto;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.price-table th { 
	background: #F2F2F2;
	padding: 12px 15px;
	text-align: center;
	border: 2px solid #E2E2E2;
	font-size: 16px;
}

.price-table td { 
	padding: 12px;
	text-align: center;
	border: 2px solid #E2E2E2;
	font-size: 16px;
}
.green { color: #39A37D; }

.red { color:#EC1415; }

#gold-exchange {
	color: #0B0000;
	font-size: 13px;
	text-align: left;
}
.chart { 
	width: 100%; 
	float: left; 
	clear: both; 
	font-family: 'Open Sans', sans-serif; 
	background: #fff; 
	text-align: center; 
	padding-top: 50px;
}

.chart h3:first-child { margin-bottom: 15px; font-weight: 600; font-size: 22px; font-family: "Myriad Pro"; }

.chart h3:nth-child(2) { margin-bottom: 12px; font-family: "Myriad Pro"; font-weight: 600; font-size: 22px;}

.gold-chart {
	width: 100%;
	float: left;
	border: 1px solid #E5E5E5;
	padding: 5px 5px;
	text-align: center;
	background: #fff;
	font-family: 'Open Sans', sans-serif; 
	border-collapse: collapse;
}

.gold-chart th { border: 1px solid #e5e5e5; }

.dark-green { color: #006C00; }

.gold-chart tr.tiny>th {
	background: #F2F2F2;
	padding: 5px 3px;
	text-align: center;
}

.gold-chart tr>td {
	padding-left: 20px;
	border:1px solid #e2e2e2;
	width: 100%;
}

.wid-300 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 34.7%;
	float: left;
	padding: 3px 0px 5px 0px;
	height: 125px;
	min-height: 125px;
	border: 1px solid #e5e5e5;
	text-align:center;
	font-family: "Myriad Pro";
}

.wid-300 h2 {
	font-size: 37px;
	font-weight: 700;
}

.wid-300 h4 {
	font-size: 20px;
	font-weight: 700;
}

.wid-150 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 17.5%;
	float: left;
	padding: 20px 0px;
	height: 125px;
	min-height: 125px;
	vertical-align: middle;
	border: 1px solid #e5e5e5;
	text-align:center;
	font-family: "Myriad Pro";
}

.wid-150 h3 {
	font-size: 22px;
	font-weight: 700;
}
.wid-150 h3:first-child {
	margin-bottom: 15px;
	margin-top: 5px;
}

.wid-300 > h4,h2 { margin-bottom: 6px; }

.wid-225 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 26%;
	float: left;
	padding: 5px 0px 20px 0px; 
	height: 125px;
	min-height: 125px;
	vertical-align: middle;
	border: 1px solid #e5e5e5;
	text-align: center;
	font-family: "Myriad Pro";
}

.wid-225 h2 {
	font-size: 37px;
	font-weight: 700;
}

.wid-225 h4:nth-child(2) {
	margin-bottom: 8px;
	margin-top: 5px;
}

.wid-225 h4 {
	font-size: 20px;
	font-weight: 700;
}

.wid-170 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 21.8%;
	float: left;
	padding: 20px 0px;
	height: 125px;
	min-height: 125px;
	vertical-align: middle;
	border: 1px solid #e5e5e5;
	text-align: center;
	font-family: "Myriad Pro";
}

.wid-170 h3 {
	font-size: 22px;
	font-weight: 700;
}
.wid-170 h3:first-child {
	margin-bottom: 15px;
	margin-top: 5px;
}

.whole-table h5>i {
	font-style: normal;
	color: #C4C8D6;
	font-weight: 300;
}
.whole-table,.part {
	background: #fff;
	float: left;
	width: 100%;
}
.whole-table h5 {
	color: #231D23;
}
.whole-table { 
	overflow: scroll; 
	font-family: "Myriad Pro";
	font-weight: 700;
	font-size: 16px;
	height: 540px;
	max-height: 540px;
}

.sale {
	background: #F2F2F2;
	width: 100%;
	float: left;
}

.sale ul { list-style: none; }

.sale ul li { 
	display: inline-block;
	padding: 10px; 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.sale ul li:nth-child(1) { width: 560px; }

.sale ul li:nth-child(2),.sale ul li:nth-child(3),.sale ul li:nth-child(4) { width: 135px; border-left: 1px solid #E1E1E1; }

.gold-eagle,.gold-bar {
	width: 100%;
	float: left;
	clear: both;
}

.gold-eagle ul li,.gold-bar ul li { 
	display: inline-block;
	padding: 10px; 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-collapse: collapse;
}
.gold-bar { background: #CCCCCC; }

.gold-eagle ul,.gold-bar  ul { list-style: none; }

.gold-eagle ul li:nth-child(1) { width: 560px; }

.gold-eagle ul li:nth-child(2),.gold-eagle ul li:nth-child(3),.gold-eagle ul li:nth-child(4) { width: 135px; border-left: 1px solid #E1E1E1; }

.gold-bar ul li:nth-child(1) { width: 560px; }

.gold-bar ul li:nth-child(2),.gold-bar ul li:nth-child(3),.gold-bar ul li:nth-child(4) { width: 135px; border-left: 1px solid #E1E1E1; }

.bottom-border ul { border-bottom: 1px solid #f2f2f2; }

.whole-table>h5 { float: right; padding-top: 18px;}

/*-----CONTACT-----*/
.contact {
	width: 100%;
	float: left;
	background: url("../images/contact-banner.jpg")no-repeat;
	padding-top: 40px;
}

.contact-heading {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-bottom: 28px;
	color: #312808;
	font-size: 22px;
}

.contact-heading h1 {
	font-weight: 700;
	position: relative;
	top:-3px;
	font-size: 45px;
	font-family: "MyriadPro-SemiboldIt";
}

.phone {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	font-size: 48px;
	font-weight: 700;
	color: #1E1E1E;
	font-size: 46px;
	font-family: "Myriad Pro";
	font-style: italic;
}

.phone img { padding-right: 15px; position: relative; top: 8px;}

.mail { 
	text-align: center;
	width: 100%;
	margin-top: 30px;
	float: left;
}

.mail span {
	font-family: "MyriadPro-It";
	font-size: 26px;
	color: #1e1e1e;
	font-weight: 400;
}

.mail a {
	background: #312808;
	color: #fff;
	padding: 5px;
	text-decoration: none;
	margin-left: 5px;
	font-family: "MyriadPro-It";
	font-size: 26px;
	font-weight: 400;
}

.locate-us {
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 110px;
	font-weight: 300;
	font-size: #1e1e1e;
	font-size: 18px;
}
.locate-us .heading {
	font-family: "MyriadPro-It";
	font-size: 18px;
}
.locate-us .heading span {
	font-weight: 700;
}
.locate-logos {
	width: 100%;
	float: left;
	text-align: center;
	padding: 28px 0px 15px 0px; 
}

.locate-logos img {
	margin-right: 25px;
}

.locate-us .map {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.copy-right {
	float: left;
	width: 100%;
	font-family: "Myriad Pro";	
	padding-bottom: 18px;
}

.copy-right span { color: #fff; font-size: 12px; }

.copy-right #left { text-align: left;  float: left; width: 46%;}

.copy-right .privacy { margin: 0%; text-decoration: none; color: #fff; width: 32%; float: left;}

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

.copy-right .privacy a { color: #fff; text-decoration: none; }

/*------------------------------------------------------------
			PAGE: INNER-PAGE
-------------------------------------------------------------+*/
.header-section {
	background: url("../images/header-banner1.jpg")no-repeat;
	float: left;
	width: 100%;
	height: 540px;
	background-size: 100% 100%; 
}

.header-logo1 {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 70px;
}

.contact-info {
	background: url("../images/contact-info.jpg")no-repeat;
	background-size: 100% 100%;
	height: 80px; 
	float: left;
	width: 100%;
	padding: 25px 0px 15px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "Myriad Pro";
}

.contact-info h4 {
	font-size: 22px;
	color: #0c0c0c;
	position: relative;
	margin-left: 80px;
	float: left;
	top: 5px;
	margin-right: 10px;
	padding-left: 80px;
	padding-right: 15px;
}

.contact-info h2 {
	font-size: 44px;
	color: #0c0c0c;
	font-style: italic;
	position: relative;
	top:-13px;
	font-family: "MyriadPro-Semibold";
	font-weight: 800;
	margin-left: 10px;
	float: left;
}

.contact-info h2 img {
	position: relative;
	top: 8px;
	left: -15px;
}

.wrapper {
	width: 1010px;
	margin: 0px auto;
}

.call-today {
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.bg1 {
	background: url("../images/bg1.jpg")no-repeat center;
	width: 100%;
	background-size: 100% 100%;
	float: left;
}

.category {
	width: 100%;
	float: left;
	clear: both;
	padding: 50px 0px 25px 0px;
	font-family: "Myriad Pro";
}

.first-c,.second-c,.third-c,.fourth-c {
	float: left;
	width: 252px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.first-c img {
	width: 247px;
	height: 274px;
}
.first-c img,.second-c img,.third-c img,.fourth-c img {
	box-shadow: 0px 3px 4px 3px #050505;
}
.first-c h4,.second-c h4,.third-c h4,.fourth-c h4 {
	text-align:center;
	font-size: 22px;
	padding-bottom: 10px;
}
.second-c h4,.third-c h4,.fourth-c h4 {
	color:#B4B4B4;
}
.first-c h4 {
	color: #DCA82A;
}

.contact-1 {
	width: 100%;
	float: left;
	clear: both;
}

.big-text {
	text-align: center;
	width: 100%;
	float: left;
}

.big-text img {
	text-align: center;
	clear: both;
}

.text-center {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 7px;
}
.pts {
	clear: both;
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

.pts ul { list-style: none; }

.pts ul li {
	margin-bottom: 25px;
	display: block;
	color: #d59d17;
	background: url("../images/gold-bullet.png")no-repeat;
	background-position: 0% 30%;
	padding-left: 33px;
	font-family: "MyriadPro-It";
	font-size: 24px;
	line-height: 32px;
}

.pts ul li span {
	font-weight: 700;
}
.pts ul li:first-child {
	background-position: 0% 10%;
}

.pts ul li:nth-child(2) {
	background-position: 0% 50%;
}
.pts ul li:nth-child(3) {
	background-position: 0% 50%;
}
.pts ul li:nth-child(4) {
	background-position: 0% 50%;
}

.contact-banner {
	width: 100%;
    float: left;
    background: url(../images/contact-banner.jpg)no-repeat;
    background-position: 0% -80%;
    padding-top:100px;
    background-size: 100% 100%;
}