/*===========================================
	FONTS
===========================================*/
@charset "UTF-8";
@font-face {
    font-display: swap;
    font-family: mayfair-light;
    font-weight: 400;
    src:
        url(/assets/fonts/mayfair-light.woff) format("woff"),
        url(/assets/fonts/mayfair-light.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: mayfair-medium;
    font-weight: 300;
    src:
        url(/assets/fonts/mayfair-medium.woff) format("woff"),
        url(/assets/fonts/mayfair-medium.woff2) format("woff2");
}

@font-face {
    font-display: swap;
    font-family: mayfair-bold;
    src: url(/assets/fonts/mayfair-other.woff) format("woff");
}


/*===========================================
	STANDARD ELEMENTS
===========================================*/
* {
	margin: 0; 
	padding: 0;
}

body {
	font-family: mayfair-light, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	margin: 0;
	padding: 0;
    color: #000000;
    background-color: #FFFFFF;
	 -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
    line-height: 1.15;
}
body {
	height: 100%;
}

img {
	max-width: 100%;
	height: auto;
}
div {
	outline: none;
}

.bullet-list ul {
	margin-left: 30px;
	list-style: none;
}
	.bullet-list ul li {
		list-style-type: disc;
		padding-bottom: 1em;
	}


/*===========================================
	HEADERS
===========================================*/
h1, h2, h3, h4, h5, h6 {
	
	margin: 0;
	padding: 0;
}
	h1 {
		font-family: mayfair-bold;
	}
	h2 {
		font-family: mayfair-bold;
	}
	h3 {}
	h4 {
		font-family: mayfair-medium;
		font-size: 1em;
	}
	h5 {
		font-family: mayfair-medium;
		font-size: 1em;
	}
	
	
/*===========================================
	HYPERLINKS
===========================================*/
a:link, a:active, a:visited {
	text-decoration: none;
	color: #646464;
	transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
}
	a:hover {
		text-decoration: underline;
		color: #454545;
	}
	
	
/*===========================================
	IMAGES
===========================================*/
img {
	max-width: 100%;
	height: auto;
}
.image-holder {
	border-radius: 4px;
	width: 100%;
	padding-top: 60%;
	position: relative;
	overflow: hidden;
}
	.image {
		object-fit: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0%;
		transition: transform .75s;
	}
	
.section-full-image {
   position: relative;
	object-fit: cover;
    width: 100%;
    position: relative;
}
	.image-overlay {
		z-index: 0;
		position: absolute;
		inset: 0%;
		overflow: hidden;
		background-image: linear-gradient(45deg, #020814 30%, #29143300, #020814);
		opacity: 0.5;
	}
	.bg-image {
		object-fit: cover;
		background-color: #0000;
		width: 100%;
		height: 500px;
	}
	.bg-image-small {
		object-fit: cover;
		width: 100%;
		height: 350px;
		position: relative;
	}

div {
	outline: none;
}
header, footer, section, figure {
	display: block;
}



/*===========================================
	ALIGNMET
===========================================*/		
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.small-text {font-size: 0.8em;}
.bold-text {font-family: mayfair-medium;}	


/*===========================================
	SPACING
===========================================*/
.margin-top-30 {
	margin-top: 30px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.padding-top-bottom-50 {padding: 50px 0;}
.padding-top-bottom-100 {padding: 100px 0;}
.padding-top-100 {padding-top: 100px;}


/*===========================================
	CLEAR FIXES
===========================================*/
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/*===========================================
	HIDDEN
===========================================*/
.hidden-section {display: none;}


/*===========================================
	COLOURS
===========================================*/
.wild-sand-background {background: #F5F5F5;}
.black-background {background: #020814;}

.white-text {color: #FFFFFF; }

.white-icon {fill:#FFF; stroke:#000;}

	
/*===========================================
	UNDER CONSTRUCTION
===========================================*/
.under-construction {
	margin: 0 auto;
	margin-top: 100px;
	width: 500px;
	color: #000;
	position: relative;
	text-align: left;
	overflow: auto;
	z-index: 2;	
}
.under-construction img{
	margin-bottom: 50px;
}
.under-construction h2 {
	text-align: center;
	margin-bottom: 10px;
}
.under-construction p {
	text-align: center;
	margin-bottom: 10px;
}
	.under-construction a:link, .under-construction a:active, .under-construction a:visited {
		text-decoration: none;
		color: #000;
	}
	.under-construction a:hover {
		text-decoration: underline;
	}


/*===========================================
	FRAME CONTAINERS
===========================================*/
.frame-container {
	display: block;
}
.center-container {
	position: relative;
	margin: 0 auto;
	max-width: 1140px;
	padding: 0 10px;
}
	.center-container.max-width {
		max-width: calc(100% - 120px);
		padding: 0 60px;
	}
	.center-container.semi-narrow {
		max-width: 960px;
	}
		.center-container.block-item {
			background: #FFF;
			margin-top: -175px;
			padding: 75px;
			box-shadow: 0 0 1px #2914331a, 1px 1px 6px #0003;
		}
		
.center-container-vmiddle {
	margin: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;			
	height: 100%;
	text-align: left;
	width: 100%;
}
	.center-container-vmiddle.center-content {
		align-items: center;
	}
	
	
/*===========================================
	FLEX CONTAINERS
===========================================*/
.flex-container {
	display: flex;
	flex-wrap: wrap;		
}
	.half-flex-item {
		width: 50%;
	}
	.half-margin-flex-item {
		width: 49%;
		margin-right: 2%;
		/*background: pink;*/
	}
		.half-margin-flex-item:nth-child(2n),
		.half-margin-flex-item:last-child {
			margin-right: 0;
		}
		
	.half-wide-margin-flex-item {
		width: 47%;
		margin-right: 6%;
	}
		.half-wide-margin-flex-item:nth-child(2n),
		.half-wide-margin-flex-item:last-child {
			margin-right: 0;
		}
		
	
	.half-wide-content-flex-item {
		width: 62%;
		margin-right: 5%;
	}
		.half-wide-content-flex-item:nth-child(2n) {
			width: 33%;
			margin-right: 0;
		}
		
		
	.third-flex-item {
		width: 32.25%;
	}
	.quarter-flex-item {
		width: 24%;
	}

/*===========================================
	HEADER BAR SECTION
===========================================*/
.header-bar-section {
	background-color: #FFF;
    border-bottom: 1px solid #d6d6d6;
}
	.header-bar-section ul {
		float: right;
	}
		.header-bar-section ul li {
			float: left;
			margin-right: 15px;
		}
			.header-bar-section ul li:last-child {
				margin-right: 0;
			}
			.header-bar-section ul li a {
				font-size: 0.8em;
			}
			
			
/*===========================================
	HEADER SECTION
===========================================*/
.header-section {
	background-color: #fbfbfb;
    border-bottom: 1px solid #d6d6d6;
}			
	.header-section .branding {
		height: 90px;
		width: 200px;
		margin-right: 20px;
		display: flex;
		align-items: center;
		justify-content: left;
	}	
	.header-section .main-navigation {
		height: 90px;
		width: calc(100% - 220px);
		display: flex;
		align-items: center;
		justify-content: right;
	}
	.header-section .responsive-navigation {
		width: calc(100% - 220px);
		display: flex;
		justify-content: right;
		align-items: center;
		cursor: pointer;
	}
		.header-section .responsive-navigation svg {
			fill: #000000;
			width: 32px;
			height: 32px;
		}

	
/*===========================================
	NAVIGATION
===========================================*/
.navigation ul {
	text-align: center;
	list-style: inside;
	z-index: 99990;
}
	.navigation li {
		display: inline-block;
		background: none;
		margin-right: 20px;
	}
		.navigation li:last-child {
			margin-right: 0;
		}
		.navigation li a {
			display: block;
			font-size: 14px;
			text-decoration: none;
			padding: 20px 0;
			color: #000;
		}
			.navigation li a:hover  {
				color: #020814;
			}
			.navigation li a i  {
				padding-left: 8px;
				font-size: 10px;
			}
					
					
/*===========================================
	SUB NAVIGATION
===========================================*/
/* Doesn't work in IE */
.navigation ul li:hover { 
	position: relative; 
}

/*	LEVEL TWO	*/
.navigation ul ul { 
	width: 235px;
	padding: 0;
	visibility: hidden; 
	position: absolute; 
	top: 100%;
	left: 0;
	margin: 0;
	background: #FFF;
	border: 1px solid #CCC;
	text-align: left;
}
	.navigation ul ul li {
		width: 100%;
		display: block;
		font-weight: normal;
		border: none;
		padding: 0;
		border-radius: 0px;
		line-height: 1em;
		font-size: 1em;
		color: #000;
	}
		.navigation ul ul li:first-child  {
			border-left: 0;					
		}
		.navigation ul ul li:Last-child {
			float: left;
			padding: 0px;
		}
		
		.navigation ul ul li a {
			display: block;
			border: none;
			padding: 8px 10px;
			margin-right: 0px;
			line-height: 1.45em;
		}
			.navigation ul li:hover li a, 
			.navigation ul li.current li a {
				color: #000;
			}
			.navigation ul ul li a:hover {
				text-decoration: none;
				transition: background-color 0.3s linear;
				-webkit-transition: background-color 0.3s linear;
				-moz-transition: background-color 0.3s linear;
				background: #DEDEDE;
			}
			.navigation ul ul li.current a {
				background: none;
			}
			
		.navigation ul ul li.IndentItem a {
			padding: 5px 10px 5px 20px;
		}
			.navigation ul ul li.IndentItem a i {
				padding-right: 8px;
				color: #19bfc0;
			}
			
	/*	LEVEL THREE	*/
	.navigation ul ul ul { 
		left: 100%; 
		top: 0; 
	}
	.navigation ul li:hover > ul { 
		visibility: visible; 
	}
					



/*===========================================
	PROMOTIONS BANNER
===========================================*/
.promotions-banner {
	background-color: #020814;
	color: #FFF;
}
	.promotions-banner .banner-background {
       height: 175px;
	   background: linear-gradient(90deg, #020814 50%, #c4a236 50%);
	   overflow: hidden;
    }
	
	.promotions-banner .banner-background .square-rotation {
		margin: 0 auto;
		margin-top: -175px;
		width: 175px;
		height: 175px;
		background-color: #020814;
		transform: rotate(45deg); /* Rotates 45 degrees clockwise */
	}
	
	.promotions-banner .open-account {
		display: flex;
		flex-wrap: wrap;
		 height: 175px
    }
		.promotions-banner .open-account .open-account-header {
			width: calc(50% - 50px);
			margin-right: 50px;
		}
			.promotions-banner .open-account .open-account-header h2 {
				font-size: 40px;
				line-height: 48px;
				font-weight: 500;
				letter-spacing: 1px;
				margin-bottom: 0;
				margin-top: 0;
				text-align: left;
			}
		.promotions-banner .open-account .open-account-action {
			width: calc(50% - 175px);
			margin-left: 175px
		}
			.promotions-banner .open-account .open-account-action p {
				line-height: 1.25em;
				padding-bottom: 10px;
			}
				.promotions-banner .open-account .open-account-action p:last-child {
					padding-bottom: 0;
				}
			.promotions-banner .open-account .open-account-action a {
				display: inline-block;
				border: 1px solid #020814;
				background: #020814;
				text-align: center;
				color: #FFF;
				padding: 13px 15px;
				text-decoration: none;
			}
				.promotions-banner .open-account .open-account-action a:hover {
					background: #FFFFFF;
					color: #020814;
				}


/*===========================================
	PROMOTIONS BANNER RESPONSIVE
===========================================*/
.promotions-banner-responsive {
	display: none;
	position: relative;
	color: #FFF;
}
	.promotions-banner-responsive .open-account {
		padding: 25px 0;
		background: #020814;;
    }
		.promotions-banner-responsive .open-account .open-account-header h2 {
			font-size: 40px;
			line-height: 48px;
			font-weight: 500;
			letter-spacing: 1px;
			margin-bottom: 0;
			margin-top: 0;
			text-align: left;
			text-align: center;
		}
	.promotions-banner-responsive .open-account-action {
		padding: 25px 0;
		text-align: center;
		background: #c4a236;
    }
		.promotions-banner-responsive .open-account-action p {
				line-height: 1.25em;
				text-align: center;
				padding-bottom: 10px;
			}
				.promotions-banner-responsive .open-account-action p:last-child {
					padding-bottom: 0;
				}
			.promotions-banner-responsive .open-account-action a {
				display: inline-block;
				border: 1px solid #020814;
				background: #020814;
				text-align: center;
				color: #FFF;
				padding: 13px 15px;
				text-decoration: none;
			}
				.promotions-banner-responsive .open-account-action a:hover {
					background: #FFFFFF;
					color: #020814;
				}


/*===========================================
	HERO CONTENT
===========================================*/		
.hero-section .content-container .text-content h1 {
	font-size: 66px;
	line-height: 66px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 2rem;
	margin-top: 0;
	text-align: left;
	max-width: 500px;
}		
.hero-section .content-container .text-content-section p {
	max-width: 500px;
}
		
.hero-section .login-holder {
	max-width: 500px;
}
	.hero-section .login-holder .validation-message {
		display: flex;
		padding: 5px 0;
		margin-bottom: 10px;
	}
		.hero-section .login-holder .validation-message .icon-display {
			width: 34px;
			font-size: 1em;
			display: flex;
			justify-content: left;
			align-items: center;
			color: rgb(194, 0, 0);
		}
			.hero-section .login-holder .validation-message .icon-display svg {
				width: 24px;
				fill: rgb(194, 0, 0);
			}
		.hero-section .login-holder .description {
			display: flex;
			justify-content: left;
			align-items: center;
			width: calc(100% - 34px);
			font-size: 1em;
			line-height: 1.25rem;
			color: rgb(194, 0, 0);
		}
		
		.hero-section .login-holder .login-container {
			display: flex;
		}
			.hero-section .login-holder .login-container .input-holder {
				width: calc(100% - 129px);
				background: #FFF;
				border: 1px solid #020814;
			}
				.hero-section .login-holder .login-container .input-holder input {
					width: 100%;
					font-family: inherit;
					font-size: inherit;
					padding: 6px 5px;
					min-height: 44px;
					box-sizing: border-box;
					border: 0;
					line-height: 24px;
					color: #000;
					letter-spacing: normal;
					transition: border-color 0.2s ease;
					margin: 0 10px;
				}
			
			.hero-section .login-holder .login-container .button-holder {
				width: 125px;
			}
				.hero-section .login-holder .login-container .button-holder span {
					display: block;
					width: 100%;
					color: #FFF;
					border: 1px solid #020814;
					background: #020814;
					min-height: 44px;
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;
				}
					.hero-section .login-holder .login-container .button-holder span:hover {
						/*color: #020814;*/
						background: #666;
					}
	
	
	.hero-section .content-container .image-content .image-holder.large-image {
		padding-top: 90%;
	}


/*===========================================
	BREADCRUMB
===========================================*/
.breadcrumb {
	color: #383838;
	font-size: 14px;
	letter-spacing: 4px;
	line-height: 18px;
	margin-bottom: 8px;
	text-transform: uppercase;
}


/*===========================================
	CONTENT LAYOUT
===========================================*/
.content-container {
	display: flex;
	justify-content: space-between;
}
	.content-container.full .text-content {
		width: 100%;
	}
	.content-container .text-content {
		width: 55%;
	}
	.content-container .image-content {
		width: 40%;
	}


/*===========================================
	CONTENT LAYOUT STYLES
===========================================*/
.content-container .text-content h1 {
	font-size: 66px;
	line-height: 66px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 2rem;
	margin-top: 0;
	text-align: left;
}
.content-container .text-content h2 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 1.5rem;
	margin-top: 0;
	text-align: left;
}
.content-container .text-content h5 {
	margin-bottom: 15px;
}
.content-container .text-content ul {
	list-style: none;
	margin-left: 30px;
	margin-bottom: 15px;
}
	.content-container .text-content ul:last-child {
		margin-bottom: 0;
	}
	.content-container .text-content ul li {
		list-style-type: disc;
		padding-bottom: 10px;
	}
		.content-container .text-content ul li:last-child {
			padding-bottom: 0;
		}

.content-container .text-content ol {
	margin-left: 30px;
	margin-bottom: 15px;
}
	.content-container .text-content ol:last-child {
		margin-bottom: 0;
	}
	.content-container .text-content ol li {
		list-style-type: decimal;
		padding-bottom: 10px;
	}
		.content-container .text-content ol li:last-child {
			padding-bottom: 0;
		}

.text-content a.oval-bold-button,
.text-content span.oval-bold-button {
	display: inline-block;
    color: #000;
    border: 1px solid #c4a236;
    transition: all 500ms ease;
    padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}		
	.text-content a.oval-bold-button:hover,
	.text-content span.oval-bold-button:hover {
		background: #ecce60;
	}

		
		
.content-container .text-content .numbered-item {
	display: inline-block;
	padding: 8px 7px;
	margin-bottom: 10px;
	border: 1px solid #c4a236;
	text-align: center
}	
	.content-container .text-content .staggered-item {
		width: 60%;
		margin-bottom: 30px;
	}	
		.content-container .text-content .staggered-item:nth-child(2n) {
			margin-left: calc(100% - 60%);
		}
		
		
.content-container .text-content .one-tird-item {
	width: calc((100% / 3) - 40px);
	margin-right: 40px;
}	
	.content-container .text-content .one-tird-item:nth-child(3n),
	.content-container .text-content .one-tird-item:last-child {
		margin: 0;
	}
	
.content-container .text-content table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;
}	
	.content-container .text-content table tr td {
		border-bottom: 1px solid #DEDEDE;
	}
	.content-container .text-content table th {
		font-size: 0.8em;
		font-weight: 300;
		padding: 8px 4px;
		background: #020814;
		color: #FFF;
	}
	.content-container .text-content table td {
		padding: 8px 4px;
	}
		.content-container .text-content table tr:nth-child(even) td {
			background: #F1F1F1;
		}


	.content-container .image-content .image-holder.large-image {
		padding-top: 90%;
	}

/*===========================================
	BOXED ITEM LAYOUT
===========================================*/
.boxed-item-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.boxed-item-container h4 {
		margin-bottom: 10px;
	}
	.boxed-item-container p {
		/*font-size: 0.9em;*/
	}
	.boxed-item-container .image:hover {
		transform: scale(1.1);
	}
	.boxed-item-container .half-flex-item {
		width: 48%;
		margin-bottom: 30px;
	}
		.boxed-item-container .half-flex-item.bordered-boxed-item {
			padding: 20px;
			width: calc(48% - 42px);
			border: 1px solid #DEDEDE;
			background: #FFF;
		}
		
	.third-flex-item {
		width: 25%;
	}
		.boxed-item-container .third-flex-item .image-holder.large-image {
			padding-top: 90%;
		}
	
	
.footer-section {
	background-color: #020814;
	color: #FFF;
}
	


/*===========================================
	FOOTER
===========================================*/
.footer {
	color: #FFF;
	background: #020814;
	padding: 50px 0;
}
	.footer .top-banner {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #DEDEDE;
	}
		.footer .top-banner .company-logo {
			width: 175px;
		}
		.footer .top-banner .contact-adviser {
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.footer .top-banner .contact-adviser a {
				border-radius: 4px;
				color: #FFF;
				background: #c4a236;
				transition: all 500ms ease;
				padding: 10px 20px;
				margin-left: 20px;
				text-decoration: none;
			}
				.footer .top-banner .contact-adviser a:hover {
					background: #ecce60;
				}
	
	
	.footer .middle-banner-pre-login {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #DEDEDE;
	}
		.footer .middle-banner-pre-login .disclaimer {
			width: 100%;
		}
			.footer .middle-banner-pre-login .disclaimer p {
				font-size: 0.8em;
			}
		
	.footer .middle-banner {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #DEDEDE;
	}
		.footer .sitemap {
		}
			.footer .sitemap h5 {
				margin-bottom: 20px;
			}
			.footer .sitemap li a {
				color: #FFF;
				font-size: 0.8em;
				text-decoration: none;
			}
				.footer .sitemap li a:hover {
					color: #ecce60;
					font-size: 0.8em;
				}
		.footer .disclaimer {
			width: 65%;
		}
			.footer .disclaimer p {
				font-size: 0.8em;
			}
		.footer .bottom-banner {
			
		}
			.footer .bottom-banner p {
				font-size: 0.8em;
				text-align: right;
			}
	

/*===========================================
	RESPONSIVE NAVIGATION
===========================================*/
.responsive-menu-modal {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: #020814;
	overflow-x: hidden;
	transition: 0.5s;
}

.responsive-menu-modal-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: left;
	margin-top: 30px;
	padding: 0 30px;
}

.responsive-menu-modal .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	color: green;
}
	.responsive-menu-modal a.closebtn {
		color: #FFFFFF;
		text-decoration: none;
	}
	

.accordion-menu {
}
.accordion-menu .accordion-item {
	margin-bottom: 20px;
	cursor: pointer;
}
	.accordion-menu .accordion-item .accordion-title a,
	.accordion-menu .accordion-item .accordion-title span {
		font-family: mayfair-light;
		font-weight: 300;
		font-size: 1.25em;
		color: #FFFFFF;
		text-decoration: none;
	}
		.accordion-menu .accordion-item .accordion-title a:hover,
		.accordion-menu .accordion-item .accordion-title span:hover {
			color: #ecce60;
		}
		.accordion-menu .accordion-item .accordion-title span .far {
			font-size: 14px;
			margin-left: 12px;
			color: #FFFFFF;
		}
	.accordion-menu .accordion-item .accordion-dropdown {
		display: none;
		padding-top: 10px;
	}
		.accordion-menu .accordion-item .accordion-dropdown ul {
			margin-left: 20px;
		}
			.accordion-menu .accordion-item .accordion-dropdown ul li a {
				display: block;
				margin-bottom: 12px;
				font-size: 1em;
				color: #FFFFFF;
				text-decoration: none;
			}
				.accordion-menu .accordion-item .accordion-dropdown ul li a:hover {
					color: #ecce60;
				}
				
				
/*===========================================
	FORM
===========================================*/
label {
	margin-top: 20px;
    margin-bottom: 6px;
    display: block;
    font-weight: normal;
    font-size: 1em;
}
	label span {
		color: #FF0000;
	}
	
input, select {
	width: 100%;
    padding: 6px 4px;
    margin: 2px 0 5px 0;
    min-height: 35px;
    box-sizing: border-box;
    border: 0;
    border: 1px solid #CCC;
	line-height: 24px;
    color: #555;
	background: #FFF;
	font-family: inherit;
    font-size: inherit;
    letter-spacing: normal;
   transition: border-color 0.2s ease;
	border-radius: 3px;
}
	input:focus, select:focus {
		border-color: #e2c487;
	}
	
textarea {
	font-family: inherit;
    font-size: inherit;
	height: 100px;
	line-height: 24px;
	background: #f6f6f6;
	border: 0;
    border-bottom: 2px solid #e0e0e0;
	resize: none;
}
	textarea:focus {
		border-bottom: 2px solid #103556;
	}
	input.validate-error,
	textarea.validate-error {
		border-color: #FF0000;
	}
	
.send-message-button {
	display: inline-block;
	padding: 8px 20px;
    background: #174e53;
    opacity: 1;
    border-radius: 5px;
    color: #FFF;
	margin-top: 20px;
	cursor: pointer;
}	
	.send-message-button:hover {
		background: #144448;
	}