/* #Reset & Basics
================================================== */

* {
	margin: 0;
	padding: 0;
}

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul, li, ol {
	list-style:none
}

/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, section {
	display: block;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	font-size:20px;
}

sub {
	bottom: -0.25em
}

img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	line-height:.5em;
}

/*  Custom animations
/*-------------------------------------------------- */
@-webkit-keyframes
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}
 80% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}
 80% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: translateY(0);
}
}



/* #Basic Styles
================================================== */

body {
	font-size:15px;
	color:#5b5b5b;
	line-height:22px;
	letter-spacing:normal;
	font-family:"helvetica_neueregular", Arial, Helvetica, sans-serif;
	background:#171715;
}

html, body {
	overflow-x:hidden;
}

/* #Links
================================================== */

a {
	color:#5b5b5b;
	outline:0;
	cursor:pointer
}

a, a:visited {
	text-decoration:none;
	outline:0
}

a:hover {
	text-decoration:underline;
	outline:0
}

a:hover {
	color:#b7863b;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

a:focus, a:active, a:visited {
	text-decoration:none;
	outline:0
}

/* #Typography
================================================== */

h1, h2, h3, h3, h4, h5, h6 {
	color:#6d6e71;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.2em;
	text-transform:uppercase;
	padding:0 0 1em 0;
}

h1 {
	font-size:31px;
}

h2 {
	font-size:24px;
}

h2 small {
	font-size:20px;
}

h3 {
	font-size:18px;
	line-height:1.3em;
}

h3a {
	font-size:16px;
	line-height:1.3em;
}


h4 {
	font-size:14px;
}



em {
	font-family:"helvetica_neueregular", Arial, Helvetica, sans-serif;
	font-style:italic;
}

strong {
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.bold {
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.upper {
	text-transform:uppercase
}

.hightlight { color:#b7863b}


/* Formatting
================================================== */
.w100{
	width:100%;
}
.margin10b {
	margin-bottom:10px;
}
.margin15r{
	margin-right:15px;
}


/* Video
================================================== */

.video-container {
	width:95%;
	position: relative;
	padding-bottom:40%;
	height: 0;
	overflow: hidden;
	margin-bottom:20px;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* #Story
================================================== */
.story-container {
	width:100%;
	position: relative;
	margin-bottom:10px;
	line-height:22px;
}

.story-container p{
	margin-bottom:10px;
}


/* #Input Styles
================================================== */

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline:0;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	outline: 0;
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

/*input:focus, textarea:focus {
	border-color: rgba(240, 81, 53, 0.1);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:0 0 8px rgba(82, 168, 236, 0.6)
}*/

input:focus, textarea:focus {
	border:1px solid #f05135;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input {
	color:#6d6e70
}

.textarea {
	color:#6d6e70
}

:placeholder {
	color:#6d6e70;
	letter-spacing:normal;
}

.placeholder {
	color:#6d6e70;
	letter-spacing:normal;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #6d6e70;
	letter-spacing:normal;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #6d6e70;
	letter-spacing:normal;
}

.input, .textarea {
	width:100%;
	height:39px;
	float:left;
	background:#fcfcfc;
	background:-moz-linear-gradient(#ffffff, #e9eaea);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9eaea));
	background: -o-linear-gradient(#ffffff, #e9eaea);
	-pie-background: linear-gradient(#ffffff, #e9eaea);
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:8px 13px
}

.textarea {
	height:210px
}


/* #Show-Hide Responsive Options
================================================== */

.show_mobile1 {
	display:none
}

.hide_mobile1 {
	display:block
}

.show_mobile2 {
	display:none
}

.hide_mobile2 {
	display:block
}

.show_mobile3 {
	display:none
}

.hide_mobile3 {
	display:block
}

.show_ipad1 {
	display:none
}

.hide_ipad1 {
	display:block
}

.show_ipad2 {
	display:none
}

.hide_ipad2 {
	display:block
}


/*= Grow & flip
=======================================================*/

.grow {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover, .grow:focus, .grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.flip {
	-webkit-transition: all 0.9s ease-out;
	-moz-transition: all 0.9s ease-out;
	-ms-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
	cursor:pointer
}

.flip:hover {
	-webkit-transform: rotateY(360deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateY(360deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateY(360deg);
	-o-box-sizing: border-box;
	transform: rotateY(360deg);
	box-sizing: border-box;
	cursor:pointer
}

/*= FLEX GRID Layout
=======================================================*/
.flex-grid {
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
}

.flex-grid-nav {
	display: flex;	
	flex-wrap:nowrap;
	align-items:center;
	justify-content: space-between;
	align-content:center;
	min-height:59px;
}

.flex-grid-nav .colnav {
	text-align:center;
	min-width:70px;
}

.flex-grid-half {
  display: flex;
}

.flex-grid-half .col {
  width:50%;
}

.col-half {
	width:49%;
	margin-right:1%;
}

@media (max-width: 768px) {
  .flex-grid-half {
    display: block;
  }
  .flex-grid-half .col {
      width: 100%;
      margin: 0 0 10px 0;
	}
	.col-half{
		width: 98%;
		margin-right:2%;
	}
}



/*= Flex Slider
=======================================================*/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	width:100%;
	float:left;
	display: none;
	-webkit-backface-visibility: hidden;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
	display: block
}

.flex-direction-nav a {
	width: 20px;
	height: 41px;
	margin:0;
	display: block;
	position: absolute;
	top:43%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 1
}

.flex-direction-nav .flex-next {
	background:url(../png/arrow-next01.png) no-repeat;
	right: 10px;
}

.flex-direction-nav .flex-prev {
	left: 10px;
	background:url(../png/arrow-previous01.png) no-repeat;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity:.3!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	height:auto;
	position: absolute;
	bottom:2px;
	text-align: center;
	right:0;
	display:block;
	z-index:100;
	padding:0;
	display:block
}

.flex-control-nav li {
	width:auto;
	float:none;
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 10px;
	height: 10px;
	display: block;
	background: none;
	border:1px solid #979797;
	border-radius:30px;
	behavior: url(../pie.html);
	position:relative;
	text-indent:-99999px
}

.flex-control-paging li a:hover {
	background:#daa860;
	background:-moz-linear-gradient(#c38830, #eabf7e);
	background: -webkit-gradient(linear, left top, left bottom, from(#c38830), to(#eabf7e));
	background: -o-linear-gradient(#c38830, #eabf7e);
	-pie-background: linear-gradient(#c38830, #eabf7e);
	border:none;
}

.flex-control-paging li a.flex-active {
	background:#daa860;
	background:-moz-linear-gradient(#c38830, #eabf7e);
	background: -webkit-gradient(linear, left top, left bottom, from(#c38830), to(#eabf7e));
	background: -o-linear-gradient(#c38830, #eabf7e);
	-pie-background: linear-gradient(#c38830, #eabf7e);
	border:none;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}


/* Note: Design for a below width of 1024px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.flex-direction-nav .flex-next {
	right: 5px;
}

.flex-direction-nav .flex-prev {
	left: 5px;
}

.flex-control-nav {
	bottom:-3px;
}
}

/* Note: Design for a width of 768px */
@media only screen and (max-width: 767px) {
.flex-direction-nav a {
	top:41%;
}

.flex-direction-nav .flex-next {
	right: 6px;
}

.flex-direction-nav .flex-prev {
	left: 6px;
}

.flex-control-nav {
	bottom:-3px;
}
}

.flex {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: baseline;
}

/* #Container
=======================================================*/

.container-main {
	width:100%;
	float:left;
	background:#ebebec;
	padding:0 0 100px 0;
	font-family:Arial, Helvetica, sans-serif
}

.container {
	max-width:1200px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:1em;
	padding-right:1em;
}

#logocontainer {	
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	padding-left:1em;
	padding-right:1em;
	max-width: 1200px;
    margin: 0 auto;
}


/* #Common
=======================================================*/

.btn-primary {
	height:43px;
	float:none;
	display:inline-block;
	background:#bb8a31;
	background:-moz-linear-gradient(#c3922e, #b38235);
	background: -webkit-gradient(linear, left top, left bottom, from(#c3922e), to(#b38235));
	background: -o-linear-gradient(#c3922e, #b38235);
	-pie-background: linear-gradient(#c3922e, #b38235);
	border-radius: 3px;
	behavior: url(../pie.html);
	position:relative;
	border:none;
	color:#ffffff;
	font-family:"bebasregular", Arial, Helvetica, sans-serif;
	text-shadow:#999 1px 1px 0;
	line-height:43px;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor:pointer;
	padding:0 25px
}

.btn-primary:hover {
	color:#ffffff;
	background:#b38235;
	background:-moz-linear-gradient(#b38235, #b38235);
	background: -webkit-gradient(linear, left top, left bottom, from(#b38235), to(#b38235));
	background: -o-linear-gradient(#b38235, #b38235);
	-pie-background: linear-gradient(#b38235, #b38235);
	text-decoration:none
}

.btn-secondary {
	height:37px;
	float:none;
	display:inline-block;
	background:#bb8a31;
	background:-moz-linear-gradient(#c3922e, #b38235);
	background: -webkit-gradient(linear, left top, left bottom, from(#c3922e), to(#b38235));
	background: -o-linear-gradient(#c3922e, #b38235);
	-pie-background: linear-gradient(#c3922e, #b38235);
	border-radius: 18px;
	behavior: url(../pie.html);
	position:relative;
	border:none;
	color:#925600;
	font-family:"bebasregular", Arial, Helvetica, sans-serif;
	text-shadow:#FFFFFF 1px 1px 0;
	line-height:38px;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor:pointer;
	padding:0 30px
}

.btn-secondary:hover {
	color:#925600;
	background:#b38235;
	background:-moz-linear-gradient(#b38235, #b38235);
	background: -webkit-gradient(linear, left top, left bottom, from(#b38235), to(#b38235));
	background: -o-linear-gradient(#b38235, #b38235);
	-pie-background: linear-gradient(#b38235, #b38235);
	text-decoration:none
}



/* #Header
================================================== */

header {
	width:100%;
	float:left;
	background:#f1f1f2;
	position:relative;
	z-index:100
}

/*.ribbon-bar {
	width:100%;
	float:left;
	background:#5b5b62;
	box-shadow:inset #1a1a1f 0 0 12px;
	behavior: url(PIE.htc);
	position:relative
}*/

.ribbon-bar {
	width:100%;
	float:left;
	background:#243949;
	box-shadow:inset #1a1a1f 0 0 12px;
	behavior: url(../pie.html);
	position:relative
}

.ribbon-bar ul {
	height:39px;
	float:right;
	padding:9px 0
}

.ribbon-bar ul li {
	height:21px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.86em;
	border-left:1px solid #222427;
	padding:0 1em;	
}

.ribbon-bar ul li:first-child {
	border-left:none
}

/*.ribbon-bar ul li:last-child {
	padding-right:0
}*/

.ribbon-bar ul li:first-child a {
	background:url(../png/img-icon01.png) no-repeat left center;
	padding-left:1.66em;
}

.ribbon-bar ul li a {
	color:#caced3
}

.ribbon-bar ul li a:hover {
	color:#b7863b
}

.header-field {
	width:100%;
	float:left;
	padding:20px 0 30px 0
}

.logo {
	width:100%;
	height:auto;
	max-width:481px;
	float:left;
}

.logotext{
	font-size: 1.46em;
    letter-spacing: 1.8px;
    padding-top: 10px;
    color: #333;
    font-family: "Times New Roman";
}

.search-box {
	width:100%;
	max-width:600px;
	float:right;
	padding:28px 0 0 0
}

.search-box ul {
	width:100%;
	float:left;
	position:relative
}

.search-box ul li {
	width:90px;
	height:28px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	margin-right:7px
}

.search-box ul li a {
	width:90px;
	height:28px;
	float:left;
	background:#a7a9ac;
	box-shadow:inset #4d4d4f 0 0 12px;
	border-radius:3px 3px 0 0;
	behavior: url(../pie.html);
	position:relative;
	color:#FFFFFF;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	padding:0 10px
}

.search-box ul li:hover > a {
	background:#c08f2f;
	background:#b88733;
	background:-moz-linear-gradient(#c3922e, #bd8c31);
	background: -webkit-gradient(linear, left top, left bottom, from(#c3922e), to(#bd8c31));
	background: -o-linear-gradient(#c3922e, #bd8c31);
	-pie-background: linear-gradient(#c3922e, #bd8c31);
	box-shadow:none
}

.search-box ul li a.selected {
	background:#c08f2f;
	background:#b88733;
	background:-moz-linear-gradient(#c3922e, #bd8c31);
	background: -webkit-gradient(linear, left top, left bottom, from(#c3922e), to(#bd8c31));
	background: -o-linear-gradient(#c3922e, #bd8c31);
	-pie-background: linear-gradient(#c3922e, #bd8c31);
	box-shadow:none
}

.search-box .dropbox-bg {
	width:100%;
	float:left
}

.search-box .dropbox {
	width:100%;
	float:left;
	background:#b88733;
	background:-moz-linear-gradient(#bd8c31, #b38235);
	background: -webkit-gradient(linear, left top, left bottom, from(#bd8c31), to(#b38235));
	background: -o-linear-gradient(#bd8c31, #b38235);
	-pie-background: linear-gradient(#bd8c31, #b38235);
	border-radius:0 3px 3px 3px;
	behavior: url(../pie.html);
	position:relative;
	padding:5px;
}

.search-box .input-bg {
	width:100%;
	float:left;
	padding-right:47px;
}

.search-box .input {
	border: none;
	padding:3px 13px;
	font-size:18px;
	height:50px;
}


.search-box .btn-search {
	width:42px;
	height:50px;
	float:right;
	background:url(../png/img-icon02.png) no-repeat center center;
	border:none;
	text-indent:-99999px;
	cursor:pointer;
	margin:0 -47px 0 5px
}

.navbar-main {
	width:100%;
	height:100%;
	min-height:59px;
	float:left;
	background:#000000;
	border-bottom:3px solid #d4ac51;
	border-top:3px solid #d4ac51
}

.navbar-main .container{
    max-width:1200px;
    padding-left: 1em;
    padding-right: 1em;
}

.navbar-main nav {
	display:none;
}

.navbar-main a {
	font-size:1.2em;
	color:#fafafa;
	font-family:"Times New Roman";
}

.navbar-main a:hover {
	color:#FFFFFF
}

.navbar-main a.active {
	color:#FFFFFF
}



.navbar-main .menu-btn {
	width:34px;
	height:34px;
	color:#FFFFFF;
	text-decoration:none;
	background:#999;
	border-radius:0;
	behavior: url(../pie.html);
	position:relative;
	margin:0 auto ;
	cursor:pointer;
	display:none;
}

.navbar-main .menu-btn .icon-bar {
	width:100%;
	height:18px;
	float:left;
	padding:6px 8px 9px 8px
}

.navbar-main .menu-btn .icon-bar span {
	width:100%;
	height:3px;
	float:left;
	background:#FFF;
	border-radius:0;
	behavior: url(../pie.html);
	position:relative;
	padding:0;
	margin:2px 0
}

.navbar-main .menu-btn.active {
	background:#000000
}

.navbar-main .menu-btn.active .icon-bar span {
	background:#bb8a31
}

.icon-star {
	width:100%;
	height:24px;
	float:left;
	background:url(../png/img-icon03.png) no-repeat top center;
	text-indent:-99999px
}

/* #Breadcrumbs
================================================== */
.breadcrumbs{
	padding:0;
	margin: -25px 0 20px 0px;
	list-style:none;
	overflow:hidden;
	font:bold 16px/17px Arial, Helvetica, sans-serif;
	color:#b88733;
}

.breadcrumbs span{ font-size:14px; margin-left:5px; }

.breadcrumbs li{
	float:left;
	background:url(../gif/separator01.gif) no-repeat 0 5px;
	margin: 0 0 0 10px;
	padding: 0 0 0 11px;
}
.breadcrumbs li:first-child{
	background:none;
	margin:0;
	padding:0;
}
.breadcrumbs li a{
	color:#b88733;
	font-size:16px;
	line-height:17px;
}

/* #Search Results
================================================== */

.wraper ul {
   margin-left: 0;
   font-size: 14px;
   font-family:Arial, Helvetica, sans-serif;
   max-width: 400px;
   list-style:none;
}

.wraper ul li {
    border-bottom: 1px solid #d6d6d7;
    color:#b88733;
    line-height: 1.1em;
    max-width: 400px;
    width:100%;
    float: left;
}

.wraper ul li h3 {
    color: #d7a462;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: .25em;
}

.wraper ul li .title {
    color: rgb(234, 66, 61);
    font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin-top:25px;
    margin-bottom:5px;
    letter-spacing: 1px;
}

.wraper ul li span {
    float: left;
    position: relative;
}

.wraper ul li:hover {

    background: #dae4f8 url(../png/bg_hover.png) repeat scroll 0 0;

}

.wraper ul li a {
    color: #043E5A;
    float: left;
    padding: 12px 18px;
    text-decoration: none;
}

/* .wraper ul li:hover {
    background: url(http://independentcharities.org/2014/img/bg_hover.png) repeat scroll 0 0 transparent;
    color:#000;
   background:#ddb786
    color:#DA360A;
}*/

.wraper ul li:hover a {
/*    color: #DA360A;*/
	color:#000;

}

/*.wraper ul li a:hover {
	background: #ddb786 url("../img/bg_hover.png") repeat scroll 0 0;

}*/

.wraper ul li span:hover .dropbox {
    display: block;
    position: absolute;
}

.wraper ul li span .dropbox {
	background: url(../png/bg_popupbox2.png) no-repeat scroll 0 0 transparent;
    display: none;
    float: left;
    height: 217px;
    padding: 0;
    position: absolute;
    right: -280px;
    top: -86px;
    width: 296px;
    z-index: 1;
}

.wraper ul li span .dropbox aside {
	width:100%;
    min-height:150px;
    float:left;
   /* background:#c2912e;
    border:2px solid #ffffff;*/
    position:relative;
    padding:0 5px 0 15px
}

.wraper ul li span .dropbox aside h3{
    color:#000;
    font: 21px 'bebas_neueregular',sans-serif;
    border-bottom: .1em solid #c2c2c4;
    text-align:center;
}

.wraper ul li span .dropbox aside p{
    font-size:12px;
    color: #043E5A;
    font-family:'Iskot Web', Arial, Helvetica, sans-serif;
    font-weight:700;
    padding-bottom:5px;
    font-style:normal;
	line-height:16px;
}

.wraper ul li .dropbox .code p{

    color:#DA360A;
}

#title{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
	letter-spacing: 1px;
}

.refine{
	color:#043E5A;
	font-size:18px;
	margin-bottom:5px;
	width:100%;
}

#catsDiv{
	z-index: 1;
    width: 100%;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border: 3px solid rgb(232, 233, 232);
    overflow: hidden;
    display: block;
}

#catsDiv input[type='checkbox']{
	width: 15px;
    height: 15px;
}

.catline{
	padding: 3px 10px 3px 0;
}
.catname{
	color:#6d6e70;
	font-family:Arial;
	font-size:12px;
	text-transform:uppercase;
}

#catsFilter{
	display:flex;
	flex-wrap:nowrap;
	justify-content: flex-start;
	align-items: center;
	border-radius:3px;
	max-width: 300px;
	border:1px solid #bb8a31;
	margin-bottom:10px;
	width:100%;
}

.filterbtn{
	background: #bb8a31;
	background: -webkit-gradient(linear, left top, left bottom, from(#c3922e), to(#b38235));
	color: #ffffff;
	padding:5px;
	width:100%;
	font-size:14px;
}



#twocolumns {
	width:100%;
	display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
}

.left-column {
	width:48%;
	margin-right:2%;
}

.right-column {width:50%}

@media (max-width: 600px) {
	.left-column {width:100%;}
	
	.right-column {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
}

@media (max-width: 768px) {
	.right-column{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.refine{
		text-align:center;
	}
}

.key_title {
	color: #043E5A;
	font: 31px/33px "bebas_neueregular", Arial, Helvetica, sans-serif;
	margin:0;
	width:100%;
}

.right_box { clear:both; min-height:10px; border-top: 1px solid #d6d6d7;}
.right_box aside{ width:534px; float:right; padding:5px 42px 5px 10px;}
.right_box aside h2{ padding-bottom:3px}
.right_box aside p{ width:100%; float:left; font-size:13px; color:#90a4b2; font-family:'Iskot Web', Arial, Helvetica, sans-serif; font-weight:700;}
.right_box aside p .left{ float:left}
.right_box aside p .right{ float:right}
.right_box .bottom {background:url(../notch.html) no-repeat bottom center;width:534px;height:10px;clear:both;}

.right_box .navlist { width:100%; padding:10px 0px 50px 3px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.right_box .navlist img{ padding-bottom:10px;width: 100%;max-width: 252px;}
.right_box .navlist ul{ width:261px; float:left; font-family:"bebas_neueregular", Arial, Helvetica, sans-serif}
.right_box .navlist ul li{ width:261px; float:left; font-size:17px; color:#90a4b2; line-height:1em; text-transform:uppercase}
.right_box .navlist ul li a{ width:252px; float:left; color:#90a4b2; padding:12px 0 11px 9px}
.right_box .navlist ul li a:hover{ color:#FFF; text-decoration:none}
.right_box .navlist ul li.gray a{  background:#516f85; padding:9px 0 8px 9px}

@media (max-width: 900px) {	
	.right_box .navlist{
		justify-content: center;
		align-items: center;
	}
}
@media (max-width:768px){
	.right_box{
		border-top:none;
	}
}


/* #Banner-main
================================================== */

.banner-main {
	width:100%;
	height:100%;
	margin:0 auto;
	max-width:1200px;
	background: linear-gradient(to bottom, #27445a 0%, #243949 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
}

.stretch img{
   width: 100%;
   height: 100%;
}

.left-col-main {
	width:69%;
	float:left;
	background:url(../png/shadow02.png) no-repeat bottom center;
	padding-bottom:20px;
	margin-left:-20px; /* pull this off once roulette is re-done in skinnier size */
}

.slider-main {
	width:100%;
	float:left;
	background:#ffffff;
	box-shadow: #bbb 2px 2px 4px;
	behavior: url(../pie.html);
	padding:10px 10px 40px 10px;
	position:relative;
}

.slider-main ul {
	width:100%;
	float:left
}

.slider-main ul li {
	width:100%;
	float:left
}

.slider-main figure {
	width:100%;
	float:left
}

.slider-main figure img {
	width:100%
}

.slider-main aside {
	width:72.5%;
	float:left;
	background:url(../png/trans01.png) repeat;
	position:absolute;
	top:70px;
	left:0;
	padding:11px 24px;
}

.slider-main aside h2 {
	font-size:21px;
	color:#FFFFFF;
	font-family:"playfair_display_scregular", Arial, Helvetica, sans-serif;
	text-shadow:#000 0 2px 5px;
	padding-bottom:0
}

.right-col-main {
	width:29%;
	float:right;
}

.right-col-main h2 {
	width:100%;
	height:56px;
	float:left;
	background:url(../png/bg08.png) no-repeat top center;
	color:#58595b;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	padding:12px 0;
	margin-bottom:5px
}

.right-col-main h4 {
	font-size:15px;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	padding-bottom:0
}

.right-col-main article {
	max-width:400px;
	margin:0 auto;
	text-align:center
}

.right-col-main aside {
	width:100%;
	float:left;
	background:url(../png/icon-divider03.png) no-repeat bottom center;
	padding-bottom:10px;
	position:relative
}

.right-col-main aside p {
	font-size:13px;
	line-height:17px;
	padding-bottom:0
}

.right-col-main figure {
	width:100%;
	float:left;
	text-align:center
}

.right-col-main figure img {
	width:100%;
	max-width:100%;
	min-width:400px;
	margin:-57px 0 -66px -80px
}

.right-col-main .txt {
	font-size:13px;
	background:url(../png/icon-divider03.png) no-repeat bottom center;
	text-transform:uppercase;
	padding-bottom:8px;
	margin-bottom:8px
}

.roulette {
margin-top:9px;
width: 336px;
height:280px;
float:left;
margin-left:-23px;
/*border: 2px solid rgb(193, 139, 43);
box-shadow: 0px 0px 12px rgb(255, 255, 255);
border-radius: 0px 0px 4px 4px;*/
}



/* #Content-main
================================================== */

.content-main {
	width:100%;
	float:left;
	padding:40px 0 0 0
}

.content-box {
	width:100%;
	float:left;
	background:#FFFFFF;
	border:1px solid #d0d2d3;
	border-radius:7px;
	behavior: url(../pie.html);
	position:relative;
	padding:20px
}

.heading-main {
	width:100%;
	float:left;
	text-align:center;
	padding:0 0 10px 0;
}

.heading-main ul li {
	width:100%;
	float:left;
	background:url(../png/icon-arrow01.png) no-repeat 0 6px;
	padding:0 0 15px 15px
}

.heading-main h1 {
	display:inline-block;
	background:url(../png/icon-divider01.png) no-repeat right center;
	padding:0 80px 5px 0
}

.heading-main h1 span {
	display:inline-block;
	background:url(../png/icon-divider02.png) no-repeat left center;
	padding:0 0 5px 80px
}

.heading-inner {
	width:100%;
	float:left;
}

.heading-inner h2 {
	height:61px;
	float:left;
	font-size:21px;
	color:#774c00;
	text-transform:none;
	text-shadow:#f1f1f1 1px 1px 1px;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	background:url(../png/heading-bg01.png) no-repeat top left;
	margin:0 0 0 -54px
}

.heading-inner h2 span {
	min-width:320px;
	height:61px;
	float:left;
	line-height:55px;
	background:url(../png/heading-bg02.png) no-repeat top right;
	padding:0 30px 0 55px
}


.charity-box {
	width:100%;
	float:left;
	background:url(../png/icon-star01.png) no-repeat center 20px;
	padding:50px 0 0 0;
	margin:-50px 0 0 0;
}

.charity-box h1 {
	text-align:center
}

.charity-box p {
	text-align:center;
	/*text-transform:uppercase;*/
	font-size:1.2em;
	letter-spacing:1px;
	padding:0 5% 2% 5%
}

.charity-box h2 {
	color:#b8873b;
	text-align:center;
	margin:0 0 -3px 0;
	padding:0 0 0 0
}

.charity-box h2 a {
	color:#b8873b
}

.charity-box h2 span {
	background:#FFF;
	padding:10px 18px 0 18px
}

.charity-box article {
	width:100%;
	float:left;
	background:#FFFFFF;
	padding:45px 1% 45px 3%
}

.charity-box article aside {
	width:31.25%;
	float:left;
	margin:0 2.08% 0 0
}

.charity-box article aside ul {
	width:100%;
	float:left;
	border-top:3px solid #ebebec;
	padding:0
}

.charity-box article aside ul li {
	width:100%;
	height:46px;
	float:left;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	border-bottom:3px solid #ebebec;
	font-size:17px;
	line-height:18px;
	color:#939598;
	display:table;
	overflow:hidden;
	padding:0 0 0 0
}

.charity-box article aside ul li a {
	color:#666666;
	text-decoration:none
}

.charity-box article aside ul li a:hover {
	color:#d7a462
}

.charity-box article aside .left {
	width:35px;
	float:left;
	line-height:44px;
	vertical-align:middle;
	margin-right:-35px;
	position:relative
}

.charity-box article aside .right {
	width:100%;
	height:44px;
	vertical-align:middle;
	display:table-cell;
	padding:0 5px 0 45px;
	font-size:1em;
	margin-top:2px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

.charity-box .btn-bg {
	width:100%;
	float:left;
	text-align:center;
	margin-top:-24px;
	position:relative
}

.charity-box .btn-view {
	float:none;
	display:inline-block;
	height:55px;
	background:url(../png/bg02.png) no-repeat;
	font-size:22px;
	letter-spacing: 2px;
	color:#FFFFFF;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	padding-left:14px;
}

.charity-box .btn-view span {
	width:100%;
	height:55px;
	float:left;
	background:url(../png/bg04.png) no-repeat top right;
	padding-right:19px;
}

.charity-box .btn-view span span {
	background:url(../png/bg03.png) repeat-x top left;
	padding:0 25px
}

.charity-box .btn-view:hover {
	opacity:.9
}

.bottom-section-bg {
	width:100%;
	float:left;
	overflow:hidden
}

.bottom-section {
	width:102%;
	float:left;
	padding:110px 0 0 0;
	margin:0 -2% 0 0;
	position:relative
}

.bottom-section article {
	width:31.37%;
	height:365px;
	float:left;
	background:#FFFFFF;
	position:relative;
	margin:0 1.96% 0 0
}

.bottom-section article .heading {
	width:100%;
	height:72px;
	float:left;
	background:url(../png/bg05.png) no-repeat top left;
	color:#FFFFFF;
	text-align:center;
	padding:0 0 0 38px;
	margin:-20px 0 0 0;
	position:relative
}

.bottom-section article .heading h3 {
	width:100%;
	height:72px;
	float:right;
	background:url(../png/bg07.png) no-repeat top right;
	display:table;
	color:#FFFFFF;
	padding-right:39px
}

.bottom-section article .heading h3 a {
	color:#FFFFFF
}

.bottom-section article .heading h3 span {
	width:100%;
	height:59px;
	float:left;
	background:url(../png/bg06.png) repeat-x top left;
	display:table;
	padding:0
}

.bottom-section article .heading h3 span span {
	background:none;
	float:none;
	display:table-cell;
	vertical-align:middle
}

.bottom-section article h4 {
	color:#7a7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:none;
	padding:0 0 12px 0
}

.bottom-section article h4 a {
	color:#7a7a7a
}

.bottom-section article p {
	font-size:14px;
	color:#7a7a7a;
	line-height:17px;
	padding:0 0 23px 0
}

.bottom-section article p a {
	color:#7a7a7a
}

.bottom-section article #flex {
	display: flex;
    justify-content: center;
}

.bottom-section article ul {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}

.bottom-section article ul li {
	background:url(../png/bullet01.png) no-repeat 0 8px;
	font-size:14px;
	color:#7a7a7a;
	line-height:17px;
	padding:0 0 13px 15px
}

.bottom-section article .links li {
	padding-bottom:25px;
	font-size:16px;
}

.bottom-section article figure {
	width:100%;
	float:left;
	text-align:center;
	padding-top:10px
}

.bottom-section article aside {
	width:100%;
	height:270px;
	float:left;
	overflow:hidden;
	padding:30px 10.93% 0 10.93%;
}

.bottom-section article aside .bia {
	width:100%;
	float:left;
	font-size:16px;
	text-align:center;
}


.bottom-section article .curve {
	width:22px;
	height:18px;
	background:url(../png/icon-curve04.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:-1px;
	bottom:0
}

.bottom-section article .btn-bg {
	width:100%;
	float:left;
	text-align:center;
	position:absolute;
	bottom:0;
	bottom:0
}

.bottom-section article .icon {
	width:100%;
	height:30px;
	float:left;
	text-align:center;
	z-index:10;
	position:absolute;
	top:-46px;
	left:0
}

.bottom-section article .btn-more {
	width:138px;
	height:29px;
	float:none;
	border:none;
	display:inline-block;
	font-size:18px;
	color:#f1f2f2;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	line-height:29px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:1px;
	background:#b68533;
	background:-moz-linear-gradient(#c3922e, #b38235);
	background: -webkit-gradient(linear, left top, left bottom, from(#c3922e), to(#b38235));
	background: -o-linear-gradient(#c3922e, #b38235);
	-pie-background: linear-gradient(#c3922e, #b38235);
	border-radius:2px 2px 0 0;
	behavior:url(../pie.html);
	position:relative;
}

.bottom-section article .btn-more:hover {
	background:-moz-linear-gradient(#b38235, #c3922e);
	background: -webkit-gradient(linear, left top, left bottom, from(#b38235), to(#c3922e));
	background: -o-linear-gradient(#b38235, #c3922e);
	-pie-background: linear-gradient(#b38235, #c3922e);
	text-decoration:none;
}

/* #Footer
================================================== */
footer {
	width:100%;
	float:left;
	background: linear-gradient(to bottom, #27445a 0%, #243949 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
 background-blend-mode: multiply;
	padding:26px 0 37px 0
}


footer article {
	float:left;
}

footer article p {
	width:100%;
	float:left;
	font-size:1.06em;
	color:#939598;
	padding:0 120px 0 108px
}

footer article p a {
	color:#939598
}

footer article p a:hover {
	color:#b7863b
}

footer article .logo-footer {
	width:89px;
	float:left;
	margin:-67px -89px 0 -5px;
	position:relative
}

footer .copy-right {
	width:100%;
	float:left;
	clear:both;
	margin:25px auto 0 auto;
}

footer .copy-right p {
	font-size:12px;
	font-family:"helveticaneuemedium", Arial, Helvetica, sans-serif;
	color:#808285;
	line-height:15px;
	padding-bottom:0
}

footer .copy-right p a {
	color:#808285
}

footer .copy-right p a:hover {
	color:#b7863b
}

footer .copy-right span {
	font-size:14px;
	font-family:"helveticaneuemedium", Arial, Helvetica, sans-serif;
	color:#808285;
}


footer aside {
	width:100%;
	display: flex;
    justify-content: center;
}

footer aside ul li {
	padding-bottom:1em;
}

footer aside ul li a {
	color:#bbbbbc
}

footer aside ul li a:hover {
	color:#b7863b
}

footer aside span {
	color:#b7863b;
	width:100%;
}


footer .login {
	width:100%;
	float:left;
	clear:both;
	margin-top:25px;
}

footer .login .button{
	border:thin solid #b68533;
	padding:10px;	
	height:40px;
	max-width:200px;
	text-align:center;
}

footer .login .button:hover{
	background-color:#b68533;
}

footer .login .button a{
	color:#808285;
}

footer .login .button a:hover {
	color:#fff;
}




/* #BEST IN AMERICA
=======================================================*/

.left-col {
	width:64%;
	float:left
}
.left-col-2 {
	width:50%;
	float:left
}

.right-col {
	width:32%;
	float:right
}

.right-col-vdac {
	width:20%;
	float:right
}

.right-col-cm {
	width:50%;
	float:right
}

.txt-section1 {
	width:100%;
	float:left
}

.txt-section1 a {
	color:#b7863b
}

.txt-section1 .heading-main {
	text-align:left
}

.txt-section1 .heading-main h1 span {
	background:none;
	padding:0;
}

.txt-section1 p {
	text-align:justify;
	margin-bottom:15px;
}

.txt-section1 aside {
	width:100%;
	float:left;
	padding:0
}

.txt-section1 figure {
	width:100%;
	float:left;
	padding:30px 0 0 0
}

.logo-sub {
	width:100%;
	float:left;
	text-align:center;
	padding:0 30px
}
/* used for graphic on corporate Matching read more page*/
.logo-sub1 {
	width:200%;
	float:left;
	text-align:center;
	padding:0 30px
}

/* #MISSION & SERVICES
=======================================================*/

.txt-section1 .article-bg {
	width:100%;
	float:left;
	border-top:1px solid #b7863b;
	padding:25px 0 0 0
}

.txt-section1 .article-bg h3 {
	width:100%;
	float:left;
	font-size:21px;
	color:#5b5b5b;
	padding:0 0 18px 0
}

.txt-section1 .article-bg article {
	width:100%;
	float:left;
	padding:0 0 20px 0
}

.txt-section1 .article-bg article h4 {
	padding:0 0 15px 0;
        font-size: 16px;
        font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
}

.txt-section1 .article-bg article ul {
	width:100%;
	float:left;
	padding:0 0 0 20px
}

.txt-section1 .article-bg article ul li {
	width:100%;
	float:left;
	background:url(../png/icon-arrow01.png) no-repeat 0 6px;
	padding:0 0 15px 15px
}

.service-list-bg {
	width:100%;
	float:left;
	background:url(../png/shadow01.png) no-repeat bottom center;
	padding:0 0 23px 0
}

.service-list {
	width:100%;
	float:left;
	background:#FFFFFF;
	padding:7px
}

.service-list .curve-top-left {
	width:100%;
	float:left;
	background:url(../png/icon-curve01.png) no-repeat top left
}

.service-list .curve-top-right {
	width:100%;
	float:left; /*background:url(../img/icon-curve02.png) no-repeat top right*/
}

.service-list .curve-bottom-left {
	width:100%;
	float:left;
	background:url(../png/icon-curve03.png) no-repeat bottom left
}

.service-list aside {
	width:100%;
	min-height:150px;
	float:left;
	background:url(../png/icon-curve04.png) no-repeat bottom right;
	padding:20px
}

.service-list h3 {
	width:100%;
	float:left;
	font-size:17px;
	color:#b7863b;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	padding:0 0 18px 0
}

.service-list ul {
	width:100%;
	float:left;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	padding:0 0 15px 0
}

.service-list ul li {
	width:100%;
	float:left;
	font-size:17px;
	color:#6d6e71;
	padding:0 0 2px 0
}

.service-list ul li a{
	width:100%;
	float:left;
	color:#6d6e71;
	padding:7px 15px 5px 15px
}

.service-list ul li a:hover {
	color:#b7863b;
	text-decoration:none
}

.service-list ul li.gray a {
	background:#f5f5f5
}

/* #CHARITIES LIST-02
=======================================================*/

.charities-list {
	width:100%;
	float:left
}

.charities-list h2 {
	width:100%;
	float:left;
	font-size:20px;
	color:#d7a462;
	text-transform:none;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	padding:0 0 45px 0
}

.charities-list .heading-main {
	padding:0 0 35px 0
}

.charities-list article {
	width:107%;
	float:left
}

.charities-list article ul {
	width:33.33%;
	float:left;
	padding:0 7% 0 0
}

.charities-list article ul li {
	width:100%;
	float:left;
	font-size:14px;
	line-height:20px;
	border-bottom:2px solid #d6d6d7;
	position:relative
}

.charities-list article ul li:first-child {
	border-top:2px solid #d6d6d7
}

.charities-list article ul li a {
	width:100%;
	float:left;
	text-decoration:none;
	padding:8px 12px
}

.charities-list article ul li:hover > a {
	color:#FFFFFF;
	background:#ddb786
}

.charities-list article ul li:hover .drop-box-bg {
	display:block
}

.charities-list article ul li .drop-box-bg {
	width:275px;
	float:left;
	position:absolute;
	top:-79px;
	right:-270px;
	display:none;
	z-index:100
}

.charities-list article ul li .drop-box {
	width:100%;
	min-height:190px;
	float:left;
	background:#c2912e;
	border:2px solid #ffffff;
	position:relative;
	padding:15px
}

.charities-list article ul li .drop-box h4 {
	width:100%;
	float:left;
	font-size:21px;
	color:#FFFFFF;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #5e5f62;
	padding:0 0 3px 0;
	margin:0 0 8px 0
}

.charities-list article ul li .drop-box p {
	width:100%;
	float:left;
	font-size:14px;
	color:#FFFFFF;
	line-height:1.3em;
	padding:0
}

.charities-list article ul li .drop-box .address {
	background:url(../png/img-icon28.png) no-repeat 0 0;
	padding:0 0 17px 23px
}

.charities-list article ul li .drop-box .phone {
	background:url(../png/img-icon29.png) no-repeat 0 0;
	padding:5px 0 17px 23px
}

.charities-list article ul li .drop-box .code {
	font-size:16px;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
	padding:0
}

.charities-list article ul li .drop-box .curve {
	width:11px;
	height:100%;
	float:left;
	background:url(../png/icon-curve05.png) no-repeat center center;
	position:absolute;
	top:0;
	left:-11px;
}

.charities-list article .last-list li .drop-box-bg {
	right:280px
}

.charities-list article .last-list li .drop-box .curve {
	background:url(../png/icon-curve07.png) no-repeat center center;
	left:auto;
	right:-11px;
}

/* #CHARITIES
=======================================================*/

.charities-info {
	width:100%;
	float:left
}

.charities-info a.back {
	color:#93610b;/*#774C00, */
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding:0px 0px 51px 0px;
	font-size:20px;
	line-height:2em;
}

.charities-info a.back:hover {
	color:#93610b;
	font-weight:normal;
}

.charities-info .heading-main {
	padding:0 0 40px 0
}

.charities-info .top-links {
	float:right;
	position:absolute;
	top:33px;
	right:20px;
}

.charities-info .top-links a, .top-links #carticon {
	height:31px;
	display:inline-block;
	font-size:16px;
	color:#6d6e71;
	line-height:32px;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;
/*	background:url(../img/img-icon30.png) no-repeat left center;
	padding:0 0 0 63px;*/
	margin:0 0 25px 10px
}

.charities-info .top-links a.cart {
/*	background:url(../img/img-icon31.png) no-repeat left center;
	padding-left:45px*/
}

.icon {
/*    padding:5px;*/
    position:relative;
    float:right;
    margin-top: -1px;
    margin-left: 10px;
/*    width:300px;
    margin-right:100px;
    line-height:1.2em;
    text-align:center;
    border:2px solid transparent;*/
}

.charities-info .top-links a:hover{
	color:#d7a462;
}

#cartmsg{

    display:none;
    border: 2px solid #000000;
    border-top: 5px solid #000000;
    background-color: #EDECE9;
    z-index: 100;
    position: absolute;
    width: 280px;
    min-height:50px;
    top:31px;
    right:90px;
    left:250px;
    padding: 10px;
    font: 12px Arial;

}

#incart{

/*    margin-bottom: 10px;*/
}

#incart #cartleft{
    height:25px;
    width: 200px;
	color:#000;
/*    padding: 5px;*/
}

#incart #cartright{

    width: 50px;
    text-align: right;
/*    padding: 5px;*/
}

.cartbtn{

    margin: 20px 0 0 35px;
    background-color: #000000;
    width: 150px;
    color: #fff;
    font: 700 12px Arial;
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}

a.delcharlink{

    color:#ee4135;
}

.delcharlink:hover{

    text-decoration: underline;
}

.number {
    font-size:30px;
    float:right;
    margin:0 0 0 10px;
    color:#90a4b2;
}

/*---------Give Basket----------*/
.whiteBG{
    background-color: #ffffff;
}

.gb_page {

    width:550px;
    margin: 0 0 0 25px;
    padding-top: 20px;
}

.gb_title{
color: #925600; /*435175, AD7F14*/
/*  #ee4135 orange*/
font-size:28px;
font-weight: 500;
padding-top:25px;
padding-left:225px;

}

.img_gb{
	float:left;
	padding-right:15px;
        padding-bottom:25px;
}

.gb_charitylist{
	width:500px;
	height:50px;
	clear:left;
	padding-top:10px;
}

.gb_charitylist #charitylist_left{
    width:300px;
    float:left;
    color: #000000;/*ee4135*/
}

div.gb_charitylist div#charitylist_left a, div.gb_charitylist div#charitylist_left a:visited{

    color: #000000;/*ee4135*/
}


.gb_chairtylist #charitylist_right{

     width:200px;
     float:right;
}

#btn_delete{
	float:right;
	border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	background:#e8e8e9;/*e8e8e9*/
	border:2px solid #6d6e71;/*435175*/
	color:#000;
	padding:3px;
	margin-top:-2px;
        font-size: 14px;
/*        006633*/
}

#GiveBasketBox {
    background-color:#A0742F;/*435175*/
/*	background-color:#fcf4e4;*/
	border:solid .1em #925600;/*435175*/
	border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	width:100%;
	padding: 2px 0 7px;
	color:#fff;
	margin-top:30px;
        text-align: center;
        font-family: Verdana, Arial, sans-serif;

}

a.GiveBasketlink:link, a.GiveBasketlink:visited {
/*	color:#ee4135;*/
        color:#fff;
	font-size:12px;
	text-decoration:underline;
/*        font-weight: 500px;*/

}

a.GiveBasketlink:active, a.GiveBasketlink:hover {
	color:#fff;
	font-size:12px;
	text-decoration:underline;
/*        font-weight: 500px;*/
}

.charities-info .txt-section2 {
	width:100%;
	float:left;
	border-top:1px solid #d7a462;
	padding:20px 0;
	margin:15px 0 0 0
}

.charities-info .txt-section2 h2 {
	width:100%;
	float:left;
	color:#000;
	text-transform:none;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	padding:0 0 15px 0
}

.charities-info aside {
	width:25%;
	float:left;
	background:url(../png/icon-divider04.png) repeat-y top right;
	padding:0 30px 0 0;
	margin:0 -1px 0 0
}

.charities-info aside figure {
	width:100%;
	float:left;
	padding:0 0 20px 0
}

.charities-info aside p {
	width:100%;
	float:left;
	margin-bottom:10px;
}

.charities-info aside .address {
	background:url(../png/img-icon32.png) no-repeat 0 0;
	padding:0 0 20px 23px
}

.charities-info aside .phone {
	background:url(../png/img-icon33.png) no-repeat 0 0;
	padding:3px 0 20px 23px
}


.charities-info aside .calltoaction {
	float:left;
	width:90%;
	border:thin solid #ec433c;
	font: 13px/15px Arial,Helvetica,sans-serif;
	margin-bottom:30px;
	overflow: hidden;
}

.charities-info aside .calltoaction .title {
	width:100%;
	height:30px;
	background-color:#ec433c;
}

.calltoaction .title span {
	padding-top:10px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.calltoaction .content {
	padding:7px;
}

.charities-info aside .socialbox{
	width:193px;

	background-color: #EDECE9 ;

	border: 1px solid  #DDDBD5;

	padding: 8px 0 8px 8px;

	margin: 0;

	color:#000000;

    font-weight: 500;

    height: auto;

    overflow: visible;

}



.charities-info aside .socialbox #follow{

	font-family:Arial, Helvetica, sans-serif;
	float:left;
	font-size:16px;
	color: #0066CC;
	padding:0 10px 10px 0;
	font-weight: bold;

}



.charities-info aside .socialbox .sbspan{
	float:left;
    display: inline;
    margin-right: 7px;

}

div.aside #mail, #like, #twitter {

	clear:left;

    opacity: 0;

    filter:alpha(opacity=0);

    height: 0px;
    max-width:193px;
    
    /*width:193px;*/
    
    /*margin:0 0 20px 2px;*/


}



div.aside .fb-like, .twit, #msgform {

    background-color: #EDECE9;
    height: auto;
    margin-left: -9px;

    border: 1px solid  #DDDBD5;

    border-top: 0px;

}



div.aside .fb-like{



    padding:20px 10px 20px 10px;

}

div.aside .fb_iframe_widget {
    width: 181px !important;
}



div.aside .twit, #msgform{



    padding:17px 10px 15px 10px;

}





div.socialbox form {



    background-color:#EDECE9;



}



div.socialbox form table{



    margin:0px;



}



div.socialbox form table td{



    margin:0px;

    padding:10px 0 10px 0;



}



div#mail #toerror, #noteerror, #sendmessage{



    width: 180px;

    border: 1px solid #ee4135;

    font: 600 12px Arial, Helvetica, sans-serif;

    margin: 5px 0 5px 0;

    padding:5px;

    color: #ee4135;

    background: #fff;

}



div#mail #sendto{



    height: 20px;

    width: 180px;

    padding: 5px;

    font-size: 14px;

}



div#mail #message{



    height: 100px;

    width: 180px;

    padding: 5px;

    font-size: 14px;

}



div#mail #sendmsgbtn{



    border: 1px solid #0066CC;

    background-color: #fff;

    padding: 5px;

    margin-left: 2px;

    font-weight: 600;

    font-size: 14px;

}



div#mail #formlabel{
    color: #0066CC;

    display: inline;
}



.charities-info article {
	width:75%;
	float:right;
	background:url(../png/icon-divider04.png) repeat-y top left;
	padding:0 0 0 30px;
	margin:0 1px 0 0
}

.charities-info article h3 {
	width:100%;
	font-size:20px;
	color:#d7a462;
	text-transform:none;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	padding:0 0 8px 0
}

.charities-info article .wb-address {
	width:100%;
	margin:10px 0 10px 0
}

.charities-info article .wb-address p {
	padding:0 35px 10px 0
}

.charities-info article .wb-address p span {
	text-transform:uppercase;
	color:#d7a462;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
}

.charities-info article .share-social {
	width:100%;
	padding:30px 0
}

.charities-info article .share-social p {
	padding:0 0 10px 0
}

.charities-info article .share-social figure {
	width:100%;
	padding:0
}

.charities-info article .img_right{
	float:right;
	margin:0 1px 10px 10px
}

.err{padding-left: 90px;margin-top: 100px;}




/* #HOW TO JOIN
================================================== */
.section-join {
	width:100%;
	float:left;
	text-align:center;
	overflow:hidden;
	padding:0 0 80px 0
}

.section-join article {
	width:100%;
	min-height:330px;
	float:left;
	background:#FFFFFF;
	text-align:center;
	padding-bottom:15px
}

.section-join figure {
	width:100%;
	float:left;
	margin-top:-105px
}

.section-join aside {
	width:100%;
	max-height:250px;
	float:left;
	overflow:hidden;
	padding:0 16px
}

.section-join aside h2 {
	min-height:65px;
	color:#d7a462;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	text-transform:none;
	line-height:23px
}

.section-join aside h2 a {
	color:#d7a462
}

.section-join aside p {
	padding-bottom:0;
	font-family: Arial, Helvetica, sans-serif;
}

.section-join .article-box-bg {
	width:109%;
	float:left;
	margin-right:-9%
}

.section-join .article-box {
	width:25%;
	float:left;
	margin:95px 8.33% 30px 0;
}

.section-services {
	width:100%;
	float:left
}

.section-services .heading-main {
	padding:0 0 30px 0;
}

.section-services ul {
	width:100%;
	float:left;
	padding-bottom:36px
}

.section-services ul li {
	width:100%;
	float:left;
	background:url(../png/icon-tick01.png) no-repeat 0 0;
	padding:2px 0 8px 45px;
	margin-bottom:34px
}

.section-services ul li .txt {
	color:#d7a462
}

.section-services ul li .txt a {
	color:#d7a462
}

.section-services .article-box {
	width:100%;
	float:left;
	text-align:center
}

.section-services .article-box article {
	max-width:400px;
	float:none;
	display:inline-block;
	border-top:3px solid #bb8a31;
	border-bottom:3px solid #bb8a31;
	text-align:center;
	position:relative
}

.section-services .article-box aside {
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	padding:0 5%
}

.section-services .article-box aside h2 {
	font-size:21px;
	color:#FFFFFF;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	text-shadow:#806e40 1px 2px 3px;
	line-height:24px;
	padding-bottom:0
}

.section-services .article-box aside h2 a {
	color:#FFFFFF
}

.section-services .article-box aside p {
	color:#414042;
	text-shadow:#eadbb5 1px 1px 1px;
	padding-bottom:0
}

.section-services .article-box aside p a {
	color:#414042
}

.section-services .article-box aside .txt {
	font-size:16px;
	color:#FFFFFF;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	text-shadow:#806e40 1px 2px 2px;
	padding-bottom:20px
}

.section-services .article-box aside .txt a {
	color:#FFFFFF
}

.section-services .article-box .aside-out {
	width:100%;
	height:187px;
	float:left;
	background:url(../png/bg09.png) no-repeat top center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:3px 0
}

.section-services .article-box .aside-in {
	width:100%;
	height:100%;
	display:table
}

.section-services .article-box .curve-left {
	width:69px;
	height:100%;
	float:left;
	background:url(../png/icon-curve09.png) no-repeat left center;
	position:absolute;
	top:0;
	left:-69px
}

.section-services .article-box .curve-right {
	width:69px;
	height:100%;
	float:left;
	background:url(../png/icon-curve10.png) no-repeat left center;
	position:absolute;
	top:0;
	right:-69px
}


/* #WAYS TO GIVE
=======================================================*/

.thumbs-list {
	width:100%;
	float:left
}

.thumbs-list .heading-main {
	padding:0 0 40px 0
}

.thumbs-list .article-bg {
	width:103%;
	float:left;
	text-align:center;
	vertical-align:top;
	margin:0 -1.5% -70px -1.5%;
}

.thumbs-list article {
	width:100%;
	max-width:230px;
	display:inline-block;
	vertical-align:top;
	background:url(../png/shadow05.png) no-repeat bottom center;
	position:relative;
	padding:0 0 24px 0;
	margin:0 55px 70px 55px
}

.thumbs-list article a {
	width:100%;
	height:100%;
	float:left;
	cursor:pointer
}

.thumbs-list article .box {
	width:100%;
	height:280px;
	float:left;
	background:#FFFFFF;
	position:relative
}

.thumbs-list article .box figure {
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	top:0;
	left:0
}

.thumbs-list article .box figure .outer {
	width:100%;
	height:100%;
	display:table
}

.thumbs-list article .box figure .inner {
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:65px 0 0 0
}

.thumbs-list article .box .title {
	width:312px;
	height:71px;
	float:left;
	font-size:18px;
	color:#414042;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	text-shadow:#f1f1f1 1px 1px 1px;
	text-transform:uppercase;
	background:url(../png/heading-bg03.png) no-repeat top center;
	position:absolute;
	top:18px;
	left:-34px
}

.thumbs-list article .box .title .outer {
	width:100%;
	height:100%;
	display:table
}

.thumbs-list article .box .title .inner {
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:0 13px 13px 0
}

.lightbox {
	width:400px;
	margin:0 auto
}

.popup-box {
	width:100%;
	float:left;
	background:#FFFFFF;
	border:1px solid #99999b;
	padding:30px;
	padding-bottom:5px;
}

.popup-box h2 {
	font-size:20px;
	color:#d7a462;
	text-transform:none;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
	padding:0 0 15px 0;
}

.popup-box p {
	font-size:14px;
	padding:0 0 25px 0;
}

.popup-box p a {
	text-decoration:underline;
}

.popup-box .btn-primary {
	margin-bottom:25px;
	font-family:"helvetica_neuebold", Arial, Helvetica, sans-serif;
}

iframe {
    border: medium none;
}

.frame-container {
 	width:100%;
 	float:left;
	position: relative;
	overflow: hidden;
    margin-bottom:20px;
}
/*.frame-container iframe{
    position:relative;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius:5px;
}*/

.iframe-holder{
max-width:1000px;
margin:0 auto;
height:100%;
}

.iframe-holder iframe{
width: 1px; /* this solves an iOS problem with resizing */ 
min-width: 100%;
min-height:670px; /* this helps the iframe load faster */ 
border:none;
}

#scrollingContainer{
	width:280px;	/* 170 pixels in width */
	height:400px;	/* Height of box */

	border:none;	/* Black border around box */
	background-color: #ffffff;	/* Light blue background color */

	/*padding:2px;	 A little bit of space between border of box and text inside */
	float:left;	/* I want the text to wrap around the box */
	margin-right:5px;	/* Right margin of 10 pixels */
	/*font-size:0.9em;	 Smaller font size than the rest of the page */
	font-size:17px;
	color:#6d6e71;
	font-family:"bebas_neueregular", Arial, Helvetica, sans-serif;


	overflow:hidden;	/* Hide overflow content */
}

.service-list #scrollingContent div{
	padding:10px 0 8px 0;
}

.service-list #scrollingContent .gray{
	background:#f5f5f5;
}


/* VIDEO SEARCH RESULTS PAGE */
#videoblock {
    float: left;
    width: 785px;
    padding: 0 0px 0 0;
/*    margin-left:-15px;*/
}

#videoblock p {
	color: hsl(2, 82%, 58%);
    font: 41px/43px 'signpainter_housescriptRg',sans-serif;
    margin: 0 0 0 0;
}

#videoblock h3 {
	color: hsl(2, 81%, 58%);
	font-size: 20px;
	font-weight: normal;
	margin-bottom:-10px;
}
#imgx {
    float:left;
    width:700px;
    height:125px;
    vertical-align: top;
 }

 #imgx p#orgname{
    text-decoration:none;
    color:#3c5982;
    margin:-90px 0 0 150px;
    padding:0 0 0 0;
    font:bold 15px/16px Arial, Helvetica, sans-serif;
}
.list{
	padding:0;
	margin:0;
	list-style:none;
	font: bold 14px/15px Arial,Helvetica,sans-serif;
}
.list li{border-bottom:1px solid #cdcdd0;}

.list li:hover{background:#dae4f8 url("../png/bg_hover.png") repeat scroll 0 0;}

.list li a{
	display:block;
	color:#3c5982;
	padding: 16px 0 10px 0;
	font: bold 14px/15px Arial,Helvetica,sans-serif;
}