/*** FONTS ***/
@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,700);
@font-face {
    font-family: 'nevis';
    src: url('../font/nevis/nevis.eot');
    src: url('../font/nevis/nevis.eot?#iefix') format('embedded-opentype'),
         url('../font/nevis/nevis.woff') format('woff'),
         url('../font/nevis/nevis.ttf') format('truetype'),
         url('../font/nevis/nevis.svg') format('svg'); }

/*** MISC ***/
p {
	color: #000000; }
body, p {
	font-size: 18px; }
h1,
header .call,
.home-welcome ul li span,
.slider .slick-slide p.title {
	font-family: 'nevis', sans-serif; }
button,
.button,
button:hover,
.button:hover,
button:active,
.button:active,
button:focus,
.button:focus {
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 7px;
	background-color: #0681af; }
button.pink,
.button.pink,
button.pink:hover,
.button.pink:hover,
button.pink:active,
.button.pink:active,
button.pink:focus,
.button.pink:focus {
	color: #FFF;
	background-color: #a57f80; }
button.transparent,
.button.transparent,
button.transparent:hover,
.button.transparent:hover,
button.transparent:active,
.button.transparent:active,
button.transparent:focus,
.button.transparent:focus {
	color: #a57f80;
	border:3px solid #e0e0e0;
	background-color: transparent; }
button.transparent.white,
.button.transparent.white,
button.transparent.white:hover,
.button.transparent.white:hover,
button.transparent.white:active,
.button.transparent.white:active,
button.transparent.white:focus,
.button.transparent.white:focus {
	color: #FFF;
	border: 2px solid #FFF; }
.row {
	max-width: 1170px; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
select {
	color: #FFF;
	font-size: 14px;
	font-weight: lighter;
	font-style: italic;
	border: 0px;
	background-color: #EEE; }
/* Safari, Chrome and Opera */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #FFF; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: #333; }
/* Firefox 18- */
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #FFF; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: #333; }
/* Firefox 19+ */
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #FFF; }
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: #333; }
 /* IE 10+ */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #FFF; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: #333; }
 /* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #FFF; }
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
	color: #333; }
 /* Standard one last! */
input:placeholder-shown,
textarea:placeholder-shown {
	color: #FFF; }
input:focus:placeholder-shown,
textarea:focus:placeholder-shown {
	color: #333; }
.error input,
.error textarea,
.error select {
	margin-bottom: 0px; }

/*** HEADER ***/
header {
	padding-top: 40px;
	padding-bottom: 30px;
	position: relative;
	z-index: 1;
	box-shadow: 0px 1px 15px 1px #eaeaea; }
header .call {
	padding-top: 30px;
	font-weight: 700;
	text-align: right; }
header .call span {
	color: #a57f80;
	font-size: 30px;
	text-transform: uppercase;
	display: block;
	line-height: 10px; }
header .call a {
	color: #0a0a0a;
	font-size: 36px; }


/*** NAV ***/
.menu {
	position: relative;
	padding: 30px 0px 25px;
	background: #fff; }
.menu:before {
	content: '';
	height: 15px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-image: url(../images/border.jpg);
	background-size: cover; }
nav.top-bar,
nav.top-bar .top-bar-section ul li,
nav.top-bar .top-bar-section li:not(.has-form) a:not(.button) {
	background: transparent; }
nav.top-bar .top-bar-section li:not(.has-form) a:not(.button) {
	color: #818181;
	font-size: 19px;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px 25px 0px 0px; }
nav.top-bar .top-bar-section li:not(.has-form) a.active,
nav.top-bar .top-bar-section li:not(.has-form) a:not(.button):hover {
	color: #000000; }

/*** HEAD ***/
.head {
	height: 750px;
	text-align: center;
	padding-top: 275px;
	background-image: url('../images/head-home-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; }
.head h1 {
	color: #FFF;
	font-size: 60px;
	margin-bottom: 120px;
	text-transform: uppercase; }
.head .button {
	font-size: 25px;
	padding: 25px 40px;
	width: 100%; }
.head .button:after {
	content: '\25B6';
	font-size: 30px;
	line-height: 25px;
	float: right; }
.head.sub {
	text-align: left;
	height: 300px;
	padding: 0px;
	background-image: url('../images/head-sub-bg.jpg'); }
.head.sub h1 {
	color: #FFF;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px;
	padding: 175px 0px 25px;
	border-bottom: 1px solid #FFF; }

/*** CONTENT ***/
h1 {
	color: #0681af;
	font-size: 36px;
	line-height: normal;
	margin-bottom: 50px; }
h2 {
	color: #95b250;
	font-size: 24px;
	line-height: normal; }
hr {
	border-color: #FFF; }
blockquote {
	color: #FFF;
	font-size: 36px;
	text-transform: uppercase;
	line-height: 70px;
	padding: 0px;
	border: 0px; }
blockquote:before {
	content: '\201C';}
blockquote:after {
	content: '\201D'; }
cite {
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	text-transform: uppercase; }
.home-welcome {
	text-align: center;
	padding: 120px 0px 70px 0px; }
.home-welcome h2 {
	color: #0681af;
	font-size: 48px;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #cccccc; }
.home-welcome ul {
	padding-top: 90px; }
.home-welcome ul li span {
	color: #535353;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 40px;
    display: block;
    line-height: normal; }
.home-welcome p {
	color: #535353;
	font-size: 36px; }
.slick-slider {
	margin: 0px;
	background-color: #0681af; }
.slider .slick-slide{
	padding: 90px 0px 190px 0px;
	background-color: #0681af; }
.slider .slick-slide div.title {
	color: #FFF;
	font-size: 48px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 80px; }
.slider .slick-slide p.title {
	color: #FFF;
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 20px 10px 0px 0px;
	border-top: 1px solid #FFF; }
.slider .slick-slide p {
	color: #FFF;
	font-size: 24px;
	line-height: normal; }
.slider .slick-dots {
	margin: 0px;
	bottom: 100px; }
.slider .slick-dots li {
	border-radius: 50px;
	background-color: #7dbdd5;
	width: 25px;
	height: 25px; }
.slider .slick-dots li button {
	display: block;
	background: transparent; }
.slider .slick-dots li.slick-active {
	background-color: #FFF; }
.customApp {
	padding: 130px 0px 180px 0px; }
.customApp h2 {
	color: #384249;
	font-size: 48px;
	text-align: center;
	padding-bottom: 50px;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 90px; }
.customApp .text {
	padding-left: 30px; }
.customApp p {
	color: #535353;
	font-size: 24px;
	line-height: 40px; }
.customApp .button {
	font-size: 27px;
	line-height: 35px;
	padding: 25px 180px;
	margin-top: 50px;
	width: 100%; }
.testimonials {
	height: 620px;
	text-align: center;
	padding-top: 200px;
	background-image: url('../images/testimonials-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; }
.experience {
	padding: 90px 0px 80px 0px; }
.experience em {
	color: #464646;
	font-size: 36px;
	display: block;
	padding-top: 5px;
	padding-left: 60px; }
.experience .button {
	font-size: 24px;
	padding: 20px 80px;
	margin-bottom: 0px;
	border-radius: 15px; }
.content {
	padding: 90px 0px; }
.content ul.services {
	margin: 45px 0px;
	padding-top: 65px;
	border-top: 1px solid #c2c2c2;
	list-style: none; }
.content ul.services li {
	padding: 45px 0px; }
.content ul.services li img{
    float: left; }
.content ul.services li h2 {
	margin: 0px 0px 20px 240px;
	text-transform: uppercase; }
.content ul.services li p {
	margin: 0px 0px 0px 240px; }
.content .left-col {
	padding-right: 30px; }
.content .right-col {
	padding-left: 30px; }
.content p {
	text-align: justify; }
.genform {
	max-width: 500px;
	margin: auto; }
.genform input,
.genform select,
.genform textarea {
	color: #333; }


/*** FOOTER ***/
footer {
	color: #FFF;
	position: relative;
	padding: 65px 0px 30px 0px;
	background-color: #252525; }
footer:before {
	content: '';
	height: 15px;
	position: absolute;
	top: 0px;
	width: 100%;
	background-image: url(../images/border.jpg);
	background-size: cover; }
footer p {
	color: #FFF; }
footer .sectionTitle {
	color: #FFF;
	font-size: 19px;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 35px;
	border-bottom: 1px solid #898989; }
footer .nav {
	text-align: center; }
footer .nav h2 {
	display: none; }
footer .nav ul {
	display: inline-block;
	margin: 0px;
	list-style: none; }
footer .nav ul li {
	float: left; }
footer .nav ul li a {
	color: #FFF;
	font-size: 18px;
	font-weight: lighter;
	padding-right: 20px; }
footer form button,
footer form button:hover {
	width: 100%;
	border-radius: 0px; }
.copy {
	text-align: center; }
.copy p {
	color: #8b8b8b;
	font-size: 18px;
	padding:45px 0px;
	margin: 0px; }




/*** MOBILE ***/
@media only screen and (max-width: 767px) {

	header {
		position: static;
		padding: 25px 0px; }
	header .call {
		display: none; }
	.menu {
		padding: 0px; }
	.menu:before {
		height: 5px;
		background-position: center; }
    nav.top-bar {
        height: 0px;
        margin: 0px;
        overflow: visible;
        display: block; }
    nav.top-bar .toggle-topbar.menu-icon {
        right: 5px;
        top: -70px;
        margin: 0px;
        padding: 0px; }
    nav.top-bar .toggle-topbar.menu-icon a {
        height: 40px;
        width: 40px;
        padding: 0px;
        border-radius: 50%;
        background-color: #A67F80; }
    nav.top-bar .toggle-topbar.menu-icon a span {
        width: 20px;
        box-shadow: 0px 0px 0px 1px #FFF, 0px 7px 0px 1px #FFF, 0px 14px 0px 1px #FFF;
        top: 13px;
        right: 10px;
        position: absolute; }
    nav.top-bar .toggle-topbar.menu-icon a span:after {
        content: none; }
    nav.top-bar .name {
        height: 0px; }
    nav.top-bar .top-bar-section {
        height: 0px;
        overflow: hidden; }
    nav.top-bar.expanded .top-bar-section {
        height: auto;
        overflow: visible; }
    nav.top-bar .top-bar-section ul {
        margin: 0px;
        display: block;
        border-top: 1px solid #e3e3e3; }
    nav.top-bar .top-bar-section li:not(.has-form) {
        display: block;
        border-right: 0px; }
    nav.top-bar .top-bar-section ul li:not(.has-form) a:not(.button) {
        display: block;
        padding: 15px; }

	.head {
		height: auto;
		padding-top: 60px; }
	.head h1 {
		font-size: 25px;
		margin-bottom: 35px; }
	.head .button {
		font-size: 18px;
		padding: 15px 25px; }
	.head .button:after {
		font-size: 25px;
		line-height: 18px; }
	.head.sub {
		height: 125px; }
	h1 {
		font-size: 28px;
		margin-bottom: 20px; }
	blockquote {
		font-size: 20px;
		line-height: 30px; }
	cite {
		font-size: 15px; }
	.home-welcome {
		padding: 40px 0px 0px 0px; }
	.home-welcome h2 {
		font-size: 28px;
		padding-bottom: 10px;
		margin-bottom: 20px; }
	.home-welcome p {
		font-size: 18px;
		line-height: 25px; }
	.home-welcome ul {
		padding-top: 15px; }
	.home-welcome ul li span {
		font-size: 18px;
		padding: 20px 40px; }
	.slider .slick-slide {
		padding: 40px 0px 70px 0px; }
	.slider .slick-slide div.title {
		font-size: 30px;
		margin-bottom: 10px; }
	.slider .slick-slide p.title {
		font-size: 25px; }
	.slider .slick-slide p {
	    font-size: 18px; }
	.slider .slick-dots {
		bottom: 35px; }
	.slider .slick-dots li {
		width: 15px;
		height: 15px; }
	.customApp {
		padding: 20px 0px; }
	.customApp .text {
		padding: 10px 0px; }
	.customApp h2 {
		font-size: 26px;
		padding-bottom: 10px;
		margin-bottom: 30px; }
	.customApp p {
		font-size: 18px;
		line-height: 30px; }
	.customApp .button {
		font-size: 15px;
		padding: 15px 20px;
		margin-top: 20px;
		line-height: 20px; }
	.testimonials  {
		height: auto;
		padding-top: 60px;
		padding-bottom: 60px; }
	.experience {
		padding: 30px 0px; }
	.experience em {
		font-size: 15px;
		padding-top: 0px;
		padding-left: 0px; }
	.experience .button {
		font-size: 14px;
		padding: 10px 80px;
		width: 100%;
		margin-top: 15px; }
	.content {
		padding: 25px 0px; }
	.content ul.services li img {
		float: none;
		text-align: center;
		margin: auto;
		margin-bottom: 15px;
		display: block; }
	.content ul.services li h2 {
		text-align: center;

		margin-left: 0px; }
	.content ul.services li p {
		margin-left: 0px; }
	.content .left-col {
		padding-right: 0px; }
	.content .right-col {
		padding-left: 0px; }
	.content ul.services {
		margin: 5px 0px;
		padding-top: 0px; }
	.content ul.services li {
		padding: 25px 0px; }
	.content p {
		text-align: left; }
	footer {
		padding: 30px 0px 10px 0px; }
	footer .sectionTitle {
		padding-bottom: 5px;
		margin-bottom: 15px; }
	footer .nav ul {
		margin-left: 0px; }
	.copy p {
		font-size: 12px;
		padding: 20px 0px; }
}

/*** TABLET ***/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	body, p {
		font-size: 15px; }
	header .call span {
		font-size: 25px; }
	header .call a {
		font-size: 30px; }
	nav.top-bar .top-bar-section li:not(.has-form) a:not(.button) {
		font-size: 12px;
		padding: 0px 10px; }
	.head {
		height: auto;
		padding-top: 90px;
		padding-bottom: 50px; }
	.head h1 {
		font-size: 40px;
		margin-bottom: 25px; }
	.head .button {
		font-size: 22px;
		padding: 20px 25px; }
	.head .button:after {
		font-size: 28px;
		line-height: 23px; }
	.head.sub {
		height: 200px; }
	h1 {
		font-size: 28px;
		margin-bottom: 20px; }
	h2 {
		font-size: 22px; }
	blockquote {
		font-size: 30px;
		line-height: 45px; }
	cite {
		font-size: 20px; }
	.home-welcome {
		padding: 60px 0px 20px 0px; }
	.home-welcome p {
		font-size: 30px; }
	.home-welcome ul {
		padding-top: 55px; }
	.home-welcome ul li span {
		font-size: 20px; }
	.slider .slick-slide {
		padding: 50px 0px 120px 0px; }
	.slider .slick-slide div.title {
		font-size: 44px;
		text-align: center;
		margin-bottom: 40px; }
	.slider .slick-slide p.title {
		font-size: 32px; }
	.slider .slick-dots {
		bottom: 55px; }
	.customApp {
		padding: 60px 0px; }
	.customApp h2 {
		font-size: 44px;
		padding-bottom: 30px;
		margin-bottom: 60px; }
	.customApp .text {
		padding-left: 0px; }
	.customApp .button {
		font-size: 23px;
		padding: 20px 130px;
		margin-top: 20px; }
	.testimonials {
		height: auto;
		padding-top: 100px;
		padding-bottom: 100px; }
	.experience {
		padding: 60px 0px; }
	.experience em {
		font-size: 32px;
		padding-left: 0px; }
	.experience .button {
		font-size: 22px;
		padding: 20px 70px; }
	.content {
		padding: 30px 0px; }
	.content .left-col {
		padding-right: 5px; }
	.content .right-col {
		padding-left: 5px; }
	.content ul.services {
		margin: 0px 0px;
		padding-top: 0px; }
	.content ul.services li {
		padding: 30px 0px; }
	.content ul.services li img {
		width: 140px;
		height: 140px; }
	.content ul.services li h2 {
		margin: 0px 0px 0px 180px; }
	.content ul.services li p {
		margin: 0px 0px 0px 180px; }
	footer .sectionTitle {
		font-size: 16px; }
	footer .nav ul li a {
		font-size: 15px; }	

}

@media only screen and (min-width: 950px) and (max-width: 1024px) {
	nav.top-bar .top-bar-section li:not(.has-form) a:not(.button) {
		font-size: 15px; }
}

@media only screen and (min-width: 1025px)  and (max-width: 1180px) {
	nav.top-bar .top-bar-section li:not(.has-form) a:not(.button) {
		font-size: 16px;
		padding: 0px 13px; }
	
}