/*   
Theme Name: Money Box
Theme URI: http://ninesixty.co.nz
Description: Web Design and Development solutions for Small Businesses
Author: Nine Sixty
Author URI: http://ninesixty.co.nz
Version: 1.0
*/

@media screen {
	
* { margin: 0; padding: 0; }

body { 
	background: #FFFFFF;
	font-family: Open Sans;
	font-size: 15px;
	color: #333;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
clear: both;
height: 0;
border: 1px solid #D8BFA7;
margin: 30px 0px;
}

/*****************************
	Layout
*****************************/

.g-recaptcha {
    transform: scale(0.65);
    transform-origin: 0 0 0;
float: left;
}

.accordion-title {
font-size: 20px;
margin-top: 20px;
}

.accordion-title:hover {
color: #e23517;
cursor: pointer; 
}

.mobile-menu {
display: none;
}

#wrapper {
	background: #fff;
}

.wrapper {
	padding: 10px 0px;	
}

.fullbox {
padding-bottom: 20px;
}
.large {
    font-size: 17px;
    line-height: 30px;
}

.post-thumb {
margin-bottom: 40px;
}

/*****************************
	Header
*****************************/

#logo {
margin: 20px 0px;
}

#footer-logo {
margin: 10px 0px 30px 0px;
}

#slider-container {

}

#header-container {
}

#main-container {
	background-color: #FFF;
}

#footer-container {
	background-color: #232323;
	border-top: 1px solid #383838;
}

#header {
	overflow: hidden;
}

#header h1 {
	margin-bottom: 0px;	
}

.social-media {
float: right;
margin-top: 20px;
}

.social-media img {
margin-left: 10px;
}

.social-media p {
font-weight: 700;
}


/*****************************
	Main Menu
*****************************/
.responsiveSelectContainer {    
padding-bottom: 10px;
padding-left: 10%;
padding-top: 10px;
}

#navigation {
float:right;
margin: 0px;
}
ul.dropdown {
	list-style:none;
	float:left;
	width:100%;
	padding: 0px;
	margin: 0px;
}
ul.dropdown a {
color: #464646;
font-size: 15px;
text-decoration: none;
font-weight: 400;
padding: 4px 2px;
position: relative;
}

ul.dropdown li:hover a {
color: #3C3C3C;
}

ul.dropdown a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #E23517;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

ul.dropdown a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

 
ul.dropdown li {
    float: left;
    margin: 0px 15px 0 0;
    padding: 2px;
}
ul.dropdown li:last-child {
	padding-right: 5px;
margin: 0px 0px 0 0;	
}
ul.dropdown li:hover {
}
ul.dropdown li.current-menu-item,
ul.dropdown li.current_page_item,
ul.dropdown li.current-menu-parent,
ul.dropdown li.current-menu-parent a {

}
ul.dropdown li.current-menu-parent {
	float: left;
	padding: 0px;
}
ul.dropdown li.current-menu-parent {
	padding: 2px 5px;

}
 li.current-menu-parent {
	float: left;

}
ul.dropdown li.current-menu-parent a {
	background: #000;

}
ul.dropdown li:hover a,
ul.dropdown li.current-menu-item a,
ul.dropdown li.current_page_item a,
ul.dropdown li.current-menu-parent a {
background: none;
}


ul.dropdown li ul a {
	display:block;
}
 
/* sub menus  */
 
ul.dropdown ul {
	list-style: none;
	margin:0; 
	padding:0;
	width:250px; 
	position:absolute; 
	z-index:500;
	margin-left: -20px;
}
 
ul.dropdown li ul {
	margin-top: 5px; 
}
 
ul.dropdown ul ul {
	left:100%; 
}
 
ul.dropdown ul li {
	float:none; 
	margin-bottom: 0px;
	height: 26px;
	border-right: none;
	background: #eaeaea;
	padding: 10px 10px;
}
ul.dropdown ul.sub-menu li {
	margin: 0px;
	padding: 5px 5px 10px 5px;
}
ul.dropdown ul li:hover,
ul.dropdown ul li.current-menu-item {
	background: #ddd; 	
}
ul.dropdown ul.sub-menu ul.sub-menu {
padding-top: 0px;
}

ul.dropdown ul li a:before {
  visibility: hidden;
}

ul.dropdown ul li a:hover:before {
  visibility: hidden;
}
 


/* Drop Down */
 
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
 
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block; padding: 5px 0px 0px 0px; margin: 0px; }
 


/*****************************
	Content
*****************************/

#content .wrapper {
	padding: 20px 20px;
}

.box-one, .box-two {
    background: #eaeaea none repeat scroll 0 0;
    float: left;
    margin-right: 3%;
    padding: 1% 4%;
    text-align: center;
    width: 23%;
margin-top: 10px;
margin-bottom: 10px;
min-height: 320px;
}

.box-one a, .box-two a {
border: 2px solid #e23517;
margin: 20px auto 10px;
padding: 6px 13px;
display: table;
}

.box-two {
margin-right: 0%;
}



.box-one-slim, .box-two-slim {
    background: #eaeaea none repeat scroll 0 0;
    float: left;
    margin-bottom: 10px;
    margin-right: 2.5%;
    margin-top: 10px;
    min-height: 350px;
    padding: 1% 3%;
    text-align: center;
    width: 17%;
}


.box-one-slim p, .box-two-slim p {
line-height: 22px;
}

.box-one-slim a, .box-two-slim a {
border: 2px solid #e23517;
margin: 20px auto 0px;
padding: 6px 9px;
display: table;
letter-spacing: -0.5px;
}

.box-one-slim h5, .box-two-slim h5 {

letter-spacing: -0.5px;
}


.box-two-slim {
margin-right: 0%;
}


.box-one-slim ul li, .box-two-slim ul li {
    line-height: 1.3em !important;
    margin-bottom: 15px;
    padding-left: 12px  !important;
text-align: left;
}


.entry ul li {
    background: rgba(0, 0, 0, 0) url("images/bullet.png") no-repeat scroll 0 7px;
    line-height: 1.2em;
    margin-bottom: 10px;
    padding-left: 10px;
}

.box-one-slim ul, .box-two-slim ul {
margin: 0px !important;
}


.cta-box {
background: #eaeaea none repeat scroll 0 0;
padding: 10px 20px 15px;
text-align: center;
}

.cta-box a {
    background: #e23517 none repeat scroll 0 0;
    color: #fff;
    float: right;
    margin-top: 15px;
    max-width: 20%;
    padding: 10px 20px;
}

.cta-content {
max-width: 80%;
float: left;
text-align: left;
}

.cta-box h5 {
margin-bottom: 0;
text-align: left;
}

.fom {
padding: 5px 0px;	
}

.fom p, .fom a {
color: #e23517;	
}

.fom img {
padding-left: 10px
}

.wp-post-image {
margin-bottom: 30px;
}

/*****************************
	Sidebars
*****************************/

/* Sidebar Right */

#sidebar-right .wrapper  {
	padding-right: 10px;
}

#sidebar-left .wrapper  {
	padding-left: 10px;
}

#sidebar-right h2,
#sidebar-left h2 {
	color: #464646;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

#sidebar-right .widget h2,
#sidebar-left .widget h2 {
	margin-bottom: 10px;	
}

#sidebar-right ul,
#sidebar-left ul {
	margin: 0 0 30px 0;
}

#sidebar-right li,
#sidebar-left li {
	list-style: none;
	line-height: 1.3em;
	font-size: 14px;
	padding: 5px 0px 10px 0px;
color: #e23517;
}

#sidebar-right li a,
#sidebar-left li a {
	text-decoration: none;
color: #e23517;
}

#sidebar-right li a:hover,
#sidebar-left li a:hover {
	color: #464646;
}

#sidebar-right ul.children,
#sidebar-left ul.children {
	margin: 5px 0px 0px 0px;	
}

#sidebar-right ul.children li,
#sidebar-left ul.children li {
	background: none;
	border-bottom: none;
	padding: 5px 0px 5px 5px;	
}

/*****************************
	Footer
*****************************/

#footer-widgets-container {
background-color: #464646;
overflow: hidden;
color: #FFF;
padding: 30px 0px;
margin-top: 30px;
}

#footer-widgets {
padding: 30px 0px;
}

#footer-widgets h5 {
color: #FFF;
font-size: 13px;
font-weight: 700;
}

#footer-widgets ul {
margin: 10px 0px;
}

#footer-widgets-container hr {
color: #FFF;
border: 1px solid #FFF;
}

#footer {
	padding: 5px;
	font-size: 13px;
}

#footer-menu {
	text-align: center;
}

#footer-menu ul {
	margin: 0;	
}

#footer-menu li {
	list-style: none;
	display: inline;
	color: #fff;
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #fff;
}

#footer-menu li:last-child {
	border-right: none;	
}

#footer-menu li a {
	color: #fff;
	text-decoration: none;
}

#footer-menu li.current-menu-item a,
#footer-menu li.current_page_item a {
	color: #FFF;
}

#copyright {
	color: #333;
	font-size: 12px;
	padding: 10px;
	text-align: center;	
}


/*****************************
	Common
*****************************/

p,
dl,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

a { color: #e23517; text-decoration: none; }

p { margin: 0 0 20px 0;  line-height: 26px;}


.small, a.small {
	font-size: 11px;	
}

.big, a.big {
	font-size: 16px;
}

.red, a.red {
	color: #8C0202;
}

.grey, a.grey {
	color: #595959;
}

.blue, a.blue {
	color: #004DC5;
}

.content {
	padding-top: 20px;	
}

.post-list h1, .post-list h2, .post-list h3, .post-list h4 {
	margin-bottom: 5px;	
}

.postmeta {
	color: #666666;
	padding: 0px 0px 20px 0px;
	font-size: 13px;
}

.postmeta a {
	color: #666666;
}

.postmeta-comments {
	color: #333;	
	font-size: 13px;
}

.postmeta-comments a {
	color: #333;
	font-weight: bold;
}

.widget {
	margin-bottom: 30px;	
	line-height: 1.3em;
}

.widget_nav_menu li a {
color: #fff;
font-size: 12px;
}

.textwidget, .textwidget a {
color: #fff;
font-size: 12px;
}

strong, .strong {
	font-weight: bold;	
}

em, i {
	font-style: italic;
}

.no-underline, a.no-underline {
	text-decoration: none;	
}

.details {
font-size: 17px;
max-width: 30%;
float: left;
margin-right: 3%;
margin-bottom: 30px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.alignleft {
	position: relative;
	float: left;
	padding-right: 10px;	
}

.alignright {
	position: relative;
	float: right;
	padding-left: 10px;
}

.padding-right {
	padding-right: 20px;	
}

.padding-left {
	padding-left: 20px;	
}

.padding-both {
	padding-left: 20px;	
	padding-right: 20px;
}

.clear {
	clear: both;	
}

.border-left {
	border-left: 1px solid #ccc;
}

.border-right {
	border-right: 1px solid #ccc;
}

.spacer {
	border-bottom: 1px solid #D8BFA7;
	margin: 25px auto 40px;
}

.screen-reader-text { 
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
}

/* Headings */

h1, h2, h3, h4, h5, h6 { 
	margin: 0 0 10px 0; 
	line-height: 1.2em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1, h1 a {
  font-size: 26px;
  color: #464646;
}

h2, h2 a {
  font-size: 20px;
  font-weight: normal;
  font-weight: 600;
}

h3, h3 a {
  font-size: 22px;
  color: #464646;
}

h4, h4 a {
  font-size: 20px;
  font-weight: normal;
}

h5, h5 a {
  font-size: 17px;
  color: #464646;
}

h6, h6 a {
  font-size: 16px;
  font-weight: normal;
}

/* Lists */

ol {
	margin: 20px 0px;
} 

.entry ol li {
	list-style-type: decimal;
}

.entry ol {
	margin: 20px;
	padding-left: 20px;
}

ul {
	margin: 20px 0px;
}

.entry  ul li {
	background: url(images/bullet.png) no-repeat 0px 3px;
	padding-left: 15px;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.entry  ul {
	margin: 20px;
}

/* Search */

#searchform {
	margin: 20px auto;
}

#searchform #s  {
	padding: 7px 5px;
	color: #666;
	background: #FAFAFA;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    width: 110px;
}

#searchform #searchsubmit {
	position: relative;
	left: 5px;
}

/* Comments */

ol.commentlist { list-style: none; margin: 20px 0; }

ol.commentlist li { }

ol.commentlist li div.comment-wrapper {
	border: 1px solid #999;	
	margin: 20px 0;
	font-family: arial;
}

ol.commentlist li div.comment-inner {
	background: #F0F0F0;
	border: 1px solid #fff;
	padding: 10px;
}

ol.commentlist li.comment {  }

ol.commentlist li .comment-avatar { 
	float: left;
}

ol.commentlist li .comment-author {
	font-style: normal;
	font-size: 15px;
	color: #333;
}

ol.commentlist li .comment-author cite.fn {	
	color: #464646;
	font-style: normal;
}

ol.commentlist li .comment-author cite.fn a {
	color: #464646;
}

ol.commentlist li .comment-body { 
	padding: 0px 10px 10px 10px;
	margin-left: 60px;
	margin-right: 0px;
	font-size: 13px;
	color: #666666;
}

ol.commentlist li.thread-even .comment-body,
ol.commentlist li.thread-even li .comment-body  { 
}

ol.commentlist li.thread-odd .comment-body,
ol.commentlist li.thread-odd li .comment-body {  
}

ol.commentlist li .comment-body .comment-meta,
ol.commentlist li .comment-body .comment-meta a {
	color: #333;
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 10px;
}

ol.commentlist li .comment-body .reply a {
	text-decoration: underline;
	font-size: 12px;
	margin-top: 10px;	
	display: block;
	color: #464646;
}

ol.commentlist li.comment ul.children li { background: none; list-style: none; padding-left: 0px; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 10px 0 10px 40px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 10px 0 10px 40px; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 10px 0 10px 40px; }
ol.commentlist li.comment ul.children li.depth-5 { margin: 10px 0 10px 40px; }

#commentform input[type="text"],
#commentform textarea {
	border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    padding: 5px;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    margin-top: 3px;
}

#commentform label {
	color: #464646;
}

#commentform div {
	margin-top: 10px;	
}

/* Pagination */

.pagination {
	text-align: center;	
}

.pagination ul {
	margin: 20px 0px 0px 0px;
	padding: 0px;	
}

.pagination li {
	list-style: none;
	background: none;
	display: inline;
	padding: 5px;
	margin-left: 0px;
}

.pagination li a {
	color: #004FC6;
	text-decoration: none; 	
}

.pagination .pages-no {
	color: #666;
	text-align: center;
	font-size: 11px;
	margin: 20px 0;
}


/*************************/

/* Forms */

.required {
	color: #464646;
	font-size: 12px;	
}

label {
	color: #333;	
}

input[type=text], textarea { 
	border: 1px solid #ccc;
	padding: 5px;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	margin-bottom: 10px;
}

input[type="submit"] {
	padding: 12px 28px;
	background: #e23517;
	border: 1px solid #e23517;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

.lb-contact {
max-width: 515px;
padding: 10px 30px 30px 50px;
}

.lb-contact textarea, .ns-contact input {
background: none repeat scroll 0 0 #F2F2F1;
border: 1px solid #F2F2F1;
color: #222;
border-radius: 0px;
padding: 5px;
}

.lb-contact textarea {
max-width: 100%;
background: none repeat scroll 0 0 #F2F2F1;
border: 1px solid  #F2F2F1;
color: #222;
max-height: 140px;
}

.lb-contact input {
max-width: 100%;
margin-right: 20px;
background: none repeat scroll 0 0 #F2F2F1 !important;
border: 1px solid #F2F2F1 !important;
color: #222;
}

.lb-contact textarea:focus, .ns-contact input:focus {
background: none repeat scroll 0 0 #F2F2F1;
border: 1px solid #F2F2F1;
color: #222;
}

.lb-contact input[type="submit"] {
border: 1px solid #e23517 !important;
background-color: #e23517 !important;
color: #FFF;
padding: 7px 5px;
float: left;
color: #FFF;
border-radius: 0px;
width: 100%;
margin: 0px;
}

.lb-contact .wpcf7-captchar {
width: 40%;
float: right;
margin-right: 0px;
}

#cboxOverlay {
    background: none repeat scroll 0 0 #010101 !important;
}
#cboxTopCenter {
    background: none !important;
}
#cboxTopLeft{
	 background: none !important;
}
#cboxTopRight {
    background: none !important;
}
#cboxBottomLeft {
    background: none !important;
}
#cboxBottomCenter {
    background: none !important;
}
#cboxBottomRight {
    background: none !important;
}
#cboxMiddleLeft {
    background: none !important;
}
#cboxMiddleRight {
    background: none !important;
}
#cboxClose {
    margin: 0 20px 20px 0 !important;
}
.lb-contact input {
    background: #f2f2f1 none repeat scroll 0 0;
    border: 1px solid #f2f2f1;
    color: #222;
    margin-right: 20px;
    max-width: 100%;
}
input[type="text"], input[type="email"], textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #D8BFA7;
    color: #222;
    font-family: "OpenSansRegular",Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 5px;
    width: 500px;
}
#cboxLoadedContent {
    overflow: hidden !important;
}

.form-box {
background: #F8EFE9;
padding: 40px;
}

.form-box .right {
    float: right;
    max-width: 30%;
padding-top: 10px;
}

div.wpcf7 {
    margin: 0;
    max-width: 570px;
float: left;
}

#cboxClose {
    background: rgba(0, 0, 0, 0) url("images/bullet_sidebar.png") no-repeat scroll -25 0 !important;
    top: 15px;
}

#cboxOverlay {
    background: #010101 none repeat scroll 0 0 !important;
}

.lb-contact {
    padding: 7px 0px 40px 40px !important;
}

.internal-layouts {
padding: 20px 0px;	
}

/* Page Layout Shortcodes */
.internal-layouts .grid_12,
.internal-layouts .grid_11,
.internal-layouts .grid_10,
.internal-layouts .grid_9,
.internal-layouts .grid_8,
.internal-layouts .grid_7,
.internal-layouts .grid_6,
.internal-layouts .grid_5,
.internal-layouts .grid_4,
.internal-layouts .grid_3,
.internal-layouts .grid_2,
.internal-layouts .grid_1 {
	margin: 20px 0px;
}

.internal-layouts .grid_12 h2,
.internal-layouts .grid_11 h2,
.internal-layouts .grid_10 h2,
.internal-layouts .grid_9 h2,
.internal-layouts .grid_8 h2,
.internal-layouts .grid_7 h2,
.internal-layouts .grid_6 h2,
.internal-layouts .grid_5 h2,
.internal-layouts .grid_4 h2,
.internal-layouts .grid_3 h2,
.internal-layouts .grid_2 h2,
.internal-layouts .grid_1 h2 {
	margin-top: 50px;
}

#calculatorsHomeLoan {
    background: none;
    position: relative;
    left: 0;
    width: 627px;
    height: auto;
    overflow: hidden;
    padding: 35px 0px;
    font-size: 12px;
    color: #000;
    text-align: center;
    font-szie: 0.8em;
margin: 0 auto;
}
#calculatorsHomeLoan ul.calculator {
background: #464646;
color: #fff;
    min-width: 310px;
    padding-bottom: 25px;
    height: 490px;
    padding: 0;
    float: left;
    width: 262px;
    overflow: hidden;
}
#calculatorsHomeLoan ul.calculator,
#calculatorsHomeLoan ul.calculator li {
    list-style: none;
    margin: 0;
}
#calculatorsHomeLoan ul.calculator li {
    padding: 8px 5px 3px 5px;
}
#calculatorsHomeLoan ul.calculator label {
    display: block;
    width: 100%;
    float: none;
    text-align: left;
    color: #ccc;
    font-size: 15px;
    padding-left: 25px;
    padding-top: 10px;
    margin-left: 15px;
}
#calculatorsHomeLoan ul.calculator input,
#calculatorsHomeLoan ul.calculator select {
    width: 75%;
    padding: 7px;
    font-size: 14px;
    margin-top: -10px;
background: #333;
color: #fff;
}
#calculatorsHomeLoan ul.calculator input {
    width: 70%;
    border: 1px solid #333;
}
#calculatorsHomeLoan ul.result-panel {
background-image: url('images/box-bg-red.jpg');
background-repeat: repeat;
}
#calculatorsHomeLoan ul.calculator select.term {
    width: 104px;
    margin-right: 2px;
}
#calculatorsHomeLoan ul.calculator select[name="months"] {
    margin-left: 10px;
}
#calculatorsHomeLoan ul.result-panel li {
    padding-top: 1px;
}
.hidden-result {
    display: none;
}
#calculatorsHomeLoan ul.result-panel label {
    color: #ccc;
    font-size: 17px;
    margin-top: 18px;
}
#calculatorsHomeLoan ul.result-panel input {
background: none;
    border: none;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    margin-top: -4px;
    padding: 0px;
}
#calculatorsHomeLoan ul.calculator select {
    background: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow-y: scroll;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('images/form-arrow.png') no-repeat #333;
    background-position: 90% 12px;
    background-size: 15px;
    text-indent: 0.01px;
    text-overflow: "";
    border: 1px solid #333;
color: #fff;
}

input.dollar[type="text"] {
background: #333 url("http://ninesixty.co.nz/moneybox/wp-content/uploads/2016/02/dollar.png") no-repeat scroll 3% 2px / 15px auto !important;
text-align: right;
}

#calculatorsHomeLoan #calculate-message {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 26px;
}
#calculatorsHomeLoan #result-panel {
    padding-top: 12px;
}
#calculatorsHomeLoan #calculatebutton {
    display: block;
background: #FFF;
    color: #D63100;
    text-decoration: none;
    font-size: 18px;
    padding: 6px;
font-weight: 600;
    width: 120px;
    float: right;
    margin-right: 37px;
text-transform: uppercase;
}



#calculatorsMortgage {
    background: none;
    position: relative;
    left: 0;
    width: 627px;
    height: auto;
    overflow: hidden;
    padding: 35px 0px;
    font-size: 12px;
    color: #000;
    text-align: center;
margin: 0 auto;
}
#calculatorsMortgage ul.calculator {
background: #464646;
    min-width: 310px;
    padding-bottom: 25px;
    height: 490px;
    padding: 0;
    float: left;
    width: 262px;
    overflow: hidden;
}
#calculatorsMortgage ul.calculator,
#calculatorsMortgage ul.calculator li {
    list-style: none;
    margin: 0;
}
#calculatorsMortgage ul.calculator li {
    padding: 8px 5px;
}
#calculatorsMortgage ul.calculator label {
    display: block;
    width: 100%;
    float: none;
    text-align: left;
    color: #FFF;
    font-size: 15px;
    padding-left: 25px;
    padding-top: 15px;
    margin-left: 15px;
}
#calculatorsMortgage ul.calculator input,
#calculatorsMortgage ul.calculator select {
    width: 75%;
    padding: 7px;
    font-size: 14px;
    margin-top: -10px;
background: #333;
border: 1px solid #333;
color: #fff;
}
#calculatorsMortgage ul.calculator input {
    width: 70%;
border: 1px solid #333;
}
#calculatorsMortgage ul.result-panel {
background-image: url('images/box-bg-red.jpg');
background-repeat: repeat;
}
#calculatorsMortgage ul.calculator select.term {
    width: 104px;
    margin-right: 2px;
background: #333;
color: #fff;
}
#calculatorsMortgage ul.calculator select[name="months"] {
    margin-left: 10px;
}
#calculatorsMortgage ul.result-panel li {
    padding-top: 1px;
}
.hidden-result {
    display: none;
}
#calculatorsMortgage ul.result-panel label {
    color: #fff;
    font-size: 17px;
    margin-top: 18px;
}
#calculatorsMortgage ul.result-panel input {
background-image: url('images/box-bg-red.jpg');
background-repeat: repeat;
    border: none;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    margin-top: -5px;
    padding: 0px;
}
#calculatorsMortgage ul.calculator select {
    background: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow-y: scroll;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('images/form-arrow.png') no-repeat #333;
    background-position: 90% 12px;
    background-size: 15px;
    text-indent: 0.01px;
    text-overflow: "";
    border: 1px solid #333;
color: #fff;
}
#calculatorsMortgage #calculate-message {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 26px;
}
#calculatorsMortgage #result-panel {
    padding-top: 12px;
}
#calculatorsMortgage ul.loan-calculator {
    height: 400px !important;
}
#calculatorsMortgage ul.loan-calculator input {
text-align: right;
color: #fff;
}
#calculatorsMortgage ul.result-panel.loan-calculator input {
    text-align: left;
}
#calculatorsMortgage #calculatebutton {
    display: block;
background: #fff;
    color: #D32A00;
    text-decoration: none;
    font-size: 18px;
    padding: 6px;
    width: 120px;
    float: right;
    margin-right: 37px;
font-weight: 600;
}


.lb-contact {
max-width: 515px;
padding: 10px 30px 20px 30px;
}

.lb-contact textarea, .ns-contact input {
background: none repeat scroll 0 0 #F2F2F1;
border: 1px solid #F2F2F1;
color: #222;
border-radius: 0px;
padding: 5px;
}

.lb-contact textarea {
max-width: 100%;
background: none repeat scroll 0 0 #F2F2F1;
border: 1px solid  #F2F2F1;
color: #222;
max-height: 140px;
}

.lb-contact input {
max-width: 100%;
margin-right: 20px;
background: none repeat scroll 0 0 #F2F2F1;
border: 1px solid #E2E2DE;
color: #222;
}

.lb-contact textarea:focus, .ns-contact input:focus {
background: none repeat scroll 0 0 #F2F2F1;
border: 1px solid #F2F2F1;
color: #222;
}

.lb-contact input[type="submit"] {
border: 1px solid #e23517 !important;
background-color: #e23517 !important;
color: #FFF;
padding: 7px 5px;
float: left;
color: #FFF;
border-radius: 0px;
width: 100%;
margin: 0px;
}

.lb-contact .wpcf7-captchar {
width: 40%;
float: right;
margin-right: 0px;
}

.ui-widget-content {
    background-color: #f8f6fa !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #c41900 none repeat scroll 0 0 !important;
    border: 1px solid #c41900 !important;
text-transform: uppercase !important;
}

.ui-widget-content {
    background-color: #c41900 !important;
}

.mrtg-header {
    background: #c41900 none repeat scroll 0 0 !important;
    border: 1px solid #c41900 !important;
    text-transform: uppercase !important;
}

.ui-widget-content {
    background-color: #464646 !important;
    border: 1px solid #464646 !important;
}

.group-label-left .mrtg-input {
    background: #333 none repeat scroll 0 0 !important;
    border: 1px solid #333 !important;
}

.group-label-right .mrtg-input {
    background: #333 none repeat scroll 0 0 !important;
    border: 1px solid #333 !important;
}

.mrtg-tooltip {
    border-bottom: none !important;
}

label {
    color: #ccc !important;
}

input[type="text"], input[type="email"], textarea {
 color: #aaa!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #333 none repeat scroll 0 0 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #c41900 none repeat scroll 0 0 !important;
    border: 1px solid #c41900 !important; 
}

.mrtg-total {
    background: #333 none repeat scroll 0 0 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

.mrtg-btn-group button.selected {
    background-color: #ddd !important;
    color: #666 !important;
}

.ui-widget-content {
    color: #aaa !important;
}

.mrtg-total {
font-weight: normal !important;
}

.result-summary .summary-title {
font-weight: normal !important;
color: #c41900  !important;
}

.result-summary .summary-number {
 font-weight: normal !important;
}

.mrtg-btn-group button {
    background-color: #666 !important;
    border: 1px solid #464646 !important;
    color: #ddd !important;
}

blockquote {
    font-size: 26px;
    max-width: 800px;
    text-align: center;
margin: 40px auto;
display: block;
font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
color: #666;
}



blockquote p {
font-weight: bold;
line-height: 32px;
}

blockquote::before {
    color: #d8bfa7;
    content: "“";
    display: block;
    float: left;
    font-size: 80px;
    height: 0;
    left: -40px;
    position: relative;
    top: -50px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}

blockquote::after {
    color: #d8bfa7;
    content: "”";
    display: block;
    float: right;
    font-size: 80px;
    height: 0;
    position: relative;
    right: -40px;
    top: -50px;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}

.lb-contact input[type="submit"] {
    background-color: #e23517;
    border: 1px solid #e23517;
    border-radius: 0;
    color: #fff;
    float: right !important;
    margin: 0;
    max-width: 210px;
    padding: 14px 5px;
    width: 100%;
}


} 	

@media only screen and (max-width: 996px) {

ul.dropdown li {
    margin: 0 4px 0 0;
}
ul.dropdown a {
    padding: 4px 0;
}

.details {
display: block;
float: none;
max-width: 100%;
height: 35px;
}

.ui-widget-content {
    background-color: #333 !important;
}

}

@media only screen and (max-width: 768px) {

.social-media, #main-menu {
display: none;
}

.mobile-menu {
display: none;
background: #464646;
height: 20px;
color: #fff;
display: block;
padding: 10px;
}

#footer-widgets {
display: none;
}

#calculatorsHomeLoan{
    width: 100%;
}
#calculatorsHomeLoan ul.calculator {
    width: 100%;
}

#calculatorsMortgage ul.loan-calculator {
    width: 100%;
}

#calculatorsMortgage {
width: 100%;
}

.ui-widget-content {
    background-color: #333 !important;
}


.box-one, .box-two, .boxoneslim {
    background: #eaeaea none repeat scroll 0 0;
    float: left;
    margin-right: 0%;
    padding: 1% 4%;
    text-align: center;
    width: 40%;
margin-top: 10px;
margin-bottom: 10px;
min-height: 210px;
}

.box-one-slim, .box-two-slim {
    width: 40%;
}

}

@media only screen and (max-width: 480px) {

.social-media, #main-menu {
display: none;
}

#calculatorsHomeLoan {
    width: 100%;
}
#calculatorsHomeLoan ul.calculator {
    width: 100%;
}

#calculatorsMortgage ul.loan-calculator {
    width: 100%;
}

#calculatorsMortgage {
width: 100%;
}

.box-one, .box-two, .boxoneslim {
    background: #eaeaea none repeat scroll 0 0;
    float: left;
    margin-right: 0%;
    padding: 1% 4%;
    text-align: center;
    width: 100%;
margin-top: 10px;
margin-bottom: 10px;
min-height: 210px;
}

.box-one-slim, .box-two-slim {
    width: 100%;
}


}


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; 
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
}
}