/* ------ FONT IMPORTS ------ */
@import url(https://fonts.googleapis.com/css?family=Lato:200,300,400,500,600,700,900);
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,500,600,700,900); */

/* ------ GLOBAL PAGE STYLES (tags) ------ */
html{color: #222;}
body{margin: 0; padding: 0;font-family: 'Lato', serif; font-weight: 300; font-size: 20px; color: #222;}
p { padding: 0px; line-height: 1.5; font-family: 'Lato', sans-serif; text-align: justify; font-weight: 300;}
img{border-width: 0px; max-width: 100%;}
h1{color: #333; font-size: 40px; margin: 20px 0px; font-family: 'Lato', sans-serif; font-weight: normal; line-height:normal;}
h2{color: #333; font-size: 30px; margin: 10px 0px; font-family: 'Lato', sans-serif; font-weight: normal; line-height:normal;}
h3{color: #333; font-size: 30px; margin: 10px 0px; font-family: 'Lato', sans-serif; font-weight: normal; line-height:normal;}
h4{color: #333; font-size: 20px; font-weight: bold; font-family: 'Lato', sans-serif; margin: 0 0 10px 0; line-height:normal; margin-top: 25px}
h5{color: #333; font-size: 16px; font-weight: bold; font-family: 'Lato', sans-serif; margin: 0 0 10px 0; line-height:normal;}
a, a img{
	color: inherit;
	text-decoration: none;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
}
a:hover {color: #78b642;}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
ul{line-height: 150%;}


/* ------ SITE COLOURS ------ */
.blue{color: #4279bd}
.green{color: #78b642}
.lgrey {color: #eee !important; }
.lgreybg {background-color: #eee !important; }
.f0f0f0bg {background-color: #f0f0f0 !important; }
.dgrey{color: #231f20 !important;}
.dgreybg{background-color: #231f20 !important;}
.white{color: #fff !important;}
.whitebg{background-color: #fff !important;}

.red{color: #78b642 !important; }
.redbg{background-color: #78b642 !important; }
.redFocus:focus {border-color: #78b642 !important; }

.underlineHover:hover {text-decoration: underline !important;}

.hidden {
	display: none !important;
}


/* ------ GLOBAL PAGE STYLES (classes) ------ */
#outer {	width: 100%; height: 100%; margin: 0; padding: 0; border: 0px; overflow: hidden;}
#content {width: 100%;overflow: hidden;}
.container {
	width: 94%;
	max-width: 1300px;
	margin: 0px auto;
	overflow: hidden;
	height: auto;
	background-color: transparent;
}
.container.wide { max-width: 94%; }
.container.overflowVisible { overflow: visible; }
.newSection { margin-bottom: 30px; padding: 20px 0;}
.newSection:last-of-type{margin-bottom: 0;}
.hideme { display: none; }
.showme_md { display: none; }
.showme_xs { display: none; }
.linkPath {
	text-align: right;
	margin-bottom: 15px;
	color: #777;
	font-size: 16px;
}
.linkPath a {font-weight: 700;}

ul.feature li.sub {
	margin-left: 3em;
	font-size: 0.85em;
}

ul.feature li.sub::before {
	margin: 0;
	padding: 0;
	color: unset;
	content: '';
}

ul.tick{
	list-style: none;
	padding: 0;
}

ul.tick li {
	padding-left: 3.5em;
	text-indent: -2.4em;
	margin-bottom: 0.5em;

}

ul.tick li:before {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline-block;
	margin-left: 1em;
	font-size: 1.6em;
	margin-right: 0.5em;
}



/* ------ FORMS/INPUTS/MESSAGES ------ */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"] {
	font-size: 14px; font-family: 'Lato', serif; color: #000; border: 1px solid #ccc; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {
	border-color: #ccc !important;
}
select{font-size: 14px; font-family: 'Lato', serif; color: #000; border: 1px solid #ccc; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
select:focus{border-color: #fff;}
textarea{font-size: 14px; font-family: 'Lato', serif; color: #000; border: 1px solid #ccc; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none;}
.error{background-color: #FFC4C4 !important; border: 1px solid #F00 !important;}
.success{background-color: #BAFFC2 !important;border: 1px solid #33B141 !important;}
.isRequired {background-color: #FFC4C4 !important; border: 1px solid #F00 !important;}
#tokenbox{margin: 8px 0px; padding: 5px 10px 5px 5px; background-color: #f0f0f0; border-radius: 3px; text-align: right; font-weight: 400; font-size: inherit;}
#tokenbox .spacer { display: none; }
#formMessage { width: 100%; padding: 7px 5px; text-align: center; display: none; color: #000; font-size: 16px; font-weight: 400; margin: 10px 0px;}
#formMessage .msg {font-weight: 400;text-align: center;padding: 7px 0px;}


/* ------ BUTTONS ------ */
.button {
	font-size: 13px;
	background-color: #4279bd;
	padding: 15px 35px;
	border: 0;
	display: inline-block;
	text-align: center;
	font-family: 'Lato';
	font-weight: 400;
	color: #fff;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 3px;
}
.button:hover { background-color: #37638f; color: #fff;}
.button.grey {background-color: #231f20;}
.button.grey:hover {background-color: #444;}

/* ------ FLEX ----- */
.d-flex {
	display: flex !important;
}

/* ------ GRIDS ----- */
.row {
	vertical-align: top;
	height: auto;
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
	position: relative;
	padding: 25px 0px;
}
.row > div {
	float: left;
	background-color: transparent;
	display: inline-block;
	padding: 0px 10px;
	vertical-align: top;
	min-height: 1px;
}
.row.no-pad{padding: 0}

.row .grid100 { width: 100%; }
.row .grid90 {width: 90%;}
.row .grid80 {width: 80%;}
.row .grid75 {width: 75%;}
.row .grid70 {width: 70%;}
.row .grid66 {width: 66.66%;}
.row .grid65 {width: 65%;}
.row .grid60 {width: 60%;}
.row .grid50 {width: 50%;}
.row .grid40 {width: 40%;}
.row .grid33 {width: 33.33%;}
.row .grid30 {width: 30%;}
.row .grid25 {width: 25%;}
.row .grid20 {width: 20%;}
.row .grid15 {width: 15%;}
.row .grid10 {width: 10%;}


.dockRight {
	position: absolute;
	top: 0;
	right: 10%;
	bottom: 0;
	float: unset;
}

/* ----- ALIGNMENT CLASSES ----- */
.alignLeft { text-align: left !important; }
.alignCenter{ text-align: center !important; }
.alignRight{ text-align: right !important; }
.floatLeft{ float: left !important; }
.floatRight{ float: right !important; }
.floatNone{ float: none !important; }
.tablerow { display: table-row;}


/* ----- MARGIN CLASSES ----- */
.margin0 { margin: 0px; }
.marginLeft5 {margin-left: 5px !important ;}
.marginLeft10 {margin-left: 10px !important ;}
.marginLeft15 {margin-left: 15px !important ;}
.marginLeft20 {margin-left: 20px !important ;}
.marginLeft25 {margin-left: 25px !important ;}
.marginLeft30 {margin-left: 30px !important ;}
.marginRight5 {margin-right: 5px !important ;}
.marginRight10 {margin-right: 10px !important ;}
.marginRight15 {margin-right: 15px !important ;}
.marginRight20 {margin-right: 20px !important ;}
.marginRight25 {margin-right: 25px !important ;}
.marginRight30 {margin-right: 30px !important ;}
.marginTop5 {margin-top: 5px !important ;}
.marginTop10 {margin-top: 10px !important ;}
.marginTop15 {margin-top: 15px !important ;}
.marginTop20 {margin-top: 20px !important ;}
.marginTop25 {margin-top: 25px !important ;}
.marginTop30 {margin-top: 30px !important ;}
.marginTop35 {margin-top: 35px !important ;}
.marginBottom5 {margin-bottom: 5px !important ;}
.marginBottom10 {margin-bottom: 10px !important ;}
.marginBottom15 {margin-bottom: 15px !important ;}
.marginBottom20 {margin-bottom: 20px !important ;}
.marginBottom25 {margin-bottom: 25px !important ;}
.marginBottom30 {margin-bottom: 30px !important ;}


/* ----- PADDING CLASSES ----- */
.p0 {padding: 0px !important;}
.p1 {padding: 10px !important;}
.p2 {padding: 20px !important;}
.p3 {padding: 30px !important;}
.p4 {padding: 50px !important;}
.p5 {padding: 70px !important;}
.p6 {padding: 100px !important;}

.pl0 {padding-left: 0px !important;}
.pl1 {padding-left: 10px !important;}
.pl2 {padding-left: 20px !important;}
.pl3 {padding-left: 30px !important;}
.pl4 {padding-left: 50px !important;}
.pl5 {padding-left: 70px !important;}
.pl6 {padding-left: 100px !important;}
.pr0 {padding-right: 0px !important;}
.pr1 {padding-right: 10px !important;}
.pr2 {padding-right: 20px !important;}
.pr3 {padding-right: 40px !important;}
.pr4 {padding-right: 50px !important;}
.pr5 {padding-right: 70px !important;}
.pr6 {padding-right: 100px !important;}
.pt0 {padding-top: 0px !important;}
.pt1 {padding-top: 10px !important;}
.pt2 {padding-top: 20px !important;}
.pt3 {padding-top: 30px !important;}
.pt4 {padding-top: 50px !important;}
.pt5 {padding-top: 70px !important;}
.pt6 {padding-top: 100px !important;}
.pb0 {padding-bottom: 0px !important;}
.pb1 {padding-bottom: 10px !important;}
.pb2 {padding-bottom: 20px !important;}
.pb3 {padding-bottom: 30px !important;}
.pb4 {padding-bottom: 50px !important;}
.pb5 {padding-bottom: 70px !important;}
.pb6 {padding-bottom: 100px !important;}


/* ----- FONT SIZE CLASSES ----- */
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}
.fs36{font-size:36px;}
.fs38{font-size:38px;}
.fs40{font-size:40px;}
.fs50{font-size:50px;}
.fs60{font-size:60px;}


/* ----- FONT WEIGHT CLASSES ----- */
.fw200 { font-weight: 200 !important;}
.fw400 { font-weight: 400 !important;}
.fw500 { font-weight: 500 !important;}
.fw600 { font-weight: 600 !important;}
.fw700 { font-weight: 700 !important;}
.fw900 { font-weight: 900 !important;}


/* ----- TEXT CLASSES ----- */
.sectionHeader {
	text-align: center;
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 600;
}
.subHeading {
	margin: 0px 0px 15px;
	font-size: 25px;
	font-weight: 400;
}


.pageHeader {
	font-size: 40px;
    color: #78b642;
    padding: 40px 0px;
    line-height: 1;
    font-weight: 600;
    border-top: 1px solid #eaeaea;
    background-color: #f0f0f0;
}
.pageHeader h1 {
	font-size: 40px;
	margin: 0px;
	font-weight: 600;
	color: inherit;
}
.pageHeader h3 { margin: 0px; font-weight: 300; margin-top: 10px;}


/* ----- LIST CLASSES ----- */
.cleanList {padding: 0px; padding-left: 20px;}
.cleanList li {line-height: 1.35; font-family: 'Lato', sans-serif; text-align: justify; color: #231f20; font-weight: 200; font-size: 20px;}
.cleanList.numbered li { list-style-type: number; }
.cleanList.noBullets li { list-style-type: none; }
.cleanList.noBullets li .fa { margin-right: 10px; }


/* ----- FULL WIDTHBAND CLASSES ----- */
.band { width: 100%; background-size: cover; }
.band.large { padding: 30px 5% 60px 5%; }
.band.large h1 { color: #fff; font-size: 60px; margin: 0px 0px 30px; font-weight: 400;}
.band.large .button { padding: 20px 120px; }


/* ------ UI DIALOG CLEAN UP ------ */
.ui-dialog {border-color: #78b642; border-radius: 0px; width: 100% !important; max-width: 100%;}
.ui-dialog.video{border: 0px;background: none;}
.ui-dialog.video .ui-dialog-content {overflow: hidden;}
.ui-dialog .ui-dialog-titlebar {font-size: 23px;font-weight: 400;font-family: 'Futura';text-align: center;background: transparent none repeat scroll 0% 0%;border: 0px none; margin: 0px; padding: 0px; z-index: 2;}
.ui-dialog .ui-dialog-title { white-space: normal;width: 100%; display: none;}
.ui-dialog .ui-dialog-titlebar button {position: absolute;top: -9px;right: -19px;width: 30px;height: 30px;border-radius: 50%;background: none;background-color: #231f20;border: 0px; display: none;}
.ui-dialog .ui-dialog-titlebar button * {color: #fff; }
.ui-widget-overlay { background: rgba(0,0,0,0.7); opacity: 1; filter: none; }

/* SLICK CLEAN UP */
.slick-prev,.slick-next { height: auto; width: auto; }
.slick-prev { left: -45px; }
.slick-next { right: -35px; }
.slick-prev::before {
	content: "\f053";
	font-family: FontAwesome;
	font-size: 40px;
	color: #ccc;
}
.slick-next::before {
	content: "\f054";
	font-family: FontAwesome;
	font-size: 40px;
	color: #ccc;
}


/* ------ TOPBAR ------ */
#topbar {
	width: 100%;
	height: 40px;
	background-color: #78b642;
	position: relative;
	z-index: 3;
	overflow: hidden;
}
#topbar .clientLinks a {
	color: #fff;
	margin-left: 10px;
	display: inline-block;
	font-size: 16px;
	line-height: 18px;
	margin-top: 11px;
	font-weight: 600;
	font-family: 'Lato';
}
#topbar .clientLinks a:hover {border-bottom: 1px solid #fff;}
#topbar .clientLinks a .fa {margin-right: 5px;}
#topbar .clientLinks.floatLeft a { margin-left: 0px; }


/* ------ NAVBAR ------ */
#navbar, #navbar-sticky {
	width: 100%;
	height: 125px;
	text-align: right;
	padding: 15px 0px;
	position: relative;
	display: block;
	z-index: 5;
	top: 0px;
}
#navbar .container {
	position: relative;
}

#navbar-sticky .container{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
}
#navbar .container, #navbar-sticky .container { background-color: transparent !important; overflow: visible;}
#navbar .logo, #navbar-sticky .logo {
    float: left;
    width: auto;
    vertical-align: top;
    text-align: center;
    overflow: visible;
	z-index: 2;
	padding: 0px;
	display: inline-block;
	width: 100%;
	max-width: 450px;
	margin-bottom: 0px;
	position: relative;
}
#navbar .logo img, #navbar-sticky .logo img{width: 100%; z-index: 2; position: relative;}
#navbar .phone {
	display: block;
	position: absolute;
	top: -5px;
	right: 0px;
	font-size: 26px;
	vertical-align: top;
	font-weight: 400;
	z-index: 2;
	cursor: pointer;
}
#navbar .phone .fa { margin-right: 6px; }
#navbar-sticky .phone { display: none; }
#navbar .phone span, #navbar-sticky .phone span{font-size: 18px; color: #333; margin-right: 5px;}


/* ------ NAVMENU ------ */
#navMenu {
	display: inline-block;
	text-align: right;
	position: relative;
	z-index: 2;
}
#navMenu ul {
	margin: 0px;
	padding: 0px;
	width: auto;
	display: block;
	margin-top: 25px;
}
#navMenu li {
	display: inline-block;
	line-height: 1;
	position: relative;
}
#navMenu li a {
	display: block;
	padding: 11px 25px;
	font-family: 'Lato';
	font-size: 18px;
	font-weight: 600;
	color: #111;
}
#navMenu li a.parentItem:after{
	content: '\f0d7';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin:0px 0px 0px 10px;
	text-decoration:none;
}
#navMenu li a.freeDemoButton {
	background-color: #78b642;
	border-radius: 3px;
	color: #fff !important;
	margin-left: 25px;
	display: none;
}
#navMenu li a.freeDemoButton:hover {
	background-color: #8e1e1e;
}
#navMenu li a:hover, #navMenu li a.selected, #navMenu li:hover > a{ color: #78b642; }
#navMenu li > div {
	position: absolute;
	z-index: 2;
	left: 25px;
	top: 40px;
	background-color: transparent;
	padding: 0px;
	text-align: center;
	border: 1px solid #ddd;
	display: none;
}
#navMenu li > div a {
	width: 100%;
	padding: 13px 45px 13px 10px;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	white-space: nowrap;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
}
#navMenu li > div a:hover { color: inherit; background-color: #eee;}
#navMenu li:hover > div { display: block; }


/* ------ RESPONSIVE MENU ICON ------ */
#responsiveMenu_icon {
	height: 40px;
	width: 100%;
	max-width: 200px;
	border: 1px solid #78b642;
	margin: 20px auto 0px;
	border-radius: 2px;
	background-color: #78b642;
	cursor: pointer;
	display: none;
	text-align: center;
	font-weight: 400;
}
#responsiveMenu_icon div {width: 50px; display: inline-block; }
#responsiveMenu_icon div > div {
	margin: 8px auto 0px;
	display: block;
	background-color: #fff;
	height: 2px;
	border-radius: 5px;
	width: 50%;
}
#responsiveMenu_icon:hover div > div { background-color: #687d93; }
#responsiveMenu_icon h1 {
	margin: 8px auto 0px;
	padding: 0px;
	display: inline-block;
	font-size: 19px;
	vertical-align: top;
	margin-top: 5px;
	color: #fff;
	font-weight: 400;
	font-family: 'Lato';
}


/* sticky navbar */
#navbar-sticky {
	position: fixed;
	height: auto;
	top: 0px;
	background-color: rgba(255,255,255,0.93);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
	z-index: 5;
	padding: 10px 0px;
}
#navbar-sticky #responsiveMenu_icon { display: none; position: relative; z-index: 10;}
#navbar-sticky .logo { margin-bottom: 0px; max-width: 250px; }
#navbar-sticky .phone { font-size: 20px; }
#navbar-sticky #navMenu ul { margin-top: 2px; }


/* ------ FOOTER ------ */
#footer {
    width: 100%;
	z-index: 1;
	position: relative;
    color: #fff;
    text-align: left;
    padding: 35px 0px 35px;
	vertical-align: bottom;
	font-size: 16px;
	background-color: #292727;
	font-family: 'Lato';
}
#footer h3 { font-size: 18px; font-weight: 600; color: #fff;}

#footer .siteMenu {padding: 0px; margin: 0px; padding-left: 15px;}
#footer .siteMenu li {list-style-type: none; display: block;}
#footer .siteMenu li a {padding:2px 0px; font-size: 16px; font-weight: 400; display: block; line-height: 1.5;}
#footer .siteMenu li:first-child a { padding-top: 0px; }
#footer .siteMenu li a:hover {color: #98cdfe;}
#footer .siteMenu li > div { padding-left: 15px; margin-bottom: 7px;}
#footer .siteMenu li > div a { font-weight: 400; font-size: 15px; line-height: 1.2;}

#footer .footerList {padding: 0px; margin: 0px; padding-left: 15px;}
#footer .footerList li {list-style-type: none; display: block; padding: 3px 0px; }
#footer .footerList li .fa {width: 40px; text-align: left; }

#footer .footerList.tableLayout { display: table-row; }
#footer .footerList.tableLayout li {padding: 0px 0px 10px;}
#footer .footerList.tableLayout li > * { display: table-cell; }

#footer .listItems a { display: block; margin-bottom: 5px; font-weight: 400; font-size: 19px;}
#footer .listItems a span { width: 80px; display: inline-block;}
#footer .expertsystems { border-top: 1px solid rgba(255,255,255,0.1); text-align: center; padding: 30px 0px 0px; font-weight: 400; font-size: 15px;}
#footer .expertsystems a:hover {color: #98cdfe;}

#footer .socialLinks a{
	margin-right: 10px;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	margin-top: 10px;
	font-weight: 600;
}

#backtotop {
	position: fixed;
	z-index: 10;
	bottom: 20px;
	right: 20px;
	padding: 10px 10px;
	font-size: 22px;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
	color: #eee;
}


/* ----- CLEAN FORM ----- */
.standardForm {font-weight: 400; font-size: 15px;}
.standardForm input[type='text'],
.standardForm input[type="email"],
.standardForm input[type="number"],
.standardForm input[type="tel"] {font-size: 14px; font-family: 'Lato', serif; color: #000; border: 1px solid #e0e0e0; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.standardForm textarea { width: 100%; font-weight: 400; border-color: #e0e0e0; background-color: #fff;}
.standardForm .row { margin-bottom: 12px; }
.standardForm .row > div { padding-top: 2px; padding-bottom: 2px; }
.standardForm #tokenbox { background-color: #f0f0f0; font-size: 14px;}
.standardForm #tokenbox #captcha { width: 60px; }
.standardForm h3 {margin-bottom: 0px; line-height: 1;}
.standardForm .welcomeMessage {
	text-align: left;
	margin-bottom: 35px;
	margin-top: 5px;
	padding-left: 3px;
}
.standardForm .button {
	float: right;
	margin-top: 35px;
	padding: 10px 30px;
	font-size: 16px;
	border: 0px;
	cursor: pointer;
	margin-bottom: 30px;
	margin-right: 7px;
}
.standardForm input[type="file"]{
	width: 100%;
	border: 1px solid #ddd;
	padding: 7px 20px;
	background-color: #f0f0f0;
	margin-bottom: 5px;
}


/* ----- CUSTOM CLASSES ----- */

#dialog_requestSupport textarea { height: 200px; }

.backGlow {
	display: none;
	width: 70%;
	margin: 0 auto;
	height: 0px;
	position: absolute;
	bottom: 100px;
	-webkit-box-shadow: 0px 0px 180px 33px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 180px 33px rgba(0,0,0,1);
	box-shadow: 0px 0px 180px 33px rgba(0,0,0,1);
	right: 0px;
	z-index:1;
}

.banner {
	width: 100%; background-size: cover; background-position: center center; position: relative;
	display: flex;
}
.banner .positionBottom { position: absolute; bottom: 0px; }
.banner.banner_home {
	background-image: url("../images/splash-leaves.jpg");
	background-color: #fff;
	height: 1000px;
	position: relative;
}
.banner.banner_home > div {
	position: absolute;
	width: 100%;
	bottom: 20%;
}

.banner.banner_home .container {position: relative; overflow: visible;}
.banner.banner_home h1 {
	width: 100%;
	font-size: 40px;
	font-weight: 400;
	margin: auto;
	text-align: center;
}
.banner.banner_home h2 {
	width: 100%;
	font-size: 30px;
	font-weight: 600;
	margin: auto;
	text-align: center;
}
.banner.banner_home h1, .banner.banner_home h2 {
	padding: 10px 35px 10px 10px;
	display: inline-block;
	clear: both;
	float: left;
	position: relative;
}

.banner.sub {
	height: 600px;
}

.titleBanner{
	background-color: #f0f0f0;
	min-height: 150px;
	display: flex;
	align-items: center;
	text-align: center;
}


.sectionButtons {margin: 45px auto 0px;text-align: center;}
.sectionButtons .button {
	width: 100%;
	max-width: 350px;
	margin: 5px 0px;
	height: auto;
	min-height: 55px;
	line-height: 1.2;
	padding: 17px 5px;
	font-size: 17px;
	vertical-align: top;
}
.sectionButtons .button.clean {
	border: 2px solid #78b642;
	color: #78b642;
	background-color: transparent;
	line-height: 1.3;
	padding: 13px 5px;
}
.sectionButtons .button.clean:hover { color: #37638f; border-color: #37638f; }



/* ----- CONTACTS PAGE ----- */
.contactDetails {
	margin-right: 20%;
	margin-top: 10px;
	border-right: 1px solid #e0e0e0;
}
.contactDetails a {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
	margin-left: 7px;
}
.contactDetails a.noLink {cursor: default; }
.contactDetails a.noLink:hover { color: inherit; }
.contactDetails a .fa {
	width: 20px;
	margin-right: 20px;
	font-size: 18px;
	color: #37638f;
	text-align: center;
}
.contactDetails a.large {font-size: 22px; margin-bottom: 25px; }
.contactDetails a.large .fa { font-size: 22px; line-height: 27px;}
.contactDetails a span {
	display: inline-block;
	vertical-align: top;
}
.contactDetails a span > span { font-size: 17px; font-weight: 600;}
.contactDetails h4 {
	margin-top: 30px;
	font-size: 24px;
	font-weight: 400;
}
.contactDetails h5 {
	font-size: 18px;
	font-weight: 400;
	margin-top: 15px;
	margin-left: 7px;
}


.introduction {
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
	max-width: 1050px;
	line-height: 1.3;
	font-size: 35px;
	text-align: center;
	margin: 0 auto 20px;
	display: block;
}
.introduction.sub {
	font-size: 24px;
	padding-bottom: 0px;
	border-bottom: 0px;
	margin-bottom: 40px;
}


/* ----- FEATURE ICONS ----- */
.featureIcons {
	padding-bottom: 40px;
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.15);
	margin-left: -2%;
	width: 104%;
}
.featureIcons .feature { margin-bottom: 20px; }
.featureIcons .feature .fa { font-size: 77px; width: 100%; text-align: center; color: #78b642;}
.featureIcons .feature h2 {
	font-size: 20px;
	font-weight: 500;
	font-family: 'Lato';
	text-transform: uppercase;
	text-align: center;
	margin: 35px 0px 0px;
}


#features ul.feature {
	font-size: 1.2rem;

}
#features ul.feature li:before {
	color: #78b642;
}

#contact {
	
}

#contact .panel {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 60vh;
}

#contact .panel.room1 {
	background-image: url('../images/room-1.jpg');
}

#contact .panel.room2 {
	background-image: url('../images/room-2.jpg');
}

#contact .contact-wrap {
	background-color: #fafafa;
	border: 5px solid #ffffff;
	width: 90%;
	margin: auto;
	display: flex;
	align-items: center;
	padding: 20px;
	box-shadow: rgb(100 100 111 / 20%) 0px 0px 20px 10px;
	
}

#services .highlight{
	background-color: rgba(255,255,255,0.7);
	box-shadow: rgb(100 100 111 / 20%) 0px 0px 10px 10px;
}

#contactform {
	width: 100%;
}