/*
Theme Name: Money Village
Theme URI:
Description: 
Author: James Genchi 
Author URI: http://www.jamesgenchi.co.uk
Version: 1.0

 
*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html
{
	margin: 0;
	padding: 0;
}
body, input, textarea
{
	color: #222;    
	font-family: Arial, sans-serif;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6
{ 
	font-weight: normal;
	clear: both;
}
h2
{
font-size:17px;
}
hr
{
	background-color: #999;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
pre
{
	font: 11px Monaco, monospace;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
code
{
	font: 11px Monaco, monospace;
}
p
{
	margin: 4px 0 12px 0;
}
a:link {
	color: #0F38AF;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #0F38AF;
}
a:hover {
	text-decoration: none;
	color: #103DBD;
}
a:active {
	text-decoration: none;
	color: #0F38AF;
}



/*** PAGE LAYOUT ***/

/* Styles that affect the entire layout of the page */
div#container
{
	width:920px;
	margin:auto;
}
div#content
{
	
}


/*** HEADER : MENU ***/

/* To see a menu in your header, you'll need to first add one in WordPress Admin */
.menu ul
{
    list-style: none;
    margin: 0;
}
.menu ul ul
{
    display: none;
}
.menu li
{
    display: inline;
    float: left;
	padding: 0 8px 0 4px;
}
.menu-item
{
	
}
.menu-item a
{
	font-size: 30px;
	text-decoration: none;
	color: #3eaf00;
}
.menu-item a:hover
{
	color: #5d8a05;
}



/*** HEADER : OTHER ***/



/*** CONTENT : POSTS AND PAGES ***/

/* Entry and Page Titles */
h1.entry-title
{
	
}
h2.entry-title
{
	
}
h2.entry-title a
{
	
}
h1.page-title
{
	
}

/* Media Alignment */
.alignright
{
	/* Style for right-aligned images in posts */
	padding: 0px 0 0px 0px;
	float: right;
}
.alignleft
{
	/* Style for left-aligned images in posts */
	padding: 0px 0px 0px 0;
	float: left;
}

/* Entry Content */
.entry-content
{
	/* Style that affects actual entry/post content */
}
.entry-content a
{
	
}
.entry-content a:hover
{
	
}
.entry-content h1, h2, h3, h4, h5
{
	
}
.entry-content ol li
{
	
}

.entry-utility
{
	/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
}
.entry-meta
{
	/* Style for the entry metadata (author, etc.) */
}
.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}
.navigation
{
	/* Style for the navigation links (next/previous post) on a given post */
}


/*** CONTENT : COMMENTS ***/

div#comments
{
	/* Style that affects the DIV containing all the comments */
}
.comments h3
{
	/* H3 header style for comments */
}
.comments ol
{
	/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
}
.comments ol li
{
	/* Style each list item in the comments ordered list */
}
.comments img
{
	/* Style for the user avatar beside each comment */
	float: left;
	margin: 0 12px 8px 0;
}
.comments .comment
{
	/* Style that applies to each individual comment in a series of comments */
}

.children ul li
{
	/* A style that refers to the children (as in, responses to) any given comment */
}

.comment-reply-link
{
	/* Style for the "Reply" link on a comment */
}
.comment-meta
{
	/* Style for metadata for a comment */
}
div#respond
{
	/* DIV that contains the comment response form */
}
div#respond h3
{
	/* H3 header for the comment response form */
}


/*** CONTENT : SIDEBAR ***/
div#primary
{
	/* Primary Widget Area DIV */
}
div#secondary
{
	/* Secondary Widget Area DIV */
}
.widget-area
{
	/* Class that applies to BOTH widget areas */
}
.xoxo
{
	/* Class that applies to each item in each widget area (an unordered list class) */
}


/*** FOOTER ***/
div#footer
{
	float: left;
	clear: both;
}


/*** YOUR CSS ***/

body {
	background-color: #FFFFFF;
	font-family: 'Lato', sans-serif;
        color:#000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(http://moneyvillage.co.uk/images/line.jpg);
	background-repeat:repeat-x;
}
.content {
	margin: auto;
	width: 920px;
	background-color: #FFF;
}
.bigtext {
	padding: 10px;
	width: 700px;
	font-size: 37px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-weight: 300;
}
.circle {
	height: 150px;
	width: 150px;
	margin-right: 35px;
	margin-left: 35px;
	float: left;
	background-color: #CCCCCC;
	-webkit-border-radius: 700px;
	border-radius: 700px;
	overflow: hidden;
}
.circle-people {
	height: 150px;
	width: 150px;
	margin-right: 35px;
	margin-left: 35px;
	float: left;
	background-color: #FFF;
	-webkit-border-radius: 700px;
	border-radius: 700px;
	overflow: hidden;
}
.circles {
	margin-bottom: 20px;
	height: 200px;
}
::selection {
	background: rgba(57, 87, 136, 0.39); /* Safari */
	}
::-moz-selection {
	background: rgba(57, 87, 136, 0.39); /* Firefox */
}
.wwdtitle {
	padding: 10px;
	font-weight: bold;
	font-size: 22px;
}
.wwdtext {
	padding: 10px;
	font-size: 15px;
	color: #666;
}
.wmvtext {
	padding: 10px;
	font-size: 16px;
	color: #666;
	width: 920px;
	float: right;
	line-height: 30px;
}
.wwd-box {
	height: 420px;
}
.pbmvtitle {
	padding: 5px;
	font-weight: bold;
	font-size: 17px;
}

body,td,th {
	font-family: Lato, sans-serif;
	}
	.line {
}
.container
{
	width:1020px;
	margin:auto;
	color: #fff;
}

.homeSection {
	min-height: 700px;
	background-image: url(images/balloon_small.jpg); 
	background-position: 50% 0px;
	margin-bottom: 0;
}

.firstSection {
	background-color: #205178;
	min-height: 450px;
	margin-top: -40px;
	text-align: center;
	
}
.oneFifth {
	width: 18%;
	float: left;

}

.large {
	font-size: 3.5em !important;
	margin-bottom: 15px;
}

.secondSection {
	padding-top: 30px;
	color: #fff;
	background-color: #40ad48;
	background-image: url(images/sunset.jpg); 
	min-height: 350px;
}

.secondSection h2{
	margin-top: 0;
	text-align: center;
	font-size: 2em;
}

.col-third {
	width: 33.3333%;
	float: left;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
}

.saving-block {
	text-align: center;
    color: #fff;
    background-color: rgba(61,29,64,.85);
    padding: 40px 30px 30px;
    min-height: 300px;	
}

.btn {
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: 700;
    background-color: #f3642d;
    padding: 18px 30px;
    margin: 0;
    box-shadow: 0 0 0 0 #f3642d;
    -webkit-transition: all cubic-bezier(.25,.46,.45,.94) .2s;
    transition: all cubic-bezier(.25,.46,.45,.94) .2s;
    display: block;
    margin: 0 20px;
    font-size: 1em;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
}

a.btn {
	text-decoration: none;
	color: #fff;
	
}
.btn:hover {
    text-decoration: none;
    background-color: #e0480d;
    box-shadow: 0 0 0 2px #e0480d;	
	color: #fff;
	outline: 0;
}
.header {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

.introHeader{
	font-size: 3em;
	color: #fff;
	margin-top: 0;
	padding-top: 30px;
}
.featured {
	background-color: #FFFFFF;
	height: 300px;
	width: 100%;
	background-image: url(images/top-img.png);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 1px;
}
.featured-wrapper {
	width:900px;
	margin-right:auto;
	margin-left:auto;
}
.featured-text {
	font-size: 70px;
	width: 600px;
	background-color: rgba(255,255,255,0.7);
	color: #000;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 0.8);
}

.leftContent {
	width: 63%;
	float: left;
	padding-top: 30px;
	padding: 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;

}
.leftContent li {
	font-size: 1.5em;
	color: #fff;
}

.leftContent ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 0;	
}

.leftContent .fa {
	color: green;
	margin-right: 10px;
}

.leftContent p {
	margin-top: 25px;
	font-size: 1.3em;
}

.rightContent {
	color: #fff;
	font-size: 1.2em;
	width: 35%;
	float: right;
}

.callback {
	padding-top: 20px;
	text-align: center;
	min-height: 300px;
	background-color: rgba(64, 173, 72, 0.9);
}

.callback h2 {
	margin: 0;
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 25px;
}

.callback input[type=text], .callback input[type=email], .callback input[type=tel]  {
	border:none !important;
	height: 40px;
	border-radius: 0 !important;
	font-size: 1em;
}

.callback input[type=submit] {
	margin: 30px auto !important;
	border-radius: 0 !important;
	background-color: #f1be41 !important;
	width: 80% !important;
}
div.wpcf7 img.ajax-loader {
	display: none;
	
}
.callback input[type=submit]:hover {
	cursor:pointer;
}

.ticks {
	font-size: 20px;
	width: 920px;
	color: #000;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid rgb(231, 231, 231);
	padding: 5px;
    padding-top: 9px;
    padding-left: 10px;
}
.tel {
	float: right;
	font-size: 42px;
	color: #00295F;
	width: 300px;
}
.logos {
	float: right;
	padding: 5px;
}
.navigation {
	height: 45px;
	width: 100%;
	background-color: #333;
}
#nav {
	width: 900px;
	height:38px;
	margin: auto;
	padding: 0;
	list-style: none;
	font-size:15px;
	padding-top:1px;
}
#nav li {
	float: left; }
#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	color: #FFFFFF;
}
#nav li a:hover {
	color: 22;
	background-color: #666;
}
.cbp-hrmenu ul li a {
text-decoration: none;
padding: 10px 10px;!important
}
#slider-wrapper {
				background-color: #fff;
				width: 100%;
				height: 450px;
				overflow: hidden;
			}
			#carousel img {
display: block;
float: left;
}
#prev, #next {
background-color: rgba(255, 255, 255, 0.7);
display: block;
height: 450px;
width: 50%;
top: 0;
position: absolute;
}
#prev:hover, #next:hover {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
}
#prev {
left: -495px;
}
#next {
right: -495px;
}
#pager {
margin-left: -470px;
position: absolute;
left: 50%;
bottom: 10px;
}
#pager a {
border: 2px solid #fff;
border-radius: 10px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px 0 0;
}
#pager a:hover {
background-color: rgba(255, 255, 255, 0.5);
}
#pager a span {
display: none;
}
#pager a.selected {
background-color: #fff;
}
.wpcf7-text, .wpcf7-textarea {
    background-color: #FFFFFF;
	color: #333;
	border: 3px solid #B0DDFD;
	font-size: 12px;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 265px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.wpcf7-submit {
	background-color: #B0DDFD;
	color: #002A5E;
	border: 3px solid #ffffff;
	font-weight: bold;
	font-size: 21px;
	margin: auto;
	padding: 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    width:269px;
}
.wpcf7 {
	color:#FFF;
}
.cbp-hrmenu .cbp-hrsub {
z-index: 90000;

.step-box1 {
	height: 150px;
	width: 150px;
	padding: 10px;
	border: 3px solid #E81A12;
	-webkit-border-radius: 200px;
    border-radius: 200px;
	margin:auto;
}
.step-box2 {
	height: 150px;
	width: 150px;
	padding: 10px;
	border: 3px solid #4ABA37;
	-webkit-border-radius: 200px;
    border-radius: 200px;
	margin:auto;
}
.step-box3 {
	height: 150px;
	width: 150px;
	padding: 10px;
	border: 3px solid #003574;
	-webkit-border-radius: 200px;
    border-radius: 200px;
	margin:auto;
}
.step-text {
	margin-top: 61px;
}
.step-text3 {
	margin-top: 55px;
}