/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Roboto', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
/***** END RESET *****/

/* font-family:'Roboto', sans-serif;
font-family:'Roboto Slab', serif; */

header, nav, article, footer, img {display:block;}

body {background:url('../siteart/orange-pattern.jpg') repeat; font-family:'Roboto', sans-serif; color:#000; font-size:16px; font-weight:normal; -webkit-text-size-adjust:none;}
.clear-it:after {content:""; display:block; clear:both;}

.wrap {width:94%; margin:0 auto; max-width:1230px;}
.show-tablet, .show-1024 {display:none;}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
.column1 {width:8.33333%;}
.column2 {width:16.66666%;}
.column3 {width:25%;}
.column4 {width:33.33333%;}
.column5 {width:41.66666%;}
.column6 {width:50%;}
.column7 {width:58.33333%;}
.column8 {width:66.66666%;}
.column9 {width:75%;}
.column10 {width:83.33333%;}
.column11 {width:91.66666%;}
.column12 {width:100%;}

.col-pad-lt {padding:0 0 0 2%;}
.col-pad-rt {padding:0 2% 0 0;}
.col-pad-center {padding:0 1%;}

/************ typography styles ****/
p {margin-bottom:16px;}
.no-margin {margin:0!important;}

h1, h2, h3, h4, h5, h6 {font-family:'Roboto Slab', serif; font-weight:700;}
h1 {font-size:32px; margin-bottom:18px;}
h2 {font-size:28px; margin-bottom:16px;}
h3 {font-size:24px; margin-bottom:14px;}
h4 {font-size:22px; margin-bottom:12px;}
h5 {font-size:20px; margin-bottom:10px;}
h6 {font-size:18px; margin-bottom:6px;}

.orange {color:#b0620c;}
.green {color:#114433;}

a {color:inherit; text-decoration:none;}
a:hover {color:inherit; text-decoration:underline;}

a.btn, span.btn {font-family:'Roboto Slab', serif; font-size:22px; font-weight:700; color:#114433; border:2px #114433 solid; display:block; margin-bottom:15px; padding:20px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
a.btn:hover, span.btn:hover {text-decoration:none; background:rgba(17,68,51,0.7); color:#fff;}

a.wt-btn {font-size:24px; font-weight:700; color:#fff; border:2px #fff solid; display:inline-block; margin:0 2.5% 15px 2.5%; padding:15px 25px; text-align:center; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-shadow:0px 0px 10px rgba(0,0,0,.6); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.6); box-shadow:0px 0px 10px rgba(0,0,0,.6);}
a.wt-btn:hover {text-decoration:none; background:rgba(255,255,255,0.7); color:#114433;}
a.wt-btn img {width:80%; height:auto; max-width:200px; margin:0 auto 7px auto;}


/************ header styles ****/
header {width:100%; padding:20px 0; background:#fff;}
.logo {width:30%; float:left; margin-right:3%;}
.logo img {width:100%; height:auto; max-width:306px;}

.rt-header {width:67%; float:left; text-align:right;}
.head-phone {font-size:24px; color:#b0620c; font-weight:700; margin-bottom:5px;}
.soc-media {color:#b0620c; font-size:30px;}


/************ nav styles ****/
nav {width:100%; background:#114433;}
nav ul {width:100%; margin:0 auto; text-align:center;}
nav li {display:inline-block; position:relative;}
nav a:link, nav a:active, nav a:visited {display:block; line-height:46px; color:#fff; font-size:14px; font-weight:700; padding:0 11px; text-decoration:none;}
nav a:hover {background:#b0620c;}


/* mobile nav styles */
#mobile-nav .close-nav {width:100%; display:block; height:30px; line-height:30px; border-bottom:1px #0D3326 solid; text-align:right;}
#mobile-nav .close-nav i {font-size:20px; color:#fff; margin-right:15px;}

#mobile-nav {display:none; position:fixed; top:0; height:100%; z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:15px; background:#114433; color:#fff; margin:0!important; -moz-box-shadow:2px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow:2px 0px 3px rgba(0,0,0,.4); box-shadow:2px 0px 3px rgba(0,0,0,.4);}
#mobile-nav ul {clear:both; display:block; padding:0; margin:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; font-weight:700; border-bottom:1px solid #0D3326;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; text-decoration:none; color:#fff;}
#mobile-nav ul li a:hover {background:#b0620c; color:#fff;}

#mobile-nav ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; height:40px; display:block; line-height:40px;}
#mobile-nav ul li.expandable .end i {line-height:40px; text-align:center; color:#fff; font-size:20px;}
#mobile-nav ul li.expandable .end.rotate {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}

#mobile-nav ul li ul {border-bottom:none; margin:0; background:#000;}
#mobile-nav ul li ul li {line-height:40px; font-size:13px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span {color:#fff; padding-left:30px;}
#mobile-nav ul li ul li a:hover {background:#b0620c; color:#fff;}


/************ content styles ****/
.hero {width:100%; display:block; background:url('../siteart/hero.jpg') no-repeat center center; background-size:cover; padding:7% 0 22% 0; text-align:center;}

article {width:100%; background:url('../siteart/pattern.jpg') repeat; padding:45px 0;}

.finance-logo {width:100%; display:block; margin-bottom:20px;}
.finance-logo img {width:100%; height:auto; max-width:250px;}

.auc-card {width:100%; display:block; padding:15px; text-decoration:none; background:rgba(255,255,255,0.7); text-align:center; font-weight:700; font-size:18px; color:#114433; border:2px #114433 solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.auc-card img {width:100%; height:auto; max-width:250px; margin:0 auto 10px auto;}
.auc-card:hover {background:rgba(255,255,255,0.2); border-color:#b0620c; color:#b0620c; text-decoration:none;}


/************ footer styles ****/
footer {width:100%; background:url('../siteart/orange-pattern.jpg') repeat; padding:15px 0;}
.associations {width:62%; float:left; margin-right:3%;}
.associations img {display:inline-block; position:relative; vertical-align:middle; padding-right:30px;}
.copyright {float:left; width:35%; text-align:right; color:#fff; font-size:12px; margin-top:18px;}


/************ form styles ****/
#formpage label {display:block; margin-bottom:3px;}
#formpage input {width:calc(100% - 12px); padding:6px 5px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ddd; color:#000; font-size:14px; background:#fff; margin-bottom:12px;}
#formpage textarea {width:calc(100% - 12px); padding:6px 5px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ddd; color:#000; font-size:14px; background:#fff; margin-bottom:12px; height:120px;}
#formpage select {width:calc(100% - 2px); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ddd; color:#000; vertical-align:middle; font-size:14px; background:#fff; margin-bottom:12px; line-height:normal; padding:5px;}

#formpage input.checkbox {padding:0; border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0; border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

#formpage input:focus, #formpage textarea:focus, #formpage select:focus {background:#f3f3f3; color:#333; border:1px solid #000; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; outline-style:none;}
#formpage input.radio:focus, #formpage input.checkbox:focus {background:none; border:0; outline-style:none;}

#formpage input.button, #formpage input.button:focus {width:100%; margin:0; padding:10px 0; font-family:'Roboto Slab', serif; font-weight:700; background:#114433; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:14px; line-height:14px; font-weight:bold; color:#fff; -webkit-appearance:none;}
#formpage input.button:hover {background:#b0620c; color:#fff;}


/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align:center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 5px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}



/************ responsive styles ****/
@media screen and (max-width:1185px) {
	nav a:link, nav a:active, nav a:visited {font-size:14px; padding:0 4px;}
}
@media screen and (min-width:1025px) {
	#mobile-nav {display:none!important;}
}
@media screen and (max-width:1024px) {
	.hide-1024 {display:none!important;}
	.show-1024 {display:block;}
	
	.column1-ht {width:8.33333%;}
	.column2-ht {width:16.66666%;}
	.column3-ht {width:25%;}
	.column4-ht {width:33.33333%;}
	.column5-ht {width:41.66666%;}
	.column6-ht {width:50%;}
	.column7-ht {width:58.33333%;}
	.column8-ht {width:66.66666%;}
	.column9-ht {width:75%;}
	.column10-ht {width:83.33333%;}
	.column11-ht {width:91.66666%;}
	.column12-ht {width:100%;}
	
	.col-pad-lt-ht {padding:0 0 0 2%;}
	.col-pad-rt-ht {padding:0 2% 0 0;}
	.col-pad-center-ht {padding:0 1%;}
	.col-pad-clear-ht {padding:0;}
	
	a.btn, span.btn {font-size:18px;}
	a.wt-btn {font-size:20px; margin:0 2% 15px 2%;}
	a.wt-btn img {max-width:150px;}
	
	#simple-menu{float:left; height:34px; width:60px; line-height:34px; display:block; cursor:pointer; color:#fff; font-size:16px; font-weight:700;}
	
	.associations {width:100%; margin-right:0%; text-align:center;}
	.associations img {padding:0 10px;}
	.copyright {width:100%; text-align:center;}
}
@media screen and (max-width:768px) {
	.hide-tablet {display:none;}
	.show-tablet {display:block;}
	
	.column1-vt {width:8.33333%;}
	.column2-vt {width:16.66666%;}
	.column3-vt {width:25%;}
	.column4-vt {width:33.33333%;}
	.column5-vt {width:41.66666%;}
	.column6-vt {width:50%;}
	.column7-vt {width:58.33333%;}
	.column8-vt {width:66.66666%;}
	.column9-vt {width:75%;}
	.column10-vt {width:83.33333%;}
	.column11-vt {width:91.66666%;}
	.column12-vt {width:100%;}
	
	.col-pad-lt-vt {padding:0 0 0 2%;}
	.col-pad-rt-vt {padding:0 2% 0 0;}
	.col-pad-center-vt {padding:0 1%;}
	.col-pad-clear-vt {padding:0;}
	
	.logo {width:50%;}
	.logo img {max-width:250px;}
	.rt-header {width:47%;}
	.head-phone {margin-bottom:3px; font-size:18px;}
	
	.finance-logo img {margin:0 auto;}
}
@media screen and (max-width:640px) {
	.column1-hp {width:8.33333%;}
	.column2-hp {width:16.66666%;}
	.column3-hp {width:25%;}
	.column4-hp {width:33.33333%;}
	.column5-hp {width:41.66666%;}
	.column6-hp {width:50%;}
	.column7-hp {width:58.33333%;}
	.column8-hp {width:66.66666%;}
	.column9-hp {width:75%;}
	.column10-hp {width:83.33333%;}
	.column11-hp {width:91.66666%;}
	.column12-hp {width:100%;}
	
	.col-pad-lt-hp {padding:0 0 0 2%;}
	.col-pad-rt-hp {padding:0 2% 0 0;}
	.col-pad-center-hp {padding:0 1%;}
	.col-pad-clear-hp {padding:0;}
	
	body {font-size:14px;}
	p {margin-bottom:14px;}
	
	h1 {font-size:28px; margin-bottom:14px;}
	h2 {font-size:24px; margin-bottom:14px;}
	h3 {font-size:22px; margin-bottom:12px;}
	h4 {font-size:20px; margin-bottom:10px;}
	h5 {font-size:18px;}
	h6 {font-size:16px;}
	
	header {padding:14px 0;}
	article {padding:25px 0;}
    .auc-card {padding:10px; font-size:16px; margin-bottom:15px;}
	.associations img {max-height:50px;}
	.copyright {font-size:10px;}
}
@media screen and (max-width:480px) {
	.hide-480 {display:none;}
	
	.column1-vp {width:8.33333%;}
	.column2-vp {width:16.66666%;}
	.column3-vp {width:25%;}
	.column4-vp {width:33.33333%;}
	.column5-vp {width:41.66666%;}
	.column6-vp {width:50%;}
	.column7-vp {width:58.33333%;}
	.column8-vp {width:66.66666%;}
	.column9-vp {width:75%;}
	.column10-vp {width:83.33333%;}
	.column11-vp {width:91.66666%;}
	.column12-vp {width:100%;}
	
	.col-pad-lt-vp {padding:0 0 0 2%;}
	.col-pad-rt-vp {padding:0 2% 0 0;}
	.col-pad-center-vp {padding:0 1%;}
	.col-pad-clear-vp {padding:0;}
	
	a.btn, span.btn {font-size:16px; padding:15px;}
	a.wt-btn {font-size:18px; display:block; background:rgba(17,68,51,0.7);}
	
	.logo {width:100%; margin-right:0;}
	.logo img {max-width:180px; margin:0 auto;}
	.rt-header {width:100%; margin-top:10px; text-align:center;}
	.head-phone {font-size:20px; display:inline-block; margin:0 15% 0 0;}
	.soc-media {font-size:24px; display:inline-block;}
	
	.hero {padding:6% 0 3% 0;}
	
	.associations span {width:50%; float:left; margin-bottom:15px;}
	.associations img {padding:0; max-height:40px;}
	.copyright {margin-top:0;}
}
@media screen and (max-width:375px) {
	
}
@media screen and (max-width:320px) {
	.head-phone {font-size:16px;}
	.soc-media {font-size:18px;}
}