/********************************************************************************************
											FONTS
********************************************************************************************/

@font-face
{
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-bold.eot');
	src: local('☺'), url('../fonts/montserrat-bold.woff') format('woff'), url('../fonts/montserrat-bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face
{
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-regular.eot');
	src: local('☺'), url('../fonts/montserrat-regular.woff') format('woff'), url('../fonts/montserrat-regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

/********************************************************************************************
											UTILITIES
********************************************************************************************/

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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
{
	display: block;
}

body 
{
	line-height: 1;
}

ol, ul 
{
	list-style: none;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

*
{
	padding: 0;
	margin: 0;
}

a
{
	text-decoration: none;
}

::-moz-placeholder {
  opacity: 1;
}

/********************************************************************************************
											PAGE
********************************************************************************************/

body
{
	background-color: #ffffff;
}

.content-container
{
	width: 960px;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	position: relative;
}

@media only screen and (max-width: 980px) {
    .content-container 
	{
        width: auto;
		margin: 0;
		padding: 0px 20px 0px 20px;
    }
}

/********************************************************************************************
										COMPONENTS
********************************************************************************************/

.rounded-button
{
	color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: #E25353;
	background-color: #E25353;
	border-radius: 30px;
	padding: 12px 55px 12px 55px;
	font-size: 15px;
	font-family: Open Sans, sans-serif;
	font-weight: 700;
	display: inline-block;
	transition: all 0.3s;
}

.rounded-button:hover
{
	color: #E25353;
	background-color: rgba(255,255,255,0.8);
}

#to-top-button
{
	background-color: rgba(191,191,191,0.28);
	width: 53px;
	height: 53px;
	border-color: #787878;
	border-radius: 10px;
	position: fixed;
	top: 36px;
	display: block;
	background-image: url(../images/u808.png);
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	z-index: 50;
}

#to-top-button:hover
{
	background-image: url(../images/u808-r.png);
}

.navigation-anchor
{
	display: block;
	height: 0px;
}

/********************************************************************************************
											HEADER
********************************************************************************************/

header
{
	background-color: #ffffff;
	position: relative;
}

header .content-container
{
	padding: 20px 20px 20px 20px;
}

header .logo
{
	display:block;
	height: 59px;
	float:left;
}

nav
{
	float: right;
	margin: 23px 0px 0px 0px;
}

nav .menu-button
{
	display: none;
	height:46px;
	cursor: pointer;
	text-align: right;
	padding: 25px 20px 0px 0px;
}

nav .menu-button .hover
{
	width: 21px;
	height: 21px;
	background-color: #E25353;
	display: none;
}

nav a.item
{
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: 700;
	color: #3C3C3C;
	font-size: 11px;
	padding: 0px 5px 2px 5px;
	margin-right: 32px;
	transition: border-color 0.3s;
	border-width: 0px 0px 2px;
	border-color: transparent;
	border-style: solid;
}

nav a.item:hover
{
	border-color: #E25353;
	border-radius: 0px;
}

nav a.item:last-of-type {
    margin-right: 0;
}

@media only screen and (max-width: 750px)
{
	
	header .content-container
	{
		padding-top: 13px;
		padding-bottom: 13px;
		height: 71px;
	}

	header .logo
	{
		margin: 0;
		height: 45px;
	}
	
    nav
	{
		position: absolute;
		float: none;
		right: 0px;
		top: 0px;
		margin: 0;
		min-width: 60px;
		z-index: 20;
    }
	
	nav a.item
	{
		color: #ffffff;
		font-weight: 400;
		font-size: 16px;
		padding: 30px 100px 30px 100px;
		margin-right: 0px;
		border-width: 0px; 
		border-color: #000000;
		border-width: 1px 1px 0px 1px;
		background-color: rgba(40,40,40,0.84);
		text-align: center;
		transition: background-color 0.3s;
		display:none;
	}
	
	nav.expanded a.item
	{
		display: block;
	}
	
	nav a.item:hover
	{
		border-color: transparent;
		background-color: #E25353;
	}
	
	nav a.item:last-of-type
	{
		border-width: 1px 1px 1px 1px;
	}
	
	nav .menu-button
	{
		display: block;
	}
	
	nav.expanded .menu-button img
	{
		display: none;
	}
	
	nav.expanded .menu-button .hover
	{
		display: inline-block;
	}
}

/********************************************************************************************
											BANNER
********************************************************************************************/

section.banner
{
	background: transparent url("../images/back1.jpg") no-repeat center center;
	background-size: cover;
}

section.banner .content-container
{
	padding: 0px 20px 0px 20px;
}

section.banner .text-container
{
	float: left;
	padding: 165px 0px 165px 0px;
}

section.banner h2
{
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 37px;
	line-height: 1.3;
	font-family: 'Montserrat';
	font-weight: 700;
	margin-bottom: 3px;
}

section.banner h3
{
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: 700;
	margin-bottom: 30px;
	width: 580px;
	line-height: 1.3;
}

section.banner p
{
	color: #FFFFFF;
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: 400;
	margin-bottom: 20px;
	width: 520px;
	line-height: 1.4;
}

section.banner p:last-of-type
{
	margin-bottom: 60px;
}

section.banner .image-container
{
	float: right;
	margin: 110px 69px 0px 0px;
}

section.banner .phone
{
	height: 571px;
	transform: matrix(0.9925,0.1219,-0.1219,0.9925,36,-10);
	-webkit-transform: matrix(0.9925,0.1219,-0.1219,0.9925,36,-10);
	left: -17px;
	position: relative;
}

@media only screen and (max-width: 930px) 
{
	section.banner .text-container
	{
		padding: 100px 5% 100px 0px;
		width: 65%;
	}
	
	section.banner .image-container
	{
		float: right;
		margin-right: 0px;
		margin-top: 88px;
		width: 25%;
	}
	
	section.banner .phone
	{
		height: auto;
		width: 75%;
	}
	
	section.banner h3
	{
		width: auto;
	}

	section.banner p
	{
		width: auto;
	}
}

@media only screen and (max-width: 870px) {
	
	section.banner .text-container
	{
		padding-top: 75px;
		padding-bottom: 75px;
	}
	
	section.banner .image-container
	{
		margin-top: 66px;
	}
	
	section.banner h2
	{
		font-size: 30px;
	}
	
	section.banner h3
	{
		font-size: 14px;
	}

	section.banner p
	{
		font-size: 14px;
	}
}

@media only screen and (max-width: 700px) 
{
	
	section.banner
	{
		text-align: center;
	}
	
	section.banner .image-container
	{
		float: none;
		margin: 0px;
		padding: 40px 46px 0px 0px;
		width: auto;
		
	}
	
	section.banner .phone
	{
		height: 300px;
		width: auto;
	}
	
	section.banner .text-container
	{
		float: none;
		padding: 20px 0px 60px 0px;
		width: auto;
	}
	
	section.banner h2
	{
		font-size: 24px;
	}
	
	section.banner h3
	{
		width: auto;
		font-size: 14px;
	}

	section.banner p
	{
		width: auto;
		font-size: 13px;
	}
	
	section.banner p:last-of-type
	{
		margin-bottom: 30px;
	}
}



/********************************************************************************************
											TESTIMONIALS
********************************************************************************************/

section.testimonials
{
	padding: 90px 0px 57px 0px;
	font-family: Open Sans, sans-serif;
}

section.testimonials blockquote
{
	text-align:center;
	font-size:20px;
	line-height:1.5;
	color: #595959;
	position: relative;
	width: 760px;
	margin: 0px auto 30px auto;
}

section.testimonials blockquote:before {
	font-family: Open Sans, sans-serif;
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -30px;
	top: -53px;
	color: #d0d0d0;
}

section.testimonials blockquote:after {
	display: block;
	content: "\201D";
	font-size: 80px;
	position: absolute;
	right: -26px;
	bottom: -84px;
	color: #d0d0d0;
}

section.testimonials .name
{
	font-size:16px;
	text-align:center;
	margin-bottom:5px;
	color: #404040;
}

section.testimonials .position
{
	font-size:14px;
	text-align:center;
	color: #707070;
}

@media only screen and (max-width: 960px)
{	
	section.testimonials blockquote
	{
		width: auto;
		margin-right: 40px;
		margin-left: 40px;
	}
}

@media only screen and (max-width: 750px) 
{
	
	section.testimonials
	{
		padding: 70px 0px 57px 0px;
	}
	
	section.testimonials blockquote
	{
		font-size: 15px;
		width: auto;
		margin: 0px 20px 30px 20px;
	}

	section.testimonials blockquote:before {
		font-size: 60px;
		left: -20px;
		top: -40px;
	}

	section.testimonials blockquote:after {
		font-size: 60px;
		right: -20px;
		bottom: -63px;
	}
	
	section.testimonials .name
	{
		font-size: 14px;
	}

	section.testimonials .position
	{
		font-size:13px;
	}
	
}

/********************************************************************************************
											SEPARATOR
********************************************************************************************/

.line-separator
{
	background-color:#E25353;
	height:1px;
	width: 200px;
	margin:0px auto 0px auto;
}


/********************************************************************************************
											VALUE TO BUSINESS
********************************************************************************************/

section.value-to-business
{
	padding: 60px 0px 120px 0px;
}

section.value-to-business h2
{
	color: #595959;
	font-size: 38px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: 700;
	text-align: center;
	margin-bottom:55px;
}

section.value-to-business .item-container
{
	text-align: center;
}

section.value-to-business .item
{
	display: inline-block;
	vertical-align: top;
	width: 258px;
	text-align: center;
	margin: 0px 16px 0px 16px;
}

section.value-to-business .item .image-container
{
	height: 120px;
}


section.value-to-business h3
{
	color: #E25353;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	font-family: Open Sans, sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}

section.value-to-business p
{
	color: #757575;
	font-size: 14px;
	text-align: center;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	line-height: 1.4;
}

@media only screen and (max-width: 960px) 
{
	section.value-to-business .item
	{
		display: block;
		width: auto;
		max-width: 450px;
		text-align: center;
		margin: 0px auto 20px auto;
	}
	
	section.value-to-business .item:last-of-type
	{
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 750px) 
{
	
	section.value-to-business
	{
		padding-bottom: 50px;
	}
	
	section.value-to-business h2
	{
		font-size: 30px;
		margin-bottom: 35px;
	}
	
	section.value-to-business .item
	{
		display: block;
		width: auto;
		max-width: 350px;
		text-align: center;
		margin: 0px auto 0px auto;
	}
}


/********************************************************************************************
											VALUE TO CUSTOMERS
********************************************************************************************/

section.value-to-customers
{
	background-color: #E25353;
}

section.value-to-customers .content-container
{
	padding-top: 60px;
	padding-bottom: 140px;
}

section.value-to-customers h2
{
	color: #FFFFFF;
	font-size: 38px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: 700;
	text-align: center;
	margin-bottom: 70px;
}

section.value-to-customers .item-container
{
	text-align: center;
}

section.value-to-customers .item
{
	width: 225px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0px 20px 0px 20px;
}

section.value-to-customers .item img
{
	width: 190px;
}

section.value-to-customers h3
{
	color: #FFFFFF;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	font-family: Open Sans, sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 60px 0px 5px 0px;
}

section.value-to-customers p
{
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	line-height: 1.2;
}

@media only screen and (max-width: 900px) 
{
	section.value-to-customers .item img
	{
		width: 230px;
	}
	
	section.value-to-customers .item
	{
		display: block;
		width: auto;
		max-width: 450px;
		margin: 0px auto 40px auto;
	}
	
	section.value-to-customers .item:last-of-type
	{
		margin-bottom: 0px;
	}
	
	section.value-to-customers h3
	{
		margin: 15px 0px 10px 0px;
	}
}

@media only screen and (max-width: 750px) 
{
	section.value-to-customers .content-container
	{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	section.value-to-customers h2
	{
		font-size: 30px;
		margin-bottom: 40px;
	}
	
	section.value-to-customers .item
	{
		margin: 0px auto 40px auto;
		display: block;
		width: auto;
		max-width: 280px;
	}
	
	section.value-to-customers .item:last-of-type
	{
		margin-bottom: 0px;
	}
}

/********************************************************************************************
											WINSITE DEMO
********************************************************************************************/

section.winsite-demo
{
	background-color: #F4F4F4;
	font-family: Open Sans, sans-serif;
}

section.winsite-demo .content-container
{
	position: relative;
}


section.winsite-demo .text-container
{
	padding: 60px 0px 130px 0px;
	margin-left: 543px;
}

section.winsite-demo h2
{
	font-family: Open Sans, sans-serif;
	font-size: 40px;
    font-weight: 300;
	margin-bottom: 10px;
	line-height: 1.1;
}

section.winsite-demo h2 .bold
{
	font-size: 40px;
	font-weight: 400;
	font-style: italic;
}

section.winsite-demo h2 .small
{
	font-size: 23px;
	letter-spacing: -1px;
	color: #E25353;
	font-weight: 400;
}

section.winsite-demo .external_demo
{
	font-size: 12px;
	font-weight: 400;
}

section.winsite-demo .external_demo a
{
	text-decoration: underline;
	color: #272727;
}

section.winsite-demo ol
{
	margin: 30px 0px 50px 0px;
}

section.winsite-demo li
{
	font-size: 21px;
	font-weight: 300;
	margin-bottom: 25px;
	line-height: 1.1;
}

section.winsite-demo .demo-container
{
	position: absolute;
	top: -123px;
	left: 117px;
}

section.winsite-demo .demo-container iframe
{
	position: absolute;
	top: 121px;
	left: 69px;
	z-index: 10;
	width: 280px;
	height: 498px;
}

section.winsite-demo .rounded-button
{
	padding-left: 45px;
	padding-right: 45px;
}

@media only screen and (max-width: 1000px) {
	
	section.winsite-demo .demo-container
	{
		position: relative;
		box-sizing: border-box;
		width: 50%;
		float: left;
		top: auto;
		left: auto;
	}
	
	section.winsite-demo .demo-container img
	{
		position: absolute;
		right: 0px;
		top: -123px;
	}
	
	section.winsite-demo .demo-container iframe
	{
		top: -2px;
		right: 68px;
		left: auto;
	}
	
	section.winsite-demo .text-container
	{
		margin: 0;
		box-sizing: border-box;
		width: 50%;
		float: right;
	}
	
}

@media only screen and (max-width: 850px) {
	section.winsite-demo h2 span.normal
	{
		display: block;
	}
	
	section.winsite-demo .demo-container
	{
		width: 55%;
	}
	
	section.winsite-demo .text-container
	{
		width: 45%;
	}
}
	
@media only screen and (max-width: 750px) 
{
	section.winsite-demo .text-container
	{
		padding: 40px 0px 60px 0px;
		margin-left: 0px;
		text-align: center;
		width: auto;
		float: none;
	}
	
	section.winsite-demo .demo-container
	{
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		padding-top: 15px;
		float: none;
		width: auto;
	}
	
	section.winsite-demo .demo-container iframe
	{
		position: relative;
		top: 0;
		left: 0;
		max-width: 378px;
		width: 100%;
		height: 671px;
		border: 1px solid #999999;
	}
	
	section.winsite-demo .demo-container img
	{
		display: none;
	}
	
	section.winsite-demo h2
	{
		font-size: 30px;
	}

	section.winsite-demo h2 .bold
	{
		font-size: 30px;
	}

	section.winsite-demo h2 .small
	{
		font-size: 20px;
	}
	
	section.winsite-demo h2 span.normal
	{
		display: inline;
	}
	
	section.winsite-demo ol
	{
		text-align: left;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	section.winsite-demo li
	{
		margin-bottom: 15px;
	}
}

/********************************************************************************************
											ADMIN DEMO
********************************************************************************************/

section.admin-demo .content-container
{
	padding-top: 120px;
	padding-bottom: 50px;
	font-family: Open Sans, sans-serif;
}

section.admin-demo h2
{
    font-size: 40px;
    font-weight: 300;
	text-align:center;
	margin-bottom: 10px;
}

section.admin-demo p
{
	padding:0px 0px 15px 0px;
	font-size: 12px;
	font-weight: 400;
	text-align:center;
	line-height: 1.3;
}

section.admin-demo .admin_demo_container
{
	position: relative;
}

section.admin-demo .admin_demo_container iframe
{
	background:white;
	position:absolute;
	width:878px;
	height:494px;
	left:41px;
	top:41px;
	border:0px solid transparent;
}

section.admin-demo .button-container
{
	display: none;
}

@media only screen and (max-width: 980px) 
{
	section.admin-demo .admin_demo_container
	{
		display: none;
	}
	
	section.admin-demo .button-container
	{
		padding-top: 15px;
		text-align: center;
		display: block;
	}
}

@media only screen and (max-width: 750px) 
{
	section.admin-demo h2
	{
		font-size: 30px;
	}
		
	section.admin-demo .content-container
	{
		padding-top: 50px;
	}
}

/********************************************************************************************
											CASE STUDY
********************************************************************************************/

section.case-study .content-container
{
	color: #757575;
	font-size: 14px;
	text-align: left;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	padding-top: 20px;
	padding-bottom: 20px;
}

section.case-study .section
{
	margin:40px auto 40px auto;
	width: 760px;
}

section.case-study img
{
	width: 100%;
}

section.case-study h2
{
	color: #595959;
	font-size: 38px;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	margin-bottom:20px;
}

section.case-study h3
{
	color: #E25353;
	font-size: 25px;
	line-height: 23px;
	text-transform: uppercase;
	text-align: left;
	font-family: Open Sans, sans-serif;
	font-weight: 700;
	margin:0px 0px 10px 0px;
}

section.case-study p
{
	color: #757575;
	font-size: 14px;
	text-align: left;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	line-height:1.8;
}

section.case-study ul 
{
	margin: 0px 0px 0px 30px;
}

section.case-study ul.dashed 
{
	list-style-type: none;
}

section.case-study ul.dashed > li 
{
	text-indent: -15px;
	margin:7px 0px 7px 0px;
}

section.case-study ul.dashed > li:before 
{
	content: "-";
	margin-right:10px;
}

@media only screen and (max-width: 820px) 
{
	section.case-study h2
	{
		font-size: 30px;
	}
	
	section.case-study h3
	{
		text-align: center;
	}
	
	section.case-study .section
	{
		width: auto;
	}
}

/********************************************************************************************
										TARGET MARKETS
********************************************************************************************/

section.target-markets
{
	background-color: #F4F4F4;
	padding: 70px 0px 55px 0px;
}

section.target-markets h2
{
	font-size: 50px;
	text-align: center;
	font-family: Open Sans, sans-serif;
	font-weight: 300;
	margin-bottom: 20px;
}

section.target-markets p
{
	font-size: 16px;
	text-align: center;
	line-height: 19px;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	margin-bottom: 60px;
}

section.target-markets p strong
{
	font-weight: 700;
}

section.target-markets .row
{
	text-align: center;
}

section.target-markets .item
{
	/*display: inline-block;*/
	/*vertical-align: middle;*/
	position: relative;
	float:left;
	padding: 0px 7px 0px 7px;
	width: 50%;
	box-sizing: border-box;
}

section.target-markets .item.left
{
	text-align: right;
	
}

section.target-markets .item.right
{
	text-align: left;
}

section.target-markets .image-container
{
	width: 166px;
	height: 110px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

section.target-markets .image-container img
{
	position: relative;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	top: 50%;
}

section.target-markets .tag
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

section.target-markets .tag .box
{
	color: #FFFFFF;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	font-size: 14px;
	border-radius: 3px;
	position: relative;
	padding: 10px 25px 10px 25px;
	z-index: 10;
	display: inline-block;
}


section.target-markets .tag .pointer
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	width: 21px;
	height: 20px;
	border-radius: 3px;
	z-index: 9;
}

section.target-markets .tag.right .pointer
{
	right: -3px;
}

section.target-markets .tag.left .pointer
{
	left: -3px;
}

/*
section.target-markets .row
{
	text-align: center;
	position: relative;
}

section.target-markets .item
{
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 0px 7px 0px 7px;
}

section.target-markets .image-container
{
	width: 166px;
	height: 110px;
	text-align: center;
}

section.target-markets .image-container img
{
	position: relative;
	transform: translateY(-50%);
	top: 50%;
}

section.target-markets .tag
{
	position: absolute;
	width: 145px;
	transform: translateY(-50%);
	top: 50%;
}

section.target-markets .tag.right
{
	left: -160px;
	text-align: right;
}

section.target-markets .tag.left
{
	right: -160px;
	text-align: left;
}

section.target-markets .tag .box
{
	color: #FFFFFF;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	font-size: 14px;
	border-radius: 3px;
	position: relative;
	padding: 10px 25px 10px 25px;
	z-index: 10;
	display: inline-block;
}

section.target-markets .tag.right .box
{
	right: 2px;
}

section.target-markets .tag.left .box
{
	left: 2px;
}

section.target-markets .tag .pointer
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 21px;
	height: 20px;
	border-radius: 3px;
	z-index: 9;
}

section.target-markets .tag.right .pointer
{
	right: 0px;
}

section.target-markets .tag.left .pointer
{
	left: 0px;
}
*/

section.target-markets .tag.green .box
{
	background-color: #00A99D;
}

section.target-markets .tag.green .pointer
{
	background-color: #00A99D;
}

section.target-markets .tag.orange .box
{
	background-color: #F7931E;
}

section.target-markets .tag.orange .pointer
{
	background-color: #F7931E;
}

section.target-markets .tag.red .box
{
	background-color: #F15A24;
}

section.target-markets .tag.red .pointer
{
	background-color: #F15A24;
}

section.target-markets .tag.blue .box
{
	background-color: #4787FF;
}

section.target-markets .tag.blue .pointer
{
	background-color: #4787FF;
}

@media only screen and (max-width: 750px) 
{
	section.target-markets .item
	{
		float: none;
		width: auto;
		padding: 0;
	}
	
	section.target-markets .item.left
	{
		text-align: center;
	}
	
	section.target-markets .item.right
	{
		text-align: center;
	}
}

/********************************************************************************************
											CONTACT US
********************************************************************************************/

section.contact-us .content-container
{
	position: relative;
}

.start-today-button-container
{
	position: absolute;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	left: 50%;
	top: -22px;
}

.start-today-button-container .button
{
	z-index: 20;
	display: inline-block;
	border-width: 2px;
	border-style: solid;
	border-color: #E25353;
	background-color: #E25353;
	border-radius: 30px;
	padding-bottom: 12px;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	font-family: Open Sans, sans-serif;
	font-weight: 700;
	padding: 12px 50px 12px 50px;
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
}

.start-today-button-container .button:hover
{
	color: #E25353;
	background-color: #ffffff;
}

.start-today-button-container .pointer
{
	z-index: 19;
	width: 34px;
	height: 34px;
	background-color: #E25353;
	border-radius: 7px;
	transform: translateX(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) rotate(45deg);
	left: 50%;
	position: absolute;
	bottom: -13px;
}

section.contact-us
{
	background-color: #4787FF;
	color: #FFFFFF;
}

section.contact-us .logo-container
{
	margin: 306px 0px 0px 107px;
	width: 280px;
	float: left;
	text-align: center;
}

section.contact-us .logo-container p
{
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 14px;
}

section.contact-us a
{
	color: #FFFFFF;
}

section.contact-us .form-container
{
	float: right;
	width: 500px;
	padding: 150px 20px 110px 0px;
}

section.contact-us .heading-container
{
	float: right;
	width: 342px;
}

section.contact-us h2
{
	color: #FFFFFF;
	font-size: 60px;
	line-height: 1.1;
	font-family: 'Montserrat';
	font-weight: 700;
}

section.contact-us .enquiries
{
	margin: 0px 0px 30px 0px;
}

section.contact-us .enquiries a
{
	color: #FFFFFF;
	font-family: 'Montserrat';
	font-size: 14px;
	line-height: 17px;
}

section.contact-us form
{
	float: right;
}

section.contact-us form .row
{
	margin: 0px 0px 20px 0px;
}

section.contact-us .row label
{
	width: 100px;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 19px;
	font-family: Open Sans, sans-serif;
	font-weight: 300;
	text-align: right;
	display: block;
	float: left;
	margin: 6px 10px 0px 0px;
}

section.contact-us input[type="text"]
{
	width: 328px;
	min-height: 19px;
	color: #4F4F4F;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	padding: 6px;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #F2F2F2;
	border-radius: 2px;
}

section.contact-us textarea
{
	width: 328px;
	min-height: 68px;
	color: #4F4F4F;
	font-family: Open Sans, sans-serif;
	font-weight: 400;
	padding: 6px;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #F2F2F2;
	border-radius: 2px;
}

section.contact-us input[type="text"]::-webkit-input-placeholder,
section.contact-us textarea::-webkit-input-placeholder
{ 
	/* Chrome/Opera/Safari */
	color: #C4C4C4;
	font-style: italic;
}

section.contact-us input[type="text"]::-moz-placeholder,
section.contact-us textarea::-moz-placeholder
{
	/* Firefox 19+ */
	color: #C4C4C4;
	font-style: italic;
}

section.contact-us input[type="text"]:-ms-input-placeholder ,
section.contact-us textarea:-ms-input-placeholder
{
	/* IE 10+ */
	color: #C4C4C4;
	font-style: italic;
}

section.contact-us input[type="text"]:-moz-placeholder,
section.contact-us textarea:-moz-placeholder
{
	/* Firefox 18- */
	color: #C4C4C4;
	font-style: italic;
}

section.contact-us input[type="text"]:hover
{
	border-color: #3776CE;
}

section.contact-us textarea:hover
{
	border-color: #3776CE;
}

section.contact-us input[type="text"]:hover::-webkit-input-placeholder /* Chrome/Opera/Safari */
{ 
	color: #4F4F4F;
	sfont-style: normal;
}

section.contact-us input[type="text"]:hover::-moz-placeholder /* Firefox 19+ */
{ 
	color: #4F4F4F;
	font-style: normal;
}

section.contact-us input[type="text"]:hover:-moz-placeholder /* Firefox 18- */
{ 
	color: #4F4F4F;
	font-style: normal;
}

section.contact-us input[type="text"]:hover:-ms-input-placeholder  /* IE 10+ */
{
	color: #4F4F4F;
	font-style: normal;
}

section.contact-us textarea:hover::-webkit-input-placeholder /* Chrome/Opera/Safari */
{ 
	color: #4F4F4F;
	sfont-style: normal;
}

section.contact-us textarea:hover::-moz-placeholder /* Firefox 19+ */
{ 
	color: #4F4F4F;
	font-style: normal;
}

section.contact-us textarea:hover:-moz-placeholder /* Firefox 18- */
{ 
	color: #4F4F4F;
	font-style: normal;
}

section.contact-us textarea:hover:-ms-input-placeholder  /* IE 10+ */
{
	color: #4F4F4F;
	font-style: normal;
}

section.contact-us input[type="text"]:focus::-webkit-input-placeholder { color:transparent; }
section.contact-us input[type="text"]:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
section.contact-us input[type="text"]:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
section.contact-us input[type="text"]:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

section.contact-us textarea:focus::-webkit-input-placeholder { color:transparent; }
section.contact-us textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
section.contact-us textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
section.contact-us textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

section.contact-us input.error,
section.contact-us input.error:hover
{
	color: #D7244C;
	border-color: #D7244C;
}

section.contact-us input[type="text"].error::-webkit-input-placeholder { color: #D7244C; } /* Chrome/Opera/Safari */

section.contact-us input[type="text"].error::-moz-placeholder { color: #D7244C; } /* Firefox 19+ */

section.contact-us input[type="text"].error:-moz-placeholder { color: #D7244C; } /* Firefox 18- */

section.contact-us input[type="text"].error:-ms-input-placeholder { color: #D7244C; } /* IE 10+ */ 

section.contact-us .submit-container
{
	width: 342px;
	float: right;
}

section.contact-us .submit-message
{
	float: left;
	width: 200px;
	text-align: left;
	padding-top: 10px;
}

section.contact-us .submit-message p
{
	color: #d6d6d6;
	font-size: 14px;
	line-height: 1;
	font-family: 'Montserrat';
	font-weight: 400;
	display: none;
}

section.contact-us .submit-message p.success
{
	color: #ffffff;
}

section.contact-us .submit-message p.error
{
	color: #ffd4de;
}

section.contact-us .submit-button
{
	min-height: 39px;
	width: 131px;
	background: url("../images/u780-17.png") no-repeat 0px 0px;
	cursor: pointer;
	border-width: 0;
}

section.contact-us .submit-button:hover
{
	background-position: 0px -39px;
}

section.contact-us .submit-container
{
	text-align: right;
}

section.contact-us .separator
{
	display: none;
	height: 1px;
	background-color: #3565BF;
}

section.contact-us .footer-container
{
	display: none;
}

@media only screen and (max-width: 980px)
{
	section.contact-us .logo-container
	{
		margin-left: 60px;
	}
}

@media only screen and (max-width: 920px)
{
	section.contact-us h2
	{
		font-size: 50px;
	}
	
	section.contact-us .logo-container
	{
		float: none;
		bottom: 0px;
		margin: 40px auto 40px auto;
	}
	
	section.contact-us .form-container
	{
		float: none;
		padding: 50px 0px 20px 0px;
		margin: 0px auto 0px auto;
		width: 422px;
	}

	section.contact-us .separator
	{
		display: block;
	}

	section.contact-us .footer-container
	{
		display: block;
	}
	
	section.contact-us .row label
	{
		font-size: 15px;
		width: 70px;
	}
	
	section.contact-us .heading-container
	{
		float: none;
		width: auto;
		text-align: center;
		position: relative;
		left: 35px;
	}
}

@media only screen and (max-width: 600px) 
{
	section.contact-us .enquiries
	{
		margin-bottom: 20px;
	}
	
	section.contact-us .form-container
	{
		width: auto;
		max-width: 380px;
	}
	
	section.contact-us .heading-container
	{
		left: 0px;
	}
	
	section.contact-us .row label
	{
		float: none;
		width: auto;
		margin: 0px 0px 5px 0px;
		text-align: left;
	}
	
	section.contact-us input[type="text"]
	{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	section.contact-us textarea
	{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	section.contact-us form
	{
		float: none;
	}
}

/********************************************************************************************
											reCAPTCHA
********************************************************************************************/

.g-recaptcha 
{
	float: right;
}