html, body, ul, li, h1, h2, h3, h4,a, * {font-family: 'Roboto', sans-serif;margin: 0;padding:0;list-style: none;vertical-align: top;box-sizing: border-box;outline: none;text-decoration: none;}
body {background: #F9F9F9;}.show {display: block !important;}.hide {display: none !important;}img {width: 100%;}
.clear {clear: both;float: none;}.clear:after {display: table;width: 100%;clear: both;}
html.landing, html.landing body {display: table;width: 100%;height: 100%;position:relative;}
.floatLeft {float: left;}
.floatRight {float: right;}
::-webkit-input-placeholder {/* Chrome/Opera/Safari */font-weight: 100;}
::-moz-placeholder {/* Firefox 19+ */font-weight: 100;}
:-ms-input-placeholder {/* IE 10+ */font-weight: 100;}
:-moz-placeholder {/* Firefox 18- */font-weight: 100;}
.container {width: 80vw;margin: 0 auto;}
.button {cursor: pointer;border: 1px solid transparent;margin-top: 30px;padding: 10px 20px;display: inline-block;border-radius: 50px;background: #083D5F;color: #ffffff;}
.button.primary {background: #083D5F;color: #FFFFFF;}
.button.primary:hover {background: transparent;border-color: #083D5F;color: #083D5F;}
.button.secondary {background: #d7e4ec;border-color: #f2f2f2;color: #083d5f;}
.button.secondary:hover {background: #f2f2f2;border-color: #f2f2f2;color: #083D5F;}
.field {width: 30%;display: inline-block;margin: 5px 10px 5px 0;}
form {text-align: center;}
form .field {text-align: left;}
form .field .button {width: 45%;margin: 10px 5px}
.field-validation-error {font-size: 10px;color: #d81414;font-weight: 600;}
.validation.error {font-size: 14px;vertical-align: top;font-weight: 500;}
.validation.error span.label {color: #961c1c;font-size: 12px;vertical-align: bottom}
.validation.error label {color: #d81414;}
.field .control input, .field .control select, .field .control textarea {border: 1px solid #ccc;border-radius: 4px;font-size: 14px;color: #333333;padding: 10px;box-sizing: border-box;resize: vertical;}
.label {font-size: 13px;font-weight: 600;}
input, select {width: 100%;height: 40px;border-radius: 4px;border: 1px solid #8e8e8e;font-size: 14px;padding: 10px;}
input[type="checkbox"] {width: 32px;height: 32px;}
.logo {display: inline-block;width: 100px;height: 45px;background: url(../images/logo.png);background-size: contain;background-repeat: no-repeat;}
.section {text-align: center;padding: 80px 50px;box-sizing: border-box;}
.button {border: 1px solid transparent;margin-top: 30px;padding: 10px 20px;display: inline-block;border-radius: 50px;background: #083D5F;color: #ffffff;}

/*Table Layout styles*/
.table {box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -.5rem;margin-left: -.5rem;width: 100%;}
[class*="cel-"] {box-sizing: border-box;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding-right: .5rem;padding-left: .5rem;}
.cel-12 {width: 99.99%;}.cel-6 {width: 49.99%;}.cel-8 {width: 79.99%;}.cel-2 {width: 19.99%;}.separator {display: block;border-bottom: 1px solid #cccccc;width: 100%;}

/*Page Headder styles*/
header {padding: 30px 50px;margin-bottom: 25px;width: 100%;box-sizing: border-box;}
nav {float: right;}
nav ul li, nav ul {display: inline-block;}
nav ul li a {font-size: 14px;padding: 10px 20px;cursor: pointer;border-radius: 35px;color: #2b2d40;margin: 0 10px;}
nav ul li a:hover, nav ul li a.active {background: #083D5F;color: #ffffff;transition: 0.5s;border-radius: 50px;}
.signature {font-family: 'Caveat', cursive;font-size: 12px;text-align: right;position: absolute;left: -300px;bottom: 80px;font-weight: 700;white-space: nowrap;transform: rotate(350deg);color: #707070;}
.signature p {font-family: 'Caveat', cursive;font-size: 32px;font-weight: 100;}
.page-header .disc {display: inline-block;width: calc(100% - 550px);vertical-align: top;font-size: 14px;line-height: 26px;}
.page-header .picture {float: right;vertical-align: top;position: relative;}
.page-header .picture img {height: 450px;width: auto;}
.page-header .disc h1 {color: #707070;font-size: 36px;font-weight: bold;font-style: italic;line-height: 44px;margin-bottom: 20px;}

.section.services {background: #ffffff;position: relative;box-shadow: 0 -4px 8px rgb(0 0 0 / 5%);padding-bottom: 0;}
.services:before {content: "";position: absolute;top: -35px;left: 47vw;background-image: url(../images/arrow.svg);background-size: 25px;width: 88px;height: 80px;background-repeat: no-repeat;background-color: #fff;background-position: center 18px;border-radius: 180px;z-index: 0;box-shadow: 0 -13px 8px rgb(0 0 0 / 1%);}
.megaTitle .title {font-size: 58px;line-height: 54px; color: #EAEAEA;}
.megaTitle label {font-size: 24px;line-height: 26px;letter-spacing: 0.76px;color: #363636;font-weight: 600;margin-top: -22px;display: inline-block;text-shadow: -1px -1px 0px #f2f2f2;}
.megaTitle label strong {color: #81B84D;font-weight: 600;}
ul.services {display: block;width: 100%;background: #F9F9F9;border-radius: 20px;padding: 20px;box-sizing: border-box;margin-top: 85px;text-align: left;}
ul.services li {display: inline-block;width: 17vw;border-right: 1px solid #efefef;position: relative;padding: 50px 20px 10px 20px;text-align: center;color: #083D5F;}
.services li:last-child {border: none;}
.services li [class*="icon-"] {position: absolute;top: -47px;left: calc(50% - 47px);background-color: #f9f9f9;border-radius: 100px;z-index: 0;}
.services li h4 {font-size: 16px;}
.services li p {font-size: 12px;margin-top: 15px;line-height: 22px;color: #313A40;}
.services .vector {display: inline-block;width: 73%;height: 420px;background: url(../images/vector.svg);background-repeat: no-repeat;background-position: center;background-size: contain;}
.works li {display: inline-block;margin: 30px;}
.val {font-size: 14px;color: #f2f2f2;width: 30px;height: 30px;display: inline-block;border-radius: 30px;padding: 7px;box-sizing: border-box;}
.val.blue {background-color: #238FCE;}.val.blue+label {color: #238FCE;}
.val.dark {background-color: #083D5F;}.val.dark+label {color: #083D5F;}
.val.green {background-color: #81B84D;}.val.green+label {color: #81B84D;}
.works li label {line-height: 32px;}
.section.services .button.primary {margin-bottom: -20px;margin-top: 35px;}
.features {margin-top: 40px;}
.features h4 {color: #083D5F;font-size: 26px;margin-bottom: 15px;}
.features p {color: #083D5F;font-size: 16px;margin-bottom: 15px;font-style: italic;}

/*Testimonials*/
.usersImg li img {width: 52px;border-radius: 100px;height: 52px;border: 2px solid #ffffff;box-shadow: 1px 1px 6px rgb(0 0 0 / 0.2);}
.usersImg li {margin: 25px 0;}
.usersImg {display: inline-block;vertical-align: top;margin: 8px 15px;}
.data {display: inline-block;width: calc(100% - 600px);text-align: left;border-left: 1px solid #e4e4e4;padding: 20px 30px;box-sizing: border-box;margin: 5% 5% 1% 5%;}
.testmonials > .usersImg:first-child {margin-top: 35px;}
.data ul {width: 80%;position: relative;float: right;}
.data ul:before {content: "";position: absolute;width: 24px;height: 24px;display: inline-block;background-image: url(../images/quotes-outline.svg);background-repeat: no-repeat;background-size: contain;left: -40px;top: 4px;}
.data ul li {position: relative;display: contents;}
.data ul li p, .data ul li h4, .data ul li label {display: none;}
.data ul li.active p, .data ul li.active h4, .data ul li.active label {display: block;}
.data ul li:before {content: "";position: absolute;width: 14px;height: 14px;background: #f9f9f9;border: 1px solid #565656;border-radius: 20px;left: -33%;top: 0;}
.data ul li.active:before {background:#81b84d;border-color: #6b9c3d;z-index: 9;}
.data ul li:nth-child(2):before {top: 30px;} .data ul li:nth-child(3):before {top: 60px;} .data ul li:nth-child(4):before {top: 90px;}
.data ul li p {font-size: 14px;line-height: 20px;margin-bottom: 15px;}
.data ul li h4 {font-size: 14px;}
.data ul li label {font-size: 12px;color: #9E9E9E;font-style: italic;font-weight: 200;margin-top: 2px;}

/*Footer*/
footer {background: #F1F1F1;padding: 30px 50px;}
footer .signature {position: inherit;transform: inherit;text-align: center;padding: 20px;margin-bottom: 40px;}
.address {text-align: center;}
.address li {display: inline-block;text-align: left; width: 25vw;margin: 1% 2%;}
.address li h2 {font-size: 28px;color: #bdbdbd;margin-bottom: 10px;}
.address li h3 {font-size: 16px;color: #363636;margin-bottom: 10px;}
.address li p {font-size: 14px;line-height: 26px;color: #484848;}

/*Inner Page*/
.inner-page .page-header {background: #f2f2f2;}
.inner-page .section {text-align: left;padding: 30px 0px;}
.address li h3 {font-size: 16px;padding: 8px 0;}
.inner-page .section p {font-size: 14px;padding: 5px 0;}

/*ICONS*/
[class*="icon-"] {display: inline-block;background-size: contain;background-repeat: no-repeat;background-position: center;}
.quote {background-image: url(../images/quote.svg);width: 45px;height: 45px;display: inline-block;background-size: cover;margin-bottom: 10px;}
.icon-bs {background-image: url(../images/icon-bs.svg);width: 94px;height: 94px;background-size: 36px;}
.icon-accounting {background-image: url(../images/icon-accounting.svg);width: 94px;height: 94px;background-size: 36px;}
.icon-payorll {background-image: url(../images/icon-payorll.svg);width: 94px;height: 94px;background-size: 36px;}
.icon-tax {background-image: url(../images/icon-tax.svg);width: 94px;height: 94px;background-size: 36px;}
.icon-roc {background-image: url(../images/Icon-roc.svg);width: 94px;height: 94px;background-size: 36px;}